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 d6649266b..4696f289d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -98,12 +98,12 @@
                                     </select>
                                     <div class="flex-container marginLeft5 ">
                                         <input type="file" hidden data-preset-manager-file="kobold" accept=".json, .settings">
-                                        <i data-newbie-hidden data-preset-manager-update="kobold" 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="kobold" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
-                                        <i data-newbie-hidden data-preset-manager-import="kobold" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
-                                        <i data-newbie-hidden data-preset-manager-export="kobold" 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="kobold" class="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="kobold" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
+                                        <i data-preset-manager-update="kobold" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
+                                        <i data-preset-manager-new="kobold" 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="kobold" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                        <i data-preset-manager-export="kobold" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                        <i data-preset-manager-restore="kobold" class="menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
+                                        <i data-preset-manager-delete="kobold" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
                                     </div>
                                 </div>
                             </div>
@@ -120,12 +120,12 @@
                                     </select>
                                     <div class="flex-container marginLeft5 ">
                                         <input type="file" hidden data-preset-manager-file="novel" accept=".json, .settings">
-                                        <i data-newbie-hidden data-preset-manager-update="novel" 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="novel" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
-                                        <i data-newbie-hidden data-preset-manager-import="novel" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
-                                        <i data-newbie-hidden data-preset-manager-export="novel" 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="novel" class="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="novel" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
+                                        <i data-preset-manager-update="novel" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
+                                        <i data-preset-manager-new="novel" 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="novel" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                        <i data-preset-manager-export="novel" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                        <i data-preset-manager-restore="novel" class="menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
+                                        <i data-preset-manager-delete="novel" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
                                     </div>
                                 </div>
                             </div>
@@ -140,9 +140,9 @@
                                             <input id="openai_preset_import_file" type="file" accept=".json,.settings" hidden />
                                             <i id="update_oai_preset" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
                                             <i id="new_oai_preset" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
-                                            <i data-newbie-hidden id="import_oai_preset" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
-                                            <i data-newbie-hidden id="export_oai_preset" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
-                                            <i data-newbie-hidden id="delete_oai_preset" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
+                                            <i id="import_oai_preset" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                            <i id="export_oai_preset" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                            <i id="delete_oai_preset" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
                                         </div>
                                     </div>
                                 </div>
@@ -154,17 +154,17 @@
                                     </select>
                                     <div class="flex-container marginLeft5 ">
                                         <input type="file" hidden data-preset-manager-file="textgenerationwebui" accept=".json, .settings">
-                                        <i data-newbie-hidden data-preset-manager-update="textgenerationwebui" 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="textgenerationwebui" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
-                                        <i data-newbie-hidden data-preset-manager-import="textgenerationwebui" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
-                                        <i data-newbie-hidden data-preset-manager-export="textgenerationwebui" 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="textgenerationwebui" class="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="textgenerationwebui" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
+                                        <i data-preset-manager-update="textgenerationwebui" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
+                                        <i data-preset-manager-new="textgenerationwebui" 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="textgenerationwebui" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
+                                        <i data-preset-manager-export="textgenerationwebui" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
+                                        <i data-preset-manager-restore="textgenerationwebui" class="menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
+                                        <i data-preset-manager-delete="textgenerationwebui" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div data-newbie-hidden id="ai_module_block_novel" class="width100p">
+                        <div id="ai_module_block_novel" class="width100p">
                             <div class="range-block">
                                 <div class="range-block-title justifyLeft" data-i18n="AI Module">
                                     AI Module
@@ -271,7 +271,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="Rep. Pen. Range.">
                                         Rep Pen Range
                                     </div>
@@ -284,7 +284,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="Rep. Pen. Slope">
                                         Repetition Penalty Slope
                                     </div>
@@ -297,7 +297,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="Rep. Pen. Freq.">
                                         Repetition Penalty Frequency
                                     </div>
@@ -310,7 +310,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="Rep. Pen. Presence">
                                         Repetition Penalty Presence
                                     </div>
@@ -323,7 +323,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="TFS">
                                         TFS
                                     </div>
@@ -336,7 +336,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <div class="range-block-title" data-i18n="Phrase Repetition Penalty">
                                         Phrase Repetition Penalty
                                     </div>
@@ -351,7 +351,7 @@
                                 </div>
                             </div>
                             <div id="range_block_openai">
-                                <div data-newbie-hidden class="range-block">
+                                <div class="range-block">
                                     <label class="checkbox_label">
                                         <input id="oai_max_context_unlocked" type="checkbox" />
                                         <span data-i18n="Unlocked Context Size">
@@ -436,7 +436,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openai,openrouter,custom,cohere,perplexity,groq">
+                                <div class="range-block" data-source="openai,openrouter,custom,cohere,perplexity,groq">
                                     <div class="range-block-title" data-i18n="Frequency Penalty">
                                         Frequency Penalty
                                     </div>
@@ -449,7 +449,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openai,openrouter,custom,cohere,perplexity,groq">
+                                <div class="range-block" data-source="openai,openrouter,custom,cohere,perplexity,groq">
                                     <div class="range-block-title" data-i18n="Presence Penalty">
                                         Presence Penalty
                                     </div>
@@ -462,7 +462,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="claude,openrouter,makersuite,cohere,perplexity">
+                                <div class="range-block" data-source="claude,openrouter,makersuite,cohere,perplexity">
                                     <div class="range-block-title" data-i18n="Top K">
                                         Top K
                                     </div>
@@ -475,7 +475,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openai,claude,openrouter,ai21,scale,makersuite,mistralai,custom,cohere,perplexity,groq,01ai">
+                                <div class="range-block" data-source="openai,claude,openrouter,ai21,scale,makersuite,mistralai,custom,cohere,perplexity,groq,01ai">
                                     <div class="range-block-title" data-i18n="Top P">
                                         Top P
                                     </div>
@@ -488,7 +488,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openrouter">
+                                <div class="range-block" data-source="openrouter">
                                     <div class="range-block-title" data-i18n="Repetition Penalty">
                                         Repetition Penalty
                                     </div>
@@ -501,7 +501,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openrouter">
+                                <div class="range-block" data-source="openrouter">
                                     <div class="range-block-title" data-i18n="Min P">
                                         Min P
                                     </div>
@@ -514,7 +514,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openrouter">
+                                <div class="range-block" data-source="openrouter">
                                     <div class="range-block-title" data-i18n="Top A">
                                         Top A
                                     </div>
@@ -553,7 +553,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="inline-drawer wide100p">
+                                <div class="inline-drawer wide100p">
                                     <div class="inline-drawer-toggle inline-drawer-header">
                                         <b data-i18n="Utility Prompts">Utility Prompts</b>
                                         <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
@@ -712,7 +712,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block" data-source="openai,openrouter,mistralai,custom,cohere,groq">
+                                <div class="range-block" data-source="openai,openrouter,mistralai,custom,cohere,groq">
                                     <div class="range-block-title justifyLeft" data-i18n="Seed">
                                         Seed
                                     </div>
@@ -736,7 +736,7 @@
                                         <input class="neo-range-slider" type="range" id="temp" name="volume" min="0.0" max="4.0" step="0.01">
                                         <input class="neo-range-input" type="number" min="0.0" max="4.0" step="0.01" data-for="temp" id="temp_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Top K">Top K</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top K sets a maximum amount of top tokens that can be chosen from.&#13;E.g Top K is 20, this means only the 20 highest ranking tokens will be kept (regardless of their probabilities being diverse or limited).&#13;Set to 0 to disable." data-i18n="[title]Top_K_desc"></div>
@@ -744,7 +744,7 @@
                                         <input class="neo-range-slider" type="range" id="top_k" name="volume" min="0" max="100" step="1">
                                         <input class="neo-range-input" type="number" min="0" max="100" step="1" data-for="top_k" id="top_k_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             Top P
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top P (a.k.a. nucleus sampling) adds up all the top tokens required to add up to the target percentage.&#13;E.g If the Top 2 tokens are both 25%, and Top P is 0.50, only the Top 2 tokens are considered.&#13;Set to 1.0 to disable." data-i18n="[title]Top_P_desc"></div>
@@ -752,7 +752,7 @@
                                         <input class="neo-range-slider" type="range" id="top_p" name="volume" min="0" max="1" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="top_p" id="top_p_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Typical P">Typical P</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Typical P Sampling prioritizes tokens based on their deviation from the average entropy of the set.&#13;It maintains tokens whose cumulative probability is close to a predefined threshold (e.g., 0.5), emphasizing those with average information content.&#13;Set to 1.0 to disable." data-i18n="[title]Typical_P_desc"></div>
@@ -768,7 +768,7 @@
                                         <input class="neo-range-slider" type="range" id="min_p" name="volume" min="0" max="1" step="0.001">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.001" data-for="min_p" id="min_p_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Top A">Top A</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top A sets a threshold for token selection based on the square of the highest token probability.&#13;E.g if the Top-A value is 0.2 and the top token's probability is 50%, tokens with probabilities below 5% (0.2 * 0.5^2) are excluded.&#13;Set to 0 to disable." data-i18n="[title]Top_A_desc"></div>
@@ -776,7 +776,7 @@
                                         <input class="neo-range-slider" type="range" id="top_a" name="volume" min="0" max="1" step="0.001">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.001" data-for="top_a" id="top_a_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="TFS">TFS</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Tail-Free Sampling (TFS) searches for a tail of low-probability tokens in the distribution,&#13;by analyzing the rate of change in token probabilities using derivatives. It retains tokens up to a threshold (e.g., 0.3) based on the normalized second derivative.&#13;The closer to 0, the more discarded tokens. Set to 1.0 to disable." data-i18n="[title]Tail_Free_Sampling_desc"></div>
