diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css
index a36816725..5d4e44a1b 100644
--- a/public/css/mobile-styles.css
+++ b/public/css/mobile-styles.css
@@ -344,7 +344,6 @@
 
 @media screen and (min-width: 1001px) {
 
-    #PygOverrides,
     #ContextFormatting,
     #UI-Theme-Block,
     #UI-Customization,
diff --git a/public/css/st-tailwind.css b/public/css/st-tailwind.css
index d43bd8e01..f4ec1c35d 100644
--- a/public/css/st-tailwind.css
+++ b/public/css/st-tailwind.css
@@ -360,6 +360,10 @@
     margin-right: 2px;
 }
 
+.flexAuto {
+    flex: auto;
+}
+
 .flex0 {
     flex: 0;
 }
@@ -490,7 +494,8 @@
 }
 
 input:disabled,
-textarea:disabled {
+textarea:disabled,
+.disabled {
     cursor: not-allowed;
     filter: brightness(0.5);
 }
diff --git a/public/index.html b/public/index.html
index 7cdbb33e3..f93b74ca3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1488,7 +1488,7 @@
                                     </div>
                                     <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">
                                         <small data-i18n="Seed" class="textAlignCenter">Seed</small>
-                                        <input type="number" id="seed_textgenerationwebui" class="text_pole textAlignCenter" min="-1" value="-1" maxlength="100" />
+                                        <input type="number" id="seed_textgenerationwebui" class="text_pole textAlignCenter" min="-1" value="-1" />
                                     </div>
                                     <div id="banned_tokens_block_ooba" data-newbie-hidden class="wide100p">
                                         <hr data-newbie-hidden class="width100p">
@@ -1820,12 +1820,12 @@
                                                 <span id="claude_assistant_prefill_text" data-i18n="Assistant Prefill">Assistant Prefill</span>
                                                 <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>
                                             </div>
-                                            <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>
+                                            <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>
                                             <div class="flex-container alignItemsCenter">
                                                 <span id="claude_assistant_impersonation_text" data-i18n="Assistant Impersonation Prefill">Assistant Impersonation Prefill</span>
                                                 <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>
                                             </div>
-                                            <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>
+                                            <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>
                                         </div>
                                         <label for="claude_use_sysprompt" class="checkbox_label widthFreeExpand">
                                             <input id="claude_use_sysprompt" type="checkbox" />
@@ -1951,7 +1951,7 @@
                                         <a id="horde_kudos" href="javascript:void(0);">View my Kudos</a>
                                     </div> -->
                                 <div class="flex-container">
-                                    <input id="horde_api_key" name="horde_api_key" class="text_pole flex1" maxlength="500" type="text" placeholder="0000000000" autocomplete="off">
+                                    <input id="horde_api_key" name="horde_api_key" class="text_pole flex1" type="text" placeholder="0000000000" autocomplete="off">
                                     <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>
                                 </div>
                                 <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 @@
                             <div id="kobold_api_block">
                                 <h4 data-i18n="API url">API url</h4>
                                 <small data-i18n="Example: http://127.0.0.1:5000/api ">Example: http://127.0.0.1:5000/api </small>
-                                <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">
+                                <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">
                                 <div id="koboldcpp_hint" class="neutral_warning displayNone">
                                     KoboldCpp works better when you select the Text Completion API and then KoboldCpp as a type!
                                 </div>
@@ -2006,7 +2006,7 @@
                                 </ol>
                             </span>
                             <div class="flex-container">
-                                <input id="api_key_novel" name="api_key_novel" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                <input id="api_key_novel" name="api_key_novel" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                 <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">
                                 </div>
                             </div>
@@ -2056,7 +2056,7 @@
                             <div data-tg-type="togetherai" class="flex-container flexFlowColumn">
                                 <h4 data-i18n="TogetherAI API Key">TogetherAI API Key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_togetherai" name="api_key_togetherai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                    <input id="api_key_togetherai" name="api_key_togetherai" class="text_pole flex1" value="" type="text" autocomplete="off">
                                     <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>
                                 </div>
                                 <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 @@
                                     <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>
                                 </div>
                                 <div class="flex-container">
-                                    <input id="api_key_openrouter-tg" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" maxlength="500" value="" type="text" autocomplete="off">
+                                    <input id="api_key_openrouter-tg" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" value="" type="text" autocomplete="off">
                                     <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>
                                 </div>
                                 <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 @@
                             <div data-tg-type="infermaticai" class="flex-container flexFlowColumn">
                                 <h4 data-i18n="InfermaticAI API Key">InfermaticAI API Key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_infermaticai" name="api_key_infermaticai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                    <input id="api_key_infermaticai" name="api_key_infermaticai" class="text_pole flex1" value="" type="text" autocomplete="off">
                                     <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>
                                 </div>
                                 <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 @@
                                     </a>
                                 </h4>
                                 <div class="flex-container">
-                                    <input id="api_key_dreamgen" name="api_key_dreamgen" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                    <input id="api_key_dreamgen" name="api_key_dreamgen" class="text_pole flex1" value="" type="text" autocomplete="off">
                                     <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>
                                 </div>
                                 <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 @@
                                     </a>
                                 </h4>
                                 <div class="flex-container">
-                                    <input id="api_key_mancer" name="api_key_mancer" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_mancer" name="api_key_mancer" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2185,7 +2185,7 @@
                                 </div>
                                 <h4 data-i18n="API key (optional)">API key (optional)</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_ooba" name="api_key_ooba" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_ooba" name="api_key_ooba" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2195,9 +2195,9 @@
                                 <div class="flex1">
                                     <h4 data-i18n="Server url">Server URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
-                                    <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="ooba_blocking">
+                                    <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" value="" autocomplete="off" data-server-history="ooba_blocking">
                                 </div>
-                                <input id="custom_model_textgenerationwebui" class="text_pole wide100p" maxlength="500" placeholder="Custom model (optional)" data-i18n="[placeholder]Custom model (optional)" type="text">
+                                <input id="custom_model_textgenerationwebui" class="text_pole wide100p" placeholder="Custom model (optional)" data-i18n="[placeholder]Custom model (optional)" type="text">
                             </div>
                             <div data-tg-type="featherless" class="flex-container flexFlowColumn">
                                 <div class="flex-container flexFlowColumn">
@@ -2207,7 +2207,7 @@
                                 </div>
                                 <h4 data-i18n="API key (optional)">API key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_featherless" name="api_key_featherless" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_featherless" name="api_key_featherless" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2228,7 +2228,7 @@
                                 </div>
                                 <h4 data-i18n="vLLM API key">vLLM API key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_vllm" name="api_key_vllm" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_vllm" name="api_key_vllm" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2238,7 +2238,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:8000">Example: http://127.0.0.1:8000</small>
-                                    <input id="vllm_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="vllm">
+                                    <input id="vllm_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="vllm">
                                 </div>
                                 <div>
                                     <h4 data-i18n="vLLM Model">vLLM Model</h4>
@@ -2252,7 +2252,7 @@
                             <div data-tg-type="huggingface">
                                 <h4 data-i18n="HuggingFace Token">HuggingFace Token</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_huggingface" name="api_key_huggingface" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_huggingface" name="api_key_huggingface" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2262,7 +2262,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="Endpoint URL">Endpoint URL</h4>
                                     <small data-i18n="Example: https://****.endpoints.huggingface.cloud">Example: https://****.endpoints.huggingface.cloud</small>
-                                    <input id="huggingface_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="huggingface">
+                                    <input id="huggingface_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="huggingface">
                                 </div>
                             </div>
 
@@ -2274,7 +2274,7 @@
                                 </div>
                                 <h4 data-i18n="Aphrodite API key">Aphrodite API key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_aphrodite" name="api_key_aphrodite" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_aphrodite" name="api_key_aphrodite" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2284,7 +2284,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
-                                    <input id="aphrodite_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="aphrodite">
+                                    <input id="aphrodite_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="aphrodite">
                                 </div>
                                 <div>
                                     <h4 data-i18n="Aphrodite Model">Aphrodite Model</h4>
@@ -2303,7 +2303,7 @@
                                 </div>
                                 <h4 data-i18n="API key (optional)">API key (optional)</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_llamacpp" name="api_key_llamacpp" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_llamacpp" name="api_key_llamacpp" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2313,7 +2313,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:8080">Example: http://127.0.0.1:8080</small>
-                                    <input id="llamacpp_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="llamacpp">
+                                    <input id="llamacpp_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="llamacpp">
                                 </div>
                             </div>
                             <div data-tg-type="ollama">
@@ -2325,7 +2325,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:11434">Example: http://127.0.0.1:11434</small>
-                                    <input id="ollama_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="ollama">
+                                    <input id="ollama_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="ollama">
                                 </div>
                                 <div class="flex1">
                                     <h4>
@@ -2351,7 +2351,7 @@
                                 </div>
                                 <h4 data-i18n="Tabby API key">Tabby API key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_tabby" name="api_key_tabby" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_tabby" name="api_key_tabby" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2361,7 +2361,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:5000">Example: http://127.0.0.1:5000</small>
-                                    <input id="tabby_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="tabby">
+                                    <input id="tabby_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="tabby">
                                 </div>
                                 <div class="flex1">
                                     <h4>
@@ -2382,7 +2382,7 @@
                                 </div>
                                 <h4 data-i18n="koboldcpp API key (optional)">koboldcpp API key (optional)</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_koboldcpp" name="api_key_koboldcpp" class="text_pole flex1 wide100p" maxlength="500" size="35" type="text" autocomplete="off">
+                                    <input id="api_key_koboldcpp" name="api_key_koboldcpp" class="text_pole flex1 wide100p" type="text" autocomplete="off">
                                     <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">
                                     </div>
                                 </div>
@@ -2392,7 +2392,7 @@
                                 <div class="flex1">
                                     <h4 data-i18n="API url">API URL</h4>
                                     <small data-i18n="Example: 127.0.0.1:5001">Example: http://127.0.0.1:5001</small>
-                                    <input id="koboldcpp_api_url_text" class="text_pole wide100p" maxlength="500" value="" autocomplete="off" data-server-history="koboldcpp">
+                                    <input id="koboldcpp_api_url_text" class="text_pole wide100p" value="" autocomplete="off" data-server-history="koboldcpp">
                                 </div>
                             </div>
                             <div class="flex-container">
@@ -2467,7 +2467,7 @@
                                     </span>
                                 </div>
                                 <div class="wide100p">
-                                    <input id="openai_reverse_proxy_name" type="text" class="text_pole" placeholder="..." maxlength="100" />
+                                    <input id="openai_reverse_proxy_name" type="text" class="text_pole" placeholder="..." />
                                 </div>
                                 <div class="range-block-title justifyLeft" data-i18n="Proxy Server URL">
                                     Proxy Server URL
@@ -2478,7 +2478,7 @@
                                     </span>
                                 </div>
                                 <div class="wide100p">
-                                    <input id="openai_reverse_proxy" type="text" class="text_pole" placeholder="https://api.openai.com/v1" maxlength="5000" />
+                                    <input id="openai_reverse_proxy" type="text" class="text_pole" placeholder="https://api.openai.com/v1" />
                                     <small class="reverse_proxy_warning">
                                         <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>
                                     </small>
@@ -2492,7 +2492,7 @@
                                     </span>
                                 </div>
                                 <div class="flex-container width100p">
-                                    <input id="openai_proxy_password" type="password" class="text_pole flex1" placeholder="" maxlength="5000" form="openai_form" autocomplete="off" />
+                                    <input id="openai_proxy_password" type="password" class="text_pole flex1" placeholder="" form="openai_form" autocomplete="off" />
                                     <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>
                                 </div>
                             </div>
@@ -2533,7 +2533,7 @@
                                 </ol>
                             </span>
                             <div class="flex-container">
-                                <input id="api_key_openai" name="api_key_openai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_openai" name="api_key_openai" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <div id="ReverseProxyWarningMessage2" class="reverse_proxy_warning">
@@ -2618,7 +2618,7 @@
                                 </b>
                             </div>
                             <div class="flex-container">
-                                <input id="api_key_claude" name="api_key_claude" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_claude" name="api_key_claude" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                                 <a href="https://openrouter.ai/account" target="_blank" data-i18n="View Remaining Credits">View Remaining Credits</a>
                             </div>
                             <div class="flex-container">
-                                <input id="api_key_openrouter" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_openrouter" name="api_key_openrouter" class="text_pole flex1 api_key_openrouter" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                             <div id="normal_scale_form">
                                 <h4 data-i18n="Scale API Key">Scale API Key</h4>
                                 <div class="flex-container">
-                                    <input id="api_key_scale" name="api_key_scale" class="text_pole flex1" maxlength="500" value="" autocomplete="off">
+                                    <input id="api_key_scale" name="api_key_scale" class="text_pole flex1" value="" autocomplete="off">
                                     <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>
                                 </div>
                                 <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.">
                                     For privacy reasons, your API key will be hidden after you reload the page.
                                 </div>
                                 <h4>Scale API URL</h4>
-                                <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">
+                                <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">
                             </div>
                             <div id="alt_scale_form">
                                 <h4>Scale Cookie (_jwt)</h4>
                                 <div class="flex-container">
-                                    <input id="scale_cookie" name="scale_cookie" class="text_pole flex1" maxlength="500" value="" autocomplete="off">
+                                    <input id="scale_cookie" name="scale_cookie" class="text_pole flex1" value="" autocomplete="off">
                                     <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>
                                 </div>
                                 <div data-for="scale_cookie" class="neutral_warning">
@@ -2775,7 +2775,7 @@
                         <form id="ai21_form" data-source="ai21" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                             <h4 data-i18n="AI21 API Key">AI21 API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_ai21" name="api_key_ai21" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_ai21" name="api_key_ai21" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <form id="makersuite_form" data-source="makersuite" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                             <h4 data-i18n="Google AI Studio API Key">Google AI Studio API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_makersuite" name="api_key_makersuite" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_makersuite" name="api_key_makersuite" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <form id="mistralai_form" data-source="mistralai" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                             <h4 data-i18n="MistralAI API Key">MistralAI API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_mistralai" name="api_key_mistralai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_mistralai" name="api_key_mistralai" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <div id="groq_form" data-source="groq">
                             <h4 data-i18n="Groq API Key">Groq API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_groq" name="api_key_groq" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_groq" name="api_key_groq" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <div id="perplexity_form" data-source="perplexity">
                             <h4 data-i18n="Perplexity API Key">Perplexity API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_perplexity" name="api_key_perplexity" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_perplexity" name="api_key_perplexity" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <form id="cohere_form" data-source="cohere" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                             <h4 data-i18n="Cohere API Key">Cohere API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_cohere" name="api_key_cohere" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_cohere" name="api_key_cohere" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <form id="blockentropy_form" data-source="blockentropy">
                             <h4 data-i18n="Block Entropy API Key">Block Entropy API Key</h4>
                             <div class="flex-container">
-                                <input id="api_key_blockentropy" name="api_key_blockentropy" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_blockentropy" name="api_key_blockentropy" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                         <form id="custom_form" data-source="custom">
                             <h4 data-i18n="Custom Endpoint (Base URL)">Custom Endpoint (Base URL)</h4>
                             <div class="flex-container">
-                                <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">
+                                <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">
                             </div>
                             <div>
                                 <small>
@@ -2992,7 +2992,7 @@
                                 <small data-i18n="(Optional)">(Optional)</small>
                             </h4>
                             <div class="flex-container">
-                                <input id="api_key_custom" name="api_key_custom" class="text_pole flex1" maxlength="5000" value="" type="text" autocomplete="off">
+                                <input id="api_key_custom" name="api_key_custom" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                             </div>
                             <h4 data-i18n="Enter a Model ID">Enter a Model ID</h4>
                             <div class="flex-container">
-                                <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">
+                                <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">
                                 <datalist id="model_custom_select_fill" class="text_pole model_custom_select"></datalist>
                             </div>
                             <h4 data-i18n="Available Models">Available Models</h4>
@@ -3020,7 +3020,7 @@
                                 </a>
                             </h4>
                             <div class="flex-container">
-                                <input id="api_key_01ai" name="api_key_01ai" class="text_pole flex1" maxlength="500" value="" type="text" autocomplete="off">
+                                <input id="api_key_01ai" name="api_key_01ai" class="text_pole flex1" value="" type="text" autocomplete="off">
                                 <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>
                             </div>
                             <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 @@
                 <h3 class="margin0" data-i18n="Advanced Formatting">
                     Advanced Formatting
                 </h3>
-                <div class="flex-container">
-                    <div id="PygOverrides">
+                <div class="flex-container spaceEvenly">
+                    <div id="ContextSettings" class="flex-container flexNoGap flexFlowColumn flex1">
                         <div>
                             <h4 class="standoutHeader title_restorable">
                                 <div>
@@ -3069,32 +3069,32 @@
                                         <span class="fa-solid fa-circle-question note-link-span"></span>
                                     </a>
                                 </div>
-                                <div class="flex-container">
-                                    <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>
-                                    <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>
-                                    <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>
-                                    <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>
-                                </div>
                             </h4>
-                            <div class="flex-container">
-                                <select id="context_presets" data-preset-manager-for="context" class="flex1 text_pole"></select>
+                            <div class="flex-container justifyCenter">
                                 <input type="file" hidden data-preset-manager-file="context" accept=".json, .settings">
                                 <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>
                                 <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>
                                 <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>
+                                <i data-preset-manager-import="context" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                <i data-preset-manager-export="context" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                <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>
+                                <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>
+                            </div>
+                            <div class="flex-container">
+                                <select id="context_presets" data-preset-manager-for="context" class="flex1 text_pole"></select>
                             </div>
                             <div data-newbie-hidden>
                                 <label for="context_story_string">
                                     <small data-i18n="Story String">Story String</small>
                                 </label>
-                                <textarea id="context_story_string" class="text_pole textarea_compact autoSetHeight" rows="1"></textarea>
+                                <div contenteditable="true" id="context_story_string" class="text_pole textarea_compact"></div>
                                 <div class="flex-container">
                                     <div class="flex1">
                                         <label for="context_example_separator">
                                             <small data-i18n="Example Separator">Example Separator</small>
                                         </label>
                                         <div>
-                                            <textarea id="context_example_separator" class="text_pole textarea_compact autoSetHeight" maxlength="500" rows="1"></textarea>
+                                            <div contenteditable="true" id="context_example_separator" class="text_pole textarea_compact"></div>
                                         </div>
                                     </div>
                                     <div class="flex1">
@@ -3102,401 +3102,70 @@
                                             <small data-i18n="Chat Start">Chat Start</small>
                                         </label>
                                         <div>
-                                            <textarea id="context_chat_start" class="text_pole textarea_compact autoSetHeight" maxlength="500" rows="1"></textarea>
+                                            <div contenteditable="true" id="context_chat_start" class="text_pole textarea_compact"></div>
                                         </div>
                                     </div>
                                 </div>
-                                <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.">
-                                    <input id="context_use_stop_strings" type="checkbox" />
-                                    <small data-i18n="Separators as Stop Strings">Separators as Stop Strings</small>
-                                </label>
-                                <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.">
-                                    <input id="context_names_as_stop_strings" type="checkbox" />
-                                    <small data-i18n="Names as Stop Strings">Names as Stop Strings</small>
-                                </label>
+                                <div>
+                                    <h4 class="standoutHeader">
+                                        <span data-i18n="Context Formatting">
+                                            Context Formatting
+                                        </span>
+                                        <small data-i18n="(Saves to Template)">
+                                            (Saves to Template)
+                                        </small>
+                                    </h4>
+
+                                    <label class="checkbox_label" for="always-force-name2-checkbox">
+                                        <input id="always-force-name2-checkbox" type="checkbox" />
+                                        <small data-i18n="Always add character's name to prompt">
+                                            Always add character's name to prompt
+                                        </small>
+                                    </label>
+                                    <label class="checkbox_label" for="single_line">
+                                        <input id="single_line" type="checkbox" />
+                                        <small data-i18n="Generate only one line per request">
+                                            Generate only one line per request
+                                        </small>
+                                    </label>
+                                    <label class="checkbox_label" for="collapse-newlines-checkbox">
+                                        <input id="collapse-newlines-checkbox" type="checkbox" />
+                                        <small data-i18n="Collapse Consecutive Newlines">
+                                            Collapse Consecutive Newlines
+                                        </small>
+                                    </label>
+                                    <label data-newbie-hidden class="checkbox_label" for="trim_spaces">
+                                        <input id="trim_spaces" type="checkbox" />
+                                        <small data-i18n="Trim spaces">Trim spaces</small>
+                                    </label>
+                                    <label class="checkbox_label" for="trim_sentences_checkbox">
+                                        <input id="trim_sentences_checkbox" type="checkbox" />
+                                        <small data-i18n="Trim Incomplete Sentences">
+                                            Trim Incomplete Sentences
+                                        </small>
+                                    </label>
+                                    <!-- Add margin since this is a child of above -->
+                                    <label data-newbie-hidden class="checkbox_label indent20p" for="include_newline_checkbox">
+                                        <input id="include_newline_checkbox" type="checkbox" />
+                                        <small data-i18n="Include Newline">Include Newline</small>
+                                    </label>
+                                    <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.">
+                                        <input id="context_use_stop_strings" type="checkbox" />
+                                        <small data-i18n="Separators as Stop Strings">Separators as Stop Strings</small>
+                                    </label>
+                                    <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.">
+                                        <input id="context_names_as_stop_strings" type="checkbox" />
+                                        <small data-i18n="Names as Stop Strings">Names as Stop Strings</small>
+                                    </label>
+                                </div>
+
                                 <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">
                                     <input id="context_allow_jailbreak" type="checkbox" />
                                     <small data-i18n="Allow Post-History Instructions">Allow Post-History Instructions</small>
                                 </label>
                             </div>
-
-                            <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn margin-bot-10px" style="display:none;">
-                                <div class="inline-drawer-toggle inline-drawer-header">
-                                    <b><span data-i18n="Context Order">Context Order</span></b>
-                                    <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
-                                </div>
-                                <div class="inline-drawer-content">
-                                    <div id="context_order" class="prompt_order">
-                                        <div data-id="0">
-                                            <span data-i18n="Story String">Story String</span>
-                                            <small>0</small>
-                                        </div>
-                                        <div data-id="1">
-                                            <span data-i18n="Summary">Summary</span>
-                                            <small>1</small>
-                                        </div>
-                                        <div data-id="2">
-                                            <span data-i18n="Author's Note">Author's Note</span>
-                                            <small>2</small>
-                                        </div>
-                                        <div data-id="3">
-                                            <span data-i18n="Example Dialogues">Example Dialogues</span>
-                                            <small>3</small>
-                                        </div>
-                                        <div data-id="4">
-                                            <span data-i18n="Chat Start">Chat History</span>
-                                            <small>4</small>
-                                        </div>
-                                    </div>
-                                    <small>
-                                        <b data-i18n="Hint">Hint:</b>
-                                        <span data-i18n="In-Chat Position not affected">
-                                            Summary and Author's Note orders are only affected when they don't have an In-Chat position set.
-                                        </span>
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-                        <div>
-                            <h4 class="standoutHeader title_restorable">
-                                <div>
-                                    <span data-i18n="Instruct Mode">Instruct Mode</span>
-                                    <a href="https://docs.sillytavern.app/usage/core-concepts/instructmode/" class="notes-link" target="_blank">
-                                        <span class="fa-solid fa-circle-question note-link-span"></span>
-                                    </a>
-                                </div>
-                                <div class="flex-container">
-                                    <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>
-                                    <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>
-                                    <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>
-                                    <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>
-                                </div>
-                            </h4>
-                            <div class="flex-container">
-                                <label for="instruct_enabled" class="checkbox_label flex1">
-                                    <input id="instruct_enabled" type="checkbox" />
-                                    <span data-i18n="Enabled">Enabled</span>
-                                </label>
-                                <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">
-                                    <input id="instruct_bind_to_context" type="checkbox" />
-                                    <span data-i18n="Bind to Context">Bind to Context</span>
-                                </label>
-                            </div>
-                            <label for="instruct_presets">
-                                <span data-i18n="Presets">Presets</span>
-                            </label>
-                            <div class="flex-container">
-                                <select id="instruct_presets" data-preset-manager-for="instruct" class="flex1 text_pole"></select>
-                                <input type="file" hidden data-preset-manager-file="instruct" accept=".json, .settings">
-                                <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>
-                                <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>
-                                <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>
-                            </div>
-                            <label data-newbie-hidden>
-                                <small data-i18n="Activation Regex">
-                                    Activation Regex
-                                </small>
-                            </label>
-                            <div data-newbie-hidden>
-                                <textarea id="instruct_activation_regex" class="text_pole textarea_compact autoSetHeight" maxlength="5000" rows="1"></textarea>
-                            </div>
-                            <div data-newbie-hidden>
-                                <label for="instruct_wrap" class="checkbox_label">
-                                    <input id="instruct_wrap" type="checkbox" />
-                                    <span data-i18n="Wrap Sequences with Newline">Wrap Sequences with Newline</span>
-                                </label>
-                                <label for="instruct_macro" class="checkbox_label">
-                                    <input id="instruct_macro" type="checkbox" />
-                                    <span data-i18n="Replace Macro in Sequences">Replace Macro in Sequences</span>
-                                </label>
-                                <label for="instruct_skip_examples" class="checkbox_label">
-                                    <input id="instruct_skip_examples" type="checkbox" />
-                                    <span data-i18n="Skip Example Dialogues Formatting">Skip Example Dialogues Formatting</span>
-                                </label>
-                                <label for="instruct_names" class="checkbox_label">
-                                    <input id="instruct_names" type="checkbox" />
-                                    <span data-i18n="Include Names">Include Names</span>
-                                </label>
-                                <label for="instruct_names_force_groups" class="checkbox_label indent20p">
-                                    <input id="instruct_names_force_groups" type="checkbox" />
-                                    <span data-i18n="Force for Groups and Personas">Force for Groups and Personas</span>
-                                </label>
-                            </div>
-                            <div data-newbie-hidden>
-                                <label>
-                                    <small data-i18n="System Prompt">System Prompt</small>
-                                </label>
-                                <textarea id="instruct_system_prompt" class="text_pole textarea_compact autoSetHeight" rows="1"></textarea>
-                            </div>
-                            <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
-                                <div class="inline-drawer-toggle inline-drawer-header">
-                                    <b><span data-i18n="Instruct Mode Sequences">Instruct Mode Sequences</span></b>
-                                    <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
-                                </div>
-                                <div class="inline-drawer-content">
-                                    <h5 class="textAlignCenter" data-i18n="System Prompt Wrapping">
-                                        System Prompt Wrapping
-                                    </h5>
-                                    <div class="flex-container">
-                                        <div class="flex1" title="Inserted before a System prompt." data-i18n="[title]Inserted before a System prompt.">
-                                            <label for="instruct_system_sequence_prefix">
-                                                <small data-i18n="System Prompt Prefix">System Prompt Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_system_sequence_prefix" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <div class="flex1" title="Inserted after a System prompt." data-i18n="[title]Inserted after a System prompt.">
-                                            <label for="instruct_system_sequence_suffix">
-                                                <small data-i18n="System Prompt Suffix">System Prompt Suffix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_system_sequence_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <h5 class="textAlignCenter" data-i18n="Chat Messages Wrapping">
-                                        Chat Messages Wrapping
-                                    </h5>
-                                    <div class="flex-container">
-                                        <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.">
-                                            <label for="instruct_input_sequence">
-                                                <small data-i18n="User Message Prefix">User Message Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_input_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <div class="flex1" title="Inserted after a User message." data-i18n="[title]Inserted after a User message.">
-                                            <label for="instruct_input_suffix">
-                                                <small data-i18n="User Message Suffix">User Message Suffix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_input_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex-container">
-                                        <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.">
-                                            <label for="instruct_output_sequence">
-                                                <small data-i18n="Assistant Message Prefix">Assistant Message Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_output_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <div class="flex1" title="Inserted after an Assistant message." data-i18n="[title]Inserted after an Assistant message.">
-                                            <label for="instruct_output_suffix">
-                                                <small data-i18n="Assistant Message Suffix">Assistant Message Suffix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_output_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex-container">
-                                        <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.">
-                                            <label for="instruct_system_sequence">
-                                                <small data-i18n="System Message Prefix">System Message Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_system_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <div class="flex1" title="Inserted after a System message." data-i18n="[title]Inserted after a System message.">
-                                            <label for="instruct_system_suffix">
-                                                <small data-i18n="System Message Suffix">System Message Suffix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_system_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <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.">
-                                            <label class="checkbox_label" for="instruct_system_same_as_user">
-                                                <input id="instruct_system_same_as_user" type="checkbox" />
-                                                <small data-i18n="System same as User">System same as User</small>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <h5 class="textAlignCenter" data-i18n="Misc. Sequences">
-                                        Misc. Sequences
-                                    </h5>
-                                    <div class="flex-container">
-                                        <div class="flex1" title="Inserted before the first Assistant's message." data-i18n="[title]Inserted before the first Assistant's message.">
-                                            <label for="instruct_first_output_sequence">
-                                                <small data-i18n="First Assistant Prefix">First Assistant Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_first_output_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <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">
-                                            <label for="instruct_last_output_sequence">
-                                                <small data-i18n="Last Assistant Prefix">Last Assistant Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_last_output_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex-container">
-                                        <div class="flex1" title="Inserted before the first User's message." data-i18n="[title]Inserted before the first User's message.">
-                                            <label for="instruct_first_input_sequence">
-                                                <small data-i18n="First User Prefix">First User Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_first_input_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <div class="flex1" title="Inserted before the last User's message." data-i18n="[title]instruct_last_input_sequence">
-                                            <label for="instruct_last_input_sequence">
-                                                <small data-i18n="Last User Prefix">Last User Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_last_input_sequence" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex-container">
-                                        <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.">
-                                            <label for="instruct_last_system_sequence">
-                                                <small data-i18n="System Instruction Prefix">System Instruction Prefix</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_last_system_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                        <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).">
-                                            <label for="instruct_stop_sequence">
-                                                <small data-i18n="Stop Sequence">Stop Sequence</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_stop_sequence" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex-container">
-                                        <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.">
-                                            <label for="instruct_user_alignment_message">
-                                                <small data-i18n="User Filler Message">User Filler Message</small>
-                                            </label>
-                                            <div>
-                                                <textarea id="instruct_user_alignment_message" class="text_pole textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div id="ContextFormatting">
-                        <div>
-                            <div class="flex-container alignItemsBaseline">
-                                <h4 data-i18n="Context Formatting">
-                                    Context Formatting
-                                </h4>
-                                <small data-i18n="(Saved to Context Template)">
-                                    &nbsp;(Saved to Context Template)
-                                </small>
-                            </div>
-                            <label class="checkbox_label" for="always-force-name2-checkbox">
-                                <input id="always-force-name2-checkbox" type="checkbox" />
-                                <span data-i18n="Always add character's name to prompt">
-                                    Always add character's name to prompt
-                                </span>
-                            </label>
-                            <label class="checkbox_label" for="single_line">
-                                <input id="single_line" type="checkbox" />
-                                <span data-i18n="Generate only one line per request">
-                                    Generate only one line per request
-                                </span>
-                            </label>
-                            <label class="checkbox_label" for="trim_sentences_checkbox">
-                                <input id="trim_sentences_checkbox" type="checkbox" />
-                                <span data-i18n="Trim Incomplete Sentences">
-                                    Trim Incomplete Sentences
-                                </span>
-                            </label>
-                            <!-- Add margin since this is a child of above -->
-                            <label data-newbie-hidden class="checkbox_label indent20p" for="include_newline_checkbox">
-                                <input id="include_newline_checkbox" type="checkbox" />
-                                <span data-i18n="Include Newline">Include Newline</span>
-                            </label>
-                        </div>
-                        <h4 data-i18n="Misc. Settings">
-                            Misc. Settings
-                        </h4>
-                        <label class="checkbox_label" for="collapse-newlines-checkbox">
-                            <input id="collapse-newlines-checkbox" type="checkbox" />
-                            <span data-i18n="Collapse Consecutive Newlines">
-                                Collapse Consecutive Newlines
-                            </span>
-                        </label>
-                        <label data-newbie-hidden class="checkbox_label" for="trim_spaces">
-                            <input id="trim_spaces" type="checkbox" />
-                            <span data-i18n="Trim spaces">Trim spaces</span>
-                        </label>
-                        <div data-newbie-hidden>
-                            <h4><span data-i18n="Tokenizer">Tokenizer</span>
-                                <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#tokenizer" class="notes-link" target="_blank">
-                                    <span class="fa-solid fa-circle-question note-link-span"></span>
-                                </a>
-                            </h4>
-                            <select id="tokenizer">
-                                <option value="99">Best match (recommended)</option>
-                                <option value="0">None / Estimated</option>
-                                <option value="1">GPT-2</option>
-                                <!-- Option #2 was a legacy GPT-2/3 tokenizer -->
-                                <option value="3">Llama 1/2</option>
-                                <option value="12">Llama 3</option>
-                                <option value="13">Gemma / Gemini</option>
-                                <option value="14">Jamba</option>
-                                <option value="4">NerdStash (NovelAI Clio)</option>
-                                <option value="5">NerdStash v2 (NovelAI Kayra)</option>
-                                <option value="7">Mistral</option>
-                                <option value="8">Yi</option>
-                                <option value="11">Claude 1/2</option>
-                                <option value="6">API (WebUI / koboldcpp)</option>
-                            </select>
-                        </div>
-                        <div class="range-block" data-newbie-hidden>
-                            <div class="range-block-title justifyLeft">
-                                <span data-i18n="Token Padding">Token Padding</span>
-                                <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#token-padding" class="notes-link" target="_blank">
-                                    <span class="fa-solid fa-circle-question note-link-span"></span>
-                                </a>
-                            </div>
-                            <input id="token_padding" class="text_pole textarea_compact" type="number" min="-2048" max="2048" />
-                        </div>
-                        <div class="flex-container flexFlowColumn" data-newbie-hidden>
                             <div>
