Mirrors/talemate
1
0
Fork 0
mirror of https://github.com/vegu-ai/talemate.git synced 2025-12-21 14:09:29 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
a75fbe5993daf9ecff0134b8f6dbac70f2713b3e
talemate/getting-started/advanced/change-host-and-port/index.html

7174 lines
115 KiB
HTML
Raw Normal View History

Deployed 20af2a9 with MkDocs version: 1.6.1
2025-12-19 21:47:05 +00:00
<!DOCTYPE html><html lang="en" class="no-js"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://vegu-ai.github.io/talemate/getting-started/advanced/change-host-and-port/">
<link rel="prev" href="../../load-a-scene/">
<link rel="next" href="../../../user-guide/character-card-import/">
<link rel="icon" href="../../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.1">
<title>Changing host and port - Talemate Documentation</title>
<link rel="stylesheet" href="../../../assets/stylesheets/main.484c7ddc.min.css">
<link rel="stylesheet" href="../../../assets/stylesheets/palette.ab4e12ef.min.css">
<style>:root{--md-admonition-icon--note:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1%207.775V2.75C1%201.784%201.784%201%202.75%201h5.025c.464%200%20.91.184%201.238.513l6.25%206.25a1.75%201.75%200%200%201%200%202.474l-5.026%205.026a1.75%201.75%200%200%201-2.474%200l-6.25-6.25A1.75%201.75%200%200%201%201%207.775m1.5%200c0%20.066.026.13.073.177l6.25%206.25a.25.25%200%200%200%20.354%200l5.025-5.025a.25.25%200%200%200%200-.354l-6.25-6.25a.25.25%200%200%200-.177-.073H2.75a.25.25%200%200%200-.25.25ZM6%205a1%201%200%201%201%200%202%201%201%200%200%201%200-2%22/%3E%3C/svg%3E');--md-admonition-icon--abstract:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%201.75v11.5c0%20.138.112.25.25.25h3.17a.75.75%200%200%201%200%201.5H2.75A1.75%201.75%200%200%201%201%2013.25V1.75C1%20.784%201.784%200%202.75%200h8.5C12.216%200%2013%20.784%2013%201.75v7.736a.75.75%200%200%201-1.5%200V1.75a.25.25%200%200%200-.25-.25h-8.5a.25.25%200%200%200-.25.25m13.274%209.537zl-4.557%204.45a.75.75%200%200%201-1.055-.008l-1.943-1.95a.75.75%200%200%201%201.062-1.058l1.419%201.425%204.026-3.932a.75.75%200%201%201%201.048%201.074M4.75%204h4.5a.75.75%200%200%201%200%201.5h-4.5a.75.75%200%200%201%200-1.5M4%207.75A.75.75%200%200%201%204.75%207h2a.75.75%200%200%201%200%201.5h-2A.75.75%200%200%201%204%207.75%22/%3E%3C/svg%3E');--md-admonition-icon--info:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%208a8%208%200%201%201%2016%200A8%208%200%200%201%200%208m8-6.5a6.5%206.5%200%201%200%200%2013%206.5%206.5%200%200%200%200-13M6.5%207.75A.75.75%200%200%201%207.25%207h1a.75.75%200%200%201%20.75.75v2.75h.25a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201%200-1.5h.25v-2h-.25a.75.75%200%200%201-.75-.75M8%206a1%201%200%201%201%200-2%201%201%200%200%201%200%202%22/%3E%3C/svg%3E');--md-admonition-icon--tip:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.499.75a.75.75%200%200%201%201.5%200v.996C5.9%202.903%206.793%203.65%207.662%204.376l.24.202c-.036-.694.055-1.422.426-2.163C9.1.873%2010.794-.045%2012.622.26%2014.408.558%2016%201.94%2016%204.25c0%201.278-.954%202.575-2.44%202.734l.146.508.065.22c.203.701.412%201.455.476%202.226.142%201.707-.4%203.03-1.487%203.898C11.714%2014.671%2010.27%2015%208.75%2015h-6a.75.75%200%200%201%200-1.5h1.376a4.5%204.5%200%200%201-.563-1.191%203.84%203.84%200%200%201-.05-2.063%204.65%204.65%200%200%201-2.025-.293.75.75%200%200%201%20.525-1.406c1.357.507%202.376-.006%202.698-.318l.009-.01a.747.747%200%200%201%201.06%200%20.75.75%200%200%201-.012%201.074c-.912.92-.992%201.835-.768%202.586.221.74.745%201.337%201.196%201.621H8.75c1.343%200%202.398-.296%203.074-.836.635-.507%201.036-1.31.928-2.602-.05-.603-.216-1.224-.422-1.93l-.064-.221c-.12-.407-.246-.84-.353-1.29a2.4%202.4%200%200%201-.507-.441%203.1%203.1%200%200%201-.633-1.248.75.75%200%200%201%201.455-.364c.046.185.144.436.31.627.146.168.353.305.712.305.738%200%201.25-.615%201.25-1.25%200-1.47-.95-2.315-2.123-2.51-1.172-.196-2.227.387-2.706%201.345-.46.92-.27%201.774.019%203.062l.042.19.01.05c.348.443.666.949.94%201.553a.75.75%200%201%201-1.365.62c-.553-1.217-1.32-1.94-2.3-2.768L6.7%205.527c-.814-.68-1.75-1.462-2.692-2.619a3.7%203.7%200%200%200-1.023.88c-.406.495-.663%201.036-.722%201.508.116.122.306.21.591.239.388.038.797-.06%201.032-.19a.75.75%200%200%201%20.728%201.31c-.515.287-1.23.439-1.906.373-.682-.067-1.473-.38-1.879-1.193L.75%205.677V5.5c0-.984.48-1.94%201.077-2.664.46-.559%201.05-1.055%201.673-1.353z%22/%3E%3C/svg%3E');--md-admonition-icon--success:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.78%204.22a.75.75%200%200%201%200%201.06l-7.25%207.25a.75.75%200%200%201-1.06%200L2.22%209.28a.75.75%200%2
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&amp;display=fallback">
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<link rel="stylesheet" href="../../../style.css">
<script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"><script src="../../../assets/javascripts/glightbox.min.js"></script><style id="glightbox-style">
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color); }
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color); }
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color); }
</style></head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="indigo">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#changing-host-and-port" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../../.." title="Talemate Documentation" class="md-header__button md-logo" aria-label="Talemate Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"></path></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"></path></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Talemate Documentation
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Changing host and port
</span>
</div>
</div>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../../.." title="Talemate Documentation" class="md-nav__button md-logo" aria-label="Talemate Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"></path></svg>
</a>
Talemate Documentation
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../.." class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
<span class="md-ellipsis">
Getting started
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Getting started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_1">
<label class="md-nav__link" for="__nav_2_1" id="__nav_2_1_label" tabindex="0">
<span class="md-ellipsis">
1. Installation
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2_1">
<span class="md-nav__icon md-icon"></span>
1. Installation
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../installation/windows/" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../installation/linux/" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../installation/docker/" class="md-nav__link">
<span class="md-ellipsis">
Docker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../installation/troubleshoot/" class="md-nav__link">
<span class="md-ellipsis">
Common issues
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../connect-a-client/" class="md-nav__link">
<span class="md-ellipsis">
2. Connect a client
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../load-a-scene/" class="md-nav__link">
<span class="md-ellipsis">
3. Load a scene
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4" checked>
<label class="md-nav__link" for="__nav_2_4" id="__nav_2_4_label" tabindex="0">
<span class="md-ellipsis">
Advanced
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_4_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_2_4">
<span class="md-nav__icon md-icon"></span>
Advanced
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Changing host and port
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Changing host and port
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#backend" class="md-nav__link">
<span class="md-ellipsis">
Backend
</span>
</a>
<nav class="md-nav" aria-label="Backend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#changing-the-host-and-port-for-the-backend" class="md-nav__link">
<span class="md-ellipsis">
Changing the host and port for the backend
</span>
</a>
<nav class="md-nav" aria-label="Changing the host and port for the backend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#letting-the-frontend-know-about-the-new-host-and-port" class="md-nav__link">
<span class="md-ellipsis">
Letting the frontend know about the new host and port
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#start-the-backend-and-frontend" class="md-nav__link">
<span class="md-ellipsis">
Start the backend and frontend
</span>
</a>
<nav class="md-nav" aria-label="Start the backend and frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_1" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_1" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#frontend" class="md-nav__link">
<span class="md-ellipsis">
Frontend
</span>
</a>
<nav class="md-nav" aria-label="Frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#changing-the-host-and-port-for-the-frontend" class="md-nav__link">
<span class="md-ellipsis">
Changing the host and port for the frontend
</span>
</a>
<nav class="md-nav" aria-label="Changing the host and port for the frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_2" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_2" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#start-the-backend-and-frontend_1" class="md-nav__link">
<span class="md-ellipsis">
Start the backend and frontend
</span>
</a>
<nav class="md-nav" aria-label="Start the backend and frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_3" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_3" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3">
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
<span class="md-ellipsis">
User guide
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
User guide
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/character-card-import/" class="md-nav__link">
<span class="md-ellipsis">
Character Card Import
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/interacting/" class="md-nav__link">
<span class="md-ellipsis">
Interacting with the scene
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/restoring-scenes/" class="md-nav__link">
<span class="md-ellipsis">
Restoring Scenes from Backups
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/saving/" class="md-nav__link">
<span class="md-ellipsis">
Saving
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/scenario-tools/" class="md-nav__link">
<span class="md-ellipsis">
Scene Tools
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/tracking-a-state/" class="md-nav__link">
<span class="md-ellipsis">
Tracked states
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/visual-library/" class="md-nav__link">
<span class="md-ellipsis">
Visual Library
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/voice-library/" class="md-nav__link">
<span class="md-ellipsis">
Voice Library
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-state/" class="md-nav__link">
<span class="md-ellipsis">
World State
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10">
<label class="md-nav__link" for="__nav_3_10" id="__nav_3_10_label" tabindex="0">
<span class="md-ellipsis">
Agents
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_10_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10">
<span class="md-nav__icon md-icon"></span>
Agents
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_2">
<label class="md-nav__link" for="__nav_3_10_2" id="__nav_3_10_2_label" tabindex="0">
<span class="md-ellipsis">
Conversation
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_2">
<span class="md-nav__icon md-icon"></span>
Conversation
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/conversation/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/conversation/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_3">
<label class="md-nav__link" for="__nav_3_10_3" id="__nav_3_10_3_label" tabindex="0">
<span class="md-ellipsis">
Creator
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_3">
<span class="md-nav__icon md-icon"></span>
Creator
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/creator/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/creator/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_4">
<label class="md-nav__link" for="__nav_3_10_4" id="__nav_3_10_4_label" tabindex="0">
<span class="md-ellipsis">
Director
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_4">
<span class="md-nav__icon md-icon"></span>
Director
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/director/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/director/chat/" class="md-nav__link">
<span class="md-ellipsis">
Director Chat
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/director/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_5">
<label class="md-nav__link" for="__nav_3_10_5" id="__nav_3_10_5_label" tabindex="0">
<span class="md-ellipsis">
Editor
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_5">
<span class="md-nav__icon md-icon"></span>
Editor
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/editor/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/editor/revisions/" class="md-nav__link">
<span class="md-ellipsis">
Revisions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/editor/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_6">
<label class="md-nav__link" for="__nav_3_10_6" id="__nav_3_10_6_label" tabindex="0">
<span class="md-ellipsis">
Memory
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_6">
<span class="md-nav__icon md-icon"></span>
Memory
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/memory/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/memory/embeddings/" class="md-nav__link">
<span class="md-ellipsis">
Embeddings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/memory/koboldcpp/" class="md-nav__link">
<span class="md-ellipsis">
KoboldCpp Embeddings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/memory/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/memory/testing/" class="md-nav__link">
<span class="md-ellipsis">
Testing Embeddings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_7">
<label class="md-nav__link" for="__nav_3_10_7" id="__nav_3_10_7_label" tabindex="0">
<span class="md-ellipsis">
Narrator
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_7_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_7">
<span class="md-nav__icon md-icon"></span>
Narrator
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/narrator/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/narrator/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_8">
<label class="md-nav__link" for="__nav_3_10_8" id="__nav_3_10_8_label" tabindex="0">
<span class="md-ellipsis">
Summarizer
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_8_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_8">
<span class="md-nav__icon md-icon"></span>
Summarizer
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/summarizer/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/summarizer/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_9">
<label class="md-nav__link" for="__nav_3_10_9" id="__nav_3_10_9_label" tabindex="0">
<span class="md-ellipsis">
Visualizer
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_9_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_9">
<span class="md-nav__icon md-icon"></span>
Visualizer
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/visual-library/" class="md-nav__link">
<span class="md-ellipsis">
Visual Library
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_9_4">
<label class="md-nav__link" for="__nav_3_10_9_4" id="__nav_3_10_9_4_label" tabindex="0">
<span class="md-ellipsis">
Backends
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="4" aria-labelledby="__nav_3_10_9_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_9_4">
<span class="md-nav__icon md-icon"></span>
Backends
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/a1111/" class="md-nav__link">
<span class="md-ellipsis">
AUTOMATIC1111
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/comfyui/" class="md-nav__link">
<span class="md-ellipsis">
ComfyUI
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/google/" class="md-nav__link">
<span class="md-ellipsis">
Google
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/openai/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/openrouter/" class="md-nav__link">
<span class="md-ellipsis">
OpenRouter
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/visualizer/backends/sdnext/" class="md-nav__link">
<span class="md-ellipsis">
SD.Next
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_10">
<label class="md-nav__link" for="__nav_3_10_10" id="__nav_3_10_10_label" tabindex="0">
<span class="md-ellipsis">
Voice
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_10_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_10">
<span class="md-nav__icon md-icon"></span>
Voice
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/chatterbox/" class="md-nav__link">
<span class="md-ellipsis">
Chatterbox
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/elevenlabs/" class="md-nav__link">
<span class="md-ellipsis">
ElevenLabs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/f5tts/" class="md-nav__link">
<span class="md-ellipsis">
F5-TTS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/google/" class="md-nav__link">
<span class="md-ellipsis">
Google Gemini-TTS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/kokoro/" class="md-nav__link">
<span class="md-ellipsis">
Kokoro
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/openai/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/troubleshooting/" class="md-nav__link">
<span class="md-ellipsis">
TTS Troubleshooting
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/voice/voice-library/" class="md-nav__link">
<span class="md-ellipsis">
Voice Library
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_10_11">
<label class="md-nav__link" for="__nav_3_10_11" id="__nav_3_10_11_label" tabindex="0">
<span class="md-ellipsis">
World state
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_10_11_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_10_11">
<span class="md-nav__icon md-icon"></span>
World state
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/agents/world-state/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/agents/world-state/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_11">
<label class="md-nav__link" for="__nav_3_11" id="__nav_3_11_label" tabindex="0">
<span class="md-ellipsis">
App settings
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_11_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_11">
<span class="md-nav__icon md-icon"></span>
App settings
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/app-settings/appearance/" class="md-nav__link">
<span class="md-ellipsis">
Appearance
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/app-settings/application/" class="md-nav__link">
<span class="md-ellipsis">
Application
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/app-settings/game/" class="md-nav__link">
<span class="md-ellipsis">
Game
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/app-settings/presets/" class="md-nav__link">
<span class="md-ellipsis">
Presets
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_12">
<label class="md-nav__link" for="__nav_3_12" id="__nav_3_12_label" tabindex="0">
<span class="md-ellipsis">
Clients
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_12_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_12">
<span class="md-nav__icon md-icon"></span>
Clients
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/clients/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/prompt-templates/" class="md-nav__link">
<span class="md-ellipsis">
Prompt Templates
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/recommended-models/" class="md-nav__link">
<span class="md-ellipsis">
Recommended Local Models
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/presets/" class="md-nav__link">
<span class="md-ellipsis">
Inference Presets
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_12_5">
<label class="md-nav__link" for="__nav_3_12_5" id="__nav_3_12_5_label" tabindex="0">
<span class="md-ellipsis">
Client Types
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_12_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_12_5">
<span class="md-nav__icon md-icon"></span>
Client Types
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/anthropic/" class="md-nav__link">
<span class="md-ellipsis">
Anthropic
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/cohere/" class="md-nav__link">
<span class="md-ellipsis">
Cohere
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/google/" class="md-nav__link">
<span class="md-ellipsis">
Google
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/groq/" class="md-nav__link">
<span class="md-ellipsis">
Groq
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/koboldcpp/" class="md-nav__link">
<span class="md-ellipsis">
KoboldCpp
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/lmstudio/" class="md-nav__link">
<span class="md-ellipsis">
LMStudio
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/mistral/" class="md-nav__link">
<span class="md-ellipsis">
Mistral.ai
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/openai/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/openai-compatible/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI Compatible
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/ollama/" class="md-nav__link">
<span class="md-ellipsis">
Ollama
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/openrouter/" class="md-nav__link">
<span class="md-ellipsis">
OpenRouter
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/tabbyapi/" class="md-nav__link">
<span class="md-ellipsis">
TabbyAPI
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/types/text-generation-webui/" class="md-nav__link">
<span class="md-ellipsis">
Text-Generation-WebUI
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/endpoint-override/" class="md-nav__link">
<span class="md-ellipsis">
Endpoint Override
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/hibernate/" class="md-nav__link">
<span class="md-ellipsis">
Hibernation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/rate-limiting/" class="md-nav__link">
<span class="md-ellipsis">
Rate Limiting
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/reasoning/" class="md-nav__link">
<span class="md-ellipsis">
Reasoning Model Support
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/clients/template-locking/" class="md-nav__link">
<span class="md-ellipsis">
Template Locking
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_13">
<label class="md-nav__link" for="__nav_3_13" id="__nav_3_13_label" tabindex="0">
<span class="md-ellipsis">
Node editor
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_13_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_13">
<span class="md-nav__icon md-icon"></span>
Node editor
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/" class="md-nav__link">
<span class="md-ellipsis">
Introduction
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_13_2">
<label class="md-nav__link" for="__nav_3_13_2" id="__nav_3_13_2_label" tabindex="0">
<span class="md-ellipsis">
Core concepts
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_13_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_13_2">
<span class="md-nav__icon md-icon"></span>
Core concepts
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/collector_nodes/" class="md-nav__link">
<span class="md-ellipsis">
Collector Nodes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/command_module/" class="md-nav__link">
<span class="md-ellipsis">
Command Modules
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/error-handling/" class="md-nav__link">
<span class="md-ellipsis">
Error Handling
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/events/" class="md-nav__link">
<span class="md-ellipsis">
Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/functions/" class="md-nav__link">
<span class="md-ellipsis">
Functions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/modularity/" class="md-nav__link">
<span class="md-ellipsis">
Modularity
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/module-inheritance/" class="md-nav__link">
<span class="md-ellipsis">
Module Inheritance
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/package/" class="md-nav__link">
<span class="md-ellipsis">
Installable Packages
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/prompt-templates/" class="md-nav__link">
<span class="md-ellipsis">
Prompt Templates
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/prompt_building/" class="md-nav__link">
<span class="md-ellipsis">
Prompt Building
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/staging/" class="md-nav__link">
<span class="md-ellipsis">
Staging
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/states/" class="md-nav__link">
<span class="md-ellipsis">
State Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/switches/" class="md-nav__link">
<span class="md-ellipsis">
Switches and conditional routing
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/core-concepts/user-interface/" class="md-nav__link">
<span class="md-ellipsis">
Using the node editor
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_13_3">
<label class="md-nav__link" for="__nav_3_13_3" id="__nav_3_13_3_label" tabindex="0">
<span class="md-ellipsis">
Reference
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_13_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_13_3">
<span class="md-nav__icon md-icon"></span>
Reference
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/reference/events/" class="md-nav__link">
<span class="md-ellipsis">
Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/reference/template_functions/" class="md-nav__link">
<span class="md-ellipsis">
Template Functions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/node-editor/reference/useful-template-patterns/" class="md-nav__link">
<span class="md-ellipsis">
Template Pattern Cheat Sheet
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_14">
<label class="md-nav__link" for="__nav_3_14" id="__nav_3_14_label" tabindex="0">
<span class="md-ellipsis">
World editor
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_14_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_14">
<span class="md-nav__icon md-icon"></span>
World editor
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/context-db/" class="md-nav__link">
<span class="md-ellipsis">
Context DB
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/generation-settings/" class="md-nav__link">
<span class="md-ellipsis">
Generation Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/history/" class="md-nav__link">
<span class="md-ellipsis">
History
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/pins/" class="md-nav__link">
<span class="md-ellipsis">
Pins
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/suggestions/" class="md-nav__link">
<span class="md-ellipsis">
Suggestions
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_14_6">
<label class="md-nav__link" for="__nav_3_14_6" id="__nav_3_14_6_label" tabindex="0">
<span class="md-ellipsis">
Characters
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_14_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_14_6">
<span class="md-nav__icon md-icon"></span>
Characters
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/deactivate/" class="md-nav__link">
<span class="md-ellipsis">
Activate / Deactivate
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/actor/" class="md-nav__link">
<span class="md-ellipsis">
Actor management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/attributes/" class="md-nav__link">
<span class="md-ellipsis">
Attributes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/create/" class="md-nav__link">
<span class="md-ellipsis">
Create new character
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/delete/" class="md-nav__link">
<span class="md-ellipsis">
Delete a character
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/description/" class="md-nav__link">
<span class="md-ellipsis">
Description
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/details/" class="md-nav__link">
<span class="md-ellipsis">
Details
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/import/" class="md-nav__link">
<span class="md-ellipsis">
Import a character
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/characters/states/" class="md-nav__link">
<span class="md-ellipsis">
Tracked states
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_14_7">
<label class="md-nav__link" for="__nav_3_14_7" id="__nav_3_14_7_label" tabindex="0">
<span class="md-ellipsis">
Scene
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_14_7_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_14_7">
<span class="md-nav__icon md-icon"></span>
Scene
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/scene/outline/" class="md-nav__link">
<span class="md-ellipsis">
Outline
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/scene/direction/" class="md-nav__link">
<span class="md-ellipsis">
Direction
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/scene/settings/" class="md-nav__link">
<span class="md-ellipsis">
Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/scene/shared-context/" class="md-nav__link">
<span class="md-ellipsis">
Shared World
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/scene/export/" class="md-nav__link">
<span class="md-ellipsis">
Export
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_14_8">
<label class="md-nav__link" for="__nav_3_14_8" id="__nav_3_14_8_label" tabindex="0">
<span class="md-ellipsis">
Templates
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_14_8_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_14_8">
<span class="md-nav__icon md-icon"></span>
Templates
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/attribute/" class="md-nav__link">
<span class="md-ellipsis">
Character Attribute
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/detail/" class="md-nav__link">
<span class="md-ellipsis">
Character Detail
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/groups/" class="md-nav__link">
<span class="md-ellipsis">
Groups
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/scene_type/" class="md-nav__link">
<span class="md-ellipsis">
Scene Types
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/spice/" class="md-nav__link">
<span class="md-ellipsis">
Spice Collection
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/state/" class="md-nav__link">
<span class="md-ellipsis">
State Reinforcement
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/templates/writing-style/" class="md-nav__link">
<span class="md-ellipsis">
Writing Styles
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_14_9">
<label class="md-nav__link" for="__nav_3_14_9" id="__nav_3_14_9_label" tabindex="0">
<span class="md-ellipsis">
World
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_14_9_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_14_9">
<span class="md-nav__icon md-icon"></span>
World
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/world-editor/world/states/" class="md-nav__link">
<span class="md-ellipsis">
Tracked states
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_15">
<label class="md-nav__link" for="__nav_3_15" id="__nav_3_15_label" tabindex="0">
<span class="md-ellipsis">
Tutorials
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_15_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_15">
<span class="md-nav__icon md-icon"></span>
Tutorials
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_15_1">
<label class="md-nav__link" for="__nav_3_15_1" id="__nav_3_15_1_label" tabindex="0">
<span class="md-ellipsis">
Creating a basic scene
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_15_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_15_1">
<span class="md-nav__icon md-icon"></span>
Creating a basic scene
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/howto/create-a-new-scene/create-empty-scene/" class="md-nav__link">
<span class="md-ellipsis">
1. An empty scene
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/create-a-new-scene/create-player-character/" class="md-nav__link">
<span class="md-ellipsis">
2. Add a player character
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/create-a-new-scene/create-npc/" class="md-nav__link">
<span class="md-ellipsis">
3. Add an AI character
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/create-a-new-scene/test/" class="md-nav__link">
<span class="md-ellipsis">
4. Test your scene
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_15_2">
<label class="md-nav__link" for="__nav_3_15_2" id="__nav_3_15_2_label" tabindex="0">
<span class="md-ellipsis">
Dynamic storylines
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_15_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_15_2">
<span class="md-nav__icon md-icon"></span>
Dynamic storylines
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/howto/use-dynamic-story-module/" class="md-nav__link">
<span class="md-ellipsis">
Tutorial
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_15_3">
<label class="md-nav__link" for="__nav_3_15_3" id="__nav_3_15_3_label" tabindex="0">
<span class="md-ellipsis">
Node Editor - Crash Course
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_15_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_15_3">
<span class="md-nav__icon md-icon"></span>
Node Editor - Crash Course
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/1-create-the-scene-project/" class="md-nav__link">
<span class="md-ellipsis">
1 - Scene Project
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/2-initial-nodes/" class="md-nav__link">
<span class="md-ellipsis">
2 - Initial Nodes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/3-improvements/" class="md-nav__link">
<span class="md-ellipsis">
3 - Improvements
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/4-get-organized/" class="md-nav__link">
<span class="md-ellipsis">
4 - Get organized
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/5-agentic-workflow/" class="md-nav__link">
<span class="md-ellipsis">
5 - Agentic Flow
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/6-reusable-module/" class="md-nav__link">
<span class="md-ellipsis">
6 - Reusable Module
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/howto/infinity-quest-dynamic/7-polish/" class="md-nav__link">
<span class="md-ellipsis">
7 - Polish
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_16">
<label class="md-nav__link" for="__nav_3_16" id="__nav_3_16_label" tabindex="0">
<span class="md-ellipsis">
Third Party APIs
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_16_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_16">
<span class="md-nav__icon md-icon"></span>
Third Party APIs
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/apis/anthropic/" class="md-nav__link">
<span class="md-ellipsis">
Anthropic
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/cohere/" class="md-nav__link">
<span class="md-ellipsis">
Cohere
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/elevenlabs/" class="md-nav__link">
<span class="md-ellipsis">
ElevenLabs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/google/" class="md-nav__link">
<span class="md-ellipsis">
Google Cloud
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/groq/" class="md-nav__link">
<span class="md-ellipsis">
Groq
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/mistral/" class="md-nav__link">
<span class="md-ellipsis">
Mistral.ai
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/openrouter/" class="md-nav__link">
<span class="md-ellipsis">
OpenRouter
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../user-guide/apis/openai/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_17">
<label class="md-nav__link" for="__nav_3_17" id="__nav_3_17_label" tabindex="0">
<span class="md-ellipsis">
Third Party Integrations
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_17_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_17">
<span class="md-nav__icon md-icon"></span>
Third Party Integrations
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../user-guide/integrations/runpod/" class="md-nav__link">
<span class="md-ellipsis">
Runpod
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4">
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
<span class="md-ellipsis">
Developer guide
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Developer guide
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../dev/" class="md-nav__link">
<span class="md-ellipsis">
Coming soon
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../dev/templates/" class="md-nav__link">
<span class="md-ellipsis">
Template Overrides
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../dev/third-party-reference/" class="md-nav__link">
<span class="md-ellipsis">
Third party reference
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_4">
<label class="md-nav__link" for="__nav_4_4" id="__nav_4_4_label" tabindex="0">
<span class="md-ellipsis">
Howto
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4_4">
<span class="md-nav__icon md-icon"></span>
Howto
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../dev/howto/add-a-worldstate-template-type/" class="md-nav__link">
<span class="md-ellipsis">
Adding a new world-state template
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#backend" class="md-nav__link">
<span class="md-ellipsis">
Backend
</span>
</a>
<nav class="md-nav" aria-label="Backend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#changing-the-host-and-port-for-the-backend" class="md-nav__link">
<span class="md-ellipsis">
Changing the host and port for the backend
</span>
</a>
<nav class="md-nav" aria-label="Changing the host and port for the backend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#letting-the-frontend-know-about-the-new-host-and-port" class="md-nav__link">
<span class="md-ellipsis">
Letting the frontend know about the new host and port
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#start-the-backend-and-frontend" class="md-nav__link">
<span class="md-ellipsis">
Start the backend and frontend
</span>
</a>
<nav class="md-nav" aria-label="Start the backend and frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_1" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_1" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#frontend" class="md-nav__link">
<span class="md-ellipsis">
Frontend
</span>
</a>
<nav class="md-nav" aria-label="Frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#changing-the-host-and-port-for-the-frontend" class="md-nav__link">
<span class="md-ellipsis">
Changing the host and port for the frontend
</span>
</a>
<nav class="md-nav" aria-label="Changing the host and port for the frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_2" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_2" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#start-the-backend-and-frontend_1" class="md-nav__link">
<span class="md-ellipsis">
Start the backend and frontend
</span>
</a>
<nav class="md-nav" aria-label="Start the backend and frontend">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#linux_3" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#windows_3" class="md-nav__link">
<span class="md-ellipsis">
Windows
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="changing-host-and-port">Changing host and port</h1>
<h2 id="backend">Backend</h2>
<p>By default, the backend listens on <code>localhost:5050</code>.</p>
<p>To run the server on a different host and port, you need to change the values passed to the <code>--host</code> and <code>--port</code> parameters during startup and also make sure the frontend knows the new values.</p>
<h3 id="changing-the-host-and-port-for-the-backend">Changing the host and port for the backend</h3>
<h4 id="linux"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.62 8.35c-.42.28-1.75 1.04-1.95 1.19-.39.31-.75.29-1.14-.01-.2-.16-1.53-.92-1.95-1.19-.48-.31-.45-.7.08-.92 1.64-.69 3.28-.64 4.91.03.49.21.51.6.05.9m7.22 7.28c-.93-2.09-2.2-3.99-3.84-5.66a4.3 4.3 0 0 1-1.06-1.88c-.1-.33-.17-.67-.24-1.01-.2-.88-.29-1.78-.7-2.61-.73-1.58-2-2.4-3.84-2.47-1.81.05-3.16.81-3.95 2.4-.21.43-.36.88-.46 1.34-.17.76-.32 1.55-.5 2.32-.15.65-.45 1.21-.96 1.71-1.61 1.57-2.9 3.37-3.88 5.35-.14.29-.28.58-.37.88-.19.66.29 1.12.99.96.44-.09.88-.18 1.3-.31.41-.15.57-.05.67.35.65 2.15 2.07 3.66 4.24 4.5 4.12 1.56 8.93-.66 9.97-4.58.07-.27.17-.37.47-.27.46.14.93.24 1.4.35.49.09.85-.16.92-.64.03-.26-.06-.49-.16-.73"></path></svg></span> Linux</h4>
<p>Copy <code>start.sh</code> to <code>start_custom.sh</code> and edit the <code>--host</code> and <code>--port</code> parameters.</p>
<div class="highlight"><pre><span></span><code><span class="ch">#!/bin/sh</span>
uv<span class="w"> </span>run<span class="w"> </span>src/talemate/server/run.py<span class="w"> </span>runserver<span class="w"> </span>--host<span class="w"> </span><span class="m">0</span>.0.0.0<span class="w"> </span>--port<span class="w"> </span><span class="m">1234</span>
</code></pre></div>
<h4 id="windows"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12V6.75l6-1.32v6.48zm17-9v8.75l-10 .15V5.21zM3 13l6 .09v6.81l-6-1.15zm17 .25V22l-10-1.91V13.1z"></path></svg></span> Windows</h4>
<p>Copy <code>start.bat</code> to <code>start_custom.bat</code> and edit the <code>--host</code> and <code>--port</code> parameters.</p>
<div class="highlight"><pre><span></span><code>uv run src\talemate\server\run.py runserver --host 0.0.0.0 --port 1234
</code></pre></div>
<h3 id="letting-the-frontend-know-about-the-new-host-and-port">Letting the frontend know about the new host and port</h3>
<p>Copy <code>talemate_frontend/example.env.development.local</code> to <code>talemate_frontend/.env.production.local</code> and edit the <code>VITE_TALEMATE_BACKEND_WEBSOCKET_URL</code>.</p>
<div class="highlight"><pre><span></span><code>VITE_TALEMATE_BACKEND_WEBSOCKET_URL=ws://localhost:1234
</code></pre></div>
<p>Next rebuild the frontend.</p>
<div class="highlight"><pre><span></span><code><span class="nb">cd</span><span class="w"> </span>talemate_frontend
npm<span class="w"> </span>run<span class="w"> </span>build
</code></pre></div>
<h3 id="start-the-backend-and-frontend">Start the backend and frontend</h3>
<p>Start the backend and frontend as usual.</p>
<h4 id="linux_1"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.62 8.35c-.42.28-1.75 1.04-1.95 1.19-.39.31-.75.29-1.14-.01-.2-.16-1.53-.92-1.95-1.19-.48-.31-.45-.7.08-.92 1.64-.69 3.28-.64 4.91.03.49.21.51.6.05.9m7.22 7.28c-.93-2.09-2.2-3.99-3.84-5.66a4.3 4.3 0 0 1-1.06-1.88c-.1-.33-.17-.67-.24-1.01-.2-.88-.29-1.78-.7-2.61-.73-1.58-2-2.4-3.84-2.47-1.81.05-3.16.81-3.95 2.4-.21.43-.36.88-.46 1.34-.17.76-.32 1.55-.5 2.32-.15.65-.45 1.21-.96 1.71-1.61 1.57-2.9 3.37-3.88 5.35-.14.29-.28.58-.37.88-.19.66.29 1.12.99.96.44-.09.88-.18 1.3-.31.41-.15.57-.05.67.35.65 2.15 2.07 3.66 4.24 4.5 4.12 1.56 8.93-.66 9.97-4.58.07-.27.17-.37.47-.27.46.14.93.24 1.4.35.49.09.85-.16.92-.64.03-.26-.06-.49-.16-.73"></path></svg></span> Linux</h4>
<div class="highlight"><pre><span></span><code>./start_custom.sh
</code></pre></div>
<h4 id="windows_1"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12V6.75l6-1.32v6.48zm17-9v8.75l-10 .15V5.21zM3 13l6 .09v6.81l-6-1.15zm17 .25V22l-10-1.91V13.1z"></path></svg></span> Windows</h4>
<div class="highlight"><pre><span></span><code>start_custom.bat
</code></pre></div>
<h2 id="frontend">Frontend</h2>
<p>By default, the frontend listens on <code>localhost:8080</code>.</p>
<p>To change the frontend host and port, you need to change the values passed to the <code>--frontend-host</code> and <code>--frontend-port</code> parameters during startup.</p>
<h3 id="changing-the-host-and-port-for-the-frontend">Changing the host and port for the frontend</h3>
<h4 id="linux_2"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.62 8.35c-.42.28-1.75 1.04-1.95 1.19-.39.31-.75.29-1.14-.01-.2-.16-1.53-.92-1.95-1.19-.48-.31-.45-.7.08-.92 1.64-.69 3.28-.64 4.91.03.49.21.51.6.05.9m7.22 7.28c-.93-2.09-2.2-3.99-3.84-5.66a4.3 4.3 0 0 1-1.06-1.88c-.1-.33-.17-.67-.24-1.01-.2-.88-.29-1.78-.7-2.61-.73-1.58-2-2.4-3.84-2.47-1.81.05-3.16.81-3.95 2.4-.21.43-.36.88-.46 1.34-.17.76-.32 1.55-.5 2.32-.15.65-.45 1.21-.96 1.71-1.61 1.57-2.9 3.37-3.88 5.35-.14.29-.28.58-.37.88-.19.66.29 1.12.99.96.44-.09.88-.18 1.3-.31.41-.15.57-.05.67.35.65 2.15 2.07 3.66 4.24 4.5 4.12 1.56 8.93-.66 9.97-4.58.07-.27.17-.37.47-.27.46.14.93.24 1.4.35.49.09.85-.16.92-.64.03-.26-.06-.49-.16-.73"></path></svg></span> Linux</h4>
<p>Copy <code>start.sh</code> to <code>start_custom.sh</code> and edit the <code>--frontend-host</code> and <code>--frontend-port</code> parameters.</p>
<div class="highlight"><pre><span></span><code><span class="ch">#!/bin/sh</span>
uv<span class="w"> </span>run<span class="w"> </span>src/talemate/server/run.py<span class="w"> </span>runserver<span class="w"> </span>--host<span class="w"> </span><span class="m">0</span>.0.0.0<span class="w"> </span>--port<span class="w"> </span><span class="m">5055</span><span class="w"> </span><span class="se">\</span>
--frontend-host<span class="w"> </span>localhost<span class="w"> </span>--frontend-port<span class="w"> </span><span class="m">8082</span>
</code></pre></div>
<h4 id="windows_2"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12V6.75l6-1.32v6.48zm17-9v8.75l-10 .15V5.21zM3 13l6 .09v6.81l-6-1.15zm17 .25V22l-10-1.91V13.1z"></path></svg></span> Windows</h4>
<p>Copy <code>start.bat</code> to <code>start_custom.bat</code> and edit the <code>--frontend-host</code> and <code>--frontend-port</code> parameters.</p>
<div class="highlight"><pre><span></span><code>uv run src\talemate\server\run.py runserver --host 0.0.0.0 --port 5055 --frontend-host localhost --frontend-port 8082
</code></pre></div>
<h3 id="start-the-backend-and-frontend_1">Start the backend and frontend</h3>
<p>Start the backend and frontend as usual.</p>
<h4 id="linux_3"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.62 8.35c-.42.28-1.75 1.04-1.95 1.19-.39.31-.75.29-1.14-.01-.2-.16-1.53-.92-1.95-1.19-.48-.31-.45-.7.08-.92 1.64-.69 3.28-.64 4.91.03.49.21.51.6.05.9m7.22 7.28c-.93-2.09-2.2-3.99-3.84-5.66a4.3 4.3 0 0 1-1.06-1.88c-.1-.33-.17-.67-.24-1.01-.2-.88-.29-1.78-.7-2.61-.73-1.58-2-2.4-3.84-2.47-1.81.05-3.16.81-3.95 2.4-.21.43-.36.88-.46 1.34-.17.76-.32 1.55-.5 2.32-.15.65-.45 1.21-.96 1.71-1.61 1.57-2.9 3.37-3.88 5.35-.14.29-.28.58-.37.88-.19.66.29 1.12.99.96.44-.09.88-.18 1.3-.31.41-.15.57-.05.67.35.65 2.15 2.07 3.66 4.24 4.5 4.12 1.56 8.93-.66 9.97-4.58.07-.27.17-.37.47-.27.46.14.93.24 1.4.35.49.09.85-.16.92-.64.03-.26-.06-.49-.16-.73"></path></svg></span> Linux</h4>
<div class="highlight"><pre><span></span><code>./start_custom.sh
</code></pre></div>
<h4 id="windows_3"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12V6.75l6-1.32v6.48zm17-9v8.75l-10 .15V5.21zM3 13l6 .09v6.81l-6-1.15zm17 .25V22l-10-1.91V13.1z"></path></svg></span> Windows</h4>
<div class="highlight"><pre><span></span><code>start_custom.bat
</code></pre></div>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"annotate": null, "base": "../../..", "features": ["content.code.copy"], "search": "../../../assets/javascripts/workers/search.2c215733.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="../../../assets/javascripts/bundle.79ae519e.min.js"></script>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(()=>{ lightbox.reload(); });
</script></body></html>
Reference in New Issue Copy Permalink