@@ -798,14 +798,14 @@
                                         <input class="neo-range-slider" type="range" id="rep_pen_range" name="volume" min="0" max="4096" step="1">
                                         <input class="neo-range-input" type="number" min="0" max="4096" step="1" data-for="rep_pen_range" id="rep_pen_range_counter">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Rep. Pen. Slope">Repetition Penalty Slope</span>
                                         </small>
                                         <input class="neo-range-slider" type="range" id="rep_pen_slope" name="volume" min="0" max="10" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="10" step="0.01" data-for="rep_pen_slope" id="rep_pen_slope_counter">
                                     </div>
-                                    <div data-newbie-hidden name="miroStatBlock-kobold" class="wide100p">
+                                    <div name="miroStatBlock-kobold" class="wide100p">
                                         <h4 class="wide100p textAlignCenter" data-i18n="Mirostat">Mirostat</h4>
                                         <div class="flex-container flexFlowRow gap10px flexShrink">
                                             <div class="alignitemscenter flex-container flexFlowColumn flexGrow flexShrink gap0">
@@ -835,7 +835,7 @@
                                         </div>
                                         <hr class="wide100p">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter justifyCenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter justifyCenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <label class="checkbox_label alignItemsBaseline" for="use_default_badwordsids">
                                             <input id="use_default_badwordsids" type="checkbox" />
                                             <span>
@@ -844,13 +844,13 @@
                                             </span>
                                         </label>
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter textAlignCenter flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter textAlignCenter flexBasis30p flexGrow flexShrink gap0">
                                         <!-- <hr class="wide100p"> -->
                                         <small data-i18n="Seed">Seed</small>
                                         <!-- Max value is 2**64 - 1 -->
                                         <input type="number" id="seed_kobold" class="text_pole wideMax100px" min="-1" value="-1" max="18446744073709551615" />
                                     </div>
-                                    <div data-newbie-hidden id="grammar_block" class="wide100p">
+                                    <div id="grammar_block" class="wide100p">
                                         <hr class="wide100p">
                                         <h4 class="wide100p textAlignCenter"><span data-i18n="GBNF Grammar">GBNF Grammar</span>
                                             <a href="https://github.com/ggerganov/llama.cpp/blob/master/grammars/README.md" target="_blank">
@@ -861,7 +861,7 @@
                                         </h4>
                                         <textarea id="grammar" rows="4" class="text_pole textarea_compact monospace" data-i18n="[placeholder]Type in the desired custom grammar" placeholder="Type in the desired custom grammar"></textarea>
                                     </div>
-                                    <div data-newbie-hidden name="KoboldSamplerOrderBlock" class="range-block flexFlowColumn">
+                                    <div name="KoboldSamplerOrderBlock" class="range-block flexFlowColumn">
                                         <hr class="wide100p">
                                         <div class="range-block-title">
                                             <span data-i18n="Samplers Order">Samplers Order</span>
@@ -906,7 +906,7 @@
                                     </div>
                                 </div>
                             </div><!-- end of kobold settings-->
-                            <div data-newbie-hidden id="novel_api-settings">
+                            <div id="novel_api-settings">
                                 <div class="range-block">
                                     <div class="range-block-title openai_restorable">
                                         <span data-i18n="Preamble">Preamble</span>
@@ -1117,7 +1117,7 @@
                                 </div>
                             </div><!-- end of novel settings-->
                             <div id="textgenerationwebui_api-settings">
-                                <div data-newbie-hidden class="flex-container justifyCenter">
+                                <div class="flex-container justifyCenter">
                                     <small class="flex-container alignitemscenter">
                                         <div id="samplerResetButton" class="menu_button whitespacenowrap" data-i18n="Neutralize Samplers">Neutralize Samplers</div>
                                         <div class="fa-solid fa-circle-info opacity50p" title="Set all samplers to their neutral/disabled state." data-i18n="[title]Set all samplers to their neutral/disabled state."></div>
@@ -1128,7 +1128,7 @@
                                         <div class="fa-solid fa-circle-info opacity50p" title="Customize displayed samplers or add custom samplers." data-i18n="[title]Customize displayed samplers or add custom samplers."></div>
                                     </small>
                                 </div>
-                                <div data-newbie-hidden data-tg-type="mancer, vllm, aphrodite, tabby, infermaticai" class="flex-container flexFlowColumn alignitemscenter flexBasis100p flexGrow flexShrink gap0">
+                                <div data-tg-type="mancer, vllm, aphrodite, tabby, infermaticai" class="flex-container flexFlowColumn alignitemscenter flexBasis100p flexGrow flexShrink gap0">
                                     <small data-i18n="Multiple swipes per generation">Multiple swipes per generation</small>
                                     <input type="number" id="n_textgenerationwebui" class="text_pole textAlignCenter" min="1" value="1" step="1" />
                                 </div>
@@ -1141,7 +1141,7 @@
                                         <input class="neo-range-slider" type="range" id="temp_textgenerationwebui" name="volume" min="0.0" max="5.0" step="0.01" x-setting-id="temp">
                                         <input class="neo-range-input" type="number" min="0.0" max="5.0" step="0.01" data-for="temp_textgenerationwebui" id="temp_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Top K">Top K</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top K sets a maximum amount of top tokens that can be chosen from.&#13;E.g Top K is 20, this means only the 20 highest ranking tokens will be kept (regardless of their probabilities being diverse or limited).&#13;Set to 0 (or -1, depending on your backend) to disable." data-i18n="[title]Top_K_desc"></div>
@@ -1149,7 +1149,7 @@
                                         <input class="neo-range-slider" type="range" id="top_k_textgenerationwebui" name="volume" min="-1" max="200" step="1">
                                         <input class="neo-range-input" type="number" min="-1" max="200" step="1" data-for="top_k_textgenerationwebui" id="top_k_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Top P">Top P</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top P (a.k.a. nucleus sampling) adds up all the top tokens required to add up to the target percentage.&#13;E.g If the Top 2 tokens are both 25%, and Top P is 0.50, only the Top 2 tokens are considered.&#13;Set to 1.0 to disable." data-i18n="[title]Top_P_desc"></div>
@@ -1157,7 +1157,7 @@
                                         <input class="neo-range-slider" type="range" id="top_p_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="top_p_textgenerationwebui" id="top_p_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Typical P">Typical P</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Typical P Sampling prioritizes tokens based on their deviation from the average entropy of the set.&#13;It maintains tokens whose cumulative probability is close to a predefined threshold (e.g., 0.5), emphasizing those with average information content.&#13;Set to 1.0 to disable." data-i18n="[title]Typical_P_desc"></div>
@@ -1173,7 +1173,7 @@
                                         <input class="neo-range-slider" type="range" id="min_p_textgenerationwebui" name="volume" min="0" max="1" step="0.001">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.001" data-for="min_p_textgenerationwebui" id="min_p_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Top A">Top A</span>
                                             <div class="fa-solid fa-circle-info opacity50p" title="Top A sets a threshold for token selection based on the square of the highest token probability.&#13;E.g if the Top-A value is 0.2 and the top token's probability is 50%, tokens with probabilities below 5% (0.2 * 0.5^2) are excluded.&#13;Set to 0 to disable." data-i18n="[title]Top_A_desc"></div>
@@ -1181,7 +1181,7 @@
                                         <input class="neo-range-slider" type="range" id="top_a_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="top_a_textgenerationwebui" id="top_a_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="TFS">TFS</span>
                                             <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]Tail_Free_Sampling_desc" title="Tail-Free Sampling (TFS) searches for a tail of low-probability tokens in the distribution,&#13;by analyzing the rate of change in token probabilities using derivatives. It retains tokens up to a threshold (e.g., 0.3) based on the normalized second derivative.&#13;The closer to 0, the more discarded tokens. Set to 1.0 to disable."></div>
@@ -1189,7 +1189,7 @@
                                         <input class="neo-range-slider" type="range" id="tfs_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="tfs_textgenerationwebui" id="tfs_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba,mancer" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba,mancer" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Epsilon Cutoff">Epsilon Cutoff</span>
                                             <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]Epsilon cutoff sets a probability floor below which tokens are excluded from being sampled" title="Epsilon cutoff sets a probability floor below which tokens are excluded from being sampled.&#13;In units of 1e-4; a reasonable value is 3.&#13;Set to 0 to disable."></div>
@@ -1197,7 +1197,7 @@
                                         <input class="neo-range-slider" type="range" id="epsilon_cutoff_textgenerationwebui" name="volume" min="0" max="9" step="0.01">
                                         <input class="neo-range-input" type="number" min="0" max="9" step="0.01" data-for="epsilon_cutoff_textgenerationwebui" id="epsilon_cutoff_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba,mancer" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba,mancer" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small>
                                             <span data-i18n="Eta Cutoff">Eta Cutoff</span>
                                             <div class="fa-solid fa-circle-info opacity50p" data-i18n="[title]Eta_Cutoff_desc" title="Eta cutoff is the main parameter of the special Eta Sampling technique.&#13;In units of 1e-4; a reasonable value is 3.&#13;Set to 0 to disable.&#13;See the paper Truncation Sampling as Language Model Desmoothing by Hewitt et al. (2022) for details."></div>
@@ -1225,53 +1225,53 @@
                                         <input class="neo-range-slider" type="range" id="rep_pen_decay_textgenerationwebui" name="volume" min="-1" max="8192" step="1">
                                         <input class="neo-range-input" type="number" min="-1" max="8192" step="1" data-for="rep_pen_decay_textgenerationwebui" id="rep_pen_decay_counter_textgenerationwebui">
                                     </div>