-                                <h4 class="range-block-title justifyLeft">
-                                    <span data-i18n="Start Reply With">
-                                        Start Reply With
-                                    </span>
-                                </h4>
-                                <div>
-                                    <textarea id="start_reply_with" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]AI reply prefix" placeholder="AI reply prefix"></textarea>
-                                </div>
-                                <label class="checkbox_label" for="chat-show-reply-prefix-checkbox">
-                                    <input id="chat-show-reply-prefix-checkbox" type="checkbox" />
-                                    <span data-i18n="Show reply prefix in chat">
-                                        Show reply prefix in chat
-                                    </span>
-                                </label>
-                            </div>
-                            <div>
-                                <h4 class="range-block-title justifyLeft">
-                                    <span data-i18n="Non-markdown strings">
-                                        Non-markdown strings
-                                    </span>
-                                </h4>
-                                <div>
-                                    <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" />
-                                </div>
-                            </div>
-                            <div>
-                                <h4 class="range-block-title justifyLeft">
+                                <h4 class="range-block-title justifyLeft standoutHeader">
                                     <span data-i18n="Custom Stopping Strings">
                                         Custom Stopping Strings
                                     </span>
@@ -3507,43 +3176,266 @@
                                 <div>
                                     <small>
                                         <span data-i18n="JSON serialized array of strings">JSON serialized array of strings</span>
+                                        <i class="fa-solid fa-question-circle opacity50p" title="e.g: [&quot;Ford&quot;, &quot;BMW&quot;, &quot;Fiat&quot;]"></i>
                                     </small>
                                 </div>
                                 <div>
-                                    <textarea id="custom_stopping_strings" rows="2" class="text_pole textarea_compact monospace" placeholder="[&quot;Ford&quot;, &quot;BMW&quot;, &quot;Fiat&quot;]"></textarea>
+                                    <div contenteditable="true" id="custom_stopping_strings" class="text_pole textarea_compact monospace"></div>
                                 </div>
                                 <label class="checkbox_label" for="custom_stopping_strings_macro">
                                     <input id="custom_stopping_strings_macro" type="checkbox" checked>
-                                    <span data-i18n="Replace Macro in Custom Stopping Strings">
+                                    <small data-i18n="Replace Macro in Custom Stopping Strings">
                                         Replace Macro in Custom Stopping Strings
-                                    </span>
+                                    </small>
                                 </label>
                             </div>
                         </div>
-                        <div data-newbie-hidden>
-                            <h4>
-                                <span data-i18n="Auto-Continue">Auto-Continue</span>
+                    </div>
+                    <div id="InstructSettingsColumn" class="flex-container flexNoGap flexFlowColumn flex1">
+                        <div id="instructSettingsBlock">
+                            <h4 class="standoutHeader title_restorable justifySpaceBetween">
+                                <div class="flex-container">
+                                    <span data-i18n="Instruct Mode">Instruct Mode</span>
+                                    <a href="https://docs.sillytavern.app/usage/core-concepts/instructmode/" class="notes-link" target="_blank">
+                                        <span class="fa-solid fa-circle-question note-link-span"></span>
+                                    </a>
+                                </div>
+                                <div class="flex-container">
+                                    <label for="instruct_enabled" class="checkbox_label flex1">
+                                        <input id="instruct_enabled" type="checkbox" style="display:none;" />
+                                        <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>
+                                    </label>
+                                    <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">
+                                        <input id="instruct_bind_to_context" type="checkbox" style="display:none;" />
+                                        <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>
+                                    </label>
+                                </div>
+                            </h4>
+                            <div class="flex-container margin0 justifyCenter">
+                                <input type="file" hidden data-preset-manager-file="instruct" accept=".json, .settings">
+                                <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>
+                                <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>
+                                <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>
+                                <i data-preset-manager-import="instruct" class=" menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                <i data-preset-manager-export="instruct" class=" menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                <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>
+                                <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>
+                            </div>
+
+                            <div class="flex-container">
+                                <select id="instruct_presets" data-preset-manager-for="instruct" class="flex1 text_pole"></select>
+                            </div>
+                            <label data-newbie-hidden>
+                                <small data-i18n="Activation Regex">
+                                    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>
+                                </small>
+                            </label>
+                            <div data-newbie-hidden>
+                                <input type="text" id="instruct_activation_regex" class="text_pole textarea_compact" placeholder="e.g. /llama(-)?[3|3.1]/i"></input>
+                            </div>
+                            <div data-newbie-hidden>
+                                <label>
+                                    <small data-i18n="System Prompt">System Prompt</small>
+                                </label>
+                                <div contenteditable="true" id="instruct_system_prompt" class="text_pole textarea_compact"></div>
+                            </div>
+
+                            <div data-newbie-hidden>
+                                <label for="instruct_wrap" class="checkbox_label">
+                                    <input id="instruct_wrap" type="checkbox" />
+                                    <small data-i18n="Wrap Sequences with Newline">Wrap Sequences with Newline</small>
+                                </label>
+                                <label for="instruct_macro" class="checkbox_label">
+                                    <input id="instruct_macro" type="checkbox" />
+                                    <small data-i18n="Replace Macro in Sequences">Replace Macro in Sequences</small>
+                                </label>
+                                <label for="instruct_skip_examples" class="checkbox_label">
+                                    <input id="instruct_skip_examples" type="checkbox" />
+                                    <small data-i18n="Skip Example Dialogues Formatting">Skip Example Dialogues Formatting</small>
+                                </label>
+                                <label for="instruct_names" class="checkbox_label">
+                                    <input id="instruct_names" type="checkbox" />
+                                    <small data-i18n="Include Names">Include Names</small>
+                                </label>
+                                <label for="instruct_names_force_groups" class="checkbox_label indent20p">
+                                    <input id="instruct_names_force_groups" type="checkbox" />
+                                    <small data-i18n="Force for Groups and Personas">Force for Groups and Personas</small>
+                                </label>
+                            </div>
+                        </div>
+                        <div name="tokenizerSettingsBlock">
+                            <div data-newbie-hidden name="tokenizerSelectorBlock">
+                                <h4 class="standoutHeader"><span data-i18n="Tokenizer">Tokenizer</span>
+                                    <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#tokenizer" class="notes-link" target="_blank">
+                                        <span class="fa-solid fa-circle-question note-link-span"></span>
+                                    </a>
+                                </h4>
+                                <select id="tokenizer">
+                                    <option value="99">Best match (recommended)</option>
+                                    <option value="0">None / Estimated</option>
+                                    <option value="1">GPT-2</option>
+                                    <!-- Option #2 was a legacy GPT-2/3 tokenizer -->
+                                    <option value="3">Llama 1/2</option>
+                                    <option value="12">Llama 3</option>
+                                    <option value="13">Gemma / Gemini</option>
+                                    <option value="14">Jamba</option>
+                                    <option value="4">NerdStash (NovelAI Clio)</option>
+                                    <option value="5">NerdStash v2 (NovelAI Kayra)</option>
+                                    <option value="7">Mistral</option>
+                                    <option value="8">Yi</option>
+                                    <option value="11">Claude 1/2</option>
+                                    <option value="6">API (WebUI / koboldcpp)</option>
+                                </select>
+                            </div>
+                            <div class="range-block flex-container flexnowrap" data-newbie-hidden name="tokenPaddingBlock">
+                                <div class="range-block-title justifyLeft">
+                                    <small data-i18n="Token Padding" class="flex-container">Token Padding
+                                        <a href="https://docs.sillytavern.app/usage/core-concepts/advancedformatting/#token-padding" class="notes-link" target="_blank">
+                                            <span class="fa-solid fa-circle-question note-link-span"></span>
+                                        </a>
+                                    </small>
+                                </div>
+                                <input id="token_padding" class="text_pole textarea_compact" type="number" min="-2048" max="2048" />
+                            </div>
+                        </div>
+                        <div>
+                            <h4 class="standoutHeader" data-i18n="Miscellaneous">Miscellaneous</h4>
+                            <div>
+                                <small>
+                                    <span data-i18n="Non-markdown strings">
+                                        Non-markdown strings
+                                    </span>
+                                </small>
+                                <div>
+                                    <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" />
+                                </div>
+                            </div>
+
+                            <div data-newbie-hidden name="startReplyWithBlock">
+                                <div>
+                                    <small>
+                                        <span data-i18n="Start Reply With">
+                                            Start Reply With
+                                        </span>
+                                    </small>
+                                    <div>
+                                        <div contenteditable="true" id="start_reply_with" class="text_pole textarea_compact"></div>
+                                    </div>
+                                    <label class="checkbox_label" for="chat-show-reply-prefix-checkbox">
+                                        <input id="chat-show-reply-prefix-checkbox" type="checkbox" />
+                                        <small data-i18n="Show reply prefix in chat">
+                                            Show reply prefix in chat
+                                        </small>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="InstructSequencesColumn" class="flex-container flexNoGap flexFlowColumn flex1">
+                        <div data-newbie-hidden class="wide100p flexFlowColumn">
+                            <h4 class="standoutHeader title_restorable">
+                                <b>
+                                    <span data-i18n="Instruct Sequences">
+                                        Instruct Sequences
+                                    </span>
+                                    <small data-i18n="(Saves to Template)">
+                                        (Saves to Template)
+                                    </small>
+                                </b>
                             </h4>
                             <div class="flex-container">
-                                <label class="checkbox_label" for="auto_continue_enabled">
-                                    <input id="auto_continue_enabled" type="checkbox" />
-                                    <span data-i18n="Enabled">
-                                        Enabled
-                                    </span>
-                                </label>
-                                <label class="checkbox_label" for="auto_continue_allow_chat_completions">
-                                    <input id="auto_continue_allow_chat_completions" type="checkbox" />
-                                    <span data-i18n="Allow for Chat Completion APIs">
-                                        Allow for Chat Completion APIs
-                                    </span>
+                                <div class="flexAuto" title="Inserted before a System prompt." data-i18n="[title]Inserted before a System prompt.">
+                                    <label for="instruct_system_sequence_prefix">
+                                        <small data-i18n="System Prompt Prefix">System Prompt Prefix</small>
+                                    </label>
+                                    <div>
+                                        <div contenteditable="true" id="instruct_system_sequence_prefix" class="text_pole textarea_compact"></div>
+                                    </div>
+                                </div>
+                                <div class="flexAuto" title="Inserted after a System prompt." data-i18n="[title]Inserted after a System prompt.">
+                                    <label for="instruct_system_sequence_suffix">
+                                        <small data-i18n="System Prompt Suffix">System Prompt Suffix</small>
+                                    </label>
+                                    <div>
+                                        <div contenteditable="true" id="instruct_system_sequence_suffix" class="text_pole wide100p textarea_compact"></div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <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.">
+                                    <small data-i18n="User Prefix">User Message Prefix</small>
+                                    <div contenteditable="true" id="instruct_input_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                                <div class="flexAuto" title="Inserted after a User message." data-i18n="[title]Inserted after a User message.">
+                                    <small data-i18n="User Suffix">User Message Suffix</small>
+                                    <div contenteditable="true" id="instruct_input_suffix" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <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.">
+                                    <small data-i18n="Assistant Prefix">Assistant Message Prefix</small>
+                                    <div contenteditable="true" id="instruct_output_sequence" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                                <div class="flexAuto" title="Inserted after an Assistant message." data-i18n="[title]Inserted after an Assistant message.">
+                                    <small data-i18n="Assistant Suffix">Assistant Message Suffix</small>
+                                    <div contenteditable="true" id="instruct_output_suffix" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <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.">
+                                    <small data-i18n="System Prefix">System Message Prefix</small>
+                                    <div contenteditable="true" id="instruct_system_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                                <div class="flexAuto" id="instruct_system_suffix_block" title="Inserted after a System message." data-i18n="[title]Inserted after a System message.">
+                                    <small data-i18n="System Suffix">System Message Suffix</small>
+                                    <div contenteditable="true" id="instruct_system_suffix" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                            </div>
+                            <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.">
+                                <label class="checkbox_label" for="instruct_system_same_as_user">
+                                    <input id="instruct_system_same_as_user" type="checkbox" />
+                                    <small data-i18n="System same as User">System same as User</small>
                                 </label>
                             </div>
 
-                            <div class="auto_continue_settings_block">
-                                <label for="auto_continue_target_length">
-                                    <span data-i18n="Target length (tokens)">Target length (tokens)</span>
-                                    <input id="auto_continue_target_length" type="number" class="text_pole textarea_compact" min="0" max="1024" />
-                                </label>
+                            <h5 class="textAlignCenter" data-i18n="Misc. Sequences">
+                                Misc. Sequences
+                            </h5>
+                            <div class="flex-container">
+                                <div class="flexAuto" title="Inserted before the first Assistant's message." data-i18n="[title]Inserted before the first Assistant's message.">
+                                    <small data-i18n="First Assistant Prefix">First Assistant Prefix</small>
+                                    <div contenteditable="true" id="instruct_first_output_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                                <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">
+                                    <small data-i18n="Last Assistant Prefix">Last Assistant Prefix</small>
+                                    <div contenteditable="true" id="instruct_last_output_sequence" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <div class="flexAuto" title="Inserted before the first User's message." data-i18n="[title]Inserted before the first User's message.">
+                                    <small data-i18n="First User Prefix">First User Prefix</small>
+                                    <div contenteditable="true" id="instruct_first_input_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                                <div class="flexAuto" title="Inserted before the last User's message." data-i18n="[title]instruct_last_input_sequence">
+                                    <small data-i18n="Last User Prefix">Last User Prefix</small>
+                                    <div contenteditable="true" id="instruct_last_input_sequence" class="text_pole wide100p textarea_compact"></div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <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.">
+                                    <small data-i18n="System Instruction Prefix">System Instruction Prefix</small>
+                                    <div contenteditable="true" id="instruct_last_system_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                                <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).">
+                                    <small data-i18n="Stop Sequence">Stop Sequence</small>
+                                    <div contenteditable="true" id="instruct_stop_sequence" class="text_pole textarea_compact"></div>
+                                </div>
+                            </div>
+                            <div class="flex-container">
+                                <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.">
+                                    <small data-i18n="User Filler Message">User Filler Message</small>
+                                    <div contenteditable="true" id="instruct_user_alignment_message" class="text_pole textarea_compact"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -3556,12 +3448,14 @@
             </div>
             <div id="WorldInfo" class="drawer-content closedDrawer">
                 <div id="WorldInfoheader" class="fa-solid fa-grip drag-grabber"></div>
-                <div id="WI_panel_pin_div" class="flex-container alignitemscenter gap10px" title="Locked = World Editor will stay open" data-i18n="[title]Locked = World Editor will stay open">
-                    <input type="checkbox" id="WI_panel_pin">
-                    <label for="WI_panel_pin">
-                        <div class="unchecked fa-solid fa-unlock "></div>
-                        <div class="checked fa-solid fa-lock "></div>
-                    </label>
+                <div class="flex-container alignitemscenter gap10px">
+                    <div id="WI_panel_pin_div" title="Locked = World Editor will stay open" data-i18n="[title]Locked = World Editor will stay open">
+                        <input type="checkbox" id="WI_panel_pin">
+                        <label for="WI_panel_pin">
+                            <div class="unchecked fa-solid fa-unlock "></div>
+                            <div class="checked fa-solid fa-lock "></div>
+                        </label>
+                    </div>
                     <h3 class="margin0">
                         <span data-i18n="Worlds/Lorebooks">Worlds/Lorebooks</span>
                         <a href="https://docs.sillytavern.app/usage/core-concepts/worldinfo/" class="notes-link" target="_blank">
@@ -4290,75 +4184,110 @@
                                         <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">
                                         <small data-i18n="Blacklisted words">Blacklisted words</small>
                                         <div class="auto_swipe">
-                                            <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>
+                                            <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>
                                             <small data-i18n="Blacklisted word count to swipe">Blacklisted word count to swipe</small>
                                             <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">
                                         </div>
                                     </div>
                                 </div>
