321f0500 · permissionBRICK/SillyTavern

.eslintrc.js+1 -0 Viewed

                 isProbablyReaderable: 'readonly',
                 ePub: 'readonly',
                 diff_match_patch: 'readonly',
+                SillyTavern: 'readonly',
             },
         },
     ],

.github/workflows/close-stale-issues.yml+12 -12 Viewed

         uses: actions/stale@v4
         with:
           repo-token: ${{ secrets.BOT_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          days-before-stale: 360
+          days-before-stale: 183
-          days-before-close: 5
+          days-before-close: 7
           operations-per-run: 30
           remove-stale-when-updated: true
           enable-statistics: true
           stale-issue-message: >
-            This issue has gone 3 months without an update. To keep the ticket open, please indicate that it is still relevant in a comment below.
+            This issue has gone 6 months without an update. To keep the ticket open, please indicate that it is still relevant in a comment below.
-            Otherwise it will be closed in 5 working days.
+            Otherwise it will be closed in 7 days.
           stale-pr-message: >
-            This PR is stale because it has been open 6 weeks with no activity. Either remove the stale label or comment below with a short update,
+            This PR is stale because it has been open 6 months with no activity. Either remove the stale label or comment below with a short update,
-            otherwise this PR will be closed in 5 days.
+            otherwise this PR will be closed in 7 days.
           close-issue-message: >
-            This issue was automatically closed because it has been stalled for over 1 year with no activity.
+            This issue was automatically closed because it has been stalled for over 6 months with no activity.
           close-pr-message: >
-            This pull request was automatically closed because it has been stalled for over 1 year with no activity.
+            This pull request was automatically closed because it has been stalled for over 6 months with no activity.
           stale-issue-label: '⚰️ Stale'
           close-issue-label: '🕸️ Inactive'
           stale-pr-label: '⚰️ Stale'

         uses: actions/stale@v4
         with:
           repo-token: ${{ secrets.BOT_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          days-before-stale: 5
+          days-before-stale: 7
-          days-before-close: 3
+          days-before-close: 7
           operations-per-run: 30
           remove-stale-when-updated: true
           stale-issue-message: >

         with:
           repo-token: ${{ secrets.BOT_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
           days-before-stale: 7
-          days-before-close: 365
+          days-before-close: 183
           operations-per-run: 30
           remove-stale-when-updated: true
           stale-issue-message: Hey SillyTavern, - Don't forget to respond!

           close-issue-label: '🕸️ Inactive'
           close-pr-label: '🕸️ Inactive'
           exempt-issue-labels: '📌 Keep Open'
-          exempt-pr-labels: '📌 Keep Open'
 \ No newline at end of file
+          exempt-pr-labels: '📌 Keep Open'

CONTRIBUTING.md+10 -1 Viewed

   - Updating GitHub Actions.
   - Hotfixing a critical bug.
 . Project maintainers will test and can change your code before merging.
-. Mind the license. Your contributions will be licensed under the GNU Affero General Public License. If you don't know what that implies, consult your lawyer.
+. Write at least somewhat meaningful PR descriptions. There's no "right" way to do it, but the following may help with outlining a general structure:
+  - What is the reason for a change?
+  - What did you do to achieve this?
+  - How would a reviewer test the change?
+. Mind the license. Your contributions will be licensed under the GNU Affero General Public License. If you don't know what that implies, consult your lawyer.
+## Further reading
+. [How to write UI extensions](https://docs.sillytavern.app/for-contributors/writing-extensions/)
+. [How to write server plugins](https://docs.sillytavern.app/for-contributors/server-plugins)

default/config.yaml+44 -5 Viewed

 # -- SERVER CONFIGURATION --
 # Listen for incoming connections
 listen: false
+# Enables IPv6 and/or IPv4 protocols. Need to have at least one enabled!
+protocol:
+    ipv4: true
+    ipv6: false
+# Prefers IPv6 for DNS. Enable this on ISPs that don't have issues with IPv6
+dnsPreferIPv6: false
+# The hostname that autorun opens.
+# - Use "auto" to let the server decide
+# - Use options like 'localhost', 'st.example.com'
+autorunHostname: "auto"
 # Server port
 port: 8000
+# Overrides the port for autorun in browser.
+# - Use -1 to use the server port.
+# - Specify a port to override the default.
+autorunPortOverride: -1
 # -- SECURITY CONFIGURATION --
 # Toggle whitelist mode
 whitelistMode: true

 enableForwardedWhitelist: true
 # Whitelist of allowed IP addresses
 whitelist:
+  - ::1
   - 127.0.0.1
 # Toggle basic authentication for endpoints
 basicAuthMode: false

 enableUserAccounts: false
 # Enable discreet login mode: hides user list on the login screen
 enableDiscreetLogin: false
+# User session timeout *in seconds* (defaults to 24 hours).
+## Set to a positive number to expire session after a certain time of inactivity
+## Set to 0 to expire session when the browser is closed
+## Set to a negative number to disable session expiration
+sessionTimeout: 86400
 # Used to sign session cookies. Will be auto-generated if not set
 cookieSecret: ''
 # Disable CSRF protection - NOT RECOMMENDED

 # -- ADVANCED CONFIGURATION --
 # Open the browser automatically
 autorun: true
+# Avoids using 'localhost' for autorun in auto mode.
+# use if you don't have 'localhost' in your hosts file
+avoidLocalhost: false
 # Disable thumbnail generation
 disableThumbnails: false
 # Thumbnail quality (0-100)

 deepl:
   # Available options: default, more, less, prefer_more, prefer_less
   formality: default
+# -- MISTRAL API CONFIGURATION --
+mistral:
+  # Enables prefilling of the reply with the last assistant message in the prompt
+  # CAUTION: The prefix is echoed into the completion. You may want to use regex to trim it out.
+  enablePrefix: false
+# -- OLLAMA API CONFIGURATION --
+ollama:
+  # Controls how long the model will stay loaded into memory following the request
+  # * -1: Keep the model loaded indefinitely
+  # * 0: Unload the model immediately after the request
+  # * 5m: Keep the model loaded for 5 minutes after the request. Accepts duration strings (e.g. 5h30m40s)
+  keepAlive: -1
+# -- ANTHROPIC CLAUDE API CONFIGURATION --
+claude:
+  # Enables caching of the system prompt (if supported).
+  # https://docs.anthropic.com/en/docs/build-with-claude/prompt-caching
+  # -- IMPORTANT! --
+  # Use only when the prompt before the chat history is static and doesn't change between requests
+  # (e.g {{random}} macro or lorebooks not as in-chat injections).
+  # Otherwise, you'll just waste money on cache misses.
+  enableSystemPromptCache: false
 # -- SERVER PLUGIN CONFIGURATION --
 enableServerPlugins: false
-# User session timeout *in seconds* (defaults to 24 hours).
-## Set to a positive number to expire session after a certain time of inactivity
-## Set to 0 to expire session when the browser is closed
-## Set to a negative number to disable session expiration
-sessionTimeout: 86400

default/content/presets/openai/Default.json+4 -4 Viewed

+{
     "chat_completion_source": "openai",
-    "openai_model": "gpt-3.5-turbo",
+    "openai_model": "gpt-4-turbo",
-    "claude_model": "claude-instant-v1",
+    "claude_model": "claude-3-5-sonnet-20240620",
     "windowai_model": "",
     "openrouter_model": "OR_Website",
     "openrouter_use_fallback": false,

     "openrouter_group_models": false,
     "openrouter_sort_models": "alphabetically",
     "ai21_model": "j2-ultra",
-    "mistralai_model": "mistral-medium-latest",
+    "mistralai_model": "mistral-large-latest",
     "custom_model": "",
     "custom_url": "",
     "custom_include_body": "",

     "count_penalty": 0,
     "top_p": 1,
     "top_k": 0,
-    "top_a": 1,
+    "top_a": 0,
     "min_p": 0,
     "repetition_penalty": 1,
     "openai_max_context": 4095,

default/content/settings.json+3 -3 Viewed

@@ -610,9 +610,9 @@
610	}	610	}
611	]	611	]
612	},	612	},
613	"wi_format": "[Details of the fictional world the RP is set in:\n{0}]\n",	613	"wi_format": "{0}",
614	"openai_model": "gpt-3.5-turbo",	614	"openai_model": "gpt-4-turbo",
615	"claude_model": "claude-instant-v1",	615	"claude_model": "claude-3-5-sonnet-20240620",
616	"ai21_model": "j2-ultra",	616	"ai21_model": "j2-ultra",
617	"windowai_model": "",	617	"windowai_model": "",
618	"openrouter_model": "OR_Website",	618	"openrouter_model": "OR_Website",

index.d.ts+5 -0 Viewed

@@ -9,6 +9,11 @@ declare global {
9	};	9	};
10	}	10	}
11	}	11	}
		12
		13	/**
		14	* The root directory for user data.
		15	*/
		16	var DATA_ROOT: string;
12	}	17	}
13		18
14	declare module 'express-session' {	19	declare module 'express-session' {

package-lock.json+29 -28 Viewed

+{
     "name": "sillytavern",
-    "version": "1.12.3",
+    "version": "1.12.4",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "sillytavern",
-            "version": "1.12.3",
+            "version": "1.12.4",
             "hasInstallScript": true,
             "license": "AGPL-3.0",
             "dependencies": {

                 "rate-limiter-flexible": "^5.0.0",
                 "response-time": "^2.3.2",
                 "sanitize-filename": "^1.6.3",
-                "sillytavern-transformers": "^2.14.6",
+                "sillytavern-transformers": "2.14.6",
                 "simple-git": "^3.19.1",
                 "tiktoken": "^1.0.15",
                 "vectra": "^0.2.2",

             },
             "devDependencies": {
                 "@types/jquery": "^3.5.29",
-                "eslint": "^8.55.0",
+                "eslint": "^8.57.0",
                 "jquery": "^3.6.4"
             },
             "engines": {

             "license": "MIT"
         },
         "node_modules/@eslint/js": {
-            "version": "8.55.0",
+            "version": "8.57.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-            "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
+            "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
             "dev": true,
             "license": "MIT",
             "engines": {

+            }
         },
         "node_modules/@humanwhocodes/config-array": {
-            "version": "0.11.13",
+            "version": "0.11.14",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-            "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+            "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+            "deprecated": "Use @eslint/config-array instead",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "@humanwhocodes/object-schema": "^2.0.1",
+                "@humanwhocodes/object-schema": "^2.0.2",
-                "debug": "^4.1.1",
+                "debug": "^4.3.1",
                 "minimatch": "^3.0.5"
             },
             "engines": {

+            }
         },
         "node_modules/@humanwhocodes/config-array/node_modules/debug": {
-            "version": "4.3.4",
+            "version": "4.3.6",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
-            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+            "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {

+            }
         },
         "node_modules/@humanwhocodes/object-schema": {
-            "version": "2.0.1",
+            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-            "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+            "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+            "deprecated": "Use @eslint/object-schema instead",
             "dev": true,
             "license": "BSD-3-Clause"
         },

             "license": "MIT"
         },
         "node_modules/axios": {
-            "version": "1.6.1",
+            "version": "1.7.4",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.1.tgz",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
-            "integrity": "sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==",
+            "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
-            "license": "MIT",
             "dependencies": {
-                "follow-redirects": "^1.15.0",
+                "follow-redirects": "^1.15.6",
                 "form-data": "^4.0.0",
                 "proxy-from-env": "^1.1.0"
+            }

+            }
         },
         "node_modules/eslint": {
-            "version": "8.55.0",
+            "version": "8.57.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
-            "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
+            "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.2.0",
                 "@eslint-community/regexpp": "^4.6.1",
                 "@eslint/eslintrc": "^2.1.4",
-                "@eslint/js": "8.55.0",
+                "@eslint/js": "8.57.0",
-                "@humanwhocodes/config-array": "^0.11.13",
+                "@humanwhocodes/config-array": "^0.11.14",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "@nodelib/fs.walk": "^1.2.8",
                 "@ungap/structured-clone": "^1.2.0",

package.json+3 -3 Viewed

         "rate-limiter-flexible": "^5.0.0",
         "response-time": "^2.3.2",
         "sanitize-filename": "^1.6.3",
-        "sillytavern-transformers": "^2.14.6",
+        "sillytavern-transformers": "2.14.6",
         "simple-git": "^3.19.1",
         "tiktoken": "^1.0.15",
         "vectra": "^0.2.2",

         "type": "git",
         "url": "https://github.com/SillyTavern/SillyTavern.git"
     },
-    "version": "1.12.3",
+    "version": "1.12.4",
     "scripts": {
         "start": "node server.js",
         "start:no-csrf": "node server.js --disableCsrf",

@@ -90,7 +90,7 @@
90	"main": "server.js",	90	"main": "server.js",
91	"devDependencies": {	91	"devDependencies": {
92	"@types/jquery": "^3.5.29",	92	"@types/jquery": "^3.5.29",
93	"eslint": "^8.55.0",	93	"eslint": "^8.57.0",
94	"jquery": "^3.6.4"	94	"jquery": "^3.6.4"
95	}	95	}
96	}	96	}

public/css/character-group-overlay.css+2 -2 Viewed

     position: absolute;
     width: 100%;
     height: 100vh;
-    height: 100svh;
+    height: 100dvh;
     z-index: 9998;
     top: 0;
+}

@@ -99,6 +99,6 @@
99	}	99	}
100		100
101	#bulk_tag_shadow_popup #bulk_tag_popup #dialogue_popup_controls .menu_button {	101	#bulk_tag_shadow_popup #bulk_tag_popup #dialogue_popup_controls .menu_button {
102	width: 100px;	102	width: unset;
103	padding: 0.25em;	103	padding: 0.25em;
104	}	104	}

public/css/extensions-panel.css+2 -1 Viewed

@@ -7,7 +7,8 @@
7	background-color: green;	7	background-color: green;
8	}	8	}
9		9
10	.extensions_block input[type="checkbox"] {	10	.extensions_block input[type="checkbox"],
		11	.extensions_block input[type="radio"] {
11	margin-left: 10px;	12	margin-left: 10px;
12	margin-right: 10px;	13	margin-right: 10px;
13	}	14	}

public/css/loader.css+2 -2 Viewed

     z-index: 999999;
     width: 100vw;
     height: 100vh;
-    width: 100svw;
+    width: 100dvw;
-    height: 100svh;
+    height: 100dvh;
     background-color: var(--SmartThemeBlurTintColor);
     color: var(--SmartThemeBodyColor);
     /*for some reason the full screen blur does not work on iOS*/

public/css/logprobs.css+3 -3 Viewed

 #logprobsViewer {
     overflow-y: auto;
-    max-width: 90svw;
+    max-width: 90dvw;
-    max-height: 90svh;
+    max-height: 90dvh;
     min-width: 100px;
     min-height: 50px;
     border-radius: 10px;

     top: 0;
     margin: 0;
     right: unset;
-    width: calc(((100svw - var(--sheldWidth)) / 2) - 1px);
+    width: calc(((100dvw - var(--sheldWidth)) / 2) - 1px);
+}
 .logprobs_panel_header {

public/css/mobile-styles.css+25 -29 Viewed

 /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/
 @media screen and (max-width: 1000px) {
-    #send_form.compact #leftSendForm, #send_form.compact #rightSendForm {
+    #send_form.compact #leftSendForm,
+    #send_form.compact #rightSendForm {
         flex-wrap: nowrap;
         width: unset;
+    }

         right: 0;
         width: fit-content;
         max-height: calc(60vh - 60px);
-        max-height: calc(60svh - 60px);
+        max-height: calc(60dvh - 60px);
         max-width: 90vw;
-        max-width: 90svw;
+        max-width: 90dvw;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);

         min-width: unset;
         width: 100%;
         max-height: calc(100vh - 45px);
-        max-height: calc(100svh - 45px);
+        max-height: calc(100dvh - 45px);
         position: fixed;
         left: 0;
         top: 5px;

     #top-bar {
         position: fixed;
         width: 100vw;
-        width: 100svw;
+        width: 100dvw;
+    }
     #bg1,
     #bg_custom {
         height: 100vh !important;
-        height: 100svh !important;
+        height: 100dvh !important;
         width: 100vw !important;
-        width: 100svw !important;
+        width: 100dvw !important;
         background-position: center;
+    }

     #sheld,
     #character_popup,
-    .drawer-content
+    .drawer-content {
-    /* ,
-    #world_popup  */
-        {
-        /*max-height: calc(100vh - 36px);
-        max-height: calc(100svh - 36px);*/
         width: 100% !important;
         margin: 0 auto;
         max-width: 100%;

     #floatingPrompt,
     #cfgConfig,
     #logprobsViewer,
-    #movingDivs > div {
+    #movingDivs>div {
-        /* 100vh are fallback units for browsers that don't support svh */
+        /* 100vh are fallback units for browsers that don't support dvh */
         height: calc(100vh - 45px);
-        height: calc(100svh - 45px);
+        height: calc(100dvh - 45px);
         min-width: 100% !important;
         width: 100% !important;
         max-width: 100% !important;

     #floatingPrompt,
     #cfgConfig,
     #logprobsViewer,
-    #movingDivs > div {
+    #movingDivs>div {
         height: min-content;
+    }

     body.waifuMode #sheld {
         height: 40vh;
-        height: 40svh;
+        height: 40dvh;
         top: 60vh;
-        top: 60svh;
+        top: 60dvh;
         bottom: 0 !important;
+    }

     body.waifuMode .zoomed_avatar {
         width: fit-content;
         max-height: calc(60vh - 60px);
-        max-height: calc(60svh - 60px);
+        max-height: calc(60dvh - 60px);
         max-width: 90vw;
-        max-width: 90svw;
+        max-width: 90dvw;
+    }
     .scrollableInner {
         overflow-y: auto;
         overflow-x: hidden;
         max-height: calc(100vh - 90px);
-        max-height: calc(100svh - 90px);
+        max-height: calc(100dvh - 90px);
+    }
     .horde_multiple_hint {

     body:not(.waifuMode) .zoomed_avatar {
         max-height: calc(60vh - 60px);
-        max-height: calc(60svh - 60px);
+        max-height: calc(60dvh - 60px);
         max-width: 90vw;
-        max-width: 90svw;
+        max-width: 90dvw;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);

         min-height: unset;
         max-height: unset;
         width: 100vw;
-        width: 100svw;
+        width: 100dvw;
         height: calc(100vh - 36px);
-        height: calc(100svh - 36px);
+        height: calc(100dvh - 36px);
         padding-right: max(env(safe-area-inset-right), 0px);
         padding-left: max(env(safe-area-inset-left), 0px);
         padding-bottom: 0;

         top: 0;
         margin: 0 auto;
         height: calc(100vh - 70px);
-        height: calc(100svh - 70px);
+        height: calc(100dvh - 70px);
         width: calc(100% - 5px);
         max-height: calc(100vh - 70px);
-        max-height: calc(100svh - 70px);
+        max-height: calc(100dvh - 70px);
         max-width: calc(100% - 5px);
+    }

public/css/popup-safari-fix.css+1 -1 Viewed

 body.safari .popup .popup-body {
     height: fit-content;
     max-height: 90vh;
-    max-height: 90svh;
+    max-height: 90dvh;
+}

public/css/popup.css+4 -4 Viewed

     display: flex;
     flex-direction: column;
-    max-height: calc(100svh - 2em);
+    max-height: calc(100dvh - 2em);
-    max-width: calc(100svw - 2em);
+    max-width: calc(100dvw - 2em);
     min-height: fit-content;
     /* Overflow visible so elements (like toasts) can appear outside of the dialog. '.popup-body' is hiding overflow for the real content. */

 .popup #toast-container {
     /* Fix toastr in dialogs by actually placing it at the top of the screen via transform */
-    height: 100svh;
+    height: 100dvh;
     top: calc(50% + var(--topBarBlockSize));
     left: 50%;
     transform: translate(-50%, -50%);

 .popup-crop-wrap {
     margin: 10px auto;
     max-height: 75vh;
-    max-height: 75svh;
+    max-height: 75dvh;
     max-width: 100%;
+}

public/css/tags.css+6 -6 Viewed

@@ -209,20 +209,20 @@
209	opacity: 1;	209	opacity: 1;
210	}	210	}
211		211
212	.tag_as_folder {	212	.tag_as_folder.right_menu_button {
213	filter: brightness(75%) saturate(0.6);	213	filter: brightness(75%) saturate(0.6);
214	}	214	}
215		215
216	.tag_as_folder:hover,	216	.tag_as_folder.right_menu_button:hover,
217	.tag_as_folder.flash {	217	.tag_as_folder.right_menu_button.flash {
218	filter: brightness(150%) saturate(0.6) !important;	218	filter: brightness(150%) saturate(0.6);
219	}	219	}
220		220
221	.tag_as_folder.no_folder {	221	.tag_as_folder.right_menu_button.no_folder {
222	filter: brightness(25%) saturate(0.25);	222	filter: brightness(25%) saturate(0.25);
223	}	223	}
224		224
225	.tag_as_folder .tag_folder_indicator {	225	.tag_as_folder.right_menu_button .tag_folder_indicator {
226	position: absolute;	226	position: absolute;
227	top: calc(var(--mainFontSize) * -0.5);	227	top: calc(var(--mainFontSize) * -0.5);
228	right: calc(var(--mainFontSize) * -0.5);	228	right: calc(var(--mainFontSize) * -0.5);

public/css/toggle-dependent.css+6 -2 Viewed

     display: none !important;
+}
+body.hideChatAvatars .last_mes {
+    padding-bottom: 40px !important;
+}
 body.square-avatars .avatar,
 body.square-avatars .avatar img {
     border-radius: var(--avatar-base-border-radius) !important;

 body.waifuMode #sheld {
     height: 40vh;
-    height: 40svh;
+    height: 40dvh;
     top: calc(100% - 40vh);
     bottom: 0;
+}

 #smooth_streaming:checked~#smooth_streaming_speed_control {
     display: block;
 }
 \ No newline at end of file

public/css/world-info.css+12 -0 Viewed

     flex-wrap: wrap;
+}
+.world_entry .inline-drawer-header {
+    cursor: initial;
+}
+.world_entry .killSwitch {
+    cursor: pointer;
+}
 .world_entry_form_control input[type=button] {
     cursor: pointer;
+}

     width: 7em;
+}
+.world_entry .killSwitch.fa-toggle-on {
+    color: var(--SmartThemeQuoteColor);
+}
 .wi-card-entry {
     border: 1px solid;
     border-color: var(--SmartThemeBorderColor);

public/global.d.ts+7 -0 Viewed

 declare var ePub;
 declare var ai;
+declare var SillyTavern: {
+    getContext(): any;
+    llm: any;
+};
 // Jquery plugins
 interface JQuery {
+    nanogallery2(options?: any): JQuery;
+    nanogallery2(method: string, options?: any): JQuery;
     pagination(method: 'getCurrentPageNum'): number;
     pagination(method: string, options?: any): JQuery;
     pagination(options?: any): JQuery;

public/img/blockentropy.svg+3 -0 Viewed

+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236.38 282.41">
+  <path d="M126.55,0v54.44l-79.87,33.76v93.95l27.53-12.94,43.08,31.09.04-.05v.09l55.21-31.44.13-.08v-80.06l-55.34,24.92v80.2l-42.55-30.7h-.02s0-81.16,0-81.16l57.02-24.11V9.23l93.54,56.12v22.51l-24.34,11.53,1.84,90.56-88.45,51.47-.13.08v34.46L5.23,198.97v-65.56H0v66.92c0,.85.41,1.64,1.11,2.14l113.13,79.91v.05l.04-.02h0s0,0,0,0l121.97-73.54.13-.08v-126.13l-5.84,2.76v-22.94h-.3l.11-.18L126.55,0Z" />
+</svg>

public/img/step-into.svg+149 -0 Viewed

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg2120"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="step-into.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2122"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="11.313708"
+     inkscape:cx="58.910834"
+     inkscape:cy="25.323262"
+     inkscape:window-width="1920"
+     inkscape:window-height="992"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2714" /><defs
+     id="defs2117"><inkscape:path-effect
+       effect="spiro"
+       id="path-effect2144"
+       is_visible="true"
+       lpeversion="1" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect2138"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /></defs><g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="img"
+     style="display:none"><image
+       width="305.68866"
+       height="70.374367"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAABACAYAAADf7VgRAAAABHNCSVQICAgIfAhkiAAABdxJREFU
+eJzt3T9vo0gYBvB3by+SsZRiKCI5SCkyJS6dzny3+26UpoSSFJFMOaTyUETaK3zDAQYbzGBgeH7S
+SutN1kKj8cM7fxj/2u/3fwgAQKO/xr4AADAPggUAtEOwAIB2CBYA0A7BAgDaIVgAQDsECwBoh2AB
+AO0QLACgHYIFALRDsACAdn+PfQFw5nkeWZZFRERSSvJ9f+Qrmg7XdSnLMorjeOxLgZYQLDBpruuS
+zj5a4TLPGAoBJNVDRXOOXHOR7wiaAvBApNUDRUF4TIPCBaYnKZQURAu04dggUm5FSoKwmXaECww
+GW1DRUG4TNfDV4VUx1mtViSEICKiLMtIStn4f4qdJ8syOh6Pw14kPFxdqAghyLKs0jI8EeWvif7v
+G1gtmpbBg8V1XbJtm4jKHYKoHBhCCIrjuDZkqr+HYDFLU6gEQUCe55X+3ff90p4fIoTLFA0WLI7j
+kOu6rX/ftm2ybZuEEBRF0dUKBsxxLVSaIFymT/scC2OMdrtdp1Apsm2bPM8jzvlFhQPmybKs9PpW
+qCi+71/cfKrvZQrXdYkxNvZldKK1YmGM0cfHR+3PhBAkpaTv728iIjqdTmTbNq1WK7Jtu3aYxBij
+KIp0XuLoXNelz8/PzhWZZVnkuq5x1ZyqMDjnrUNFKVYuURQZOUTe7XZ5NR+GIaVpOvYltaItWCzL
+qg0VNXdS1yDFf2OM0Xa7LQWMbdt3Vz5TVOwkQRC0DgjLsvK5BlPD5d5Jed/3yXEcI0OlOj+53W5n
+Ey5ahkLFjq9IKelwOFAQBK0aIk1T8n3/ooOohp27aifZ7XathnrVtjUtbJU+wWBiqBDRRWWrwqXv
+sKi40jYULRVLtaP3eTo3iiLKssy4/QlJkpSGfCpcrlUudYFNhAnKpZBSUhAEpZvQvZWLGkoXb9RS
+SkqSZJD+1Lti4ZxfVBVhGPZ6zziOjfvwpGlKYRhe3IGaKpemUDkcDrMohUEPFS59KhfOOXmed/E5
+tSwr/5nuCqZ3xfL6+lp63bXjq0naJVDhUpxLqgsXhAoU9alcGGM3q3/VB3WeAdSrYqmO1aSUnTs+
+Yyyf0Kz+MVFT5XILQmXZ7q1cmlZpqyzL6vQ4xS29KpZqtZIkSa+LWYq6yuUahIo56irRLqr95Vrl
+nUksNlstE2EawsWKaVx8yJDahsuCBWzDLEa0xQu6/W68/vo0itYdIzJumyIMs2tcEGoQFt1/We1
+WvV+j3vhzNuRNYULQsVMfTc2Nn346/qLEKLTtg2d+4FGOzbhdDrlz3aYtIv0HtVwQaiYq0+V33W1
+UJ0U0LYS0fms1cOCpelQHjzNfKbCRf0dzqSUed9Ych+5ZwuClJLCMGy1MqQevdHl136//6Pt3Rqo
+Z2SuMfUhMoC++u5runXSngognTe0wSuWup25dd7f3/MnoAHgTMdmyTiOKUmSh27pHzRY1Jbhtr/7
++vqKJWuA/+jcga022FWP+RzKpFaFlrK1vw5jjNbrdX4W8K1zgJdiye1S9xR734n9R7XdoMFS3Zl7
+i6nb+K+pOxyLcz7IuHdO0C7necfi8GVOq4W/397e/hnqzdfrNb28vLT+fSklfX19DXU5k8M5p+12
+W/uzp6enfGl+Lp1JF7TL2c/PD6VpSs/Pz7ML00G/V0h9vUdbSylxidrPPy3t7F+0S5maG5lTqBAN
+HCzFPQhtLGnitsspcCaeGNcE7WKGwb8Jse3ZrkKI2aVyH13mk+oOGzcV2sUMgweLmmy7Fi5dT2ef
+O3wY6qFdzPGQ5WZ1ULY6LU4dEHU8HilJkkVVKvda0vxTF2iXaXroPpYlzaFco+ae2t6hl/LhQbuY
+Y/ChENTrctrekk7mQ7uYAcEykjiOW91xl3YyH9rFDAiWEd1aMRNC9P4qlTlCu8zfQ45NgOscx6HN
+ZlOa1M6ybPF3ZLTLfCFYAEA7DIUAQDsECwBoh2ABAO0QLACgHYIFALRDsACAdggWANAOwQIA2iFY
+AEA7BAsAaIdgAQDt/gUoDXNStc/rMQAAAABJRU5ErkJggg==
+"
+       id="image2132"
+       x="-82"
+       y="-11.9" /></g><g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="dot" /><g
+     inkscape:label="over"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637"
+       cx="24"
+       cy="33"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 9,24 C 9.7590836,20.626295 11.695032,17.529367 14.395314,15.369142 17.095595,13.208917 20.541953,12 24,12 c 3.458047,0 6.904405,1.208917 9.604686,3.369142 C 36.304968,17.529367 38.240916,20.626295 39,24"
+       id="path2142"
+       inkscape:path-effect="#path-effect2144"
+       inkscape:original-d="m 9,24 c 4.959859,-3.824406 10.021901,-8.173595 15,-12 4.978099,-3.8264055 10.285024,8.398237 15,12"
+       sodipodi:nodetypes="csc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 26,22 H 39 V 9"
+       id="path2626"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="into"
+     style="display:inline"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637-3"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,2 V 24"
+       id="path2668"
+       sodipodi:nodetypes="cc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 14.807612,16.994936 24,26.187324 33.192388,16.994936"
+       id="path2626-8"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="g2714"
+     inkscape:label="out"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="ellipse2708"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,29.722858 V 7.7228579"
+       id="path2710"
+       sodipodi:nodetypes="cc" /><path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 33.192388,14.727922 24,5.5355339 14.807612,14.727922"
+       id="path2712"
+       sodipodi:nodetypes="ccc" /></g></svg>

public/img/step-out.svg+149 -0 Viewed

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg2120"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="step-out.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2122"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="11.313708"
+     inkscape:cx="58.910834"
+     inkscape:cy="25.323262"
+     inkscape:window-width="1920"
+     inkscape:window-height="992"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2714" /><defs
+     id="defs2117"><inkscape:path-effect
+       effect="spiro"
+       id="path-effect2144"
+       is_visible="true"
+       lpeversion="1" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect2138"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /></defs><g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="img"
+     style="display:none"><image
+       width="305.68866"
+       height="70.374367"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAABACAYAAADf7VgRAAAABHNCSVQICAgIfAhkiAAABdxJREFU
+eJzt3T9vo0gYBvB3by+SsZRiKCI5SCkyJS6dzny3+26UpoSSFJFMOaTyUETaK3zDAQYbzGBgeH7S
+SutN1kKj8cM7fxj/2u/3fwgAQKO/xr4AADAPggUAtEOwAIB2CBYA0A7BAgDaIVgAQDsECwBoh2AB
+AO0QLACgHYIFALRDsACAdn+PfQFw5nkeWZZFRERSSvJ9f+Qrmg7XdSnLMorjeOxLgZYQLDBpruuS
+zj5a4TLPGAoBJNVDRXOOXHOR7wiaAvBApNUDRUF4TIPCBaYnKZQURAu04dggUm5FSoKwmXaECww
+GW1DRUG4TNfDV4VUx1mtViSEICKiLMtIStn4f4qdJ8syOh6Pw14kPFxdqAghyLKs0jI8EeWvif7v
+G1gtmpbBg8V1XbJtm4jKHYKoHBhCCIrjuDZkqr+HYDFLU6gEQUCe55X+3ff90p4fIoTLFA0WLI7j
+kOu6rX/ftm2ybZuEEBRF0dUKBsxxLVSaIFymT/scC2OMdrtdp1Apsm2bPM8jzvlFhQPmybKs9PpW
+qCi+71/cfKrvZQrXdYkxNvZldKK1YmGM0cfHR+3PhBAkpaTv728iIjqdTmTbNq1WK7Jtu3aYxBij
+KIp0XuLoXNelz8/PzhWZZVnkuq5x1ZyqMDjnrUNFKVYuURQZOUTe7XZ5NR+GIaVpOvYltaItWCzL
+qg0VNXdS1yDFf2OM0Xa7LQWMbdt3Vz5TVOwkQRC0DgjLsvK5BlPD5d5Jed/3yXEcI0OlOj+53W5n
+Ey5ahkLFjq9IKelwOFAQBK0aIk1T8n3/ooOohp27aifZ7XathnrVtjUtbJU+wWBiqBDRRWWrwqXv
+sKi40jYULRVLtaP3eTo3iiLKssy4/QlJkpSGfCpcrlUudYFNhAnKpZBSUhAEpZvQvZWLGkoXb9RS
+SkqSZJD+1Lti4ZxfVBVhGPZ6zziOjfvwpGlKYRhe3IGaKpemUDkcDrMohUEPFS59KhfOOXmed/E5
+tSwr/5nuCqZ3xfL6+lp63bXjq0naJVDhUpxLqgsXhAoU9alcGGM3q3/VB3WeAdSrYqmO1aSUnTs+
+Yyyf0Kz+MVFT5XILQmXZ7q1cmlZpqyzL6vQ4xS29KpZqtZIkSa+LWYq6yuUahIo56irRLqr95Vrl
+nUksNlstE2EawsWKaVx8yJDahsuCBWzDLEa0xQu6/W68/vo0itYdIzJumyIMs2tcEGoQFt1/We1
+WvV+j3vhzNuRNYULQsVMfTc2Nn346/qLEKLTtg2d+4FGOzbhdDrlz3aYtIv0HtVwQaiYq0+V33W1
+UJ0U0LYS0fms1cOCpelQHjzNfKbCRf0dzqSUed9Ych+5ZwuClJLCMGy1MqQevdHl136//6Pt3Rqo
+Z2SuMfUhMoC++u5runXSngognTe0wSuWup25dd7f3/MnoAHgTMdmyTiOKUmSh27pHzRY1Jbhtr/7
++vqKJWuA/+jcga022FWP+RzKpFaFlrK1vw5jjNbrdX4W8K1zgJdiye1S9xR734n9R7XdoMFS3Zl7
+i6nb+K+pOxyLcz7IuHdO0C7necfi8GVOq4W/397e/hnqzdfrNb28vLT+fSklfX19DXU5k8M5p+12
+W/uzp6enfGl+Lp1JF7TL2c/PD6VpSs/Pz7ML00G/V0h9vUdbSylxidrPPy3t7F+0S5maG5lTqBAN
+HCzFPQhtLGnitsspcCaeGNcE7WKGwb8Jse3ZrkKI2aVyH13mk+oOGzcV2sUMgweLmmy7Fi5dT2ef
+O3wY6qFdzPGQ5WZ1ULY6LU4dEHU8HilJkkVVKvda0vxTF2iXaXroPpYlzaFco+ae2t6hl/LhQbuY
+Y/ChENTrctrekk7mQ7uYAcEykjiOW91xl3YyH9rFDAiWEd1aMRNC9P4qlTlCu8zfQ45NgOscx6HN
+ZlOa1M6ybPF3ZLTLfCFYAEA7DIUAQDsECwBoh2ABAO0QLACgHYIFALRDsACAdggWANAOwQIA2iFY
+AEA7BAsAaIdgAQDt/gUoDXNStc/rMQAAAABJRU5ErkJggg==
+"
+       id="image2132"
+       x="-82"
+       y="-11.9" /></g><g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="dot" /><g
+     inkscape:label="over"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637"
+       cx="24"
+       cy="33"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 9,24 C 9.7590836,20.626295 11.695032,17.529367 14.395314,15.369142 17.095595,13.208917 20.541953,12 24,12 c 3.458047,0 6.904405,1.208917 9.604686,3.369142 C 36.304968,17.529367 38.240916,20.626295 39,24"
+       id="path2142"
+       inkscape:path-effect="#path-effect2144"
+       inkscape:original-d="m 9,24 c 4.959859,-3.824406 10.021901,-8.173595 15,-12 4.978099,-3.8264055 10.285024,8.398237 15,12"
+       sodipodi:nodetypes="csc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 26,22 H 39 V 9"
+       id="path2626"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="into"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637-3"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,2 V 24"
+       id="path2668"
+       sodipodi:nodetypes="cc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 14.807612,16.994936 24,26.187324 33.192388,16.994936"
+       id="path2626-8"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="g2714"
+     inkscape:label="out"
+     style="display:inline"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="ellipse2708"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,29.722858 V 7.7228579"
+       id="path2710"
+       sodipodi:nodetypes="cc" /><path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 33.192388,14.727922 24,5.5355339 14.807612,14.727922"
+       id="path2712"
+       sodipodi:nodetypes="ccc" /></g></svg>

public/img/step-over.svg+149 -0 Viewed

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg2120"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="step-over.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2122"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="11.313708"
+     inkscape:cx="58.910834"
+     inkscape:cy="25.323262"
+     inkscape:window-width="1920"
+     inkscape:window-height="992"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2714" /><defs
+     id="defs2117"><inkscape:path-effect
+       effect="spiro"
+       id="path-effect2144"
+       is_visible="true"
+       lpeversion="1" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect2138"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /></defs><g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="img"
+     style="display:none"><image
+       width="305.68866"
+       height="70.374367"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAABACAYAAADf7VgRAAAABHNCSVQICAgIfAhkiAAABdxJREFU
+eJzt3T9vo0gYBvB3by+SsZRiKCI5SCkyJS6dzny3+26UpoSSFJFMOaTyUETaK3zDAQYbzGBgeH7S
+SutN1kKj8cM7fxj/2u/3fwgAQKO/xr4AADAPggUAtEOwAIB2CBYA0A7BAgDaIVgAQDsECwBoh2AB
+AO0QLACgHYIFALRDsACAdn+PfQFw5nkeWZZFRERSSvJ9f+Qrmg7XdSnLMorjeOxLgZYQLDBpruuS
+zj5a4TLPGAoBJNVDRXOOXHOR7wiaAvBApNUDRUF4TIPCBaYnKZQURAu04dggUm5FSoKwmXaECww
+GW1DRUG4TNfDV4VUx1mtViSEICKiLMtIStn4f4qdJ8syOh6Pw14kPFxdqAghyLKs0jI8EeWvif7v
+G1gtmpbBg8V1XbJtm4jKHYKoHBhCCIrjuDZkqr+HYDFLU6gEQUCe55X+3ff90p4fIoTLFA0WLI7j
+kOu6rX/ftm2ybZuEEBRF0dUKBsxxLVSaIFymT/scC2OMdrtdp1Apsm2bPM8jzvlFhQPmybKs9PpW
+qCi+71/cfKrvZQrXdYkxNvZldKK1YmGM0cfHR+3PhBAkpaTv728iIjqdTmTbNq1WK7Jtu3aYxBij
+KIp0XuLoXNelz8/PzhWZZVnkuq5x1ZyqMDjnrUNFKVYuURQZOUTe7XZ5NR+GIaVpOvYltaItWCzL
+qg0VNXdS1yDFf2OM0Xa7LQWMbdt3Vz5TVOwkQRC0DgjLsvK5BlPD5d5Jed/3yXEcI0OlOj+53W5n
+Ey5ahkLFjq9IKelwOFAQBK0aIk1T8n3/ooOohp27aifZ7XathnrVtjUtbJU+wWBiqBDRRWWrwqXv
+sKi40jYULRVLtaP3eTo3iiLKssy4/QlJkpSGfCpcrlUudYFNhAnKpZBSUhAEpZvQvZWLGkoXb9RS
+SkqSZJD+1Lti4ZxfVBVhGPZ6zziOjfvwpGlKYRhe3IGaKpemUDkcDrMohUEPFS59KhfOOXmed/E5
+tSwr/5nuCqZ3xfL6+lp63bXjq0naJVDhUpxLqgsXhAoU9alcGGM3q3/VB3WeAdSrYqmO1aSUnTs+
+Yyyf0Kz+MVFT5XILQmXZ7q1cmlZpqyzL6vQ4xS29KpZqtZIkSa+LWYq6yuUahIo56irRLqr95Vrl
+nUksNlstE2EawsWKaVx8yJDahsuCBWzDLEa0xQu6/W68/vo0itYdIzJumyIMs2tcEGoQFt1/We1
+WvV+j3vhzNuRNYULQsVMfTc2Nn346/qLEKLTtg2d+4FGOzbhdDrlz3aYtIv0HtVwQaiYq0+V33W1
+UJ0U0LYS0fms1cOCpelQHjzNfKbCRf0dzqSUed9Ych+5ZwuClJLCMGy1MqQevdHl136//6Pt3Rqo
+Z2SuMfUhMoC++u5runXSngognTe0wSuWup25dd7f3/MnoAHgTMdmyTiOKUmSh27pHzRY1Jbhtr/7
++vqKJWuA/+jcga022FWP+RzKpFaFlrK1vw5jjNbrdX4W8K1zgJdiye1S9xR734n9R7XdoMFS3Zl7
+i6nb+K+pOxyLcz7IuHdO0C7necfi8GVOq4W/397e/hnqzdfrNb28vLT+fSklfX19DXU5k8M5p+12
+W/uzp6enfGl+Lp1JF7TL2c/PD6VpSs/Pz7ML00G/V0h9vUdbSylxidrPPy3t7F+0S5maG5lTqBAN
+HCzFPQhtLGnitsspcCaeGNcE7WKGwb8Jse3ZrkKI2aVyH13mk+oOGzcV2sUMgweLmmy7Fi5dT2ef
+O3wY6qFdzPGQ5WZ1ULY6LU4dEHU8HilJkkVVKvda0vxTF2iXaXroPpYlzaFco+ae2t6hl/LhQbuY
+Y/ChENTrctrekk7mQ7uYAcEykjiOW91xl3YyH9rFDAiWEd1aMRNC9P4qlTlCu8zfQ45NgOscx6HN
+ZlOa1M6ybPF3ZLTLfCFYAEA7DIUAQDsECwBoh2ABAO0QLACgHYIFALRDsACAdggWANAOwQIA2iFY
+AEA7BAsAaIdgAQDt/gUoDXNStc/rMQAAAABJRU5ErkJggg==
+"
+       id="image2132"
+       x="-82"
+       y="-11.9" /></g><g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="dot" /><g
+     inkscape:label="over"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637"
+       cx="24"
+       cy="33"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 9,24 C 9.7590836,20.626295 11.695032,17.529367 14.395314,15.369142 17.095595,13.208917 20.541953,12 24,12 c 3.458047,0 6.904405,1.208917 9.604686,3.369142 C 36.304968,17.529367 38.240916,20.626295 39,24"
+       id="path2142"
+       inkscape:path-effect="#path-effect2144"
+       inkscape:original-d="m 9,24 c 4.959859,-3.824406 10.021901,-8.173595 15,-12 4.978099,-3.8264055 10.285024,8.398237 15,12"
+       sodipodi:nodetypes="csc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 26,22 H 39 V 9"
+       id="path2626"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="into"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637-3"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,2 V 24"
+       id="path2668"
+       sodipodi:nodetypes="cc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 14.807612,16.994936 24,26.187324 33.192388,16.994936"
+       id="path2626-8"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="g2714"
+     inkscape:label="out"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="ellipse2708"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,29.722858 V 7.7228579"
+       id="path2710"
+       sodipodi:nodetypes="cc" /><path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 33.192388,14.727922 24,5.5355339 14.807612,14.727922"
+       id="path2712"
+       sodipodi:nodetypes="ccc" /></g></svg>

public/img/step-resume.svg+218 -0 Viewed

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg2120"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="step-resume.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2122"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="11.315"
+     inkscape:cx="4.7282369"
+     inkscape:cy="24.259832"
+     inkscape:window-width="1920"
+     inkscape:window-height="992"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer8" /><defs
+     id="defs2117"><inkscape:path-effect
+       effect="spiro"
+       id="path-effect2144"
+       is_visible="true"
+       lpeversion="1" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect2138"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /></defs><g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="img"
+     style="display:none"><image
+       width="305.68866"
+       height="70.374367"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAABACAYAAADf7VgRAAAABHNCSVQICAgIfAhkiAAABdxJREFU
+eJzt3T9vo0gYBvB3by+SsZRiKCI5SCkyJS6dzny3+26UpoSSFJFMOaTyUETaK3zDAQYbzGBgeH7S
+SutN1kKj8cM7fxj/2u/3fwgAQKO/xr4AADAPggUAtEOwAIB2CBYA0A7BAgDaIVgAQDsECwBoh2AB
+AO0QLACgHYIFALRDsACAdn+PfQFw5nkeWZZFRERSSvJ9f+Qrmg7XdSnLMorjeOxLgZYQLDBpruuS
+zj5a4TLPGAoBJNVDRXOOXHOR7wiaAvBApNUDRUF4TIPCBaYnKZQURAu04dggUm5FSoKwmXaECww
+GW1DRUG4TNfDV4VUx1mtViSEICKiLMtIStn4f4qdJ8syOh6Pw14kPFxdqAghyLKs0jI8EeWvif7v
+G1gtmpbBg8V1XbJtm4jKHYKoHBhCCIrjuDZkqr+HYDFLU6gEQUCe55X+3ff90p4fIoTLFA0WLI7j
+kOu6rX/ftm2ybZuEEBRF0dUKBsxxLVSaIFymT/scC2OMdrtdp1Apsm2bPM8jzvlFhQPmybKs9PpW
+qCi+71/cfKrvZQrXdYkxNvZldKK1YmGM0cfHR+3PhBAkpaTv728iIjqdTmTbNq1WK7Jtu3aYxBij
+KIp0XuLoXNelz8/PzhWZZVnkuq5x1ZyqMDjnrUNFKVYuURQZOUTe7XZ5NR+GIaVpOvYltaItWCzL
+qg0VNXdS1yDFf2OM0Xa7LQWMbdt3Vz5TVOwkQRC0DgjLsvK5BlPD5d5Jed/3yXEcI0OlOj+53W5n
+Ey5ahkLFjq9IKelwOFAQBK0aIk1T8n3/ooOohp27aifZ7XathnrVtjUtbJU+wWBiqBDRRWWrwqXv
+sKi40jYULRVLtaP3eTo3iiLKssy4/QlJkpSGfCpcrlUudYFNhAnKpZBSUhAEpZvQvZWLGkoXb9RS
+SkqSZJD+1Lti4ZxfVBVhGPZ6zziOjfvwpGlKYRhe3IGaKpemUDkcDrMohUEPFS59KhfOOXmed/E5
+tSwr/5nuCqZ3xfL6+lp63bXjq0naJVDhUpxLqgsXhAoU9alcGGM3q3/VB3WeAdSrYqmO1aSUnTs+
+Yyyf0Kz+MVFT5XILQmXZ7q1cmlZpqyzL6vQ4xS29KpZqtZIkSa+LWYq6yuUahIo56irRLqr95Vrl
+nUksNlstE2EawsWKaVx8yJDahsuCBWzDLEa0xQu6/W68/vo0itYdIzJumyIMs2tcEGoQFt1/We1
+WvV+j3vhzNuRNYULQsVMfTc2Nn346/qLEKLTtg2d+4FGOzbhdDrlz3aYtIv0HtVwQaiYq0+V33W1
+UJ0U0LYS0fms1cOCpelQHjzNfKbCRf0dzqSUed9Ych+5ZwuClJLCMGy1MqQevdHl136//6Pt3Rqo
+Z2SuMfUhMoC++u5runXSngognTe0wSuWup25dd7f3/MnoAHgTMdmyTiOKUmSh27pHzRY1Jbhtr/7
++vqKJWuA/+jcga022FWP+RzKpFaFlrK1vw5jjNbrdX4W8K1zgJdiye1S9xR734n9R7XdoMFS3Zl7
+i6nb+K+pOxyLcz7IuHdO0C7necfi8GVOq4W/397e/hnqzdfrNb28vLT+fSklfX19DXU5k8M5p+12
+W/uzp6enfGl+Lp1JF7TL2c/PD6VpSs/Pz7ML00G/V0h9vUdbSylxidrPPy3t7F+0S5maG5lTqBAN
+HCzFPQhtLGnitsspcCaeGNcE7WKGwb8Jse3ZrkKI2aVyH13mk+oOGzcV2sUMgweLmmy7Fi5dT2ef
+O3wY6qFdzPGQ5WZ1ULY6LU4dEHU8HilJkkVVKvda0vxTF2iXaXroPpYlzaFco+ae2t6hl/LhQbuY
+Y/ChENTrctrekk7mQ7uYAcEykjiOW91xl3YyH9rFDAiWEd1aMRNC9P4qlTlCu8zfQ45NgOscx6HN
+ZlOa1M6ybPF3ZLTLfCFYAEA7DIUAQDsECwBoh2ABAO0QLACgHYIFALRDsACAdggWANAOwQIA2iFY
+AEA7BAsAaIdgAQDt/gUoDXNStc/rMQAAAABJRU5ErkJggg==
+"
+       id="image2132"
+       x="-82"
+       y="-11.9" /><image
+       width="460"
+       height="71"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABHCAYAAACK23cpAAAABHNCSVQICAgIfAhkiAAACuZJREFU
+eJzt3T9o3FgeB/Cv77aZBHInYZPD+JLF4iDxDl44ZNiAvVfNhC2vCEqxWQJpJn3MwlRXTeP0drNF
+NtfIKa5cYnVxkQMLDoztbU6GgBkwDiPOEHuOK/aK7FM0Gs3M01gzkp6+HzBknPFEkSV93z/9NLO6
+uvoLiIiIaKjfZL0BRERERcDAJCIiksDAJCIiksDAJCIiksDAJCIiksDAJCIiksDAJCIiksDAJCIi
+ksDAJCIiksDAJCIiksDAJCIiksDAJCIikvBZ1htAlIZmswlN0wAAvu+j1WplvEX5YVkWOp0OHMfJ
+elMoBYuLi8Gfj4+PM9yS8mFgEinMsiyYphm8ZmgSjY9DskSKioZlvV5HrVbLcIuoyEzTDEZxyoqB
+SaSgaFgKDE0aR6PRCI6pMocmA5NIMYPCUmBoUhKNRgOGYQD4eOyUOTQZmEQKGRWWAkOTZPm+3/O6
+zKHJwCRShGxYCgxNkmHbNlzX7fleWUNzqqtk5xaWMbuwHLx+d+Tg4vw0eH3txs2e19RPXBA1TQuW
+lHc6nb5WYFj4ouj7ft/BT8UXF5ae50HX9Z7bbQD0XOTq9ToArp6l4WzbBoC+RWQA4Lru0OuPSqYa
+mLMLy1i69yh4/f5kvycgv3nyI47evuwL0jKzLCuYPxjWmvM8D47jxIanOLDF+xiYahkUlltbW2g2
+mz3fb7VaPfesAgxNksPQzOGQ7NK9R/jLgw3MhXqiZWSaJjY2NoJhj1FDH4ZhBCvZyjZMUmbDwnKQ
+VqsV26ji8CyNUvbh2VwWLrh24ya+frCBs5N9uK+fl6q3aRgGarVa0Ksc5+ebzSZ2dnZK0+ors06n
+/N6VFgKcT1NVY8Vy7Lgui48z8t6Uwpr1HVpUE9T0zQ8ffp0rDAVo2F5GhHLXQ8zbG5hGd88+RG3
+l2q4duNm1pszcaKXGHdQioPHtm3Yto2tra2hoViv15XsbY77f9I0DY1GQ7n94TgOdnZ2AMiHpRDu
+acb1HFTQaDRgmmbP1AYlI86dUfsvrqfp+z42NzfHaowZhgHLsnI18pHLHmaUef+Z8r1NcVBGibnJ
+uNZx+Hvi4AofrOJ7qhAnrWEYiU5CTdOCuTzLsmDbtlK9Kcdxxl7M1Wq1YJqmkmEZnf8Xv3v2NJMJ
+r4GQfW+4IS9Cc9yeZp7m2H9769atv03rH5tbWMbcH78MXkcX94QXBEVdv3ETf/rzXwEAF+en+N9/
+P0xuQ6csfEEXfN/HixcvgovhKL7vY3d3F7quY35+Pvi+rut97yvixdGyLFSrVQBApVJBtVrFwcEB
+ut0uAGBtbQ2VSgUA0O12sbu7C6B/34r9U8R9MEy73Y79/qD9IvOzRddut1GtVoP/f6VSgWEYaLfb
+V2owaZqGSqUSHHvTNu1h9MePH/e89jwPvu/3fIWvM4Zh4PLyEr7vB/uo2+3i4OAA8/PzfT876Cv6
+mb7vZ36s5raHeXF+ig/np32Lf5buPcLnX9Thvn6Os5P9jLYuXdFe4FWetmHbNjqdTqJWYRG4rgvD
+MIKLhZgbGdbTjGuIAPloqdLkxfVsxu1pip8LD0v6vo+9vb1SHU+Dhv3j6hYD/T3NJFMG0Tl2y7KC
+sM5KbucwP5yf4s2r9dhhWLEo6OsHG4Wf24ybSBfLt8cVntdShed5fUOpwxYUDArLra0tDsmVSNwc
+Wlz4DVOr1dBsNvver2ka6vV634W9jCaxejauMTzusG5acjske3F+indHDv5zdox//+sfuP67P+D3
+c70HrBimFUO0RRymffjwYTBkBCS/oNdqteDADH/put43HAsUd0gWQDAkYxhGzzBbtVrtOYkqlQrW
+tb6fr6MYSkzJKs6MRw4zvCszDoAcQxOa99Oe0g2PFo17PpxeHjYNyUUNzwra9DvLTodM0257WFG
+ua+f482r9dhFP+b9ZzDvPytcbzN6f6Xv+4kv6GIRTNyXigb1NEcpY1jSJ+P2NOMW4sXRNC1RWUJV
+pd3THPZ7y6Knmds5zDhnJ/v46YfvcPerb/H5F/WegBS3oBSpUlD0BNvb28toS4pFhKbsScOwVEfc
+MHsS0eNl2Jxm0kanqquNk0q7IpCYK15ZWQl+f4ZhBPt7mnOahelhhv38z78PXPRTpEpBKysrwZ99
+y/V4oGriutpxmFYqkWMyoz7Negz43qaSXswcVMgZZV2T9NxnL4Ohfi8aSpUDzPsQwF6kKOMuxI2
+LMmqM9WM6mkyLEnWoIVjV/2MMptETzNq2o2UQgbm3a++HXjP5rsjB+7r51PeIsrKoNBkWKrpqsNv
+g0It7ngRTwOSxeHYfmmFZtziK3HuT1OhAnNuYRl37z2KHW49O9nHz29fKnNv5iDiwPN9P6gjqlLV
+mnFEQ5Nhqa6rjMokvdVIPPlHtucYretLH101NEXJ0LCkZSDTUpjANO8/w+2l+JqC7uvneHek9vyf
+uH0kSnYuT3Xh1ibD8pNOp8OGFca7L9f3fdi2LbVSVpSwpHjjhmZcydCkBRDSlPvAvL1Ug3n/Wezf
+qV5fVhhW+Fg8nUTV4tlJMCj7lXmOW7hKEQvP87CzszO0chYX7MlJGppiMVaYaMRkJbeBef3Xaj5x
+w68X56dKlcYbRvZRX/V6PfOyUUR5k0bFJ8dx4LouS+OlIGloRhf1ZF08P7eBee3GzdhCBGVa1CNK
+b8m+1zRNnrxEv0qzPKIYBhTzmWVqmIbncXVdly7mkITMU07ysDYht4EZVZZFPVdhGEZpA1MUZtc0
+DcfHx8GCjbIr836JK2l31YtuWfZdWKfT6SleP6nbZ4aFpmEYmYclUJDALMOinjhJb8pVtRzeMHEr
+IBPcx15OMmywP2CYOW0OC/y0EMpItu2p1b0fFBo5mV9Rm6LrwMfe5VvXq3j/QR6lbOzs7i4uEj9
+c9Ok63rwDEgZ4pmYZVGr1QYWxq5UKkGDI+n9dEXH/fJRt9uF53mYn5/H9va2MmE57eLr3W4X7XYb
+mqZhZmam52ERk3CVgu2Tlsse5qQX9czOzuL777/H+vr6RD4/LUlP8DLdByY7v1uv16debzJL3C+9
+srwFQSWe5020wSHzPM08yF0t2XdHDn764buJhuWTJ08m8tlpE08el1Wm+ctRj1wa971Fx/1CRTSJ
+lOwlR7mO9P9nH09mXwOloP9s2r9Yku6hFhOTs7O7F/I23RJ8YPMukWYN4kma8VC1/y1FKdFO4X
+Kqq0a89OwlQD8+xkf2ggMiz7iUUawx5llVWZqKzkqcWZJ9wvVHR5D81czmGmrahhKXieh1arFRQx
+HUdmqbBdV24rluqnuW4sj7R8or7hfImz6GpfGAWPSzDHMcp1TzlIGJuV7ZHVZZQ4H4hVeQ1NHO3
+CdNKoUl9Yo+TDat9xYd9wupIo8LgZQNTIal2hzHkWpllq0wNvcLqWRQaGZVpEXJwGRYlsPm5ubQ
+cMjiAbN5wP1CKomGpud5mVX+mWqln2lIEpZsYRdbt9vF7u4ufN9HpVIJqpC4rouDgwNsb2+Xcp6O
++0Vt0670kweHh4fQdR2Xl5eZ3hEws7q6+ktm/3rKkvYs817ph4iI8kOZVbKi3B0REdEkKNXDJCIi
+mhQlF/0QERGljYFJREQkgYFJREQkgYFJREQkgYFJREQkgYFJREQkgYFJREQkgYFJREQkgYFJREQk
+bPFxcWst4GIiCj32MMkIiKSMHPnzh3WkiUiIhqBPUwiIiIJDEwiIiIJDEwiIiIJ/weH8+Ed/xCz
+fAAAAABJRU5ErkJggg==
+"
+       id="image2845"
+       x="-15.489594"
+       y="-8.2945251" /></g><g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="dot" /><g
+     inkscape:label="over"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637"
+       cx="24"
+       cy="33"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 9,24 C 9.7590836,20.626295 11.695032,17.529367 14.395314,15.369142 17.095595,13.208917 20.541953,12 24,12 c 3.458047,0 6.904405,1.208917 9.604686,3.369142 C 36.304968,17.529367 38.240916,20.626295 39,24"
+       id="path2142"
+       inkscape:path-effect="#path-effect2144"
+       inkscape:original-d="m 9,24 c 4.959859,-3.824406 10.021901,-8.173595 15,-12 4.978099,-3.8264055 10.285024,8.398237 15,12"
+       sodipodi:nodetypes="csc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 26,22 H 39 V 9"
+       id="path2626"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="into"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="path2637-3"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,2 V 24"
+       id="path2668"
+       sodipodi:nodetypes="cc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 14.807612,16.994936 24,26.187324 33.192388,16.994936"
+       id="path2626-8"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="g2714"
+     inkscape:label="out"
+     style="display:none"><ellipse
+       style="fill:#000000;stroke:#000000;stroke-width:5.27982;stroke-dasharray:none"
+       id="ellipse2708"
+       cx="24"
+       cy="38.5"
+       rx="4.3600898"
+       ry="4.3600893" /><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 24,29.722858 V 7.7228579"
+       id="path2710"
+       sodipodi:nodetypes="cc" /><path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 33.192388,14.727922 24,5.5355339 14.807612,14.727922"
+       id="path2712"
+       sodipodi:nodetypes="ccc" /></g><g
+     inkscape:groupmode="layer"
+     id="layer8"
+     inkscape:label="resume"><path
+       style="fill:#000000;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 13,12 V 38"
+       id="path2850"
+       sodipodi:nodetypes="cc" /><path
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-dasharray:none"
+       d="M 21,16 V 34 L 36.5,25 Z"
+       id="path2852"
+       sodipodi:nodetypes="cccc" /></g></svg>

public/index.html+156 -55 Viewed

                                         Max Response Length (tokens)
                                     </div>
                                     <div class="wide100p">
-                                        <input type="number" id="openai_max_tokens" name="openai_max_tokens" class="text_pole" min="50" max="8000">
+                                        <input type="number" id="openai_max_tokens" name="openai_max_tokens" class="text_pole" min="1" max="16384">
                                     </div>
                                 </div>
                                 <div class="range-block" data-source="openai,custom">

                                         <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" name="smoothingBlock" class="wide100p">
+                                    <div data-newbie-hidden 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>

                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden id="mirostat_block_ooba" class="wide100p">
+                                    <div data-newbie-hidden 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>

                                             </div>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba, vllm" name="beamSearchBlock" class="wide100p">
+                                    <div data-newbie-hidden data-tg-type="ooba, vllm" id="beamSearchBlock" name="beamSearchBlock" class="wide100p">
                                         <h4 class="wide100p textAlignCenter">
                                             <label>
                                                 <span data-i18n="Beam search">Beam Search</span>

                                             </div>
                                         </div>
                                     </div>
-                                    <div data-tg-type="ooba" data-newbie-hidden name="contrastiveSearchBlock" class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
+                                    <div data-tg-type="ooba" data-newbie-hidden 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>

                                         <h4 class="wide100p textAlignCenter">
                                             <label>
                                                 <span data-i18n="Grammar String">Grammar String</span>
-                                                <div class="margin5 fa-solid fa-circle-info opacity50p " data-i18n="[title]GNBF or ENBF, depends on the backend in use. If you're using this you should know which." title="GNBF or ENBF, depends on the backend in use. If you're using this you should know which."></div>
+                                                <div class="margin5 fa-solid fa-circle-info opacity50p " data-i18n="[title]GBNF or EBNF, depends on the backend in use. If you're using this you should know which." title="GBNF or EBNF, depends on the backend in use. If you're using this you should know which."></div>
                                                 <a href="https://github.com/ggerganov/llama.cpp/blob/master/grammars/README.md" target="_blank">
                                                     <small>
                                                         <div class="fa-solid fa-up-right-from-square note-link-span"></div>

                                         </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" data-newbie-hidden data-tg-type="koboldcpp" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_order_block_kcpp" data-newbie-hidden 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>
                                         </div>
                                         <div class="toggle-description widthUnset" data-i18n="Samplers will be applied in a top-down order. Use with caution.">
-                                            Samplers will be applied in a top-down order.
+                                            kcpp only. Samplers will be applied in a top-down order.
                                             Use with caution.
                                         </div>
                                         <div id="koboldcpp_order" class="prompt_order">

                                             <span data-i18n="Load default order">Load default order</span>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="llamacpp" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_order_block_lcpp" data-newbie-hidden data-tg-type="llamacpp" class="range-block flexFlowColumn wide100p">
                                         <hr class="wide100p">
                                         <h4 class="range-block-title justifyCenter">
-                                            <span data-i18n="Samplers Order">Samplers Order</span>
+                                            <span data-i18n="Sampler Order">Sampler Order</span>
                                             <div class="margin5 fa-solid fa-circle-info opacity50p" data-i18n="[title]llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored." title="llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored."></div>
                                         </h4>
                                         <div class="toggle-description widthUnset" data-i18n="llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.">

                                             <span data-i18n="Load default order">Load default order</span>
                                         </div>
                                     </div>
-                                    <div data-newbie-hidden data-tg-type="ooba" class="range-block flexFlowColumn wide100p">
+                                    <div id="sampler_priority_block_ooba" data-newbie-hidden 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>

                                         </div>
                                         <div class="inline-drawer-content">
                                             <label class="checkbox_label flexWrap alignItemsCenter" for="character_names_none">
-                                                <input type="radio" id="character_names_none" name="character_names" value="0">
+                                                <input type="radio" id="character_names_none" name="character_names" value="-1">
                                                 <span data-i18n="None">None</span>
-                                                <i class="right_menu_button fa-solid fa-circle-exclamation" title="Except for groups and past personas. Otherwise, make sure you provide names in the prompt." data-i18n="[title]character_names_none"></i>
+                                                <i class="right_menu_button fa-solid fa-circle-exclamation" title="Never add character name prefixes. May behave poorly in groups, choose with caution." data-i18n="[title]character_names_none"></i>
-                                                <small class="flexBasis100p" data-i18n="Don't add character names.">
+                                                <small class="flexBasis100p" data-i18n="Never add character names.">
-                                                    Don't add character names.
+                                                    Never add character names.
+                                                </small>
+                                            </label>
+                                            <label class="checkbox_label flexWrap alignItemsCenter" for="character_names_default">
+                                                <input type="radio" id="character_names_default" name="character_names" value="0">
+                                                <span data-i18n="Default">Default</span>
+                                                <i class="right_menu_button fa-solid fa-circle-exclamation" title="Add prefixes for groups and past personas. Otherwise, make sure you provide names in the prompt." data-i18n="[title]character_names_default"></i>
+                                                <small class="flexBasis100p" data-i18n="Don't add character names unless necessary.">
+                                                    Don't add character names unless necessary.
                                                 </small>
                                             </label>
                                             <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>
+                                                <span data-i18n="Completion Object">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." data-i18n="[title]character_names_completion"></i>
                                                 <small class="flexBasis100p" data-i18n="Add character names to completion objects.">
                                                     Add character names to completion objects.

                                             </div>
                                         </label>
                                     </div>
-                                    <div class="range-block" data-source="openai,openrouter,makersuite,claude,custom">
+                                    <div class="range-block" data-source="openai,openrouter,makersuite,claude,custom,01ai">
                                         <label for="openai_image_inlining" class="checkbox_label flexWrap widthFreeExpand">
                                             <input id="openai_image_inlining" type="checkbox" />
                                             <span data-i18n="Send inline images">Send inline images</span>
                                             <div id="image_inlining_hint" class="flexBasis100p toggle-description justifyLeft">
                                                 <span data-i18n="image_inlining_hint_1">Sends images in prompts if the model supports it (e.g. GPT-4V, Claude 3 or Llava 13B).
-                                                Use the</span> <code><i class="fa-solid fa-paperclip"></i></code> <span data-i18n="image_inlining_hint_2">action on any message or the</span>
+                                                    Use the</span> <code><i class="fa-solid fa-paperclip"></i></code> <span data-i18n="image_inlining_hint_2">action on any message or the</span>
                                                 <code><i class="fa-solid fa-wand-magic-sparkles"></i></code> <span data-i18n="image_inlining_hint_3">menu to attach an image file to the chat.</span>
                                             </div>
                                         </label>

                                     </div>
                                     <div data-newbie-hidden class="range-block" data-source="claude">
                                         <div class="wide100p">
-                                            <span id="claude_assistant_prefill_text" data-i18n="Assistant Prefill">Assistant Prefill</span>
+                                            <div class="flex-container alignItemsCenter">
-                                            <textarea id="claude_assistant_prefill" class="text_pole textarea_compact" name="assistant_prefill autoSetHeight" rows="3" maxlength="10000" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>
+                                                <span id="claude_assistant_prefill_text" data-i18n="Assistant Prefill">Assistant Prefill</span>
-                                            <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_prefill" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
-                                            <textarea id="claude_assistant_impersonation" class="text_pole textarea_compact" name="assistant_impersonation autoSetHeight" rows="3" maxlength="10000" data-i18n="[placeholder]Start Claude's answer with..." placeholder="Start Claude's answer with..."></textarea>
+                                            </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>
+                                            <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>
                                         </div>
                                         <label for="claude_use_sysprompt" class="checkbox_label widthFreeExpand">
                                             <input id="claude_use_sysprompt" type="checkbox" />

                             <optgroup>
                                 <option value="01ai">01.AI (Yi)</option>
                                 <option value="ai21">AI21</option>
+                                <option value="blockentropy">Block Entropy</option>
                                 <option value="claude">Claude</option>
                                 <option value="cohere">Cohere</option>
                                 <option value="groq">Groq</option>

                                     </optgroup>
                                     <optgroup label="GPT-4o">
                                         <option value="gpt-4o">gpt-4o</option>
+                                        <option value="gpt-4o-2024-08-06">gpt-4o-2024-08-06</option>
                                         <option value="gpt-4o-2024-05-13">gpt-4o-2024-05-13</option>
+                                        <option value="chatgpt-4o-latest">chatgpt-4o-latest</option>
                                     </optgroup>
                                     <optgroup label="gpt-4o-mini">
                                         <option value="gpt-4o-mini">gpt-4o-mini</option>

                             <div>
                                 <h4 data-i18n="Google Model">Google Model</h4>
                                 <select id="model_google_select">
-                                    <optgroup label="Latest">
+                                    <optgroup label="Primary">
-                                        <!-- Doesn't work without "latest". Maybe my key is scuffed? -->
+                                        <option value="gemini-1.5-pro">Gemini 1.5 Pro</option>
-                                        <option value="gemini-1.5-flash-latest">Gemini 1.5 Flash</option>
+                                        <option value="gemini-1.5-flash">Gemini 1.5 Flash</option>
-                                        <!-- Points to 1.0, no default 1.5 endpoint -->
+                                        <option value="gemini-1.0-pro">Gemini 1.0 Pro</option>
-                                        <option value="gemini-pro">Gemini Pro</option>
+                                        <option value="gemini-pro">Gemini Pro (1.0)</option>
-                                        <option value="gemini-pro-vision">Gemini Pro Vision</option>
+                                        <option value="gemini-pro-vision">Gemini Pro Vision (1.0)</option>
-                                        <option value="gemini-ultra">Gemini Ultra</option>
+                                        <option value="gemini-ultra">Gemini Ultra (1.0)</option>
-                                        <option value="text-bison-001">Bison Text</option>
-                                        <option value="chat-bison-001">Bison Chat</option>
-                                    </optgroup>
-                                    <optgroup label="Sub-versions">
-                                        <option value="gemini-1.5-pro-latest">Gemini 1.5 Pro</option>
-                                        <option value="gemini-1.0-pro-latest">Gemini 1.0 Pro</option>
-                                        <option value="gemini-1.0-pro-vision-latest">Gemini 1.0 Pro Vision</option>
                                         <option value="gemini-1.0-ultra-latest">Gemini 1.0 Ultra</option>
+                                        <option value="text-bison-001">PaLM 2 (Legacy)</option>
+                                        <option value="chat-bison-001">PaLM 2 Chat (Legacy)</option>
+                                    </optgroup>
+                                    <optgroup label="Subversions">
+                                        <option value="gemini-1.5-pro-exp-0801">Gemini 1.5 Pro Experiment 2024-08-01</option>
+                                        <option value="gemini-1.5-pro-latest">Gemini 1.5 Pro [latest]</option>
+                                        <option value="gemini-1.5-pro-001">Gemini 1.5 Pro [001]</option>
+                                        <option value="gemini-1.5-flash-latest">Gemini 1.5 Flash [latest]</option>
+                                        <option value="gemini-1.5-flash-001">Gemini 1.5 Flash [001]</option>
+                                        <option value="gemini-1.0-pro-latest">Gemini 1.0 Pro [latest]</option>
+                                        <option value="gemini-1.0-pro-001">Gemini 1.0 Pro (Tuning) [001]</option>
+                                        <option value="gemini-1.0-pro-vision-latest">Gemini 1.0 Pro Vision [latest]</option>
                                     </optgroup>
                                 </select>
                             </div>

                                         <option value="mistral-small-2402">mistral-small-2402</option>
                                         <option value="mistral-medium-2312">mistral-medium-2312</option>
                                         <option value="mistral-large-2402">mistral-large-2402</option>
+                                        <option value="mistral-large-2407">mistral-large-2407</option>
                                         <option value="codestral-2405">codestral-2405</option>
                                         <option value="codestral-mamba-2407">codestral-mamba-2407</option>
                                     </optgroup>

                             </div>
                             <h4 data-i18n="Perplexity Model">Perplexity Model</h4>
                             <select id="model_perplexity_select">
-                                <optgroup label="Perplexity Models">
+                                <optgroup label="Perplexity Sonar Models">
+                                    <option value="llama-3.1-sonar-small-128k-online">llama-3.1-sonar-small-128k-online</option>
+                                    <option value="llama-3.1-sonar-large-128k-online">llama-3.1-sonar-large-128k-online</option>
+                                    <option value="llama-3.1-sonar-huge-128k-online">llama-3.1-sonar-huge-128k-online</option>
+                                </optgroup>
+                                <optgroup label="Perplexity Chat Models">
+                                    <option value="llama-3.1-sonar-small-128k-chat">llama-3.1-sonar-small-128k-chat</option>
+                                    <option value="llama-3.1-sonar-large-128k-chat">llama-3.1-sonar-large-128k-chat</option>
+                                </optgroup>
+                                <optgroup label="Open-Source Models">
+                                    <option value="llama-3.1-8b-instruct">llama-3.1-8b-instruct</option>
+                                    <option value="llama-3.1-70b-instruct">llama-3.1-70b-instruct</option>
+                                </optgroup>
+                                <optgroup label="Deprecated Models">
                                     <option value="llama-3-sonar-small-32k-chat">llama-3-sonar-small-32k-chat</option>
                                     <option value="llama-3-sonar-small-32k-online">llama-3-sonar-small-32k-online</option>
                                     <option value="llama-3-sonar-large-32k-chat">llama-3-sonar-large-32k-chat</option>

                                     <option value="sonar-small-online">sonar-small-online</option>
                                     <option value="sonar-medium-chat">sonar-medium-chat</option>
                                     <option value="sonar-medium-online">sonar-medium-online</option>
-                                </optgroup>
-                                <optgroup label="Open-Source Models">
                                     <option value="llama-3-8b-instruct">llama-3-8b-instruct</option>
                                     <option value="llama-3-70b-instruct">llama-3-70b-instruct</option>
                                     <option value="mistral-7b-instruct">mistral-7b-instruct (v0.2)</option>

                                 </select>
                             </div>
                         </form>
+                        <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">
+                                <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.">
+                                For privacy reasons, your API key will be hidden after you reload the page.
+                            </div>
+                            <h4 data-i18n="Select a Model">Select a Model</h4>
+                            <div class="flex-container">
+                                <select id="model_blockentropy_select" class="text_pole"></select>
+                            </div>
+                        </form>
                         <form id="custom_form" data-source="custom">
                             <h4 data-i18n="Custom Endpoint (Base URL)">Custom Endpoint (Base URL)</h4>
                             <div class="flex-container">

                                 </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="Use as Stop Strings">Use as Stop Strings</small>
+                                    <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>
                                 <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" />

                                         </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>

                                 <!-- 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="4">NerdStash (NovelAI Clio)</option>
                                 <option value="5">NerdStash v2 (NovelAI Kayra)</option>
                                 <option value="7">Mistral</option>

                             <div id="OpenAllWIEntries" class="menu_button fa-solid fa-expand" title="Open all Entries" data-i18n="[title]Open all Entries"></div>
                             <div id="CloseAllWIEntries" class="menu_button fa-solid fa-compress" title="Close all Entries" data-i18n="[title]Close all Entries"></div>
                             <div id="world_popup_new" class="menu_button fa-solid fa-plus" title="New Entry" data-i18n="[title]New Entry"></div>
-                            <div id="world_backfill_memos" class="menu_button fa-solid fa-notes-medical" title="Fill empty Memo/Titles with Keywords" data-i18n="[title]Fill empty Memo/Titles with Keywords"></div><div id="world_apply_custom_sorting" class="menu_button fa-solid fa-solid fa-arrow-down-9-1"
+                            <div id="world_backfill_memos" class="menu_button fa-solid fa-notes-medical" title="Fill empty Memo/Titles with Keywords" data-i18n="[title]Fill empty Memo/Titles with Keywords"></div>
-                                title="Apply custom sorting as Order" data-i18n="[title]Apply custom sorting as Order"></div>
+                            <div id="world_apply_current_sorting" class="menu_button fa-solid fa-solid fa-arrow-down-9-1" title="Apply current sorting as Order" data-i18n="[title]Apply current sorting as Order"></div>
                             <div id="world_import_button" class="menu_button fa-solid fa-file-import" title="Import World Info" data-i18n="[title]Import World Info"></div>
                             <div id="world_popup_export" class="menu_button fa-solid fa-file-export" title="Export World Info" data-i18n="[title]Export World Info"></div>
                             <div id="world_duplicate" class="menu_button fa-solid fa-paste" title="Duplicate World Info" data-i18n="[title]Duplicate World Info"></div>

                                     <input type="range" id="smooth_streaming_speed" name="smooth_streaming_speed" min="0" max="100" step="10" value="50">
                                     <div class="slider_hint">
                                         <span data-i18n="Slow">Slow</span>
-                                        <span data-i18n=""></span>
+                                        <span></span>
                                         <span data-i18n="Fast">Fast</span>
                                     </div>
                                 </div>

                                 <input id="restore_user_input" type="checkbox" />
                                 <small data-i18n="Restore User Input">Restore User Input</small>
                             </label>
-                            <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">
+                            <div class="flex-container alignItemsCenter">
-                                <input id="movingUImode" type="checkbox" />
+                                <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">
-                                <small data-i18n="Movable UI Panels">MovingUI&nbsp;<i class="fa-solid fa-desktop"></i></small>
+                                    <input id="movingUImode" type="checkbox" />
-                            </label>
+                                    <small data-i18n="Movable UI Panels">MovingUI&nbsp;<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> Reset</div>
+                            </div>
                             <div data-newbie-hidden 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">MUI Preset:</small>
+                                        <small data-i18n="MUI Preset">MovingUI Preset:</small>
                                         <div class="flex-container flexnowrap">
                                             <select id="movingUIPresets" class="widthNatural flex1 margin0">
                                             </select>
                                         </div>
                                     </label>
                                     <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 data-newbie-hidden id="movingUIreset" title="Reset MovingUI panel sizes/locations." class="menu_button fa-solid fa-recycle margin0" data-i18n="[title]Reset MovingUI panel sizes/locations."></div>
                                 </div>
                             </div>
                             <div data-newbie-hidden id="CustomCSS-block" class="flex-container flexFlowColumn">

                                         Quick "Continue" button
                                     </small>
                                 </label>
+                                <label class="checkbox_label" for="quick_impersonate" title="Show a button in the input area to ask the AI to impersonate your character for a single message." data-i18n="[title]Show a button in the input area to ask the AI to impersonate your character for a single message">
+                                    <input id="quick_impersonate" type="checkbox" />
+                                    <small data-i18n="Quick 'Impersonate' button">
+                                        Quick "Impersonate" button
+                                    </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">
                                         <input id="swipes-checkbox" type="checkbox" />

                                         </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="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">

                                             <span class="fa-solid fa-circle-question note-link-span"></span>
                                         </a>
                                     </label>
-                                    <label class="checkbox_label" title="Prevents {{getvar::}} {{getglobalvar::}} macros from having literal macro-like values auto-evaluated.&NewLine;e.g. &quot;{{newline}}&quot; remains as literal string &quot;{{newline}}&quot;&NewLine;&NewLine;(This is done by internally replacing {{getvar::}} {{getglobalvar::}} macros with scoped variables.)" data-i18n="[title]Prevents {{getvar::}} {{getglobalvar::}} macros from having literal macro-like values auto-evaluated.&NewLine;e.g. &quot;{{newline}}&quot; remains as literal string &quot;{{newline}}&quot;&NewLine;&NewLine;(This is done by internally replacing {{getvar::}} {{getglobalvar::}} macros with scoped variables.)">
+                                    <label class="checkbox_label" title="Prevents {{getvar::}} {{getglobalvar::}} macros from having literal macro-like values auto-evaluated.&NewLine;e.g. &quot;{{newline}}&quot; remains as literal string &quot;{{newline}}&quot;&NewLine;&NewLine;(This is done by internally replacing {{getvar::}} {{getglobalvar::}} macros with scoped variables.)" data-i18n="[title]stscript_parser_flag_replace_getvar_label">
                                         <input id="stscript_parser_flag_replace_getvar" type="checkbox" />
                                         <span data-i18n="REPLACE_GETVAR"><small>REPLACE_GETVAR</small></span>
                                         <a href="https://docs.sillytavern.app/usage/st-script/#replace-variable-macros" target="_blank" class="notes-link">

                                             <div id="favorite_button" class="menu_button fa-solid fa-star" title="Add to Favorites" data-i18n="[title]Add to Favorites"></div>
                                             <input type="hidden" id="fav_checkbox" name="fav" />
                                             <div id="advanced_div" class="menu_button fa-solid fa-book " title="Advanced Definitions" data-i18n="[title]Advanced Definition"></div>
-                                            <div id="world_button" class="menu_button fa-solid fa-globe" title="Character Lore" data-i18n="[title]Character Lore"></div>
+                                            <div id="world_button" class="menu_button fa-solid fa-globe" title="Character Lore&#10;&#10;Click to load&#10;Shift-click to open 'Link to World Info' popup" data-i18n="[title]world_button_title"></div>
                                             <div class="chat_lorebook_button menu_button fa-solid fa-passport" title="Chat Lore" data-i18n="[title]Chat Lore"></div>
                                             <div id="export_button" class="menu_button fa-solid fa-file-export " title="Export and Download" data-i18n="[title]Export and Download"></div>
                                             <!-- <div id="set_chat_scenario" class="menu_button fa-solid fa-scroll" title="Set a chat scenario override"></div> -->

         <div class="world_entry">
             <form class="world_entry_form  wi-card-entry">
                 <div class="inline-drawer wide100p">
-                    <div class="inline-drawer-toggle inline-drawer-header gap5px padding0">
+                    <div class="inline-drawer-header gap5px padding0">
                         <span class="drag-handle">&#9776;</span>
                         <div class="gap5px world_entry_thin_controls wide100p alignitemscenter">
-                            <div class="fa-fw fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
+                            <div class="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>
-                                    <!-- <span class="world_entry_form_position_value"></span> -->
                                     <select data-i18n="[title]WI Entry Status:🔵 Constant🟢 Normal🔗 Vectorized❌ Disabled" title="WI Entry Status:&#13;🔵 Constant&#13;🟢 Normal&#13;🔗 Vectorized&#13;❌ Disabled" name="entryStateSelector" class="text_pole widthNatural margin0">
                                         <option value="constant" title="Constant" data-i18n="[title]WI_Entry_Status_Constant">🔵</option>
                                         <option value="normal" title="Normal" data-i18n="[title]WI_Entry_Status_Normal">🟢</option>
                                         <option value="vectorized" title="Vectorized" data-i18n="[title]WI_Entry_Status_Vectorized">🔗</option>
-                                        <option value="disabled" title="Disabled" data-i18n="[title]WI_Entry_Status_Disabled">❌</option>
                                     </select>
                                 </div>
                                 <div class="WIEnteryHeaderControls flex-container">

                         <div 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>

                     Enable simple UI mode
                 </span>
             </label>
+            <div class="expander"></div>
             <div class="textAlignCenter">
                 <h3 data-i18n="Looking for AI characters?">
                     Looking for AI characters?

                     </span>
                 </span>
             </div>
+            <div class="expander"></div>
             <h3 data-i18n="Your Persona">
                 Your Persona
             </h3>

                         <div id="mes_stop" title="Abort request" class="mes_stop" data-i18n="[title]Abort request">
                             <i class="fa-solid fa-circle-stop"></i>
                         </div>
+                        <div id="mes_impersonate" class="fa-solid fa-user-secret interactable displayNone" title="Ask AI to write your message for you" data-i18n="[title]Ask AI to write your message for you" tabindex="0"></div>
                         <div id="mes_continue" class="fa-fw fa-solid fa-arrow-right interactable displayNone" title="Continue the last message" data-i18n="[title]Continue the last message"></div>
                         <div id="send_but" class="fa-solid fa-paper-plane interactable displayNone" title="Send a message" data-i18n="[title]Send a message"></div>
                     </div>

                         <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>

public/locales/ar-sa.json+2 -2 Viewed

     "JSON Schema": "مخطط جيسون",
     "Type in the desired JSON schema": "اكتب مخطط JSON المطلوب",
     "Grammar String": "سلسلة القواعد",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "يعتمد GNBF أو ENBF على الواجهة الخلفية المستخدمة. إذا كنت تستخدم هذا يجب أن تعرف أي.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "يعتمد GBNF أو EBNF على الواجهة الخلفية المستخدمة. إذا كنت تستخدم هذا يجب أن تعرف أي.",
     "Top P & Min P": "أعلى ع وأدنى ص",
     "Load default order": "تحميل الترتيب الافتراضي",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp فقط. تحديد ترتيب أخذ العينات. إذا لم يكن وضع Mirostat 0، فسيتم تجاهل ترتيب أخذ العينات.",

     "Character Names Behavior": "سلوك أسماء الشخصيات",
     "Helps the model to associate messages with characters.": "يساعد النموذج على ربط الرسائل بالأحرف.",
     "None": "لا شيء",
-    "character_names_none": "باستثناء المجموعات والشخصيات السابقة. بخلاف ذلك، تأكد من تقديم الأسماء في المطالبة.",
+    "character_names_default": "باستثناء المجموعات والشخصيات السابقة. بخلاف ذلك، تأكد من تقديم الأسماء في المطالبة.",
     "Don't add character names.": "لا تضيف أسماء الشخصيات.",
     "Completion": "كائن الإكمال",
     "character_names_completion": "تنطبق القيود: فقط الحروف الأبجدية اللاتينية والأرقام والشرطات السفلية. لا يعمل مع جميع المصادر، ولا سيما: Claude وMistralAI وGoogle.",

public/locales/de-de.json+2 -2 Viewed

     "JSON Schema": "JSON-Schema",
     "Type in the desired JSON schema": "Geben Sie das gewünschte JSON-Schema ein",
     "Grammar String": "Grammatikzeichenfolge",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF oder ENBF, hängt vom verwendeten Backend ab. Wenn Sie dieses verwenden, sollten Sie wissen, welches.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF oder EBNF, hängt vom verwendeten Backend ab. Wenn Sie dieses verwenden, sollten Sie wissen, welches.",
     "Top P & Min P": "Top P und Min P",
     "Load default order": "Standardreihenfolge laden",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "Nur llama.cpp. Bestimmt die Reihenfolge der Sampler. Wenn der Mirostat-Modus nicht 0 ist, wird die Sampler-Reihenfolge ignoriert.",

     "Character Names Behavior": "Charakternamen Verhalten",
     "Helps the model to associate messages with characters.": "Hilft dem Modell, Nachrichten mit Zeichen zu verknüpfen.",
     "None": "Keins",
-    "character_names_none": "Außer für Gruppen und frühere Personas. Andernfalls stellen Sie sicher, dass Sie in der Eingabeaufforderung Namen angeben.",
+    "character_names_default": "Außer für Gruppen und frühere Personas. Andernfalls stellen Sie sicher, dass Sie in der Eingabeaufforderung Namen angeben.",
     "Don't add character names.": "Fügen Sie keine Charakternamen hinzu.",
     "Completion": "Vervollständigungsobjekt",
     "character_names_completion": "Es gelten Einschränkungen: nur lateinische alphanumerische Zeichen und Unterstriche. Funktioniert nicht für alle Quellen, insbesondere: Claude, MistralAI, Google.",

public/locales/es-es.json+2 -2 Viewed

     "JSON Schema": "Esquema JSON",
     "Type in the desired JSON schema": "Escriba el esquema JSON deseado",
     "Grammar String": "Cadena de gramática",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF o ENBF, depende del backend en uso. Si estás usando esto, debes saber cuál.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF o EBNF, depende del backend en uso. Si estás usando esto, debes saber cuál.",
     "Top P & Min P": "P superior y P mínima",
     "Load default order": "Cargar orden predeterminado",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp únicamente. Determina el orden de los muestreadores. Si el modo Mirostat no es 0, se ignora el orden de las muestras.",

     "Character Names Behavior": "Comportamiento de los nombres de personajes",
     "Helps the model to associate messages with characters.": "Ayuda al modelo a asociar mensajes con personajes.",
     "None": "Ninguno",
-    "character_names_none": "Excepto grupos y personas pasadas. De lo contrario, asegúrese de proporcionar nombres en el mensaje.",
+    "character_names_default": "Excepto grupos y personas pasadas. De lo contrario, asegúrese de proporcionar nombres en el mensaje.",
     "Don't add character names.": "No agregues nombres de personajes.",
     "Completion": "Objeto de finalización",
     "character_names_completion": "Aplican restricciones: solo caracteres alfanuméricos latinos y guiones bajos. No funciona para todas las fuentes, en particular: Claude, MistralAI, Google.",

public/locales/fr-fr.json+2 -2 Viewed

     "JSON Schema": "Schéma JSON",
     "Type in the desired JSON schema": "Tapez le schéma JSON souhaité",
     "Grammar String": "Chaîne de grammaire",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF ou ENBF dépend du backend utilisé. Si vous l'utilisez, vous devez savoir lequel.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF ou EBNF dépend du backend utilisé. Si vous l'utilisez, vous devez savoir lequel.",
     "Top P & Min P": "P supérieur et P minimal",
     "Load default order": "Charger l'ordre par défaut",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "lama.cpp uniquement. Détermine l’ordre des échantillonneurs. Si le mode Mirostat n'est pas 0, l'ordre de l'échantillonneur est ignoré.",

     "Character Names Behavior": "Comportement des noms de personnages",
     "Helps the model to associate messages with characters.": "Aide le modèle à associer des messages à des personnages.",
     "None": "Aucun",
-    "character_names_none": "Sauf pour les groupes et les personnages passés. Sinon, assurez-vous de fournir des noms dans l'invite.",
+    "character_names_default": "Sauf pour les groupes et les personnages passés. Sinon, assurez-vous de fournir des noms dans l'invite.",
     "Don't add character names.": "N'ajoutez pas de noms de personnages.",
     "Completion": "Objet d'achèvement",
     "character_names_completion": "Des restrictions s'appliquent : uniquement les caractères alphanumériques latins et les traits de soulignement. Ne fonctionne pas pour toutes les sources, notamment : Claude, MistralAI, Google.",

public/locales/is-is.json+2 -2 Viewed

     "JSON Schema": "JSON kerfi",
     "Type in the desired JSON schema": "Sláðu inn æskilegt JSON skema",
     "Grammar String": "Málfræðistrengur",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF eða ENBF, fer eftir bakendanum sem er í notkun. Ef þú ert að nota þetta ættir þú að vita hvaða.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF eða EBNF, fer eftir bakendanum sem er í notkun. Ef þú ert að nota þetta ættir þú að vita hvaða.",
     "Top P & Min P": "Efstu P & Min P",
     "Load default order": "Hlaða sjálfgefna röð",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp eingöngu. Ákveður röð sýnataka. Ef Mirostat hamur er ekki 0, er röð sýnatöku hunsuð.",

     "Character Names Behavior": "Hegðun persónunafna",
     "Helps the model to associate messages with characters.": "Hjálpar líkaninu að tengja skilaboð við stafi.",
     "None": "Enginn",
-    "character_names_none": "Nema hópar og fyrri persónur. Annars, vertu viss um að gefa upp nöfn í hvetjunni.",
+    "character_names_default": "Nema hópar og fyrri persónur. Annars, vertu viss um að gefa upp nöfn í hvetjunni.",
     "Don't add character names.": "Ekki bæta við persónunöfnum.",
     "Completion": "Lokunarhlutur",
     "character_names_completion": "Takmarkanir gilda: aðeins latneskar tölustafir og undirstrik. Virkar ekki fyrir allar heimildir, sérstaklega: Claude, MistralAI, Google.",

public/locales/it-it.json+2 -2 Viewed

     "JSON Schema": "Schema JSON",
     "Type in the desired JSON schema": "Digita lo schema JSON desiderato",
     "Grammar String": "Stringa grammaticale",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF o ENBF, dipende dal backend in uso. Se stai usando questo dovresti sapere quale.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF o EBNF, dipende dal backend in uso. Se stai usando questo dovresti sapere quale.",
     "Top P & Min P": "P massimo e P minimo",
     "Load default order": "Carica ordine predefinito",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "Solo lama.cpp. Determina l'ordine dei campionatori. Se la modalità Mirostat non è 0, l'ordine del campionatore viene ignorato.",

     "Character Names Behavior": "Comportamento dei nomi dei personaggi",
     "Helps the model to associate messages with characters.": "Aiuta il modello ad associare i messaggi ai personaggi.",
     "None": "Nessuno",
-    "character_names_none": "Fatta eccezione per i gruppi e i personaggi passati. Altrimenti, assicurati di fornire i nomi nel prompt.",
+    "character_names_default": "Fatta eccezione per i gruppi e i personaggi passati. Altrimenti, assicurati di fornire i nomi nel prompt.",
     "Don't add character names.": "Non aggiungere nomi di personaggi.",
     "Completion": "Oggetto di completamento",
     "character_names_completion": "Si applicano restrizioni: solo caratteri alfanumerici latini e trattini bassi. Non funziona con tutte le fonti, in particolare: Claude, MistralAI, Google.",

public/locales/ja-jp.json+2 -2 Viewed

     "JSON Schema": "JSONスキーマ",
     "Type in the desired JSON schema": "希望するJSONスキーマを入力します",
     "Grammar String": "文法文字列",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF または ENBF は、使用するバックエンドによって異なります。これを使用する場合は、どちらであるかを知っておく必要があります。",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF または EBNF は、使用するバックエンドによって異なります。これを使用する場合は、どちらであるかを知っておく必要があります。",
     "Top P & Min P": "トップPと最小P",
     "Load default order": "デフォルトの順序を読み込む",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp のみ。サンプラーの順序を決定します。Mirostat モードが 0 でない場合、サンプラーの順序は無視されます。",

     "Character Names Behavior": "キャラクター名の動作",
     "Helps the model to associate messages with characters.": "モデルがメッセージをキャラクターに関連付けるのに役立ちます。",
     "None": "なし",
-    "character_names_none": "グループと過去のペルソナを除きます。それ以外の場合は、プロンプトに名前を必ず入力してください。",
+    "character_names_default": "グループと過去のペルソナを除きます。それ以外の場合は、プロンプトに名前を必ず入力してください。",
     "Don't add character names.": "キャラクター名を追加しないでください。",
     "Completion": "完了オブジェクト",
     "character_names_completion": "制限事項: ラテン英数字とアンダースコアのみ。すべてのソースで機能するわけではありません。特に、Claude、MistralAI、Google では機能しません。",

public/locales/ko-kr.json+2 -2 Viewed

     "JSON Schema": "JSON 스키마",
     "Type in the desired JSON schema": "원하는 JSON 스키마를 입력하세요.",
     "Grammar String": "문법 문자열",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF 또는 ENBF는 사용 중인 백엔드에 따라 다릅니다. 이것을 사용한다면 어느 것이 무엇인지 알아야합니다.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF 또는 EBNF는 사용 중인 백엔드에 따라 다릅니다. 이것을 사용한다면 어느 것이 무엇인지 알아야합니다.",
     "Top P & Min P": "상위 P 및 최소 P",
     "Load default order": "기본 순서로 로드",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp만 가능합니다. 샘플러의 순서를 결정합니다. Mirostat 모드가 0이 아닌 경우 샘플러 순서는 무시됩니다.",

     "Character Names Behavior": "캐릭터 이름 행동",
     "Helps the model to associate messages with characters.": "모델이 메시지를 캐릭터와 연관시키는 데 도움이 됩니다.",
     "None": "없음",
-    "character_names_none": "그룹 및 과거 페르소나는 제외됩니다. 그렇지 않으면 프롬프트에 이름을 제공해야 합니다.",
+    "character_names_default": "그룹 및 과거 페르소나는 제외됩니다. 그렇지 않으면 프롬프트에 이름을 제공해야 합니다.",
     "Don't add character names.": "캐릭터 이름을 추가하지 마세요.",
     "Completion": "완료 객체",
     "character_names_completion": "제한 사항이 적용됩니다. 라틴 영숫자 및 밑줄만 사용할 수 있습니다. 모든 소스, 특히 Claude, MistralAI, Google에서 작동하지 않습니다.",

public/locales/nl-nl.json+2 -2 Viewed

     "JSON Schema": "JSON-schema",
     "Type in the desired JSON schema": "Typ het gewenste JSON-schema",
     "Grammar String": "Grammaticareeks",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF of ENBF, hangt af van de gebruikte backend. Als u dit gebruikt, moet u weten welke.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF of EBNF, hangt af van de gebruikte backend. Als u dit gebruikt, moet u weten welke.",
     "Top P & Min P": "Top P & Min P",
     "Load default order": "Standaardvolgorde laden",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "alleen lama.cpp. Bepaalt de volgorde van de samplers. Als de Mirostat-modus niet 0 is, wordt de samplervolgorde genegeerd.",

     "Character Names Behavior": "Karakternamen Gedrag",
     "Helps the model to associate messages with characters.": "Helpt het model berichten aan karakters te koppelen.",
     "None": "Geen",
-    "character_names_none": "Behalve voor groepen en vroegere persona's. Zorg er anders voor dat u namen opgeeft in de prompt.",
+    "character_names_default": "Behalve voor groepen en vroegere persona's. Zorg er anders voor dat u namen opgeeft in de prompt.",
     "Don't add character names.": "Voeg geen namen van personages toe.",
     "Completion": "Voltooiingsobject",
     "character_names_completion": "Er zijn beperkingen van toepassing: alleen Latijnse alfanumerieke tekens en onderstrepingstekens. Werkt niet voor alle bronnen, met name: Claude, MistralAI, Google.",

public/locales/pt-pt.json+2 -2 Viewed

     "JSON Schema": "Esquema JSON",
     "Type in the desired JSON schema": "Digite o esquema JSON desejado",
     "Grammar String": "Cadeia de Gramática",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF ou ENBF, depende do backend em uso. Se você estiver usando isso, você deve saber qual.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF ou EBNF, depende do backend em uso. Se você estiver usando isso, você deve saber qual.",
     "Top P & Min P": "P superior e P mínimo",
     "Load default order": "Carregar ordem padrão",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "apenas lhama.cpp. Determina a ordem dos amostradores. Se o modo Mirostat não for 0, a ordem do amostrador será ignorada.",

     "Character Names Behavior": "Comportamento dos nomes dos personagens",
     "Helps the model to associate messages with characters.": "Ajuda o modelo a associar mensagens a personagens.",
     "None": "Nenhum",
-    "character_names_none": "Exceto para grupos e personas passadas. Caso contrário, certifique-se de fornecer nomes no prompt.",
+    "character_names_default": "Exceto para grupos e personas passadas. Caso contrário, certifique-se de fornecer nomes no prompt.",
     "Don't add character names.": "Não adicione nomes de personagens.",
     "Completion": "Objeto de conclusão",
     "character_names_completion": "Aplicam-se restrições: apenas alfanuméricos latinos e sublinhados. Não funciona para todas as fontes, nomeadamente: Claude, MistralAI, Google.",

public/locales/ru-ru.json+3 -3 Viewed

     "char_import_6": "Прямая ссылка на PNG-файл (чтобы узнать список разрешённых хостов, загляните в",
     "char_import_7": ")",
     "Grammar String": "Грамматика",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF или ENBF, зависит от бэкенда. Если вы это используете, то, скорее всего, сами знаете, какой именно.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF или EBNF, зависит от бэкенда. Если вы это используете, то, скорее всего, сами знаете, какой именно.",
     "Account": "Аккаунт",
     "Hi,": "Привет,",
     "To enable multi-account features, restart the SillyTavern server with": "Чтобы активировать систему аккаунтов, перезапустите SillyTavern, выставив",

     "Top P & Min P": "Top P & Min P",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.",
     "Helps the model to associate messages with characters.": "Помогает модели связывать сообщения с персонажами.",
-    "character_names_none": "Except for groups and past personas. Otherwise, make sure you provide names in the prompt.",
+    "character_names_default": "Except for groups and past personas. Otherwise, make sure you provide names in the prompt.",
     "Completion": "Completion Object",
     "character_names_completion": "Только латинские буквы, цифры и знак подчёркивания. Работает не для всех бэкендов, в частности для Claude, MistralAI, Google.",
     "Use AI21 Tokenizer": "Использовать токенайзер AI21",

     "ext_regex_sts_desc": "Сообщения, отправленные с помощью команд STscript",
     "ext_regex_wi_desc": "Содержимое лорбуков и миров. Для работы требует включения флажка \"Только промпт\"!",
     "ext_regex_only_format_display_desc": "История чата не изменится, замена будет осуществляться только в отображаемом сообщении (в UI)"
-}
 \ No newline at end of file
+}

public/locales/uk-ua.json+2 -2 Viewed

     "JSON Schema": "Схема JSON",
     "Type in the desired JSON schema": "Введіть потрібну схему JSON",
     "Grammar String": "Граматичний рядок",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF або ENBF, залежить від серверної частини, яка використовується. Якщо ви використовуєте це, ви повинні знати, який.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF або EBNF, залежить від серверної частини, яка використовується. Якщо ви використовуєте це, ви повинні знати, який.",
     "Top P & Min P": "Верхній P & Min P",
     "Load default order": "Завантажити типовий порядок",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "лише llama.cpp. Визначає порядок пробовідбірників. Якщо режим Mirostat не 0, порядок вибірки ігнорується.",

     "Character Names Behavior": "Поведінка імен персонажів",
     "Helps the model to associate messages with characters.": "Допомагає моделі пов’язувати повідомлення з символами.",
     "None": "Немає",
-    "character_names_none": "За винятком груп і минулих персонажів. В іншому випадку переконайтеся, що ви вказали імена в підказці.",
+    "character_names_default": "За винятком груп і минулих персонажів. В іншому випадку переконайтеся, що ви вказали імена в підказці.",
     "Don't add character names.": "Не додавайте імена персонажів.",
     "Completion": "Об'єкт завершення",
     "character_names_completion": "Застосовуються обмеження: лише латинські букви та цифри підкреслення. Працює не для всіх джерел, зокрема: Claude, MistralAI, Google.",

public/locales/vi-vn.json+2 -2 Viewed

     "JSON Schema": "Lược đồ JSON",
     "Type in the desired JSON schema": "Nhập lược đồ JSON mong muốn",
     "Grammar String": "Chuỗi ngữ pháp",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF hoặc ENBF, tùy thuộc vào backend đang sử dụng. Nếu bạn đang sử dụng cái này, bạn nên biết cái nào.",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF hoặc EBNF, tùy thuộc vào backend đang sử dụng. Nếu bạn đang sử dụng cái này, bạn nên biết cái nào.",
     "Top P & Min P": "P & P tối thiểu hàng đầu",
     "Load default order": "Tải thứ tự mặc định",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "chỉ llama.cpp. Xác định thứ tự lấy mẫu. Nếu chế độ Mirostat khác 0, thứ tự lấy mẫu sẽ bị bỏ qua.",

     "Character Names Behavior": "Tên nhân vật Hành vi",
     "Helps the model to associate messages with characters.": "Giúp mô hình liên kết tin nhắn với các ký tự.",
     "None": "Không",
-    "character_names_none": "Ngoại trừ các nhóm và cá tính trong quá khứ. Nếu không, hãy đảm bảo bạn cung cấp tên trong lời nhắc.",
+    "character_names_default": "Ngoại trừ các nhóm và cá tính trong quá khứ. Nếu không, hãy đảm bảo bạn cung cấp tên trong lời nhắc.",
     "Don't add character names.": "Không thêm tên nhân vật.",
     "Completion": "Đối tượng hoàn thành",
     "character_names_completion": "Áp dụng hạn chế: chỉ chữ và số Latinh và dấu gạch dưới. Không hoạt động với tất cả các nguồn, đặc biệt là: Claude, MistralAI, Google.",

public/locales/zh-cn.json+89 -28 Viewed

     "Top A": "Top A",
     "Quick Prompts Edit": "快速提示词编辑",
     "Main": "主要",
-    "NSFW": "NSFW",
+    "Auxiliary": "辅助的",
-    "Jailbreak": "越狱",
+    "Post-History Instructions": "后续历史指令",
     "Utility Prompts": "实用提示词",
     "Impersonation prompt": "AI帮答提示词",
     "Restore default prompt": "恢复默认提示词",

     "JSON Schema": "JSON 结构",
     "Type in the desired JSON schema": "输入所需的 JSON 结构",
     "Grammar String": "语法字符串",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF 或 ENBF，取决于使用的后端。如果您使用这个，您应该知道该用哪一个。",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF 或 EBNF，取决于使用的后端。如果您使用这个，您应该知道该用哪一个。",
     "Top P & Min P": "Top P 和 Min P",
     "Load default order": "加载默认顺序",
+    "Sampler Order": "取样器顺序",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "仅限 llama.cpp。确定采样器的顺序。如果 Mirostat 模式不为 0，则忽略采样器顺序。",
     "Sampler Priority": "采样器优先级",
     "Ooba only. Determines the order of samplers.": "确定采样器的顺序（仅适用于Ooba）",
     "Character Names Behavior": "角色名称行为",
     "Helps the model to associate messages with characters.": "有助于模型将消息与角色关联起来。",
     "None": "无",
-    "tag_import_none": "无",
+    "character_names_none": "不添加角色名称前缀。在群聊中可能导致错误行为，谨慎勾选。",
-    "character_names_none": "群聊和过去的角色除外。否则，请确保在提示词中提供了姓名。",
+    "Never add character names.": "不添加角色名称。",
-    "Don't add character names.": "不添加角色名称。",
+    "character_names_default": "群聊和过去的角色除外。否则，请确保在提示词中提供了姓名。",
-    "Completion": "补全对象",
+    "Don't add character names unless necessary.": "如非必要，否则不添加角色名称。",
+    "Completion Object": "补全对象",
     "character_names_completion": "适用限制：仅限拉丁字母数字和下划线。不适用于所有补全源，尤其是：Claude、MistralAI、Google。",
     "Add character names to completion objects.": "在补全对象中添加角色名称。",
     "Message Content": "消息内容",

     "View Remaining Credits": "查看剩余额度",
     "OpenRouter Model": "OpenRouter 模型",
     "Model Providers": "模型提供者",
+    "Allow fallback providers": "允许后备提供者",
     "InfermaticAI API Key": "InfermaticAI API 密钥",
     "InfermaticAI Model": "InfermaticAI 模型",
     "DreamGen API key": "DreamGen API 密钥",

     "Ollama Model": "Ollama 模型",
     "Download": "下载",
     "Tabby API key": "Tabby API 密钥",
+    "Tabby Model": "Tabby 模型",
     "koboldcpp API key (optional)": "koboldcpp API 密钥（可选）",
     "Example: 127.0.0.1:5001": "示例：127.0.0.1:5001",
     "Authorize": "授权",

     "This will show up as your saved preset.": "这将显示为您保存的预设。",
     "Proxy Server URL": "代理服务器 URL",
     "Alternative server URL (leave empty to use the default value).": "备用服务器 URL（留空以使用默认值）。",
-    "Remove your real OAI API Key from the API panel BEFORE typing anything into this box": "在键入任何内容之前，从 API 面板中删除您的真实 OAI API 密钥",
-    "We cannot provide support for problems encountered while using an unofficial OpenAI proxy": "我们无法为使用非官方 OpenAI 代理时遇到的问题提供支持",
     "Doesn't work? Try adding": "不起作用？尝试在最后添加",
     "at the end!": "！",
     "Proxy Password": "代理密码",
     "Will be used as a password for the proxy instead of API key.": "将用作代理的密码，而不是 API 密钥。",
     "Peek a password": "查看密码",
+    "Using a proxy that you're not running yourself is a risk to your data privacy.": "使用您自己未运行的代理会对您的数据隐私造成风险。",
+    "ANY support requests will be REFUSED if you are using a proxy.": "如果您使用代理，任何支持请求都将被拒绝。",
+    "Do not proceed if you do not agree to this!": "如果您不同意，请不要继续！",
     "OpenAI API key": "OpenAI API 密钥",
     "View API Usage Metrics": "查看API使用情况",
     "Follow": "跟随",

     "Slack and Poe cookies will not work here, do not bother trying.": "Slack和Poe的cookie在这里不起作用，请不要尝试。",
     "Claude Model": "Claude 模型",
     "Window AI Model": "Window AI 模型",
+    "Allow fallback routes Description": "如果所选模型无法响应您的请求，则自动选择备用模型。",
+    "Allow fallback models": "允许后备模型",
     "Model Order": "OpenRouter 模型顺序",
     "Alphabetically": "按字母顺序",
     "Price": "价格（最便宜）",
     "Context Size": "上下文大小",
     "Group by vendors": "按供应商分组",
     "Group by vendors Description": "将 OpenAI 模型放在一组，将 Anthropic 模型放在另一组，等等。可以与排序结合。",
-    "Allow fallback routes": "允许后备方案",
-    "Allow fallback routes Description": "如果所选模型无法响应您的请求，则自动选择备用模型。",
     "openrouter_force_instruct": "此选项已过时，将来会被删除。要使用指令格式，请改用文本完成 API 下的 OpenRouter。",
     "LEGACY": "旧版",
     "Force Instruct Mode formatting": "强制指令模式格式化",

     "Example Separator": "示例分隔符",
     "Chat Start": "聊天开始",
     "Add Chat Start and Example Separator to a list of stopping strings.": "将聊天开始和示例分隔符添加到停止字符串列表中。",
-    "Use as Stop Strings": "用作停止字符串",
+    "Separators as Stop Strings": "分隔符作为终止字符串",
-    "context_allow_jailbreak": "如果在角色卡中定义并且启用了“首选角色越狱”，则在提示词末尾包含越狱。\n不建议在文本完成模型中使用此功能，否则会导致输出错误。",
+    "Add Character and User names to a list of stopping strings.": "将角色和用户名添加到停止字符串列表中。",
-    "Allow Jailbreak": "允许越狱",
+    "Names as Stop Strings": "名称作为终止字符串",
+    "context_allow_post_history_instructions": "如果在角色卡中定义并且启用了“首选角色卡说明”，则在提示末尾包含后历史说明。\n不建议在文本补全模型中使用此功能，否则会导致输出错误。",
+    "Allow Post-History Instructions": "允许后历史说明",
     "Context Order": "上下文顺序",
     "Summary": "总结",
     "Author's Note": "作者注释",

     "First Assistant Prefix": "第一个助理前缀",
     "instruct_last_output_sequence": "插入到最后一条助手消息之前或作为生成 AI 回复时的最后一行提示词（中立/系统角色除外）。",
     "Last Assistant Prefix": "最后一个助理前缀",
+    "Inserted before the first User's message.": "插入在第一个用户的消息之前。",
+    "First User Prefix": "第一个用户前缀",
+    "instruct_last_input_sequence": "插入到最后一条用户消息之前。",
+    "Last User Prefix": "上次用户前缀",
     "Will be inserted as a last prompt line when using system/neutral generation.": "当使用系统/中性生成时将作为最后的一行提示词插入。",
     "System Instruction Prefix": "系统指令前缀",
     "If a stop sequence is generated, everything past it will be removed from the output (inclusive).": "如果生成了停止序列，则该序列之后的所有内容都将从输出中删除（包括在内）。",

     "Sorted Evenly": "均匀排序",
     "Character Lore First": "角色世界书优先",
     "Global Lore First": "全局世界书优先",
+    "Include names with each message into the context for scanning": "将每条消息的名称纳入上下文中以供扫描",
     "Entries can activate other entries by mentioning their keywords": "条目可以通过提及它们的关键字来激活其他条目",
     "Recursive Scan": "递归扫描",
     "Lookup for the entry keys in the context will respect the case": "在上下文中查找条目键将保持大小写敏感",

     "Close all Entries": "关闭所有条目",
     "New Entry": "新条目",
     "Fill empty Memo/Titles with Keywords": "使用关键字填充空的备忘录/标题",
+    "Apply current sorting as Order": "应用当前排序作为顺序",
     "Import World Info": "导入世界书",
     "Export World Info": "导出世界书",
     "Duplicate World Info": "复制世界书",

     "Defines on importing cards which action should be chosen for importing its listed tags. 'Ask' will always display the dialog.": "定义在导入卡片时应选择哪种操作来导入其列出的标签。“询问”将始终显示对话框。",
     "Import Card Tags": "导入卡片标签",
     "Ask": "询问",
+    "tag_import_none": "无",
     "tag_import_all": "全部",
     "Existing": "现存的",
     "Use fuzzy matching, and search characters in the list by all data fields, not just by a name substring": "使用模糊匹配，在列表中通过所有数据字段搜索角色，而不仅仅是名称子字符串",
     "Advanced Character Search": "高级角色搜索",
     "If checked and the character card contains a prompt override (System Prompt), use that instead": "如果角色卡包含提示词，则使用它替代系统提示词",
     "Prefer Character Card Prompt": "角色卡提示词优先",
-    "If checked and the character card contains a jailbreak override (Post History Instruction), use that instead": "如果角色卡包含越狱（后置历史记录指令），则使用它替代系统越狱",
+    "If checked and the character card contains a Post-History Instructions override, use that instead": "如果选中并且角色卡包含后历史指令覆盖，则使用它。",
-    "Prefer Character Card Jailbreak": "角色卡越狱优先",
+    "Prefer Character Card Instructions": "首选角色卡说明",
     "Avoid cropping and resizing imported character images. When off, crop/resize to 512x768": "避免裁剪和调整导入的角色图像的大小。关闭时，裁剪/调整大小为 512x768。",
     "Never resize avatars": "永不调整头像大小",
     "Show actual file names on the disk, in the characters list display only": "在角色列表显示中，显示磁盘上实际的文件名。",

     "Restore User Input": "恢复用户输入",
     "Allow repositioning certain UI elements by dragging them. PC only, no effect on mobile": "允许通过拖动重新定位某些UI元素。仅适用于PC，对移动设备无影响",
     "Movable UI Panels": "可移动 UI 面板",
+    "Reset MovingUI panel sizes/locations.": "重置 MovingUI 面板大小/位置。",
     "MovingUI preset. Predefined/saved draggable positions": "可移动UI预设。预定义/保存的可拖动位置",
     "MUI Preset": "可移动 UI 预设",
     "Save movingUI changes to a new file": "将可移动UI更改保存到新文件中",
-    "Reset MovingUI panel sizes/locations.": "重置 MovingUI 面板大小/位置。",
     "Apply a custom CSS style to all of the ST GUI": "将自定义CSS样式应用于所有ST GUI",
     "Custom CSS": "自定义 CSS",
     "Expand the editor": "展开编辑器",

     "Press Send to continue": "按发送键以继续",
     "Show a button in the input area to ask the AI to continue (extend) its last message": "在输入区域中显示一个按钮，要求AI继续（延长）其上一条消息",
     "Quick 'Continue' button": "快速“继续”按钮",
+    "Show a button in the input area to ask the AI to impersonate your character for a single message": "在输入区域中显示一个按钮，让 AI 模仿你的角色发送一条消息。",
+    "Quick 'Impersonate' button": "快速“模仿”按钮",
     "Show arrow buttons on the last in-chat message to generate alternative AI responses. Both PC and mobile": "在聊天窗口的最后一条信息上显示箭头按钮，以生成AI的其他回复选项。适用于电脑和手机端。",
     "Swipes": "刷新回复按钮",
     "Allow using swiping gestures on the last in-chat message to trigger swipe generation. Mobile only, no effect on PC": "允许在最后一条聊天消息上使用滑动手势触发滑动生成。仅适用于移动设备，对PC无影响",

     "Log prompts to console": "将提示词记录到控制台",
     "Requests logprobs from the API for the Token Probabilities feature": "从API请求对数概率数据，用于实现词符概率功能。",
     "Request token probabilities": "请求词符概率",
+    "In group chat, highlight the character(s) that are currently queued to generate responses and the order in which they will respond.": "在群聊中，突出显示当前排队等待生成响应的角色以及他们响应的顺序。",
+    "Show group chat queue": "显示群聊队列",
     "Automatically reject and re-generate AI message based on configurable criteria": "根据可配置的条件自动拒绝并重新生成AI消息",
     "Auto-swipe": "自动滑动",
     "Enable the auto-swipe function. Settings in this section only have an effect when auto-swipe is enabled": "启用自动滑动功能。仅当启用自动滑动时，本节中的设置才会生效",

     "Autocomplete Style": "风格",
     "Follow Theme": "关注主题",
     "Dark": "黑暗的",
+    "Keyboard": "键盘：",
+    "Select with Tab or Enter": "使用 Tab 或 Enter 选择",
+    "Select with Tab": "使用 Tab 选择",
+    "Select with Enter": "按 Enter 键选择",
     "Sets the font size of the autocomplete.": "设置自动完成的字体大小。",
     "Sets the width of the autocomplete.": "设置自动完成的宽度。",
     "Autocomplete Width": "宽度",

     "Parser Flags": "解析器标志",
     "Switch to stricter escaping, allowing all delimiting characters to be escaped with a backslash, and backslashes to be escaped as well.": "切换到更严格的转义，允许所有分隔字符用反斜杠转义，并且反斜杠也可以转义。",
     "STRICT_ESCAPING": "严格转义",
-    "Replace all {{getvar::}} and {{getglobalvar::}} macros with scoped variables to avoid double macro substitution.": "用范围变量替换所有 {{getvar::}} 和 {{getglobalvar::}} 宏，以避免双重宏替换。",
+    "stscript_parser_flag_replace_getvar_label": "防止 {{getvar::}} {{getglobalvar::}} 宏具有自动评估的文字宏类值。\n例如，“{{newline}}”保留为文字字符串“{{newline}}”\n\n（这是通过在内部用范围变量替换 {{getvar::}} {{getglobalvar::}} 宏来实现的。）",
     "REPLACE_GETVAR": "替换GETVAR",
     "Change Background Image": "更改背景图片",
     "Filter": "搜索",

     "Insert {{original}} into either box to include the respective default prompt from system settings.": "将{{original}}插入到任一框中，以包含系统设置中的相应默认提示词。",
     "Main Prompt": "主要提示词",
     "Any contents here will replace the default Main Prompt used for this character. (v2 spec: system_prompt)": "此处的任何内容都将替换用于此角色的默认主提示词。（v2规范：system_prompt）",
-    "Any contents here will replace the default Jailbreak Prompt used for this character. (v2 spec: post_history_instructions)": "此处的任何内容都将替换用于此角色的默认越狱提示词。（v2规范：post_history_instructions）",
+    "Any contents here will replace the default Post-History Instructions used for this character. (v2 spec: post_history_instructions)": "此处的任何内容都将替换此角色使用的默认后历史说明。\n（v2 规范：post_history_instructions）",
     "Creator's Metadata (Not sent with the AI prompt)": "创作者的元数据（不与AI提示词一起发送）",
     "Creator's Metadata": "创作者的元数据",
     "(Not sent with the AI Prompt)": "（不随 AI 提示词发送）",

     "Lock": "加锁",
     "Unlock": "解锁",
     "Delete background": "删除背景",
-    "Chat Scenario Override": "聊天场景覆盖",
-    "Remove": "移除",
-    "Type here...": "在此处输入...",
     "Chat Lorebook": "聊天知识书",
     "Chat Lorebook for": "聊天知识书",
     "chat_world_template_txt": "选定的世界信息将绑定到此聊天。生成 AI 回复时，\n它将与全球和角色传说书中的条目相结合。",

     "Use Probability": "使用概率",
     "Add Memo": "添加备忘录",
     "Text or token ids": "文本或 [token ID]",
+    "Type here...": "在此处输入...",
     "close": "关闭",
     "prompt_manager_edit": "编辑",
     "prompt_manager_name": "姓名",

     "To whom this message will be attributed.": "此消息应归于谁。",
     "AI Assistant": "AI助手",
     "prompt_manager_position": "位置",
-    "Injection position. Next to other prompts (relative) or in-chat (absolute).": "注入位置。其他提示词旁边（相对）或在聊天中（绝对）。",
+    "Injection position. Relative (to other prompts in prompt manager) or In-chat @ Depth.": "注入位置。相对（相对于提示管理器中的其他提示）或在聊天中@深度。",
     "prompt_manager_relative": "相对",
+    "prompt_manager_in_chat": "聊天中",
     "prompt_manager_depth": "深度",
     "Injection depth. 0 = after the last message, 1 = before the last message, etc.": "注入深度。0 = 在最后一条消息之后，1 = 在最后一条消息之前，等等。",
     "Prompt": "提示词",

     "Pause script execution": "暂停执行脚本",
     "Abort script execution": "中止执行脚本",
     "Abort request": "中止请求",
+    "Ask AI to write your message for you": "让AI为您撰写消息",
     "Continue the last message": "继续上一条消息",
     "Send a message": "发送消息",
     "Close chat": "关闭聊天",

     "Manage chat files": "管理聊天文件",
     "Delete messages": "删除消息",
     "Regenerate": "重新生成",
-    "Ask AI to write your message for you": "请求AI为您撰写消息",
     "Impersonate": "AI 帮答",
     "Continue": "继续",
     "Bind user name to that avatar": "将用户名称绑定到该头像",
     "Change persona image": "更改用户角色头像",
     "Select this as default persona for the new chats.": "选择此项作为新聊天的默认用户角色。",
+    "Duplicate persona": "复制用户角色",
     "Delete persona": "删除用户角色",
     "These characters are the winners of character design contests and have outstandable quality.": "这些角色都是角色设计大赛的获奖者，品质非常出色。",
     "Contest Winners": "比赛获胜者",
     "These characters are the finalists of character design contests and have remarkable quality.": "这些角色都是角色设计大赛的入围作品，品质十分出色。",
     "Featured Characters": "特色角色",
     "Download Extensions & Assets": "下载扩展和资源菜单",
+    "Load a custom asset list or select": "加载自定义资产列表或选择",
+    "to install 3rd party extensions.": "安装第三方扩展。",
     "Assets URL": "资产网址",
+    "load_asset_list_desc": "根据资产列表文件加载扩展和资产列表。\n\n此字段中的默认资产 URL 指向官方第一方扩展和资产列表。\n如果您有自定义资产列表，可以在此处插入。\n\n要安装单个第三方扩展，请使用右上角的“安装扩展”按钮。",
+    "Load an asset list": "加载资产列表",
+    "Load Asset List": "加载资产列表",
     "Characters": "人物",
     "Attach a File": "附加文件",
     "Enter a URL or the ID of a Fandom wiki page to scrape:": "输入要抓取的 Fandom wiki 页面的 URL 或 ID：",

     "Put images with expressions there. File names should follow the pattern:": "将带有表情的图像放在那里。文件名应遵循以下模式：",
     "expression_label_pattern": "[表达式标签].[图像格式]",
     "Sprite set:": "表情集：",
+    "Show Gallery": "展示图库",
     "ext_sum_title": "总结",
     "ext_sum_with": "总结如下：",
     "ext_sum_main_api": "主要 API",

     "ext_sum_injection_template": "插入模板",
     "ext_sum_memory_template_placeholder": "{{summary}} 将解析当前摘要内容。",
     "ext_sum_injection_position": "插入位置",
+    "ext_sum_include_wi_scan_desc": "在 WI 扫描中包括最新摘要。",
+    "ext_sum_include_wi_scan": "纳入世界信息扫描",
+    "None (not injected)": "无（未注入）",
+    "ext_sum_injection_position_none": "摘要不会被注入到提示中。您仍然可以通过 {{summary}} 宏访问它。",
     "How many messages before the current end of the chat.": "当前聊天结束前还有多少条消息。",
     "Labels and Message": "标签和信息",
     "Label": "标签",
+    "(label of the button, if no icon is chosen) ": "（如果没有选择图标，则为按钮的标签）",
     "Title": "标题",
     "(tooltip, leave empty to show message or /command)": "（工具提示，留空以显示消息或/命令）",
     "Message / Command:": "消息/命令：",

     "Inject user input automatically": "自动注入用户输入",
     "(if disabled, use ": "（如果禁用，使用",
     "macro for manual injection)": "宏用于手动注入）",
+    "Color": "颜色",
+    "Only apply color as accent": "仅应用颜色作为强调",
     "ext_regex_title": "正则",
     "ext_regex_new_global_script_desc": "新的全局正则表达式脚本",
     "ext_regex_new_global_script": "新建全局正则",

     "ext_regex_scoped_scripts_desc": "只影响当前角色，保存在角色卡片中",
     "Regex Editor": "正则表达式编辑器",
     "Test Mode": "测试模式",
-    "ext_regex_desc": "Regex 是一款使用正则表达式查找/替换字符串的工具。如果您想了解更多信息，请点击标题旁边的 ?。",
+    "ext_regex_desc": "正则是一款使用正则表达式查找/替换字符串的工具。如果您想了解更多信息，请点击标题旁边的 ?。",
     "Input": "输入",
     "ext_regex_test_input_placeholder": "在此输入...",
     "Output": "输出",

     "ext_regex_export_script": "导出脚本",
     "ext_regex_delete_script": "删除脚本",
     "Trigger Stable Diffusion": "触发Stable Diffusion",
+    "Abort current image generation task": "中止当前图像生成",
     "sd_Yourself": "你自己",
     "sd_Your_Face": "你的脸",
     "sd_Me": "我",

     "Delete workflow": "删除工作流",
     "Enhance": "提高",
     "Refine": "优化",
+    "API Key": "API 密钥",
+    "Click to set": "点击设置",
+    "You can find your API key in the Stability AI dashboard.": "您可以在 Stability AI 仪表板中找到您的 API 密钥。",
+    "Style Preset": "风格预设",
     "Sampling method": "采样方法",
     "Scheduler": "调度器",
     "Resolution": "分辨率",

     "Only used when Main API is selected.": "仅在选择主 API 时使用。",
     "Old messages are vectorized gradually as you chat. To process all previous messages, click the button below.": "随着您聊天，旧消息会逐渐矢量化。\n要处理所有以前的消息，请单击下面的按钮。",
     "View Stats": "查看统计数据",
+    "Title/Memo": "标题/备忘录",
+    "Status": "状态",
+    "Position": "位置",
+    "Trigger %": "触发率 ％",
     "Manager Users": "管理用户",
     "New User": "新用户",
     "Status:": "地位：",

     "New Tags": "新标签",
     "Folder Tags": "文件夹标签",
     "The following tags will be auto-imported based on the currently selected folders": "根据当前选定的文件夹将自动导入以下标签",
-    "Remember my choice": "记住我的选择",
-    "Remember the chosen import option If anything besides 'Cancel' is selected, this dialog will not show up anymore. To change this, go to the settings and modify \"Tag Import Option\".  If the \"Import\" option is chosen, the global setting will stay on \"Ask\".": "记住所选的导入选项\n如果选择了“取消”以外的任何选项，此对话框将不再显示。\n要更改此设置，请转到设置并修改“标签导入选项”。\n\n如果选择了“导入”选项，则全局设置将保留为“询问”。",
     "Import None": "不导入",
     "Import All": "全部导入",
     "Import Existing": "导入现有",
-    "Import tags button": "导入",
+    "Import": "导入",
     "Include Body Parameters": "包括主体参数",
     "custom_include_body_desc": "聊天完成请求主体中要包含的参数（YAML 对象）\n\n示例：\n- top_k：20\n- repetition_penalty：1.1",
     "Exclude Body Parameters": "排除主体参数",

     "char_import_8": "RisuRealm 角色（直链）",
     "Supports importing multiple characters.": "支持导入多个角色。",
     "Write each URL or ID into a new line.": "将每个 URL 或 ID 写入新行。",
+    "Show Raw Prompt": "显示原始提示",
+    "Copy Prompt": "复制提示",
+    "Show Prompt Differences": "显示提示差异",
     "System-wide Replacement Macros (in order of evaluation):": "系统范围的替换宏（按评估顺序）：",
     "help_macros_1": "仅适用于斜线命令批处理。替换为上一个命令的返回结果。",
     "help_macros_2": "仅插入一个换行符。",

     "help_macros_13": "角色对话示例",
     "help_macros_14": "未格式化的对话示例",
     "(only for Story String)": "（仅适用于故事字符串）",
+    "help_macros_summary": "“Summarize”扩展生成的最新聊天摘要（如果有）。",
     "help_macros_15": "您当前的 Persona 用户名",
     "help_macros_16": "角色的名字",
     "help_macros_17": "角色的版本号",

     "help_macros_22": "上下文中包含的第一条消息的 ID。要求在当前会话中至少运行一次生成。",
     "help_macros_23": "最后一条聊天消息中当前滑动的 ID（以 1 为基数）。如果最后一条消息是用户或提示隐藏的，则为空字符串。",
     "help_macros_24": "最后一条聊天消息中的滑动次数。如果最后一条消息是用户隐藏或提示隐藏的，则为空字符串。",
+    "help_macros_reverse": "反转宏的内容。",
     "help_macros_25": "您可以在此处留言，宏将被替换为空白内容。AI 看不到。",
     "help_macros_26": "当前时间",
     "help_macros_27": "当前日期",

     "help_macros_56": "指示系统指令前缀",
     "help_macros_57": "指示第一个用户消息填充器",
     "help_macros_58": "指示停止顺序",
+    "help_macros_first_user": "指示用户第一个输入序列",
+    "help_macros_last_user": "指示用户最后输入序列",
     "Chat variables Macros:": "聊天变量宏：",
     "Local variables = unique to the current chat": "局部变量 = 当前聊天所独有",
     "Global variables = works in any chat for any character": "全局变量 = 适用于任何角色的任何聊天",

     "prompt_manager_tokens": "词符",
     "Are you sure you want to reset your settings to factory defaults?": "您确定要将设置重置为出厂默认设置吗？",
     "Don't forget to save a snapshot of your settings before proceeding.": "在继续之前，不要忘记保存您的设置快照。",
+    "Chat Scenario Override": "聊天场景覆盖",
+    "Remove": "移除",
     "Settings Snapshots": "设置快照",
     "Record a snapshot of your current settings.": "记录当前设置的快照。",
     "Make a Snapshot": "制作快照",
     "Restore this snapshot": "恢复此快照",
+    "Download Model": "下载模型",
+    "Downloader Options": "下载器选项",
+    "Extra parameters for downloading/HuggingFace API": "下载/HuggingFace API 的额外参数。如果不确定，请将其留空。",
+    "Revision": "修订",
+    "Folder Name": "输出文件夹名称",
+    "HF Token": "HF代币",
+    "Include Patterns": "包含模式",
+    "Glob patterns of files to include in the download.": "要包含在下载中的文件的全局模式。每个模式用换行符分隔。",
+    "Exclude Patterns": "排除模式",
+    "Glob patterns of files to exclude in the download.": "下载中要排除的文件的 Glob 模式。每个模式用换行符分隔。",
     "Hi,": "嘿，",
     "To enable multi-account features, restart the SillyTavern server with": "要启用多帐户功能，请使用以下命令重新启动 SillyTavern 服务器",
     "set to true in the config.yaml file.": "在 config.yaml 文件中设置为 true。",

public/locales/zh-tw.json+2 -2 Viewed

     "JSON Schema": "JSON 結構",
     "Type in the desired JSON schema": "輸入所需的 JSON 結構",
     "Grammar String": "語法字串",
-    "GNBF or ENBF, depends on the backend in use. If you're using this you should know which.": "GNBF 或 ENBF，取決於所使用的後端。如果您使用此功能，應該知道是哪一種",
+    "GBNF or EBNF, depends on the backend in use. If you're using this you should know which.": "GBNF 或 EBNF，取決於所使用的後端。如果您使用此功能，應該知道是哪一種",
     "Top P & Min P": "Top P 和 Min P",
     "Load default order": "載入預設順序",
     "llama.cpp only. Determines the order of samplers. If Mirostat mode is not 0, sampler order is ignored.": "僅適用於 llama.cpp。決定取樣器的順序。如果 Mirostat 模式不為 0，則忽略取樣器順序。",

     "Character Names Behavior": "角色人物名稱行為",
     "Helps the model to associate messages with characters.": "幫助模型將訊息與角色人物關聯起來。",
     "None": "無",
-    "character_names_none": "除了團體和過去的玩家角色人物外。否則，請確保在提示中提供名字。",
+    "character_names_default": "除了團體和過去的玩家角色人物外。否則，請確保在提示中提供名字。",
     "Don't add character names.": "不要新增角色人物名稱",
     "Completion": "補充",
     "character_names_completion": "字元限制：僅限拉丁字母數字和底線。不適用於所有來源，特別是：Claude、MistralAI、Google。",

public/script.js+236 -222 Viewed

     ensureImageFormatSupported,
     flashHighlight,
     isTrueBoolean,
+    toggleDrawer,
 } from './scripts/utils.js';
 import { debounce_timeout } from './scripts/constants.js';

 import { getBackgrounds, initBackgrounds, loadBackgroundSettings, background_settings } from './scripts/backgrounds.js';
 import { hideLoader, showLoader } from './scripts/loader.js';
 import { BulkEditOverlay, CharacterContextMenu } from './scripts/BulkEditOverlay.js';
-import { loadFeatherlessModels, loadMancerModels, loadOllamaModels, loadTogetherAIModels, loadInfermaticAIModels, loadOpenRouterModels, loadVllmModels, loadAphroditeModels, loadDreamGenModels } from './scripts/textgen-models.js';
+import { loadFeatherlessModels, loadMancerModels, loadOllamaModels, loadTogetherAIModels, loadInfermaticAIModels, loadOpenRouterModels, loadVllmModels, loadAphroditeModels, loadDreamGenModels, initTextGenModels } from './scripts/textgen-models.js';
 import { appendFileContent, hasPendingFileAttachment, populateFileAttachment, decodeStyleTags, encodeStyleTags, isExternalMediaAllowed, getCurrentEntityId } from './scripts/chats.js';
 import { initPresetManager } from './scripts/preset-manager.js';
-import { MacrosParser, evaluateMacros } from './scripts/macros.js';
+import { MacrosParser, evaluateMacros, getLastMessageId } from './scripts/macros.js';
 import { currentUser, setUserControls } from './scripts/user.js';
 import { POPUP_RESULT, POPUP_TYPE, Popup, callGenericPopup, fixToastrForDialogs } from './scripts/popup.js';
 import { renderTemplate, renderTemplateAsync } from './scripts/templates.js';

     CHATCOMPLETION_MODEL_CHANGED: 'chatcompletion_model_changed',
     OAI_PRESET_CHANGED_BEFORE: 'oai_preset_changed_before',
     OAI_PRESET_CHANGED_AFTER: 'oai_preset_changed_after',
+    OAI_PRESET_EXPORT_READY: 'oai_preset_export_ready',
+    OAI_PRESET_IMPORT_READY: 'oai_preset_import_ready',
     WORLDINFO_SETTINGS_UPDATED: 'worldinfo_settings_updated',
     WORLDINFO_UPDATED: 'worldinfo_updated',
     CHARACTER_EDITED: 'character_edited',

     GROUP_CHAT_CREATED: 'group_chat_created',
     GENERATE_BEFORE_COMBINE_PROMPTS: 'generate_before_combine_prompts',
     GENERATE_AFTER_COMBINE_PROMPTS: 'generate_after_combine_prompts',
+    GENERATE_AFTER_DATA: 'generate_after_data',
     GROUP_MEMBER_DRAFTED: 'group_member_drafted',
     WORLD_INFO_ACTIVATED: 'world_info_activated',
     TEXT_COMPLETION_SETTINGS_READY: 'text_completion_settings_ready',

     LLM_FUNCTION_TOOL_REGISTER: 'llm_function_tool_register',
     LLM_FUNCTION_TOOL_CALL: 'llm_function_tool_call',
     ONLINE_STATUS_CHANGED: 'online_status_changed',
+    IMAGE_SWIPED: 'image_swiped',
 };
 export const eventSource = new EventEmitter();

  * @enum {number} Extension prompt types
  */
 export const extension_prompt_types = {
+    NONE: -1,
     IN_PROMPT: 0,
     IN_CHAT: 1,
     BEFORE_PROMPT: 2,

     await readSecretState();
     initLocales();
     initDefaultSlashCommands();
+    initTextGenModels();
     await getSystemMessages();
     sendSystemMessage(system_message_types.WELCOME);
     await getSettings();

     initCfg();
     initLogprobs();
     doDailyExtensionUpdatesCheck();
-    hideLoader();
+    await hideLoader();
+    await fixViewport();
     await eventSource.emit(event_types.APP_READY);
+}
+async function fixViewport() {
+    document.body.style.position = 'absolute';
+    await delay(1);
+    document.body.style.position = '';
+}
 function cancelStatusCheck() {
     abortStatusCheck?.abort();
     abortStatusCheck = new AbortController();

+}
 export function showMoreMessages() {
-    let messageId = Number($('#chat').children('.mes').first().attr('mesid'));
+    const firstDisplayedMesId = $('#chat').children('.mes').first().attr('mesid');
+    let messageId = Number(firstDisplayedMesId);
     let count = power_user.chat_truncation || Number.MAX_SAFE_INTEGER;
+    // If there are no messages displayed, or the message somehow has no mesid, we default to one higher than last message id,
+    // so the first "new" message being shown will be the last available message
+    if (isNaN(messageId)) {
+        messageId = getLastMessageId() + 1;
+    }
     console.debug('Inserting messages before', messageId, 'count', count, 'chat length', chat.length);
     const prevHeight = $('#chat').prop('scrollHeight');
     while (messageId > 0 && count > 0) {
+        let newMessageId = messageId - 1;
+        addOneMessage(chat[newMessageId], { insertBefore: messageId >= chat.length ? null : messageId, scroll: false, forceId: newMessageId });
         count--;
         messageId--;
-        addOneMessage(chat[messageId], { insertBefore: messageId + 1, scroll: false, forceId: messageId });
+    }
     if (messageId == 0) {

 export function appendMediaToMessage(mes, messageElement, adjustScroll = true) {
     // Add image to message
     if (mes.extra?.image) {
+        const container = messageElement.find('.mes_img_container');
         const chatHeight = $('#chat').prop('scrollHeight');
         const image = messageElement.find('.mes_img');
         const text = messageElement.find('.mes_text');

         });
         image.attr('src', mes.extra?.image);
         image.attr('title', mes.extra?.title || mes.title || '');
-        messageElement.find('.mes_img_container').addClass('img_extra');
+        container.addClass('img_extra');
         image.toggleClass('img_inline', isInline);
         text.toggleClass('displayNone', !isInline);
+        const imageSwipes = mes.extra.image_swipes;
+        if (Array.isArray(imageSwipes) && imageSwipes.length > 0) {
+            container.addClass('img_swipes');
+            const counter = container.find('.mes_img_swipe_counter');
+            const currentImage = imageSwipes.indexOf(mes.extra.image) + 1;
+            counter.text(`${currentImage}/${imageSwipes.length}`);
+            const swipeLeft = container.find('.mes_img_swipe_left');
+            swipeLeft.off('click').on('click', function () {
+                eventSource.emit(event_types.IMAGE_SWIPED, { message: mes, element: messageElement, direction: 'left' });
+            });
+            const swipeRight = container.find('.mes_img_swipe_right');
+            swipeRight.off('click').on('click', function () {
+                eventSource.emit(event_types.IMAGE_SWIPED, { message: mes, element: messageElement, direction: 'right' });
+            });
+        }
+    }
     // Add file to message

  * @returns {string[]} Array of stopping strings
  */
 export function getStoppingStrings(isImpersonate, isContinue) {
-    const charString = `\n${name2}:`;
+    const result = [];
-    const userString = `\n${name1}:`;
-    const result = isImpersonate ? [charString] : [userString];
-    result.push(userString);
+    if (power_user.context.names_as_stop_strings) {
+        const charString = `\n${name2}:`;
+        const userString = `\n${name1}:`;
+        result.push(isImpersonate ? charString : userString);
-    if (isContinue && Array.isArray(chat) && chat[chat.length - 1]?.is_user) {
+        result.push(userString);
-        result.push(charString);
-    }
-    // Add other group members as the stopping strings
+        if (isContinue && Array.isArray(chat) && chat[chat.length - 1]?.is_user) {
-    if (selected_group) {
+            result.push(charString);
-        const group = groups.find(x => x.id === selected_group);
+        }
+        // Add group members as stopping strings if generating for a specific group member or user. (Allow slash commands to work around name stopping string restrictions)
+        if (selected_group && (name2 || isImpersonate)) {
+            const group = groups.find(x => x.id === selected_group);
-        if (group && Array.isArray(group.members)) {
+            if (group && Array.isArray(group.members)) {
-            const names = group.members
+                const names = group.members
-                .map(x => characters.find(y => y.avatar == x))
+                    .map(x => characters.find(y => y.avatar == x))
-                .filter(x => x && x.name && x.name !== name2)
+                    .filter(x => x && x.name && x.name !== name2)
-                .map(x => `\n${x.name}:`);
+                    .map(x => `\n${x.name}:`);
-            result.push(...names);
+                result.push(...names);
+            }
+        }
+    }

         this.messageDom = null;
         this.messageTextDom = null;
         this.messageTimerDom = null;
+        this.messageTokenCounterDom = null;
+        /** @type {HTMLTextAreaElement} */
         this.sendTextarea = document.querySelector('#send_textarea');
         this.type = type;
         this.force_name2 = force_name2;

         this.messageLogprobs = [];
+    }
+    #checkDomElements(messageId) {
+        if (this.messageDom === null || this.messageTextDom === null) {
+            this.messageDom = document.querySelector(`#chat .mes[mesid="${messageId}"]`);
+            this.messageTextDom = this.messageDom?.querySelector('.mes_text');
+            this.messageTimerDom = this.messageDom?.querySelector('.mes_timer');
+            this.messageTokenCounterDom = this.messageDom?.querySelector('.tokenCounterDisplay');
+        }
+    }
     showMessageButtons(messageId) {
         if (messageId == -1) {
             return;

         else {
             await saveReply(this.type, text, true);
             messageId = chat.length - 1;
-            this.messageDom = document.querySelector(`#chat .mes[mesid="${messageId}"]`);
+            this.#checkDomElements(messageId);
-            this.messageTextDom = this.messageDom.querySelector('.mes_text');
-            this.messageTimerDom = this.messageDom.querySelector('.mes_timer');
             this.showMessageButtons(messageId);
+        }

             this.sendTextarea.dispatchEvent(new Event('input', { bubbles: true }));
+        }
         else {
-            let currentTime = new Date();
+            this.#checkDomElements(messageId);
+            const currentTime = new Date();
             // Don't waste time calculating token count for streaming
-            let currentTokenCount = isFinal && power_user.message_token_count_enabled ? getTokenCount(processedText, 0) : 0;
+            const currentTokenCount = isFinal && power_user.message_token_count_enabled ? getTokenCount(processedText, 0) : 0;
             const timePassed = formatGenerationTimer(this.timeStarted, currentTime, currentTokenCount);
             chat[messageId]['mes'] = processedText;
             chat[messageId]['gen_started'] = this.timeStarted;

@@ -2895,8 +2950,9 @@ class StreamingProcessor {
2895	}	2950	}
2896		2951
2897	chat[messageId]['extra']['token_count'] = currentTokenCount;	2952	chat[messageId]['extra']['token_count'] = currentTokenCount;
2898	const tokenCounter = $(`#chat .mes[mesid="${messageId}"] .tokenCounterDisplay`);	2953	if (this.messageTokenCounterDom instanceof HTMLElement) {
2899	tokenCounter.text(`${currentTokenCount}t`);	2954	this.messageTokenCounterDom.textContent = `${currentTokenCount}t`;
		2955	}
2900	}	2956	}
2901		2957
2902	if ((this.type == 'swipe' \|\| this.type === 'continue') && Array.isArray(chat[messageId]['swipes'])) {	2958	if ((this.type == 'swipe' \|\| this.type === 'continue') && Array.isArray(chat[messageId]['swipes'])) {

                 chat[messageId]['swipe_info'][chat[messageId]['swipe_id']] = { 'send_date': chat[messageId]['send_date'], 'gen_started': chat[messageId]['gen_started'], 'gen_finished': chat[messageId]['gen_finished'], 'extra': JSON.parse(JSON.stringify(chat[messageId]['extra'])) };
+            }
-            let formattedText = messageFormatting(
+            const formattedText = messageFormatting(
                 processedText,
                 chat[messageId].name,
                 chat[messageId].is_system,
                 chat[messageId].is_user,
                 messageId,
             );
-            this.messageTextDom.innerHTML = formattedText;
+            if (this.messageTextDom instanceof HTMLElement) {
-            this.messageTimerDom.textContent = timePassed.timerValue;
+                this.messageTextDom.innerHTML = formattedText;
-            this.messageTimerDom.title = timePassed.timerTitle;
+            }
+            if (this.messageTimerDom instanceof HTMLElement) {
+                this.messageTimerDom.textContent = timePassed.timerValue;
+                this.messageTimerDom.title = timePassed.timerTitle;
+            }
             this.setFirstSwipe(messageId);
+        }

+}
 /**
+ * Removes last message from the chat DOM.
+ * @returns {Promise<void>} Resolves when the message is removed.
+ */
+function removeLastMessage() {
+    return new Promise((resolve) => {
+        const lastMes = $('#chat').children('.mes').last();
+        if (lastMes.length === 0) {
+            return resolve();
+        }
+        lastMes.hide(animation_duration, function () {
+            $(this).remove();
+            resolve();
+        });
+    });
+}
+/**
  * Runs a generation using the current chat context.
  * @param {string} type Generation type
  * @param {GenerateOptions} options Generation options

@@ -3331,9 +3408,7 @@ export async function Generate(type, { automatic_trigger, force_name2, quiet_pro
3331	}	3408	}
3332	else if (type !== 'quiet' && type !== 'swipe' && !isImpersonate && !dryRun && chat.length) {	3409	else if (type !== 'quiet' && type !== 'swipe' && !isImpersonate && !dryRun && chat.length) {
3333	chat.length = chat.length - 1;	3410	chat.length = chat.length - 1;
3334	$('#chat').children().last().hide(250, function () {	3411	await removeLastMessage();
3335	$(this).remove();
3336	});
3337	await eventSource.emit(event_types.MESSAGE_DELETED, chat.length);	3412	await eventSource.emit(event_types.MESSAGE_DELETED, chat.length);
3338	}	3413	}
3339	}	3414	}

     let chat2 = [];
     let continue_mag = '';
     const userMessageIndices = [];
+    const lastUserMessageIndex = coreChat.findLastIndex(x => x.is_user);
     for (let i = coreChat.length - 1, j = 0; i >= 0; i--, j++) {
         if (main_api == 'openai') {

             chat2[i] = formatMessageHistoryItem(coreChat[j], isInstruct, force_output_sequence.FIRST);
+        }
+        if (lastUserMessageIndex >= 0 && j === lastUserMessageIndex && isInstruct) {
+            // Reformat with the last input sequence (if any)
+            chat2[i] = formatMessageHistoryItem(coreChat[j], isInstruct, force_output_sequence.LAST);
+        }
         // Do not suffix the message for continuation
         if (i === 0 && isContinue) {
             if (isInstruct) {

             mes: power_user.instruct.user_alignment_message,
             is_user: true,
         };
-        userAlignmentMessage = formatMessageHistoryItem(alignmentMessage, isInstruct, false);
+        userAlignmentMessage = formatMessageHistoryItem(alignmentMessage, isInstruct, force_output_sequence.FIRST);
+    }
     // Call combined AN into Generate

         // Get instruct mode line
         if (isInstruct && !isContinue) {
-            const name = (quiet_prompt && !quietToLoud) ? (quietName ?? 'System') : (isImpersonate ? name1 : name2);
+            const name = (quiet_prompt && !quietToLoud && !isImpersonate) ? (quietName ?? 'System') : (isImpersonate ? name1 : name2);
             const isQuiet = quiet_prompt && type == 'quiet';
             lastMesString += formatInstructModePrompt(name, isImpersonate, promptBias, name1, name2, isQuiet, quietToLoud);
+        }

@@ -4167,6 +4248,8 @@ export async function Generate(type, { automatic_trigger, force_name2, quiet_pro
4167	}	4248	}
4168	}	4249	}
4169		4250
		4251	await eventSource.emit(event_types.GENERATE_AFTER_DATA, generate_data);
		4252
4170	if (dryRun) {	4253	if (dryRun) {
4171	generatedPromptCache = '';	4254	generatedPromptCache = '';
4172	return Promise.resolve();	4255	return Promise.resolve();

@@ -4698,6 +4781,7 @@ export async function sendMessageAsUser(messageText, messageBias, insertAt = nul
4698	await eventSource.emit(event_types.MESSAGE_SENT, chat_id);	4781	await eventSource.emit(event_types.MESSAGE_SENT, chat_id);
4699	addOneMessage(message);	4782	addOneMessage(message);
4700	await eventSource.emit(event_types.USER_MESSAGE_RENDERED, chat_id);	4783	await eventSource.emit(event_types.USER_MESSAGE_RENDERED, chat_id);
		4784	await saveChatConditional();
4701	}	4785	}
4702	}	4786	}
4703		4787

  * @param {object} data Generation data
  * @returns {Promise<object>} Response data from the API
  */
-async function sendGenerationRequest(type, data) {
+export async function sendGenerationRequest(type, data) {
     if (main_api === 'openai') {
         return await sendOpenAIRequest(type, data.prompt, abortController.signal);
+    }

  * @param {object} data Generation data
  * @returns {Promise<any>} Streaming generator
  */
-async function sendStreamingRequest(type, data) {
+export async function sendStreamingRequest(type, data) {
     if (abortController?.signal?.aborted) {
         throw new Error('Generation was aborted.');
+    }

@@ -5342,9 +5426,11 @@ export function cleanUpMessage(getMessage, isImpersonate, isContinue, displayInc
5342	getMessage = fixMarkdown(getMessage, false);	5426	getMessage = fixMarkdown(getMessage, false);
5343	}	5427	}
5344		5428
5345	const nameToTrim2 = isImpersonate ? name1 : name2;	5429	const nameToTrim2 = isImpersonate
		5430	? (!power_user.allow_name1_display ? name1 : '')
		5431	: (!power_user.allow_name2_display ? name2 : '');
5346		5432
5347	if (getMessage.startsWith(nameToTrim2 + ':')) {	5433	if (nameToTrim2 && getMessage.startsWith(nameToTrim2 + ':')) {
5348	getMessage = getMessage.replace(nameToTrim2 + ':', '');	5434	getMessage = getMessage.replace(nameToTrim2 + ':', '');
5349	getMessage = getMessage.trimStart();	5435	getMessage = getMessage.trimStart();
5350	}	5436	}

     is_send_press = false;
     $('#send_but').removeClass('displayNone');
     $('#mes_continue').removeClass('displayNone');
+    $('#mes_impersonate').removeClass('displayNone');
     $('.mes_buttons:last').show();
     hideStopButton();
+}

 export function deactivateSendButtons() {
     $('#send_but').addClass('displayNone');
     $('#mes_continue').addClass('displayNone');
+    $('#mes_impersonate').addClass('displayNone');
     showStopButton();
+}

         const message = getFirstMessage();
         if (message.mes) {
             chat.push(message);
-            await saveChatConditional();
             freshChat = true;
+        }
+        // Make sure the chat appears on the server
+        await saveChatConditional();
+    }
     await loadItemizedPrompts(getCurrentChatId());
     await printMessages();

     chat_metadata = {};
     await getChat();
     $('#selected_chat_pole').val(file_name);
-    await createOrEditCharacter();
+    await createOrEditCharacter(new CustomEvent('newChat'));
+}
 ////////// OPTIMZED MAIN API CHANGE FUNCTION ////////////

         loadHordeSettings(settings);
         // Load power user settings
-        loadPowerUserSettings(settings, data);
+        await loadPowerUserSettings(settings, data);
         // Load character tags
         loadTagsSettings(settings);

             const fileName = chat['file_name'];
             const chatContent = rawChats[fileName];
+            // Make sure empty chats are displayed when there is no search query
+            if (Array.isArray(chatContent) && !chatContent.length && !searchQuery) {
+                return true;
+            }
             // // Uncomment this to return to old behavior (classical full-substring search).
             // return chatContent && Object.values(chatContent).some(message => message?.mes?.toLowerCase()?.includes(searchQuery.toLowerCase()));

         eventTypes: event_types,
         addOneMessage: addOneMessage,
         generate: Generate,
+        sendStreamingRequest: sendStreamingRequest,
+        sendGenerationRequest: sendGenerationRequest,
         stopGeneration: stopGeneration,
         getTokenCount: getTokenCount,
         extensionPrompts: extension_prompts,

 };
 const CONNECT_API_MAP = {
+    // Default APIs not contined inside text gen / chat gen
     'kobold': {
         selected: 'kobold',
         button: '#api_button',

         selected: 'novel',
         button: '#api_button_novel',
     },
-    'ooba': {
+    // KoboldCpp alias
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.OOBA,
-    },
-    'tabby': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.TABBY,
-    },
-    'llamacpp': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.LLAMACPP,
-    },
-    'ollama': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.OLLAMA,
-    },
-    'mancer': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.MANCER,
-    },
-    'vllm': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.VLLM,
-    },
-    'aphrodite': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.APHRODITE,
-    },
-    'koboldcpp': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.KOBOLDCPP,
-    },
     'kcpp': {
         selected: 'textgenerationwebui',
         button: '#api_button_textgenerationwebui',
         type: textgen_types.KOBOLDCPP,
     },
-    'togetherai': {
+    // OpenAI alias
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.TOGETHERAI,
-    },
-    'openai': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.OPENAI,
-    },
     'oai': {
         selected: 'openai',
         button: '#api_button_openai',
         source: chat_completion_sources.OPENAI,
     },
-    'claude': {
+    // OpenRouter special naming, to differentiate between chat comp and text comp
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.CLAUDE,
-    },
-    'windowai': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.WINDOWAI,
-    },
     'openrouter': {
         selected: 'openai',
         button: '#api_button_openai',
         source: chat_completion_sources.OPENROUTER,
     },
-    'scale': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.SCALE,
-    },
-    'ai21': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.AI21,
-    },
-    'makersuite': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.MAKERSUITE,
-    },
-    'mistralai': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.MISTRALAI,
-    },
-    'custom': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.CUSTOM,
-    },
-    'cohere': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.COHERE,
-    },
-    'perplexity': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.PERPLEXITY,
-    },
-    'groq': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.GROQ,
-    },
-    '01ai': {
-        selected: 'openai',
-        button: '#api_button_openai',
-        source: chat_completion_sources.ZEROONEAI,
-    },
-    'infermaticai': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.INFERMATICAI,
-    },
-    'dreamgen': {
-        selected: 'textgenerationwebui',
-        button: '#api_button_textgenerationwebui',
-        type: textgen_types.DREAMGEN,
-    },
     'openrouter-text': {
         selected: 'textgenerationwebui',
         button: '#api_button_textgenerationwebui',
         type: textgen_types.OPENROUTER,
     },
-    'huggingface': {
+};
+// Fill connections map from textgen_types and chat_completion_sources
+for (const textGenType of Object.values(textgen_types)) {
+    if (CONNECT_API_MAP[textGenType]) continue;
+    CONNECT_API_MAP[textGenType] = {
         selected: 'textgenerationwebui',
         button: '#api_button_textgenerationwebui',
-        type: textgen_types.HUGGINGFACE,
+        type: textGenType,
-    },
+    };
-};
+}
+for (const chatCompletionSource of Object.values(chat_completion_sources)) {
+    if (CONNECT_API_MAP[chatCompletionSource]) continue;
+    CONNECT_API_MAP[chatCompletionSource] = {
+        selected: 'openai',
+        button: '#api_button_openai',
+        source: chatCompletionSource,
+    };
+}
 async function selectContextCallback(_, name) {
     if (!name) {

     for (const file of files) {
         const extension = file.name.split('.').pop().toLowerCase();
-        if (allowedMimeTypes.includes(file.type) || allowedExtensions.includes(extension)) {
+        if (allowedMimeTypes.some(x => file.type.startsWith(x)) || allowedExtensions.includes(extension)) {
             const preservedName = data instanceof Map && data.get(file);
             await importCharacter(file, preservedName);
         } else {

     $('#send_textarea').on('focusin focus click', () => {
         S_TAPreviouslyFocused = true;
     });
-    $('#send_but, #option_regenerate, #option_continue, #mes_continue').on('click', () => {
+    $('#send_but, #option_regenerate, #option_continue, #mes_continue, #mes_impersonate').on('click', () => {
         if (S_TAPreviouslyFocused) {
             $('#send_textarea').focus();
+        }
     });
     $(document).click(event => {
         if ($(':focus').attr('id') !== 'send_textarea') {
-            var validIDs = ['options_button', 'send_but', 'mes_continue', 'send_textarea', 'option_regenerate', 'option_continue'];
+            var validIDs = ['options_button', 'send_but', 'mes_impersonate', 'mes_continue', 'send_textarea', 'option_regenerate', 'option_continue'];
             if (!validIDs.includes($(event.target).attr('id'))) {
                 S_TAPreviouslyFocused = false;
+            }

         debouncedCharacterSearch(searchQuery);
     });
+    $('#mes_impersonate').on('click', function () {
+        $('#option_impersonate').trigger('click');
+    });
     $('#mes_continue').on('click', function () {
         $('#option_continue').trigger('click');

         hideMenu();
     });
-    $('#newChatFromManageScreenButton').on('click', function () {
+    $('#newChatFromManageScreenButton').on('click', async function () {
-        doNewChat({ deleteCurrentChat: false });
+        await doNewChat({ deleteCurrentChat: false });
         $('#select_chat_cross').trigger('click');
     });

+            }
             // Set the height of "autoSetHeight" textareas within the drawer to their scroll height
-            $(this).closest('.drawer').find('.drawer-content textarea.autoSetHeight').each(function () {
+            $(this).closest('.drawer').find('.drawer-content textarea.autoSetHeight').each(async function () {
-                resetScrollHeight($(this));
+                await resetScrollHeight($(this));
+                return;
             });
         } else if (drawerWasOpenAlready) { //to close manually

         $(this).closest('.inline-drawer').find('.inline-drawer-content').stop().slideToggle();
         // Set the height of "autoSetHeight" textareas within the inline-drawer to their scroll height
-        $(this).closest('.inline-drawer').find('.inline-drawer-content textarea.autoSetHeight').each(function () {
+        $(this).closest('.inline-drawer').find('.inline-drawer-content textarea.autoSetHeight').each(async function () {
-            resetScrollHeight($(this));
+            await resetScrollHeight($(this));
+            return;
         });
     });

+        }
     });
-    $(document).on('click', '#OpenAllWIEntries', function () {
+    document.addEventListener('click', function (e) {
-        $('#world_popup_entries_list').children().find('.down').click();
+        if (!(e.target instanceof HTMLElement)) return;
-    });
+        if (e.target.matches('#OpenAllWIEntries')) {
-    $(document).on('click', '#CloseAllWIEntries', function () {
+            document.querySelectorAll('#world_popup_entries_list .inline-drawer').forEach((/** @type {HTMLElement} */ drawer) => {
-        $('#world_popup_entries_list').children().find('.up').click();
+                toggleDrawer(drawer, true);
+            });
+        } else if (e.target.matches('#CloseAllWIEntries')) {
+            document.querySelectorAll('#world_popup_entries_list .inline-drawer').forEach((/** @type {HTMLElement} */ drawer) => {
+                toggleDrawer(drawer, false);
+            });
+        }
     });
     $(document).on('click', '.open_alternate_greetings', openAlternateGreetings);
     /* $('#set_character_world').on('click', openCharacterWorldPopup); */

+                }
             } break;
             case 'import_tags': {
-                await importTags(characters[this_chid], { forceShow: true });
+                await importTags(characters[this_chid], { importSetting: tag_import_setting.ASK });
             } break;
             /*case 'delete_button':
                 popup_type = "del_ch";

     var isManualInput = false;
     var valueBeforeManualInput;
-    $('.range-block-counter input, .neo-range-input').on('click', function () {
+    $(document).on('input', '.range-block-counter input, .neo-range-input', function () {
         valueBeforeManualInput = $(this).val();
         console.log(valueBeforeManualInput);
-    })
+    });
-        .on('change', function (e) {
-            e.target.focus();
+    $(document).on('change', '.range-block-counter input, .neo-range-input', function (e) {
-            e.target.dispatchEvent(new Event('keyup'));
+        e.target.focus();
-        })
+        e.target.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
-        .on('keydown', function (e) {
+    });
-            const masterSelector = '#' + $(this).data('for');
-            const masterElement = $(masterSelector);
+    $(document).on('keydown', '.range-block-counter input, .neo-range-input', function (e) {
-            if (e.key === 'Enter') {
+        const masterSelector = '#' + $(this).data('for');
-                let manualInput = Number($(this).val());
+        const masterElement = $(masterSelector);
-                if (isManualInput) {
+        if (e.key === 'Enter') {
-                    //disallow manual inputs outside acceptable range
-                    if (manualInput >= Number($(this).attr('min')) && manualInput <= Number($(this).attr('max'))) {
-                        //if value is ok, assign to slider and update handle text and position
-                        //newSlider.val(manualInput)
-                        //handleSlideEvent.call(newSlider, null, { value: parseFloat(manualInput) }, 'manual');
-                        valueBeforeManualInput = manualInput;
-                        $(masterElement).val($(this).val()).trigger('input');
-                    } else {
-                        //if value not ok, warn and reset to last known valid value
-                        toastr.warning(`Invalid value. Must be between ${$(this).attr('min')} and ${$(this).attr('max')}`);
-                        console.log(valueBeforeManualInput);
-                        //newSlider.val(valueBeforeManualInput)
-                        $(this).val(valueBeforeManualInput);
-                    }
-                }
-            }
-        })
-        .on('keyup', function () {
-            valueBeforeManualInput = $(this).val();
-            console.log(valueBeforeManualInput);
-            isManualInput = true;
-        })
-        //trigger slider changes when user clicks away
-        .on('mouseup blur', function () {
-            const masterSelector = '#' + $(this).data('for');
-            const masterElement = $(masterSelector);
             let manualInput = Number($(this).val());
             if (isManualInput) {
-                //if value is between correct range for the slider
+                //disallow manual inputs outside acceptable range
                 if (manualInput >= Number($(this).attr('min')) && manualInput <= Number($(this).attr('max'))) {
+                    //if value is ok, assign to slider and update handle text and position
+                    //newSlider.val(manualInput)
+                    //handleSlideEvent.call(newSlider, null, { value: parseFloat(manualInput) }, 'manual');
                     valueBeforeManualInput = manualInput;
-                    //set the slider value to input value
+                    $(masterElement).val($(this).val()).trigger('input', { forced: true });
-                    $(masterElement).val($(this).val()).trigger('input');
                 } else {
                     //if value not ok, warn and reset to last known valid value
                     toastr.warning(`Invalid value. Must be between ${$(this).attr('min')} and ${$(this).attr('max')}`);
                     console.log(valueBeforeManualInput);
+                    //newSlider.val(valueBeforeManualInput)
                     $(this).val(valueBeforeManualInput);
+                }
+            }
-            isManualInput = false;
+        }
-        });
+    });
+    $(document).on('keyup', '.range-block-counter input, .neo-range-input', function () {
+        valueBeforeManualInput = $(this).val();
+        console.log(valueBeforeManualInput);
+        isManualInput = true;
+    });
+    //trigger slider changes when user clicks away
+    $(document).on('mouseup blur', '.range-block-counter input, .neo-range-input', function () {
+        const masterSelector = '#' + $(this).data('for');
+        const masterElement = $(masterSelector);
+        let manualInput = Number($(this).val());
+        if (isManualInput) {
+            //if value is between correct range for the slider
+            if (manualInput >= Number($(this).attr('min')) && manualInput <= Number($(this).attr('max'))) {
+                valueBeforeManualInput = manualInput;
+                //set the slider value to input value
+                $(masterElement).val($(this).val()).trigger('input', { forced: true });
+            } else {
+                //if value not ok, warn and reset to last known valid value
+                toastr.warning(`Invalid value. Must be between ${$(this).attr('min')} and ${$(this).attr('max')}`);
+                console.log(valueBeforeManualInput);
+                $(this).val(valueBeforeManualInput);
+            }
+        }
+        isManualInput = false;
+    });
     $('.user_stats_button').on('click', function () {
         userStatsHandler();

public/scripts/BulkEditOverlay.js+34 -4 Viewed

 import { favsToHotswap } from './RossAscends-mods.js';
 import { hideLoader, showLoader } from './loader.js';
 import { convertCharacterToPersona } from './personas.js';
-import { createTagInput, getTagKeyForEntity, getTagsList, printTagList, tag_map, compareTagsForSort, removeTagFromMap } from './tags.js';
+import { createTagInput, getTagKeyForEntity, getTagsList, printTagList, tag_map, compareTagsForSort, removeTagFromMap, importTags, tag_import_setting } from './tags.js';
 /**
  * Static object representing the actions of the

     #getHtml = () => {
         const characterData = JSON.stringify({ characterIds: this.characterIds });
         return `<div id="bulk_tag_shadow_popup">
-            <div id="bulk_tag_popup">
+            <div id="bulk_tag_popup" class="wider_dialogue_popup">
                 <div id="bulk_tag_popup_holder">
                     <h3 class="marginBot5">Modify tags of ${this.characterIds.length} characters</h3>
-                    <small class="bulk_tags_desc m-b-1">Add or remove the mutual tags of all selected characters.</small>
+                    <small class="bulk_tags_desc m-b-1">Add or remove the mutual tags of all selected characters. Import all or existing tags for all selected characters.</small>
                     <div id="bulk_tags_avatars_block" class="avatars_inline avatars_inline_small tags tags_inline"></div>
                     <br>
                     <div id="bulk_tags_div" class="marginBot5" data-characters='${characterData}'>

                             <i class="fa-solid fa-trash-can margin-right-10px"></i>
                             Mutual
                         </div>
+                        <div id="bulk_tag_popup_import_all_tags" class="menu_button" title="Import all tags from selected characters" data-i18n="[title]Import all tags from selected characters">
+                            Import All
+                        </div>
+                        <div id="bulk_tag_popup_import_existing_tags" class="menu_button" title="Import existing tags from selected characters" data-i18n="[title]Import existing tags from selected characters">
+                            Import Existing
+                        </div>
                         <div id="bulk_tag_popup_cancel" class="menu_button" data-i18n="Cancel">Close</div>
                     </div>
                 </div>

         document.querySelector('#bulk_tag_popup_reset').addEventListener('click', this.resetTags.bind(this));
         document.querySelector('#bulk_tag_popup_remove_mutual').addEventListener('click', this.removeMutual.bind(this));
         document.querySelector('#bulk_tag_popup_cancel').addEventListener('click', this.hide.bind(this));
+        document.querySelector('#bulk_tag_popup_import_all_tags').addEventListener('click', this.importAllTags.bind(this));
+        document.querySelector('#bulk_tag_popup_import_existing_tags').addEventListener('click', this.importExistingTags.bind(this));
+    }
+    /**
+     * Import existing tags for all selected characters
+     */
+    async importExistingTags() {
+        for (const characterId of this.characterIds) {
+            await importTags(characters[characterId], { importSetting: tag_import_setting.ONLY_EXISTING });
+        }
+        $('#bulkTagList').empty();
+    }
+    /**
+     * Import all tags for all selected characters
+     */
+    async importAllTags() {
+        for (const characterId of this.characterIds) {
+            await importTags(characters[characterId], { importSetting: tag_import_setting.ALL });
+        }
+        $('#bulkTagList').empty();
+    }
     /**

             this.container.removeEventListener('mouseup', cancelHold);
             this.container.removeEventListener('touchend', cancelHold);
         },
-        BulkEditOverlay.longPressDelay);
+            BulkEditOverlay.longPressDelay);
     };
     handleLongPressEnd = (event) => {

public/scripts/RossAscends-mods.js+12 -12 Viewed

 //Does not break old characters/chats, as the code just uses whatever timestamp exists in the chat.
 //New chats made with characters will use this new formatting.
 export function humanizedDateTime() {
-    let baseDate = new Date(Date.now());
+    const now = new Date(Date.now());
-    let humanYear = baseDate.getFullYear();
+    const dt = {
-    let humanMonth = baseDate.getMonth() + 1;
+        year: now.getFullYear(),  month: now.getMonth() + 1,  day: now.getDate(),
-    let humanDate = baseDate.getDate();
+        hour: now.getHours(),     minute: now.getMinutes(),   second: now.getSeconds(),
-    let humanHour = (baseDate.getHours() < 10 ? '0' : '') + baseDate.getHours();
+    };
-    let humanMinute =
+    for (const key in dt) {
-        (baseDate.getMinutes() < 10 ? '0' : '') + baseDate.getMinutes();
+        dt[key] = dt[key].toString().padStart(2, '0');
-    let humanSecond =
+    }
-        (baseDate.getSeconds() < 10 ? '0' : '') + baseDate.getSeconds();
+    return `${dt.year}-${dt.month}-${dt.day}@${dt.hour}h${dt.minute}m${dt.second}s`;
-    let HumanizedDateTime =
-        humanYear + '-' + humanMonth + '-' + humanDate + '@' + humanHour + 'h' + humanMinute + 'm' + humanSecond + 's';
-    return HumanizedDateTime;
+}
 //this is a common format version to display a timestamp on each chat message

         $('#send_form').addClass('no-connection'); //entire input form area is red when not connected
         $('#send_but').addClass('displayNone'); //send button is hidden when not connected;
         $('#mes_continue').addClass('displayNone'); //continue button is hidden when not connected;
+        $('#mes_impersonate').addClass('displayNone'); //continue button is hidden when not connected;
         $('#API-status-top').removeClass('fa-plug');
         $('#API-status-top').addClass('fa-plug-circle-exclamation redOverlayGlow');
         connection_made = false;

@@ -330,6 +328,7 @@ function RA_checkOnlineStatus() {
330	if (!is_send_press && !(selected_group && is_group_generating)) {	328	if (!is_send_press && !(selected_group && is_group_generating)) {
331	$('#send_but').removeClass('displayNone'); //on connect, send button shows	329	$('#send_but').removeClass('displayNone'); //on connect, send button shows
332	$('#mes_continue').removeClass('displayNone'); //continue button is shown when connected	330	$('#mes_continue').removeClass('displayNone'); //continue button is shown when connected
		331	$('#mes_impersonate').removeClass('displayNone'); //continue button is shown when connected
333	}	332	}
334	}	333	}
335	}	334	}

                     || (secret_state[SECRET_KEYS.PERPLEXITY] && oai_settings.chat_completion_source == chat_completion_sources.PERPLEXITY)
                     || (secret_state[SECRET_KEYS.GROQ] && oai_settings.chat_completion_source == chat_completion_sources.GROQ)
                     || (secret_state[SECRET_KEYS.ZEROONEAI] && oai_settings.chat_completion_source == chat_completion_sources.ZEROONEAI)
+                    || (secret_state[SECRET_KEYS.BLOCKENTROPY] && oai_settings.chat_completion_source == chat_completion_sources.BLOCKENTROPY)
                     || (isValidUrl(oai_settings.custom_url) && oai_settings.chat_completion_source == chat_completion_sources.CUSTOM)
                 ) {
                     $('#api_button_openai').trigger('click');

public/scripts/autocomplete/AutoComplete.js+71 -48 Viewed

     'FULL': 2,
 };
+/**@readonly*/
+/**@enum {Number}*/
+export const AUTOCOMPLETE_SELECT_KEY = {
+    'TAB': 1, // 2^0
+    'ENTER': 2, // 2^1
+};
 export class AutoComplete {
-    /**@type {HTMLTextAreaElement}*/ textarea;
+    /**@type {HTMLTextAreaElement|HTMLInputElement}*/ textarea;
     /**@type {boolean}*/ isFloating = false;
     /**@type {()=>boolean}*/ checkIfActivate;
     /**@type {(text:string, index:number) => Promise<AutoCompleteNameResult>}*/ getNameAt;

     /**@type {function}*/ updateDetailsPositionDebounced;
     /**@type {function}*/ updateFloatingPositionDebounced;
+    /**@type {(item:AutoCompleteOption)=>any}*/ onSelect;
     get matchType() {
         return power_user.stscript.matching ?? 'fuzzy';
+    }

     /**
-     * @param {HTMLTextAreaElement} textarea The textarea to receive autocomplete.
+     * @param {HTMLTextAreaElement|HTMLInputElement} textarea The textarea to receive autocomplete.
      * @param {() => boolean} checkIfActivate Function should return true only if under the current conditions, autocomplete should display (e.g., for slash commands: autoComplete.text[0] == '/')
      * @param {(text: string, index: number) => Promise<AutoCompleteNameResult>} getNameAt Function should return (unfiltered, matching against input is done in AutoComplete) information about name options at index in text.
      * @param {boolean} isFloating Whether autocomplete should float at the keyboard cursor.

         this.updateDetailsPositionDebounced = debounce(this.updateDetailsPosition.bind(this), 10);
         this.updateFloatingPositionDebounced = debounce(this.updateFloatingPosition.bind(this), 10);
-        textarea.addEventListener('input', ()=>this.text != this.textarea.value && this.show(true, this.wasForced));
+        textarea.addEventListener('input', ()=>{
+            this.selectionStart = this.textarea.selectionStart;
+            if (this.text != this.textarea.value) this.show(true, this.wasForced);
+        });
         textarea.addEventListener('keydown', (evt)=>this.handleKeyDown(evt));
-        textarea.addEventListener('click', ()=>this.isActive ? this.show() : null);
+        textarea.addEventListener('click', ()=>{
-        textarea.addEventListener('selectionchange', ()=>this.show());
+            this.selectionStart = this.textarea.selectionStart;
+            if (this.isActive) this.show();
+        });
         textarea.addEventListener('blur', ()=>this.hide());
         if (isFloating) {
             textarea.addEventListener('scroll', ()=>this.updateFloatingPositionDebounced());

      * @returns The option.
      */
     fuzzyScore(option) {
+        // might have been matched by the options matchProvider function instead
+        if (!this.fuzzyRegex.test(option.name)) {
+            option.score = new AutoCompleteFuzzyScore(Number.MAX_SAFE_INTEGER, -1);
+            return option;
+        }
         const parts = this.fuzzyRegex.exec(option.name).slice(1, -1);
         let start = null;
         let consecutive = [];

         this.result = this.effectiveParserResult.optionList
             // filter the list of options by the partial name according to the matching type
-            .filter(it => this.isReplaceable || it.name == '' ? matchers[this.matchType](it.name) : it.name.toLowerCase() == this.name)
+            .filter(it => this.isReplaceable || it.name == '' ? (it.matchProvider ? it.matchProvider(this.name) : matchers[this.matchType](it.name)) : it.name.toLowerCase() == this.name)
             // remove aliases
             .filter((it,idx,list) => list.findIndex(opt=>opt.value == it.value) == idx);

                 // build element
                 option.dom = this.makeItem(option);
                 // update replacer and add quotes if necessary
+                const optionName = option.valueProvider ? option.valueProvider(this.name) : option.name;
                 if (this.effectiveParserResult.canBeQuoted) {
-                    option.replacer = option.name.includes(' ') || this.startQuote || this.endQuote ? `"${option.name}"` : `${option.name}`;
+                    option.replacer = optionName.includes(' ') || this.startQuote || this.endQuote ? `"${optionName.replace(/"/g, '\\"')}"` : `${optionName}`;
                 } else {
-                    option.replacer = option.name;
+                    option.replacer = optionName;
+                }
                 // calculate fuzzy score if matching is fuzzy
                 if (this.matchType == 'fuzzy') this.fuzzyScore(option);

+                ,
             );
             this.result.push(option);
-        } else if (this.result.length == 1 && this.effectiveParserResult && this.result[0].name == this.effectiveParserResult.name) {
+        } else if (this.result.length == 1 && this.effectiveParserResult && this.effectiveParserResult != this.secondaryParserResult && this.result[0].name == this.effectiveParserResult.name) {
             // only one result that is exactly the current value? just show hint, no autocomplete
             this.isReplaceable = false;
             this.isShowingDetails = false;

@@ -439,11 +459,14 @@ export class AutoComplete {
439	} else {	459	} else {
440	item.dom.classList.remove('selected');	460	item.dom.classList.remove('selected');
441	}	461	}
		462	if (!item.isSelectable) {
		463	item.dom.classList.add('not-selectable');
		464	}
442	frag.append(item.dom);	465	frag.append(item.dom);
443	}	466	}
444	this.dom.append(frag);	467	this.dom.append(frag);
445	this.updatePosition();	468	this.updatePosition();
446	getTopmostModalLayer().append(this.domWrap);	469	this.getLayer().append(this.domWrap);
447	} else {	470	} else {
448	this.domWrap.remove();	471	this.domWrap.remove();
449	}	472	}

         if (!this.isShowingDetails && this.isReplaceable) return this.detailsWrap.remove();
         this.detailsDom.innerHTML = '';
         this.detailsDom.append(this.selectedItem?.renderDetails() ?? 'NO ITEM');
-        getTopmostModalLayer().append(this.detailsWrap);
+        this.getLayer().append(this.detailsWrap);
         this.updateDetailsPositionDebounced();
+    }
+    /**
+     * @returns {HTMLElement} closest ancestor dialog or body
+     */
+    getLayer() {
+        return this.textarea.closest('dialog, body');
+    }
     /**

             const rect = {};
             rect[AUTOCOMPLETE_WIDTH.INPUT] = this.textarea.getBoundingClientRect();
             rect[AUTOCOMPLETE_WIDTH.CHAT] = document.querySelector('#sheld').getBoundingClientRect();
-            rect[AUTOCOMPLETE_WIDTH.FULL] = getTopmostModalLayer().getBoundingClientRect();
+            rect[AUTOCOMPLETE_WIDTH.FULL] = this.getLayer().getBoundingClientRect();
             this.domWrap.style.setProperty('--bottom', `${window.innerHeight - rect[AUTOCOMPLETE_WIDTH.INPUT].top}px`);
             this.dom.style.setProperty('--bottom', `${window.innerHeight - rect[AUTOCOMPLETE_WIDTH.INPUT].top}px`);
             this.domWrap.style.bottom = `${window.innerHeight - rect[AUTOCOMPLETE_WIDTH.INPUT].top}px`;

                 const rect = {};
                 rect[AUTOCOMPLETE_WIDTH.INPUT] = this.textarea.getBoundingClientRect();
                 rect[AUTOCOMPLETE_WIDTH.CHAT] = document.querySelector('#sheld').getBoundingClientRect();
-                rect[AUTOCOMPLETE_WIDTH.FULL] = getTopmostModalLayer().getBoundingClientRect();
+                rect[AUTOCOMPLETE_WIDTH.FULL] = this.getLayer().getBoundingClientRect();
                 if (this.isReplaceable) {
                     this.detailsWrap.classList.remove('full');
                     const selRect = this.selectedItem.dom.children[0].getBoundingClientRect();

     updateFloatingPosition() {
         const location = this.getCursorPosition();
         const rect = this.textarea.getBoundingClientRect();
+        const layerRect = this.getLayer().getBoundingClientRect();
         // cursor is out of view -> hide
         if (location.bottom < rect.top || location.top > rect.bottom || location.left < rect.left || location.left > rect.right) {
             return this.hide();
+        }
-        const left = Math.max(rect.left, location.left);
+        const left = Math.max(rect.left, location.left) - layerRect.left;
         this.domWrap.style.setProperty('--targetOffset', `${left}`);
         if (location.top <= window.innerHeight / 2) {
             // if cursor is in lower half of window, show list above line
-            this.domWrap.style.top = `${location.bottom}px`;
+            this.domWrap.style.top = `${location.bottom - layerRect.top}px`;
             this.domWrap.style.bottom = 'auto';
-            this.domWrap.style.maxHeight = `calc(${location.bottom}px - 1vh)`;
+            this.domWrap.style.maxHeight = `calc(${location.bottom - layerRect.top}px - ${this.textarea.closest('dialog') ? '0' : '1vh'})`;
         } else {
             // if cursor is in upper half of window, show list below line
             this.domWrap.style.top = 'auto';
-            this.domWrap.style.bottom = `calc(100vh - ${location.top}px)`;
+            this.domWrap.style.bottom = `calc(${layerRect.height}px - ${location.top - layerRect.top}px)`;
-            this.domWrap.style.maxHeight = `calc(${location.top}px - 1vh)`;
+            this.domWrap.style.maxHeight = `calc(${location.top - layerRect.top}px - ${this.textarea.closest('dialog') ? '0' : '1vh'})`;
+        }
+    }
     updateFloatingDetailsPosition(location = null) {
         if (!location) location = this.getCursorPosition();
         const rect = this.textarea.getBoundingClientRect();
+        const layerRect = this.getLayer().getBoundingClientRect();
         if (location.bottom < rect.top || location.top > rect.bottom || location.left < rect.left || location.left > rect.right) {
             return this.hide();
+        }
-        const left = Math.max(rect.left, location.left);
+        const left = Math.max(rect.left, location.left) - layerRect.left;
         this.detailsWrap.style.setProperty('--targetOffset', `${left}`);
         if (this.isReplaceable) {
             this.detailsWrap.classList.remove('full');

@@ -572,14 +604,14 @@ export class AutoComplete {
572	}	604	}
573	if (location.top <= window.innerHeight / 2) {	605	if (location.top <= window.innerHeight / 2) {
574	// if cursor is in lower half of window, show list above line	606	// if cursor is in lower half of window, show list above line
575	this.detailsWrap.style.top = `${location.bottom}px`;	607	this.detailsWrap.style.top = `${location.bottom - layerRect.top}px`;
576	this.detailsWrap.style.bottom = 'auto';	608	this.detailsWrap.style.bottom = 'auto';
577	this.detailsWrap.style.maxHeight = `calc(${location.bottom}px - 1vh)`;	609	this.detailsWrap.style.maxHeight = `calc(${location.bottom - layerRect.top}px - ${this.textarea.closest('dialog') ? '0' : '1vh'})`;
578	} else {	610	} else {
579	// if cursor is in upper half of window, show list below line	611	// if cursor is in upper half of window, show list below line
580	this.detailsWrap.style.top = 'auto';	612	this.detailsWrap.style.top = 'auto';
581	this.detailsWrap.style.bottom = `calc(100vh - ${location.top}px)`;	613	this.detailsWrap.style.bottom = `calc(${layerRect.height}px - ${location.top - layerRect.top}px)`;
582	this.detailsWrap.style.maxHeight = `calc(${location.top}px - 1vh)`;	614	this.detailsWrap.style.maxHeight = `calc(${location.top - layerRect.top}px - ${this.textarea.closest('dialog') ? '0' : '1vh'})`;
583	}	615	}
584	}	616	}
585		617

+            }
             this.clone.style.position = 'fixed';
             this.clone.style.visibility = 'hidden';
-            getTopmostModalLayer().append(this.clone);
+            document.body.append(this.clone);
             const mo = new MutationObserver(muts=>{
                 if (muts.find(it=>Array.from(it.removedNodes).includes(this.textarea))) {
                     this.clone.remove();

@@ -656,6 +688,7 @@ export class AutoComplete {
656	}	688	}
657	this.wasForced = false;	689	this.wasForced = false;
658	this.textarea.dispatchEvent(new Event('input', { bubbles:true }));	690	this.textarea.dispatchEvent(new Event('input', { bubbles:true }));
		691	this.onSelect?.(this.selectedItem);
659	}	692	}
660		693
661		694

+                }
                 case 'Enter': {
                     // pick the selected item to autocomplete
+                    if ((power_user.stscript.autocomplete.select & AUTOCOMPLETE_SELECT_KEY.ENTER) != AUTOCOMPLETE_SELECT_KEY.ENTER) break;
                     if (evt.ctrlKey || evt.altKey || evt.shiftKey || this.selectedItem.value == '') break;
                     if (this.selectedItem.name == this.name) break;
+                    if (!this.selectedItem.isSelectable) break;
                     evt.preventDefault();
                     evt.stopImmediatePropagation();
                     this.select();

+                }
                 case 'Tab': {
                     // pick the selected item to autocomplete
+                    if ((power_user.stscript.autocomplete.select & AUTOCOMPLETE_SELECT_KEY.TAB) != AUTOCOMPLETE_SELECT_KEY.TAB) break;
                     if (evt.ctrlKey || evt.altKey || evt.shiftKey || this.selectedItem.value == '') break;
                     evt.preventDefault();
                     evt.stopImmediatePropagation();
+                    if (!this.selectedItem.isSelectable) break;
                     this.select();
                     return;
+                }

             // ignore keydown on modifier keys
             return;
+        }
-        switch (evt.key) {
+        // await keyup to see if cursor position or text has changed
-            case 'ArrowUp':
+        const oldText = this.textarea.value;
-            case 'ArrowDown':
+        await new Promise(resolve=>{
-            case 'ArrowRight':
+            window.addEventListener('keyup', resolve, { once:true });
-            case 'ArrowLeft': {
+        });
-                if (this.isActive) {
+        if (this.selectionStart != this.textarea.selectionStart) {
-                    // keyboard navigation, wait for keyup to complete cursor move
+            this.selectionStart = this.textarea.selectionStart;
-                    const oldText = this.textarea.value;
+            this.show(this.isReplaceable || oldText != this.textarea.value);
-                    await new Promise(resolve=>{
+        } else if (this.isActive) {
-                        window.addEventListener('keyup', resolve, { once:true });
+            this.text != this.textarea.value && this.show(this.isReplaceable);
-                    });
-                    if (this.selectionStart != this.textarea.selectionStart) {
-                        this.selectionStart = this.textarea.selectionStart;
-                        this.show(this.isReplaceable || oldText != this.textarea.value);
-                    }
-                }
-                break;
-            }
-            default: {
-                if (this.isActive) {
-                    this.text != this.textarea.value && this.show(this.isReplaceable);
-                }
-                break;
-            }
+        }
+    }
+}

public/scripts/autocomplete/AutoCompleteNameResult.js+3 -30 Viewed

-import { SlashCommandNamedArgumentAutoCompleteOption } from '../slash-commands/SlashCommandNamedArgumentAutoCompleteOption.js';
+import { AutoCompleteNameResultBase } from './AutoCompleteNameResultBase.js';
-import { AutoCompleteOption } from './AutoCompleteOption.js';
+import { AutoCompleteSecondaryNameResult } from './AutoCompleteSecondaryNameResult.js';
-// import { AutoCompleteSecondaryNameResult } from './AutoCompleteSecondaryNameResult.js';
-export class AutoCompleteNameResult {
+export class AutoCompleteNameResult extends AutoCompleteNameResultBase {
-    /**@type {string} */ name;
-    /**@type {number} */ start;
-    /**@type {AutoCompleteOption[]} */ optionList = [];
-    /**@type {boolean} */ canBeQuoted = false;
-    /**@type {()=>string} */ makeNoMatchText = ()=>`No matches found for "${this.name}"`;
-    /**@type {()=>string} */ makeNoOptionsText = ()=>'No options';
-    /**
-     * @param {string} name Name (potentially partial) of the name at the requested index.
-     * @param {number} start Index where the name starts.
-     * @param {AutoCompleteOption[]} optionList A list of autocomplete options found in the current scope.
-     * @param {boolean} canBeQuoted Whether the name can be inside quotes.
-     * @param {()=>string} makeNoMatchText Function that returns text to show when no matches where found.
-     * @param {()=>string} makeNoOptionsText Function that returns text to show when no options are available to match against.
-     */
-    constructor(name, start, optionList = [], canBeQuoted = false, makeNoMatchText = null, makeNoOptionsText = null) {
-        this.name = name;
-        this.start = start;
-        this.optionList = optionList;
-        this.canBeQuoted = canBeQuoted;
-        this.noMatchText = makeNoMatchText ?? this.makeNoMatchText;
-        this.noOptionstext = makeNoOptionsText ?? this.makeNoOptionsText;
-    }
     /**
+     *
      * @param {string} text The whole text

public/scripts/autocomplete/AutoCompleteNameResultBase.js+31 -0 Viewed

+import { SlashCommandNamedArgumentAutoCompleteOption } from '../slash-commands/SlashCommandNamedArgumentAutoCompleteOption.js';
+import { AutoCompleteOption } from './AutoCompleteOption.js';
+export class AutoCompleteNameResultBase {
+    /**@type {string} */ name;
+    /**@type {number} */ start;
+    /**@type {AutoCompleteOption[]} */ optionList = [];
+    /**@type {boolean} */ canBeQuoted = false;
+    /**@type {()=>string} */ makeNoMatchText = ()=>`No matches found for "${this.name}"`;
+    /**@type {()=>string} */ makeNoOptionsText = ()=>'No options';
+    /**
+     * @param {string} name Name (potentially partial) of the name at the requested index.
+     * @param {number} start Index where the name starts.
+     * @param {AutoCompleteOption[]} optionList A list of autocomplete options found in the current scope.
+     * @param {boolean} canBeQuoted Whether the name can be inside quotes.
+     * @param {()=>string} makeNoMatchText Function that returns text to show when no matches where found.
+     * @param {()=>string} makeNoOptionsText Function that returns text to show when no options are available to match against.
+     */
+    constructor(name, start, optionList = [], canBeQuoted = false, makeNoMatchText = null, makeNoOptionsText = null) {
+        this.name = name;
+        this.start = start;
+        this.optionList = optionList;
+        this.canBeQuoted = canBeQuoted;
+        this.noMatchText = makeNoMatchText ?? this.makeNoMatchText;
+        this.noOptionstext = makeNoOptionsText ?? this.makeNoOptionsText;
+    }
+}

public/scripts/autocomplete/AutoCompleteOption.js+11 -1 Viewed

     /**@type {AutoCompleteFuzzyScore}*/ score;
     /**@type {string}*/ replacer;
     /**@type {HTMLElement}*/ dom;
+    /**@type {(input:string)=>boolean}*/ matchProvider;
+    /**@type {(input:string)=>string}*/ valueProvider;
+    /**@type {boolean}*/ makeSelectable = false;
     /**

         return this.name;
+    }
+    get isSelectable() {
+        return this.makeSelectable || !this.valueProvider;
+    }
     /**
      * @param {string} name
      */
-    constructor(name, typeIcon = ' ', type = '') {
+    constructor(name, typeIcon = ' ', type = '', matchProvider = null, valueProvider = null, makeSelectable = false) {
         this.name = name;
         this.typeIcon = typeIcon;
         this.type = type;
+        this.matchProvider = matchProvider;
+        this.valueProvider = valueProvider;
+        this.makeSelectable = makeSelectable;
+    }

public/scripts/autocomplete/AutoCompleteSecondaryNameResult.js+2 -2 Viewed

-import { AutoCompleteNameResult } from './AutoCompleteNameResult.js';
+import { AutoCompleteNameResultBase } from './AutoCompleteNameResultBase.js';
-export class AutoCompleteSecondaryNameResult extends AutoCompleteNameResult {
+export class AutoCompleteSecondaryNameResult extends AutoCompleteNameResultBase {
     /**@type {boolean}*/ isRequired = false;
     /**@type {boolean}*/ forceMatch = true;
+}

public/scripts/bookmarks.js+2 -2 Viewed

     saveChatConditional,
     saveItemizedPrompts,
 } from '../script.js';
-import { humanizedDateTime } from './RossAscends-mods.js';
+import { humanizedDateTime, getMessageTimeStamp } from './RossAscends-mods.js';
 import {
     getGroupPastChats,
     group_activation_strategy,

     if (groupChat.length === 0) {
         const newMessage = {
             ...system_messages[system_message_types.GROUP],
-            send_date: humanizedDateTime(),
+            send_date: getMessageTimeStamp(),
             extra: { type: system_message_types.GROUP },
         };
         groupChat.push(newMessage);

public/scripts/extensions.js+23 -21 Viewed

+    }
+}
+/**
+ * Prompts the user to enter the Git URL of the extension to import.
+ * After obtaining the Git URL, makes a POST request to '/api/extensions/install' to import the extension.
+ * If the extension is imported successfully, a success message is displayed.
+ * If the extension import fails, an error message is displayed and the error is logged to the console.
+ * After successfully importing the extension, the extension settings are reloaded and a 'EXTENSION_SETTINGS_LOADED' event is emitted.
+ * @param {string} [suggestUrl] Suggested URL to install
+ * @returns {Promise<void>}
+ */
+export async function openThirdPartyExtensionMenu(suggestUrl = '') {
+    const html = await renderTemplateAsync('installExtension');
+    const input = await callGenericPopup(html, POPUP_TYPE.INPUT, suggestUrl ?? '');
+    if (!input) {
+        console.debug('Extension install cancelled');
+        return;
+    }
+    const url = String(input).trim();
+    await installExtension(url);
+}
 jQuery(async function () {
     await addExtensionsButtonAndMenu();
     $('#extensionsMenuButton').css('display', 'flex');

     /**
      * Handles the click event for the third-party extension import button.
-     * Prompts the user to enter the Git URL of the extension to import.
-     * After obtaining the Git URL, makes a POST request to '/api/extensions/install' to import the extension.
-     * If the extension is imported successfully, a success message is displayed.
-     * If the extension import fails, an error message is displayed and the error is logged to the console.
-     * After successfully importing the extension, the extension settings are reloaded and a 'EXTENSION_SETTINGS_LOADED' event is emitted.
+     *
      * @listens #third_party_extension_button#click - The click event of the '#third_party_extension_button' element.
      */
-    $('#third_party_extension_button').on('click', async () => {
+    $('#third_party_extension_button').on('click', () => openThirdPartyExtensionMenu());
-        const html = `<h3>Enter the Git URL of the extension to install</h3>
-    <br>
-    <p><b>Disclaimer:</b> Please be aware that using external extensions can have unintended side effects and may pose security risks. Always make sure you trust the source before importing an extension. We are not responsible for any damage caused by third-party extensions.</p>
-    <br>
-    <p>Example: <tt> https://github.com/author/extension-name </tt></p>`;
-        const input = await callGenericPopup(html, POPUP_TYPE.INPUT, '');
-        if (!input) {
-            console.debug('Extension install cancelled');
-            return;
-        }
-        const url = String(input).trim();
-        await installExtension(url);
-    });
 });

public/scripts/extensions/caption/index.js+7 -3 Viewed

 import { SlashCommandParser } from '../../slash-commands/SlashCommandParser.js';
 import { SlashCommand } from '../../slash-commands/SlashCommand.js';
 import { ARGUMENT_TYPE, SlashCommandArgument, SlashCommandNamedArgument } from '../../slash-commands/SlashCommandArgument.js';
-import { SlashCommandEnumValue } from '../../slash-commands/SlashCommandEnumValue.js';
 import { commonEnumProviders } from '../../slash-commands/SlashCommandCommonEnumsProvider.js';
 export { MODULE_NAME };
 const MODULE_NAME = 'caption';
-const PROMPT_DEFAULT = 'What’s in this image?';
+const PROMPT_DEFAULT = 'What\'s in this image?';
 const TEMPLATE_DEFAULT = '[{{user}} sends {{char}} a picture that contains: {{caption}}]';
 /**

         },
     };
     context.chat.push(message);
+    const messageId = context.chat.length - 1;
+    await eventSource.emit(event_types.MESSAGE_SENT, messageId);
     context.addOneMessage(message);
+    await eventSource.emit(event_types.USER_MESSAGE_RENDERED, messageId);
+    await context.saveChat();
+}
 /**

@@ -334,7 +337,7 @@ async function getCaptionForFile(file, prompt, quiet) {
334	}	337	}
335	catch (error) {	338	catch (error) {
336	const errorMessage = error.message \|\| 'Unknown error';	339	const errorMessage = error.message \|\| 'Unknown error';
337	toastr.error(errorMessage, "Failed to caption image.");	340	toastr.error(errorMessage, 'Failed to caption image.');
338	console.error(error);	341	console.error(error);
339	return '';	342	return '';
340	}	343	}

                 (modules.includes('caption') && extension_settings.caption.source === 'extras') ||
                 (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'openai' && (secret_state[SECRET_KEYS.OPENAI] || extension_settings.caption.allow_reverse_proxy)) ||
                 (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'openrouter' && secret_state[SECRET_KEYS.OPENROUTER]) ||
+                (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'zerooneai' && secret_state[SECRET_KEYS.ZEROONEAI]) ||
                 (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'google' && (secret_state[SECRET_KEYS.MAKERSUITE] || extension_settings.caption.allow_reverse_proxy)) ||
                 (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'anthropic' && (secret_state[SECRET_KEYS.CLAUDE] || extension_settings.caption.allow_reverse_proxy)) ||
                 (extension_settings.caption.source === 'multimodal' && extension_settings.caption.multimodal_api === 'ollama' && textgenerationwebui_settings.server_urls[textgen_types.OLLAMA]) ||

public/scripts/extensions/caption/settings.html+5 -0 Viewed

                 <div class="flex1 flex-container flexFlowColumn flexNoGap">
                     <label for="caption_multimodal_api" data-i18n="API">API</label>
                     <select id="caption_multimodal_api" class="flex1 text_pole">
+                        <option value="zerooneai">01.AI (Yi)</option>
                         <option value="anthropic">Anthropic</option>
                         <option value="custom" data-i18n="Custom (OpenAI-compatible)">Custom (OpenAI-compatible)</option>
                         <option value="google">Google MakerSuite</option>

                 <div class="flex1 flex-container flexFlowColumn flexNoGap">
                     <label for="caption_multimodal_model" data-i18n="Model">Model</label>
                     <select id="caption_multimodal_model" class="flex1 text_pole">
+                        <option data-type="zerooneai" value="yi-vision">yi-vision</option>
                         <option data-type="openai" value="gpt-4-vision-preview">gpt-4-vision-preview</option>
                         <option data-type="openai" value="gpt-4-turbo">gpt-4-turbo</option>
                         <option data-type="openai" value="gpt-4o">gpt-4o</option>
                         <option data-type="openai" value="gpt-4o-mini">gpt-4o-mini</option>
+                        <option data-type="openai" value="chatgpt-4o-latest">chatgpt-4o-latest</option>
                         <option data-type="anthropic" value="claude-3-5-sonnet-20240620">claude-3-5-sonnet-20240620</option>
                         <option data-type="anthropic" value="claude-3-opus-20240229">claude-3-opus-20240229</option>
                         <option data-type="anthropic" value="claude-3-sonnet-20240229">claude-3-sonnet-20240229</option>
                         <option data-type="anthropic" value="claude-3-haiku-20240307">claude-3-haiku-20240307</option>
                         <option data-type="google" value="gemini-pro-vision">gemini-pro-vision</option>
                         <option data-type="google" value="gemini-1.5-flash-latest">gemini-1.5-flash-latest</option>
+                        <option data-type="google" value="gemini-1.5-pro-latest">gemini-1.5-pro-latest</option>
+                        <option data-type="google" value="gemini-1.5-pro-exp-0801">gemini-1.5-pro-exp-0801</option>
                         <option data-type="openrouter" value="openai/gpt-4-vision-preview">openai/gpt-4-vision-preview</option>
                         <option data-type="openrouter" value="openai/gpt-4o">openai/gpt-4o</option>
                         <option data-type="openrouter" value="openai/gpt-4-turbo">openai/gpt-4-turbo</option>

public/scripts/extensions/expressions/index.js+8 -5 Viewed

-import { callPopup, eventSource, event_types, generateQuietPrompt, getRequestHeaders, online_status, saveSettingsDebounced, substituteParams, substituteParamsExtended, system_message_types } from '../../../script.js';
+import { callPopup, eventSource, event_types, generateRaw, getRequestHeaders, main_api, online_status, saveSettingsDebounced, substituteParams, substituteParamsExtended, system_message_types } from '../../../script.js';
 import { dragElement, isMobile } from '../../RossAscends-mods.js';
 import { getContext, getApiUrl, modules, extension_settings, ModuleWorkerWrapper, doExtrasFetch, renderExtensionTemplateAsync } from '../../extensions.js';
 import { loadMovingUIState, power_user } from '../../power-user.js';

                     functionResult = args?.arguments;
                 });
-                const emotionResponse = await generateQuietPrompt(prompt, false, false);
+                const emotionResponse = await generateRaw(text, main_api, false, false, prompt);
                 return parseLlmResponse(functionResult || emotionResponse, expressionsList);
+            }
             // Extras

@@ -1387,7 +1387,8 @@ async function getExpressionsList() {
1387	}	1387	}
1388		1388
1389	// If there was no specific list, or an error, just return the default expressions	1389	// If there was no specific list, or an error, just return the default expressions
1390	return DEFAULT_EXPRESSIONS;	1390	expressionsList = DEFAULT_EXPRESSIONS.filter(e => e !== 'talkinghead').slice();
		1391	return expressionsList;
1391	}	1392	}
1392		1393
1393	const result = await resolveExpressionsList();	1394	const result = await resolveExpressionsList();

     moduleWorker();
+}
-function onExperesionApiChanged() {
+function onExpressionApiChanged() {
     const tempApi = this.value;
     if (tempApi) {
         extension_settings.expressions.api = Number(tempApi);
         $('.expression_llm_prompt_block').toggle(extension_settings.expressions.api === EXPRESSION_API.llm);
+        expressionsList = null;
+        spriteCache = {};
         moduleWorker();
         saveSettingsDebounced();
+    }

         $('#expression_custom_add').on('click', onClickExpressionAddCustom);
         $('#expression_custom_remove').on('click', onClickExpressionRemoveCustom);
         $('#expression_fallback').on('change', onExpressionFallbackChanged);
-        $('#expression_api').on('change', onExperesionApiChanged);
+        $('#expression_api').on('change', onExpressionApiChanged);
+    }
     // Pause Talkinghead to save resources when the ST tab is not visible or the window is minimized.

public/scripts/extensions/gallery/index.i18n.html+2 -0 Viewed

@@ -0,0 +1,2 @@
	1	<!-- I18n data for tools used to auto generate translations -->
	2	<div data-i18n="Show Gallery">Show Gallery</div>

public/scripts/extensions/gallery/index.js+55 -34 Viewed

     this_chid,
     characters,
     getRequestHeaders,
+    event_types,
 } from '../../../script.js';
 import { groups, selected_group } from '../../group-chats.js';
 import { loadFileToDocument, delay } from '../../utils.js';

 import { ARGUMENT_TYPE, SlashCommandNamedArgument } from '../../slash-commands/SlashCommandArgument.js';
 import { DragAndDropHandler } from '../../dragdrop.js';
 import { commonEnumProviders } from '../../slash-commands/SlashCommandCommonEnumsProvider.js';
+import { translate } from '../../i18n.js';
 const extensionName = 'gallery';
 const extensionFolderPath = `scripts/extensions/${extensionName}/`;

 let paginationMaxLinesPerPage = 2;
 let galleryMaxRows = 3;
+$('body').on('click', '.dragClose', function () {
+    const relatedId = $(this).data('related-id');  // Get the ID of the related draggable
+    $(`body > .draggable[id="${relatedId}"]`).remove();  // Remove the associated draggable
+});
+const CUSTOM_GALLERY_REMOVED_EVENT = 'galleryRemoved';
+const mutationObserver = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+        mutation.removedNodes.forEach((node) => {
+            if (node instanceof HTMLElement && node.tagName === 'DIV' && node.id === 'gallery') {
+                eventSource.emit(CUSTOM_GALLERY_REMOVED_EVENT);
+            }
+        });
+    });
+});
+mutationObserver.observe(document.body, {
+    childList: true,
+    subtree: false,
+});
 /**
  * Retrieves a list of gallery items based on a given URL. This function calls an API endpoint

  * @returns {Promise<void>} - Promise representing the completion of the gallery initialization.
  */
 async function initGallery(items, url) {
+    const nonce = `nonce-${Math.random().toString(36).substring(2, 15)}`;
     const gallery = $('#dragGallery');
+    gallery.addClass(nonce);
     gallery.nanogallery2({
         'items': items,
         thumbnailWidth: 'auto',

         fnThumbnailOpen: viewWithDragbox,
     });
+    const dragDropHandler = new DragAndDropHandler(`#dragGallery.${nonce}`, async (files, event) => {
+        let file = files[0];
+        uploadFile(file, url);  // Added url parameter to know where to upload
+    });
-    eventSource.on('resizeUI', function (elmntName) {
+    const resizeHandler = function () {
         gallery.nanogallery2('resize');
-    });
+    };
-    const dragDropHandler = new DragAndDropHandler('#dragGallery', async (files, event) => {
+    eventSource.on('resizeUI', resizeHandler);
-        let file = files[0];
-        uploadFile(file, url);  // Added url parameter to know where to upload
+    eventSource.once(event_types.CHAT_CHANGED, function () {
+        gallery.closest('#gallery').remove();
     });
+    eventSource.once(CUSTOM_GALLERY_REMOVED_EVENT, function () {
+        gallery.nanogallery2('destroy');
+        dragDropHandler.destroy();
+        eventSource.removeListener('resizeUI', resizeHandler);
+    });
     // Set dropzone height to be the same as the parent
     gallery.css('height', gallery.parent().css('height'));

         const items = await getGalleryItems(url);
         // if there already is a gallery, destroy it and place this one in its place
-        if ($('#dragGallery').length) {
+        $('#dragGallery').closest('#gallery').remove();
-            $('#dragGallery').nanogallery2('destroy');
+        makeMovable();
-            initGallery(items, url);
+        await delay(100);
-        } else {
+        await initGallery(items, url);
-            makeMovable();
-            setTimeout(async () => {
-                await initGallery(items, url);
-            }, 100);
-        }
     } catch (err) {
         console.trace();
         console.error(err);

             toastr.success('File uploaded successfully. Saved at: ' + result.path);
             // Refresh the gallery
-            $('#dragGallery').nanogallery2('destroy');  // Destroy old gallery
             const newItems = await getGalleryItems(url);  // Fetch the latest items
-            initGallery(newItems, url);  // Reinitialize the gallery with new items and pass 'url'
+            $('#dragGallery').closest('#gallery').remove();  // Destroy old gallery
+            makeMovable();
+            await delay(100);
+            await initGallery(newItems, url);  // Reinitialize the gallery with new items and pass 'url'
         } catch (error) {
             console.error('There was an issue uploading the file:', error);

     $('#char-management-dropdown').append(
         $('<option>', {
             id: 'show_char_gallery',
-            text: 'Show Gallery',
+            text: translate('Show Gallery'),
         }),
     );
 });

         e.preventDefault();
         return false;
     });
-    $('body').on('click', '.dragClose', function () {
-        const relatedId = $(this).data('related-id');  // Get the ID of the related draggable
-        $(`#${relatedId}`).remove();  // Remove the associated draggable
-    });
+}
 /**

@@ -357,11 +381,6 @@ function makeDragImg(id, url) {
357	} else {	381	} else {
358	console.error('Failed to append the template content or retrieve the appended content.');	382	console.error('Failed to append the template content or retrieve the appended content.');
359	}	383	}
360
361	$('body').on('click', '.dragClose', function () {
362	const relatedId = $(this).data('related-id'); // Get the ID of the related draggable
363	$(`#${relatedId}`).remove(); // Remove the associated draggable
364	});
365	}	384	}
366		385
367	/**	386	/**

 // Registers a simple command for opening the char gallery.
-SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'show-gallery',
+SlashCommandParser.addCommandObject(SlashCommand.fromProps({
+    name: 'show-gallery',
     aliases: ['sg'],
     callback: () => {
         showCharGallery();

     },
     helpString: 'Shows the gallery.',
 }));
-SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'list-gallery',
+SlashCommandParser.addCommandObject(SlashCommand.fromProps({
+    name: 'list-gallery',
     aliases: ['lg'],
     callback: listGalleryCommand,
     returns: 'list of images',

 async function listGalleryCommand(args) {
     try {
-        let url = args.char ?? (args.group ? groups.find(it=>it.name == args.group)?.id : null) ?? (selected_group || this_chid);
+        let url = args.char ?? (args.group ? groups.find(it => it.name == args.group)?.id : null) ?? (selected_group || this_chid);
         if (!args.char && !args.group && !selected_group && this_chid) {
             const char = characters[this_chid];
             url = char.avatar.replace('.png', '');
+        }
         const items = await getGalleryItems(url);
-        return JSON.stringify(items.map(it=>it.src));
+        return JSON.stringify(items.map(it => it.src));
     } catch (err) {
         console.trace();

public/scripts/extensions/gallery/manifest.json+1 -1 Viewed

     "optional": [
     ],
     "js": "index.js",
-    "css": "",
+    "css": "style.css",
     "author": "City-Unit",
     "version": "1.5.0",
     "homePage": "https://github.com/SillyTavern/SillyTavern"

public/scripts/extensions/gallery/style.css+5 -0 Viewed

+.nGY2 .nGY2GalleryBottom {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

public/scripts/extensions/memory/index.js+154 -28 Viewed

     substituteParamsExtended,
     generateRaw,
     getMaxContextSize,
+    setExtensionPrompt,
 } from '../../../script.js';
 import { is_group_generating, selected_group } from '../../group-chats.js';
 import { loadMovingUIState } from '../../power-user.js';

 import { SlashCommand } from '../../slash-commands/SlashCommand.js';
 import { ARGUMENT_TYPE, SlashCommandArgument, SlashCommandNamedArgument } from '../../slash-commands/SlashCommandArgument.js';
 import { MacrosParser } from '../../macros.js';
+import { countWebLlmTokens, generateWebLlmChatPrompt, getWebLlmContextSize, isWebLlmSupported } from '../shared.js';
 export { MODULE_NAME };
 const MODULE_NAME = '1_memory';

 let lastMessageId = null;
 let inApiCall = false;
+/**
+ * Count the number of tokens in the provided text.
+ * @param {string} text Text to count tokens for
+ * @param {number} padding Number of additional tokens to add to the count
+ * @returns {Promise<number>} Number of tokens in the text
+ */
+async function countSourceTokens(text, padding = 0) {
+    if (extension_settings.memory.source === summary_sources.webllm) {
+        const count = await countWebLlmTokens(text);
+        return count + padding;
+    }
+    if (extension_settings.memory.source === summary_sources.extras) {
+        const count = getTextTokens(tokenizers.GPT2, text).length;
+        return count + padding;
+    }
+    return await getTokenCountAsync(text, padding);
+}
+async function getSourceContextSize() {
+    const overrideLength = extension_settings.memory.overrideResponseLength;
+    if (extension_settings.memory.source === summary_sources.webllm) {
+        const maxContext = await getWebLlmContextSize();
+        return overrideLength > 0 ? (maxContext - overrideLength) : Math.round(maxContext * 0.75);
+    }
+    if (extension_settings.source === summary_sources.extras) {
+        return 1024 - 64;
+    }
+    return getMaxContextSize(overrideLength);
+}
 const formatMemoryValue = function (value) {
     if (!value) {
         return '';

 const summary_sources = {
     'extras': 'extras',
     'main': 'main',
+    'webllm': 'webllm',
 };
 const prompt_builders = {

     template: defaultTemplate,
     position: extension_prompt_types.IN_PROMPT,
     role: extension_prompt_roles.SYSTEM,
+    scan: false,
     depth: 2,
     promptWords: 200,
     promptMinWords: 25,

     $(`input[name="memory_prompt_builder"][value="${extension_settings.memory.prompt_builder}"]`).prop('checked', true).trigger('input');
     $('#memory_override_response_length').val(extension_settings.memory.overrideResponseLength).trigger('input');
     $('#memory_max_messages_per_request').val(extension_settings.memory.maxMessagesPerRequest).trigger('input');
+    $('#memory_include_wi_scan').prop('checked', extension_settings.memory.scan).trigger('input');
     switchSourceControls(extension_settings.memory.source);
+}
 async function onPromptForceWordsAutoClick() {
     const context = getContext();
-    const maxPromptLength = getMaxContextSize(extension_settings.memory.overrideResponseLength);
+    const maxPromptLength = await getSourceContextSize();
     const chat = context.chat;
     const allMessages = chat.filter(m => !m.is_system && m.mes).map(m => m.mes);
     const messagesWordCount = allMessages.map(m => extractAllWords(m)).flat().length;
     const averageMessageWordCount = messagesWordCount / allMessages.length;
-    const tokensPerWord = await getTokenCountAsync(allMessages.join('\n')) / messagesWordCount;
+    const tokensPerWord = await countSourceTokens(allMessages.join('\n')) / messagesWordCount;
     const wordsPerToken = 1 / tokensPerWord;
     const maxPromptLengthWords = Math.round(maxPromptLength * wordsPerToken);
     // How many words should pass so that messages will start be dropped out of context;

 async function onPromptIntervalAutoClick() {
     const context = getContext();
-    const maxPromptLength = getMaxContextSize(extension_settings.memory.overrideResponseLength);
+    const maxPromptLength = await getSourceContextSize();
     const chat = context.chat;
     const allMessages = chat.filter(m => !m.is_system && m.mes).map(m => m.mes);
     const messagesWordCount = allMessages.map(m => extractAllWords(m)).flat().length;
-    const messagesTokenCount = await getTokenCountAsync(allMessages.join('\n'));
+    const messagesTokenCount = await countSourceTokens(allMessages.join('\n'));
     const tokensPerWord = messagesTokenCount / messagesWordCount;
     const averageMessageTokenCount = messagesTokenCount / allMessages.length;
     const targetSummaryTokens = Math.round(extension_settings.memory.promptWords * tokensPerWord);
-    const promptTokens = await getTokenCountAsync(extension_settings.memory.prompt);
+    const promptTokens = await countSourceTokens(extension_settings.memory.prompt);
     const promptAllowance = maxPromptLength - promptTokens - targetSummaryTokens;
     const maxMessagesPerSummary = extension_settings.memory.maxMessagesPerRequest || 0;
     const averageMessagesPerPrompt = Math.floor(promptAllowance / averageMessageTokenCount);

 function switchSourceControls(value) {
     $('#memory_settings [data-summary-source]').each((_, element) => {
-        const source = $(element).data('summary-source');
+        const source = element.dataset.summarySource.split(',').map(s => s.trim());
-        $(element).toggle(source === value);
+        $(element).toggle(source.includes(value));
     });
+}

     saveSettingsDebounced();
+}
+function onMemoryIncludeWIScanInput() {
+    const value = !!$(this).prop('checked');
+    extension_settings.memory.scan = value;
+    reinsertMemory();
+    saveSettingsDebounced();
+}
 function onMemoryPromptWordsForceInput() {
     const value = $(this).val();
     extension_settings.memory.promptForceWords = Number(value);

 async function onChatEvent() {
     // Module not enabled
-    if (extension_settings.memory.source === summary_sources.extras) {
+    if (extension_settings.memory.source === summary_sources.extras && !modules.includes('summarize')) {
-        if (!modules.includes('summarize')) {
+        return;
-            return;
+    }
-        }
+    // WebLLM is not supported
+    if (extension_settings.memory.source === summary_sources.webllm && !isWebLlmSupported()) {
+        return;
+    }
     const context = getContext();

         return '';
+    }
-    toastr.info('Summarizing chat...', 'Please wait');
+    const toast = toastr.info('Summarizing chat...', 'Please wait', { timeOut: 0, extendedTimeOut: 0 });
-    const value = await summarizeChatMain(context, true, skipWIAN);
+    const value = extension_settings.memory.source === summary_sources.main
+        ? await summarizeChatMain(context, true, skipWIAN)
+        : await summarizeChatWebLLM(context, true);
+    toastr.clear(toast);
     if (!value) {
         toastr.warning('Failed to summarize chat');

                 return await callExtrasSummarizeAPI(text);
             case summary_sources.main:
                 return await generateRaw(text, '', false, false, prompt, extension_settings.memory.overrideResponseLength);
+            case summary_sources.webllm: {
+                const messages = [{ role: 'system', content: prompt }, { role: 'user', content: text }].filter(m => m.content);
+                const params = extension_settings.memory.overrideResponseLength > 0 ? { max_tokens: extension_settings.memory.overrideResponseLength } : {};
+                return await generateWebLlmChatPrompt(messages, params);
+            }
             default:
                 toastr.warning('Invalid summarization source specified');
                 return '';

         case summary_sources.main:
             await summarizeChatMain(context, false, skipWIAN);
             break;
+        case summary_sources.webllm:
+            await summarizeChatWebLLM(context, false);
+            break;
         default:
             break;
+    }
+}
-async function summarizeChatMain(context, force, skipWIAN) {
+/**
+ * Check if the chat should be summarized based on the current conditions.
+ * Return summary prompt if it should be summarized.
+ * @param {any} context ST context
+ * @param {boolean} force Summarize the chat regardless of the conditions
+ * @returns {Promise<string>} Summary prompt or empty string
+ */
+async function getSummaryPromptForNow(context, force) {
     if (extension_settings.memory.promptInterval === 0 && !force) {
         console.debug('Prompt interval is set to 0, skipping summarization');
-        return;
+        return '';
+    }
     try {

@@ -495,17 +563,17 @@ async function summarizeChatMain(context, force, skipWIAN) {
495	waitUntilCondition(() => is_send_press === false, 30000, 100);	563	waitUntilCondition(() => is_send_press === false, 30000, 100);
496	} catch {	564	} catch {
497	console.debug('Timeout waiting for is_send_press');	565	console.debug('Timeout waiting for is_send_press');
498	return;	566	return '';
499	}	567	}
500		568
501	if (!context.chat.length) {	569	if (!context.chat.length) {
502	console.debug('No messages in chat to summarize');	570	console.debug('No messages in chat to summarize');
503	return;	571	return '';
504	}	572	}
505		573
506	if (context.chat.length < extension_settings.memory.promptInterval && !force) {	574	if (context.chat.length < extension_settings.memory.promptInterval && !force) {
507	console.debug(`Not enough messages in chat to summarize (chat: ${context.chat.length}, interval: ${extension_settings.memory.promptInterval})`);	575	console.debug(`Not enough messages in chat to summarize (chat: ${context.chat.length}, interval: ${extension_settings.memory.promptInterval})`);
508	return;	576	return '';
509	}	577	}
510		578
511	let messagesSinceLastSummary = 0;	579	let messagesSinceLastSummary = 0;

     if (!conditionSatisfied && !force) {
         console.debug(`Summary conditions not satisfied (messages: ${messagesSinceLastSummary}, interval: ${extension_settings.memory.promptInterval}, words: ${wordsSinceLastSummary}, force words: ${extension_settings.memory.promptForceWords})`);
-        return;
+        return '';
+    }
     console.log('Summarizing chat, messages since last summary: ' + messagesSinceLastSummary, 'words since last summary: ' + wordsSinceLastSummary);

     if (!prompt) {
         console.debug('Summarization prompt is empty. Skipping summarization.');
+        return '';
+    }
+    return prompt;
+}
+async function summarizeChatWebLLM(context, force) {
+    if (!isWebLlmSupported()) {
+        return;
+    }
+    const prompt = await getSummaryPromptForNow(context, force);
+    if (!prompt) {
+        return;
+    }
+    const { rawPrompt, lastUsedIndex } = await getRawSummaryPrompt(context, prompt);
+    if (lastUsedIndex === null || lastUsedIndex === -1) {
+        if (force) {
+            toastr.info('To try again, remove the latest summary.', 'No messages found to summarize');
+        }
+        return null;
+    }
+    const messages = [
+        { role: 'system', content: prompt },
+        { role: 'user', content: rawPrompt },
+    ];
+    const params = {};
+    if (extension_settings.memory.overrideResponseLength > 0) {
+        params.max_tokens = extension_settings.memory.overrideResponseLength;
+    }
+    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;
+    }
+    setMemoryContext(summary, true, lastUsedIndex);
+    return summary;
+}
+async function summarizeChatMain(context, force, skipWIAN) {
+    const prompt = await getSummaryPromptForNow(context, force);
+    if (!prompt) {
         return;
+    }

     chat.pop(); // We always exclude the last message from the buffer
     const chatBuffer = [];
     const PADDING = 64;
-    const PROMPT_SIZE = getMaxContextSize(extension_settings.memory.overrideResponseLength);
+    const PROMPT_SIZE = await getSourceContextSize();
     let latestUsedMessage = null;
     for (let index = latestSummaryIndex + 1; index < chat.length; index++) {

         const entry = `${message.name}:\n${message.mes}`;
         chatBuffer.push(entry);
-        const tokens = await getTokenCountAsync(getMemoryString(true), PADDING);
+        const tokens = await countSourceTokens(getMemoryString(true), PADDING);
         if (tokens > PROMPT_SIZE) {
             chatBuffer.pop();

     const reversedChat = chat.slice().reverse();
     reversedChat.shift();
     const memoryBuffer = [];
-    const CONTEXT_SIZE = 1024 - 64;
+    const CONTEXT_SIZE = await getSourceContextSize();
     for (const message of reversedChat) {
         // we reached the point of latest memory

         memoryBuffer.push(entry);
         // check if token limit was reached
-        const tokens = getTextTokens(tokenizers.GPT2, getMemoryString()).length;
+        const tokens = await countSourceTokens(getMemoryString());
         if (tokens >= CONTEXT_SIZE) {
             break;
+        }
+    }
     const resultingString = getMemoryString();
-    const resultingTokens = getTextTokens(tokenizers.GPT2, resultingString).length;
+    const resultingTokens = await countSourceTokens(resultingString);
     if (!resultingString || resultingTokens < CONTEXT_SIZE) {
         console.debug('Not enough context to summarize');

  * @param {number|null} index Index of the chat message to save the summary to. If null, the pre-last message is used.
  */
 function setMemoryContext(value, saveToMessage, index = null) {
-    const context = getContext();
+    setExtensionPrompt(MODULE_NAME, formatMemoryValue(value), extension_settings.memory.position, extension_settings.memory.depth, extension_settings.memory.scan, extension_settings.memory.role);
-    context.setExtensionPrompt(MODULE_NAME, formatMemoryValue(value), extension_settings.memory.position, extension_settings.memory.depth, false, extension_settings.memory.role);
     $('#memory_contents').val(value);
     const summaryLog = value

         : 'Summary has no content';
     console.debug(summaryLog);
+    const context = getContext();
     if (saveToMessage && context.chat.length) {
         const idx = index ?? context.chat.length - 2;
         const mes = context.chat[idx < 0 ? 0 : idx];

     $('#memory_prompt_words_auto').off('click').on('click', onPromptForceWordsAutoClick);
     $('#memory_override_response_length').off('click').on('input', onOverrideResponseLengthInput);
     $('#memory_max_messages_per_request').off('click').on('input', onMaxMessagesPerRequestInput);
+    $('#memory_include_wi_scan').off('input').on('input', onMemoryIncludeWIScanInput);
     $('#summarySettingsBlockToggle').off('click').on('click', function () {
         console.log('saw settings button click');
         $('#summarySettingsBlock').slideToggle(200, 'swing'); //toggleClass("hidden");

         name: 'summarize',
         callback: summarizeCallback,
         namedArgumentList: [
-            new SlashCommandNamedArgument('source', 'API to use for summarization', [ARGUMENT_TYPE.STRING], false, false, '', ['main', 'extras']),
+            new SlashCommandNamedArgument('source', 'API to use for summarization', [ARGUMENT_TYPE.STRING], false, false, '', Object.values(summary_sources)),
             SlashCommandNamedArgument.fromProps({
                 name: 'prompt',
                 description: 'prompt to use for summarization',

public/scripts/extensions/memory/settings.html+13 -3 Viewed

                 <select id="summary_source">
                     <option value="main" data-i18n="ext_sum_main_api">Main API</option>
                     <option value="extras">Extras API</option>
+                    <option value="webllm" data-i18n="ext_sum_webllm">WebLLM Extension</option>
                 </select><br>
                 <div class="flex-container justifyspacebetween alignitemscenter">

                 <textarea id="memory_contents" class="text_pole textarea_compact" rows="6" data-i18n="[placeholder]ext_sum_memory_placeholder" placeholder="Summary will be generated here..."></textarea>
                 <div class="memory_contents_controls">
-                    <div id="memory_force_summarize" data-summary-source="main" class="menu_button menu_button_icon" title="Trigger a summary update right now." data-i18n="[title]ext_sum_force_tip">
+                    <div id="memory_force_summarize" data-summary-source="main,webllm" class="menu_button menu_button_icon" title="Trigger a summary update right now." data-i18n="[title]ext_sum_force_tip">
                         <i class="fa-solid fa-database"></i>
                         <span data-i18n="ext_sum_force_text">Summarize now</span>
                     </div>

                             <span data-i18n="ext_sum_prompt_builder_3">Classic, blocking</span>
                         </label>
                     </div>
-                    <div data-summary-source="main">
+                    <div data-summary-source="main,webllm">
                         <label for="memory_prompt" class="title_restorable">
                             <span data-i18n="Summary Prompt">Summary Prompt</span>
                             <div id="memory_prompt_restore" data-i18n="[title]ext_sum_restore_default_prompt_tip" title="Restore default prompt" class="right_menu_button">

                         </label>
                         <input id="memory_override_response_length" type="range" value="{{defaultSettings.overrideResponseLength}}" min="{{defaultSettings.overrideResponseLengthMin}}" max="{{defaultSettings.overrideResponseLengthMax}}" step="{{defaultSettings.overrideResponseLengthStep}}" />
                         <label for="memory_max_messages_per_request">
-                            <span data-i18n="ext_sum_raw_max_msg">[Raw] Max messages per request</span> (<span id="memory_max_messages_per_request_value"></span>)
+                            <span data-i18n="ext_sum_raw_max_msg">[Raw/WebLLM] Max messages per request</span> (<span id="memory_max_messages_per_request_value"></span>)
                             <small class="memory_disabled_hint" data-i18n="ext_sum_0_unlimited">0 = unlimited</small>
                         </label>
                         <input id="memory_max_messages_per_request" type="range" value="{{defaultSettings.maxMessagesPerRequest}}" min="{{defaultSettings.maxMessagesPerRequestMin}}" max="{{defaultSettings.maxMessagesPerRequestMax}}" step="{{defaultSettings.maxMessagesPerRequestStep}}" />

                         <textarea id="memory_template" class="text_pole textarea_compact" rows="2" data-i18n="[placeholder]ext_sum_memory_template_placeholder" placeholder="&lcub;&lcub;summary&rcub;&rcub; will resolve to the current summary contents."></textarea>
                     </div>
                     <label for="memory_position" data-i18n="ext_sum_injection_position">Injection Position</label>
+                    <label class="checkbox_label" for="memory_include_wi_scan" data-i18n="[title]ext_sum_include_wi_scan_desc" title="Include the latest summary in the WI scan.">
+                        <input id="memory_include_wi_scan" type="checkbox" />
+                        <span data-i18n="ext_sum_include_wi_scan">Include in World Info Scanning</span>
+                    </label>
                     <div class="radio_group">
                         <label>
+                            <input type="radio" name="memory_position" value="-1" />
+                            <span data-i18n="None (not injected)">None (not injected)</span>
+                            <i class="fa-solid fa-info-circle" title="The summary will not be injected into the prompt. You can still access it via the &lcub;&lcub;summary&rcub;&rcub; macro." data-i18n="[title]ext_sum_injection_position_none"></i>
+                        </label>
+                        <label>
                             <input type="radio" name="memory_position" value="2" />
                             <span data-i18n="Before Main Prompt / Story String">Before Main Prompt / Story String</span>
                         </label>

public/scripts/extensions/quick-reply/api/QuickReplyApi.js+94 -66 Viewed

     /**
+     * @param {QuickReply} qr
+     * @returns {QuickReplySet}
+     */
+    getSetByQr(qr) {
+        return QuickReplySet.list.find(it=>it.qrList.includes(qr));
+    }
+    /**
      * Finds and returns an existing Quick Reply Set by its name.
+     *
-     * @param {String} name name of the quick reply set
+     * @param {string} name name of the quick reply set
      * @returns the quick reply set, or undefined if not found
      */
     getSetByName(name) {

     /**
      * Finds and returns an existing Quick Reply by its set's name and its label.
+     *
-     * @param {String} setName name of the quick reply set
+     * @param {string} setName name of the quick reply set
-     * @param {String} label label of the quick reply
+     * @param {string|number} label label or numeric ID of the quick reply
      * @returns the quick reply, or undefined if not found
      */
     getQrByLabel(setName, label) {
         const set = this.getSetByName(setName);
         if (!set) return;
+        if (Number.isInteger(label)) return set.qrList.find(it=>it.id == label);
         return set.qrList.find(it=>it.label == label);
+    }

     /**
      * Executes an existing quick reply.
+     *
-     * @param {String} setName name of the existing quick reply set
+     * @param {string} setName name of the existing quick reply set
-     * @param {String} label label of the existing quick reply (text on the button)
+     * @param {string|number} label label of the existing quick reply (text on the button) or its numeric ID
-     * @param {Object} [args] optional arguments
+     * @param {object} [args] optional arguments
+     * @param {import('../../../slash-commands.js').ExecuteSlashCommandsOptions} [options] optional execution options
      */
-    async executeQuickReply(setName, label, args = {}) {
+    async executeQuickReply(setName, label, args = {}, options = {}) {
         const qr = this.getQrByLabel(setName, label);
         if (!qr) {
             throw new Error(`No quick reply with label "${label}" in set "${setName}" found.`);
+        }
-        return await qr.execute(args);
+        return await qr.execute(args, false, false, options);
+    }
     /**
      * Adds or removes a quick reply set to the list of globally active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
-     * @param {Boolean} isVisible whether to show the set's buttons or not
+     * @param {boolean} isVisible whether to show the set's buttons or not
      */
     toggleGlobalSet(name, isVisible = true) {
         const set = this.getSetByName(name);

     /**
      * Adds a quick reply set to the list of globally active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
-     * @param {Boolean} isVisible whether to show the set's buttons or not
+     * @param {boolean} isVisible whether to show the set's buttons or not
      */
     addGlobalSet(name, isVisible = true) {
         const set = this.getSetByName(name);

     /**
      * Removes a quick reply set from the list of globally active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
      */
     removeGlobalSet(name) {
         const set = this.getSetByName(name);

     /**
      * Adds or removes a quick reply set to the list of the current chat's active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
-     * @param {Boolean} isVisible whether to show the set's buttons or not
+     * @param {boolean} isVisible whether to show the set's buttons or not
      */
     toggleChatSet(name, isVisible = true) {
         if (!this.settings.chatConfig) return;

     /**
      * Adds a quick reply set to the list of the current chat's active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
-     * @param {Boolean} isVisible whether to show the set's buttons or not
+     * @param {boolean} isVisible whether to show the set's buttons or not
      */
     addChatSet(name, isVisible = true) {
         if (!this.settings.chatConfig) return;

     /**
      * Removes a quick reply set from the list of the current chat's active quick reply sets.
+     *
-     * @param {String} name the name of the set
+     * @param {string} name the name of the set
      */
     removeChatSet(name) {
         if (!this.settings.chatConfig) return;

     /**
      * Creates a new quick reply in an existing quick reply set.
+     *
-     * @param {String} setName name of the quick reply set to insert the new quick reply into
+     * @param {string} setName name of the quick reply set to insert the new quick reply into
-     * @param {String} label label for the new quick reply (text on the button)
+     * @param {string} label label for the new quick reply (text on the button)
-     * @param {Object} [props]
+     * @param {object} [props]
-     * @param {String} [props.message] the message to be sent or slash command to be executed by the new quick reply
+     * @param {string} [props.icon] the icon to show on the QR button
-     * @param {String} [props.title] the title / tooltip to be shown on the quick reply button
+     * @param {boolean} [props.showLabel] whether to show the label even when an icon is assigned
-     * @param {Boolean} [props.isHidden] whether to hide or show the button
+     * @param {string} [props.message] the message to be sent or slash command to be executed by the new quick reply
-     * @param {Boolean} [props.executeOnStartup] whether to execute the quick reply when SillyTavern starts
+     * @param {string} [props.title] the title / tooltip to be shown on the quick reply button
-     * @param {Boolean} [props.executeOnUser] whether to execute the quick reply after a user has sent a message
+     * @param {boolean} [props.isHidden] whether to hide or show the button
-     * @param {Boolean} [props.executeOnAi] whether to execute the quick reply after the AI has sent a message
+     * @param {boolean} [props.executeOnStartup] whether to execute the quick reply when SillyTavern starts
-     * @param {Boolean} [props.executeOnChatChange] whether to execute the quick reply when a new chat is loaded
+     * @param {boolean} [props.executeOnUser] whether to execute the quick reply after a user has sent a message
-     * @param {Boolean} [props.executeOnGroupMemberDraft] whether to execute the quick reply when a group member is selected
+     * @param {boolean} [props.executeOnAi] whether to execute the quick reply after the AI has sent a message
-     * @param {String} [props.automationId] when not empty, the quick reply will be executed when the WI with the given automation ID is activated
+     * @param {boolean} [props.executeOnChatChange] whether to execute the quick reply when a new chat is loaded
+     * @param {boolean} [props.executeOnGroupMemberDraft] whether to execute the quick reply when a group member is selected
+     * @param {boolean} [props.executeOnNewChat] whether to execute the quick reply when a new chat is created
+     * @param {string} [props.automationId] when not empty, the quick reply will be executed when the WI with the given automation ID is activated
      * @returns {QuickReply} the new quick reply
      */
     createQuickReply(setName, label, {
+        icon,
+        showLabel,
         message,
         title,
         isHidden,

         executeOnAi,
         executeOnChatChange,
         executeOnGroupMemberDraft,
+        executeOnNewChat,
         automationId,
     } = {}) {
         const set = this.getSetByName(setName);

+        }
         const qr = set.addQuickReply();
         qr.label = label ?? '';
+        qr.icon = icon ??  '';
+        qr.showLabel = showLabel ?? false;
         qr.message = message ?? '';
         qr.title = title ?? '';
         qr.isHidden = isHidden ?? false;

         qr.executeOnAi = executeOnAi ?? false;
         qr.executeOnChatChange = executeOnChatChange ?? false;
         qr.executeOnGroupMemberDraft = executeOnGroupMemberDraft ?? false;
+        qr.executeOnNewChat = executeOnNewChat ?? false;
         qr.automationId = automationId ?? '';
         qr.onUpdate();
         return qr;

     /**
      * Updates an existing quick reply.
+     *
-     * @param {String} setName name of the existing quick reply set
+     * @param {string} setName name of the existing quick reply set
-     * @param {String} label label of the existing quick reply (text on the button)
+     * @param {string|number} label label of the existing quick reply (text on the button) or its numeric ID
-     * @param {Object} [props]
+     * @param {object} [props]
-     * @param {String} [props.newLabel] new label for quick reply (text on the button)
+     * @param {string} [props.icon] the icon to show on the QR button
-     * @param {String} [props.message] the message to be sent or slash command to be executed by the quick reply
+     * @param {boolean} [props.showLabel] whether to show the label even when an icon is assigned
-     * @param {String} [props.title] the title / tooltip to be shown on the quick reply button
+     * @param {string} [props.newLabel] new label for quick reply (text on the button)
-     * @param {Boolean} [props.isHidden] whether to hide or show the button
+     * @param {string} [props.message] the message to be sent or slash command to be executed by the quick reply
-     * @param {Boolean} [props.executeOnStartup] whether to execute the quick reply when SillyTavern starts
+     * @param {string} [props.title] the title / tooltip to be shown on the quick reply button
-     * @param {Boolean} [props.executeOnUser] whether to execute the quick reply after a user has sent a message
+     * @param {boolean} [props.isHidden] whether to hide or show the button
-     * @param {Boolean} [props.executeOnAi] whether to execute the quick reply after the AI has sent a message
+     * @param {boolean} [props.executeOnStartup] whether to execute the quick reply when SillyTavern starts
-     * @param {Boolean} [props.executeOnChatChange] whether to execute the quick reply when a new chat is loaded
+     * @param {boolean} [props.executeOnUser] whether to execute the quick reply after a user has sent a message
-     * @param {Boolean} [props.executeOnGroupMemberDraft] whether to execute the quick reply when a group member is selected
+     * @param {boolean} [props.executeOnAi] whether to execute the quick reply after the AI has sent a message
-     * @param {String} [props.automationId] when not empty, the quick reply will be executed when the WI with the given automation ID is activated
+     * @param {boolean} [props.executeOnChatChange] whether to execute the quick reply when a new chat is loaded
+     * @param {boolean} [props.executeOnGroupMemberDraft] whether to execute the quick reply when a group member is selected
+     * @param {boolean} [props.executeOnNewChat] whether to execute the quick reply when a new chat is created
+     * @param {string} [props.automationId] when not empty, the quick reply will be executed when the WI with the given automation ID is activated
      * @returns {QuickReply} the altered quick reply
      */
     updateQuickReply(setName, label, {
+        icon,
+        showLabel,
         newLabel,
         message,
         title,

         executeOnAi,
         executeOnChatChange,
         executeOnGroupMemberDraft,
+        executeOnNewChat,
         automationId,
     } = {}) {
         const qr = this.getQrByLabel(setName, label);
         if (!qr) {
             throw new Error(`No quick reply with label "${label}" in set "${setName}" found.`);
+        }
+        qr.updateIcon(icon ?? qr.icon);
+        qr.updateShowLabel(showLabel ?? qr.showLabel);
         qr.updateLabel(newLabel ?? qr.label);
         qr.updateMessage(message ?? qr.message);
         qr.updateTitle(title ?? qr.title);

         qr.executeOnAi = executeOnAi ?? qr.executeOnAi;
         qr.executeOnChatChange = executeOnChatChange ?? qr.executeOnChatChange;
         qr.executeOnGroupMemberDraft = executeOnGroupMemberDraft ?? qr.executeOnGroupMemberDraft;
+        qr.executeOnNewChat = executeOnNewChat ?? qr.executeOnNewChat;
         qr.automationId = automationId ?? qr.automationId;
         qr.onUpdate();
         return qr;

     /**
      * Deletes an existing quick reply.
+     *
-     * @param {String} setName name of the existing quick reply set
+     * @param {string} setName name of the existing quick reply set
-     * @param {String} label label of the existing quick reply (text on the button)
+     * @param {string|number} label label of the existing quick reply (text on the button) or its numeric ID
      */
     deleteQuickReply(setName, label) {
         const qr = this.getQrByLabel(setName, label);

     /**
      * Adds an existing quick reply set as a context menu to an existing quick reply.
+     *
-     * @param {String} setName name of the existing quick reply set containing the quick reply
+     * @param {string} setName name of the existing quick reply set containing the quick reply
-     * @param {String} label label of the existing quick reply
+     * @param {string|number} label label of the existing quick reply or its numeric ID
-     * @param {String} contextSetName name of the existing quick reply set to be used as a context menu
+     * @param {string} contextSetName name of the existing quick reply set to be used as a context menu
-     * @param {Boolean} isChained whether or not to chain the context menu quick replies
+     * @param {boolean} isChained whether or not to chain the context menu quick replies
      */
     createContextItem(setName, label, contextSetName, isChained = false) {
         const qr = this.getQrByLabel(setName, label);

     /**
      * Removes a quick reply set from a quick reply's context menu.
+     *
-     * @param {String} setName name of the existing quick reply set containing the quick reply
+     * @param {string} setName name of the existing quick reply set containing the quick reply
-     * @param {String} label label of the existing quick reply
+     * @param {string|number} label label of the existing quick reply or its numeric ID
-     * @param {String} contextSetName name of the existing quick reply set to be used as a context menu
+     * @param {string} contextSetName name of the existing quick reply set to be used as a context menu
      */
     deleteContextItem(setName, label, contextSetName) {
         const qr = this.getQrByLabel(setName, label);

     /**
      * Removes all entries from a quick reply's context menu.
+     *
-     * @param {String} setName name of the existing quick reply set containing the quick reply
+     * @param {string} setName name of the existing quick reply set containing the quick reply
-     * @param {String} label label of the existing quick reply
+     * @param {string|number} label label of the existing quick reply or its numeric ID
      */
     clearContextMenu(setName, label) {
         const qr = this.getQrByLabel(setName, label);

     /**
      * Create a new quick reply set.
+     *
-     * @param {String} name name of the new quick reply set
+     * @param {string} name name of the new quick reply set
-     * @param {Object} [props]
+     * @param {object} [props]
-     * @param {Boolean} [props.disableSend] whether or not to send the quick replies or put the message or slash command into the char input box
+     * @param {boolean} [props.disableSend] whether or not to send the quick replies or put the message or slash command into the char input box
-     * @param {Boolean} [props.placeBeforeInput] whether or not to place the quick reply contents before the existing user input
+     * @param {boolean} [props.placeBeforeInput] whether or not to place the quick reply contents before the existing user input
-     * @param {Boolean} [props.injectInput] whether or not to automatically inject the user input at the end of the quick reply
+     * @param {boolean} [props.injectInput] whether or not to automatically inject the user input at the end of the quick reply
      * @returns {Promise<QuickReplySet>} the new quick reply set
      */
     async createSet(name, {

     /**
      * Update an existing quick reply set.
+     *
-     * @param {String} name name of the existing quick reply set
+     * @param {string} name name of the existing quick reply set
-     * @param {Object} [props]
+     * @param {object} [props]
-     * @param {Boolean} [props.disableSend] whether or not to send the quick replies or put the message or slash command into the char input box
+     * @param {boolean} [props.disableSend] whether or not to send the quick replies or put the message or slash command into the char input box
-     * @param {Boolean} [props.placeBeforeInput] whether or not to place the quick reply contents before the existing user input
+     * @param {boolean} [props.placeBeforeInput] whether or not to place the quick reply contents before the existing user input
-     * @param {Boolean} [props.injectInput] whether or not to automatically inject the user input at the end of the quick reply
+     * @param {boolean} [props.injectInput] whether or not to automatically inject the user input at the end of the quick reply
      * @returns {Promise<QuickReplySet>} the altered quick reply set
      */
     async updateSet(name, {

     /**
      * Delete an existing quick reply set.
+     *
-     * @param {String} name name of the existing quick reply set
+     * @param {string} name name of the existing quick reply set
      */
     async deleteSet(name) {
         const set  = this.getSetByName(name);

     /**
      * Gets a list of all quick replies in the quick reply set.
+     *
-     * @param {String} setName name of the existing quick reply set
+     * @param {string} setName name of the existing quick reply set
      * @returns array with the labels of this set's quick replies
      */
     listQuickReplies(setName) {

public/scripts/extensions/quick-reply/html/qrEditor.html+38 -8 Viewed

 	<div id="qr--main">
 		<h3 data-i18n="Labels and Message">Labels and Message</h3>
 		<div class="qr--labels">
-			<label>
+			<label class="qr--fit">
-				<span class="qr--labelText" data-i18n="Label">Label</span>
+				<span class="qr--labelText" data-i18n="Label">Icon</span>
-				<input type="text" class="text_pole" id="qr--modal-label">
+				<small class="qr--labelHint">&nbsp;</small>
+				<div class="menu_button fa-fw" id="qr--modal-icon" title="Click to change icon"></div>
 			</label>
+			<div class="label">
+				<span class="qr--labelText" data-i18n="Label">Label</span>
+				<small class="qr--labelHint" data-i18n="(label of the button, if no icon is chosen) ">(label of the button, if no icon is chosen)</small>
+				<div class="qr--inputGroup">
+					<label class="checkbox_label" title="Show label even if an icon is assigned">
+						<input type="checkbox" id="qr--modal-showLabel">
+						Show
+					</label>
+					<input type="text" class="text_pole" id="qr--modal-label">
+					<div class="menu_button fa-fw fa-solid fa-chevron-down" id="qr--modal-switcher" title="Switch to another QR"></div>
+				</div>
+			</div>
 			<label>
 				<span class="qr--labelText" data-i18n="Title">Title</span>
 				<small class="qr--labelHint" data-i18n="(tooltip, leave empty to show message or /command)">(tooltip, leave empty to show message or /command)</small>

 					<input type="checkbox" id="qr--modal-syntax">
 					<span>Syntax highlight</span>
 				</label>
+				<small>Ctrl+Alt+Click (or F9) to set / remove breakpoints</small>
+				<small>Ctrl+<span id="qr--modal-commentKey"></span> to toggle block comments</small>
 			</div>
 			<div id="qr--modal-messageHolder">
 				<pre id="qr--modal-messageSyntax"><code id="qr--modal-messageSyntaxInner" class="hljs language-stscript"></code></pre>

+	<div id="qr--resizeHandle"></div>
 	<div id="qr--qrOptions">
 		<h3 data-i18n="Context Menu">Context Menu</h3>
 		<div id="qr--ctxEditor">

 		<h3 data-i18n="Auto-Execute">Auto-Execute</h3>
-		<div class="flex-container flexFlowColumn">
+		<div id="qr--autoExec" class="flex-container flexFlowColumn">
 			<label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)">
 				<input type="checkbox" id="qr--preventAutoExecute" >
 				<span><i class="fa-solid fa-fw fa-plane-slash"></i><span data-i18n="Don't trigger auto-execute">Don't trigger auto-execute</span></span>

 				<span><i class="fa-solid fa-fw fa-message"></i><span data-i18n="Execute on chat change">Execute on chat change</span></span>
 			</label>
             <label class="checkbox_label">
+                <input type="checkbox" id="qr--executeOnNewChat">
+                <span><i class="fa-solid fa-fw fa-comments"></i><span data-i18n="Execute on new chat">Execute on new chat</span></span>
+            </label>
+            <label class="checkbox_label">
                 <input type="checkbox" id="qr--executeOnGroupMemberDraft">
                 <span><i class="fa-solid fa-fw fa-people-group"></i><span data-i18n="Execute on group member draft">Execute on group member draft</span></span>
             </label>

 			</div>
 		</div>
 		<div id="qr--modal-executeProgress"></div>
-		<label class="checkbox_label">
-			<input type="checkbox" id="qr--modal-executeHide">
-			<span title="Hide editor while executing"> Hide editor while executing</span>
-		</label>
 		<div id="qr--modal-executeErrors"></div>
 		<div id="qr--modal-executeResult"></div>
+		<div id="qr--modal-debugButtons">
+			<div title="Resume" id="qr--modal-resume" class="qr--modal-debugButton menu_button"></div>
+			<div title="Step Over" id="qr--modal-step" class="qr--modal-debugButton menu_button"></div>
+			<div title="Step Into" id="qr--modal-stepInto" class="qr--modal-debugButton menu_button"></div>
+			<div title="Step Out" id="qr--modal-stepOut" class="qr--modal-debugButton menu_button"></div>
+			<div title="Minimize" id="qr--modal-minimize" class="qr--modal-debugButton menu_button fa-solid fa-minimize"></div>
+			<div title="Maximize" id="qr--modal-maximize" class="qr--modal-debugButton menu_button fa-solid fa-maximize"></div>
+		</div>
+		<textarea rows="1" id="qr--modal-send_textarea" placeholder="Chat input for use with {{input}}" title="Chat input for use with {{input}}"></textarea>
+		<div id="qr--modal-debugState"></div>
 	</div>
 </div>

public/scripts/extensions/quick-reply/html/settings.html+10 -0 Viewed

 					<label class="flex-container" id="qr--injectInputContainer">
 						<input type="checkbox" id="qr--injectInput"> <span><span data-i18n="Inject user input automatically">Inject user input automatically</span> <small><span data-i18n="(if disabled, use ">(if disabled, use</span><code>{{input}}</code> <span data-i18n="macro for manual injection)">macro for manual injection)</span></small></span>
 					</label>
+					<div class="flex-container alignItemsCenter">
+						<toolcool-color-picker id="qr--color"></toolcool-color-picker>
+						<div class="menu_button" id="qr--colorClear">Clear</div>
+						<span data-i18n="Color">Color</span>
+					</div>
+					<label class="flex-container" id="qr--onlyBorderColorContainer">
+						<input type="checkbox" id="qr--onlyBorderColor"> <span data-i18n="Only apply color as accent">Only apply color as accent</span>
+					</label>
 				</div>
 				<div id="qr--set-qrList" class="qr--qrList"></div>
 				<div class="qr--set-qrListActions">
 					<div class="qr--add menu_button menu_button_icon fa-solid fa-plus" id="qr--set-add" title="Add quick reply"></div>
+					<div class="qr--paste menu_button menu_button_icon fa-solid fa-paste" id="qr--set-paste" title="Paste quick reply from clipboard"></div>
+					<div class="qr--import menu_button menu_button_icon fa-solid fa-file-import" id="qr--set-importQr" title="Import quick reply from file"></div>
 				</div>
 			</div>
 		</div>

public/scripts/extensions/quick-reply/index.js+8 -2 Viewed

                     qr.executeOnAi = slot.autoExecute_botMessage ?? false;
                     qr.executeOnChatChange = slot.autoExecute_chatLoad ?? false;
                     qr.executeOnGroupMemberDraft = slot.autoExecute_groupMemberDraft ?? false;
+                    qr.executeOnNewChat = slot.autoExecute_newChat ?? false;
                     qr.automationId = slot.automationId ?? '';
                     qr.contextList = (slot.contextMenu ?? []).map(it=>({
                         set: it.preset,

     buttons.show();
     settings.onSave = ()=>buttons.refresh();
-    window['executeQuickReplyByName'] = async(name, args = {}) => {
+    window['executeQuickReplyByName'] = async(name, args = {}, options = {}) => {
         let qr = [...settings.config.setList, ...(settings.chatConfig?.setList ?? [])]
             .map(it=>it.set.qrList)
             .flat()

@@ -191,7 +192,7 @@ const init = async () => {
191	}	192	}
192	}	193	}
193	if (qr && qr.onExecute) {	194	if (qr && qr.onExecute) {
194	return await qr.execute(args, false, true);	195	return await qr.execute(args, false, true, options);
195	} else {	196	} else {
196	throw new Error(`No Quick Reply found for "${name}".`);	197	throw new Error(`No Quick Reply found for "${name}".`);
197	}	198	}

     await autoExec.handleWIActivation(entries);
 };
 eventSource.on(event_types.WORLD_INFO_ACTIVATED, (...args) => executeIfReadyElseQueue(onWIActivation, args));
+const onNewChat = async () => {
+    await autoExec.handleNewChat();
+};
+eventSource.on(event_types.CHAT_CREATED, (...args) => executeIfReadyElseQueue(onNewChat, args));

public/scripts/extensions/quick-reply/lib/morphdom-esm.js+769 -0 Viewed

+var DOCUMENT_FRAGMENT_NODE = 11;
+function morphAttrs(fromNode, toNode) {
+    var toNodeAttrs = toNode.attributes;
+    var attr;
+    var attrName;
+    var attrNamespaceURI;
+    var attrValue;
+    var fromValue;
+    // document-fragments dont have attributes so lets not do anything
+    if (toNode.nodeType === DOCUMENT_FRAGMENT_NODE || fromNode.nodeType === DOCUMENT_FRAGMENT_NODE) {
+      return;
+    }
+    // update attributes on original DOM element
+    for (var i = toNodeAttrs.length - 1; i >= 0; i--) {
+        attr = toNodeAttrs[i];
+        attrName = attr.name;
+        attrNamespaceURI = attr.namespaceURI;
+        attrValue = attr.value;
+        if (attrNamespaceURI) {
+            attrName = attr.localName || attrName;
+            fromValue = fromNode.getAttributeNS(attrNamespaceURI, attrName);
+            if (fromValue !== attrValue) {
+                if (attr.prefix === 'xmlns'){
+                    attrName = attr.name; // It's not allowed to set an attribute with the XMLNS namespace without specifying the `xmlns` prefix
+                }
+                fromNode.setAttributeNS(attrNamespaceURI, attrName, attrValue);
+            }
+        } else {
+            fromValue = fromNode.getAttribute(attrName);
+            if (fromValue !== attrValue) {
+                fromNode.setAttribute(attrName, attrValue);
+            }
+        }
+    }
+    // Remove any extra attributes found on the original DOM element that
+    // weren't found on the target element.
+    var fromNodeAttrs = fromNode.attributes;
+    for (var d = fromNodeAttrs.length - 1; d >= 0; d--) {
+        attr = fromNodeAttrs[d];
+        attrName = attr.name;
+        attrNamespaceURI = attr.namespaceURI;
+        if (attrNamespaceURI) {
+            attrName = attr.localName || attrName;
+            if (!toNode.hasAttributeNS(attrNamespaceURI, attrName)) {
+                fromNode.removeAttributeNS(attrNamespaceURI, attrName);
+            }
+        } else {
+            if (!toNode.hasAttribute(attrName)) {
+                fromNode.removeAttribute(attrName);
+            }
+        }
+    }
+}
+var range; // Create a range object for efficently rendering strings to elements.
+var NS_XHTML = 'http://www.w3.org/1999/xhtml';
+var doc = typeof document === 'undefined' ? undefined : document;
+var HAS_TEMPLATE_SUPPORT = !!doc && 'content' in doc.createElement('template');
+var HAS_RANGE_SUPPORT = !!doc && doc.createRange && 'createContextualFragment' in doc.createRange();
+function createFragmentFromTemplate(str) {
+    var template = doc.createElement('template');
+    template.innerHTML = str;
+    return template.content.childNodes[0];
+}
+function createFragmentFromRange(str) {
+    if (!range) {
+        range = doc.createRange();
+        range.selectNode(doc.body);
+    }
+    var fragment = range.createContextualFragment(str);
+    return fragment.childNodes[0];
+}
+function createFragmentFromWrap(str) {
+    var fragment = doc.createElement('body');
+    fragment.innerHTML = str;
+    return fragment.childNodes[0];
+}
+/**
+ * This is about the same
+ * var html = new DOMParser().parseFromString(str, 'text/html');
+ * return html.body.firstChild;
+ *
+ * @method toElement
+ * @param {String} str
+ */
+function toElement(str) {
+    str = str.trim();
+    if (HAS_TEMPLATE_SUPPORT) {
+      // avoid restrictions on content for things like `<tr><th>Hi</th></tr>` which
+      // createContextualFragment doesn't support
+      // <template> support not available in IE
+      return createFragmentFromTemplate(str);
+    } else if (HAS_RANGE_SUPPORT) {
+      return createFragmentFromRange(str);
+    }
+    return createFragmentFromWrap(str);
+}
+/**
+ * Returns true if two node's names are the same.
+ *
+ * NOTE: We don't bother checking `namespaceURI` because you will never find two HTML elements with the same
+ *       nodeName and different namespace URIs.
+ *
+ * @param {Element} a
+ * @param {Element} b The target element
+ * @return {boolean}
+ */
+function compareNodeNames(fromEl, toEl) {
+    var fromNodeName = fromEl.nodeName;
+    var toNodeName = toEl.nodeName;
+    var fromCodeStart, toCodeStart;
+    if (fromNodeName === toNodeName) {
+        return true;
+    }
+    fromCodeStart = fromNodeName.charCodeAt(0);
+    toCodeStart = toNodeName.charCodeAt(0);
+    // If the target element is a virtual DOM node or SVG node then we may
+    // need to normalize the tag name before comparing. Normal HTML elements that are
+    // in the "http://www.w3.org/1999/xhtml"
+    // are converted to upper case
+    if (fromCodeStart <= 90 && toCodeStart >= 97) { // from is upper and to is lower
+        return fromNodeName === toNodeName.toUpperCase();
+    } else if (toCodeStart <= 90 && fromCodeStart >= 97) { // to is upper and from is lower
+        return toNodeName === fromNodeName.toUpperCase();
+    } else {
+        return false;
+    }
+}
+/**
+ * Create an element, optionally with a known namespace URI.
+ *
+ * @param {string} name the element name, e.g. 'div' or 'svg'
+ * @param {string} [namespaceURI] the element's namespace URI, i.e. the value of
+ * its `xmlns` attribute or its inferred namespace.
+ *
+ * @return {Element}
+ */
+function createElementNS(name, namespaceURI) {
+    return !namespaceURI || namespaceURI === NS_XHTML ?
+        doc.createElement(name) :
+        doc.createElementNS(namespaceURI, name);
+}
+/**
+ * Copies the children of one DOM element to another DOM element
+ */
+function moveChildren(fromEl, toEl) {
+    var curChild = fromEl.firstChild;
+    while (curChild) {
+        var nextChild = curChild.nextSibling;
+        toEl.appendChild(curChild);
+        curChild = nextChild;
+    }
+    return toEl;
+}
+function syncBooleanAttrProp(fromEl, toEl, name) {
+    if (fromEl[name] !== toEl[name]) {
+        fromEl[name] = toEl[name];
+        if (fromEl[name]) {
+            fromEl.setAttribute(name, '');
+        } else {
+            fromEl.removeAttribute(name);
+        }
+    }
+}
+var specialElHandlers = {
+    OPTION: function(fromEl, toEl) {
+        var parentNode = fromEl.parentNode;
+        if (parentNode) {
+            var parentName = parentNode.nodeName.toUpperCase();
+            if (parentName === 'OPTGROUP') {
+                parentNode = parentNode.parentNode;
+                parentName = parentNode && parentNode.nodeName.toUpperCase();
+            }
+            if (parentName === 'SELECT' && !parentNode.hasAttribute('multiple')) {
+                if (fromEl.hasAttribute('selected') && !toEl.selected) {
+                    // Workaround for MS Edge bug where the 'selected' attribute can only be
+                    // removed if set to a non-empty value:
+                    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12087679/
+                    fromEl.setAttribute('selected', 'selected');
+                    fromEl.removeAttribute('selected');
+                }
+                // We have to reset select element's selectedIndex to -1, otherwise setting
+                // fromEl.selected using the syncBooleanAttrProp below has no effect.
+                // The correct selectedIndex will be set in the SELECT special handler below.
+                parentNode.selectedIndex = -1;
+            }
+        }
+        syncBooleanAttrProp(fromEl, toEl, 'selected');
+    },
+    /**
+     * The "value" attribute is special for the <input> element since it sets
+     * the initial value. Changing the "value" attribute without changing the
+     * "value" property will have no effect since it is only used to the set the
+     * initial value.  Similar for the "checked" attribute, and "disabled".
+     */
+    INPUT: function(fromEl, toEl) {
+        syncBooleanAttrProp(fromEl, toEl, 'checked');
+        syncBooleanAttrProp(fromEl, toEl, 'disabled');
+        if (fromEl.value !== toEl.value) {
+            fromEl.value = toEl.value;
+        }
+        if (!toEl.hasAttribute('value')) {
+            fromEl.removeAttribute('value');
+        }
+    },
+    TEXTAREA: function(fromEl, toEl) {
+        var newValue = toEl.value;
+        if (fromEl.value !== newValue) {
+            fromEl.value = newValue;
+        }
+        var firstChild = fromEl.firstChild;
+        if (firstChild) {
+            // Needed for IE. Apparently IE sets the placeholder as the
+            // node value and vise versa. This ignores an empty update.
+            var oldValue = firstChild.nodeValue;
+            if (oldValue == newValue || (!newValue && oldValue == fromEl.placeholder)) {
+                return;
+            }
+            firstChild.nodeValue = newValue;
+        }
+    },
+    SELECT: function(fromEl, toEl) {
+        if (!toEl.hasAttribute('multiple')) {
+            var selectedIndex = -1;
+            var i = 0;
+            // We have to loop through children of fromEl, not toEl since nodes can be moved
+            // from toEl to fromEl directly when morphing.
+            // At the time this special handler is invoked, all children have already been morphed
+            // and appended to / removed from fromEl, so using fromEl here is safe and correct.
+            var curChild = fromEl.firstChild;
+            var optgroup;
+            var nodeName;
+            while(curChild) {
+                nodeName = curChild.nodeName && curChild.nodeName.toUpperCase();
+                if (nodeName === 'OPTGROUP') {
+                    optgroup = curChild;
+                    curChild = optgroup.firstChild;
+                } else {
+                    if (nodeName === 'OPTION') {
+                        if (curChild.hasAttribute('selected')) {
+                            selectedIndex = i;
+                            break;
+                        }
+                        i++;
+                    }
+                    curChild = curChild.nextSibling;
+                    if (!curChild && optgroup) {
+                        curChild = optgroup.nextSibling;
+                        optgroup = null;
+                    }
+                }
+            }
+            fromEl.selectedIndex = selectedIndex;
+        }
+    }
+};
+var ELEMENT_NODE = 1;
+var DOCUMENT_FRAGMENT_NODE$1 = 11;
+var TEXT_NODE = 3;
+var COMMENT_NODE = 8;
+function noop() {}
+function defaultGetNodeKey(node) {
+  if (node) {
+    return (node.getAttribute && node.getAttribute('id')) || node.id;
+  }
+}
+function morphdomFactory(morphAttrs) {
+  return function morphdom(fromNode, toNode, options) {
+    if (!options) {
+      options = {};
+    }
+    if (typeof toNode === 'string') {
+      if (fromNode.nodeName === '#document' || fromNode.nodeName === 'HTML' || fromNode.nodeName === 'BODY') {
+        var toNodeHtml = toNode;
+        toNode = doc.createElement('html');
+        toNode.innerHTML = toNodeHtml;
+      } else {
+        toNode = toElement(toNode);
+      }
+    } else if (toNode.nodeType === DOCUMENT_FRAGMENT_NODE$1) {
+      toNode = toNode.firstElementChild;
+    }
+    var getNodeKey = options.getNodeKey || defaultGetNodeKey;
+    var onBeforeNodeAdded = options.onBeforeNodeAdded || noop;
+    var onNodeAdded = options.onNodeAdded || noop;
+    var onBeforeElUpdated = options.onBeforeElUpdated || noop;
+    var onElUpdated = options.onElUpdated || noop;
+    var onBeforeNodeDiscarded = options.onBeforeNodeDiscarded || noop;
+    var onNodeDiscarded = options.onNodeDiscarded || noop;
+    var onBeforeElChildrenUpdated = options.onBeforeElChildrenUpdated || noop;
+    var skipFromChildren = options.skipFromChildren || noop;
+    var addChild = options.addChild || function(parent, child){ return parent.appendChild(child); };
+    var childrenOnly = options.childrenOnly === true;
+    // This object is used as a lookup to quickly find all keyed elements in the original DOM tree.
+    var fromNodesLookup = Object.create(null);
+    var keyedRemovalList = [];
+    function addKeyedRemoval(key) {
+      keyedRemovalList.push(key);
+    }
+    function walkDiscardedChildNodes(node, skipKeyedNodes) {
+      if (node.nodeType === ELEMENT_NODE) {
+        var curChild = node.firstChild;
+        while (curChild) {
+          var key = undefined;
+          if (skipKeyedNodes && (key = getNodeKey(curChild))) {
+            // If we are skipping keyed nodes then we add the key
+            // to a list so that it can be handled at the very end.
+            addKeyedRemoval(key);
+          } else {
+            // Only report the node as discarded if it is not keyed. We do this because
+            // at the end we loop through all keyed elements that were unmatched
+            // and then discard them in one final pass.
+            onNodeDiscarded(curChild);
+            if (curChild.firstChild) {
+              walkDiscardedChildNodes(curChild, skipKeyedNodes);
+            }
+          }
+          curChild = curChild.nextSibling;
+        }
+      }
+    }
+    /**
+    * Removes a DOM node out of the original DOM
+    *
+    * @param  {Node} node The node to remove
+    * @param  {Node} parentNode The nodes parent
+    * @param  {Boolean} skipKeyedNodes If true then elements with keys will be skipped and not discarded.
+    * @return {undefined}
+    */
+    function removeNode(node, parentNode, skipKeyedNodes) {
+      if (onBeforeNodeDiscarded(node) === false) {
+        return;
+      }
+      if (parentNode) {
+        parentNode.removeChild(node);
+      }
+      onNodeDiscarded(node);
+      walkDiscardedChildNodes(node, skipKeyedNodes);
+    }
+    // // TreeWalker implementation is no faster, but keeping this around in case this changes in the future
+    // function indexTree(root) {
+    //     var treeWalker = document.createTreeWalker(
+    //         root,
+    //         NodeFilter.SHOW_ELEMENT);
+    //
+    //     var el;
+    //     while((el = treeWalker.nextNode())) {
+    //         var key = getNodeKey(el);
+    //         if (key) {
+    //             fromNodesLookup[key] = el;
+    //         }
+    //     }
+    // }
+    // // NodeIterator implementation is no faster, but keeping this around in case this changes in the future
+    //
+    // function indexTree(node) {
+    //     var nodeIterator = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT);
+    //     var el;
+    //     while((el = nodeIterator.nextNode())) {
+    //         var key = getNodeKey(el);
+    //         if (key) {
+    //             fromNodesLookup[key] = el;
+    //         }
+    //     }
+    // }
+    function indexTree(node) {
+      if (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE$1) {
+        var curChild = node.firstChild;
+        while (curChild) {
+          var key = getNodeKey(curChild);
+          if (key) {
+            fromNodesLookup[key] = curChild;
+          }
+          // Walk recursively
+          indexTree(curChild);
+          curChild = curChild.nextSibling;
+        }
+      }
+    }
+    indexTree(fromNode);
+    function handleNodeAdded(el) {
+      onNodeAdded(el);
+      var curChild = el.firstChild;
+      while (curChild) {
+        var nextSibling = curChild.nextSibling;
+        var key = getNodeKey(curChild);
+        if (key) {
+          var unmatchedFromEl = fromNodesLookup[key];
+          // if we find a duplicate #id node in cache, replace `el` with cache value
+          // and morph it to the child node.
+          if (unmatchedFromEl && compareNodeNames(curChild, unmatchedFromEl)) {
+            curChild.parentNode.replaceChild(unmatchedFromEl, curChild);
+            morphEl(unmatchedFromEl, curChild);
+          } else {
+            handleNodeAdded(curChild);
+          }
+        } else {
+          // recursively call for curChild and it's children to see if we find something in
+          // fromNodesLookup
+          handleNodeAdded(curChild);
+        }
+        curChild = nextSibling;
+      }
+    }
+    function cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey) {
+      // We have processed all of the "to nodes". If curFromNodeChild is
+      // non-null then we still have some from nodes left over that need
+      // to be removed
+      while (curFromNodeChild) {
+        var fromNextSibling = curFromNodeChild.nextSibling;
+        if ((curFromNodeKey = getNodeKey(curFromNodeChild))) {
+          // Since the node is keyed it might be matched up later so we defer
+          // the actual removal to later
+          addKeyedRemoval(curFromNodeKey);
+        } else {
+          // NOTE: we skip nested keyed nodes from being removed since there is
+          //       still a chance they will be matched up later
+          removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
+        }
+        curFromNodeChild = fromNextSibling;
+      }
+    }
+    function morphEl(fromEl, toEl, childrenOnly) {
+      var toElKey = getNodeKey(toEl);
+      if (toElKey) {
+        // If an element with an ID is being morphed then it will be in the final
+        // DOM so clear it out of the saved elements collection
+        delete fromNodesLookup[toElKey];
+      }
+      if (!childrenOnly) {
+        // optional
+        var beforeUpdateResult = onBeforeElUpdated(fromEl, toEl);
+        if (beforeUpdateResult === false) {
+          return;
+        } else if (beforeUpdateResult instanceof HTMLElement) {
+          fromEl = beforeUpdateResult;
+          // reindex the new fromEl in case it's not in the same
+          // tree as the original fromEl
+          // (Phoenix LiveView sometimes returns a cloned tree,
+          //  but keyed lookups would still point to the original tree)
+          indexTree(fromEl);
+        }
+        // update attributes on original DOM element first
+        morphAttrs(fromEl, toEl);
+        // optional
+        onElUpdated(fromEl);
+        if (onBeforeElChildrenUpdated(fromEl, toEl) === false) {
+          return;
+        }
+      }
+      if (fromEl.nodeName !== 'TEXTAREA') {
+        morphChildren(fromEl, toEl);
+      } else {
+        specialElHandlers.TEXTAREA(fromEl, toEl);
+      }
+    }
+    function morphChildren(fromEl, toEl) {
+      var skipFrom = skipFromChildren(fromEl, toEl);
+      var curToNodeChild = toEl.firstChild;
+      var curFromNodeChild = fromEl.firstChild;
+      var curToNodeKey;
+      var curFromNodeKey;
+      var fromNextSibling;
+      var toNextSibling;
+      var matchingFromEl;
+      // walk the children
+      outer: while (curToNodeChild) {
+        toNextSibling = curToNodeChild.nextSibling;
+        curToNodeKey = getNodeKey(curToNodeChild);
+        // walk the fromNode children all the way through
+        while (!skipFrom && curFromNodeChild) {
+          fromNextSibling = curFromNodeChild.nextSibling;
+          if (curToNodeChild.isSameNode && curToNodeChild.isSameNode(curFromNodeChild)) {
+            curToNodeChild = toNextSibling;
+            curFromNodeChild = fromNextSibling;
+            continue outer;
+          }
+          curFromNodeKey = getNodeKey(curFromNodeChild);
+          var curFromNodeType = curFromNodeChild.nodeType;
+          // this means if the curFromNodeChild doesnt have a match with the curToNodeChild
+          var isCompatible = undefined;
+          if (curFromNodeType === curToNodeChild.nodeType) {
+            if (curFromNodeType === ELEMENT_NODE) {
+              // Both nodes being compared are Element nodes
+              if (curToNodeKey) {
+                // The target node has a key so we want to match it up with the correct element
+                // in the original DOM tree
+                if (curToNodeKey !== curFromNodeKey) {
+                  // The current element in the original DOM tree does not have a matching key so
+                  // let's check our lookup to see if there is a matching element in the original
+                  // DOM tree
+                  if ((matchingFromEl = fromNodesLookup[curToNodeKey])) {
+                    if (fromNextSibling === matchingFromEl) {
+                      // Special case for single element removals. To avoid removing the original
+                      // DOM node out of the tree (since that can break CSS transitions, etc.),
+                      // we will instead discard the current node and wait until the next
+                      // iteration to properly match up the keyed target element with its matching
+                      // element in the original tree
+                      isCompatible = false;
+                    } else {
+                      // We found a matching keyed element somewhere in the original DOM tree.
+                      // Let's move the original DOM node into the current position and morph
+                      // it.
+                      // NOTE: We use insertBefore instead of replaceChild because we want to go through
+                      // the `removeNode()` function for the node that is being discarded so that
+                      // all lifecycle hooks are correctly invoked
+                      fromEl.insertBefore(matchingFromEl, curFromNodeChild);
+                      // fromNextSibling = curFromNodeChild.nextSibling;
+                      if (curFromNodeKey) {
+                        // Since the node is keyed it might be matched up later so we defer
+                        // the actual removal to later
+                        addKeyedRemoval(curFromNodeKey);
+                      } else {
+                        // NOTE: we skip nested keyed nodes from being removed since there is
+                        //       still a chance they will be matched up later
+                        removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
+                      }
+                      curFromNodeChild = matchingFromEl;
+                      curFromNodeKey = getNodeKey(curFromNodeChild);
+                    }
+                  } else {
+                    // The nodes are not compatible since the "to" node has a key and there
+                    // is no matching keyed node in the source tree
+                    isCompatible = false;
+                  }
+                }
+              } else if (curFromNodeKey) {
+                // The original has a key
+                isCompatible = false;
+              }
+              isCompatible = isCompatible !== false && compareNodeNames(curFromNodeChild, curToNodeChild);
+              if (isCompatible) {
+                // We found compatible DOM elements so transform
+                // the current "from" node to match the current
+                // target DOM node.
+                // MORPH
+                morphEl(curFromNodeChild, curToNodeChild);
+              }
+            } else if (curFromNodeType === TEXT_NODE || curFromNodeType == COMMENT_NODE) {
+              // Both nodes being compared are Text or Comment nodes
+              isCompatible = true;
+              // Simply update nodeValue on the original node to
+              // change the text value
+              if (curFromNodeChild.nodeValue !== curToNodeChild.nodeValue) {
+                curFromNodeChild.nodeValue = curToNodeChild.nodeValue;
+              }
+            }
+          }
+          if (isCompatible) {
+            // Advance both the "to" child and the "from" child since we found a match
+            // Nothing else to do as we already recursively called morphChildren above
+            curToNodeChild = toNextSibling;
+            curFromNodeChild = fromNextSibling;
+            continue outer;
+          }
+          // No compatible match so remove the old node from the DOM and continue trying to find a
+          // match in the original DOM. However, we only do this if the from node is not keyed
+          // since it is possible that a keyed node might match up with a node somewhere else in the
+          // target tree and we don't want to discard it just yet since it still might find a
+          // home in the final DOM tree. After everything is done we will remove any keyed nodes
+          // that didn't find a home
+          if (curFromNodeKey) {
+            // Since the node is keyed it might be matched up later so we defer
+            // the actual removal to later
+            addKeyedRemoval(curFromNodeKey);
+          } else {
+            // NOTE: we skip nested keyed nodes from being removed since there is
+            //       still a chance they will be matched up later
+            removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);
+          }
+          curFromNodeChild = fromNextSibling;
+        } // END: while(curFromNodeChild) {}
+        // If we got this far then we did not find a candidate match for
+        // our "to node" and we exhausted all of the children "from"
+        // nodes. Therefore, we will just append the current "to" node
+        // to the end
+        if (curToNodeKey && (matchingFromEl = fromNodesLookup[curToNodeKey]) && compareNodeNames(matchingFromEl, curToNodeChild)) {
+          // MORPH
+          if(!skipFrom){ addChild(fromEl, matchingFromEl); }
+          morphEl(matchingFromEl, curToNodeChild);
+        } else {
+          var onBeforeNodeAddedResult = onBeforeNodeAdded(curToNodeChild);
+          if (onBeforeNodeAddedResult !== false) {
+            if (onBeforeNodeAddedResult) {
+              curToNodeChild = onBeforeNodeAddedResult;
+            }
+            if (curToNodeChild.actualize) {
+              curToNodeChild = curToNodeChild.actualize(fromEl.ownerDocument || doc);
+            }
+            addChild(fromEl, curToNodeChild);
+            handleNodeAdded(curToNodeChild);
+          }
+        }
+        curToNodeChild = toNextSibling;
+        curFromNodeChild = fromNextSibling;
+      }
+      cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey);
+      var specialElHandler = specialElHandlers[fromEl.nodeName];
+      if (specialElHandler) {
+        specialElHandler(fromEl, toEl);
+      }
+    } // END: morphChildren(...)
+    var morphedNode = fromNode;
+    var morphedNodeType = morphedNode.nodeType;
+    var toNodeType = toNode.nodeType;
+    if (!childrenOnly) {
+      // Handle the case where we are given two DOM nodes that are not
+      // compatible (e.g. <div> --> <span> or <div> --> TEXT)
+      if (morphedNodeType === ELEMENT_NODE) {
+        if (toNodeType === ELEMENT_NODE) {
+          if (!compareNodeNames(fromNode, toNode)) {
+            onNodeDiscarded(fromNode);
+            morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));
+          }
+        } else {
+          // Going from an element node to a text node
+          morphedNode = toNode;
+        }
+      } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) { // Text or comment node
+        if (toNodeType === morphedNodeType) {
+          if (morphedNode.nodeValue !== toNode.nodeValue) {
+            morphedNode.nodeValue = toNode.nodeValue;
+          }
+          return morphedNode;
+        } else {
+          // Text node to something else
+          morphedNode = toNode;
+        }
+      }
+    }
+    if (morphedNode === toNode) {
+      // The "to node" was not compatible with the "from node" so we had to
+      // toss out the "from node" and use the "to node"
+      onNodeDiscarded(fromNode);
+    } else {
+      if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {
+        return;
+      }
+      morphEl(morphedNode, toNode, childrenOnly);
+      // We now need to loop over any keyed nodes that might need to be
+      // removed. We only do the removal if we know that the keyed node
+      // never found a match. When a keyed node is matched up we remove
+      // it out of fromNodesLookup and we use fromNodesLookup to determine
+      // if a keyed node has been matched up or not
+      if (keyedRemovalList) {
+        for (var i=0, len=keyedRemovalList.length; i<len; i++) {
+          var elToRemove = fromNodesLookup[keyedRemovalList[i]];
+          if (elToRemove) {
+            removeNode(elToRemove, elToRemove.parentNode, false);
+          }
+        }
+      }
+    }
+    if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {
+      if (morphedNode.actualize) {
+        morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);
+      }
+      // If we had to swap out the from node with a new node because the old
+      // node was not compatible with the target node then we need to
+      // replace the old DOM node in the original DOM tree. This is only
+      // possible if the original DOM node was part of a DOM tree which
+      // we know is the case if it has a parent node.
+      fromNode.parentNode.replaceChild(morphedNode, fromNode);
+    }
+    return morphedNode;
+  };
+}
+var morphdom = morphdomFactory(morphAttrs);
+export default morphdom;

public/scripts/extensions/quick-reply/lib/morphdom.LICENSE.txt+21 -0 Viewed

+The MIT License (MIT)
+Copyright (c) Patrick Steele-Idem <pnidem@gmail.com> (psteeleidem.com)
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
 \ No newline at end of file

public/scripts/extensions/quick-reply/src/AutoExecuteHandler.js+9 -0 Viewed

         await this.performAutoExecute(qrList);
+    }
+    async handleNewChat() {
+        if (!this.checkExecute()) return;
+        const qrList = [
+            ...this.settings.config.setList.map(link=>link.set.qrList.filter(qr=>qr.executeOnNewChat)).flat(),
+            ...(this.settings.chatConfig?.setList?.map(link=>link.set.qrList.filter(qr=>qr.executeOnNewChat))?.flat() ?? []),
+        ];
+        await this.performAutoExecute(qrList);
+    }
     /**
      * @param {any[]} entries Set of activated entries
      */

public/scripts/extensions/quick-reply/src/QuickReply.js+1285 -87 Viewed

-import { POPUP_TYPE, Popup } from '../../../popup.js';
+import { POPUP_RESULT, POPUP_TYPE, Popup } from '../../../popup.js';
 import { setSlashCommandAutoComplete } from '../../../slash-commands.js';
 import { SlashCommandAbortController } from '../../../slash-commands/SlashCommandAbortController.js';
+import { SlashCommandBreakPoint } from '../../../slash-commands/SlashCommandBreakPoint.js';
+import { SlashCommandClosure } from '../../../slash-commands/SlashCommandClosure.js';
+import { SlashCommandClosureResult } from '../../../slash-commands/SlashCommandClosureResult.js';
+import { SlashCommandDebugController } from '../../../slash-commands/SlashCommandDebugController.js';
+import { SlashCommandExecutor } from '../../../slash-commands/SlashCommandExecutor.js';
+import { SlashCommandParser } from '../../../slash-commands/SlashCommandParser.js';
 import { SlashCommandParserError } from '../../../slash-commands/SlashCommandParserError.js';
 import { SlashCommandScope } from '../../../slash-commands/SlashCommandScope.js';
-import { debounce, getSortableDelay } from '../../../utils.js';
+import { debounce, delay, getSortableDelay, showFontAwesomePicker } from '../../../utils.js';
-import { log, warn } from '../index.js';
+import { log, quickReplyApi, warn } from '../index.js';
+import morphdom from '../lib/morphdom-esm.js';
 import { QuickReplyContextLink } from './QuickReplyContextLink.js';
 import { QuickReplySet } from './QuickReplySet.js';
 import { ContextMenu } from './ui/ctx/ContextMenu.js';

-    /**@type {Number}*/ id;
+    /**@type {number}*/ id;
-    /**@type {String}*/ label = '';
+    /**@type {string}*/ icon;
-    /**@type {String}*/ title = '';
+    /**@type {string}*/ label = '';
-    /**@type {String}*/ message = '';
+    /**@type {boolean}*/ showLabel = false;
+    /**@type {string}*/ title = '';
+    /**@type {string}*/ message = '';
     /**@type {QuickReplyContextLink[]}*/ contextList;
-    /**@type {Boolean}*/ preventAutoExecute = true;
+    /**@type {boolean}*/ preventAutoExecute = true;
-    /**@type {Boolean}*/ isHidden = false;
+    /**@type {boolean}*/ isHidden = false;
-    /**@type {Boolean}*/ executeOnStartup = false;
+    /**@type {boolean}*/ executeOnStartup = false;
-    /**@type {Boolean}*/ executeOnUser = false;
+    /**@type {boolean}*/ executeOnUser = false;
-    /**@type {Boolean}*/ executeOnAi = false;
+    /**@type {boolean}*/ executeOnAi = false;
-    /**@type {Boolean}*/ executeOnChatChange = false;
+    /**@type {boolean}*/ executeOnChatChange = false;
-    /**@type {Boolean}*/ executeOnGroupMemberDraft = false;
+    /**@type {boolean}*/ executeOnGroupMemberDraft = false;
-    /**@type {String}*/ automationId = '';
+    /**@type {boolean}*/ executeOnNewChat = false;
+    /**@type {string}*/ automationId = '';
-    /**@type {Function}*/ onExecute;
+    /**@type {function}*/ onExecute;
-    /**@type {Function}*/ onDelete;
+    /**@type {(qr:QuickReply)=>AsyncGenerator<SlashCommandClosureResult|{closure:SlashCommandClosure, executor:SlashCommandExecutor|SlashCommandClosureResult}, SlashCommandClosureResult, boolean>}*/ onDebug;
-    /**@type {Function}*/ onUpdate;
+    /**@type {function}*/ onDelete;
+    /**@type {function}*/ onUpdate;
+    /**@type {function}*/ onInsertBefore;
+    /**@type {function}*/ onTransfer;
     /**@type {HTMLElement}*/ dom;
+    /**@type {HTMLElement}*/ domIcon;
     /**@type {HTMLElement}*/ domLabel;
     /**@type {HTMLElement}*/ settingsDom;
+    /**@type {HTMLElement}*/ settingsDomIcon;
     /**@type {HTMLInputElement}*/ settingsDomLabel;
     /**@type {HTMLTextAreaElement}*/ settingsDomMessage;
     /**@type {Popup}*/ editorPopup;
+    /**@type {HTMLElement}*/ editorDom;
+    /**@type {HTMLTextAreaElement}*/ editorMessage;
+    /**@type {HTMLTextAreaElement}*/ editorMessageLabel;
+    /**@type {HTMLElement}*/ editorSyntax;
     /**@type {HTMLElement}*/ editorExecuteBtn;
     /**@type {HTMLElement}*/ editorExecuteBtnPause;
     /**@type {HTMLElement}*/ editorExecuteBtnStop;
     /**@type {HTMLElement}*/ editorExecuteProgress;
     /**@type {HTMLElement}*/ editorExecuteErrors;
     /**@type {HTMLElement}*/ editorExecuteResult;
-    /**@type {HTMLInputElement}*/ editorExecuteHide;
+    /**@type {HTMLElement}*/ editorDebugState;
     /**@type {Promise}*/ editorExecutePromise;
+    /**@type {boolean}*/ isExecuting;
     /**@type {SlashCommandAbortController}*/ abortController;
+    /**@type {SlashCommandDebugController}*/ debugController;
     get hasContext() {
-        return this.contextList && this.contextList.length > 0;
+        return this.contextList && this.contextList.filter(it => it.set).length > 0;
+    }

     updateRender() {
         if (!this.dom) return;
         this.dom.title = this.title || this.message;
+        if (this.icon) {
+            this.domIcon.classList.remove('qr--hidden');
+            if (this.showLabel) this.domLabel.classList.remove('qr--hidden');
+            else this.domLabel.classList.add('qr--hidden');
+        } else {
+            this.domIcon.classList.add('qr--hidden');
+            this.domLabel.classList.remove('qr--hidden');
+        }
         this.domLabel.textContent = this.label;
         this.dom.classList[this.hasContext ? 'add' : 'remove']('qr--hasCtx');
+    }

+                    }
                     this.execute();
                 });
+                const icon = document.createElement('div'); {
+                    this.domIcon = icon;
+                    icon.classList.add('qr--button-icon');
+                    icon.classList.add('fa-solid');
+                    if (!this.icon) icon.classList.add('qr--hidden');
+                    else icon.classList.add(this.icon);
+                    root.append(icon);
+                }
                 const lbl = document.createElement('div'); {
                     this.domLabel = lbl;
                     lbl.classList.add('qr--button-label');
+                    if (this.icon && !this.showLabel) lbl.classList.add('qr--hidden');
                     lbl.textContent = this.label;
                     root.append(lbl);
+                }

                 item.classList.add('qr--set-item');
                 item.setAttribute('data-order', String(idx));
                 item.setAttribute('data-id', String(this.id));
-                const drag = document.createElement('div'); {
+                const adder = document.createElement('div'); {
-                    drag.classList.add('drag-handle');
+                    adder.classList.add('qr--set-itemAdder');
-                    drag.classList.add('ui-sortable-handle');
+                    const actions = document.createElement('div'); {
-                    drag.textContent = '☰';
+                        actions.classList.add('qr--actions');
-                    item.append(drag);
+                        const addNew = document.createElement('div'); {
-                }
+                            addNew.classList.add('qr--action');
-                const lblContainer = document.createElement('div'); {
+                            addNew.classList.add('qr--add');
-                    lblContainer.classList.add('qr--set-itemLabelContainer');
+                            addNew.classList.add('menu_button');
-                    const lbl = document.createElement('input'); {
+                            addNew.classList.add('menu_button_icon');
-                        this.settingsDomLabel = lbl;
+                            addNew.classList.add('fa-solid');
-                        lbl.classList.add('qr--set-itemLabel');
+                            addNew.classList.add('fa-plus');
-                        lbl.classList.add('text_pole');
+                            addNew.title = 'Add quick reply';
-                        lbl.value = this.label;
+                            addNew.addEventListener('click', ()=>this.onInsertBefore());
-                        lbl.addEventListener('input', ()=>this.updateLabel(lbl.value));
+                            actions.append(addNew);
-                        lblContainer.append(lbl);
+                        }
+                        const paste = document.createElement('div'); {
+                            paste.classList.add('qr--action');
+                            paste.classList.add('qr--paste');
+                            paste.classList.add('menu_button');
+                            paste.classList.add('menu_button_icon');
+                            paste.classList.add('fa-solid');
+                            paste.classList.add('fa-paste');
+                            paste.title = 'Add quick reply from clipboard';
+                            paste.addEventListener('click', async()=>{
+                                const text = await navigator.clipboard.readText();
+                                this.onInsertBefore(text);
+                            });
+                            actions.append(paste);
+                        }
+                        const importFile = document.createElement('div'); {
+                            importFile.classList.add('qr--action');
+                            importFile.classList.add('qr--importFile');
+                            importFile.classList.add('menu_button');
+                            importFile.classList.add('menu_button_icon');
+                            importFile.classList.add('fa-solid');
+                            importFile.classList.add('fa-file-import');
+                            importFile.title = 'Add quick reply from JSON file';
+                            importFile.addEventListener('click', async()=>{
+                                const inp = document.createElement('input'); {
+                                    inp.type = 'file';
+                                    inp.accept = '.json';
+                                    inp.addEventListener('change', async()=>{
+                                        if (inp.files.length > 0) {
+                                            for (const file of inp.files) {
+                                                const text = await file.text();
+                                                this.onInsertBefore(text);
+                                            }
+                                        }
+                                    });
+                                    inp.click();
+                                }
+                            });
+                            actions.append(importFile);
+                        }
+                        adder.append(actions);
+                    }
+                    item.append(adder);
+                }
+                const itemContent = document.createElement('div'); {
+                    itemContent.classList.add('qr--content');
+                    const drag = document.createElement('div'); {
+                        drag.classList.add('drag-handle');
+                        drag.classList.add('ui-sortable-handle');
+                        drag.textContent = '☰';
+                        itemContent.append(drag);
+                    }
+                    const lblContainer = document.createElement('div'); {
+                        lblContainer.classList.add('qr--set-itemLabelContainer');
+                        const icon = document.createElement('div'); {
+                            this.settingsDomIcon = icon;
+                            icon.title = 'Click to change icon';
+                            icon.classList.add('qr--set-itemIcon');
+                            icon.classList.add('menu_button');
+                            icon.classList.add('fa-fw');
+                            if (this.icon) {
+                                icon.classList.add('fa-solid');
+                                icon.classList.add(this.icon);
+                            }
+                            icon.addEventListener('click', async()=>{
+                                let value = await showFontAwesomePicker();
+                                this.updateIcon(value);
+                            });
+                            lblContainer.append(icon);
+                        }
+                        const lbl = document.createElement('input'); {
+                            this.settingsDomLabel = lbl;
+                            lbl.classList.add('qr--set-itemLabel');
+                            lbl.classList.add('text_pole');
+                            lbl.value = this.label;
+                            lbl.addEventListener('input', ()=>this.updateLabel(lbl.value));
+                            lblContainer.append(lbl);
+                        }
+                        itemContent.append(lblContainer);
+                    }
-                    item.append(lblContainer);
+                    item.append(itemContent);
+                }
                 const optContainer = document.createElement('div'); {
                     optContainer.classList.add('qr--set-optionsContainer');
                     const opt = document.createElement('div'); {
                         opt.classList.add('qr--action');
                         opt.classList.add('menu_button');
+                        opt.classList.add('fa-fw');
                         opt.classList.add('fa-solid');
                         opt.textContent = '⁝';
                         opt.title = 'Additional options:\n - large editor\n - context menu\n - auto-execution\n - tooltip';
                         opt.addEventListener('click', ()=>this.showEditor());
                         optContainer.append(opt);
+                    }
-                    item.append(optContainer);
+                    itemContent.append(optContainer);
+                }
                 const mes = document.createElement('textarea'); {
                     this.settingsDomMessage = mes;

                     mes.value = this.message;
                     //HACK need to use jQuery to catch the triggered event from the expanded editor
                     $(mes).on('input', ()=>this.updateMessage(mes.value));
-                    item.append(mes);
+                    itemContent.append(mes);
+                }
                 const actions = document.createElement('div'); {
                     actions.classList.add('qr--actions');
+                    const move = document.createElement('div'); {
+                        move.classList.add('qr--action');
+                        move.classList.add('menu_button');
+                        move.classList.add('fa-fw');
+                        move.classList.add('fa-solid');
+                        move.classList.add('fa-truck-arrow-right');
+                        move.title = 'Move quick reply to other set';
+                        move.addEventListener('click', ()=>this.onTransfer(this));
+                        actions.append(move);
+                    }
+                    const copy = document.createElement('div'); {
+                        copy.classList.add('qr--action');
+                        copy.classList.add('menu_button');
+                        copy.classList.add('fa-fw');
+                        copy.classList.add('fa-solid');
+                        copy.classList.add('fa-copy');
+                        copy.title = 'Copy quick reply to clipboard';
+                        copy.addEventListener('click', async()=>{
+                            await navigator.clipboard.writeText(JSON.stringify(this));
+                            copy.classList.add('qr--success');
+                            await delay(3010);
+                            copy.classList.remove('qr--success');
+                        });
+                        actions.append(copy);
+                    }
+                    const cut = document.createElement('div'); {
+                        cut.classList.add('qr--action');
+                        cut.classList.add('menu_button');
+                        cut.classList.add('fa-fw');
+                        cut.classList.add('fa-solid');
+                        cut.classList.add('fa-cut');
+                        cut.title = 'Cut quick reply to clipboard (copy and remove)';
+                        cut.addEventListener('click', async()=>{
+                            await navigator.clipboard.writeText(JSON.stringify(this));
+                            this.delete();
+                        });
+                        actions.append(cut);
+                    }
+                    const exp = document.createElement('div'); {
+                        exp.classList.add('qr--action');
+                        exp.classList.add('menu_button');
+                        exp.classList.add('fa-fw');
+                        exp.classList.add('fa-solid');
+                        exp.classList.add('fa-file-export');
+                        exp.title = 'Export quick reply as file';
+                        exp.addEventListener('click', ()=>{
+                            const blob = new Blob([JSON.stringify(this)], { type:'text' });
+                            const url = URL.createObjectURL(blob);
+                            const a = document.createElement('a'); {
+                                a.href = url;
+                                a.download = `${this.label}.qr.json`;
+                                a.click();
+                            }
+                        });
+                        actions.append(exp);
+                    }
                     const del = document.createElement('div'); {
                         del.classList.add('qr--action');
                         del.classList.add('menu_button');
-                        del.classList.add('menu_button_icon');
+                        del.classList.add('fa-fw');
                         del.classList.add('fa-solid');
                         del.classList.add('fa-trash-can');
                         del.classList.add('redWarningBG');
-                        del.title = 'Remove quick reply';
+                        del.title = 'Remove Quick Reply\n---\nShit+Click to skip confirmation';
-                        del.addEventListener('click', ()=>this.delete());
+                        del.addEventListener('click', async(evt)=>{
+                            if (!evt.shiftKey) {
+                                const result = await Popup.show.confirm(
+                                    'Remove Quick Reply',
+                                    'Are you sure you want to remove this Quick Reply?',
+                                );
+                                if (result != POPUP_RESULT.AFFIRMATIVE) {
+                                    return;
+                                }
+                            }
+                            this.delete();
+                        });
                         actions.append(del);
+                    }
-                    item.append(actions);
+                    itemContent.append(actions);
+                }
+            }
+        }

             /**@type {HTMLElement} */
             // @ts-ignore
             const dom = this.template.cloneNode(true);
+            this.editorDom = dom;
             this.editorPopup = new Popup(dom, POPUP_TYPE.TEXT, undefined, { okButton: 'OK', wide: true, large: true, rows: 1 });
             const popupResult = this.editorPopup.show();
             // basics
+            /**@type {HTMLElement}*/
+            const icon = dom.querySelector('#qr--modal-icon');
+            if (this.icon) {
+                icon.classList.add('fa-solid');
+                icon.classList.add(this.icon);
+            }
+            else {
+                icon.textContent = '…';
+            }
+            icon.addEventListener('click', async()=>{
+                let value = await showFontAwesomePicker();
+                if (value === null) return;
+                if (this.icon) icon.classList.remove(this.icon);
+                if (value == '') {
+                    icon.classList.remove('fa-solid');
+                    icon.textContent = '…';
+                } else {
+                    icon.textContent = '';
+                    icon.classList.add('fa-solid');
+                    icon.classList.add(value);
+                }
+                this.updateIcon(value);
+            });
+            /**@type {HTMLInputElement}*/
+            const showLabel = dom.querySelector('#qr--modal-showLabel');
+            showLabel.checked = this.showLabel;
+            showLabel.addEventListener('click', ()=>{
+                this.updateShowLabel(showLabel.checked);
+            });
             /**@type {HTMLInputElement}*/
             const label = dom.querySelector('#qr--modal-label');
             label.value = this.label;
             label.addEventListener('input', ()=>{
                 this.updateLabel(label.value);
             });
+            let switcherList;
+            dom.querySelector('#qr--modal-switcher').addEventListener('click', (evt)=>{
+                if (switcherList) {
+                    switcherList.remove();
+                    switcherList = null;
+                    return;
+                }
+                const list = document.createElement('ul'); {
+                    switcherList = list;
+                    list.classList.add('qr--modal-switcherList');
+                    const makeList = (qrs)=>{
+                        const setItem = document.createElement('li'); {
+                            setItem.classList.add('qr--modal-switcherItem');
+                            setItem.addEventListener('click', ()=>{
+                                list.innerHTML = '';
+                                for (const qrs of quickReplyApi.listSets()) {
+                                    const item = document.createElement('li'); {
+                                        item.classList.add('qr--modal-switcherItem');
+                                        item.addEventListener('click', ()=>{
+                                            list.innerHTML = '';
+                                            makeList(quickReplyApi.getSetByName(qrs));
+                                        });
+                                        const lbl = document.createElement('div'); {
+                                            lbl.classList.add('qr--label');
+                                            lbl.textContent = qrs;
+                                            item.append(lbl);
+                                        }
+                                        list.append(item);
+                                    }
+                                }
+                            });
+                            const lbl = document.createElement('div'); {
+                                lbl.classList.add('qr--label');
+                                const icon = document.createElement('i'); {
+                                    icon.classList.add('fa-solid');
+                                    icon.classList.add('fa-arrow-alt-circle-right');
+                                    icon.classList.add('menu_button');
+                                    lbl.append(icon);
+                                }
+                                const text = document.createElement('span'); {
+                                    text.textContent = 'Switch QR Sets...';
+                                    lbl.append(text);
+                                }
+                                setItem.append(lbl);
+                            }
+                            list.append(setItem);
+                        }
+                        const addItem = document.createElement('li'); {
+                            addItem.classList.add('qr--modal-switcherItem');
+                            addItem.addEventListener('click', ()=>{
+                                const qr = quickReplyApi.getSetByQr(this).addQuickReply();
+                                this.editorPopup.completeAffirmative();
+                                qr.showEditor();
+                            });
+                            const lbl = document.createElement('div'); {
+                                lbl.classList.add('qr--label');
+                                const icon = document.createElement('i'); {
+                                    icon.classList.add('fa-solid');
+                                    icon.classList.add('fa-plus');
+                                    icon.classList.add('menu_button');
+                                    lbl.append(icon);
+                                }
+                                const text = document.createElement('span'); {
+                                    text.textContent = 'Add QR';
+                                    lbl.append(text);
+                                }
+                                addItem.append(lbl);
+                            }
+                            list.append(addItem);
+                        }
+                        for (const qr of qrs.qrList.toSorted((a,b)=>a.label.toLowerCase().localeCompare(b.label.toLowerCase()))) {
+                            const item = document.createElement('li'); {
+                                item.classList.add('qr--modal-switcherItem');
+                                if (qr == this) item.classList.add('qr--current');
+                                else item.addEventListener('click', ()=>{
+                                    this.editorPopup.completeAffirmative();
+                                    qr.showEditor();
+                                });
+                                const lbl = document.createElement('div'); {
+                                    lbl.classList.add('qr--label');
+                                    lbl.textContent = qr.label;
+                                    item.append(lbl);
+                                }
+                                const id = document.createElement('div'); {
+                                    id.classList.add('qr--id');
+                                    id.textContent = qr.id.toString();
+                                    item.append(id);
+                                }
+                                const mes = document.createElement('div'); {
+                                    mes.classList.add('qr--message');
+                                    mes.textContent = qr.message;
+                                    item.append(mes);
+                                }
+                                list.append(item);
+                            }
+                        }
+                    };
+                    makeList(quickReplyApi.getSetByQr(this));
+                }
+                label.parentElement.append(list);
+            });
             /**@type {HTMLInputElement}*/
             const title = dom.querySelector('#qr--modal-title');
             title.value = this.title;
             title.addEventListener('input', () => {
                 this.updateTitle(title.value);
             });
+            /**@type {HTMLElement}*/
+            const messageSyntaxInner = dom.querySelector('#qr--modal-messageSyntaxInner');
+            this.editorSyntax = messageSyntaxInner;
             /**@type {HTMLInputElement}*/
             const wrap = dom.querySelector('#qr--modal-wrap');
             wrap.checked = JSON.parse(localStorage.getItem('qr--wrap') ?? 'false');

                 if (wrap.checked) {
                     message.style.whiteSpace = 'pre-wrap';
                     messageSyntaxInner.style.whiteSpace = 'pre-wrap';
+                    if (this.clone) {
+                        this.clone.style.whiteSpace = 'pre-wrap';
+                    }
                 } else {
                     message.style.whiteSpace = 'pre';
                     messageSyntaxInner.style.whiteSpace = 'pre';
+                    if (this.clone) {
+                        this.clone.style.whiteSpace = 'pre';
+                    }
+                }
                 updateScrollDebounced();
             };

                 });
             };
             const updateScrollDebounced = updateScroll;
-            const updateSyntax = ()=>{
-                messageSyntaxInner.innerHTML = hljs.highlight(`${message.value}${message.value.slice(-1) == '\n' ? ' ' : ''}`, { language:'stscript', ignoreIllegals:true })?.value;
-            };
             const updateSyntaxEnabled = ()=>{
-                if (JSON.parse(localStorage.getItem('qr--syntax'))) {
+                if (syntax.checked) {
                     dom.querySelector('#qr--modal-messageHolder').classList.remove('qr--noSyntax');
                 } else {
                     dom.querySelector('#qr--modal-messageHolder').classList.add('qr--noSyntax');

                 localStorage.setItem('qr--syntax', JSON.stringify(syntax.checked));
                 updateSyntaxEnabled();
             });
+            if (navigator.keyboard) {
+                navigator.keyboard.getLayoutMap().then(it=>dom.querySelector('#qr--modal-commentKey').textContent = it.get('Backslash'));
+            } else {
+                dom.querySelector('#qr--modal-commentKey').closest('small').remove();
+            }
+            this.editorMessageLabel = dom.querySelector('label[for="qr--modal-message"]');
             /**@type {HTMLTextAreaElement}*/
             const message = dom.querySelector('#qr--modal-message');
+            this.editorMessage = message;
             message.value = this.message;
+            const updateMessageDebounced = debounce((value)=>this.updateMessage(value), 10);
             message.addEventListener('input', () => {
-                updateSyntax();
+                updateMessageDebounced(message.value);
-                this.updateMessage(message.value);
                 updateScrollDebounced();
-            });
+            }, { passive:true });
-            setSlashCommandAutoComplete(message, true);
+            const getLineStart = ()=>{
-            //TODO move tab support for textarea into its own helper(?) and use for both this and .editor_maximize
+                const start = message.selectionStart;
+                const end = message.selectionEnd;
+                let lineStart;
+                if (start == 0 || message.value[start - 1] == '\n') {
+                    // cursor is already at beginning of line
+                    // -> keep start
+                    lineStart = start;
+                } else {
+                    // cursor is at end of line or somewhere in the line
+                    // -> find last newline before cursor and start after that
+                    lineStart = message.value.lastIndexOf('\n', start - 1) + 1;
+                }
+                return lineStart;
+            };
             message.addEventListener('keydown', async(evt) => {
+                if (this.isExecuting) return;
                 if (evt.key == 'Tab' && !evt.shiftKey && !evt.ctrlKey && !evt.altKey) {
+                    // increase indent
                     evt.preventDefault();
                     const start = message.selectionStart;
                     const end = message.selectionEnd;
                     if (end - start > 0 && message.value.substring(start, end).includes('\n')) {
-                        const lineStart = message.value.lastIndexOf('\n', start);
+                        evt.stopImmediatePropagation();
-                        const count = message.value.substring(lineStart, end).split('\n').length - 1;
+                        evt.stopPropagation();
-                        message.value = `${message.value.substring(0, lineStart)}${message.value.substring(lineStart, end).replace(/\n/g, '\n\t')}${message.value.substring(end)}`;
+                        const lineStart = getLineStart();
-                        message.selectionStart = start + 1;
+                        message.selectionStart = lineStart;
-                        message.selectionEnd = end + count;
+                        const affectedLines = message.value.substring(lineStart, end).split('\n');
-                        updateSyntax();
+                        // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
-                    } else {
+                        document.execCommand('insertText', false, `\t${affectedLines.join('\n\t')}`);
-                        message.value = `${message.value.substring(0, start)}\t${message.value.substring(end)}`;
                         message.selectionStart = start + 1;
-                        message.selectionEnd = end + 1;
+                        message.selectionEnd = end + affectedLines.length;
-                        updateSyntax();
+                        message.dispatchEvent(new Event('input', { bubbles:true }));
+                    } else if (!(ac.isReplaceable && ac.isActive)) {
+                        evt.stopImmediatePropagation();
+                        evt.stopPropagation();
+                        // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                        document.execCommand('insertText', false, '\t');
+                        message.dispatchEvent(new Event('input', { bubbles:true }));
+                    }
                 } else if (evt.key == 'Tab' && evt.shiftKey && !evt.ctrlKey && !evt.altKey) {
+                    // decrease indent
                     evt.preventDefault();
+                    evt.stopImmediatePropagation();
+                    evt.stopPropagation();
                     const start = message.selectionStart;
                     const end = message.selectionEnd;
-                    const lineStart = message.value.lastIndexOf('\n', start);
+                    const lineStart = getLineStart();
-                    const count = message.value.substring(lineStart, end).split('\n\t').length - 1;
+                    message.selectionStart = lineStart;
-                    message.value = `${message.value.substring(0, lineStart)}${message.value.substring(lineStart, end).replace(/\n\t/g, '\n')}${message.value.substring(end)}`;
+                    const affectedLines = message.value.substring(lineStart, end).split('\n');
-                    message.selectionStart = start - 1;
+                    const newText = affectedLines.map(it=>it.replace(/^\t/, '')).join('\n');
-                    message.selectionEnd = end - count;
+                    const delta = affectedLines.join('\n').length - newText.length;
-                    updateSyntax();
+                    // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                    if (delta > 0) {
+                        if (newText == '') {
+                            document.execCommand('delete', false);
+                        } else {
+                            document.execCommand('insertText', false, newText);
+                        }
+                        message.selectionStart = start - (affectedLines[0].startsWith('\t') ? 1 : 0);
+                        message.selectionEnd = end - delta;
+                        message.dispatchEvent(new Event('input', { bubbles:true }));
+                    } else {
+                        message.selectionStart = start;
+                    }
+                } else if (evt.key == 'Enter' && !evt.ctrlKey && !evt.shiftKey && !evt.altKey && !(ac.isReplaceable && ac.isActive)) {
+                    // new line, keep indent
+                    const start = message.selectionStart;
+                    const end = message.selectionEnd;
+                    let lineStart = getLineStart();
+                    const indent = /^([^\S\n]*)/.exec(message.value.slice(lineStart))[1] ?? '';
+                    if (indent.length) {
+                        evt.stopImmediatePropagation();
+                        evt.stopPropagation();
+                        evt.preventDefault();
+                        // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                        document.execCommand('insertText', false, `\n${indent}`);
+                        message.selectionStart = start + 1 + indent.length;
+                        message.selectionEnd  = message.selectionStart;
+                        message.dispatchEvent(new Event('input', { bubbles:true }));
+                    }
                 } else if (evt.key == 'Enter' && evt.ctrlKey && !evt.shiftKey && !evt.altKey) {
-                    evt.stopPropagation();
-                    evt.preventDefault();
                     if (executeShortcut.checked) {
+                        // execute QR
+                        evt.stopImmediatePropagation();
+                        evt.stopPropagation();
+                        evt.preventDefault();
                         const selectionStart = message.selectionStart;
                         const selectionEnd = message.selectionEnd;
                         message.blur();

                             message.selectionEnd = selectionEnd;
+                        }
+                    }
+                } else if (evt.key == 'F9' && !evt.ctrlKey && !evt.shiftKey && !evt.altKey) {
+                    // toggle breakpoint
+                    evt.stopImmediatePropagation();
+                    evt.stopPropagation();
+                    evt.preventDefault();
+                    preBreakPointStart = message.selectionStart;
+                    preBreakPointEnd = message.selectionEnd;
+                    toggleBreakpoint();
+                } else if (evt.code == 'Backslash' && evt.ctrlKey && !evt.shiftKey && !evt.altKey) {
+                    // toggle block comment
+                    // (evt.code will use the same physical key on the keyboard across different keyboard layouts)
+                    evt.stopImmediatePropagation();
+                    evt.stopPropagation();
+                    evt.preventDefault();
+                    // check if we are inside a comment -> uncomment
+                    const parser = new SlashCommandParser();
+                    parser.parse(message.value, false);
+                    const start = message.selectionStart;
+                    const end = message.selectionEnd;
+                    const comment = parser.commandIndex.findLast(it=>it.name == '*' && (it.start <= start && it.end >= start || it.start <= end && it.end >= end));
+                    if (comment) {
+                        // uncomment
+                        let content = message.value.slice(comment.start + 1, comment.end - 1);
+                        let len = content.length;
+                        content = content.replace(/^ /, '');
+                        const offsetStart = len - content.length;
+                        len = content.length;
+                        content = content.replace(/ $/, '');
+                        const offsetEnd = len - content.length;
+                        message.selectionStart = comment.start - 1;
+                        message.selectionEnd = comment.end + 1;
+                        // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                        document.execCommand('insertText', false, content);
+                        message.selectionStart = start - (start >= comment.start ? 2 + offsetStart : 0);
+                        message.selectionEnd = end - 2 - offsetStart - (end >= comment.end ? 2 + offsetEnd : 0);
+                    } else {
+                        // comment
+                        const lineStart = getLineStart();
+                        const lineEnd = message.value.indexOf('\n', end);
+                        message.selectionStart = lineStart;
+                        message.selectionEnd = lineEnd;
+                        // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                        document.execCommand('insertText', false, `/* ${message.value.slice(lineStart, lineEnd)} *|`);
+                        message.selectionStart = start + 3;
+                        message.selectionEnd = end + 3;
+                    }
+                    message.dispatchEvent(new Event('input', { bubbles:true }));
+                }
             });
+            const ac = await setSlashCommandAutoComplete(message, true);
             message.addEventListener('wheel', (evt)=>{
                 updateScrollDebounced(evt);
             });
             message.addEventListener('scroll', (evt)=>{
                 updateScrollDebounced();
             });
+            let preBreakPointStart;
+            let preBreakPointEnd;
+            /**
+             * @param {SlashCommandBreakPoint} bp
+             */
+            const removeBreakpoint = (bp)=>{
+                // start at -1 because "/" is not included in start-end
+                let start = bp.start - 1;
+                // step left until forward slash "/"
+                while (message.value[start] != '/') start--;
+                // step left while whitespace (except newline) before start
+                while (/[^\S\n]/.test(message.value[start - 1])) start--;
+                // if newline before indent, include the newline for removal
+                if (message.value[start - 1] == '\n') start--;
+                let end = bp.end;
+                // step right while whitespace
+                while (/\s/.test(message.value[end])) end++;
+                // if pipe after whitepace, include pipe for removal
+                if (message.value[end] == '|') end++;
+                message.selectionStart = start;
+                message.selectionEnd = end;
+                // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                document.execCommand('insertText', false, '');
+                message.dispatchEvent(new Event('input', { bubbles:true }));
+                let postStart = preBreakPointStart;
+                let postEnd = preBreakPointEnd;
+                // set caret back to where it was
+                if (preBreakPointStart <= start) {
+                    // selection start was before breakpoint: do nothing
+                } else if (preBreakPointStart > start && preBreakPointEnd < end) {
+                    // selection start was inside breakpoint: move to index before breakpoint
+                    postStart = start;
+                } else if (preBreakPointStart >= end) {
+                    // selection start was behind breakpoint: move back by length of removed string
+                    postStart = preBreakPointStart - (end - start);
+                }
+                if (preBreakPointEnd <= start) {
+                    // do nothing
+                } else if (preBreakPointEnd > start && preBreakPointEnd < end) {
+                    // selection end was inside breakpoint: move to index before breakpoint
+                    postEnd = start;
+                } else if (preBreakPointEnd >= end) {
+                    // selection end was behind breakpoint: move back by length of removed string
+                    postEnd = preBreakPointEnd - (end - start);
+                }
+                return { start:postStart, end:postEnd };
+            };
+            /**
+             * @param {SlashCommandExecutor} cmd
+             */
+            const addBreakpoint = (cmd)=>{
+                // start at -1 because "/" is not included in start-end
+                let start = cmd.start - 1;
+                let indent = '';
+                // step left until forward slash "/"
+                while (message.value[start] != '/') start--;
+                // step left while whitespace (except newline) before start, collect the whitespace to help build indentation
+                while (/[^\S\n]/.test(message.value[start - 1])) {
+                    start--;
+                    indent += message.value[start];
+                }
+                // if newline before indent, include the newline
+                if (message.value[start - 1] == '\n') {
+                    start--;
+                    indent = `\n${indent}`;
+                }
+                const breakpointText = `${indent}/breakpoint |`;
+                message.selectionStart = start;
+                message.selectionEnd = start;
+                // document.execCommand is deprecated (and potentially buggy in some browsers) but the only way to retain undo-history
+                document.execCommand('insertText', false, breakpointText);
+                message.dispatchEvent(new Event('input', { bubbles:true }));
+                return breakpointText.length;
+            };
+            const toggleBreakpoint = ()=>{
+                const idx = message.selectionStart;
+                let postStart = preBreakPointStart;
+                let postEnd = preBreakPointEnd;
+                const parser = new SlashCommandParser();
+                parser.parse(message.value, false);
+                const cmdIdx = parser.commandIndex.findLastIndex(it=>it.start <= idx);
+                if (cmdIdx > -1) {
+                    const cmd = parser.commandIndex[cmdIdx];
+                    if (cmd instanceof SlashCommandBreakPoint) {
+                        const bp = cmd;
+                        const { start, end } = removeBreakpoint(bp);
+                        postStart = start;
+                        postEnd = end;
+                    } else if (parser.commandIndex[cmdIdx - 1] instanceof SlashCommandBreakPoint) {
+                        const bp = parser.commandIndex[cmdIdx - 1];
+                        const { start, end } = removeBreakpoint(bp);
+                        postStart = start;
+                        postEnd = end;
+                    } else {
+                        const len = addBreakpoint(cmd);
+                        postStart += len;
+                        postEnd += len;
+                    }
+                    message.selectionStart = postStart;
+                    message.selectionEnd = postEnd;
+                }
+            };
+            message.addEventListener('pointerdown', (evt)=>{
+                if (!evt.ctrlKey || !evt.altKey) return;
+                preBreakPointStart = message.selectionStart;
+                preBreakPointEnd = message.selectionEnd;
+            });
+            message.addEventListener('pointerup', async(evt)=>{
+                if (!evt.ctrlKey || !evt.altKey || message.selectionStart != message.selectionEnd) return;
+                toggleBreakpoint();
+            });
             /** @type {any} */
             const resizeListener = debounce((evt) => {
-                updateSyntax();
                 updateScrollDebounced(evt);
                 if (document.activeElement == message) {
                     message.blur();

             });
             window.addEventListener('resize', resizeListener);
             updateSyntaxEnabled();
+            const updateSyntax = ()=>{
+                if (messageSyntaxInner && syntax.checked) {
+                    morphdom(
+                        messageSyntaxInner,
+                        `<div>${hljs.highlight(`${message.value}${message.value.slice(-1) == '\n' ? ' ' : ''}`, { language:'stscript', ignoreIllegals:true })?.value}</div>`,
+                        { childrenOnly: true },
+                    );
+                    updateScrollDebounced();
+                }
+            };
+            let lastSyntaxUpdate = 0;
+            const fpsTime = 1000 / 30;
+            let lastMessageValue = null;
+            let wasSyntax = null;
+            const updateSyntaxLoop = ()=>{
+                const now = Date.now();
+                // fps limit
+                if (now - lastSyntaxUpdate < fpsTime) return requestAnimationFrame(updateSyntaxLoop);
+                // elements don't exist (yet?)
+                if (!messageSyntaxInner || !message)  return requestAnimationFrame(updateSyntaxLoop);
+                // elements no longer part of the document
+                if (!messageSyntaxInner.closest('body')) return;
+                // debugger is running
+                if (this.isExecuting) {
+                    lastMessageValue = null;
+                    return requestAnimationFrame(updateSyntaxLoop);
+                }
+                // value hasn't changed
+                if (wasSyntax == syntax.checked && lastMessageValue == message.value) return requestAnimationFrame(updateSyntaxLoop);
+                wasSyntax = syntax.checked;
+                lastSyntaxUpdate = now;
+                lastMessageValue = message.value;
+                updateSyntax();
+                requestAnimationFrame(updateSyntaxLoop);
+            };
+            requestAnimationFrame(()=>updateSyntaxLoop());
             message.style.setProperty('text-shadow', 'none', 'important');
-            /**@type {HTMLElement}*/
-            const messageSyntaxInner = dom.querySelector('#qr--modal-messageSyntaxInner');
-            updateSyntax();
             updateWrap();
             updateTabSize();

             const tpl = dom.querySelector('#qr--ctxItem');
             const linkList = dom.querySelector('#qr--ctxEditor');
             const fillQrSetSelect = (/**@type {HTMLSelectElement}*/select, /**@type {QuickReplyContextLink}*/ link) => {
-                [{ name: 'Select a QR set' }, ...QuickReplySet.list].forEach(qrs => {
+                [{ name: 'Select a QR set' }, ...QuickReplySet.list.toSorted((a,b)=>a.name.toLowerCase().localeCompare(b.name.toLowerCase()))].forEach(qrs => {
                     const opt = document.createElement('option'); {
                         opt.value = qrs.name;
                         opt.textContent = qrs.name;

+                    }
                 });
             };
-            const addCtxItem = (/**@type {QuickReplyContextLink}*/link, /**@type {Number}*/idx) => {
+            const addCtxItem = (/**@type {QuickReplyContextLink}*/link, /**@type {number}*/idx) => {
                 /**@type {HTMLElement} */
                 // @ts-ignore
                 const itemDom = tpl.content.querySelector('.qr--ctxItem').cloneNode(true); {

                 this.updateContext();
             });
             /**@type {HTMLInputElement}*/
+            const executeOnNewChat = dom.querySelector('#qr--executeOnNewChat');
+            executeOnNewChat.checked = this.executeOnNewChat;
+            executeOnNewChat.addEventListener('click', ()=>{
+                this.executeOnNewChat = executeOnNewChat.checked;
+                this.updateContext();
+            });
+            /**@type {HTMLInputElement}*/
             const automationId = dom.querySelector('#qr--automationId');
             automationId.value = this.automationId;
             automationId.addEventListener('input', () => {

             /**@type {HTMLElement}*/
             const executeResult = dom.querySelector('#qr--modal-executeResult');
             this.editorExecuteResult = executeResult;
-            /**@type {HTMLInputElement}*/
+            /**@type {HTMLElement}*/
-            const executeHide = dom.querySelector('#qr--modal-executeHide');
+            const debugState = dom.querySelector('#qr--modal-debugState');
-            this.editorExecuteHide = executeHide;
+            this.editorDebugState = debugState;
             /**@type {HTMLElement}*/
             const executeBtn = dom.querySelector('#qr--modal-execute');
             this.editorExecuteBtn = executeBtn;

                 this.abortController?.abort('Stop button clicked');
             });
+            /**@type {HTMLTextAreaElement} */
+            const inputOg = document.querySelector('#send_textarea');
+            const inputMirror = dom.querySelector('#qr--modal-send_textarea');
+            inputMirror.value = inputOg.value;
+            const inputOgMo = new MutationObserver(muts=>{
+                if (muts.find(it=>[...it.removedNodes].includes(inputMirror) || [...it.removedNodes].find(n=>n.contains(inputMirror)))) {
+                    inputOg.removeEventListener('input', inputOgListener);
+                }
+            });
+            inputOgMo.observe(document.body, { childList:true });
+            const inputOgListener = ()=>{
+                inputMirror.value = inputOg.value;
+            };
+            inputOg.addEventListener('input', inputOgListener);
+            inputMirror.addEventListener('input', ()=>{
+                inputOg.value = inputMirror.value;
+            });
+            /**@type {HTMLElement}*/
+            const resumeBtn = dom.querySelector('#qr--modal-resume');
+            resumeBtn.addEventListener('click', ()=>{
+                this.debugController?.resume();
+            });
+            /**@type {HTMLElement}*/
+            const stepBtn = dom.querySelector('#qr--modal-step');
+            stepBtn.addEventListener('click', ()=>{
+                this.debugController?.step();
+            });
+            /**@type {HTMLElement}*/
+            const stepIntoBtn = dom.querySelector('#qr--modal-stepInto');
+            stepIntoBtn.addEventListener('click', ()=>{
+                this.debugController?.stepInto();
+            });
+            /**@type {HTMLElement}*/
+            const stepOutBtn = dom.querySelector('#qr--modal-stepOut');
+            stepOutBtn.addEventListener('click', ()=>{
+                this.debugController?.stepOut();
+            });
+            /**@type {HTMLElement}*/
+            const minimizeBtn = dom.querySelector('#qr--modal-minimize');
+            minimizeBtn.addEventListener('click', ()=>{
+                this.editorDom.classList.add('qr--minimized');
+            });
+            const maximizeBtn = dom.querySelector('#qr--modal-maximize');
+            maximizeBtn.addEventListener('click', ()=>{
+                this.editorDom.classList.remove('qr--minimized');
+            });
+            /**@type {boolean}*/
+            let isResizing = false;
+            let resizeStart;
+            let wStart;
+            /**@type {HTMLElement}*/
+            const resizeHandle = dom.querySelector('#qr--resizeHandle');
+            resizeHandle.addEventListener('pointerdown', (evt)=>{
+                if (isResizing) return;
+                isResizing = true;
+                evt.preventDefault();
+                resizeStart = evt.x;
+                wStart = dom.querySelector('#qr--qrOptions').offsetWidth;
+                const dragListener = debounce((evt)=>{
+                    const w = wStart + resizeStart - evt.x;
+                    dom.querySelector('#qr--qrOptions').style.setProperty('--width', `${w}px`);
+                }, 5);
+                window.addEventListener('pointerup', ()=>{
+                    window.removeEventListener('pointermove', dragListener);
+                    isResizing = false;
+                }, { once:true });
+                window.addEventListener('pointermove', dragListener);
+            });
             await popupResult;
             window.removeEventListener('resize', resizeListener);

+        }
+    }
+    getEditorPosition(start, end, message = null) {
+        const inputRect = this.editorMessage.getBoundingClientRect();
+        const style = window.getComputedStyle(this.editorMessage);
+        if (!this.clone) {
+            this.clone = document.createElement('div');
+            for (const key of style) {
+                this.clone.style[key] = style[key];
+            }
+            this.clone.style.position = 'fixed';
+            this.clone.style.visibility = 'hidden';
+            const mo = new MutationObserver(muts=>{
+                if (muts.find(it=>[...it.removedNodes].includes(this.editorMessage) || [...it.removedNodes].find(n=>n.contains(this.editorMessage)))) {
+                    this.clone?.remove();
+                    this.clone = null;
+                }
+            });
+            mo.observe(document.body, { childList:true });
+        }
+        document.body.append(this.clone);
+        this.clone.style.width = `${inputRect.width}px`;
+        this.clone.style.height = `${inputRect.height}px`;
+        this.clone.style.left = `${inputRect.left}px`;
+        this.clone.style.top = `${inputRect.top}px`;
+        this.clone.style.whiteSpace = style.whiteSpace;
+        this.clone.style.tabSize = style.tabSize;
+        const text = message ?? this.editorMessage.value;
+        const before = text.slice(0, start);
+        this.clone.textContent = before;
+        const locator = document.createElement('span');
+        locator.textContent = text.slice(start, end);
+        this.clone.append(locator);
+        this.clone.append(text.slice(end));
+        this.clone.scrollTop = this.editorSyntax.scrollTop;
+        this.clone.scrollLeft = this.editorSyntax.scrollLeft;
+        const locatorRect = locator.getBoundingClientRect();
+        const bodyRect = document.body.getBoundingClientRect();
+        const location = {
+            left: locatorRect.left - bodyRect.left,
+            right: locatorRect.right - bodyRect.left,
+            top: locatorRect.top - bodyRect.top,
+            bottom: locatorRect.bottom - bodyRect.top,
+        };
+        // this.clone.remove();
+        return location;
+    }
     async executeFromEditor() {
-        if (this.editorExecutePromise) return;
+        if (this.isExecuting) return;
+        this.editorPopup.onClosing = ()=>false;
+        const uuidCheck = /^[0-9a-z]{8}(-[0-9a-z]{4}){3}-[0-9a-z]{12}$/;
+        const oText = this.message;
+        this.isExecuting = true;
+        this.editorDom.classList.add('qr--isExecuting');
+        const noSyntax = this.editorDom.querySelector('#qr--modal-messageHolder').classList.contains('qr--noSyntax');
+        if (noSyntax) {
+            this.editorDom.querySelector('#qr--modal-messageHolder').classList.remove('qr--noSyntax');
+        }
         this.editorExecuteBtn.classList.add('qr--busy');
         this.editorExecuteProgress.style.setProperty('--prog', '0');
         this.editorExecuteErrors.classList.remove('qr--hasErrors');

         this.editorExecuteProgress.classList.remove('qr--aborted');
         this.editorExecuteErrors.innerHTML = '';
         this.editorExecuteResult.innerHTML = '';
-        if (this.editorExecuteHide.checked) {
+        const syntax = this.editorDom.querySelector('#qr--modal-messageSyntaxInner');
-            this.editorPopup.dlg.classList.add('qr--hide');
+        const updateScroll = (evt) => {
-        }
+            let left = syntax.scrollLeft;
+            let top = syntax.scrollTop;
+            if (evt) {
+                evt.preventDefault();
+                left = syntax.scrollLeft + evt.deltaX;
+                top = syntax.scrollTop + evt.deltaY;
+                syntax.scrollTo({
+                    behavior: 'instant',
+                    left,
+                    top,
+                });
+            }
+            this.editorMessage.scrollTo({
+                behavior: 'instant',
+                left,
+                top,
+            });
+        };
+        const updateScrollDebounced = updateScroll;
+        syntax.addEventListener('wheel', (evt)=>{
+            updateScrollDebounced(evt);
+        });
+        syntax.addEventListener('scroll', (evt)=>{
+            updateScrollDebounced();
+        });
         try {
-            this.editorExecutePromise = this.execute({}, true);
+            this.abortController = new SlashCommandAbortController();
-            const result = await this.editorExecutePromise;
+            this.debugController = new SlashCommandDebugController();
+            this.debugController.onBreakPoint = async(closure, executor)=>{
+                this.editorDom.classList.add('qr--isPaused');
+                syntax.innerHTML = hljs.highlight(`${closure.fullText}${closure.fullText.slice(-1) == '\n' ? ' ' : ''}`, { language:'stscript', ignoreIllegals:true })?.value;
+                this.editorMessageLabel.innerHTML = '';
+                if (uuidCheck.test(closure.source)) {
+                    const p0 = document.createElement('span'); {
+                        p0.textContent = 'anonymous: ';
+                        this.editorMessageLabel.append(p0);
+                    }
+                    const p1 = document.createElement('strong'); {
+                        p1.textContent = executor.source.slice(0,5);
+                        this.editorMessageLabel.append(p1);
+                    }
+                    const p2 = document.createElement('span'); {
+                        p2.textContent = executor.source.slice(5, -5);
+                        this.editorMessageLabel.append(p2);
+                    }
+                    const p3 = document.createElement('strong'); {
+                        p3.textContent = executor.source.slice(-5);
+                        this.editorMessageLabel.append(p3);
+                    }
+                } else {
+                    this.editorMessageLabel.textContent = executor.source;
+                }
+                const source = closure.source;
+                this.editorDebugState.innerHTML = '';
+                let ci = -1;
+                const varNames = [];
+                const macroNames = [];
+                /**
+                 * @param {SlashCommandScope} scope
+                 */
+                const buildVars = (scope, isCurrent = false)=>{
+                    if (!isCurrent) {
+                        ci--;
+                    }
+                    const c = this.debugController.stack.slice(ci)[0];
+                    const wrap = document.createElement('div'); {
+                        wrap.classList.add('qr--scope');
+                        if (isCurrent) {
+                            const executor = this.debugController.cmdStack.slice(-1)[0];
+                            { // named args
+                                const namedTitle = document.createElement('div'); {
+                                    namedTitle.classList.add('qr--title');
+                                    namedTitle.textContent = `Named Args - /${executor.name}`;
+                                    if (executor.command.name == 'run') {
+                                        namedTitle.textContent += `${(executor.name == ':' ? '' : ' ')}${executor.unnamedArgumentList[0]?.value}`;
+                                    }
+                                    wrap.append(namedTitle);
+                                }
+                                const keys = new Set([...Object.keys(this.debugController.namedArguments ?? {}), ...(executor.namedArgumentList ?? []).map(it=>it.name)]);
+                                for (const key of keys) {
+                                    if (key[0] == '_') continue;
+                                    const item = document.createElement('div'); {
+                                        item.classList.add('qr--var');
+                                        const k = document.createElement('div'); {
+                                            k.classList.add('qr--key');
+                                            k.textContent = key;
+                                            item.append(k);
+                                        }
+                                        const vUnresolved = document.createElement('div'); {
+                                            vUnresolved.classList.add('qr--val');
+                                            vUnresolved.classList.add('qr--singleCol');
+                                            const val = executor.namedArgumentList.find(it=>it.name == key)?.value;
+                                            if (val instanceof SlashCommandClosure) {
+                                                vUnresolved.classList.add('qr--closure');
+                                                vUnresolved.title = val.rawText;
+                                                vUnresolved.textContent = val.toString();
+                                            } else if (val === undefined) {
+                                                vUnresolved.classList.add('qr--undefined');
+                                                vUnresolved.textContent = 'undefined';
+                                            } else {
+                                                let jsonVal;
+                                                try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                                if (jsonVal && typeof jsonVal == 'object') {
+                                                    vUnresolved.textContent = JSON.stringify(jsonVal, null, 2);
+                                                } else {
+                                                    vUnresolved.textContent = val;
+                                                    vUnresolved.classList.add('qr--simple');
+                                                }
+                                            }
+                                            item.append(vUnresolved);
+                                        }
+                                        const vResolved = document.createElement('div'); {
+                                            vResolved.classList.add('qr--val');
+                                            vResolved.classList.add('qr--singleCol');
+                                            if (this.debugController.namedArguments === undefined) {
+                                                vResolved.classList.add('qr--unresolved');
+                                            } else {
+                                                const val = this.debugController.namedArguments?.[key];
+                                                if (val instanceof SlashCommandClosure) {
+                                                    vResolved.classList.add('qr--closure');
+                                                    vResolved.title = val.rawText;
+                                                    vResolved.textContent = val.toString();
+                                                } else if (val === undefined) {
+                                                    vResolved.classList.add('qr--undefined');
+                                                    vResolved.textContent = 'undefined';
+                                                } else {
+                                                    let jsonVal;
+                                                    try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                                    if (jsonVal && typeof jsonVal == 'object') {
+                                                        vResolved.textContent = JSON.stringify(jsonVal, null, 2);
+                                                    } else {
+                                                        vResolved.textContent = val;
+                                                        vResolved.classList.add('qr--simple');
+                                                    }
+                                                }
+                                            }
+                                            item.append(vResolved);
+                                        }
+                                        wrap.append(item);
+                                    }
+                                }
+                            }
+                            { // unnamed args
+                                const unnamedTitle = document.createElement('div'); {
+                                    unnamedTitle.classList.add('qr--title');
+                                    unnamedTitle.textContent = `Unnamed Args - /${executor.name}`;
+                                    if (executor.command.name == 'run') {
+                                        unnamedTitle.textContent += `${(executor.name == ':' ? '' : ' ')}${executor.unnamedArgumentList[0]?.value}`;
+                                    }
+                                    wrap.append(unnamedTitle);
+                                }
+                                let i = 0;
+                                let unnamed = this.debugController.unnamedArguments ?? [];
+                                if (!Array.isArray(unnamed)) unnamed = [unnamed];
+                                while (unnamed.length < executor.unnamedArgumentList?.length ?? 0) unnamed.push(undefined);
+                                unnamed = unnamed.map((it,idx)=>[executor.unnamedArgumentList?.[idx], it]);
+                                for (const arg of unnamed) {
+                                    i++;
+                                    const item = document.createElement('div'); {
+                                        item.classList.add('qr--var');
+                                        const k = document.createElement('div'); {
+                                            k.classList.add('qr--key');
+                                            k.textContent = i.toString();
+                                            item.append(k);
+                                        }
+                                        const vUnresolved = document.createElement('div'); {
+                                            vUnresolved.classList.add('qr--val');
+                                            vUnresolved.classList.add('qr--singleCol');
+                                            const val = arg[0]?.value;
+                                            if (val instanceof SlashCommandClosure) {
+                                                vUnresolved.classList.add('qr--closure');
+                                                vUnresolved.title = val.rawText;
+                                                vUnresolved.textContent = val.toString();
+                                            } else if (val === undefined) {
+                                                vUnresolved.classList.add('qr--undefined');
+                                                vUnresolved.textContent = 'undefined';
+                                            } else {
+                                                let jsonVal;
+                                                try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                                if (jsonVal && typeof jsonVal == 'object') {
+                                                    vUnresolved.textContent = JSON.stringify(jsonVal, null, 2);
+                                                } else {
+                                                    vUnresolved.textContent = val;
+                                                    vUnresolved.classList.add('qr--simple');
+                                                }
+                                            }
+                                            item.append(vUnresolved);
+                                        }
+                                        const vResolved = document.createElement('div'); {
+                                            vResolved.classList.add('qr--val');
+                                            vResolved.classList.add('qr--singleCol');
+                                            if (this.debugController.unnamedArguments === undefined) {
+                                                vResolved.classList.add('qr--unresolved');
+                                            } else if ((Array.isArray(this.debugController.unnamedArguments) ? this.debugController.unnamedArguments : [this.debugController.unnamedArguments]).length < i) {
+                                                // do nothing
+                                            } else {
+                                                const val = arg[1];
+                                                if (val instanceof SlashCommandClosure) {
+                                                    vResolved.classList.add('qr--closure');
+                                                    vResolved.title = val.rawText;
+                                                    vResolved.textContent = val.toString();
+                                                } else if (val === undefined) {
+                                                    vResolved.classList.add('qr--undefined');
+                                                    vResolved.textContent = 'undefined';
+                                                } else {
+                                                    let jsonVal;
+                                                    try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                                    if (jsonVal && typeof jsonVal == 'object') {
+                                                        vResolved.textContent = JSON.stringify(jsonVal, null, 2);
+                                                    } else {
+                                                        vResolved.textContent = val;
+                                                        vResolved.classList.add('qr--simple');
+                                                    }
+                                                }
+                                            }
+                                            item.append(vResolved);
+                                        }
+                                        wrap.append(item);
+                                    }
+                                }
+                            }
+                        }
+                        // current scope
+                        const title = document.createElement('div'); {
+                            title.classList.add('qr--title');
+                            title.textContent = isCurrent ? 'Current Scope' : 'Parent Scope';
+                            if (c.source == source) {
+                                let hi;
+                                title.addEventListener('pointerenter', ()=>{
+                                    const loc = this.getEditorPosition(Math.max(0, c.executorList[0].start - 1), c.executorList.slice(-1)[0].end, c.fullText);
+                                    const layer = syntax.getBoundingClientRect();
+                                    hi = document.createElement('div');
+                                    hi.classList.add('qr--highlight-secondary');
+                                    hi.style.left = `${loc.left - layer.left}px`;
+                                    hi.style.width = `${loc.right - loc.left}px`;
+                                    hi.style.top = `${loc.top - layer.top + syntax.scrollTop}px`;
+                                    hi.style.height = `${loc.bottom - loc.top}px`;
+                                    syntax.append(hi);
+                                });
+                                title.addEventListener('pointerleave', ()=>hi?.remove());
+                            }
+                            wrap.append(title);
+                        }
+                        for (const key of Object.keys(scope.variables)) {
+                            const isHidden = varNames.includes(key);
+                            if (!isHidden) varNames.push(key);
+                            const item = document.createElement('div'); {
+                                item.classList.add('qr--var');
+                                if (isHidden) item.classList.add('qr--isHidden');
+                                const k = document.createElement('div'); {
+                                    k.classList.add('qr--key');
+                                    k.textContent = key;
+                                    item.append(k);
+                                }
+                                const v = document.createElement('div'); {
+                                    v.classList.add('qr--val');
+                                    const val = scope.variables[key];
+                                    if (val instanceof SlashCommandClosure) {
+                                        v.classList.add('qr--closure');
+                                        v.title = val.rawText;
+                                        v.textContent = val.toString();
+                                    } else if (val === undefined) {
+                                        v.classList.add('qr--undefined');
+                                        v.textContent = 'undefined';
+                                    } else {
+                                        let jsonVal;
+                                        try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                        if (jsonVal && typeof jsonVal == 'object') {
+                                            v.textContent = JSON.stringify(jsonVal, null, 2);
+                                        } else {
+                                            v.textContent = val;
+                                            v.classList.add('qr--simple');
+                                        }
+                                    }
+                                    item.append(v);
+                                }
+                                wrap.append(item);
+                            }
+                        }
+                        for (const key of Object.keys(scope.macros)) {
+                            const isHidden = macroNames.includes(key);
+                            if (!isHidden) macroNames.push(key);
+                            const item = document.createElement('div'); {
+                                item.classList.add('qr--macro');
+                                if (isHidden) item.classList.add('qr--isHidden');
+                                const k = document.createElement('div'); {
+                                    k.classList.add('qr--key');
+                                    k.textContent = key;
+                                    item.append(k);
+                                }
+                                const v = document.createElement('div'); {
+                                    v.classList.add('qr--val');
+                                    const val = scope.macros[key];
+                                    if (val instanceof SlashCommandClosure) {
+                                        v.classList.add('qr--closure');
+                                        v.title = val.rawText;
+                                        v.textContent = val.toString();
+                                    } else if (val === undefined) {
+                                        v.classList.add('qr--undefined');
+                                        v.textContent = 'undefined';
+                                    } else {
+                                        let jsonVal;
+                                        try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                        if (jsonVal && typeof jsonVal == 'object') {
+                                            v.textContent = JSON.stringify(jsonVal, null, 2);
+                                        } else {
+                                            v.textContent = val;
+                                            v.classList.add('qr--simple');
+                                        }
+                                    }
+                                    item.append(v);
+                                }
+                                wrap.append(item);
+                            }
+                        }
+                        const pipeItem = document.createElement('div'); {
+                            pipeItem.classList.add('qr--pipe');
+                            const k = document.createElement('div'); {
+                                k.classList.add('qr--key');
+                                k.textContent = 'pipe';
+                                pipeItem.append(k);
+                            }
+                            const v = document.createElement('div'); {
+                                v.classList.add('qr--val');
+                                const val = scope.pipe;
+                                if (val instanceof SlashCommandClosure) {
+                                    v.classList.add('qr--closure');
+                                    v.title = val.rawText;
+                                    v.textContent = val.toString();
+                                } else if (val === undefined) {
+                                    v.classList.add('qr--undefined');
+                                    v.textContent = 'undefined';
+                                } else {
+                                    let jsonVal;
+                                    try { jsonVal = JSON.parse(val); } catch { /* empty */ }
+                                    if (jsonVal && typeof jsonVal == 'object') {
+                                        v.textContent = JSON.stringify(jsonVal, null, 2);
+                                    } else {
+                                        v.textContent = val;
+                                        v.classList.add('qr--simple');
+                                    }
+                                }
+                                pipeItem.append(v);
+                            }
+                            wrap.append(pipeItem);
+                        }
+                        if (scope.parent) {
+                            wrap.append(buildVars(scope.parent));
+                        }
+                    }
+                    return wrap;
+                };
+                const buildStack = ()=>{
+                    const wrap = document.createElement('div'); {
+                        wrap.classList.add('qr--stack');
+                        const title = document.createElement('div'); {
+                            title.classList.add('qr--title');
+                            title.textContent = 'Call Stack';
+                            wrap.append(title);
+                        }
+                        let ei = -1;
+                        for (const executor of this.debugController.cmdStack.toReversed()) {
+                            ei++;
+                            const c = this.debugController.stack.toReversed()[ei];
+                            const item = document.createElement('div'); {
+                                item.classList.add('qr--item');
+                                if (executor.source == source) {
+                                    let hi;
+                                    item.addEventListener('pointerenter', ()=>{
+                                        const loc = this.getEditorPosition(Math.max(0, executor.start - 1), executor.end, c.fullText);
+                                        const layer = syntax.getBoundingClientRect();
+                                        hi = document.createElement('div');
+                                        hi.classList.add('qr--highlight-secondary');
+                                        hi.style.left = `${loc.left - layer.left}px`;
+                                        hi.style.width = `${loc.right - loc.left}px`;
+                                        hi.style.top = `${loc.top - layer.top + syntax.scrollTop}px`;
+                                        hi.style.height = `${loc.bottom - loc.top}px`;
+                                        syntax.append(hi);
+                                    });
+                                    item.addEventListener('pointerleave', ()=>hi?.remove());
+                                }
+                                const cmd = document.createElement('div'); {
+                                    cmd.classList.add('qr--cmd');
+                                    cmd.textContent = `/${executor.name}`;
+                                    if (executor.command.name == 'run') {
+                                        cmd.textContent += `${(executor.name == ':' ? '' : ' ')}${executor.unnamedArgumentList[0]?.value}`;
+                                    }
+                                    item.append(cmd);
+                                }
+                                const src = document.createElement('div'); {
+                                    src.classList.add('qr--source');
+                                    const line = closure.fullText.slice(0, executor.start).split('\n').length;
+                                    if (uuidCheck.test(executor.source)) {
+                                        const p1 = document.createElement('span'); {
+                                            p1.classList.add('qr--fixed');
+                                            p1.textContent = executor.source.slice(0,5);
+                                            src.append(p1);
+                                        }
+                                        const p2 = document.createElement('span'); {
+                                            p2.classList.add('qr--truncated');
+                                            p2.textContent = '…';
+                                            src.append(p2);
+                                        }
+                                        const p3 = document.createElement('span'); {
+                                            p3.classList.add('qr--fixed');
+                                            p3.textContent = `${executor.source.slice(-5)}:${line}`;
+                                            src.append(p3);
+                                        }
+                                        src.title = `anonymous: ${executor.source}`;
+                                    } else {
+                                        src.textContent = `${executor.source}:${line}`;
+                                    }
+                                    item.append(src);
+                                }
+                                wrap.append(item);
+                            }
+                        }
+                    }
+                    return wrap;
+                };
+                this.editorDebugState.append(buildVars(closure.scope, true));
+                this.editorDebugState.append(buildStack());
+                this.editorDebugState.classList.add('qr--active');
+                const loc = this.getEditorPosition(Math.max(0, executor.start - 1), executor.end, closure.fullText);
+                const layer = syntax.getBoundingClientRect();
+                const hi = document.createElement('div');
+                hi.classList.add('qr--highlight');
+                if (this.debugController.namedArguments === undefined) {
+                    hi.classList.add('qr--unresolved');
+                }
+                hi.style.left = `${loc.left - layer.left}px`;
+                hi.style.width = `${loc.right - loc.left}px`;
+                hi.style.top = `${loc.top - layer.top + syntax.scrollTop}px`;
+                hi.style.height = `${loc.bottom - loc.top}px`;
+                syntax.append(hi);
+                const isStepping = await this.debugController.awaitContinue();
+                hi.remove();
+                this.editorDebugState.textContent = '';
+                this.editorDebugState.classList.remove('qr--active');
+                this.editorDom.classList.remove('qr--isPaused');
+                return isStepping;
+            };
+            const result = await this.onDebug(this);
             if (this.abortController?.signal?.aborted) {
                 this.editorExecuteProgress.classList.add('qr--aborted');
             } else {

                 `;
+            }
+        }
+        if (noSyntax) {
+            this.editorDom.querySelector('#qr--modal-messageHolder').classList.add('qr--noSyntax');
+        }
+        this.editorMessageLabel.innerHTML = '';
+        this.editorMessageLabel.textContent = 'Message / Command: ';
+        this.editorMessage.value = oText;
+        this.editorMessage.dispatchEvent(new Event('input', { bubbles:true }));
         this.editorExecutePromise = null;
         this.editorExecuteBtn.classList.remove('qr--busy');
-        this.editorPopup.dlg.classList.remove('qr--hide');
+        this.editorDom.classList.remove('qr--isExecuting');
+        this.isExecuting = false;
+        this.editorPopup.onClosing = null;
+    }
     updateEditorProgress(done, total) {

     /**
      * @param {string} value
      */
+    updateIcon(value) {
+        if (this.onUpdate) {
+            if (value === null) return;
+            if (this.settingsDomIcon) {
+                if (this.icon != value) {
+                    if (value == '') {
+                        if (this.icon) {
+                            this.settingsDomIcon.classList.remove(this.icon);
+                        }
+                        this.settingsDomIcon.textContent = '…';
+                        this.settingsDomIcon.classList.remove('fa-solid');
+                    } else {
+                        if (this.icon) {
+                            this.settingsDomIcon.classList.remove(this.icon);
+                        } else {
+                            this.settingsDomIcon.classList.add('fa-solid');
+                        }
+                        this.settingsDomIcon.classList.add(value);
+                    }
+                }
+            }
+            this.icon = value;
+            this.updateRender();
+            this.onUpdate(this);
+        }
+    }
+    /**
+     * @param {boolean} value
+     */
+    updateShowLabel(value) {
+        if (this.onUpdate) {
+            this.showLabel = value;
+            this.updateRender();
+            this.onUpdate(this);
+        }
+    }
+    /**
+     * @param {string} value
+     */
     updateLabel(value) {
         if (this.onUpdate) {
             if (this.settingsDomLabel && this.settingsDomLabel.value != value) {

@@ -670,21 +1862,25 @@ export class QuickReply {
670	}	1862	}
671		1863
672		1864
673	async execute(args = {}, isEditor = false, isRun = false) {	1865	async execute(args = {}, isEditor = false, isRun = false, options = {}) {
674	if (this.message?.length > 0 && this.onExecute) {	1866	if (this.message?.length > 0 && this.onExecute) {
675	const scope = new SlashCommandScope();	1867	const scope = new SlashCommandScope();
676	for (const key of Object.keys(args)) {	1868	for (const key of Object.keys(args)) {
		1869	if (key[0] == '_') continue;
		1870	if (key == 'isAutoExecute') continue;
677	scope.setMacro(`arg::${key}`, args[key]);	1871	scope.setMacro(`arg::${key}`, args[key]);
678	}	1872	}
		1873	scope.setMacro('arg::*', '');
679	if (isEditor) {	1874	if (isEditor) {
680	this.abortController = new SlashCommandAbortController();	1875	this.abortController = new SlashCommandAbortController();
681	}	1876	}
682	return await this.onExecute(this, {	1877	return await this.onExecute(this, {
683	message:this.message,	1878	message: this.message,
684	isAutoExecute: args.isAutoExecute ?? false,	1879	isAutoExecute: args.isAutoExecute ?? false,
685	isEditor,	1880	isEditor,
686	isRun,	1881	isRun,
687	scope,	1882	scope,
		1883	executionOptions: options,
688	});	1884	});
689	}	1885	}
690	}	1886	}

     toJSON() {
         return {
             id: this.id,
+            icon: this.icon,
+            showLabel: this.showLabel,
             label: this.label,
             title: this.title,
             message: this.message,

public/scripts/extensions/quick-reply/src/QuickReplyConfig.js+6 -1 Viewed

         /**@type {HTMLElement}*/
         this.setListDom = root.querySelector('.qr--setList');
         root.querySelector('.qr--setListAdd').addEventListener('click', ()=>{
-            this.addSet(QuickReplySet.list[0]);
+            const newSet = QuickReplySet.list.find(qr=>!this.setList.find(qrl=>qrl.set == qr));
+            if (newSet) {
+                this.addSet(newSet);
+            } else {
+                toastr.warning('All existing QR Sets have already been added.');
+            }
         });
         this.updateSetListDom();
+    }

public/scripts/extensions/quick-reply/src/QuickReplySet.js+191 -20 Viewed

 import { getRequestHeaders, substituteParams } from '../../../../script.js';
+import { Popup, POPUP_RESULT, POPUP_TYPE } from '../../../popup.js';
 import { executeSlashCommands, executeSlashCommandsOnChatInput, executeSlashCommandsWithOptions } from '../../../slash-commands.js';
+import { SlashCommandParser } from '../../../slash-commands/SlashCommandParser.js';
 import { SlashCommandScope } from '../../../slash-commands/SlashCommandScope.js';
-import { debounceAsync, warn } from '../index.js';
+import { debounceAsync, log, warn } from '../index.js';
 import { QuickReply } from './QuickReply.js';
 export class QuickReplySet {

+    }
     /**
-     * @param {String} name - name of the QuickReplySet
+     * @param {string} name - name of the QuickReplySet
      */
     static get(name) {
         return this.list.find(it=>it.name == name);

-    /**@type {String}*/ name;
+    /**@type {string}*/ name;
-    /**@type {Boolean}*/ disableSend = false;
+    /**@type {boolean}*/ disableSend = false;
-    /**@type {Boolean}*/ placeBeforeInput = false;
+    /**@type {boolean}*/ placeBeforeInput = false;
-    /**@type {Boolean}*/ injectInput = false;
+    /**@type {boolean}*/ injectInput = false;
+    /**@type {string}*/ color = 'transparent';
+    /**@type {boolean}*/ onlyBorderColor = false;
     /**@type {QuickReply[]}*/ qrList = [];
-    /**@type {Number}*/ idIndex = 0;
+    /**@type {number}*/ idIndex = 0;
-    /**@type {Boolean}*/ isDeleted = false;
+    /**@type {boolean}*/ isDeleted = false;
-    /**@type {Function}*/ save;
+    /**@type {function}*/ save;
     /**@type {HTMLElement}*/ dom;
     /**@type {HTMLElement}*/ settingsDom;

             const root = document.createElement('div'); {
                 this.dom = root;
                 root.classList.add('qr--buttons');
+                this.updateColor();
                 this.qrList.filter(qr=>!qr.isHidden).forEach(qr=>{
                     root.append(qr.render());
                 });

             this.dom.append(qr.render());
         });
+    }
+    updateColor() {
+        if (!this.dom) return;
+        if (this.color && this.color != 'transparent') {
+            this.dom.style.setProperty('--qr--color', this.color);
+            this.dom.classList.add('qr--color');
+            if (this.onlyBorderColor) {
+                this.dom.classList.add('qr--borderColor');
+            } else {
+                this.dom.classList.remove('qr--borderColor');
+            }
+        } else {
+            this.dom.style.setProperty('--qr--color', 'transparent');
+            this.dom.classList.remove('qr--color');
+            this.dom.classList.remove('qr--borderColor');
+        }
+    }

@@ -93,6 +114,11 @@ export class QuickReplySet {
93	}	114	}
94	return this.settingsDom;	115	return this.settingsDom;
95	}	116	}
		117	/**
		118	*
		119	* @param {QuickReply} qr
		120	* @param {number} idx
		121	*/
96	renderSettingsItem(qr, idx) {	122	renderSettingsItem(qr, idx) {
97	this.settingsDom.append(qr.renderSettings(idx));	123	this.settingsDom.append(qr.renderSettings(idx));
98	}	124	}

     /**
+     *
+     * @param {QuickReply} qr
+     */
+    async debug(qr) {
+        const parser = new SlashCommandParser();
+        const closure = parser.parse(qr.message, true, [], qr.abortController, qr.debugController);
+        closure.source = `${this.name}.${qr.label}`;
+        closure.onProgress = (done, total) => qr.updateEditorProgress(done, total);
+        closure.scope.setMacro('arg::*', '');
+        return (await closure.execute())?.pipe;
+    }
+    /**
+     *
      * @param {QuickReply} qr The QR to execute.
      * @param {object} options
      * @param {string} [options.message] (null) altered message to be used

      * @param {boolean} [options.isEditor] (false) whether the execution is triggered by the QR editor
      * @param {boolean} [options.isRun] (false) whether the execution is triggered by /run or /: (window.executeQuickReplyByName)
      * @param {SlashCommandScope} [options.scope] (null) scope to be used when running the command
+     * @param {import('../../../slash-commands.js').ExecuteSlashCommandsOptions} [options.executionOptions] ({}) further execution options
      * @returns
      */
     async executeWithOptions(qr, options = {}) {

             isEditor:false,
             isRun:false,
             scope:null,
+            executionOptions:{},
         }, options);
+        const execOptions = options.executionOptions;
         /**@type {HTMLTextAreaElement}*/
         const ta = document.querySelector('#send_textarea');
         const finalMessage = options.message ?? qr.message;

         if (input[0] == '/' && !this.disableSend) {
             let result;
             if (options.isAutoExecute || options.isRun) {
-                result = await executeSlashCommandsWithOptions(input, {
+                result = await executeSlashCommandsWithOptions(input, Object.assign(execOptions, {
                     handleParserErrors: true,
                     scope: options.scope,
-                });
+                    source: `${this.name}.${qr.label}`,
+                }));
             } else if (options.isEditor) {
-                result = await executeSlashCommandsWithOptions(input, {
+                result = await executeSlashCommandsWithOptions(input, Object.assign(execOptions, {
                     handleParserErrors: false,
                     scope: options.scope,
                     abortController: qr.abortController,
+                    source: `${this.name}.${qr.label}`,
                     onProgress: (done, total) => qr.updateEditorProgress(done, total),
-                });
+                }));
             } else {
-                result = await executeSlashCommandsOnChatInput(input, {
+                result = await executeSlashCommandsOnChatInput(input, Object.assign(execOptions, {
                     scope: options.scope,
-                });
+                    source: `${this.name}.${qr.label}`,
+                }));
+            }
             return typeof result === 'object' ? result?.pipe : '';
+        }

+    }
     /**
      * @param {QuickReply} qr
-     * @param {String} [message] - optional altered message to be used
+     * @param {string} [message] - optional altered message to be used
      * @param {SlashCommandScope} [scope] - optional scope to be used when running the command
      */
     async execute(qr, message = null, isAutoExecute = false, scope = null) {

-    addQuickReply() {
+    addQuickReply(data = {}) {
         const id = Math.max(this.idIndex, this.qrList.reduce((max,qr)=>Math.max(max,qr.id),0)) + 1;
+        data.id =
         this.idIndex = id + 1;
-        const qr = QuickReply.from({ id });
+        const qr = QuickReply.from(data);
         this.qrList.push(qr);
         this.hookQuickReply(qr);
         if (this.settingsDom) {

         this.save();
         return qr;
+    }
+    addQuickReplyFromText(qrJson) {
+        let data;
+        if (qrJson) {
+            try {
+                data = JSON.parse(qrJson ?? '{}');
+                delete data.id;
+            } catch {
+                // not JSON data
+            }
+            if (data) {
+                // JSON data
+                if (data.label === undefined || data.message === undefined) {
+                    // not a QR
+                    toastr.error('Not a QR.');
+                    return;
+                }
+            } else {
+                // no JSON, use plaintext as QR message
+                data = { message: qrJson };
+            }
+        } else {
+            data = {};
+        }
+        const newQr = this.addQuickReply(data);
+        return newQr;
+    }
+    /**
+     *
+     * @param {QuickReply} qr
+     */
     hookQuickReply(qr) {
+        qr.onDebug = ()=>this.debug(qr);
         qr.onExecute = (_, options)=>this.executeWithOptions(qr, options);
         qr.onDelete = ()=>this.removeQuickReply(qr);
         qr.onUpdate = ()=>this.save();
+        qr.onInsertBefore = (qrJson)=>{
+            this.addQuickReplyFromText(qrJson);
+            const newQr = this.qrList.pop();
+            this.qrList.splice(this.qrList.indexOf(qr), 0, newQr);
+            if (qr.settingsDom) {
+                qr.settingsDom.insertAdjacentElement('beforebegin', newQr.settingsDom);
+            }
+            this.save();
+        };
+        qr.onTransfer = async()=>{
+            /**@type {HTMLSelectElement} */
+            let sel;
+            let isCopy = false;
+            const dom = document.createElement('div'); {
+                dom.classList.add('qr--transferModal');
+                const title = document.createElement('h3'); {
+                    title.textContent = 'Transfer Quick Reply';
+                    dom.append(title);
+                }
+                const subTitle = document.createElement('h4'); {
+                    const entryName = qr.label;
+                    const bookName = this.name;
+                    subTitle.textContent = `${bookName}: ${entryName}`;
+                    dom.append(subTitle);
+                }
+                sel = document.createElement('select'); {
+                    sel.classList.add('qr--transferSelect');
+                    sel.setAttribute('autofocus', '1');
+                    const noOpt = document.createElement('option'); {
+                        noOpt.value = '';
+                        noOpt.textContent = '-- Select QR Set --';
+                        sel.append(noOpt);
+                    }
+                    for (const qrs of QuickReplySet.list) {
+                        const opt = document.createElement('option'); {
+                            opt.value = qrs.name;
+                            opt.textContent = qrs.name;
+                            sel.append(opt);
+                        }
+                    }
+                    sel.addEventListener('keyup', (evt)=>{
+                        if (evt.key == 'Shift') {
+                            (dlg.dom ?? dlg.dlg).classList.remove('qr--isCopy');
+                            return;
+                        }
+                    });
+                    sel.addEventListener('keydown', (evt)=>{
+                        if (evt.key == 'Shift') {
+                            (dlg.dom ?? dlg.dlg).classList.add('qr--isCopy');
+                            return;
+                        }
+                        if (!evt.ctrlKey && !evt.altKey && evt.key == 'Enter') {
+                            evt.preventDefault();
+                            if (evt.shiftKey) isCopy = true;
+                            dlg.completeAffirmative();
+                        }
+                    });
+                    dom.append(sel);
+                }
+                const hintP = document.createElement('p'); {
+                    const hint = document.createElement('small'); {
+                        hint.textContent = 'Type or arrows to select QR Set. Enter to transfer. Shift+Enter to copy.';
+                        hintP.append(hint);
+                    }
+                    dom.append(hintP);
+                }
+            }
+            const dlg = new Popup(dom, POPUP_TYPE.CONFIRM, null, { okButton:'Transfer', cancelButton:'Cancel' });
+            const copyBtn = document.createElement('div'); {
+                copyBtn.classList.add('qr--copy');
+                copyBtn.classList.add('menu_button');
+                copyBtn.textContent = 'Copy';
+                copyBtn.addEventListener('click', ()=>{
+                    isCopy = true;
+                    dlg.completeAffirmative();
+                });
+                (dlg.ok ?? dlg.okButton).insertAdjacentElement('afterend', copyBtn);
+            }
+            const prom = dlg.show();
+            sel.focus();
+            await prom;
+            if (dlg.result == POPUP_RESULT.AFFIRMATIVE) {
+                const qrs = QuickReplySet.list.find(it=>it.name == sel.value);
+                qrs.addQuickReply(qr.toJSON());
+                if (!isCopy) {
+                    qr.delete();
+                }
+            }
+        };
+    }
     removeQuickReply(qr) {

             disableSend: this.disableSend,
             placeBeforeInput: this.placeBeforeInput,
             injectInput: this.injectInput,
+            color: this.color,
+            onlyBorderColor: this.onlyBorderColor,
             qrList: this.qrList,
             idIndex: this.idIndex,
         };

         if (response.ok) {
             this.unrender();
             const idx = QuickReplySet.list.indexOf(this);
-            QuickReplySet.list.splice(idx, 1);
+            if (idx > -1) {
-            this.isDeleted = true;
+                QuickReplySet.list.splice(idx, 1);
+                this.isDeleted = true;
+            } else {
+                warn(`Deleted Quick Reply Set was not found in the list of sets: ${this.name}`);
+            }
         } else {
             warn(`Failed to delete Quick Reply Set: ${this.name}`);
+        }

public/scripts/extensions/quick-reply/src/QuickReplySetLink.js+1 -1 Viewed

                     this.set = QuickReplySet.get(set.value);
                     this.update();
                 });
-                QuickReplySet.list.forEach(qrs=>{
+                QuickReplySet.list.toSorted((a,b)=>a.name.toLowerCase().localeCompare(b.name.toLowerCase())).forEach(qrs=>{
                     const opt = document.createElement('option'); {
                         opt.value = qrs.name;
                         opt.textContent = qrs.name;

public/scripts/extensions/quick-reply/src/SlashCommandHandler.js+259 -18 Viewed

 import { SlashCommand } from '../../../slash-commands/SlashCommand.js';
+import { SlashCommandAbortController } from '../../../slash-commands/SlashCommandAbortController.js';
 import { ARGUMENT_TYPE, SlashCommandArgument, SlashCommandNamedArgument } from '../../../slash-commands/SlashCommandArgument.js';
+import { SlashCommandClosure } from '../../../slash-commands/SlashCommandClosure.js';
 import { enumIcons } from '../../../slash-commands/SlashCommandCommonEnumsProvider.js';
+import { SlashCommandDebugController } from '../../../slash-commands/SlashCommandDebugController.js';
 import { SlashCommandEnumValue, enumTypes } from '../../../slash-commands/SlashCommandEnumValue.js';
 import { SlashCommandParser } from '../../../slash-commands/SlashCommandParser.js';
+import { SlashCommandScope } from '../../../slash-commands/SlashCommandScope.js';
 import { isTrueBoolean } from '../../../utils.js';
 // eslint-disable-next-line no-unused-vars
 import { QuickReplyApi } from '../api/QuickReplyApi.js';

                 return new SlashCommandEnumValue(qr.label, message, enumTypes.enum, enumIcons.qr);
             }) ?? [],
+            /** All QRs inside a set, utilizing the "set" named argument, returns the QR's ID */
+            qrIds: (executor) => QuickReplySet.get(String(executor.namedArgumentList.find(x => x.name == 'set')?.value))?.qrList.map(qr => {
+                const icons = getExecutionIcons(qr);
+                const message = `${qr.automationId ? `[${qr.automationId}]` : ''}${icons ? `[auto: ${icons}]` : ''} ${qr.title || qr.message}`.trim();
+                return new SlashCommandEnumValue(qr.label, message, enumTypes.enum, enumIcons.qr, null, ()=>qr.id.toString(), true);
+            }) ?? [],
             /** All QRs as a set.name string, to be able to execute, for example via the /run command */
             qrExecutables: () => {
                 const globalSetList = this.api.settings.config.setList;

                     ...otherQrs.map(x => new SlashCommandEnumValue(`${x.set.name}.${x.qr.label}`, `${x.qr.title || x.qr.message}`, enumTypes.qr, enumIcons.qr)),
                 ];
             },
-        }
+        };
         window['qrEnumProviderExecutables'] = localEnumProviders.qrExecutables;

                 name: 'label',
                 description: 'text on the button, e.g., label=MyButton',
                 typeList: [ARGUMENT_TYPE.STRING],
-                isRequired: true,
+                isRequired: false,
-                enumProvider: localEnumProviders.qrLabels,
+                enumProvider: localEnumProviders.qrEntries,
+            }),
+            SlashCommandNamedArgument.fromProps({
+                name: 'icon',
+                description: 'icon to show on the button, e.g., icon=fa-pencil',
+                typeList: [ARGUMENT_TYPE.STRING],
+                isRequired: false,
+            }),
+            SlashCommandNamedArgument.fromProps({
+                name: 'showlabel',
+                description: 'whether to show the label even when an icon is assigned, e.g., icon=fa-pencil showlabel=true',
+                typeList: [ARGUMENT_TYPE.BOOLEAN],
+                isRequired: false,
             }),
             new SlashCommandNamedArgument('hidden', 'whether the button should be hidden, e.g., hidden=true', [ARGUMENT_TYPE.BOOLEAN], false, false, 'false'),
             new SlashCommandNamedArgument('startup', 'auto execute on app startup, e.g., startup=true', [ARGUMENT_TYPE.BOOLEAN], false, false, 'false'),

         ];
         const qrUpdateArgs = [
             new SlashCommandNamedArgument('newlabel', 'new text for the button', [ARGUMENT_TYPE.STRING], false),
+            SlashCommandNamedArgument.fromProps({
+                name: 'id',
+                description: 'numeric ID of the QR, e.g., id=42',
+                typeList: [ARGUMENT_TYPE.NUMBER],
+                isRequired: false,
+                enumProvider: localEnumProviders.qrIds,
+            }),
         ];
         SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-create',

                 </div>
             `,
         }));
+        SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-get',
+            callback: (args, _) => {
+                return this.getQuickReply(args);
+            },
+            namedArgumentList: [
+                SlashCommandNamedArgument.fromProps({
+                    name: 'set',
+                    description: 'name of the QR set, e.g., set=PresetName1',
+                    typeList: [ARGUMENT_TYPE.STRING],
+                    isRequired: true,
+                    enumProvider: localEnumProviders.qrSets,
+                }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'label',
+                    description: 'text on the button, e.g., label=MyButton',
+                    typeList: [ARGUMENT_TYPE.STRING],
+                    isRequired: false,
+                    enumProvider: localEnumProviders.qrEntries,
+                }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'id',
+                    description: 'numeric ID of the QR, e.g., id=42',
+                    typeList: [ARGUMENT_TYPE.NUMBER],
+                    isRequired: false,
+                    enumProvider: localEnumProviders.qrIds,
+                }),
+            ],
+            returns: 'a dictionary with all the QR\'s properties',
+            helpString: `
+                <div>Get a Quick Reply's properties.</div>
+                <div>
+                    <strong>Examples:</strong>
+                    <ul>
+                        <li>
+                            <pre><code>/qr-get set=MyPreset label=MyButton | /echo</code></pre>
+                            <pre><code>/qr-get set=MyPreset id=42 | /echo</code></pre>
+                        </li>
+                    </ul>
+                </div>
+            `,
+        }));
         SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-update',
             callback: (args, message) => {
                 this.updateQuickReply(args, message);
                 return '';
             },
             returns: 'updated quick reply',
-            namedArgumentList: [...qrUpdateArgs, ...qrArgs],
+            namedArgumentList: [...qrUpdateArgs, ...qrArgs.map(it=>{
+                if (it.name == 'label') {
+                    const clone = SlashCommandNamedArgument.fromProps(it);
+                    clone.isRequired = false;
+                    return clone;
+                }
+                return it;
+            })],
             unnamedArgumentList: [
                 new SlashCommandArgument('command', [ARGUMENT_TYPE.STRING]),
             ],

                     typeList: [ARGUMENT_TYPE.STRING],
                     enumProvider: localEnumProviders.qrEntries,
                 }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'id',
+                    description: 'numeric ID of the QR, e.g., id=42',
+                    typeList: [ARGUMENT_TYPE.NUMBER],
+                    enumProvider: localEnumProviders.qrIds,
+                }),
             ],
             unnamedArgumentList: [
                 SlashCommandArgument.fromProps({

                     typeList: [ARGUMENT_TYPE.STRING],
                     enumProvider: localEnumProviders.qrEntries,
                 }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'id',
+                    description: 'numeric ID of the QR, e.g., id=42',
+                    typeList: [ARGUMENT_TYPE.NUMBER],
+                    enumProvider: localEnumProviders.qrIds,
+                }),
                 new SlashCommandNamedArgument(
                     'chain', 'boolean', [ARGUMENT_TYPE.BOOLEAN], false, false, 'false',
                 ),

                     typeList: [ARGUMENT_TYPE.STRING],
                     enumProvider: localEnumProviders.qrEntries,
                 }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'id',
+                    description: 'numeric ID of the QR, e.g., id=42',
+                    typeList: [ARGUMENT_TYPE.NUMBER],
+                    enumProvider: localEnumProviders.qrIds,
+                }),
             ],
             unnamedArgumentList: [
                 SlashCommandArgument.fromProps({

                     isRequired: true,
                     enumProvider: localEnumProviders.qrSets,
                 }),
+                SlashCommandNamedArgument.fromProps({
+                    name: 'id',
+                    description: 'numeric ID of the QR, e.g., id=42',
+                    typeList: [ARGUMENT_TYPE.NUMBER],
+                    enumProvider: localEnumProviders.qrIds,
+                }),
             ],
             unnamedArgumentList: [
                 SlashCommandArgument.fromProps({

             new SlashCommandNamedArgument('inject', 'inject user input automatically (if disabled use {{input}})', [ARGUMENT_TYPE.BOOLEAN], false),
         ];
         SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-set-create',
-            callback: (args, name) => {
+            callback: async (args, name) => {
-                this.createSet(name, args);
+                await this.createSet(name, args);
                 return '';
             },
             aliases: ['qr-presetadd'],

         }));
         SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-set-update',
-            callback: (args, name) => {
+            callback: async (args, name) => {
-                this.updateSet(name, args);
+                await this.updateSet(name, args);
                 return '';
             },
             aliases: ['qr-presetupdate'],

             `,
         }));
         SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-set-delete',
-            callback: (_, name) => {
+            callback: async (_, name) => {
-                this.deleteSet(name);
+                await this.deleteSet(name);
                 return '';
             },
             aliases: ['qr-presetdelete'],

                 </div>
             `,
         }));
+        SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'qr-arg',
+            callback: ({ _scope }, [key, value]) => {
+                _scope.setMacro(`arg::${key}`, value, key.includes('*'));
+                return '';
+            },
+            unnamedArgumentList: [
+                SlashCommandArgument.fromProps({ description: 'argument name',
+                    typeList: ARGUMENT_TYPE.STRING,
+                    isRequired: true,
+                }),
+                SlashCommandArgument.fromProps({ description: 'argument value',
+                    typeList: [ARGUMENT_TYPE.STRING, ARGUMENT_TYPE.NUMBER, ARGUMENT_TYPE.BOOLEAN, ARGUMENT_TYPE.LIST, ARGUMENT_TYPE.DICTIONARY],
+                    isRequired: true,
+                }),
+            ],
+            splitUnnamedArgument: true,
+            splitUnnamedArgumentCount: 2,
+            helpString: `
+                <div>
+                    Set a fallback value for a Quick Reply argument.
+                </div>
+                <div>
+                    <strong>Example:</strong>
+                    <pre><code>/qr-arg x foo |\n/echo {{arg::x}}</code></pre>
+                </div>
+            `,
+        }));
+        SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'import',
+            /**
+             *
+             * @param {{_scope:SlashCommandScope, _abortController:SlashCommandAbortController, _debugController:SlashCommandDebugController, from:string}} args
+             * @param {string} value
+             */
+            callback: (args, value) => {
+                if (!args.from) throw new Error('/import requires from= to be set.');
+                if (!value) throw new Error('/import requires the unnamed argument to be set.');
+                let qr = [...this.api.listGlobalSets(), ...this.api.listChatSets()]
+                    .map(it=>this.api.getSetByName(it)?.qrList ?? [])
+                    .flat()
+                    .find(it=>it.label == args.from)
+                ;
+                if (!qr) {
+                    let [setName, ...qrNameParts] = args.from.split('.');
+                    let qrName = qrNameParts.join('.');
+                    let qrs = QuickReplySet.get(setName);
+                    if (qrs) {
+                        qr = qrs.qrList.find(it=>it.label == qrName);
+                    }
+                }
+                if (qr) {
+                    const parser = new SlashCommandParser();
+                    const closure = parser.parse(qr.message, true, [], args._abortController, args._debugController);
+                    if (args._debugController) {
+                        closure.source = args.from;
+                    }
+                    const testCandidates = (executor)=>{
+                        return (
+                            executor.namedArgumentList.find(arg=>arg.name == 'key')
+                            && executor.unnamedArgumentList.length > 0
+                            && executor.unnamedArgumentList[0].value instanceof SlashCommandClosure
+                        ) || (
+                            !executor.namedArgumentList.find(arg=>arg.name == 'key')
+                            && executor.unnamedArgumentList.length > 1
+                            && executor.unnamedArgumentList[1].value instanceof SlashCommandClosure
+                        );
+                    };
+                    const candidates = closure.executorList
+                        .filter(executor=>['let', 'var'].includes(executor.command.name))
+                        .filter(testCandidates)
+                        .map(executor=>({
+                            key: executor.namedArgumentList.find(arg=>arg.name == 'key')?.value ?? executor.unnamedArgumentList[0].value,
+                            value: executor.unnamedArgumentList[executor.namedArgumentList.find(arg=>arg.name == 'key') ? 0 : 1].value,
+                        }))
+                    ;
+                    for (let i = 0; i < value.length; i++) {
+                        const srcName = value[i];
+                        let dstName = srcName;
+                        if (i + 2 < value.length && value[i + 1] == 'as') {
+                            dstName = value[i + 2];
+                            i += 2;
+                        }
+                        const pick = candidates.find(it=>it.key == srcName);
+                        if (!pick) throw new Error(`No scoped closure named "${srcName}" found in "${args.from}"`);
+                        if (args._scope.existsVariableInScope(dstName)) {
+                            args._scope.setVariable(dstName, pick.value);
+                        } else {
+                            args._scope.letVariable(dstName, pick.value);
+                        }
+                    }
+                } else {
+                    throw new Error(`No Quick Reply found for "${name}".`);
+                }
+                return '';
+            },
+            namedArgumentList: [
+                SlashCommandNamedArgument.fromProps({ name: 'from',
+                    description: 'Quick Reply to import from (QRSet.QRLabel)',
+                    typeList: ARGUMENT_TYPE.STRING,
+                    isRequired: true,
+                }),
+            ],
+            unnamedArgumentList: [
+                SlashCommandArgument.fromProps({ description: 'what to import (x or x as y)',
+                    acceptsMultiple: true,
+                    typeList: ARGUMENT_TYPE.STRING,
+                    isRequired: true,
+                }),
+            ],
+            splitUnnamedArgument: true,
+            helpString: `
+                <div>
+                    Import one or more closures from another Quick Reply.
+                </div>
+                <div>
+                    Only imports closures that are directly assigned a scoped variable via <code>/let</code> or <code>/var</code>.
+                </div>
+                <div>
+                    <strong>Examples:</strong>
+                    <ul>
+                        <li><pre><code>/import from=LibraryQrSet.FooBar foo |\n/:foo</code></pre></li>
+                        <li><pre><code>/import from=LibraryQrSet.FooBar\n\tfoo\n\tbar\n|\n/:foo |\n/:bar</code></pre></li>
+                        <li><pre><code>/import from=LibraryQrSet.FooBar\n\tfoo as x\n\tbar as y\n|\n/:x |\n/:y</code></pre></li>
+                    </ul>
+                </div>
+            `,
+        }));
+    }

                 args.set ?? '',
                 args.label ?? '',
+                {
+                    icon: args.icon,
+                    showLabel: args.showlabel === undefined ? undefined : isTrueBoolean(args.showlabel),
                     message: message ?? '',
                     title: args.title,
                     isHidden: isTrueBoolean(args.hidden),

             toastr.error(ex.message);
+        }
+    }
+    getQuickReply(args) {
+        try {
+            return JSON.stringify(this.api.getQrByLabel(args.set, args.id !== undefined ? Number(args.id) : args.label));
+        } catch (ex) {
+            toastr.error(ex.message);
+        }
+    }
     updateQuickReply(args, message) {
         try {
             this.api.updateQuickReply(
                 args.set ?? '',
-                args.label ?? '',
+                args.id !== undefined ? Number(args.id) : (args.label ?? ''),
+                {
+                    icon: args.icon,
+                    showLabel: args.showlabel === undefined ? undefined : isTrueBoolean(args.showlabel),
                     newLabel: args.newlabel,
                     message: (message ?? '').trim().length > 0 ? message : undefined,
                     title: args.title,

@@ -657,7 +898,7 @@ export class SlashCommandHandler {
657	}	898	}
658	deleteQuickReply(args, label) {	899	deleteQuickReply(args, label) {
659	try {	900	try {
660	this.api.deleteQuickReply(args.set, args.label ?? label);	901	this.api.deleteQuickReply(args.set, args.id !== undefined ? Number(args.id) : (args.label ?? label));
661	} catch (ex) {	902	} catch (ex) {
662	toastr.error(ex.message);	903	toastr.error(ex.message);
663	}	904	}

@@ -692,9 +933,9 @@ export class SlashCommandHandler {
692	}	933	}
693		934
694		935
695	createSet(name, args) {	936	async createSet(name, args) {
696	try {	937	try {
697	this.api.createSet(	938	await this.api.createSet(
698	args.name ?? name ?? '',	939	args.name ?? name ?? '',
699	{	940	{
700	disableSend: isTrueBoolean(args.nosend),	941	disableSend: isTrueBoolean(args.nosend),

@@ -706,9 +947,9 @@ export class SlashCommandHandler {
706	toastr.error(ex.message);	947	toastr.error(ex.message);
707	}	948	}
708	}	949	}
709	updateSet(name, args) {	950	async updateSet(name, args) {
710	try {	951	try {
711	this.api.updateSet(	952	await this.api.updateSet(
712	args.name ?? name ?? '',	953	args.name ?? name ?? '',
713	{	954	{
714	disableSend: args.nosend !== undefined ? isTrueBoolean(args.nosend) : undefined,	955	disableSend: args.nosend !== undefined ? isTrueBoolean(args.nosend) : undefined,

@@ -720,9 +961,9 @@ export class SlashCommandHandler {
720	toastr.error(ex.message);	961	toastr.error(ex.message);
721	}	962	}
722	}	963	}
723	deleteSet(name) {	964	async deleteSet(name) {
724	try {	965	try {
725	this.api.deleteSet(name ?? '');	966	await this.api.deleteSet(name ?? '');
726	} catch (ex) {	967	} catch (ex) {
727	toastr.error(ex.message);	968	toastr.error(ex.message);
728	}	969	}

public/scripts/extensions/quick-reply/src/ui/SettingsUi.js+54 -3 Viewed

     /**@type {HTMLInputElement}*/ disableSend;
     /**@type {HTMLInputElement}*/ placeBeforeInput;
     /**@type {HTMLInputElement}*/ injectInput;
+    /**@type {HTMLInputElement}*/ color;
+    /**@type {HTMLInputElement}*/ onlyBorderColor;
     /**@type {HTMLSelectElement}*/ currentSet;

         this.dom.querySelector('#qr--set-add').addEventListener('click', async()=>{
             this.currentQrSet.addQuickReply();
         });
+        this.dom.querySelector('#qr--set-paste').addEventListener('click', async()=>{
+            const text = await navigator.clipboard.readText();
+            this.currentQrSet.addQuickReplyFromText(text);
+        });
+        this.dom.querySelector('#qr--set-importQr').addEventListener('click', async()=>{
+            const inp = document.createElement('input'); {
+                inp.type = 'file';
+                inp.accept = '.json';
+                inp.addEventListener('change', async()=>{
+                    if (inp.files.length > 0) {
+                        for (const file of inp.files) {
+                            const text = await file.text();
+                            this.currentQrSet.addQuickReply(JSON.parse(text));
+                        }
+                    }
+                });
+                inp.click();
+            }
+        });
         this.qrList = this.dom.querySelector('#qr--set-qrList');
         this.currentSet = this.dom.querySelector('#qr--set');
         this.currentSet.addEventListener('change', ()=>this.onQrSetChange());
-        QuickReplySet.list.forEach(qrs=>{
+        QuickReplySet.list.toSorted((a,b)=>a.name.toLowerCase().localeCompare(b.name.toLowerCase())).forEach(qrs=>{
             const opt = document.createElement('option'); {
                 opt.value = qrs.name;
                 opt.textContent = qrs.name;

             qrs.injectInput = this.injectInput.checked;
             qrs.save();
         });
+        let initialColorChange = true;
+        this.color = this.dom.querySelector('#qr--color');
+        this.color.color = this.currentQrSet?.color ?? 'transparent';
+        this.color.addEventListener('change', (evt)=>{
+            if (!this.dom.closest('body')) return;
+            const qrs = this.currentQrSet;
+            if (initialColorChange) {
+                initialColorChange = false;
+                this.color.color = qrs.color;
+                return;
+            }
+            qrs.color = evt.detail.rgb;
+            qrs.save();
+            this.currentQrSet.updateColor();
+        });
+        this.dom.querySelector('#qr--colorClear').addEventListener('click', (evt)=>{
+            const qrs = this.currentQrSet;
+            this.color.color = 'transparent';
+            qrs.save();
+            this.currentQrSet.updateColor();
+        });
+        this.onlyBorderColor = this.dom.querySelector('#qr--onlyBorderColor');
+        this.onlyBorderColor.addEventListener('click', ()=>{
+            const qrs = this.currentQrSet;
+            qrs.onlyBorderColor = this.onlyBorderColor.checked;
+            qrs.save();
+            this.currentQrSet.updateColor();
+        });
         this.onQrSetChange();
+    }
     onQrSetChange() {

         this.disableSend.checked = this.currentQrSet.disableSend;
         this.placeBeforeInput.checked = this.currentQrSet.placeBeforeInput;
         this.injectInput.checked = this.currentQrSet.injectInput;
+        this.color.color = this.currentQrSet.color ?? 'transparent';
+        this.onlyBorderColor.checked = this.currentQrSet.onlyBorderColor;
         this.qrList.innerHTML = '';
         const qrsDom = this.currentQrSet.renderSettings();
         this.qrList.append(qrsDom);

                 const qrs = new QuickReplySet();
                 qrs.name = name;
                 qrs.addQuickReply();
-                const idx = QuickReplySet.list.findIndex(it=>it.name.localeCompare(name) == 1);
+                const idx = QuickReplySet.list.findIndex(it=>it.name.toLowerCase().localeCompare(name.toLowerCase()) == 1);
                 if (idx > -1) {
                     QuickReplySet.list.splice(idx, 0, qrs);
                 } else {

                         this.prepareChatSetList();
+                    }
                 } else {
-                    const idx = QuickReplySet.list.findIndex(it=>it.name.localeCompare(qrs.name) == 1);
+                    const idx = QuickReplySet.list.findIndex(it=>it.name.toLowerCase().localeCompare(qrs.name.toLowerCase()) == 1);
                     if (idx > -1) {
                         QuickReplySet.list.splice(idx, 0, qrs);
                     } else {

public/scripts/extensions/quick-reply/src/ui/ctx/ContextMenu.js+5 -0 Viewed

      */
     build(qr, chainedMessage = null, hierarchy = [], labelHierarchy = []) {
         const tree = {
+            icon: qr.icon,
+            showLabel: qr.showLabel,
             label: qr.label,
             message: (chainedMessage && qr.message ? `${chainedMessage} | ` : '') + qr.message,
             children: [],
         };
         qr.contextList.forEach((cl) => {
+            if (!cl.set) return;
             if (!hierarchy.includes(cl.set)) {
                 const nextHierarchy = [...hierarchy, cl.set];
                 const nextLabelHierarchy = [...labelHierarchy, tree.label];

                 cl.set.qrList.forEach(subQr => {
                     const subTree = this.build(subQr, cl.isChained ? tree.message : null, nextHierarchy, nextLabelHierarchy);
                     tree.children.push(new MenuItem(
+                        subTree.icon,
+                        subTree.showLabel,
                         subTree.label,
                         subTree.message,
                         (evt) => {

public/scripts/extensions/quick-reply/src/ui/ctx/MenuHeader.js+1 -1 Viewed

@@ -2,7 +2,7 @@ import { MenuItem } from './MenuItem.js';
2		2
3	export class MenuHeader extends MenuItem {	3	export class MenuHeader extends MenuItem {
4	constructor(/*@type {String}/label) {	4	constructor(/*@type {String}/label) {
5	super(label, null, null);	5	super(null, null, label, null, null);
6	}	6	}
7		7
8		8

public/scripts/extensions/quick-reply/src/ui/ctx/MenuItem.js+34 -7 Viewed

 import { SubMenu } from './SubMenu.js';
 export class MenuItem {
-    /**@type {String}*/ label;
+    /**@type {string}*/ icon;
-    /**@type {Object}*/ value;
+    /**@type {boolean}*/ showLabel;
-    /**@type {Function}*/ callback;
+    /**@type {string}*/ label;
+    /**@type {object}*/ value;
+    /**@type {function}*/ callback;
     /**@type {MenuItem[]}*/ childList = [];
     /**@type {SubMenu}*/ subMenu;
-    /**@type {Boolean}*/ isForceExpanded = false;
+    /**@type {boolean}*/ isForceExpanded = false;
     /**@type {HTMLElement}*/ root;
-    /**@type {Function}*/ onExpand;
+    /**@type {function}*/ onExpand;
-    constructor(/**@type {String}*/label, /**@type {Object}*/value, /**@type {function}*/callback, /**@type {MenuItem[]}*/children = []) {
+    /**
+     *
+     * @param {string} icon
+     * @param {boolean} showLabel
+     * @param {string} label
+     * @param {object} value
+     * @param {function} callback
+     * @param {MenuItem[]} children
+     */
+    constructor(icon, showLabel, label, value, callback, children = []) {
+        this.icon = icon;
+        this.showLabel = showLabel;
         this.label = label;
         this.value = value;
         this.callback = callback;

                 if (this.callback) {
                     item.addEventListener('click', (evt) => this.callback(evt, this));
+                }
-                item.append(this.label);
+                const icon = document.createElement('div'); {
+                    this.domIcon = icon;
+                    icon.classList.add('qr--button-icon');
+                    icon.classList.add('fa-solid');
+                    if (!this.icon) icon.classList.add('qr--hidden');
+                    else icon.classList.add(this.icon);
+                    item.append(icon);
+                }
+                const lbl = document.createElement('div'); {
+                    this.domLabel = lbl;
+                    lbl.classList.add('qr--button-label');
+                    if (this.icon && !this.showLabel) lbl.classList.add('qr--hidden');
+                    lbl.textContent = this.label;
+                    item.append(lbl);
+                }
                 if (this.childList.length > 0) {
                     item.classList.add('ctx-has-children');
                     const sub = new SubMenu(this.childList);

public/scripts/extensions/quick-reply/style.css+603 -21 Viewed

+@keyframes qr--success {
+%,
+% {
+    color: var(--SmartThemeBodyColor);
+  }
+%,
+% {
+    color: #51a351;
+  }
+}
+.qr--success {
+  animation-name: qr--success;
+  animation-duration: 3s;
+  animation-timing-function: linear;
+  animation-delay: 0s;
+  animation-iteration-count: 1;
+}
 #qr--bar {
   outline: none;
   margin: 0;

+}
 #qr--bar > .qr--buttons,
 #qr--popout > .qr--body > .qr--buttons {
+  --qr--color: transparent;
   margin: 0;
   padding: 0;
   display: flex;

   gap: 5px;
   width: 100%;
+}
+#qr--bar > .qr--buttons.qr--color,
+#qr--popout > .qr--body > .qr--buttons.qr--color {
+  background-color: var(--qr--color);
+}
+#qr--bar > .qr--buttons.qr--borderColor,
+#qr--popout > .qr--body > .qr--buttons.qr--borderColor {
+  background-color: transparent;
+  border-left: 5px solid var(--qr--color);
+  border-right: 5px solid var(--qr--color);
+}
+#qr--bar > .qr--buttons:has(.qr--buttons.qr--color),
+#qr--popout > .qr--body > .qr--buttons:has(.qr--buttons.qr--color) {
+  margin: 5px;
+}
 #qr--bar > .qr--buttons > .qr--buttons,
 #qr--popout > .qr--body > .qr--buttons > .qr--buttons {
   display: contents;
+}
+#qr--bar > .qr--buttons > .qr--buttons.qr--color .qr--button:before,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons.qr--color .qr--button:before {
+  content: '';
+  background-color: var(--qr--color);
+  position: absolute;
+  inset: -5px;
+  z-index: -1;
+}
+#qr--bar > .qr--buttons > .qr--buttons.qr--color.qr--borderColor .qr--button:before,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons.qr--color.qr--borderColor .qr--button:before {
+  display: none;
+}
+#qr--bar > .qr--buttons > .qr--buttons.qr--color.qr--borderColor:before,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons.qr--color.qr--borderColor:before,
+#qr--bar > .qr--buttons > .qr--buttons.qr--color.qr--borderColor:after,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons.qr--color.qr--borderColor:after {
+  content: '';
+  width: 5px;
+  background-color: var(--qr--color);
+}
 #qr--bar > .qr--buttons .qr--button,
 #qr--popout > .qr--body > .qr--buttons .qr--button {
   color: var(--SmartThemeBodyColor);

   align-items: center;
   justify-content: center;
   text-align: center;
+  position: relative;
+}
 #qr--bar > .qr--buttons .qr--button:hover,
 #qr--popout > .qr--body > .qr--buttons .qr--button:hover {
-  opacity: 1;
+  background-color: #4d4d4d;
-  filter: brightness(1.2);
+}
+#qr--bar > .qr--buttons .qr--button .qr--hidden,
+#qr--popout > .qr--body > .qr--buttons .qr--button .qr--hidden {
+  display: none;
+}
+#qr--bar > .qr--buttons .qr--button .qr--button-icon,
+#qr--popout > .qr--body > .qr--buttons .qr--button .qr--button-icon {
+  margin: 0 0.5em;
+}
 #qr--bar > .qr--buttons .qr--button > .qr--button-expander,
 #qr--popout > .qr--body > .qr--buttons .qr--button > .qr--button-expander {

 #qr--settings #qr--set-qrList .qr--set-qrListContents {
   padding: 0 0.5em;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder {
+  display: flex;
+  align-items: center;
+  opacity: 0;
+  transition: 100ms;
+  margin: -2px 0 -11px 0;
+  position: relative;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder .qr--actions {
+  display: flex;
+  gap: 0.25em;
+  flex: 0 0 auto;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder .qr--actions .qr--action {
+  margin: 0;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:before,
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:after {
+  content: "";
+  display: block;
+  flex: 1 1 auto;
+  border: 1px solid;
+  margin: 0 1em;
+  height: 0;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:hover,
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:focus-within {
+  opacity: 1;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content {
   display: flex;
   flex-direction: row;
   gap: 0.5em;
   align-items: baseline;
   padding: 0.25em 0;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > :nth-child(1) {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > :nth-child(2) {
   flex: 0 0 auto;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > :nth-child(2) {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > :nth-child(2) {
   flex: 1 1 25%;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > :nth-child(3) {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > :nth-child(3) {
   flex: 0 0 auto;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > :nth-child(4) {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > :nth-child(4) {
   flex: 1 1 75%;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > :nth-child(5) {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > :nth-child(5) {
-  flex: 0 0 auto;
+  flex: 0 1 auto;
+  display: flex;
+  gap: 0.25em;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item > .drag-handle {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content > .drag-handle {
   padding: 0.75em;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemLabel,
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer {
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--action {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer .qr--set-itemIcon:not(.fa-solid) {
+  display: none;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer .qr--set-itemLabel {
+  min-width: 24px;
+}
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabel,
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--action {
   margin: 0;
+}
-#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemMessage {
+#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemMessage {
   font-size: smaller;
+}
 #qr--settings .qr--set-qrListActions {

 #qr--qrOptions {
   display: flex;
   flex-direction: column;
+  padding-right: 1px;
+}
 #qr--qrOptions > #qr--ctxEditor .qr--ctxItem {
   display: flex;

   gap: 0.5em;
   align-items: baseline;
+}
+#qr--qrOptions > #qr--autoExec .checkbox_label {
+  text-wrap: nowrap;
+}
+#qr--qrOptions > #qr--autoExec .checkbox_label .fa-fw {
+  margin-right: 2px;
+}
 @media screen and (max-width: 750px) {
   body .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor {
     flex-direction: column;

     flex-direction: column;
+  }
   body .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder {
-    min-height: 50svh;
+    min-height: 50dvh;
-    height: 50svh;
+    height: 50dvh;
+  }
+}
 .popup:has(#qr--modalEditor) {
   aspect-ratio: unset;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) {
+  min-width: unset;
+  min-height: unset;
+  height: auto !important;
+  width: min-content !important;
+  position: absolute;
+  right: 1em;
+  top: 1em;
+  left: unset;
+  bottom: unset;
+  margin: unset;
+  padding: 0;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized)::backdrop {
+  backdrop-filter: unset;
+  background-color: transparent;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-body {
+  flex: 0 0 auto;
+  height: min-content;
+  width: min-content;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content {
+  flex: 0 0 auto;
+  margin-top: 0;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor {
+  max-height: 50vh;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor > #qr--main,
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor > #qr--resizeHandle,
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor > #qr--qrOptions > h3,
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor > #qr--qrOptions > #qr--modal-executeButtons,
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor > #qr--qrOptions > #qr--modal-executeProgress {
+  display: none;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor #qr--qrOptions {
+  width: auto;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {
+  display: flex;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-minimize {
+  display: none;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting.qr--minimized) .popup-content > #qr--modalEditor #qr--modal-debugState {
+  padding-top: 0;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting) .popup-controls {
+  display: none;
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting) .qr--highlight {
+  position: absolute;
+  z-index: 50000;
+  pointer-events: none;
+  background-color: rgba(47, 150, 180, 0.5);
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting) .qr--highlight.qr--unresolved {
+  background-color: rgba(255, 255, 0, 0.5);
+}
+.popup:has(#qr--modalEditor):has(.qr--isExecuting) .qr--highlight-secondary {
+  position: absolute;
+  z-index: 50000;
+  pointer-events: none;
+  border: 3px solid red;
+}
 .popup:has(#qr--modalEditor) .popup-content {
   display: flex;
   flex-direction: column;

   gap: 1em;
   overflow: hidden;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--main > h3:first-child,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--main > .qr--labels,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions > h3:first-child,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions > #qr--ctxEditor,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions > .qr--ctxEditorActions,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions > .qr--ctxEditorActions + h3,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions > .qr--ctxEditorActions + h3 + div {
+  display: none;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message {
+  visibility: hidden;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--modal-debugButtons {
+  display: flex;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+  transition: 200ms;
+  border-color: transparent;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
+  cursor: pointer;
+  opacity: 1;
+  pointer-events: all;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-resume {
+  animation-name: qr--debugPulse;
+  animation-duration: 1500ms;
+  animation-timing-function: ease-in-out;
+  animation-delay: 0s;
+  animation-iteration-count: infinite;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-resume {
+  border-color: #51a351;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-step {
+  border-color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-stepInto {
+  border-color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-stepOut {
+  border-color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--resizeHandle {
+  width: 6px;
+  background-color: var(--SmartThemeBorderColor);
+  border: 2px solid var(--SmartThemeBlurTintColor);
+  transition: border-color 200ms, background-color 200ms;
+  cursor: w-resize;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--resizeHandle:hover {
+  background-color: var(--SmartThemeQuoteColor);
+  border-color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--qrOptions {
+  width: var(--width, auto);
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main {
   flex: 1 1 auto;
   display: flex;

   display: flex;
   flex-direction: row;
   gap: 0.5em;
+  padding: 1px;
+}
-.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label {
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label {
   flex: 1 1 1px;
   display: flex;
   flex-direction: column;
+  position: relative;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label.qr--fit,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label.qr--fit {
+  flex: 0 0 auto;
+  justify-content: center;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--inputGroup,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--inputGroup {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--inputGroup input,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--inputGroup input {
+  flex: 1 1 auto;
+}
-.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label > .qr--labelText {
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--labelText,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--labelText {
   flex: 1 1 auto;
+}
-.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label > .qr--labelHint {
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--labelHint,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--labelHint {
   flex: 1 1 auto;
+}
-.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label > input {
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label input,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label input {
   flex: 0 0 auto;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList {
+  background-color: var(--stcdx--bgColor);
+  border: 1px solid var(--SmartThemeBorderColor);
+  backdrop-filter: blur(var(--SmartThemeBlurStrength));
+  border-radius: 10px;
+  font-size: smaller;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  overflow: auto;
+  margin: 0;
+  padding: 0.5em;
+  max-height: 50vh;
+  list-style: none;
+  z-index: 40000;
+  max-width: 100%;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--modal-switcherItem,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--modal-switcherItem {
+  display: flex;
+  gap: 1em;
+  text-align: left;
+  opacity: 0.75;
+  transition: 200ms;
+  cursor: pointer;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--modal-switcherItem:hover,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--modal-switcherItem:hover {
+  opacity: 1;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--modal-switcherItem.qr--current,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--modal-switcherItem.qr--current {
+  opacity: 1;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--modal-switcherItem.qr--current .qr--label,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--modal-switcherItem.qr--current .qr--label,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--modal-switcherItem.qr--current .qr--id,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--modal-switcherItem.qr--current .qr--id {
+  font-weight: bold;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--label,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--label {
+  white-space: nowrap;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--label .menu_button,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--label .menu_button {
+  display: inline-block;
+  height: min-content;
+  width: min-content;
+  margin: 0 0.5em 0 0;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--id,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--id {
+  opacity: 0.5;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--id:before,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--id:before {
+  content: "[";
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--id:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--id:after {
+  content: "]";
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > label .qr--modal-switcherList .qr--message,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--labels > .label .qr--modal-switcherList .qr--message {
+  height: 1lh;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  opacity: 0.5;
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer {
   flex: 1 1 auto;
   display: flex;

+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings {
   display: flex;
+  flex-wrap: wrap;
   flex-direction: row;
-  gap: 1em;
+  column-gap: 1em;
   color: var(--grey70);
   font-size: smaller;
   align-items: baseline;

   background-color: var(--ac-style-color-background);
   color: var(--ac-style-color-text);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::-webkit-scrollbar,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::-webkit-scrollbar-thumb {
+  visibility: visible;
+  cursor: unset;
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::selection {
   color: unset;
   background-color: rgba(108 171 251 / 0.25);

   font-family: var(--monoFontFamily);
   padding: 0.75em;
   margin: 0;
-  border: none;
   resize: none;
   line-height: 1.2;
   border: 1px solid var(--SmartThemeBorderColor);
   border-radius: 5px;
+  position: relative;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-icon {
+  height: 100%;
+  aspect-ratio: 1 / 1;
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeButtons {
   display: flex;

 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeButtons #qr--modal-stop {
   border-color: #d78872;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons {
+  display: none;
+  gap: 1em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton {
+  aspect-ratio: 1.25 / 1;
+  width: 2.25em;
+  position: relative;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid) {
+  border-width: 1px;
+  border-style: solid;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid):after {
+  content: '';
+  position: absolute;
+  inset: 3px;
+  background-color: var(--SmartThemeBodyColor);
+  mask-size: contain;
+  mask-position: center;
+  mask-repeat: no-repeat;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-resume:after {
+  mask-image: url('/img/step-resume.svg');
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-step:after {
+  mask-image: url('/img/step-over.svg');
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-stepInto:after {
+  mask-image: url('/img/step-into.svg');
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-stepOut:after {
+  mask-image: url('/img/step-out.svg');
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {
+  display: none;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-send_textarea {
+  flex: 0 0 auto;
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeProgress {
   --prog: 0;
   --progColor: #92befc;

   --progSuccessColor: #51a351;
   --progErrorColor: #bd362f;
   --progAbortedColor: #d78872;
+  flex: 0 0 auto;
   height: 0.5em;
   background-color: var(--black50a);
   position: relative;

   overflow: auto;
   min-width: 100%;
   width: 0;
+  white-space: pre-wrap;
+}
 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeResult.qr--hasResult {
   display: block;

 .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeResult:before {
   content: 'Result: ';
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState {
+  display: none;
+  text-align: left;
+  font-size: smaller;
+  font-family: var(--monoFontFamily);
+  color: white;
+  padding: 0.5em 0;
+  overflow: auto;
+  min-width: 100%;
+  width: 0;
+  white-space: pre-wrap;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState.qr--active {
+  display: block;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope {
+  display: grid;
+  grid-template-columns: 0fr 1fr 1fr;
+  column-gap: 0em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--title {
+  grid-column: 1 / 4;
+  font-weight: bold;
+  font-family: var(--mainFontFamily);
+  background-color: var(--black50a);
+  padding: 0.25em;
+  margin-top: 0.5em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe {
+  display: contents;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n + 1) .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n + 1) .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n + 1) .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n + 1) .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n + 1) .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n + 1) .qr--val {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n + 1) .qr--val:nth-child(2n),
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n + 1) .qr--val:nth-child(2n),
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n + 1) .qr--val:nth-child(2n) {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.125);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n + 1) .qr--val:hover,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n + 1) .qr--val:hover,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n + 1) .qr--val:hover {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.5);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n) .qr--val:nth-child(2n),
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n) .qr--val:nth-child(2n),
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n) .qr--val:nth-child(2n) {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.0625);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var:nth-child(2n) .qr--val:hover,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro:nth-child(2n) .qr--val:hover,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe:nth-child(2n) .qr--val:hover {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.5);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var.qr--isHidden .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro.qr--isHidden .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe.qr--isHidden .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var.qr--isHidden .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro.qr--isHidden .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe.qr--isHidden .qr--val {
+  opacity: 0.5;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro .qr--val,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe .qr--val {
+  grid-column: 2 / 4;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var .qr--val.qr--singleCol,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro .qr--val.qr--singleCol,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe .qr--val.qr--singleCol {
+  grid-column: unset;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var .qr--val.qr--simple:before,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro .qr--val.qr--simple:before,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe .qr--val.qr--simple:before,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var .qr--val.qr--simple:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro .qr--val.qr--simple:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe .qr--val.qr--simple:after {
+  content: '"';
+  color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--var .qr--val.qr--unresolved:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro .qr--val.qr--unresolved:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe .qr--val.qr--unresolved:after {
+  content: '-UNRESOLVED-';
+  font-style: italic;
+  color: var(--SmartThemeQuoteColor);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--key {
+  margin-left: 0.5em;
+  padding-right: 1em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--key:after {
+  content: ": ";
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe > .qr--key:before,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro > .qr--key:before {
+  content: "{{";
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--pipe > .qr--key:after,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--macro > .qr--key:after {
+  content: "}}: ";
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--scope {
+  display: contents;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--scope .qr--pipe .qr--key,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--scope .qr--scope .qr--pipe .qr--val {
+  opacity: 0.5;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack {
+  display: grid;
+  grid-template-columns: 1fr 0fr;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--title {
+  grid-column: 1 / 3;
+  font-weight: bold;
+  font-family: var(--mainFontFamily);
+  background-color: var(--black50a);
+  padding: 0.25em;
+  margin-top: 1em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--item {
+  display: contents;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--item:nth-child(2n + 1) .qr--name,
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--item:nth-child(2n + 1) .qr--source {
+  background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--item .qr--name {
+  margin-left: 0.5em;
+}
+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugState .qr--stack .qr--item .qr--source {
+  opacity: 0.5;
+  text-align: right;
+  white-space: nowrap;
+}
 @keyframes qr--progressPulse {
 %,
 % {

     background-color: var(--progFlashColor);
+  }
+}
+@keyframes qr--debugPulse {
+%,
+% {
+    border-color: #51a351;
+  }
+% {
+    border-color: #92befc;
+  }
+}
 .popup.qr--hide {
   opacity: 0 !important;
+}
 .popup.qr--hide::backdrop {
   opacity: 0 !important;
+}
+.popup.qr--hide::backdrop {
+  opacity: 0 !important;
+}
+.popup:has(.qr--transferModal) .popup-button-ok {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  white-space: pre;
+  font-weight: normal;
+  box-shadow: 0 0 0;
+  transition: 200ms;
+}
+.popup:has(.qr--transferModal) .popup-button-ok:after {
+  content: 'Transfer';
+  height: 0;
+  overflow: hidden;
+  font-weight: bold;
+}
+.popup:has(.qr--transferModal) .qr--copy {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  white-space: pre;
+  font-weight: normal;
+  box-shadow: 0 0 0;
+  transition: 200ms;
+}
+.popup:has(.qr--transferModal) .qr--copy:after {
+  content: 'Copy';
+  height: 0;
+  overflow: hidden;
+  font-weight: bold;
+}
+.popup:has(.qr--transferModal):has(.qr--transferSelect:focus) .popup-button-ok {
+  font-weight: bold;
+  box-shadow: 0 0 10px;
+}
+.popup:has(.qr--transferModal):has(.qr--transferSelect:focus).qr--isCopy .popup-button-ok {
+  font-weight: normal;
+  box-shadow: 0 0 0;
+}
+.popup:has(.qr--transferModal):has(.qr--transferSelect:focus).qr--isCopy .qr--copy {
+  font-weight: bold;
+  box-shadow: 0 0 10px;
+}

public/scripts/extensions/quick-reply/style.less+622 -127 Viewed

+@keyframes qr--success {
+%, 100% {
+        color: var(--SmartThemeBodyColor);
+    }
+%, 75% {
+        color: rgb(81, 163, 81);
+    }
+}
+&.qr--success {
+    animation-name: qr--success;
+    animation-duration: 3s;
+    animation-timing-function: linear;
+    animation-delay: 0s;
+    animation-iteration-count: 1;
+}
 #qr--bar {
     outline: none;
     margin: 0;

 #qr--bar,
 #qr--popout>.qr--body {
     >.qr--buttons {
+        --qr--color: transparent;
+        &.qr--color {
+            background-color: var(--qr--color);
+        }
+        &.qr--borderColor {
+            background-color: transparent;
+            border-left: 5px solid var(--qr--color);
+            border-right: 5px solid var(--qr--color);
+        }
+        &:has(.qr--buttons.qr--color) {
+            margin: 5px;
+        }
         margin: 0;
         padding: 0;
         display: flex;

         >.qr--buttons {
             display: contents;
+            &.qr--color {
+                .qr--button:before {
+                    content: '';
+                    background-color: var(--qr--color);
+                    position: absolute;
+                    inset: -5px;
+                    z-index: -1;
+                }
+                &.qr--borderColor {
+                    .qr--button:before {
+                        display: none;
+                    }
+                    &:before, &:after {
+                        content: '';
+                        width: 5px;
+                        background-color: var(--qr--color);
+                    }
+                }
+            }
+        }
         .qr--button {

             align-items: center;
             justify-content: center;
             text-align: center;
+            position: relative;
             &:hover {
-                opacity: 1;
+                background-color: rgb(30% 30% 30%);
-                filter: brightness(1.2);
+            }
+            .qr--hidden {
+                display: none;
+            }
+            .qr--button-icon {
+                margin: 0 0.5em;
+            }
             >.qr--button-expander {

         .qr--set-qrListContents> {
             padding: 0 0.5em;
-            >.qr--set-item {
+            >.qr--set-item .qr--set-itemAdder {
+                display: flex;
+                align-items: center;
+                opacity: 0;
+                transition: 100ms;
+                margin: -2px 0 -11px 0;
+                position: relative;
+                .qr--actions {
+                    display: flex;
+                    gap: 0.25em;
+                    flex: 0 0 auto;
+                    .qr--action {
+                        margin: 0;
+                    }
+                }
+                &:before, &:after {
+                    content: "";
+                    display: block;
+                    flex: 1 1 auto;
+                    border: 1px solid;
+                    margin: 0 1em;
+                    height: 0;
+                }
+                &:hover, &:focus-within {
+                    opacity: 1;
+                }
+            }
+            >.qr--set-item .qr--content {
                 display: flex;
                 flex-direction: row;
                 gap: 0.5em;
                 align-items: baseline;
                 padding: 0.25em 0;
-                > :nth-child(1) {
+                > :nth-child(2) {
                     flex: 0 0 auto;
+                }

+                }
                 > :nth-child(5) {
-                    flex: 0 0 auto;
+                    flex: 0 1 auto;
+                    display: flex;
+                    gap: 0.25em;
+                    justify-content: flex-end;
+                    flex-wrap: wrap;
+                }
                 >.drag-handle {
                     padding: 0.75em;
+                }
+                .qr--set-itemLabelContainer {
+                    display: flex;
+                    align-items: center;
+                    gap: 0.5em;
+                    .qr--set-itemIcon:not(.fa-solid) {
+                        display: none;
+                    }
+                    .qr--set-itemLabel {
+                        min-width: 24px;
+                    }
+                }
                 .qr--set-itemLabel,
                 .qr--action {
                     margin: 0;

@@ -251,6 +347,8 @@
251	font-size: smaller;	347	font-size: smaller;
252	}	348	}
253	}	349	}
		350
		351
254	}	352	}
255	}	353	}
256		354

 #qr--qrOptions {
     display: flex;
     flex-direction: column;
+    padding-right: 1px;
     >#qr--ctxEditor {
         .qr--ctxItem {

@@ -279,6 +378,15 @@
279	align-items: baseline;	378	align-items: baseline;
280	}	379	}
281	}	380	}
		381	>#qr--autoExec {
		382	.checkbox_label {
		383	text-wrap: nowrap;
		384
		385	.fa-fw {
		386	margin-right: 2px;
		387	}
		388	}
		389	}
282	}	390	}
283		391
284		392

@@ -297,8 +405,8 @@
297	}	405	}
298		406
299	>#qr--main>.qr--modal-messageContainer>#qr--modal-messageHolder {	407	>#qr--main>.qr--modal-messageContainer>#qr--modal-messageHolder {
300	min-height: 50svh;	408	min-height: 50dvh;
301	height: 50svh;	409	height: 50dvh;
302	}	410	}
303	}	411	}
304	}	412	}

 .popup:has(#qr--modalEditor) {
     aspect-ratio: unset;
+    &:has(.qr--isExecuting.qr--minimized) {
+        min-width: unset;
+        min-height: unset;
+        height: auto !important;
+        width: min-content !important;
+        position: absolute;
+        right: 1em;
+        top: 1em;
+        left: unset;
+        bottom: unset;
+        margin: unset;
+        padding: 0;
+        &::backdrop {
+            backdrop-filter: unset;
+            background-color: transparent;
+        }
+        .popup-body {
+            flex: 0 0 auto;
+            height: min-content;
+            width: min-content;
+        }
+        .popup-content {
+            flex: 0 0 auto;
+            margin-top: 0;
+            > #qr--modalEditor {
+                max-height: 50vh;
+                > #qr--main,
+                > #qr--resizeHandle,
+                > #qr--qrOptions > h3,
+                > #qr--qrOptions > #qr--modal-executeButtons,
+                > #qr--qrOptions > #qr--modal-executeProgress
+                {
+                    display: none;
+                }
+                #qr--qrOptions {
+                    width: auto;
+                }
+                #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {
+                    display: flex;
+                }
+                #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-minimize {
+                    display: none;
+                }
+                #qr--modal-debugState {
+                    padding-top: 0;
+                }
+            }
+        }
+    }
+	&:has(.qr--isExecuting) {
+		.popup-controls {
+			display: none;
+		}
+		.qr--highlight {
+			position: absolute;
+			z-index: 50000;
+			pointer-events: none;
+			background-color: rgb(47 150 180 / 0.5);
+			&.qr--unresolved {
+				background-color: rgb(255 255 0 / 0.5);
+			}
+		}
+		.qr--highlight-secondary {
+			position: absolute;
+			z-index: 50000;
+			pointer-events: none;
+			border: 3px solid red;
+		}
+	}
     .popup-content {
         display: flex;
         flex-direction: column;

             gap: 1em;
             overflow: hidden;
-            >#qr--main {
+			&.qr--isExecuting {
-                flex: 1 1 auto;
+				#qr--main > h3:first-child,
-                display: flex;
+				#qr--main > .qr--labels,
-                flex-direction: column;
+				#qr--main > .qr--modal-messageContainer > .qr--modal-editorSettings,
-                overflow: hidden;
+				#qr--qrOptions > h3:first-child,
+				#qr--qrOptions > #qr--ctxEditor,
-                >.qr--labels {
+				#qr--qrOptions > .qr--ctxEditorActions,
-                    flex: 0 0 auto;
+				#qr--qrOptions > .qr--ctxEditorActions + h3,
-                    display: flex;
+				#qr--qrOptions > .qr--ctxEditorActions + h3 + div
-                    flex-direction: row;
+				{
-                    gap: 0.5em;
+					display: none;
+				}
-                    >label {
+				#qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message {
-                        flex: 1 1 1px;
+					visibility: hidden;
-                        display: flex;
+				}
-                        flex-direction: column;
+				#qr--modal-debugButtons {
+					display: flex;
-                        >.qr--labelText {
+                    .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
-                            flex: 1 1 auto;
+                        cursor: not-allowed;
+                        opacity: 0.5;
+                        pointer-events: none;
+                        transition: 200ms;
+                        border-color: transparent;
+                    }
+				}
+                &.qr--isPaused #qr--modal-debugButtons {
+                    .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
+                        cursor: pointer;
+                        opacity: 1;
+                        pointer-events: all;
+                        &#qr--modal-resume {
+                            animation-name: qr--debugPulse;
+                            animation-duration: 1500ms;
+                            animation-timing-function: ease-in-out;
+                            animation-delay: 0s;
+                            animation-iteration-count: infinite;
+                        }
+                        &#qr--modal-resume {
-                        >.qr--labelHint {
+                            border-color: rgb(81, 163, 81);
-                            flex: 1 1 auto;
+                        }
+                        &#qr--modal-step {
-                        >input {
+                            border-color: var(--SmartThemeQuoteColor);
-                            flex: 0 0 auto;
+                        }
+                        &#qr--modal-stepInto {
+                            border-color: var(--SmartThemeQuoteColor);
+                        }
+                        &#qr--modal-stepOut {
+                            border-color: var(--SmartThemeQuoteColor);
+                        }
+                    }
+                }
+				#qr--resizeHandle {
-                >.qr--modal-messageContainer {
+					width: 6px;
-                    flex: 1 1 auto;
+					background-color: var(--SmartThemeBorderColor);
-                    display: flex;
+					border: 2px solid var(--SmartThemeBlurTintColor);
-                    flex-direction: column;
+					transition: border-color 200ms, background-color 200ms;
-                    overflow: hidden;
+					cursor: w-resize;
+					&:hover {
-                    >.qr--modal-editorSettings {
+						background-color: var(--SmartThemeQuoteColor);
-                        display: flex;
+						border-color: var(--SmartThemeQuoteColor);
-                        flex-direction: row;
+					}
-                        gap: 1em;
+				}
-                        color: var(--grey70);
+				#qr--qrOptions {
-                        font-size: smaller;
+					width: var(--width, auto);
-                        align-items: baseline;
+				}
+			}
-                        >.checkbox_label {
-                            white-space: nowrap;
+			> #qr--main {
+				flex: 1 1 auto;
-                            >input {
+				display: flex;
-                                font-size: inherit;
+				flex-direction: column;
-                            }
+				overflow: hidden;
+				> .qr--labels {
+					flex: 0 0 auto;
+					display: flex;
+					flex-direction: row;
+					gap: 0.5em;
+					padding: 1px;
+					> label, > .label {
+						flex: 1 1 1px;
+						display: flex;
+						flex-direction: column;
+                        position: relative;
+                        &.qr--fit {
+                            flex: 0 0 auto;
+                            justify-content: center;
+                        }
-                    }
+                        .qr--inputGroup {
+                            display: flex;
-                    >#qr--modal-messageHolder {
+                            align-items: baseline;
-                        flex: 1 1 auto;
+                            gap: 0.5em;
-                        display: grid;
+                            input {
-                        text-align: left;
+                                flex: 1 1 auto;
-                        overflow: hidden;
-                        &.qr--noSyntax {
-                            >#qr--modal-messageSyntax {
-                                display: none;
+                            }
+                        }
-                            >#qr--modal-message {
+						.qr--labelText {
-                                background-color: var(--ac-style-color-background);
+							flex: 1 1 auto;
-                                color: var(--ac-style-color-text);
+						}
+						.qr--labelHint {
-                                &::selection {
+							flex: 1 1 auto;
-                                    color: unset;
+						}
-                                    background-color: rgba(108 171 251 / 0.25);
+						input {
+							flex: 0 0 auto;
-                                    @supports (color: rgb(from white r g b / 0.25)) {
+						}
-                                        background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
+                        .qr--modal-switcherList {
+                            background-color: var(--stcdx--bgColor);
+                            border: 1px solid var(--SmartThemeBorderColor);
+                            backdrop-filter: blur(var(--SmartThemeBlurStrength));
+                            border-radius: 10px;
+                            font-size: smaller;
+                            position: absolute;
+                            top: 100%;
+                            left: 0;
+                            right: 0;
+                            overflow: auto;
+                            margin: 0;
+                            padding: 0.5em;
+                            max-height: 50vh;
+                            list-style: none;
+                            z-index: 40000;
+                            max-width: 100%;
+                            .qr--modal-switcherItem {
+                                display: flex;
+                                gap: 1em;
+                                text-align: left;
+                                opacity: 0.75;
+                                transition: 200ms;
+                                cursor: pointer;
+                                &:hover {
+                                    opacity: 1;
+                                }
+                                &.qr--current {
+                                    opacity: 1;
+                                    .qr--label, .qr--id {
+                                        font-weight: bold;
+                                    }
+                                }
+                            }
-                        }
+                            .qr--label {
+                                white-space: nowrap;
-                        >#qr--modal-messageSyntax {
+                                .menu_button {
-                            grid-column: 1;
+                                    display: inline-block;
-                            grid-row: 1;
+                                    height: min-content;
-                            padding: 0;
+                                    width: min-content;
-                            margin: 0;
+                                    margin: 0 0.5em 0 0;
-                            border: none;
+                                }
-                            overflow: hidden;
-                            min-width: 100%;
-                            width: 0;
-                            >#qr--modal-messageSyntaxInner {
-                                height: 100%;
+                            }
-                        }
+                            .qr--id {
+                                opacity: 0.5;
-                        >#qr--modal-message {
+                                &:before { content: "["; }
-                            background-color: transparent;
+                                &:after { content: "]"; }
-                            color: transparent;
-                            grid-column: 1;
-                            grid-row: 1;
-                            caret-color: var(--ac-style-color-text);
-                            overflow: auto;
-                            &::-webkit-scrollbar,
-                            &::-webkit-scrollbar-thumb {
-                                visibility: hidden;
-                                cursor: default;
+                            }
+                            .qr--message {
-                            &::selection {
+                                height: 1lh;
-                                color: transparent;
+                                overflow: hidden;
-                                background-color: rgba(108 171 251 / 0.25);
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
-                                @supports (color: rgb(from white r g b / 0.25)) {
+                                opacity: 0.5;
-                                    background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
-                                }
+                            }
+                        }
+					}
-                        #qr--modal-message,
+				}
-                        #qr--modal-messageSyntaxInner {
+				> .qr--modal-messageContainer {
-                            font-family: var(--monoFontFamily);
+					flex: 1 1 auto;
-                            padding: 0.75em;
+					display: flex;
-                            margin: 0;
+					flex-direction: column;
-                            border: none;
+					overflow: hidden;
-                            resize: none;
+					> .qr--modal-editorSettings {
-                            line-height: 1.2;
+						display: flex;
-                            border: 1px solid var(--SmartThemeBorderColor);
+                        flex-wrap: wrap;
-                            border-radius: 5px;
+						flex-direction: row;
-                        }
+						column-gap: 1em;
-                    }
+						color: var(--grey70);
-                }
+						font-size: smaller;
+						align-items: baseline;
+						> .checkbox_label {
+							white-space: nowrap;
+							> input {
+								font-size: inherit;
+							}
+						}
+					}
+					> #qr--modal-messageHolder {
+						flex: 1 1 auto;
+						display: grid;
+						text-align: left;
+						overflow: hidden;
+						&.qr--noSyntax {
+							> #qr--modal-messageSyntax {
+								display: none;
+							}
+							> #qr--modal-message {
+								background-color: var(--ac-style-color-background);
+								color: var(--ac-style-color-text);
+                                &::-webkit-scrollbar, &::-webkit-scrollbar-thumb {
+                                    visibility: visible;
+                                    cursor: unset;
+                                }
+								&::selection {
+									color: unset;
+									background-color: rgba(108 171 251 / 0.25);
+									@supports (color: rgb(from white r g b / 0.25)) {
+										background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
+									}
+								}
+							}
+						}
+						> #qr--modal-messageSyntax {
+							grid-column: 1;
+							grid-row: 1;
+							padding: 0;
+							margin: 0;
+							border: none;
+							overflow: hidden;
+							min-width: 100%;
+							width: 0;
+							> #qr--modal-messageSyntaxInner {
+								height: 100%;
+							}
+						}
+						> #qr--modal-message {
+							background-color: transparent;
+							color: transparent;
+							grid-column: 1;
+							grid-row: 1;
+							caret-color: var(--ac-style-color-text);
+							overflow: auto;
+							&::-webkit-scrollbar, &::-webkit-scrollbar-thumb {
+								visibility: hidden;
+								cursor: default;
+							}
+							&::selection {
+								color: transparent;
+								background-color: rgba(108 171 251 / 0.25);
+								@supports (color: rgb(from white r g b / 0.25)) {
+									background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
+								}
+							}
+						}
+						#qr--modal-message, #qr--modal-messageSyntaxInner {
+							font-family: var(--monoFontFamily);
+							padding: 0.75em;
+							margin: 0;
+							resize: none;
+							line-height: 1.2;
+							border: 1px solid var(--SmartThemeBorderColor);
+							border-radius: 5px;
+							position: relative;
+						}
+					}
+				}
+			}
+            #qr--modal-icon {
+                height: 100%;
+                aspect-ratio: 1 / 1;
+            }
             #qr--modal-executeButtons {
                 display: flex;
                 gap: 1em;

                     border-color: rgb(215, 136, 114);
+                }
+            }
+			#qr--modal-debugButtons {
+				display: none;
+				gap: 1em;
+				.qr--modal-debugButton {
+					aspect-ratio: 1.25 / 1;
+					width: 2.25em;
+                    position: relative;
+                    &:not(.fa-solid) {
+                        border-width: 1px;
+                        border-style: solid;
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            inset: 3px;
+                            background-color: var(--SmartThemeBodyColor);
+                            mask-size: contain;
+                            mask-position: center;
+                            mask-repeat: no-repeat;
+                        }
+                    }
+                    &#qr--modal-resume:after {
+                        mask-image: url('/img/step-resume.svg');
+                    }
+                    &#qr--modal-step:after {
+                        mask-image: url('/img/step-over.svg');
+                    }
+                    &#qr--modal-stepInto:after {
+                        mask-image: url('/img/step-into.svg');
+                    }
+                    &#qr--modal-stepOut:after {
+                        mask-image: url('/img/step-out.svg');
+                    }
+                    &#qr--modal-maximize {
+                        display: none;
+                    }
+				}
+			}
+            #qr--modal-send_textarea {
+                flex: 0 0 auto;
+            }
             #qr--modal-executeProgress {
                 --prog: 0;

                 --progSuccessColor: rgb(81, 163, 81);
                 --progErrorColor: rgb(189, 54, 47);
                 --progAbortedColor: rgb(215, 136, 114);
+                flex: 0 0 auto;
                 height: 0.5em;
                 background-color: var(--black50a);
                 position: relative;

                 overflow: auto;
                 min-width: 100%;
                 width: 0;
+				white-space: pre-wrap;
+			}
+			#qr--modal-debugState {
+				display: none;
+				&.qr--active {
+					display: block;
+				}
+				text-align: left;
+				font-size: smaller;
+				font-family: var(--monoFontFamily);
+				// background-color: rgb(146, 190, 252);
+				color: white;
+				padding: 0.5em 0;
+				overflow: auto;
+				min-width: 100%;
+				width: 0;
+				white-space: pre-wrap;
+				.qr--scope {
+					display: grid;
+					grid-template-columns: 0fr 1fr 1fr;
+					column-gap: 0em;
+					.qr--title {
+						grid-column: 1 / 4;
+						font-weight: bold;
+						font-family: var(--mainFontFamily);
+						background-color: var(--black50a);
+						padding: 0.25em;
+						margin-top: 0.5em;
+					}
+					.qr--var, .qr--macro, .qr--pipe {
+						display: contents;
+						&:nth-child(2n + 1) {
+							.qr--key, .qr--val {
+								background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
+							}
+							.qr--val {
+								&:nth-child(2n) {
+									background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.125);
+								}
+								&:hover {
+									background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.5);
+								}
+							}
+						}
+						&:nth-child(2n) {
+							.qr--val {
+								&:nth-child(2n) {
+									background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.0625);
+								}
+								&:hover {
+									background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.5);
+								}
+							}
+						}
+						&.qr--isHidden {
+							.qr--key, .qr--val {
+								opacity: 0.5;
+							}
+						}
+						.qr--val {
+							grid-column: 2 / 4;
+							&.qr--singleCol {
+								grid-column: unset;
+							}
+							&.qr--simple {
+								&:before, &:after {
+									content: '"';
+									color: var(--SmartThemeQuoteColor);
+								}
+							}
+							&.qr--unresolved {
+								&:after {
+									content: '-UNRESOLVED-';
+									font-style: italic;
+									color: var(--SmartThemeQuoteColor);
+								}
+							}
+						}
+					}
+					.qr--key {
+						margin-left: 0.5em;
+						padding-right: 1em;
+						&:after { content: ": "; }
+					}
+					.qr--pipe, .qr--macro {
+						> .qr--key {
+							&:before { content: "{{"; }
+							&:after { content: "}}: "; }
+						}
+					}
+					.qr--scope {
+						display: contents;
+						.qr--pipe {
+							.qr--key, .qr--val {
+								opacity: 0.5;
+							}
+						}
+					}
+				}
+				.qr--stack {
+                    display: grid;
+                    grid-template-columns: 1fr 0fr;
+					.qr--title {
+						grid-column: 1 / 3;
+						font-weight: bold;
+						font-family: var(--mainFontFamily);
+						background-color: var(--black50a);
+						padding: 0.25em;
+						margin-top: 1em;
+					}
+					.qr--item {
+                        display: contents;
+						&:nth-child(2n + 1) {
+                            .qr--name, .qr--source {
+                                background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
+                            }
+						}
+                        .qr--name {
+                            margin-left: 0.5em;
+                        }
+                        .qr--source {
+                            opacity: 0.5;
+                            text-align: right;
+                            white-space: nowrap;
+                        }
+					}
+				}
+            }
+        }
+    }

+    }
+}
+@keyframes qr--debugPulse {
+%,
+% {
+        border-color: rgb(81, 163, 81);
+    }
+% {
+        border-color: rgb(146, 190, 252);
+    }
+}
 .popup.qr--hide {
-    opacity: 0 !important;
+	opacity: 0 !important;
+	&::backdrop {
+		opacity: 0 !important;
+	}
+}
 .popup.qr--hide::backdrop {
     opacity: 0 !important;
+}
+.popup:has(.qr--transferModal) {
+	.popup-button-ok {
+		&:after {
+			content: 'Transfer';
+			height: 0;

public/scripts/extensions/regex/editor.html+0 -0 Viewed

public/scripts/extensions/shared.js+0 -0 Viewed

public/scripts/extensions/stable-diffusion/button.html+0 -0 Viewed

public/scripts/extensions/stable-diffusion/index.js+0 -0 Viewed

public/scripts/extensions/stable-diffusion/settings.html+0 -0 Viewed

public/scripts/extensions/token-counter/index.js+0 -0 Viewed

public/scripts/extensions/translate/buttons.html+0 -0 Viewed

public/scripts/extensions/translate/index.js+0 -0 Viewed

public/scripts/extensions/tts/azure.js+0 -0 Viewed

public/scripts/extensions/tts/index.js+0 -0 Viewed

public/scripts/extensions/tts/openai-compatible.js+0 -0 Viewed

public/scripts/extensions/tts/system.js+0 -0 Viewed

public/scripts/extensions/vectors/index.js+0 -0 Viewed

public/scripts/extensions/vectors/settings.html+0 -0 Viewed

public/scripts/instruct-mode.js+0 -0 Viewed

public/scripts/openai.js+0 -0 Viewed

public/scripts/personas.js+0 -0 Viewed

public/scripts/popup.js+0 -0 Viewed

public/scripts/power-user.js+0 -0 Viewed

public/scripts/samplerSelect.js+0 -0 Viewed

public/scripts/secrets.js+0 -0 Viewed

public/scripts/slash-commands.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommand.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandArgument.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandAutoCompleteNameResult.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandBreak.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandBreakController.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandBreakPoint.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandClosure.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandClosureExecutor.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandClosureResult.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandCommonEnumsProvider.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandDebugController.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandEnumAutoCompleteOption.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandEnumValue.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandExecutionError.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandExecutor.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandParser.js+0 -0 Viewed

public/scripts/slash-commands/SlashCommandScope.js+0 -0 Viewed

public/scripts/tags.js+0 -0 Viewed

public/scripts/templates/charTagImport.i18n.html+0 -0 Viewed

public/scripts/templates/installExtension.html+0 -0 Viewed

public/scripts/templates/macros.html+0 -0 Viewed

public/scripts/templates/tabbyDownloader.html+0 -0 Viewed

public/scripts/templates/welcome.html+0 -0 Viewed

public/scripts/templates/worldInfoKeywordHeaders.html+0 -0 Viewed

public/scripts/textgen-models.js+0 -0 Viewed

public/scripts/textgen-settings.js+0 -0 Viewed

public/scripts/tokenizers.js+0 -0 Viewed

public/scripts/utils.js+0 -0 Viewed

public/scripts/variables.js+0 -0 Viewed

public/scripts/world-info.js+0 -0 Viewed

public/style.css+0 -0 Viewed

server.js+0 -0 Viewed

src/additional-headers.js+0 -0 Viewed

src/constants.js+0 -0 Viewed

src/endpoints/anthropic.js+0 -0 Viewed

src/endpoints/backends/chat-completions.js+0 -0 Viewed

src/endpoints/backends/text-completions.js+0 -0 Viewed

src/endpoints/content-manager.js+0 -0 Viewed

src/endpoints/images.js+0 -0 Viewed

src/endpoints/openai.js+0 -0 Viewed

src/endpoints/secrets.js+0 -0 Viewed

src/endpoints/stable-diffusion.js+0 -0 Viewed

src/endpoints/tokenizers.js+0 -0 Viewed

src/prompt-converters.js+0 -0 Viewed

src/tokenizers/gemma.model+0 -0 Viewed

Binary file

src/transformers.mjs+0 -0 Viewed

src/users.js+0 -0 Viewed

src/util.js+0 -0 Viewed

tests/package-lock.json+0 -0 Viewed

Merge branch 'staging' into enable-autoselect-inputs