-                                    <div data-tg-type="ooba" data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Encoder Rep. Pen.">Encoder Penalty</small>
                                         <input class="neo-range-slider" type="range" id="encoder_rep_pen_textgenerationwebui" name="volume" min="0.8" max="1.5" step="0.01" />
                                         <input class="neo-range-input" type="number" min="0.8" max="1.5" step="0.01" data-for="encoder_rep_pen_textgenerationwebui" id="encoder_rep_pen_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Frequency Penalty">Frequency Penalty</small>
                                         <input class="neo-range-slider" type="range" id="freq_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
                                         <input class="neo-range-input" type="number" data-for="freq_pen_textgenerationwebui" min="-2" max="2" step="0.01" id="freq_pen_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Presence Penalty">Presence Penalty</small>
                                         <input class="neo-range-slider" type="range" id="presence_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
                                         <input class="neo-range-input" type="number" min="-2" max="2" step="0.01" data-for="presence_pen_textgenerationwebui" id="presence_pen_counter_textgenerationwebui">
                                     </div>
-                                    <div data-tg-type="ooba" data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="No Repeat Ngram Size">No Repeat Ngram Size</small>
                                         <input class="neo-range-slider" type="range" id="no_repeat_ngram_size_textgenerationwebui" name="volume" min="0" max="20" step="1">
                                         <input class="neo-range-input" type="number" min="0" max="20" step="1" data-for="no_repeat_ngram_size_textgenerationwebui" id="no_repeat_ngram_size_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="tabby" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="tabby" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Skew">Skew</small>
                                         <input class="neo-range-slider" type="range" id="skew_textgenerationwebui" name="volume" min="-5" max="5" step="0.01" />
                                         <input class="neo-range-input" type="number" min="-5" max="5" step="0.01" data-for="skew_textgenerationwebui" id="skew_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="mancer, ooba, tabby, dreamgen, infermaticai" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="mancer, ooba, tabby, dreamgen, infermaticai" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Min Length">Min Length</small>
                                         <input class="neo-range-slider" type="range" id="min_length_textgenerationwebui" name="volume" min="0" max="2000" step="1" />
                                         <input class="neo-range-input" type="number" min="0" max="2000" step="1" data-for="min_length_textgenerationwebui" id="min_length_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba" class="alignitemscenter flex-container flexFlowColumn flexBasis30p flexGrow flexShrink gap0">
                                         <small data-i18n="Max Tokens Second">Maximum tokens/second</small>
                                         <input class="neo-range-slider" type="range" id="max_tokens_second_textgenerationwebui" name="volume" min="0" max="20" step="1" />
                                         <input class="neo-range-input" type="number" min="0" max="20" step="1" data-for="max_tokens_second_textgenerationwebui" id="max_tokens_second_counter_textgenerationwebui">
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="mancer, ooba, koboldcpp, aphrodite, tabby" id="smoothingBlock" name="smoothingBlock" class="wide100p">
+                                    <div data-tg-type="mancer, ooba, koboldcpp, aphrodite, tabby" id="smoothingBlock" name="smoothingBlock" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label data-i18n="Smooth Sampling">Smooth Sampling</label>
                                             <div class=" fa-solid fa-circle-info opacity50p " data-i18n="[title]Smooth_Sampling_desc" title="Allows you to use quadratic/cubic transformations to adjust the distribution. Lower Smoothing Factor values will be more creative, usually between 0.2-0.3 is the sweetspot (assuming the curve = 1). Higher Smoothing Curve values will make the curve steeper, which will punish low probability choices more aggressively. 1.0 curve is equivalent to only using Smoothing Factor."></div>
                                         </h4>
                                         <div data-tg-type="mancer, ooba, koboldcpp, aphrodite, tabby" class="flex-container flexFlowRow gap10px flexShrink">
-                                            <div data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
+                                            <div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
                                                 <small data-i18n="Smoothing Factor">Smoothing Factor</small>
                                                 <input class="neo-range-slider" type="range" id="smoothing_factor_textgenerationwebui" name="volume" min="0" max="10" step="0.01" />
                                                 <input class="neo-range-input" type="number" min="0" max="10" step="0.01" data-for="smoothing_factor_textgenerationwebui" id="smoothing_factor_counter_textgenerationwebui">
                                             </div>
-                                            <div data-tg-type="mancer, ooba, koboldcpp, aphrodite" data-newbie-hidden class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
+                                            <div data-tg-type="mancer, ooba, koboldcpp, aphrodite" class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
                                                 <small data-i18n="Smoothing Curve">Smoothing Curve</small>
                                                 <input class="neo-range-slider" type="range" id="smoothing_curve_textgenerationwebui" name="volume" min="1" max="10" step="0.01" />
                                                 <input class="neo-range-input" type="number" min="1" max="10" step="0.01" data-for="smoothing_curve_textgenerationwebui" id="smoothing_curve_counter_textgenerationwebui">
@@ -1279,7 +1279,7 @@
                                         </div>
                                     </div>
 
-                                    <div data-newbie-hidden data-tg-type="koboldcpp" id="xtc_block" class="wide100p">
+                                    <div data-tg-type="koboldcpp" id="xtc_block" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label data-i18n="Exclude Top Choices (XTC)">Exclude Top Choices (XTC)</label>
                                             <a href="https://github.com/oobabooga/text-generation-webui/pull/6335" target="_blank">
@@ -1301,7 +1301,7 @@
                                     </div>
 
                                     <!-- Enable for llama.cpp when the PR is merged: https://github.com/ggerganov/llama.cpp/pull/6839 -->
-                                    <div data-newbie-hidden data-tg-type="ooba, koboldcpp" id="dryBlock" class="wide100p">
+                                    <div data-tg-type="ooba, koboldcpp" id="dryBlock" class="wide100p">
                                         <h4 class="wide100p textAlignCenter" title="DRY penalizes tokens that would extend the end of the input into a sequence that has previously occurred in the input. Set multiplier to 0 to disable." data-i18n="[title]DRY_Repetition_Penalty_desc">
                                             <label data-i18n="DRY Repetition Penalty">DRY Repetition Penalty</label>
                                             <a href="https://github.com/oobabooga/text-generation-webui/pull/5677" target="_blank">
@@ -1339,7 +1339,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba, mancer, koboldcpp, tabby, llamacpp, aphrodite" id="dynatemp_block_ooba" class="wide100p">
+                                    <div data-tg-type="ooba, mancer, koboldcpp, tabby, llamacpp, aphrodite" id="dynatemp_block_ooba" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <div class="flex-container alignitemscenter justifyCenter">
                                                 <div class="checkbox_label" for="dynatemp_textgenerationwebui">
@@ -1367,7 +1367,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba,aphrodite,infermaticai,koboldcpp,llamacpp,mancer,ollama,tabby" id="mirostat_block_ooba" class="wide100p">
+                                    <div data-tg-type="ooba,aphrodite,infermaticai,koboldcpp,llamacpp,mancer,ollama,tabby" id="mirostat_block_ooba" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label data-i18n="Mirostat (mode=1 is only for llama.cpp)">Mirostat</label>
                                             <div class=" fa-solid fa-circle-info opacity50p " data-i18n="[title]Mirostat_desc" title="Mirostat is a thermostat for output perplexity.&#13;Mirostat matches the output perplexity to that of the input, thus avoiding the repetition trap&#13;(where, as the autoregressive inference produces text, the perplexity of the output tends toward zero)&#13;and the confusion trap (where the perplexity diverges).&#13;For details, see the paper Mirostat: A Neural Text Decoding Algorithm that Directly Controls Perplexity by Basu et al. (2020).&#13;Mode chooses the Mirostat version. 0=disable, 1=Mirostat 1.0 (llama.cpp only), 2=Mirostat 2.0."></div>
@@ -1396,7 +1396,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba, vllm" id="beamSearchBlock" name="beamSearchBlock" class="wide100p">
+                                    <div data-tg-type="ooba, vllm" id="beamSearchBlock" name="beamSearchBlock" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label>
                                                 <span data-i18n="Beam search">Beam Search</span>
@@ -1422,7 +1422,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div data-tg-type="ooba" data-newbie-hidden id="contrastiveSearchBlock" name="contrastiveSearchBlock" class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba" id="contrastiveSearchBlock" name="contrastiveSearchBlock" class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
                                         <h4 class="textAlignCenter" data-i18n="Contrastive search">Contrastive Search
                                             <div class=" fa-solid fa-circle-info opacity50p " data-i18n="Contrastive_search_txt" title="A sampler that encourages diversity while maintaining coherence, by exploiting the isotropicity of the representation space of most LLMs. For details, see the paper A Contrastive Framework for Neural Text Generation by Su et al. (2022)."></div>
                                         </h4>
@@ -1435,7 +1435,7 @@
                                             <input class="neo-range-input" type="number" min="0" max="5" step="0.05" data-for="penalty_alpha_textgenerationwebui" id="penalty_alpha_counter_textgenerationwebui">
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden name="checkboxes" class="flex-container flexBasis48p justifyCenter flexGrow flexShrink ">
+                                    <div name="checkboxes" class="flex-container flexBasis48p justifyCenter flexGrow flexShrink ">
                                         <div class="flex-container flexFlowColumn marginTop5">
                                             <label data-tg-type="ooba" class="checkbox_label  flexGrow flexShrink" for="do_sample_textgenerationwebui">
                                                 <input type="checkbox" id="do_sample_textgenerationwebui" />
@@ -1486,12 +1486,12 @@
                                             </label>
                                         </div>
                                     </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">
+                                    <div data-tg-type="mancer, ooba, koboldcpp, vllm, aphrodite, llamacpp, ollama, infermaticai, huggingface" 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">
+                                    <div id="banned_tokens_block_ooba" class="wide100p">
+                                        <hr class="width100p">
                                         <h4 class="range-block-title justifyCenter">
                                             <span data-i18n="Banned Tokens">Banned Tokens/Strings</span>
                                             <div class="margin5 fa-solid fa-circle-info opacity50p " data-i18n="[title]LLaMA / Mistral / Yi models only" title="Enter sequences you don't want to appear in the output.&#13;Unquoted text will be tokenized in the back end and banned as tokens.&#13;[token ids] will be banned as-is.&#13;Most tokens have a leading space. Use token counter (with the correct tokenizer selected first!) if you are unsure.&#13;Enclose text in double quotes to ban the entire string as a set.&#13;Quoted Strings and [Token ids] must be on their own line."></div>