+                                <div data-newbie-hidden nane="AutoContiueBlock" class="inline-drawer wide100p flexFlowColumn">
+                                    <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.">
+                                        <b><span data-i18n="Auto-swipe">Auto-Continue</span></b>
+                                        <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
+                                    </div>
+                                    <div class="inline-drawer-content">
+                                        <div class="flex-container">
+                                            <label class="checkbox_label" for="auto_continue_enabled">
+                                                <input id="auto_continue_enabled" type="checkbox" />
+                                                <small data-i18n="Enabled">
+                                                    Enabled
+                                                </small>
+                                            </label>
+                                            <label class="checkbox_label" for="auto_continue_allow_chat_completions">
+                                                <input id="auto_continue_allow_chat_completions" type="checkbox" />
+                                                <small data-i18n="Allow for Chat Completion APIs">
+                                                    Allow for Chat Completion APIs
+                                                </small>
+                                            </label>
+                                        </div>
+                                        <div class="auto_continue_settings_block">
+                                            <label for="auto_continue_target_length">
+                                                <small data-i18n="Target length (tokens)">Target length (tokens)</small>
+                                                <input id="auto_continue_target_length" type="number" class="text_pole textarea_compact" min="0" max="1024" />
+                                            </label>
+                                        </div>
+                                    </div>
+
+
+                                </div>
                             </div>
-                            <div name="AutoCompleteToggle">
-                                <h4 data-i18n="AutoComplete Settings">AutoComplete Settings</h4>
-                                <label data-newbie-hidden class="checkbox_label" for="stscript_autocomplete_autoHide">
-                                    <input id="stscript_autocomplete_autoHide" type="checkbox" />
-                                    <small data-i18n="Automatically hide details">
-                                        Automatically hide details
-                                    </small>
-                                </label>
-                                <div class="flex-container">
-                                    <div class="flex1" title="Determines how entries are found for autocomplete." data-i18n="[title]Determines how entries are found for autocomplete.">
-                                        <label for="stscript_matching" data-i18n="Autocomplete Matching"><small>Matching</small></label>
-                                        <select id="stscript_matching">
-                                            <option data-i18n="Starts with" value="strict">Starts with</option>
-                                            <option data-i18n="Includes" value="includes">Includes</option>
-                                            <option data-i18n="Fuzzy" value="fuzzy">Fuzzy</option>
+                            <div name="AutoCompleteToggle" class="inline-drawer wide100p flexFlowColumn">
+                                <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Options for the various autocompelte input boxes.">
+                                    <b><span data-i18n="AutoComplete Settings">AutoComplete Settings</span></b>
+                                    <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
+                                </div>
+                                <div class="inline-drawer-content">
+                                    <label data-newbie-hidden class="checkbox_label" for="stscript_autocomplete_autoHide">
+                                        <input id="stscript_autocomplete_autoHide" type="checkbox" />
+                                        <small data-i18n="Automatically hide details">
+                                            Automatically hide details
+                                        </small>
+                                    </label>
+                                    <div class="flex-container">
+                                        <div class="flex1" title="Determines how entries are found for autocomplete." data-i18n="[title]Determines how entries are found for autocomplete.">
+                                            <label for="stscript_matching" data-i18n="Autocomplete Matching"><small>Matching</small></label>
+                                            <select id="stscript_matching">
+                                                <option data-i18n="Starts with" value="strict">Starts with</option>
+                                                <option data-i18n="Includes" value="includes">Includes</option>
+                                                <option data-i18n="Fuzzy" value="fuzzy">Fuzzy</option>
+                                            </select>
+                                        </div>
+                                        <div class="flex1" title="Sets the style of the autocomplete." data-i18n="[title]Sets the style of the autocomplete.">
+                                            <label for="stscript_autocomplete_style" data-i18n="Autocomplete Style"><small>Style</small></label>
+                                            <div class="flex-container flexFlowRow alignItemsBaseline">
+                                                <select id="stscript_autocomplete_style">
+                                                    <option data-i18n="Follow Theme" value="theme">Follow Theme</option>
+                                                    <option data-i18n="Dark" value="dark">Dark</option>
+                                                    <option data-i18n="Light" value="light">Light</option>
+                                                </select>
+                                                <!-- <div class="menu_button fa-solid fa-pen-to-square" title="Customize colors"></div> -->
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div title="Determines which keys select an item from the AutoComplete suggestions">
+                                        <label data-i18n="Keyboard">
+                                            <small>Keyboard:</small>
+                                        </label>
+                                        <select id="stscript_autocomplete_select">
+                                            <option value="3" data-i18n="Select with Tab or Enter">Select with Tab or Enter</option>
+                                            <option value="1" data-i18n="Select with Tab">Select with Tab</option>
+                                            <option value="2" data-i18n="Select with Enter">Select with Enter</option>
                                         </select>
                                     </div>
-                                    <div class="flex1" title="Sets the style of the autocomplete." data-i18n="[title]Sets the style of the autocomplete.">
-                                        <label for="stscript_autocomplete_style" data-i18n="Autocomplete Style"><small>Style</small></label>
-                                        <div class="flex-container flexFlowRow alignItemsBaseline">
-                                            <select id="stscript_autocomplete_style">
-                                                <option data-i18n="Follow Theme" value="theme">Follow Theme</option>
-                                                <option data-i18n="Dark" value="dark">Dark</option>
-                                                <option data-i18n="Light" value="light">Light</option>
-                                            </select>
-                                            <!-- <div class="menu_button fa-solid fa-pen-to-square" title="Customize colors"></div> -->
-                                        </div>
+                                    <div class="flex-container flexFlowColumn gap0" title="Sets the font size of the autocomplete." data-i18n="[title]Sets the font size of the autocomplete.">
+                                        <label for="stscript_autocomplete_font_scale"><small>Font Scale</small></label>
+                                        <input class="neo-range-slider" type="range" id="stscript_autocomplete_font_scale" min="0.5" max="2" step="0.01">
+                                        <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">
                                     </div>
-                                </div>
-                                <div title="Determines which keys select an item from the AutoComplete suggestions">
-                                    <label data-i18n="Keyboard">
-                                        <small>Keyboard:</small>
-                                    </label>
-                                    <select id="stscript_autocomplete_select">
-                                        <option value="3" data-i18n="Select with Tab or Enter">Select with Tab or Enter</option>
-                                        <option value="1" data-i18n="Select with Tab">Select with Tab</option>
-                                        <option value="2" data-i18n="Select with Enter">Select with Enter</option>
-                                    </select>
-                                </div>
-                                <div class="flex-container flexFlowColumn gap0" title="Sets the font size of the autocomplete." data-i18n="[title]Sets the font size of the autocomplete.">
-                                    <label for="stscript_autocomplete_font_scale"><small>Font Scale</small></label>
-                                    <input class="neo-range-slider" type="range" id="stscript_autocomplete_font_scale" min="0.5" max="2" step="0.01">
-                                    <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">
-                                </div>
-                                <div title="Sets the width of the autocomplete." data-i18n="[title]Sets the width of the autocomplete.">
-                                    <label for="stscript_autocomplete_width" data-i18n="Autocomplete Width"><small>Width</small></label>
-                                    <div class="doubleRangeContainer">
-                                        <div class="doubleRangeInputContainer">
-                                            <input type="range" id="stscript_autocomplete_width_left" min="0" max="2" step="1">
-                                            <datalist id="stscript_autocomplete_width_left_values">
-                                                <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
-                                                <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
-                                                <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
-                                            </datalist>
-                                        </div>
-                                        <div class="doubleRangeInputContainer">
-                                            <input type="range" id="stscript_autocomplete_width_right" min="0" max="2" step="1">
-                                            <datalist id="stscript_autocomplete_width_right_values">
-                                                <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
-                                                <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
-                                                <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
-                                            </datalist>
+                                    <div title="Sets the width of the autocomplete." data-i18n="[title]Sets the width of the autocomplete.">
+                                        <label for="stscript_autocomplete_width" data-i18n="Autocomplete Width"><small>Width</small></label>
+                                        <div class="doubleRangeContainer">
+                                            <div class="doubleRangeInputContainer">
+                                                <input type="range" id="stscript_autocomplete_width_left" min="0" max="2" step="1">
+                                                <datalist id="stscript_autocomplete_width_left_values">
+                                                    <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
+                                                    <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
+                                                    <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
+                                                </datalist>
+                                            </div>
+                                            <div class="doubleRangeInputContainer">
+                                                <input type="range" id="stscript_autocomplete_width_right" min="0" max="2" step="1">
+                                                <datalist id="stscript_autocomplete_width_right_values">
+                                                    <option value="0" label="input" title="chat input box" data-i18n="[title]chat input box"></option>
+                                                    <option value="1" label="chat" title="entire chat width" data-i18n="[title]entire chat width"></option>
+                                                    <option value="2" label="full" title="full window width" data-i18n="[title]full window width"></option>
+                                                </datalist>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -4491,8 +4420,8 @@
                         </div>
                     </div>
                     <div class="alignitemsflexstart flex-container wide100p">
-                        <input id="extensions_url" type="text" class="flex1 heightFitContent text_pole widthNatural" maxlength="250" data-i18n="[placeholder]Extras API URL" placeholder="Extras API URL">
-                        <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)">
+                        <input id="extensions_url" type="text" class="flex1 heightFitContent text_pole widthNatural" data-i18n="[placeholder]Extras API URL" placeholder="Extras API URL">
+                        <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)">
                         <div class="extensions_url_block">
                             <div id="extensions_connect" class="menu_button" data-i18n="Connect">Connect</div>
                         </div>
@@ -4536,7 +4465,7 @@
                                     <i class="fa-solid fa-person-circle-question fa-fw"></i>
                                     <div data-i18n="Create">Create</div>
                                 </div>
-                                <input id="persona_search_bar" class="text_pole width100p flex1 margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="100">
+                                <input id="persona_search_bar" class="text_pole width100p flex1 margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search...">
                                 <select id="persona_sort_order" class="margin0">
                                     <option value="search" data-i18n="Search" hidden>Search</option>
                                     <option value="asc">A-Z</option>
@@ -4556,7 +4485,7 @@
                         <div class="flex1">
                             <h4 data-i18n="Name">Name</h4>
                             <div class="change_name">
-                                <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">
+                                <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" value="" autocomplete="off">
                                 <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">
                                 </div>
                                 <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.">
@@ -4566,7 +4495,7 @@
                             </div>
                             <div>
                                 <h4 data-i18n="Persona Description">Persona Description</h4>
-                                <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>
+                                <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>
                                 <div class="extension_token_counter">
                                     <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>
                                 </div>
@@ -4660,7 +4589,7 @@
                     <form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                         <div id="avatar-and-name-block">
                             <div id="name_div">
-                                <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">
+                                <input id="character_name_pole" name="ch_name" class="text_pole" data-i18n="[placeholder]Name this character" placeholder="Name this character" value="" autocomplete="off">
                                 <div class="extension_token_counter">
                                     <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="character_name_pole" data-token-permanent="true">counting...</span>
                                 </div>
@@ -4731,7 +4660,7 @@
                                 </div>
                                 <div id="tags_div">
                                     <div class="tag_controls">
-                                        <input id="tagInput" class="text_pole textarea_compact tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
+                                        <input id="tagInput" class="text_pole textarea_compact tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" />
                                         <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>
                                     </div>
                                     <div id="tagList" class="tags"></div>
@@ -4816,12 +4745,12 @@
                         <div class="inline-drawer-content">
                             <div id="group-metadata-controls" class="marginTopBot5">
                                 <div class="flex-container wide100p">
-                                    <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" />
+                                    <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)" />
                                     <div class="chat_lorebook_button menu_button fa-solid fa-passport" title="Chat Lore" data-i18n="[title]Chat Lore"></div>
                                 </div>
                                 <div id="group_tags_div" class="wide100p">
                                     <div class="tag_controls">
-                                        <input id="groupTagInput" class="text_pole textarea_compact tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
+                                        <input id="groupTagInput" class="text_pole textarea_compact tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" />
                                         <div class="tags_view menu_button fa-solid fa-tags margin0" title="View all tags" data-i18n="[title]View all tags"></div>
                                     </div>
                                     <div id="groupTagList" class="tags paddingTopBot5"></div>
@@ -4863,7 +4792,7 @@
                                                 <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.)">
                                                 </div>
                                             </label>
-                                            <textarea id="rm_group_generation_mode_join_prefix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
+                                            <textarea id="rm_group_generation_mode_join_prefix" class="text_pole wide100p textarea_compact autoSetHeight" placeholder="&mdash;" rows="1"></textarea>
                                         </div>
                                         <div class="flex1 flexGap5" title="Inserted after each part of the joined fields." data-i18n="[title]Inserted after each part of the joined fields.">
                                             <label for="rm_group_generation_mode_join_suffix" class="flexnowrap width100p whitespacenowrap">
@@ -4871,7 +4800,7 @@
                                                 <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.)">
                                                 </div>
                                             </label>
-                                            <textarea id="rm_group_generation_mode_join_suffix" class="text_pole wide100p textarea_compact autoSetHeight" maxlength="2000" placeholder="&mdash;" rows="1"></textarea>
+                                            <textarea id="rm_group_generation_mode_join_suffix" class="text_pole wide100p textarea_compact autoSetHeight" placeholder="&mdash;" rows="1"></textarea>
                                         </div>
                                     </div>
                                     <div id="GroupFavDelOkBack" class="flex-container flexGap5 spaceEvenly flex1">
@@ -4926,7 +4855,7 @@
                         <div class="inline-drawer-content">
                             <div name="Unadded Char List" class="flex-container flexFlowColumn overflowYAuto flex1">
                                 <div id="rm_group_add_members_header">
-                                    <input id="rm_group_filter" class="text_pole margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="200" />
+                                    <input id="rm_group_filter" class="text_pole margin0" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." />
                                 </div>
                                 <div class="rm_tag_controls">
                                     <div class="tags rm_tag_filter"></div>
@@ -4940,7 +4869,7 @@
                 <div id="rm_character_import" class="right_menu" style="display: none;">
                     <form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                         <input multiple type="file" id="character_import_file" accept=".json, image/png, .yaml, .yml, .charx" name="avatar">
-                        <input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
+                        <input id="character_import_file_type" name="file_type" class="text_pole" value="" autocomplete="off">
                     </form>
                     <input type="file" id="character_replace_file" accept=".json, image/png, .yaml, .yml, .charx" name="replace_avatar" hidden>
                 </div>
@@ -4951,7 +4880,7 @@
                             <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>
                             <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>
                             <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>
-                            <input id="character_search_bar" class="text_pole width100p" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." maxlength="100" />
+                            <input id="character_search_bar" class="text_pole width100p" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." />
                             <select id="character_sort_order" title="Characters sorting order" data-i18n="[title]Characters sorting order">
                                 <option data-field="search" data-order="desc" data-i18n="Search" hidden>Search</option>
                                 <option data-field="name" data-order="asc" data-i18n="A-Z">A-Z</option>
@@ -4987,1048 +4916,1082 @@
         </div>
     </div>
     <!-- various fullscreen popups -->
-    <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 -->
-        <dialog class="popup">
-            <div class="popup-body">
-                <div class="popup-content">
-                    <h3 class="popup-header">text</h3>
+    <div name="templatesAndPopupsWrapper"> <!--this div is just for IDE sanity for quick collapsing-->
+        <div id="export_format_popup" class="list-group">
+            <div class="export_format list-group-item" data-format="png">PNG</div>
+            <div class="export_format list-group-item" data-format="json">JSON</div>
+        </div>
+        <div id="zoomed_avatar_template" class="template_element">
+            <div class="zoomed_avatar">
+                <div class="panelControlBar flex-container">
+                    <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
+                    <div class="fa-fw fa-solid fa-circle-xmark dragClose" id="closeZoom"></div>
                 </div>
-                <div class="popup-crop-wrap">
-                    <img class="popup-crop-image" src="">
-                </div>
-                <textarea class="popup-input text_pole result-control auto-select" rows="1" data-result="1" data-result-event="submit"></textarea>
-                <div class="popup-inputs"></div>
-                <div class="popup-controls">
-                    <div class="popup-button-ok menu_button result-control" data-result="1" data-i18n="Delete">Delete</div>
-                    <div class="popup-button-cancel menu_button result-control" data-result="0" data-i18n="Cancel">Cancel</div>
-                </div>
-            </div>
-            <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>
-        </dialog>
-    </template>
-    <div id="shadow_popup">
-        <div id="dialogue_popup">
-            <div id="dialogue_popup_holder">
-                <div id="dialogue_popup_text">
-                    <h3 class="margin0">text</h3>
-                </div>
-                <textarea id="dialogue_popup_input" class="text_pole" rows="1"></textarea>
-                <div id="dialogue_popup_controls">
-                    <div id="dialogue_popup_ok" class="menu_button" data-i18n="Delete" data-result="1">Delete</div>
-                    <div id="dialogue_popup_cancel" class="menu_button" data-i18n="Cancel" data-result="0">Cancel</div>
+                <div class="zoomed_avatar_container">
+                    <img class="zoomed_avatar_img" src="" data-izoomify-url="" data-izoomify-magnify="1.8" data-izoomify-duration="300" alt="">
                 </div>
             </div>
         </div>
-    </div>
-    <div id="character_popup" class="flex-container flexFlowColumn flexNoGap">
-        <div id="character_popup_text">
-            <h3 id="character_popup-button-h3" class="margin0"></h3> <span data-i18n="Advanced Defininitions">- Advanced
-                Definitions</span>
-        </div>
-        <hr class="margin-bot-10px">
-        <div id="character_cross" class="fa-solid fa-circle-xmark"></div>
-        <div class="inline-drawer">
-            <div class="inline-drawer-toggle inline-drawer-header">
-                <h4>
-                    <span data-i18n="Prompt Overrides">Prompt Overrides</span>
-                    <small data-i18n="(For Chat Completion and Instruct Mode)">(For Chat Completion and Instruct Mode)</small>
-                </h4>
-                <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-            </div>
-            <div class="inline-drawer-content">
-                <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>
-                <div>
-                    <h4 data-i18n="Main Prompt">Main Prompt</h4>
-                    <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>
-                    <div class="extension_token_counter">
-                        <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="system_prompt_textarea">counting...</span>
-                    </div>
-                </div>
-                <div>
-                    <h4 data-i18n="Post-History Instructions">Post-History Instructions</h4>
-                    <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>
-                    <div class="extension_token_counter">
-                        <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="post_history_instructions_textarea">counting...</span>
-                    </div>
+        <template id="generic_draggable_template">
+            <div class="draggable">
+                <div class="dragTitle"></div>
+                <div class="panelControlBar flex-container">
+                    <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
+                    <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
                 </div>
             </div>
-        </div>
-        <hr>
-        <div class="inline-drawer">
-            <div class="inline-drawer-toggle inline-drawer-header">
-                <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 -->
-                    <span data-i18n="Creator's Metadata">Creator's Metadata</span>
-                    <small data-i18n="(Not sent with the AI Prompt)">(Not sent with the AI Prompt)</small>
-                </h4>
-                <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-            </div>
-            <div class="inline-drawer-content">
-                <small data-i18n="Everything here is optional">Everything here is optional</small>
-                <div class="flex-container flexnowrap">
-                    <div class="flex1">
-                        <h4 data-i18n="Created by">Created by</h4>
-                        <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>
-                    </div>
-                    <div class="flex1">
-                        <h4 data-i18n="Character Version">Character Version</h4>
-                        <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>
-                    </div>
+        </template>
+        <div id="user_avatar_template" class="template_element">
+            <div class="avatar-container">
+                <div imgfile="" class="avatar">
+                    <img src="" alt="User Avatar">
                 </div>
-                <div class="flex-container flexnowrap">
-                    <div class="flex1">
-                        <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>
-                        <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>
-                    </div>
-                    <div class="flex1">
-                        <h4 data-i18n="Tags to Embed">Tags to Embed</h4>
-                        <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>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <hr>
-        <div id="personality_div">
-            <h4>
-                <span data-i18n="Personality summary">Personality summary</span>
-                <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>
-            </h4>
-            <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>
-            <div class="extension_token_counter">
-                <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="personality_textarea" data-token-permanent="true">counting...</span>
-            </div>
-        </div>
-        <div id="scenario_div">
-            <h4>
-                <span data-i18n="Scenario">Scenario</span>
-                <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#scenario" class="notes-link" target="_blank">
-                    <span class="fa-solid fa-circle-question note-link-span"></span>
-                </a>
-            </h4>
-            <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>
-            <div class="extension_token_counter">
-                <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="scenario_pole" data-token-permanent="true">counting...</span>
-            </div>
-        </div>
-        <div id="depth_prompt_div" class="flex-container">
-            <div class="flex1">
-                <h4>
-                    <span data-i18n="Character's Note">
-                        Character's Note
-                    </span>
-                </h4>
-                <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>
-            </div>
-            <div>
-                <h4>
-                    <span data-i18n="@ Depth">
-                        @ Depth
-                    </span>
-                </h4>
-                <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" />
-                <h4>
-                    <span data-i18n="Role">
-                        Role
-                    </span>
-                </h4>
-                <select id="depth_prompt_role" name="depth_prompt_role" form="form_create" class="text_pole textarea_compact m-t-0">
-                    <option value="system" data-i18n="System">System</option>
-                    <option value="user" data-i18n="User">User</option>
-                    <option value="assistant" data-i18n="Assistant">Assistant</option>
-                </select>
-                <div class="extension_token_counter">
-                    <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="depth_prompt_prompt" data-token-permanent="true">counting...</span>
-                </div>
-            </div>
-        </div>
-        <div id="talkativeness_div">
-            <h4><span data-i18n="Talkativeness">Talkativeness</span></h4>
-            <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 -->
-                <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>
-            </h5>
-            <input id="talkativeness_slider" name="talkativeness" type="range" min="0" max="1" step="0.05" value="0.5" form="form_create">
-            <div class="slider_hint">
-                <span data-i18n="Shy">Shy</span>
-                <span data-i18n="Normal">Normal</span>
-                <span data-i18n="Chatty">Chatty</span>
-            </div>
-        </div>
-        <hr>
-        <div id="mes_example_div" class="flex-container flexFlowColumn">
-            <div>
-                <h4><span data-i18n="Examples of dialogue">Examples of dialogue</span></h4>
-                <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>
-            </div>
-            <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>
-            <div class="extension_token_counter">
-                <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="mes_example_textarea">counting...</span>
-            </div>
-            <!-- PLACEHOLDER CODE FOR NEW EXAMPLE CHAT HANDLING
-                <div name="exampleChatsBlockTemplate" class="flex-container flexFlowColumn">
-                    <div class="flex-container alignitemscenter">
-                        <textarea class="flexShrink flexGrow wideMinContent" rows="1" placeholder="Name for this example chat"></textarea>
-                        <div class="fa-solid fa-plus menu_button" title="Add a new message to this example chat block"></div>
-                    </div>
-                    <div class="flex-container whitespacenowrap">
-                        <div class="flex-container flexFlowColumn">
-                            <select>
-                                <option>{{user}}</option>
-                                <option>{{char}}</option>
-                                <option>Custom</option>
-                            </select>
-                            <textarea rows="1" placeholder="Custom Entity"></textarea>
+                <div class="flex-container wide100pLess70px character_select_container">
+                    <div class="wide100p character_name_block">
+                        <span class="ch_name flex1"></span>
+                        <div class="avatar-buttons">
+                            <button class="menu_button bind_user_name" title="Bind user name to that avatar" data-i18n="[title]Bind user name to that avatar">
+                                <i class="fa-fw fa-solid fa-user-edit"></i>
+                            </button>
+                            <button class="menu_button set_persona_image" title="Change persona image" data-i18n="[title]Change persona image">
+                                <i class="fa-fw fa-solid fa-image"></i>
+                            </button>
+                            <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.">
+                                <i class="fa-fw fa-solid fa-crown"></i>
+                            </button>
+                            <button class="menu_button duplicate_persona" title="Duplicate persona" data-i18n="[title]Duplicate persona">
+                                <i class="fa-fw fa-solid fa-clone"></i>
+                            </button>
+                            <button class="menu_button delete_avatar" title="Delete persona" data-i18n="[title]Delete persona">
+                                <i class="fa-fw fa-solid fa-trash-alt"></i>
+                            </button>
                         </div>
-                        <textarea class="flexShrink flexGrow wideMinContent" placeholder="Content of the example chat."></textarea>
                     </div>
