diff --git a/public/index.html b/public/index.html
index c299d9223..ae0ba93de 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1601,7 +1601,7 @@
                                             <label class="checkbox_label flexWrap alignItemsCenter" for="character_names_completion">
                                                 <input type="radio" id="character_names_completion" name="character_names" value="1">
                                                 <span data-i18n="Completion">Completion Object</span>
-                                                <i class="right_menu_button fa-solid fa-circle-exclamation" title="Restrictions apply: only Latin alphanumerics and underscores. Doesn't work for all sources, notably: Claude, MistralAI, Google."></i>
+                                                <i class="right_menu_button fa-solid fa-circle-exclamation" data-i18n="[title]Restrictions apply: only Latin alphanumerics and underscores. Doesn't work for all sources, notably: Claude, MistralAI, Google." title="Restrictions apply: only Latin alphanumerics and underscores. Doesn't work for all sources, notably: Claude, MistralAI, Google."></i>
                                                 <small class="flexBasis100p" data-i18n="Add character names to completion objects.">
                                                     Add character names to completion objects.
                                                 </small>
diff --git a/public/locales/ru-ru.json b/public/locales/ru-ru.json
index 9e0953316..57ace6e3f 100644
--- a/public/locales/ru-ru.json
+++ b/public/locales/ru-ru.json
@@ -1260,5 +1260,13 @@
     "Rename background": "Переименовать фон",
     "Lock": "Закрепить",
     "Unlock": "Открепить",
-    "Delete background": "Удалить фон"
+    "Delete background": "Удалить фон",
+    "Export all": "Экспортировать всё",
+    "Export all your prompts to a file": "Экспортировать все промпты в виде файла",
+    "Don't add character names.": "Не добавлять имя персонажа",
+    "Add character names to completion objects.": "Добавлять имя персонажа как часть Completion object",
+    "Message Content": "Внутри сообщения",
+    "Prepend character names to message contents.": "Предварять сообщения именем персонажа.",
+    "Character Names Behavior": "Вставка имени персонажа",
+    "Restrictions apply: only Latin alphanumerics and underscores. Doesn't work for all sources, notably: Claude, MistralAI, Google.": "Только латинские буквы, цифры и знак подчёркивания. Работает не для всех бэкендов, в частности для Claude, MistralAI, Google."
 }
diff --git a/public/script.js b/public/script.js
index db045f8c8..a78b737c8 100644
--- a/public/script.js
+++ b/public/script.js
@@ -205,7 +205,7 @@ import {
     instruct_presets,
     selectContextPreset,
 } from './scripts/instruct-mode.js';