@@ -1515,7 +1515,7 @@
                                             <div class="logit_bias_list"></div>
                                         </div>
                                     </div>
-                                    <div id="cfg_block_ooba" data-newbie-hidden data-tg-type="ooba, tabby" class="wide100p">
+                                    <div id="cfg_block_ooba" data-tg-type="ooba, tabby" class="wide100p">
                                         <hr class="width100p">
                                         <h4 data-i18n="CFG" class="textAlignCenter">CFG
                                             <div class="margin5 fa-solid fa-circle-info opacity50p " data-i18n="[title]Classifier Free Guidance. More helpful tip coming soon" title="Classifier Free Guidance. More helpful tip coming soon."></div>
@@ -1537,7 +1537,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden id="json_schema_block" data-tg-type="tabby, llamacpp" class="wide100p">
+                                    <div id="json_schema_block" data-tg-type="tabby, llamacpp" class="wide100p">
                                         <hr class="wide100p">
                                         <h4 class="wide100p textAlignCenter"><span data-i18n="JSON Schema">JSON Schema</span>
                                             <a href="https://json-schema.org/learn/getting-started-step-by-step" target="_blank">
@@ -1548,7 +1548,7 @@
                                         </h4>
                                         <textarea id="tabby_json_schema" rows="4" class="text_pole textarea_compact monospace" data-i18n="[placeholder]Type in the desired JSON schema" placeholder="Type in the desired JSON schema"></textarea>
                                     </div>
-                                    <div data-newbie-hidden id="grammar_block_ooba" class="wide100p">
+                                    <div id="grammar_block_ooba" class="wide100p">
                                         <hr class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label>
@@ -1563,7 +1563,7 @@
                                         </h4>
                                         <textarea id="grammar_string_textgenerationwebui" rows="4" class="text_pole textarea_compact monospace" data-i18n="[placeholder]Type in the desired custom grammar" placeholder="Type in the desired custom grammar"></textarea>
                                     </div>
-                                    <div id="sampler_order_block_kcpp" data-newbie-hidden data-tg-type="koboldcpp" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_order_block_kcpp" data-tg-type="koboldcpp" class="range-block flexFlowColumn wide100p">
                                         <hr class="wide100p">
                                         <div class="range-block-title">
                                             <span data-i18n="Samplers Order">Samplers Order</span>
@@ -1606,7 +1606,7 @@
                                             <span data-i18n="Load default order">Load default order</span>
                                         </div>
                                     </div>
-                                    <div id="sampler_order_block_lcpp" data-newbie-hidden data-tg-type="llamacpp" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_order_block_lcpp" data-tg-type="llamacpp" class="range-block flexFlowColumn wide100p">
                                         <hr class="wide100p">
                                         <h4 class="range-block-title justifyCenter">
                                             <span data-i18n="Sampler Order">Sampler Order</span>
@@ -1627,7 +1627,7 @@
                                             <span data-i18n="Load default order">Load default order</span>
                                         </div>
                                     </div>
-                                    <div id="sampler_priority_block_ooba" data-newbie-hidden data-tg-type="ooba" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_priority_block_ooba" data-tg-type="ooba" class="range-block flexFlowColumn wide100p">
                                         <hr class="wide100p">
                                         <h4 class="range-block-title justifyCenter">
                                             <span data-i18n="Sampler Priority">Sampler Priority</span>
@@ -1814,18 +1814,18 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden class="range-block" data-source="claude">
+                                    <div class="range-block" data-source="claude">
                                         <div class="wide100p">
                                             <div class="flex-container alignItemsCenter">
                                                 <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" />
@@ -1849,7 +1849,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block m-t-1" data-source="openai,openrouter,scale">
+                                <div class="range-block m-t-1" data-source="openai,openrouter,scale">
                                     <div id="logit_bias_openai" class="range-block-title openai_restorable" data-i18n="Logit Bias">
                                         Logit Bias
                                     </div>
@@ -1887,7 +1887,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div data-newbie-hidden class="range-block m-b-1">
+                                <div class="range-block m-b-1">
                                     <div id="completion_prompt_manager"></div>
                                 </div>
                             </div><!-- end of OpenAI settings-->
@@ -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">
@@ -2438,7 +2438,7 @@
                                 <option value="windowai">Window AI</option>
                             </optgroup>
                         </select>
-                        <div data-newbie-hidden class="inline-drawer wide100p" data-source="openai,claude,mistralai,makersuite">
+                        <div class="inline-drawer wide100p" data-source="openai,claude,mistralai,makersuite">
                             <div class="inline-drawer-toggle inline-drawer-header">
                                 <b data-i18n="Reverse Proxy">Reverse Proxy</b>
                                 <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
@@ -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-update="context" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
+                                <i 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-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 data-newbie-hidden>
+                            <div class="flex-container">
+                                <select id="context_presets" data-preset-manager-for="context" class="flex1 text_pole"></select>
+                            </div>
+                            <div>
                                 <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 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 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,267 @@
                                 <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" title="Enable Instruct Mode" data-i18n="[title]instruct_enabled">
+                                        <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="Bind to Context&#10If 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"></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-preset-manager-update="instruct" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
+                                <i 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-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>
+                                <small>
+                                    <span data-i18n="Activation Regex">Activation Regex</span>
+                                    <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>
+                                <input type="text" id="instruct_activation_regex" class="text_pole textarea_compact" placeholder="e.g. /llama(-)?[3|3.1]/i"></input>
+                            </div>
+                            <div>
+                                <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>
+                                <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 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" 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 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 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 +3449,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">
@@ -3759,10 +3654,6 @@
                         <div class="flex-container">
                             <div class="flex-container flexnowrap alignItemsBaseline">
                                 <h3 class="margin0"><span data-i18n="User Settings">User Settings</span></h3>
-                                <select id="ui_mode_select" class="margin0 widthNatural">
-                                    <option value="0" data-i18n="Simple">Simple</option>
-                                    <option value="1" data-i18n="Advanced">Advanced</option>
-                                </select>
                             </div>
                         </div>
                         <div id="UI-language-block" class="flex-container alignItemsBaseline">
@@ -3821,7 +3712,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div name="themeElements" data-newbie-hidden class="flex-container flexFlowColumn flexNoGap">
+                        <div name="themeElements" class="flex-container flexFlowColumn flexNoGap">
                             <!-- <h4><span data-i18n="UI Colors">Theme Settings</span></h4> -->
                             <div name="AvatarAndChatDisplay" class="flex-container flexFlowColumn">
                                 <div class="flex-container">
@@ -3841,7 +3732,7 @@
                                     </select>
                                 </div>
                             </div>
-                            <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
+                            <div class="inline-drawer wide100p flexFlowColumn">
                                 <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Specify colors for your theme." data-i18n="[title]Specify colors for your theme.">
                                     <b><span data-i18n="Theme Colors">Theme Colors</span></b>
                                     <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
@@ -3892,7 +3783,7 @@
                                 </div>
                             </div>
                             <hr>
-                            <div data-newbie-hidden name="FontBlurChatWidthBlock" class="flex-container">
+                            <div name="FontBlurChatWidthBlock" class="flex-container">
 
                                 <div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
                                     <small>
@@ -3938,11 +3829,11 @@
                                     <input id="reduced_motion" type="checkbox" />
                                     <small data-i18n="Reduced Motion">Reduced Motion</small>
                                 </label>
-                                <label data-newbie-hidden for="fast_ui_mode" class="checkbox_label" title="Remove blur from window backgrounds, for faster rendering." data-i18n="[title]removes blur from window backgrounds">
+                                <label for="fast_ui_mode" class="checkbox_label" title="Remove blur from window backgrounds, for faster rendering." data-i18n="[title]removes blur from window backgrounds">
                                     <input id="fast_ui_mode" type="checkbox" />
                                     <small data-i18n="No Blur Effect">No Blur Effect</small>
                                 </label>
-                                <label data-newbie-hidden for="noShadowsmode" class="checkbox_label" title="Remove text shadow effect." data-i18n="[title]Remove text shadow effect">
+                                <label for="noShadowsmode" class="checkbox_label" title="Remove text shadow effect." data-i18n="[title]Remove text shadow effect">
                                     <input id="noShadowsmode" type="checkbox" />
                                     <small data-i18n="No Text Shadows">No Text Shadows</small>
                                 </label>
@@ -3950,39 +3841,39 @@
                                     <input id="waifuMode" type="checkbox" />
                                     <small data-i18n="Waifu Mode">Visual Novel Mode</small>
                                 </label>
-                                <label data-newbie-hidden for="expandMessageActions" class="checkbox_label" title="Always show the full list of the Message Actions context items for chat messages, instead of hiding them behind '...'." data-i18n="[title]Always show the full list of the Message Actions context items for chat messages, instead of hiding them behind '...'">
+                                <label for="expandMessageActions" class="checkbox_label" title="Always show the full list of the Message Actions context items for chat messages, instead of hiding them behind '...'." data-i18n="[title]Always show the full list of the Message Actions context items for chat messages, instead of hiding them behind '...'">
                                     <input id="expandMessageActions" type="checkbox" />
                                     <small data-i18n="Auto-Expand Message Actions">Expand Message Actions</small>
                                 </label>
-                                <label data-newbie-hidden for="enableZenSliders" class="checkbox_label" title="Alternative UI for numeric sampling parameters with fewer steps." data-i18n="[title]Alternative UI for numeric sampling parameters with fewer steps">
+                                <label for="enableZenSliders" class="checkbox_label" title="Alternative UI for numeric sampling parameters with fewer steps." data-i18n="[title]Alternative UI for numeric sampling parameters with fewer steps">
                                     <input id="enableZenSliders" type="checkbox" />
                                     <small data-i18n="Zen Sliders">Zen Sliders</small>
                                 </label>