-                    <div class="flex-container whitespacenowrap">
-                        <div class="flex-container flexFlowColumn">
-                            <select>
-                                <option>{{user}}</option>
-                                <option>{{char}}</option>
-                                <option>Custom</option>
-                            </select>
-                            <textarea rows="1" placeholder="Custom Entity"></textarea>
-                        </div>
-                        <textarea class="flexShrink flexGrow wideMinContent" placeholder="Content of the example chat."></textarea>
+                    <div class="ch_description"></div>
+                </div>
+            </div>
+        </div>
+        <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 -->
+            <dialog class="popup">
+                <div class="popup-body">
+                    <div class="popup-content">
+                        <h3 class="popup-header">text</h3>
+                    </div>
+                    <div class="popup-crop-wrap">
+                        <img class="popup-crop-image" src="">
+                    </div>
+                    <textarea class="popup-input text_pole result-control" rows="1" data-result="1" data-result-event="submit"></textarea>
+                    <div class="popup-inputs"></div>
+                    <div class="popup-controls">
+                        <div class="popup-button-ok menu_button result-control" data-result="1" data-i18n="Delete">Delete</div>
+                        <div class="popup-button-cancel menu_button result-control" data-result="0" data-i18n="Cancel">Cancel</div>
                     </div>
                 </div>
-            -->
-        </div>
-        <div id="character_popup_ok" class="menu_button" data-i18n="Save">Save</div>
-    </div>
-    <div id="shadow_select_chat_popup">
-        <div id="select_chat_popup">
-            <div name="selectChatPopupHeader" class="flex-container alignitemscenter justifySpaceBetween flexGap10">
-                <div id="select_chat_import"> <!-- import chat popup header -->
-                    <form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
-                        <input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
-                        <input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
-                        <input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
-                        <input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
-                    </form>
+                <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>
+            </dialog>
+        </template>
+        <div id="shadow_popup">
+            <div id="dialogue_popup">
+                <div id="dialogue_popup_holder">
+                    <div id="dialogue_popup_text">
+                        <h3 class="margin0">text</h3>
+                    </div>
+                    <textarea id="dialogue_popup_input" class="text_pole" rows="1"></textarea>
+                    <div id="dialogue_popup_controls">
+                        <div id="dialogue_popup_ok" class="menu_button" data-i18n="Delete" data-result="1">Delete</div>
+                        <div id="dialogue_popup_cancel" class="menu_button" data-i18n="Cancel" data-result="0">Cancel</div>
+                    </div>
                 </div>
-                <div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
-                    <span id="ChatHistoryCharName"></span><span data-i18n="Chat History">Chat History</span>
-                    <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>
+            </div>
+        </div>
+        <div id="character_popup" class="flex-container flexFlowColumn flexNoGap">
+            <div id="character_popup_text">
+                <h3 id="character_popup-button-h3" class="margin0"></h3> <span data-i18n="Advanced Defininitions">- Advanced
+                    Definitions</span>
+            </div>
+            <hr class="margin-bot-10px">
+            <div id="character_cross" class="fa-solid fa-circle-xmark"></div>
+            <div class="inline-drawer">
+                <div class="inline-drawer-toggle inline-drawer-header">
+                    <h4>
+                        <span data-i18n="Prompt Overrides">Prompt Overrides</span>
+                        <small data-i18n="(For Chat Completion and Instruct Mode)">(For Chat Completion and Instruct Mode)</small>
+                    </h4>
+                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                 </div>
-                <div id="newChatFromManageScreenButton" class="menu_button menu_button_icon">
-                    <i class="fa-solid fa-plus"></i>
-                    <span data-i18n="New Chat">New Chat</span>
-                </div>
-                <div id="chat_import_button" class="menu_button menu_button_icon">
-                    <i class="fa-solid fa-file-import"></i>
-                    <span data-i18n="Import Chat">Import Chat</span>
-                </div>
-                <input type="text" id="select_chat_search" class="text_pole flex1" data-i18n="[placeholder]Search..." placeholder="Search..." autocomplete="off">
-                <div id="select_chat_cross" class="opacity50p hoverglow fa-solid fa-circle-xmark fontsize120p" alt="Close Past Chat Popup"></div>
-            </div>
-            <div id="select_chat_div"></div>
-            <div id="load_select_chat_div">
-                <div class="fa-solid fa-hourglass fa-spin"></div>
-            </div>
-        </div>
-    </div>
-    <div id="background_template" class="template_element">
-        <div class="bg_example flex-container" bgfile="" class="bg_example_img" title="">
-            <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>
-            <div title="Rename background" data-i18n="[title]Rename background" class="bg_button bg_example_edit fa-solid fa-pencil"></div>
-            <div title="Lock" data-i18n="[title]Lock" class="bg_button bg_example_lock fa-solid fa-lock"></div>
-            <div title="Unlock" data-i18n="[title]Unlock" class="bg_button bg_example_unlock fa-solid fa-lock-open"></div>
-            <div title="Delete background" data-i18n="[title]Delete background" class="bg_button bg_example_cross fa-solid fa-circle-xmark"></div>
-            <div class="BGSampleTitle">
-            </div>
-        </div>
-    </div>
-    <!-- templates for JS to reuse when needed -->
-    <div id="chat_world_template" class="template_element">
-        <div class="chat_world range-block flexFlowColumn flex-container">
-            <div class="range-block-title">
-                <h4 data-i18n="Chat Lorebook"><!-- This data-i18n attribute is kept for backward compatibility, use the ones below when translating -->
-                    <span data-i18n="Chat Lorebook for">Chat Lorebook for</span> <span class="chat_name"></span>
-                </h4>
-            </div>
-            <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
-                <span data-i18n="chat_world_template_txt">
-                    A selected World Info will be bound to this chat. When generating an AI reply,
-                    it will be combined with the entries from global and character lorebooks.
-                </span>
-            </div>
-            <div class="range-block-range wide100p">
-                <select class="chat_world_info_selector wide100p">
-                    <option value="">--- None ---</option>
-                </select>
-            </div>
-        </div>
-    </div>
-    <div id="character_world_template" class="template_element">
-        <div class="character_world range-block flexFlowColumn flex-container">
-            <div class="range-block-title">
-                <h3>
-                    <span data-i18n="Select a World Info file for"> Select a World Info file for <span class="character_name"></span></span>:
-                </h3>
-            </div>
-            <h4 data-i18n="Primary Lorebook">Primary Lorebook</h4>
-            <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
-                <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>
-                <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>
-                <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>
-            </div>
-            <div class="range-block-range wide100p">
-                <select class="character_world_info_selector wide100p">
-                    <option value="">--- None ---</option>
-                </select>
-            </div>
-            <div class="range-block-title">
-                <h4>
-                    <span data-i18n="Additional Lorebooks">Additional Lorebooks</span>
-                </h4>
-            </div>
-            <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
-                <span data-i18n="Associate one or more auxillary Lorebooks with this character.">Associate one or more auxillary Lorebooks with this character.</span><br>
-                <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>
-            </div>
-            <div class="range-block-range wide100p">
-                <select class="character_extra_world_info_selector wide100p" multiple>
-                    <option value="" data-i18n="-- World Info not found --">-- World Info not found --</option>
-                </select>
-            </div>
-        </div>
-    </div>
-    <div id="past_chat_template" class="template_element">
-        <div class="select_chat_block_wrapper flex-container">
-            <div class="select_chat_block  wide100p flex-container" file_name="">
-                <div id="select_chat_name_wrapper" class="flex-container alignitemscenter justifySpaceBetween wide100p">
+                <div class="inline-drawer-content">
+                    <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>
                     <div>
-                        <small class="select_chat_block_filename select_chat_block_filename_item"></small>
-                        <div title="Rename chat file" class="renameChatButton hoverglow opacity50p fa-solid fa-pencil" data-i18n="[title]Rename chat file"></div>
+                        <h4 data-i18n="Main Prompt">Main Prompt</h4>
+                        <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>
+                        <div class="extension_token_counter">
+                            <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="system_prompt_textarea">counting...</span>
+                        </div>
                     </div>
-                    <div class="flex-container gap10px">
-                        <div class="select_chat_info flex-container">
-                            <small class="chat_messages_date select_chat_block_filename_item"></small>
-                            <small class="chat_file_size select_chat_block_filename_item"></small>
-                            <small class="chat_messages_num select_chat_block_filename_item"></small>
+                    <div>
+                        <h4 data-i18n="Post-History Instructions">Post-History Instructions</h4>
+                        <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>
+                        <div class="extension_token_counter">
+                            <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="post_history_instructions_textarea">counting...</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <hr>
+            <div class="inline-drawer">
+                <div class="inline-drawer-toggle inline-drawer-header">
+                    <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 -->
+                        <span data-i18n="Creator's Metadata">Creator's Metadata</span>
+                        <small data-i18n="(Not sent with the AI Prompt)">(Not sent with the AI Prompt)</small>
+                    </h4>
+                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
+                </div>
+                <div class="inline-drawer-content">
+                    <small data-i18n="Everything here is optional">Everything here is optional</small>
+                    <div class="flex-container flexnowrap">
+                        <div class="flex1">
+                            <h4 data-i18n="Created by">Created by</h4>
+                            <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>
+                        </div>
+                        <div class="flex1">
+                            <h4 data-i18n="Character Version">Character Version</h4>
+                            <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>
+                        </div>
+                    </div>
+                    <div class="flex-container flexnowrap">
+                        <div class="flex1">
+                            <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>
+                            <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>
+                        </div>
+                        <div class="flex1">
+                            <h4 data-i18n="Tags to Embed">Tags to Embed</h4>
+                            <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>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <hr>
+            <div id="personality_div">
+                <h4>
+                    <span data-i18n="Personality summary">Personality summary</span>
+                    <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>
+                </h4>
+                <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>
+                <div class="extension_token_counter">
+                    <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="personality_textarea" data-token-permanent="true">counting...</span>
+                </div>
+            </div>
+            <div id="scenario_div">
+                <h4>
+                    <span data-i18n="Scenario">Scenario</span>
+                    <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#scenario" class="notes-link" target="_blank">
+                        <span class="fa-solid fa-circle-question note-link-span"></span>
+                    </a>
+                </h4>
+                <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>
+                <div class="extension_token_counter">
+                    <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="scenario_pole" data-token-permanent="true">counting...</span>
+                </div>
+            </div>
+            <div id="depth_prompt_div" class="flex-container">
+                <div class="flex1">
+                    <h4>
+                        <span data-i18n="Character's Note">
+                            Character's Note
+                        </span>
+                    </h4>
+                    <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>
+                </div>
+                <div>
+                    <h4>
+                        <span data-i18n="@ Depth">
+                            @ Depth
+                        </span>
+                    </h4>
+                    <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" />
+                    <h4>
+                        <span data-i18n="Role">
+                            Role
+                        </span>
+                    </h4>
+                    <select id="depth_prompt_role" name="depth_prompt_role" form="form_create" class="text_pole textarea_compact m-t-0">
+                        <option value="system" data-i18n="System">System</option>
+                        <option value="user" data-i18n="User">User</option>
+                        <option value="assistant" data-i18n="Assistant">Assistant</option>
+                    </select>
+                    <div class="extension_token_counter">
+                        <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="depth_prompt_prompt" data-token-permanent="true">counting...</span>
+                    </div>
+                </div>
+            </div>
+            <div id="talkativeness_div">
+                <h4><span data-i18n="Talkativeness">Talkativeness</span></h4>
+                <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 -->
+                    <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>
+                </h5>
+                <input id="talkativeness_slider" name="talkativeness" type="range" min="0" max="1" step="0.05" value="0.5" form="form_create">
+                <div class="slider_hint">
+                    <span data-i18n="Shy">Shy</span>
+                    <span data-i18n="Normal">Normal</span>
+                    <span data-i18n="Chatty">Chatty</span>
+                </div>
+            </div>
+            <hr>
+            <div id="mes_example_div" class="flex-container flexFlowColumn">
+                <div>
+                    <h4><span data-i18n="Examples of dialogue">Examples of dialogue</span></h4>
+                    <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>
+                </div>
+                <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>
+                <div class="extension_token_counter">
+                    <span data-i18n="extension_token_counter">Tokens:</span> <span data-token-counter="mes_example_textarea">counting...</span>
+                </div>
+                <!-- TODO: Example chats handhold-editor concept: https://gist.github.com/Cohee1207/50da02a4001ac1adae9b440f9b8e1079 -->
+            </div>
+            <div id="character_popup_ok" class="menu_button" data-i18n="Save">Save</div>
+        </div>
+
+        <div id="shadow_select_chat_popup">
+            <div id="select_chat_popup">
+                <div name="selectChatPopupHeader" class="flex-container alignitemscenter justifySpaceBetween flexGap10">
+                    <div id="select_chat_import"> <!-- import chat popup header -->
+                        <form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
+                            <input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
+                            <input id="chat_import_file_type" name="file_type" class="text_pole" value="" autocomplete="off" style="display: none;">
+                            <input id="chat_import_avatar_url" name="avatar_url" class="text_pole" value="" autocomplete="off" style="display: none;">
+                            <input id="chat_import_character_name" name="character_name" class="text_pole" value="" autocomplete="off" style="display: none;">
+                        </form>
+                    </div>
+                    <div id="selectChatPopupHeaderText" class="TxtLrgBoldCenter">
+                        <span id="ChatHistoryCharName"></span><span data-i18n="Chat History">Chat History</span>
+                        <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>
+                    </div>
+                    <div id="newChatFromManageScreenButton" class="menu_button menu_button_icon">
+                        <i class="fa-solid fa-plus"></i>
+                        <span data-i18n="New Chat">New Chat</span>
+                    </div>
+                    <div id="chat_import_button" class="menu_button menu_button_icon">
+                        <i class="fa-solid fa-file-import"></i>
+                        <span data-i18n="Import Chat">Import Chat</span>
+                    </div>
+                    <input type="text" id="select_chat_search" class="text_pole flex1" data-i18n="[placeholder]Search..." placeholder="Search..." autocomplete="off">
+                    <div id="select_chat_cross" class="opacity50p hoverglow fa-solid fa-circle-xmark fontsize120p" alt="Close Past Chat Popup"></div>
+                </div>
+                <div id="select_chat_div"></div>
+                <div id="load_select_chat_div">
+                    <div class="fa-solid fa-hourglass fa-spin"></div>
+                </div>
+            </div>
+        </div>
+        <div id="background_template" class="template_element">
+            <div class="bg_example flex-container" bgfile="" class="bg_example_img" title="">
+                <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>
+                <div title="Rename background" data-i18n="[title]Rename background" class="bg_button bg_example_edit fa-solid fa-pencil"></div>
+                <div title="Lock" data-i18n="[title]Lock" class="bg_button bg_example_lock fa-solid fa-lock"></div>
+                <div title="Unlock" data-i18n="[title]Unlock" class="bg_button bg_example_unlock fa-solid fa-lock-open"></div>
+                <div title="Delete background" data-i18n="[title]Delete background" class="bg_button bg_example_cross fa-solid fa-circle-xmark"></div>
+                <div class="BGSampleTitle">
+                </div>
+            </div>
+        </div>
+        <!-- templates for JS to reuse when needed -->
+        <div id="chat_world_template" class="template_element">
+            <div class="chat_world range-block flexFlowColumn flex-container">
+                <div class="range-block-title">
+                    <h4 data-i18n="Chat Lorebook"><!-- This data-i18n attribute is kept for backward compatibility, use the ones below when translating -->
+                        <span data-i18n="Chat Lorebook for">Chat Lorebook for</span> <span class="chat_name"></span>
+                    </h4>
+                </div>
+                <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
+                    <span data-i18n="chat_world_template_txt">
+                        A selected World Info will be bound to this chat. When generating an AI reply,
+                        it will be combined with the entries from global and character lorebooks.
+                    </span>
+                </div>
+                <div class="range-block-range wide100p">
+                    <select class="chat_world_info_selector wide100p">
+                        <option value="">--- None ---</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div id="character_world_template" class="template_element">
+            <div class="character_world range-block flexFlowColumn flex-container">
+                <div class="range-block-title">
+                    <h3>
+                        <span data-i18n="Select a World Info file for"> Select a World Info file for <span class="character_name"></span></span>:
+                    </h3>
+                </div>
+                <h4 data-i18n="Primary Lorebook">Primary Lorebook</h4>
+                <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
+                    <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>
+                    <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>
+                    <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>
+                </div>
+                <div class="range-block-range wide100p">
+                    <select class="character_world_info_selector wide100p">
+                        <option value="">--- None ---</option>
+                    </select>
+                </div>
+                <div class="range-block-title">
+                    <h4>
+                        <span data-i18n="Additional Lorebooks">Additional Lorebooks</span>
+                    </h4>
+                </div>
+                <div class="range-block-counter justifyLeft flex-container flexFlowColumn margin-bot-10px">
+                    <span data-i18n="Associate one or more auxillary Lorebooks with this character.">Associate one or more auxillary Lorebooks with this character.</span><br>
+                    <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>
+                </div>
+                <div class="range-block-range wide100p">
+                    <select class="character_extra_world_info_selector wide100p" multiple>
+                        <option value="" data-i18n="-- World Info not found --">-- World Info not found --</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div id="past_chat_template" class="template_element">
+            <div class="select_chat_block_wrapper flex-container">
+                <div class="select_chat_block  wide100p flex-container" file_name="">
+                    <div id="select_chat_name_wrapper" class="flex-container alignitemscenter justifySpaceBetween wide100p">
+                        <div>
+                            <small class="select_chat_block_filename select_chat_block_filename_item"></small>
+                            <div title="Rename chat file" class="renameChatButton hoverglow opacity50p fa-solid fa-pencil" data-i18n="[title]Rename chat file"></div>
                         </div>
                         <div class="flex-container gap10px">
-                            <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>
-                            <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>
-                            <div title="Delete chat file" file_name="" class="PastChat_cross opacity50p hoverglow fa-solid fa-skull" data-i18n="[title]Delete chat file"></div>
+                            <div class="select_chat_info flex-container">
+                                <small class="chat_messages_date select_chat_block_filename_item"></small>
+                                <small class="chat_file_size select_chat_block_filename_item"></small>
+                                <small class="chat_messages_num select_chat_block_filename_item"></small>
+                            </div>
+                            <div class="flex-container gap10px">
+                                <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>
+                                <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>
+                                <div title="Delete chat file" file_name="" class="PastChat_cross opacity50p hoverglow fa-solid fa-skull" data-i18n="[title]Delete chat file"></div>
+                            </div>
                         </div>
                     </div>
+                    <div class="select_chat_block_mes"></div>
                 </div>
-                <div class="select_chat_block_mes"></div>
             </div>
         </div>
-    </div>
-    <div id="tag_view_template" class="template_element">
-        <div class="tag_view_item">
-            <div class="drag-handle" data-i18n="[title]Drag to reorder tag">☰</div>
-            <div title="Tag as folder" class="tag_as_folder fa-solid fa-folder-open right_menu_button" data-i18n="[title]Use tag as folder">
-                <span class="tag_folder_indicator"></span>
+        <div id="tag_view_template" class="template_element">
+            <div class="tag_view_item">
+                <div class="drag-handle" data-i18n="[title]Drag to reorder tag">☰</div>
+                <div title="Tag as folder" class="tag_as_folder fa-solid fa-folder-open right_menu_button" data-i18n="[title]Use tag as folder">
+                    <span class="tag_folder_indicator"></span>
+                </div>
+                <div class="tag_view_color_picker" data-value="color"></div>
+                <div class="tag_view_color_picker" data-value="color2"></div>
+                <div class="tag_view_name" contenteditable="true"></div>
+                <div class="tag_view_counter"><span class="tag_view_counter_value"></span>&nbsp;entries</div>
+                <div title="Delete tag" class="tag_delete fa-solid fa-trash-can right_menu_button" data-i18n="[title]Delete tag"></div>
             </div>
-            <div class="tag_view_color_picker" data-value="color"></div>
-            <div class="tag_view_color_picker" data-value="color2"></div>
-            <div class="tag_view_name" contenteditable="true"></div>
-            <div class="tag_view_counter"><span class="tag_view_counter_value"></span>&nbsp;entries</div>
-            <div title="Delete tag" class="tag_delete fa-solid fa-trash-can right_menu_button" data-i18n="[title]Delete tag"></div>
         </div>
-    </div>
-    <div id="entry_edit_template" class="template_element">
-        <div class="world_entry">
-            <form class="world_entry_form  wi-card-entry">
-                <div class="inline-drawer wide100p">
-                    <div class="inline-drawer-header gap5px padding0">
-                        <span class="drag-handle">&#9776;</span>
-                        <div class="gap5px world_entry_thin_controls wide100p alignitemscenter">
-                            <div class="inline-drawer-toggle fa-fw fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
-                            <div class="fa-solid fa-toggle-on killSwitch" name="entryKillSwitch" title="Toggle entry's active state."></div>
-                            <div class="flex-container alignitemscenter wide100p">
-
-                                <div class="WIEntryTitleAndStatus flex-container flex1 alignitemscenter">
-
-                                    <div class="flex-container flex1">
-                                        <textarea class="text_pole" rows="1" name="comment" maxlength="5000" data-i18n="[placeholder]Entry Title/Memo" placeholder="Entry Title/Memo"></textarea>
+        <div id="entry_edit_template" class="template_element">
+            <div class="world_entry">
+                <form class="world_entry_form  wi-card-entry">
+                    <div class="inline-drawer wide100p">
+                        <div class="inline-drawer-toggle inline-drawer-header gap5px padding0">
+                            <span class="drag-handle">&#9776;</span>
+                            <div class="gap5px world_entry_thin_controls wide100p alignitemscenter">
+                                <div class="fa-fw fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
+                                <div class="flex-container alignitemscenter wide100p">
+                                    <div class="WIEntryTitleAndStatus flex-container flex1 alignitemscenter">
+                                        <div class="flex-container flex1">
+                                            <textarea class="text_pole" rows="1" name="comment" data-i18n="[placeholder]Entry Title/Memo" placeholder="Entry Title/Memo"></textarea>
+                                        </div>
+                                        <!-- <span class="world_entry_form_position_value"></span> -->
+                                        <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">
+                                            <option value="constant" title="Constant" data-i18n="[title]WI_Entry_Status_Constant">🔵</option>
+                                            <option value="normal" title="Normal" data-i18n="[title]WI_Entry_Status_Normal">🟢</option>
+                                            <option value="vectorized" title="Vectorized" data-i18n="[title]WI_Entry_Status_Vectorized">🔗</option>
+                                            <option value="disabled" title="Disabled" data-i18n="[title]WI_Entry_Status_Disabled">❌</option>
+                                        </select>
+                                    </div>
+                                    <div class="WIEnteryHeaderControls flex-container">
+                                        <div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
+                                            <label for="position" class="WIEntryHeaderTitleMobile" data-i18n="Position:">Position:</label>
+                                            <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)">
+                                                <option value="0" data-role="" data-i18n="Before Char Defs">
+                                                    ↑Char
+                                                </option>
+                                                <option value="1" data-role="" data-i18n="After Char Defs">
+                                                    ↓Char
+                                                </option>
+                                                <option value="5" data-role="" data-i18n="Before EM">
+                                                    ↑EM
+                                                </option>
+                                                <option value="6" data-role="" data-i18n="After EM">
+                                                    ↓EM
+                                                </option>
+                                                <option value="2" data-role="" data-i18n="Before AN">
+                                                    ↑AN
+                                                </option>
+                                                <option value="3" data-role="" data-i18n="After AN">
+                                                    ↓AN
+                                                </option>
+                                                <option value="4" data-role="0" data-i18n="at Depth System">
+                                                    @D ⚙️
+                                                </option>
+                                                <option value="4" data-role="1" data-i18n="at Depth User">
+                                                    @D 👤
+                                                </option>
+                                                <option value="4" data-role="2" data-i18n="at Depth AI">
+                                                    @D 🤖
+                                                </option>
+                                            </select>
+                                        </div>
+                                        <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
+                                            <label for="depth" class="WIEntryHeaderTitleMobile" data-i18n="Depth:">Depth:</label>
+                                            <input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" data-i18n="[title]Depth" placeholder="" min="0" max="999" />
+                                        </div>
+                                        <div class="world_entry_form_control wi-enter-footer-text  flex-container flexNoGap">
+                                            <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Order:</label>
+                                            <input title="Order" data-i18n="[title]Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" />
+                                        </div>
+                                        <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer">
+                                            <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Trigger %:">Trigger %:</label>
+                                            <input title="Probability" data-i18n="[title]Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" />
+                                        </div>
                                     </div>
-                                    <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">
-                                        <option value="constant" title="Constant" data-i18n="[title]WI_Entry_Status_Constant">🔵</option>
-                                        <option value="normal" title="Normal" data-i18n="[title]WI_Entry_Status_Normal">🟢</option>
-                                        <option value="vectorized" title="Vectorized" data-i18n="[title]WI_Entry_Status_Vectorized">🔗</option>
-                                    </select>
                                 </div>