-import { initLocales, applyLocale } from './scripts/i18n.js';
+import { initLocales } from './scripts/i18n.js';
 import { getFriendlyTokenizerName, getTokenCount, getTokenCountAsync, getTokenizerModel, initTokenizers, saveTokenCache } from './scripts/tokenizers.js';
 import {
     user_avatar,
@@ -10370,16 +10370,7 @@ jQuery(async function () {
     });
 
     $(document).on('click', '.external_import_button, #external_import_button', async () => {
-        const html = applyLocale(`<h3 data-i18n="Enter the URL of the content to import">Enter the URL of the content to import</h3>
-        <span data-i18n="Supported sources:">Supported sources:</span><br>
-        <ul class="justifyLeft">
-            <li><span data-i18n="char_import_1">Chub Character (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>Anonymous/example-character</tt></li>
-            <li><span data-i18n="char_import_2">Chub Lorebook (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>lorebooks/bartleby/example-lorebook</tt></li>
-            <li><span data-i18n="char_import_3">JanitorAI Character (Direct Link or UUID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>ddd1498a-a370-4136-b138-a8cd9461fdfe_character-aqua-the-useless-goddess</tt></li>
-            <li><span data-i18n="char_import_4">Pygmalion.chat Character (Direct Link or UUID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>a7ca95a1-0c88-4e23-91b3-149db1e78ab9</tt></li>
-            <li><span data-i18n="char_import_5">AICharacterCard.com Character (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>AICC/aicharcards/the-game-master</tt></li>
-            <li><span data-i18n="char_import_6">Direct PNG Link (refer to</span> <code>config.yaml</code><span data-i18n="char_import_7"> for allowed hosts)</span><br><span data-i18n="char_import_example">Example:</span> <tt>https://files.catbox.moe/notarealfile.png</tt></li>
-        <ul>`);
+        const html = await renderTemplateAsync('importCharacters');
         const input = await callGenericPopup(html, POPUP_TYPE.INPUT, '', { okButton: $('#shadow_popup_template').attr('popup_text_import'), rows: 4 });
 
         if (!input) {
diff --git a/public/scripts/PromptManager.js b/public/scripts/PromptManager.js
index 97d44164c..bb7f90d90 100644
--- a/public/scripts/PromptManager.js
+++ b/public/scripts/PromptManager.js
@@ -6,7 +6,7 @@ import { Message, TokenHandler } from './openai.js';
 import { power_user } from './power-user.js';
 import { debounce, waitUntilCondition, escapeHtml } from './utils.js';
 import { debounce_timeout } from './constants.js';
-import { applyLocale } from './i18n.js'
+import { renderTemplateAsync } from './templates.js'
 
 function debouncePromise(func, delay) {
     let timeoutId;
@@ -703,16 +703,14 @@ class PromptManager {
                 this.tryGenerate().finally(() => {
                     this.profileEnd('filling context');
                     this.profileStart('render');
-                    this.renderPromptManager();
-                    this.renderPromptManagerListItems();
+                    this.renderPromptManager().then(() => this.renderPromptManagerListItems());
                     this.makeDraggable();
                     this.profileEnd('render');
                 });
             } else {
                 // Executed during live communication
                 this.profileStart('render');
-                this.renderPromptManager();
-                this.renderPromptManagerListItems();
+                this.renderPromptManager().then(() => this.renderPromptManagerListItems());
                 this.makeDraggable();
                 this.profileEnd('render');
             }
@@ -1098,12 +1096,12 @@ class PromptManager {
     createQuickEdit(identifier, title) {
         const prompt = this.getPromptById(identifier);
         const textareaIdentifier = `${identifier}_prompt_quick_edit_textarea`;
-        const html = applyLocale(`<div class="range-block m-t-1">
+        const html = `<div class="range-block m-t-1">
                         <div class="justifyLeft" data-i18n="${title}">${title}</div>
                         <div class="wide100p">
                             <textarea id="${textareaIdentifier}" class="text_pole textarea_compact" rows="6" placeholder="">${prompt.content}</textarea>
                         </div>
-                    </div>`);
+                    </div>`;
 
         const quickEditContainer = document.getElementById('quick-edit-container');
         quickEditContainer.insertAdjacentHTML('afterbegin', html);
@@ -1339,7 +1337,7 @@ class PromptManager {
     /**
      * Empties, then re-assembles the container containing the prompt list.
      */
-    renderPromptManager() {
+    async renderPromptManager() {
         let selectedPromptIndex = 0;
         const existingAppendSelect = document.getElementById(`${this.configuration.prefix}prompt_manager_footer_append_prompt`);
         if (existingAppendSelect instanceof HTMLSelectElement) {
@@ -1355,19 +1353,9 @@ class PromptManager {
         `;
 
         const totalActiveTokens = this.tokenUsage;
-
-        promptManagerDiv.insertAdjacentHTML('beforeend', applyLocale(`
-            <div class="range-block">
-                ${this.error ? errorDiv : ''}
-                <div class="${this.configuration.prefix}prompt_manager_header">
-                    <div class="${this.configuration.prefix}prompt_manager_header_advanced">
-                        <span data-i18n="Prompts">Prompts</span>
-                    </div>
-                    <div><span data-i18n="Total Tokens:">Total Tokens:</span> ${totalActiveTokens} </div>
-                </div>
-                <ul id="${this.configuration.prefix}prompt_manager_list" class="text_pole"></ul>
-            </div>
-        `));
+        
+        const headerHtml = await renderTemplateAsync('promptManagerHeader', {error: this.error, errorDiv, prefix: this.configuration.prefix, totalActiveTokens});
+        promptManagerDiv.insertAdjacentHTML('beforeend', headerHtml);
 
         this.listElement = promptManagerDiv.querySelector(`#${this.configuration.prefix}prompt_manager_list`);
 
@@ -1385,22 +1373,9 @@ class PromptManager {
                 selectedPromptIndex = 0;
             }
 
-            const footerHtml = applyLocale(`
-                <div class="${this.configuration.prefix}prompt_manager_footer">
-                    <select id="${this.configuration.prefix}prompt_manager_footer_append_prompt" class="text_pole" name="append-prompt">
-                        ${promptsHtml}
-                    </select>
-                    <a class="menu_button fa-chain fa-solid" title="Insert prompt" data-i18n="[title]Insert prompt"></a>
-                    <a class="caution menu_button fa-x fa-solid" title="Delete prompt" data-i18n="[title]Delete prompt"></a>
-                    <a class="menu_button fa-file-import fa-solid" id="prompt-manager-import" title="Import a prompt list" data-i18n="[title]Import a prompt list"></a>
-                    <a class="menu_button fa-file-export fa-solid" id="prompt-manager-export" title="Export this prompt list" data-i18n="[title]Export this prompt list"></a>
-                    <a class="menu_button fa-undo fa-solid" id="prompt-manager-reset-character" title="Reset current character" data-i18n="[title]Reset current character"></a>
-                    <a class="menu_button fa-plus-square fa-solid" title="New prompt" data-i18n="[title]New prompt"></a>
-                </div>
-            `);
-
             const rangeBlockDiv = promptManagerDiv.querySelector('.range-block');
             const headerDiv = promptManagerDiv.querySelector('.completion_prompt_manager_header');
+            const footerHtml = await renderTemplateAsync('promptManagerFooter', {promptsHtml, prefix: this.configuration.prefix});
             headerDiv.insertAdjacentHTML('afterend', footerHtml);
             rangeBlockDiv.querySelector('#prompt-manager-reset-character').addEventListener('click', this.handleCharacterReset);
 
@@ -1411,23 +1386,9 @@ class PromptManager {
             footerDiv.querySelector('select').selectedIndex = selectedPromptIndex;
 
             // Add prompt export dialogue and options
-            const exportForCharacter = applyLocale(`
-            <div class="row">
-                <a class="export-promptmanager-prompts-character list-group-item" data-i18n="Export for character">Export for character</a>
-                <span class="tooltip fa-solid fa-info-circle" title="Export prompts for this character, including their order."></span>
-            </div>`);
-            const exportPopup = applyLocale(`
-                    <div id="prompt-manager-export-format-popup" class="list-group">
-                        <div class="prompt-manager-export-format-popup-flex">
-                            <div class="row">
-                                <a class="export-promptmanager-prompts-full list-group-item" data-i18n="Export all">Export all</a>
-                                <span class="tooltip fa-solid fa-info-circle" title="Export all your prompts to a file"></span>
-                            </div>
-                            ${'global' === this.configuration.promptOrder.strategy ? '' : exportForCharacter}
-                        </div>
-                </div>
-                `);
-
+            
+            const exportForCharacter = await renderTemplateAsync('promptManagerExportForCharacter');
+            let exportPopup = await renderTemplateAsync('promptManagerExportPopup', {isGlobalStrategy: 'global' === this.configuration.promptOrder.strategy, exportForCharacter});
             rangeBlockDiv.insertAdjacentHTML('beforeend', exportPopup);
 
             // Destroy previous popper instance if it exists
@@ -1461,43 +1422,36 @@ class PromptManager {
     /**
      * Empties, then re-assembles the prompt list
      */
-    renderPromptManagerListItems() {
+    async renderPromptManagerListItems() {
         if (!this.serviceSettings.prompts) return;
 
         const promptManagerList = this.listElement;
         promptManagerList.innerHTML = '';
 
         const { prefix } = this.configuration;
-
-        let listItemHtml = applyLocale(`
-            <li class="${prefix}prompt_manager_list_head">
-                <span data-i18n="Name">Name</span>
-                <span></span>
-                <span class="prompt_manager_prompt_tokens" data-i18n="Tokens;prompt_manager_tokens">Tokens</span>
-            </li>
-            <li class="${prefix}prompt_manager_list_separator">
-                <hr>
-            </li>
-        `);
-
-        this.getPromptsForCharacter(this.activeCharacter).forEach(prompt => {
+        
+        const that = this;
+        
+        let listItem = await renderTemplateAsync('promptManagerListHeader', {prefix});
+        
+        this.getPromptsForCharacter(this.activeCharacter).forEach(async function(prompt) {
             if (!prompt) return;
 
-            const listEntry = this.getPromptOrderEntry(this.activeCharacter, prompt.identifier);
+            const listEntry = that.getPromptOrderEntry(that.activeCharacter, prompt.identifier);
             const enabledClass = listEntry.enabled ? '' : `${prefix}prompt_manager_prompt_disabled`;
             const draggableClass = `${prefix}prompt_manager_prompt_draggable`;
             const markerClass = prompt.marker ? `${prefix}prompt_manager_marker` : '';
-            const tokens = this.tokenHandler?.getCounts()[prompt.identifier] ?? 0;
+            const tokens = that.tokenHandler?.getCounts()[prompt.identifier] ?? 0;
 
             // Warn the user if the chat history goes below certain token thresholds.
             let warningClass = '';
             let warningTitle = '';
 
-            const tokenBudget = this.serviceSettings.openai_max_context - this.serviceSettings.openai_max_tokens;
-            if (this.tokenUsage > tokenBudget * 0.8 &&
+            const tokenBudget = that.serviceSettings.openai_max_context - that.serviceSettings.openai_max_tokens;
+            if (that.tokenUsage > tokenBudget * 0.8 &&
                 'chatHistory' === prompt.identifier) {
-                const warningThreshold = this.configuration.warningTokenThreshold;
-                const dangerThreshold = this.configuration.dangerTokenThreshold;
+                const warningThreshold = that.configuration.warningTokenThreshold;
+                const dangerThreshold = that.configuration.dangerTokenThreshold;
 
                 if (tokens <= dangerThreshold) {
                     warningClass = 'fa-solid tooltip fa-triangle-exclamation text_danger';
@@ -1511,7 +1465,7 @@ class PromptManager {
             const calculatedTokens = tokens ? tokens : '-';
 
             let detachSpanHtml = '';
-            if (this.isPromptDeletionAllowed(prompt)) {
+            if (that.isPromptDeletionAllowed(prompt)) {
                 detachSpanHtml = `
                     <span title="Remove" class="prompt-manager-detach-action caution fa-solid fa-chain-broken"></span>
                 `;
@@ -1520,7 +1474,7 @@ class PromptManager {
             }
 
             let editSpanHtml = '';
-            if (this.isPromptEditAllowed(prompt)) {
+            if (that.isPromptEditAllowed(prompt)) {
                 editSpanHtml = `
                     <span title="edit" class="prompt-manager-edit-action fa-solid fa-pencil"></span>
                 `;
@@ -1529,7 +1483,7 @@ class PromptManager {
             }
 
             let toggleSpanHtml = '';
-            if (this.isPromptToggleAllowed(prompt)) {
+            if (that.isPromptToggleAllowed(prompt)) {
                 toggleSpanHtml = `
                     <span class="prompt-manager-toggle-action ${listEntry.enabled ? 'fa-solid fa-toggle-on' : 'fa-solid fa-toggle-off'}"></span>
                 `;
@@ -1542,9 +1496,9 @@ class PromptManager {
             const isImportantPrompt = !prompt.marker && prompt.system_prompt && prompt.injection_position !== INJECTION_POSITION.ABSOLUTE  && prompt.forbid_overrides;
             const isUserPrompt = !prompt.marker && !prompt.system_prompt && prompt.injection_position !== INJECTION_POSITION.ABSOLUTE;
             const isInjectionPrompt = !prompt.marker && prompt.injection_position === INJECTION_POSITION.ABSOLUTE;
-            const isOverriddenPrompt = Array.isArray(this.overriddenPrompts) && this.overriddenPrompts.includes(prompt.identifier);
+            const isOverriddenPrompt = Array.isArray(that.overriddenPrompts) && that.overriddenPrompts.includes(prompt.identifier);
             const importantClass = isImportantPrompt ? `${prefix}prompt_manager_important` : '';
-            listItemHtml += `
+            listItem += `
                 <li class="${prefix}prompt_manager_prompt ${draggableClass} ${enabledClass} ${markerClass} ${importantClass}" data-pm-identifier="${prompt.identifier}">
                     <span class="${prefix}prompt_manager_prompt_name" data-pm-name="${encodedName}">
                         ${prompt.marker ? '<span class="fa-fw fa-solid fa-thumb-tack" title="Marker"></span>' : ''}
@@ -1552,7 +1506,7 @@ class PromptManager {
                         ${isImportantPrompt ? '<span class="fa-fw fa-solid fa-star" title="Important Prompt"></span>' : ''}
                         ${isUserPrompt ? '<span class="fa-fw fa-solid fa-user" title="User Prompt"></span>' : ''}
                         ${isInjectionPrompt ? '<span class="fa-fw fa-solid fa-syringe" title="In-Chat Injection"></span>' : ''}
-                        ${this.isPromptInspectionAllowed(prompt) ? `<a class="prompt-manager-inspect-action">${encodedName}</a>` : encodedName}
+                        ${that.isPromptInspectionAllowed(prompt) ? `<a class="prompt-manager-inspect-action">${encodedName}</a>` : encodedName}
                         ${isInjectionPrompt ? `<small class="prompt-manager-injection-depth">@ ${prompt.injection_depth}</small>` : ''}
                         ${isOverriddenPrompt ? '<small class="fa-solid fa-address-card prompt-manager-overridden" title="Pulled from a character card"></small>' : ''}
                     </span>
@@ -1569,7 +1523,7 @@ class PromptManager {
             `;
         });
 
-        promptManagerList.insertAdjacentHTML('beforeend', listItemHtml);
+        promptManagerList.insertAdjacentHTML('beforeend', listItem);
 
         // Now that the new elements are in the DOM, you can add the event listeners.
         Array.from(promptManagerList.getElementsByClassName('prompt-manager-detach-action')).forEach(el => {
diff --git a/public/scripts/templates/importCharacters.html b/public/scripts/templates/importCharacters.html
new file mode 100644
index 000000000..fed2c9e75
--- /dev/null
+++ b/public/scripts/templates/importCharacters.html
@@ -0,0 +1,10 @@
+<h3 data-i18n="Enter the URL of the content to import">Enter the URL of the content to import</h3>
+<span data-i18n="Supported sources:">Supported sources:</span><br>
+<ul class="justifyLeft">
+    <li><span data-i18n="char_import_1">Chub Character (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>Anonymous/example-character</tt></li>
+    <li><span data-i18n="char_import_2">Chub Lorebook (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>lorebooks/bartleby/example-lorebook</tt></li>
+    <li><span data-i18n="char_import_3">JanitorAI Character (Direct Link or UUID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>ddd1498a-a370-4136-b138-a8cd9461fdfe_character-aqua-the-useless-goddess</tt></li>
+    <li><span data-i18n="char_import_4">Pygmalion.chat Character (Direct Link or UUID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>a7ca95a1-0c88-4e23-91b3-149db1e78ab9</tt></li>
+    <li><span data-i18n="char_import_5">AICharacterCard.com Character (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>AICC/aicharcards/the-game-master</tt></li>
+    <li><span data-i18n="char_import_6">Direct PNG Link (refer to</span> <code>config.yaml</code><span data-i18n="char_import_7"> for allowed hosts)</span><br><span data-i18n="char_import_example">Example:</span> <tt>https://files.catbox.moe/notarealfile.png</tt></li>
+<ul>
\ No newline at end of file
diff --git a/public/scripts/templates/promptManagerExportForCharacter.html b/public/scripts/templates/promptManagerExportForCharacter.html
new file mode 100644
index 000000000..11d592aaf
--- /dev/null
+++ b/public/scripts/templates/promptManagerExportForCharacter.html
@@ -0,0 +1,4 @@
+<div class="row">
+    <a class="export-promptmanager-prompts-character list-group-item" data-i18n="Export for character">Export for character</a>
+    <span class="tooltip fa-solid fa-info-circle" data-i18n="[title]Export prompts for this character, including their order." title="Export prompts for this character, including their order."></span>
+</div>
\ No newline at end of file
diff --git a/public/scripts/templates/promptManagerExportPopup.html b/public/scripts/templates/promptManagerExportPopup.html
new file mode 100644
index 000000000..2141c6092
--- /dev/null
+++ b/public/scripts/templates/promptManagerExportPopup.html
@@ -0,0 +1,12 @@
+<div id="prompt-manager-export-format-popup" class="list-group">
+        <div class="prompt-manager-export-format-popup-flex">
+            <div class="row">
+                <a class="export-promptmanager-prompts-full list-group-item" data-i18n="Export all">Export all</a>
+                <span class="tooltip fa-solid fa-info-circle" data-i18n="[title]Export all your prompts to a file" title="Export all your prompts to a file"></span>
+            </div>
+            {{#if isGlobalStrategy}}
+            {{else}}
+                {{exportForCharacter}}
+            {{/if}}
+        </div>
+</div>
\ No newline at end of file
diff --git a/public/scripts/templates/promptManagerFooter.html b/public/scripts/templates/promptManagerFooter.html
new file mode 100644
index 000000000..51302d059
--- /dev/null
+++ b/public/scripts/templates/promptManagerFooter.html
@@ -0,0 +1,11 @@
+<div class="{{prefix}}prompt_manager_footer">
+    <select id="{{prefix}}prompt_manager_footer_append_prompt" class="text_pole" name="append-prompt">
+        {{promptsHtml}}
+    </select>
+    <a class="menu_button fa-chain fa-solid" title="Insert prompt" data-i18n="[title]Insert prompt"></a>
+    <a class="caution menu_button fa-x fa-solid" title="Delete prompt" data-i18n="[title]Delete prompt"></a>
+    <a class="menu_button fa-file-import fa-solid" id="prompt-manager-import" title="Import a prompt list" data-i18n="[title]Import a prompt list"></a>
+    <a class="menu_button fa-file-export fa-solid" id="prompt-manager-export" title="Export this prompt list" data-i18n="[title]Export this prompt list"></a>
+    <a class="menu_button fa-undo fa-solid" id="prompt-manager-reset-character" title="Reset current character" data-i18n="[title]Reset current character"></a>
+    <a class="menu_button fa-plus-square fa-solid" title="New prompt" data-i18n="[title]New prompt"></a>
+</div>
\ No newline at end of file
diff --git a/public/scripts/templates/promptManagerHeader.html b/public/scripts/templates/promptManagerHeader.html
new file mode 100644
index 000000000..bcdf51251
--- /dev/null
+++ b/public/scripts/templates/promptManagerHeader.html
@@ -0,0 +1,12 @@
+<div class="range-block">
+    {{#if error}}
+    {{errorDiv}}
+    {{/if}}
+    <div class="{{prefix}}prompt_manager_header">
+        <div class="{{prefix}}prompt_manager_header_advanced">
+            <span data-i18n="Prompts">Prompts</span>
+        </div>
+        <div><span data-i18n="Total Tokens:">Total Tokens:</span> {{totalActiveTokens}} </div>
+    </div>
+    <ul id="{{prefix}}prompt_manager_list" class="text_pole"></ul>
+</div>
\ No newline at end of file
diff --git a/public/scripts/templates/promptManagerListHeader.html b/public/scripts/templates/promptManagerListHeader.html
new file mode 100644
index 000000000..24cb29526
--- /dev/null
+++ b/public/scripts/templates/promptManagerListHeader.html
@@ -0,0 +1,8 @@
+<li class="${prefix}prompt_manager_list_head">
+    <span data-i18n="Name">Name</span>
+    <span></span>
+    <span class="prompt_manager_prompt_tokens" data-i18n="Tokens;prompt_manager_tokens">Tokens</span>
+</li>
+<li class="${prefix}prompt_manager_list_separator">
+    <hr>
+</li>
\ No newline at end of file