-                                <label data-newbie-hidden for="enableLabMode" class="checkbox_label" title="Entirely unrestrict all numeric sampling parameters." data-i18n="[title]Entirely unrestrict all numeric sampling parameters">
+                                <label for="enableLabMode" class="checkbox_label" title="Entirely unrestrict all numeric sampling parameters." data-i18n="[title]Entirely unrestrict all numeric sampling parameters">
                                     <input id="enableLabMode" type="checkbox" />
                                     <small data-i18n="Mad Lab Mode">Mad Lab Mode</small>
                                 </label>
-                                <label data-newbie-hidden for="messageTimerEnabled" class="checkbox_label" title="Time the AI's message generation, and show the duration in the chat log." data-i18n="[title]Time the AI's message generation, and show the duration in the chat log">
+                                <label for="messageTimerEnabled" class="checkbox_label" title="Time the AI's message generation, and show the duration in the chat log." data-i18n="[title]Time the AI's message generation, and show the duration in the chat log">
                                     <input id="messageTimerEnabled" type="checkbox" />
                                     <small data-i18n="Message Timer">Message Timer</small>
                                 </label>
-                                <label data-newbie-hidden for="messageTimestampsEnabled" class="checkbox_label" title="Show a timestamp for each message in the chat log." data-i18n="[title]Show a timestamp for each message in the chat log">
+                                <label for="messageTimestampsEnabled" class="checkbox_label" title="Show a timestamp for each message in the chat log." data-i18n="[title]Show a timestamp for each message in the chat log">
                                     <input id="messageTimestampsEnabled" type="checkbox" />
                                     <small data-i18n="Chat Timestamps">Chat Timestamps</small>
                                 </label>
-                                <label data-newbie-hidden for="messageModelIconEnabled" class="checkbox_label" title="Show an icon for the API that generated the message." data-i18n="[title]Show an icon for the API that generated the message">
+                                <label for="messageModelIconEnabled" class="checkbox_label" title="Show an icon for the API that generated the message." data-i18n="[title]Show an icon for the API that generated the message">
                                     <input id="messageModelIconEnabled" type="checkbox" />
                                     <small data-i18n="Model Icon">Model Icons</small>
                                 </label>
-                                <label data-newbie-hidden for="mesIDDisplayEnabled" class="checkbox_label" title="Show sequential message numbers in the chat log." data-i18n="[title]Show sequential message numbers in the chat log">
+                                <label for="mesIDDisplayEnabled" class="checkbox_label" title="Show sequential message numbers in the chat log." data-i18n="[title]Show sequential message numbers in the chat log">
                                     <input id="mesIDDisplayEnabled" type="checkbox" />
                                     <small data-i18n="Message IDs">Message IDs</small>
                                 </label>
-                                <label data-newbie-hidden for="hideChatAvatarsEnabled" class="checkbox_label" title="Hide avatars in chat messages." data-i18n="[title]Hide avatars in chat messages.">
+                                <label for="hideChatAvatarsEnabled" class="checkbox_label" title="Hide avatars in chat messages." data-i18n="[title]Hide avatars in chat messages.">
                                     <input id="hideChatAvatarsEnabled" type="checkbox" />
                                     <small data-i18n="Hide Chat Avatars">Hide Chat Avatars</small>
                                 </label>
-                                <label data-newbie-hidden for="messageTokensEnabled" class="checkbox_label" title="Show the number of tokens for each message in the chat log." data-i18n="[title]Show the number of tokens in each message in the chat log">
+                                <label for="messageTokensEnabled" class="checkbox_label" title="Show the number of tokens for each message in the chat log." data-i18n="[title]Show the number of tokens in each message in the chat log">
                                     <input id="messageTokensEnabled" type="checkbox" />
                                     <small data-i18n="Show Message Token Count">Message Token Count</small>
                                 </label>
@@ -3990,7 +3881,7 @@
                                     <input id="compact_input_area" type="checkbox" />
                                     <small data-i18n="Compact Input Area (Mobile)">Compact Input Area</small><i class="fa-solid fa-mobile-screen-button"></i>
                                 </label>
-                                <label data-newbie-hidden for="hotswapEnabled" class="checkbox_label" title="In the Character Management panel, show quick selection buttons for favorited characters." data-i18n="[title]In the Character Management panel, show quick selection buttons for favorited characters">
+                                <label for="hotswapEnabled" class="checkbox_label" title="In the Character Management panel, show quick selection buttons for favorited characters." data-i18n="[title]In the Character Management panel, show quick selection buttons for favorited characters">
                                     <input id="hotswapEnabled" type="checkbox" />
                                     <small data-i18n="Characters Hotswap">Characters Hotswap</small>
                                 </label>
@@ -4011,7 +3902,7 @@
                         </div>
                     </div>
                     <div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p flexNoGap">
-                        <div data-newbie-hidden name="CharacterHandlingToggles">
+                        <div name="CharacterHandlingToggles">
                             <h4 data-i18n="Character Handling">
                                 Character Handling
                             </h4>
@@ -4022,7 +3913,7 @@
                                     <option data-i18n="Created by" value="creator">Created by</option>
                                 </select>
                             </div>
-                            <div data-newbie-hidden class="flex-container alignitemscenter" title="Defines on importing cards which action should be chosen for importing its listed tags. 'Ask' will always display the dialog." data-i18n="[title]Defines on importing cards which action should be chosen for importing its listed tags. 'Ask' will always display the dialog.">
+                            <div class="flex-container alignitemscenter" title="Defines on importing cards which action should be chosen for importing its listed tags. 'Ask' will always display the dialog." data-i18n="[title]Defines on importing cards which action should be chosen for importing its listed tags. 'Ask' will always display the dialog.">
                                 <label for="tag_import_setting"><small data-i18n="Import Card Tags">Import Card Tags</small></label>
                                 <select id="tag_import_setting" class="widthNatural flex1 margin0">
                                     <option data-i18n="Ask" value="1">Ask</option>
@@ -4031,27 +3922,27 @@
                                     <option data-i18n="Existing" value="4">Existing</option>
                                 </select>
                             </div>
-                            <label data-newbie-hidden class="checkbox_label" for="fuzzy_search_checkbox" title="Use fuzzy matching, and search characters in the list by all data fields, not just by a name substring." data-i18n="[title]Use fuzzy matching, and search characters in the list by all data fields, not just by a name substring">
+                            <label class="checkbox_label" for="fuzzy_search_checkbox" title="Use fuzzy matching, and search characters in the list by all data fields, not just by a name substring." data-i18n="[title]Use fuzzy matching, and search characters in the list by all data fields, not just by a name substring">
                                 <input id="fuzzy_search_checkbox" type="checkbox" />
                                 <small data-i18n="Advanced Character Search">Advanced Character Search</small>
                             </label>
-                            <label data-newbie-hidden for="prefer_character_prompt" title="If checked and the character card contains a prompt override (System Prompt), use that instead." data-i18n="[title]If checked and the character card contains a prompt override (System Prompt), use that instead" class="checkbox_label">
+                            <label for="prefer_character_prompt" title="If checked and the character card contains a prompt override (System Prompt), use that instead." data-i18n="[title]If checked and the character card contains a prompt override (System Prompt), use that instead" class="checkbox_label">
                                 <input id="prefer_character_prompt" type="checkbox" />
                                 <small data-i18n="Prefer Character Card Prompt">Prefer Char. Prompt</small>
                             </label>
-                            <label data-newbie-hidden for="prefer_character_jailbreak" title="If checked and the character card contains a Post-History Instructions override, use that instead." data-i18n="[title]If checked and the character card contains a Post-History Instructions override, use that instead" class="checkbox_label">
+                            <label for="prefer_character_jailbreak" title="If checked and the character card contains a Post-History Instructions override, use that instead." data-i18n="[title]If checked and the character card contains a Post-History Instructions override, use that instead" class="checkbox_label">
                                 <input id="prefer_character_jailbreak" type="checkbox" />
                                 <small data-i18n="Prefer Character Card Instructions">Prefer Char. Instructions</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="never_resize_avatars" title="Avoid cropping and resizing imported character images. When off, crop/resize to 512x768." data-i18n="[title]Avoid cropping and resizing imported character images. When off, crop/resize to 512x768">
+                            <label class="checkbox_label" for="never_resize_avatars" title="Avoid cropping and resizing imported character images. When off, crop/resize to 512x768." data-i18n="[title]Avoid cropping and resizing imported character images. When off, crop/resize to 512x768">
                                 <input id="never_resize_avatars" type="checkbox" />
                                 <small data-i18n="Never resize avatars">Never resize avatars</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="show_card_avatar_urls" title="Show actual file names on the disk, in the characters list display only." data-i18n="[title]Show actual file names on the disk, in the characters list display only">
+                            <label class="checkbox_label" for="show_card_avatar_urls" title="Show actual file names on the disk, in the characters list display only." data-i18n="[title]Show actual file names on the disk, in the characters list display only">
                                 <input id="show_card_avatar_urls" type="checkbox" />
                                 <small data-i18n="Show avatar filenames">Show avatar filenames</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="spoiler_free_mode" title="Hide character definitions from the editor panel behind a spoiler button." data-i18n="[title]Hide character definitions from the editor panel behind a spoiler button">
+                            <label class="checkbox_label" for="spoiler_free_mode" title="Hide character definitions from the editor panel behind a spoiler button." data-i18n="[title]Hide character definitions from the editor panel behind a spoiler button">
                                 <input id="spoiler_free_mode" type="checkbox" />
                                 <small data-i18n="Spoiler Free Mode">Spoiler Free Mode</small>
                             </label>