-                                <div class="WIEnteryHeaderControls flex-container">
-                                    <div name="PositionBlock" class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
-                                        <label for="position" class="WIEntryHeaderTitleMobile" data-i18n="Position:">Position:</label>
-                                        <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)">
-                                            <option value="0" data-role="" data-i18n="Before Char Defs">
-                                                ↑Char
-                                            </option>
-                                            <option value="1" data-role="" data-i18n="After Char Defs">
-                                                ↓Char
-                                            </option>
-                                            <option value="5" data-role="" data-i18n="Before EM">
-                                                ↑EM
-                                            </option>
-                                            <option value="6" data-role="" data-i18n="After EM">
-                                                ↓EM
-                                            </option>
-                                            <option value="2" data-role="" data-i18n="Before AN">
-                                                ↑AN
-                                            </option>
-                                            <option value="3" data-role="" data-i18n="After AN">
-                                                ↓AN
-                                            </option>
-                                            <option value="4" data-role="0" data-i18n="at Depth System">
-                                                @D ⚙️
-                                            </option>
-                                            <option value="4" data-role="1" data-i18n="at Depth User">
-                                                @D 👤
-                                            </option>
-                                            <option value="4" data-role="2" data-i18n="at Depth AI">
-                                                @D 🤖
+                            </div>
+                            <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>
+                            <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>
+                        </div>
+                        <div class="inline-drawer-content flex-container paddingBottom5px wide100p">
+                            <div class="flex-container wide100p alignitemscenter">
+                                <div name="keywordsAndLogicBlock" class="flex-container wide100p alignitemscenter">
+                                    <div class="world_entry_form_control flex1">
+                                        <small class="displayNone">
+                                            <span data-i18n="Comma separated (required)">
+                                                Comma separated (required)
+                                            </span>
+                                        </small>
+                                        <small class="textAlignCenter" data-i18n="Primary Keywords">Primary Keywords</small>
+                                        <select class="keyprimaryselect keyselect select2_multi_sameline" name="key" data-i18n="[placeholder]Keywords or Regexes" placeholder="Keywords or Regexes" multiple="multiple"></select>
+                                        <textarea class="text_pole keyprimarytextpole mobile" name="key" rows="1" data-i18n="[placeholder]Comma separated list" placeholder="Comma separated list" style="display: none;"></textarea>
+                                        <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">
+                                            ⌨️
+                                        </button>
+                                    </div>
+                                    <div class="world_entry_form_control">
+                                        <small class="textAlignCenter" data-i18n="Logic">Logic</small>
+                                        <select name="entryLogicType" class="text_pole widthFitContent margin0">
+                                            <option value="0" data-i18n="AND ANY">AND ANY</option>
+                                            <option value="3" data-i18n="AND ALL">AND ALL</option>
+                                            <option value="1" data-i18n="NOT ALL">NOT ALL</option>
+                                            <option value="2" data-i18n="NOT ANY">NOT ANY</option>
+                                        </select>
+                                    </div>
+                                    <div class="world_entry_form_control keysecondary flex1">
+                                        <small class="displayNone">
+                                            <span data-i18n="(ignored if empty)">
+                                                (ignored if empty)
+                                            </span>
+                                        </small>
+                                        <small class="textAlignCenter" data-i18n="Optional Filter">Optional Filter</small>
+                                        <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>
+                                        <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>
+                                        <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">
+                                            ⌨️
+                                        </button>
+                                    </div>
+                                </div>
+                                <div name="perEntryOverridesBlock" class="flex-container wide100p alignitemscenter">
+                                    <div class="world_entry_form_control flex1">
+                                        <small class="textAlignCenter" data-i18n="Scan Depth">Scan Depth</small>
+                                        <input class="text_pole margin0" name="scanDepth" type="number" placeholder="Use global setting" data-i18n="[placeholder]Use global setting" max="1000">
+                                    </div>
+                                    <div class="world_entry_form_control flex1">
+                                        <small class="textAlignCenter" data-i18n="Case-Sensitive">Case-Sensitive</small>
+                                        <select name="caseSensitive" class="text_pole widthNatural margin0">
+                                            <option value="null" data-i18n="Use global setting">Use global setting</option>
+                                            <option value="true" data-i18n="Yes">Yes</option>
+                                            <option value="false" data-i18n="No">No</option>
+                                        </select>
+                                    </div>
+                                    <div class="world_entry_form_control flex1">
+                                        <small class="textAlignCenter" data-i18n="Match Whole Words">Match Whole Words</small>
+                                        <select name="matchWholeWords" class="text_pole widthNatural margin0">
+                                            <option value="null" data-i18n="Use global setting">Use global setting</option>
+                                            <option value="true" data-i18n="Yes">Yes</option>
+                                            <option value="false" data-i18n="No">No</option>
+                                        </select>
+                                    </div>
+                                    <div class="world_entry_form_control flex1">
+                                        <small class="textAlignCenter" data-i18n="Use Group Scoring">Use Group Scoring</small>
+                                        <select name="useGroupScoring" class="text_pole widthNatural margin0">
+                                            <option value="null" data-i18n="Use global setting">Use global setting</option>
+                                            <option value="true" data-i18n="Yes">Yes</option>
+                                            <option value="false" data-i18n="No">No</option>
+                                        </select>
+                                    </div>
+                                    <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">
+                                        <small class="textAlignCenter" data-i18n="Automation ID">Automation ID</small>
+                                        <input class="text_pole margin0" name="automationId" type="text" placeholder="( None )" data-i18n="[placeholder]( None )">
+                                    </div>
+                                </div>
+                                <div name="contentAndCharFilterBlock" class="world_entry_thin_controls flex2">
+                                    <div class="world_entry_form_control flex1">
+                                        <label for="content ">
+                                            <small>
+                                                <span class="alignitemscenter flex-container flexnowrap wide100p justifySpaceBetween">
+                                                    <span data-i18n="Content" class="alignitemscenter flex-container flexNoGap">
+                                                        Content
+                                                    </span>
+                                                    <span>
+                                                        (<span data-i18n="extension_token_counter">Tokens:</span>&nbsp; <span class="world_entry_form_token_counter" data-first-run="true">counting...</span>)&nbsp;
+                                                        <span class="world_entry_form_uid_value" data-first-run="true"></span>
+                                                    </span>
+                                                    <div>
+                                                        <label class="checkbox flex-container alignitemscenter flexNoGap">
+                                                            <input type="checkbox" name="exclude_recursion" />
+                                                            <span data-i18n="Exclude from recursion">
+                                                                Non-recursable (this entry will not be activated by another)
+                                                            </span>
+                                                        </label>
+                                                        <label class="checkbox flex-container alignitemscenter flexNoGap">
+                                                            <input type="checkbox" name="prevent_recursion" />
+                                                            <span data-i18n="Prevent further recursion (this entry will not activate others)">
+                                                                Prevent further recursion (this entry will not activate others)
+                                                            </span>
+                                                        </label>
+                                                        <label class="checkbox flex-container alignitemscenter flexNoGap">
+                                                            <input type="checkbox" name="delay_until_recursion" />
+                                                            <span data-i18n="Delay until recursion (this entry can only be activated on recursive checking)">
+                                                                Delay until recursion (this entry can only be activated on recursive checking)
+                                                            </span>
+                                                        </label>
+                                                    </div>
+                                                </span>
+                                            </small>
+                                            <small class="displayNone">
+                                                <span data-i18n="What this keyword should mean to the AI, sent verbatim">
+                                                    What this keyword should mean to the AI, sent verbatim
+                                                </span>
+                                            </small>
+                                        </label>
+                                        <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>
+                                    </div>
+                                </div>
+                                <div class="world_entry_thin_controls commentContainer">
+                                </div>
+                            </div>
+                            <div class="flex-container wide100p flexGap10">
+                                <div class="flex4 flex-container flexFlowColumn flexNoGap">
+                                    <div class="flex-container justifySpaceBetween">
+                                        <small for="group">
+                                            <span data-i18n="Inclusion Group">Inclusion Group</span>
+                                            <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">
+                                                <span class="fa-solid fa-circle-question note-link-span"></span>
+                                            </a>
+                                        </small>
+                                        <label class="checkbox_label flexNoGap margin-r5" for="groupOverride">
+                                            <input type="checkbox" name="groupOverride" />
+                                            <span>
+                                                <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.">
+                                                    <span data-i18n="Prioritize">Prioritize</span>
+                                                    <div class="fa-solid fa-circle-info opacity50p"></div>
+                                                </small>
+                                            </span>
+                                        </label>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <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">
+                                    </div>
+                                </div>
+                                <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">
+                                    <div class="flex-container justifySpaceBetween marginBot5">
+                                        <small for="groupWeight" data-i18n="Group Weight">
+                                            Group Weight
+                                        </small>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <input type="number" class="text_pole margin0" name="groupWeight" rows="1" placeholder="100" min="1" max="999999">
+                                    </div>
+                                </div>
+                                <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.">
+                                    <div class="flex-container justifySpaceBetween marginBot5">
+                                        <small class="flex-container alignItemsBaseline" for="sticky" data-i18n="Sticky">
+                                            <span data-i18n="Sticky">
+                                                Sticky
+                                            </span>
+                                            <i class="fa-solid fa-comments fa-xs"></i>
+                                        </small>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <input class="text_pole margin0" name="sticky" type="number" placeholder="Non-sticky" min="0" max="999999">
+                                    </div>
+                                </div>
+                                <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.">
+                                    <div class="flex-container justifySpaceBetween marginBot5">
+                                        <small class="flex-container alignItemsBaseline" for="cooldown" data-i18n="Cooldown">
+                                            <span data-i18n="Cooldown">
+                                                Cooldown
+                                            </span>
+                                            <i class="fa-solid fa-comments fa-xs"></i>
+                                        </small>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <input class="text_pole margin0" name="cooldown" type="number" placeholder="No cooldown" min="0" max="999999">
+                                    </div>
+                                </div>
+                                <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.">
+                                    <div class="flex-container justifySpaceBetween marginBot5">
+                                        <small class="flex-container alignItemsBaseline" for="delay" data-i18n="Delay">
+                                            <span data-i18n="Delay">
+                                                Delay
+                                            </span>
+                                            <i class="fa-solid fa-comments fa-xs"></i>
+                                        </small>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <input class="text_pole margin0" name="delay" type="number" placeholder="No delay" min="0" max="999999">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex-container wide100p flexGap10">
+                                <div class="flex4 flex-container flexFlowColumn flexNoGap">
+                                    <div class="flex-container justifySpaceBetween">
+                                        <small for="characterFilter" data-i18n="Filter to Character(s)">
+                                            Filter to Character(s)
+                                        </small>
+                                        <label class="checkbox_label flexNoGap margin-r5" for="character_exclusion">
+                                            <input type="checkbox" name="character_exclusion" />
+                                            <span>
+                                                <small data-i18n="Character Exclusion">Character Exclusion</small>
+                                            </span>
+                                        </label>
+                                    </div>
+                                    <div class="range-block-range">
+                                        <select name="characterFilter" class="select2_multi_sameline" multiple>
+                                            <option value="">
+                                                <span data-i18n="-- Characters not found --">-- Characters not found --</span>
                                             </option>
                                         </select>
                                     </div>
-                                    <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap">
-                                        <label for="depth" class="WIEntryHeaderTitleMobile" data-i18n="Depth:">Depth:</label>
-                                        <input title="Depth" class="text_pole wideMax100px margin0" type="number" name="depth" data-i18n="[title]Depth" placeholder="" min="0" max="999" />
-                                    </div>
-                                    <div class="world_entry_form_control wi-enter-footer-text  flex-container flexNoGap">
-                                        <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Order:">Order:</label>
-                                        <input title="Order" data-i18n="[title]Order" class="text_pole wideMax100px margin0" type="number" name="order" placeholder="" min="0" max="999" />
-                                    </div>
-                                    <div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap probabilityContainer">
-                                        <label for="order" class="WIEntryHeaderTitleMobile" data-i18n="Trigger %:">Trigger %:</label>
-                                        <input title="Probability" data-i18n="[title]Probability" class="text_pole wideMax100px margin0" type="number" name="probability" placeholder="" min="0" max="100" />
-                                    </div>
                                 </div>
                             </div>
-                        </div>
-                        <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>
-                        <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>
-                    </div>
-                    <div class="inline-drawer-content flex-container paddingBottom5px wide100p">
-                        <div class="flex-container wide100p alignitemscenter">
-                            <div name="keywordsAndLogicBlock" class="flex-container wide100p alignitemscenter">
-                                <div class="world_entry_form_control flex1">
-                                    <small class="displayNone">
-                                        <span data-i18n="Comma separated (required)">
-                                            Comma separated (required)
-                                        </span>
-                                    </small>
-                                    <small class="textAlignCenter" data-i18n="Primary Keywords">Primary Keywords</small>
-                                    <select class="keyprimaryselect keyselect select2_multi_sameline" name="key" data-i18n="[placeholder]Keywords or Regexes" placeholder="Keywords or Regexes" multiple="multiple"></select>
-                                    <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>
-                                    <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">
-                                        ⌨️
-                                    </button>
-                                </div>
-                                <div class="world_entry_form_control">
-                                    <small class="textAlignCenter" data-i18n="Logic">Logic</small>
-                                    <select name="entryLogicType" class="text_pole widthFitContent margin0">
-                                        <option value="0" data-i18n="AND ANY">AND ANY</option>
-                                        <option value="3" data-i18n="AND ALL">AND ALL</option>
-                                        <option value="1" data-i18n="NOT ALL">NOT ALL</option>
-                                        <option value="2" data-i18n="NOT ANY">NOT ANY</option>
-                                    </select>
-                                </div>
-                                <div class="world_entry_form_control keysecondary flex1">
-                                    <small class="displayNone">
-                                        <span data-i18n="(ignored if empty)">
-                                            (ignored if empty)
-                                        </span>
-                                    </small>
-                                    <small class="textAlignCenter" data-i18n="Optional Filter">Optional Filter</small>
-                                    <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>
-                                    <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>
-                                    <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">
-                                        ⌨️
-                                    </button>
-                                </div>
-                            </div>
-                            <div name="perEntryOverridesBlock" class="flex-container wide100p alignitemscenter">
-                                <div class="world_entry_form_control flex1">
-                                    <small class="textAlignCenter" data-i18n="Scan Depth">Scan Depth</small>
-                                    <input class="text_pole margin0" name="scanDepth" type="number" placeholder="Use global setting" data-i18n="[placeholder]Use global setting" max="1000">
-                                </div>
-                                <div class="world_entry_form_control flex1">
-                                    <small class="textAlignCenter" data-i18n="Case-Sensitive">Case-Sensitive</small>
-                                    <select name="caseSensitive" class="text_pole widthNatural margin0">
-                                        <option value="null" data-i18n="Use global setting">Use global setting</option>
-                                        <option value="true" data-i18n="Yes">Yes</option>
-                                        <option value="false" data-i18n="No">No</option>
-                                    </select>
-                                </div>
-                                <div class="world_entry_form_control flex1">
-                                    <small class="textAlignCenter" data-i18n="Match Whole Words">Match Whole Words</small>
-                                    <select name="matchWholeWords" class="text_pole widthNatural margin0">
-                                        <option value="null" data-i18n="Use global setting">Use global setting</option>
-                                        <option value="true" data-i18n="Yes">Yes</option>
-                                        <option value="false" data-i18n="No">No</option>
-                                    </select>
-                                </div>
-                                <div class="world_entry_form_control flex1">
-                                    <small class="textAlignCenter" data-i18n="Use Group Scoring">Use Group Scoring</small>
-                                    <select name="useGroupScoring" class="text_pole widthNatural margin0">
-                                        <option value="null" data-i18n="Use global setting">Use global setting</option>
-                                        <option value="true" data-i18n="Yes">Yes</option>
-                                        <option value="false" data-i18n="No">No</option>
-                                    </select>
-                                </div>
-                                <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">
-                                    <small class="textAlignCenter" data-i18n="Automation ID">Automation ID</small>
-                                    <input class="text_pole margin0" name="automationId" type="text" placeholder="( None )" data-i18n="[placeholder]( None )">
-                                </div>
-                            </div>
-                            <div name="contentAndCharFilterBlock" class="world_entry_thin_controls flex2">
-                                <div class="world_entry_form_control flex1">
-                                    <label for="content ">
-                                        <small>
-                                            <span class="alignitemscenter flex-container flexnowrap wide100p justifySpaceBetween">
-                                                <span data-i18n="Content" class="alignitemscenter flex-container flexNoGap">
-                                                    Content
-                                                </span>
-                                                <span>
-                                                    (<span data-i18n="extension_token_counter">Tokens:</span>&nbsp; <span class="world_entry_form_token_counter" data-first-run="true">counting...</span>)&nbsp;
-                                                    <span class="world_entry_form_uid_value" data-first-run="true"></span>
-                                                </span>
-                                                <div>
-                                                    <label class="checkbox flex-container alignitemscenter flexNoGap">
-                                                        <input type="checkbox" name="exclude_recursion" />
-                                                        <span data-i18n="Exclude from recursion">
-                                                            Non-recursable (this entry will not be activated by another)
-                                                        </span>
-                                                    </label>
-                                                    <label class="checkbox flex-container alignitemscenter flexNoGap">
-                                                        <input type="checkbox" name="prevent_recursion" />
-                                                        <span data-i18n="Prevent further recursion (this entry will not activate others)">
-                                                            Prevent further recursion (this entry will not activate others)
-                                                        </span>
-                                                    </label>
-                                                    <label class="checkbox flex-container alignitemscenter flexNoGap">
-                                                        <input type="checkbox" name="delay_until_recursion" />
-                                                        <span data-i18n="Delay until recursion (this entry can only be activated on recursive checking)">
-                                                            Delay until recursion (this entry can only be activated on recursive checking)
-                                                        </span>
-                                                    </label>
-                                                </div>
-                                            </span>
-                                        </small>
-                                        <small class="displayNone">
-                                            <span data-i18n="What this keyword should mean to the AI, sent verbatim">
-                                                What this keyword should mean to the AI, sent verbatim
-                                            </span>
-                                        </small>
+                            <div name="WIEntryBottomControls" class="flex-container flex1 justifySpaceBetween world_entry_form_horizontal">
+                                <div class="flex-container flexFlowColumn flexNoGap  wi-enter-footer-text  ">
+                                    <label class="checkbox flex-container">
+                                        <input type="checkbox" name="selective" />
+                                        <span data-i18n="Selective">Selective</span>
                                     </label>
-                                    <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>
-                                </div>
-                            </div>
-                            <div class="world_entry_thin_controls commentContainer">
-                            </div>
-                        </div>
-                        <div class="flex-container wide100p flexGap10">
-                            <div class="flex4 flex-container flexFlowColumn flexNoGap">
-                                <div class="flex-container justifySpaceBetween">
-                                    <small for="group">
-                                        <span data-i18n="Inclusion Group">Inclusion Group</span>
-                                        <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">
-                                            <span class="fa-solid fa-circle-question note-link-span"></span>
-                                        </a>
-                                    </small>
-                                    <label class="checkbox_label flexNoGap margin-r5" for="groupOverride">
-                                        <input type="checkbox" name="groupOverride" />
-                                        <span>
-                                            <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.">
-                                                <span data-i18n="Prioritize">Prioritize</span>
-                                                <div class="fa-solid fa-circle-info opacity50p"></div>
-                                            </small>
-                                        </span>
+                                    <label class="checkbox flex-container">
+                                        <input type="checkbox" name="useProbability" />
+                                        <span data-i18n="Use Probability">Use Probability</span>
+                                    </label>
+                                    <label class="checkbox flex-container">
+                                        <input type="checkbox" name="addMemo">
+                                        <span data-i18n="Add Memo">Add Memo</span>
                                     </label>
                                 </div>
-                                <div class="range-block-range">
-                                    <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">
-                                </div>
-                            </div>
-                            <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">
-                                <div class="flex-container justifySpaceBetween marginBot5">
-                                    <small for="groupWeight" data-i18n="Group Weight">
-                                        Group Weight
-                                    </small>
-                                </div>
-                                <div class="range-block-range">
-                                    <input type="number" class="text_pole margin0" name="groupWeight" rows="1" placeholder="100" min="1" max="999999">
-                                </div>
-                            </div>
-                            <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.">
-                                <div class="flex-container justifySpaceBetween marginBot5">
-                                    <small class="flex-container alignItemsBaseline" for="sticky" data-i18n="Sticky">
-                                        <span data-i18n="Sticky">
-                                            Sticky
-                                        </span>
-                                        <i class="fa-solid fa-comments fa-xs"></i>
-                                    </small>
-                                </div>
-                                <div class="range-block-range">
-                                    <input class="text_pole margin0" name="sticky" type="number" placeholder="Non-sticky" min="0" max="999999">
-                                </div>
-                            </div>
-                            <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.">
-                                <div class="flex-container justifySpaceBetween marginBot5">
-                                    <small class="flex-container alignItemsBaseline" for="cooldown" data-i18n="Cooldown">
-                                        <span data-i18n="Cooldown">
-                                            Cooldown
-                                        </span>
-                                        <i class="fa-solid fa-comments fa-xs"></i>
-                                    </small>
-                                </div>
-                                <div class="range-block-range">
-                                    <input class="text_pole margin0" name="cooldown" type="number" placeholder="No cooldown" min="0" max="999999">
-                                </div>
-                            </div>
-                            <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.">
-                                <div class="flex-container justifySpaceBetween marginBot5">
-                                    <small class="flex-container alignItemsBaseline" for="delay" data-i18n="Delay">
-                                        <span data-i18n="Delay">
-                                            Delay
-                                        </span>
-                                        <i class="fa-solid fa-comments fa-xs"></i>
-                                    </small>
-                                </div>
-                                <div class="range-block-range">
-                                    <input class="text_pole margin0" name="delay" type="number" placeholder="No delay" min="0" max="999999">
-                                </div>
                             </div>
                         </div>
-                        <div class="flex-container wide100p flexGap10">
-                            <div class="flex4 flex-container flexFlowColumn flexNoGap">
-                                <div class="flex-container justifySpaceBetween">
-                                    <small for="characterFilter" data-i18n="Filter to Characters or Tags">
-                                        Filter to Characters or Tags
-                                    </small>
-                                    <label class="checkbox_label flexNoGap margin-r5" for="character_exclusion">
-                                        <input type="checkbox" name="character_exclusion" />
-                                        <span>
-                                            <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">
-                                                <span data-i18n="Exclude">Exclude</span>
-                                                <div class="fa-solid fa-circle-info opacity50p"></div>
-                                            </small>
-                                        </span>
-                                    </label>
-                                </div>
-                                <div class="range-block-range">
-                                    <select name="characterFilter" class="select2_multi_sameline" multiple>
-                                        <option value="">
-                                            <span data-i18n="-- Characters not found --">-- Characters not found --</span>
-                                        </option>
-                                    </select>
-                                </div>
-                            </div>
-                        </div>
-                        <div name="WIEntryBottomControls" class="flex-container flex1 justifySpaceBetween world_entry_form_horizontal">
-                            <div class="flex-container flexFlowColumn flexNoGap  wi-enter-footer-text  ">
-                                <label class="checkbox flex-container">
-                                    <input type="checkbox" name="selective" />
-                                    <span data-i18n="Selective">Selective</span>
-                                </label>
-                                <label class="checkbox flex-container">
-                                    <input type="checkbox" name="useProbability" />
-                                    <span data-i18n="Use Probability">Use Probability</span>
-                                </label>
-                                <label class="checkbox flex-container">
-                                    <input type="checkbox" name="addMemo">
-                                    <span data-i18n="Add Memo">Add Memo</span>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </div>
-    <div id="character_template" class="template_element">
-        <div class="character_select entity_block flex-container wide100p alignitemsflexstart" chid="" id="">
-            <div class="avatar" title="">
-                <img src="">
-            </div>
-            <div class="flex-container wide100pLess70px character_select_container">
-                <div class="wide100p character_name_block">
-                    <span class="ch_name"></span>
-                    <small class="ch_additional_info ch_add_placeholder">+++</small>
-                    <small class="ch_additional_info character_version"></small>
-                    <small class="ch_additional_info ch_avatar_url"></small>
-                </div>
-                <i class="ch_fav_icon fa-solid fa-star"></i>
-                <input class="ch_fav" value="" hidden />
-                <div class="ch_description"></div>
-                <div class="tags tags_inline"></div>
-            </div>
-        </div>
-    </div>
-    <div id="tag_template" class="template_element">
-        <span id="" class="tag">
-            <span class="tag_name"></span>
-            <i class="fa-solid fa-circle-xmark tag_remove"></i>
-        </span>
-    </div>
-    <div id="openai_logit_bias_template" class="template_element">
-        <div class="openai_logit_bias_form">
-            <input class="openai_logit_bias_text text_pole" data-i18n="[placeholder]Text or token ids" placeholder="Text or [token ids]" />
-            <input class="openai_logit_bias_value text_pole" type="number" min="-100" value="0" max="100" />
-            <i class="menu_button fa-solid fa-xmark openai_logit_bias_remove"></i>
-            </form>
-        </div>
-    </div>
-    <div id="logit_bias_template" class="template_element">
-        <div class="logit_bias_form">
-            <input class="logit_bias_text text_pole" data-i18n="[placeholder]Type here..." placeholder="type here..." />
-            <input class="logit_bias_value text_pole" type="number" min="-100" value="0" max="100" step="0.01" />
-            <i class="menu_button fa-solid fa-xmark logit_bias_remove"></i>
-        </div>
-    </div>
-    <div id="completion_prompt_manager_popup" class="drawer-content" style="display:none;">
-        <div id="completion_prompt_manager_popup_inspect">
-            <h3>Inspect</h3>
-            <div class="completion_prompt_manager_popup_entry">
-                <form class="completion_prompt_manager_popup_entry_form">
-                    <div class="completion_prompt_manager_popup_entry_form_control">
-                        <div class="completion_prompt_manager_popup_header">
-                            <label for="completion_prompt_manager_popup_entry_form_prompt">
-                                <span>Prompt List</span>
-                            </label>
-                            <a id="completion_prompt_manager_popup_close_button" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
-                        </div>
-                        <div class="text_muted">The list of prompts associated with this marker.</div>
-                        <div id="completion_prompt_manager_popup_entry_form_inspect_list"></div>
                     </div>
                 </form>
             </div>
         </div>
