Merge pull request #2711 from SillyTavern/contentEditablew-AF-Panel Content editable Advanced Formatting panel

9483052b10fd8666b0f0446dad5233c8628d4fc9

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed
Parents: 675f9076a4cb7f28d848390c15a22bcaa3bca62f d5bc889d0e4d60649c2348c55674d43f0f171dc7
7 files changed, +1464 -1524Ignore whitespace
public/css/mobile-styles.css+0 -1
@@ -344,7 +344,6 @@
344344
345@media screen and (min-width: 1001px) {345@media screen and (min-width: 1001px) {
346346
347 #PygOverrides,
348 #ContextFormatting,347 #ContextFormatting,
349 #UI-Theme-Block,348 #UI-Theme-Block,
350 #UI-Customization,349 #UI-Customization,
public/css/st-tailwind.css+6 -1
@@ -360,6 +360,10 @@
360 margin-right: 2px;360 margin-right: 2px;
361}361}
362362
363.flexAuto {
364 flex: auto;
365}
366
363.flex0 {367.flex0 {
364 flex: 0;368 flex: 0;
365}369}
@@ -490,7 +494,8 @@
490}494}
491495
492input:disabled,496input:disabled,
493textarea:disabled {497textarea:disabled,
498.disabled {
494 cursor: not-allowed;499 cursor: not-allowed;
495 filter: brightness(0.5);500 filter: brightness(0.5);
496}501}
public/index.html+1376 -1481
@@ -553,7 +553,7 @@
553 </div>553 </div>
554 </div>554 </div>
555 </div>555 </div>
556 <div data-newbie-hidden class="inline-drawer wide100p">556 <div class="inline-drawer wide100p">
557 <div class="inline-drawer-toggle inline-drawer-header">557 <div class="inline-drawer-toggle inline-drawer-header">
558 <b data-i18n="Utility Prompts">Utility Prompts</b>558 <b data-i18n="Utility Prompts">Utility Prompts</b>
559 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>559 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
@@ -1488,7 +1488,7 @@
1488 </div>1488 </div>
1489 <div data-tg-type="mancer, ooba, koboldcpp, vllm, aphrodite, llamacpp, ollama, infermaticai, huggingface" data-newbie-hidden class="flex-container flexFlowColumn alignitemscenter flexBasis48p flexGrow flexShrink gap0">1489 <div data-tg-type="mancer, ooba, koboldcpp, vllm, aphrodite, llamacpp, ollama, infermaticai, huggingface" data-newbie-hidden class="flex-container flexFlowColumn alignitemscenter flexBasis48p flexGrow flexShrink gap0">
1490 <small data-i18n="Seed" class="textAlignCenter">Seed</small>1490 <small data-i18n="Seed" class="textAlignCenter">Seed</small>
1491 <input type="number" id="seed_textgenerationwebui" class="text_pole textAlignCenter" min="-1" value="-1" maxlength="100" />1491 <input type="number" id="seed_textgenerationwebui" class="text_pole textAlignCenter" min="-1" value="-1" />
1492 </div>1492 </div>
1493 <div id="banned_tokens_block_ooba" data-newbie-hidden class="wide100p">1493 <div id="banned_tokens_block_ooba" data-newbie-hidden class="wide100p">
1494 <hr data-newbie-hidden class="width100p">1494 <hr data-newbie-hidden class="width100p">
@@ -1820,12 +1820,12 @@
1820 <span id="claude_assistant_prefill_text" data-i18n="Assistant Prefill">Assistant Prefill</span>1820 <span id="claude_assistant_prefill_text" data-i18n="Assistant Prefill">Assistant Prefill</span>
1821 <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="claude_assistant_prefill" title="Expand the editor" data-i18n="[title]Expand the editor"></i>1821 <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="claude_assistant_prefill" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
1822 </div>1822 </div>
1823 <textarea id="claude_assistant_prefill" class="text_pole textarea_compact" name="assistant_prefill" rows="6" maxlength="100000" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>1823 <textarea id="claude_assistant_prefill" class="text_pole textarea_compact" name="assistant_prefill" rows="6" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>
1824 <div class="flex-container alignItemsCenter">1824 <div class="flex-container alignItemsCenter">
1825 <span id="claude_assistant_impersonation_text" data-i18n="Assistant Impersonation Prefill">Assistant Impersonation Prefill</span>1825 <span id="claude_assistant_impersonation_text" data-i18n="Assistant Impersonation Prefill">Assistant Impersonation Prefill</span>
1826 <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="claude_assistant_impersonation" title="Expand the editor" data-i18n="[title]Expand the editor"></i>1826 <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="claude_assistant_impersonation" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
1827 </div>1827 </div>
1828 <textarea id="claude_assistant_impersonation" class="text_pole textarea_compact" name="assistant_impersonation" rows="6" maxlength="100000" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>1828 <textarea id="claude_assistant_impersonation" class="text_pole textarea_compact" name="assistant_impersonation" rows="6" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>
1829 </div>1829 </div>
1830 <label for="claude_use_sysprompt" class="checkbox_label widthFreeExpand">1830 <label for="claude_use_sysprompt" class="checkbox_label widthFreeExpand">
1831 <input id="claude_use_sysprompt" type="checkbox" />1831 <input id="claude_use_sysprompt" type="checkbox" />
@@ -1951,7 +1951,7 @@
1951 <a id="horde_kudos" href="javascript:void(0);">View my Kudos</a>1951 <a id="horde_kudos" href="javascript:void(0);">View my Kudos</a>
1952 </div> -->1952 </div> -->
1953 <div class="flex-container">1953 <div class="flex-container">
1954 <input id="horde_api_key" name="horde_api_key" class="text_pole flex1" maxlength="500" type="text" placeholder="0000000000" autocomplete="off">1954 <input id="horde_api_key" name="horde_api_key" class="text_pole flex1" type="text" placeholder="0000000000" autocomplete="off">
1955 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_horde"></div>1955 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_horde"></div>
1956 </div>1956 </div>
1957 <div data-for="horde_api_key" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">1957 <div data-for="horde_api_key" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -1978,7 +1978,7 @@
1978 <div id="kobold_api_block">1978 <div id="kobold_api_block">
1979 <h4 data-i18n="API url">API url</h4>1979 <h4 data-i18n="API url">API url</h4>
1980 <small data-i18n="Example: http://127.0.0.1:5000/api ">Example: http://127.0.0.1:5000/api </small>1980 <small data-i18n="Example: http://127.0.0.1:5000/api ">Example: http://127.0.0.1:5000/api </small>
1981 <input id="api_url_text" name="api_url" class="text_pole" placeholder="http://127.0.0.1:5000/api" maxlength="500" value="" autocomplete="off" data-server-history="kobold">1981 <input id="api_url_text" name="api_url" class="text_pole" placeholder="http://127.0.0.1:5000/api" value="" autocomplete="off" data-server-history="kobold">
1982 <div id="koboldcpp_hint" class="neutral_warning displayNone">1982 <div id="koboldcpp_hint" class="neutral_warning displayNone">
1983 KoboldCpp works better when you select the Text Completion API and then KoboldCpp as a type!1983 KoboldCpp works better when you select the Text Completion API and then KoboldCpp as a type!
1984 </div>1984 </div>
@@ -2006,7 +2006,7 @@
2006 </ol>2006 </ol>
2007 </span>2007 </span>
2008 <div class="flex-container">2008 <div class="flex-container">
2009 <input id="api_key_novel" name="api_key_novel" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2009 <input id="api_key_novel" name="api_key_novel" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2010 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_novel">2010 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_novel">
2011 </div>2011 </div>
2012 </div>2012 </div>
@@ -2056,7 +2056,7 @@
2056 <div data-tg-type="togetherai" class="flex-container flexFlowColumn">2056 <div data-tg-type="togetherai" class="flex-container flexFlowColumn">
2057 <h4 data-i18n="TogetherAI API Key">TogetherAI API Key</h4>2057 <h4 data-i18n="TogetherAI API Key">TogetherAI API Key</h4>
2058 <div class="flex-container">2058 <div class="flex-container">
2059 <input id="api_key_togetherai" name="api_key_togetherai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2059 <input id="api_key_togetherai" name="api_key_togetherai" class="text_pole flex1" value="" type="text" autocomplete="off">
2060 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_togetherai"></div>2060 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_togetherai"></div>
2061 </div>2061 </div>
2062 <div data-for="api_key_togetherai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2062 <div data-for="api_key_togetherai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2080,7 +2080,7 @@
2080 <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>2080 <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>
2081 </div>2081 </div>
2082 <div class="flex-container">2082 <div class="flex-container">
2083 <input id="api_key_openrouter-tg" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" maxlength="500" value="" type="text" autocomplete="off">2083 <input id="api_key_openrouter-tg" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" value="" type="text" autocomplete="off">
2084 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openrouter"></div>2084 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openrouter"></div>
2085 </div>2085 </div>
2086 <div data-for="api_key_openrouter" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2086 <div data-for="api_key_openrouter" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2107,7 +2107,7 @@
2107 <div data-tg-type="infermaticai" class="flex-container flexFlowColumn">2107 <div data-tg-type="infermaticai" class="flex-container flexFlowColumn">
2108 <h4 data-i18n="InfermaticAI API Key">InfermaticAI API Key</h4>2108 <h4 data-i18n="InfermaticAI API Key">InfermaticAI API Key</h4>
2109 <div class="flex-container">2109 <div class="flex-container">
2110 <input id="api_key_infermaticai" name="api_key_infermaticai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2110 <input id="api_key_infermaticai" name="api_key_infermaticai" class="text_pole flex1" value="" type="text" autocomplete="off">
2111 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_infermaticai"></div>2111 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_infermaticai"></div>
2112 </div>2112 </div>
2113 <div data-for="api_key_infermaticai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2113 <div data-for="api_key_infermaticai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2130,7 +2130,7 @@
2130 </a>2130 </a>
2131 </h4>2131 </h4>
2132 <div class="flex-container">2132 <div class="flex-container">
2133 <input id="api_key_dreamgen" name="api_key_dreamgen" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2133 <input id="api_key_dreamgen" name="api_key_dreamgen" class="text_pole flex1" value="" type="text" autocomplete="off">
2134 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_dreamgen"></div>2134 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_dreamgen"></div>
2135 </div>2135 </div>
2136 <div data-for="api_key_dreamgen" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2136 <div data-for="api_key_dreamgen" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2155,7 +2155,7 @@
2155 </a>2155 </a>
2156 </h4>2156 </h4>
2157 <div class="flex-container">2157 <div class="flex-container">
2158 <input id="api_key_mancer" name="api_key_mancer" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2158 <input id="api_key_mancer" name="api_key_mancer" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2159 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_mancer">2159 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_mancer">
2160 </div>2160 </div>
2161 </div>2161 </div>
@@ -2185,7 +2185,7 @@
2185 </div>2185 </div>
2186 <h4 data-i18n="API key (optional)">API key (optional)</h4>2186 <h4 data-i18n="API key (optional)">API key (optional)</h4>
2187 <div class="flex-container">2187 <div class="flex-container">
2188 <input id="api_key_ooba" name="api_key_ooba" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2188 <input id="api_key_ooba" name="api_key_ooba" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2189 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_ooba">2189 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_ooba">
2190 </div>2190 </div>
2191 </div>2191 </div>
@@ -2195,9 +2195,9 @@
2195 <div class="flex1">2195 <div class="flex1">
2196 <h4 data-i18n="Server url">Server URL</h4>2196 <h4 data-i18n="Server url">Server URL</h4>
2197 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>2197 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
2198 <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="ooba_blocking">2198 <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" value="" autocomplete="off" data-server-history="ooba_blocking">
2199 </div>2199 </div>
2200 <input id="custom_model_textgenerationwebui" class="text_pole wide100p" maxlength="500" placeholder="Custom model (optional)" data-i18n="[placeholder]Custom model (optional)" type="text">2200 <input id="custom_model_textgenerationwebui" class="text_pole wide100p" placeholder="Custom model (optional)" data-i18n="[placeholder]Custom model (optional)" type="text">
2201 </div>2201 </div>
2202 <div data-tg-type="featherless" class="flex-container flexFlowColumn">2202 <div data-tg-type="featherless" class="flex-container flexFlowColumn">
2203 <div class="flex-container flexFlowColumn">2203 <div class="flex-container flexFlowColumn">
@@ -2207,7 +2207,7 @@
2207 </div>2207 </div>
2208 <h4 data-i18n="API key (optional)">API key</h4>2208 <h4 data-i18n="API key (optional)">API key</h4>
2209 <div class="flex-container">2209 <div class="flex-container">
2210 <input id="api_key_featherless" name="api_key_featherless" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2210 <input id="api_key_featherless" name="api_key_featherless" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2211 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_featherless">2211 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_featherless">
2212 </div>2212 </div>
2213 </div>2213 </div>
@@ -2228,7 +2228,7 @@
2228 </div>2228 </div>
2229 <h4 data-i18n="vLLM API key">vLLM API key</h4>2229 <h4 data-i18n="vLLM API key">vLLM API key</h4>
2230 <div class="flex-container">2230 <div class="flex-container">
2231 <input id="api_key_vllm" name="api_key_vllm" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2231 <input id="api_key_vllm" name="api_key_vllm" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2232 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_vllm">2232 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_vllm">
2233 </div>2233 </div>
2234 </div>2234 </div>
@@ -2238,7 +2238,7 @@
2238 <div class="flex1">2238 <div class="flex1">
2239 <h4 data-i18n="API url">API URL</h4>2239 <h4 data-i18n="API url">API URL</h4>
2240 <small data-i18n="Example: 127.0.0.1:8000">Example: http://127.0.0.1:8000</small>2240 <small data-i18n="Example: 127.0.0.1:8000">Example: http://127.0.0.1:8000</small>
2241 <input id="vllm_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="vllm">2241 <input id="vllm_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="vllm">
2242 </div>2242 </div>
2243 <div>2243 <div>
2244 <h4 data-i18n="vLLM Model">vLLM Model</h4>2244 <h4 data-i18n="vLLM Model">vLLM Model</h4>
@@ -2252,7 +2252,7 @@
2252 <div data-tg-type="huggingface">2252 <div data-tg-type="huggingface">
2253 <h4 data-i18n="HuggingFace Token">HuggingFace Token</h4>2253 <h4 data-i18n="HuggingFace Token">HuggingFace Token</h4>
2254 <div class="flex-container">2254 <div class="flex-container">
2255 <input id="api_key_huggingface" name="api_key_huggingface" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2255 <input id="api_key_huggingface" name="api_key_huggingface" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2256 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_huggingface">2256 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_huggingface">
2257 </div>2257 </div>
2258 </div>2258 </div>
@@ -2262,7 +2262,7 @@
2262 <div class="flex1">2262 <div class="flex1">
2263 <h4 data-i18n="Endpoint URL">Endpoint URL</h4>2263 <h4 data-i18n="Endpoint URL">Endpoint URL</h4>
2264 <small data-i18n="Example: https://****.endpoints.huggingface.cloud">Example: https://****.endpoints.huggingface.cloud</small>2264 <small data-i18n="Example: https://****.endpoints.huggingface.cloud">Example: https://****.endpoints.huggingface.cloud</small>
2265 <input id="huggingface_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="huggingface">2265 <input id="huggingface_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="huggingface">
2266 </div>2266 </div>
2267 </div>2267 </div>
22682268
@@ -2274,7 +2274,7 @@
2274 </div>2274 </div>
2275 <h4 data-i18n="Aphrodite API key">Aphrodite API key</h4>2275 <h4 data-i18n="Aphrodite API key">Aphrodite API key</h4>
2276 <div class="flex-container">2276 <div class="flex-container">
2277 <input id="api_key_aphrodite" name="api_key_aphrodite" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2277 <input id="api_key_aphrodite" name="api_key_aphrodite" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2278 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_aphrodite">2278 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_aphrodite">
2279 </div>2279 </div>
2280 </div>2280 </div>
@@ -2284,7 +2284,7 @@
2284 <div class="flex1">2284 <div class="flex1">
2285 <h4 data-i18n="API url">API URL</h4>2285 <h4 data-i18n="API url">API URL</h4>
2286 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>2286 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
2287 <input id="aphrodite_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="aphrodite">2287 <input id="aphrodite_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="aphrodite">
2288 </div>2288 </div>
2289 <div>2289 <div>
2290 <h4 data-i18n="Aphrodite Model">Aphrodite Model</h4>2290 <h4 data-i18n="Aphrodite Model">Aphrodite Model</h4>
@@ -2303,7 +2303,7 @@
2303 </div>2303 </div>
2304 <h4 data-i18n="API key (optional)">API key (optional)</h4>2304 <h4 data-i18n="API key (optional)">API key (optional)</h4>
2305 <div class="flex-container">2305 <div class="flex-container">
2306 <input id="api_key_llamacpp" name="api_key_llamacpp" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2306 <input id="api_key_llamacpp" name="api_key_llamacpp" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2307 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_llamacpp">2307 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_llamacpp">
2308 </div>2308 </div>
2309 </div>2309 </div>
@@ -2313,7 +2313,7 @@
2313 <div class="flex1">2313 <div class="flex1">
2314 <h4 data-i18n="API url">API URL</h4>2314 <h4 data-i18n="API url">API URL</h4>
2315 <small data-i18n="Example: 127.0.0.1:8080">Example: http://127.0.0.1:8080</small>2315 <small data-i18n="Example: 127.0.0.1:8080">Example: http://127.0.0.1:8080</small>
2316 <input id="llamacpp_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="llamacpp">2316 <input id="llamacpp_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="llamacpp">
2317 </div>2317 </div>
2318 </div>2318 </div>
2319 <div data-tg-type="ollama">2319 <div data-tg-type="ollama">
@@ -2325,7 +2325,7 @@
2325 <div class="flex1">2325 <div class="flex1">
2326 <h4 data-i18n="API url">API URL</h4>2326 <h4 data-i18n="API url">API URL</h4>
2327 <small data-i18n="Example: 127.0.0.1:11434">Example: http://127.0.0.1:11434</small>2327 <small data-i18n="Example: 127.0.0.1:11434">Example: http://127.0.0.1:11434</small>
2328 <input id="ollama_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="ollama">2328 <input id="ollama_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="ollama">
2329 </div>2329 </div>
2330 <div class="flex1">2330 <div class="flex1">
2331 <h4>2331 <h4>
@@ -2351,7 +2351,7 @@
2351 </div>2351 </div>
2352 <h4 data-i18n="Tabby API key">Tabby API key</h4>2352 <h4 data-i18n="Tabby API key">Tabby API key</h4>
2353 <div class="flex-container">2353 <div class="flex-container">
2354 <input id="api_key_tabby" name="api_key_tabby" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2354 <input id="api_key_tabby" name="api_key_tabby" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2355 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_tabby">2355 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_tabby">
2356 </div>2356 </div>
2357 </div>2357 </div>
@@ -2361,7 +2361,7 @@
2361 <div class="flex1">2361 <div class="flex1">
2362 <h4 data-i18n="API url">API URL</h4>2362 <h4 data-i18n="API url">API URL</h4>
2363 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>2363 <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
2364 <input id="tabby_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="tabby">2364 <input id="tabby_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="tabby">
2365 </div>2365 </div>
2366 <div class="flex1">2366 <div class="flex1">
2367 <h4>2367 <h4>
@@ -2382,7 +2382,7 @@
2382 </div>2382 </div>
2383 <h4 data-i18n="koboldcpp API key (optional)">koboldcpp API key (optional)</h4>2383 <h4 data-i18n="koboldcpp API key (optional)">koboldcpp API key (optional)</h4>
2384 <div class="flex-container">2384 <div class="flex-container">
2385 <input id="api_key_koboldcpp" name="api_key_koboldcpp" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">2385 <input id="api_key_koboldcpp" name="api_key_koboldcpp" class="text_pole flex1 wide100p" type="text" autocomplete="off">
2386 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_koboldcpp">2386 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_koboldcpp">
2387 </div>2387 </div>
2388 </div>2388 </div>
@@ -2392,7 +2392,7 @@
2392 <div class="flex1">2392 <div class="flex1">
2393 <h4 data-i18n="API url">API URL</h4>2393 <h4 data-i18n="API url">API URL</h4>
2394 <small data-i18n="Example: 127.0.0.1:5001">Example: http://127.0.0.1:5001</small>2394 <small data-i18n="Example: 127.0.0.1:5001">Example: http://127.0.0.1:5001</small>
2395 <input id="koboldcpp_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="koboldcpp">2395 <input id="koboldcpp_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="koboldcpp">
2396 </div>2396 </div>
2397 </div>2397 </div>
2398 <div class="flex-container">2398 <div class="flex-container">
@@ -2467,7 +2467,7 @@
2467 </span>2467 </span>
2468 </div>2468 </div>
2469 <div class="wide100p">2469 <div class="wide100p">
2470 <input id="openai_reverse_proxy_name" type="text" class="text_pole" placeholder="..." maxlength="100" />2470 <input id="openai_reverse_proxy_name" type="text" class="text_pole" placeholder="..." />
2471 </div>2471 </div>
2472 <div class="range-block-title justifyLeft" data-i18n="Proxy Server URL">2472 <div class="range-block-title justifyLeft" data-i18n="Proxy Server URL">
2473 Proxy Server URL2473 Proxy Server URL
@@ -2478,7 +2478,7 @@
2478 </span>2478 </span>
2479 </div>2479 </div>
2480 <div class="wide100p">2480 <div class="wide100p">
2481 <input id="openai_reverse_proxy" type="text" class="text_pole" placeholder="https://api.openai.com/v1" maxlength="5000" />2481 <input id="openai_reverse_proxy" type="text" class="text_pole" placeholder="https://api.openai.com/v1" />
2482 <small class="reverse_proxy_warning">2482 <small class="reverse_proxy_warning">
2483 <span data-i18n="Doesn't work? Try adding">Doesn't work? Try adding</span> <code>/v1</code> <span data-i18n="at the end!">at the end!</span>2483 <span data-i18n="Doesn't work? Try adding">Doesn't work? Try adding</span> <code>/v1</code> <span data-i18n="at the end!">at the end!</span>
2484 </small>2484 </small>
@@ -2492,7 +2492,7 @@
2492 </span>2492 </span>
2493 </div>2493 </div>
2494 <div class="flex-container width100p">2494 <div class="flex-container width100p">
2495 <input id="openai_proxy_password" type="password" class="text_pole flex1" placeholder="" maxlength="5000" form="openai_form" autocomplete="off" />2495 <input id="openai_proxy_password" type="password" class="text_pole flex1" placeholder="" form="openai_form" autocomplete="off" />
2496 <div id="openai_proxy_password_show" title="Peek a password" data-i18n="[title]Peek a password" class="menu_button fa-solid fa-eye-slash fa-fw"></div>2496 <div id="openai_proxy_password_show" title="Peek a password" data-i18n="[title]Peek a password" class="menu_button fa-solid fa-eye-slash fa-fw"></div>
2497 </div>2497 </div>
2498 </div>2498 </div>
@@ -2533,7 +2533,7 @@
2533 </ol>2533 </ol>
2534 </span>2534 </span>
2535 <div class="flex-container">2535 <div class="flex-container">
2536 <input id="api_key_openai" name="api_key_openai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2536 <input id="api_key_openai" name="api_key_openai" class="text_pole flex1" value="" type="text" autocomplete="off">
2537 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openai"></div>2537 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openai"></div>
2538 </div>2538 </div>
2539 <div id="ReverseProxyWarningMessage2" class="reverse_proxy_warning">2539 <div id="ReverseProxyWarningMessage2" class="reverse_proxy_warning">
@@ -2618,7 +2618,7 @@
2618 </b>2618 </b>
2619 </div>2619 </div>
2620 <div class="flex-container">2620 <div class="flex-container">
2621 <input id="api_key_claude" name="api_key_claude" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2621 <input id="api_key_claude" name="api_key_claude" class="text_pole flex1" value="" type="text" autocomplete="off">
2622 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_claude"></div>2622 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_claude"></div>
2623 </div>2623 </div>
2624 <div data-for="api_key_claude" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2624 <div data-for="api_key_claude" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2670,7 +2670,7 @@
2670 <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>2670 <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>
2671 </div>2671 </div>
2672 <div class="flex-container">2672 <div class="flex-container">
2673 <input id="api_key_openrouter" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" maxlength="500" value="" type="text" autocomplete="off">2673 <input id="api_key_openrouter" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" value="" type="text" autocomplete="off">
2674 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openrouter"></div>2674 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_openrouter"></div>
2675 </div>2675 </div>
2676 <div data-for="api_key_openrouter" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2676 <div data-for="api_key_openrouter" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2746,19 +2746,19 @@
2746 <div id="normal_scale_form">2746 <div id="normal_scale_form">
2747 <h4 data-i18n="Scale API Key">Scale API Key</h4>2747 <h4 data-i18n="Scale API Key">Scale API Key</h4>
2748 <div class="flex-container">2748 <div class="flex-container">
2749 <input id="api_key_scale" name="api_key_scale" class="text_pole flex1" maxlength="500" value="" autocomplete="off">2749 <input id="api_key_scale" name="api_key_scale" class="text_pole flex1" value="" autocomplete="off">
2750 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_scale"></div>2750 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_scale"></div>
2751 </div>2751 </div>
2752 <div data-for="api_key_scale" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2752 <div data-for="api_key_scale" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
2753 For privacy reasons, your API key will be hidden after you reload the page.2753 For privacy reasons, your API key will be hidden after you reload the page.
2754 </div>2754 </div>
2755 <h4>Scale API URL</h4>2755 <h4>Scale API URL</h4>
2756 <input id="api_url_scale" name="api_url_scale" class="text_pole" maxlength="500" value="" autocomplete="off" placeholder="https://dashboard.scale.com/spellbook/api/v2/deploy/xxxxxxx">2756 <input id="api_url_scale" name="api_url_scale" class="text_pole" value="" autocomplete="off" placeholder="https://dashboard.scale.com/spellbook/api/v2/deploy/xxxxxxx">
2757 </div>2757 </div>
2758 <div id="alt_scale_form">2758 <div id="alt_scale_form">
2759 <h4>Scale Cookie (_jwt)</h4>2759 <h4>Scale Cookie (_jwt)</h4>
2760 <div class="flex-container">2760 <div class="flex-container">
2761 <input id="scale_cookie" name="scale_cookie" class="text_pole flex1" maxlength="500" value="" autocomplete="off">2761 <input id="scale_cookie" name="scale_cookie" class="text_pole flex1" value="" autocomplete="off">
2762 <div title="Clear your cookie" data-i18n="[title]Clear your cookie" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="scale_cookie"></div>2762 <div title="Clear your cookie" data-i18n="[title]Clear your cookie" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="scale_cookie"></div>
2763 </div>2763 </div>
2764 <div data-for="scale_cookie" class="neutral_warning">2764 <div data-for="scale_cookie" class="neutral_warning">
@@ -2775,7 +2775,7 @@
2775 <form id="ai21_form" data-source="ai21" action="javascript:void(null);" method="post" enctype="multipart/form-data">2775 <form id="ai21_form" data-source="ai21" action="javascript:void(null);" method="post" enctype="multipart/form-data">
2776 <h4 data-i18n="AI21 API Key">AI21 API Key</h4>2776 <h4 data-i18n="AI21 API Key">AI21 API Key</h4>
2777 <div class="flex-container">2777 <div class="flex-container">
2778 <input id="api_key_ai21" name="api_key_ai21" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2778 <input id="api_key_ai21" name="api_key_ai21" class="text_pole flex1" value="" type="text" autocomplete="off">
2779 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_ai21"></div>2779 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_ai21"></div>
2780 </div>2780 </div>
2781 <div data-for="api_key_ai21" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2781 <div data-for="api_key_ai21" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2797,7 +2797,7 @@
2797 <form id="makersuite_form" data-source="makersuite" action="javascript:void(null);" method="post" enctype="multipart/form-data">2797 <form id="makersuite_form" data-source="makersuite" action="javascript:void(null);" method="post" enctype="multipart/form-data">
2798 <h4 data-i18n="Google AI Studio API Key">Google AI Studio API Key</h4>2798 <h4 data-i18n="Google AI Studio API Key">Google AI Studio API Key</h4>
2799 <div class="flex-container">2799 <div class="flex-container">
2800 <input id="api_key_makersuite" name="api_key_makersuite" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2800 <input id="api_key_makersuite" name="api_key_makersuite" class="text_pole flex1" value="" type="text" autocomplete="off">
2801 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_makersuite"></div>2801 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_makersuite"></div>
2802 </div>2802 </div>
2803 <div data-for="api_key_makersuite" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2803 <div data-for="api_key_makersuite" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2836,7 +2836,7 @@
2836 <form id="mistralai_form" data-source="mistralai" action="javascript:void(null);" method="post" enctype="multipart/form-data">2836 <form id="mistralai_form" data-source="mistralai" action="javascript:void(null);" method="post" enctype="multipart/form-data">
2837 <h4 data-i18n="MistralAI API Key">MistralAI API Key</h4>2837 <h4 data-i18n="MistralAI API Key">MistralAI API Key</h4>
2838 <div class="flex-container">2838 <div class="flex-container">
2839 <input id="api_key_mistralai" name="api_key_mistralai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2839 <input id="api_key_mistralai" name="api_key_mistralai" class="text_pole flex1" value="" type="text" autocomplete="off">
2840 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_mistralai"></div>2840 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_mistralai"></div>
2841 </div>2841 </div>
2842 <div data-for="api_key_mistralai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2842 <div data-for="api_key_mistralai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2875,7 +2875,7 @@
2875 <div id="groq_form" data-source="groq">2875 <div id="groq_form" data-source="groq">
2876 <h4 data-i18n="Groq API Key">Groq API Key</h4>2876 <h4 data-i18n="Groq API Key">Groq API Key</h4>
2877 <div class="flex-container">2877 <div class="flex-container">
2878 <input id="api_key_groq" name="api_key_groq" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2878 <input id="api_key_groq" name="api_key_groq" class="text_pole flex1" value="" type="text" autocomplete="off">
2879 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_groq"></div>2879 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_groq"></div>
2880 </div>2880 </div>
2881 <div data-for="api_key_groq" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2881 <div data-for="api_key_groq" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2898,7 +2898,7 @@
2898 <div id="perplexity_form" data-source="perplexity">2898 <div id="perplexity_form" data-source="perplexity">
2899 <h4 data-i18n="Perplexity API Key">Perplexity API Key</h4>2899 <h4 data-i18n="Perplexity API Key">Perplexity API Key</h4>
2900 <div class="flex-container">2900 <div class="flex-container">
2901 <input id="api_key_perplexity" name="api_key_perplexity" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2901 <input id="api_key_perplexity" name="api_key_perplexity" class="text_pole flex1" value="" type="text" autocomplete="off">
2902 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_perplexity"></div>2902 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_perplexity"></div>
2903 </div>2903 </div>
2904 <div data-for="api_key_perplexity" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2904 <div data-for="api_key_perplexity" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2938,7 +2938,7 @@
2938 <form id="cohere_form" data-source="cohere" action="javascript:void(null);" method="post" enctype="multipart/form-data">2938 <form id="cohere_form" data-source="cohere" action="javascript:void(null);" method="post" enctype="multipart/form-data">
2939 <h4 data-i18n="Cohere API Key">Cohere API Key</h4>2939 <h4 data-i18n="Cohere API Key">Cohere API Key</h4>
2940 <div class="flex-container">2940 <div class="flex-container">
2941 <input id="api_key_cohere" name="api_key_cohere" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2941 <input id="api_key_cohere" name="api_key_cohere" class="text_pole flex1" value="" type="text" autocomplete="off">
2942 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_cohere"></div>2942 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_cohere"></div>
2943 </div>2943 </div>
2944 <div data-for="api_key_cohere" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2944 <div data-for="api_key_cohere" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2966,7 +2966,7 @@
2966 <form id="blockentropy_form" data-source="blockentropy">2966 <form id="blockentropy_form" data-source="blockentropy">
2967 <h4 data-i18n="Block Entropy API Key">Block Entropy API Key</h4>2967 <h4 data-i18n="Block Entropy API Key">Block Entropy API Key</h4>
2968 <div class="flex-container">2968 <div class="flex-container">
2969 <input id="api_key_blockentropy" name="api_key_blockentropy" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">2969 <input id="api_key_blockentropy" name="api_key_blockentropy" class="text_pole flex1" value="" type="text" autocomplete="off">
2970 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_blockentropy"></div>2970 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_blockentropy"></div>
2971 </div>2971 </div>
2972 <div data-for="api_key_blockentropy" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2972 <div data-for="api_key_blockentropy" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -2980,7 +2980,7 @@
2980 <form id="custom_form" data-source="custom">2980 <form id="custom_form" data-source="custom">
2981 <h4 data-i18n="Custom Endpoint (Base URL)">Custom Endpoint (Base URL)</h4>2981 <h4 data-i18n="Custom Endpoint (Base URL)">Custom Endpoint (Base URL)</h4>
2982 <div class="flex-container">2982 <div class="flex-container">
2983 <input id="custom_api_url_text" class="text_pole wide100p" maxlength="5000" value="" autocomplete="off" data-i18n="[placeholder]Example: http://localhost:1234/v1" placeholder="Example: http://localhost:1234/v1">2983 <input id="custom_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-i18n="[placeholder]Example: http://localhost:1234/v1" placeholder="Example: http://localhost:1234/v1">
2984 </div>2984 </div>
2985 <div>2985 <div>
2986 <small>2986 <small>
@@ -2992,7 +2992,7 @@
2992 <small data-i18n="(Optional)">(Optional)</small>2992 <small data-i18n="(Optional)">(Optional)</small>
2993 </h4>2993 </h4>
2994 <div class="flex-container">2994 <div class="flex-container">
2995 <input id="api_key_custom" name="api_key_custom" class="text_pole flex1" maxlength="5000" value="" type="text" autocomplete="off">2995 <input id="api_key_custom" name="api_key_custom" class="text_pole flex1" value="" type="text" autocomplete="off">
2996 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_custom"></div>2996 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_custom"></div>
2997 </div>2997 </div>
2998 <div data-for="api_key_custom" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">2998 <div data-for="api_key_custom" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -3000,7 +3000,7 @@
3000 </div>3000 </div>
3001 <h4 data-i18n="Enter a Model ID">Enter a Model ID</h4>3001 <h4 data-i18n="Enter a Model ID">Enter a Model ID</h4>
3002 <div class="flex-container">3002 <div class="flex-container">
3003 <input list="model_custom_select_fill" id="custom_model_id" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-i18n="[placeholder]Example: gpt-3.5-turbo" placeholder="Example: gpt-3.5-turbo">3003 <input list="model_custom_select_fill" id="custom_model_id" class="text_pole wide100p" value="" autocomplete="off" data-i18n="[placeholder]Example: gpt-3.5-turbo" placeholder="Example: gpt-3.5-turbo">
3004 <datalist id="model_custom_select_fill" class="text_pole model_custom_select"></datalist>3004 <datalist id="model_custom_select_fill" class="text_pole model_custom_select"></datalist>
3005 </div>3005 </div>
3006 <h4 data-i18n="Available Models">Available Models</h4>3006 <h4 data-i18n="Available Models">Available Models</h4>
@@ -3020,7 +3020,7 @@
3020 </a>3020 </a>
3021 </h4>3021 </h4>
3022 <div class="flex-container">3022 <div class="flex-container">
3023 <input id="api_key_01ai" name="api_key_01ai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">3023 <input id="api_key_01ai" name="api_key_01ai" class="text_pole flex1" value="" type="text" autocomplete="off">
3024 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_01ai"></div>3024 <div title="Clear your API key" data-i18n="[title]Clear your API key" class="menu_button fa-solid fa-circle-xmark clear-api-key" data-key="api_key_01ai"></div>
3025 </div>3025 </div>
3026 <div data-for="api_key_01ai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">3026 <div data-for="api_key_01ai" class="neutral_warning" data-i18n="For privacy reasons, your API key will be hidden after you reload the page.">
@@ -3059,8 +3059,8 @@
3059 <h3 class="margin0" data-i18n="Advanced Formatting">3059 <h3 class="margin0" data-i18n="Advanced Formatting">
3060 Advanced Formatting3060 Advanced Formatting
3061 </h3>3061 </h3>
3062 <div class="flex-container">3062 <div class="flex-container spaceEvenly">
3063 <div id="PygOverrides">3063 <div id="ContextSettings" class="flex-container flexNoGap flexFlowColumn flex1">
3064 <div>3064 <div>
3065 <h4 class="standoutHeader title_restorable">3065 <h4 class="standoutHeader title_restorable">
3066 <div>3066 <div>
@@ -3069,32 +3069,32 @@
3069 <span class="fa-solid fa-circle-question note-link-span"></span>3069 <span class="fa-solid fa-circle-question note-link-span"></span>
3070 </a>3070 </a>
3071 </div>3071 </div>
3072 <div class="flex-container">
3073 <i data-newbie-hidden data-preset-manager-import="context" class="margin0 menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
3074 <i data-newbie-hidden data-preset-manager-export="context" class="margin0 menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
3075 <i data-newbie-hidden data-preset-manager-restore="context" class="margin0 menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
3076 <i data-newbie-hidden id="context_delete_preset" data-preset-manager-delete="context" class="margin0 menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
3077 </div>
3078 </h4>3072 </h4>
3079 <div class="flex-container">3073 <div class="flex-container justifyCenter">
3080 <select id="context_presets" data-preset-manager-for="context" class="flex1 text_pole"></select>
3081 <input type="file" hidden data-preset-manager-file="context" accept=".json, .settings">3074 <input type="file" hidden data-preset-manager-file="context" accept=".json, .settings">
3082 <i id="context_set_default" class="menu_button fa-solid fa-heart" title="Auto-select this preset for Instruct Mode." data-i18n="[title]Auto-select this preset for Instruct Mode"></i>3075 <i id="context_set_default" class="menu_button fa-solid fa-heart" title="Auto-select this preset for Instruct Mode." data-i18n="[title]Auto-select this preset for Instruct Mode"></i>
3083 <i data-newbie-hidden data-preset-manager-update="context" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>3076 <i data-newbie-hidden data-preset-manager-update="context" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
3084 <i data-newbie-hidden data-preset-manager-new="context" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>3077 <i data-newbie-hidden data-preset-manager-new="context" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
3078 <i data-preset-manager-import="context" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
3079 <i data-preset-manager-export="context" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
3080 <i data-newbie-hidden data-preset-manager-restore="context" class="menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
3081 <i id="context_delete_preset" data-preset-manager-delete="context" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
3082 </div>
3083 <div class="flex-container">
3084 <select id="context_presets" data-preset-manager-for="context" class="flex1 text_pole"></select>
3085 </div>3085 </div>
3086 <div data-newbie-hidden>3086 <div data-newbie-hidden>
3087 <label for="context_story_string">3087 <label for="context_story_string">
3088 <small data-i18n="Story String">Story String</small>3088 <small data-i18n="Story String">Story String</small>
3089 </label>3089 </label>
3090 <textarea id="context_story_string" class="text_pole textarea_compact autoSetHeight" rows="1"></textarea>3090 <div contenteditable="true" id="context_story_string" class="text_pole textarea_compact"></div>
3091 <div class="flex-container">3091 <div class="flex-container">
3092 <div class="flex1">3092 <div class="flex1">
3093 <label for="context_example_separator">3093 <label for="context_example_separator">
3094 <small data-i18n="Example Separator">Example Separator</small>3094 <small data-i18n="Example Separator">Example Separator</small>
3095 </label>3095 </label>
3096 <div>3096 <div>
3097 <textarea id="context_example_separator" class="text_pole textarea_compact autoSetHeight" maxlength="500" rows="1"></textarea>3097 <div contenteditable="true" id="context_example_separator" class="text_pole textarea_compact"></div>
3098 </div>3098 </div>
3099 </div>3099 </div>
3100 <div class="flex1">3100 <div class="flex1">
@@ -3102,450 +3102,344 @@
3102 <small data-i18n="Chat Start">Chat Start</small>3102 <small data-i18n="Chat Start">Chat Start</small>
3103 </label>3103 </label>
3104 <div>3104 <div>
3105 <textarea id="context_chat_start" class="text_pole textarea_compact autoSetHeight" maxlength="500" rows="1"></textarea>3105 <div contenteditable="true" id="context_chat_start" class="text_pole textarea_compact"></div>
3106 </div>3106 </div>
3107 </div>3107 </div>
3108 </div>3108 </div>
3109 <label class="checkbox_label" title="Add Chat Start and Example Separator to a list of stopping strings." data-i18n="[title]Add Chat Start and Example Separator to a list of stopping strings.">3109 <div>
3110 <input id="context_use_stop_strings" type="checkbox" />3110 <h4 class="standoutHeader">
3111 <small data-i18n="Separators as Stop Strings">Separators as Stop Strings</small>3111 <span data-i18n="Context Formatting">
3112 </label>3112 Context Formatting
3113 <label class="checkbox_label" title="Add Character and User names to a list of stopping strings." data-i18n="[title]Add Character and User names to a list of stopping strings.">3113 </span>
3114 <input id="context_names_as_stop_strings" type="checkbox" />3114 &nbsp;
3115 <small data-i18n="Names as Stop Strings">Names as Stop Strings</small>3115 <small data-i18n="(Saves to Template)">
3116 </label>3116 (Saves to Template)
3117 </small>
3118 </h4>
3119
3120 <label class="checkbox_label" for="always-force-name2-checkbox">
3121 <input id="always-force-name2-checkbox" type="checkbox" />
3122 <small data-i18n="Always add character's name to prompt">
3123 Always add character's name to prompt
3124 </small>
3125 </label>
3126 <label class="checkbox_label" for="single_line">
3127 <input id="single_line" type="checkbox" />
3128 <small data-i18n="Generate only one line per request">
3129 Generate only one line per request
3130 </small>
3131 </label>
3132 <label class="checkbox_label" for="collapse-newlines-checkbox">
3133 <input id="collapse-newlines-checkbox" type="checkbox" />
3134 <small data-i18n="Collapse Consecutive Newlines">
3135 Collapse Consecutive Newlines
3136 </small>
3137 </label>
3138 <label data-newbie-hidden class="checkbox_label" for="trim_spaces">
3139 <input id="trim_spaces" type="checkbox" />
3140 <small data-i18n="Trim spaces">Trim spaces</small>
3141 </label>
3142 <label class="checkbox_label" for="trim_sentences_checkbox">
3143 <input id="trim_sentences_checkbox" type="checkbox" />
3144 <small data-i18n="Trim Incomplete Sentences">
3145 Trim Incomplete Sentences
3146 </small>
3147 </label>
3148 <!-- Add margin since this is a child of above -->
3149 <label data-newbie-hidden class="checkbox_label indent20p" for="include_newline_checkbox">
3150 <input id="include_newline_checkbox" type="checkbox" />
3151 <small data-i18n="Include Newline">Include Newline</small>
3152 </label>
3153 <label class="checkbox_label" title="Add Chat Start and Example Separator to a list of stopping strings." data-i18n="[title]Add Chat Start and Example Separator to a list of stopping strings.">
3154 <input id="context_use_stop_strings" type="checkbox" />
3155 <small data-i18n="Separators as Stop Strings">Separators as Stop Strings</small>
3156 </label>
3157 <label class="checkbox_label" title="Add Character and User names to a list of stopping strings." data-i18n="[title]Add Character and User names to a list of stopping strings.">
3158 <input id="context_names_as_stop_strings" type="checkbox" />
3159 <small data-i18n="Names as Stop Strings">Names as Stop Strings</small>
3160 </label>
3161 </div>
3162
3117 <label class="checkbox_label" title="Includes Post-History Instructions at the end of the prompt, if defined in the character card AND ''Prefer Char. Instructions'' is enabled.&#10;THIS IS NOT RECOMMENDED FOR TEXT COMPLETION MODELS, CAN LEAD TO BAD OUTPUT." data-i18n="[title]context_allow_post_history_instructions">3163 <label class="checkbox_label" title="Includes Post-History Instructions at the end of the prompt, if defined in the character card AND ''Prefer Char. Instructions'' is enabled.&#10;THIS IS NOT RECOMMENDED FOR TEXT COMPLETION MODELS, CAN LEAD TO BAD OUTPUT." data-i18n="[title]context_allow_post_history_instructions">
3118 <input id="context_allow_jailbreak" type="checkbox" />3164 <input id="context_allow_jailbreak" type="checkbox" />
3119 <small data-i18n="Allow Post-History Instructions">Allow Post-History Instructions</small>3165 <small data-i18n="Allow Post-History Instructions">Allow Post-History Instructions</small>
3120 </label>3166 </label>
3121 </div>3167 </div>
31223168 <div>
3123 <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn margin-bot-10px" style="display:none;">3169 <h4 class="range-block-title justifyLeft standoutHeader">
3124 <div class="inline-drawer-toggle inline-drawer-header">3170 <span data-i18n="Custom Stopping Strings">
3125 <b><span data-i18n="Context Order">Context Order</span></b>3171 Custom Stopping Strings
3126 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>3172 </span>
3127 </div>3173 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#custom-stopping-strings" class="notes-link" target="_blank">
3128 <div class="inline-drawer-content">3174 <span class="fa-solid fa-circle-question note-link-span"></span>
3129 <div id="context_order" class="prompt_order">3175 </a>
3130 <div data-id="0">3176 </h4>
3131 <span data-i18n="Story String">Story String</span>3177 <div>
3132 <small>0</small>
3133 </div>
3134 <div data-id="1">
3135 <span data-i18n="Summary">Summary</span>
3136 <small>1</small>
3137 </div>
3138 <div data-id="2">
3139 <span data-i18n="Author's Note">Author's Note</span>
3140 <small>2</small>
3141 </div>
3142 <div data-id="3">
3143 <span data-i18n="Example Dialogues">Example Dialogues</span>
3144 <small>3</small>
3145 </div>
3146 <div data-id="4">
3147 <span data-i18n="Chat Start">Chat History</span>
3148 <small>4</small>
3149 </div>
3150 </div>
3151 <small>3178 <small>
3152 <b data-i18n="Hint">Hint:</b>3179 <span data-i18n="JSON serialized array of strings">JSON serialized array of strings</span>
3153 <span data-i18n="In-Chat Position not affected">3180 <i class="fa-solid fa-question-circle opacity50p" title="e.g: [&quot;Ford&quot;, &quot;BMW&quot;, &quot;Fiat&quot;]"></i>
3154 Summary and Author's Note orders are only affected when they don't have an In-Chat position set.
3155 </span>
3156 </small>3181 </small>
3157 </div>3182 </div>
3183 <div>
3184 <div contenteditable="true" id="custom_stopping_strings" class="text_pole textarea_compact monospace"></div>
3185 </div>
3186 <label class="checkbox_label" for="custom_stopping_strings_macro">
3187 <input id="custom_stopping_strings_macro" type="checkbox" checked>
3188 <small data-i18n="Replace Macro in Custom Stopping Strings">
3189 Replace Macro in Custom Stopping Strings
3190 </small>
3191 </label>
3158 </div>3192 </div>
3159 </div>3193 </div>
3160 <div>3194 </div>
3161 <h4 class="standoutHeader title_restorable">3195 <div id="InstructSettingsColumn" class="flex-container flexNoGap flexFlowColumn flex1">
3162 <div>3196 <div id="instructSettingsBlock">
3197 <h4 class="standoutHeader title_restorable justifySpaceBetween">
3198 <div class="flex-container">
3163 <span data-i18n="Instruct Mode">Instruct Mode</span>3199 <span data-i18n="Instruct Mode">Instruct Mode</span>
3164 <a href="https://docs.sillytavern.app/usage/core-concepts/instructmode/" class="notes-link" target="_blank">3200 <a href="https://docs.sillytavern.app/usage/core-concepts/instructmode/" class="notes-link" target="_blank">
3165 <span class="fa-solid fa-circle-question note-link-span"></span>3201 <span class="fa-solid fa-circle-question note-link-span"></span>
3166 </a>3202 </a>
3167 </div>3203 </div>
3168 <div class="flex-container">3204 <div class="flex-container">
3169 <i data-newbie-hidden data-preset-manager-import="instruct" class="margin0 menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>3205 <label for="instruct_enabled" class="checkbox_label flex1">
3170 <i data-newbie-hidden data-preset-manager-export="instruct" class="margin0 menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>3206 <input id="instruct_enabled" type="checkbox" style="display:none;" />
3171 <i data-newbie-hidden data-preset-manager-restore="instruct" class="margin0 menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>3207 <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>
3172 <i data-newbie-hidden data-preset-manager-delete="instruct" class="margin0 menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>3208 </label>
3209 <label for="instruct_bind_to_context" class="checkbox_label flex1" title="If enabled, Context templates will be automatically selected based on selected Instruct template name or by preference." data-i18n="[title]instruct_bind_to_context">
3210 <input id="instruct_bind_to_context" type="checkbox" style="display:none;" />
3211 <small><i class="fa-solid fa-link menu_button margin0" title="If enabled, Context templates will be automatically selected based on selected Instruct template name or by preference."></i></small>
3212 </label>
3173 </div>3213 </div>
3174 </h4>3214 </h4>
3175 <div class="flex-container">3215 <div class="flex-container margin0 justifyCenter">
3176 <label for="instruct_enabled" class="checkbox_label flex1">
3177 <input id="instruct_enabled" type="checkbox" />
3178 <span data-i18n="Enabled">Enabled</span>
3179 </label>
3180 <label for="instruct_bind_to_context" class="checkbox_label flex1" title="If enabled, Context templates will be automatically selected based on selected Instruct template name or by preference." data-i18n="[title]instruct_bind_to_context">
3181 <input id="instruct_bind_to_context" type="checkbox" />
3182 <span data-i18n="Bind to Context">Bind to Context</span>
3183 </label>
3184 </div>
3185 <label for="instruct_presets">
3186 <span data-i18n="Presets">Presets</span>
3187 </label>
3188 <div class="flex-container">
3189 <select id="instruct_presets" data-preset-manager-for="instruct" class="flex1 text_pole"></select>
3190 <input type="file" hidden data-preset-manager-file="instruct" accept=".json, .settings">3216 <input type="file" hidden data-preset-manager-file="instruct" accept=".json, .settings">
3191 <i id="instruct_set_default" class="menu_button fa-solid fa-heart" title="Auto-select this preset on API connection." data-i18n="[title]Auto-select this preset on API connection"></i>3217 <i id="instruct_set_default" class="menu_button fa-solid fa-heart" title="Auto-select this preset on API connection." data-i18n="[title]Auto-select this preset on API connection"></i>
3192 <i data-newbie-hidden data-preset-manager-update="instruct" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>3218 <i data-newbie-hidden data-preset-manager-update="instruct" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
3193 <i data-newbie-hidden data-preset-manager-new="instruct" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>3219 <i data-newbie-hidden data-preset-manager-new="instruct" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
3220 <i data-preset-manager-import="instruct" class=" menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
3221 <i data-preset-manager-export="instruct" class=" menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
3222 <i data-newbie-hidden data-preset-manager-restore="instruct" class=" menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
3223 <i data-preset-manager-delete="instruct" class=" menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
3224 </div>
3225
3226 <div class="flex-container">
3227 <select id="instruct_presets" data-preset-manager-for="instruct" class="flex1 text_pole"></select>
3194 </div>3228 </div>
3195 <label data-newbie-hidden>3229 <label data-newbie-hidden>
3196 <small data-i18n="Activation Regex">3230 <small data-i18n="Activation Regex">
3197 Activation Regex3231 Activation Regex <span class="fa-solid fa-circle-question" title="When connecting to an API or choosing a model, automatically activate this Instruct Mode template if the model name matches the provided regular expression."></span>
3198 </small>3232 </small>
3199 </label>3233 </label>
3200 <div data-newbie-hidden>3234 <div data-newbie-hidden>
3201 <textarea id="instruct_activation_regex" class="text_pole textarea_compact autoSetHeight" maxlength="5000" rows="1"></textarea>3235 <input type="text" id="instruct_activation_regex" class="text_pole textarea_compact" placeholder="e.g. /llama(-)?[3|3.1]/i"></input>
3236 </div>
3237 <div data-newbie-hidden>
3238 <label>
3239 <small data-i18n="System Prompt">System Prompt</small>
3240 </label>
3241 <div contenteditable="true" id="instruct_system_prompt" class="text_pole textarea_compact"></div>
3202 </div>3242 </div>
3243
3203 <div data-newbie-hidden>3244 <div data-newbie-hidden>
3204 <label for="instruct_wrap" class="checkbox_label">3245 <label for="instruct_wrap" class="checkbox_label">
3205 <input id="instruct_wrap" type="checkbox" />3246 <input id="instruct_wrap" type="checkbox" />
3206 <span data-i18n="Wrap Sequences with Newline">Wrap Sequences with Newline</span>3247 <small data-i18n="Wrap Sequences with Newline">Wrap Sequences with Newline</small>
3207 </label>3248 </label>
3208 <label for="instruct_macro" class="checkbox_label">3249 <label for="instruct_macro" class="checkbox_label">
3209 <input id="instruct_macro" type="checkbox" />3250 <input id="instruct_macro" type="checkbox" />
3210 <span data-i18n="Replace Macro in Sequences">Replace Macro in Sequences</span>3251 <small data-i18n="Replace Macro in Sequences">Replace Macro in Sequences</small>
3211 </label>3252 </label>
3212 <label for="instruct_skip_examples" class="checkbox_label">3253 <label for="instruct_skip_examples" class="checkbox_label">
3213 <input id="instruct_skip_examples" type="checkbox" />3254 <input id="instruct_skip_examples" type="checkbox" />
3214 <span data-i18n="Skip Example Dialogues Formatting">Skip Example Dialogues Formatting</span>3255 <small data-i18n="Skip Example Dialogues Formatting">Skip Example Dialogues Formatting</small>
3215 </label>3256 </label>
3216 <label for="instruct_names" class="checkbox_label">3257 <label for="instruct_names" class="checkbox_label">
3217 <input id="instruct_names" type="checkbox" />3258 <input id="instruct_names" type="checkbox" />
3218 <span data-i18n="Include Names">Include Names</span>3259 <small data-i18n="Include Names">Include Names</small>
3219 </label>3260 </label>
3220 <label for="instruct_names_force_groups" class="checkbox_label indent20p">3261 <label for="instruct_names_force_groups" class="checkbox_label indent20p">
3221 <input id="instruct_names_force_groups" type="checkbox" />3262 <input id="instruct_names_force_groups" type="checkbox" />
3222 <span data-i18n="Force for Groups and Personas">Force for Groups and Personas</span>3263 <small data-i18n="Force for Groups and Personas">Force for Groups and Personas</small>
3223 </label>
3224 </div>
3225 <div data-newbie-hidden>
3226 <label>
3227 <small data-i18n="System Prompt">System Prompt</small>
3228 </label>3264 </label>
3229 <textarea id="instruct_system_prompt" class="text_pole textarea_compact autoSetHeight" rows="1"></textarea>
3230 </div>
3231 <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
3232 <div class="inline-drawer-toggle inline-drawer-header">
3233 <b><span data-i18n="Instruct Mode Sequences">Instruct Mode Sequences</span></b>
3234 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
3235 </div>
3236 <div class="inline-drawer-content">
3237 <h5 class="textAlignCenter" data-i18n="System Prompt Wrapping">
3238 System Prompt Wrapping
3239 </h5>
3240 <div class="flex-container">
3241 <div class="flex1" title="Inserted before a System prompt." data-i18n="[title]Inserted before a System prompt.">
3242 <label for="instruct_system_sequence_prefix">
3243 <small data-i18n="System Prompt Prefix">System Prompt Prefix</small>
3244 </label>
3245 <div>
3246 <textarea id="instruct_system_sequence_prefix" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3247 </div>
3248 </div>
3249 <div class="flex1" title="Inserted after a System prompt." data-i18n="[title]Inserted after a System prompt.">
3250 <label for="instruct_system_sequence_suffix">
3251 <small data-i18n="System Prompt Suffix">System Prompt Suffix</small>
3252 </label>
3253 <div>
3254 <textarea id="instruct_system_sequence_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3255 </div>
3256 </div>
3257 </div>
3258 <h5 class="textAlignCenter" data-i18n="Chat Messages Wrapping">
3259 Chat Messages Wrapping
3260 </h5>
3261 <div class="flex-container">
3262 <div class="flex1" title="Inserted before a User message and as a last prompt line when impersonating." data-i18n="[title]Inserted before a User message and as a last prompt line when impersonating.">
3263 <label for="instruct_input_sequence">
3264 <small data-i18n="User Message Prefix">User Message Prefix</small>
3265 </label>
3266 <div>
3267 <textarea id="instruct_input_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3268 </div>
3269 </div>
3270 <div class="flex1" title="Inserted after a User message." data-i18n="[title]Inserted after a User message.">
3271 <label for="instruct_input_suffix">
3272 <small data-i18n="User Message Suffix">User Message Suffix</small>
3273 </label>
3274 <div>
3275 <textarea id="instruct_input_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3276 </div>
3277 </div>
3278 </div>
3279 <div class="flex-container">
3280 <div class="flex1" title="Inserted before an Assistant message and as a last prompt line when generating an AI reply." data-i18n="[title]Inserted before an Assistant message and as a last prompt line when generating an AI reply.">
3281 <label for="instruct_output_sequence">
3282 <small data-i18n="Assistant Message Prefix">Assistant Message Prefix</small>
3283 </label>
3284 <div>
3285 <textarea id="instruct_output_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3286 </div>
3287 </div>
3288 <div class="flex1" title="Inserted after an Assistant message." data-i18n="[title]Inserted after an Assistant message.">
3289 <label for="instruct_output_suffix">
3290 <small data-i18n="Assistant Message Suffix">Assistant Message Suffix</small>
3291 </label>
3292 <div>
3293 <textarea id="instruct_output_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3294 </div>
3295 </div>
3296 </div>
3297 <div class="flex-container">
3298 <div class="flex1" title="Inserted before a System (added by slash commands or extensions) message." data-i18n="[title]Inserted before a System (added by slash commands or extensions) message.">
3299 <label for="instruct_system_sequence">
3300 <small data-i18n="System Message Prefix">System Message Prefix</small>
3301 </label>
3302 <div>
3303 <textarea id="instruct_system_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3304 </div>
3305 </div>
3306 <div class="flex1" title="Inserted after a System message." data-i18n="[title]Inserted after a System message.">
3307 <label for="instruct_system_suffix">
3308 <small data-i18n="System Message Suffix">System Message Suffix</small>
3309 </label>
3310 <div>
3311 <textarea id="instruct_system_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3312 </div>
3313 </div>
3314 <div class="flexBasis100p" title="If enabled, System Sequences will be the same as User Sequences." data-i18n="[title]If enabled, System Sequences will be the same as User Sequences.">
3315 <label class="checkbox_label" for="instruct_system_same_as_user">
3316 <input id="instruct_system_same_as_user" type="checkbox" />
3317 <small data-i18n="System same as User">System same as User</small>
3318 </label>
3319 </div>
3320 </div>
3321 <h5 class="textAlignCenter" data-i18n="Misc. Sequences">
3322 Misc. Sequences
3323 </h5>
3324 <div class="flex-container">
3325 <div class="flex1" title="Inserted before the first Assistant's message." data-i18n="[title]Inserted before the first Assistant's message.">
3326 <label for="instruct_first_output_sequence">
3327 <small data-i18n="First Assistant Prefix">First Assistant Prefix</small>
3328 </label>
3329 <div>
3330 <textarea id="instruct_first_output_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3331 </div>
3332 </div>
3333 <div class="flex1" title="Inserted before the last Assistant's message or as a last prompt line when generating an AI reply (except a neutral/system role)." data-i18n="[title]instruct_last_output_sequence">
3334 <label for="instruct_last_output_sequence">
3335 <small data-i18n="Last Assistant Prefix">Last Assistant Prefix</small>
3336 </label>
3337 <div>
3338 <textarea id="instruct_last_output_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3339 </div>
3340 </div>
3341 </div>
3342 <div class="flex-container">
3343 <div class="flex1" title="Inserted before the first User's message." data-i18n="[title]Inserted before the first User's message.">
3344 <label for="instruct_first_input_sequence">
3345 <small data-i18n="First User Prefix">First User Prefix</small>
3346 </label>
3347 <div>
3348 <textarea id="instruct_first_input_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3349 </div>
3350 </div>
3351 <div class="flex1" title="Inserted before the last User's message." data-i18n="[title]instruct_last_input_sequence">
3352 <label for="instruct_last_input_sequence">
3353 <small data-i18n="Last User Prefix">Last User Prefix</small>
3354 </label>
3355 <div>
3356 <textarea id="instruct_last_input_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3357 </div>
3358 </div>
3359 </div>
3360 <div class="flex-container">
3361 <div class="flex1" title="Will be inserted as a last prompt line when using system/neutral generation." data-i18n="[title]Will be inserted as a last prompt line when using system/neutral generation.">
3362 <label for="instruct_last_system_sequence">
3363 <small data-i18n="System Instruction Prefix">System Instruction Prefix</small>
3364 </label>
3365 <div>
3366 <textarea id="instruct_last_system_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3367 </div>
3368 </div>
3369 <div class="flex1" title="If a stop sequence is generated, everything past it will be removed from the output (inclusive)." data-i18n="[title]If a stop sequence is generated, everything past it will be removed from the output (inclusive).">
3370 <label for="instruct_stop_sequence">
3371 <small data-i18n="Stop Sequence">Stop Sequence</small>
3372 </label>
3373 <div>
3374 <textarea id="instruct_stop_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3375 </div>
3376 </div>
3377 </div>
3378 <div class="flex-container">
3379 <div class="flex1" title="Will be inserted at the start of the chat history if it doesn't start with a User message." data-i18n="[title]Will be inserted at the start of the chat history if it doesn't start with a User message.">
3380 <label for="instruct_user_alignment_message">
3381 <small data-i18n="User Filler Message">User Filler Message</small>
3382 </label>
3383 <div>
3384 <textarea id="instruct_user_alignment_message" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
3385 </div>
3386 </div>
3387 </div>
3388 </div>
3389 </div>3265 </div>
3390 </div>3266 </div>
3391 </div>3267 <div name="tokenizerSettingsBlock">
3392 <div id="ContextFormatting">3268 <div data-newbie-hidden name="tokenizerSelectorBlock">
3393 <div>3269 <h4 class="standoutHeader"><span data-i18n="Tokenizer">Tokenizer</span>
3394 <div class="flex-container alignItemsBaseline">3270 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#tokenizer" class="notes-link" target="_blank">
3395 <h4 data-i18n="Context Formatting">3271 <span class="fa-solid fa-circle-question note-link-span"></span>
3396 Context Formatting3272 </a>
3397 </h4>3273 </h4>
3398 <small data-i18n="(Saved to Context Template)">3274 <select id="tokenizer">
3399 &nbsp;(Saved to Context Template)3275 <option value="99">Best match (recommended)</option>
3400 </small>3276 <option value="0">None / Estimated</option>
3401 </div>3277 <option value="1">GPT-2</option>
3402 <label class="checkbox_label" for="always-force-name2-checkbox">3278 <!-- Option #2 was a legacy GPT-2/3 tokenizer -->
3403 <input id="always-force-name2-checkbox" type="checkbox" />3279 <option value="3">Llama 1/2</option>
3404 <span data-i18n="Always add character's name to prompt">3280 <option value="12">Llama 3</option>
3405 Always add character's name to prompt3281 <option value="13">Gemma / Gemini</option>
3406 </span>3282 <option value="14">Jamba</option>
3407 </label>3283 <option value="4">NerdStash (NovelAI Clio)</option>
3408 <label class="checkbox_label" for="single_line">3284 <option value="5">NerdStash v2 (NovelAI Kayra)</option>
3409 <input id="single_line" type="checkbox" />3285 <option value="7">Mistral</option>
3410 <span data-i18n="Generate only one line per request">3286 <option value="8">Yi</option>
3411 Generate only one line per request3287 <option value="11">Claude 1/2</option>
3412 </span>3288 <option value="6">API (WebUI / koboldcpp)</option>
3413 </label>3289 </select>
3414 <label class="checkbox_label" for="trim_sentences_checkbox">
3415 <input id="trim_sentences_checkbox" type="checkbox" />
3416 <span data-i18n="Trim Incomplete Sentences">
3417 Trim Incomplete Sentences
3418 </span>
3419 </label>
3420 <!-- Add margin since this is a child of above -->
3421 <label data-newbie-hidden class="checkbox_label indent20p" for="include_newline_checkbox">
3422 <input id="include_newline_checkbox" type="checkbox" />
3423 <span data-i18n="Include Newline">Include Newline</span>
3424 </label>
3425 </div>
3426 <h4 data-i18n="Misc. Settings">
3427 Misc. Settings
3428 </h4>
3429 <label class="checkbox_label" for="collapse-newlines-checkbox">
3430 <input id="collapse-newlines-checkbox" type="checkbox" />
3431 <span data-i18n="Collapse Consecutive Newlines">
3432 Collapse Consecutive Newlines
3433 </span>
3434 </label>
3435 <label data-newbie-hidden class="checkbox_label" for="trim_spaces">
3436 <input id="trim_spaces" type="checkbox" />
3437 <span data-i18n="Trim spaces">Trim spaces</span>
3438 </label>
3439 <div data-newbie-hidden>
3440 <h4><span data-i18n="Tokenizer">Tokenizer</span>
3441 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#tokenizer" class="notes-link" target="_blank">
3442 <span class="fa-solid fa-circle-question note-link-span"></span>
3443 </a>
3444 </h4>
3445 <select id="tokenizer">
3446 <option value="99">Best match (recommended)</option>
3447 <option value="0">None / Estimated</option>
3448 <option value="1">GPT-2</option>
3449 <!-- Option #2 was a legacy GPT-2/3 tokenizer -->
3450 <option value="3">Llama 1/2</option>
3451 <option value="12">Llama 3</option>
3452 <option value="13">Gemma / Gemini</option>
3453 <option value="14">Jamba</option>
3454 <option value="4">NerdStash (NovelAI Clio)</option>
3455 <option value="5">NerdStash v2 (NovelAI Kayra)</option>
3456 <option value="7">Mistral</option>
3457 <option value="8">Yi</option>
3458 <option value="11">Claude 1/2</option>
3459 <option value="6">API (WebUI / koboldcpp)</option>
3460 </select>
3461 </div>
3462 <div class="range-block" data-newbie-hidden>
3463 <div class="range-block-title justifyLeft">
3464 <span data-i18n="Token Padding">Token Padding</span>
3465 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#token-padding" class="notes-link" target="_blank">
3466 <span class="fa-solid fa-circle-question note-link-span"></span>
3467 </a>
3468 </div>3290 </div>
3469 <input id="token_padding" class="text_pole textarea_compact" type="number" min="-2048" max="2048" />3291 <div class="range-block flex-container flexnowrap" data-newbie-hidden name="tokenPaddingBlock">
3470 </div>3292 <div class="range-block-title justifyLeft">
3471 <div class="flex-container flexFlowColumn" data-newbie-hidden>3293 <small data-i18n="Token Padding" class="flex-container">Token Padding
3472 <div>3294 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#token-padding" class="notes-link" target="_blank">
3473 <h4 class="range-block-title justifyLeft">3295 <span class="fa-solid fa-circle-question note-link-span"></span>
3474 <span data-i18n="Start Reply With">3296 </a>
3475 Start Reply With3297 </small>
3476 </span>
3477 </h4>
3478 <div>
3479 <textarea id="start_reply_with" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]AI reply prefix" placeholder="AI reply prefix"></textarea>
3480 </div>3298 </div>
3481 <label class="checkbox_label" for="chat-show-reply-prefix-checkbox">3299 <input id="token_padding" class="text_pole textarea_compact" type="number" min="-2048" max="2048" />
3482 <input id="chat-show-reply-prefix-checkbox" type="checkbox" />
3483 <span data-i18n="Show reply prefix in chat">
3484 Show reply prefix in chat
3485 </span>
3486 </label>
3487 </div>3300 </div>
3301 </div>
3302 <div>
3303 <h4 class="standoutHeader" data-i18n="Miscellaneous">Miscellaneous</h4>
3488 <div>3304 <div>
3489 <h4 class="range-block-title justifyLeft">3305 <small>
3490 <span data-i18n="Non-markdown strings">3306 <span data-i18n="Non-markdown strings">
3491 Non-markdown strings3307 Non-markdown strings
3492 </span>3308 </span>
3493 </h4>3309 </small>
3494 <div>3310 <div>
3495 <input id="markdown_escape_strings" class="text_pole textarea_compact" type="text" data-i18n="[placeholder]separate with commas w/o space between" placeholder="separate with commas w/o space between" maxlength="100" />3311 <input id="markdown_escape_strings" class="text_pole textarea_compact" type="text" data-i18n="[placeholder]comma delimited,no spaces between" placeholder="comma delimited,no spaces between" />
3496 </div>3312 </div>
3497 </div>3313 </div>
3498 <div>3314
3499 <h4 class="range-block-title justifyLeft">3315 <div data-newbie-hidden name="startReplyWithBlock">
3500 <span data-i18n="Custom Stopping Strings">
3501 Custom Stopping Strings
3502 </span>
3503 <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#custom-stopping-strings" class="notes-link" target="_blank">
3504 <span class="fa-solid fa-circle-question note-link-span"></span>
3505 </a>
3506 </h4>
3507 <div>3316 <div>
3508 <small>3317 <small>
3509 <span data-i18n="JSON serialized array of strings">JSON serialized array of strings</span>3318 <span data-i18n="Start Reply With">
3319 Start Reply With
3320 </span>
3510 </small>3321 </small>
3322 <div>
3323 <div contenteditable="true" id="start_reply_with" class="text_pole textarea_compact"></div>
3324 </div>
3325 <label class="checkbox_label" for="chat-show-reply-prefix-checkbox">
3326 <input id="chat-show-reply-prefix-checkbox" type="checkbox" />
3327 <small data-i18n="Show reply prefix in chat">
3328 Show reply prefix in chat
3329 </small>
3330 </label>
3511 </div>3331 </div>
3512 <div>
3513 <textarea id="custom_stopping_strings" rows="2" class="text_pole textarea_compact monospace" placeholder="[&quot;Ford&quot;, &quot;BMW&quot;, &quot;Fiat&quot;]"></textarea>
3514 </div>
3515 <label class="checkbox_label" for="custom_stopping_strings_macro">
3516 <input id="custom_stopping_strings_macro" type="checkbox" checked>
3517 <span data-i18n="Replace Macro in Custom Stopping Strings">
3518 Replace Macro in Custom Stopping Strings
3519 </span>
3520 </label>
3521 </div>3332 </div>
3522 </div>3333 </div>
3523 <div data-newbie-hidden>3334 </div>
3524 <h4>3335 <div id="InstructSequencesColumn" class="flex-container flexNoGap flexFlowColumn flex1">
3525 <span data-i18n="Auto-Continue">Auto-Continue</span>3336 <div data-newbie-hidden class="wide100p flexFlowColumn">
3337 <h4 class="standoutHeader title_restorable">
3338 <b>
3339 <span data-i18n="Instruct Sequences">
3340 Instruct Sequences
3341 </span>
3342 &nbsp;
3343 <small data-i18n="(Saves to Template)">
3344 (Saves to Template)
3345 </small>
3346 </b>
3526 </h4>3347 </h4>
3527 <div class="flex-container">3348 <div class="flex-container">
3528 <label class="checkbox_label" for="auto_continue_enabled">3349 <div class="flexAuto" title="Inserted before a System prompt." data-i18n="[title]Inserted before a System prompt.">
3529 <input id="auto_continue_enabled" type="checkbox" />3350 <label for="instruct_system_sequence_prefix">
3530 <span data-i18n="Enabled">3351 <small data-i18n="System Prompt Prefix">System Prompt Prefix</small>
3531 Enabled3352 </label>
3532 </span>3353 <div>
3533 </label>3354 <div contenteditable="true" id="instruct_system_sequence_prefix" class="text_pole textarea_compact"></div>
3534 <label class="checkbox_label" for="auto_continue_allow_chat_completions">3355 </div>
3535 <input id="auto_continue_allow_chat_completions" type="checkbox" />3356 </div>
3536 <span data-i18n="Allow for Chat Completion APIs">3357 <div class="flexAuto" title="Inserted after a System prompt." data-i18n="[title]Inserted after a System prompt.">
3537 Allow for Chat Completion APIs3358 <label for="instruct_system_sequence_suffix">
3538 </span>3359 <small data-i18n="System Prompt Suffix">System Prompt Suffix</small>
3539 </label>3360 </label>
3361 <div>
3362 <div contenteditable="true" id="instruct_system_sequence_suffix" class="text_pole wide100p textarea_compact"></div>
3363 </div>
3364 </div>
3540 </div>3365 </div>
35413366 <div class="flex-container">
3542 <div class="auto_continue_settings_block">3367 <div class="flexAuto" title="Inserted before a User message and as a last prompt line when impersonating." data-i18n="[title]Inserted before a User message and as a last prompt line when impersonating.">
3543 <label for="auto_continue_target_length">3368 <small data-i18n="User Prefix">User Message Prefix</small>
3544 <span data-i18n="Target length (tokens)">Target length (tokens)</span>3369 <div contenteditable="true" id="instruct_input_sequence" class="text_pole textarea_compact"></div>
3545 <input id="auto_continue_target_length" type="number" class="text_pole textarea_compact" min="0" max="1024" />3370 </div>
3546 </label>3371 <div class="flexAuto" title="Inserted after a User message." data-i18n="[title]Inserted after a User message.">
3372 <small data-i18n="User Suffix">User Message Suffix</small>
3373 <div contenteditable="true" id="instruct_input_suffix" class="text_pole wide100p textarea_compact"></div>
3374 </div>
3547 </div>3375 </div>
3548 </div>3376 <div class="flex-container">
3377 <div class="flexAuto" title="Inserted before an Assistant message and as a last prompt line when generating an AI reply." data-i18n="[title]Inserted before an Assistant message and as a last prompt line when generating an AI reply.">
3378 <small data-i18n="Assistant Prefix">Assistant Message Prefix</small>
3379 <div contenteditable="true" id="instruct_output_sequence" class="text_pole wide100p textarea_compact"></div>
3380 </div>
3381 <div class="flexAuto" title="Inserted after an Assistant message." data-i18n="[title]Inserted after an Assistant message.">
3382 <small data-i18n="Assistant Suffix">Assistant Message Suffix</small>
3383 <div contenteditable="true" id="instruct_output_suffix" class="text_pole wide100p textarea_compact"></div>
3384 </div>
3385 </div>
3386 <div class="flex-container">
3387 <div class="flexAuto" id="instruct_system_sequence_block" title="Inserted before a System (added by slash commands or extensions) message." data-i18n="[title]Inserted before a System (added by slash commands or extensions) message.">
3388 <small data-i18n="System Prefix">System Message Prefix</small>
3389 <div contenteditable="true" id="instruct_system_sequence" class="text_pole textarea_compact"></div>
3390 </div>
3391 <div class="flexAuto" id="instruct_system_suffix_block" title="Inserted after a System message." data-i18n="[title]Inserted after a System message.">
3392 <small data-i18n="System Suffix">System Message Suffix</small>
3393 <div contenteditable="true" id="instruct_system_suffix" class="text_pole wide100p textarea_compact"></div>
3394 </div>
3395 </div>
3396 <div class="flexBasis100p" title="If enabled, System Sequences will be the same as User Sequences." data-i18n="[title]If enabled, System Sequences will be the same as User Sequences.">
3397 <label class="checkbox_label" for="instruct_system_same_as_user">
3398 <input id="instruct_system_same_as_user" type="checkbox" />
3399 <small data-i18n="System same as User">System same as User</small>
3400 </label>
3401 </div>
3402
3403 <h5 class="textAlignCenter" data-i18n="Misc. Sequences">
3404 Misc. Sequences
3405 </h5>
3406 <div class="flex-container">
3407 <div class="flexAuto" title="Inserted before the first Assistant's message." data-i18n="[title]Inserted before the first Assistant's message.">
3408 <small data-i18n="First Assistant Prefix">First Assistant Prefix</small>
3409 <div contenteditable="true" id="instruct_first_output_sequence" class="text_pole textarea_compact"></div>
3410 </div>
3411 <div class="flexAuto" title="Inserted before the last Assistant's message or as a last prompt line when generating an AI reply (except a neutral/system role)." data-i18n="[title]instruct_last_output_sequence">
3412 <small data-i18n="Last Assistant Prefix">Last Assistant Prefix</small>
3413 <div contenteditable="true" id="instruct_last_output_sequence" class="text_pole wide100p textarea_compact"></div>
3414 </div>
3415 </div>
3416 <div class="flex-container">
3417 <div class="flexAuto" title="Inserted before the first User's message." data-i18n="[title]Inserted before the first User's message.">
3418 <small data-i18n="First User Prefix">First User Prefix</small>
3419 <div contenteditable="true" id="instruct_first_input_sequence" class="text_pole textarea_compact"></div>
3420 </div>
3421 <div class="flexAuto" title="Inserted before the last User's message." data-i18n="[title]instruct_last_input_sequence">
3422 <small data-i18n="Last User Prefix">Last User Prefix</small>
3423 <div contenteditable="true" id="instruct_last_input_sequence" class="text_pole wide100p textarea_compact"></div>
3424 </div>
3425 </div>
3426 <div class="flex-container">
3427 <div class="flexAuto" title="Will be inserted as a last prompt line when using system/neutral generation." data-i18n="[title]Will be inserted as a last prompt line when using system/neutral generation.">
3428 <small data-i18n="System Instruction Prefix">System Instruction Prefix</small>
3429 <div contenteditable="true" id="instruct_last_system_sequence" class="text_pole textarea_compact"></div>
3430 </div>
3431 <div class="flexAuto" title="If a stop sequence is generated, everything past it will be removed from the output (inclusive)." data-i18n="[title]If a stop sequence is generated, everything past it will be removed from the output (inclusive).">
3432 <small data-i18n="Stop Sequence">Stop Sequence</small>
3433 <div contenteditable="true" id="instruct_stop_sequence" class="text_pole textarea_compact"></div>
3434 </div>
3435 </div>
3436 <div class="flex-container">
3437 <div class="flexAuto" title="Will be inserted at the start of the chat history if it doesn't start with a User message." data-i18n="[title]Will be inserted at the start of the chat history if it doesn't start with a User message.">
3438 <small data-i18n="User Filler Message">User Filler Message</small>
3439 <div contenteditable="true" id="instruct_user_alignment_message" class="text_pole textarea_compact"></div>
3440 </div>
3441 </div>
3442 </div>
3549 </div>3443 </div>
3550 </div>3444 </div>
3551 </div>3445 </div>
@@ -4296,75 +4190,110 @@
4296 <input id="auto_swipe_minimum_length" name="auto_swipe_minimum_length" type="number" min="0" step="1" value="0" class="text_pole" title="If the generated message is shorter than this, trigger an auto-swipe." data-i18n="[title]If the generated message is shorter than this, trigger an auto-swipe">4190 <input id="auto_swipe_minimum_length" name="auto_swipe_minimum_length" type="number" min="0" step="1" value="0" class="text_pole" title="If the generated message is shorter than this, trigger an auto-swipe." data-i18n="[title]If the generated message is shorter than this, trigger an auto-swipe">
4297 <small data-i18n="Blacklisted words">Blacklisted words</small>4191 <small data-i18n="Blacklisted words">Blacklisted words</small>
4298 <div class="auto_swipe">4192 <div class="auto_swipe">
4299 <textarea id="auto_swipe_blacklist" name="auto_swipe_blacklist" data-i18n="[placeholder]words you dont want generated separated by comma ','" placeholder="words you don't want generated separated by comma ','" class="text_pole textarea_compact" maxlength="5000" value="" autocomplete="off" rows="3"></textarea>4193 <textarea id="auto_swipe_blacklist" name="auto_swipe_blacklist" data-i18n="[placeholder]words you dont want generated separated by comma ','" placeholder="words you don't want generated separated by comma ','" class="text_pole textarea_compact" value="" autocomplete="off" rows="3"></textarea>
4300 <small data-i18n="Blacklisted word count to swipe">Blacklisted word count to swipe</small>4194 <small data-i18n="Blacklisted word count to swipe">Blacklisted word count to swipe</small>
4301 <input id="auto_swipe_blacklist_threshold" name="auto_swipe_blacklist_threshold" type="number" min="0" step="1" value="1" class="text_pole" title="Minimum number of blacklisted words detected to trigger an auto-swipe." data-i18n="[title]Minimum number of blacklisted words detected to trigger an auto-swipe">4195 <input id="auto_swipe_blacklist_threshold" name="auto_swipe_blacklist_threshold" type="number" min="0" step="1" value="1" class="text_pole" title="Minimum number of blacklisted words detected to trigger an auto-swipe." data-i18n="[title]Minimum number of blacklisted words detected to trigger an auto-swipe">
4302 </div>4196 </div>
4303 </div>4197 </div>
4304 </div>4198 </div>
4305 </div>4199 <div data-newbie-hidden nane="AutoContiueBlock" class="inline-drawer wide100p flexFlowColumn">
4306 <div name="AutoCompleteToggle">4200 <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Automatically 'continue' a response if the model stopped before reaching a certain amount of tokens.">
4307 <h4 data-i18n="AutoComplete Settings">AutoComplete Settings</h4>4201 <b><span data-i18n="Auto-swipe">Auto-Continue</span></b>
4308 <label data-newbie-hidden class="checkbox_label" for="stscript_autocomplete_autoHide">4202 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
4309 <input id="stscript_autocomplete_autoHide" type="checkbox" />
4310 <small data-i18n="Automatically hide details">
4311 Automatically hide details
4312 </small>
4313 </label>
4314 <div class="flex-container">
4315 <div class="flex1" title="Determines how entries are found for autocomplete." data-i18n="[title]Determines how entries are found for autocomplete.">
4316 <label for="stscript_matching" data-i18n="Autocomplete Matching"><small>Matching</small></label>
4317 <select id="stscript_matching">
4318 <option data-i18n="Starts with" value="strict">Starts with</option>
4319 <option data-i18n="Includes" value="includes">Includes</option>
4320 <option data-i18n="Fuzzy" value="fuzzy">Fuzzy</option>
4321 </select>
4322 </div>4203 </div>
4323 <div class="flex1" title="Sets the style of the autocomplete." data-i18n="[title]Sets the style of the autocomplete.">4204 <div class="inline-drawer-content">
4324 <label for="stscript_autocomplete_style" data-i18n="Autocomplete Style"><small>Style</small></label>4205 <div class="flex-container">
4325 <div class="flex-container flexFlowRow alignItemsBaseline">4206 <label class="checkbox_label" for="auto_continue_enabled">
4326 <select id="stscript_autocomplete_style">4207 <input id="auto_continue_enabled" type="checkbox" />
4327 <option data-i18n="Follow Theme" value="theme">Follow Theme</option>4208 <small data-i18n="Enabled">
4328 <option data-i18n="Dark" value="dark">Dark</option>4209 Enabled
4329 <option data-i18n="Light" value="light">Light</option>4210 </small>
4330 </select>4211 </label>
4331 <!-- <div class="menu_button fa-solid fa-pen-to-square" title="Customize colors"></div> -->4212 <label class="checkbox_label" for="auto_continue_allow_chat_completions">
4213 <input id="auto_continue_allow_chat_completions" type="checkbox" />
4214 <small data-i18n="Allow for Chat Completion APIs">
4215 Allow for Chat Completion APIs
4216 </small>
4217 </label>
4218 </div>
4219 <div class="auto_continue_settings_block">
4220 <label for="auto_continue_target_length">
4221 <small data-i18n="Target length (tokens)">Target length (tokens)</small>
4222 <input id="auto_continue_target_length" type="number" class="text_pole textarea_compact" min="0" max="1024" />
4223 </label>
4332 </div>4224 </div>
4333 </div>4225 </div>
4226
4227
4334 </div>4228 </div>
4335 <div title="Determines which keys select an item from the AutoComplete suggestions">4229 </div>
4336 <label data-i18n="Keyboard">4230 <div name="AutoCompleteToggle" class="inline-drawer wide100p flexFlowColumn">
4337 <small>Keyboard:</small>4231 <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Options for the various autocompelte input boxes.">
4338 </label>4232 <b><span data-i18n="AutoComplete Settings">AutoComplete Settings</span></b>
4339 <select id="stscript_autocomplete_select">4233 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
4340 <option value="3" data-i18n="Select with Tab or Enter">Select with Tab or Enter</option>
4341 <option value="1" data-i18n="Select with Tab">Select with Tab</option>
4342 <option value="2" data-i18n="Select with Enter">Select with Enter</option>
4343 </select>
4344 </div>
4345 <div class="flex-container flexFlowColumn gap0" title="Sets the font size of the autocomplete." data-i18n="[title]Sets the font size of the autocomplete.">
4346 <label for="stscript_autocomplete_font_scale"><small>Font Scale</small></label>
4347 <input class="neo-range-slider" type="range" id="stscript_autocomplete_font_scale" min="0.5" max="2" step="0.01">
4348 <input class="neo-range-input" type="number" min="0.5" max="2" step="0.01" data-for="stscript_autocomplete_font_scale" id="stscript_autocomplete_font_scale_counter">
4349 </div>4234 </div>
4350 <div title="Sets the width of the autocomplete." data-i18n="[title]Sets the width of the autocomplete.">4235 <div class="inline-drawer-content">
4351 <label for="stscript_autocomplete_width" data-i18n="Autocomplete Width"><small>Width</small></label>4236 <label data-newbie-hidden class="checkbox_label" for="stscript_autocomplete_autoHide">
4352 <div class="doubleRangeContainer">4237 <input id="stscript_autocomplete_autoHide" type="checkbox" />
4353 <div class="doubleRangeInputContainer">4238 <small data-i18n="Automatically hide details">
4354 <input type="range" id="stscript_autocomplete_width_left" min="0" max="2" step="1">4239 Automatically hide details
4355 <datalist id="stscript_autocomplete_width_left_values">4240 </small>
4356 <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>4241 </label>
4357 <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>4242 <div class="flex-container">
4358 <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>4243 <div class="flex1" title="Determines how entries are found for autocomplete." data-i18n="[title]Determines how entries are found for autocomplete.">
4359 </datalist>4244 <label for="stscript_matching" data-i18n="Autocomplete Matching"><small>Matching</small></label>
4245 <select id="stscript_matching">
4246 <option data-i18n="Starts with" value="strict">Starts with</option>
4247 <option data-i18n="Includes" value="includes">Includes</option>
4248 <option data-i18n="Fuzzy" value="fuzzy">Fuzzy</option>
4249 </select>
4360 </div>4250 </div>
4361 <div class="doubleRangeInputContainer">4251 <div class="flex1" title="Sets the style of the autocomplete." data-i18n="[title]Sets the style of the autocomplete.">
4362 <input type="range" id="stscript_autocomplete_width_right" min="0" max="2" step="1">4252 <label for="stscript_autocomplete_style" data-i18n="Autocomplete Style"><small>Style</small></label>
4363 <datalist id="stscript_autocomplete_width_right_values">4253 <div class="flex-container flexFlowRow alignItemsBaseline">
4364 <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>4254 <select id="stscript_autocomplete_style">
4365 <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>4255 <option data-i18n="Follow Theme" value="theme">Follow Theme</option>
4366 <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>4256 <option data-i18n="Dark" value="dark">Dark</option>
4367 </datalist>4257 <option data-i18n="Light" value="light">Light</option>
4258 </select>
4259 <!-- <div class="menu_button fa-solid fa-pen-to-square" title="Customize colors"></div> -->
4260 </div>
4261 </div>
4262 </div>
4263 <div title="Determines which keys select an item from the AutoComplete suggestions">
4264 <label data-i18n="Keyboard">
4265 <small>Keyboard:</small>
4266 </label>
4267 <select id="stscript_autocomplete_select">
4268 <option value="3" data-i18n="Select with Tab or Enter">Select with Tab or Enter</option>
4269 <option value="1" data-i18n="Select with Tab">Select with Tab</option>
4270 <option value="2" data-i18n="Select with Enter">Select with Enter</option>
4271 </select>
4272 </div>
4273 <div class="flex-container flexFlowColumn gap0" title="Sets the font size of the autocomplete." data-i18n="[title]Sets the font size of the autocomplete.">
4274 <label for="stscript_autocomplete_font_scale"><small>Font Scale</small></label>
4275 <input class="neo-range-slider" type="range" id="stscript_autocomplete_font_scale" min="0.5" max="2" step="0.01">
4276 <input class="neo-range-input" type="number" min="0.5" max="2" step="0.01" data-for="stscript_autocomplete_font_scale" id="stscript_autocomplete_font_scale_counter">
4277 </div>
4278 <div title="Sets the width of the autocomplete." data-i18n="[title]Sets the width of the autocomplete.">
4279 <label for="stscript_autocomplete_width" data-i18n="Autocomplete Width"><small>Width</small></label>
4280 <div class="doubleRangeContainer">
4281 <div class="doubleRangeInputContainer">
4282 <input type="range" id="stscript_autocomplete_width_left" min="0" max="2" step="1">
4283 <datalist id="stscript_autocomplete_width_left_values">
4284 <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
4285 <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
4286 <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
4287 </datalist>
4288 </div>
4289 <div class="doubleRangeInputContainer">
4290 <input type="range" id="stscript_autocomplete_width_right" min="0" max="2" step="1">
4291 <datalist id="stscript_autocomplete_width_right_values">
4292 <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
4293 <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
4294 <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
4295 </datalist>
4296 </div>
4368 </div>4297 </div>
4369 </div>4298 </div>
4370 </div>4299 </div>
@@ -4497,8 +4426,8 @@
4497 </div>4426 </div>
4498 </div>4427 </div>
4499 <div class="alignitemsflexstart flex-container wide100p">4428 <div class="alignitemsflexstart flex-container wide100p">
4500 <input id="extensions_url" type="text" class="flex1 heightFitContent text_pole widthNatural" maxlength="250" data-i18n="[placeholder]Extras API URL" placeholder="Extras API URL">4429 <input id="extensions_url" type="text" class="flex1 heightFitContent text_pole widthNatural" data-i18n="[placeholder]Extras API URL" placeholder="Extras API URL">
4501 <input id="extensions_api_key" type="text" class="flex1 heightFitContent text_pole widthNatural" maxlength="250" data-i18n="[placeholder]Extras API key (optional)" placeholder="Extras API key (optional)">4430 <input id="extensions_api_key" type="text" class="flex1 heightFitContent text_pole widthNatural" data-i18n="[placeholder]Extras API key (optional)" placeholder="Extras API key (optional)">
4502 <div class="extensions_url_block">4431 <div class="extensions_url_block">
4503 <div id="extensions_connect" class="menu_button" data-i18n="Connect">Connect</div>4432 <div id="extensions_connect" class="menu_button" data-i18n="Connect">Connect</div>
4504 </div>4433 </div>
@@ -4542,7 +4471,7 @@
4542 <i class="fa-solid fa-person-circle-question fa-fw"></i>4471 <i class="fa-solid fa-person-circle-question fa-fw"></i>
4543 <div data-i18n="Create">Create</div>4472 <div data-i18n="Create">Create</div>
4544 </div>4473 </div>
4545 <input id="persona_search_bar" class="text_pole width100p flex1 margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="100">4474 <input id="persona_search_bar" class="text_pole width100p flex1 margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search...">
4546 <select id="persona_sort_order" class="margin0">4475 <select id="persona_sort_order" class="margin0">
4547 <option value="search" data-i18n="Search" hidden>Search</option>4476 <option value="search" data-i18n="Search" hidden>Search</option>
4548 <option value="asc">A-Z</option>4477 <option value="asc">A-Z</option>
@@ -4562,7 +4491,7 @@
4562 <div class="flex1">4491 <div class="flex1">
4563 <h4 data-i18n="Name">Name</h4>4492 <h4 data-i18n="Name">Name</h4>
4564 <div class="change_name">4493 <div class="change_name">
4565 <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" maxlength="100" value="" autocomplete="off">4494 <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" value="" autocomplete="off">
4566 <div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name" data-i18n="[title]Click to set a new User Name">4495 <div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name" data-i18n="[title]Click to set a new User Name">
4567 </div>4496 </div>
4568 <div id="lock_user_name" class="menu_button fa-solid fa-unlock" title="Click to lock your selected persona to the current chat. Click again to remove the lock." data-i18n="[title]Click to lock your selected persona to the current chat. Click again to remove the lock.">4497 <div id="lock_user_name" class="menu_button fa-solid fa-unlock" title="Click to lock your selected persona to the current chat. Click again to remove the lock." data-i18n="[title]Click to lock your selected persona to the current chat. Click again to remove the lock.">
@@ -4572,7 +4501,7 @@
4572 </div>4501 </div>
4573 <div>4502 <div>
4574 <h4 data-i18n="Persona Description">Persona Description</h4>4503 <h4 data-i18n="Persona Description">Persona Description</h4>
4575 <textarea id="persona_description" name="persona_description" data-i18n="[placeholder]Example: [{{user}} is a 28-year-old Romanian cat girl.]" placeholder="Example:&#10;[{{user}} is a 28-year-old Romanian cat girl.]" class="text_pole textarea_compact" maxlength="50000" value="" autocomplete="off" rows="8"></textarea>4504 <textarea id="persona_description" name="persona_description" data-i18n="[placeholder]Example: [{{user}} is a 28-year-old Romanian cat girl.]" placeholder="Example:&#10;[{{user}} is a 28-year-old Romanian cat girl.]" class="text_pole textarea_compact" value="" autocomplete="off" rows="8"></textarea>
4576 <div class="extension_token_counter">4505 <div class="extension_token_counter">
4577 <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>4506 <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>
4578 </div>4507 </div>
@@ -4666,7 +4595,7 @@
4666 <form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">4595 <form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">
4667 <div id="avatar-and-name-block">4596 <div id="avatar-and-name-block">
4668 <div id="name_div">4597 <div id="name_div">
4669 <input id="character_name_pole" name="ch_name" class="text_pole" data-i18n="[placeholder]Name this character" placeholder="Name this character" maxlength="100" value="" autocomplete="off">4598 <input id="character_name_pole" name="ch_name" class="text_pole" data-i18n="[placeholder]Name this character" placeholder="Name this character" value="" autocomplete="off">
4670 <div class="extension_token_counter">4599 <div class="extension_token_counter">
4671 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="character_name_pole" data-token-permanent="true">counting...</span>4600 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="character_name_pole" data-token-permanent="true">counting...</span>
4672 </div>4601 </div>
@@ -4737,7 +4666,7 @@
4737 </div>4666 </div>
4738 <div id="tags_div">4667 <div id="tags_div">
4739 <div class="tag_controls">4668 <div class="tag_controls">
4740 <input id="tagInput" class="text_pole textarea_compact tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />4669 <input id="tagInput" class="text_pole textarea_compact tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" />
4741 <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>4670 <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>
4742 </div>4671 </div>
4743 <div id="tagList" class="tags"></div>4672 <div id="tagList" class="tags"></div>
@@ -4822,12 +4751,12 @@
4822 <div class="inline-drawer-content">4751 <div class="inline-drawer-content">
4823 <div id="group-metadata-controls" class="marginTopBot5">4752 <div id="group-metadata-controls" class="marginTopBot5">
4824 <div class="flex-container wide100p">4753 <div class="flex-container wide100p">
4825 <input id="rm_group_chat_name" class="text_pole flex1" type="text" name="chat_name" data-i18n="[placeholder]Chat Name (Optional)" placeholder="Chat Name (Optional)" maxlength="200" />4754 <input id="rm_group_chat_name" class="text_pole flex1" type="text" name="chat_name" data-i18n="[placeholder]Chat Name (Optional)" placeholder="Chat Name (Optional)" />
4826 <div class="chat_lorebook_button menu_button fa-solid fa-passport" title="Chat Lore" data-i18n="[title]Chat Lore"></div>4755 <div class="chat_lorebook_button menu_button fa-solid fa-passport" title="Chat Lore" data-i18n="[title]Chat Lore"></div>
4827 </div>4756 </div>
4828 <div id="group_tags_div" class="wide100p">4757 <div id="group_tags_div" class="wide100p">
4829 <div class="tag_controls">4758 <div class="tag_controls">
4830 <input id="groupTagInput" class="text_pole textarea_compact tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />4759 <input id="groupTagInput" class="text_pole textarea_compact tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" />
4831 <div class="tags_view menu_button fa-solid fa-tags margin0" title="View all tags" data-i18n="[title]View all tags"></div>4760 <div class="tags_view menu_button fa-solid fa-tags margin0" title="View all tags" data-i18n="[title]View all tags"></div>
4832 </div>4761 </div>
4833 <div id="groupTagList" class="tags paddingTopBot5"></div>4762 <div id="groupTagList" class="tags paddingTopBot5"></div>
@@ -4869,7 +4798,7 @@
4869 <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]When 'Join character cards' is selected, all respective fields of the characters are being joined together.This means that in the story string for example all character descriptions will be joined to one big text.If you want those fields to be separated, you can define a prefix or suffix here.This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)" title="When 'Join character cards' is selected, all respective fields of the characters are being joined together.&#13;This means that in the story string for example all character descriptions will be joined to one big text.&#13;If you want those fields to be separated, you can define a prefix or suffix here.&#13;&#13;This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)">4798 <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]When 'Join character cards' is selected, all respective fields of the characters are being joined together.This means that in the story string for example all character descriptions will be joined to one big text.If you want those fields to be separated, you can define a prefix or suffix here.This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)" title="When 'Join character cards' is selected, all respective fields of the characters are being joined together.&#13;This means that in the story string for example all character descriptions will be joined to one big text.&#13;If you want those fields to be separated, you can define a prefix or suffix here.&#13;&#13;This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)">
4870 </div>4799 </div>
4871 </label>4800 </label>
4872 <textarea id="rm_group_generation_mode_join_prefix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>4801 <textarea id="rm_group_generation_mode_join_prefix" class="text_pole wide100p textarea_compact autoSetHeight" placeholder="&mdash;" rows="1"></textarea>
4873 </div>4802 </div>
4874 <div class="flex1 flexGap5" title="Inserted after each part of the joined fields." data-i18n="[title]Inserted after each part of the joined fields.">4803 <div class="flex1 flexGap5" title="Inserted after each part of the joined fields." data-i18n="[title]Inserted after each part of the joined fields.">
4875 <label for="rm_group_generation_mode_join_suffix" class="flexnowrap width100p whitespacenowrap">4804 <label for="rm_group_generation_mode_join_suffix" class="flexnowrap width100p whitespacenowrap">
@@ -4877,7 +4806,7 @@
4877 <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]When 'Join character cards' is selected, all respective fields of the characters are being joined together.This means that in the story string for example all character descriptions will be joined to one big text.If you want those fields to be separated, you can define a prefix or suffix here.This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)" title="When 'Join character cards' is selected, all respective fields of the characters are being joined together.&#13;This means that in the story string for example all character descriptions will be joined to one big text.&#13;If you want those fields to be separated, you can define a prefix or suffix here.&#13;&#13;This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)">4806 <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]When 'Join character cards' is selected, all respective fields of the characters are being joined together.This means that in the story string for example all character descriptions will be joined to one big text.If you want those fields to be separated, you can define a prefix or suffix here.This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)" title="When 'Join character cards' is selected, all respective fields of the characters are being joined together.&#13;This means that in the story string for example all character descriptions will be joined to one big text.&#13;If you want those fields to be separated, you can define a prefix or suffix here.&#13;&#13;This value supports normal macros and will also replace {{char}} with the relevant char's name and &lt;FIELDNAME&gt; with the name of the part (e.g.: description, personality, scenario, etc.)">
4878 </div>4807 </div>
4879 </label>4808 </label>
4880 <textarea id="rm_group_generation_mode_join_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>4809 <textarea id="rm_group_generation_mode_join_suffix" class="text_pole wide100p textarea_compact autoSetHeight" placeholder="&mdash;" rows="1"></textarea>
4881 </div>4810 </div>
4882 </div>4811 </div>
4883 <div id="GroupFavDelOkBack" class="flex-container flexGap5 spaceEvenly flex1">4812 <div id="GroupFavDelOkBack" class="flex-container flexGap5 spaceEvenly flex1">
@@ -4932,7 +4861,7 @@
4932 <div class="inline-drawer-content">4861 <div class="inline-drawer-content">
4933 <div name="Unadded Char List" class="flex-container flexFlowColumn overflowYAuto flex1">4862 <div name="Unadded Char List" class="flex-container flexFlowColumn overflowYAuto flex1">
4934 <div id="rm_group_add_members_header">4863 <div id="rm_group_add_members_header">
4935 <input id="rm_group_filter" class="text_pole margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="200" />4864 <input id="rm_group_filter" class="text_pole margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." />
4936 </div>4865 </div>
4937 <div class="rm_tag_controls">4866 <div class="rm_tag_controls">
4938 <div class="tags rm_tag_filter"></div>4867 <div class="tags rm_tag_filter"></div>
@@ -4946,7 +4875,7 @@
4946 <div id="rm_character_import" class="right_menu" style="display: none;">4875 <div id="rm_character_import" class="right_menu" style="display: none;">
4947 <form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">4876 <form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
4948 <input multiple type="file" id="character_import_file" accept=".json, image/png, .yaml, .yml, .charx" name="avatar">4877 <input multiple type="file" id="character_import_file" accept=".json, image/png, .yaml, .yml, .charx" name="avatar">
4949 <input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">4878 <input id="character_import_file_type" name="file_type" class="text_pole" value="" autocomplete="off">
4950 </form>4879 </form>
4951 <input type="file" id="character_replace_file" accept=".json, image/png, .yaml, .yml, .charx" name="replace_avatar" hidden>4880 <input type="file" id="character_replace_file" accept=".json, image/png, .yaml, .yml, .charx" name="replace_avatar" hidden>
4952 </div>4881 </div>
@@ -4957,7 +4886,7 @@
4957 <div id="character_import_button" title="Import Character from File" data-i18n="[title]Import Character from File" class="menu_button fa-solid fa-file-import faSmallFontSquareFix"></div>4886 <div id="character_import_button" title="Import Character from File" data-i18n="[title]Import Character from File" class="menu_button fa-solid fa-file-import faSmallFontSquareFix"></div>
4958 <div id="external_import_button" title="Import content from external URL" data-i18n="[title]Import content from external URL" class="menu_button fa-solid fa-cloud-arrow-down faSmallFontSquareFix"></div>4887 <div id="external_import_button" title="Import content from external URL" data-i18n="[title]Import content from external URL" class="menu_button fa-solid fa-cloud-arrow-down faSmallFontSquareFix"></div>
4959 <div id="rm_button_group_chats" title="Create New Chat Group" data-i18n="[title]Create New Chat Group" class="menu_button fa-solid fa-users-gear "></div>4888 <div id="rm_button_group_chats" title="Create New Chat Group" data-i18n="[title]Create New Chat Group" class="menu_button fa-solid fa-users-gear "></div>
4960 <input id="character_search_bar" class="text_pole width100p" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="100" />4889 <input id="character_search_bar" class="text_pole width100p" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." />
4961 <select id="character_sort_order" title="Characters sorting order" data-i18n="[title]Characters sorting order">4890 <select id="character_sort_order" title="Characters sorting order" data-i18n="[title]Characters sorting order">
4962 <option data-field="search" data-order="desc" data-i18n="Search" hidden>Search</option>4891 <option data-field="search" data-order="desc" data-i18n="Search" hidden>Search</option>
4963 <option data-field="name" data-order="asc" data-i18n="A-Z">A-Z</option>4892 <option data-field="name" data-order="asc" data-i18n="A-Z">A-Z</option>
@@ -4993,1063 +4922,1082 @@
4993 </div>4922 </div>
4994 </div>4923 </div>
4995 <!-- various fullscreen popups -->4924 <!-- various fullscreen popups -->
4996 <template id="popup_template" data-i18n="[popup-button-save]popup-button-save;[popup-button-yes]popup-button-yes;[popup-button-no]popup-button-no;[popup-button-cancel]popup-button-cancel;[popup-button-import]popup-button-import;[popup-button-crop]popup-button-crop" popup-button-save="Save" popup-button-yes="Yes" popup-button-no="No" popup-button-cancel="Cancel" popup-button-import="Import" popup-button-crop="Crop"> <!-- localization data holder for popups -->4925 <div name="templatesAndPopupsWrapper"> <!--this div is just for IDE sanity for quick collapsing-->
4997 <dialog class="popup">4926 <div id="export_format_popup" class="list-group">
4998 <div class="popup-body">4927 <div class="export_format list-group-item" data-format="png">PNG</div>
4999 <div class="popup-content">4928 <div class="export_format list-group-item" data-format="json">JSON</div>
5000 <h3 class="popup-header">text</h3>4929 </div>
4930 <div id="zoomed_avatar_template" class="template_element">
4931 <div class="zoomed_avatar">
4932 <div class="panelControlBar flex-container">
4933 <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
4934 <div class="fa-fw fa-solid fa-circle-xmark dragClose" id="closeZoom"></div>
5001 </div>4935 </div>
5002 <div class="popup-crop-wrap">4936 <div class="zoomed_avatar_container">
5003 <img class="popup-crop-image" src="">4937 <img class="zoomed_avatar_img" src="" data-izoomify-url="" data-izoomify-magnify="1.8" data-izoomify-duration="300" alt="">
5004 </div>4938 </div>
5005 <textarea class="popup-input text_pole result-control auto-select" rows="1" data-result="1" data-result-event="submit"></textarea>4939 </div>
5006 <div class="popup-inputs"></div>4940 </div>
5007 <div class="popup-controls">4941 <template id="generic_draggable_template">
5008 <div class="popup-button-ok menu_button result-control" data-result="1" data-i18n="Delete">Delete</div>4942 <div class="draggable">
5009 <div class="popup-button-cancel menu_button result-control" data-result="0" data-i18n="Cancel">Cancel</div>4943 <div class="dragTitle"></div>
4944 <div class="panelControlBar flex-container">
4945 <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
4946 <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
5010 </div>4947 </div>
5011 </div>4948 </div>
5012 <div class="popup-button-close right_menu_button fa-solid fa-circle-xmark" data-result="0" title="Close popup" data-i18n="[title]Close popup"></div>4949 </template>
5013 </dialog>4950 <div id="user_avatar_template" class="template_element">
5014 </template>4951 <div class="avatar-container">
5015 <div id="shadow_popup">4952 <div imgfile="" class="avatar">
5016 <div id="dialogue_popup">4953 <img src="" alt="User Avatar">
5017 <div id="dialogue_popup_holder">
5018 <div id="dialogue_popup_text">
5019 <h3 class="margin0">text</h3>
5020 </div>4954 </div>
5021 <textarea id="dialogue_popup_input" class="text_pole" rows="1"></textarea>4955 <div class="flex-container wide100pLess70px character_select_container">
5022 <div id="dialogue_popup_controls">4956 <div class="wide100p character_name_block">
5023 <div id="dialogue_popup_ok" class="menu_button" data-i18n="Delete" data-result="1">Delete</div>4957 <span class="ch_name flex1"></span>
5024 <div id="dialogue_popup_cancel" class="menu_button" data-i18n="Cancel" data-result="0">Cancel</div>4958 <div class="avatar-buttons">
4959 <button class="menu_button bind_user_name" title="Bind user name to that avatar" data-i18n="[title]Bind user name to that avatar">
4960 <i class="fa-fw fa-solid fa-user-edit"></i>
4961 </button>
4962 <button class="menu_button set_persona_image" title="Change persona image" data-i18n="[title]Change persona image">
4963 <i class="fa-fw fa-solid fa-image"></i>
4964 </button>
4965 <button class="menu_button set_default_persona" title="Select this as default persona for the new chats." data-i18n="[title]Select this as default persona for the new chats.">
4966 <i class="fa-fw fa-solid fa-crown"></i>
4967 </button>
4968 <button class="menu_button duplicate_persona" title="Duplicate persona" data-i18n="[title]Duplicate persona">
4969 <i class="fa-fw fa-solid fa-clone"></i>
4970 </button>
4971 <button class="menu_button delete_avatar" title="Delete persona" data-i18n="[title]Delete persona">
4972 <i class="fa-fw fa-solid fa-trash-alt"></i>
4973 </button>
4974 </div>
4975 </div>
4976 <div class="ch_description"></div>
5025 </div>4977 </div>
5026 </div>4978 </div>
5027 </div>4979 </div>
5028 </div>4980 <template id="popup_template" data-i18n="[popup-button-save]popup-button-save;[popup-button-yes]popup-button-yes;[popup-button-no]popup-button-no;[popup-button-cancel]popup-button-cancel;[popup-button-import]popup-button-import;[popup-button-crop]popup-button-crop" popup-button-save="Save" popup-button-yes="Yes" popup-button-no="No" popup-button-cancel="Cancel" popup-button-import="Import" popup-button-crop="Crop"> <!-- localization data holder for popups -->
5029 <div id="character_popup" class="flex-container flexFlowColumn flexNoGap">4981 <dialog class="popup">
5030 <div id="character_popup_text">4982 <div class="popup-body">
5031 <h3 id="character_popup-button-h3" class="margin0"></h3> <span data-i18n="Advanced Defininitions">- Advanced4983 <div class="popup-content">
5032 Definitions</span>4984 <h3 class="popup-header">text</h3>
5033 </div>4985 </div>
5034 <hr class="margin-bot-10px">4986 <div class="popup-crop-wrap">
5035 <div id="character_cross" class="fa-solid fa-circle-xmark"></div>4987 <img class="popup-crop-image" src="">
5036 <div class="inline-drawer">4988 </div>
5037 <div class="inline-drawer-toggle inline-drawer-header">4989 <textarea class="popup-input text_pole result-control" rows="1" data-result="1" data-result-event="submit"></textarea>
5038 <h4>4990 <div class="popup-inputs"></div>
5039 <span data-i18n="Prompt Overrides">Prompt Overrides</span>4991 <div class="popup-controls">
5040 <small data-i18n="(For Chat Completion and Instruct Mode)">(For Chat Completion and Instruct Mode)</small>4992 <div class="popup-button-ok menu_button result-control" data-result="1" data-i18n="Delete">Delete</div>
5041 </h4>4993 <div class="popup-button-cancel menu_button result-control" data-result="0" data-i18n="Cancel">Cancel</div>
5042 <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
5043 </div>
5044 <div class="inline-drawer-content">
5045 <small data-i18n="Insert {{original}} into either box to include the respective default prompt from system settings.">Insert {{original}} into either box to include the respective default prompt from system settings.</small>
5046 <div>
5047 <h4 data-i18n="Main Prompt">Main Prompt</h4>
5048 <textarea id="system_prompt_textarea" name="system_prompt" data-i18n="[placeholder]Any contents here will replace the default Main Prompt used for this character. (v2 spec: system_prompt)" placeholder="Any contents here will replace the default Main Prompt used for this character.&#10;(v2 spec: system_prompt)" form="form_create" class="text_pole" autocomplete="off" rows="3" maxlength="50000"></textarea>
5049 <div class="extension_token_counter">
5050 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="system_prompt_textarea">counting...</span>
5051 </div>4994 </div>
5052 </div>4995 </div>
5053 <div>4996 <div class="popup-button-close right_menu_button fa-solid fa-circle-xmark" data-result="0" title="Close popup" data-i18n="[title]Close popup"></div>
5054 <h4 data-i18n="Post-History Instructions">Post-History Instructions</h4>4997 </dialog>
5055 <textarea id="post_history_instructions_textarea" name="post_history_instructions" data-i18n="[placeholder]Any contents here will replace the default Post-History Instructions used for this character. (v2 spec: post_history_instructions)" placeholder="Any contents here will replace the default Post-History Instructions used for this character.&#10;(v2 spec: post_history_instructions)" form="form_create" class="text_pole" autocomplete="off" rows="3" maxlength="50000"></textarea>4998 </template>
5056 <div class="extension_token_counter">4999 <div id="shadow_popup">
5057 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="post_history_instructions_textarea">counting...</span>5000 <div id="dialogue_popup">
5001 <div id="dialogue_popup_holder">
5002 <div id="dialogue_popup_text">
5003 <h3 class="margin0">text</h3>
5004 </div>
5005 <textarea id="dialogue_popup_input" class="text_pole" rows="1"></textarea>
5006 <div id="dialogue_popup_controls">
5007 <div id="dialogue_popup_ok" class="menu_button" data-i18n="Delete" data-result="1">Delete</div>
5008 <div id="dialogue_popup_cancel" class="menu_button" data-i18n="Cancel" data-result="0">Cancel</div>
5058 </div>5009 </div>
5059 </div>5010 </div>
5060 </div>5011 </div>
5061 </div>5012 </div>
5062 <hr>5013 <div id="character_popup" class="flex-container flexFlowColumn flexNoGap">
5063 <div class="inline-drawer">5014 <div id="character_popup_text">
5064 <div class="inline-drawer-toggle inline-drawer-header">5015 <h3 id="character_popup-button-h3" class="margin0"></h3> <span data-i18n="Advanced Defininitions">- Advanced
5065 <h4 data-i18n="Creator's Metadata (Not sent with the AI prompt)"><!-- This data-i18n attribute on the left is kept for backward compatibility, use the ones below when translating -->5016 Definitions</span>
5066 <span data-i18n="Creator's Metadata">Creator's Metadata</span>
5067 <small data-i18n="(Not sent with the AI Prompt)">(Not sent with the AI Prompt)</small>
5068 </h4>
5069 <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
5070 </div>5017 </div>
5071 <div class="inline-drawer-content">5018 <hr class="margin-bot-10px">
5072 <small data-i18n="Everything here is optional">Everything here is optional</small>5019 <div id="character_cross" class="fa-solid fa-circle-xmark"></div>
5073 <div class="flex-container flexnowrap">5020 <div class="inline-drawer">
5074 <div class="flex1">5021 <div class="inline-drawer-toggle inline-drawer-header">
5075 <h4 data-i18n="Created by">Created by</h4>5022 <h4>
5076 <textarea id="creator_textarea" name="creator" data-i18n="[placeholder](Botmaker's name / Contact Info)" placeholder="(Botmaker's name / Contact info)" form="form_create" class="text_pole" autocomplete="off" rows="2" maxlength="5000"></textarea>5023 <span data-i18n="Prompt Overrides">Prompt Overrides</span>
5024 <small data-i18n="(For Chat Completion and Instruct Mode)">(For Chat Completion and Instruct Mode)</small>
5025 </h4>
5026 <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
5027 </div>
5028 <div class="inline-drawer-content">
5029 <small data-i18n="Insert {{original}} into either box to include the respective default prompt from system settings.">Insert {{original}} into either box to include the respective default prompt from system settings.</small>
5030 <div>
5031 <h4 data-i18n="Main Prompt">Main Prompt</h4>
5032 <textarea id="system_prompt_textarea" name="system_prompt" data-i18n="[placeholder]Any contents here will replace the default Main Prompt used for this character. (v2 spec: system_prompt)" placeholder="Any contents here will replace the default Main Prompt used for this character.&#10;(v2 spec: system_prompt)" form="form_create" class="text_pole" autocomplete="off" rows="3"></textarea>
5033 <div class="extension_token_counter">
5034 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="system_prompt_textarea">counting...</span>
5035 </div>
5077 </div>5036 </div>
5078 <div class="flex1">5037 <div>
5079 <h4 data-i18n="Character Version">Character Version</h4>5038 <h4 data-i18n="Post-History Instructions">Post-History Instructions</h4>
5080 <textarea id="character_version_textarea" name="character_version" data-i18n="[placeholder](If you want to track character versions)" placeholder="(If you want to track character versions)" form="form_create" class="text_pole" autocomplete="off" rows="2" maxlength="500"></textarea>5039 <textarea id="post_history_instructions_textarea" name="post_history_instructions" data-i18n="[placeholder]Any contents here will replace the default Post-History Instructions used for this character. (v2 spec: post_history_instructions)" placeholder="Any contents here will replace the default Post-History Instructions used for this character.&#10;(v2 spec: post_history_instructions)" form="form_create" class="text_pole" autocomplete="off" rows="3"></textarea>
5040 <div class="extension_token_counter">
5041 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="post_history_instructions_textarea">counting...</span>
5042 </div>
5081 </div>5043 </div>
5082 </div>5044 </div>
5083 <div class="flex-container flexnowrap">5045 </div>
5084 <div class="flex1">5046 <hr>
5085 <h4 class="flex-box" data-i18n="Creator's Notes">Creator's Notes<i class="editor_maximize fa-solid fa-maximize" data-for="creator_notes_textarea" title="Expand the editor" data-i18n="[title]Expand the editor"></i></h4>5047 <div class="inline-drawer">
5086 <textarea id="creator_notes_textarea" name="creator_notes" data-i18n="[placeholder](Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)" placeholder="(Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)" form="form_create" class="text_pole" autocomplete="off" rows="4" maxlength="20000"></textarea>5048 <div class="inline-drawer-toggle inline-drawer-header">
5049 <h4 data-i18n="Creator's Metadata (Not sent with the AI prompt)"><!-- This data-i18n attribute on the left is kept for backward compatibility, use the ones below when translating -->
5050 <span data-i18n="Creator's Metadata">Creator's Metadata</span>
5051 <small data-i18n="(Not sent with the AI Prompt)">(Not sent with the AI Prompt)</small>
5052 </h4>
5053 <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
5054 </div>
5055 <div class="inline-drawer-content">
5056 <small data-i18n="Everything here is optional">Everything here is optional</small>
5057 <div class="flex-container flexnowrap">
5058 <div class="flex1">
5059 <h4 data-i18n="Created by">Created by</h4>
5060 <textarea id="creator_textarea" name="creator" data-i18n="[placeholder](Botmaker's name / Contact Info)" placeholder="(Botmaker's name / Contact info)" form="form_create" class="text_pole" autocomplete="off" rows="2"></textarea>
5061 </div>
5062 <div class="flex1">
5063 <h4 data-i18n="Character Version">Character Version</h4>
5064 <textarea id="character_version_textarea" name="character_version" data-i18n="[placeholder](If you want to track character versions)" placeholder="(If you want to track character versions)" form="form_create" class="text_pole" autocomplete="off" rows="2"></textarea>
5065 </div>
5087 </div>5066 </div>
5088 <div class="flex1">5067 <div class="flex-container flexnowrap">
5089 <h4 data-i18n="Tags to Embed">Tags to Embed</h4>5068 <div class="flex1">
5090 <textarea id="tags_textarea" name="tags" data-i18n="[placeholder](Write a comma-separated list of tags)" placeholder="(Write a comma-separated list of tags)" form="form_create" class="text_pole" autocomplete="off" rows="4" maxlength="5000"></textarea>5069 <h4 class="flex-box" data-i18n="Creator's Notes">Creator's Notes<i class="editor_maximize fa-solid fa-maximize" data-for="creator_notes_textarea" title="Expand the editor" data-i18n="[title]Expand the editor"></i></h4>
5070 <textarea id="creator_notes_textarea" name="creator_notes" data-i18n="[placeholder](Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)" placeholder="(Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)" form="form_create" class="text_pole" autocomplete="off" rows="4"></textarea>
5071 </div>
5072 <div class="flex1">
5073 <h4 data-i18n="Tags to Embed">Tags to Embed</h4>
5074 <textarea id="tags_textarea" name="tags" data-i18n="[placeholder](Write a comma-separated list of tags)" placeholder="(Write a comma-separated list of tags)" form="form_create" class="text_pole" autocomplete="off" rows="4"></textarea>
5075 </div>
5091 </div>5076 </div>
5092 </div>5077 </div>
5093 </div>5078 </div>
5094 </div>5079 <hr>
5095 <hr>5080 <div id="personality_div">
5096 <div id="personality_div">
5097 <h4>
5098 <span data-i18n="Personality summary">Personality summary</span>
5099 <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#personality-summary" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a>
5100 </h4>
5101 <textarea id="personality_textarea" name="personality" data-i18n="[placeholder](A brief description of the personality)" placeholder="(A brief description of the personality)" form="form_create" class="text_pole" autocomplete="off" rows="4" maxlength="50000"></textarea>
5102 <div class="extension_token_counter">
5103 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="personality_textarea" data-token-permanent="true">counting...</span>
5104 </div>
5105 </div>
5106 <div id="scenario_div">
5107 <h4>
5108 <span data-i18n="Scenario">Scenario</span>
5109 <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#scenario" class="notes-link" target="_blank">
5110 <span class="fa-solid fa-circle-question note-link-span"></span>
5111 </a>
5112 </h4>
5113 <textarea id="scenario_pole" name="scenario" data-i18n="[placeholder](Circumstances and context of the interaction)" placeholder="(Circumstances and context of the interaction)" class="text_pole" maxlength="50000" value="" autocomplete="off" form="form_create" rows="4"></textarea>
5114 <div class="extension_token_counter">
5115 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="scenario_pole" data-token-permanent="true">counting...</span>
5116 </div>
5117 </div>
5118 <div id="depth_prompt_div" class="flex-container">
5119 <div class="flex1">
5120 <h4>5081 <h4>
5121 <span data-i18n="Character's Note">5082 <span data-i18n="Personality summary">Personality summary</span>
5122 Character's Note5083 <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#personality-summary" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a>
5123 </span>
5124 </h4>5084 </h4>
5125 <textarea id="depth_prompt_prompt" name="depth_prompt_prompt" class="text_pole" rows="5" maxlength="50000" autocomplete="off" form="form_create" data-i18n="[placeholder](Text to be inserted in-chat @ designated depth and role)" placeholder="(Text to be inserted in-chat @ designated depth and role)"></textarea>5085 <textarea id="personality_textarea" name="personality" data-i18n="[placeholder](A brief description of the personality)" placeholder="(A brief description of the personality)" form="form_create" class="text_pole" autocomplete="off" rows="4"></textarea>
5086 <div class="extension_token_counter">
5087 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="personality_textarea" data-token-permanent="true">counting...</span>
5088 </div>
5126 </div>5089 </div>
5127 <div>5090 <div id="scenario_div">
5128 <h4>
5129 <span data-i18n="@ Depth">
5130 @ Depth
5131 </span>
5132 </h4>
5133 <input id="depth_prompt_depth" name="depth_prompt_depth" class="text_pole textarea_compact m-t-0" type="number" min="0" max="999" value="4" form="form_create" />
5134 <h4>5091 <h4>
5135 <span data-i18n="Role">5092 <span data-i18n="Scenario">Scenario</span>
5136 Role5093 <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#scenario" class="notes-link" target="_blank">
5137 </span>5094 <span class="fa-solid fa-circle-question note-link-span"></span>
5095 </a>
5138 </h4>5096 </h4>
5139 <select id="depth_prompt_role" name="depth_prompt_role" form="form_create" class="text_pole textarea_compact m-t-0">5097 <textarea id="scenario_pole" name="scenario" data-i18n="[placeholder](Circumstances and context of the interaction)" placeholder="(Circumstances and context of the interaction)" class="text_pole" value="" autocomplete="off" form="form_create" rows="4"></textarea>
5140 <option value="system" data-i18n="System">System</option>
5141 <option value="user" data-i18n="User">User</option>
5142 <option value="assistant" data-i18n="Assistant">Assistant</option>
5143 </select>
5144 <div class="extension_token_counter">5098 <div class="extension_token_counter">
5145 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="depth_prompt_prompt" data-token-permanent="true">counting...</span>5099 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="scenario_pole" data-token-permanent="true">counting...</span>
5146 </div>5100 </div>
5147 </div>5101 </div>
5148 </div>5102 <div id="depth_prompt_div" class="flex-container">
5149 <div id="talkativeness_div">5103 <div class="flex1">
5150 <h4><span data-i18n="Talkativeness">Talkativeness</span></h4>5104 <h4>
5151 <h5 data-i18n="How often the character speaks in group chats!"><!-- This data-i18n attribute on the left is kept for backward compatibility, use the ones below when translating -->5105 <span data-i18n="Character's Note">
5152 <span data-i18n="How often the character speaks in">How often the character speaks in</span>&nbsp;<span class="warning" data-i18n="group chats!">group chats!</span>5106 Character's Note
5153 </h5>5107 </span>
5154 <input id="talkativeness_slider" name="talkativeness" type="range" min="0" max="1" step="0.05" value="0.5" form="form_create">5108 </h4>
5155 <div class="slider_hint">5109 <textarea id="depth_prompt_prompt" name="depth_prompt_prompt" class="text_pole" rows="5" autocomplete="off" form="form_create" data-i18n="[placeholder](Text to be inserted in-chat @ designated depth and role)" placeholder="(Text to be inserted in-chat @ designated depth and role)"></textarea>
5156 <span data-i18n="Shy">Shy</span>5110 </div>
5157 <span data-i18n="Normal">Normal</span>5111 <div>
5158 <span data-i18n="Chatty">Chatty</span>5112 <h4>
5113 <span data-i18n="@ Depth">
5114 @ Depth
5115 </span>
5116 </h4>
5117 <input id="depth_prompt_depth" name="depth_prompt_depth" class="text_pole textarea_compact m-t-0" type="number" min="0" max="999" value="4" form="form_create" />
5118 <h4>
5119 <span data-i18n="Role">
5120 Role
5121 </span>
5122 </h4>
5123 <select id="depth_prompt_role" name="depth_prompt_role" form="form_create" class="text_pole textarea_compact m-t-0">
5124 <option value="system" data-i18n="System">System</option>
5125 <option value="user" data-i18n="User">User</option>
5126 <option value="assistant" data-i18n="Assistant">Assistant</option>
5127 </select>
5128 <div class="extension_token_counter">
5129 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="depth_prompt_prompt" data-token-permanent="true">counting...</span>
5130 </div>
5131 </div>
5159 </div>5132 </div>
5160 </div>5133 <div id="talkativeness_div">
5161 <hr>5134 <h4><span data-i18n="Talkativeness">Talkativeness</span></h4>
5162 <div id="mes_example_div" class="flex-container flexFlowColumn">5135 <h5 data-i18n="How often the character speaks in group chats!"><!-- This data-i18n attribute on the left is kept for backward compatibility, use the ones below when translating -->
5163 <div>5136 <span data-i18n="How often the character speaks in">How often the character speaks in</span>&nbsp;<span class="warning" data-i18n="group chats!">group chats!</span>
5164 <h4><span data-i18n="Examples of dialogue">Examples of dialogue</span></h4>5137 </h5>
5165 <h5 data-i18n="Important to set the character's writing style.">Important to set the character's writing style. <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#examples-of-dialogue" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a></h5>5138 <input id="talkativeness_slider" name="talkativeness" type="range" min="0" max="1" step="0.05" value="0.5" form="form_create">
5139 <div class="slider_hint">
5140 <span data-i18n="Shy">Shy</span>
5141 <span data-i18n="Normal">Normal</span>
5142 <span data-i18n="Chatty">Chatty</span>
5143 </div>
5166 </div>5144 </div>
5167 <textarea id="mes_example_textarea" class="flexGrow" name="mes_example" data-i18n="[placeholder](Examples of chat dialog. Begin each example with START on a new line.)" placeholder="(Examples of chat dialog. Begin each example with &lt;START&gt; on a new line.)" form="form_create" maxlength="50000" rows="6"></textarea>5145 <hr>
5168 <div class="extension_token_counter">5146 <div id="mes_example_div" class="flex-container flexFlowColumn">
5169 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="mes_example_textarea">counting...</span>5147 <div>
5148 <h4><span data-i18n="Examples of dialogue">Examples of dialogue</span></h4>
5149 <h5 data-i18n="Important to set the character's writing style.">Important to set the character's writing style. <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#examples-of-dialogue" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a></h5>
5150 </div>
5151 <textarea id="mes_example_textarea" class="flexGrow" name="mes_example" data-i18n="[placeholder](Examples of chat dialog. Begin each example with START on a new line.)" placeholder="(Examples of chat dialog. Begin each example with &lt;START&gt; on a new line.)" form="form_create" rows="6"></textarea>
5152 <div class="extension_token_counter">
5153 <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="mes_example_textarea">counting...</span>
5154 </div>
5155 <!-- TODO: Example chats handhold-editor concept: https://gist.github.com/Cohee1207/50da02a4001ac1adae9b440f9b8e1079 -->
5170 </div>5156 </div>
5171 <!-- PLACEHOLDER CODE FOR NEW EXAMPLE CHAT HANDLING5157 <div id="character_popup_ok" class="menu_button" data-i18n="Save">Save</div>
5172 <div name="exampleChatsBlockTemplate" class="flex-container flexFlowColumn">5158 </div>
5173 <div class="flex-container alignitemscenter">5159
5174 <textarea class="flexShrink flexGrow wideMinContent" rows="1" placeholder="Name for this example chat"></textarea>5160 <div id="shadow_select_chat_popup">
5175 <div class="fa-solid fa-plus menu_button" title="Add a new message to this example chat block"></div>5161 <div id="select_chat_popup">
5162 <div name="selectChatPopupHeader" class="flex-container alignitemscenter justifySpaceBetween flexGap10">
5163 <div id="select_chat_import"> <!-- import chat popup header -->
5164 <form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
5165 <input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
5166 <input id="chat_import_file_type" name="file_type" class="text_pole" value="" autocomplete="off" style="display: none;">
5167 <input id="chat_import_avatar_url" name="avatar_url" class="text_pole" value="" autocomplete="off" style="display: none;">
5168 <input id="chat_import_character_name" name="character_name" class="text_pole" value="" autocomplete="off" style="display: none;">
5169 </form>
5176 </div>5170 </div>
5177 <div class="flex-container whitespacenowrap">5171 <div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
5178 <div class="flex-container flexFlowColumn">5172 <span id="ChatHistoryCharName"></span><span data-i18n="Chat History">Chat History</span>
5179 <select>5173 <a href="https://docs.sillytavern.app/usage/core-concepts/chatfilemanagement/#chat-import" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a>
5180 <option>{{user}}</option>
5181 <option>{{char}}</option>
5182 <option>Custom</option>
5183 </select>
5184 <textarea rows="1" placeholder="Custom Entity"></textarea>
5185 </div>
5186 <textarea class="flexShrink flexGrow wideMinContent" placeholder="Content of the example chat."></textarea>
5187 </div>5174 </div>
5188 <div class="flex-container whitespacenowrap">5175 <div id="newChatFromManageScreenButton" class="menu_button menu_button_icon">
5189 <div class="flex-container flexFlowColumn">5176 <i class="fa-solid fa-plus"></i>
5190 <select>5177 <span data-i18n="New Chat">New Chat</span>
5191 <option>{{user}}</option>
5192 <option>{{char}}</option>
5193 <option>Custom</option>
5194 </select>
5195 <textarea rows="1" placeholder="Custom Entity"></textarea>
5196 </div>
5197 <textarea class="flexShrink flexGrow wideMinContent" placeholder="Content of the example chat."></textarea>
5198 </div>5178 </div>
5179 <div id="chat_import_button" class="menu_button menu_button_icon">
5180 <i class="fa-solid fa-file-import"></i>
5181 <span data-i18n="Import Chat">Import Chat</span>
5182 </div>
5183 <input type="text" id="select_chat_search" class="text_pole flex1" data-i18n="[placeholder]Search..." placeholder="Search..." autocomplete="off">
5184 <div id="select_chat_cross" class="opacity50p hoverglow fa-solid fa-circle-xmark fontsize120p" alt="Close Past Chat Popup"></div>
5199 </div>5185 </div>
5200 -->5186 <div id="select_chat_div"></div>
5201 </div>5187 <div id="load_select_chat_div">
5202 <div id="character_popup_ok" class="menu_button" data-i18n="Save">Save</div>5188 <div class="fa-solid fa-hourglass fa-spin"></div>
5203 </div>
5204 <div id="shadow_select_chat_popup">
5205 <div id="select_chat_popup">
5206 <div name="selectChatPopupHeader" class="flex-container alignitemscenter justifySpaceBetween flexGap10">
5207 <div id="select_chat_import"> <!-- import chat popup header -->
5208 <form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
5209 <input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
5210 <input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
5211 <input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
5212 <input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
5213 </form>
5214 </div>
5215 <div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
5216 <span id="ChatHistoryCharName"></span><span data-i18n="Chat History">Chat History</span>
5217 <a href="https://docs.sillytavern.app/usage/core-concepts/chatfilemanagement/#chat-import" class="notes-link" target="_blank"><span class="fa-solid fa-circle-question note-link-span"></span></a>
5218 </div>
5219 <div id="newChatFromManageScreenButton" class="menu_button menu_button_icon">
5220 <i class="fa-solid fa-plus"></i>
5221 <span data-i18n="New Chat">New Chat</span>
5222 </div>
5223 <div id="chat_import_button" class="menu_button menu_button_icon">
5224 <i class="fa-solid fa-file-import"></i>
5225 <span data-i18n="Import Chat">Import Chat</span>
5226 </div>5189 </div>
5227 <input type="text" id="select_chat_search" class="text_pole flex1" data-i18n="[placeholder]Search..." placeholder="Search..." autocomplete="off">
5228 <div id="select_chat_cross" class="opacity50p hoverglow fa-solid fa-circle-xmark fontsize120p" alt="Close Past Chat Popup"></div>
5229 </div>
5230 <div id="select_chat_div"></div>
5231 <div id="load_select_chat_div">
5232 <div class="fa-solid fa-hourglass fa-spin"></div>
5233 </div>5190 </div>
5234 </div>5191 </div>
5235 </div>5192 <div id="background_template" class="template_element">
5236 <div id="background_template" class="template_element">5193 <div class="bg_example flex-container" bgfile="" class="bg_example_img" title="">
5237 <div class="bg_example flex-container" bgfile="" class="bg_example_img" title="">5194 <div title="Copy to system backgrounds" data-i18n="[title]Copy to system backgrounds" class="bg_button bg_example_copy fa-solid fa-file-arrow-up"></div>
5238 <div title="Copy to system backgrounds" data-i18n="[title]Copy to system backgrounds" class="bg_button bg_example_copy fa-solid fa-file-arrow-up"></div>5195 <div title="Rename background" data-i18n="[title]Rename background" class="bg_button bg_example_edit fa-solid fa-pencil"></div>
5239 <div title="Rename background" data-i18n="[title]Rename background" class="bg_button bg_example_edit fa-solid fa-pencil"></div>5196 <div title="Lock" data-i18n="[title]Lock" class="bg_button bg_example_lock fa-solid fa-lock"></div>
5240 <div title="Lock" data-i18n="[title]Lock" class="bg_button bg_example_lock fa-solid fa-lock"></div>5197 <div title="Unlock" data-i18n="[title]Unlock" class="bg_button bg_example_unlock fa-solid fa-lock-open"></div>
5241 <div title="Unlock" data-i18n="[title]Unlock" class="bg_button bg_example_unlock fa-solid fa-lock-open"></div>5198 <div title="Delete background" data-i18n="[title]Delete background" class="bg_button bg_example_cross fa-solid fa-circle-xmark"></div>
5242 <div title="Delete background" data-i18n="[title]Delete background" class="bg_button bg_example_cross fa-solid fa-circle-xmark"></div>5199 <div class="BGSampleTitle">
5243 <div class="BGSampleTitle">5200 </div>
5244 </div>5201 </div>
5245 </div>5202 </div>
5246 </div>5203 <!-- templates for JS to reuse when needed -->
5247 <!-- templates for JS to reuse when needed -->5204 <div id="chat_world_template" class="template_element">
5248 <div id="chat_world_template" class="template_element">5205 <div class="chat_world range-block flexFlowColumn flex-container">
5249 <div class="chat_world range-block flexFlowColumn flex-container">5206 <div class="range-block-title">
5250 <div class="range-block-title">5207 <h4 data-i18n="Chat Lorebook"><!-- This data-i18n attribute is kept for backward compatibility, use the ones below when translating -->
5251 <h4 data-i18n="Chat Lorebook"><!-- This data-i18n attribute is kept for backward compatibility, use the ones below when translating -->5208 <span data-i18n="Chat Lorebook for">Chat Lorebook for</span> <span class="chat_name"></span>
5252 <span data-i18n="Chat Lorebook for">Chat Lorebook for</span> <span class="chat_name"></span>5209 </h4>
5253 </h4>5210 </div>
5254 </div>5211 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
5255 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">5212 <span data-i18n="chat_world_template_txt">
5256 <span data-i18n="chat_world_template_txt">5213 A selected World Info will be bound to this chat. When generating an AI reply,
5257 A selected World Info will be bound to this chat. When generating an AI reply,5214 it will be combined with the entries from global and character lorebooks.
5258 it will be combined with the entries from global and character lorebooks.5215 </span>
5259 </span>5216 </div>
5260 </div>5217 <div class="range-block-range wide100p">
5261 <div class="range-block-range wide100p">5218 <select class="chat_world_info_selector wide100p">
5262 <select class="chat_world_info_selector wide100p">5219 <option value="">--- None ---</option>
5263 <option value="">--- None ---</option>5220 </select>
5264 </select>5221 </div>
5265 </div>5222 </div>
5266 </div>5223 </div>
5267 </div>5224 <div id="character_world_template" class="template_element">
5268 <div id="character_world_template" class="template_element">5225 <div class="character_world range-block flexFlowColumn flex-container">
5269 <div class="character_world range-block flexFlowColumn flex-container">5226 <div class="range-block-title">
5270 <div class="range-block-title">5227 <h3>
5271 <h3>5228 <span data-i18n="Select a World Info file for"> Select a World Info file for <span class="character_name"></span></span>:
5272 <span data-i18n="Select a World Info file for"> Select a World Info file for <span class="character_name"></span></span>:5229 </h3>
5273 </h3>5230 </div>
5274 </div>5231 <h4 data-i18n="Primary Lorebook">Primary Lorebook</h4>
5275 <h4 data-i18n="Primary Lorebook">Primary Lorebook</h4>5232 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
5276 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">5233 <span data-i18n="A selected World Info will be bound to this character as its own Lorebook.">A selected World Info will be bound to this character as its own Lorebook.</span>
5277 <span data-i18n="A selected World Info will be bound to this character as its own Lorebook.">A selected World Info will be bound to this character as its own Lorebook.</span>5234 <span data-i18n="When generating an AI reply, it will be combined with the entries from a global World Info selector.">When generating an AI reply, it will be combined with the entries from a global World Info selector.</span>
5278 <span data-i18n="When generating an AI reply, it will be combined with the entries from a global World Info selector.">When generating an AI reply, it will be combined with the entries from a global World Info selector.</span>5235 <span data-i18n="Exporting a character would also export the selected Lorebook file embedded in the JSON data.">Exporting a character would also export the selected Lorebook file embedded in the JSON data.</span>
5279 <span data-i18n="Exporting a character would also export the selected Lorebook file embedded in the JSON data.">Exporting a character would also export the selected Lorebook file embedded in the JSON data.</span>5236 </div>
5280 </div>5237 <div class="range-block-range wide100p">
5281 <div class="range-block-range wide100p">5238 <select class="character_world_info_selector wide100p">
5282 <select class="character_world_info_selector wide100p">5239 <option value="">--- None ---</option>
5283 <option value="">--- None ---</option>5240 </select>
5284 </select>5241 </div>
5285 </div>5242 <div class="range-block-title">
5286 <div class="range-block-title">5243 <h4>
5287 <h4>5244 <span data-i18n="Additional Lorebooks">Additional Lorebooks</span>
5288 <span data-i18n="Additional Lorebooks">Additional Lorebooks</span>5245 </h4>
5289 </h4>5246 </div>
5290 </div>5247 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
5291 <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">5248 <span data-i18n="Associate one or more auxillary Lorebooks with this character.">Associate one or more auxillary Lorebooks with this character.</span><br>
5292 <span data-i18n="Associate one or more auxillary Lorebooks with this character.">Associate one or more auxillary Lorebooks with this character.</span><br>5249 <span data-i18n="NOTE: These choices are optional and won't be preserved on character export!">NOTE: These choices are optional and won't be preserved on character export!</span>
5293 <span data-i18n="NOTE: These choices are optional and won't be preserved on character export!">NOTE: These choices are optional and won't be preserved on character export!</span>5250 </div>
5294 </div>5251 <div class="range-block-range wide100p">
5295 <div class="range-block-range wide100p">5252 <select class="character_extra_world_info_selector wide100p" multiple>
5296 <select class="character_extra_world_info_selector wide100p" multiple>5253 <option value="" data-i18n="-- World Info not found --">-- World Info not found --</option>
5297 <option value="" data-i18n="-- World Info not found --">-- World Info not found --</option>5254 </select>
5298 </select>5255 </div>
5299 </div>5256 </div>
5300 </div>5257 </div>
5301 </div>5258 <div id="past_chat_template" class="template_element">
5302 <div id="past_chat_template" class="template_element">5259 <div class="select_chat_block_wrapper flex-container">
5303 <div class="select_chat_block_wrapper flex-container">5260 <div class="select_chat_block wide100p flex-container" file_name="">
5304 <div class="select_chat_block wide100p flex-container" file_name="">5261 <div id="select_chat_name_wrapper" class="flex-container alignitemscenter justifySpaceBetween wide100p">
5305 <div id="select_chat_name_wrapper" class="flex-container alignitemscenter justifySpaceBetween wide100p">5262 <div>
5306 <div>5263 <small class="select_chat_block_filename select_chat_block_filename_item"></small>
5307 <small class="select_chat_block_filename select_chat_block_filename_item"></small>5264 <div title="Rename chat file" class="renameChatButton hoverglow opacity50p fa-solid fa-pencil" data-i18n="[title]Rename chat file"></div>
5308 <div title="Rename chat file" class="renameChatButton hoverglow opacity50p fa-solid fa-pencil" data-i18n="[title]Rename chat file"></div>
5309 </div>
5310 <div class="flex-container gap10px">
5311 <div class="select_chat_info flex-container">
5312 <small class="chat_messages_date select_chat_block_filename_item"></small>
5313 <small class="chat_file_size select_chat_block_filename_item"></small>
5314 <small class="chat_messages_num select_chat_block_filename_item"></small>
5315 </div>5265 </div>
5316 <div class="flex-container gap10px">5266 <div class="flex-container gap10px">
5317 <div title="Export JSONL chat file" data-format="jsonl" class="exportRawChatButton opacity50p hoverglow fa-solid fa-file-export" data-i18n="[title]Export JSONL chat file"></div>5267 <div class="select_chat_info flex-container">
5318 <div title="Download chat as plain text document" data-format="txt" class="exportChatButton opacity50p hoverglow fa-solid fa-file-lines" data-i18n="[title]Download chat as plain text document"></div>5268 <small class="chat_messages_date select_chat_block_filename_item"></small>
5319 <div title="Delete chat file" file_name="" class="PastChat_cross opacity50p hoverglow fa-solid fa-skull" data-i18n="[title]Delete chat file"></div>5269 <small class="chat_file_size select_chat_block_filename_item"></small>
5270 <small class="chat_messages_num select_chat_block_filename_item"></small>
5271 </div>
5272 <div class="flex-container gap10px">
5273 <div title="Export JSONL chat file" data-format="jsonl" class="exportRawChatButton opacity50p hoverglow fa-solid fa-file-export" data-i18n="[title]Export JSONL chat file"></div>
5274 <div title="Download chat as plain text document" data-format="txt" class="exportChatButton opacity50p hoverglow fa-solid fa-file-lines" data-i18n="[title]Download chat as plain text document"></div>
5275 <div title="Delete chat file" file_name="" class="PastChat_cross opacity50p hoverglow fa-solid fa-skull" data-i18n="[title]Delete chat file"></div>
5276 </div>
5320 </div>5277 </div>
5321 </div>5278 </div>
5279 <div class="select_chat_block_mes"></div>
5322 </div>5280 </div>
5323 <div class="select_chat_block_mes"></div>
5324 </div>5281 </div>
5325 </div>5282 </div>
5326 </div>5283 <div id="tag_view_template" class="template_element">
5327 <div id="tag_view_template" class="template_element">5284 <div class="tag_view_item">
5328 <div class="tag_view_item">5285 <div class="drag-handle" data-i18n="[title]Drag to reorder tag">☰</div>
5329 <div class="drag-handle" data-i18n="[title]Drag to reorder tag">☰</div>5286 <div title="Tag as folder" class="tag_as_folder fa-solid fa-folder-open right_menu_button" data-i18n="[title]Use tag as folder">
5330 <div title="Tag as folder" class="tag_as_folder fa-solid fa-folder-open right_menu_button" data-i18n="[title]Use tag as folder">5287 <span class="tag_folder_indicator"></span>
5331 <span class="tag_folder_indicator"></span>5288 </div>
5289 <div class="tag_view_color_picker" data-value="color"></div>
5290 <div class="tag_view_color_picker" data-value="color2"></div>
5291 <div class="tag_view_name" contenteditable="true"></div>
5292 <div class="tag_view_counter"><span class="tag_view_counter_value"></span>&nbsp;entries</div>
5293 <div title="Delete tag" class="tag_delete fa-solid fa-trash-can right_menu_button" data-i18n="[title]Delete tag"></div>
5332 </div>5294 </div>
5333 <div class="tag_view_color_picker" data-value="color"></div>
5334 <div class="tag_view_color_picker" data-value="color2"></div>
5335 <div class="tag_view_name" contenteditable="true"></div>
5336 <div class="tag_view_counter"><span class="tag_view_counter_value"></span>&nbsp;entries</div>
5337 <div title="Delete tag" class="tag_delete fa-solid fa-trash-can right_menu_button" data-i18n="[title]Delete tag"></div>
5338 </div>5295 </div>
5339 </div>5296 <div id="entry_edit_template" class="template_element">
5340 <div id="entry_edit_template" class="template_element">5297 <div class="world_entry">
5341 <div class="world_entry">5298 <form class="world_entry_form wi-card-entry">
5342 <form class="world_entry_form wi-card-entry">5299 <div class="inline-drawer wide100p">
5343 <div class="inline-drawer wide100p">5300 <div class="inline-drawer-toggle inline-drawer-header gap5px padding0">
5344 <div class="inline-drawer-header gap5px padding0">5301 <span class="drag-handle">&#9776;</span>
5345 <span class="drag-handle">&#9776;</span>5302 <div class="gap5px world_entry_thin_controls wide100p alignitemscenter">
5346 <div class="gap5px world_entry_thin_controls wide100p alignitemscenter">5303 <div class="fa-fw fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
5347 <div class="inline-drawer-toggle fa-fw fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>5304 <div class="flex-container alignitemscenter wide100p">
5348 <div class="fa-solid fa-toggle-on killSwitch" name="entryKillSwitch" title="Toggle entry's active state."></div>5305 <div class="WIEntryTitleAndStatus flex-container flex1 alignitemscenter">
5349 <div class="flex-container alignitemscenter wide100p">5306 <div class="flex-container flex1">
53505307 <textarea class="text_pole" rows="1" name="comment" data-i18n="[placeholder]Entry Title/Memo" placeholder="Entry Title/Memo"></textarea>
5351 <div class="WIEntryTitleAndStatus flex-container flex1 alignitemscenter">5308 </div>
53525309 <!-- <span class="world_entry_form_position_value"></span> -->
5353 <div class="flex-container flex1">5310 <select data-i18n="[title]WI Entry Status:🔵 Constant🟢 Normal🔗 Vectorized❌ Disabled" title="WI Entry Status:&#13;🔵 Constant&#13;🟢 Normal&#13;🔗 Vectorized&#13;❌ Disabled" name="entryStateSelector" class="text_pole widthNatural margin0">
5354 <textarea class="text_pole" rows="1" name="comment" maxlength="5000" data-i18n="[placeholder]Entry Title/Memo" placeholder="Entry Title/Memo"></textarea>5311 <option value="constant" title="Constant" data-i18n="[title]WI_Entry_Status_Constant">🔵</option>
5355 </div>5312 <option value="normal" title="Normal" data-i18n="[title]WI_Entry_Status_Normal">🟢</option>
5356 <select data-i18n="[title]WI Entry Status:🔵 Constant🟢 Normal🔗 Vectorized❌ Disabled" title="WI Entry Status:&#13;🔵 Constant&#13;🟢 Normal&#13;🔗 Vectorized&#13;❌ Disabled" name="entryStateSelector" class="text_pole widthNatural margin0">5313 <option value="vectorized" title="Vectorized" data-i18n="[title]WI_Entry_Status_Vectorized">🔗</option>
5357 <option value="constant" title="Constant" data-i18n="[title]WI_Entry_Status_Constant">🔵</option>5314 <option value="disabled" title="Disabled" data-i18n="[title]WI_Entry_Status_Disabled">❌</option>
5358 <option value="normal" title="Normal" data-i18n="[title]WI_Entry_Status_Normal">🟢</option>
5359 <option value="vectorized" title="Vectorized" data-i18n="[title]WI_Entry_Status_Vectorized">🔗</option>
5360 </select>
5361 </div>
5362 <div class="WIEnteryHeaderControls flex-container">
5363 <div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
5364 <label for="position" class="WIEntryHeaderTitleMobile" data-i18n="Position:">Position:</label>
5365 <select name="position" class="text_pole widthNatural margin0" data-i18n="[title]T_Position" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑EM: Before Example Messages&#13;↓EM: After Example Messages&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D ⚙️: at Depth (System)&#13;@D 👤: at Depth (User)&#13;@D 🤖: at Depth (Assistant)">
5366 <option value="0" data-role="" data-i18n="Before Char Defs">
5367 ↑Char
5368 </option>
5369 <option value="1" data-role="" data-i18n="After Char Defs">
5370 ↓Char
5371 </option>
5372 <option value="5" data-role="" data-i18n="Before EM">
5373 ↑EM
5374 </option>
5375 <option value="6" data-role="" data-i18n="After EM">
5376 ↓EM
5377 </option>
5378 <option value="2" data-role="" data-i18n="Before AN">
5379 ↑AN
5380 </option>
5381 <option value="3" data-role="" data-i18n="After AN">
5382 ↓AN
5383 </option>
5384 <option value="4" data-role="0" data-i18n="at Depth System">
5385 @D ⚙️
5386 </option>
5387 <option value="4" data-role="1" data-i18n="at Depth User">
5388 @D 👤
5389 </option>
5390 <option value="4" data-role="2" data-i18n="at Depth AI">
5391 @D 🤖
5392 </option>
5393 </select>5315 </select>
5394 </div>5316 </div>
5395 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">5317 <div class="WIEnteryHeaderControls flex-container">
5396 <label for="depth" class="WIEntryHeaderTitleMobile" data-i18n="Depth:">Depth:</label>5318 <div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
5397 <input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" data-i18n="[title]Depth" placeholder="" min="0" max="999" />5319 <label for="position" class="WIEntryHeaderTitleMobile" data-i18n="Position:">Position:</label>
5398 </div>5320 <select name="position" class="text_pole widthNatural margin0" data-i18n="[title]T_Position" title="↑Char: Before Character Definitions&#13;↓Char: After Character Definitions&#13;↑EM: Before Example Messages&#13;↓EM: After Example Messages&#13;↑AN: Before Author's Note&#13;↓AN: After Author's Note&#13;@D ⚙️: at Depth (System)&#13;@D 👤: at Depth (User)&#13;@D 🤖: at Depth (Assistant)">
5399 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">5321 <option value="0" data-role="" data-i18n="Before Char Defs">
5400 <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Order:</label>5322 ↑Char
5401 <input title="Order" data-i18n="[title]Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" />5323 </option>
5402 </div>5324 <option value="1" data-role="" data-i18n="After Char Defs">
5403 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer">5325 ↓Char
5404 <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Trigger %:">Trigger %:</label>5326 </option>
5405 <input title="Probability" data-i18n="[title]Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" />5327 <option value="5" data-role="" data-i18n="Before EM">
5328 ↑EM
5329 </option>
5330 <option value="6" data-role="" data-i18n="After EM">
5331 ↓EM
5332 </option>
5333 <option value="2" data-role="" data-i18n="Before AN">
5334 ↑AN
5335 </option>
5336 <option value="3" data-role="" data-i18n="After AN">
5337 ↓AN
5338 </option>
5339 <option value="4" data-role="0" data-i18n="at Depth System">
5340 @D ⚙️
5341 </option>
5342 <option value="4" data-role="1" data-i18n="at Depth User">
5343 @D 👤
5344 </option>
5345 <option value="4" data-role="2" data-i18n="at Depth AI">
5346 @D 🤖
5347 </option>
5348 </select>
5349 </div>
5350 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
5351 <label for="depth" class="WIEntryHeaderTitleMobile" data-i18n="Depth:">Depth:</label>
5352 <input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" data-i18n="[title]Depth" placeholder="" min="0" max="999" />
5353 </div>
5354 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
5355 <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Order:</label>
5356 <input title="Order" data-i18n="[title]Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" />
5357 </div>
5358 <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer">
5359 <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Trigger %:">Trigger %:</label>
5360 <input title="Probability" data-i18n="[title]Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" />
5361 </div>
5406 </div>5362 </div>
5407 </div>5363 </div>
5408 </div>5364 </div>
5365 <i class="menu_button duplicate_entry_button fa-solid fa-paste" title="Duplicate world info entry" data-i18n="[title]Duplicate world info entry" type="submit" value=""></i>
5366 <i class="menu_button delete_entry_button fa-solid fa-trash-can" title="Delete world info entry" data-i18n="[title]Delete world info entry" type="submit" value=""></i>
5409 </div>5367 </div>
5410 <i class="menu_button duplicate_entry_button fa-solid fa-paste" title="Duplicate world info entry" data-i18n="[title]Duplicate world info entry" type="submit" value=""></i>5368 <div class="inline-drawer-content flex-container paddingBottom5px wide100p">
5411 <i class="menu_button delete_entry_button fa-solid fa-trash-can" title="Delete world info entry" data-i18n="[title]Delete world info entry" type="submit" value=""></i>5369 <div class="flex-container wide100p alignitemscenter">
5412 </div>5370 <div name="keywordsAndLogicBlock" class="flex-container wide100p alignitemscenter">
5413 <div class="inline-drawer-content flex-container paddingBottom5px wide100p">5371 <div class="world_entry_form_control flex1">
5414 <div class="flex-container wide100p alignitemscenter">5372 <small class="displayNone">
5415 <div name="keywordsAndLogicBlock" class="flex-container wide100p alignitemscenter">5373 <span data-i18n="Comma separated (required)">
5416 <div class="world_entry_form_control flex1">5374 Comma separated (required)
5417 <small class="displayNone">
5418 <span data-i18n="Comma separated (required)">
5419 Comma separated (required)
5420 </span>
5421 </small>
5422 <small class="textAlignCenter" data-i18n="Primary Keywords">Primary Keywords</small>
5423 <select class="keyprimaryselect keyselect select2_multi_sameline" name="key" data-i18n="[placeholder]Keywords or Regexes" placeholder="Keywords or Regexes" multiple="multiple"></select>
5424 <textarea class="text_pole keyprimarytextpole mobile" name="key" rows="1" data-i18n="[placeholder]Comma separated list" placeholder="Comma separated list" maxlength="2000" style="display: none;"></textarea>
5425 <button type="button" class="switch_input_type_icon" tabindex="-1" title="Switch to plaintext mode" data-i18n="[title]Switch to plaintext mode" data-icon-on="✨" data-icon-off="⌨️" data-tooltip-on="Switch to fancy mode" data-tooltip-off="Switch to plaintext mode">
5426 ⌨️
5427 </button>
5428 </div>
5429 <div class="world_entry_form_control">
5430 <small class="textAlignCenter" data-i18n="Logic">Logic</small>
5431 <select name="entryLogicType" class="text_pole widthFitContent margin0">
5432 <option value="0" data-i18n="AND ANY">AND ANY</option>
5433 <option value="3" data-i18n="AND ALL">AND ALL</option>
5434 <option value="1" data-i18n="NOT ALL">NOT ALL</option>
5435 <option value="2" data-i18n="NOT ANY">NOT ANY</option>
5436 </select>
5437 </div>
5438 <div class="world_entry_form_control keysecondary flex1">
5439 <small class="displayNone">
5440 <span data-i18n="(ignored if empty)">
5441 (ignored if empty)
5442 </span>
5443 </small>
5444 <small class="textAlignCenter" data-i18n="Optional Filter">Optional Filter</small>
5445 <select class="keysecondaryselect keyselect select2_multi_sameline" name="keysecondary" data-i18n="[placeholder]Keywords or Regexes (ignored if empty)" placeholder="Keywords or Regexes (ignored if empty)" multiple="multiple"></select>
5446 <textarea class="text_pole keysecondarytextpole mobile" name="keysecondary" rows="1" data-i18n="[placeholder]Comma separated list (ignored if empty)" placeholder="Comma separated list (ignored if empty)" maxlength="2000" style="display: none;"></textarea>
5447 <button type="button" class="switch_input_type_icon" tabindex="-1" title="Switch to plaintext mode" data-i18n="[title]Switch to plaintext mode" data-icon-on="✨" data-icon-off="⌨️" data-tooltip-on="Switch to fancy mode" data-tooltip-off="Switch to plaintext mode">
5448 ⌨️
5449 </button>
5450 </div>
5451 </div>
5452 <div name="perEntryOverridesBlock" class="flex-container wide100p alignitemscenter">
5453 <div class="world_entry_form_control flex1">
5454 <small class="textAlignCenter" data-i18n="Scan Depth">Scan Depth</small>
5455 <input class="text_pole margin0" name="scanDepth" type="number" placeholder="Use global setting" data-i18n="[placeholder]Use global setting" max="1000">
5456 </div>
5457 <div class="world_entry_form_control flex1">
5458 <small class="textAlignCenter" data-i18n="Case-Sensitive">Case-Sensitive</small>
5459 <select name="caseSensitive" class="text_pole widthNatural margin0">
5460 <option value="null" data-i18n="Use global setting">Use global setting</option>
5461 <option value="true" data-i18n="Yes">Yes</option>
5462 <option value="false" data-i18n="No">No</option>
5463 </select>
5464 </div>
5465 <div class="world_entry_form_control flex1">
5466 <small class="textAlignCenter" data-i18n="Match Whole Words">Match Whole Words</small>
5467 <select name="matchWholeWords" class="text_pole widthNatural margin0">
5468 <option value="null" data-i18n="Use global setting">Use global setting</option>
5469 <option value="true" data-i18n="Yes">Yes</option>
5470 <option value="false" data-i18n="No">No</option>
5471 </select>
5472 </div>
5473 <div class="world_entry_form_control flex1">
5474 <small class="textAlignCenter" data-i18n="Use Group Scoring">Use Group Scoring</small>
5475 <select name="useGroupScoring" class="text_pole widthNatural margin0">
5476 <option value="null" data-i18n="Use global setting">Use global setting</option>
5477 <option value="true" data-i18n="Yes">Yes</option>
5478 <option value="false" data-i18n="No">No</option>
5479 </select>
5480 </div>
5481 <div class="world_entry_form_control flex1" title="Can be used to automatically activate Quick Replies" data-i18n="[title]Can be used to automatically activate Quick Replies">
5482 <small class="textAlignCenter" data-i18n="Automation ID">Automation ID</small>
5483 <input class="text_pole margin0" name="automationId" type="text" placeholder="( None )" data-i18n="[placeholder]( None )">
5484 </div>
5485 </div>
5486 <div name="contentAndCharFilterBlock" class="world_entry_thin_controls flex2">
5487 <div class="world_entry_form_control flex1">
5488 <label for="content ">
5489 <small>
5490 <span class="alignitemscenter flex-container flexnowrap wide100p justifySpaceBetween">
5491 <span data-i18n="Content" class="alignitemscenter flex-container flexNoGap">
5492 Content
5493 </span>
5494 <span>
5495 (<span data-i18n="extension_token_counter">Tokens:</span>&nbsp; <span class="world_entry_form_token_counter" data-first-run="true">counting...</span>)&nbsp;
5496 <span class="world_entry_form_uid_value" data-first-run="true"></span>
5497 </span>
5498 <div>
5499 <label class="checkbox flex-container alignitemscenter flexNoGap">
5500 <input type="checkbox" name="exclude_recursion" />
5501 <span data-i18n="Exclude from recursion">
5502 Non-recursable (this entry will not be activated by another)
5503 </span>
5504 </label>
5505 <label class="checkbox flex-container alignitemscenter flexNoGap">
5506 <input type="checkbox" name="prevent_recursion" />
5507 <span data-i18n="Prevent further recursion (this entry will not activate others)">
5508 Prevent further recursion (this entry will not activate others)
5509 </span>
5510 </label>
5511 <label class="checkbox flex-container alignitemscenter flexNoGap">
5512 <input type="checkbox" name="delay_until_recursion" />
5513 <span data-i18n="Delay until recursion (this entry can only be activated on recursive checking)">
5514 Delay until recursion (this entry can only be activated on recursive checking)
5515 </span>
5516 </label>
5517 </div>
5518 </span>5375 </span>
5519 </small>5376 </small>
5377 <small class="textAlignCenter" data-i18n="Primary Keywords">Primary Keywords</small>
5378 <select class="keyprimaryselect keyselect select2_multi_sameline" name="key" data-i18n="[placeholder]Keywords or Regexes" placeholder="Keywords or Regexes" multiple="multiple"></select>
5379 <textarea class="text_pole keyprimarytextpole mobile" name="key" rows="1" data-i18n="[placeholder]Comma separated list" placeholder="Comma separated list" style="display: none;"></textarea>
5380 <button type="button" class="switch_input_type_icon" tabindex="-1" title="Switch to plaintext mode" data-i18n="[title]Switch to plaintext mode" data-icon-on="✨" data-icon-off="⌨️" data-tooltip-on="Switch to fancy mode" data-tooltip-off="Switch to plaintext mode">
5381 ⌨️
5382 </button>
5383 </div>
5384 <div class="world_entry_form_control">
5385 <small class="textAlignCenter" data-i18n="Logic">Logic</small>
5386 <select name="entryLogicType" class="text_pole widthFitContent margin0">
5387 <option value="0" data-i18n="AND ANY">AND ANY</option>
5388 <option value="3" data-i18n="AND ALL">AND ALL</option>
5389 <option value="1" data-i18n="NOT ALL">NOT ALL</option>
5390 <option value="2" data-i18n="NOT ANY">NOT ANY</option>
5391 </select>
5392 </div>
5393 <div class="world_entry_form_control keysecondary flex1">
5520 <small class="displayNone">5394 <small class="displayNone">
5521 <span data-i18n="What this keyword should mean to the AI, sent verbatim">5395 <span data-i18n="(ignored if empty)">
5522 What this keyword should mean to the AI, sent verbatim5396 (ignored if empty)
5523 </span>5397 </span>
5524 </small>5398 </small>
5525 </label>5399 <small class="textAlignCenter" data-i18n="Optional Filter">Optional Filter</small>
5526 <textarea class="text_pole" name="content" rows="8" data-i18n="[placeholder]What this keyword should mean to the AI, sent verbatim" placeholder="What this keyword should mean to the AI, sent verbatim"></textarea>5400 <select class="keysecondaryselect keyselect select2_multi_sameline" name="keysecondary" data-i18n="[placeholder]Keywords or Regexes (ignored if empty)" placeholder="Keywords or Regexes (ignored if empty)" multiple="multiple"></select>
5401 <textarea class="text_pole keysecondarytextpole mobile" name="keysecondary" rows="1" data-i18n="[placeholder]Comma separated list (ignored if empty)" placeholder="Comma separated list (ignored if empty)" style="display: none;"></textarea>
5402 <button type="button" class="switch_input_type_icon" tabindex="-1" title="Switch to plaintext mode" data-i18n="[title]Switch to plaintext mode" data-icon-on="✨" data-icon-off="⌨️" data-tooltip-on="Switch to fancy mode" data-tooltip-off="Switch to plaintext mode">
5403 ⌨️
5404 </button>
5405 </div>
5406 </div>
5407 <div name="perEntryOverridesBlock" class="flex-container wide100p alignitemscenter">
5408 <div class="world_entry_form_control flex1">
5409 <small class="textAlignCenter" data-i18n="Scan Depth">Scan Depth</small>
5410 <input class="text_pole margin0" name="scanDepth" type="number" placeholder="Use global setting" data-i18n="[placeholder]Use global setting" max="1000">
5411 </div>
5412 <div class="world_entry_form_control flex1">
5413 <small class="textAlignCenter" data-i18n="Case-Sensitive">Case-Sensitive</small>
5414 <select name="caseSensitive" class="text_pole widthNatural margin0">
5415 <option value="null" data-i18n="Use global setting">Use global setting</option>
5416 <option value="true" data-i18n="Yes">Yes</option>
5417 <option value="false" data-i18n="No">No</option>
5418 </select>
5419 </div>
5420 <div class="world_entry_form_control flex1">
5421 <small class="textAlignCenter" data-i18n="Match Whole Words">Match Whole Words</small>
5422 <select name="matchWholeWords" class="text_pole widthNatural margin0">
5423 <option value="null" data-i18n="Use global setting">Use global setting</option>
5424 <option value="true" data-i18n="Yes">Yes</option>
5425 <option value="false" data-i18n="No">No</option>
5426 </select>
5427 </div>
5428 <div class="world_entry_form_control flex1">
5429 <small class="textAlignCenter" data-i18n="Use Group Scoring">Use Group Scoring</small>
5430 <select name="useGroupScoring" class="text_pole widthNatural margin0">
5431 <option value="null" data-i18n="Use global setting">Use global setting</option>
5432 <option value="true" data-i18n="Yes">Yes</option>
5433 <option value="false" data-i18n="No">No</option>
5434 </select>
5435 </div>
5436 <div class="world_entry_form_control flex1" title="Can be used to automatically activate Quick Replies" data-i18n="[title]Can be used to automatically activate Quick Replies">
5437 <small class="textAlignCenter" data-i18n="Automation ID">Automation ID</small>
5438 <input class="text_pole margin0" name="automationId" type="text" placeholder="( None )" data-i18n="[placeholder]( None )">
5439 </div>
5527 </div>5440 </div>
5528 </div>5441 <div name="contentAndCharFilterBlock" class="world_entry_thin_controls flex2">
5529 <div class="world_entry_thin_controls commentContainer">5442 <div class="world_entry_form_control flex1">
5530 </div>5443 <label for="content ">
5531 </div>5444 <small>
5532 <div class="flex-container wide100p flexGap10">5445 <span class="alignitemscenter flex-container flexnowrap wide100p justifySpaceBetween">
5533 <div class="flex4 flex-container flexFlowColumn flexNoGap">5446 <span data-i18n="Content" class="alignitemscenter flex-container flexNoGap">
5534 <div class="flex-container justifySpaceBetween">5447 Content
5535 <small for="group">5448 </span>
5536 <span data-i18n="Inclusion Group">Inclusion Group</span>5449 <span>
5537 <a href="https://docs.sillytavern.app/usage/core-concepts/worldinfo/#inclusion-group" class="notes-link" target="_blank" title="Inclusion Groups ensure only one entry from a group is activated at a time, if multiple are triggered.&#13;Supports multiple comma-separated groups.&#13;&#13;Documentation: World Info - Inclusion Group" data-i18n="[title]Inclusion Groups ensure only one entry from a group is activated at a time, if multiple are triggered.Documentation: World Info - Inclusion Group">5450 (<span data-i18n="extension_token_counter">Tokens:</span>&nbsp; <span class="world_entry_form_token_counter" data-first-run="true">counting...</span>)&nbsp;
5538 <span class="fa-solid fa-circle-question note-link-span"></span>5451 <span class="world_entry_form_uid_value" data-first-run="true"></span>
5539 </a>5452 </span>
5540 </small>5453 <div>
5541 <label class="checkbox_label flexNoGap margin-r5" for="groupOverride">5454 <label class="checkbox flex-container alignitemscenter flexNoGap">
5542 <input type="checkbox" name="groupOverride" />5455 <input type="checkbox" name="exclude_recursion" />
5543 <span>5456 <span data-i18n="Exclude from recursion">
5544 <small title="Prioritize this entry: When checked, this entry is prioritized out of all selections.&#13;If multiple are prioritized, the one with the highest 'Order' is chosen.&#13;" data-i18n="[title]Prioritize this entry: When checked, this entry is prioritized out of all selections.If multiple are prioritized, the one with the highest 'Order' is chosen.">5457 Non-recursable (this entry will not be activated by another)
5545 <span data-i18n="Prioritize">Prioritize</span>5458 </span>
5546 <div class="fa-solid fa-circle-info opacity50p"></div>5459 </label>
5460 <label class="checkbox flex-container alignitemscenter flexNoGap">
5461 <input type="checkbox" name="prevent_recursion" />
5462 <span data-i18n="Prevent further recursion (this entry will not activate others)">
5463 Prevent further recursion (this entry will not activate others)
5464 </span>
5465 </label>
5466 <label class="checkbox flex-container alignitemscenter flexNoGap">
5467 <input type="checkbox" name="delay_until_recursion" />
5468 <span data-i18n="Delay until recursion (this entry can only be activated on recursive checking)">
5469 Delay until recursion (this entry can only be activated on recursive checking)
5470 </span>
5471 </label>
5472 </div>
5473 </span>
5547 </small>5474 </small>
5548 </span>5475 <small class="displayNone">
5549 </label>5476 <span data-i18n="What this keyword should mean to the AI, sent verbatim">
5477 What this keyword should mean to the AI, sent verbatim
5478 </span>
5479 </small>
5480 </label>
5481 <textarea class="text_pole" name="content" rows="8" data-i18n="[placeholder]What this keyword should mean to the AI, sent verbatim" placeholder="What this keyword should mean to the AI, sent verbatim"></textarea>
5482 </div>
5550 </div>5483 </div>
5551 <div class="range-block-range">5484 <div class="world_entry_thin_controls commentContainer">
5552 <input type="text" class="text_pole margin0" name="group" rows="1" data-i18n="[placeholder]Only one entry with the same label will be activated" placeholder="Only one entry with the same label will be activated">
5553 </div>5485 </div>
5554 </div>5486 </div>
5555 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]A relative likelihood of entry activation within the group" title="A relative likelihood of entry activation within the group">5487 <div class="flex-container wide100p flexGap10">
5556 <div class="flex-container justifySpaceBetween marginBot5">5488 <div class="flex4 flex-container flexFlowColumn flexNoGap">
5557 <small for="groupWeight" data-i18n="Group Weight">5489 <div class="flex-container justifySpaceBetween">
5558 Group Weight5490 <small for="group">
5559 </small>5491 <span data-i18n="Inclusion Group">Inclusion Group</span>
5560 </div>5492 <a href="https://docs.sillytavern.app/usage/core-concepts/worldinfo/#inclusion-group" class="notes-link" target="_blank" title="Inclusion Groups ensure only one entry from a group is activated at a time, if multiple are triggered.&#13;Supports multiple comma-separated groups.&#13;&#13;Documentation: World Info - Inclusion Group" data-i18n="[title]Inclusion Groups ensure only one entry from a group is activated at a time, if multiple are triggered.Documentation: World Info - Inclusion Group">
5561 <div class="range-block-range">5493 <span class="fa-solid fa-circle-question note-link-span"></span>
5562 <input type="number" class="text_pole margin0" name="groupWeight" rows="1" placeholder="100" min="1" max="999999">5494 </a>
5495 </small>
5496 <label class="checkbox_label flexNoGap margin-r5" for="groupOverride">
5497 <input type="checkbox" name="groupOverride" />
5498 <span>
5499 <small title="Prioritize this entry: When checked, this entry is prioritized out of all selections.&#13;If multiple are prioritized, the one with the highest 'Order' is chosen.&#13;" data-i18n="[title]Prioritize this entry: When checked, this entry is prioritized out of all selections.If multiple are prioritized, the one with the highest 'Order' is chosen.">
5500 <span data-i18n="Prioritize">Prioritize</span>
5501 <div class="fa-solid fa-circle-info opacity50p"></div>
5502 </small>
5503 </span>
5504 </label>
5505 </div>
5506 <div class="range-block-range">
5507 <input type="text" class="text_pole margin0" name="group" rows="1" data-i18n="[placeholder]Only one entry with the same label will be activated" placeholder="Only one entry with the same label will be activated">
5508 </div>
5563 </div>5509 </div>
5564 </div>5510 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]A relative likelihood of entry activation within the group" title="A relative likelihood of entry activation within the group">
5565 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Sticky entries will stay active for N messages after being triggered." title="Sticky entries will stay active for N messages after being triggered.">5511 <div class="flex-container justifySpaceBetween marginBot5">
5566 <div class="flex-container justifySpaceBetween marginBot5">5512 <small for="groupWeight" data-i18n="Group Weight">
5567 <small class="flex-container alignItemsBaseline" for="sticky" data-i18n="Sticky">5513 Group Weight
5568 <span data-i18n="Sticky">5514 </small>
5569 Sticky5515 </div>
5570 </span>5516 <div class="range-block-range">
5571 <i class="fa-solid fa-comments fa-xs"></i>5517 <input type="number" class="text_pole margin0" name="groupWeight" rows="1" placeholder="100" min="1" max="999999">
5572 </small>5518 </div>
5573 </div>5519 </div>
5574 <div class="range-block-range">5520 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Sticky entries will stay active for N messages after being triggered." title="Sticky entries will stay active for N messages after being triggered.">
5575 <input class="text_pole margin0" name="sticky" type="number" placeholder="Non-sticky" min="0" max="999999">5521 <div class="flex-container justifySpaceBetween marginBot5">
5522 <small class="flex-container alignItemsBaseline" for="sticky" data-i18n="Sticky">
5523 <span data-i18n="Sticky">
5524 Sticky
5525 </span>
5526 <i class="fa-solid fa-comments fa-xs"></i>
5527 </small>
5528 </div>
5529 <div class="range-block-range">
5530 <input class="text_pole margin0" name="sticky" type="number" placeholder="Non-sticky" min="0" max="999999">
5531 </div>
5576 </div>5532 </div>
5577 </div>5533 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Entries with a cooldown can't be activated N messages after being triggered." title="Entries with a cooldown can't be activated N messages after being triggered.">
5578 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Entries with a cooldown can't be activated N messages after being triggered." title="Entries with a cooldown can't be activated N messages after being triggered.">5534 <div class="flex-container justifySpaceBetween marginBot5">
5579 <div class="flex-container justifySpaceBetween marginBot5">5535 <small class="flex-container alignItemsBaseline" for="cooldown" data-i18n="Cooldown">
5580 <small class="flex-container alignItemsBaseline" for="cooldown" data-i18n="Cooldown">5536 <span data-i18n="Cooldown">
5581 <span data-i18n="Cooldown">5537 Cooldown
5582 Cooldown5538 </span>
5583 </span>5539 <i class="fa-solid fa-comments fa-xs"></i>
5584 <i class="fa-solid fa-comments fa-xs"></i>5540 </small>
5585 </small>5541 </div>
5542 <div class="range-block-range">
5543 <input class="text_pole margin0" name="cooldown" type="number" placeholder="No cooldown" min="0" max="999999">
5544 </div>
5586 </div>5545 </div>
5587 <div class="range-block-range">5546 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Entries with a delay can't be activated until there are N messages present in the chat." title="Entries with a delay can't be activated until there are N messages present in the chat.">
5588 <input class="text_pole margin0" name="cooldown" type="number" placeholder="No cooldown" min="0" max="999999">5547 <div class="flex-container justifySpaceBetween marginBot5">
5548 <small class="flex-container alignItemsBaseline" for="delay" data-i18n="Delay">
5549 <span data-i18n="Delay">
5550 Delay
5551 </span>
5552 <i class="fa-solid fa-comments fa-xs"></i>
5553 </small>
5554 </div>
5555 <div class="range-block-range">
5556 <input class="text_pole margin0" name="delay" type="number" placeholder="No delay" min="0" max="999999">
5557 </div>
5589 </div>5558 </div>
5590 </div>5559 </div>
5591 <div class="flex2 flex-container flexFlowColumn flexNoGap" data-i18n="[title]Entries with a delay can't be activated until there are N messages present in the chat." title="Entries with a delay can't be activated until there are N messages present in the chat.">5560 <div class="flex-container wide100p flexGap10">
5592 <div class="flex-container justifySpaceBetween marginBot5">5561 <div class="flex4 flex-container flexFlowColumn flexNoGap">
5593 <small class="flex-container alignItemsBaseline" for="delay" data-i18n="Delay">5562 <div class="flex-container justifySpaceBetween">
5594 <span data-i18n="Delay">5563 <small for="characterFilter" data-i18n="Filter to Character(s)">
5595 Delay5564 Filter to Character(s)
5596 </span>5565 </small>
5597 <i class="fa-solid fa-comments fa-xs"></i>5566 <label class="checkbox_label flexNoGap margin-r5" for="character_exclusion">
5598 </small>5567 <input type="checkbox" name="character_exclusion" />
5599 </div>5568 <span>
5600 <div class="range-block-range">5569 <small data-i18n="Character Exclusion">Character Exclusion</small>
5601 <input class="text_pole margin0" name="delay" type="number" placeholder="No delay" min="0" max="999999">5570 </span>
5571 </label>
5572 </div>
5573 <div class="range-block-range">
5574 <select name="characterFilter" class="select2_multi_sameline" multiple>
5575 <option value="">
5576 <span data-i18n="-- Characters not found --">-- Characters not found --</span>
5577 </option>
5578 </select>
5579 </div>
5602 </div>5580 </div>
5603 </div>5581 </div>
5604 </div>5582 <div name="WIEntryBottomControls" class="flex-container flex1 justifySpaceBetween world_entry_form_horizontal">
5605 <div class="flex-container wide100p flexGap10">5583 <div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text ">
5606 <div class="flex4 flex-container flexFlowColumn flexNoGap">5584 <label class="checkbox flex-container">
5607 <div class="flex-container justifySpaceBetween">5585 <input type="checkbox" name="selective" />
5608 <small for="characterFilter" data-i18n="Filter to Characters or Tags">5586 <span data-i18n="Selective">Selective</span>
5609 Filter to Characters or Tags5587 </label>
5610 </small>5588 <label class="checkbox flex-container">
5611 <label class="checkbox_label flexNoGap margin-r5" for="character_exclusion">5589 <input type="checkbox" name="useProbability" />
5612 <input type="checkbox" name="character_exclusion" />5590 <span data-i18n="Use Probability">Use Probability</span>
5613 <span>5591 </label>
5614 <small title="Switch the Character/Tags filter around to exclude the listed characters and tags from matching for this entry" data-i18n="[title]Switch the Character/Tags filter around to exclude the listed characters and tags from matching for this entry">5592 <label class="checkbox flex-container">
5615 <span data-i18n="Exclude">Exclude</span>5593 <input type="checkbox" name="addMemo">
5616 <div class="fa-solid fa-circle-info opacity50p"></div>5594 <span data-i18n="Add Memo">Add Memo</span>
5617 </small>
5618 </span>
5619 </label>5595 </label>
5620 </div>5596 </div>
5621 <div class="range-block-range">
5622 <select name="characterFilter" class="select2_multi_sameline" multiple>
5623 <option value="">
5624 <span data-i18n="-- Characters not found --">-- Characters not found --</span>
5625 </option>
5626 </select>
5627 </div>
5628 </div>
5629 </div>
5630 <div name="WIEntryBottomControls" class="flex-container flex1 justifySpaceBetween world_entry_form_horizontal">
5631 <div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text ">
5632 <label class="checkbox flex-container">
5633 <input type="checkbox" name="selective" />
5634 <span data-i18n="Selective">Selective</span>
5635 </label>
5636 <label class="checkbox flex-container">
5637 <input type="checkbox" name="useProbability" />
5638 <span data-i18n="Use Probability">Use Probability</span>
5639 </label>
5640 <label class="checkbox flex-container">
5641 <input type="checkbox" name="addMemo">
5642 <span data-i18n="Add Memo">Add Memo</span>
5643 </label>
5644 </div>5597 </div>
5645 </div>5598 </div>
5646 </div>5599 </div>
5647 </div>5600 </form>
5648 </form>
5649 </div>
5650 </div>
5651 <div id="character_template" class="template_element">
5652 <div class="character_select entity_block flex-container wide100p alignitemsflexstart" chid="" id="">
5653 <div class="avatar" title="">
5654 <img src="">
5655 </div>5601 </div>
5656 <div class="flex-container wide100pLess70px character_select_container">5602 </div>
5657 <div class="wide100p character_name_block">5603 <div id="character_template" class="template_element">
5658 <span class="ch_name"></span>5604 <div class="character_select entity_block flex-container wide100p alignitemsflexstart" chid="" id="">
5659 <small class="ch_additional_info ch_add_placeholder">+++</small>5605 <div class="avatar" title="">
5660 <small class="ch_additional_info character_version"></small>5606 <img src="">
5661 <small class="ch_additional_info ch_avatar_url"></small>5607 </div>
5608 <div class="flex-container wide100pLess70px character_select_container">
5609 <div class="wide100p character_name_block">
5610 <span class="ch_name"></span>
5611 <small class="ch_additional_info ch_add_placeholder">+++</small>
5612 <small class="ch_additional_info character_version"></small>
5613 <small class="ch_additional_info ch_avatar_url"></small>
5614 </div>
5615 <i class="ch_fav_icon fa-solid fa-star"></i>
5616 <input class="ch_fav" value="" hidden />
5617 <div class="ch_description"></div>
5618 <div class="tags tags_inline"></div>
5662 </div>5619 </div>
5663 <i class="ch_fav_icon fa-solid fa-star"></i>
5664 <input class="ch_fav" value="" hidden />
5665 <div class="ch_description"></div>
5666 <div class="tags tags_inline"></div>
5667 </div>5620 </div>
5668 </div>5621 </div>
5669 </div>5622 <div id="tag_template" class="template_element">
5670 <div id="tag_template" class="template_element">5623 <span id="" class="tag">
5671 <span id="" class="tag">5624 <span class="tag_name"></span>
5672 <span class="tag_name"></span>5625 <i class="fa-solid fa-circle-xmark tag_remove"></i>
5673 <i class="fa-solid fa-circle-xmark tag_remove"></i>5626 </span>
5674 </span>
5675 </div>
5676 <div id="openai_logit_bias_template" class="template_element">
5677 <div class="openai_logit_bias_form">
5678 <input class="openai_logit_bias_text text_pole" data-i18n="[placeholder]Text or token ids" placeholder="Text or [token ids]" />
5679 <input class="openai_logit_bias_value text_pole" type="number" min="-100" value="0" max="100" />
5680 <i class="menu_button fa-solid fa-xmark openai_logit_bias_remove"></i>
5681 </form>
5682 </div>5627 </div>
5683 </div>5628 <div id="openai_logit_bias_template" class="template_element">
5684 <div id="logit_bias_template" class="template_element">5629 <div class="openai_logit_bias_form">
5685 <div class="logit_bias_form">5630 <input class="openai_logit_bias_text text_pole" data-i18n="[placeholder]Text or token ids" placeholder="Text or [token ids]" />
5686 <input class="logit_bias_text text_pole" data-i18n="[placeholder]Type here..." placeholder="type here..." />5631 <input class="openai_logit_bias_value text_pole" type="number" min="-100" value="0" max="100" />
5687 <input class="logit_bias_value text_pole" type="number" min="-100" value="0" max="100" step="0.01" />5632 <i class="menu_button fa-solid fa-xmark openai_logit_bias_remove"></i>
5688 <i class="menu_button fa-solid fa-xmark logit_bias_remove"></i>
5689 </div>
5690 </div>
5691 <div id="completion_prompt_manager_popup" class="drawer-content" style="display:none;">
5692 <div id="completion_prompt_manager_popup_inspect">
5693 <h3>Inspect</h3>
5694 <div class="completion_prompt_manager_popup_entry">
5695 <form class="completion_prompt_manager_popup_entry_form">
5696 <div class="completion_prompt_manager_popup_entry_form_control">
5697 <div class="completion_prompt_manager_popup_header">
5698 <label for="completion_prompt_manager_popup_entry_form_prompt">
5699 <span>Prompt List</span>
5700 </label>
5701 <a id="completion_prompt_manager_popup_close_button" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
5702 </div>
5703 <div class="text_muted">The list of prompts associated with this marker.</div>
5704 <div id="completion_prompt_manager_popup_entry_form_inspect_list"></div>
5705 </div>
5706 </form>5633 </form>
5707 </div>5634 </div>
5708 </div>5635 </div>
5709 <div id="completion_prompt_manager_popup_edit">5636 <div id="logit_bias_template" class="template_element">
5710 <h3 data-i18n="prompt_manager_edit">Edit</h3>5637 <div class="logit_bias_form">
5711 <div class="completion_prompt_manager_popup_entry">5638 <input class="logit_bias_text text_pole" data-i18n="[placeholder]Type here..." placeholder="type here..." />
5712 <form class="completion_prompt_manager_popup_entry_form">5639 <input class="logit_bias_value text_pole" type="number" min="-100" value="0" max="100" step="0.01" />
5713 <div class="flex-container gap10px">5640 <i class="menu_button fa-solid fa-xmark logit_bias_remove"></i>
5714 <div class="completion_prompt_manager_popup_entry_form_control flex1">5641 </div>
5715 <label for="completion_prompt_manager_popup_entry_form_name">5642 </div>
5716 <span data-i18n="prompt_manager_name">Name</span>5643 <div id="completion_prompt_manager_popup" class="drawer-content" style="display:none;">
5717 </label>5644 <div id="completion_prompt_manager_popup_inspect">
5718 <div class="text_muted" data-i18n="A name for this prompt.">A name for this prompt.</div>5645 <h3>Inspect</h3>
5719 <input id="completion_prompt_manager_popup_entry_form_name" class="text_pole" type="text" name="name" />5646 <div class="completion_prompt_manager_popup_entry">
5720 </div>5647 <form class="completion_prompt_manager_popup_entry_form">
5721 <div class="completion_prompt_manager_popup_entry_form_control flex1">5648 <div class="completion_prompt_manager_popup_entry_form_control">
5722 <label for="completion_prompt_manager_popup_entry_form_role">5649 <div class="completion_prompt_manager_popup_header">
5723 <span data-i18n="Role">Role</span>5650 <label for="completion_prompt_manager_popup_entry_form_prompt">
5724 </label>5651 <span>Prompt List</span>
5725 <div class="text_muted" data-i18n="To whom this message will be attributed.">To whom this message will be attributed.</div>5652 </label>
5726 <select id="completion_prompt_manager_popup_entry_form_role" class="text_pole" name="role">5653 <a id="completion_prompt_manager_popup_close_button" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
5727 <option data-i18n="System" value="system">System</option>5654 </div>
5728 <option data-i18n="User" value="user">User</option>5655 <div class="text_muted">The list of prompts associated with this marker.</div>
5729 <option data-i18n="AI Assistant" value="assistant">AI Assistant</option>5656 <div id="completion_prompt_manager_popup_entry_form_inspect_list"></div>
5730 </select>
5731 </div>
5732 </div>
5733 <div class="flex-container gap10px">
5734 <div class="completion_prompt_manager_popup_entry_form_control flex1">
5735 <label for="completion_prompt_manager_popup_entry_form_injection_position">
5736 <span data-i18n="prompt_manager_position">Position</span>
5737 </label>
5738 <div class="text_muted" data-i18n="Injection position. Relative (to other prompts in prompt manager) or In-chat @ Depth.">Injection position. Relative (to other prompts in prompt manager) or In-chat @ Depth.</div>
5739 <select id="completion_prompt_manager_popup_entry_form_injection_position" class="text_pole" name="injection_position">
5740 <option data-i18n="prompt_manager_relative" value="0">Relative</option>
5741 <option data-i18n="prompt_manager_in_chat" value="1">In-chat</option>
5742 </select>
5743 </div>5657 </div>
5744 <div id="completion_prompt_manager_depth_block" class="completion_prompt_manager_popup_entry_form_control flex1">5658 </form>
5745 <label for="completion_prompt_manager_popup_entry_form_injection_depth">5659 </div>
5746 <span data-i18n="prompt_manager_depth">Depth</span>5660 </div>
5747 </label>5661 <div id="completion_prompt_manager_popup_edit">
5748 <div class="text_muted" data-i18n="Injection depth. 0 = after the last message, 1 = before the last message, etc.">Injection depth. 0 = after the last message, 1 = before the last message, etc.</div>5662 <h3 data-i18n="prompt_manager_edit">Edit</h3>
5749 <input id="completion_prompt_manager_popup_entry_form_injection_depth" class="text_pole" type="number" name="injection_depth" min="0" max="999" value="4" />5663 <div class="completion_prompt_manager_popup_entry">
5664 <form class="completion_prompt_manager_popup_entry_form">
5665 <div class="flex-container gap10px">
5666 <div class="completion_prompt_manager_popup_entry_form_control flex1">
5667 <label for="completion_prompt_manager_popup_entry_form_name">
5668 <span data-i18n="prompt_manager_name">Name</span>
5669 </label>
5670 <div class="text_muted" data-i18n="A name for this prompt.">A name for this prompt.</div>
5671 <input id="completion_prompt_manager_popup_entry_form_name" class="text_pole" type="text" name="name" />
5672 </div>
5673 <div class="completion_prompt_manager_popup_entry_form_control flex1">
5674 <label for="completion_prompt_manager_popup_entry_form_role">
5675 <span data-i18n="Role">Role</span>
5676 </label>
5677 <div class="text_muted" data-i18n="To whom this message will be attributed.">To whom this message will be attributed.</div>
5678 <select id="completion_prompt_manager_popup_entry_form_role" class="text_pole" name="role">
5679 <option data-i18n="System" value="system">System</option>
5680 <option data-i18n="User" value="user">User</option>
5681 <option data-i18n="AI Assistant" value="assistant">AI Assistant</option>
5682 </select>
5683 </div>
5750 </div>5684 </div>
5751 </div>5685 <div class="flex-container gap10px">
5752 <div class="completion_prompt_manager_popup_entry_form_control">5686 <div class="completion_prompt_manager_popup_entry_form_control flex1">
5753 <div class="flex-container alignItemsCenter">5687 <label for="completion_prompt_manager_popup_entry_form_injection_position">
5754 <div class="flex1">5688 <span data-i18n="prompt_manager_position">Position</span>
5755 <label for="completion_prompt_manager_popup_entry_form_prompt">
5756 <span data-i18n="Prompt">Prompt</span>
5757 </label>5689 </label>
5758 <div class="text_muted" data-i18n="The prompt to be sent.">The prompt to be sent.</div>5690 <div class="text_muted" data-i18n="Injection position. Relative (to other prompts in prompt manager) or In-chat @ Depth.">Injection position. Relative (to other prompts in prompt manager) or In-chat @ Depth.</div>
5691 <select id="completion_prompt_manager_popup_entry_form_injection_position" class="text_pole" name="injection_position">
5692 <option data-i18n="prompt_manager_relative" value="0">Relative</option>
5693 <option data-i18n="prompt_manager_in_chat" value="1">In-chat</option>
5694 </select>
5759 </div>5695 </div>
5760 <div id="completion_prompt_manager_forbid_overrides_block">5696 <div id="completion_prompt_manager_depth_block" class="completion_prompt_manager_popup_entry_form_control flex1">
5761 <label class="checkbox_label" for="completion_prompt_manager_popup_entry_form_forbid_overrides" title="This prompt cannot be overridden by character cards, even if overrides are preferred." data-i18n="[title]This prompt cannot be overridden by character cards, even if overrides are preferred.">5697 <label for="completion_prompt_manager_popup_entry_form_injection_depth">
5762 <input type="checkbox" id="completion_prompt_manager_popup_entry_form_forbid_overrides" name="forbid_overrides" />5698 <span data-i18n="prompt_manager_depth">Depth</span>
5763 <span data-i18n="prompt_manager_forbid_overrides">Forbid Overrides</span>
5764 </label>5699 </label>
5700 <div class="text_muted" data-i18n="Injection depth. 0 = after the last message, 1 = before the last message, etc.">Injection depth. 0 = after the last message, 1 = before the last message, etc.</div>
5701 <input id="completion_prompt_manager_popup_entry_form_injection_depth" class="text_pole" type="number" name="injection_depth" min="0" max="999" value="4" />
5765 </div>5702 </div>
5766 </div>5703 </div>
5767 <textarea id="completion_prompt_manager_popup_entry_form_prompt" class="text_pole" name="prompt">5704 <div class="completion_prompt_manager_popup_entry_form_control">
5705 <div class="flex-container alignItemsCenter">
5706 <div class="flex1">
5707 <label for="completion_prompt_manager_popup_entry_form_prompt">
5708 <span data-i18n="Prompt">Prompt</span>
5709 </label>
5710 <div class="text_muted" data-i18n="The prompt to be sent.">The prompt to be sent.</div>
5711 </div>
5712 <div id="completion_prompt_manager_forbid_overrides_block">
5713 <label class="checkbox_label" for="completion_prompt_manager_popup_entry_form_forbid_overrides" title="This prompt cannot be overridden by character cards, even if overrides are preferred." data-i18n="[title]This prompt cannot be overridden by character cards, even if overrides are preferred.">
5714 <input type="checkbox" id="completion_prompt_manager_popup_entry_form_forbid_overrides" name="forbid_overrides" />
5715 <span data-i18n="prompt_manager_forbid_overrides">Forbid Overrides</span>
5716 </label>
5717 </div>
5718 </div>
5719 <textarea id="completion_prompt_manager_popup_entry_form_prompt" class="text_pole" name="prompt">
5768 </textarea>5720 </textarea>
5769 </div>5721 </div>
5770 <div class="completion_prompt_manager_popup_entry_form_footer">5722 <div class="completion_prompt_manager_popup_entry_form_footer">
5771 <a id="completion_prompt_manager_popup_entry_form_close" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>5723 <a id="completion_prompt_manager_popup_entry_form_close" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
5772 <a id="completion_prompt_manager_popup_entry_form_reset" title="reset" data-i18n="[title]reset" class="fa-solid fa-undo menu_button"></a>5724 <a id="completion_prompt_manager_popup_entry_form_reset" title="reset" data-i18n="[title]reset" class="fa-solid fa-undo menu_button"></a>
5773 <a id="completion_prompt_manager_popup_entry_form_save" title="save" data-i18n="[title]save" class="fa-solid fa-save menu_button" data-pm-prompt=""></a>5725 <a id="completion_prompt_manager_popup_entry_form_save" title="save" data-i18n="[title]save" class="fa-solid fa-save menu_button" data-pm-prompt=""></a>
5774 </div>5726 </div>
5775 </form>5727 </form>
5728 </div>
5776 </div>5729 </div>
5777 </div>5730 </div>
5778 </div>5731 <div id="message_template" class="template_element">
5779 <div id="message_template" class="template_element">5732 <div class="mes" mesid="" ch_name="" is_user="" is_system="" bookmark_link="">
5780 <div class="mes" mesid="" ch_name="" is_user="" is_system="" bookmark_link="">5733 <div class="for_checkbox"></div><input type="checkbox" class="del_checkbox">
5781 <div class="for_checkbox"></div><input type="checkbox" class="del_checkbox">5734 <div class="mesAvatarWrapper">
5782 <div class="mesAvatarWrapper">5735 <div class="avatar">
5783 <div class="avatar">5736 <img src="">
5784 <img src="">5737 </div>
5738 <div class="mesIDDisplay"></div>
5739 <div class="mes_timer"></div>
5740 <div class="tokenCounterDisplay"></div>
5785 </div>5741 </div>
5786 <div class="mesIDDisplay"></div>5742 <div class="swipe_left fa-solid fa-chevron-left" style="display: none;"></div>
5787 <div class="mes_timer"></div>5743 <div class="mes_block">
5788 <div class="tokenCounterDisplay"></div>5744 <div class="ch_name flex-container justifySpaceBetween">
5789 </div>5745 <div class="flex-container flex1 alignitemscenter">
5790 <div class="swipe_left fa-solid fa-chevron-left" style="display: none;"></div>5746 <div class="flex-container alignItemsBaseline">
5791 <div class="mes_block">5747 <span class="name_text">${characterName}</span>
5792 <div class="ch_name flex-container justifySpaceBetween">5748 <i class="mes_ghost fa-solid fa-ghost" title="This message is invisible for the AI" data-i18n="[title]This message is invisible for the AI"></i>
5793 <div class="flex-container flex1 alignitemscenter">5749 <small class="timestamp"></small>
5794 <div class="flex-container alignItemsBaseline">5750 </div>
5795 <span class="name_text">${characterName}</span>
5796 <i class="mes_ghost fa-solid fa-ghost" title="This message is invisible for the AI" data-i18n="[title]This message is invisible for the AI"></i>
5797 <small class="timestamp"></small>
5798 </div>5751 </div>
5799 </div>5752 <div class="mes_buttons">
5800 <div class="mes_buttons">5753 <div title="Message Actions" class="mes_button extraMesButtonsHint fa-solid fa-ellipsis" data-i18n="[title]Message Actions"></div>
5801 <div title="Message Actions" class="mes_button extraMesButtonsHint fa-solid fa-ellipsis" data-i18n="[title]Message Actions"></div>5754 <div class="extraMesButtons">
5802 <div class="extraMesButtons">5755 <div title="Translate message" class="mes_button mes_translate fa-solid fa-language" data-i18n="[title]Translate message"></div>
5803 <div title="Translate message" class="mes_button mes_translate fa-solid fa-language" data-i18n="[title]Translate message"></div>5756 <div title="Generate Image" class="mes_button sd_message_gen fa-solid fa-paintbrush" data-i18n="[title]Generate Image"></div>
5804 <div title="Generate Image" class="mes_button sd_message_gen fa-solid fa-paintbrush" data-i18n="[title]Generate Image"></div>5757 <div title="Narrate" class="mes_button mes_narrate fa-solid fa-bullhorn" data-i18n="[title]Narrate"></div>
5805 <div title="Narrate" class="mes_button mes_narrate fa-solid fa-bullhorn" data-i18n="[title]Narrate"></div>5758 <div title="Prompt" class="mes_button mes_prompt fa-solid fa-square-poll-horizontal " data-i18n="[title]Prompt" style="display: none;"></div>
5806 <div title="Prompt" class="mes_button mes_prompt fa-solid fa-square-poll-horizontal " data-i18n="[title]Prompt" style="display: none;"></div>5759 <div title="Exclude message from prompts" class="mes_button mes_hide fa-solid fa-eye" data-i18n="[title]Exclude message from prompts"></div>
5807 <div title="Exclude message from prompts" class="mes_button mes_hide fa-solid fa-eye" data-i18n="[title]Exclude message from prompts"></div>5760 <div title="Include message in prompts" class="mes_button mes_unhide fa-solid fa-eye-slash" data-i18n="[title]Include message in prompts"></div>
5808 <div title="Include message in prompts" class="mes_button mes_unhide fa-solid fa-eye-slash" data-i18n="[title]Include message in prompts"></div>5761 <div title="Embed file or image" class="mes_button mes_embed fa-solid fa-paperclip" data-i18n="[title]Embed file or image"></div>
5809 <div title="Embed file or image" class="mes_button mes_embed fa-solid fa-paperclip" data-i18n="[title]Embed file or image"></div>5762 <div title="Create checkpoint" class="mes_button mes_create_bookmark fa-regular fa-solid fa-flag-checkered" data-i18n="[title]Create checkpoint"></div>
5810 <div title="Create checkpoint" class="mes_button mes_create_bookmark fa-regular fa-solid fa-flag-checkered" data-i18n="[title]Create checkpoint"></div>5763 <div title="Create branch" class="mes_button mes_create_branch fa-regular fa-code-branch" data-i18n="[title]Create Branch"></div>
5811 <div title="Create branch" class="mes_button mes_create_branch fa-regular fa-code-branch" data-i18n="[title]Create Branch"></div>5764 <div title="Copy" class="mes_button mes_copy fa-solid fa-copy " data-i18n="[title]Copy"></div>
5812 <div title="Copy" class="mes_button mes_copy fa-solid fa-copy " data-i18n="[title]Copy"></div>5765 </div>
5766 <div title="Open checkpoint chat" class="mes_button mes_bookmark fa-solid fa-flag" data-i18n="[title]Open checkpoint chat"></div>
5767 <div title="Edit" class="mes_button mes_edit fa-solid fa-pencil " data-i18n="[title]Edit"></div>
5813 </div>5768 </div>
5814 <div title="Open checkpoint chat" class="mes_button mes_bookmark fa-solid fa-flag" data-i18n="[title]Open checkpoint chat"></div>5769 <div class="mes_edit_buttons">
5815 <div title="Edit" class="mes_button mes_edit fa-solid fa-pencil " data-i18n="[title]Edit"></div>5770 <div class="mes_edit_done menu_button fa-solid fa-check" title="Confirm" data-i18n="[title]Confirm"></div>
5816 </div>5771 <div class="mes_edit_copy menu_button fa-solid fa-copy" title="Copy this message" data-i18n="[title]Copy this message"></div>
5817 <div class="mes_edit_buttons">5772 <div class="mes_edit_delete menu_button fa-solid fa-trash-can" title="Delete this message" data-i18n="[title]Delete this message">
5818 <div class="mes_edit_done menu_button fa-solid fa-check" title="Confirm" data-i18n="[title]Confirm"></div>5773 </div>
5819 <div class="mes_edit_copy menu_button fa-solid fa-copy" title="Copy this message" data-i18n="[title]Copy this message"></div>5774 <div class="mes_edit_up menu_button fa-solid fa-chevron-up " title="Move message up" data-i18n="[title]Move message up"></div>
5820 <div class="mes_edit_delete menu_button fa-solid fa-trash-can" title="Delete this message" data-i18n="[title]Delete this message">5775 <div class="mes_edit_down menu_button fa-solid fa-chevron-down" title="Move message down" data-i18n="[title]Move message down">
5776 </div>
5777 <div class="mes_edit_cancel menu_button fa-solid fa-xmark" title="Cancel" data-i18n="[title]Cancel"></div>
5821 </div>5778 </div>
5822 <div class="mes_edit_up menu_button fa-solid fa-chevron-up " title="Move message up" data-i18n="[title]Move message up"></div>5779 </div>
5823 <div class="mes_edit_down menu_button fa-solid fa-chevron-down" title="Move message down" data-i18n="[title]Move message down">5780 <div class="mes_text"></div>
5781 <div class="mes_img_container">
5782 <div class="mes_img_controls">
5783 <div title="Enlarge" class="right_menu_button fa-lg fa-solid fa-magnifying-glass mes_img_enlarge" data-i18n="[title]Enlarge"></div>
5784 <div title="Caption" class="right_menu_button fa-lg fa-solid fa-envelope-open-text mes_img_caption" data-i18n="[title]Caption"></div>
5785 <div title="Delete" class="right_menu_button fa-lg fa-solid fa-trash-can mes_img_delete" data-i18n="[title]Delete"></div>
5824 </div>5786 </div>
5825 <div class="mes_edit_cancel menu_button fa-solid fa-xmark" title="Cancel" data-i18n="[title]Cancel"></div>5787 <img class="mes_img" src="" />
5826 </div>5788 </div>
5789 <div class="mes_bias"></div>
5827 </div>5790 </div>
5828 <div class="mes_text"></div>5791 <div class="swipe_right fa-solid fa-chevron-right" style="display: none;">
5829 <div class="mes_img_container">5792 <div class="swipes-counter"></div>
5830 <div class="mes_img_controls">
5831 <div title="Enlarge" class="right_menu_button fa-lg fa-solid fa-magnifying-glass mes_img_enlarge" data-i18n="[title]Enlarge"></div>
5832 <div title="Caption" class="right_menu_button fa-lg fa-solid fa-envelope-open-text mes_img_caption" data-i18n="[title]Caption"></div>
5833 <div title="Delete" class="right_menu_button fa-lg fa-solid fa-trash-can mes_img_delete" data-i18n="[title]Delete"></div>
5834 </div>
5835 <div class="mes_img_swipes">
5836 <div title="Swipe left" class="right_menu_button fa-lg fa-solid fa-chevron-left mes_img_swipe_left" data-i18n="[title]Swipe left"></div>
5837 <div class="mes_img_swipe_counter">1/1</div>
5838 <div title="Swipe right" class="right_menu_button fa-lg fa-solid fa-chevron-right mes_img_swipe_right" data-i18n="[title]Swipe right"></div>
5839 </div>
5840 <img class="mes_img" src="" />
5841 </div>5793 </div>
5842 <div class="mes_bias"></div>
5843 </div>5794 </div>
5844 <div class="swipe_right fa-solid fa-chevron-right" style="display: none;">
5845 <div class="swipes-counter"></div>
5846 </div>
5847 </div>
5848 </div>
5849 <div id="group_avatars_template" class="template_element">
5850 <div class="avatar avatar_collage collage_1">
5851 <img alt="img1" class="img_1" src="">
5852 </div>
5853 <div class="avatar avatar_collage collage_2">
5854 <img alt="img1" class="img_1" src="">
5855 <img alt="img2" class="img_2" src="">
5856 </div>
5857 <div class="avatar avatar_collage collage_3">
5858 <img alt="img1" class="img_1" src="">
5859 <img alt="img2" class="img_2" src="">
5860 <img alt="img3" class="img_3" src="">
5861 </div>
5862 <div class="avatar avatar_collage collage_4">
5863 <img alt="img1" class="img_1" src="">
5864 <img alt="img2" class="img_2" src="">
5865 <img alt="img3" class="img_3" src="">
5866 <img alt="img4" class="img_4" src="">
5867 </div>5795 </div>
5868 </div>5796 <div id="group_avatars_template" class="template_element">
58695797 <div class="avatar avatar_collage collage_1">
5870 <div id="onboarding_template" class="template_element">5798 <img alt="img1" class="img_1" src="">
5871 <div class="onboarding">
5872 <h3 data-i18n="Welcome to SillyTavern!">Welcome to SillyTavern!</h3>
5873 <ul class="justifyLeft margin-bot-10px">
5874 <li><span data-i18n="welcome_message_part_1">Read the</span> <a href="https://docs.sillytavern.app/" target="_blank" data-i18n="welcome_message_part_2">Official Documentation</a><span data-i18n="welcome_message_part_3">.</span></li>
5875 <li><span data-i18n="welcome_message_part_4">Type</span> <code>/help</code> <span data-i18n="welcome_message_part_5">in chat for commands and macros.</span></li>
5876 <li><span data-i18n="welcome_message_part_6">Join the</span> <a href="https://discord.gg/sillytavern" data-i18n="Discord server" target="_blank">Discord server</a> <span data-i18n="welcome_message_part_7">for info and announcements.</span></li>
5877 </ul>
5878 <div id="onboarding-UI-language-block" class="flex-container alignItemsBaseline">
5879 <span data-i18n="UI Language">Language:</span>
5880 <select id="onboarding_ui_language_select" class="flex1 margin0">
5881 <option value="en">English</option>
5882 </select>
5883 </div>5799 </div>
5884 <b data-i18n="SillyTavern is aimed at advanced users.">5800 <div class="avatar avatar_collage collage_2">
5885 SillyTavern is aimed at advanced users.5801 <img alt="img1" class="img_1" src="">
5886 </b>5802 <img alt="img2" class="img_2" src="">
5887 <div>
5888 <span data-i18n="If you're new to this, enable the simplified UI mode below.">
5889 If you're new to this, enable the simplified UI mode below.
5890 </span>
5891 <br>
5892 <span data-i18n="Change it later in the 'User Settings' panel.">
5893 Change it later in the 'User Settings' panel.
5894 </span>
5895 </div>5803 </div>
5896 <label class="checkbox_label">5804 <div class="avatar avatar_collage collage_3">
5897 <input type="checkbox" name="enable_simple_mode" />5805 <img alt="img1" class="img_1" src="">
5898 <span data-i18n="Enable simple UI mode">5806 <img alt="img2" class="img_2" src="">
5899 Enable simple UI mode5807 <img alt="img3" class="img_3" src="">
5900 </span>
5901 </label>
5902 <div class="expander"></div>
5903 <div class="textAlignCenter">
5904 <h3 data-i18n="Looking for AI characters?">
5905 Looking for AI characters?
5906 </h3>
5907 <span>
5908 <span class="menu_button menu_button_icon external_import_button">
5909 <i class="fa-solid fa-cloud-arrow-down"></i>
5910 <span data-i18n="onboarding_import">Import</span>
5911 </span>
5912 <span data-i18n="from supported sources or view">
5913 from supported sources or view
5914 </span>
5915 <span class="open_characters_library menu_button menu_button_icon">
5916 <i class="fa-solid fa-image-portrait"></i>
5917 <span data-i18n="Sample characters">Sample characters</span>
5918 </span>
5919 </span>
5920 </div>5808 </div>
5921 <div class="expander"></div>5809 <div class="avatar avatar_collage collage_4">
5922 <h3 data-i18n="Your Persona">5810 <img alt="img1" class="img_1" src="">
5923 Your Persona5811 <img alt="img2" class="img_2" src="">
5924 </h3>5812 <img alt="img3" class="img_3" src="">
5925 <div class="justifyLeft margin-bot-10px">5813 <img alt="img4" class="img_4" src="">
5926 <span data-i18n="Before you get started, you must select a persona name.">
5927 Before you get started, you must select a persona name.
5928 </span>
5929 <br>
5930 <span data-i18n="welcome_message_part_8">This can be changed at any time via the</span> <code><i class="fa-solid fa-face-smile"></i></code> <span data-i18n="welcome_message_part_9">icon.</span>
5931 </div>5814 </div>
5932 <h4 data-i18n="Persona Name:">Persona Name:</h4>
5933 </div>5815 </div>
5934 </div>5816
5935 <div id="group_member_template" class="template_element">5817 <div id="onboarding_template" class="template_element">
5936 <div class="group_member">5818 <div class="onboarding">
5937 <div class="avatar">5819 <h3 data-i18n="Welcome to SillyTavern!">Welcome to SillyTavern!</h3>
5938 <img alt="Avatar" src="" />5820 <ul class="justifyLeft margin-bot-10px">
5939 </div>5821 <li><span data-i18n="welcome_message_part_1">Read the</span> <a href="https://docs.sillytavern.app/" target="_blank" data-i18n="welcome_message_part_2">Official Documentation</a><span data-i18n="welcome_message_part_3">.</span></li>
5940 <div class="group_member_name">5822 <li><span data-i18n="welcome_message_part_4">Type</span> <code>/help</code> <span data-i18n="welcome_message_part_5">in chat for commands and macros.</span></li>
5941 <div class="ch_name"></div>5823 <li><span data-i18n="welcome_message_part_6">Join the</span> <a href="https://discord.gg/sillytavern" data-i18n="Discord server" target="_blank">Discord server</a> <span data-i18n="welcome_message_part_7">for info and announcements.</span></li>
5942 <div class="tags tags_inline"></div>5824 </ul>
5943 </div>5825 <div id="onboarding-UI-language-block" class="flex-container alignItemsBaseline">
5944 <input class="ch_fav" value="" hidden />5826 <span data-i18n="UI Language">Language:</span>
5945 <div class="queue_position"></div>5827 <select id="onboarding_ui_language_select" class="flex1 margin0">
5946 <div class="group_member_icon">5828 <option value="en">English</option>
5947 <div title="Temporarily disable automatic replies from this character" data-action="disable" class="right_menu_button fa-solid fa-lg fa-comment-slash" data-i18n="[title]Temporarily disable automatic replies from this character"></div>5829 </select>
5948 <div title="Enable automatic replies from this character" data-action="enable" class="right_menu_button fa-solid fa-lg fa-comment-slash" data-i18n="[title]Enable automatic replies from this character"></div>5830 </div>
5949 <div title="Trigger a message from this character" data-action="speak" class="right_menu_button fa-solid fa-lg fa-comment" data-i18n="[title]Trigger a message from this character"></div>5831 <b data-i18n="SillyTavern is aimed at advanced users.">
5950 <div class="flexFlowColumn flex-container">5832 SillyTavern is aimed at advanced users.
5951 <div title="Move up" data-action="up" class="right_menu_button fa-solid fa-chevron-up" data-i18n="[title]Move up"></div>5833 </b>
5952 <div title="Move down" data-action="down" class="right_menu_button fa-solid fa-chevron-down" data-i18n="[title]Move down"></div>5834 <div>
5835 <span data-i18n="If you're new to this, enable the simplified UI mode below.">
5836 If you're new to this, enable the simplified UI mode below.
5837 </span>
5838 <br>
5839 <span data-i18n="Change it later in the 'User Settings' panel.">
5840 Change it later in the 'User Settings' panel.
5841 </span>
5953 </div>5842 </div>
5954 <div title="View character card" data-action="view" class="right_menu_button fa-solid fa-xl fa-image-portrait" data-i18n="[title]View character card"></div>5843 <label class="checkbox_label">
5955 <div title="Remove from group" data-action="remove" class="right_menu_button fa-solid fa-2xl fa-xmark" data-i18n="[title]Remove from group">5844 <input type="checkbox" name="enable_simple_mode" />
5845 <span data-i18n="Enable simple UI mode">
5846 Enable simple UI mode
5847 </span>
5848 </label>
5849 <div class="expander"></div>
5850 <div class="textAlignCenter">
5851 <h3 data-i18n="Looking for AI characters?">
5852 Looking for AI characters?
5853 </h3>
5854 <span>
5855 <span class="menu_button menu_button_icon external_import_button">
5856 <i class="fa-solid fa-cloud-arrow-down"></i>
5857 <span data-i18n="onboarding_import">Import</span>
5858 </span>
5859 <span data-i18n="from supported sources or view">
5860 from supported sources or view
5861 </span>
5862 <span class="open_characters_library menu_button menu_button_icon">
5863 <i class="fa-solid fa-image-portrait"></i>
5864 <span data-i18n="Sample characters">Sample characters</span>
5865 </span>
5866 </span>
5867 </div>
5868 <div class="expander"></div>
5869 <h3 data-i18n="Your Persona">
5870 Your Persona
5871 </h3>
5872 <div class="justifyLeft margin-bot-10px">
5873 <span data-i18n="Before you get started, you must select a persona name.">
5874 Before you get started, you must select a persona name.
5875 </span>
5876 <br>
5877 <span data-i18n="welcome_message_part_8">This can be changed at any time via the</span> <code><i class="fa-solid fa-face-smile"></i></code> <span data-i18n="welcome_message_part_9">icon.</span>
5956 </div>5878 </div>
5957 <div title="Add to group" data-action="add" class="right_menu_button fa-solid fa-2xl fa-plus" data-i18n="[title]Add to group"></div>5879 <h4 data-i18n="Persona Name:">Persona Name:</h4>
5958 </div>5880 </div>
5959 </div>5881 </div>
5960 </div>5882 <div id="group_member_template" class="template_element">
5961 <div id="group_list_template" class="template_element">5883 <div class="group_member">
5962 <div class="group_select entity_block flex-container wide100p alignitemsflexstart">5884 <div class="avatar">
5963 <div class="avatar">5885 <img alt="Avatar" src="" />
5964 <img src="">5886 </div>
5965 </div>5887 <div class="group_member_name">
5966 <div class="flex-container wide100pLess70px gap5px group_select_container">
5967 <div class="wide100p group_name_block character_name_block">
5968 <div class="ch_name"></div>5888 <div class="ch_name"></div>
5969 <small class="ch_additional_info group_select_counter"></small>5889 <div class="tags tags_inline"></div>
5970 </div>5890 </div>
5971 <small class="character_name_block_sub_line">in this group</small>
5972 <i class='group_fav_icon fa-solid fa-star'></i>
5973 <input class="ch_fav" value="" hidden />5891 <input class="ch_fav" value="" hidden />
5974 <div class="group_select_block_list ch_description"></div>5892 <div class="queue_position"></div>
5975 <div class="tags tags_inline"></div>5893 <div class="group_member_icon">
5894 <div title="Temporarily disable automatic replies from this character" data-action="disable" class="right_menu_button fa-solid fa-lg fa-comment-slash" data-i18n="[title]Temporarily disable automatic replies from this character"></div>
5895 <div title="Enable automatic replies from this character" data-action="enable" class="right_menu_button fa-solid fa-lg fa-comment-slash" data-i18n="[title]Enable automatic replies from this character"></div>
5896 <div title="Trigger a message from this character" data-action="speak" class="right_menu_button fa-solid fa-lg fa-comment" data-i18n="[title]Trigger a message from this character"></div>
5897 <div class="flexFlowColumn flex-container">
5898 <div title="Move up" data-action="up" class="right_menu_button fa-solid fa-chevron-up" data-i18n="[title]Move up"></div>
5899 <div title="Move down" data-action="down" class="right_menu_button fa-solid fa-chevron-down" data-i18n="[title]Move down"></div>
5900 </div>
5901 <div title="View character card" data-action="view" class="right_menu_button fa-solid fa-xl fa-image-portrait" data-i18n="[title]View character card"></div>
5902 <div title="Remove from group" data-action="remove" class="right_menu_button fa-solid fa-2xl fa-xmark" data-i18n="[title]Remove from group">
5903 </div>
5904 <div title="Add to group" data-action="add" class="right_menu_button fa-solid fa-2xl fa-plus" data-i18n="[title]Add to group"></div>
5905 </div>
5976 </div>5906 </div>
5977 </div>5907 </div>
5978 </div>5908 <div id="group_list_template" class="template_element">
5979 <div id="bogus_folder_template" class="template_element">5909 <div class="group_select entity_block flex-container wide100p alignitemsflexstart">
5980 <div class="bogus_folder_select entity_block flex-container wide100p alignitemsflexstart">5910 <div class="avatar">
5981 <div class="avatar flex alignitemscenter textAlignCenter">5911 <img src="">
5982 <i class="bogus_folder_icon fa-solid fa-xl"></i>5912 </div>
5983 </div>5913 <div class="flex-container wide100pLess70px gap5px group_select_container">
5984 <div class="flex-container wide100pLess70px character_select_container">5914 <div class="wide100p group_name_block character_name_block">
5985 <div class="wide100p character_name_block">5915 <div class="ch_name"></div>
5986 <span class="ch_name"></span>5916 <small class="ch_additional_info group_select_counter"></small>
5987 <small class="ch_additional_info bogus_folder_counter"></small>5917 </div>
5918 <small class="character_name_block_sub_line">in this group</small>
5919 <i class='group_fav_icon fa-solid fa-star'></i>
5920 <input class="ch_fav" value="" hidden />
5921 <div class="group_select_block_list ch_description"></div>
5922 <div class="tags tags_inline"></div>
5988 </div>5923 </div>
5989 <small class="character_name_block_sub_line bogus_folder_hidden_counter"></small>
5990 <div class="bogus_folder_avatars_block avatars_inline avatars_inline_small tags tags_inline"></div>
5991 </div>5924 </div>
5992 </div>5925 </div>
5993 </div>5926 <div id="bogus_folder_template" class="template_element">
5994 <div id="bogus_folder_back_template" class="template_element">5927 <div class="bogus_folder_select entity_block flex-container wide100p alignitemsflexstart">
5995 <div class="bogus_folder_select bogus_folder_select_back flex-container wide100p alignitemsflexstart" id="BogusFolderBack" tagid="back">5928 <div class="avatar flex alignitemscenter textAlignCenter">
5996 <div class="avatar flex alignitemscenter textAlignCenter">5929 <i class="bogus_folder_icon fa-solid fa-xl"></i>
5997 <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>5930 </div>
5998 </div>5931 <div class="flex-container wide100pLess70px character_select_container">
5999 <div class="bogus_folder_back_placeholder flex alignitemscenter textAlignCenter">5932 <div class="wide100p character_name_block">
6000 <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>5933 <span class="ch_name"></span>
6001 </div>5934 <small class="ch_additional_info bogus_folder_counter"></small>
6002 <div class="flex-container wide100pLess70px character_select_container height100p alignitemscenter">5935 </div>
6003 <div class="wide100p character_name_block">5936 <small class="character_name_block_sub_line bogus_folder_hidden_counter"></small>
6004 <span class="ch_name">Go back</span>5937 <div class="bogus_folder_avatars_block avatars_inline avatars_inline_small tags tags_inline"></div>
6005 </div>5938 </div>
6006 </div>5939 </div>
6007 </div>5940 </div>
6008 </div>5941 <div id="bogus_folder_back_template" class="template_element">
6009 <div id="inline_avatar_template" class="template_element">5942 <div class="bogus_folder_select bogus_folder_select_back flex-container wide100p alignitemsflexstart" id="BogusFolderBack" tagid="back">
6010 <div class="avatar inline_avatar flex alignitemscenter textAlignCenter">5943 <div class="avatar flex alignitemscenter textAlignCenter">
6011 <img src="">5944 <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
5945 </div>
5946 <div class="bogus_folder_back_placeholder flex alignitemscenter textAlignCenter">
5947 <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
5948 </div>
5949 <div class="flex-container wide100pLess70px character_select_container height100p alignitemscenter">
5950 <div class="wide100p character_name_block">
5951 <span class="ch_name">Go back</span>
5952 </div>
5953 </div>
5954 </div>
6012 </div>5955 </div>
6013 </div>5956 <div id="inline_avatar_template" class="template_element">
6014 <div id="alternate_greetings_template" class="template_element">5957 <div class="avatar inline_avatar flex alignitemscenter textAlignCenter">
6015 <div class="alternate_grettings flexFlowColumn flex-container">5958 <img src="">
6016 <div class="title_restorable">
6017 <h3><span data-i18n="Alternate Greetings">Alternate Greetings</span></h3>
6018 <div title="Add" class="menu_button fa-solid fa-plus add_alternate_greeting" data-i18n="[title]Add"></div>
6019 </div>5959 </div>
6020 <small class="justifyLeft" data-i18n="Alternate_Greetings_desc">5960 </div>
6021 These will be displayed as swipes on the first message when starting a new chat.5961 <div id="alternate_greetings_template" class="template_element">
6022 Group members can select one of them to initiate the conversation.5962 <div class="alternate_grettings flexFlowColumn flex-container">
6023 </small>5963 <div class="title_restorable">
6024 <hr>5964 <h3><span data-i18n="Alternate Greetings">Alternate Greetings</span></h3>
6025 <div class="alternate_greetings_list flexFlowColumn flex-container wide100p">5965 <div title="Add" class="menu_button fa-solid fa-plus add_alternate_greeting" data-i18n="[title]Add"></div>
6026 <strong class="alternate_grettings_hint margin-bot-10px">5966 </div>
6027 <span data-i18n="alternate_greetings_hint_1">Click the</span> <i class="fa-solid fa-plus"></i> <span data-i18n="alternate_greetings_hint_2">button to get started!</span>5967 <small class="justifyLeft" data-i18n="Alternate_Greetings_desc">
6028 </strong>5968 These will be displayed as swipes on the first message when starting a new chat.
5969 Group members can select one of them to initiate the conversation.
5970 </small>
5971 <hr>
5972 <div class="alternate_greetings_list flexFlowColumn flex-container wide100p">
5973 <strong class="alternate_grettings_hint margin-bot-10px">
5974 <span data-i18n="alternate_greetings_hint_1">Click the</span> <i class="fa-solid fa-plus"></i> <span data-i18n="alternate_greetings_hint_2">button to get started!</span>
5975 </strong>
5976 </div>
6029 </div>5977 </div>
6030 </div>5978 </div>
6031 </div>5979 <div id="alternate_greeting_form_template" class="template_element">
6032 <div id="alternate_greeting_form_template" class="template_element">5980 <div class="alternate_greeting">
6033 <div class="alternate_greeting">5981 <div class="title_restorable">
6034 <div class="title_restorable">5982 <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>
6035 <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>5983 <div class="menu_button fa-solid fa-trash-alt delete_alternate_greeting"></div>
6036 <div class="menu_button fa-solid fa-trash-alt delete_alternate_greeting"></div>5984 </div>
5985 <textarea name="alternate_greetings" data-i18n="[placeholder](This will be the first message from the character that starts every chat)" placeholder="(This will be the first message from the character that starts every chat)" class="text_pole textarea_compact alternate_greeting_text" value="" autocomplete="off" rows="16"></textarea>
6037 </div>5986 </div>
6038 <textarea name="alternate_greetings" data-i18n="[placeholder](This will be the first message from the character that starts every chat)" placeholder="(This will be the first message from the character that starts every chat)" class="text_pole textarea_compact alternate_greeting_text" maxlength="50000" value="" autocomplete="off" rows="16"></textarea>
6039 </div>5987 </div>
6040 </div>
60415988
6042 <!-- chat and input bar -->5989 <!-- chat and input bar -->
6043 <div id="typing_indicator_template" class="template_element">5990 <div id="typing_indicator_template" class="template_element">
6044 <div class="typing_indicator"><span class="typing_indicator_name">CHAR</span> is typing</div>5991 <div class="typing_indicator"><span class="typing_indicator_name">CHAR</span> is typing</div>
6045 </div>5992 </div>
6046 <div id="message_file_template" class="template_element">5993 <div id="message_file_template" class="template_element">
6047 <div class="mes_file_container">5994 <div class="mes_file_container">
6048 <div class="fa-lg fa-solid fa-file-alt mes_file_icon"></div>5995 <div class="fa-lg fa-solid fa-file-alt mes_file_icon"></div>
6049 <div class="mes_file_name"></div>5996 <div class="mes_file_name"></div>
6050 <div class="mes_file_size"></div>5997 <div class="mes_file_size"></div>
6051 <div class="right_menu_button mes_file_open fa-solid fa-magnifying-glass" title="View contents" data-i18n="[title]View contents"></div>5998 <div class="right_menu_button mes_file_open fa-solid fa-magnifying-glass" title="View contents" data-i18n="[title]View contents"></div>
6052 <div class="right_menu_button mes_file_delete fa-solid fa-trash-can" title="Remove the file" data-i18n="[title]Remove the file"></div>5999 <div class="right_menu_button mes_file_delete fa-solid fa-trash-can" title="Remove the file" data-i18n="[title]Remove the file"></div>
6000 </div>
6053 </div>6001 </div>
6054 </div>6002 </div>
6055 <div id="movingDivs">6003 <div id="movingDivs">
@@ -6072,7 +6020,7 @@
6072 <b data-i18n="Unique to this chat">Unique to this chat</b>.<br>6020 <b data-i18n="Unique to this chat">Unique to this chat</b>.<br>
6073 <span data-i18n="Checkpoints inherit the Note from their parent, and can be changed individually after that.">Checkpoints inherit the Note from their parent, and can be changed individually after that.</span><br>6021 <span data-i18n="Checkpoints inherit the Note from their parent, and can be changed individually after that.">Checkpoints inherit the Note from their parent, and can be changed individually after that.</span><br>
6074 </small>6022 </small>
6075 <textarea id="extension_floating_prompt" class="text_pole textarea_compact" rows="8" maxlength="50000"></textarea>6023 <textarea id="extension_floating_prompt" class="text_pole textarea_compact" rows="8"></textarea>
6076 <div class="extension_token_counter">6024 <div class="extension_token_counter">
6077 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_prompt_token_counter">0</span>6025 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_prompt_token_counter">0</span>
6078 </div>6026 </div>
@@ -6129,7 +6077,7 @@
6129 <div class="inline-drawer-content">6077 <div class="inline-drawer-content">
6130 <small data-i18n="Will be automatically added as the author's note for this character. Will be used in groups, but can't be modified when a group chat is open.">Will be automatically added as the author's note for this character. Will be used in groups, but6078 <small data-i18n="Will be automatically added as the author's note for this character. Will be used in groups, but can't be modified when a group chat is open.">Will be automatically added as the author's note for this character. Will be used in groups, but
6131 can't be modified when a group chat is open.</small>6079 can't be modified when a group chat is open.</small>
6132 <textarea id="extension_floating_chara" class="text_pole textarea_compact" rows="8" maxlength="50000" placeholder="Example:&#10;[Scenario: wacky adventures; Genre: romantic comedy; Style: verbose, creative]"></textarea>6080 <textarea id="extension_floating_chara" class="text_pole textarea_compact" rows="8" placeholder="Example:&#10;[Scenario: wacky adventures; Genre: romantic comedy; Style: verbose, creative]"></textarea>
6133 <div class="extension_token_counter">6081 <div class="extension_token_counter">
6134 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_chara_token_counter">0</span>6082 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_chara_token_counter">0</span>
6135 </div>6083 </div>
@@ -6161,7 +6109,7 @@
6161 </div>6109 </div>
6162 <div class="inline-drawer-content">6110 <div class="inline-drawer-content">
6163 <small data-i18n="Will be automatically added as the Author's Note for all new chats.">Will be automatically added as the Author's Note for all new chats.</small>6111 <small data-i18n="Will be automatically added as the Author's Note for all new chats.">Will be automatically added as the Author's Note for all new chats.</small>
6164 <textarea id="extension_floating_default" class="text_pole textarea_compact" rows="8" maxlength="50000" placeholder="Example:&#10;[Scenario: wacky adventures; Genre: romantic comedy; Style: verbose, creative]"></textarea>6112 <textarea id="extension_floating_default" class="text_pole textarea_compact" rows="8" placeholder="Example:&#10;[Scenario: wacky adventures; Genre: romantic comedy; Style: verbose, creative]"></textarea>
6165 <div class="extension_token_counter">6113 <div class="extension_token_counter">
6166 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_default_token_counter">0</span>6114 <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_default_token_counter">0</span>
6167 </div>6115 </div>
@@ -6507,60 +6455,7 @@
6507 </a>6455 </a>
6508 </div>6456 </div>
6509 </div>6457 </div>
6510 <div id="export_format_popup" class="list-group">6458
6511 <div class="export_format list-group-item" data-format="png">PNG</div>
6512 <div class="export_format list-group-item" data-format="json">JSON</div>
6513 </div>
6514 <div id="zoomed_avatar_template" class="template_element">
6515 <div class="zoomed_avatar">
6516 <div class="panelControlBar flex-container">
6517 <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
6518 <div class="fa-fw fa-solid fa-circle-xmark dragClose" id="closeZoom"></div>
6519 </div>
6520 <div class="zoomed_avatar_container">
6521 <img class="zoomed_avatar_img" src="" data-izoomify-url="" data-izoomify-magnify="1.8" data-izoomify-duration="300" alt="">
6522 </div>
6523 </div>
6524 </div>
6525 <template id="generic_draggable_template">
6526 <div class="draggable">
6527 <div class="dragTitle"></div>
6528 <div class="panelControlBar flex-container">
6529 <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
6530 <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
6531 </div>
6532 </div>
6533 </template>
6534 <div id="user_avatar_template" class="template_element">
6535 <div class="avatar-container">
6536 <div imgfile="" class="avatar">
6537 <img src="" alt="User Avatar">
6538 </div>
6539 <div class="flex-container wide100pLess70px character_select_container">
6540 <div class="wide100p character_name_block">
6541 <span class="ch_name flex1"></span>
6542 <div class="avatar-buttons">
6543 <button class="menu_button bind_user_name" title="Bind user name to that avatar" data-i18n="[title]Bind user name to that avatar">
6544 <i class="fa-fw fa-solid fa-user-edit"></i>
6545 </button>
6546 <button class="menu_button set_persona_image" title="Change persona image" data-i18n="[title]Change persona image">
6547 <i class="fa-fw fa-solid fa-image"></i>
6548 </button>
6549 <button class="menu_button set_default_persona" title="Select this as default persona for the new chats." data-i18n="[title]Select this as default persona for the new chats.">
6550 <i class="fa-fw fa-solid fa-crown"></i>
6551 </button>
6552 <button class="menu_button duplicate_persona" title="Duplicate persona" data-i18n="[title]Duplicate persona">
6553 <i class="fa-fw fa-solid fa-clone"></i>
6554 </button>
6555 <button class="menu_button delete_avatar" title="Delete persona" data-i18n="[title]Delete persona">
6556 <i class="fa-fw fa-solid fa-trash-alt"></i>
6557 </button>
6558 </div>
6559 </div>
6560 <div class="ch_description"></div>
6561 </div>
6562 </div>
6563 </div>
6564 <!-- Script includes -->6459 <!-- Script includes -->
6565 <script src="lib/diff_match_patch.js"></script>6460 <script src="lib/diff_match_patch.js"></script>
6566 <script src="lib/object-hasown.js"></script>6461 <script src="lib/object-hasown.js"></script>
public/scripts/RossAscends-mods.js+1 -1
@@ -296,7 +296,7 @@ export async function favsToHotswap() {
296296
297 //helpful instruction message if no characters are favorited297 //helpful instruction message if no characters are favorited
298 if (favs.length == 0) {298 if (favs.length == 0) {
299 container.html(`<small><span><i class="fa-solid fa-star"></i>${DOMPurify.sanitize(container.attr('no_favs'))}</span></small>`);299 container.html(`<small><span><i class="fa-solid fa-star"></i>&nbsp;${DOMPurify.sanitize(container.attr('no_favs'))}</span></small>`);
300 return;300 return;
301 }301 }
302302
public/scripts/instruct-mode.js+37 -10
@@ -7,7 +7,7 @@ import {
7 power_user,7 power_user,
8 context_presets,8 context_presets,
9} from './power-user.js';9} from './power-user.js';
10import { regexFromString, resetScrollHeight } from './utils.js';10import { regexFromString } from './utils.js';
1111
12/**12/**
13 * @type {any[]} Instruct mode presets.13 * @type {any[]} Instruct mode presets.
@@ -78,28 +78,29 @@ function migrateInstructModeSettings(settings) {
78 * Loads instruct mode settings from the given data object.78 * Loads instruct mode settings from the given data object.
79 * @param {object} data Settings data object.79 * @param {object} data Settings data object.
80 */80 */
81export function loadInstructMode(data) {81export async function loadInstructMode(data) {
82 if (data.instruct !== undefined) {82 if (data.instruct !== undefined) {
83 instruct_presets = data.instruct;83 instruct_presets = data.instruct;
84 }84 }
8585
86 migrateInstructModeSettings(power_user.instruct);86 migrateInstructModeSettings(power_user.instruct);
8787
88 $('#instruct_enabled').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.enabled);
89 $('#instructSettingsBlock, #InstructSequencesColumn').toggleClass('disabled', !power_user.instruct.enabled);
90 $('#instruct_bind_to_context').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.bind_to_context);
91
88 controls.forEach(control => {92 controls.forEach(control => {
89 const $element = $(`#${control.id}`);93 const $element = $(`#${control.id}`);
9094
91 if (control.isCheckbox) {95 if (control.isCheckbox) {
92 $element.prop('checked', power_user.instruct[control.property]);96 $element.prop('checked', power_user.instruct[control.property]);
93 } else {97 } else {
94 $element.val(power_user.instruct[control.property]);98 $element[0].innerText = (power_user.instruct[control.property]);
95 }99 }
96100
97 $element.on('input', async function () {101 $element.on('input', async function () {
98 power_user.instruct[control.property] = control.isCheckbox ? !!$(this).prop('checked') : $(this).val();102 power_user.instruct[control.property] = control.isCheckbox ? !!$(this).prop('checked') : $(this)[0].innerText;
99 saveSettingsDebounced();103 saveSettingsDebounced();
100 if (!control.isCheckbox) {
101 await resetScrollHeight($element);
102 }
103 });104 });
104105
105 if (control.trigger) {106 if (control.trigger) {
@@ -107,6 +108,9 @@ export function loadInstructMode(data) {
107 }108 }
108 });109 });
109110
111 $('#instruct_system_sequence').css('height', 'auto');
112 $('#instruct_system_suffix').css('height', 'auto');
113
110 instruct_presets.forEach((preset) => {114 instruct_presets.forEach((preset) => {
111 const name = preset.name;115 const name = preset.name;
112 const option = document.createElement('option');116 const option = document.createElement('option');
@@ -604,11 +608,29 @@ jQuery(() => {
604608
605 $('#instruct_system_same_as_user').on('input', function () {609 $('#instruct_system_same_as_user').on('input', function () {
606 const state = !!$(this).prop('checked');610 const state = !!$(this).prop('checked');
607 $('#instruct_system_sequence').prop('disabled', state);611 if (state) {
608 $('#instruct_system_suffix').prop('disabled', state);612 $('#instruct_system_sequence_block').addClass('disabled');
613 $('#instruct_system_suffix_block').addClass('disabled');
614 $('#instruct_system_sequence').css('height', 'auto');
615 $('#instruct_system_suffix').css('height', 'auto');
616 $('#instruct_system_sequence').prop('contenteditable', false);
617 $('#instruct_system_suffix').prop('contenteditable', false);
618 } else {
619 $('#instruct_system_sequence_block').removeClass('disabled');
620 $('#instruct_system_suffix_block').removeClass('disabled');
621 $('#instruct_system_sequence').css('height', '');
622 $('#instruct_system_suffix').css('height', '');
623 $('#instruct_system_sequence').prop('contenteditable', true);
624 $('#instruct_system_suffix').prop('contenteditable', true);
625 }
626
609 });627 });
610628
611 $('#instruct_enabled').on('change', function () {629 $('#instruct_enabled').on('change', function () {
630 //color toggle for the main switch
631 $('#instruct_enabled').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.enabled);
632 $('#instructSettingsBlock, #InstructSequencesColumn').toggleClass('disabled', !power_user.instruct.enabled);
633
612 if (!power_user.instruct.bind_to_context) {634 if (!power_user.instruct.bind_to_context) {
613 return;635 return;
614 }636 }
@@ -622,6 +644,10 @@ jQuery(() => {
622 }644 }
623 });645 });
624646
647 $('#instruct_bind_to_context').on('change', function () {
648 $('#instruct_bind_to_context').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.bind_to_context);
649 });
650
625 $('#instruct_presets').on('change', function () {651 $('#instruct_presets').on('change', function () {
626 const name = String($(this).find(':selected').val());652 const name = String($(this).find(':selected').val());
627 const preset = instruct_presets.find(x => x.name === name);653 const preset = instruct_presets.find(x => x.name === name);
@@ -641,7 +667,8 @@ jQuery(() => {
641 if (control.isCheckbox) {667 if (control.isCheckbox) {
642 $element.prop('checked', power_user.instruct[control.property]).trigger('input');668 $element.prop('checked', power_user.instruct[control.property]).trigger('input');
643 } else {669 } else {
644 $element.val(power_user.instruct[control.property]).trigger('input');670 $element[0].innerText = (power_user.instruct[control.property]);
671 $element.trigger('input');
645 }672 }
646 }673 }
647 });674 });
public/scripts/power-user.js+12 -15
@@ -1481,7 +1481,7 @@ async function loadPowerUserSettings(settings, data) {
1481 $('#auto_swipe_minimum_length').val(power_user.auto_swipe_minimum_length);1481 $('#auto_swipe_minimum_length').val(power_user.auto_swipe_minimum_length);
1482 $('#auto_swipe_blacklist').val(power_user.auto_swipe_blacklist.join(', '));1482 $('#auto_swipe_blacklist').val(power_user.auto_swipe_blacklist.join(', '));
1483 $('#auto_swipe_blacklist_threshold').val(power_user.auto_swipe_blacklist_threshold);1483 $('#auto_swipe_blacklist_threshold').val(power_user.auto_swipe_blacklist_threshold);
1484 $('#custom_stopping_strings').val(power_user.custom_stopping_strings);1484 $('#custom_stopping_strings').text(power_user.custom_stopping_strings);
1485 $('#custom_stopping_strings_macro').prop('checked', power_user.custom_stopping_strings_macro);1485 $('#custom_stopping_strings_macro').prop('checked', power_user.custom_stopping_strings_macro);
1486 $('#fuzzy_search_checkbox').prop('checked', power_user.fuzzy_search);1486 $('#fuzzy_search_checkbox').prop('checked', power_user.fuzzy_search);
1487 $('#persona_show_notifications').prop('checked', power_user.persona_show_notifications);1487 $('#persona_show_notifications').prop('checked', power_user.persona_show_notifications);
@@ -1511,7 +1511,7 @@ async function loadPowerUserSettings(settings, data) {
1511 $('#waifuMode').prop('checked', power_user.waifuMode);1511 $('#waifuMode').prop('checked', power_user.waifuMode);
1512 $('#movingUImode').prop('checked', power_user.movingUI);1512 $('#movingUImode').prop('checked', power_user.movingUI);
1513 $('#noShadowsmode').prop('checked', power_user.noShadows);1513 $('#noShadowsmode').prop('checked', power_user.noShadows);
1514 $('#start_reply_with').val(power_user.user_prompt_bias);1514 $('#start_reply_with').text(power_user.user_prompt_bias);
1515 $('#chat-show-reply-prefix-checkbox').prop('checked', power_user.show_user_prompt_bias);1515 $('#chat-show-reply-prefix-checkbox').prop('checked', power_user.show_user_prompt_bias);
1516 $('#auto_continue_enabled').prop('checked', power_user.auto_continue.enabled);1516 $('#auto_continue_enabled').prop('checked', power_user.auto_continue.enabled);
1517 $('#auto_continue_allow_chat_completions').prop('checked', power_user.auto_continue.allow_chat_completions);1517 $('#auto_continue_allow_chat_completions').prop('checked', power_user.auto_continue.allow_chat_completions);
@@ -1613,7 +1613,7 @@ async function loadPowerUserSettings(settings, data) {
1613 switchReducedMotion();1613 switchReducedMotion();
1614 switchCompactInputArea();1614 switchCompactInputArea();
1615 reloadMarkdownProcessor(power_user.render_formulas);1615 reloadMarkdownProcessor(power_user.render_formulas);
1616 loadInstructMode(data);1616 await loadInstructMode(data);
1617 await loadContextSettings();1617 await loadContextSettings();
1618 loadMaxContextUnlocked();1618 loadMaxContextUnlocked();
1619 switchWaifuMode();1619 switchWaifuMode();
@@ -1761,13 +1761,14 @@ async function loadContextSettings() {
1761 if (control.isCheckbox) {1761 if (control.isCheckbox) {
1762 $element.prop('checked', power_user.context[control.property]);1762 $element.prop('checked', power_user.context[control.property]);
1763 } else {1763 } else {
1764 $element.val(power_user.context[control.property]);1764 $element[0].innerText = power_user.context[control.property];
1765 }1765 }
1766 console.log(`Setting ${$element.prop('id')} to ${power_user.context[control.property]}`);
17661767
1767 // If the setting already exists, no need to duplicate it1768 // If the setting already exists, no need to duplicate it
1768 // TODO: Maybe check the power_user object for the setting instead of a flag?1769 // TODO: Maybe check the power_user object for the setting instead of a flag?
1769 $element.on('input', async function () {1770 $element.on('input keyup', async function () {
1770 const value = control.isCheckbox ? !!$(this).prop('checked') : $(this).val();1771 const value = control.isCheckbox ? !!$(this).prop('checked') : $(this)[0].innerText;
1771 if (control.isGlobalSetting) {1772 if (control.isGlobalSetting) {
1772 power_user[control.property] = value;1773 power_user[control.property] = value;
1773 } else {1774 } else {
@@ -1775,9 +1776,6 @@ async function loadContextSettings() {
1775 }1776 }
17761777
1777 saveSettingsDebounced();1778 saveSettingsDebounced();
1778 if (!control.isCheckbox) {
1779 await resetScrollHeight($element);
1780 }
1781 });1779 });
1782 });1780 });
17831781
@@ -1791,7 +1789,7 @@ async function loadContextSettings() {
1791 });1789 });
17921790
1793 $('#context_presets').on('change', function () {1791 $('#context_presets').on('change', function () {
1794 const name = String($(this).find(':selected').val());1792 const name = String($(this).find(':selected').text());
1795 const preset = context_presets.find(x => x.name === name);1793 const preset = context_presets.find(x => x.name === name);
17961794
1797 if (!preset) {1795 if (!preset) {
@@ -1816,9 +1814,8 @@ async function loadContextSettings() {
1816 .prop('checked', control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])1814 .prop('checked', control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])
1817 .trigger('input');1815 .trigger('input');
1818 } else {1816 } else {
1819 $element1817 $element[0].innerText = (control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])
1820 .val(control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])1818 $element.trigger('input');
1821 .trigger('input');
1822 }1819 }
1823 }1820 }
1824 });1821 });
@@ -3120,7 +3117,7 @@ $(document).ready(() => {
3120 });3117 });
31213118
3122 $('#start_reply_with').on('input', function () {3119 $('#start_reply_with').on('input', function () {
3123 power_user.user_prompt_bias = String($(this).val());3120 power_user.user_prompt_bias = String($(this)[0].innerText);
3124 saveSettingsDebounced();3121 saveSettingsDebounced();
3125 });3122 });
31263123
@@ -3652,7 +3649,7 @@ $(document).ready(() => {
3652 });3649 });
36533650
3654 $('#custom_stopping_strings').on('input', function () {3651 $('#custom_stopping_strings').on('input', function () {
3655 power_user.custom_stopping_strings = String($(this).val());3652 power_user.custom_stopping_strings = String($(this)[0].innerText).trim();
3656 saveSettingsDebounced();3653 saveSettingsDebounced();
3657 });3654 });
36583655
public/style.css+32 -15
@@ -1602,6 +1602,7 @@ body[data-stscript-style] .hljs.language-stscript {
1602 .hljs-pipe {1602 .hljs-pipe {
1603 color: var(--ac-style-color-punctuation);1603 color: var(--ac-style-color-punctuation);
1604 }1604 }
1605
1605 .hljs-pipebreak {1606 .hljs-pipebreak {
1606 color: var(--ac-style-color-type);1607 color: var(--ac-style-color-type);
1607 }1608 }
@@ -1695,6 +1696,7 @@ body[data-stscript-style] .hljs.language-stscript {
1695 background-color: var(--ac-color-selectedBackground);1696 background-color: var(--ac-color-selectedBackground);
1696 color: var(--ac-color-selectedText);1697 color: var(--ac-color-selectedText);
1697 }1698 }
1699
1698 &.selected.not-selectable>* {1700 &.selected.not-selectable>* {
1699 background-color: var(--ac-color-notSelectableBackground);1701 background-color: var(--ac-color-notSelectableBackground);
1700 color: var(--ac-color-notSelectableText);1702 color: var(--ac-color-notSelectableText);
@@ -1776,11 +1778,13 @@ body[data-stscript-style] .hljs.language-stscript {
1776 padding: 0.25em 0.25em 0.5em 0.25em;1778 padding: 0.25em 0.25em 0.5em 0.25em;
1777 border-bottom: 1px solid var(--ac-color-border);1779 border-bottom: 1px solid var(--ac-color-border);
17781780
1779 > .head {1781 >.head {
1780 display: flex;1782 display: flex;
1781 gap: 0.5em;1783 gap: 0.5em;
1782 }1784 }
1783 > .head > .name, > .name {1785
1786 >.head>.name,
1787 >.name {
1784 flex: 1 1 auto;1788 flex: 1 1 auto;
1785 font-weight: bold;1789 font-weight: bold;
1786 color: var(--ac-color-text);1790 color: var(--ac-color-text);
@@ -1790,20 +1794,25 @@ body[data-stscript-style] .hljs.language-stscript {
1790 text-decoration: 1px dotted underline;1794 text-decoration: 1px dotted underline;
1791 }1795 }
1792 }1796 }
1793 > .head > .source {1797
1798 >.head>.source {
1794 padding: 0 0.5em;1799 padding: 0 0.5em;
1795 cursor: help;1800 cursor: help;
1796 display: flex;1801 display: flex;
1797 align-items: center;1802 align-items: center;
1798 gap: 0.5em;1803 gap: 0.5em;
1804
1799 &.isThirdParty.isExtension {1805 &.isThirdParty.isExtension {
1800 color: #F89406;1806 color: #F89406;
1801 }1807 }
1808
1802 &.isCore {1809 &.isCore {
1803 color: transparent;1810 color: transparent;
1811
1804 &.isExtension {1812 &.isExtension {
1805 color: #51A351;1813 color: #51A351;
1806 }1814 }
1815
1807 &:after {1816 &:after {
1808 content: '';1817 content: '';
1809 order: -1;1818 order: -1;
@@ -2605,7 +2614,8 @@ select option:not(:checked) {
2605 color: var(--golden) !important;2614 color: var(--golden) !important;
2606}2615}
26072616
2608.world_set {2617.world_set,
2618.toggleEnabled {
2609 color: var(--active) !important;2619 color: var(--active) !important;
2610}2620}
26112621
@@ -5398,6 +5408,7 @@ body:not(.movingUI) .drawer-content.maximized {
5398.popup:has(.faPicker) {5408.popup:has(.faPicker) {
5399 /* Fix height for fa picker popup, otherwise search is making it resize weirdly */5409 /* Fix height for fa picker popup, otherwise search is making it resize weirdly */
5400 height: 70%;5410 height: 70%;
5411
5401 .popup-content {5412 .popup-content {
5402 display: flex;5413 display: flex;
5403 flex-direction: column;5414 flex-direction: column;
@@ -5407,7 +5418,8 @@ body:not(.movingUI) .drawer-content.maximized {
5407.faPicker-container {5418.faPicker-container {
5408 display: flex;5419 display: flex;
5409 flex-direction: column;5420 flex-direction: column;
5410 overflow: hidden;;5421 overflow: hidden;
5422 ;
5411}5423}
54125424
5413.faQuery-container {5425.faQuery-container {
@@ -5417,22 +5429,23 @@ body:not(.movingUI) .drawer-content.maximized {
5417.faPicker {5429.faPicker {
5418 flex: 1 1 auto;5430 flex: 1 1 auto;
5419 overflow: auto;5431 overflow: auto;
5420 gap: 1em;5432 gap: 1em;
5421 display: grid;5433 display: grid;
5422 grid-template-columns: repeat(auto-fill, minmax(3.5em, 1fr));5434 grid-template-columns: repeat(auto-fill, minmax(3.5em, 1fr));
54235435
5424 .menu_button {5436 .menu_button {
5425 aspect-ratio: 1 / 1;5437 aspect-ratio: 1 / 1;
5426 font-size: 2em;5438 font-size: 2em;
5427 height: 1lh;5439 height: 1lh;
5428 line-height: 1.2;5440 line-height: 1.2;
5429 padding: 0.25em;5441 padding: 0.25em;
5430 width: unset;5442 width: unset;
5431 box-sizing: content-box;5443 box-sizing: content-box;
5444
5432 &.hidden {5445 &.hidden {
5433 display: none;5446 display: none;
5434 }5447 }
5435 }5448 }
5436}5449}
54375450
5438.faPicker:not(:has(:not(.hidden)))::after {5451.faPicker:not(:has(:not(.hidden)))::after {
@@ -5440,3 +5453,7 @@ body:not(.movingUI) .drawer-content.maximized {
5440 color: var(--SmartThemeBodyColor);5453 color: var(--SmartThemeBodyColor);
5441 opacity: 0.7;5454 opacity: 0.7;
5442}5455}
5456
5457#advanced-formatting-button div[contenteditable] {
5458 overflow-wrap: anywhere;
5459}