@@ -4060,7 +3951,7 @@
 
                         <div name="MiscellaneousToggles">
                             <h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
-                            <div data-newbie-hidden class="flex-container">
+                            <div class="flex-container">
                                 <div id="reload_chat" class="menu_button whitespacenowrap" data-i18n="[title]Reload and redraw the currently open chat" title="Reload and redraw the currently open chat.">
                                     <small data-i18n="Reload Chat">Reload Chat</small>
                                 </div>
@@ -4100,15 +3991,15 @@
                                 <input id="play_sound_unfocused" type="checkbox" />
                                 <small data-i18n="Background Sound Only">Background Sound Only</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="relaxed_api_urls" title="Reduce the formatting requirements on API URLs." data-i18n="[title]Reduce the formatting requirements on API URLs">
+                            <label class="checkbox_label" for="relaxed_api_urls" title="Reduce the formatting requirements on API URLs." data-i18n="[title]Reduce the formatting requirements on API URLs">
                                 <input id="relaxed_api_urls" type="checkbox" />
                                 <small data-i18n="Relaxed API URLS">Relaxed API URLs</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="world_import_dialog" title="Ask to import the World Info/Lorebook for every new character with embedded lorebook. If unchecked, a brief message will be shown instead." data-i18n="[title]Ask to import the World Info/Lorebook for every new character with embedded lorebook. If unchecked, a brief message will be shown instead">
+                            <label class="checkbox_label" for="world_import_dialog" title="Ask to import the World Info/Lorebook for every new character with embedded lorebook. If unchecked, a brief message will be shown instead." data-i18n="[title]Ask to import the World Info/Lorebook for every new character with embedded lorebook. If unchecked, a brief message will be shown instead">
                                 <input id="world_import_dialog" type="checkbox" />
                                 <small data-i18n="Lorebook Import Dialog">Lorebook Import Dialog</small>
                             </label>
-                            <label data-newbie-hidden class="checkbox_label" for="enable_auto_select_input" title="Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields." data-i18n="[title]Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields.">
+                            <label class="checkbox_label" for="enable_auto_select_input" title="Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields." data-i18n="[title]Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields.">
                                 <input id="enable_auto_select_input" type="checkbox" />
                                 <small data-i18n="Auto-select Input Text">Auto-select Input Text</small>
                             </label>
@@ -4117,13 +4008,19 @@
                                 <small data-i18n="Restore User Input">Restore User Input</small>
                             </label>
                             <div class="flex-container alignItemsCenter">
-                                <label data-newbie-hidden id="movingUIModeCheckBlock" for="movingUImode" class="checkbox_label" title="Allow repositioning certain UI elements by dragging them. PC only, no effect on mobile." data-i18n="[title]Allow repositioning certain UI elements by dragging them. PC only, no effect on mobile">
+                                <label id="movingUIModeCheckBlock" for="movingUImode" class="checkbox_label" title="Allow repositioning certain UI elements by dragging them. PC only, no effect on mobile." data-i18n="[title]Allow repositioning certain UI elements by dragging them. PC only, no effect on mobile">
                                     <input id="movingUImode" type="checkbox" />
-                                    <small data-i18n="Movable UI Panels">MovingUI&nbsp;<i class="fa-solid fa-desktop"></i></small>
+                                    <small>
+                                        <span data-i18n="Movable UI Panels">MovingUI</span>
+                                        <i class="fa-solid fa-desktop"></i>
+                                    </small>
                                 </label>
-                                <div data-newbie-hidden id="movingUIreset" title="Reset MovingUI panel sizes/locations." class="menu_button margin0" data-i18n="[title]Reset MovingUI panel sizes/locations."><i class=" fa-solid fa-recycle margin-r5"></i> <span data-i18n="mui_reset">Reset</span></div>
+                                <div id="movingUIreset" title="Reset MovingUI panel sizes/locations." class="menu_button margin0" data-i18n="[title]Reset MovingUI panel sizes/locations.">
+                                    <i class=" fa-solid fa-recycle margin-r5"></i>
+                                    <span data-i18n="mui_reset">Reset</span>
+                                </div>
                             </div>
-                            <div data-newbie-hidden id="MovingUI-presets-block" class="flex-container alignitemscenter">
+                            <div id="MovingUI-presets-block" class="flex-container alignitemscenter">
                                 <div class="flex-container alignItemsFlexEnd">
                                     <label for="movingUIPresets" title="MovingUI preset. Predefined/saved draggable positions." data-i18n="[title]MovingUI preset. Predefined/saved draggable positions">
                                         <small data-i18n="MUI Preset">MovingUI Preset:</small>
@@ -4135,7 +4032,7 @@
                                     <div id="movingui-preset-save-button" title="Save changes to a new MovingUI preset file." data-i18n="[title]Save movingUI changes to a new file" class="menu_button margin0 fa-solid fa-save"></div>
                                 </div>
                             </div>
-                            <div data-newbie-hidden id="CustomCSS-block" class="flex-container flexFlowColumn">
+                            <div id="CustomCSS-block" class="flex-container flexFlowColumn">
                                 <h4 class="title_restorable" title="Apply a custom CSS style to all of the ST GUI." data-i18n="[title]Apply a custom CSS style to all of the ST GUI">
                                     <span data-i18n="Custom CSS">Custom CSS</span>
                                     <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="customCSS" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
@@ -4172,7 +4069,7 @@
                                         <input class="neo-range-input" type="number" min="5" max="100" step="5" data-for="streaming_fps" id="streaming_fps_counter">
                                     </div>
                                 </div>
-                                <div data-newbie-hidden id="examples-behavior-block">
+                                <div id="examples-behavior-block">
                                     <label data-i18n="Example Messages Behavior">
                                         <small>Example Messages Behavior:</small>
                                     </label>
@@ -4182,7 +4079,7 @@
                                         <option value="strip" data-i18n="Never include examples">Never include examples</option>
                                     </select>
                                 </div>
-                                <div data-newbie-hidden class="flex-container alignitemscenter">
+                                <div class="flex-container alignitemscenter">
                                     <small data-i18n="Send on Enter">
                                         Enter to Send:
                                     </small>
@@ -4192,7 +4089,7 @@
                                         <option value="1" data-i18n="Enabled">Enabled</option>
                                     </select>
                                 </div>
-                                <label data-newbie-hidden class="checkbox_label" for="continue_on_send">
+                                <label class="checkbox_label" for="continue_on_send">
                                     <input id="continue_on_send" type="checkbox" />
                                     <small data-i18n="Press Send to continue">
                                         "Send" to Continue
@@ -4211,11 +4108,11 @@
                                     </small>
                                 </label>
                                 <div class="checkbox-container flex-container">
-                                    <label data-newbie-hidden class="checkbox_label" for="swipes-checkbox" title="Show arrow buttons on the last in-chat message to generate alternative AI responses. Both PC and mobile." data-i18n="[title]Show arrow buttons on the last in-chat message to generate alternative AI responses. Both PC and mobile">
+                                    <label class="checkbox_label" for="swipes-checkbox" title="Show arrow buttons on the last in-chat message to generate alternative AI responses. Both PC and mobile." data-i18n="[title]Show arrow buttons on the last in-chat message to generate alternative AI responses. Both PC and mobile">
                                         <input id="swipes-checkbox" type="checkbox" />
                                         <small data-i18n="Swipes">Swipes</small><i class="fa-solid fa-desktop"></i><i class="fa-solid fa-mobile-screen-button"></i>
                                     </label>
-                                    <label data-newbie-hidden class="checkbox_label" for="gestures-checkbox" title="Allow using swiping gestures on the last in-chat message to trigger swipe generation. Mobile only, no effect on PC." , data-i18n="[title]Allow using swiping gestures on the last in-chat message to trigger swipe generation. Mobile only, no effect on PC">
+                                    <label class="checkbox_label" for="gestures-checkbox" title="Allow using swiping gestures on the last in-chat message to trigger swipe generation. Mobile only, no effect on PC." , data-i18n="[title]Allow using swiping gestures on the last in-chat message to trigger swipe generation. Mobile only, no effect on PC">
                                         <input id="gestures-checkbox" type="checkbox" />
                                         <small data-i18n="Gestures">Gestures</small>
                                         <i class="fa-solid fa-mobile-screen-button"></i>
@@ -4225,15 +4122,15 @@
                                     <input id="auto-load-chat-checkbox" type="checkbox" />
                                     <small data-i18n="Auto-load Last Chat">Auto-load Last Chat</small>
                                 </label>
-                                <label data-newbie-hidden for="auto_scroll_chat_to_bottom" class="checkbox_label">
+                                <label for="auto_scroll_chat_to_bottom" class="checkbox_label">
                                     <input id="auto_scroll_chat_to_bottom" type="checkbox" />
                                     <small data-i18n="Auto-scroll Chat">Auto-scroll Chat</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="auto_save_msg_edits" title="Save edits to messages without confirmation as you type." data-i18n="[title]Save edits to messages without confirmation as you type">
+                                <label class="checkbox_label" for="auto_save_msg_edits" title="Save edits to messages without confirmation as you type." data-i18n="[title]Save edits to messages without confirmation as you type">
                                     <input id="auto_save_msg_edits" type="checkbox" />
                                     <small data-i18n="Auto-save Message Edits">Auto-save Message Edits</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="confirm_message_delete">
+                                <label class="checkbox_label" for="confirm_message_delete">
                                     <input id="confirm_message_delete" type="checkbox" />
                                     <small data-i18n="Confirm message deletion">Confirm message deletion</small>
                                 </label>
@@ -4241,7 +4138,7 @@
                                     <input id="auto_fix_generated_markdown" type="checkbox" />
                                     <small data-i18n="Auto-fix Markdown">Auto-fix Markdown</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="render_formulas" title="Render LaTeX and AsciiMath equation notation in chat messages. Powered by KaTeX." data-i18n="[title]Render LaTeX and AsciiMath equation notation in chat messages. Powered by KaTeX">