-        <div id="completion_prompt_manager_popup_edit">
-            <h3 data-i18n="prompt_manager_edit">Edit</h3>
-            <div class="completion_prompt_manager_popup_entry">
-                <form class="completion_prompt_manager_popup_entry_form">
-                    <div class="flex-container gap10px">
-                        <div class="completion_prompt_manager_popup_entry_form_control flex1">
-                            <label for="completion_prompt_manager_popup_entry_form_name">
-                                <span data-i18n="prompt_manager_name">Name</span>
-                            </label>
-                            <div class="text_muted" data-i18n="A name for this prompt.">A name for this prompt.</div>
-                            <input id="completion_prompt_manager_popup_entry_form_name" class="text_pole" type="text" name="name" />
-                        </div>
-                        <div class="completion_prompt_manager_popup_entry_form_control flex1">
-                            <label for="completion_prompt_manager_popup_entry_form_role">
-                                <span data-i18n="Role">Role</span>
-                            </label>
-                            <div class="text_muted" data-i18n="To whom this message will be attributed.">To whom this message will be attributed.</div>
-                            <select id="completion_prompt_manager_popup_entry_form_role" class="text_pole" name="role">
-                                <option data-i18n="System" value="system">System</option>
-                                <option data-i18n="User" value="user">User</option>
-                                <option data-i18n="AI Assistant" value="assistant">AI Assistant</option>
-                            </select>
-                        </div>
+        <div id="character_template" class="template_element">
+            <div class="character_select entity_block flex-container wide100p alignitemsflexstart" chid="" id="">
+                <div class="avatar" title="">
+                    <img src="">
+                </div>
+                <div class="flex-container wide100pLess70px character_select_container">
+                    <div class="wide100p character_name_block">
+                        <span class="ch_name"></span>
+                        <small class="ch_additional_info ch_add_placeholder">+++</small>
+                        <small class="ch_additional_info character_version"></small>
+                        <small class="ch_additional_info ch_avatar_url"></small>
                     </div>
-                    <div class="flex-container gap10px">
-                        <div class="completion_prompt_manager_popup_entry_form_control flex1">
-                            <label for="completion_prompt_manager_popup_entry_form_injection_position">
-                                <span data-i18n="prompt_manager_position">Position</span>
-                            </label>
-                            <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>
-                            <select id="completion_prompt_manager_popup_entry_form_injection_position" class="text_pole" name="injection_position">
-                                <option data-i18n="prompt_manager_relative" value="0">Relative</option>
-                                <option data-i18n="prompt_manager_in_chat" value="1">In-chat</option>
-                            </select>
-                        </div>
-                        <div id="completion_prompt_manager_depth_block" class="completion_prompt_manager_popup_entry_form_control flex1">
-                            <label for="completion_prompt_manager_popup_entry_form_injection_depth">
-                                <span data-i18n="prompt_manager_depth">Depth</span>
-                            </label>
-                            <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>
-                            <input id="completion_prompt_manager_popup_entry_form_injection_depth" class="text_pole" type="number" name="injection_depth" min="0" max="999" value="4" />
-                        </div>
-                    </div>
-                    <div class="completion_prompt_manager_popup_entry_form_control">
-                        <div class="flex-container alignItemsCenter">
-                            <div class="flex1">
+                    <i class="ch_fav_icon fa-solid fa-star"></i>
+                    <input class="ch_fav" value="" hidden />
+                    <div class="ch_description"></div>
+                    <div class="tags tags_inline"></div>
+                </div>
+            </div>
+        </div>
+        <div id="tag_template" class="template_element">
+            <span id="" class="tag">
+                <span class="tag_name"></span>
+                <i class="fa-solid fa-circle-xmark tag_remove"></i>
+            </span>
+        </div>
+        <div id="openai_logit_bias_template" class="template_element">
+            <div class="openai_logit_bias_form">
+                <input class="openai_logit_bias_text text_pole" data-i18n="[placeholder]Text or token ids" placeholder="Text or [token ids]" />
+                <input class="openai_logit_bias_value text_pole" type="number" min="-100" value="0" max="100" />
+                <i class="menu_button fa-solid fa-xmark openai_logit_bias_remove"></i>
+                </form>
+            </div>
+        </div>
+        <div id="logit_bias_template" class="template_element">
+            <div class="logit_bias_form">
+                <input class="logit_bias_text text_pole" data-i18n="[placeholder]Type here..." placeholder="type here..." />
+                <input class="logit_bias_value text_pole" type="number" min="-100" value="0" max="100" step="0.01" />
+                <i class="menu_button fa-solid fa-xmark logit_bias_remove"></i>
+            </div>
+        </div>
+        <div id="completion_prompt_manager_popup" class="drawer-content" style="display:none;">
+            <div id="completion_prompt_manager_popup_inspect">
+                <h3>Inspect</h3>
+                <div class="completion_prompt_manager_popup_entry">
+                    <form class="completion_prompt_manager_popup_entry_form">
+                        <div class="completion_prompt_manager_popup_entry_form_control">
+                            <div class="completion_prompt_manager_popup_header">
                                 <label for="completion_prompt_manager_popup_entry_form_prompt">
-                                    <span data-i18n="Prompt">Prompt</span>
+                                    <span>Prompt List</span>
                                 </label>
-                                <div class="text_muted" data-i18n="The prompt to be sent.">The prompt to be sent.</div>
+                                <a id="completion_prompt_manager_popup_close_button" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
                             </div>
-                            <div id="completion_prompt_manager_forbid_overrides_block">
-                                <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.">
-                                    <input type="checkbox" id="completion_prompt_manager_popup_entry_form_forbid_overrides" name="forbid_overrides" />
-                                    <span data-i18n="prompt_manager_forbid_overrides">Forbid Overrides</span>
+                            <div class="text_muted">The list of prompts associated with this marker.</div>
+                            <div id="completion_prompt_manager_popup_entry_form_inspect_list"></div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div id="completion_prompt_manager_popup_edit">
+                <h3 data-i18n="prompt_manager_edit">Edit</h3>
+                <div class="completion_prompt_manager_popup_entry">
+                    <form class="completion_prompt_manager_popup_entry_form">
+                        <div class="flex-container gap10px">
+                            <div class="completion_prompt_manager_popup_entry_form_control flex1">
+                                <label for="completion_prompt_manager_popup_entry_form_name">
+                                    <span data-i18n="prompt_manager_name">Name</span>
                                 </label>
+                                <div class="text_muted" data-i18n="A name for this prompt.">A name for this prompt.</div>
+                                <input id="completion_prompt_manager_popup_entry_form_name" class="text_pole" type="text" name="name" />
+                            </div>
+                            <div class="completion_prompt_manager_popup_entry_form_control flex1">
+                                <label for="completion_prompt_manager_popup_entry_form_role">
+                                    <span data-i18n="Role">Role</span>
+                                </label>
+                                <div class="text_muted" data-i18n="To whom this message will be attributed.">To whom this message will be attributed.</div>
+                                <select id="completion_prompt_manager_popup_entry_form_role" class="text_pole" name="role">
+                                    <option data-i18n="System" value="system">System</option>
+                                    <option data-i18n="User" value="user">User</option>
+                                    <option data-i18n="AI Assistant" value="assistant">AI Assistant</option>
+                                </select>
                             </div>
                         </div>
-                        <textarea id="completion_prompt_manager_popup_entry_form_prompt" class="text_pole" name="prompt">
+                        <div class="flex-container gap10px">
+                            <div class="completion_prompt_manager_popup_entry_form_control flex1">
+                                <label for="completion_prompt_manager_popup_entry_form_injection_position">
+                                    <span data-i18n="prompt_manager_position">Position</span>
+                                </label>
+                                <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>
+                                <select id="completion_prompt_manager_popup_entry_form_injection_position" class="text_pole" name="injection_position">
+                                    <option data-i18n="prompt_manager_relative" value="0">Relative</option>
+                                    <option data-i18n="prompt_manager_in_chat" value="1">In-chat</option>
+                                </select>
+                            </div>
+                            <div id="completion_prompt_manager_depth_block" class="completion_prompt_manager_popup_entry_form_control flex1">
+                                <label for="completion_prompt_manager_popup_entry_form_injection_depth">
+                                    <span data-i18n="prompt_manager_depth">Depth</span>
+                                </label>
+                                <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>
+                                <input id="completion_prompt_manager_popup_entry_form_injection_depth" class="text_pole" type="number" name="injection_depth" min="0" max="999" value="4" />
+                            </div>
+                        </div>
+                        <div class="completion_prompt_manager_popup_entry_form_control">
+                            <div class="flex-container alignItemsCenter">
+                                <div class="flex1">
+                                    <label for="completion_prompt_manager_popup_entry_form_prompt">
+                                        <span data-i18n="Prompt">Prompt</span>
+                                    </label>
+                                    <div class="text_muted" data-i18n="The prompt to be sent.">The prompt to be sent.</div>
+                                </div>
+                                <div id="completion_prompt_manager_forbid_overrides_block">
+                                    <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.">
+                                        <input type="checkbox" id="completion_prompt_manager_popup_entry_form_forbid_overrides" name="forbid_overrides" />
+                                        <span data-i18n="prompt_manager_forbid_overrides">Forbid Overrides</span>
+                                    </label>
+                                </div>
+                            </div>
+                            <textarea id="completion_prompt_manager_popup_entry_form_prompt" class="text_pole" name="prompt">
                         </textarea>
-                    </div>
-                    <div class="completion_prompt_manager_popup_entry_form_footer">
-                        <a id="completion_prompt_manager_popup_entry_form_close" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
-                        <a id="completion_prompt_manager_popup_entry_form_reset" title="reset" data-i18n="[title]reset" class="fa-solid fa-undo menu_button"></a>
-                        <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>
-                    </div>
-                </form>
+                        </div>
+                        <div class="completion_prompt_manager_popup_entry_form_footer">
+                            <a id="completion_prompt_manager_popup_entry_form_close" title="close" data-i18n="[title]close" class="fa-solid fa-close menu_button"></a>
+                            <a id="completion_prompt_manager_popup_entry_form_reset" title="reset" data-i18n="[title]reset" class="fa-solid fa-undo menu_button"></a>
+                            <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>
+                        </div>
+                    </form>
+                </div>
             </div>
         </div>
-    </div>
-    <div id="message_template" class="template_element">
-        <div class="mes" mesid="" ch_name="" is_user="" is_system="" bookmark_link="">
-            <div class="for_checkbox"></div><input type="checkbox" class="del_checkbox">
-            <div class="mesAvatarWrapper">
+        <div id="message_template" class="template_element">
+            <div class="mes" mesid="" ch_name="" is_user="" is_system="" bookmark_link="">
+                <div class="for_checkbox"></div><input type="checkbox" class="del_checkbox">
+                <div class="mesAvatarWrapper">
+                    <div class="avatar">
+                        <img src="">
+                    </div>
+                    <div class="mesIDDisplay"></div>
+                    <div class="mes_timer"></div>
+                    <div class="tokenCounterDisplay"></div>
+                </div>
+                <div class="swipe_left fa-solid fa-chevron-left" style="display: none;"></div>
+                <div class="mes_block">
+                    <div class="ch_name flex-container justifySpaceBetween">
+                        <div class="flex-container flex1 alignitemscenter">
+                            <div class="flex-container alignItemsBaseline">
+                                <span class="name_text">${characterName}</span>
+                                <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>
+                                <small class="timestamp"></small>
+                            </div>
+                        </div>
+                        <div class="mes_buttons">
+                            <div title="Message Actions" class="mes_button extraMesButtonsHint fa-solid fa-ellipsis" data-i18n="[title]Message Actions"></div>
+                            <div class="extraMesButtons">
+                                <div title="Translate message" class="mes_button mes_translate fa-solid fa-language" data-i18n="[title]Translate message"></div>
+                                <div title="Generate Image" class="mes_button sd_message_gen fa-solid fa-paintbrush" data-i18n="[title]Generate Image"></div>
+                                <div title="Narrate" class="mes_button mes_narrate fa-solid fa-bullhorn" data-i18n="[title]Narrate"></div>
+                                <div title="Prompt" class="mes_button mes_prompt fa-solid fa-square-poll-horizontal " data-i18n="[title]Prompt" style="display: none;"></div>
+                                <div title="Exclude message from prompts" class="mes_button mes_hide fa-solid fa-eye" data-i18n="[title]Exclude message from prompts"></div>
+                                <div title="Include message in prompts" class="mes_button mes_unhide fa-solid fa-eye-slash" data-i18n="[title]Include message in prompts"></div>
+                                <div title="Embed file or image" class="mes_button mes_embed fa-solid fa-paperclip" data-i18n="[title]Embed file or image"></div>
+                                <div title="Create checkpoint" class="mes_button mes_create_bookmark fa-regular fa-solid fa-flag-checkered" data-i18n="[title]Create checkpoint"></div>
+                                <div title="Create branch" class="mes_button mes_create_branch fa-regular fa-code-branch" data-i18n="[title]Create Branch"></div>
+                                <div title="Copy" class="mes_button mes_copy fa-solid fa-copy " data-i18n="[title]Copy"></div>
+                            </div>
+                            <div title="Open checkpoint chat" class="mes_button mes_bookmark fa-solid fa-flag" data-i18n="[title]Open checkpoint chat"></div>
+                            <div title="Edit" class="mes_button mes_edit fa-solid fa-pencil " data-i18n="[title]Edit"></div>
+                        </div>
+                        <div class="mes_edit_buttons">
+                            <div class="mes_edit_done menu_button  fa-solid fa-check" title="Confirm" data-i18n="[title]Confirm"></div>
+                            <div class="mes_edit_copy menu_button  fa-solid fa-copy" title="Copy this message" data-i18n="[title]Copy this message"></div>
+                            <div class="mes_edit_delete menu_button  fa-solid fa-trash-can" title="Delete this message" data-i18n="[title]Delete this message">
+                            </div>
+                            <div class="mes_edit_up menu_button  fa-solid fa-chevron-up " title="Move message up" data-i18n="[title]Move message up"></div>
+                            <div class="mes_edit_down menu_button  fa-solid fa-chevron-down" title="Move message down" data-i18n="[title]Move message down">
+                            </div>
+                            <div class="mes_edit_cancel menu_button  fa-solid fa-xmark" title="Cancel" data-i18n="[title]Cancel"></div>
+                        </div>
+                    </div>
+                    <div class="mes_text"></div>
+                    <div class="mes_img_container">
+                        <div class="mes_img_controls">
+                            <div title="Enlarge" class="right_menu_button fa-lg fa-solid fa-magnifying-glass mes_img_enlarge" data-i18n="[title]Enlarge"></div>
+                            <div title="Caption" class="right_menu_button fa-lg fa-solid fa-envelope-open-text mes_img_caption" data-i18n="[title]Caption"></div>
+                            <div title="Delete" class="right_menu_button fa-lg fa-solid fa-trash-can mes_img_delete" data-i18n="[title]Delete"></div>
+                        </div>
+                        <img class="mes_img" src="" />
+                    </div>
+                    <div class="mes_bias"></div>
+                </div>
+                <div class="swipe_right fa-solid fa-chevron-right" style="display: none;">
+                    <div class="swipes-counter"></div>
+                </div>
+            </div>
+        </div>
+        <div id="group_avatars_template" class="template_element">
+            <div class="avatar avatar_collage collage_1">
+                <img alt="img1" class="img_1" src="">
+            </div>
+            <div class="avatar avatar_collage collage_2">
+                <img alt="img1" class="img_1" src="">
+                <img alt="img2" class="img_2" src="">
+            </div>
+            <div class="avatar avatar_collage collage_3">
+                <img alt="img1" class="img_1" src="">
+                <img alt="img2" class="img_2" src="">
+                <img alt="img3" class="img_3" src="">
+            </div>
+            <div class="avatar avatar_collage collage_4">
+                <img alt="img1" class="img_1" src="">
+                <img alt="img2" class="img_2" src="">
+                <img alt="img3" class="img_3" src="">
+                <img alt="img4" class="img_4" src="">
+            </div>
+        </div>
+
+        <div id="onboarding_template" class="template_element">
+            <div class="onboarding">
+                <h3 data-i18n="Welcome to SillyTavern!">Welcome to SillyTavern!</h3>
+                <ul class="justifyLeft margin-bot-10px">
+                    <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>
+                    <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>
+                    <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>
+                </ul>
+                <div id="onboarding-UI-language-block" class="flex-container alignItemsBaseline">
+                    <span data-i18n="UI Language">Language:</span>
+                    <select id="onboarding_ui_language_select" class="flex1 margin0">
+                        <option value="en">English</option>
+                    </select>
+                </div>
+                <b data-i18n="SillyTavern is aimed at advanced users.">
+                    SillyTavern is aimed at advanced users.
+                </b>
+                <div>
+                    <span data-i18n="If you're new to this, enable the simplified UI mode below.">
+                        If you're new to this, enable the simplified UI mode below.
+                    </span>
+                    <br>
+                    <span data-i18n="Change it later in the 'User Settings' panel.">
+                        Change it later in the 'User Settings' panel.
+                    </span>
+                </div>
+                <label class="checkbox_label">
+                    <input type="checkbox" name="enable_simple_mode" />
+                    <span data-i18n="Enable simple UI mode">
+                        Enable simple UI mode
+                    </span>
+                </label>
+                <div class="expander"></div>
+                <div class="textAlignCenter">
+                    <h3 data-i18n="Looking for AI characters?">
+                        Looking for AI characters?
+                    </h3>
+                    <span>
+                        <span class="menu_button menu_button_icon external_import_button">
+                            <i class="fa-solid fa-cloud-arrow-down"></i>
+                            <span data-i18n="onboarding_import">Import</span>
+                        </span>
+                        <span data-i18n="from supported sources or view">
+                            from supported sources or view
+                        </span>
+                        <span class="open_characters_library menu_button menu_button_icon">
+                            <i class="fa-solid fa-image-portrait"></i>
+                            <span data-i18n="Sample characters">Sample characters</span>
+                        </span>
+                    </span>
+                </div>
+                <div class="expander"></div>
+                <h3 data-i18n="Your Persona">
+                    Your Persona
+                </h3>
+                <div class="justifyLeft margin-bot-10px">
+                    <span data-i18n="Before you get started, you must select a persona name.">
+                        Before you get started, you must select a persona name.
+                    </span>
+                    <br>
+                    <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>
+                </div>
+                <h4 data-i18n="Persona Name:">Persona Name:</h4>
+            </div>
+        </div>
+        <div id="group_member_template" class="template_element">
+            <div class="group_member">
+                <div class="avatar">
+                    <img alt="Avatar" src="" />
+                </div>
+                <div class="group_member_name">
+                    <div class="ch_name"></div>
+                    <div class="tags tags_inline"></div>
+                </div>
+                <input class="ch_fav" value="" hidden />
+                <div class="queue_position"></div>
+                <div class="group_member_icon">
+                    <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>
+                    <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>
+                    <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>
+                    <div class="flexFlowColumn flex-container">
+                        <div title="Move up" data-action="up" class="right_menu_button fa-solid fa-chevron-up" data-i18n="[title]Move up"></div>
+                        <div title="Move down" data-action="down" class="right_menu_button fa-solid fa-chevron-down" data-i18n="[title]Move down"></div>
+                    </div>
+                    <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>
+                    <div title="Remove from group" data-action="remove" class="right_menu_button fa-solid fa-2xl fa-xmark" data-i18n="[title]Remove from group">
+                    </div>
+                    <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>
+                </div>
+            </div>
+        </div>
+        <div id="group_list_template" class="template_element">
+            <div class="group_select entity_block flex-container wide100p alignitemsflexstart">
                 <div class="avatar">
                     <img src="">
                 </div>
-                <div class="mesIDDisplay"></div>
-                <div class="mes_timer"></div>
-                <div class="tokenCounterDisplay"></div>
+                <div class="flex-container wide100pLess70px gap5px group_select_container">
+                    <div class="wide100p group_name_block character_name_block">
+                        <div class="ch_name"></div>
+                        <small class="ch_additional_info group_select_counter"></small>
+                    </div>
+                    <small class="character_name_block_sub_line">in this group</small>
+                    <i class='group_fav_icon fa-solid fa-star'></i>
+                    <input class="ch_fav" value="" hidden />
+                    <div class="group_select_block_list ch_description"></div>
+                    <div class="tags tags_inline"></div>
+                </div>
             </div>
-            <div class="swipe_left fa-solid fa-chevron-left" style="display: none;"></div>
-            <div class="mes_block">
-                <div class="ch_name flex-container justifySpaceBetween">
-                    <div class="flex-container flex1 alignitemscenter">
-                        <div class="flex-container alignItemsBaseline">
-                            <span class="name_text">${characterName}</span>
-                            <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>
-                            <small class="timestamp"></small>
-                        </div>
+        </div>
+        <div id="bogus_folder_template" class="template_element">
+            <div class="bogus_folder_select entity_block flex-container wide100p alignitemsflexstart">
+                <div class="avatar flex alignitemscenter textAlignCenter">
+                    <i class="bogus_folder_icon fa-solid fa-xl"></i>
+                </div>
+                <div class="flex-container wide100pLess70px character_select_container">
+                    <div class="wide100p character_name_block">
+                        <span class="ch_name"></span>
+                        <small class="ch_additional_info bogus_folder_counter"></small>
                     </div>
-                    <div class="mes_buttons">
-                        <div title="Message Actions" class="mes_button extraMesButtonsHint fa-solid fa-ellipsis" data-i18n="[title]Message Actions"></div>
-                        <div class="extraMesButtons">
-                            <div title="Translate message" class="mes_button mes_translate fa-solid fa-language" data-i18n="[title]Translate message"></div>
-                            <div title="Generate Image" class="mes_button sd_message_gen fa-solid fa-paintbrush" data-i18n="[title]Generate Image"></div>
-                            <div title="Narrate" class="mes_button mes_narrate fa-solid fa-bullhorn" data-i18n="[title]Narrate"></div>
-                            <div title="Prompt" class="mes_button mes_prompt fa-solid fa-square-poll-horizontal " data-i18n="[title]Prompt" style="display: none;"></div>
-                            <div title="Exclude message from prompts" class="mes_button mes_hide fa-solid fa-eye" data-i18n="[title]Exclude message from prompts"></div>
-                            <div title="Include message in prompts" class="mes_button mes_unhide fa-solid fa-eye-slash" data-i18n="[title]Include message in prompts"></div>
-                            <div title="Embed file or image" class="mes_button mes_embed fa-solid fa-paperclip" data-i18n="[title]Embed file or image"></div>
-                            <div title="Create checkpoint" class="mes_button mes_create_bookmark fa-regular fa-solid fa-flag-checkered" data-i18n="[title]Create checkpoint"></div>
-                            <div title="Create branch" class="mes_button mes_create_branch fa-regular fa-code-branch" data-i18n="[title]Create Branch"></div>
-                            <div title="Copy" class="mes_button mes_copy fa-solid fa-copy " data-i18n="[title]Copy"></div>
-                        </div>
-                        <div title="Open checkpoint chat" class="mes_button mes_bookmark fa-solid fa-flag" data-i18n="[title]Open checkpoint chat"></div>
-                        <div title="Edit" class="mes_button mes_edit fa-solid fa-pencil " data-i18n="[title]Edit"></div>
-                    </div>
-                    <div class="mes_edit_buttons">
-                        <div class="mes_edit_done menu_button  fa-solid fa-check" title="Confirm" data-i18n="[title]Confirm"></div>
-                        <div class="mes_edit_copy menu_button  fa-solid fa-copy" title="Copy this message" data-i18n="[title]Copy this message"></div>
-                        <div class="mes_edit_delete menu_button  fa-solid fa-trash-can" title="Delete this message" data-i18n="[title]Delete this message">
-                        </div>
-                        <div class="mes_edit_up menu_button  fa-solid fa-chevron-up " title="Move message up" data-i18n="[title]Move message up"></div>
-                        <div class="mes_edit_down menu_button  fa-solid fa-chevron-down" title="Move message down" data-i18n="[title]Move message down">
-                        </div>
-                        <div class="mes_edit_cancel menu_button  fa-solid fa-xmark" title="Cancel" data-i18n="[title]Cancel"></div>
+                    <small class="character_name_block_sub_line bogus_folder_hidden_counter"></small>
+                    <div class="bogus_folder_avatars_block avatars_inline avatars_inline_small tags tags_inline"></div>
+                </div>
+            </div>
+        </div>
+        <div id="bogus_folder_back_template" class="template_element">
+            <div class="bogus_folder_select bogus_folder_select_back flex-container wide100p alignitemsflexstart" id="BogusFolderBack" tagid="back">
+                <div class="avatar flex alignitemscenter textAlignCenter">
+                    <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
+                </div>
+                <div class="bogus_folder_back_placeholder flex alignitemscenter textAlignCenter">
+                    <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
+                </div>
+                <div class="flex-container wide100pLess70px character_select_container height100p alignitemscenter">
+                    <div class="wide100p character_name_block">
+                        <span class="ch_name">Go back</span>
                     </div>
                 </div>