+                                <label class="checkbox_label" for="render_formulas" title="Render LaTeX and AsciiMath equation notation in chat messages. Powered by KaTeX." data-i18n="[title]Render LaTeX and AsciiMath equation notation in chat messages. Powered by KaTeX">
                                     <input id="render_formulas" type="checkbox" />
                                     <small data-i18n="Render Formulas">Render Formulas</small>
                                     <a href="https://docs.sillytavern.app/usage/core-concepts/uicustomization/#formulas-rendering" class="notes-link" target="_blank">
@@ -4252,11 +4149,11 @@
                                     <input id="forbid_external_media" type="checkbox" />
                                     <small data-i18n="Forbid External Media">Forbid External Media</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="allow_name2_display">
+                                <label class="checkbox_label" for="allow_name2_display">
                                     <input id="allow_name2_display" type="checkbox" />
                                     <small data-i18n="Allow {{char}}: in bot messages">Show {{char}}: in responses</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="allow_name1_display">
+                                <label class="checkbox_label" for="allow_name1_display">
                                     <input id="allow_name1_display" type="checkbox" />
                                     <small data-i18n="Allow {{user}}: in bot messages">Show {{user}}: in responses</small>
                                 </label>
@@ -4264,23 +4161,23 @@
                                     <input id="encode_tags" type="checkbox" />
                                     <small data-i18n="Show tags in responses">Show &lt;tags&gt; in responses</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="disable_group_trimming" title="Allow AI messages in groups to contain lines spoken by other group members." data-i18n="[title]Allow AI messages in groups to contain lines spoken by other group members">
+                                <label class="checkbox_label" for="disable_group_trimming" title="Allow AI messages in groups to contain lines spoken by other group members." data-i18n="[title]Allow AI messages in groups to contain lines spoken by other group members">
                                     <input id="disable_group_trimming" type="checkbox" />
                                     <small data-i18n="Relax message trim in Groups">Relax message trim in Groups</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="console_log_prompts">
+                                <label class="checkbox_label" for="console_log_prompts">
                                     <input id="console_log_prompts" type="checkbox" />
                                     <small data-i18n="Log prompts to console">Log prompts to console</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="request_token_probabilities" title="Requests logprobs from the API for the Token Probabilities feature." data-i18n="[title]Requests logprobs from the API for the Token Probabilities feature">
+                                <label class="checkbox_label" for="request_token_probabilities" title="Requests logprobs from the API for the Token Probabilities feature." data-i18n="[title]Requests logprobs from the API for the Token Probabilities feature">
                                     <input id="request_token_probabilities" type="checkbox" />
                                     <small data-i18n="Request token probabilities">Request token probabilities</small>
                                 </label>
-                                <label data-newbie-hidden class="checkbox_label" for="show_group_chat_queue" title="In group chat, highlight the character(s) that are currently queued to generate responses and the order in which they will respond." data-i18n="[title]In group chat, highlight the character(s) that are currently queued to generate responses and the order in which they will respond.">
+                                <label class="checkbox_label" for="show_group_chat_queue" title="In group chat, highlight the character(s) that are currently queued to generate responses and the order in which they will respond." data-i18n="[title]In group chat, highlight the character(s) that are currently queued to generate responses and the order in which they will respond.">
                                     <input id="show_group_chat_queue" type="checkbox" />
                                     <small data-i18n="Show group chat queue">Show group chat queue</small>
                                 </label>
-                                <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
+                                <div class="inline-drawer wide100p flexFlowColumn">
                                     <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Automatically reject and re-generate AI message based on configurable criteria." data-i18n="[title]Automatically reject and re-generate AI message based on configurable criteria">
                                         <b><span data-i18n="Auto-swipe">Auto-swipe</span></b>
                                         <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
@@ -4294,75 +4191,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 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 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>
@@ -4495,8 +4427,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>
@@ -4540,7 +4472,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>
@@ -4560,7 +4492,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.">
@@ -4570,11 +4502,11 @@
                             </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>
-                                <div data-newbie-hidden>
+                                <div>
                                     <label for="persona_description_position" data-i18n="Position:">Position:</label>
                                     <select id="persona_description_position">
                                         <option value="9" data-i18n="None (disabled)">None (disabled)</option>
@@ -4664,7 +4596,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>
@@ -4735,7 +4667,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>
@@ -4820,12 +4752,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>
@@ -4867,7 +4799,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">
@@ -4875,7 +4807,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">
@@ -4930,7 +4862,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>
@@ -4944,7 +4876,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>
@@ -4955,7 +4887,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>
@@ -4991,1063 +4923,1075 @@
         </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 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>
-        <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-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" 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>
+                                        </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 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 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>
+                        <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>
+                <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>
+                <ul class="justifyLeft marginTopBot5">
+                    <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 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>
-                <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">
+        <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">
@@ -6070,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>
@@ -6127,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>
@@ -6159,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>
@@ -6453,11 +6397,11 @@
                 <i class="fa-lg fa-solid fa-note-sticky"></i>
                 <span data-i18n="Author's Note">Author's Note</span>
             </a>
-            <a data-newbie-hidden id="option_toggle_CFG">
+            <a id="option_toggle_CFG">
                 <i class="fa-lg fa-solid fa-scale-balanced"></i>
                 <span data-i18n="CFG Scale">CFG Scale</span>
             </a>
-            <a data-newbie-hidden id="option_toggle_logprobs">
+            <a id="option_toggle_logprobs">
                 <i class="fa-lg fa-solid fa-pie-chart"></i>
                 <span data-i18n="Token Probabilities">Token Probabilities</span>
             </a>