-                <div class="mes_text"></div>
-                <div class="mes_img_container">
-                    <div class="mes_img_controls">
-                        <div title="Enlarge" class="right_menu_button fa-lg fa-solid fa-magnifying-glass mes_img_enlarge" data-i18n="[title]Enlarge"></div>
-                        <div title="Caption" class="right_menu_button fa-lg fa-solid fa-envelope-open-text mes_img_caption" data-i18n="[title]Caption"></div>
-                        <div title="Delete" class="right_menu_button fa-lg fa-solid fa-trash-can mes_img_delete" data-i18n="[title]Delete"></div>
-                    </div>
-                    <div class="mes_img_swipes">
-                        <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>
-                        <div class="mes_img_swipe_counter">1/1</div>
-                        <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>
-                    </div>
-                    <img class="mes_img" src="" />
-                </div>
-                <div class="mes_bias"></div>
-            </div>
-            <div class="swipe_right fa-solid fa-chevron-right" style="display: none;">
-                <div class="swipes-counter"></div>
             </div>
         </div>
-    </div>
-    <div id="group_avatars_template" class="template_element">
-        <div class="avatar avatar_collage collage_1">
-            <img alt="img1" class="img_1" src="">
-        </div>
-        <div class="avatar avatar_collage collage_2">
-            <img alt="img1" class="img_1" src="">
-            <img alt="img2" class="img_2" src="">
-        </div>
-        <div class="avatar avatar_collage collage_3">
-            <img alt="img1" class="img_1" src="">
-            <img alt="img2" class="img_2" src="">
-            <img alt="img3" class="img_3" src="">
-        </div>
-        <div class="avatar avatar_collage collage_4">
-            <img alt="img1" class="img_1" src="">
-            <img alt="img2" class="img_2" src="">
-            <img alt="img3" class="img_3" src="">
-            <img alt="img4" class="img_4" src="">
-        </div>
-    </div>
-
-    <div id="onboarding_template" class="template_element">
-        <div class="onboarding">
-            <h3 data-i18n="Welcome to SillyTavern!">Welcome to SillyTavern!</h3>
-            <ul class="justifyLeft margin-bot-10px">
-                <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>
-                <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>
-                <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>
-            </ul>
-            <div id="onboarding-UI-language-block" class="flex-container alignItemsBaseline">
-                <span data-i18n="UI Language">Language:</span>
-                <select id="onboarding_ui_language_select" class="flex1 margin0">
-                    <option value="en">English</option>
-                </select>
-            </div>
-            <b data-i18n="SillyTavern is aimed at advanced users.">
-                SillyTavern is aimed at advanced users.
-            </b>
-            <div class="expander"></div>
-            <div class="textAlignCenter">
-                <h3 data-i18n="Looking for AI characters?">
-                    Looking for AI characters?
-                </h3>
-                <span>
-                    <span class="menu_button menu_button_icon external_import_button">
-                        <i class="fa-solid fa-cloud-arrow-down"></i>
-                        <span data-i18n="onboarding_import">Import</span>
-                    </span>
-                    <span data-i18n="from supported sources or view">
-                        from supported sources or view
-                    </span>
-                    <span class="open_characters_library menu_button menu_button_icon">
-                        <i class="fa-solid fa-image-portrait"></i>
-                        <span data-i18n="Sample characters">Sample characters</span>
-                    </span>
-                </span>
-            </div>
-            <div class="expander"></div>
-            <h3 data-i18n="Your Persona">
-                Your Persona
-            </h3>
-            <div class="justifyLeft margin-bot-10px">
-                <span data-i18n="Before you get started, you must select a persona name.">
-                    Before you get started, you must select a persona name.
-                </span>
-                <br>
-                <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>
-            </div>
-            <h4 data-i18n="Persona Name:">Persona Name:</h4>
-        </div>
-    </div>
-    <div id="group_member_template" class="template_element">
-        <div class="group_member">
-            <div class="avatar">
-                <img alt="Avatar" src="" />
-            </div>
-            <div class="group_member_name">
-                <div class="ch_name"></div>
-                <div class="tags tags_inline"></div>
-            </div>
-            <input class="ch_fav" value="" hidden />
-            <div class="queue_position"></div>
-            <div class="group_member_icon">
-                <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>
-                <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>
-                <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>
-                <div class="flexFlowColumn flex-container">
-                    <div title="Move up" data-action="up" class="right_menu_button fa-solid fa-chevron-up" data-i18n="[title]Move up"></div>
-                    <div title="Move down" data-action="down" class="right_menu_button fa-solid fa-chevron-down" data-i18n="[title]Move down"></div>
-                </div>
-                <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>
-                <div title="Remove from group" data-action="remove" class="right_menu_button fa-solid fa-2xl fa-xmark" data-i18n="[title]Remove from group">
-                </div>
-                <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>
-            </div>
-        </div>
-    </div>
-    <div id="group_list_template" class="template_element">
-        <div class="group_select entity_block flex-container wide100p alignitemsflexstart">
-            <div class="avatar">
+        <div id="inline_avatar_template" class="template_element">
+            <div class="avatar inline_avatar flex alignitemscenter textAlignCenter">
                 <img src="">
             </div>
-            <div class="flex-container wide100pLess70px gap5px group_select_container">
-                <div class="wide100p group_name_block character_name_block">
-                    <div class="ch_name"></div>
-                    <small class="ch_additional_info group_select_counter"></small>
-                </div>
-                <small class="character_name_block_sub_line">in this group</small>
-                <i class='group_fav_icon fa-solid fa-star'></i>
-                <input class="ch_fav" value="" hidden />
-                <div class="group_select_block_list ch_description"></div>
-                <div class="tags tags_inline"></div>
-            </div>
         </div>
-    </div>
-    <div id="bogus_folder_template" class="template_element">
-        <div class="bogus_folder_select entity_block flex-container wide100p alignitemsflexstart">
-            <div class="avatar flex alignitemscenter textAlignCenter">
-                <i class="bogus_folder_icon fa-solid fa-xl"></i>
-            </div>
-            <div class="flex-container wide100pLess70px character_select_container">
-                <div class="wide100p character_name_block">
-                    <span class="ch_name"></span>
-                    <small class="ch_additional_info bogus_folder_counter"></small>
+        <div id="alternate_greetings_template" class="template_element">
+            <div class="alternate_grettings flexFlowColumn flex-container">
+                <div class="title_restorable">
+                    <h3><span data-i18n="Alternate Greetings">Alternate Greetings</span></h3>
+                    <div title="Add" class="menu_button fa-solid fa-plus add_alternate_greeting" data-i18n="[title]Add"></div>
                 </div>
-                <small class="character_name_block_sub_line bogus_folder_hidden_counter"></small>
-                <div class="bogus_folder_avatars_block avatars_inline avatars_inline_small tags tags_inline"></div>
-            </div>
-        </div>
-    </div>
-    <div id="bogus_folder_back_template" class="template_element">
-        <div class="bogus_folder_select bogus_folder_select_back flex-container wide100p alignitemsflexstart" id="BogusFolderBack" tagid="back">
-            <div class="avatar flex alignitemscenter textAlignCenter">
-                <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
-            </div>
-            <div class="bogus_folder_back_placeholder flex alignitemscenter textAlignCenter">
-                <i class="bogus_folder_icon fa-solid fa-xl fa-right-from-bracket fa-flip-horizontal"></i>
-            </div>
-            <div class="flex-container wide100pLess70px character_select_container height100p alignitemscenter">
-                <div class="wide100p character_name_block">
-                    <span class="ch_name">Go back</span>
+                <small class="justifyLeft" data-i18n="Alternate_Greetings_desc">
+                    These will be displayed as swipes on the first message when starting a new chat.
+                    Group members can select one of them to initiate the conversation.
+                </small>
+                <hr>
+                <div class="alternate_greetings_list flexFlowColumn flex-container wide100p">
+                    <strong class="alternate_grettings_hint margin-bot-10px">
+                        <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>
+                    </strong>
                 </div>
             </div>
         </div>
-    </div>
-    <div id="inline_avatar_template" class="template_element">
-        <div class="avatar inline_avatar flex alignitemscenter textAlignCenter">
-            <img src="">
-        </div>
-    </div>
-    <div id="alternate_greetings_template" class="template_element">
-        <div class="alternate_grettings flexFlowColumn flex-container">
-            <div class="title_restorable">
-                <h3><span data-i18n="Alternate Greetings">Alternate Greetings</span></h3>
-                <div title="Add" class="menu_button fa-solid fa-plus add_alternate_greeting" data-i18n="[title]Add"></div>
-            </div>
-            <small class="justifyLeft" data-i18n="Alternate_Greetings_desc">
-                These will be displayed as swipes on the first message when starting a new chat.
-                Group members can select one of them to initiate the conversation.
-            </small>
-            <hr>
-            <div class="alternate_greetings_list flexFlowColumn flex-container wide100p">
-                <strong class="alternate_grettings_hint margin-bot-10px">
-                    <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>
-                </strong>
+        <div id="alternate_greeting_form_template" class="template_element">
+            <div class="alternate_greeting">
+                <div class="title_restorable">
+                    <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>
+                    <div class="menu_button fa-solid fa-trash-alt delete_alternate_greeting"></div>
+                </div>
+                <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>
             </div>
         </div>
-    </div>
-    <div id="alternate_greeting_form_template" class="template_element">
-        <div class="alternate_greeting">
-            <div class="title_restorable">
-                <strong><span data-i18n="Alternate Greeting #">Alternate Greeting #</span><span class="greeting_index"></span></strong>
-                <div class="menu_button fa-solid fa-trash-alt delete_alternate_greeting"></div>
-            </div>
-            <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>
-        </div>
-    </div>
 
-    <!-- chat and input bar -->
-    <div id="typing_indicator_template" class="template_element">
-        <div class="typing_indicator"><span class="typing_indicator_name">CHAR</span> is typing</div>
-    </div>
-    <div id="message_file_template" class="template_element">
-        <div class="mes_file_container">
-            <div class="fa-lg fa-solid fa-file-alt mes_file_icon"></div>
-            <div class="mes_file_name"></div>
-            <div class="mes_file_size"></div>
-            <div class="right_menu_button mes_file_open fa-solid fa-magnifying-glass" title="View contents" data-i18n="[title]View contents"></div>
-            <div class="right_menu_button mes_file_delete fa-solid fa-trash-can" title="Remove the file" data-i18n="[title]Remove the file"></div>
+        <!-- chat and input bar -->
+        <div id="typing_indicator_template" class="template_element">
+            <div class="typing_indicator"><span class="typing_indicator_name">CHAR</span> is typing</div>
+        </div>
+        <div id="message_file_template" class="template_element">
+            <div class="mes_file_container">
+                <div class="fa-lg fa-solid fa-file-alt mes_file_icon"></div>
+                <div class="mes_file_name"></div>
+                <div class="mes_file_size"></div>
+                <div class="right_menu_button mes_file_open fa-solid fa-magnifying-glass" title="View contents" data-i18n="[title]View contents"></div>
+                <div class="right_menu_button mes_file_delete fa-solid fa-trash-can" title="Remove the file" data-i18n="[title]Remove the file"></div>
+            </div>
         </div>
     </div>
     <div id="movingDivs">
@@ -6051,7 +6014,7 @@
                             <b data-i18n="Unique to this chat">Unique to this chat</b>.<br>
                             <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>
                         </small>
-                        <textarea id="extension_floating_prompt" class="text_pole textarea_compact" rows="8" maxlength="50000"></textarea>
+                        <textarea id="extension_floating_prompt" class="text_pole textarea_compact" rows="8"></textarea>
                         <div class="extension_token_counter">
                             <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_prompt_token_counter">0</span>
                         </div>
@@ -6108,7 +6071,7 @@
                     <div class="inline-drawer-content">
                         <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
                             can't be modified when a group chat is open.</small>
-                        <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>
+                        <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>
                         <div class="extension_token_counter">
                             <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_chara_token_counter">0</span>
                         </div>
@@ -6140,7 +6103,7 @@
                     </div>
                     <div class="inline-drawer-content">
                         <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>
-                        <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>
+                        <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>
                         <div class="extension_token_counter">
                             <span data-i18n="extension_token_counter">Tokens:</span> <span id="extension_floating_default_token_counter">0</span>
                         </div>
@@ -6486,60 +6449,7 @@
             </a>
         </div>
     </div>
-    <div id="export_format_popup" class="list-group">
-        <div class="export_format list-group-item" data-format="png">PNG</div>
-        <div class="export_format list-group-item" data-format="json">JSON</div>
-    </div>
-    <div id="zoomed_avatar_template" class="template_element">
-        <div class="zoomed_avatar">
-            <div class="panelControlBar flex-container">
-                <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
-                <div class="fa-fw fa-solid fa-circle-xmark dragClose" id="closeZoom"></div>
-            </div>
-            <div class="zoomed_avatar_container">
-                <img class="zoomed_avatar_img" src="" data-izoomify-url="" data-izoomify-magnify="1.8" data-izoomify-duration="300" alt="">
-            </div>
-        </div>
-    </div>
-    <template id="generic_draggable_template">
-        <div class="draggable">
-            <div class="dragTitle"></div>
-            <div class="panelControlBar flex-container">
-                <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
-                <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
-            </div>
-        </div>
-    </template>
-    <div id="user_avatar_template" class="template_element">
-        <div class="avatar-container">
-            <div imgfile="" class="avatar">
-                <img src="" alt="User Avatar">
-            </div>
-            <div class="flex-container wide100pLess70px character_select_container">
-                <div class="wide100p character_name_block">
-                    <span class="ch_name flex1"></span>
-                    <div class="avatar-buttons">
-                        <button class="menu_button bind_user_name" title="Bind user name to that avatar" data-i18n="[title]Bind user name to that avatar">
-                            <i class="fa-fw fa-solid fa-user-edit"></i>
-                        </button>
-                        <button class="menu_button set_persona_image" title="Change persona image" data-i18n="[title]Change persona image">
-                            <i class="fa-fw fa-solid fa-image"></i>
-                        </button>
-                        <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.">
-                            <i class="fa-fw fa-solid fa-crown"></i>
-                        </button>
-                        <button class="menu_button duplicate_persona" title="Duplicate persona" data-i18n="[title]Duplicate persona">
-                            <i class="fa-fw fa-solid fa-clone"></i>
-                        </button>
-                        <button class="menu_button delete_avatar" title="Delete persona" data-i18n="[title]Delete persona">
-                            <i class="fa-fw fa-solid fa-trash-alt"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="ch_description"></div>
-            </div>
-        </div>
-    </div>
+
     <!-- Script includes -->
     <script src="lib/diff_match_patch.js"></script>
     <script src="lib/object-hasown.js"></script>
diff --git a/public/script.js b/public/script.js
index c6a0fcc77..edf8cbe29 100644
--- a/public/script.js
+++ b/public/script.js
@@ -452,7 +452,9 @@ export const event_types = {
     // TODO: Naming convention is inconsistent with other events
     CHARACTER_DELETED: 'characterDeleted',
     CHARACTER_DUPLICATED: 'character_duplicated',
-    SMOOTH_STREAM_TOKEN_RECEIVED: 'smooth_stream_token_received',
+    /** @deprecated The event is aliased to STREAM_TOKEN_RECEIVED. */
+    SMOOTH_STREAM_TOKEN_RECEIVED: 'stream_token_received',
+    STREAM_TOKEN_RECEIVED: 'stream_token_received',
     FILE_ATTACHMENT_DELETED: 'file_attachment_deleted',
     WORLDINFO_FORCE_ACTIVATE: 'worldinfo_force_activate',
     OPEN_CHARACTER_LIBRARY: 'open_character_library',
@@ -3120,6 +3122,7 @@ class StreamingProcessor {
                 if (logprobs) {
                     this.messageLogprobs.push(...(Array.isArray(logprobs) ? logprobs : [logprobs]));
                 }
+                await eventSource.emit(event_types.STREAM_TOKEN_RECEIVED, text);
                 await sw.tick(() => this.onProgressStreaming(this.messageId, this.continueMessage + text));
             }
             const seconds = (timestamps[timestamps.length - 1] - timestamps[0]) / 1000;
@@ -10136,7 +10139,7 @@ jQuery(async function () {
         }
     });
 
-    $(document).on('click', '.mes_edit_cancel', function () {
+    $(document).on('click', '.mes_edit_cancel', async function () {
         let text = chat[this_edit_mes_id]['mes'];
 
         $(this).closest('.mes_block').find('.mes_text').empty();
@@ -10154,6 +10157,8 @@ jQuery(async function () {
             ));
         appendMediaToMessage(chat[this_edit_mes_id], $(this).closest('.mes'));
         addCopyToCodeBlocks($(this).closest('.mes'));
+
+        await eventSource.emit(event_types.MESSAGE_UPDATED, this_edit_mes_id);
         this_edit_mes_id = undefined;
     });
 
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index 4fa4ff603..8e292b167 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -296,7 +296,7 @@ export async function favsToHotswap() {
 
     //helpful instruction message if no characters are favorited
     if (favs.length == 0) {
-        container.html(`<small><span><i class="fa-solid fa-star"></i>${DOMPurify.sanitize(container.attr('no_favs'))}</span></small>`);
+        container.html(`<small><span><i class="fa-solid fa-star"></i>&nbsp;${DOMPurify.sanitize(container.attr('no_favs'))}</span></small>`);
         return;
     }
 
diff --git a/public/scripts/extensions/memory/index.js b/public/scripts/extensions/memory/index.js
index 9c9d86a9c..e4d2e7b3a 100644
--- a/public/scripts/extensions/memory/index.js
+++ b/public/scripts/extensions/memory/index.js
@@ -15,6 +15,7 @@ import {
     generateRaw,
     getMaxContextSize,
     setExtensionPrompt,
+    streamingProcessor,
 } from '../../../script.js';
 import { is_group_generating, selected_group } from '../../group-chats.js';
 import { loadMovingUIState } from '../../power-user.js';
@@ -408,8 +409,8 @@ async function onChatEvent() {
         return;
     }
 
-    // Generation is in progress, summary prevented
-    if (is_send_press) {
+    // Streaming in-progress
+    if (streamingProcessor && !streamingProcessor.isFinished) {
         return;
     }
 
@@ -446,15 +447,9 @@ async function onChatEvent() {
         delete chat[chat.length - 1].extra.memory;
     }
 
-    try {
-        await summarizeChat(context);
-    }
-    catch (error) {
-        console.log(error);
-    }
-    finally {
-        saveLastValues();
-    }
+    summarizeChat(context)
+        .catch(console.error)
+        .finally(saveLastValues);
 }
 
 /**
@@ -567,7 +562,7 @@ async function getSummaryPromptForNow(context, force) {
             await waitUntilCondition(() => is_group_generating === false, 1000, 10);
         }
         // Wait for the send button to be released
-        waitUntilCondition(() => is_send_press === false, 30000, 100);
+        await waitUntilCondition(() => is_send_press === false, 30000, 100);
     } catch {
         console.debug('Timeout waiting for is_send_press');
         return '';
@@ -650,19 +645,29 @@ async function summarizeChatWebLLM(context, force) {
         params.max_tokens = extension_settings.memory.overrideResponseLength;
     }
 
-    const summary = await generateWebLlmChatPrompt(messages, params);
-    const newContext = getContext();
+    try {
+        inApiCall = true;
+        const summary = await generateWebLlmChatPrompt(messages, params);
+        const newContext = getContext();
 
-    // something changed during summarization request
-    if (newContext.groupId !== context.groupId ||
-        newContext.chatId !== context.chatId ||
-        (!newContext.groupId && (newContext.characterId !== context.characterId))) {
-        console.log('Context changed, summary discarded');
-        return;
+        if (!summary) {
+            console.warn('Empty summary received');
+            return;
+        }
+
+        // something changed during summarization request
+        if (newContext.groupId !== context.groupId ||
+            newContext.chatId !== context.chatId ||
+            (!newContext.groupId && (newContext.characterId !== context.characterId))) {
+            console.log('Context changed, summary discarded');
+            return;
+        }
+
+        setMemoryContext(summary, true, lastUsedIndex);
+        return summary;
+    } finally {
+        inApiCall = false;
     }
-
-    setMemoryContext(summary, true, lastUsedIndex);
-    return summary;
 }
 
 async function summarizeChatMain(context, force, skipWIAN) {
@@ -677,12 +682,18 @@ async function summarizeChatMain(context, force, skipWIAN) {
     let index = null;
 
     if (prompt_builders.DEFAULT === extension_settings.memory.prompt_builder) {
-        summary = await generateQuietPrompt(prompt, false, skipWIAN, '', '', extension_settings.memory.overrideResponseLength);
+        try {
+            inApiCall = true;
+            summary = await generateQuietPrompt(prompt, false, skipWIAN, '', '', extension_settings.memory.overrideResponseLength);
+        } finally {
+            inApiCall = false;
+        }
     }
 
     if ([prompt_builders.RAW_BLOCKING, prompt_builders.RAW_NON_BLOCKING].includes(extension_settings.memory.prompt_builder)) {
         const lock = extension_settings.memory.prompt_builder === prompt_builders.RAW_BLOCKING;
         try {
+            inApiCall = true;
             if (lock) {
                 deactivateSendButtons();
             }
@@ -700,12 +711,18 @@ async function summarizeChatMain(context, force, skipWIAN) {
             summary = await generateRaw(rawPrompt, '', false, false, prompt, extension_settings.memory.overrideResponseLength);
             index = lastUsedIndex;
         } finally {
+            inApiCall = false;
             if (lock) {
                 activateSendButtons();
             }
         }
     }
 
+    if (!summary) {
+        console.warn('Empty summary received');
+        return;
+    }
+
     const newContext = getContext();
 
     // something changed during summarization request
@@ -840,6 +857,11 @@ async function summarizeChatExtras(context) {
         const summary = await callExtrasSummarizeAPI(resultingString);
         const newContext = getContext();
 
+        if (!summary) {
+            console.warn('Empty summary received');
+            return;
+        }
+
         // something changed during summarization request
         if (newContext.groupId !== context.groupId
             || newContext.chatId !== context.chatId
diff --git a/public/scripts/instruct-mode.js b/public/scripts/instruct-mode.js
index d4d00b936..366a8da6d 100644
--- a/public/scripts/instruct-mode.js
+++ b/public/scripts/instruct-mode.js
@@ -7,7 +7,7 @@ import {
     power_user,
     context_presets,
 } from './power-user.js';
-import { regexFromString, resetScrollHeight } from './utils.js';
+import { regexFromString } from './utils.js';
 
 /**
  * @type {any[]} Instruct mode presets.
@@ -78,28 +78,29 @@ function migrateInstructModeSettings(settings) {
  * Loads instruct mode settings from the given data object.
  * @param {object} data Settings data object.
  */
-export function loadInstructMode(data) {
+export async function loadInstructMode(data) {
     if (data.instruct !== undefined) {
         instruct_presets = data.instruct;
     }
 
     migrateInstructModeSettings(power_user.instruct);
 
+    $('#instruct_enabled').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.enabled);
+    $('#instructSettingsBlock, #InstructSequencesColumn').toggleClass('disabled', !power_user.instruct.enabled);
+    $('#instruct_bind_to_context').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.bind_to_context);
+
     controls.forEach(control => {
         const $element = $(`#${control.id}`);
 
         if (control.isCheckbox) {
             $element.prop('checked', power_user.instruct[control.property]);
         } else {
-            $element.val(power_user.instruct[control.property]);
+            $element[0].innerText = (power_user.instruct[control.property]);
         }
 
         $element.on('input', async function () {
-            power_user.instruct[control.property] = control.isCheckbox ? !!$(this).prop('checked') : $(this).val();
+            power_user.instruct[control.property] = control.isCheckbox ? !!$(this).prop('checked') : $(this)[0].innerText;
             saveSettingsDebounced();
-            if (!control.isCheckbox) {
-                await resetScrollHeight($element);
-            }
         });
 
         if (control.trigger) {
@@ -107,6 +108,9 @@ export function loadInstructMode(data) {
         }
     });
 
+    $('#instruct_system_sequence').css('height', 'auto');
+    $('#instruct_system_suffix').css('height', 'auto');
+
     instruct_presets.forEach((preset) => {
         const name = preset.name;
         const option = document.createElement('option');
@@ -604,11 +608,29 @@ jQuery(() => {
 
     $('#instruct_system_same_as_user').on('input', function () {
         const state = !!$(this).prop('checked');
-        $('#instruct_system_sequence').prop('disabled', state);
-        $('#instruct_system_suffix').prop('disabled', state);
+        if (state) {
+            $('#instruct_system_sequence_block').addClass('disabled');
+            $('#instruct_system_suffix_block').addClass('disabled');
+            $('#instruct_system_sequence').css('height', 'auto');
+            $('#instruct_system_suffix').css('height', 'auto');
+            $('#instruct_system_sequence').prop('contenteditable', false);
+            $('#instruct_system_suffix').prop('contenteditable', false);
+        } else {
+            $('#instruct_system_sequence_block').removeClass('disabled');
+            $('#instruct_system_suffix_block').removeClass('disabled');
+            $('#instruct_system_sequence').css('height', '');
+            $('#instruct_system_suffix').css('height', '');
+            $('#instruct_system_sequence').prop('contenteditable', true);
+            $('#instruct_system_suffix').prop('contenteditable', true);
+        }
+
     });
 
     $('#instruct_enabled').on('change', function () {
+        //color toggle for the main switch
+        $('#instruct_enabled').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.enabled);
+        $('#instructSettingsBlock, #InstructSequencesColumn').toggleClass('disabled', !power_user.instruct.enabled);
+
         if (!power_user.instruct.bind_to_context) {
             return;
         }
@@ -622,6 +644,10 @@ jQuery(() => {
         }
     });
 
+    $('#instruct_bind_to_context').on('change', function () {
+        $('#instruct_bind_to_context').parent().find('i').toggleClass('toggleEnabled', !!power_user.instruct.bind_to_context);
+    });
+
     $('#instruct_presets').on('change', function () {
         const name = String($(this).find(':selected').val());
         const preset = instruct_presets.find(x => x.name === name);
@@ -641,7 +667,8 @@ jQuery(() => {
                 if (control.isCheckbox) {
                     $element.prop('checked', power_user.instruct[control.property]).trigger('input');
                 } else {
-                    $element.val(power_user.instruct[control.property]).trigger('input');
+                    $element[0].innerText = (power_user.instruct[control.property]);
+                    $element.trigger('input');
                 }
             }
         });
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index 08036b52e..469d460ed 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -1469,7 +1469,7 @@ async function loadPowerUserSettings(settings, data) {
     $('#auto_swipe_minimum_length').val(power_user.auto_swipe_minimum_length);
     $('#auto_swipe_blacklist').val(power_user.auto_swipe_blacklist.join(', '));
     $('#auto_swipe_blacklist_threshold').val(power_user.auto_swipe_blacklist_threshold);
-    $('#custom_stopping_strings').val(power_user.custom_stopping_strings);
+    $('#custom_stopping_strings').text(power_user.custom_stopping_strings);
     $('#custom_stopping_strings_macro').prop('checked', power_user.custom_stopping_strings_macro);
     $('#fuzzy_search_checkbox').prop('checked', power_user.fuzzy_search);
     $('#persona_show_notifications').prop('checked', power_user.persona_show_notifications);
@@ -1499,7 +1499,7 @@ async function loadPowerUserSettings(settings, data) {
     $('#waifuMode').prop('checked', power_user.waifuMode);
     $('#movingUImode').prop('checked', power_user.movingUI);
     $('#noShadowsmode').prop('checked', power_user.noShadows);
-    $('#start_reply_with').val(power_user.user_prompt_bias);
+    $('#start_reply_with').text(power_user.user_prompt_bias);
     $('#chat-show-reply-prefix-checkbox').prop('checked', power_user.show_user_prompt_bias);
     $('#auto_continue_enabled').prop('checked', power_user.auto_continue.enabled);
     $('#auto_continue_allow_chat_completions').prop('checked', power_user.auto_continue.allow_chat_completions);
@@ -1600,7 +1600,7 @@ async function loadPowerUserSettings(settings, data) {
     switchReducedMotion();
     switchCompactInputArea();
     reloadMarkdownProcessor(power_user.render_formulas);
-    loadInstructMode(data);
+    await loadInstructMode(data);
     await loadContextSettings();
     loadMaxContextUnlocked();
     switchWaifuMode();
@@ -1747,13 +1747,14 @@ async function loadContextSettings() {
         if (control.isCheckbox) {
             $element.prop('checked', power_user.context[control.property]);
         } else {
-            $element.val(power_user.context[control.property]);
+            $element[0].innerText = power_user.context[control.property];
         }
+        console.log(`Setting ${$element.prop('id')} to ${power_user.context[control.property]}`);
 
         // If the setting already exists, no need to duplicate it
         // TODO: Maybe check the power_user object for the setting instead of a flag?
-        $element.on('input', async function () {
-            const value = control.isCheckbox ? !!$(this).prop('checked') : $(this).val();
+        $element.on('input keyup', async function () {
+            const value = control.isCheckbox ? !!$(this).prop('checked') : $(this)[0].innerText;
             if (control.isGlobalSetting) {
                 power_user[control.property] = value;
             } else {
@@ -1761,9 +1762,6 @@ async function loadContextSettings() {
             }
 
             saveSettingsDebounced();
-            if (!control.isCheckbox) {
-                await resetScrollHeight($element);
-            }
         });
     });
 
@@ -1777,7 +1775,7 @@ async function loadContextSettings() {
     });
 
     $('#context_presets').on('change', function () {
-        const name = String($(this).find(':selected').val());
+        const name = String($(this).find(':selected').text());
         const preset = context_presets.find(x => x.name === name);
 
         if (!preset) {
@@ -1802,9 +1800,8 @@ async function loadContextSettings() {
                         .prop('checked', control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])
                         .trigger('input');
                 } else {
-                    $element
-                        .val(control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])
-                        .trigger('input');
+                    $element[0].innerText = (control.isGlobalSetting ? power_user[control.property] : power_user.context[control.property])
+                    $element.trigger('input');
                 }
             }
         });
@@ -3106,7 +3103,7 @@ $(document).ready(() => {
     });
 
     $('#start_reply_with').on('input', function () {
-        power_user.user_prompt_bias = String($(this).val());
+        power_user.user_prompt_bias = String($(this)[0].innerText);
         saveSettingsDebounced();
     });
 
@@ -3638,7 +3635,7 @@ $(document).ready(() => {
     });
 
     $('#custom_stopping_strings').on('input', function () {
-        power_user.custom_stopping_strings = String($(this).val());
+        power_user.custom_stopping_strings = String($(this)[0].innerText).trim();
         saveSettingsDebounced();
     });
 
diff --git a/public/scripts/slash-commands/SlashCommandCommonEnumsProvider.js b/public/scripts/slash-commands/SlashCommandCommonEnumsProvider.js
index 6ef10b59b..ad064e4e1 100644
--- a/public/scripts/slash-commands/SlashCommandCommonEnumsProvider.js
+++ b/public/scripts/slash-commands/SlashCommandCommonEnumsProvider.js
@@ -36,6 +36,8 @@ export const enumIcons = {
 
     true: '✔️',
     false: '❌',
+    null: '🚫',
+    undefined: '❓',
 
     // Value types
     boolean: '🔲',
@@ -230,4 +232,19 @@ export const commonEnumProviders = {
                     enumTypes.enum, '💉');
             });
     },
+
+    /**
+     * Gets somewhat recognizable STscript types.
+     *
+     * @returns {SlashCommandEnumValue[]}
+     */
+    types: () => [
+        new SlashCommandEnumValue('string', null, enumTypes.type, enumIcons.string),
+        new SlashCommandEnumValue('number', null, enumTypes.type, enumIcons.number),
+        new SlashCommandEnumValue('boolean', null, enumTypes.type, enumIcons.boolean),
+        new SlashCommandEnumValue('array', null, enumTypes.type, enumIcons.array),
+        new SlashCommandEnumValue('object', null, enumTypes.type, enumIcons.dictionary),
+        new SlashCommandEnumValue('null', null, enumTypes.type, enumIcons.null),
+        new SlashCommandEnumValue('undefined', null, enumTypes.type, enumIcons.undefined),
+    ],
 };
diff --git a/public/scripts/slash-commands/SlashCommandScope.js b/public/scripts/slash-commands/SlashCommandScope.js
index 78edb78ae..e7ec2a58b 100644
--- a/public/scripts/slash-commands/SlashCommandScope.js
+++ b/public/scripts/slash-commands/SlashCommandScope.js
@@ -1,4 +1,5 @@
 import { SlashCommandClosure } from './SlashCommandClosure.js';
+import { convertValueType } from '../utils.js';
 
 export class SlashCommandScope {
     /**@type {string[]}*/ variableNames = [];
@@ -55,7 +56,7 @@ export class SlashCommandScope {
         if (this.existsVariableInScope(key)) throw new SlashCommandScopeVariableExistsError(`Variable named "${key}" already exists.`);
         this.variables[key] = value;
     }
-    setVariable(key, value, index = null) {
+    setVariable(key, value, index = null, type = null) {
         if (this.existsVariableInScope(key)) {
             if (index !== null && index !== undefined) {
                 let v = this.variables[key];
@@ -63,13 +64,13 @@ export class SlashCommandScope {
                     v = JSON.parse(v);
                     const numIndex = Number(index);
                     if (Number.isNaN(numIndex)) {
-                        v[index] = value;
+                        v[index] = convertValueType(value, type);
                     } else {
-                        v[numIndex] = value;
+                        v[numIndex] = convertValueType(value, type);
                     }
                     v = JSON.stringify(v);
                 } catch {
-                    v[index] = value;
+                    v[index] = convertValueType(value, type);
                 }
                 this.variables[key] = v;
             } else {
@@ -78,7 +79,7 @@ export class SlashCommandScope {
             return value;
         }
         if (this.parent) {
-            return this.parent.setVariable(key, value, index);
+            return this.parent.setVariable(key, value, index, type);
         }
         throw new SlashCommandScopeVariableNotFoundError(`No such variable: "${key}"`);
     }
diff --git a/public/scripts/sse-stream.js b/public/scripts/sse-stream.js
index c8371b529..620caf3c5 100644
--- a/public/scripts/sse-stream.js
+++ b/public/scripts/sse-stream.js
@@ -1,4 +1,3 @@
-import { eventSource, event_types } from '../script.js';
 import { power_user } from './power-user.js';
 import { delay } from './utils.js';
 
@@ -268,7 +267,6 @@ export class SmoothEventSourceStream extends EventSourceStream {
                         hasFocus && await delay(getDelay(lastStr));
                         controller.enqueue(new MessageEvent(event.type, { data: JSON.stringify(parsed.data) }));
                         lastStr = parsed.chunk;
-                        hasFocus && await eventSource.emit(event_types.SMOOTH_STREAM_TOKEN_RECEIVED, parsed.chunk);
                     }
                 } catch (error) {
                     console.debug('Smooth Streaming parsing error', error);
diff --git a/public/scripts/utils.js b/public/scripts/utils.js
index dd3ff5622..8f0ca59a7 100644
--- a/public/scripts/utils.js
+++ b/public/scripts/utils.js
@@ -4,6 +4,7 @@ import { isMobile } from './RossAscends-mods.js';
 import { collapseNewlines } from './power-user.js';
 import { debounce_timeout } from './constants.js';
 import { Popup, POPUP_RESULT, POPUP_TYPE } from './popup.js';
+import { SlashCommandClosure } from './slash-commands/SlashCommandClosure.js';
 
 /**
  * Pagination status string template.
@@ -33,6 +34,74 @@ export function isValidUrl(value) {
     }
 }
 
+/**
+ * Converts string to a value of a given type. Includes pythonista-friendly aliases.
+ * @param {string|SlashCommandClosure} value String value
+ * @param {string} type Type to convert to
+ * @returns {any} Converted value
+ */
+export function convertValueType(value, type) {
+    if (value instanceof SlashCommandClosure || typeof type !== 'string') {
+        return value;
+    }
+
+    switch (type.trim().toLowerCase()) {
+        case 'string':
+        case 'str':
+            return String(value);
+
+        case 'null':
+            return null;
+
+        case 'undefined':
+        case 'none':
+            return undefined;
+
+        case 'number':
+            return Number(value);
+
+        case 'int':
+            return parseInt(value, 10);
+
+        case 'float':
+            return parseFloat(value);
+
+        case 'boolean':
+        case 'bool':
+            return isTrueBoolean(value);
+
+        case 'list':
+        case 'array':
+            try {
+                const parsedArray = JSON.parse(value);
+                if (Array.isArray(parsedArray)) {
+                    return parsedArray;
+                }
+                // The value is not an array
+                return [];
+            } catch {
+                return [];
+            }
+
+        case 'object':
+        case 'dict':
+        case 'dictionary':
+            try {
+                const parsedObject = JSON.parse(value);
+                if (typeof parsedObject === 'object') {
+                    return parsedObject;
+                }
+                // The value is not an object
+                return {};
+            } catch {
+                return {};
+            }
+
+        default:
+            return value;
+    }
+}
+
 /**
  * Parses ranges like 10-20 or 10.
  * Range is inclusive. Start must be less than end.
diff --git a/public/scripts/variables.js b/public/scripts/variables.js
index fa56dca5e..3e9028591 100644
--- a/public/scripts/variables.js
+++ b/public/scripts/variables.js
@@ -11,7 +11,7 @@ import { commonEnumProviders, enumIcons } from './slash-commands/SlashCommandCom
 import { SlashCommandEnumValue, enumTypes } from './slash-commands/SlashCommandEnumValue.js';
 import { PARSER_FLAG, SlashCommandParser } from './slash-commands/SlashCommandParser.js';
 import { SlashCommandScope } from './slash-commands/SlashCommandScope.js';
-import { isFalseBoolean } from './utils.js';
+import { isFalseBoolean, convertValueType } from './utils.js';
 
 /** @typedef {import('./slash-commands/SlashCommandParser.js').NamedArguments} NamedArguments */
 /** @typedef {import('./slash-commands/SlashCommand.js').UnnamedArguments} UnnamedArguments */
@@ -57,12 +57,12 @@ function setLocalVariable(name, value, args = {}) {
                 if (localVariable === null) {
                     localVariable = {};
                 }
-                localVariable[args.index] = value;
+                localVariable[args.index] = convertValueType(value, args.as);
             } else {
                 if (localVariable === null) {
                     localVariable = [];
                 }
-                localVariable[numIndex] = value;
+                localVariable[numIndex] = convertValueType(value, args.as);
             }
             chat_metadata.variables[name] = JSON.stringify(localVariable);
         } catch {
@@ -106,12 +106,12 @@ function setGlobalVariable(name, value, args = {}) {
                 if (globalVariable === null) {
                     globalVariable = {};
                 }
-                globalVariable[args.index] = value;
+                globalVariable[args.index] = convertValueType(value, args.as);
             } else {
                 if (globalVariable === null) {
                     globalVariable = [];
                 }
-                globalVariable[numIndex] = value;
+                globalVariable[numIndex] = convertValueType(value, args.as);
             }
             extension_settings.variables.global[name] = JSON.stringify(globalVariable);
         } catch {
@@ -667,23 +667,28 @@ function parseNumericSeries(value, scope = null) {
 }
 
 function performOperation(value, operation, singleOperand = false, scope = null) {
-    if (!value) {
-        return 0;
+    function getResult() {
+        if (!value) {
+            return 0;
+        }
+
+        const array = parseNumericSeries(value, scope);
+
+        if (array.length === 0) {
+            return 0;
+        }
+
+        const result = singleOperand ? operation(array[0]) : operation(array);
+
+        if (isNaN(result) || !isFinite(result)) {
+            return 0;
+        }
+
+        return result;
     }
 
-    const array = parseNumericSeries(value, scope);
-
-    if (array.length === 0) {
-        return 0;
-    }
-
-    const result = singleOperand ? operation(array[0]) : operation(array);
-
-    if (isNaN(result) || !isFinite(result)) {
-        return 0;
-    }
-
-    return result;
+    const result = getResult();
+    return String(result);
 }
 
 function addValuesCallback(args, value) {
@@ -836,7 +841,7 @@ function varCallback(args, value) {
         if (typeof key != 'string') throw new Error('Key must be a string');
         if (args._hasUnnamedArgument) {
             const val = typeof value[0] == 'string' ? value.join(' ') : value[0];
-            args._scope.setVariable(key, val, args.index);
+            args._scope.setVariable(key, val, args.index, args.as);
             return val;
         } else {
             return args._scope.getVariable(key, args.index);
@@ -846,7 +851,7 @@ function varCallback(args, value) {
     if (typeof key != 'string') throw new Error('Key must be a string');
     if (value.length > 0) {
         const val = typeof value[0] == 'string' ? value.join(' ') : value[0];
-        args._scope.setVariable(key, val, args.index);
+        args._scope.setVariable(key, val, args.index, args.as);
         return val;
     } else {
         return args._scope.getVariable(key, args.index);
@@ -901,6 +906,14 @@ export function registerVariableCommands() {
             new SlashCommandNamedArgument(
                 'index', 'list index', [ARGUMENT_TYPE.NUMBER, ARGUMENT_TYPE.STRING], false,
             ),
+            SlashCommandNamedArgument.fromProps({
+                name: 'as',
+                description: 'change the type of the value when used with index',
+                forceEnum: true,
+                enumProvider: commonEnumProviders.types,
+                isRequired: false,
+                defaultValue: 'string',
+            }),
         ],
         unnamedArgumentList: [
             new SlashCommandArgument(
@@ -910,6 +923,7 @@ export function registerVariableCommands() {
         helpString: `
             <div>
                 Set a local variable value and pass it down the pipe. The <code>index</code> argument is optional.
+                To convert the value to a specific JSON type when using <code>index</code>, use the <code>as</code> argument.
             </div>
             <div>
                 <strong>Example:</strong>
@@ -917,6 +931,9 @@ export function registerVariableCommands() {
                     <li>
                         <pre><code class="language-stscript">/setvar key=color green</code></pre>
                     </li>
+                    <li>
+                        <pre><code class="language-stscript">/setvar key=ages index=John as=number 21</code></pre>
+                    </li>
                 </ul>
             </div>
         `,
@@ -1015,6 +1032,14 @@ export function registerVariableCommands() {
             new SlashCommandNamedArgument(
                 'index', 'list index', [ARGUMENT_TYPE.NUMBER, ARGUMENT_TYPE.STRING], false,
             ),
+            SlashCommandNamedArgument.fromProps({
+                name: 'as',
+                description: 'change the type of the value when used with index',
+                forceEnum: true,
+                enumProvider: commonEnumProviders.types,
+                isRequired: false,
+                defaultValue: 'string',
+            }),
         ],
         unnamedArgumentList: [
             new SlashCommandArgument(
@@ -1024,6 +1049,7 @@ export function registerVariableCommands() {
         helpString: `
             <div>
                 Set a global variable value and pass it down the pipe. The <code>index</code> argument is optional.
+                To convert the value to a specific JSON type when using <code>index</code>, use the <code>as</code> argument.
             </div>
             <div>
                 <strong>Example:</strong>
@@ -1031,6 +1057,9 @@ export function registerVariableCommands() {
                     <li>
                         <pre><code class="language-stscript">/setglobalvar key=color green</code></pre>
                     </li>
+                    <li>
+                        <pre><code class="language-stscript">/setglobalvar key=ages index=John as=number 21</code></pre>
+                    </li>
                 </ul>
             </div>
         `,
@@ -2030,6 +2059,14 @@ export function registerVariableCommands() {
                 false, // isRequired
                 false, // acceptsMultiple
             ),
+            SlashCommandNamedArgument.fromProps({
+                name: 'as',
+                description: 'change the type of the value when used with index',
+                forceEnum: true,
+                enumProvider: commonEnumProviders.types,
+                isRequired: false,
+                defaultValue: 'string',
+            }),
         ],
         unnamedArgumentList: [
             SlashCommandArgument.fromProps({
@@ -2049,7 +2086,8 @@ export function registerVariableCommands() {
         splitUnnamedArgumentCount: 1,
         helpString: `
             <div>
-                Get or set a variable.
+                Get or set a variable. Use <code>index</code> to access elements of a JSON-serialized list or dictionary.
+                To convert the value to a specific JSON type when using with <code>index</code>, use the <code>as</code> argument.
             </div>
             <div>
                 <strong>Examples:</strong>
@@ -2060,6 +2098,9 @@ export function registerVariableCommands() {
                     <li>
                         <pre><code class="language-stscript">/let x foo | /var key=x foo bar | /var x | /echo</code></pre>
                     </li>
+                    <li>
+                        <pre><code class="language-stscript">/let x {} | /var index=cool as=number x 1337 | /echo {{var::x}}</code></pre>
+                    </li>
                 </ul>
             </div>
         `,
diff --git a/public/style.css b/public/style.css
index 5d3e3184c..ec068a4f1 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1602,6 +1602,7 @@ body[data-stscript-style] .hljs.language-stscript {
     .hljs-pipe {
         color: var(--ac-style-color-punctuation);
     }
+
     .hljs-pipebreak {
         color: var(--ac-style-color-type);
     }
@@ -1695,6 +1696,7 @@ body[data-stscript-style] .hljs.language-stscript {
             background-color: var(--ac-color-selectedBackground);
             color: var(--ac-color-selectedText);
         }
+
         &.selected.not-selectable>* {
             background-color: var(--ac-color-notSelectableBackground);
             color: var(--ac-color-notSelectableText);
@@ -1776,11 +1778,13 @@ body[data-stscript-style] .hljs.language-stscript {
         padding: 0.25em 0.25em 0.5em 0.25em;
         border-bottom: 1px solid var(--ac-color-border);
 
-        > .head {
+        >.head {
             display: flex;
             gap: 0.5em;
         }
-        > .head > .name, > .name {
+
+        >.head>.name,
+        >.name {
             flex: 1 1 auto;
             font-weight: bold;
             color: var(--ac-color-text);
@@ -1790,20 +1794,25 @@ body[data-stscript-style] .hljs.language-stscript {
                 text-decoration: 1px dotted underline;
             }
         }
-        > .head > .source {
+
+        >.head>.source {
             padding: 0 0.5em;
             cursor: help;
             display: flex;
             align-items: center;
             gap: 0.5em;
+
             &.isThirdParty.isExtension {
                 color: #F89406;
             }
+
             &.isCore {
                 color: transparent;
+
                 &.isExtension {
                     color: #51A351;
                 }
+
                 &:after {
                     content: '';
                     order: -1;
@@ -2605,7 +2614,8 @@ select option:not(:checked) {
     color: var(--golden) !important;
 }
 
-.world_set {
+.world_set,
+.toggleEnabled {
     color: var(--active) !important;
 }
 
@@ -5398,6 +5408,7 @@ body:not(.movingUI) .drawer-content.maximized {
 .popup:has(.faPicker) {
     /* Fix height for fa picker popup, otherwise search is making it resize weirdly */
     height: 70%;
+
     .popup-content {
         display: flex;
         flex-direction: column;
@@ -5407,7 +5418,8 @@ body:not(.movingUI) .drawer-content.maximized {
 .faPicker-container {
     display: flex;
     flex-direction: column;
-    overflow: hidden;;
+    overflow: hidden;
+    ;
 }
 
 .faQuery-container {
@@ -5417,22 +5429,23 @@ body:not(.movingUI) .drawer-content.maximized {
 .faPicker {
     flex: 1 1 auto;
     overflow: auto;
-	gap: 1em;
+    gap: 1em;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(3.5em, 1fr));
 
-	.menu_button {
-		aspect-ratio: 1 / 1;
-		font-size: 2em;
-		height: 1lh;
-		line-height: 1.2;
-		padding: 0.25em;
-		width: unset;
-		box-sizing: content-box;
+    .menu_button {
+        aspect-ratio: 1 / 1;
+        font-size: 2em;
+        height: 1lh;
+        line-height: 1.2;
+        padding: 0.25em;
+        width: unset;
+        box-sizing: content-box;
+
         &.hidden {
             display: none;
         }
-	}
+    }
 }
 
 .faPicker:not(:has(:not(.hidden)))::after {
@@ -5440,3 +5453,7 @@ body:not(.movingUI) .drawer-content.maximized {
     color: var(--SmartThemeBodyColor);
     opacity: 0.7;
 }
+
+#advanced-formatting-button div[contenteditable] {
+    overflow-wrap: anywhere;
+}