@@ -6509,60 +6453,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 a49f6d101..1426e8a16 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1,4 +1,4 @@
-import { humanizedDateTime, favsToHotswap, getMessageTimeStamp, dragElement, isMobile, initRossMods, shouldSendOnEnter } from './scripts/RossAscends-mods.js';
+import { humanizedDateTime, favsToHotswap, getMessageTimeStamp, dragElement, isMobile, initRossMods, shouldSendOnEnter, addSafariPatch } from './scripts/RossAscends-mods.js';
 import { userStatsHandler, statMesProcess, initStats } from './scripts/stats.js';
 import {
     generateKoboldWithStreaming,
@@ -78,8 +78,6 @@ import {
     renderStoryString,
     sortEntitiesList,
     registerDebugFunction,
-    ui_mode,
-    switchSimpleMode,
     flushEphemeralStoppingStrings,
     context_presets,
     resetMovableStyles,
@@ -454,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',
@@ -928,6 +928,7 @@ async function firstLoadInit() {
         throw new Error('Initialization failed');
     }
 
+    addSafariPatch();
     await getClientVersion();
     await readSecretState();
     initLocales();
@@ -3126,6 +3127,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;
@@ -6324,15 +6326,11 @@ export function setUserName(value) {
 }
 
 async function doOnboarding(avatarId) {
-    let simpleUiMode = false;
     const template = $('#onboarding_template .onboarding');
-    template.find('input[name="enable_simple_mode"]').on('input', function () {
-        simpleUiMode = $(this).is(':checked');
-    });
-    let userName = await callGenericPopup(template, POPUP_TYPE.INPUT, currentUser?.name || name1, { rows: 2, wide: true, large: true });
+    let userName = await callGenericPopup(template, POPUP_TYPE.INPUT, currentUser?.name || name1, { rows: 2, wider: true, cancelButton: false });
 
     if (userName) {
-        userName = userName.replace('\n', ' ');
+        userName = String(userName).replace('\n', ' ');
         setUserName(userName);
         console.log(`Binding persona ${avatarId} to name ${userName}`);
         power_user.personas[avatarId] = userName;
@@ -6341,12 +6339,6 @@ async function doOnboarding(avatarId) {
             position: persona_description_positions.IN_PROMPT,
         };
     }
-
-    if (simpleUiMode) {
-        power_user.ui_mode = ui_mode.SIMPLE;
-        $('#ui_mode_select').val(power_user.ui_mode);
-        switchSimpleMode();
-    }
 }
 
 function reloadLoop() {
@@ -7466,6 +7458,53 @@ export function hideSwipeButtons() {
     $('#chat').find('.swipe_left').css('display', 'none');
 }
 
+/**
+ * Deletes a swipe from the chat.
+ *
+ * @param {number?} swipeId - The ID of the swipe to delete. If not provided, the current swipe will be deleted.
+ * @returns {Promise<number>|undefined} - The ID of the new swipe after deletion.
+ */
+export async function deleteSwipe(swipeId = null) {
+    if (swipeId && (isNaN(swipeId) || swipeId < 0)) {
+        toastr.warning(`Invalid swipe ID: ${swipeId + 1}`);
+        return;
+    }
+
+    const lastMessage = chat[chat.length - 1];
+    if (!lastMessage || !Array.isArray(lastMessage.swipes) || !lastMessage.swipes.length) {
+        toastr.warning('No messages to delete swipes from.');
+        return;
+    }
+
+    if (lastMessage.swipes.length <= 1) {
+        toastr.warning('Can\'t delete the last swipe.');
+        return;
+    }
+
+    swipeId = swipeId ?? lastMessage.swipe_id;
+
+    if (swipeId < 0 || swipeId >= lastMessage.swipes.length) {
+        toastr.warning(`Invalid swipe ID: ${swipeId + 1}`);
+        return;
+    }
+
+    lastMessage.swipes.splice(swipeId, 1);
+
+    if (Array.isArray(lastMessage.swipe_info) && lastMessage.swipe_info.length) {
+        lastMessage.swipe_info.splice(swipeId, 1);
+    }
+
+    // Select the next swip, or the one before if it was the last one
+    const newSwipeId = Math.min(swipeId, lastMessage.swipes.length - 1);
+    lastMessage.swipe_id = newSwipeId;
+    lastMessage.mes = lastMessage.swipes[newSwipeId];
+
+    await saveChatConditional();
+    await reloadCurrentChat();
+
+    return newSwipeId;
+}
+
 export async function saveMetadata() {
     if (selected_group) {
         await editGroup(selected_group, true, false);
@@ -8009,7 +8048,7 @@ window['SillyTavern'].getContext = function () {
         registerHelper: () => { },
         registerMacro: MacrosParser.registerMacro.bind(MacrosParser),
         unregisterMacro: MacrosParser.unregisterMacro.bind(MacrosParser),
-        registedDebugFunction: registerDebugFunction,
+        registerDebugFunction: registerDebugFunction,
         /** @deprecated Use renderExtensionTemplateAsync instead. */
         renderExtensionTemplate: renderExtensionTemplate,
         renderExtensionTemplateAsync: renderExtensionTemplateAsync,
@@ -8944,6 +8983,12 @@ function addDebugFunctions() {
         await reloadCurrentChat();
     };
 
+    registerDebugFunction('forceOnboarding', 'Force onboarding', 'Forces the onboarding process to restart.', async () => {
+        firstRun = true;
+        await saveSettings();
+        location.reload();
+    });
+
     registerDebugFunction('backfillTokenCounts', 'Backfill token counters',
         `Recalculates token counts of all messages in the current chat to refresh the counters.
         Useful when you switch between models that have different tokenizers.
@@ -10153,7 +10198,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();
@@ -10171,6 +10216,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;
     });
 
@@ -10282,20 +10329,13 @@ jQuery(async function () {
         if (deleteOnlySwipe) {
             const message = chat[this_edit_mes_id];
             const swipe_id = message.swipe_id;
-            message.swipes.splice(swipe_id, 1);
-            if (Array.isArray(message.swipe_info) && message.swipe_info.length) {
-                message.swipe_info.splice(swipe_id, 1);
-            }
-            if (swipe_id > 0) {
-                $('.swipe_left:last').click();
-            } else {
-                $('.swipe_right:last').click();
-            }
-        } else {
-            chat.splice(this_edit_mes_id, 1);
-            messageElement.remove();
+            await deleteSwipe(swipe_id);
+            return;
         }
 
+        chat.splice(this_edit_mes_id, 1);
+        messageElement.remove();
+
         let startFromZero = Number(this_edit_mes_id) === 0;
 
         this_edit_mes_id = undefined;
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index 4fa4ff603..9c07ce851 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;
     }
 
@@ -711,6 +711,18 @@ export const autoFitSendTextAreaDebounced = debounce(autoFitSendTextArea, deboun
 
 // ---------------------------------------------------
 
+export function addSafariPatch() {
+    const userAgent = getParsedUA();
+    console.debug('User Agent', userAgent);
+    const isMobileSafari = /iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+    const isDesktopSafari = userAgent?.browser?.name === 'Safari' && userAgent?.platform?.type === 'desktop';
+    const isIOS = userAgent?.os?.name === 'iOS';
+
+    if (isIOS || isMobileSafari || isDesktopSafari) {
+        document.body.classList.add('safari');
+    }
+}
+
 export function initRossMods() {
     // initial status check
     setTimeout(() => {
@@ -725,16 +737,6 @@ export function initRossMods() {
         RA_autoconnect();
     }
 
-    const userAgent = getParsedUA();
-    console.debug('User Agent', userAgent);
-    const isMobileSafari = /iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
-    const isDesktopSafari = userAgent?.browser?.name === 'Safari' && userAgent?.platform?.type === 'desktop';
-    const isIOS = userAgent?.os?.name === 'iOS';
-
-    if (isIOS || isMobileSafari || isDesktopSafari) {
-        document.body.classList.add('safari');
-    }
-
     $('#main_api').change(function () {
         var PrevAPI = main_api;
         setTimeout(() => RA_autoconnect(PrevAPI), 100);
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/popup.js b/public/scripts/popup.js
index a91781562..7315fd536 100644
--- a/public/scripts/popup.js
+++ b/public/scripts/popup.js
@@ -281,6 +281,7 @@ export class Popup {
             case POPUP_TYPE.INPUT: {
                 this.mainInput.style.display = 'block';
                 if (!okButton) this.okButton.textContent = template.getAttribute('popup-button-save');
+                if (cancelButton === false) this.cancelButton.style.display = 'none';
                 break;
             }
             case POPUP_TYPE.DISPLAY: {
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index c3b3d8f20..469d460ed 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -75,11 +75,6 @@ const defaultStoryString = '{{#if system}}{{system}}\n{{/if}}{{#if description}}
 const defaultExampleSeparator = '***';
 const defaultChatStart = '***';
 
-export const ui_mode = {
-    SIMPLE: 0,
-    POWER: 1,
-};
-
 const avatar_styles = {
     ROUND: 0,
     RECTANGULAR: 1,
@@ -132,7 +127,6 @@ let power_user = {
     smooth_streaming: false,
     smooth_streaming_speed: 50,
 
-    ui_mode: ui_mode.POWER,
     fast_ui_mode: true,
     avatar_style: avatar_styles.ROUND,
     chat_display: chat_styles.DEFAULT,
@@ -331,12 +325,6 @@ const debug_functions = [];
 
 const setHotswapsDebounced = debounce(favsToHotswap);
 
-export function switchSimpleMode() {
-    $('[data-newbie-hidden]').each(function () {
-        $(this).toggleClass('displayNone', power_user.ui_mode === ui_mode.SIMPLE);
-    });
-}
-
 function playMessageSound() {
     if (!power_user.play_message_sound) {
         return;
@@ -1481,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);
@@ -1511,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);
@@ -1586,7 +1574,6 @@ async function loadPowerUserSettings(settings, data) {
     $('#bot-mes-blur-tint-color-picker').attr('color', power_user.bot_mes_blur_tint_color);
     $('#shadow-color-picker').attr('color', power_user.shadow_color);
     $('#border-color-picker').attr('color', power_user.border_color);
-    $('#ui_mode_select').val(power_user.ui_mode).find(`option[value="${power_user.ui_mode}"]`).attr('selected', true);
     $('#reduced_motion').prop('checked', power_user.reduced_motion);
     $('#auto-connect-checkbox').prop('checked', power_user.auto_connect);
     $('#auto-load-chat-checkbox').prop('checked', power_user.auto_load_chat);
@@ -1613,14 +1600,13 @@ async function loadPowerUserSettings(settings, data) {
     switchReducedMotion();
     switchCompactInputArea();
     reloadMarkdownProcessor(power_user.render_formulas);
-    loadInstructMode(data);
+    await loadInstructMode(data);
     await loadContextSettings();
     loadMaxContextUnlocked();
     switchWaifuMode();
     switchSpoilerMode();
     loadMovingUIState();
     loadCharListState();
-    switchSimpleMode();
 }
 
 async function loadCharListState() {
@@ -1761,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 {
@@ -1775,9 +1762,6 @@ async function loadContextSettings() {
             }
 
             saveSettingsDebounced();
-            if (!control.isCheckbox) {
-                await resetScrollHeight($element);
-            }
         });
     });
 
@@ -1791,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) {
@@ -1816,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');
                 }
             }
         });
@@ -3120,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();
     });
 
@@ -3652,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();
     });
 
@@ -3686,13 +3669,6 @@ $(document).ready(() => {
         showDebugMenu();
     });
 
-    $('#ui_mode_select').on('change', function () {
-        const value = $(this).find(':selected').val();
-        power_user.ui_mode = Number(value);
-        switchSimpleMode();
-        saveSettingsDebounced();
-    });
-
     $('#bogus_folders').on('input', function () {
         power_user.bogus_folders = !!$(this).prop('checked');
         printCharactersDebounced();
diff --git a/public/scripts/slash-commands.js b/public/scripts/slash-commands.js
index f854dbd02..749578de8 100644
--- a/public/scripts/slash-commands.js
+++ b/public/scripts/slash-commands.js
@@ -11,6 +11,7 @@ import {
     comment_avatar,
     deactivateSendButtons,
     default_avatar,
+    deleteSwipe,
     eventSource,
     event_types,
     extension_prompt_roles,
@@ -2309,37 +2310,10 @@ async function addSwipeCallback(args, value) {
 }
 
 async function deleteSwipeCallback(_, arg) {
-    const lastMessage = chat[chat.length - 1];
+    // Take the provided argument. Null if none provided, which will target the current swipe.
+    const swipeId = arg && !isNaN(Number(arg)) ? (Number(arg) - 1) : null;
 
-    if (!lastMessage || !Array.isArray(lastMessage.swipes) || !lastMessage.swipes.length) {
-        toastr.warning('No messages to delete swipes from.');
-        return '';
-    }
-
-    if (lastMessage.swipes.length <= 1) {
-        toastr.warning('Can\'t delete the last swipe.');
-        return '';
-    }
-
-    const swipeId = arg && !isNaN(Number(arg)) ? (Number(arg) - 1) : lastMessage.swipe_id;
-
-    if (swipeId < 0 || swipeId >= lastMessage.swipes.length) {
-        toastr.warning(`Invalid swipe ID: ${swipeId + 1}`);
-        return '';
-    }
-
-    lastMessage.swipes.splice(swipeId, 1);
-
-    if (Array.isArray(lastMessage.swipe_info) && lastMessage.swipe_info.length) {
-        lastMessage.swipe_info.splice(swipeId, 1);
-    }
-
-    const newSwipeId = Math.min(swipeId, lastMessage.swipes.length - 1);
-    lastMessage.swipe_id = newSwipeId;
-    lastMessage.mes = lastMessage.swipes[newSwipeId];
-
-    await saveChatConditional();
-    await reloadCurrentChat();
+    const newSwipeId = await deleteSwipe(swipeId);
 
     return String(newSwipeId);
 }
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;
+}