Merge pull request #1404 from SillyTavern/staging

Staging

.github/readme-zh_cn.md

@@ -1,8 +1,8 @@
 [English](readme.md) | 中文
 
-![image](https://github.com/SillyTavern/SillyTavern/assets/18619528/8c41a061-7f72-4d2b-9d54-e6d058209e7b)
+![image](https://github.com/SillyTavern/SillyTavern/assets/18619528/c2be4c3f-aada-4f64-87a3-ae35a68b61a4)
 
-移动设备界面友好，多种人工智能服务或模型支持（KoboldAI/CPP, Horde, NovelAI, Ooba, OpenAI, OpenRouter, Claude, Scale），类似 Galgame 的 老 婆 模 式，Horde SD，文本系统语音生成，世界信息（Lorebooks），可定制的界面，自动翻译，和比你所需要的更多的 Prompt。附带扩展服务，支持文本绘画生成与语音生成和基于向量数据库 ChromaDB 的聊天信息总结。
+移动设备界面友好，多种人工智能服务或模型支持（KoboldAI/CPP, Horde, NovelAI, Ooba, OpenAI, OpenRouter, Claude, Scale），类似 Galgame 的 老 婆 模 式，Horde SD，文本系统语音生成，世界信息（Lorebooks），可定制的界面，自动翻译，和比你所需要的更多的 Prompt。附带扩展服务，支持文本绘画生成与语音生成和基于向量数据库 的聊天信息总结。
 
 基于 TavernAI 1.2.8 的分叉版本
 
@@ -81,7 +81,6 @@ SillyTavern 支持扩展服务，一些额外的人工智能模块可通过 [Sil
 * 在聊天窗口发送图片，并由人工智能解释图片内容
 * 文本图像生成（5 预设，以及 "自由模式"）
 * 聊天信息的文字转语音（通过 ElevenLabs、Silero 或操作系统的语音生成）
-* ChromaDB 向量数据库，用于更智能的聊天 Prompt
 
 扩展服务的完整功能介绍和使用教程，请参阅 [Docs](https://docs.sillytavern.app/extras/extensions/)。
 
@@ -171,7 +170,7 @@ SillyTavern 会将 API 密钥保存在目录中的 `secrets.json` 文件内。
 
 如果要想通过点击 API 输入框旁边的按钮来查看密钥，请按照以下设置：
 
-1. 打开 `config.conf` 文件，将里面的 `allowKeysExposure` 设置为 `true`。
+1. 打开 `config.yaml` 文件，将里面的 `allowKeysExposure` 设置为 `true`。
 2. 然后重启 SillyTavern 服务。
 
 ## 远程访问
@@ -208,7 +207,7 @@ SillyTavern 会将 API 密钥保存在目录中的 `secrets.json` 文件内。
 
 然后，文件中设置的 IP 就可以访问 SillyTavern 了。
 
-*注意："config.conf" 文件内也有一个 "whitelist" 设置，你可以用同样的方法设置它，但如果 "whitelist.txt" 文件存在，这个设置将被忽略。
+*注意："config.yaml" 文件内也有一个 "whitelist" 设置，你可以用同样的方法设置它，但如果 "whitelist.txt" 文件存在，这个设置将被忽略。
 
 ### 2.获取 SillyTavern 服务的 IP 地址
 
@@ -234,19 +233,19 @@ SillyTavern 会将 API 密钥保存在目录中的 `secrets.json` 文件内。
 
 ### 向所有 IP 开放您的 SillyTavern 服务
 
-我们不建议这样做，但您可以打开 `config.conf` 并将里面的 `whitelist` 设置改为 `false`。
+我们不建议这样做，但您可以打开 `config.yaml` 并将里面的 `whitelistMode` 设置改为 `false`。
 
 你必须删除（或重命名）SillyTavern 文件夹中的 `whitelist.txt` 文件（如果有的话）。
 
 这通常是不安全的做法，所以我们要求在这样做时必须设置用户名和密码。
 
-用户名和密码在`config.conf`文件中设置。
+用户名和密码在`config.yaml`文件中设置。
 
 重启 SillyTavern 服务后，只要知道用户名和密码，任何设备都可以访问。
 
 ### 还是无法访问？
 
-* 为 `config.conf` 文件中的端口创建一条入站/出站防火墙规则。切勿将此误认为是路由器上的端口转发，否则，有人可能会发现你的聊天隐私，那就大错特错了。
+* 为 `config.yaml` 文件中的端口创建一条入站/出站防火墙规则。切勿将此误认为是路由器上的端口转发，否则，有人可能会发现你的聊天隐私，那就大错特错了。
 * 在 "设置" > "网络和 Internet" > "以太网" 中启用 "专用网络" 配置。这对 Windows 11 非常重要，否则即使添加了上述防火墙规则也无法连接。
 
 ### 性能问题？

.github/readme.md

@@ -1,15 +1,19 @@
 English | [中文](readme-zh_cn.md)
 
-![image](https://github.com/SillyTavern/SillyTavern/assets/18619528/8c41a061-7f72-4d2b-9d54-e6d058209e7b)
+![SillyTavern-Banner](https://github.com/SillyTavern/SillyTavern/assets/18619528/c2be4c3f-aada-4f64-87a3-ae35a68b61a4)
 
-Mobile-friendly, Multi-API (KoboldAI/CPP, Horde, NovelAI, Ooba, OpenAI, OpenRouter, Claude, Scale), VN-like Waifu Mode, Horde SD, System TTS, WorldInfo (lorebooks), customizable UI, auto-translate, and more prompt options than you'd ever want or need. Optional Extras server for more SD/TTS options + ChromaDB/Summarize.
+Mobile-friendly layout, Multi-API (KoboldAI/CPP, Horde, NovelAI, Ooba, OpenAI, OpenRouter, Claude, Scale), VN-like Waifu Mode, Stable Diffusion, TTS, WorldInfo (lorebooks), customizable UI, auto-translate, and more prompt options than you'd ever want or need + ability to install third-party extensions.
 
-Based on a fork of TavernAI 1.2.8
+Based on a fork of [TavernAI](https://github.com/TavernAI/TavernAI) 1.2.8
+
+## Important news!
+
+1. We have created a [Documentation website](https://docs.sillytavern.app/) to answer most of your questions and help you get started.
+
+2. Missing extensions after the update? Since the 1.10.6 release version, most of the previously built-in extensions have been converted to downloadable add-ons. You can download them via the built-in "Download Extensions and Assets" menu in the extensions panel (stacked blocks icon in the top bar).
 
 ### Brought to you by Cohee, RossAscends, and the SillyTavern community
 
-NOTE: We have created a [Documentation website](https://docs.sillytavern.app/) to answer most of your questions and help you get started.
-
 ### What is SillyTavern or TavernAI?
 
 SillyTavern is a user interface you can install on your computer (and Android phones) that allows you to interact with text generation AIs and chat/roleplay with characters you or the community create.
@@ -80,7 +84,6 @@ SillyTavern has extensibility support, with some additional AI modules hosted vi
 * Sending images to chat, and the AI interpreting the content
 * Stable Diffusion image generation (5 chat-related presets plus 'free mode')
 * Text-to-speech for AI response messages (via ElevenLabs, Silero, or the OS's System TTS)
-* ChromaDB vector storage for smarter chat prompt formatting
 
 A full list of included extensions and tutorials on how to use them can be found in the [Docs](https://docs.sillytavern.app/extras/extensions/).
 
@@ -159,8 +162,10 @@ Installing via ZIP download (discouraged)
 
 ### Linux
 
-  1. Run the `start.sh` script.
-  2. Enjoy.
+  1. Ensure you have Node.js v18 or higher (the latest [LTS version](https://nodejs.org/en/download/) is recommended) installed by running `node -v`.
+Alternatively, use the [Node Version Manager](https://github.com/nvm-sh/nvm#installing-and-updating) script to quickly and easily manage your Node installations.
+  2. Run the `start.sh` script.
+  3. Enjoy.
 
 ## API keys management
 
@@ -170,7 +175,7 @@ By default, they will not be exposed to a frontend after you enter them and relo
 
 In order to enable viewing your keys by clicking a button in the API block:
 
-1. Set the value of `allowKeysExposure` to `true` in `config.conf` file.
+1. Set the value of `allowKeysExposure` to `true` in `config.yaml` file.
 2. Restart the SillyTavern server.
 
 ## Remote connections
@@ -208,7 +213,7 @@ CIDR masks are also accepted (eg. 10.0.0.0/24).
 
 Now devices which have the IP specified in the file will be able to connect.
 
-*Note: `config.conf` also has a `whitelist` array, which you can use in the same way, but this array will be ignored if `whitelist.txt` exists.*
+*Note: `config.yaml` also has a `whitelist` array, which you can use in the same way, but this array will be ignored if `whitelist.txt` exists.*
 
 ### 2. Getting the IP for the ST host machine
 
@@ -220,7 +225,7 @@ If the ST-hosting device is on the same wifi network, you will use the ST-host's
 
 If you (or someone else) want to connect to your hosted ST while not being on the same network, you will need the public IP of your ST-hosting device.
 
-* While using the ST-hosting device, access [this page](https://whatismyipaddress.com/) and look for for `IPv4`. This is what you would use to connect from the remote device.
+* While using the ST-hosting device, access [this page](https://whatismyipaddress.com/) and look for `IPv4`. This is what you would use to connect from the remote device.
 
 ### 3. Connect the remote device to the ST host machine
 
@@ -234,19 +239,19 @@ Use http:// NOT https://
 
 ### Opening your ST to all IPs
 
-We do not recommend doing this, but you can open `config.conf` and change `whitelist` to `false`.
+We do not recommend doing this, but you can open `config.yaml` and change `whitelistMode` to `false`.
 
 You must remove (or rename) `whitelist.txt` in the SillyTavern base install folder if it exists.
 
 This is usually an insecure practice, so we require you to set a username and password when you do this.
 
-The username and password are set in `config.conf`.
+The username and password are set in `config.yaml`.
 
 After restarting your ST server, any device will be able to connect to it, regardless of their IP as long as they know the username and password.
 
 ### Still Unable To Connect?
 
-* Create an inbound/outbound firewall rule for the port found in `config.conf`. Do NOT mistake this for port-forwarding on your router, otherwise, someone could find your chat logs and that's a big no-no.
+* Create an inbound/outbound firewall rule for the port found in `config.yaml`. Do NOT mistake this for port-forwarding on your router, otherwise, someone could find your chat logs and that's a big no-no.
 * Enable the Private Network profile type in Settings > Network and Internet > Ethernet. This is VERY important for Windows 11, otherwise, you would be unable to connect even with the aforementioned firewall rules.
 
 ## Performance issues?

.gitignore

@@ -20,6 +20,8 @@ public/stats.json
 /uploads/
 *.jsonl
 /config.conf
+/config.yaml
+/config.conf.bak
 /docker/config
 .DS_Store
 public/settings.json
@@ -38,3 +40,4 @@ public/assets/
 access.log
 /vectors/
 /cache/
+public/css/user.css

Dockerfile

@@ -23,18 +23,19 @@ COPY . ./
 
 # Copy default chats, characters and user avatars to <folder>.default folder
 RUN \
-  IFS="," RESOURCES="characters,chats,groups,group chats,User Avatars,worlds,OpenAI Settings,NovelAI Settings,KoboldAI Settings,TextGen Settings" && \
+  IFS="," RESOURCES="assets,backgrounds,user,context,instruct,QuickReplies,movingUI,themes,characters,chats,groups,group chats,User Avatars,worlds,OpenAI Settings,NovelAI Settings,KoboldAI Settings,TextGen Settings" && \
   \
   echo "*** Store default $RESOURCES in <folder>.default ***" && \
-  for R in $RESOURCES; do mv "public/$R" "public/$R.default"; done && \
+  for R in $RESOURCES; do mv "public/$R" "public/$R.default"; done || true && \
   \
   echo "*** Create symbolic links to config directory ***" && \
-  for R in $RESOURCES; do ln -s "../config/$R" "public/$R"; done && \
-  # rm "config.conf" "public/settings.json" "public/css/bg_load.css" && \
-  ln -s "./config/config.conf" "config.conf" && \
-  ln -s "../config/settings.json" "public/settings.json" && \
-  ln -s "../../config/bg_load.css" "public/css/bg_load.css" && \
-  mkdir "config"
+  for R in $RESOURCES; do ln -s "../config/$R" "public/$R"; done || true && \
+  \
+  rm -f "config.yaml" "public/settings.json" "public/css/bg_load.css" || true && \
+  ln -s "./config/config.yaml" "config.yaml" || true && \
+  ln -s "../config/settings.json" "public/settings.json" || true && \
+  ln -s "../../config/bg_load.css" "public/css/bg_load.css" || true && \
+  mkdir "config" || true
 
 # Cleanup unnecessary files
 RUN \

Remote-Link.cmd

@@ -4,7 +4,7 @@ echo WARNING: Cloudflare Tunnel!
 echo ========================================================================================================================
 echo This script downloads and runs the latest cloudflared.exe from Cloudflare to set up an HTTPS tunnel to your SillyTavern!
 echo Using the randomly generated temporary tunnel URL, anyone can access your SillyTavern over the Internet while the tunnel
-echo is active. Keep the URL safe and secure your SillyTavern installation by setting a username and password in config.conf!
+echo is active. Keep the URL safe and secure your SillyTavern installation by setting a username and password in config.yaml!
 echo.
 echo See https://docs.sillytavern.app/usage/remoteconnections/ for more details about how to secure your SillyTavern install.
 echo.

colab/GPU.ipynb

@@ -34,43 +34,56 @@
       "source": [
         "#@markdown (RECOMMENDED) Generates an API key for you to use with the API\n",
         "secure = False #@param {type:\"boolean\"}\n",
-        "#@markdown Enables hosting of extensions backend for SillyTavern Extras\n",
-        "use_cpu = False #@param {type:\"boolean\"}\n",
         "#@markdown Allows to run SillyTavern Extras on CPU (use if you're out of daily GPU allowance)\n",
-        "use_sd_cpu = False #@param {type:\"boolean\"}\n",
+        "use_cpu = False #@param {type:\"boolean\"}\n",
         "#@markdown Allows to run Stable Diffusion pipeline on CPU (slow!)\n",
-        "extras_enable_captioning = True #@param {type:\"boolean\"}\n",
+        "use_sd_cpu = False #@param {type:\"boolean\"}\n",
+        "#@markdown ***\n",
         "#@markdown Loads the image captioning module\n",
-        "Captions_Model = \"Salesforce/blip-image-captioning-large\" #@param [ \"Salesforce/blip-image-captioning-large\", \"Salesforce/blip-image-captioning-base\" ]\n",
+        "extras_enable_caption = True #@param {type:\"boolean\"}\n",
+        "captioning_model = \"Salesforce/blip-image-captioning-large\" #@param [ \"Salesforce/blip-image-captioning-large\", \"Salesforce/blip-image-captioning-base\" ]\n",
         "#@markdown * Salesforce/blip-image-captioning-large - good base model\n",
         "#@markdown * Salesforce/blip-image-captioning-base - slightly faster but less accurate\n",
-        "extras_enable_emotions = True #@param {type:\"boolean\"}\n",
+        "#@markdown ***\n",
         "#@markdown Loads the sentiment classification model\n",
-        "Emotions_Model = \"nateraw/bert-base-uncased-emotion\" #@param [\"nateraw/bert-base-uncased-emotion\", \"joeddav/distilbert-base-uncased-go-emotions-student\"]\n",
+        "extras_enable_classify = True #@param {type:\"boolean\"}\n",
+        "classification_model = \"nateraw/bert-base-uncased-emotion\" #@param [\"nateraw/bert-base-uncased-emotion\", \"joeddav/distilbert-base-uncased-go-emotions-student\"]\n",
         "#@markdown * nateraw/bert-base-uncased-emotion = 6 supported emotions<br>\n",
         "#@markdown * joeddav/distilbert-base-uncased-go-emotions-student = 28 supported emotions\n",
-        "extras_enable_memory = True #@param {type:\"boolean\"}\n",
+        "#@markdown ***\n",
         "#@markdown Loads the story summarization module\n",
-        "Memory_Model = \"slauw87/bart_summarisation\" #@param [ \"slauw87/bart_summarisation\", \"Qiliang/bart-large-cnn-samsum-ChatGPT_v3\", \"Qiliang/bart-large-cnn-samsum-ElectrifAi_v10\", \"distilbart-xsum-12-3\" ]\n",
+        "extras_enable_summarize = True #@param {type:\"boolean\"}\n",
+        "summarization_model = \"slauw87/bart_summarisation\" #@param [ \"slauw87/bart_summarisation\", \"Qiliang/bart-large-cnn-samsum-ChatGPT_v3\", \"Qiliang/bart-large-cnn-samsum-ElectrifAi_v10\", \"distilbart-xsum-12-3\" ]\n",
         "#@markdown * slauw87/bart_summarisation - general purpose summarization model\n",
         "#@markdown * Qiliang/bart-large-cnn-samsum-ChatGPT_v3 - summarization model optimized for chats\n",
         "#@markdown * Qiliang/bart-large-cnn-samsum-ElectrifAi_v10 - nice results so far, but still being evaluated\n",
         "#@markdown * distilbart-xsum-12-3 - faster, but pretty basic alternative\n",
-        "extras_enable_silero_tts = True #@param {type:\"boolean\"}\n",
+        "#@markdown ***\n",
         "#@markdown Enables Silero text-to-speech module\n",
-        "extras_enable_edge_tts = True #@param {type:\"boolean\"}\n",
+        "extras_enable_silero_tts = True #@param {type:\"boolean\"}\n",
         "#@markdown Enables Microsoft Edge text-to-speech module\n",
-        "extras_enable_sd = True #@param {type:\"boolean\"}\n",
+        "extras_enable_edge_tts = True #@param {type:\"boolean\"}\n",
+        "#@markdown Enables RVC module\n",
+        "extras_enable_rvc = False #@param {type:\"boolean\"}\n",
+        "#@markdown ***\n",
+        "#@markdown Enables Whisper speech recognition module\n",
+        "extras_enable_whisper_stt = True #@param {type:\"boolean\"}\n",
+        "whisper_model = \"base.en\" #@param [ \"tiny.en\", \"base.en\", \"small.en\", \"medium.en\", \"tiny\", \"base\", \"small\", \"medium\", \"large\" ]\n",
+        "#@markdown There are five model sizes, four with English-only versions, offering speed and accuracy tradeoffs.\n",
+        "#@markdown The .en models for English-only applications tend to perform better, especially for the tiny.en and base.en models.\n",
+        "#@markdown ***\n",
         "#@markdown Enables SD picture generation\n",
-        "SD_Model = \"ckpt/anything-v4.5-vae-swapped\" #@param [ \"ckpt/anything-v4.5-vae-swapped\", \"hakurei/waifu-diffusion\", \"philz1337/clarity\", \"prompthero/openjourney\", \"ckpt/sd15\", \"stabilityai/stable-diffusion-2-1-base\" ]\n",
+        "extras_enable_sd = True #@param {type:\"boolean\"}\n",
+        "sd_model = \"ckpt/anything-v4.5-vae-swapped\" #@param [ \"ckpt/anything-v4.5-vae-swapped\", \"hakurei/waifu-diffusion\", \"philz1337/clarity\", \"prompthero/openjourney\", \"ckpt/sd15\", \"stabilityai/stable-diffusion-2-1-base\" ]\n",
         "#@markdown * ckpt/anything-v4.5-vae-swapped - anime style model\n",
         "#@markdown * hakurei/waifu-diffusion - anime style model\n",
         "#@markdown * philz1337/clarity - realistic style model\n",
         "#@markdown * prompthero/openjourney - midjourney style model\n",
         "#@markdown * ckpt/sd15 - base SD 1.5\n",
         "#@markdown * stabilityai/stable-diffusion-2-1-base - base SD 2.1\n",
+        "#@markdown ***\n",
+        "#@markdown Enables ChromaDB module\n",
         "extras_enable_chromadb = True #@param {type:\"boolean\"}\n",
-        "#@markdown Enables ChromaDB for Infinity Context plugin\n",
         "\n",
         "import subprocess\n",
         "import secrets\n",
@@ -86,28 +99,36 @@
         "if secure:\n",
         "    params.append('--secure')\n",
         "params.append('--share')\n",
-        "ExtrasModules = []\n",
+        "modules = []\n",
         "\n",
-        "if (extras_enable_captioning):\n",
-        "  ExtrasModules.append('caption')\n",
-        "if (extras_enable_memory):\n",
-        "  ExtrasModules.append('summarize')\n",
-        "if (extras_enable_emotions):\n",
-        "  ExtrasModules.append('classify')\n",
-        "if (extras_enable_sd):\n",
-        "  ExtrasModules.append('sd')\n",
-        "if (extras_enable_silero_tts):\n",
-        "  ExtrasModules.append('silero-tts')\n",
+        "if extras_enable_caption:\n",
+        "  modules.append('caption')\n",
+        "if extras_enable_summarize:\n",
+        "  modules.append('summarize')\n",
+        "if extras_enable_classify:\n",
+        "  modules.append('classify')\n",
+        "if extras_enable_sd:\n",
+        "  modules.append('sd')\n",
+        "if extras_enable_silero_tts:\n",
+        "  modules.append('silero-tts')\n",
         "if extras_enable_edge_tts:\n",
-        "  ExtrasModules.append('edge-tts')\n",
-        "if (extras_enable_chromadb):\n",
-        "  ExtrasModules.append('chromadb')\n",
+        "  modules.append('edge-tts')\n",
+        "if extras_enable_chromadb:\n",
+        "  modules.append('chromadb')\n",
+        "if extras_enable_whisper_stt:\n",
+        "  modules.append('whisper-stt')\n",
+        "  params.append(f'--stt-whisper-model-path={whisper_model}')\n",
+        "if extras_enable_rvc:\n",
+        "  modules.append('rvc')\n",
+        "  params.append('--max-content-length=2000')\n",
+        "  params.append('--rvc-save-file')\n",
         "\n",
-        "params.append(f'--classification-model={Emotions_Model}')\n",
-        "params.append(f'--summarization-model={Memory_Model}')\n",
-        "params.append(f'--captioning-model={Captions_Model}')\n",
-        "params.append(f'--sd-model={SD_Model}')\n",
-        "params.append(f'--enable-modules={\",\".join(ExtrasModules)}')\n",
+        "\n",
+        "params.append(f'--classification-model={classification_model}')\n",
+        "params.append(f'--summarization-model={summarization_model}')\n",
+        "params.append(f'--captioning-model={captioning_model}')\n",
+        "params.append(f'--sd-model={sd_model}')\n",
+        "params.append(f'--enable-modules={\",\".join(modules)}')\n",
         "\n",
         "\n",
         "%cd /\n",
@@ -115,23 +136,14 @@
         "%cd /SillyTavern-extras\n",
         "!git clone https://github.com/Cohee1207/tts_samples\n",
         "!npm install -g localtunnel\n",
-        "!pip install -r requirements-complete.txt\n",
-        "!pip install tensorflow==2.12\n",
-        "!pip install colorama\n",
-        "!pip install Flask-Cors\n",
-        "!pip install Flask-Compress\n",
-        "!pip install transformers\n",
-        "!pip install Flask_Cloudflared\n",
-        "!pip install webuiapi\n",
-        "!pip install diffusers\n",
-        "!pip install accelerate\n",
-        "!pip install silero_api_server\n",
-        "!pip install edge_tts\n",
-        "!pip install chromadb\n",
-        "!pip install sentence_transformers\n",
+        "%pip install -r requirements.txt\n",
         "!wget https://github.com/cloudflare/cloudflared/releases/download/2023.5.0/cloudflared-linux-amd64 -O /tmp/cloudflared-linux-amd64\n",
         "!chmod +x /tmp/cloudflared-linux-amd64\n",
         "\n",
+        "if extras_enable_rvc:\n",
+        "  print(\"Installing RVC requirements\")\n",
+        "  !pip install -r requirements-rvc.txt\n",
+        "\n",
         "# Generate a random API key\n",
         "api_key = secrets.token_hex(5)\n",
         "\n",

default/config.conf

@@ -1,52 +0,0 @@
-const port = 8000;
-const whitelist = ['127.0.0.1']; //Example for add several IP in whitelist: ['127.0.0.1', '192.168.0.10']
-const whitelistMode = true; //Disabling enabling the ip whitelist mode. true/false
-const basicAuthMode = false; //Toggle basic authentication for endpoints.
-const basicAuthUser = {username: "user", password: "password"}; //Login credentials when basicAuthMode is true.
-const disableThumbnails = false; //Disables the generation of thumbnails, opting to use the raw images instead
-const autorun = true; //Autorun in the browser. true/false
-const enableExtensions = true; //Enables support for TavernAI-extras project
-const listen = true; // If true, Can be access from other device or PC. otherwise can be access only from hosting machine.
-const allowKeysExposure = false; // If true, private API keys could be fetched to the frontend.
-const skipContentCheck = false; // If true, no new default content will be delivered to you.
-const thumbnailsQuality = 95; // Quality of thumbnails. 0-100
-
-// If true, Allows insecure settings for listen, whitelist, and authentication.
-// Change this setting only on "trusted networks". Do not change this value unless you are aware of the issues that can arise from changing this setting and configuring a insecure setting.
-const securityOverride = false;
-
-// Additional settings for extra modules / extensions
-const extras = {
-    // Disables auto-download of models from the HuggingFace Hub.
-    // You will need to manually download the models and put them into the /cache folder.
-    disableAutoDownload: false,
-    // Text classification model for sentiment analysis. HuggingFace ID of a model in ONNX format.
-    classificationModel: 'Cohee/distilbert-base-uncased-go-emotions-onnx',
-    // Image captioning model. HuggingFace ID of a model in ONNX format.
-    captioningModel: 'Xenova/vit-gpt2-image-captioning',
-    // Feature extraction model. HuggingFace ID of a model in ONNX format.
-    embeddingModel: 'Xenova/all-mpnet-base-v2',
-};
-
-// Request overrides for additional headers
-// Format is an array of objects:
-// { hosts: [ "<url>" ], headers: { <header>: "<value>" } }
-const requestOverrides = [];
-
-module.exports = {
-    port,
-    whitelist,
-    whitelistMode,
-    basicAuthMode,
-    basicAuthUser,
-    autorun,
-    enableExtensions,
-    listen,
-    disableThumbnails,
-    allowKeysExposure,
-    securityOverride,
-    skipContentCheck,
-    requestOverrides,
-    thumbnailsQuality,
-    extras,
-};

default/config.yaml

@@ -0,0 +1,53 @@
+# -- NETWORK CONFIGURATION --
+# Listen for incoming connections
+listen: true
+# Server port
+port: 8000
+# Toggle whitelist mode
+whitelistMode: true
+# Whitelist of allowed IP addresses
+whitelist:
+  - 127.0.0.1
+# Toggle basic authentication for endpoints
+basicAuthMode: false
+# Basic authentication credentials
+basicAuthUser:
+  username: user
+  password: password
+# Enables CORS proxy middleware
+enableCorsProxy: false
+# Disable security checks - NOT RECOMMENDED
+securityOverride: false
+# -- ADVANCED CONFIGURATION --
+# Open the browser automatically
+autorun: true
+# Disable thumbnail generation
+disableThumbnails: false
+# Thumbnail quality (0-100)
+thumbnailsQuality: 95
+# Allow secret keys exposure via API
+allowKeysExposure: false
+# Skip new default content checks
+skipContentCheck: false
+# Disable automatic chats backup
+disableChatBackup: false
+# API request overrides (for KoboldAI and Text Completion APIs)
+## Format is an array of objects:
+## - hosts:
+##   - example.com
+##   headers:
+##     Content-Type: application/json
+requestOverrides: []
+# -- PLUGIN CONFIGURATION --
+# Enable UI extensions
+enableExtensions: true
+# Extension settings
+extras:
+  # Disables automatic model download from HuggingFace
+  disableAutoDownload: false
+  # Extra models for plugins. Expects model IDs from HuggingFace model hub in ONNX format
+  classificationModel: Cohee/distilbert-base-uncased-go-emotions-onnx
+  captioningModel: Xenova/vit-gpt2-image-captioning
+  embeddingModel: Xenova/all-mpnet-base-v2
+  promptExpansionModel: Cohee/fooocus_expansion-onnx
+

default/content/Default_Comfy_Workflow.json

@@ -0,0 +1,86 @@
+{
+    "3": {
+        "class_type": "KSampler",
+        "inputs": {
+            "cfg": "%scale%",
+            "denoise": 1,
+            "latent_image": [
+                "5",
+                0
+            ],
+            "model": [
+                "4",
+                0
+            ],
+            "negative": [
+                "7",
+                0
+            ],
+            "positive": [
+                "6",
+                0
+            ],
+            "sampler_name": "%sampler%",
+            "scheduler": "%scheduler%",
+            "seed": "%seed%",
+            "steps": "%steps%"
+        }
+    },
+    "4": {
+        "class_type": "CheckpointLoaderSimple",
+        "inputs": {
+            "ckpt_name": "%model%"
+        }
+    },
+    "5": {
+        "class_type": "EmptyLatentImage",
+        "inputs": {
+            "batch_size": 1,
+            "height": "%height%",
+            "width": "%width%"
+        }
+    },
+    "6": {
+        "class_type": "CLIPTextEncode",
+        "inputs": {
+            "clip": [
+                "4",
+                1
+            ],
+            "text": "%prompt%"
+        }
+    },
+    "7": {
+        "class_type": "CLIPTextEncode",
+        "inputs": {
+            "clip": [
+                "4",
+                1
+            ],
+            "text": "%negative_prompt%"
+        }
+    },
+    "8": {
+        "class_type": "VAEDecode",
+        "inputs": {
+            "samples": [
+                "3",
+                0
+            ],
+            "vae": [
+                "4",
+                2
+            ]
+        }
+    },
+    "9": {
+        "class_type": "SaveImage",
+        "inputs": {
+            "filename_prefix": "SillyTavern",
+            "images": [
+                "8",
+                0
+            ]
+        }
+    }
+}

default/content/index.json

@@ -22,5 +22,9 @@
     {
         "filename": "user-default.png",
         "type": "avatar"
+    },
+    {
+        "filename": "Default_Comfy_Workflow.json",
+        "type": "workflow"
     }
 ]

default/settings.json

@@ -49,7 +49,6 @@
         "ban_eos_token": false,
         "skip_special_tokens": true,
         "streaming": false,
-        "streaming_url": "ws://127.0.0.1:5005/api/v1/stream",
         "mirostat_mode": 0,
         "mirostat_tau": 5,
         "mirostat_eta": 0.1,
@@ -164,6 +163,8 @@
         "custom_stopping_strings_macro": true,
         "fuzzy_search": true,
         "encode_tags": false,
+        "enableLabMode": false,
+        "enableZenSliders": false,
         "ui_mode": 1
     },
     "extension_settings": {
@@ -405,7 +406,6 @@
         "typical": 1,
         "tfs": 1,
         "rep_pen_slope": 0,
-        "single_line": false,
         "streaming_kobold": false,
         "sampler_order": [
             6,

default/user.css

@@ -0,0 +1 @@
+/* Put custom styles here. */

docker/docker-compose.yml

@@ -4,7 +4,7 @@ services:
     build: ..
     container_name: sillytavern
     hostname: sillytavern
-    image: sillytavern/sillytavern:latest
+    image: ghcr.io/sillytavern/sillytavern:latest
     ports:
       - "8000:8000"
     volumes:

docker/docker-entrypoint.sh

@@ -1,7 +1,7 @@
 #!/bin/sh
 
 # Initialize missing user files
-IFS="," RESOURCES="characters,chats,groups,group chats,User Avatars,worlds,OpenAI Settings,NovelAI Settings,KoboldAI Settings,TextGen Settings"
+IFS="," RESOURCES="assets,backgrounds,user,context,instruct,QuickReplies,movingUI,themes,characters,chats,groups,group chats,User Avatars,worlds,OpenAI Settings,NovelAI Settings,KoboldAI Settings,TextGen Settings"
 for R in $RESOURCES; do
   if [ ! -e "config/$R" ]; then
     echo "Resource not found, copying from defaults: $R"
@@ -9,9 +9,9 @@ for R in $RESOURCES; do
   fi
 done
 
-if [ ! -e "config/config.conf" ]; then
-    echo "Resource not found, copying from defaults: config.conf"
-    cp -r "default/config.conf" "config/config.conf"
+if [ ! -e "config/config.yaml" ]; then
+    echo "Resource not found, copying from defaults: config.yaml"
+    cp -r "default/config.yaml" "config/config.yaml"
 fi
 
 if [ ! -e "config/settings.json" ]; then
@@ -24,5 +24,20 @@ if [ ! -e "config/bg_load.css" ]; then
     cp -r "default/bg_load.css" "config/bg_load.css"
 fi
 
+CONFIG_FILE="config.yaml"
+
+echo "Starting with the following config:"
+cat $CONFIG_FILE
+
+if grep -q "listen: false" $CONFIG_FILE; then
+  echo -e "\033[1;31mThe listen parameter is set to false. If you can't connect to the server, edit the \"docker/config/config.yaml\" file and restart the container.\033[0m"
+  sleep 5
+fi
+
+if grep -q "whitelistMode: true" $CONFIG_FILE; then
+  echo -e "\033[1;31mThe whitelistMode parameter is set to true. If you can't connect to the server, edit the \"docker/config/config.yaml\" file and restart the container.\033[0m"
+  sleep 5
+fi
+
 # Start the server
 exec node server.js

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "sillytavern",
-    "version": "1.10.5",
+    "version": "1.10.10",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "sillytavern",
-            "version": "1.10.5",
+            "version": "1.10.10",
             "hasInstallScript": true,
             "license": "AGPL-3.0",
             "dependencies": {
@@ -21,6 +21,7 @@
                 "csrf-csrf": "^2.2.3",
                 "device-detector-js": "^3.0.3",
                 "express": "^4.18.2",
+                "form-data": "^4.0.0",
                 "google-translate-api-browser": "^3.0.1",
                 "gpt3-tokenizer": "^1.1.5",
                 "ip-matching": "^2.1.2",
@@ -42,6 +43,7 @@
                 "vectra": "^0.2.2",
                 "write-file-atomic": "^5.0.1",
                 "ws": "^8.13.0",
+                "yaml": "^2.3.4",
                 "yargs": "^17.7.1",
                 "yauzl": "^2.10.0"
             },
@@ -756,6 +758,15 @@
             "resolved": "https://registry.npmjs.org/@types/node/-/node-16.9.1.tgz",
             "integrity": "sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g=="
         },
+        "node_modules/@types/node-fetch": {
+            "version": "2.6.9",
+            "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.9.tgz",
+            "integrity": "sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA==",
+            "dependencies": {
+                "@types/node": "*",
+                "form-data": "^4.0.0"
+            }
+        },
         "node_modules/@types/responselike": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.1.tgz",
@@ -764,6 +775,17 @@
                 "@types/node": "*"
             }
         },
+        "node_modules/abort-controller": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+            "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+            "dependencies": {
+                "event-target-shim": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=6.5"
+            }
+        },
         "node_modules/accepts": {
             "version": "1.3.8",
             "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -811,6 +833,17 @@
             "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
             "dev": true
         },
+        "node_modules/agentkeepalive": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
+            "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
+            "dependencies": {
+                "humanize-ms": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 8.0.0"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -885,15 +918,20 @@
             }
         },
         "node_modules/axios": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz",
-            "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==",
+            "version": "1.6.1",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.1.tgz",
+            "integrity": "sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==",
             "dependencies": {
                 "follow-redirects": "^1.15.0",
                 "form-data": "^4.0.0",
                 "proxy-from-env": "^1.1.0"
             }
         },
+        "node_modules/base-64": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
+            "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
+        },
         "node_modules/base64-js": {
             "version": "1.5.1",
             "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -1115,6 +1153,14 @@
                 "url": "https://github.com/chalk/chalk?sponsor=1"
             }
         },
+        "node_modules/charenc": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+            "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/cheerio": {
             "version": "1.0.0-rc.12",
             "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
@@ -1351,6 +1397,14 @@
                 "node": ">=0.8"
             }
         },
+        "node_modules/crypt": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+            "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/csrf-csrf": {
             "version": "2.2.4",
             "resolved": "https://registry.npmjs.org/csrf-csrf/-/csrf-csrf-2.2.4.tgz",
@@ -1474,6 +1528,15 @@
                 "node": ">= 8.11.4"
             }
         },
+        "node_modules/digest-fetch": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/digest-fetch/-/digest-fetch-1.3.0.tgz",
+            "integrity": "sha512-CGJuv6iKNM7QyZlM2T3sPAdZWd/p9zQiRNS9G+9COUCwzWFTs0Xp8NF5iePx7wtvhDykReiRRrSeNb4oMmB8lA==",
+            "dependencies": {
+                "base-64": "^0.1.0",
+                "md5": "^2.3.0"
+            }
+        },
         "node_modules/dir-glob": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -1616,6 +1679,14 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/event-target-shim": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+            "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/exif-parser": {
             "version": "0.1.12",
             "resolved": "https://registry.npmjs.org/exif-parser/-/exif-parser-0.1.12.tgz",
@@ -1813,6 +1884,31 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/form-data-encoder": {
+            "version": "1.7.2",
+            "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+            "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
+        },
+        "node_modules/formdata-node": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+            "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+            "dependencies": {
+                "node-domexception": "1.0.0",
+                "web-streams-polyfill": "4.0.0-beta.3"
+            },
+            "engines": {
+                "node": ">= 12.20"
+            }
+        },
+        "node_modules/formdata-node/node_modules/web-streams-polyfill": {
+            "version": "4.0.0-beta.3",
+            "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+            "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
+            "engines": {
+                "node": ">= 14"
+            }
+        },
         "node_modules/forwarded": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2141,6 +2237,14 @@
             "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
             "dev": true
         },
+        "node_modules/humanize-ms": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+            "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+            "dependencies": {
+                "ms": "^2.0.0"
+            }
+        },
         "node_modules/iconv-lite": {
             "version": "0.4.24",
             "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -2236,6 +2340,11 @@
                 "node": ">= 10"
             }
         },
+        "node_modules/is-buffer": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+        },
         "node_modules/is-core-module": {
             "version": "2.9.0",
             "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
@@ -2515,6 +2624,16 @@
                 "node": ">=10"
             }
         },
+        "node_modules/md5": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+            "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+            "dependencies": {
+                "charenc": "0.0.2",
+                "crypt": "0.0.2",
+                "is-buffer": "~1.1.6"
+            }
+        },
         "node_modules/media-typer": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -2718,6 +2837,24 @@
                 "node": ">=10"
             }
         },
+        "node_modules/node-domexception": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+            "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/jimmywarting"
+                },
+                {
+                    "type": "github",
+                    "url": "https://paypal.me/jimmywarting"
+                }
+            ],
+            "engines": {
+                "node": ">=10.5.0"
+            }
+        },
         "node_modules/node-fetch": {
             "version": "2.6.12",
             "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
@@ -2864,20 +3001,30 @@
             }
         },
         "node_modules/openai": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/openai/-/openai-3.3.0.tgz",
-            "integrity": "sha512-uqxI/Au+aPRnsaQRe8CojU0eCR7I0mBiKjD3sNMzY6DaC1ZVrc85u98mtJW6voDug8fgGN+DIZmTDxTthxb7dQ==",
+            "version": "4.17.4",
+            "resolved": "https://registry.npmjs.org/openai/-/openai-4.17.4.tgz",
+            "integrity": "sha512-ThRFkl6snLbcAKS58St7N3CaKuI5WdYUvIjPvf4s+8SdymgNtOfzmZcZXVcCefx04oKFnvZJvIcTh3eAFUUhAQ==",
             "dependencies": {
-                "axios": "^0.26.0",
-                "form-data": "^4.0.0"
+                "@types/node": "^18.11.18",
+                "@types/node-fetch": "^2.6.4",
+                "abort-controller": "^3.0.0",
+                "agentkeepalive": "^4.2.1",
+                "digest-fetch": "^1.3.0",
+                "form-data-encoder": "1.7.2",
+                "formdata-node": "^4.3.2",
+                "node-fetch": "^2.6.7",
+                "web-streams-polyfill": "^3.2.1"
+            },
+            "bin": {
+                "openai": "bin/cli"
             }
         },
-        "node_modules/openai/node_modules/axios": {
-            "version": "0.26.1",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-            "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+        "node_modules/openai/node_modules/@types/node": {
+            "version": "18.18.9",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.9.tgz",
+            "integrity": "sha512-0f5klcuImLnG4Qreu9hPj/rEfFq6YRc5n2mAjSsH+ec/mJL+3voBH0+8T7o8RpFjH7ovc+TRsL/c7OYIQsPTfQ==",
             "dependencies": {
-                "follow-redirects": "^1.14.8"
+                "undici-types": "~5.26.4"
             }
         },
         "node_modules/p-cancelable": {
@@ -4022,6 +4169,11 @@
             "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
             "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
         },
+        "node_modules/undici-types": {
+            "version": "5.26.5",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+        },
         "node_modules/universalify": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -4099,6 +4251,14 @@
                 "vectra": "bin/vectra.js"
             }
         },
+        "node_modules/web-streams-polyfill": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+            "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
         "node_modules/webidl-conversions": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -4229,6 +4389,14 @@
             "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "dev": true
         },
+        "node_modules/yaml": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+            "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+            "engines": {
+                "node": ">= 14"
+            }
+        },
         "node_modules/yargs": {
             "version": "17.7.2",
             "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",

package.json

@@ -3,6 +3,7 @@
         "@agnai/sentencepiece-js": "^1.1.1",
         "@agnai/web-tokenizers": "^0.1.3",
         "@dqbd/tiktoken": "^1.0.2",
+        "bing-translate-api": "^2.9.1",
         "command-exists": "^1.2.9",
         "compression": "^1",
         "cookie-parser": "^1.4.6",
@@ -10,8 +11,8 @@
         "csrf-csrf": "^2.2.3",
         "device-detector-js": "^3.0.3",
         "express": "^4.18.2",
+        "form-data": "^4.0.0",
         "google-translate-api-browser": "^3.0.1",
-        "bing-translate-api": "^2.9.1",
         "gpt3-tokenizer": "^1.1.5",
         "ip-matching": "^2.1.2",
         "ipaddr.js": "^2.0.1",
@@ -32,12 +33,16 @@
         "vectra": "^0.2.2",
         "write-file-atomic": "^5.0.1",
         "ws": "^8.13.0",
+        "yaml": "^2.3.4",
         "yargs": "^17.7.1",
         "yauzl": "^2.10.0"
     },
     "overrides": {
         "parse-bmfont-xml": {
             "xml2js": "^0.5.0"
+        },
+        "vectra": {
+            "openai": "^4.17.0"
         }
     },
     "name": "sillytavern",
@@ -47,7 +52,7 @@
         "type": "git",
         "url": "https://github.com/SillyTavern/SillyTavern.git"
     },
-    "version": "1.10.5",
+    "version": "1.10.10",
     "scripts": {
         "start": "node server.js",
         "start-multi": "node server.js --disableCsrf",

post-install.js

@@ -4,6 +4,102 @@
 const fs = require('fs');
 const path = require('path');
 const crypto = require('crypto');
+const yaml = require('yaml');
+const _ = require('lodash');
+
+/**
+ * Colorizes console output.
+ */
+const color = {
+    byNum: (mess, fgNum) => {
+        mess = mess || '';
+        fgNum = fgNum === undefined ? 31 : fgNum;
+        return '\u001b[' + fgNum + 'm' + mess + '\u001b[39m';
+    },
+    black: (mess) => color.byNum(mess, 30),
+    red: (mess) => color.byNum(mess, 31),
+    green: (mess) => color.byNum(mess, 32),
+    yellow: (mess) => color.byNum(mess, 33),
+    blue: (mess) => color.byNum(mess, 34),
+    magenta: (mess) => color.byNum(mess, 35),
+    cyan: (mess) => color.byNum(mess, 36),
+    white: (mess) => color.byNum(mess, 37)
+};
+
+/**
+ * Gets all keys from an object recursively.
+ * @param {object} obj Object to get all keys from
+ * @param {string} prefix Prefix to prepend to all keys
+ * @returns {string[]} Array of all keys in the object
+ */
+function getAllKeys(obj, prefix = '') {
+    if (typeof obj !== 'object' || Array.isArray(obj)) {
+        return [];
+    }
+
+    return _.flatMap(Object.keys(obj), key => {
+        const newPrefix = prefix ? `${prefix}.${key}` : key;
+        if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {
+            return getAllKeys(obj[key], newPrefix);
+        } else {
+            return [newPrefix];
+        }
+    });
+}
+
+/**
+ * Converts the old config.conf file to the new config.yaml format.
+ */
+function convertConfig() {
+    if (fs.existsSync('./config.conf')) {
+        if (fs.existsSync('./config.yaml')) {
+            console.log(color.yellow('Both config.conf and config.yaml exist. Please delete config.conf manually.'));
+            return;
+        }
+
+        try {
+            console.log(color.blue('Converting config.conf to config.yaml. Your old config.conf will be renamed to config.conf.bak'));
+            const config = require(path.join(process.cwd(), './config.conf'));
+            fs.renameSync('./config.conf', './config.conf.bak');
+            fs.writeFileSync('./config.yaml', yaml.stringify(config));
+            console.log(color.green('Conversion successful. Please check your config.yaml and fix it if necessary.'));
+        } catch (error) {
+            console.error(color.red('FATAL: Config conversion failed. Please check your config.conf file and try again.'));
+            return;
+        }
+    }
+}
+
+/**
+ * Compares the current config.yaml with the default config.yaml and adds any missing values.
+ */
+function addMissingConfigValues() {
+    try  {
+        const defaultConfig = yaml.parse(fs.readFileSync(path.join(process.cwd(), './default/config.yaml'), 'utf8'));
+        let config = yaml.parse(fs.readFileSync(path.join(process.cwd(), './config.yaml'), 'utf8'));
+
+        // Get all keys from the original config
+        const originalKeys = getAllKeys(config);
+
+        // Use lodash's defaultsDeep function to recursively apply default properties
+        config = _.defaultsDeep(config, defaultConfig);
+
+        // Get all keys from the updated config
+        const updatedKeys = getAllKeys(config);
+
+        // Find the keys that were added
+        const addedKeys = _.difference(updatedKeys, originalKeys);
+
+        if (addedKeys.length === 0) {
+            return;
+        }
+
+        console.log('Adding missing config values to config.yaml:', addedKeys);
+        fs.writeFileSync('./config.yaml', yaml.stringify(config));
+    } catch (error) {
+        console.error(color.red('FATAL: Could not add missing config values to config.yaml'), error);
+    }
+}
 
 /**
  * Creates the default config files if they don't exist yet.
@@ -12,7 +108,8 @@ function createDefaultFiles() {
     const files = {
         settings: './public/settings.json',
         bg_load: './public/css/bg_load.css',
-        config: './config.conf',
+        config: './config.yaml',
+        user: './public/css/user.css',
     };
 
     for (const file of Object.values(files)) {
@@ -20,10 +117,10 @@ function createDefaultFiles() {
             if (!fs.existsSync(file)) {
                 const defaultFilePath = path.join('./default', path.parse(file).base);
                 fs.copyFileSync(defaultFilePath, file);
-                console.log(`Created default file: ${file}`);
+                console.log(color.green(`Created default file: ${file}`));
             }
         } catch (error) {
-            console.error(`FATAL: Could not write default file: ${file}`, error);
+            console.error(color.red(`FATAL: Could not write default file: ${file}`), error);
         }
     }
 }
@@ -72,10 +169,14 @@ function copyWasmFiles() {
 }
 
 try {
+    // 0. Convert config.conf to config.yaml
+    convertConfig();
     // 1. Create default config files
     createDefaultFiles();
     // 2. Copy transformers WASM binaries from node_modules
     copyWasmFiles();
+    // 3. Add missing config values
+    addMissingConfigValues();
 } catch (error) {
     console.error(error);
 }

public/assets/blip/.placeholder

@@ -0,0 +1 @@
+Put blip audio files here

public/assets/live2d/.placeholder

@@ -0,0 +1 @@
+Put live2d model folders here

public/context/Adventure.json

@@ -1,6 +1,10 @@
 {
     "story_string": "{{#if system}}{{system}}\n{{/if}}{{#if wiBefore}}{{wiBefore}}\n{{/if}}{{#if description}}{{description}}\n{{/if}}{{#if personality}}{{personality}}\n{{/if}}{{#if scenario}}{{scenario}}\n{{/if}}{{#if wiAfter}}{{wiAfter}}\n{{/if}}{{#if persona}}{{persona}}\n{{/if}}",
-    "chat_start": "",
     "example_separator": "",
+    "chat_start": "",
+    "always_force_name2": false,
+    "trim_sentences": false,
+    "include_newline": false,
+    "single_line": true,
     "name": "Adventure"
 }

public/css/character-group-overlay.css

@@ -0,0 +1,105 @@
+
+#rm_print_characters_block.group_overlay_mode_select .character_select {
+    transition: background-color 0.4s ease;
+    margin-bottom: 1px;
+    background-color: rgba(170, 170, 170, 0.15);
+}
+
+#rm_print_characters_block.group_overlay_mode_select .bogus_folder_select,
+#rm_print_characters_block.group_overlay_mode_select .group_select {
+    cursor: auto;
+    filter: saturate(0.3);
+}
+
+#rm_print_characters_block.group_overlay_mode_select .bogus_folder_select:hover,
+#rm_print_characters_block.group_overlay_mode_select .group_select:hover {
+    background: none;
+}
+
+#rm_print_characters_block.group_overlay_mode_select .character_select input.bulk_select_checkbox {
+    display: none !important;
+}
+
+#rm_print_characters_block.group_overlay_mode_select .character_select.character_selected {
+    background-color: var(--SmartThemeQuoteColor);
+}
+
+#rm_print_characters_block.group_overlay_mode_select .character_select .bulk_select_checkbox {
+    visibility: hidden;
+    height: 0 !important;
+}
+
+#character_context_menu.hidden { display: none; }
+#character_context_menu {
+    position: absolute;
+    padding: 3px;
+    z-index: 9998;
+    background-color: var(--black90a);
+    border: 1px solid var(--black90a);
+    border-radius: 10px;
+}
+
+#character_context_menu ul li button {
+    border: 0;
+    border-bottom-color: currentcolor;
+    color: var(--SmartThemeQuoteColor);
+    background-color: transparent;
+    font-weight: bold;
+    font-size: 1em;
+    padding: 0.5em;
+    border-bottom: 1px dotted var(--SmartThemeQuoteColor);
+    width: 100%;
+    cursor: pointer;
+}
+
+#character_context_menu ul li button:hover {
+    background-color: var(--SmartThemeBlurTintColor);
+}
+
+#character_context_menu ul li:last-child button {
+    border-bottom: 0;
+}
+
+#character_context_menu ul li #character_context_menu_delete {
+    color: var(--fullred);
+}
+
+#character_context_menu ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+#character_context_menu .character_context_menu_separator {
+    height: 1px;
+    background-color: var(--SmartThemeBotMesBlurTintColor);
+}
+
+#character_context_menu li:hover {
+    background-color: var(--SmartThemeBotMesBlurTintColor);
+}
+
+#bulkEditButton.bulk_edit_overlay_active {
+    color: var(--golden);
+}
+
+#bulk_tag_shadow_popup {
+    backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2));
+    -webkit-backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2));
+    background-color: var(--black30a);
+    position: absolute;
+    width: 100%;
+    height: 100vh;
+    height: 100svh;
+    z-index: 9998;
+    top: 0;
+}
+
+#bulk_tag_shadow_popup #bulk_tag_popup {
+    padding: 1em;
+}
+
+#bulk_tag_shadow_popup #bulk_tag_popup #dialogue_popup_controls .menu_button {
+    width: 100px;
+    padding: 0.25em;
+}

public/css/extensions-panel.css

@@ -3,11 +3,6 @@
     display: block;
 }
 
-#extensions_status {
-    /* margin-bottom: 10px; */
-    font-weight: 700;
-}
-
 .extensions_block input[type="submit"]:hover {
     background-color: green;
 }
@@ -103,39 +98,40 @@ input.extension_missing[type="checkbox"] {
 }
 
 /** LEFT COLUMN **/
-#extensions_settings>.expression_settings {
-    order: 1;
+/* Must be always on top */
+#extensions_settings>#assets_ui {
+    order: -1;
 }
 
-#extensions_settings>.background_settings {
+#extensions_settings>.expression_settings {
     order: 2;
 }
 
-#extensions_settings>.sd_settings {
+#extensions_settings>.background_settings {
     order: 3;
 }
 
-#extensions_settings>#tts_settings {
+#extensions_settings>.sd_settings {
     order: 4;
 }
 
-#extensions_settings>#rvc_settings {
+#extensions_settings>#tts_settings {
     order: 5;
 }
 
-#extensions_settings>.objective-settings {
+#extensions_settings>#rvc_settings {
     order: 6;
 }
 
-#extensions_settings>#speech_recognition_settings {
+#extensions_settings>.objective-settings {
     order: 7;
 }
 
-#extensions_settings>#audio_settings {
+#extensions_settings>#speech_recognition_settings {
     order: 8;
 }
 
-#extensions_settings>#assets_ui {
+#extensions_settings>#audio_settings {
     order: 9;
 }
 

public/css/file-form.css

@@ -0,0 +1,57 @@
+.file_attached {
+    display: flex;
+    min-width: 150px;
+    max-width: calc(var(--sheldWidth) * 0.9);
+    flex-direction: row;
+    gap: 10px;
+    align-items: center;
+    margin: 0.25em auto;
+    padding: 0 0.75em;
+    border: 2px solid var(--SmartThemeBorderColor);
+    border-radius: 15px;
+    background-color: var(--white20a);
+}
+
+.mes_file_container {
+    cursor: default;
+    display: flex;
+    gap: 15px;
+    align-items: center;
+    width: fit-content;
+    max-width: 100%;
+    background-color: var(--white20a);
+    border: 2px solid var(--SmartThemeBorderColor);
+    padding: 0.5em 1em;
+    border-radius: 15px;
+}
+
+.mes_file_container .right_menu_button {
+    padding-right: 0;
+}
+
+.mes_file_container .mes_file_size,
+.file_attached .file_size {
+    font-size: 0.9em;
+    color: var(--SmartThemeQuoteColor);
+}
+
+.file_attached .file_name,
+.mes_file_container .mes_file_name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#file_form {
+    display: flex;
+    width: 100%;
+}
+
+.file_modal {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    display: flex;
+    text-align: left;
+}

public/css/loader.css

@@ -0,0 +1,25 @@
+#loader {
+    position: fixed;
+    margin: 0;
+    padding: 0;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 999999;
+    width: 100vw;
+    height: 100vh;
+    width: 100svw;
+    height: 100svh;
+    background-color: var(--SmartThemeBlurTintColor);
+    /*for some reason the full screen blur does not work on iOS*/
+    backdrop-filter: blur(30px);
+    color: var(--SmartThemeBodyColor);
+    opacity: 1;
+}
+
+#load-spinner {
+    transition: all 300ms ease-out;
+    opacity: 1;
+}

public/css/mobile-styles.css

@@ -188,7 +188,8 @@
 
     #showRawPrompt,
     #copyPromptToClipboard,
-    #groupCurrentMemberPopoutButton {
+    #groupCurrentMemberPopoutButton,
+    #summaryExtensionPopoutButton {
         display: none;
     }
 
@@ -292,7 +293,7 @@
         display: none;
     }
 
-    #bg_menu_content {
+    .bg_list {
         width: unset;
     }
 }
@@ -368,6 +369,18 @@
         top: unset;
         bottom: unset;
     }
+
+
+    #leftSendForm,
+    #rightSendForm {
+        width: 1.15em;
+        flex-wrap: wrap;
+        height: unset;
+    }
+
+    #extensionsMenuButton {
+        order: 1;
+    }
 }
 
 /*iOS specific*/

public/css/rm-groups.css

@@ -78,6 +78,7 @@
 
 #rm_group_members:empty {
     width: 100%;
+    padding: 0.5em 0;
 }
 
 #rm_group_members:empty::before {
@@ -226,4 +227,5 @@
 
 .group_member .avatar {
     flex-shrink: 0;
-}
+    flex-basis: auto;
+}

public/css/st-tailwind.css

@@ -6,6 +6,12 @@
     color: var(--fullred);
 }
 
+.highlighted {
+    color: black;
+    background-color: yellow;
+    text-shadow: none !important;
+}
+
 .m-t-0 {
     margin-top: 0;
 }
@@ -56,23 +62,24 @@
 
 .margin-bot-10px,
 .marginBot10 {
-    margin-bottom: 10px;
+    margin-bottom: 10px !important;
 }
 
 .marginTop10 {
-    margin-top: 10px;
+    margin-top: 10px !important;
 }
 
 .marginBot5 {
-    margin-bottom: 5px;
+    margin-bottom: 5px !important;
 }
 
 .marginTop5 {
-    margin-top: 5px;
+    margin-top: 5px !important;
 }
 
 .marginTopBot5 {
-    margin: 5px 0;
+    margin-top: 5px !important;
+    margin-bottom: 5px !important;
 }
 
 .margin5 {
@@ -99,10 +106,18 @@
     align-items: flex-end !important;
 }
 
+.alignItemsBaseline {
+    align-items: baseline !important;
+}
+
 .alignSelfStart {
     align-self: start;
 }
 
+.gap0 {
+    gap: 0 !important;
+}
+
 .gap3px {
     gap: 3px !important;
 }
@@ -115,6 +130,14 @@
     gap: 10px !important;
 }
 
+.gap10h20v {
+    gap: 10px 20px !important;
+}
+
+.gap10h5v {
+    gap: 5px 10px !important;
+}
+
 .wide10pMinFit {
     width: 10%;
     min-width: fit-content;
@@ -144,6 +167,10 @@
     box-shadow: none !important;
 }
 
+.height100p {
+    height: 100%;
+}
+
 .height100pSpaceEvenly {
     align-content: space-evenly;
     height: 100%;
@@ -202,6 +229,26 @@
     display: flex;
 }
 
+.flexBasis100p {
+    flex-basis: 100%;
+}
+
+.flexBasis50p {
+    flex-basis: 50%
+}
+
+.flexBasis25p {
+    flex-basis: 25%
+}
+
+.flexBasis200px {
+    flex-basis: 200px
+}
+
+.flexBasis48p {
+    flex-basis: 48%
+}
+
 .flex-container {
     display: flex;
     gap: 5px;
@@ -216,6 +263,14 @@
     flex-grow: 1;
 }
 
+.flexShrink {
+    flex-shrink: 1
+}
+
+.flexWrap {
+    flex-wrap: wrap;
+}
+
 .flexnowrap {
     flex-wrap: nowrap;
 }
@@ -242,6 +297,10 @@
     align-content: flex-start;
 }
 
+.alignContentCenter {
+    align-content: center;
+}
+
 .overflowHidden {
     overflow: hidden;
 }
@@ -294,10 +353,6 @@
     flex: 50%;
 }
 
-.wide50p {
-    width: 50% !important;
-}
-
 .wide25p {
     width: 25%;
 }
@@ -381,6 +436,10 @@
     display: none;
 }
 
+.hoverglow {
+    transition: opacity 200ms;
+}
+
 .hoverglow:hover {
     opacity: 1 !important;
     cursor: pointer;
@@ -411,6 +470,10 @@ textarea:disabled {
     border: 1px solid purple !important;
 }
 
+.fontsize120p {
+    font-size: calc(var(--mainFontSize) * 1.2) !important;
+}
+
 .fontsize80p {
     font-size: calc(var(--mainFontSize) * 0.8) !important;
 }
@@ -449,6 +512,22 @@ textarea:disabled {
     gap: 10px;
 }
 
+.opacity50p {
+    opacity: 0.5
+}
+
 .opacity1 {
     opacity: 1 !important;
 }
+
+.circleborder30px {
+    right: 30px;
+    top: 10px;
+    position: absolute;
+    border: 1px solid var(--SmartThemeBodyColor);
+    border-radius: 100%;
+    aspect-ratio: 1 / 1;
+    height: 30px;
+    text-align: center;
+    padding: 5px;
+}

public/css/tags.css

@@ -1,3 +1,4 @@
+#bulk_tags_div,
 #tags_div {
     min-width: 0;
 }
@@ -12,7 +13,7 @@
 .tag_view_item {
     display: flex;
     flex-direction: row;
-    align-items: baseline;
+    align-items: center;
     gap: 10px;
     margin-bottom: 5px;
 }
@@ -86,10 +87,12 @@
     align-items: flex-end;
 }
 
+#bulkTagsList,
 #tagList.tags {
     margin: 5px 0;
 }
 
+#bulkTagsList,
 #tagList .tag {
     opacity: 0.6;
 }
@@ -138,8 +141,7 @@
     filter: brightness(1);
 }
 
-.tags_view,
-.open_alternate_greetings {
+.tags_view {
     margin: 0;
     aspect-ratio: 1 / 1;
 }
@@ -171,4 +173,4 @@
         -1px 1px 0px black,
         1px -1px 0px black;
     opacity: 1;
-}
+}

public/css/toggle-dependent.css

@@ -17,6 +17,13 @@ body.no-modelIcons .icon-svg {
     display: none !important;
 }
 
+body.square-avatars .avatar,
+body.square-avatars .avatar img,
+body.square-avatars .hotswapAvatar,
+body.square-avatars .hotswapAvatar img {
+    border-radius: 2px !important;
+}
+
 /*char list grid mode*/
 
 body.charListGrid #rm_print_characters_block {
@@ -28,6 +35,7 @@ body.charListGrid #rm_print_characters_block {
     align-content: flex-start;
 }
 
+body.charListGrid #rm_print_characters_block .bogus_folder_select,
 body.charListGrid #rm_print_characters_block .character_select {
     width: 30%;
     align-items: flex-start;
@@ -37,6 +45,7 @@ body.charListGrid #rm_print_characters_block .character_select {
     max-width: 100px;
 }
 
+body.charListGrid #rm_print_characters_block .bogus_folder_select .ch_name,
 body.charListGrid #rm_print_characters_block .character_select .ch_name,
 body.charListGrid #rm_print_characters_block .group_select .ch_name {
     width: 100%;
@@ -45,10 +54,12 @@ body.charListGrid #rm_print_characters_block .group_select .ch_name {
     font-size: calc(var(--mainFontSize) * .8);
 }
 
+body.charListGrid #rm_print_characters_block .bogus_folder_select .character_name_block,
 body.charListGrid #rm_print_characters_block .character_select .character_name_block {
     width: 100%;
 }
 
+body.charListGrid #rm_print_characters_block .bogus_folder_select .character_select_container,
 body.charListGrid #rm_print_characters_block .character_select .character_select_container {
     width: 100%;
     justify-content: center;
@@ -68,6 +79,7 @@ body.charListGrid #rm_print_characters_block .group_select .group_name_block {
     width: 100%;
 }
 
+body.charListGrid #rm_print_characters_block .bogus_folder_counter_block,
 body.charListGrid #rm_print_characters_block .ch_description,
 body.charListGrid #rm_print_characters_block .tags_inline,
 body.charListGrid #rm_print_characters_block .character_version,
@@ -328,8 +340,7 @@ body.movingUI .drawer-content,
 body.movingUI #expression-holder,
 body.movingUI .zoomed_avatar,
 body.movingUI .draggable,
-body.movingUI #floatingPrompt,
-body.movingUI #groupMemberListPopout {
+body.movingUI #floatingPrompt {
     resize: both;
 }
 
@@ -353,4 +364,12 @@ body.expandMessageActions .mes .mes_buttons .extraMesButtons {
 
 body.expandMessageActions .mes .mes_buttons .extraMesButtonsHint {
     display: none !important;
-}
+}
+
+#openai_image_inlining:not(:checked)~#image_inlining_hint {
+    display: none;
+}
+
+#openai_image_inlining:checked~#image_inlining_hint {
+    display: block;
+}

public/css/world-info.css

@@ -190,4 +190,4 @@
 
 .WIEntryHeaderTitleMobile {
     display: none;
-}
+}

public/i18n.json

@@ -12,66 +12,66 @@
         "clickslidertips": "点击滑块右侧数字可手动输入",
         "kobldpresets": "Kobold 预设",
         "guikoboldaisettings": "KoboldAI GUI 设置",
-        "novelaipreserts": "NovelAI预设",
+        "novelaipreserts": "NovelAI 预设",
         "default": "默认",
         "openaipresets": "OpenAI 预设",
         "text gen webio(ooba) presets": "Text generation web UI 预设",
-        "response legth(tokens)": "响应长度 (Toekns)",
+        "response legth(tokens)": "响应长度（Tokens）",
         "select": "选择 ",
-        "context size(tokens)": "上下文大小 (Toekns)",
+        "context size(tokens)": "上下文大小（Tokens）",
         "unlocked": "解锁",
-        "Only select models support context sizes greater than 4096 tokens. Increase only if you know what you're doing.": "只有在选定的模型支持大于 4096 个Toekn 时可以选择启用，在启用该选项时，你应该知道自己在做什么。",
-        "rep.pen": "频率惩罚",
-        "rep.pen range": "存在惩罚",
-        "temperature": "温度设置",
-        "Encoder Rep. Pen.": "Encoder Rep. Pen.",
-        "No Repeat Ngram Size": "不需要重复Ngram大小",
+        "Only select models support context sizes greater than 4096 tokens. Increase only if you know what you're doing.": "只有在选定的模型支持大于 4096 个Token时可以选择启用。在启用该选项时，你应该知道自己在做什么。",
+        "rep.pen": "重复惩罚",
+        "rep.pen range": "重复惩罚范围",
+        "temperature": "温度",
+        "Encoder Rep. Pen.": "编码器重复惩罚",
+        "No Repeat Ngram Size": "不重复N元语法大小",
         "Min Length": "最小长度",
         "OpenAI Reverse Proxy": "OpenAI API 反向代理",
         "Alternative server URL (leave empty to use the default value).": "自定义 OpenAI API 的反向代理地址 (留空时使用 OpenAI 默认服务器)。",
         "Remove your real OAI API Key from the API panel BEFORE typing anything into this box": "在输入内容之前,从 API 面板中删除 OpenAI API 密钥",
         "We cannot provide support for problems encountered while using an unofficial OpenAI proxy": "我们无法为使用自定义 OpenAI API 反向代理时遇到的问题提供支持",
         "Legacy Streaming Processing": "传统流式处理",
-        "Enable this if the streaming doesn't work with your proxy": "如果流式响应与您的代理不兼容，请启用此功能",
-        "Context Size (tokens)": "上下文大小(Tokens)",
-        "Max Response Length (tokens)": "最大响应长度(Tokens)",
-        "Temperature": "温度设置",
+        "Enable this if the streaming doesn't work with your proxy": "如果流式回复与您的代理不兼容，请启用此功能",
+        "Context Size (tokens)": "上下文大小（Tokens）",
+        "Max Response Length (tokens)": "最大响应长度（Tokens）",
+        "Temperature": "温度",
         "Frequency Penalty": "频率惩罚",
         "Presence Penalty": "存在惩罚",
-        "Top-p": "Top-p",
+        "Top-p": "Top P",
         "Display bot response text chunks as they are generated": "显示机器人生成的响应文本块",
-        "Top A": "Top-a",
+        "Top A": "Top A",
         "Typical Sampling": "典型采样",
         "Tail Free Sampling": "无尾采样",
-        "Rep. Pen. Slope": "Rep. Pen. Slope",
+        "Rep. Pen. Slope": "重复惩罚梯度",
         "Single-line mode": "单行模式",
-        "Top K": "Top-k",
-        "Top P": "Top-p",
-        "Typical P": "典型P",
-        "Do Sample": "采样",
-        "Add BOS Token": "添加BOS标记",
-        "Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative.": "在提示的开头添加bos_token标记。禁用此功能可以让回复更加创造性.",
-        "Ban EOS Token": "禁止EOS标记",
-        "Ban the eos_token. This forces the model to never end the generation prematurely": "禁止eos_token标记。这会迫使模型不会过早结束生成",
-        "Skip Special Tokens": "跳过特殊标记",
-        "Beam search": "搜索",
-        "Number of Beams": "光束数目",
+        "Top K": "Top-K",
+        "Top P": "Top-P",
+        "Typical P": "典型 P",
+        "Do Sample": "样本测试",
+        "Add BOS Token": "添加 BOS Token",
+        "Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative.": "在提示的开头添加 bos_token，禁用此功能可以让回复更加创造性。",
+        "Ban EOS Token": "禁止 EOS Token",
+        "Ban the eos_token. This forces the model to never end the generation prematurely": "禁止 EOS Token，这会迫使模型不会过早结束生成。",
+        "Skip Special Tokens": "跳过特殊 Tokens",
+        "Beam search": "Beam 搜索",
+        "Number of Beams": "Beams 的数量",
         "Length Penalty": "长度惩罚",
         "Early Stopping": "提前终止",
         "Contrastive search": "对比搜索",
         "Penalty Alpha": "惩罚系数",
-        "Seed": "种子",
-        "Inserts jailbreak as a last system message.": "在最后一个系统消息中插入越狱",
+        "Seed": "随机种子",
+        "Inserts jailbreak as a last system message.": "插入越狱作为最后一个系统消息",
         "This tells the AI to ignore its usual content restrictions.": "这告诉人工智能忽略其通常的内容限制",
         "NSFW Encouraged": "NSFW鼓励",
-        "Tell the AI that NSFW is allowed.": "告诉人工智能,NSFW是允许的。",
-        "NSFW Prioritized": "NSFW优先",
+        "Tell the AI that NSFW is allowed.": "告诉人工智能，NSFW 是允许的。",
+        "NSFW Prioritized": "NSFW 优先",
         "NSFW prompt text goes first in the prompt to emphasize its effect.": "NSFW 提示文本排在提示的顶部,以强调其效果",
-        "Streaming": "流式响应",
-        "Display the response bit by bit as it is generated.": "在生成响应时逐位显示响应。",
-        "When this is off, responses will be displayed all at once when they are complete.": "关闭此选项后，响应将在完成后立即显示所有响应。",
+        "Streaming": "流式生成",
+        "Display the response bit by bit as it is generated.": "在生成响应时逐字显示。",
+        "When this is off, responses will be displayed all at once when they are complete.": "关闭此选项后，响应将在全部完成后立即显示。",
         "Generate only one line per request (KoboldAI only, ignored by KoboldCpp).": "每个请求仅生成一行（仅限 KoboldAI，被 KoboldCpp 忽略）。",
-        "Ban the End-of-Sequence (EOS) token (with KoboldCpp, and possibly also other tokens with KoboldAI).": "禁止序列结束 (EOS) 代币（使用 KoboldCpp，也可能使用 KoboldAI 禁止其他代币）。",
+        "Ban the End-of-Sequence (EOS) token (with KoboldCpp, and possibly also other tokens with KoboldAI).": "禁止序列结束 (EOS) token（使用 KoboldCpp，也可能使用 KoboldAI 禁止其他 token）。",
         "Good for story writing, but should not be used for chat and instruct mode.": "适合故事写作，但不应用于聊天和指导模式。",
         "Enhance Definitions": "增强定义",
         "Use OAI knowledge base to enhance definitions for public figures and known fictional characters": "使用 OpenAI 知识库增强公众人物和已知虚构人物的定义",
@@ -84,9 +84,9 @@
         "Prompt that is used when the NSFW toggle is on": "NSFW 打开时使用的提示",
         "Jailbreak prompt": "越狱提示",
         "Prompt that is used when the Jailbreak toggle is on": "越狱开关打开时使用的提示",
-        "Impersonation prompt": "模拟提示",
-        "Prompt that is used for Impersonation function": "用于模拟功能的提示",
-        "Logit Bias": "对数偏差",
+        "Impersonation prompt": "扮演提示",
+        "Prompt that is used for Impersonation function": "用于扮演功能的提示",
+        "Logit Bias": "对数偏置",
         "Helps to ban or reenforce the usage of certain words": "有助于禁止或加强某些单词的使用",
         "View / Edit bias preset": "查看/编辑偏置预设",
         "Add bias entry": "添加偏置条目",
@@ -108,8 +108,8 @@
         "Register": "注册",
         "For privacy reasons": "出于隐私原因，您的 API 密钥将在您重新加载页面后隐藏",
         "Model": "模型",
-        "Hold Control / Command key to select multiple models.": "按住控制/命令键选择多个型号。",
-        "Horde models not loaded": "按住控制/命令键选择多个型号。",
+        "Hold Control / Command key to select multiple models.": "按住控制/命令键选择多个模型。",
+        "Horde models not loaded": "未加载 Horde 模型。",
         "Not connected": "未连接",
         "Novel API key": "NovelAI API 密钥",
         "Follow": "跟随",
@@ -126,15 +126,15 @@
         "OpenAI Model": "OpenAI模型",
         "View API Usage Metrics": "查看 API 使用情况",
         "Bot": "Bot",
-        "Connect to the API": "连接到API",
-        "Auto-connect to Last Server": "自动连接到最后设置的 API 服务",
+        "Connect to the API": "连接到 API",
+        "Auto-connect to Last Server": "自动连接到最后设置的 API 服务器",
         "View hidden API keys": "查看隐藏的 API 密钥",
         "Advanced Formatting": "高级格式化",
-        "AutoFormat Overrides": "自动套用格式替代",
-        "Disable description formatting": "禁用说明格式",
-        "Disable personality formatting": "禁用个性化格式",
-        "Disable scenario formatting": "禁用方案格式",
-        "Disable example chats formatting": "禁用聊天格式示例",
+        "AutoFormat Overrides": "覆盖自动格式化",
+        "Disable description formatting": "禁用描述格式",
+        "Disable personality formatting": "禁用人设格式",
+        "Disable scenario formatting": "禁用场景格式",
+        "Disable example chats formatting": "禁用聊天示例格式",
         "Disable chat start formatting": "禁用聊天开始格式",
         "Custom Chat Separator": "自定义聊天分隔符",
         "Instruct Mode": "指示模式",
@@ -142,7 +142,7 @@
         "Wrap Sequences with Newline": "用换行符换行序列",
         "Include Names": "包括名称",
         "System Prompt": "系统提示",
-        "Instruct Mode Sequences": "指令模式序列",
+        "Instruct Mode Sequences": "指示模式序列",
         "Input Sequence": "输入序列",
         "Output Sequence": "输出序列",
         "First Output Sequence": "第一个输出序列",
@@ -151,57 +151,54 @@
         "System Sequence Suffix": "系统序列后缀",
         "Stop Sequence": "停止序列",
         "Context Formatting": "上下文格式",
-        "Tokenizer": "分词器",
+        "Tokenizer": "Tokenizer",
         "None / Estimated": "无/估计",
         "Sentencepiece (LLaMA)": "Sentencepiece (LLaMA)",
-        "Token Padding": "令牌填充",
-        "Always add character's name to prompt": "始终将角色名称添加到提示符中",
-        "Keep Example Messages in Prompt": "保持示例消息提示",
+        "Token Padding": "Token 填充",
+        "Always add character's name to prompt": "始终将角色名称添加到提示中",
+        "Keep Example Messages in Prompt": "在提示中保留示例消息",
         "Remove Empty New Lines from Output": "从输出中删除空的新行",
         "Disabled for all models": "对所有模型禁用",
-        "Automatic (based on model name)": "自动（基于型号名称）",
-        "Enabled for all models": "所有模型启用",
+        "Automatic (based on model name)": "自动（基于模型名称）",
+        "Enabled for all models": "对所有模型启用",
         "Anchors Order": "锚点顺序",
         "Character then Style": "字符然后样式",
         "Style then Character": "样式然后字符",
-        "Character Anchor": "角色锚点",
+        "Character Anchor": "字符锚点",
         "Style Anchor": "样式锚点",
-        "World Info": "",
         "Scan Depth": "扫描深度",
         "depth": "深度",
         "Token Budget": "Token 预算",
         "budget": "预算",
         "Recursive scanning": "递归扫描",
-        "Soft Prompt": "软提示",
-        "About soft prompts": "关于软提示",
         "None": "没有",
         "User Settings": "聊天窗口设置",
-        "UI Customization": "聊天窗口定制",
+        "UI Customization": "聊天窗口自定义",
         "Avatar Style": "头像风格",
         "Circle": "圆形",
         "Rectangle": "长方形",
-        "Chat Style": "聊天方式：",
+        "Chat Style": "聊天窗口样式：",
         "Default": "默认",
         "Bubbles": "气泡",
         "Chat Width (PC)": "聊天窗口宽度（电脑）：",
-        "No Blur Effect": "开关糊效果",
-        "No Text Shadows": "开关文字阴影",
+        "No Blur Effect": "关闭模糊效果",
+        "No Text Shadows": "关闭文字阴影",
         "Waifu Mode": "♡ 老 婆 模 式 ♡",
         "Message Timer": "消息计时器",
         "Characters Hotswap": "角色热插拔",
-        "Movable UI Panels": "可移动的聊天窗口",
-        "Reset Panels": "恢复默认设置",
-        "UI Colors": "聊天窗口字体颜色",
+        "Movable UI Panels": "可移动的UI面板",
+        "Reset Panels": "重置面板",
+        "UI Colors": "UI颜色",
         "Main Text": "正文",
         "Italics Text": "斜体文字",
         "Quote Text": "引用文字",
         "Shadow Color": "阴影颜色",
-        "FastUI BG": "快界面 BG",
-        "Blur Tint": "背景颜色",
-        "Font Scale": "字体比例",
+        "FastUI BG": "快速UI背景",
+        "Blur Tint": "模糊色调",
+        "Font Scale": "字体缩放",
         "Blur Strength": "模糊强度",
         "Text Shadow Width": "文字阴影宽度",
-        "UI Theme Preset": "界面主题预设",
+        "UI Theme Preset": "UI主题预设",
         "Power User Options": "高级用户选项",
         "Swipes": "滑动",
         "Background Sound Only": "仅背景声音",
@@ -210,23 +207,23 @@
         "Auto-fix Markdown": "自动修复 Markdown 格式",
         "Allow {{char}}: in bot messages": "允许 {{char}}：在机器人消息中",
         "Allow {{user}}: in bot messages": "允许 {{user}}：在机器人消息中",
-        "Auto-scroll Chat": "自动滚动聊天信息",
+        "Auto-scroll Chat": "自动滚动聊天界面",
         "Render Formulas": "渲染公式",
         "Send on Enter": "按下回车键发送",
         "Always disabled": "始终禁用",
         "Automatic (desktop)": "自动（电脑）",
         "Always enabled": "始终启用",
         "Name": "用户名称",
-        "Your Avatar": "用户角色头像",
-        "Extensions API:": "扩展接口：",
+        "Your Avatar": "用户头像",
+        "Extensions API:": "扩展API：",
         "SillyTavern-extras": "SillyTavern 扩展",
         "Auto-connect": "自动连接",
-        "Active extensions": "活动扩展",
+        "Active extensions": "启用扩展",
         "Extension settings": "扩展设置",
         "Description": "描述",
         "First message": "第一条消息",
-        "Group Controls": "组控件",
-        "Group reply strategy": "组回复策略",
+        "Group Controls": "群组控制",
+        "Group reply strategy": "群组回复策略",
         "Natural order": "自然顺序",
         "List order": "列表顺序",
         "Allow self responses": "允许自我响应",
@@ -236,9 +233,9 @@
         "text": "文本",
         "Delete": "删除",
         "Cancel": "取消",
-        "Advanced Defininitions": "- 高级定义",
-        "Personality summary": "性格总结",
-        "A brief description of the personality": "个性的简要描述",
+        "Advanced Defininitions": "高级定义",
+        "Personality summary": "人设总结",
+        "A brief description of the personality": "人设的简要描述",
         "Scenario": "场景",
         "Circumstances and context of the dialogue": "对话的情况和背景",
         "Talkativeness": "回复频率",
@@ -246,17 +243,17 @@
         "group chats!": "群聊！",
         "Shy": "羞涩 ",
         "Normal": "正常",
-        "Chatty": "",
+        "Chatty": "健谈",
         "Examples of dialogue": "对话示例",
-        "Forms a personality more clearly": "更清晰地形成个性",
+        "Forms a personality more clearly": "更清晰地形成人设",
         "Save": "保存",
-        "World Info Editor": "信息编辑器",
-        "New Entry": "新一行",
+        "World Info Editor": "世界背景编辑器",
+        "New Entry": "新条目",
         "Export": "导出",
         "Delete World": "删除文本",
         "Chat History": "聊天记录",
-        "Group Chat Scenario Override": "群聊方案覆盖",
-        "All group members will use the following scenario text instead of what is specified in their character cards.": "所有组成员都将使用以下方案文本，而不是其角色卡中指定的内容。",
+        "Group Chat Scenario Override": "群聊场景覆盖",
+        "All group members will use the following scenario text instead of what is specified in their character cards.": "所有群组成员都将使用以下场景文本，而不是其角色卡中指定的内容。",
         "Keywords": "关键字",
         "Separate with commas": "用逗号分隔",
         "Secondary Required Keywords": "次要必填关键字",
@@ -268,15 +265,15 @@
         "Selective": "选择",
         "Before Char": "在Char之前",
         "After Char": "在Char之后",
-        "Insertion Order": "顺序",
+        "Insertion Order": "插入顺序",
         "Tokens:": "Tokens",
         "Disable": "禁用",
-        "${characterName}": "${字符名称}",
-        "CHAR": "字符",
+        "${characterName}": "${角色名}",
+        "CHAR": "角色",
         "is typing": "正在输入...",
         "Back to parent chat": "返回聊天",
         "Save bookmark": "保存书签",
-        "Convert to group": "转换为组",
+        "Convert to group": "转换为群组",
         "Start new chat": "开始新聊天",
         "View past chats": "查看过去的聊天",
         "Delete messages": "删除消息",
@@ -294,9 +291,9 @@
         "Prompt that is used when the NSFW toggle is off": "当 NSFW 切换关闭时使用的提示",
         "Advanced prompt bits": "高级提示",
         "World Info format template": "世界背景格式模板",
-        "Wraps activated World Info entries before inserting into the prompt. Use {0} to mark a place where the content is inserted.": "在插入提示之前，激活世界背景条目的包装。使用 {0} 来标记内容插入的位置。",
-        "Unrestricted maximum value for the context slider": "上下文滑块的无限最大值",
-        "Chat Completion Source": "Chat Completion",
+        "Wraps activated World Info entries before inserting into the prompt. Use {0} to mark a place where the content is inserted.": "在插入提示之前，包装已激活的世界背景条目。使用 {0} 来标记内容插入的位置。",
+        "Unrestricted maximum value for the context slider": "上下文滑块的无限制最大值",
+        "Chat Completion Source": "聊天补全源",
         "Avoid sending sensitive information to the Horde.": "避免向 Horde 发送敏感信息",
         "Review the Privacy statement": "查看隐私声明",
         "Learn how to contribute your idel GPU cycles to the Horde": "学习如何将闲置的显卡计算资源贡献给Horde",
@@ -310,15 +307,15 @@
         "Text Gen WebUI (ooba)": "Text Gen WebUI (ooba)",
         "NovelAI": "NovelAI",
         "Chat Completion (OpenAI, Claude, Window/OpenRouter, Scale)": "Chat Completion (OpenAI, Claude, Window/OpenRouter, Scale)",
-        "OpenAI API key": "OenAI API 密钥",
+        "OpenAI API key": "OpenAI API 密钥",
         "Trim spaces": "修剪空格",
         "Trim Incomplete Sentences": "修剪不完整的句子",
         "Include Newline": "包括换行",
-        "Non-markdown strings": "非标记字串符",
+        "Non-markdown strings": "非markdown字符串",
         "Replace Macro in Sequences": "替换序列中的宏",
         "Presets": "预设",
         "Separator": "分隔符",
-        "Start Reply With": "开始回复",
+        "Start Reply With": "回复前缀",
         "Show reply prefix in chat": "在聊天中显示回复前缀",
         "Worlds/Lorebooks": "世界/Lorebooks",
         "Active World(s)": "激活的世界",
@@ -334,40 +331,40 @@
         "--- None ---": "--- 全无 ---",
         "Comma seperated (ignored if empty)": "逗号分隔 (如果为空则忽略)",
         "Use Probability": "使用概率",
-        "Exclude from recursion": "排除递归",
-        "Position:": "插入位置",
-        "Before Char Defs": "字符定义之前",
-        "After Char Defs": "字符定义之后",
+        "Exclude from recursion": "从递归中排除",
+        "Position:": "插入位置：",
+        "Before Char Defs": "角色定义之前",
+        "After Char Defs": "角色定义之后",
         "Before AN": "作者注释之前",
         "After AN": "作者注释之后",
         "Order:": "排序",
         "Probability:": "概率",
         "Delete Entry": "删除条目",
-        "User Message Blur Tint": "用户消息",
-        "AI Message Blur Tint": "AI 消息",
-        "Chat Style:": "聊天窗口样式",
-        "Chat Width (PC):": "聊天窗口宽度 (电脑)",
+        "User Message Blur Tint": "用户消息模糊颜色",
+        "AI Message Blur Tint": "AI 消息模糊颜色",
+        "Chat Style:": "聊天窗口样式：",
+        "Chat Width (PC):": "聊天窗口宽度 (电脑)：",
         "Chat Timestamps": "聊天时间戳",
         "Message IDs": "消息 ID",
         "Prefer Character Card Prompt": "首选角色卡提示",
         "Prefer Character Card Jailbreak": "首选角色卡越狱",
-        "Press Send to continue": "按下发送消息继续",
+        "Press Send to continue": "按下发送按钮继续",
         "Log prompts to console": "将提示记录到控制台",
         "Never resize avatars": "不要调整头像大小",
         "Show avatar filenames": "显示头像文件名",
         "Import Card Tags": "导入卡片标签",
         "Confirm message deletion": "确认删除消息",
-        "Spoiler Free Mode": "自由剧透模式",
-        "Auto-swipe": "自动重新生成",
+        "Spoiler Free Mode": "无剧透模式",
+        "Auto-swipe": "自动右滑生成",
         "Minimum generated message length": "消息生成的最小长度",
         "Blacklisted words": "黑名单词汇",
-        "Blacklisted word count to swipe": "黑名单词汇计数器",
+        "Blacklisted word count to swipe": "自动滑动触发的累计黑名单词汇数",
         "Reload Chat": "重新加载聊天窗口",
         "Not Connected": "未连接",
         "Persona Management": "用户角色设置",
         "Persona Description": "用户角色描述",
-        "In Story String / Chat Completion: Before Character Card": "在故事串中 / Chat Completion: 角色卡之前",
-        "In Story String / Chat Completion: After Character Card": "在故事串中 / Chat Completion: 角色卡之后",
+        "In Story String / Chat Completion: Before Character Card": "在故事字符串 / 聊天补全中: 角色卡之前",
+        "In Story String / Chat Completion: After Character Card": "在故事字符串 / 聊天补全中: 角色卡之后",
         "Top of Author's Note": "作者注释之前",
         "Bottom of Author's Note": "作者注释之后",
         "How do I use this?": "用户角色设置说明",
@@ -384,8 +381,8 @@
         "Oldest": "最旧",
         "Favorites": "收藏",
         "Recent": "最近",
-        "Most chats": "大多数聊天",
-        "Least chats": "最少聊天",
+        "Most chats": "聊天次数最多",
+        "Least chats": "聊天次数最少",
         "Back": "返回",
         "Prompt Overrides (For OpenAI/Claude/Scale APIs, Window/OpenRouter, and Instruct mode)": "提示覆盖（适用于OpenAI/Claude/Scale APIs、Window/OpenRouter和Instruct模式）",
         "Insert {{original}} into either box to include the respective default prompt from system settings.": "将{{original}}插入任意一个框中，即可包含来自系统设置的默认提示。",
@@ -397,16 +394,16 @@
         "Character Version": "角色版本",
         "Tags to Embed": "要嵌入的标签",
         "How often the character speaks in group chats!": "角色在群聊中说话的频率！",
-        "Important to set the character's writing style.": "重要的是设置角色的写作风格。",
+        "Important to set the character's writing style.": "要设置角色的写作风格，它很重要。",
         "ATTENTION!": "注意！",
         "Samplers Order": "采样器顺序",
         "Samplers will be applied in a top-down order. Use with caution.": "采样器将按从上到下的顺序应用。谨慎使用。",
         "Repetition Penalty": "重复惩罚",
-        "Epsilon Cutoff": "Epsilon切断",
-        "Eta Cutoff": "Eta切断",
-        "Rep. Pen. Range.": "代表范围的惩罚。",
-        "Rep. Pen. Freq.": "代表鹰频",
-        "Rep. Pen. Presence": "重复惩罚出现",
+        "Epsilon Cutoff": "Epsilon 切断",
+        "Eta Cutoff": "Eta 切断",
+        "Rep. Pen. Range.": "重复惩罚范围",
+        "Rep. Pen. Freq.": "重复频率惩罚",
+        "Rep. Pen. Presence": "重复存在惩罚",
         "Enter it in the box below:": "在下面的框中输入：",
         "separate with commas w/o space between": "用逗号分隔，不要空格",
         "Document": "文档",
@@ -430,9 +427,9 @@
         "Any contents here will replace the default Jailbreak Prompt used for this character. (v2 spec: post_history_instructions)": "这里的任何内容都将替换用于此角色的默认越狱提示。 （v2规范：post_history_instructions）",
         "(Botmaker's name / Contact Info)": "（Bot制作者的名字/联系信息）",
         "(If you want to track character versions)": "（如果你想跟踪角色版本）",
-        "(Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)": "（描述机器人，给出使用提示，或列出它在测试过的聊天模型上。这将显示在角色列表中）",
+        "(Describe the bot, give use tips, or list the chat models it has been tested on. This will be displayed in the character list.)": "（描述机器人，给出使用提示，或列出用它测试过的聊天模型。这将显示在角色列表中）",
         "(Write a comma-separated list of tags)": "（编写逗号分隔的标签列表）",
-        "(A brief description of the personality)": "（个性的简要描述）",
+        "(A brief description of the personality)": "（人设的简要描述）",
         "(Circumstances and context of the interaction)": "（互动的情况和上下文）",
         "(Examples of chat dialog. Begin each example with START on a new line.)": "（聊天对话的示例。每个示例都以新行的START开始）",
         "Injection text (supports parameters)": "注入文本（支持参数）",
@@ -452,8 +449,8 @@
         "Export preset": "导出预设",
         "Delete the preset": "删除该预设",
         "Inserts jailbreak as a last system message": "将越狱插入为最后一个系统消息",
-        "NSFW block goes first in the resulting prompt": "在生成的提示中，首先是NSFW块",
-        "Enables OpenAI completion streaming": "启用OpenAI完成流",
+        "NSFW block goes first in the resulting prompt": "在生成的提示中，NSFW部分排在首位",
+        "Enables OpenAI completion streaming": "启用OpenAI补全流",
         "Wrap user messages in quotes before sending": "发送前用引号括起用户消息",
         "Restore default prompt": "恢复默认提示",
         "New preset": "新预设",
@@ -462,17 +459,17 @@
         "Restore default reply": "恢复默认回复",
         "Restore defaul note": "恢复默认注释",
         "API Connections": "API连接",
-        "Can help with bad responses by queueing only the approved workers. May slowdown the response time.": "只通过排队已批准的工作人员来帮助处理不良响应。可能会减慢响应时间。",
+        "Can help with bad responses by queueing only the approved workers. May slowdown the response time.": "通过只排队已批准的worker来帮助处理不良响应。可能会减慢响应时间。",
         "Clear your API key": "清除你的API密钥",
         "Refresh models": "刷新模型",
         "Get your OpenRouter API token using OAuth flow. You will be redirected to openrouter.ai": "使用OAuth流程获取您的OpenRouter API令牌。您将被重定向到openrouter.ai",
-        "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "通过发送一个短测试消息验证您的API连接。请注意您会获得相应的积分！",
+        "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "通过发送一个短测试消息验证您的API连接。请注意，这将会计入你的使用额度！",
         "Create New": "创建新的",
         "Edit": "编辑",
-        "World Info & Soft Prompts": "世界背景 & 软提示",
+        "World Info": "世界背景",
         "Locked = World Editor will stay open": "锁定=世界编辑器将保持打开状态",
         "Entries can activate other entries by mentioning their keywords": "条目可以通过提及其关键字来激活其他条目",
-        "Lookup for the entry keys in the context will respect the case": "在上下文中查找条目键将遵守大小写",
+        "Lookup for the entry keys in the context will respect the case": "在上下文中查找条目关键词将遵守大小写",
         "If the entry key consists of only one word, it would not be matched as part of other words": "如果条目键仅包含一个词，它将不会被匹配为其他词汇的一部分",
         "Open all Entries": "打开所有条目",
         "Close all Entries": "关闭所有条目",
@@ -485,7 +482,7 @@
         "removes blur and uses alternative background color for divs": "去除模糊并为div使用替代的背景颜色",
         "If checked and the character card contains a prompt override (System Prompt), use that instead.": "如果选中并且角色卡包含提示覆盖（系统提示），请改用该选项。",
         "If checked and the character card contains a jailbreak override (Post History Instruction), use that instead.": "如果选中并且角色卡包含越狱覆盖（发布历史指令），请改用该选项。",
-        "AI Response Formatting": "AI回复格式",
+        "AI Response Formatting": "AI 回复格式",
         "Change Background Image": "更改背景图片",
         "Extensions": "扩展",
         "Click to set a new User Name": "点击设置新用户名",
@@ -495,7 +492,7 @@
         "Character Management": "角色管理",
         "Locked = Character Management panel will stay open": "锁定=角色管理面板将保持打开状态",
         "Select/Create Characters": "选择/创建角色",
-        "Token counts may be inaccurate and provided just for reference.": "令牌计数可能不准确，仅供参考。",
+        "Token counts may be inaccurate and provided just for reference.": "Token 计数可能不准确，仅供参考。",
         "Click to select a new avatar for this character": "点击选择此角色的新头像",
         "Add to Favorites": "添加到收藏夹",
         "Advanced Definition": "高级定义",
@@ -527,7 +524,7 @@
         "Associate one or more auxillary Lorebooks with this character.": "将一个或多个辅助的 Lorebook 与这个角色关联。",
         "NOTE: These choices are optional and won't be preserved on character export!": "注意：这些选择是可选的，不会在导出角色时保留！",
         "Rename chat file": "重命名聊天文件",
-        "Export JSONL chat file": "导出JSONL聊天文件",
+        "Export JSONL chat file": "导出 JSONL 聊天文件",
         "Download chat as plain text document": "将聊天内容下载为纯文本文档",
         "Delete chat file": "删除聊天文件",
         "Delete tag": "删除标签",
@@ -555,7 +552,7 @@
         "Add": "添加",
         "Abort request": "取消请求",
         "Send a message": "发送消息",
-        "Ask AI to write your message for you": "让AI代替你写信",
+        "Ask AI to write your message for you": "让 AI 代替你写消息",
         "Continue the last message": "继续上一条消息",
         "Bind user name to that avatar": "将用户名绑定到该头像",
         "Select this as default persona for the new chats.": "将此选择为新聊天的默认角色。",
@@ -672,7 +669,7 @@
         "Novel AI Model": "NovelAI モデル",
         "No connection": "接続なし",
         "oobabooga/text-generation-webui": "",
-        "Make sure you run it with": "必ず --api の引数を含めて起動してください",
+        "Make sure you run it with": "必ず --extensions openai の引数を含めて起動してください",
         "Blocking API url": "ブロッキング API URL",
         "Streaming API url": "ストリーミング API URL",
         "to get your OpenAI API key.": "あなたの OpenAI API キーを取得するために。",
@@ -724,8 +721,6 @@
         "Token Budget": "トークン予算",
         "budget": "予算",
         "Recursive scanning": "再帰的スキャン",
-        "Soft Prompt": "ソフトプロンプト",
-        "About soft prompts": "ソフトプロンプトについて",
         "None": "なし",
         "User Settings": "ユーザー設定",
         "UI Customization": "UIカスタマイズ",
@@ -1023,7 +1018,7 @@
         "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "NEEDS TRANSLATION",
         "Create New": "NEEDS TRANSLATION",
         "Edit": "NEEDS TRANSLATION",
-        "World Info & Soft Prompts": "NEEDS TRANSLATION",
+        "World Info": "NEEDS TRANSLATION",
         "Locked = World Editor will stay open": "NEEDS TRANSLATION",
         "Entries can activate other entries by mentioning their keywords": "NEEDS TRANSLATION",
         "Lookup for the entry keys in the context will respect the case": "NEEDS TRANSLATION",
@@ -1227,7 +1222,7 @@
         "Novel AI Model": "NovelAI 모델",
         "No connection": "접속 실패",
         "oobabooga/text-generation-webui": "oobabooga/text-generation-webui",
-        "Make sure you run it with": "--api 인수를 반드시 사용해야 합니다.",
+        "Make sure you run it with": "--extensions openai 인수를 반드시 사용해야 합니다.",
         "Blocking API url": "API URL을 막는 중",
         "Streaming API url": "API URL에서 스트리밍 중",
         "OpenAI Model": "OpenAI 모델",
@@ -1278,8 +1273,6 @@
         "Token Budget": "토큰 예산",
         "budget": "예산",
         "Recursive scanning": "되풀이 검색",
-        "Soft Prompt": "Soft Prompt",
-        "About soft prompts": "Soft prompt란?",
         "None": "없음",
         "User Settings": "사용자 설정",
         "UI Customization": "UI 꾸미기",
@@ -1581,7 +1574,7 @@
         "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "짧은 시험 메시지를 보내서 API 접속 상태를 확인합니다. 서비스 사용으로 취급됩니다!",
         "Create New": "새로 만들기",
         "Edit": "수정하기",
-        "World Info & Soft Prompts": "세계관 & 소프트 프롬프트",
+        "World Info": "세계관",
         "Locked = World Editor will stay open": "세계관 설정 패널 열림을 고정합니다",
         "Entries can activate other entries by mentioning their keywords": "설정 내용에 다른 설정의 키워드가 있다면 연속으로 발동하게 합니다",
         "Lookup for the entry keys in the context will respect the case": "설정 발동 키워드가 대소문자를 구분합니다",
@@ -1803,7 +1796,7 @@
         "Novel AI Model": "Модель NovelAI",
         "If you are using:": "Если вы используете:",
         "oobabooga/text-generation-webui": "",
-        "Make sure you run it with": "Убедитесь, что при запуске указали аргумент --api",
+        "Make sure you run it with": "Убедитесь, что при запуске указали аргумент --extensions openai",
         "Mancer AI": "",
         "Use API key (Only required for Mancer)": "Нажмите на ячейку (и добавьте свой API ключ!):",
         "Blocking API url": "Блокирующий API url",
@@ -1890,8 +1883,6 @@
         "Token Budget": "Объем токенов",
         "budget": "объем",
         "Recursive scanning": "Рекурсивное сканирование",
-        "Soft Prompt": "Мягкая инструкция",
-        "About soft prompts": "О мягких инструкциях",
         "None": "Отсутствует",
         "User Settings": "Настройки пользователя",
         "UI Mode": "Режим интерфейса",
@@ -2207,7 +2198,7 @@
         "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "Подверждает ваше соединение к API. Знайте, что за это снимут деньги с вашего счета.",
         "Create New": "Создать новое",
         "Edit": "Изменить",
-        "World Info & Soft Prompts": "Информация о Мире & Мягкий Промт",
+        "World Info": "Информация о Мире",
         "Locked = World Editor will stay open": "Закреплено = Редактирование Мира останется открытым",
         "Entries can activate other entries by mentioning their keywords": "Записи могут активировать другие записи если в них содержаться ключевые слова",
         "Lookup for the entry keys in the context will respect the case": "Большая буква имеет значение при активации ключевого слова",
@@ -2413,7 +2404,7 @@
         "Krake": "Krake",
         "No connection": "Nessuna connessione",
         "oobabooga/text-generation-webui": "oobabooga/text-generation-webui",
-        "Make sure you run it with": "assicurati di farlo partire con",
+        "Make sure you run it with": "assicurati di farlo partire con --extensions openai",
         "Blocking API url": "Blocca l'indirizzo API",
         "Streaming API url": "Streaming dell'indirizzo API",
         "to get your OpenAI API key.": "per ottenere la tua chiave API di OpenAI.",
@@ -2469,8 +2460,6 @@
         "Token Budget": "Budget per i Token",
         "budget": "budget",
         "Recursive scanning": "Analisi ricorsiva",
-        "Soft Prompt": "Prompt leggero",
-        "About soft prompts": "Riguardo i prompt leggeri",
         "None": "None",
         "User Settings": "Settaggi utente",
         "UI Customization": "Personalizzazione UI",
@@ -2767,7 +2756,7 @@
         "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "Verifica la connessione all'API inviando un breve messaggio. Devi comprendere che il messaggio verrà addebitato come tutti gli altri!",
         "Create New": "Crea nuovo",
         "Edit": "Edita",
-        "World Info & Soft Prompts": "'Info Mondo' & Soft Prompt",
+        "World Info": "'Info Mondo'",
         "Locked = World Editor will stay open": "Se clicchi il lucchetto, l'editor del mondo rimarrà aperto",
         "Entries can activate other entries by mentioning their keywords": "Le voci possono attivare altre voci menzionando le loro parole chiave",
         "Lookup for the entry keys in the context will respect the case": "Fai attenzione alle parole chiave usate, esse rispetteranno le maiuscole",
@@ -2963,7 +2952,7 @@
         "Show tags in responses": "Mostra i tag nelle risposte",
         "Story String": "Stringa narrativa",
         "Text Adventure": "Avventura testuale",
-        "Text Gen WebUI (ooba/Mancer) presets": "Preset Text Gen WebUI (ooba/Mancer)",
+        "Text Gen WebUI presets": "Preset Text Gen WebUI",
         "Toggle Panels": "Interruttore pannelli",
         "Top A Sampling": "Top A Sampling",
         "Top K Sampling": "Top K Sampling",
@@ -3174,7 +3163,7 @@
         "Novel AI Model": "NovelAI-model",
         "No connection": "Geen verbinding",
         "oobabooga/text-generation-webui": "oobabooga/text-generation-webui",
-        "Make sure you run it with": "Zorg ervoor dat je het uitvoert met",
+        "Make sure you run it with": "Zorg ervoor dat je het uitvoert met --extensions openai",
         "Blocking API url": "Blokkerende API-url",
         "Streaming API url": "Streaming API-url",
         "to get your OpenAI API key.": "om je OpenAI API-sleutel te verkrijgen.",
@@ -3226,8 +3215,6 @@
         "Token Budget": "Token-budget",
         "budget": "budget",
         "Recursive scanning": "Recursieve scanning",
-        "Soft Prompt": "Zachte prompt",
-        "About soft prompts": "Over zachte prompts",
         "None": "Geen",
         "User Settings": "Gebruikersinstellingen",
         "UI Customization": "UI-aanpassing",
@@ -3523,7 +3510,7 @@
         "Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!": "Verifieert je API-verbinding door een kort testbericht te sturen. Wees je ervan bewust dat je hiervoor wordt gecrediteerd!",
         "Create New": "Nieuw aanmaken",
         "Edit": "Bewerken",
-        "World Info & Soft Prompts": "Wereldinformatie & Zachte Prompts",
+        "World Info": "Wereldinformatie",
         "Locked = World Editor will stay open": "Vergrendeld = Wereld Editor blijft open",
         "Entries can activate other entries by mentioning their keywords": "Invoeren kunnen andere invoeren activeren door hun trefwoorden te noemen",
         "Lookup for the entry keys in the context will respect the case": "Zoeken naar de toetsen van de invoer in de context zal de hoofdlettergevoeligheid respecteren",
@@ -3727,7 +3714,7 @@
         "Novel AI Model": "Modelo IA de NovelAI",
         "No connection": "Desconectado",
         "oobabooga/text-generation-webui": "oobabooga/text-generation-webui",
-        "Make sure you run it with": "Asegúrate de usar el argumento --api cuando se ejecute",
+        "Make sure you run it with": "Asegúrate de usar el argumento --extensions openai cuando se ejecute",
         "Blocking API url": "API URL",
         "Streaming API url": "Streaming API URL",
         "to get your OpenAI API key.": "para conseguir tu clave API de OpenAI",

public/img/aphrodite.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 500 500"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="aphrodite.svg"
+   inkscape:version="1.3 (0e150ed, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.472"
+     inkscape:cx="251.05932"
+     inkscape:cy="250"
+     inkscape:window-width="1280"
+     inkscape:window-height="449"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <g
+     transform="matrix(1.3637143,0,0,1.2306337,286.98714,309.0439)"
+     id="b08450db-4034-4e8d-9232-9d086fc10fd0" />
+  <g
+     transform="matrix(1.3637143,0,0,1.2306337,286.98714,309.0439)"
+     id="54daa6c1-4b17-4e19-b0bb-42d1bcbfe659" />
+  <g
+     transform="matrix(1.3637143,0,0,1.2306337,186.0314,431.30731)"
+     id="g2" />
+  <g
+     transform="matrix(1.3637143,0,0,1.2306337,288.29633,320.27957)"
+     id="g3" />
+  <g
+     transform="matrix(1.686936,0,0,1.507445,388.05263,106.65182)"
+     id="g6"
+     style="">
+    <g
+       id="g5"
+       style="">
+      <path
+         style="opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;"
+         vector-effect="non-scaling-stroke"
+         d="m -189.927,161.041 32.809,-32.022 47.368,38.876 -32.619,43.738 -87.665,49.304 z"
+         stroke-linecap="round"
+         id="path3" />
+      <path
+         style="opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;"
+         vector-effect="non-scaling-stroke"
+         d="m -64.913,42.392 32.651,28.068 -77.49,97.438 -47.367,-38.878 91.346,-87.359 z"
+         stroke-linecap="round"
+         id="path4" />
+      <path
+         style="opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;"
+         vector-effect="non-scaling-stroke"
+         d="m 46.895,-67.722 -2.202,2.004 -110.467,107.379 33.512,28.799 95.769,-121.944 0.023,-0.025 c 2.011,-2.328 2.952,-5.03 2.819,-8.105 -0.131,-3.074 -1.3,-5.686 -3.502,-7.834 -2.205,-2.148 -4.846,-3.248 -7.922,-3.3 -3.077,-0.054 -5.754,0.955 -8.03,3.026 z"
+         stroke-linecap="round"
+         id="path5" />
+    </g>
+  </g>
+</svg>

public/img/mancer.svg

@@ -0,0 +1,3 @@
+<svg width="128" height="128" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path d="M115.36,61.84L70.22,50.49L114.45,2.4c0.41-0.45,0.43-1.13,0.05-1.6c-0.39-0.48-1.07-0.59-1.59-0.27 L12.3,61.98c-0.41,0.25-0.64,0.72-0.57,1.2c0.06,0.48,0.4,0.87,0.87,1.01l45.07,13.25L13.38,125.6c-0.42,0.46-0.44,1.15-0.04,1.61 c0.24,0.29,0.58,0.44,0.94,0.44c0.22,0,0.45-0.06,0.65-0.19l100.78-63.41c0.42-0.26,0.64-0.75,0.56-1.22 C116.19,62.34,115.84,61.95,115.36,61.84z" />
+</svg>

public/img/novel.svg

@@ -1,3 +1,3 @@
-<svg width="33" height="41" viewBox="0 0 33 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.89418 31.9285C4.51814 29.6818 2.83212 27.8112 0.836131 26.521C0.26793 26.1537 0.124452 25.3382 0.540438 24.8047C4.15593 20.1672 9.79294 8.01868 12.7415 1.40215C13.181 0.416062 14.6883 0.738582 14.6883 1.81816V19.44C13.1242 20.1331 12.0332 21.6992 12.0332 23.5201C12.0332 24.1851 12.1787 24.8161 12.4397 25.383L5.89418 31.9285ZM7.34675 34.6814C8.03773 36.2042 8.61427 37.8368 9.07635 39.5334C9.19588 39.9722 9.59101 40.2824 10.0459 40.2824H16.4937H22.9416C23.3964 40.2824 23.7916 39.9722 23.9111 39.5334C24.3732 37.8368 24.9497 36.2042 25.6407 34.6814L22.211 31.2516L19.3551 34.1075C19.4281 34.3655 19.4672 34.6378 19.4672 34.9192C19.4672 36.5615 18.1358 37.8928 16.4935 37.8928C14.8512 37.8928 13.5198 36.5615 13.5198 34.9192C13.5198 33.2768 14.8512 31.9455 16.4935 31.9455C16.7448 31.9455 16.9888 31.9766 17.2219 32.0353L20.1083 29.1489L18.4762 27.5169C17.879 27.8137 17.2058 27.9806 16.4937 27.9806C15.7816 27.9806 15.1084 27.8137 14.5112 27.5169L7.34675 34.6814ZM27.0933 31.9285C28.4693 29.6818 30.1553 27.8112 32.1513 26.521C32.7195 26.1537 32.863 25.3382 32.447 24.8047C28.8315 20.1672 23.1945 8.01868 20.2459 1.40215C19.8065 0.416062 18.2992 0.738582 18.2992 1.81816V19.44C19.8632 20.1332 20.9542 21.6992 20.9542 23.5201C20.9542 24.1851 20.8087 24.8161 20.5478 25.383L27.0933 31.9285Z" fill="white"/>
+<svg width="33" height="41" viewBox="0 0 33 41" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.89418 31.9285C4.51814 29.6818 2.83212 27.8112 0.836131 26.521C0.26793 26.1537 0.124452 25.3382 0.540438 24.8047C4.15593 20.1672 9.79294 8.01868 12.7415 1.40215C13.181 0.416062 14.6883 0.738582 14.6883 1.81816V19.44C13.1242 20.1331 12.0332 21.6992 12.0332 23.5201C12.0332 24.1851 12.1787 24.8161 12.4397 25.383L5.89418 31.9285ZM7.34675 34.6814C8.03773 36.2042 8.61427 37.8368 9.07635 39.5334C9.19588 39.9722 9.59101 40.2824 10.0459 40.2824H16.4937H22.9416C23.3964 40.2824 23.7916 39.9722 23.9111 39.5334C24.3732 37.8368 24.9497 36.2042 25.6407 34.6814L22.211 31.2516L19.3551 34.1075C19.4281 34.3655 19.4672 34.6378 19.4672 34.9192C19.4672 36.5615 18.1358 37.8928 16.4935 37.8928C14.8512 37.8928 13.5198 36.5615 13.5198 34.9192C13.5198 33.2768 14.8512 31.9455 16.4935 31.9455C16.7448 31.9455 16.9888 31.9766 17.2219 32.0353L20.1083 29.1489L18.4762 27.5169C17.879 27.8137 17.2058 27.9806 16.4937 27.9806C15.7816 27.9806 15.1084 27.8137 14.5112 27.5169L7.34675 34.6814ZM27.0933 31.9285C28.4693 29.6818 30.1553 27.8112 32.1513 26.521C32.7195 26.1537 32.863 25.3382 32.447 24.8047C28.8315 20.1672 23.1945 8.01868 20.2459 1.40215C19.8065 0.416062 18.2992 0.738582 18.2992 1.81816V19.44C19.8632 20.1332 20.9542 21.6992 20.9542 23.5201C20.9542 24.1851 20.8087 24.8161 20.5478 25.383L27.0933 31.9285Z" />
 </svg>

public/manifest.json

@@ -0,0 +1,30 @@
+{
+    "name": "SillyTavern",
+    "short_name": "SillyTavern",
+    "start_url": "/",
+    "display": "standalone",
+    "theme_color": "#202124",
+    "background_color": "#202124",
+    "icons": [
+        {
+            "src": "img/apple-icon-57x57.png",
+            "sizes": "57x57",
+            "type": "image/png"
+        },
+        {
+            "src": "img/apple-icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "img/apple-icon-114x114.png",
+            "sizes": "114x114",
+            "type": "image/png"
+        },
+        {
+            "src": "img/apple-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        }
+    ]
+}

public/scripts/BulkEditOverlay.js

@@ -0,0 +1,652 @@
+"use strict";
+
+import {
+    callPopup,
+    characters,
+    deleteCharacter,
+    event_types,
+    eventSource,
+    getCharacters,
+    getRequestHeaders,
+    printCharacters,
+    this_chid
+} from "../script.js";
+
+import { favsToHotswap } from "./RossAscends-mods.js";
+import { hideLoader, showLoader } from "./loader.js";
+import { convertCharacterToPersona } from "./personas.js";
+import { createTagInput, getTagKeyForCharacter, tag_map } from "./tags.js";
+
+// Utility object for popup messages.
+const popupMessage = {
+    deleteChat(characterCount) {
+        return `<h3>Delete ${characterCount} characters?</h3>
+                <b>THIS IS PERMANENT!<br><br>
+                <label for="del_char_checkbox" class="checkbox_label justifyCenter">
+                    <input type="checkbox" id="del_char_checkbox" />
+                    <span>Also delete the chat files</span>
+                </label><br></b>`;
+    },
+}
+
+/**
+ * Static object representing the actions of the
+ * character context menu override.
+ */
+class CharacterContextMenu {
+    /**
+     * Tag one or more characters,
+     * opens a popup.
+     *
+     * @param selectedCharacters
+     */
+    static tag = (selectedCharacters) => {
+        BulkTagPopupHandler.show(selectedCharacters);
+    }
+
+    /**
+     * Duplicate one or more characters
+     *
+     * @param characterId
+     * @returns {Promise<Response>}
+     */
+    static duplicate = async (characterId) => {
+        const character = CharacterContextMenu.#getCharacter(characterId);
+
+        return fetch('/dupecharacter', {
+            method: 'POST',
+            headers: getRequestHeaders(),
+            body: JSON.stringify({ avatar_url: character.avatar }),
+        });
+    }
+
+    /**
+     * Favorite a character
+     * and highlight it.
+     *
+     * @param characterId
+     * @returns {Promise<void>}
+     */
+    static favorite = async (characterId) => {
+        const character = CharacterContextMenu.#getCharacter(characterId);
+
+        // Only set fav for V2 spec
+        const data = {
+            name: character.name,
+            avatar: character.avatar,
+            data: {
+                extensions: {
+                    fav: !character.data.extensions.fav
+                }
+            }
+        };
+
+        return fetch('/v2/editcharacterattribute', {
+            method: "POST",
+            headers: getRequestHeaders(),
+            body: JSON.stringify(data),
+        }).then((response) => {
+            if (response.ok) {
+                const element = document.getElementById(`CharID${characterId}`);
+                element.classList.toggle('is_fav');
+            } else {
+                response.json().then(json => toastr.error('Character not saved. Error: ' + json.message + '. Field: ' + json.error));
+            }
+        });
+    }
+
+    /**
+     * Convert one or more characters to persona,
+     * may open a popup for one or more characters.
+     *
+     * @param characterId
+     * @returns {Promise<void>}
+     */
+    static persona = async (characterId) => await convertCharacterToPersona(characterId);
+
+    /**
+     * Delete one or more characters,
+     * opens a popup.
+     *
+     * @param characterId
+     * @param deleteChats
+     * @returns {Promise<void>}
+     */
+    static delete = async (characterId, deleteChats = false) => {
+        const character = CharacterContextMenu.#getCharacter(characterId);
+
+        return fetch('/deletecharacter', {
+            method: 'POST',
+            headers: getRequestHeaders(),
+            body: JSON.stringify({ avatar_url: character.avatar, delete_chats: deleteChats }),
+            cache: 'no-cache',
+        }).then(response => {
+            if (response.ok) {
+                deleteCharacter(character.name, character.avatar).then(() => {
+                    if (deleteChats) {
+                        fetch("/getallchatsofcharacter", {
+                            method: 'POST',
+                            body: JSON.stringify({ avatar_url: character.avatar }),
+                            headers: getRequestHeaders(),
+                        }).then((response) => {
+                            let data = response.json();
+                            data = Object.values(data);
+                            const pastChats = data.sort((a, b) => a["file_name"].localeCompare(b["file_name"])).reverse();
+
+                            for (const chat of pastChats) {
+                                const name = chat.file_name.replace('.jsonl', '');
+                                eventSource.emit(event_types.CHAT_DELETED, name);
+                            }
+                        });
+                    }
+                })
+            }
+
+            eventSource.emit('characterDeleted', { id: this_chid, character: characters[this_chid] });
+        });
+    }
+
+    static #getCharacter = (characterId) => characters[characterId] ?? null;
+
+    /**
+     * Show the context menu at the given position
+     *
+     * @param positionX
+     * @param positionY
+     */
+    static show = (positionX, positionY) => {
+        let contextMenu = document.getElementById(BulkEditOverlay.contextMenuId);
+        contextMenu.style.left = `${positionX}px`;
+        contextMenu.style.top = `${positionY}px`;
+
+        document.getElementById(BulkEditOverlay.contextMenuId).classList.remove('hidden');
+
+        // Adjust position if context menu is outside of viewport
+        const boundingRect = contextMenu.getBoundingClientRect();
+        if (boundingRect.right > window.innerWidth) {
+            contextMenu.style.left = `${positionX - (boundingRect.right - window.innerWidth)}px`;
+        }
+        if (boundingRect.bottom > window.innerHeight) {
+            contextMenu.style.top = `${positionY - (boundingRect.bottom - window.innerHeight)}px`;
+        }
+    }
+
+    /**
+     * Hide the context menu
+     */
+    static hide = () => document.getElementById(BulkEditOverlay.contextMenuId).classList.add('hidden');
+
+    /**
+     * Sets up the context menu for the given overlay
+     *
+     * @param characterGroupOverlay
+     */
+    constructor(characterGroupOverlay) {
+        const contextMenuItems = [
+            { id: 'character_context_menu_favorite', callback: characterGroupOverlay.handleContextMenuFavorite },
+            { id: 'character_context_menu_duplicate', callback: characterGroupOverlay.handleContextMenuDuplicate },
+            { id: 'character_context_menu_delete', callback: characterGroupOverlay.handleContextMenuDelete },
+            { id: 'character_context_menu_persona', callback: characterGroupOverlay.handleContextMenuPersona },
+            { id: 'character_context_menu_tag', callback: characterGroupOverlay.handleContextMenuTag }
+        ];
+
+        contextMenuItems.forEach(contextMenuItem => document.getElementById(contextMenuItem.id).addEventListener('click', contextMenuItem.callback))
+    }
+}
+
+/**
+ * Represents a tag control not bound to a single character
+ */
+class BulkTagPopupHandler {
+    static #getHtml = (characterIds) => {
+        const characterData = JSON.stringify({ characterIds: characterIds });
+        return `<div id="bulk_tag_shadow_popup">
+            <div id="bulk_tag_popup">
+                <div id="bulk_tag_popup_holder">
+                <h3 class="m-b-1">Add tags to ${characterIds.length} characters</h3>
+                <br>
+                    <div id="bulk_tags_div" class="marginBot5" data-characters='${characterData}'>
+                        <div class="tag_controls">
+                            <input id="bulkTagInput" class="text_pole tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="25" />
+                            <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>
+                        </div>
+                        <div id="bulkTagList" class="m-t-1 tags"></div>
+                    </div>
+                    <div id="dialogue_popup_controls" class="m-t-1">
+                        <div id="bulk_tag_popup_cancel" class="menu_button" data-i18n="Cancel">Close</div>
+                        <div id="bulk_tag_popup_reset" class="menu_button" data-i18n="Cancel">Remove all</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `
+    };
+
+    /**
+     * Append and show the tag control
+     *
+     * @param characters - The characters assigned to this control
+     */
+    static show(characters) {
+        document.body.insertAdjacentHTML('beforeend', this.#getHtml(characters));
+        createTagInput('#bulkTagInput', '#bulkTagList');
+        document.querySelector('#bulk_tag_popup_cancel').addEventListener('click', this.hide.bind(this));
+        document.querySelector('#bulk_tag_popup_reset').addEventListener('click', this.resetTags.bind(this, characters));
+    }
+
+    /**
+     * Hide and remove the tag control
+     */
+    static hide() {
+        let popupElement = document.querySelector('#bulk_tag_shadow_popup');
+        if (popupElement) {
+            document.body.removeChild(popupElement);
+        }
+
+        printCharacters(true);
+    }
+
+    /**
+     * Empty the tag map for the given characters
+     *
+     * @param characterIds
+     */
+    static resetTags(characterIds) {
+        characterIds.forEach((characterId) => {
+            const key = getTagKeyForCharacter(characterId);
+            if (key) tag_map[key] = [];
+        });
+
+        printCharacters(true);
+    }
+}
+
+class BulkEditOverlayState {
+    /**
+     *
+     * @type {number}
+     */
+    static browse = 0;
+
+    /**
+     *
+     * @type {number}
+     */
+    static select = 1;
+}
+
+/**
+ * Implement a SingletonPattern, allowing access to the group overlay instance
+ * from everywhere via (new CharacterGroupOverlay())
+ *
+ * @type BulkEditOverlay
+ */
+let bulkEditOverlayInstance = null;
+
+class BulkEditOverlay {
+    static containerId = 'rm_print_characters_block';
+    static contextMenuId = 'character_context_menu';
+    static characterClass = 'character_select';
+    static groupClass = 'group_select';
+    static bogusFolderClass = 'bogus_folder_select';
+    static selectModeClass = 'group_overlay_mode_select';
+    static selectedClass = 'character_selected';
+    static legacySelectedClass = 'bulk_select_checkbox';
+
+    static longPressDelay = 2500;
+
+    #state = BulkEditOverlayState.browse;
+    #longPress = false;
+    #stateChangeCallbacks = [];
+    #selectedCharacters = [];
+
+    /**
+     * Locks other pointer actions when the context menu is open
+     *
+     * @type {boolean}
+     */
+    #contextMenuOpen = false;
+
+    /**
+     * Whether the next character select should be skipped
+     *
+     * @type {boolean}
+     */
+    #cancelNextToggle = false;
+
+    /**
+     * @type HTMLElement
+     */
+    container = null;
+
+    get state() {
+        return this.#state;
+    }
+
+    set state(newState) {
+        if (this.#state === newState) return;
+
+        eventSource.emit(event_types.CHARACTER_GROUP_OVERLAY_STATE_CHANGE_BEFORE, newState)
+            .then(() => {
+                this.#state = newState;
+                eventSource.emit(event_types.CHARACTER_GROUP_OVERLAY_STATE_CHANGE_AFTER, this.state)
+            });
+    }
+
+    get isLongPress() {
+        return this.#longPress;
+    }
+
+    set isLongPress(longPress) {
+        this.#longPress = longPress;
+    }
+
+    get stateChangeCallbacks() {
+        return this.#stateChangeCallbacks;
+    }
+
+    /**
+     *
+     * @returns {*[]}
+     */
+    get selectedCharacters() {
+        return this.#selectedCharacters;
+    }
+
+    constructor() {
+        if (bulkEditOverlayInstance instanceof BulkEditOverlay)
+            return bulkEditOverlayInstance
+
+        this.container = document.getElementById(BulkEditOverlay.containerId);
+
+        eventSource.on(event_types.CHARACTER_GROUP_OVERLAY_STATE_CHANGE_AFTER, this.handleStateChange);
+        bulkEditOverlayInstance = Object.freeze(this);
+    }
+
+    /**
+     * Set the overlay to browse mode
+     */
+    browseState = () => this.state = BulkEditOverlayState.browse;
+
+    /**
+     * Set the overlay to select mode
+     */
+    selectState = () => this.state = BulkEditOverlayState.select;
+
+    /**
+     * Set up a Sortable grid for the loaded page
+     */
+    onPageLoad = () => {
+        this.browseState();
+
+        const elements = this.#getEnabledElements();
+        elements.forEach(element => element.addEventListener('touchstart', this.handleHold));
+        elements.forEach(element => element.addEventListener('mousedown', this.handleHold));
+        elements.forEach(element => element.addEventListener('contextmenu', this.handleDefaultContextMenu));
+
+        elements.forEach(element => element.addEventListener('touchend', this.handleLongPressEnd));
+        elements.forEach(element => element.addEventListener('mouseup', this.handleLongPressEnd));
+        elements.forEach(element => element.addEventListener('dragend', this.handleLongPressEnd));
+        elements.forEach(element => element.addEventListener('touchmove', this.handleLongPressEnd));
+
+        // Cohee: It only triggers when clicking on a margin between the elements?
+        // Feel free to fix or remove this, I'm not sure how to.
+        //this.container.addEventListener('click', this.handleCancelClick);
+    }
+
+    /**
+     * Handle state changes
+     *
+     *
+     */
+    handleStateChange = () => {
+        switch (this.state) {
+            case BulkEditOverlayState.browse:
+                this.container.classList.remove(BulkEditOverlay.selectModeClass);
+                this.#contextMenuOpen = false;
+                this.#enableClickEventsForCharacters();
+                this.#enableClickEventsForGroups();
+                this.clearSelectedCharacters();
+                this.disableContextMenu();
+                this.#disableBulkEditButtonHighlight();
+                CharacterContextMenu.hide();
+                break;
+            case BulkEditOverlayState.select:
+                this.container.classList.add(BulkEditOverlay.selectModeClass);
+                this.#disableClickEventsForCharacters();
+                this.#disableClickEventsForGroups();
+                this.enableContextMenu();
+                this.#enableBulkEditButtonHighlight();
+                break;
+        }
+
+        this.stateChangeCallbacks.forEach(callback => callback(this.state));
+    }
+
+    /**
+     * Block the browsers native context menu and
+     * set a click event to hide the custom context menu.
+     */
+    enableContextMenu = () => {
+        this.container.addEventListener('contextmenu', this.handleContextMenuShow);
+        document.addEventListener('click', this.handleContextMenuHide);
+    }
+
+    /**
+     * Remove event listeners, allowing the native browser context
+     * menu to be opened.
+     */
+    disableContextMenu = () => {
+        this.container.removeEventListener('contextmenu', this.handleContextMenuShow);
+        document.removeEventListener('click', this.handleContextMenuHide);
+    }
+
+    handleDefaultContextMenu = (event) => {
+        if (this.isLongPress) {
+            event.preventDefault();
+            event.stopPropagation();
+            return false;
+        }
+    }
+
+    /**
+     * Opens menu on long-press.
+     *
+     * @param event - Pointer event
+     */
+    handleHold = (event) => {
+        if (0 !== event.button && event.type !== 'touchstart') return;
+        if (this.#contextMenuOpen) {
+            this.#contextMenuOpen = false;
+            this.#cancelNextToggle = true;
+            CharacterContextMenu.hide();
+            return;
+        }
+
+        let cancel = false;
+
+        const cancelHold = (event) => cancel = true;
+        this.container.addEventListener('mouseup', cancelHold);
+        this.container.addEventListener('touchend', cancelHold);
+
+        this.isLongPress = true;
+
+        setTimeout(() => {
+                if (this.isLongPress && !cancel) {
+                    if (this.state === BulkEditOverlayState.browse) {
+                        this.selectState();
+                    } else if (this.state === BulkEditOverlayState.select) {
+                        this.#contextMenuOpen = true;
+                        CharacterContextMenu.show(...this.#getContextMenuPosition(event));
+                    }
+                }
+
+                this.container.removeEventListener('mouseup', cancelHold);
+                this.container.removeEventListener('touchend', cancelHold);
+            },
+            BulkEditOverlay.longPressDelay);
+    }
+
+    handleLongPressEnd = (event) => {
+        this.isLongPress = false;
+        if (this.#contextMenuOpen) event.stopPropagation();
+    }
+
+    handleCancelClick = () => {
+        if (false === this.#contextMenuOpen) this.state = BulkEditOverlayState.browse;
+        this.#contextMenuOpen = false;
+    }
+
+    /**
+     * Returns the position of the mouse/touch location
+     *
+     * @param event
+     * @returns {(boolean|number|*)[]}
+     */
+    #getContextMenuPosition = (event) => [
+        event.clientX || event.touches[0].clientX,
+        event.clientY || event.touches[0].clientY,
+    ];
+
+    #stopEventPropagation = (event) => {
+        if (this.#contextMenuOpen) {
+            this.handleContextMenuHide(event);
+        }
+        event.stopPropagation();
+    }
+
+    #enableClickEventsForGroups = () => this.#getDisabledElements().forEach((element) => element.removeEventListener('click', this.#stopEventPropagation));
+
+    #disableClickEventsForGroups = () => this.#getDisabledElements().forEach((element) => element.addEventListener('click', this.#stopEventPropagation));
+
+    #enableClickEventsForCharacters = () => this.#getEnabledElements().forEach(element => element.removeEventListener('click', this.toggleCharacterSelected));
+
+    #disableClickEventsForCharacters = () => this.#getEnabledElements().forEach(element => element.addEventListener('click', this.toggleCharacterSelected));
+
+    #enableBulkEditButtonHighlight = () => document.getElementById('bulkEditButton').classList.add('bulk_edit_overlay_active');
+
+    #disableBulkEditButtonHighlight = () => document.getElementById('bulkEditButton').classList.remove('bulk_edit_overlay_active');
+
+    #getEnabledElements = () => [...this.container.getElementsByClassName(BulkEditOverlay.characterClass)];
+
+    #getDisabledElements = () =>[...this.container.getElementsByClassName(BulkEditOverlay.groupClass), ...this.container.getElementsByClassName(BulkEditOverlay.bogusFolderClass)];
+
+    toggleCharacterSelected = event => {
+        event.stopPropagation();
+
+        const character = event.currentTarget;
+        const characterId = character.getAttribute('chid');
+
+        const alreadySelected = this.selectedCharacters.includes(characterId)
+
+        const legacyBulkEditCheckbox = character.querySelector('.' + BulkEditOverlay.legacySelectedClass);
+
+        // Only toggle when context menu is closed and wasn't just closed.
+        if (!this.#contextMenuOpen && !this.#cancelNextToggle)
+            if (alreadySelected) {
+                character.classList.remove(BulkEditOverlay.selectedClass);
+                if (legacyBulkEditCheckbox) legacyBulkEditCheckbox.checked = false;
+                this.dismissCharacter(characterId);
+            } else {
+                character.classList.add(BulkEditOverlay.selectedClass)
+                if (legacyBulkEditCheckbox) legacyBulkEditCheckbox.checked = true;
+                this.selectCharacter(characterId);
+            }
+
+        this.#cancelNextToggle = false;
+    }
+
+    handleContextMenuShow = (event) => {
+        event.preventDefault();
+        CharacterContextMenu.show(...this.#getContextMenuPosition(event));
+        this.#contextMenuOpen = true;
+    }
+
+    handleContextMenuHide = (event) => {
+        let contextMenu = document.getElementById(BulkEditOverlay.contextMenuId);
+        if (false === contextMenu.contains(event.target)) {
+            CharacterContextMenu.hide();
+        }
+    }
+
+    /**
+     * Concurrently handle character favorite requests.
+     *
+     * @returns {Promise<number>}
+     */
+    handleContextMenuFavorite = () => Promise.all(this.selectedCharacters.map(async characterId => CharacterContextMenu.favorite(characterId)))
+        .then(() => getCharacters())
+        .then(() => favsToHotswap())
+        .then(() => this.browseState())
+
+    /**
+     * Concurrently handle character duplicate requests.
+     *
+     * @returns {Promise<number>}
+     */
+    handleContextMenuDuplicate = () => Promise.all(this.selectedCharacters.map(async characterId => CharacterContextMenu.duplicate(characterId)))
+        .then(() => getCharacters())
+        .then(() => this.browseState())
+
+    /**
+     * Sequentially handle all character-to-persona conversions.
+     *
+     * @returns {Promise<void>}
+     */
+    handleContextMenuPersona = async () => {
+        for (const characterId of this.selectedCharacters) {
+            await CharacterContextMenu.persona(characterId)
+        }
+
+        this.browseState();
+    }
+
+    /**
+     * Request user input before concurrently handle deletion
+     * requests.
+     *
+     * @returns {Promise<number>}
+     */
+    handleContextMenuDelete = () => {
+        callPopup(
+            popupMessage.deleteChat(this.selectedCharacters.length), null)
+            .then((accept) => {
+                if (true !== accept) return;
+
+                const deleteChats = document.getElementById('del_char_checkbox').checked ?? false;
+
+                showLoader();
+                toastr.info("We're deleting your characters, please wait...", 'Working on it');
+                Promise.all(this.selectedCharacters.map(async characterId => CharacterContextMenu.delete(characterId, deleteChats)))
+                    .then(() => getCharacters())
+                    .then(() => this.browseState())
+                    .finally(() => hideLoader());
+            }
+            );
+    }
+
+    /**
+     * Attaches and opens the tag menu
+     */
+    handleContextMenuTag = () => {
+        CharacterContextMenu.tag(this.selectedCharacters);
+    }
+
+    addStateChangeCallback = callback => this.stateChangeCallbacks.push(callback);
+
+    selectCharacter = characterId => this.selectedCharacters.push(String(characterId));
+
+    dismissCharacter = characterId => this.#selectedCharacters = this.selectedCharacters.filter(item => String(characterId) !== item);
+
+    /**
+     * Clears internal character storage and
+     * removes visual highlight.
+     */
+    clearSelectedCharacters = () => {
+        document.querySelectorAll('#' + BulkEditOverlay.containerId + ' .' + BulkEditOverlay.selectedClass)
+            .forEach(element => element.classList.remove(BulkEditOverlay.selectedClass));
+        this.selectedCharacters.length = 0;
+    }
+}
+
+export { BulkEditOverlayState, CharacterContextMenu, BulkEditOverlay };

public/scripts/PromptManager.js

@@ -2,7 +2,7 @@
 
 import { callPopup, event_types, eventSource, is_send_press, main_api, substituteParams } from "../script.js";
 import { is_group_generating } from "./group-chats.js";
-import { TokenHandler } from "./openai.js";
+import { Message, TokenHandler } from "./openai.js";
 import { power_user } from "./power-user.js";
 import { debounce, waitUntilCondition, escapeHtml } from "./utils.js";
 
@@ -21,6 +21,16 @@ function debouncePromise(func, delay) {
     };
 }
 
+const DEFAULT_DEPTH = 4;
+
+/**
+ * @enum {number}
+ */
+export const INJECTION_POSITION = {
+    RELATIVE: 0,
+    ABSOLUTE: 1,
+}
+
 /**
  * Register migrations for the prompt manager when settings are loaded or an Open AI preset is loaded.
  */
@@ -60,7 +70,7 @@ const registerPromptManagerMigration = () => {
  * Represents a prompt.
  */
 class Prompt {
-    identifier; role; content; name; system_prompt; position;
+    identifier; role; content; name; system_prompt; position; injection_position; injection_depth;
 
     /**
      * Create a new Prompt instance.
@@ -72,14 +82,18 @@ class Prompt {
      * @param {string} param0.name - The name of the prompt.
      * @param {boolean} param0.system_prompt - Indicates if the prompt is a system prompt.
      * @param {string} param0.position - The position of the prompt in the prompt list.
+     * @param {number} param0.injection_position - The insert position of the prompt.
+     * @param {number} param0.injection_depth - The depth of the prompt in the chat.
      */
-    constructor({ identifier, role, content, name, system_prompt, position } = {}) {
+    constructor({ identifier, role, content, name, system_prompt, position, injection_depth, injection_position } = {}) {
         this.identifier = identifier;
         this.role = role;
         this.content = content;
         this.name = name;
         this.system_prompt = system_prompt;
         this.position = position;
+        this.injection_depth = injection_depth;
+        this.injection_position = injection_position;
     }
 }
 
@@ -165,6 +179,13 @@ class PromptCollection {
 }
 
 function PromptManagerModule() {
+    this.systemPrompts = [
+        'main',
+        'nsfw',
+        'jailbreak',
+        'enhanceDefinitions',
+    ];
+
     this.configuration = {
         version: 1,
         prefix: '',
@@ -275,7 +296,7 @@ PromptManagerModule.prototype.init = function (moduleConfiguration, serviceSetti
     this.serviceSettings = serviceSettings;
     this.containerElement = document.getElementById(this.configuration.containerIdentifier);
 
-    if ('global' === this.configuration.promptOrder.strategy) this.activeCharacter = {id: this.configuration.promptOrder.dummyId};
+    if ('global' === this.configuration.promptOrder.strategy) this.activeCharacter = { id: this.configuration.promptOrder.dummyId };
 
     this.sanitizeServiceSettings();
 
@@ -381,6 +402,13 @@ PromptManagerModule.prototype.init = function (moduleConfiguration, serviceSetti
         document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_name').value = prompt.name;
         document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_role').value = 'system';
         document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_prompt').value = prompt.content;
+        document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position').value = prompt.injection_position ?? 0;
+        document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_depth').value = prompt.injection_depth ?? DEFAULT_DEPTH;
+        document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block').style.visibility = prompt.injection_position === INJECTION_POSITION.ABSOLUTE ? 'visible' : 'hidden';
+
+        if (!this.systemPrompts.includes(promptId)) {
+            document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position').removeAttribute('disabled');
+        }
     }
 
     // Append prompt to selected character
@@ -673,6 +701,8 @@ PromptManagerModule.prototype.updatePromptWithPromptEditForm = function (prompt)
     prompt.name = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_name').value;
     prompt.role = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_role').value;
     prompt.content = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_prompt').value;
+    prompt.injection_position = Number(document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position').value);
+    prompt.injection_depth = Number(document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_depth').value);
 }
 
 /**
@@ -702,6 +732,12 @@ PromptManagerModule.prototype.getTokenHandler = function () {
     return this.tokenHandler;
 }
 
+PromptManagerModule.prototype.isPromptDisabledForActiveCharacter = function (identifier) {
+    const promptOrderEntry = this.getPromptOrderEntry(this.activeCharacter, identifier);
+    if (promptOrderEntry) return !promptOrderEntry.enabled;
+    return false;
+}
+
 /**
  * Add a prompt to the current character's prompt list.
  * @param {object} prompt - The prompt to be added.
@@ -840,7 +876,8 @@ PromptManagerModule.prototype.isPromptEditAllowed = function (prompt) {
  * @returns {boolean} True if the prompt can be deleted, false otherwise.
  */
 PromptManagerModule.prototype.isPromptToggleAllowed = function (prompt) {
-    return prompt.marker ? false : !this.configuration.toggleDisabled.includes(prompt.identifier);
+    const forceTogglePrompts = ['charDescription', 'charPersonality', 'scenario', 'personaDescription', 'worldInfoBefore', 'worldInfoAfter'];
+    return prompt.marker && !forceTogglePrompts.includes(prompt.identifier) ? false : !this.configuration.toggleDisabled.includes(prompt.identifier);
 }
 
 /**
@@ -1085,10 +1122,21 @@ PromptManagerModule.prototype.loadPromptIntoEditForm = function (prompt) {
     const nameField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_name');
     const roleField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_role');
     const promptField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_prompt');
+    const injectionPositionField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position');
+    const injectionDepthField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_depth');
+    const injectionDepthBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block');
 
     nameField.value = prompt.name ?? '';
     roleField.value = prompt.role ?? '';
     promptField.value = prompt.content ?? '';
+    injectionPositionField.value = prompt.injection_position ?? INJECTION_POSITION.RELATIVE;
+    injectionDepthField.value = prompt.injection_depth ?? DEFAULT_DEPTH;
+    injectionDepthBlock.style.visibility = prompt.injection_position === INJECTION_POSITION.ABSOLUTE ? 'visible' : 'hidden';
+    injectionPositionField.removeAttribute('disabled');
+
+    if (this.systemPrompts.includes(prompt.identifier)) {
+        injectionPositionField.setAttribute('disabled', 'disabled');
+    }
 
     const resetPromptButton = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_reset');
     if (true === prompt.system_prompt) {
@@ -1098,10 +1146,23 @@ PromptManagerModule.prototype.loadPromptIntoEditForm = function (prompt) {
         resetPromptButton.style.display = 'none';
     }
 
+    injectionPositionField.removeEventListener('change', (e) => this.handleInjectionPositionChange(e));
+    injectionPositionField.addEventListener('change', (e) => this.handleInjectionPositionChange(e));
+
     const savePromptButton = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_save');
     savePromptButton.dataset.pmPrompt = prompt.identifier;
 }
 
+PromptManagerModule.prototype.handleInjectionPositionChange = function (event) {
+    const injectionDepthBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block');
+    const injectionPosition = Number(event.target.value);
+    if (injectionPosition === INJECTION_POSITION.ABSOLUTE) {
+        injectionDepthBlock.style.visibility = 'visible';
+    } else {
+        injectionDepthBlock.style.visibility = 'hidden';
+    }
+}
+
 /**
  * Loads a given prompt into the inspect form
  * @param {MessageCollection} messages - Prompt object with properties 'name', 'role', 'content', and 'system_prompt'
@@ -1119,12 +1180,10 @@ PromptManagerModule.prototype.loadMessagesIntoInspectForm = function (messages)
         let drawerHTML = `
     <div class="inline-drawer ${this.configuration.prefix}prompt_manager_prompt">
         <div class="inline-drawer-toggle inline-drawer-header">
-            <span>Name: ${title}, Role: ${role}, Tokens: ${tokens}</span>
+            <span>Name: ${escapeHtml(title)}, Role: ${role}, Tokens: ${tokens}</span>
             <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
         </div>
-        <div class="inline-drawer-content">
-            ${content}
-        </div>
+        <div class="inline-drawer-content" style="white-space: pre-wrap;">${escapeHtml(content)}</div>
     </div>
     `;
 
@@ -1135,9 +1194,11 @@ PromptManagerModule.prototype.loadMessagesIntoInspectForm = function (messages)
 
     const messageList = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_inspect_list');
 
-    if (0 === messages.getCollection().length) messageList.innerHTML = `<span>This marker does not contain any prompts.</span>`;
+    const messagesCollection = messages instanceof Message ? [messages] : messages.getCollection();
 
-    messages.getCollection().forEach(message => {
+    if (0 === messagesCollection.length) messageList.innerHTML = `<span>This marker does not contain any prompts.</span>`;
+
+    messagesCollection.forEach(message => {
         messageList.append(createInlineDrawer(message));
     });
 }
@@ -1152,10 +1213,17 @@ PromptManagerModule.prototype.clearEditForm = function () {
     const nameField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_name');
     const roleField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_role');
     const promptField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_prompt');
+    const injectionPositionField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position');
+    const injectionDepthField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_depth');
+    const injectionDepthBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block');
 
     nameField.value = '';
     roleField.selectedIndex = 0;
     promptField.value = '';
+    injectionPositionField.selectedIndex = 0;
+    injectionPositionField.removeAttribute('disabled');
+    injectionDepthField.value = DEFAULT_DEPTH;
+    injectionDepthBlock.style.visibility = 'unset';
 
     roleField.disabled = false;
 }
@@ -1435,13 +1503,18 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
         }
 
         const encodedName = escapeHtml(prompt.name);
+        const isSystemPrompt = !prompt.marker && prompt.system_prompt && prompt.injection_position !== INJECTION_POSITION.ABSOLUTE;
+        const isUserPrompt = !prompt.marker && !prompt.system_prompt && prompt.injection_position !== INJECTION_POSITION.ABSOLUTE;
+        const isInjectionPrompt = !prompt.marker && prompt.injection_position === INJECTION_POSITION.ABSOLUTE;
         listItemHtml += `
             <li class="${prefix}prompt_manager_prompt ${draggableClass} ${enabledClass} ${markerClass}" data-pm-identifier="${prompt.identifier}">
                 <span class="${prefix}prompt_manager_prompt_name" data-pm-name="${encodedName}">
                     ${prompt.marker ? '<span class="fa-solid fa-thumb-tack" title="Marker"></span>' : ''}
-                    ${!prompt.marker && prompt.system_prompt ? '<span class="fa-solid fa-square-poll-horizontal" title="Global Prompt"></span>' : ''}
-                    ${!prompt.marker && !prompt.system_prompt ? '<span class="fa-solid fa-user" title="User Prompt"></span>' : ''}
+                    ${isSystemPrompt ? '<span class="fa-solid fa-square-poll-horizontal" title="Global Prompt"></span>' : ''}
+                    ${isUserPrompt ? '<span class="fa-solid fa-user" title="User Prompt"></span>' : ''}
+                    ${isInjectionPrompt ? `<span class="fa-solid fa-syringe" title="In-Chat Injection"></span>` : ''}
                     ${this.isPromptInspectionAllowed(prompt) ? `<a class="prompt-manager-inspect-action">${encodedName}</a>` : encodedName}
+                    ${isInjectionPrompt ? `<small class="prompt-manager-injection-depth">@ ${prompt.injection_depth}</small>` : ''}
                 </span>
                 <span>
                         <span class="prompt_manager_prompt_controls">

public/scripts/RossAscends-mods.js

@@ -18,6 +18,8 @@ import {
     getThumbnailUrl,
     selectCharacterById,
     eventSource,
+    menu_type,
+    substituteParams,
 } from "../script.js";
 
 import {
@@ -31,9 +33,10 @@ import {
     SECRET_KEYS,
     secret_state,
 } from "./secrets.js";
-import { debounce, delay, getStringHash, isUrlOrAPIKey, waitUntilCondition } from "./utils.js";
+import { debounce, delay, getStringHash, isValidUrl, waitUntilCondition } from "./utils.js";
 import { chat_completion_sources, oai_settings } from "./openai.js";
 import { getTokenCount } from "./tokenizers.js";
+import { isMancer } from "./textgen-settings.js";
 
 
 var RPanelPin = document.getElementById("rm_button_panel_pin");
@@ -57,9 +60,7 @@ const countTokensDebounced = debounce(RA_CountCharTokens, 1000);
 
 const observer = new MutationObserver(function (mutations) {
     mutations.forEach(function (mutation) {
-        if (mutation.target.id === "online_status_text2" ||
-            mutation.target.id === "online_status_text3" ||
-            mutation.target.classList.contains("online_status_text4")) {
+        if (mutation.target.classList.contains("online_status_text")) {
             RA_checkOnlineStatus();
         } else if (mutation.target.parentNode === SelectedCharacterTab) {
             setTimeout(RA_CountCharTokens, 200);
@@ -171,7 +172,7 @@ export function humanizedDateTime() {
     let humanMillisecond =
         (baseDate.getMilliseconds() < 10 ? "0" : "") + baseDate.getMilliseconds();
     let HumanizedDateTime =
-        humanYear + "-" + humanMonth + "-" + humanDate + " @" + humanHour + "h " + humanMinute + "m " + humanSecond + "s " + humanMillisecond + "ms";
+        humanYear + "-" + humanMonth + "-" + humanDate + "@" + humanHour + "h" + humanMinute + "m" + humanSecond + "s";
     return HumanizedDateTime;
 }
 
@@ -234,7 +235,9 @@ export function RA_CountCharTokens() {
             total_tokens += Number(counter.text());
             permanent_tokens += isPermanent ? Number(counter.text()) : 0;
         } else {
-            const tokens = getTokenCount(value);
+            // We substitute macro for existing characters, but not for the character being created
+            const valueToCount = menu_type === 'create' ? value : substituteParams(value);
+            const tokens = getTokenCount(valueToCount);
             counter.text(tokens);
             total_tokens += tokens;
             permanent_tokens += isPermanent ? tokens : 0;
@@ -264,11 +267,11 @@ async function RA_autoloadchat() {
         let active_character_id = Object.keys(characters).find(key => characters[key].avatar === active_character);
 
         if (active_character_id !== null) {
-            selectCharacterById(String(active_character_id));
+            await selectCharacterById(String(active_character_id));
         }
 
         if (active_group != null) {
-            openGroupById(String(active_group));
+            await openGroupById(String(active_group));
         }
 
         // if the character list hadn't been loaded yet, try again.
@@ -368,7 +371,7 @@ function RA_checkOnlineStatus() {
         connection_made = false;
     } else {
         if (online_status !== undefined && online_status !== "no_connection") {
-            $("#send_textarea").attr("placeholder", `Type a message, or /? for command list`); //on connect, placeholder tells user to type message
+            $("#send_textarea").attr("placeholder", `Type a message, or /? for help`); //on connect, placeholder tells user to type message
             $('#send_form').removeClass("no-connection");
             $("#API-status-top").removeClass("fa-plug-circle-exclamation redOverlayGlow");
             $("#API-status-top").addClass("fa-plug");
@@ -394,18 +397,21 @@ function RA_autoconnect(PrevApi) {
     if (online_status === "no_connection" && LoadLocalBool('AutoConnectEnabled')) {
         switch (main_api) {
             case 'kobold':
-                if (api_server && isUrlOrAPIKey(api_server)) {
-                    $("#api_button").click();
+                if (api_server && isValidUrl(api_server)) {
+                    $("#api_button").trigger('click');
                 }
                 break;
             case 'novel':
                 if (secret_state[SECRET_KEYS.NOVEL]) {
-                    $("#api_button_novel").click();
+                    $("#api_button_novel").trigger('click');
                 }
                 break;
             case 'textgenerationwebui':
-                if (api_server_textgenerationwebui && isUrlOrAPIKey(api_server_textgenerationwebui)) {
-                    $("#api_button_textgenerationwebui").click();
+                if (isMancer() && secret_state[SECRET_KEYS.MANCER]) {
+                    $("#api_button_textgenerationwebui").trigger('click');
+                }
+                else if (api_server_textgenerationwebui && isValidUrl(api_server_textgenerationwebui)) {
+                    $("#api_button_textgenerationwebui").trigger('click');
                 }
                 break;
             case 'openai':
@@ -417,7 +423,7 @@ function RA_autoconnect(PrevApi) {
                     || (secret_state[SECRET_KEYS.AI21] && oai_settings.chat_completion_source == chat_completion_sources.AI21)
                     || (secret_state[SECRET_KEYS.PALM] && oai_settings.chat_completion_source == chat_completion_sources.PALM)
                 ) {
-                    $("#api_button_openai").click();
+                    $("#api_button_openai").trigger('click');
                 }
                 break;
         }
@@ -425,8 +431,8 @@ function RA_autoconnect(PrevApi) {
         if (!connection_made) {
             RA_AC_retries++;
             retry_delay = Math.min(retry_delay * 2, 30000); // double retry delay up to to 30 secs
-            //console.log('connection attempts: ' + RA_AC_retries + ' delay: ' + (retry_delay / 1000) + 's');
-            setTimeout(RA_autoconnect, retry_delay);
+            // console.log('connection attempts: ' + RA_AC_retries + ' delay: ' + (retry_delay / 1000) + 's');
+            // setTimeout(RA_autoconnect, retry_delay);
         }
     }
 }
@@ -890,13 +896,19 @@ export function initRossMods() {
         const originalScrollBottom = chatBlock[0].scrollHeight - (chatBlock.scrollTop() + chatBlock.outerHeight());
         this.style.height = window.getComputedStyle(this).getPropertyValue('min-height');
         this.style.height = (this.scrollHeight) + 'px';
-        const newScrollTop = chatBlock[0].scrollHeight - (chatBlock.outerHeight() + originalScrollBottom);
+        const newScrollTop = Math.round(chatBlock[0].scrollHeight - (chatBlock.outerHeight() + originalScrollBottom));
         chatBlock.scrollTop(newScrollTop);
     });
 
     //Regenerate if user swipes on the last mesage in chat
 
     document.addEventListener('swiped-left', function (e) {
+        if (power_user.gestures === false) {
+            return
+        }
+        if ($(".mes_edit_buttons, .drawer-content, #character_popup, #dialogue_popup, #WorldInfo, #right-nav-panel, #left-nav-panel, #select_chat_popup, #floatingPrompt").is(":visible")) {
+            return
+        }
         var SwipeButR = $('.swipe_right:last');
         var SwipeTargetMesClassParent = $(e.target).closest('.last_mes');
         if (SwipeTargetMesClassParent !== null) {
@@ -906,6 +918,12 @@ export function initRossMods() {
         }
     });
     document.addEventListener('swiped-right', function (e) {
+        if (power_user.gestures === false) {
+            return
+        }
+        if ($(".mes_edit_buttons, .drawer-content, #character_popup, #dialogue_popup, #WorldInfo, #right-nav-panel, #left-nav-panel, #select_chat_popup, #floatingPrompt").is(":visible")) {
+            return
+        }
         var SwipeButL = $('.swipe_left:last');
         var SwipeTargetMesClassParent = $(e.target).closest('.last_mes');
         if (SwipeTargetMesClassParent !== null) {

public/scripts/authors-note.js

@@ -235,6 +235,7 @@ function loadSettings() {
     chat_metadata[metadata_keys.depth] = chat_metadata[metadata_keys.depth] ?? extension_settings.note.defaultDepth ?? DEFAULT_DEPTH;
     $('#extension_floating_prompt').val(chat_metadata[metadata_keys.prompt]);
     $('#extension_floating_interval').val(chat_metadata[metadata_keys.interval]);
+    $('#extension_floating_allow_wi_scan').prop('checked', extension_settings.note.allowWIScan ?? false);
     $('#extension_floating_depth').val(chat_metadata[metadata_keys.depth]);
     $(`input[name="extension_floating_position"][value="${chat_metadata[metadata_keys.position]}"]`).prop('checked', true);
 
@@ -389,6 +390,11 @@ function onChatChanged() {
     $('#extension_floating_default_token_counter').text(tokenCounter3);
 }
 
+function onAllowWIScanCheckboxChanged() {
+    extension_settings.note.allowWIScan = !!$(this).prop('checked');
+    updateSettings();
+}
+
 /**
  * Inject author's note options and setup event listeners.
  */
@@ -402,6 +408,7 @@ export function initAuthorsNote() {
     $('#extension_floating_default').on('input', onExtensionFloatingDefaultInput);
     $('#extension_default_depth').on('input', onDefaultDepthInput);
     $('#extension_default_interval').on('input', onDefaultIntervalInput);
+    $('#extension_floating_allow_wi_scan').on('input', onAllowWIScanCheckboxChanged);
     $('input[name="extension_floating_position"]').on('change', onExtensionFloatingPositionInput);
     $('input[name="extension_default_position"]').on('change', onDefaultPositionInput);
     $('input[name="extension_floating_char_position"]').on('change', onExtensionFloatingCharPositionInput);

public/scripts/backgrounds.js

@@ -0,0 +1,488 @@
+import { callPopup, chat_metadata, eventSource, event_types, generateQuietPrompt, getCurrentChatId, getRequestHeaders, getThumbnailUrl } from "../script.js";
+import { saveMetadataDebounced } from "./extensions.js";
+import { registerSlashCommand } from "./slash-commands.js";
+import { stringFormat } from "./utils.js";
+
+const BG_METADATA_KEY = 'custom_background';
+const LIST_METADATA_KEY = 'chat_backgrounds';
+
+/**
+ * Sets the background for the current chat and adds it to the list of custom backgrounds.
+ * @param {{url: string, path:string}} backgroundInfo
+ */
+function forceSetBackground(backgroundInfo) {
+    saveBackgroundMetadata(backgroundInfo.url);
+    setCustomBackground();
+
+    const list = chat_metadata[LIST_METADATA_KEY] || [];
+    const bg = backgroundInfo.path;
+    list.push(bg);
+    chat_metadata[LIST_METADATA_KEY] = list;
+    saveMetadataDebounced();
+    getChatBackgroundsList();
+    highlightNewBackground(bg);
+    highlightLockedBackground();
+}
+
+async function onChatChanged() {
+    if (hasCustomBackground()) {
+        setCustomBackground();
+    }
+    else {
+        unsetCustomBackground();
+    }
+
+    getChatBackgroundsList();
+    highlightLockedBackground();
+}
+
+function getChatBackgroundsList() {
+    const list = chat_metadata[LIST_METADATA_KEY];
+    const listEmpty = !Array.isArray(list) || list.length === 0;
+
+    $('#bg_custom_content').empty();
+    $('#bg_chat_hint').toggle(listEmpty);
+
+    if (listEmpty) {
+        return;
+    }
+
+    for (const bg of list) {
+        const template = getBackgroundFromTemplate(bg, true);
+        $('#bg_custom_content').append(template);
+    }
+}
+
+function getBackgroundPath(fileUrl) {
+    return `backgrounds/${fileUrl}`;
+}
+
+function highlightLockedBackground() {
+    $('.bg_example').removeClass('locked');
+
+    const lockedBackground = chat_metadata[BG_METADATA_KEY];
+
+    if (!lockedBackground) {
+        return;
+    }
+
+    $(`.bg_example`).each(function () {
+        const url = $(this).data('url');
+        if (url === lockedBackground) {
+            $(this).addClass('locked');
+        }
+    });
+}
+
+function onLockBackgroundClick(e) {
+    e.stopPropagation();
+
+    const chatName = getCurrentChatId();
+
+    if (!chatName) {
+        toastr.warning('Select a chat to lock the background for it');
+        return;
+    }
+
+    const relativeBgImage = getUrlParameter(this);
+
+    saveBackgroundMetadata(relativeBgImage);
+    setCustomBackground();
+    highlightLockedBackground();
+}
+
+function onUnlockBackgroundClick(e) {
+    e.stopPropagation();
+    removeBackgroundMetadata();
+    unsetCustomBackground();
+    highlightLockedBackground();
+}
+
+function hasCustomBackground() {
+    return chat_metadata[BG_METADATA_KEY];
+}
+
+function saveBackgroundMetadata(file) {
+    chat_metadata[BG_METADATA_KEY] = file;
+    saveMetadataDebounced();
+}
+
+function removeBackgroundMetadata() {
+    delete chat_metadata[BG_METADATA_KEY];
+    saveMetadataDebounced();
+}
+
+function setCustomBackground() {
+    const file = chat_metadata[BG_METADATA_KEY];
+
+    // bg already set
+    if (document.getElementById("bg_custom").style.backgroundImage == file) {
+        return;
+    }
+
+    $("#bg_custom").css("background-image", file);
+}
+
+function unsetCustomBackground() {
+    $("#bg_custom").css("background-image", 'none');
+}
+
+function onSelectBackgroundClick() {
+    const isCustom = $(this).attr('custom') === 'true';
+    const relativeBgImage = getUrlParameter(this);
+
+    // if clicked on upload button
+    if (!relativeBgImage) {
+        return;
+    }
+
+    // Automatically lock the background if it's custom or other background is locked
+    if (hasCustomBackground() || isCustom) {
+        saveBackgroundMetadata(relativeBgImage);
+        setCustomBackground();
+        highlightLockedBackground();
+    } else {
+        highlightLockedBackground();
+    }
+
+    const customBg = window.getComputedStyle(document.getElementById('bg_custom')).backgroundImage;
+
+    // Custom background is set. Do not override the layer below
+    if (customBg !== 'none') {
+        return;
+    }
+
+    const bgFile = $(this).attr("bgfile");
+    const backgroundUrl = getBackgroundPath(bgFile);
+
+    // Fetching to browser memory to reduce flicker
+    fetch(backgroundUrl).then(() => {
+        $("#bg1").css("background-image", relativeBgImage);
+        setBackground(bgFile);
+    }).catch(() => {
+        console.log('Background could not be set: ' + backgroundUrl);
+    });
+}
+
+async function onCopyToSystemBackgroundClick(e) {
+    e.stopPropagation();
+    const bgNames = await getNewBackgroundName(this);
+
+    if (!bgNames) {
+        return;
+    }
+
+    const bgFile = await fetch(bgNames.oldBg);
+
+    if (!bgFile.ok) {
+        toastr.warning('Failed to copy background');
+        return;
+    }
+
+    const blob = await bgFile.blob();
+    const file = new File([blob], bgNames.newBg);
+    const formData = new FormData();
+    formData.set('avatar', file);
+
+    uploadBackground(formData);
+
+    const list = chat_metadata[LIST_METADATA_KEY] || [];
+    const index = list.indexOf(bgNames.oldBg);
+    list.splice(index, 1);
+    saveMetadataDebounced();
+    getChatBackgroundsList();
+}
+
+/**
+ * Gets the new background name from the user.
+ * @param {Element} referenceElement
+ * @returns {Promise<{oldBg: string, newBg: string}>}
+ * */
+async function getNewBackgroundName(referenceElement) {
+    const exampleBlock = $(referenceElement).closest('.bg_example');
+    const isCustom = exampleBlock.attr('custom') === 'true';
+    const oldBg = exampleBlock.attr('bgfile');
+
+    if (!oldBg) {
+        console.debug('no bgfile');
+        return;
+    }
+
+    const fileExtension = oldBg.split('.').pop();
+    const fileNameBase = isCustom ? oldBg.split('/').pop() : oldBg;
+    const oldBgExtensionless = fileNameBase.replace(`.${fileExtension}`, '');
+    const newBgExtensionless = await callPopup('<h3>Enter new background name:</h3>', 'input', oldBgExtensionless);
+
+    if (!newBgExtensionless) {
+        console.debug('no new_bg_extensionless');
+        return;
+    }
+
+    const newBg = `${newBgExtensionless}.${fileExtension}`;
+
+    if (oldBgExtensionless === newBgExtensionless) {
+        console.debug('new_bg === old_bg');
+        return;
+    }
+
+    return { oldBg, newBg };
+}
+
+async function onRenameBackgroundClick(e) {
+    e.stopPropagation();
+
+    const bgNames = await getNewBackgroundName(this);
+
+    if (!bgNames) {
+        return;
+    }
+
+    const data = { old_bg: bgNames.oldBg, new_bg: bgNames.newBg };
+    const response = await fetch('/renamebackground', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        body: JSON.stringify(data),
+        cache: 'no-cache',
+    });
+
+    if (response.ok) {
+        await getBackgrounds();
+        highlightNewBackground(bgNames.newBg);
+    } else {
+        toastr.warning('Failed to rename background');
+    }
+}
+
+async function onDeleteBackgroundClick(e) {
+    e.stopPropagation();
+    const bgToDelete = $(this).closest('.bg_example');
+    const url = bgToDelete.data('url');
+    const isCustom = bgToDelete.attr('custom') === 'true';
+    const confirm = await callPopup("<h3>Delete the background?</h3>", 'confirm');
+    const bg = bgToDelete.attr('bgfile');
+
+    if (confirm) {
+        // If it's not custom, it's a built-in background. Delete it from the server
+        if (!isCustom) {
+            delBackground(bg);
+        } else {
+            const list = chat_metadata[LIST_METADATA_KEY] || [];
+            const index = list.indexOf(bg);
+            list.splice(index, 1);
+        }
+
+        const siblingSelector = '.bg_example:not(#form_bg_download)';
+        const nextBg = bgToDelete.next(siblingSelector);
+        const prevBg = bgToDelete.prev(siblingSelector);
+        const anyBg = $(siblingSelector);
+
+        if (nextBg.length > 0) {
+            nextBg.trigger('click');
+        } else if (prevBg.length > 0) {
+            prevBg.trigger('click');
+        } else {
+            $(anyBg[Math.floor(Math.random() * anyBg.length)]).trigger('click');
+        }
+
+        bgToDelete.remove();
+
+        if (url === chat_metadata[BG_METADATA_KEY]) {
+            removeBackgroundMetadata();
+            unsetCustomBackground();
+            highlightLockedBackground();
+        }
+
+        if (isCustom) {
+            getChatBackgroundsList();
+            saveMetadataDebounced();
+        }
+    }
+}
+
+const autoBgPrompt = `Pause your roleplay and choose a location ONLY from the provided list that is the most suitable for the current scene. Do not output any other text:\n{0}`;
+
+async function autoBackgroundCommand() {
+    /** @type {HTMLElement[]} */
+    const bgTitles = Array.from(document.querySelectorAll('#bg_menu_content .BGSampleTitle'));
+    const options = bgTitles.map(x => ({ element: x, text: x.innerText.trim() })).filter(x => x.text.length > 0);
+    if (options.length == 0) {
+        toastr.warning('No backgrounds to choose from. Please upload some images to the "backgrounds" folder.');
+        return;
+    }
+
+    const list = options.map(option => `- ${option.text}`).join('\n');
+    const prompt = stringFormat(autoBgPrompt, list);
+    const reply = await generateQuietPrompt(prompt, false, false);
+    const fuse = new Fuse(options, { keys: ['text'] });
+    const bestMatch = fuse.search(reply, { limit: 1 });
+
+    if (bestMatch.length == 0) {
+        toastr.warning('No match found. Please try again.');
+        return;
+    }
+
+    console.debug('Automatically choosing background:', bestMatch);
+    bestMatch[0].item.element.click();
+}
+
+export async function getBackgrounds() {
+    const response = await fetch("/getbackgrounds", {
+        method: "POST",
+        headers: getRequestHeaders(),
+        body: JSON.stringify({
+            "": "",
+        }),
+    });
+    if (response.ok === true) {
+        const getData = await response.json();
+        //background = getData;
+        //console.log(getData.length);
+        $("#bg_menu_content").children('div').remove();
+        for (const bg of getData) {
+            const template = getBackgroundFromTemplate(bg, false);
+            $("#bg_menu_content").append(template);
+        }
+    }
+}
+
+/**
+ * Gets the URL of the background
+ * @param {Element} block
+ * @returns {string} URL of the background
+ */
+function getUrlParameter(block) {
+    return $(block).closest(".bg_example").data("url");
+}
+
+/**
+ * Instantiates a background template
+ * @param {string} bg Path to background
+ * @param {boolean} isCustom Whether the background is custom
+ * @returns {JQuery<HTMLElement>} Background template
+ */
+function getBackgroundFromTemplate(bg, isCustom) {
+    const template = $('#background_template .bg_example').clone();
+    const thumbPath = isCustom ? bg : getThumbnailUrl('bg', bg);
+    const url = isCustom ? `url("${encodeURI(bg)}")` : `url("${getBackgroundPath(bg)}")`;
+    const title = isCustom ? bg.split('/').pop() : bg;
+    const friendlyTitle = title.slice(0, title.lastIndexOf('.'));
+    template.attr('title', title);
+    template.attr('bgfile', bg);
+    template.attr('custom', String(isCustom));
+    template.data('url', url);
+    template.css('background-image', `url('${thumbPath}')`);
+    template.find('.BGSampleTitle').text(friendlyTitle);
+    return template;
+}
+
+async function setBackground(bg) {
+    jQuery.ajax({
+        type: "POST", //
+        url: "/setbackground", //
+        data: JSON.stringify({
+            bg: bg,
+        }),
+        beforeSend: function () {
+
+        },
+        cache: false,
+        dataType: "json",
+        contentType: "application/json",
+        //processData: false,
+        success: function (html) { },
+        error: function (jqXHR, exception) {
+            console.log(exception);
+            console.log(jqXHR);
+        },
+    });
+}
+
+async function delBackground(bg) {
+    const response = await fetch("/delbackground", {
+        method: "POST",
+        headers: getRequestHeaders(),
+        body: JSON.stringify({
+            bg: bg,
+        }),
+    });
+}
+
+function onBackgroundUploadSelected() {
+    const form = $("#form_bg_download").get(0);
+
+    if (!(form instanceof HTMLFormElement)) {
+        console.error('form_bg_download is not a form');
+        return;
+    }
+
+    const formData = new FormData(form);
+    uploadBackground(formData);
+    form.reset();
+}
+
+/**
+ * Uploads a background to the server
+ * @param {FormData} formData
+ */
+function uploadBackground(formData) {
+    jQuery.ajax({
+        type: "POST",
+        url: "/downloadbackground",
+        data: formData,
+        beforeSend: function () {
+        },
+        cache: false,
+        contentType: false,
+        processData: false,
+        success: async function (bg) {
+            setBackground(bg);
+            $("#bg1").css("background-image", `url("${getBackgroundPath(bg)}"`);
+            await getBackgrounds();
+            highlightNewBackground(bg);
+        },
+        error: function (jqXHR, exception) {
+            console.log(exception);
+            console.log(jqXHR);
+        },
+    });
+}
+
+/**
+ * @param {string} bg
+ */
+function highlightNewBackground(bg) {
+    const newBg = $(`.bg_example[bgfile="${bg}"]`);
+    const scrollOffset = newBg.offset().top - newBg.parent().offset().top;
+    $('#Backgrounds').scrollTop(scrollOffset);
+    newBg.addClass('flash animated');
+    setTimeout(() => newBg.removeClass('flash animated'), 2000);
+}
+
+function onBackgroundFilterInput() {
+    const filterValue = String($(this).val()).toLowerCase();
+    $("#bg_menu_content > div").each(function () {
+        const $bgContent = $(this);
+        if ($bgContent.attr("title").toLowerCase().includes(filterValue)) {
+            $bgContent.show();
+        } else {
+            $bgContent.hide();
+        }
+    });
+}
+
+export function initBackgrounds() {
+    eventSource.on(event_types.CHAT_CHANGED, onChatChanged);
+    eventSource.on(event_types.FORCE_SET_BACKGROUND, forceSetBackground);
+    $(document).on("click", '.bg_example', onSelectBackgroundClick);
+    $(document).on('click', '.bg_example_lock', onLockBackgroundClick);
+    $(document).on('click', '.bg_example_unlock', onUnlockBackgroundClick);
+    $(document).on('click', '.bg_example_edit', onRenameBackgroundClick);
+    $(document).on("click", '.bg_example_cross', onDeleteBackgroundClick);
+    $(document).on("click", '.bg_example_copy', onCopyToSystemBackgroundClick);
+    $('#auto_background').on("click", autoBackgroundCommand);
+    $("#add_bg_button").on('change', onBackgroundUploadSelected);
+    $("#bg-filter").on("input", onBackgroundFilterInput);
+    registerSlashCommand('lockbg', onLockBackgroundClick, ['bglock'], "– locks a background for the currently selected chat", true, true);
+    registerSlashCommand('unlockbg', onUnlockBackgroundClick, ['bgunlock'], '– unlocks a background for the currently selected chat', true, true);
+    registerSlashCommand('autobg', autoBackgroundCommand, ['bgauto'], '– automatically changes the background based on the chat context using the AI request prompt', true, true);
+}

public/scripts/bulk-edit.js

@@ -1,24 +1,44 @@
-import { characters, getCharacters, handleDeleteCharacter, callPopup } from "../../../script.js";
+import { characters, getCharacters, handleDeleteCharacter, callPopup } from "../script.js";
+import {BulkEditOverlay, BulkEditOverlayState} from "./BulkEditOverlay.js";
+
 
 let is_bulk_edit = false;
 
+const enableBulkEdit = () => {
+    enableBulkSelect();
+    (new BulkEditOverlay()).selectState();
+    // show the delete button
+    $("#bulkDeleteButton").show();
+    is_bulk_edit = true;
+}
+
+const disableBulkEdit = () => {
+    disableBulkSelect();
+    (new BulkEditOverlay()).browseState();
+    // hide the delete button
+    $("#bulkDeleteButton").hide();
+    is_bulk_edit = false;
+}
+
+const toggleBulkEditMode = (isBulkEdit) => {
+    if (isBulkEdit) {
+        disableBulkEdit();
+    } else {
+        enableBulkEdit();
+    }
+}
+
+(new BulkEditOverlay()).addStateChangeCallback((state) => {
+    if (state === BulkEditOverlayState.select) enableBulkEdit();
+    if (state === BulkEditOverlayState.browse) disableBulkEdit();
+});
+
 /**
  * Toggles bulk edit mode on/off when the edit button is clicked.
  */
 function onEditButtonClick() {
     console.log("Edit button clicked");
-    // toggle bulk edit mode
-    if (is_bulk_edit) {
-        disableBulkSelect();
-        // hide the delete button
-        $("#bulkDeleteButton").hide();
-        is_bulk_edit = false;
-    } else {
-        enableBulkSelect();
-        // show the delete button
-        $("#bulkDeleteButton").show();
-        is_bulk_edit = true;
-    }
+    toggleBulkEditMode(is_bulk_edit);
 }
 
 /**
@@ -64,23 +84,6 @@ async function onDeleteButtonClick() {
     }
 }
 
-/**
- * Adds the bulk edit and delete buttons to the UI.
- */
-function addButtons() {
-    const editButton = $(
-        "<i id='bulkEditButton' class='fa-solid fa-edit menu_button bulkEditButton' title='Bulk edit characters'></i>"
-    );
-    const deleteButton = $(
-        "<i id='bulkDeleteButton' class='fa-solid fa-trash menu_button bulkDeleteButton' title='Bulk delete characters' style='display: none;'></i>"
-    );
-
-    $("#charListGridToggle").after(editButton, deleteButton);
-
-    $("#bulkEditButton").on("click", onEditButtonClick);
-    $("#bulkDeleteButton").on("click", onDeleteButtonClick);
-}
-
 /**
  * Enables bulk selection by adding a checkbox next to each character.
  */
@@ -111,7 +114,7 @@ function disableBulkSelect() {
 /**
  * Entry point that runs on page load.
  */
-jQuery(async () => {
-    addButtons();
-    // loadSettings();
+jQuery(() => {
+    $("#bulkEditButton").on("click", onEditButtonClick);
+    $("#bulkDeleteButton").on("click", onDeleteButtonClick);
 });

public/scripts/cfg-scale.js

@@ -1,19 +1,17 @@
 import {
     chat_metadata,
+    substituteParams,
+    this_chid,
     eventSource,
     event_types,
     saveSettingsDebounced,
-    this_chid,
-} from "../../../script.js";
-import { selected_group } from "../../group-chats.js";
-import { extension_settings, saveMetadataDebounced } from "../../extensions.js";
-import { getCharaFilename, delay } from "../../utils.js";
-import { power_user } from "../../power-user.js";
-import { metadataKeys } from "./util.js";
+} from "../script.js";
+import { extension_settings, saveMetadataDebounced } from "./extensions.js"
+import { selected_group } from "./group-chats.js";
+import { getCharaFilename, delay } from "./utils.js";
+import { power_user } from "./power-user.js";
 
-// Keep track of where your extension is located, name should match repo name
-const extensionName = "cfg";
-const extensionFolderPath = `scripts/extensions/${extensionName}`;
+const extensionName = 'cfg';
 const defaultSettings = {
     global: {
         "guidance_scale": 1,
@@ -180,7 +178,7 @@ async function modifyCharaHtml() {
 function loadSettings() {
     // Set chat CFG if it exists
     $('#chat_cfg_guidance_scale').val(chat_metadata[metadataKeys.guidance_scale] ?? 1.0.toFixed(2));
-    $('#chat_cfg_guidance_scale_counter').text(chat_metadata[metadataKeys.guidance_scale]?.toFixed(2) ?? 1.0.toFixed(2));
+    $('#chat_cfg_guidance_scale_counter').val(chat_metadata[metadataKeys.guidance_scale]?.toFixed(2) ?? 1.0.toFixed(2));
     $('#chat_cfg_negative_prompt').val(chat_metadata[metadataKeys.negative_prompt] ?? '');
     $('#chat_cfg_positive_prompt').val(chat_metadata[metadataKeys.positive_prompt] ?? '');
     $('#groupchat_cfg_use_chara').prop('checked', chat_metadata[metadataKeys.groupchat_individual_chars] ?? false);
@@ -199,7 +197,7 @@ function loadSettings() {
         if (!promptSeparator.startsWith(`"`)) {
             promptSeparatorDisplay.unshift(`"`);
         }
-    
+
         if (!promptSeparator.endsWith(`"`)) {
             promptSeparatorDisplay.push(`"`);
         }
@@ -213,7 +211,7 @@ function loadSettings() {
     if (!selected_group) {
         const charaCfg = extension_settings.cfg.chara.find((e) => e.name === getCharaFilename());
         $('#chara_cfg_guidance_scale').val(charaCfg?.guidance_scale ?? 1.00);
-        $('#chara_cfg_guidance_scale_counter').text(charaCfg?.guidance_scale?.toFixed(2) ?? 1.0.toFixed(2));
+        $('#chara_cfg_guidance_scale_counter').val(charaCfg?.guidance_scale?.toFixed(2) ?? 1.0.toFixed(2));
         $('#chara_cfg_negative_prompt').val(charaCfg?.negative_prompt ?? '');
         $('#chara_cfg_positive_prompt').val(charaCfg?.positive_prompt ?? '');
     }
@@ -230,7 +228,7 @@ async function initialLoadSettings() {
 
     // Set global CFG values on load
     $('#global_cfg_guidance_scale').val(extension_settings.cfg.global.guidance_scale);
-    $('#global_cfg_guidance_scale_counter').text(extension_settings.cfg.global.guidance_scale.toFixed(2));
+    $('#global_cfg_guidance_scale_counter').val(extension_settings.cfg.global.guidance_scale.toFixed(2));
     $('#global_cfg_negative_prompt').val(extension_settings.cfg.global.negative_prompt);
     $('#global_cfg_positive_prompt').val(extension_settings.cfg.global.positive_prompt);
 }
@@ -279,14 +277,8 @@ function migrateSettings() {
 }
 
 // This function is called when the extension is loaded
-jQuery(async () => {
-    // This is an example of loading HTML from a file
-    const windowHtml = $(await $.get(`${extensionFolderPath}/window.html`));
-
-    // Append settingsHtml to extensions_settings
-    // extension_settings and extensions_settings2 are the left and right columns of the settings menu
-    // Left should be extensions that deal with system functions and right should be visual/UI related 
-    windowHtml.find('#CFGClose').on('click', function () {
+export function initCfg() {
+    $('#CFGClose').on('click', function () {
         $("#cfgConfig").transition({
             opacity: 0,
             duration: 200,
@@ -295,58 +287,58 @@ jQuery(async () => {
         setTimeout(function () { $('#cfgConfig').hide() }, 200);
     });
 
-    windowHtml.find('#chat_cfg_guidance_scale').on('input', function() {
+    $('#chat_cfg_guidance_scale').on('input', function() {
         const numberValue = Number($(this).val());
         const success = setChatCfg(numberValue, settingType.guidance_scale);
         if (success) {
-            $('#chat_cfg_guidance_scale_counter').text(numberValue.toFixed(2));
+            $('#chat_cfg_guidance_scale_counter').val(numberValue.toFixed(2));
         }
     });
 
-    windowHtml.find('#chat_cfg_negative_prompt').on('input', function() {
+    $('#chat_cfg_negative_prompt').on('input', function() {
         setChatCfg($(this).val(), settingType.negative_prompt);
     });
 
-    windowHtml.find('#chat_cfg_positive_prompt').on('input', function() {
+    $('#chat_cfg_positive_prompt').on('input', function() {
         setChatCfg($(this).val(), settingType.positive_prompt);
     });
 
-    windowHtml.find('#chara_cfg_guidance_scale').on('input', function() {
+    $('#chara_cfg_guidance_scale').on('input', function() {
         const value = $(this).val();
         const success = setCharCfg(value, settingType.guidance_scale);
         if (success) {
-            $('#chara_cfg_guidance_scale_counter').text(Number(value).toFixed(2));
+            $('#chara_cfg_guidance_scale_counter').val(Number(value).toFixed(2));
         }
     });
 
-    windowHtml.find('#chara_cfg_negative_prompt').on('input', function() {
+    $('#chara_cfg_negative_prompt').on('input', function() {
         setCharCfg($(this).val(), settingType.negative_prompt);
     });
 
-    windowHtml.find('#chara_cfg_positive_prompt').on('input', function() {
+    $('#chara_cfg_positive_prompt').on('input', function() {
         setCharCfg($(this).val(), settingType.positive_prompt);
     });
 
-    windowHtml.find('#global_cfg_guidance_scale').on('input', function() {
+    $('#global_cfg_guidance_scale').on('input', function() {
         extension_settings.cfg.global.guidance_scale = Number($(this).val());
-        $('#global_cfg_guidance_scale_counter').text(extension_settings.cfg.global.guidance_scale.toFixed(2));
+        $('#global_cfg_guidance_scale_counter').val(extension_settings.cfg.global.guidance_scale.toFixed(2));
         saveSettingsDebounced();
     });
 
-    windowHtml.find('#global_cfg_negative_prompt').on('input', function() {
+    $('#global_cfg_negative_prompt').on('input', function() {
         extension_settings.cfg.global.negative_prompt = $(this).val();
         saveSettingsDebounced();
     });
 
-    windowHtml.find('#global_cfg_positive_prompt').on('input', function() {
+    $('#global_cfg_positive_prompt').on('input', function() {
         extension_settings.cfg.global.positive_prompt = $(this).val();
         saveSettingsDebounced();
     });
 
-    windowHtml.find(`input[name="cfg_prompt_combine"]`).on('input', function() {
-        const values = windowHtml.find(`input[name="cfg_prompt_combine"]`)
+    $(`input[name="cfg_prompt_combine"]`).on('input', function() {
+        const values = $('#cfgConfig').find(`input[name="cfg_prompt_combine"]`)
             .filter(":checked")
-            .map(function() { return parseInt($(this).val()) })
+            .map(function() { return Number($(this).val()) })
             .get()
             .filter((e) => !Number.isNaN(e)) || [];
 
@@ -354,17 +346,17 @@ jQuery(async () => {
         saveMetadataDebounced();
     });
 
-    windowHtml.find(`#cfg_prompt_insertion_depth`).on('input', function() {
+    $(`#cfg_prompt_insertion_depth`).on('input', function() {
         chat_metadata[metadataKeys.prompt_insertion_depth] = Number($(this).val());
         saveMetadataDebounced();
     });
 
-    windowHtml.find(`#cfg_prompt_separator`).on('input', function() {
+    $(`#cfg_prompt_separator`).on('input', function() {
         chat_metadata[metadataKeys.prompt_separator] = $(this).val();
         saveMetadataDebounced();
     });
 
-    windowHtml.find('#groupchat_cfg_use_chara').on('input', function() {
+    $('#groupchat_cfg_use_chara').on('input', function() {
         const checked = !!$(this).prop('checked');
         chat_metadata[metadataKeys.groupchat_individual_chars] = checked
 
@@ -375,20 +367,126 @@ jQuery(async () => {
         saveMetadataDebounced();
     });
 
-    $("#movingDivs").append(windowHtml);
-
     initialLoadSettings();
 
     if (extension_settings.cfg) {
         migrateSettings();
     }
 
-    const buttonHtml = $(await $.get(`${extensionFolderPath}/menuButton.html`));
-    buttonHtml.on('click', onCfgMenuItemClick)
-    buttonHtml.appendTo("#options_advanced");
+    $('#option_toggle_CFG').on('click', onCfgMenuItemClick);
 
     // Hook events
     eventSource.on(event_types.CHAT_CHANGED, async () => {
         await onChatChanged();
     });
-});
+}
+
+export const cfgType = {
+    chat: 0,
+    chara: 1,
+    global: 2
+}
+
+export const metadataKeys = {
+    guidance_scale: "cfg_guidance_scale",
+    negative_prompt: "cfg_negative_prompt",
+    positive_prompt: "cfg_positive_prompt",
+    prompt_combine: "cfg_prompt_combine",
+    groupchat_individual_chars: "cfg_groupchat_individual_chars",
+    prompt_insertion_depth: "cfg_prompt_insertion_depth",
+    prompt_separator: "cfg_prompt_separator"
+}
+
+// Gets the CFG guidance scale
+// If the guidance scale is 1, ignore the CFG prompt(s) since it won't be used anyways
+export function getGuidanceScale() {
+    if (!extension_settings.cfg) {
+        console.warn("CFG extension is not enabled. Skipping CFG guidance.");
+        return;
+    }
+
+    const charaCfg = extension_settings.cfg.chara?.find((e) => e.name === getCharaFilename(this_chid));
+    const chatGuidanceScale = chat_metadata[metadataKeys.guidance_scale];
+    const groupchatCharOverride = chat_metadata[metadataKeys.groupchat_individual_chars] ?? false;
+
+    if (chatGuidanceScale && chatGuidanceScale !== 1 && !groupchatCharOverride) {
+        return {
+            type: cfgType.chat,
+            value: chatGuidanceScale
+        };
+    }
+
+    if ((!selected_group && charaCfg || groupchatCharOverride) && charaCfg?.guidance_scale !== 1) {
+        return {
+            type: cfgType.chara,
+            value: charaCfg.guidance_scale
+        };
+    }
+
+    if (extension_settings.cfg.global && extension_settings.cfg.global?.guidance_scale !== 1) {
+        return {
+            type: cfgType.global,
+            value: extension_settings.cfg.global.guidance_scale
+        };
+    }
+}
+
+/**
+ * Gets the CFG prompt separator.
+ * @returns {string} The CFG prompt separator
+ */
+function getCustomSeparator() {
+    const defaultSeparator = "\n";
+
+    try {
+        if (chat_metadata[metadataKeys.prompt_separator]) {
+            return JSON.parse(chat_metadata[metadataKeys.prompt_separator]);
+        }
+
+        return defaultSeparator;
+    } catch {
+        console.warn("Invalid JSON detected for prompt separator. Using default separator.");
+        return defaultSeparator;
+    }
+}
+
+// Gets the CFG prompt
+export function getCfgPrompt(guidanceScale, isNegative) {
+    let splitCfgPrompt = [];
+
+    const cfgPromptCombine = chat_metadata[metadataKeys.prompt_combine] ?? [];
+    if (guidanceScale.type === cfgType.chat || cfgPromptCombine.includes(cfgType.chat)) {
+        splitCfgPrompt.unshift(
+            substituteParams(
+                chat_metadata[isNegative ? metadataKeys.negative_prompt : metadataKeys.positive_prompt]
+            )
+        );
+    }
+
+    const charaCfg = extension_settings.cfg.chara?.find((e) => e.name === getCharaFilename(this_chid));
+    if (guidanceScale.type === cfgType.chara || cfgPromptCombine.includes(cfgType.chara)) {
+        splitCfgPrompt.unshift(
+            substituteParams(
+                isNegative ? charaCfg.negative_prompt : charaCfg.positive_prompt
+            )
+        );
+    }
+
+    if (guidanceScale.type === cfgType.global || cfgPromptCombine.includes(cfgType.global)) {
+        splitCfgPrompt.unshift(
+            substituteParams(
+                isNegative ? extension_settings.cfg.global.negative_prompt : extension_settings.cfg.global.positive_prompt
+            )
+        );
+    }
+
+    const customSeparator = getCustomSeparator();
+    const combinedCfgPrompt = splitCfgPrompt.filter((e) => e.length > 0).join(customSeparator);
+    const insertionDepth = chat_metadata[metadataKeys.prompt_insertion_depth] ?? 1;
+    console.log(`Setting CFG with guidance scale: ${guidanceScale.value}, negatives: ${combinedCfgPrompt}`);
+
+    return {
+        value: combinedCfgPrompt,
+        depth: insertionDepth
+    };
+}

public/scripts/chats.js

@@ -0,0 +1,288 @@
+// Move chat functions here from script.js (eventually)
+
+import {
+    addCopyToCodeBlocks,
+    appendMediaToMessage,
+    callPopup,
+    chat,
+    eventSource,
+    event_types,
+    getCurrentChatId,
+    hideSwipeButtons,
+    name2,
+    saveChatDebounced,
+    showSwipeButtons,
+} from "../script.js";
+import { getBase64Async, humanFileSize, saveBase64AsFile } from "./utils.js";
+
+const fileSizeLimit = 1024 * 1024 * 1; // 1 MB
+
+/**
+ * Mark message as hidden (system message).
+ * @param {number} messageId Message ID
+ * @param {JQuery<Element>} messageBlock Message UI element
+ * @returns
+ */
+export async function hideChatMessage(messageId, messageBlock) {
+    const chatId = getCurrentChatId();
+
+    if (!chatId || isNaN(messageId)) return;
+
+    const message = chat[messageId];
+
+    if (!message) return;
+
+    message.is_system = true;
+    messageBlock.attr('is_system', String(true));
+
+    // Reload swipes. Useful when a last message is hidden.
+    hideSwipeButtons();
+    showSwipeButtons();
+
+    saveChatDebounced();
+}
+
+/**
+ * Mark message as visible (non-system message).
+ * @param {number} messageId Message ID
+ * @param {JQuery<Element>} messageBlock Message UI element
+ * @returns
+ */
+export async function unhideChatMessage(messageId, messageBlock) {
+    const chatId = getCurrentChatId();
+
+    if (!chatId || isNaN(messageId)) return;
+
+    const message = chat[messageId];
+
+    if (!message) return;
+
+    message.is_system = false;
+    messageBlock.attr('is_system', String(false));
+
+    // Reload swipes. Useful when a last message is hidden.
+    hideSwipeButtons();
+    showSwipeButtons();
+
+    saveChatDebounced();
+}
+
+/**
+ * Adds a file attachment to the message.
+ * @param {object} message Message object
+ * @returns {Promise<void>}
+ */
+export async function populateFileAttachment(message, inputId = 'file_form_input') {
+    try {
+        if (!message) return;
+        if (!message.extra) message.extra = {};
+        const fileInput = document.getElementById(inputId);
+        if (!(fileInput instanceof HTMLInputElement)) return;
+        const file = fileInput.files[0];
+        if (!file) return;
+
+        // If file is image
+        if (file.type.startsWith('image/')) {
+            const base64Img = await getBase64Async(file);
+            const base64ImgData = base64Img.split(',')[1];
+            const extension = file.type.split('/')[1];
+            const imageUrl = await saveBase64AsFile(base64ImgData, name2, file.name, extension);
+            message.extra.image = imageUrl;
+            message.extra.inline_image = true;
+        } else {
+            const fileText = await file.text();
+            message.extra.file = {
+                text: fileText,
+                size: file.size,
+                name: file.name,
+            };
+        }
+
+    } catch (error) {
+        console.error('Could not upload file', error);
+    } finally {
+        $('#file_form').trigger('reset');
+    }
+}
+
+/**
+ * Validates file to make sure it is not binary or not image.
+ * @param {File} file File object
+ * @returns {Promise<boolean>} True if file is valid, false otherwise.
+ */
+async function validateFile(file) {
+    const fileText = await file.text();
+    const isImage = file.type.startsWith('image/');
+    const isBinary = /^[\x00-\x08\x0E-\x1F\x7F-\xFF]*$/.test(fileText);
+
+    if (!isImage && file.size > fileSizeLimit) {
+        toastr.error(`File is too big. Maximum size is ${humanFileSize(fileSizeLimit)}.`);
+        return false;
+    }
+
+    // If file is binary
+    if (isBinary && !isImage) {
+        toastr.error('Binary files are not supported. Select a text file or image.');
+        return false;
+    }
+
+    return true;
+}
+
+export function hasPendingFileAttachment() {
+    const fileInput = document.getElementById('file_form_input');
+    if (!(fileInput instanceof HTMLInputElement)) return false;
+    const file = fileInput.files[0];
+    return !!file;
+}
+
+/**
+ * Displays file information in the message sending form.
+ * @returns {Promise<void>}
+ */
+async function onFileAttach() {
+    const fileInput = document.getElementById('file_form_input');
+    if (!(fileInput instanceof HTMLInputElement)) return;
+    const file = fileInput.files[0];
+    if (!file) return;
+
+    const isValid = await validateFile(file);
+
+    // If file is binary
+    if (!isValid) {
+        $('#file_form').trigger('reset');
+        return;
+    }
+
+    $('#file_form .file_name').text(file.name);
+    $('#file_form .file_size').text(humanFileSize(file.size));
+    $('#file_form').removeClass('displayNone');
+
+    // Reset form on chat change
+    eventSource.once(event_types.CHAT_CHANGED, () => {
+        $('#file_form').trigger('reset');
+    });
+}
+
+/**
+ * Deletes file from message.
+ * @param {number} messageId Message ID
+ */
+async function deleteMessageFile(messageId) {
+    const confirm = await callPopup('Are you sure you want to delete this file?', 'confirm');
+
+    if (!confirm) {
+        console.debug('Delete file cancelled');
+        return;
+    }
+
+    const message = chat[messageId];
+
+    if (!message?.extra?.file) {
+        console.debug('Message has no file');
+        return;
+    }
+
+    delete message.extra.file;
+    $(`.mes[mesid="${messageId}"] .mes_file_container`).remove();
+    saveChatDebounced();
+}
+
+/**
+ * Opens file from message in a modal.
+ * @param {number} messageId Message ID
+ */
+async function viewMessageFile(messageId) {
+    const messageText = chat[messageId]?.extra?.file?.text;
+
+    if (!messageText) {
+        console.debug('Message has no file or it is empty');
+        return;
+    }
+
+    const modalTemplate = $('<div><pre><code></code></pre></div>');
+    modalTemplate.find('code').addClass('txt').text(messageText);
+    modalTemplate.addClass('file_modal');
+    addCopyToCodeBlocks(modalTemplate);
+
+    callPopup(modalTemplate, 'text');
+}
+
+
+/**
+ * Inserts a file embed into the message.
+ * @param {number} messageId
+ * @param {JQuery<HTMLElement>} messageBlock
+ * @returns {Promise<void>}
+ */
+function embedMessageFile(messageId, messageBlock) {
+    const message = chat[messageId];
+
+    if (!message) {
+        console.warn('Failed to find message with id', messageId);
+        return;
+    }
+
+    $('#embed_file_input')
+        .off('change')
+        .on('change', parseAndUploadEmbed)
+        .trigger('click');
+
+    async function parseAndUploadEmbed(e) {
+        const file = e.target.files[0];
+        if (!file) return;
+
+        const isValid = await validateFile(file);
+
+        if (!isValid) {
+            $('#file_form').trigger('reset');
+            return;
+        }
+
+        await populateFileAttachment(message, 'embed_file_input');
+        appendMediaToMessage(message, messageBlock);
+        saveChatDebounced();
+    }
+}
+
+jQuery(function () {
+    $(document).on('click', '.mes_hide', async function () {
+        const messageBlock = $(this).closest('.mes');
+        const messageId = Number(messageBlock.attr('mesid'));
+        await hideChatMessage(messageId, messageBlock);
+    });
+
+    $(document).on('click', '.mes_unhide', async function () {
+        const messageBlock = $(this).closest('.mes');
+        const messageId = Number(messageBlock.attr('mesid'));
+        await unhideChatMessage(messageId, messageBlock);
+    });
+
+    $(document).on('click', '.mes_file_delete', async function () {
+        const messageBlock = $(this).closest('.mes');
+        const messageId = Number(messageBlock.attr('mesid'));
+        await deleteMessageFile(messageId);
+    });
+
+    $(document).on('click', '.mes_file_open', async function () {
+        const messageBlock = $(this).closest('.mes');
+        const messageId = Number(messageBlock.attr('mesid'));
+        await viewMessageFile(messageId);
+    });
+
+    // Do not change. #attachFile is added by extension.
+    $(document).on('click', '#attachFile', function () {
+        $('#file_form_input').trigger('click');
+    });
+
+    $(document).on('click', '.mes_embed', function () {
+        const messageBlock = $(this).closest('.mes');
+        const messageId = Number(messageBlock.attr('mesid'));
+        embedMessageFile(messageId, messageBlock);
+    });
+
+    $('#file_form_input').on('change', onFileAttach);
+    $('#file_form').on('reset', function () {
+        $('#file_form').addClass('displayNone');
+    });
+})

public/scripts/extensions.js

@@ -1,4 +1,5 @@
-import { callPopup, eventSource, event_types, saveSettings, saveSettingsDebounced, getRequestHeaders, substituteParams, renderTemplate } from "../script.js";
+import { callPopup, eventSource, event_types, saveSettings, saveSettingsDebounced, getRequestHeaders, substituteParams, renderTemplate, animation_duration } from "../script.js";
+import { hideLoader, showLoader } from "./loader.js";
 import { isSubsetOf } from "./utils.js";
 export {
     getContext,
@@ -11,7 +12,7 @@ export {
     ModuleWorkerWrapper,
 };
 
-let extensionNames = [];
+export let extensionNames = [];
 let manifests = {};
 const defaultUrl = "http://localhost:5100";
 
@@ -102,7 +103,7 @@ class ModuleWorkerWrapper {
     }
 
     // Called by the extension
-    async update() {
+    async update(...args) {
         // Don't touch me I'm busy...
         if (this.isBusy) {
             return;
@@ -111,7 +112,7 @@ class ModuleWorkerWrapper {
         // I'm free. Let's update!
         try {
             this.isBusy = true;
-            await this.callback();
+            await this.callback(...args);
         }
         finally {
             this.isBusy = false;
@@ -123,6 +124,7 @@ const extension_settings = {
     apiUrl: defaultUrl,
     apiKey: '',
     autoConnect: false,
+    notifyUpdates: false,
     disabledExtensions: [],
     expressionOverrides: [],
     memory: {},
@@ -158,6 +160,9 @@ const extension_settings = {
     rvc: {},
     hypebot: {},
     vectors: {},
+    variables: {
+        global: {},
+    },
 };
 
 let modules = [];
@@ -342,31 +347,41 @@ function addExtensionsButtonAndMenu() {
 
     $(document.body).append(extensionsMenuHTML);
 
-    $('#send_but_sheld').prepend(buttonHTML);
+    $('#leftSendForm').prepend(buttonHTML);
 
     const button = $('#extensionsMenuButton');
     const dropdown = $('#extensionsMenu');
     //dropdown.hide();
 
     let popper = Popper.createPopper(button.get(0), dropdown.get(0), {
-        placement: 'top-end',
+        placement: 'top-start',
     });
 
     $(button).on('click', function () {
         popper.update()
-        dropdown.fadeIn(250);
+        if (!dropdown.is(':visible')) {
+            dropdown.fadeIn(animation_duration);
+        }
     });
 
     $("html").on('touchstart mousedown', function (e) {
-        let clickTarget = $(e.target);
-        if (dropdown.is(':visible')
-            && clickTarget.closest(button).length == 0
-            && clickTarget.closest(dropdown).length == 0) {
-            $(dropdown).fadeOut(250);
+        const clickTarget = $(e.target);
+        const noCloseTargets = ['#sd_gen'];
+        if (dropdown.is(':visible') && !noCloseTargets.some(id => clickTarget.closest(id).length > 0)) {
+            $(dropdown).fadeOut(animation_duration);
         }
     });
 }
 
+function notifyUpdatesInputHandler() {
+    extension_settings.notifyUpdates = !!$('#extensions_notify_updates').prop('checked');
+    saveSettingsDebounced();
+
+    if (extension_settings.notifyUpdates) {
+        checkForExtensionUpdates(true);
+    }
+}
+
 /*     $(document).on('click', function (e) {
         const target = $(e.target);
         if (target.is(dropdown)) return;
@@ -497,8 +512,8 @@ async function generateExtensionHtml(name, manifest, isActive, isDisabled, isExt
         isUpToDate = data.isUpToDate;
         displayVersion = ` (${branch}-${commitHash.substring(0, 7)})`;
         updateButton = isUpToDate ?
-            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Up to date"><i class="fa-solid fa-code-commit"></i></button></span>` :
-            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Update available"><i class="fa-solid fa-download"></i></button></span>`;
+            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Up to date"><i class="fa-solid fa-code-commit fa-fw"></i></button></span>` :
+            `<span class="update-button"><button class="btn_update menu_button" data-name="${name.replace('third-party', '')}" title="Update available"><i class="fa-solid fa-download fa-fw"></i></button></span>`;
         originHtml = `<a href="${origin}" target="_blank" rel="noopener noreferrer">`;
     }
 
@@ -569,7 +584,7 @@ async function getExtensionData(extension) {
 function getModuleInformation() {
     let moduleInfo = modules.length ? `<p>${DOMPurify.sanitize(modules.join(', '))}</p>` : '<p class="failure">Not connected to the API!</p>';
     return `
-        <h3>Modules provided by your Extensions API:</h3>
+        <h3>Modules provided by your Extras API:</h3>
         ${moduleInfo}
     `;
 }
@@ -578,26 +593,43 @@ function getModuleInformation() {
  * Generates the HTML strings for all extensions and displays them in a popup.
  */
 async function showExtensionsDetails() {
-    let htmlDefault = '<h3>Default Extensions:</h3>';
-    let htmlExternal = '<h3>External Extensions:</h3>';
+    try {
+        showLoader();
+        let htmlDefault = '<h3>Built-in Extensions:</h3>';
+        let htmlExternal = '<h3>Installed Extensions:</h3>';
 
-    const extensions = Object.entries(manifests).sort((a, b) => a[1].loading_order - b[1].loading_order);
+        const extensions = Object.entries(manifests).sort((a, b) => a[1].loading_order - b[1].loading_order);
+        const promises = [];
 
-    for (const extension of extensions) {
-        const { isExternal, extensionHtml } = await getExtensionData(extension);
-        if (isExternal) {
-            htmlExternal += extensionHtml;
-        } else {
-            htmlDefault += extensionHtml;
+        for (const extension of extensions) {
+            promises.push(getExtensionData(extension));
         }
-    }
 
-    const html = `
-        ${getModuleInformation()}
-        ${htmlDefault}
-        ${htmlExternal}
-    `;
-    callPopup(`<div class="extensions_info">${html}</div>`, 'text');
+        const settledPromises = await Promise.allSettled(promises);
+
+        settledPromises.forEach(promise => {
+            if (promise.status === 'fulfilled') {
+                const { isExternal, extensionHtml } = promise.value;
+                if (isExternal) {
+                    htmlExternal += extensionHtml;
+                } else {
+                    htmlDefault += extensionHtml;
+                }
+            }
+        });
+
+        const html = `
+            ${getModuleInformation()}
+            ${htmlDefault}
+            ${htmlExternal}
+        `;
+        callPopup(`<div class="extensions_info">${html}</div>`, 'text');
+    } catch (error) {
+        toastr.error('Error loading extensions. See browser console for details.');
+        console.error(error);
+    } finally {
+        hideLoader();
+    }
 }
 
 
@@ -609,6 +641,16 @@ async function showExtensionsDetails() {
  */
 async function onUpdateClick() {
     const extensionName = $(this).data('name');
+    $(this).find('i').addClass('fa-spin');
+    await updateExtension(extensionName, false);
+}
+
+/**
+ * Updates a third-party extension via the API.
+ * @param {string} extensionName Extension folder name
+ * @param {boolean} quiet If true, don't show a success message
+ */
+async function updateExtension(extensionName, quiet) {
     try {
         const response = await fetch('/api/extensions/update', {
             method: 'POST',
@@ -617,16 +659,22 @@ async function onUpdateClick() {
         });
 
         const data = await response.json();
-        if (data.isUpToDate) {
-            toastr.success('Extension is already up to date');
-        } else {
-            toastr.success(`Extension updated to ${data.shortCommitHash}`);
+
+        if (!quiet) {
+            showExtensionsDetails();
+        }
+
+        if (data.isUpToDate) {
+            if (!quiet) {
+                toastr.success('Extension is already up to date');
+            }
+        } else {
+            toastr.success(`Extension ${extensionName} updated to ${data.shortCommitHash}`);
         }
-        showExtensionsDetails();
     } catch (error) {
         console.error('Error:', error);
     }
-};
+}
 
 /**
  * Handles the click event for the delete button of an extension.
@@ -639,23 +687,26 @@ async function onDeleteClick() {
     // use callPopup to create a popup for the user to confirm before delete
     const confirmation = await callPopup(`Are you sure you want to delete ${extensionName}?`, 'delete_extension');
     if (confirmation) {
-        try {
-            const response = await fetch('/api/extensions/delete', {
-                method: 'POST',
-                headers: getRequestHeaders(),
-                body: JSON.stringify({ extensionName })
-            });
-        } catch (error) {
-            console.error('Error:', error);
-        }
-        toastr.success(`Extension ${extensionName} deleted`);
-        showExtensionsDetails();
-        // reload the page to remove the extension from the list
-        location.reload();
+        await deleteExtension(extensionName);
     }
 };
 
+export async function deleteExtension(extensionName) {
+    try {
+        const response = await fetch('/api/extensions/delete', {
+            method: 'POST',
+            headers: getRequestHeaders(),
+            body: JSON.stringify({ extensionName })
+        });
+    } catch (error) {
+        console.error('Error:', error);
+    }
 
+    toastr.success(`Extension ${extensionName} deleted`);
+    showExtensionsDetails();
+    // reload the page to remove the extension from the list
+    location.reload();
+}
 
 /**
  * Fetches the version details of a specific extension.
@@ -680,9 +731,42 @@ async function getExtensionVersion(extensionName) {
     }
 }
 
+/**
+ * Installs a third-party extension via the API.
+ * @param {string} url Extension repository URL
+ * @returns {Promise<void>}
+ */
+export async function installExtension(url) {
+    console.debug('Extension installation started', url);
 
+    toastr.info('Please wait...', 'Installing extension');
 
-async function loadExtensionSettings(settings) {
+    const request = await fetch('/api/extensions/install', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        body: JSON.stringify({ url }),
+    });
+
+    if (!request.ok) {
+        const text = await request.text();
+        toastr.warning(text || request.statusText, 'Extension installation failed', { timeOut: 5000 });
+        console.error('Extension installation failed', request.status, request.statusText, text);
+        return;
+    }
+
+    const response = await request.json();
+    toastr.success(`Extension "${response.display_name}" by ${response.author} (version ${response.version}) has been installed successfully!`, 'Extension installation successful');
+    console.debug(`Extension "${response.display_name}" has been installed successfully at ${response.extensionPath}`);
+    await loadExtensionSettings({}, false);
+    eventSource.emit(event_types.EXTENSION_SETTINGS_LOADED);
+}
+
+/**
+ * Loads extension settings from the app settings.
+ * @param {object} settings App Settings
+ * @param {boolean} versionChanged Is this a version change?
+ */
+async function loadExtensionSettings(settings, versionChanged) {
     if (settings.extension_settings) {
         Object.assign(extension_settings, settings.extension_settings);
     }
@@ -690,28 +774,124 @@ async function loadExtensionSettings(settings) {
     $("#extensions_url").val(extension_settings.apiUrl);
     $("#extensions_api_key").val(extension_settings.apiKey);
     $("#extensions_autoconnect").prop('checked', extension_settings.autoConnect);
+    $("#extensions_notify_updates").prop('checked', extension_settings.notifyUpdates);
 
     // Activate offline extensions
     eventSource.emit(event_types.EXTENSIONS_FIRST_LOAD);
     extensionNames = await discoverExtensions();
     manifests = await getManifests(extensionNames)
+
+    if (versionChanged) {
+        await autoUpdateExtensions();
+    }
+
     await activateExtensions();
     if (extension_settings.autoConnect && extension_settings.apiUrl) {
         connectToApi(extension_settings.apiUrl);
     }
 }
 
+export function doDailyExtensionUpdatesCheck() {
+    setTimeout(() => {
+        if (extension_settings.notifyUpdates) {
+            checkForExtensionUpdates(false);
+        }
+    }, 1);
+}
+
+/**
+ * Checks if there are updates available for 3rd-party extensions.
+ * @param {boolean} force Skip nag check
+ * @returns {Promise<any>}
+ */
+async function checkForExtensionUpdates(force) {
+    if (!force) {
+        const STORAGE_NAG_KEY = 'extension_update_nag';
+        const currentDate = new Date().toDateString();
+
+        // Don't nag more than once a day
+        if (localStorage.getItem(STORAGE_NAG_KEY) === currentDate) {
+            return;
+        }
+
+        localStorage.setItem(STORAGE_NAG_KEY, currentDate);
+    }
+
+    const updatesAvailable = [];
+    const promises = [];
+
+    for (const [id, manifest] of Object.entries(manifests)) {
+        if (manifest.auto_update && id.startsWith('third-party')) {
+            const promise = new Promise(async (resolve, reject) => {
+                try {
+                    const data = await getExtensionVersion(id.replace('third-party', ''));
+                    if (data.isUpToDate === false) {
+                        updatesAvailable.push(manifest.display_name);
+                    }
+                    resolve();
+                } catch (error) {
+                    console.error('Error checking for extension updates', error);
+                    reject();
+                }
+            });
+            promises.push(promise);
+        }
+    }
+
+    await Promise.allSettled(promises);
+
+    if (updatesAvailable.length > 0) {
+        toastr.info(`${updatesAvailable.map(x => `• ${x}`).join('\n')}`, 'Extension updates available');
+    }
+}
+
+async function autoUpdateExtensions() {
+    if (!Object.values(manifests).some(x => x.auto_update)) {
+        return;
+    }
+
+    toastr.info('Auto-updating extensions. This may take several minutes.', 'Please wait...', { timeOut: 10000, extendedTimeOut: 20000 });
+    const promises = [];
+    for (const [id, manifest] of Object.entries(manifests)) {
+        if (manifest.auto_update && id.startsWith('third-party')) {
+            console.debug(`Auto-updating 3rd-party extension: ${manifest.display_name} (${id})`);
+            promises.push(updateExtension(id.replace('third-party', ''), true));
+        }
+    }
+    await Promise.allSettled(promises);
+}
+
+/**
+ * Runs the generate interceptors for all extensions.
+ * @param {any[]} chat Chat array
+ * @param {number} contextSize Context size
+ * @returns {Promise<boolean>} True if generation should be aborted
+ */
 async function runGenerationInterceptors(chat, contextSize) {
+    let aborted = false;
+    let exitImmediately = false;
+
+    const abort = (/** @type {boolean} */ immediately) => {
+        aborted = true;
+        exitImmediately = immediately;
+    };
+
     for (const manifest of Object.values(manifests)) {
         const interceptorKey = manifest.generate_interceptor;
         if (typeof window[interceptorKey] === 'function') {
             try {
-                await window[interceptorKey](chat, contextSize);
+                await window[interceptorKey](chat, contextSize, abort);
             } catch (e) {
                 console.error(`Failed running interceptor for ${manifest.display_name}`, e);
             }
         }
+
+        if (exitImmediately) {
+            break;
+        }
     }
+
+    return aborted;
 }
 
 jQuery(function () {
@@ -721,8 +901,36 @@ jQuery(function () {
     $("#extensions_connect").on('click', connectClickHandler);
     $("#extensions_autoconnect").on('input', autoConnectInputHandler);
     $("#extensions_details").on('click', showExtensionsDetails);
+    $("#extensions_notify_updates").on('input', notifyUpdatesInputHandler);
     $(document).on('click', '.toggle_disable', onDisableExtensionClick);
     $(document).on('click', '.toggle_enable', onEnableExtensionClick);
     $(document).on('click', '.btn_update', onUpdateClick);
     $(document).on('click', '.btn_delete', onDeleteClick);
+
+    /**
+     * 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 () => {
+        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 callPopup(html, 'input');
+
+        if (!input) {
+            console.debug('Extension install cancelled');
+            return;
+        }
+
+        const url = input.trim();
+        await installExtension(url);
+    });
 });

public/scripts/extensions/assets/confirm.html

@@ -0,0 +1,9 @@
+<div class="m-b-1">
+    Are you sure you want to connect to '{{url}}'?
+</div>
+<div class="flex-container justifyCenter">
+    <label class="checkbox_label" for="assets-remember">
+        <input type="checkbox" id="assets-remember">
+        Don't ask again for this URL
+    </label>
+</div>

public/scripts/extensions/assets/index.js

@@ -1,14 +1,16 @@
 /*
 TODO:
- - Check failed install file (0kb size ?)
 */
-//const DEBUG_TONY_SAMA_FORK_MODE = false
+//const DEBUG_TONY_SAMA_FORK_MODE = true
 
 import { getRequestHeaders, callPopup } from "../../../script.js";
+import { deleteExtension, extensionNames, installExtension, renderExtensionTemplate } from "../../extensions.js";
+import { getStringHash, isValidUrl } from "../../utils.js";
 export { MODULE_NAME };
 
-const MODULE_NAME = 'Assets';
+const MODULE_NAME = 'assets';
 const DEBUG_PREFIX = "<Assets module> ";
+let previewAudio = null;
 let ASSETS_JSON_URL = "https://raw.githubusercontent.com/SillyTavern/SillyTavern-Content/main/index.json"
 
 const extensionName = "assets";
@@ -29,7 +31,7 @@ const defaultSettings = {
 
 function downloadAssetsList(url) {
     updateCurrentAssets().then(function () {
-        fetch(url)
+        fetch(url, { cache: "no-cache" })
             .then(response => response.json())
             .then(json => {
 
@@ -47,19 +49,29 @@ function downloadAssetsList(url) {
                 }
 
                 console.debug(DEBUG_PREFIX, "Updated available assets to", availableAssets);
+                // First extensions, then everything else
+                const assetTypes = Object.keys(availableAssets).sort((a, b) => (a === 'extension') ? -1 : (b === 'extension') ? 1 : 0);
 
-                for (const assetType in availableAssets) {
+                for (const assetType of assetTypes) {
                     let assetTypeMenu = $('<div />', { id: "assets_audio_ambient_div", class: "assets-list-div" });
                     assetTypeMenu.append(`<h3>${assetType}</h3>`)
+
+                    if (assetType == 'extension') {
+                        assetTypeMenu.append(`
+                        <div class="assets-list-git">
+                            To download extensions from this page, you need to have <a href="https://git-scm.com/downloads" target="_blank">Git</a> installed.
+                        </div>`);
+                    }
+
                     for (const i in availableAssets[assetType]) {
                         const asset = availableAssets[assetType][i];
                         const elemId = `assets_install_${assetType}_${i}`;
                         let element = $('<button />', { id: elemId, type: "button", class: "asset-download-button menu_button" })
-                        const label = $("<i class=\"fa-solid fa-download fa-xl\"></i>");
+                        const label = $("<i class=\"fa-fw fa-solid fa-download fa-xl\"></i>");
                         element.append(label);
 
                         //if (DEBUG_TONY_SAMA_FORK_MODE)
-                        //    assetUrl = assetUrl.replace("https://github.com/SillyTavern/","https://github.com/Tony-sama/"); // DBG
+                        //    asset["url"] = asset["url"].replace("https://github.com/SillyTavern/","https://github.com/Tony-sama/"); // DBG
 
                         console.debug(DEBUG_PREFIX, "Checking asset", asset["id"], asset["url"]);
 
@@ -71,18 +83,18 @@ function downloadAssetsList(url) {
                             label.addClass("fa-check");
                             this.classList.remove('asset-download-button-loading');
                             element.on("click", assetDelete);
-                            element.on("mouseenter", function(){
+                            element.on("mouseenter", function () {
                                 label.removeClass("fa-check");
                                 label.addClass("fa-trash");
                                 label.addClass("redOverlayGlow");
-                            }).on("mouseleave", function(){
+                            }).on("mouseleave", function () {
                                 label.addClass("fa-check");
                                 label.removeClass("fa-trash");
                                 label.removeClass("redOverlayGlow");
                             });
                         };
 
-                        const assetDelete = async function() {
+                        const assetDelete = async function () {
                             element.off("click");
                             await deleteAsset(assetType, asset["id"]);
                             label.removeClass("fa-check");
@@ -98,11 +110,11 @@ function downloadAssetsList(url) {
                             label.toggleClass("fa-download");
                             label.toggleClass("fa-check");
                             element.on("click", assetDelete);
-                            element.on("mouseenter", function(){
+                            element.on("mouseenter", function () {
                                 label.removeClass("fa-check");
                                 label.addClass("fa-trash");
                                 label.addClass("redOverlayGlow");
-                            }).on("mouseleave", function(){
+                            }).on("mouseleave", function () {
                                 label.addClass("fa-check");
                                 label.removeClass("fa-trash");
                                 label.removeClass("redOverlayGlow");
@@ -114,14 +126,28 @@ function downloadAssetsList(url) {
                             element.on("click", assetInstall);
                         }
 
-                        console.debug(DEBUG_PREFIX, "Created element for BGM", asset["id"])
+                        console.debug(DEBUG_PREFIX, "Created element for ", asset["id"])
+
+                        const displayName = DOMPurify.sanitize(asset["name"] || asset["id"]);
+                        const description = DOMPurify.sanitize(asset["description"] || "");
+                        const url = isValidUrl(asset["url"]) ? asset["url"] : "";
+                        const previewIcon = assetType == 'extension' ? 'fa-arrow-up-right-from-square' : 'fa-headphones-simple';
 
                         $(`<i></i>`)
                             .append(element)
-                            .append(`<span>${asset["id"]}</span>`)
+                            .append(`<div class="flex-container flexFlowColumn">
+                                        <span class="flex-container alignitemscenter">
+                                            <b>${displayName}</b>
+                                            <a class="asset_preview" href="${url}" target="_blank" title="Preview in browser">
+                                                <i class="fa-solid fa-sm ${previewIcon}"></i>
+                                            </a>
+                                        </span>
+                                        <span>${description}</span>
+                                     </div>`)
                             .appendTo(assetTypeMenu);
                     }
                     assetTypeMenu.appendTo("#assets_menu");
+                    assetTypeMenu.on('click', 'a.asset_preview', previewAsset);
                 }
 
                 $("#assets_menu").show();
@@ -135,8 +161,37 @@ function downloadAssetsList(url) {
     });
 }
 
+function previewAsset(e) {
+    const href = $(this).attr('href');
+    const audioExtensions = ['.mp3', '.ogg', '.wav'];
+
+    if (audioExtensions.some(ext => href.endsWith(ext))) {
+        e.preventDefault();
+
+        if (previewAudio) {
+            previewAudio.pause();
+
+            if (previewAudio.src === href) {
+                previewAudio = null;
+                return;
+            }
+        }
+
+        previewAudio = new Audio(href);
+        previewAudio.play();
+        return;
+    }
+}
+
 function isAssetInstalled(assetType, filename) {
-    for (const i of currentAssets[assetType]) {
+    let assetList = currentAssets[assetType];
+
+    if (assetType == 'extension') {
+        const thirdPartyMarker = "third-party/";
+        assetList = extensionNames.filter(x => x.startsWith(thirdPartyMarker)).map(x => x.replace(thirdPartyMarker, ''));
+    }
+
+    for (const i of assetList) {
         //console.debug(DEBUG_PREFIX,i,filename)
         if (i.includes(filename))
             return true;
@@ -149,6 +204,13 @@ async function installAsset(url, assetType, filename) {
     console.debug(DEBUG_PREFIX, "Downloading ", url);
     const category = assetType;
     try {
+        if (category === 'extension') {
+            console.debug(DEBUG_PREFIX, "Installing extension ", url)
+            await installExtension(url);
+            console.debug(DEBUG_PREFIX, "Extension installed.")
+            return;
+        }
+
         const body = { url, category, filename };
         const result = await fetch('/api/assets/download', {
             method: 'POST',
@@ -170,6 +232,12 @@ async function deleteAsset(assetType, filename) {
     console.debug(DEBUG_PREFIX, "Deleting ", assetType, filename);
     const category = assetType;
     try {
+        if (category === 'extension') {
+            console.debug(DEBUG_PREFIX, "Deleting extension ", filename)
+            await deleteExtension(filename);
+            console.debug(DEBUG_PREFIX, "Extension deleted.")
+        }
+
         const body = { category, filename };
         const result = await fetch('/api/assets/delete', {
             method: 'POST',
@@ -214,24 +282,35 @@ async function updateCurrentAssets() {
 // This function is called when the extension is loaded
 jQuery(async () => {
     // This is an example of loading HTML from a file
-    const windowHtml = $(await $.get(`${extensionFolderPath}/window.html`));
+    const windowHtml = $(renderExtensionTemplate(MODULE_NAME, 'window', {}));
 
     const assetsJsonUrl = windowHtml.find('#assets-json-url-field');
     assetsJsonUrl.val(ASSETS_JSON_URL);
 
     const connectButton = windowHtml.find('#assets-connect-button');
     connectButton.on("click", async function () {
-        const confirmation = await callPopup(`Are you sure you want to connect to '${assetsJsonUrl.val()}'?`, 'confirm')
+        const url = String(assetsJsonUrl.val());
+        const rememberKey = `Assets_SkipConfirm_${getStringHash(url)}`;
+        const skipConfirm = localStorage.getItem(rememberKey) === 'true';
+
+        const template = renderExtensionTemplate(MODULE_NAME, 'confirm', { url });
+        const confirmation = skipConfirm || await callPopup(template, 'confirm');
+
         if (confirmation) {
             try {
+                if (!skipConfirm) {
+                    const rememberValue = Boolean($('#assets-remember').prop('checked'));
+                    localStorage.setItem(rememberKey, String(rememberValue));
+                }
+
                 console.debug(DEBUG_PREFIX, "Confimation, loading assets...");
-                downloadAssetsList(assetsJsonUrl.val());
+                downloadAssetsList(url);
                 connectButton.removeClass("fa-plug-circle-exclamation");
                 connectButton.removeClass("redOverlayGlow");
                 connectButton.addClass("fa-plug-circle-check");
             } catch (error) {
                 console.error('Error:', error);
-                toastr.error(`Cannot get assets list from ${assetsJsonUrl.val()}`);
+                toastr.error(`Cannot get assets list from ${url}`);
                 connectButton.removeClass("fa-plug-circle-check");
                 connectButton.addClass("fa-plug-circle-exclamation");
                 connectButton.removeClass("redOverlayGlow");

public/scripts/extensions/assets/style.css

@@ -13,18 +13,37 @@
     padding: 5px;
 }
 
+.assets-list-git {
+    font-size: calc(var(--mainFontSize) * 0.8);
+    opacity: 0.8;
+    margin-bottom: 1em;
+}
+
+.assets-list-div h3 {
+    text-transform: capitalize;
+}
+
+.assets-list-div i a {
+    color: inherit;
+}
+
 .assets-list-div i {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: left;
     padding: 5px;
+    font-style: normal;
 }
 
-.assets-list-div i span{
+.assets-list-div i span {
     margin-left: 10px;
 }
 
+.assets-list-div i span:first-of-type {
+    font-weight: bold;
+}
+
 .asset-download-button {
     position: relative;
     width: 50px;
@@ -33,8 +52,8 @@
     outline: none;
     border-radius: 2px;
     cursor: pointer;
-  }
-  
+}
+
 .asset-download-button:active {
     background: #007a63;
 }
@@ -67,13 +86,11 @@
 }
 
 @keyframes asset-download-button-loading-spinner {
-from {
-    transform: rotate(0turn);
-}
+    from {
+        transform: rotate(0turn);
+    }
 
-to {
-    transform: rotate(1turn);
+    to {
+        transform: rotate(1turn);
+    }
 }
-}
-  
-  

public/scripts/extensions/assets/window.html

@@ -1,7 +1,7 @@
 <div id="assets_ui">
     <div class="inline-drawer">
         <div class="inline-drawer-toggle inline-drawer-header">
-            <b>Assets</b>
+            <b>Download Extensions & Assets</b>
             <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
         </div>
         <div class="inline-drawer-content">

public/scripts/extensions/audio/index.js

@@ -1,917 +0,0 @@
-/*
-Ideas:
- - Clean design of new ui
- - change select text versus options for playing: audio
- - cross fading between bgm / start a different time
- - fading should appear before end when switching randomly
- - Background based ambient sounds
-    - import option on background UI ?
- - Allow background music edition using background menu
-    - https://fontawesome.com/icons/music?f=classic&s=solid
-    - https://codepen.io/noirsociety/pen/rNQxQwm
-    - https://codepen.io/xrocker/pen/abdKVGy
-*/
-
-import { saveSettingsDebounced, getRequestHeaders } from "../../../script.js";
-import { getContext, extension_settings, ModuleWorkerWrapper } from "../../extensions.js";
-import { isDataURL } from "../../utils.js";
-export { MODULE_NAME };
-
-const extensionName = "audio";
-const extensionFolderPath = `scripts/extensions/${extensionName}`;
-
-const MODULE_NAME = 'Audio';
-const DEBUG_PREFIX = "<Audio module> ";
-const UPDATE_INTERVAL = 1000;
-
-const ASSETS_BGM_FOLDER = "bgm";
-const ASSETS_AMBIENT_FOLDER = "ambient";
-const CHARACTER_BGM_FOLDER = "bgm"
-
-const FALLBACK_EXPRESSION = "neutral";
-const DEFAULT_EXPRESSIONS = [
-    //"talkinghead",
-    "admiration",
-    "amusement",
-    "anger",
-    "annoyance",
-    "approval",
-    "caring",
-    "confusion",
-    "curiosity",
-    "desire",
-    "disappointment",
-    "disapproval",
-    "disgust",
-    "embarrassment",
-    "excitement",
-    "fear",
-    "gratitude",
-    "grief",
-    "joy",
-    "love",
-    "nervousness",
-    "optimism",
-    "pride",
-    "realization",
-    "relief",
-    "remorse",
-    "sadness",
-    "surprise",
-    "neutral"
-];
-const SPRITE_DOM_ID = "#expression-image";
-
-let current_chat_id = null
-
-let fallback_BGMS = null; // Initialized only once with module workers
-let ambients = null; // Initialized only once with module workers
-let characterMusics = {}; // Updated with module workers
-
-let currentCharacterBGM = null;
-let currentExpressionBGM = null;
-let currentBackground = null;
-
-let cooldownBGM = 0;
-
-let bgmEnded = true;
-
-//#############################//
-//  Extension UI and Settings  //
-//#############################//
-
-const defaultSettings = {
-    enabled: false,
-    dynamic_bgm_enabled: false,
-    //dynamic_ambient_enabled: false,
-
-    bgm_locked: true,
-    bgm_muted: true,
-    bgm_volume: 50,
-    bgm_selected: null,
-
-    ambient_locked: true,
-    ambient_muted: true,
-    ambient_volume: 50,
-    ambient_selected: null,
-
-    bgm_cooldown: 30
-}
-
-function loadSettings() {
-    if (extension_settings.audio === undefined)
-        extension_settings.audio = {};
-
-    if (Object.keys(extension_settings.audio).length === 0) {
-        Object.assign(extension_settings.audio, defaultSettings)
-    }
-    $("#audio_enabled").prop('checked', extension_settings.audio.enabled);
-    $("#audio_dynamic_bgm_enabled").prop('checked', extension_settings.audio.dynamic_bgm_enabled);
-    //$("#audio_dynamic_ambient_enabled").prop('checked', extension_settings.audio.dynamic_ambient_enabled);
-
-    $("#audio_bgm_volume").text(extension_settings.audio.bgm_volume);
-    $("#audio_ambient_volume").text(extension_settings.audio.ambient_volume);
-
-    $("#audio_bgm_volume_slider").val(extension_settings.audio.bgm_volume);
-    $("#audio_ambient_volume_slider").val(extension_settings.audio.ambient_volume);
-
-    if (extension_settings.audio.bgm_muted) {
-        $("#audio_bgm_mute_icon").removeClass("fa-volume-high");
-        $("#audio_bgm_mute_icon").addClass("fa-volume-mute");
-        $("#audio_bgm_mute").addClass("redOverlayGlow");
-        $("#audio_bgm").prop("muted", true);
-    }
-    else {
-        $("#audio_bgm_mute_icon").addClass("fa-volume-high");
-        $("#audio_bgm_mute_icon").removeClass("fa-volume-mute");
-        $("#audio_bgm_mute").removeClass("redOverlayGlow");
-        $("#audio_bgm").prop("muted", false);
-    }
-
-    if (extension_settings.audio.bgm_locked) {
-        //$("#audio_bgm_lock_icon").removeClass("fa-lock-open");
-        //$("#audio_bgm_lock_icon").addClass("fa-lock");
-        $("#audio_bgm").attr("loop", true);
-        $("#audio_bgm_lock").addClass("redOverlayGlow");
-    }
-    else {
-        //$("#audio_bgm_lock_icon").removeClass("fa-lock");
-        //$("#audio_bgm_lock_icon").addClass("fa-lock-open");
-        $("#audio_bgm").attr("loop", false);
-        $("#audio_bgm_lock").removeClass("redOverlayGlow");
-    }
-
-    /*
-    if (extension_settings.audio.bgm_selected !== null) {
-        $("#audio_bgm_select").append(new Option(extension_settings.audio.bgm_selected, extension_settings.audio.bgm_selected));
-        $("#audio_bgm_select").val(extension_settings.audio.bgm_selected);
-    }*/
-
-    if (extension_settings.audio.ambient_locked) {
-        $("#audio_ambient_lock_icon").removeClass("fa-lock-open");
-        $("#audio_ambient_lock_icon").addClass("fa-lock");
-        $("#audio_ambient_lock").addClass("redOverlayGlow");
-    }
-    else {
-        $("#audio_ambient_lock_icon").removeClass("fa-lock");
-        $("#audio_ambient_lock_icon").addClass("fa-lock-open");
-    }
-
-    /*
-    if (extension_settings.audio.ambient_selected !== null) {
-        $("#audio_ambient_select").append(new Option(extension_settings.audio.ambient_selected, extension_settings.audio.ambient_selected));
-        $("#audio_ambient_select").val(extension_settings.audio.ambient_selected);
-    }*/
-
-    if (extension_settings.audio.ambient_muted) {
-        $("#audio_ambient_mute_icon").removeClass("fa-volume-high");
-        $("#audio_ambient_mute_icon").addClass("fa-volume-mute");
-        $("#audio_ambient_mute").addClass("redOverlayGlow");
-        $("#audio_ambient").prop("muted", true);
-    }
-    else {
-        $("#audio_ambient_mute_icon").addClass("fa-volume-high");
-        $("#audio_ambient_mute_icon").removeClass("fa-volume-mute");
-        $("#audio_ambient_mute").removeClass("redOverlayGlow");
-        $("#audio_ambient").prop("muted", false);
-    }
-
-    $("#audio_bgm_cooldown").val(extension_settings.audio.bgm_cooldown);
-
-    $("#audio_debug_div").hide(); // DBG: comment to see debug mode
-}
-
-async function onEnabledClick() {
-    extension_settings.audio.enabled = $('#audio_enabled').is(':checked');
-    if (extension_settings.audio.enabled) {
-        if ($("#audio_bgm").attr("src") != "")
-            $("#audio_bgm")[0].play();
-        if ($("#audio_ambient").attr("src") != "")
-            $("#audio_ambient")[0].play();
-    } else {
-        $("#audio_bgm")[0].pause();
-        $("#audio_ambient")[0].pause();
-    }
-    saveSettingsDebounced();
-}
-
-async function onDynamicBGMEnabledClick() {
-    extension_settings.audio.dynamic_bgm_enabled = $('#audio_dynamic_bgm_enabled').is(':checked');
-    currentCharacterBGM = null;
-    currentExpressionBGM = null;
-    cooldownBGM = 0;
-    saveSettingsDebounced();
-}
-/*
-async function onDynamicAmbientEnabledClick() {
-    extension_settings.audio.dynamic_ambient_enabled = $('#audio_dynamic_ambient_enabled').is(':checked');
-    currentBackground = null;
-    saveSettingsDebounced();
-}
-*/
-async function onBGMLockClick() {
-    extension_settings.audio.bgm_locked = !extension_settings.audio.bgm_locked;
-    if (extension_settings.audio.bgm_locked) {
-        extension_settings.audio.bgm_selected = $("#audio_bgm_select").val();
-        $("#audio_bgm").attr("loop", true);
-    }
-    else {
-        $("#audio_bgm").attr("loop", false);
-    }
-    //$("#audio_bgm_lock_icon").toggleClass("fa-lock");
-    //$("#audio_bgm_lock_icon").toggleClass("fa-lock-open");
-    $("#audio_bgm_lock").toggleClass("redOverlayGlow");
-    saveSettingsDebounced();
-}
-
-async function onBGMRandomClick() {
-    var select = document.getElementById('audio_bgm_select');
-    var items = select.getElementsByTagName('option');
-
-    if (items.length < 2)
-        return;
-
-    var index;
-    do {
-        index = Math.floor(Math.random() * items.length);
-    } while (index == select.selectedIndex);
-
-    select.selectedIndex = index;
-    onBGMSelectChange();
-}
-
-async function onBGMMuteClick() {
-    extension_settings.audio.bgm_muted = !extension_settings.audio.bgm_muted;
-    $("#audio_bgm_mute_icon").toggleClass("fa-volume-high");
-    $("#audio_bgm_mute_icon").toggleClass("fa-volume-mute");
-    $("#audio_bgm").prop("muted", !$("#audio_bgm").prop("muted"));
-    $("#audio_bgm_mute").toggleClass("redOverlayGlow");
-    saveSettingsDebounced();
-}
-
-async function onAmbientLockClick() {
-    extension_settings.audio.ambient_locked = !extension_settings.audio.ambient_locked;
-    if (extension_settings.audio.ambient_locked)
-        extension_settings.audio.ambient_selected = $("#audio_ambient_select").val();
-    else {
-        extension_settings.audio.ambient_selected = null;
-        currentBackground = null;
-    }
-    $("#audio_ambient_lock_icon").toggleClass("fa-lock");
-    $("#audio_ambient_lock_icon").toggleClass("fa-lock-open");
-    $("#audio_ambient_lock").toggleClass("redOverlayGlow");
-    saveSettingsDebounced();
-}
-
-async function onAmbientMuteClick() {
-    extension_settings.audio.ambient_muted = !extension_settings.audio.ambient_muted;
-    $("#audio_ambient_mute_icon").toggleClass("fa-volume-high");
-    $("#audio_ambient_mute_icon").toggleClass("fa-volume-mute");
-    $("#audio_ambient").prop("muted", !$("#audio_ambient").prop("muted"));
-    $("#audio_ambient_mute").toggleClass("redOverlayGlow");
-    saveSettingsDebounced();
-}
-
-async function onBGMVolumeChange() {
-    extension_settings.audio.bgm_volume = ~~($("#audio_bgm_volume_slider").val());
-    $("#audio_bgm").prop("volume", extension_settings.audio.bgm_volume * 0.01);
-    $("#audio_bgm_volume").text(extension_settings.audio.bgm_volume);
-    saveSettingsDebounced();
-    //console.debug(DEBUG_PREFIX,"UPDATED BGM MAX TO",extension_settings.audio.bgm_volume);
-}
-
-async function onAmbientVolumeChange() {
-    extension_settings.audio.ambient_volume = ~~($("#audio_ambient_volume_slider").val());
-    $("#audio_ambient").prop("volume", extension_settings.audio.ambient_volume * 0.01);
-    $("#audio_ambient_volume").text(extension_settings.audio.ambient_volume);
-    saveSettingsDebounced();
-    //console.debug(DEBUG_PREFIX,"UPDATED Ambient MAX TO",extension_settings.audio.ambient_volume);
-}
-
-async function onBGMSelectChange() {
-    extension_settings.audio.bgm_selected = $("#audio_bgm_select").val();
-    updateBGM(true);
-    saveSettingsDebounced();
-    //console.debug(DEBUG_PREFIX,"UPDATED BGM MAX TO",extension_settings.audio.bgm_volume);
-}
-
-async function onAmbientSelectChange() {
-    extension_settings.audio.ambient_selected = $("#audio_ambient_select").val();
-    updateAmbient(true);
-    saveSettingsDebounced();
-    //console.debug(DEBUG_PREFIX,"UPDATED BGM MAX TO",extension_settings.audio.bgm_volume);
-}
-
-async function onBGMCooldownInput() {
-    extension_settings.audio.bgm_cooldown = ~~($("#audio_bgm_cooldown").val());
-    cooldownBGM = extension_settings.audio.bgm_cooldown * 1000;
-    saveSettingsDebounced();
-    console.debug(DEBUG_PREFIX, "UPDATED BGM cooldown to", extension_settings.audio.bgm_cooldown);
-}
-
-//#############################//
-//  API Calls                  //
-//#############################//
-
-async function getAssetsList(type) {
-    console.debug(DEBUG_PREFIX, "getting assets of type", type);
-
-    try {
-        const result = await fetch(`/api/assets/get`, {
-            method: 'POST',
-            headers: getRequestHeaders(),
-        });
-        const assets = result.ok ? (await result.json()) : { type: [] };
-        console.debug(DEBUG_PREFIX, "Found assets:", assets);
-        return assets[type];
-    }
-    catch (err) {
-        console.log(err);
-        return [];
-    }
-}
-
-async function getCharacterBgmList(name) {
-    console.debug(DEBUG_PREFIX, "getting bgm list for", name);
-
-    try {
-        const result = await fetch(`/api/assets/character?name=${encodeURIComponent(name)}&category=${CHARACTER_BGM_FOLDER}`, {
-            method: 'POST',
-            headers: getRequestHeaders(),
-        });
-        let musics = result.ok ? (await result.json()) : [];
-        return musics;
-    }
-    catch (err) {
-        console.log(err);
-        return [];
-    }
-}
-
-//#############################//
-//  Module Worker              //
-//#############################//
-
-function fillBGMSelect() {
-    let found_last_selected_bgm = false;
-    // Update bgm list in UI
-    $("#audio_bgm_select")
-        .find('option')
-        .remove();
-
-    for (const file of fallback_BGMS) {
-        $('#audio_bgm_select').append(new Option("asset: " + file.replace(/^.*[\\\/]/, '').replace(/\.[^/.]+$/, ""), file));
-        if (file === extension_settings.audio.bgm_selected) {
-            $('#audio_bgm_select').val(extension_settings.audio.bgm_selected);
-            found_last_selected_bgm = true;
-        }
-    }
-
-    // Update bgm list in UI
-    for (const char in characterMusics)
-        for (const e in characterMusics[char])
-            for (const file of characterMusics[char][e]) {
-                $('#audio_bgm_select').append(new Option(char + ": " + file.replace(/^.*[\\\/]/, '').replace(/\.[^/.]+$/, ""), file));
-                if (file === extension_settings.audio.bgm_selected) {
-                    $('#audio_bgm_select').val(extension_settings.audio.bgm_selected);
-                    found_last_selected_bgm = true;
-                }
-            }
-
-    if (!found_last_selected_bgm) {
-        $('#audio_bgm_select').val($("#audio_bgm_select option:first").val());
-        extension_settings.audio.bgm_selected = null;
-    }
-}
-
-/*
-    - Update ambient sound
-    - Update character BGM
-        - Solo dynamique expression
-        - Group only neutral bgm
-*/
-async function moduleWorker() {
-    const moduleEnabled = extension_settings.audio.enabled;
-
-    if (moduleEnabled) {
-
-        if (cooldownBGM > 0)
-            cooldownBGM -= UPDATE_INTERVAL;
-
-        if (fallback_BGMS == null) {
-            console.debug(DEBUG_PREFIX, "Updating audio bgm assets...");
-            fallback_BGMS = await getAssetsList(ASSETS_BGM_FOLDER);
-            fallback_BGMS = fallback_BGMS.filter((filename) => filename != ".placeholder")
-            console.debug(DEBUG_PREFIX, "Detected assets:", fallback_BGMS);
-
-            fillBGMSelect();
-        }
-
-        if (ambients == null) {
-            console.debug(DEBUG_PREFIX, "Updating audio ambient assets...");
-            ambients = await getAssetsList(ASSETS_AMBIENT_FOLDER);
-            ambients = ambients.filter((filename) => filename != ".placeholder")
-            console.debug(DEBUG_PREFIX, "Detected assets:", ambients);
-
-            // Update bgm list in UI
-            $("#audio_ambient_select")
-                .find('option')
-                .remove();
-
-            if (extension_settings.audio.ambient_selected !== null) {
-                let ambient_label = extension_settings.audio.ambient_selected;
-                if (ambient_label.includes("assets"))
-                    ambient_label = "asset: " + ambient_label.replace(/^.*[\\\/]/, '').replace(/\.[^/.]+$/, "");
-                else {
-                    ambient_label = ambient_label.substring("/characters/".length);
-                    ambient_label = ambient_label.substring(0, ambient_label.indexOf("/")) + ": " + ambient_label.substring(ambient_label.indexOf("/") + "/bgm/".length);
-                    ambient_label = ambient_label.replace(/\.[^/.]+$/, "");
-                }
-                $('#audio_ambient_select').append(new Option(ambient_label, extension_settings.audio.ambient_selected));
-            }
-
-            for (const file of ambients) {
-                if (file !== extension_settings.audio.ambient_selected)
-                    $("#audio_ambient_select").append(new Option("asset: " + file.replace(/^.*[\\\/]/, '').replace(/\.[^/.]+$/, ""), file));
-            }
-        }
-
-        // 1) Update ambient audio
-        // ---------------------------
-        //if (extension_settings.audio.dynamic_ambient_enabled) {
-        let newBackground = $("#bg1").css("background-image");
-        const custom_background = getContext()["chatMetadata"]["custom_background"];
-
-        if (custom_background !== undefined)
-            newBackground = custom_background
-
-        if (!isDataURL(newBackground)) {
-            newBackground = newBackground.substring(newBackground.lastIndexOf("/") + 1).replace(/\.[^/.]+$/, "").replaceAll("%20", "-").replaceAll(" ", "-"); // remove path and spaces
-
-            //console.debug(DEBUG_PREFIX,"Current backgroung:",newBackground);
-
-            if (currentBackground !== newBackground) {
-                currentBackground = newBackground;
-
-                console.debug(DEBUG_PREFIX, "Changing ambient audio for", currentBackground);
-                updateAmbient();
-            }
-        }
-        //}
-
-        const context = getContext();
-        //console.debug(DEBUG_PREFIX,context);
-
-        if (context.chat.length == 0)
-            return;
-
-        let chatIsGroup = context.chat[0].is_group;
-        let newCharacter = null;
-
-        // 1) Update BGM (single chat)
-        // -----------------------------
-        if (!chatIsGroup) {
-
-            // Reset bgm list on new chat
-            if (context.chatId != current_chat_id) {
-                current_chat_id = context.chatId;
-                characterMusics = {};
-                cooldownBGM = 0;
-            }
-
-            newCharacter = context.name2;
-
-            //console.log(DEBUG_PREFIX,"SOLO CHAT MODE"); // DBG
-
-            // 1.1) First time loading chat
-            if (characterMusics[newCharacter] === undefined) {
-                await loadCharacterBGM(newCharacter);
-                currentExpressionBGM = FALLBACK_EXPRESSION;
-                //currentCharacterBGM = newCharacter;
-
-                //updateBGM();
-                //cooldownBGM = BGM_UPDATE_COOLDOWN;
-                return;
-            }
-
-            // 1.2) Switched chat
-            if (currentCharacterBGM !== newCharacter) {
-                currentCharacterBGM = newCharacter;
-                try {
-                    await updateBGM(false, true);
-                    cooldownBGM = extension_settings.audio.bgm_cooldown * 1000;
-                }
-                catch (error) {
-                    console.debug(DEBUG_PREFIX, "Error while trying to update BGM character, will try again");
-                    currentCharacterBGM = null
-                }
-                return;
-            }
-
-            const newExpression = getNewExpression();
-
-            // 1.3) Same character but different expression
-            if (currentExpressionBGM !== newExpression) {
-
-                // Check cooldown
-                if (cooldownBGM > 0) {
-                    //console.debug(DEBUG_PREFIX,"(SOLO) BGM switch on cooldown:",cooldownBGM);
-                    return;
-                }
-
-                try {
-                    currentExpressionBGM = newExpression;
-                    await updateBGM();
-                    cooldownBGM = extension_settings.audio.bgm_cooldown * 1000;
-                    console.debug(DEBUG_PREFIX, "(SOLO) Updated current character expression to", currentExpressionBGM, "cooldown", cooldownBGM);
-                }
-                catch (error) {
-                    console.debug(DEBUG_PREFIX, "Error while trying to update BGM expression, will try again");
-                    currentCharacterBGM = null
-                }
-                return;
-            }
-
-            return;
-        }
-
-        // 2) Update BGM (group chat)
-        // -----------------------------
-
-        // Load current chat character bgms
-        // Reset bgm list on new chat
-        if (context.chatId != current_chat_id) {
-            current_chat_id = context.chatId;
-            characterMusics = {};
-            cooldownBGM = 0;
-            for (const message of context.chat) {
-                if (characterMusics[message.name] === undefined)
-                    await loadCharacterBGM(message.name);
-            }
-
-            try {
-                newCharacter = context.chat[context.chat.length - 1].name;
-                currentCharacterBGM = newCharacter;
-                await updateBGM(false, true);
-                cooldownBGM = extension_settings.audio.bgm_cooldown * 1000;
-                currentCharacterBGM = newCharacter;
-                currentExpressionBGM = FALLBACK_EXPRESSION;
-                console.debug(DEBUG_PREFIX, "(GROUP) Updated current character BGM to", currentExpressionBGM, "cooldown", cooldownBGM);
-            }
-            catch (error) {
-                console.debug(DEBUG_PREFIX, "Error while trying to update BGM group, will try again");
-                currentCharacterBGM = null
-            }
-            return;
-        }
-
-        newCharacter = context.chat[context.chat.length - 1].name;
-        const userName = context.name1;
-
-        if (newCharacter !== undefined && newCharacter != userName) {
-
-            //console.log(DEBUG_PREFIX,"GROUP CHAT MODE"); // DBG
-
-            // 2.1) New character appear
-            if (characterMusics[newCharacter] === undefined) {
-                await loadCharacterBGM(newCharacter);
-                return;
-            }
-
-            // 2.2) Switched char
-            if (currentCharacterBGM !== newCharacter) {
-                // Check cooldown
-                if (cooldownBGM > 0) {
-                    console.debug(DEBUG_PREFIX, "(GROUP) BGM switch on cooldown:", cooldownBGM);
-                    return;
-                }
-
-                try {
-                    currentCharacterBGM = newCharacter;
-                    await updateBGM();
-                    cooldownBGM = extension_settings.audio.bgm_cooldown * 1000;
-                    currentCharacterBGM = newCharacter;
-                    currentExpressionBGM = FALLBACK_EXPRESSION;
-                    console.debug(DEBUG_PREFIX, "(GROUP) Updated current character BGM to", currentExpressionBGM, "cooldown", cooldownBGM);
-                }
-                catch (error) {
-                    console.debug(DEBUG_PREFIX, "Error while trying to update BGM group, will try again");
-                    currentCharacterBGM = null
-                }
-                return;
-            }
-
-            /*
-            const newExpression = getNewExpression();
-
-            // 1.3) Same character but different expression
-            if (currentExpressionBGM !== newExpression) {
-
-                // Check cooldown
-                if (cooldownBGM > 0) {
-                    console.debug(DEBUG_PREFIX,"BGM switch on cooldown:",cooldownBGM);
-                    return;
-                }
-
-                cooldownBGM = BGM_UPDATE_COOLDOWN;
-                currentExpressionBGM = newExpression;
-                console.debug(DEBUG_PREFIX,"Updated current character expression to",currentExpressionBGM);
-                updateBGM();
-                return;
-            }
-
-            return;*/
-
-        }
-
-        // Case 3: Same character/expression or BGM switch on cooldown keep playing same BGM
-        //console.debug(DEBUG_PREFIX,"Nothing to do for",currentCharacterBGM, newCharacter, currentExpressionBGM, cooldownBGM);
-    }
-}
-
-async function loadCharacterBGM(newCharacter) {
-    console.debug(DEBUG_PREFIX, "New character detected, loading BGM folder of", newCharacter);
-
-    // 1.1) First time character appear, load its music folder
-    const audio_file_paths = await getCharacterBgmList(newCharacter);
-    //console.debug(DEBUG_PREFIX, "Recieved", audio_file_paths);
-
-    // Initialise expression/files mapping
-    characterMusics[newCharacter] = {};
-    for (const e of DEFAULT_EXPRESSIONS)
-        characterMusics[newCharacter][e] = [];
-
-    for (const i of audio_file_paths) {
-        //console.debug(DEBUG_PREFIX,"File found:",i);
-        for (const e of DEFAULT_EXPRESSIONS)
-            if (i.includes(e))
-                characterMusics[newCharacter][e].push(i);
-    }
-    console.debug(DEBUG_PREFIX, "Updated BGM map of", newCharacter, "to", characterMusics[newCharacter]);
-
-    fillBGMSelect();
-}
-
-function getNewExpression() {
-    let newExpression;
-
-    // HACK: use sprite file name as expression detection
-    if (!$(SPRITE_DOM_ID).length) {
-        console.error(DEBUG_PREFIX, "ERROR: expression sprite does not exist, cannot extract expression from ", SPRITE_DOM_ID)
-        return FALLBACK_EXPRESSION;
-    }
-
-    const spriteFile = $("#expression-image").attr("src");
-    newExpression = spriteFile.substring(spriteFile.lastIndexOf("/") + 1).replace(/\.[^/.]+$/, "");
-    //
-
-    // No sprite to detect expression
-    if (newExpression == "") {
-        //console.info(DEBUG_PREFIX,"Warning: no expression extracted from sprite, switch to",FALLBACK_EXPRESSION);
-        newExpression = FALLBACK_EXPRESSION;
-    }
-
-    if (!DEFAULT_EXPRESSIONS.includes(newExpression)) {
-        console.info(DEBUG_PREFIX, "Warning:", newExpression, " is not a handled expression, expected one of", FALLBACK_EXPRESSION);
-        return FALLBACK_EXPRESSION;
-    }
-
-    return newExpression;
-}
-
-async function updateBGM(isUserInput = false, newChat = false) {
-    if (!isUserInput && !extension_settings.audio.dynamic_bgm_enabled && $("#audio_bgm").attr("src") != "" && !bgmEnded && !newChat) {
-        console.debug(DEBUG_PREFIX, "BGM already playing and dynamic switch disabled, no update done");
-        return;
-    }
-
-    let audio_file_path = ""
-    if (isUserInput || (extension_settings.audio.bgm_locked && extension_settings.audio.bgm_selected !== null)) {
-        audio_file_path = extension_settings.audio.bgm_selected;
-
-        if (isUserInput)
-            console.debug(DEBUG_PREFIX, "User selected BGM", audio_file_path);
-        if (extension_settings.audio.bgm_locked)
-            console.debug(DEBUG_PREFIX, "BGM locked keeping current audio", audio_file_path);
-    }
-    else {
-
-        let audio_files = null;
-
-        if (extension_settings.audio.dynamic_bgm_enabled) {
-            extension_settings.audio.bgm_selected = null;
-            saveSettingsDebounced();
-            audio_files = characterMusics[currentCharacterBGM][currentExpressionBGM];// Try char expression BGM
-
-            if (audio_files === undefined || audio_files.length == 0) {
-                console.debug(DEBUG_PREFIX, "No BGM for", currentCharacterBGM, currentExpressionBGM);
-                audio_files = characterMusics[currentCharacterBGM][FALLBACK_EXPRESSION]; // Try char FALLBACK BGM
-                if (audio_files === undefined || audio_files.length == 0) {
-                    console.debug(DEBUG_PREFIX, "No default BGM for", currentCharacterBGM, FALLBACK_EXPRESSION, "switch to ST BGM");
-                    audio_files = fallback_BGMS; // ST FALLBACK BGM
-
-                    if (audio_files.length == 0) {
-                        console.debug(DEBUG_PREFIX, "No default BGM file found, bgm folder may be empty.");
-                        return;
-                    }
-                }
-            }
-        }
-        else {
-            audio_files = [];
-            $("#audio_bgm_select option").each(function () { audio_files.push($(this).val()); });
-        }
-
-        audio_file_path = audio_files[Math.floor(Math.random() * audio_files.length)];
-    }
-
-    console.log(DEBUG_PREFIX, "Updating BGM");
-    console.log(DEBUG_PREFIX, "Checking file", audio_file_path);
-    try {
-        const response = await fetch(audio_file_path);
-
-        if (!response.ok) {
-            console.log(DEBUG_PREFIX, "File not found!")
-        }
-        else {
-            console.log(DEBUG_PREFIX, "Switching BGM to", currentExpressionBGM);
-            $("#audio_bgm_select").val(audio_file_path);
-            const audio = $("#audio_bgm");
-
-            if (audio.attr("src") == audio_file_path && !bgmEnded) {
-                console.log(DEBUG_PREFIX, "Already playing, ignored");
-                return;
-            }
-
-            let fade_time = 2000;
-            bgmEnded = false;
-
-            if (isUserInput || extension_settings.audio.bgm_locked) {
-                audio.attr("src", audio_file_path);
-                audio[0].play();
-            }
-            else {
-                audio.animate({ volume: 0.0 }, fade_time, function () {
-                    audio.attr("src", audio_file_path);
-                    audio[0].play();
-                    audio.volume = extension_settings.audio.bgm_volume * 0.01;
-                    audio.animate({ volume: extension_settings.audio.bgm_volume * 0.01 }, fade_time);
-                });
-            }
-        }
-
-    } catch (error) {
-        console.log(DEBUG_PREFIX, "Error while trying to fetch", audio_file_path, ":", error);
-    }
-}
-
-async function updateAmbient(isUserInput = false) {
-    let audio_file_path = null;
-
-    if (isUserInput || extension_settings.audio.ambient_locked) {
-        audio_file_path = extension_settings.audio.ambient_selected;
-
-        if (isUserInput)
-            console.debug(DEBUG_PREFIX, "User selected Ambient", audio_file_path);
-        if (extension_settings.audio.bgm_locked)
-            console.debug(DEBUG_PREFIX, "Ambient locked keeping current audio", audio_file_path);
-    }
-    else {
-        extension_settings.audio.ambient_selected = null;
-        for (const i of ambients) {
-            console.debug(i)
-            if (i.includes(currentBackground)) {
-                audio_file_path = i;
-                break;
-            }
-        }
-    }
-
-    if (audio_file_path === null) {
-        console.debug(DEBUG_PREFIX, "No bgm file found for background", currentBackground);
-        const audio = $("#audio_ambient");
-        audio.attr("src", "");
-        audio[0].pause();
-        return;
-    }
-
-    //const audio_file_path = AMBIENT_FOLDER+currentBackground+".mp3";
-    console.log(DEBUG_PREFIX, "Updating ambient");
-    console.log(DEBUG_PREFIX, "Checking file", audio_file_path);
-    $("#audio_ambient_select").val(audio_file_path);
-
-    let fade_time = 2000;
-    if (isUserInput)
-        fade_time = 0;
-
-    const audio = $("#audio_ambient");
-
-    if (audio.attr("src") == audio_file_path) {
-        console.log(DEBUG_PREFIX, "Already playing, ignored");
-        return;
-    }
-
-    audio.animate({ volume: 0.0 }, fade_time, function () {
-        audio.attr("src", audio_file_path);
-        audio[0].play();
-        audio.volume = extension_settings.audio.ambient_volume * 0.01;
-        audio.animate({ volume: extension_settings.audio.ambient_volume * 0.01 }, fade_time);
-    });
-}
-
-/**
- * Handles wheel events on volume sliders.
- * @param {WheelEvent} e Event
- */
-function onVolumeSliderWheelEvent(e) {
-    const slider = $(this);
-    e.preventDefault();
-    e.stopPropagation();
-
-    const delta = e.deltaY / 20;
-    const sliderVal = Number(slider.val());
-
-    let newVal = sliderVal - delta;
-    if (newVal < 0) {
-        newVal = 0;
-    } else if (newVal > 100) {
-        newVal = 100;
-    }
-
-    slider.val(newVal).trigger('input');
-}
-
-//#############################//
-//  Extension load             //
-//#############################//
-
-// This function is called when the extension is loaded
-jQuery(async () => {
-    const windowHtml = $(await $.get(`${extensionFolderPath}/window.html`));
-
-    $('#extensions_settings').append(windowHtml);
-    loadSettings();
-
-    $("#audio_enabled").on("click", onEnabledClick);
-    $("#audio_dynamic_bgm_enabled").on("click", onDynamicBGMEnabledClick);
-    //$("#audio_dynamic_ambient_enabled").on("click", onDynamicAmbientEnabledClick);
-
-    //$("#audio_bgm").attr("loop", false);
-    $("#audio_ambient").attr("loop", true);
-
-    $("#audio_bgm").hide();
-    $("#audio_bgm_lock").on("click", onBGMLockClick);
-    $("#audio_bgm_mute").on("click", onBGMMuteClick);
-    $("#audio_bgm_volume_slider").on("input", onBGMVolumeChange);
-    $("#audio_bgm_random").on("click", onBGMRandomClick);
-
-    $("#audio_ambient").hide();
-    $("#audio_ambient_lock").on("click", onAmbientLockClick);
-    $("#audio_ambient_mute").on("click", onAmbientMuteClick);
-    $("#audio_ambient_volume_slider").on("input", onAmbientVolumeChange);
-
-    document.getElementById('audio_ambient_volume_slider').addEventListener('wheel', onVolumeSliderWheelEvent, { passive: false });
-    document.getElementById('audio_bgm_volume_slider').addEventListener('wheel', onVolumeSliderWheelEvent, { passive: false });
-
-    $("#audio_bgm_cooldown").on("input", onBGMCooldownInput);
-
-    // Reset assets container, will be redected like if ST restarted
-    $("#audio_refresh_assets").on("click", function () {
-        console.debug(DEBUG_PREFIX, "Refreshing audio assets");
-        current_chat_id = null
-        fallback_BGMS = null;
-        ambients = null;
-        characterMusics = {};
-        currentCharacterBGM = null;
-        currentExpressionBGM = null;
-        currentBackground = null;
-    })
-
-    $("#audio_bgm_select").on("change", onBGMSelectChange);
-    $("#audio_ambient_select").on("change", onAmbientSelectChange);
-
-    // DBG
-    $("#audio_debug").on("click", function () {
-        if ($("#audio_debug").is(':checked')) {
-            $("#audio_bgm").show();
-            $("#audio_ambient").show();
-        }
-        else {
-            $("#audio_bgm").hide();
-            $("#audio_ambient").hide();
-        }
-    });
-    //
-
-    $("#audio_bgm").on("ended", function () {
-        console.debug(DEBUG_PREFIX, "END OF BGM")
-        if (!extension_settings.audio.bgm_locked) {
-            bgmEnded = true;
-            updateBGM();
-        }
-    });
-
-    const wrapper = new ModuleWorkerWrapper(moduleWorker);
-    setInterval(wrapper.update.bind(wrapper), UPDATE_INTERVAL);
-    moduleWorker();
-});

public/scripts/extensions/audio/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "Dynamic Audio",
-    "loading_order": 14,
-    "requires": [],
-    "optional": ["classify"],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Keij#6799 and Deffcolony",
-    "version": "0.1.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/audio/style.css

@@ -1,92 +0,0 @@
-.audio-ui-block {
-    margin-bottom: 1em;
-}
-
-.audio-mixer-div {
-    display: flex;
-    flex-direction: row;
-    padding: 5px;
-    background-color: rgba(38, 38, 38, 0.5);
-    border: 1px rgb(75, 75, 75) solid;
-    border-radius: 10px;
-}
-
-.audio-label {
-    display: block;
-    text-align: center;
-}
-
-.audio-volume-div {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-}
-
-.audio-lock-button {
-    width: 100%;
-    height: 2em;
-}
-
-.audio-random-button {
-    width: 100%;
-    height: 2em;
-}
-
-.audio-mute-button {
-    width: 100%;
-    height: 2em;
-}
-
-.audio-slider {
-    width: 100% !important;
-    vertical-align: center;
-}
-
-.audio-mute-button-muted {
-    color: red;
-}
-
-#audio_refresh_assets {
-    width: 50px;
-    height: 30px;
-}
-
-.audio-mixer-mute {
-    width: 10%;
-}
-
-.audio-mixer-lock {
-    width: 10%;
-}
-
-.audio-mixer-random {
-    width: 10%;
-}
-
-.audio-container {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-}
-
-.audio-container>.vol {
-    width: 100px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.audio-container>.vol>input {
-    width: 100%;
-}
-
-.audio-container>.playlist {
-    flex-grow: 1;
-}
-
-.audio-container>.playlist>select {
-    height: 100%;
-    margin: 0 !important;
-}

public/scripts/extensions/audio/window.html

@@ -1,103 +0,0 @@
-<div id="audio_settings">
-    <div class="inline-drawer">
-        <div class="inline-drawer-toggle inline-drawer-header">
-            <b>Dynamic Audio</b>
-            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-        </div>
-        <div class="inline-drawer-content">
-            <div>
-                <label class="checkbox_label" for="audio_enabled">
-                    <input type="checkbox" id="audio_enabled" name="audio_enabled">
-                    <small>Enabled</small>
-                </label>
-                <div id="audio_bgm_dynamic_enable_div">
-                    <label class="checkbox_label" for="audio_dynamic_bgm_enabled">
-                        <input type="checkbox" id="audio_dynamic_bgm_enabled" name="audio_dynamic_bgm_enabled">
-                        <small>Enable expression BGM switch (req. character expression)</small>
-                    </label>
-                </div>
-                <div id="audio_debug_div">
-                    <label class="checkbox_label" for="audio_debug">
-                        <input type="checkbox" id="audio_debug" name="audio_debug">
-                        <small>Debug</small>
-                    </label>
-                </div>
-                <div>
-                    <label for="audio_refresh_assets">Refresh assets</label>
-                    <div id="audio_refresh_assets" class="menu_button">
-                        <i class="fa-solid fa-refresh fa-lg"></i>
-                    </div>
-                </div>
-            </div>
-            <div>
-                <div class="audio-ui-block">
-                    <label for="audio_bgm_volume_slider">Music</label>
-                    <div class="audio-mixer-div audio-container">
-                        <div class="audio-mixer-element audio-mixer-mute">
-                            <div id="audio_bgm_mute" class="menu_button audio-mute-button">
-                                <i class="fa-solid fa-volume-high fa-lg fa-fw" id="audio_bgm_mute_icon"></i>
-                            </div>
-                        </div>
-                        <div class="audio-mixer-element vol audio-mixer-volume">
-                            <input type="range" class ="audio-slider" id ="audio_bgm_volume_slider" value = "0" maxlength ="100">
-                        </div>
-                        <div class="audio-mixer-element playlist audio-mixer-playlist">
-                            <select id="audio_bgm_select">
-                            </select>
-                        </div>
-                        <div class="audio-mixer-element audio-mixer-lock">
-                            <div id="audio_bgm_lock" class="menu_button audio-lock-button">
-                                <i class="fa-solid fa-repeat fa-lg fa-fw" id="audio_bgm_lock_icon"></i>
-                            </div>
-                        </div>
-                        <div class="audio-mixer-element audio-mixer-random">
-                            <div id="audio_bgm_random" class="menu_button audio-random-button">
-                                <i class="fa-solid fa-random fa-lg fa-fw" id="audio_bgm_random_icon"></i>
-                            </div>
-                        </div>
-                    </div>
-                    <audio id="audio_bgm" controls src="">
-                </div>
-                <div>
-                    <label for="audio_ambient_volume_slider">Ambient</label>
-                    <div class="audio-mixer-div audio-container">
-                        <div class="audio-mixer-element audio-mixer-mute">
-                            <div id="audio_ambient_mute" class="menu_button audio-mute-button">
-                                <i class="fa-solid fa-volume-high fa-lg fa-fw" id="audio_ambient_mute_icon"></i>
-                            </div>
-                        </div>
-                        <div class="audio-mixer-element vol audio-mixer-volume">
-                            <input type="range" class ="audio-slider" id ="audio_ambient_volume_slider" value = "0" maxlength ="100">
-                        </div>
-                        <div class="audio-mixer-element playlist audio-mixer-playlist">
-                            <select id="audio_ambient_select">
-                            </select>
-                        </div>
-                        <div class="audio-mixer-element">
-                            <div id="audio_ambient_lock" class="menu_button audio-lock-button">
-                                <i class="fa-solid fa-lock-open fa-lg fa-fw" id="audio_ambient_lock_icon"></i>
-                            </div>
-                        </div>
-                    </div>
-                    <audio id="audio_ambient" controls src="">
-                </div>
-                <div>
-                    <label for="audio_bgm_cooldown">Music update cooldown (in seconds)</label>
-                    <input id="audio_bgm_cooldown" class="text_pole wide30p">
-                </div>
-            </div>
-            <div>
-                <b>Hint:</b>
-                <i>
-                    Create new folder in the
-                    <b>public/characters/</b>
-                    folder and name it as the name of the character.
-                    Create a folder name <b>bgm</b> inside of it.
-                    Put bgm music with expressions there. File names should follow the pattern:
-                    <it>[expression_label]_[number].mp3</it>
-                    By default one of the <it>neutral_[number].mp3</it> will play if classify module is not active.
-                </i>
-            </div>
-        </div>
-    </div>
-</div>

public/scripts/extensions/backgrounds/index.js

@@ -1,178 +0,0 @@
-import { eventSource, event_types, generateQuietPrompt } from "../../../script.js";
-import { getContext, saveMetadataDebounced } from "../../extensions.js";
-import { registerSlashCommand } from "../../slash-commands.js";
-import { stringFormat } from "../../utils.js";
-export { MODULE_NAME };
-
-const MODULE_NAME = 'backgrounds';
-const METADATA_KEY = 'custom_background';
-
-/**
- * @param {string} background
- */
-function forceSetBackground(background) {
-    saveBackgroundMetadata(background);
-    setCustomBackground();
-}
-
-async function moduleWorker() {
-    if (hasCustomBackground()) {
-        $('#unlock_background').show();
-        $('#lock_background').hide();
-        setCustomBackground();
-    }
-    else {
-        $('#unlock_background').hide();
-        $('#lock_background').show();
-        unsetCustomBackground();
-    }
-}
-
-function onLockBackgroundClick() {
-    const bgImage = window.getComputedStyle(document.getElementById('bg1')).backgroundImage;
-
-    // Extract the URL from the CSS string
-    const urlRegex = /url\((['"])?(.*?)\1\)/;
-    const matches = bgImage.match(urlRegex);
-    const url = matches[2];
-
-    // Remove the protocol and host, leaving the relative URL
-    const relativeUrl = new URL(url).pathname;
-    const relativeBgImage = `url("${relativeUrl}")`
-
-    saveBackgroundMetadata(relativeBgImage);
-    setCustomBackground();
-    $('#unlock_background').show();
-    $('#lock_background').hide();
-}
-
-function onUnlockBackgroundClick() {
-    removeBackgroundMetadata();
-    unsetCustomBackground();
-    $('#unlock_background').hide();
-    $('#lock_background').show();
-}
-
-function hasCustomBackground() {
-    const context = getContext();
-    return !!context.chatMetadata[METADATA_KEY];
-}
-
-function saveBackgroundMetadata(file) {
-    const context = getContext();
-    context.chatMetadata[METADATA_KEY] = file;
-    saveMetadataDebounced();
-}
-
-function removeBackgroundMetadata() {
-    const context = getContext();
-    delete context.chatMetadata[METADATA_KEY];
-    saveMetadataDebounced();
-}
-
-function setCustomBackground() {
-    const context = getContext();
-    const file = context.chatMetadata[METADATA_KEY];
-
-    // bg already set
-    if (document.getElementById("bg_custom").style.backgroundImage == file) {
-        return;
-    }
-
-    $("#bg_custom").css("background-image", file);
-    $("#custom_bg_preview").css("background-image", file);
-}
-
-function unsetCustomBackground() {
-    $("#bg_custom").css("background-image", 'none');
-    $("#custom_bg_preview").css("background-image", 'none');
-}
-
-function onSelectBackgroundClick() {
-    const bgfile = $(this).attr("bgfile");
-
-    if (hasCustomBackground()) {
-        saveBackgroundMetadata(`url("backgrounds/${bgfile}")`);
-        setCustomBackground();
-    }
-}
-
-const autoBgPrompt = `Pause your roleplay and choose a location ONLY from the provided list that is the most suitable for the current scene. Do not output any other text:\n{0}`;
-
-async function autoBackgroundCommand() {
-    const options = Array.from(document.querySelectorAll('.BGSampleTitle')).map(x => ({ element: x, text: x.innerText.trim() })).filter(x => x.text.length > 0);
-    if (options.length == 0) {
-        toastr.warning('No backgrounds to choose from. Please upload some images to the "backgrounds" folder.');
-        return;
-    }
-
-    const list = options.map(option => `- ${option.text}`).join('\n');
-    const prompt = stringFormat(autoBgPrompt, list);
-    const reply = await generateQuietPrompt(prompt);
-    const fuse = new Fuse(options, { keys: ['text'] });
-    const bestMatch = fuse.search(reply, { limit: 1 });
-
-    if (bestMatch.length == 0) {
-        toastr.warning('No match found. Please try again.');
-        return;
-    }
-
-    console.debug('Automatically choosing background:', bestMatch);
-    bestMatch[0].item.element.click();
-}
-
-$(document).ready(function () {
-    function addSettings() {
-        const html = `
-        <div class="background_settings">
-            <div class="inline-drawer">
-                <div class="inline-drawer-toggle inline-drawer-header">
-                    <b>Chat Backgrounds</b>
-                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-                </div>
-                <div class="inline-drawer-content">
-                    <div class="background_controls">
-                        <div id="lock_background" class="menu_button">
-                            <i class="fa-solid fa-lock"></i>
-                            Lock
-                        </div>
-                        <div id="unlock_background" class="menu_button">
-                            <i class="fa-solid fa-unlock"></i>
-                            Unlock
-                        </div>
-                        <small>
-                            Press "Lock" to assign a currently selected background to a character or group chat.<br>
-                            Any background image selected while lock is engaged will be saved automatically.
-                        </small>
-                    </div>
-                    <div class="background_controls">
-                        <div id="auto_background" class="menu_button">
-                            <i class="fa-solid fa-wand-magic"></i>
-                            Auto
-                        </div>
-                        <small>
-                            Automatically select a background based on the chat context.<br>
-                            Respects the "Lock" setting state.
-                        </small>
-                    </div>
-                    <div>Preview</div>
-                    <div id="custom_bg_preview">
-                    </div>
-                </div>
-            </div>
-        </div>
-        `;
-        $('#extensions_settings').append(html);
-        $('#lock_background').on('click', onLockBackgroundClick);
-        $('#unlock_background').on('click', onUnlockBackgroundClick);
-        $(document).on("click", ".bg_example", onSelectBackgroundClick);
-        $('#auto_background').on("click", autoBackgroundCommand);
-    }
-
-    addSettings();
-    registerSlashCommand('lockbg', onLockBackgroundClick, ['bglock'], "– locks a background for the currently selected chat", true, true);
-    registerSlashCommand('unlockbg', onUnlockBackgroundClick, ['bgunlock'], '– unlocks a background for the currently selected chat', true, true);
-    registerSlashCommand('autobg', autoBackgroundCommand, ['bgauto'], '– automatically changes the background based on the chat context using the AI request prompt', true, true);
-    eventSource.on(event_types.FORCE_SET_BACKGROUND, forceSetBackground);
-    eventSource.on(event_types.CHAT_CHANGED, moduleWorker);
-});

public/scripts/extensions/backgrounds/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "Chat Backgrounds",
-    "loading_order": 7,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Cohee#1207",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/backgrounds/style.css

@@ -1,45 +0,0 @@
-#custom_bg_preview {
-    width: 160px;
-    height: 90px;
-    background-color: var(--grey30a);
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    background-size: cover;
-    border-radius: 20px;
-    border: 1px solid var(--SmartThemeBorderColor);
-    box-shadow: 0 0 7px var(--black50a);
-    margin: 5px;
-}
-
-#custom_bg_preview::before {
-    content: 'No Background';
-    color: white;
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-#custom_bg_preview:not([style*="background-image: none"])::before {
-    display: none;
-}
-
-.background_controls .menu_button {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    column-gap: 10px;
-}
-
-.background_controls {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    column-gap: 10px;
-}
-
-.background_controls small {
-    flex-grow: 1;
-}

public/scripts/extensions/bulk-edit/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "Bulk Card Editor",
-    "loading_order": 9,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "city-unit",
-    "version": "1.0.0",
-    "homePage": "https://github.com/city-unit"
-}

public/scripts/extensions/bulk-edit/style.css

@@ -1,7 +0,0 @@
-.bulk_select_checkbox {
-    align-self: center;
-}
-
-#rm_print_characters_block.bulk_select .wide100pLess70px {
-    width: calc(100% - 85px);
-}

public/scripts/extensions/caption/index.js

@@ -1,17 +1,57 @@
 import { getBase64Async, saveBase64AsFile } from "../../utils.js";
 import { getContext, getApiUrl, doExtrasFetch, extension_settings, modules } from "../../extensions.js";
-import { callPopup, getRequestHeaders, saveSettingsDebounced } from "../../../script.js";
+import { callPopup, getRequestHeaders, saveSettingsDebounced, substituteParams } from "../../../script.js";
 import { getMessageTimeStamp } from "../../RossAscends-mods.js";
+import { SECRET_KEYS, secret_state } from "../../secrets.js";
+import { getMultimodalCaption } from "../shared.js";
 export { MODULE_NAME };
 
 const MODULE_NAME = 'caption';
-const UPDATE_INTERVAL = 1000;
 
-async function moduleWorker() {
-    const hasConnection = getContext().onlineStatus !== 'no_connection';
-    $('#send_picture').toggle(hasConnection);
+const PROMPT_DEFAULT = 'What’s in this image?';
+const TEMPLATE_DEFAULT = '[{{user}} sends {{char}} a picture that contains: {{caption}}]';
+
+/**
+ * Migrates old extension settings to the new format.
+ * Must keep this function for compatibility with old settings.
+ */
+function migrateSettings() {
+    if (extension_settings.caption.local !== undefined) {
+        extension_settings.caption.source = extension_settings.caption.local ? 'local' : 'extras';
+    }
+
+    delete extension_settings.caption.local;
+
+    if (!extension_settings.caption.source) {
+        extension_settings.caption.source = 'extras';
+    }
+
+    if (extension_settings.caption.source === 'openai') {
+        extension_settings.caption.source = 'multimodal';
+        extension_settings.caption.multimodal_api = 'openai';
+        extension_settings.caption.multimodal_model = 'gpt-4-vision-preview';
+    }
+
+    if (!extension_settings.caption.multimodal_api) {
+        extension_settings.caption.multimodal_api = 'openai';
+    }
+
+    if (!extension_settings.caption.multimodal_model) {
+        extension_settings.caption.multimodal_model = 'gpt-4-vision-preview';
+    }
+
+    if (!extension_settings.caption.prompt) {
+        extension_settings.caption.prompt = PROMPT_DEFAULT;
+    }
+
+    if (!extension_settings.caption.template) {
+        extension_settings.caption.template = TEMPLATE_DEFAULT;
+    }
 }
 
+/**
+ * Sets an image icon for the send button.
+ */
 async function setImageIcon() {
     try {
         const sendButton = $('#send_picture .extensionsMenuExtensionButton');
@@ -23,6 +63,9 @@ async function setImageIcon() {
     }
 }
 
+/**
+ * Sets a spinner icon for the send button.
+ */
 async function setSpinnerIcon() {
     try {
         const sendButton = $('#send_picture .extensionsMenuExtensionButton');
@@ -34,9 +77,21 @@ async function setSpinnerIcon() {
     }
 }
 
+/**
+ * Sends a captioned message to the chat.
+ * @param {string} caption Caption text
+ * @param {string} image Image URL
+ */
 async function sendCaptionedMessage(caption, image) {
     const context = getContext();
-    let messageText = `[${context.name1} sends ${context.name2 ?? ''} a picture that contains: ${caption}]`;
+    let template = extension_settings.caption.template || TEMPLATE_DEFAULT;
+
+    if (!/{{caption}}/i.test(template)) {
+        console.warn('Poka-yoke: Caption template does not contain {{caption}}. Appending it.')
+        template += ' {{caption}}';
+    }
+
+    let messageText = substituteParams(template).replace(/{{caption}}/i, caption);
 
     if (extension_settings.caption.refine_mode) {
         messageText = await callPopup(
@@ -62,45 +117,108 @@ async function sendCaptionedMessage(caption, image) {
     };
     context.chat.push(message);
     context.addOneMessage(message);
-    await context.generate('caption');
 }
 
-async function doCaptionRequest(base64Img) {
-    if (extension_settings.caption.local) {
-        const apiResult = await fetch('/api/extra/caption', {
-            method: 'POST',
-            headers: getRequestHeaders(),
-            body: JSON.stringify({ image: base64Img })
-        });
+/**
+ * Generates a caption for an image using a selected source.
+ * @param {string} base64Img Base64 encoded image without the data:image/...;base64, prefix
+ * @param {string} fileData Base64 encoded image with the data:image/...;base64, prefix
+ * @returns {Promise<{caption: string}>} Generated caption
+ */
+async function doCaptionRequest(base64Img, fileData) {
+    switch (extension_settings.caption.source) {
+        case 'local':
+            return await captionLocal(base64Img);
+        case 'extras':
+            return await captionExtras(base64Img);
+        case 'horde':
+            return await captionHorde(base64Img);
+        case 'multimodal':
+            return await captionMultimodal(fileData);
+        default:
+            throw new Error('Unknown caption source.');
+    }
+}
 
-        if (!apiResult.ok) {
-            throw new Error('Failed to caption image via local pipeline.');
-        }
-
-        const data = await apiResult.json();
-        return data;
-    } else if (modules.includes('caption')) {
-        const url = new URL(getApiUrl());
-        url.pathname = '/api/caption';
-
-        const apiResult = await doExtrasFetch(url, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Bypass-Tunnel-Reminder': 'bypass',
-            },
-            body: JSON.stringify({ image: base64Img })
-        });
-
-        if (!apiResult.ok) {
-            throw new Error('Failed to caption image via Extras.');
-        }
-
-        const data = await apiResult.json();
-        return data;
-    } else {
+/**
+ * Generates a caption for an image using Extras API.
+ * @param {string} base64Img Base64 encoded image without the data:image/...;base64, prefix
+ * @returns {Promise<{caption: string}>} Generated caption
+ */
+async function captionExtras(base64Img) {
+    if (!modules.includes('caption')) {
         throw new Error('No captioning module is available.');
     }
+
+    const url = new URL(getApiUrl());
+    url.pathname = '/api/caption';
+
+    const apiResult = await doExtrasFetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'Bypass-Tunnel-Reminder': 'bypass',
+        },
+        body: JSON.stringify({ image: base64Img })
+    });
+
+    if (!apiResult.ok) {
+        throw new Error('Failed to caption image via Extras.');
+    }
+
+    const data = await apiResult.json();
+    return data;
+}
+
+/**
+ * Generates a caption for an image using a local model.
+ * @param {string} base64Img Base64 encoded image without the data:image/...;base64, prefix
+ * @returns {Promise<{caption: string}>} Generated caption
+ */
+async function captionLocal(base64Img) {
+    const apiResult = await fetch('/api/extra/caption', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        body: JSON.stringify({ image: base64Img })
+    });
+
+    if (!apiResult.ok) {
+        throw new Error('Failed to caption image via local pipeline.');
+    }
+
+    const data = await apiResult.json();
+    return data;
+}
+
+/**
+ * Generates a caption for an image using a Horde model.
+ * @param {string} base64Img Base64 encoded image without the data:image/...;base64, prefix
+ * @returns {Promise<{caption: string}>} Generated caption
+ */
+async function captionHorde(base64Img) {
+    const apiResult = await fetch('/api/horde/caption-image', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        body: JSON.stringify({ image: base64Img })
+    });
+
+    if (!apiResult.ok) {
+        throw new Error('Failed to caption image via Horde.');
+    }
+
+    const data = await apiResult.json();
+    return data;
+}
+
+/**
+ * Generates a caption for an image using a multimodal model.
+ * @param {string} base64Img Base64 encoded image with the data:image/...;base64, prefix
+ * @returns {Promise<{caption: string}>} Generated caption
+ */
+async function captionMultimodal(base64Img) {
+    const prompt = extension_settings.caption.prompt || PROMPT_DEFAULT;
+    const caption = await getMultimodalCaption(base64Img, prompt);
+    return { caption };
 }
 
 async function onSelectImage(e) {
@@ -116,11 +234,8 @@ async function onSelectImage(e) {
         const fileData = await getBase64Async(file);
         const base64Format = fileData.split(',')[0].split(';')[0].split('/')[1];
         const base64Data = fileData.split(',')[1];
-        const data = await doCaptionRequest(base64Data);
-        const caption = data.caption;
-        const imageToSave = data.thumbnail ? data.thumbnail : base64Data;
-        const format = data.thumbnail ? 'jpeg' : base64Format;
-        const imagePath = await saveBase64AsFile(imageToSave, context.name2, '', format);
+        const { caption } = await doCaptionRequest(base64Data, fileData);
+        const imagePath = await saveBase64AsFile(base64Data, context.name2, '', base64Format);
         await sendCaptionedMessage(caption, imagePath);
     }
     catch (error) {
@@ -143,16 +258,26 @@ jQuery(function () {
         const sendButton = $(`
         <div id="send_picture" class="list-group-item flex-container flexGap5">
             <div class="fa-solid fa-image extensionsMenuExtensionButton"></div>
-            Send a Picture
+            Generate Caption
+        </div>`);
+        const attachFileButton = $(`
+        <div id="attachFile" class="list-group-item flex-container flexGap5">
+            <div class="fa-solid fa-paperclip extensionsMenuExtensionButton"></div>
+            Attach a File
         </div>`);
 
         $('#extensionsMenu').prepend(sendButton);
-        $(sendButton).hide();
+        $('#extensionsMenu').prepend(attachFileButton);
         $(sendButton).on('click', () => {
-            const hasCaptionModule = modules.includes('caption') || extension_settings.caption.local;
+            const hasCaptionModule =
+                (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.source === 'multimodal' && extension_settings.caption.multimodal_api === 'openrouter' && secret_state[SECRET_KEYS.OPENROUTER]) ||
+                extension_settings.caption.source === 'local' ||
+                extension_settings.caption.source === 'horde';
 
             if (!hasCaptionModule) {
-                toastr.error('No captioning module is available. Either enable the local captioning pipeline or connect to Extras.');
+                toastr.error('Choose other captioning source in the extension settings.', 'Captioning is not available');
                 return;
             }
 
@@ -160,7 +285,7 @@ jQuery(function () {
         });
     }
     function addPictureSendForm() {
-        const inputHtml = `<input id="img_file" type="file" accept="image/*">`;
+        const inputHtml = `<input id="img_file" type="file" hidden accept="image/*">`;
         const imgForm = document.createElement('form');
         imgForm.id = 'img_form';
         $(imgForm).append(inputHtml);
@@ -168,6 +293,29 @@ jQuery(function () {
         $('#form_sheld').append(imgForm);
         $('#img_file').on('change', onSelectImage);
     }
+    function switchMultimodalBlocks() {
+        const isMultimodal = extension_settings.caption.source === 'multimodal';
+        $('#caption_multimodal_block').toggle(isMultimodal);
+        $('#caption_prompt_block').toggle(isMultimodal);
+        $('#caption_multimodal_api').val(extension_settings.caption.multimodal_api);
+        $('#caption_multimodal_model').val(extension_settings.caption.multimodal_model);
+        $('#caption_multimodal_model option').each(function () {
+            const type = $(this).data('type');
+            $(this).toggle(type === extension_settings.caption.multimodal_api);
+        });
+        $('#caption_multimodal_api').on('change', () => {
+            const api = String($('#caption_multimodal_api').val());
+            const model = String($(`#caption_multimodal_model option[data-type="${api}"]`).first().val());
+            extension_settings.caption.multimodal_api = api;
+            extension_settings.caption.multimodal_model = model;
+            saveSettingsDebounced();
+            switchMultimodalBlocks();
+        });
+        $('#caption_multimodal_model').on('change', () => {
+            extension_settings.caption.multimodal_model = String($('#caption_multimodal_model').val());
+            saveSettingsDebounced();
+        });
+    }
     function addSettings() {
         const html = `
         <div class="caption_settings">
@@ -177,13 +325,39 @@ jQuery(function () {
                     <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                 </div>
                 <div class="inline-drawer-content">
-                    <label class="checkbox_label" for="caption_local">
-                        <input id="caption_local" type="checkbox" class="checkbox">
-                        Use local captioning pipeline
-                    </label>
-                    <label class="checkbox_label" for="caption_refine_mode">
+                    <label for="caption_source">Source</label>
+                    <select id="caption_source" class="text_pole">
+                        <option value="local">Local</option>
+                        <option value="multimodal">Multimodal (OpenAI / OpenRouter)</option>
+                        <option value="extras">Extras</option>
+                        <option value="horde">Horde</option>
+                    </select>
+                    <div id="caption_multimodal_block" class="flex-container wide100p">
+                        <div class="flex1 flex-container flexFlowColumn flexNoGap">
+                            <label for="caption_multimodal_api">API</label>
+                            <select id="caption_multimodal_api" class="flex1 text_pole">
+                                <option value="openai">OpenAI</option>
+                                <option value="openrouter">OpenRouter</option>
+                            </select>
+                        </div>
+                        <div class="flex1 flex-container flexFlowColumn flexNoGap">
+                            <label for="caption_multimodal_model">Model</label>
+                            <select id="caption_multimodal_model" class="flex1 text_pole">
+                                <option data-type="openai" value="gpt-4-vision-preview">gpt-4-vision-preview</option>
+                                <option data-type="openrouter" value="openai/gpt-4-vision-preview">openai/gpt-4-vision-preview</option>
+                                <option data-type="openrouter" value="haotian-liu/llava-13b">haotian-liu/llava-13b</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div id="caption_prompt_block">
+                        <label for="caption_prompt">Caption Prompt</label>
+                        <textarea id="caption_prompt" class="text_pole" rows="1" placeholder="&lt; Use default &gt;">${PROMPT_DEFAULT}</textarea>
+                    </div>
+                    <label for="caption_template">Message Template <small>(use <code>{{caption}}</code> macro)</small></label>
+                    <textarea id="caption_template" class="text_pole" rows="2" placeholder="&lt; Use default &gt;">${TEMPLATE_DEFAULT}</textarea>
+                    <label class="checkbox_label margin-bot-10px" for="caption_refine_mode">
                         <input id="caption_refine_mode" type="checkbox" class="checkbox">
-                        Edit captions before generation
+                        Edit captions before saving
                     </label>
                 </div>
             </div>
@@ -196,13 +370,25 @@ jQuery(function () {
     addPictureSendForm();
     addSendPictureButton();
     setImageIcon();
-    moduleWorker();
+    migrateSettings();
+    switchMultimodalBlocks();
+
     $('#caption_refine_mode').prop('checked', !!(extension_settings.caption.refine_mode));
-    $('#caption_local').prop('checked', !!(extension_settings.caption.local));
+    $('#caption_source').val(extension_settings.caption.source);
+    $('#caption_prompt').val(extension_settings.caption.prompt);
+    $('#caption_template').val(extension_settings.caption.template);
     $('#caption_refine_mode').on('input', onRefineModeInput);
-    $('#caption_local').on('input', () => {
-        extension_settings.caption.local = !!$('#caption_local').prop('checked');
+    $('#caption_source').on('change', () => {
+        extension_settings.caption.source = String($('#caption_source').val());
+        switchMultimodalBlocks();
+        saveSettingsDebounced();
+    });
+    $('#caption_prompt').on('input', () => {
+        extension_settings.caption.prompt = String($('#caption_prompt').val());
+        saveSettingsDebounced();
+    });
+    $('#caption_template').on('input', () => {
+        extension_settings.caption.template = String($('#caption_template').val());
         saveSettingsDebounced();
     });
-    setInterval(moduleWorker, UPDATE_INTERVAL);
 });

public/scripts/extensions/cfg/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "CFG",
-    "loading_order": 1,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "kingbri",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/cfg/menuButton.html

@@ -1,4 +0,0 @@
-<a id="option_toggle_CFG">
-    <i class="fa-lg fa-solid fa-scale-balanced"></i>
-    <span data-i18n="CFG Scale">CFG Scale</span>
-</a>

public/scripts/extensions/cfg/util.js

@@ -1,90 +0,0 @@
-import { chat_metadata, substituteParams, this_chid } from "../../../script.js";
-import { extension_settings, getContext } from "../../extensions.js"
-import { selected_group } from "../../group-chats.js";
-import { getCharaFilename } from "../../utils.js";
-
-export const cfgType = {
-    chat: 0,
-    chara: 1,
-    global: 2
-}
-export const metadataKeys = {
-    guidance_scale: "cfg_guidance_scale",
-    negative_prompt: "cfg_negative_prompt",
-    positive_prompt: "cfg_positive_prompt",
-    prompt_combine: "cfg_prompt_combine",
-    groupchat_individual_chars: "cfg_groupchat_individual_chars",
-    prompt_insertion_depth: "cfg_prompt_insertion_depth",
-    prompt_separator: "cfg_prompt_separator"
-}
-
-// Gets the CFG guidance scale
-// If the guidance scale is 1, ignore the CFG prompt(s) since it won't be used anyways
-export function getGuidanceScale() {
-    const charaCfg = extension_settings.cfg.chara?.find((e) => e.name === getCharaFilename(this_chid));
-    const chatGuidanceScale = chat_metadata[metadataKeys.guidance_scale];
-    const groupchatCharOverride = chat_metadata[metadataKeys.groupchat_individual_chars] ?? false;
-
-    if (chatGuidanceScale && chatGuidanceScale !== 1 && !groupchatCharOverride) {
-        return {
-            type: cfgType.chat,
-            value: chatGuidanceScale
-        };
-    }
-
-    if ((!selected_group && charaCfg || groupchatCharOverride) && charaCfg?.guidance_scale !== 1) {
-        return {
-            type: cfgType.chara,
-            value: charaCfg.guidance_scale
-        };
-    }
-
-    if (extension_settings.cfg.global && extension_settings.cfg.global?.guidance_scale !== 1) {
-        return {
-            type: cfgType.global,
-            value: extension_settings.cfg.global.guidance_scale
-        };
-    }
-}
-
-// Gets the CFG prompt
-export function getCfgPrompt(guidanceScale, isNegative) {
-    let splitCfgPrompt = [];
-
-    const cfgPromptCombine = chat_metadata[metadataKeys.prompt_combine] ?? [];
-    if (guidanceScale.type === cfgType.chat || cfgPromptCombine.includes(cfgType.chat)) {
-        splitCfgPrompt.unshift(
-            substituteParams(
-                chat_metadata[isNegative ? metadataKeys.negative_prompt : metadataKeys.positive_prompt]
-            )
-        );
-    }
-
-    const charaCfg = extension_settings.cfg.chara?.find((e) => e.name === getCharaFilename(this_chid));
-    if (guidanceScale.type === cfgType.chara || cfgPromptCombine.includes(cfgType.chara)) {
-        splitCfgPrompt.unshift(
-            substituteParams(
-                isNegative ? charaCfg.negative_prompt : charaCfg.positive_prompt
-            )
-        );
-    }
-
-    if (guidanceScale.type === cfgType.global || cfgPromptCombine.includes(cfgType.global)) {
-        splitCfgPrompt.unshift(
-            substituteParams(
-                isNegative ? extension_settings.cfg.global.negative_prompt : extension_settings.cfg.global.positive_prompt
-            )
-        );
-    }
-
-    // This line is a bit hacky with a JSON.stringify and JSON.parse. Fix this if possible.
-    const customSeparator = JSON.parse(chat_metadata[metadataKeys.prompt_separator] || JSON.stringify("\n")) ?? "\n";
-    const combinedCfgPrompt = splitCfgPrompt.filter((e) => e.length > 0).join(customSeparator);
-    const insertionDepth = chat_metadata[metadataKeys.prompt_insertion_depth] ?? 1;
-    console.log(`Setting CFG with guidance scale: ${guidanceScale.value}, negatives: ${combinedCfgPrompt}`);
-
-    return {
-        value: combinedCfgPrompt,
-        depth: insertionDepth
-    };
-}

public/scripts/extensions/cfg/window.html

@@ -1,172 +0,0 @@
-<div id="cfgConfig" class="drawer-content flexGap5">
-    <div class="panelControlBar flex-container">
-        <div id="cfgConfigHeader" class="fa-solid fa-grip drag-grabber"></div>
-        <div id="CFGClose" class="fa-solid fa-circle-xmark"></div>
-    </div>
-    <div name="cfgConfigHolder" class="scrollY">
-        <div id="chat_cfg_container">
-            <div class="inline-drawer">
-                <div id="CFGBlockToggle" class="inline-drawer-toggle inline-drawer-header">
-                    <b>Chat CFG</b>
-                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-                </div>
-                <div class="inline-drawer-content">
-                    <small>
-                        <b>Unique to this chat.</b><br>
-                    </small>
-                    <label for="chat_cfg_guidance_scale">
-                        <span data-i18n="Scale">Scale</span>
-                        <small data-i18n="1 = disabled">1 = disabled</small>
-                    </label>
-                    <div class="range-block-range-and-counter">
-                        <div class="range-block-range">
-                            <input type="range" id="chat_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
-                        </div>
-                        <div class="range-block-counter">
-                            <div contenteditable="true" data-for="chat_cfg_guidance_scale" id="chat_cfg_guidance_scale_counter">
-                                select
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-                        <label for="chat_cfg_negative_prompt">
-                            <span data-i18n="Negative Prompt">Negative Prompt</span>
-                        </label>
-                        <textarea id="chat_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-
-                        <label for="chat_cfg_positive_prompt">
-                            <span data-i18n="Positive Prompt">Positive Prompt</span>
-                        </label>
-                        <textarea id="chat_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-                    </div>
-                    <div id="groupchat_cfg_use_chara_container">
-                        <label class="checkbox_label" for="groupchat_cfg_use_chara">
-                            <input type="checkbox" id="groupchat_cfg_use_chara" />
-                            <span data-i18n="Use character CFG scales">Use character CFG scales</span>
-                        </label>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="chara_cfg_container" style="display: none;">
-            <hr class="sysHR">
-            <div class="inline-drawer">
-                <div id="charaANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
-                    <b>Character CFG</b>
-                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-                </div>
-                <div class="inline-drawer-content">
-                    <small><b>Will be automatically added as the CFG for this character.</b></small>
-                    <br />
-                    <label for="chara_cfg_guidance_scale">
-                        <span data-i18n="Scale">Scale</span>
-                        <small data-i18n="1 = disabled">1 = disabled</small>
-                    </label>
-                    <div class="range-block-range-and-counter">
-                        <div class="range-block-range">
-                            <input type="range" id="chara_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
-                        </div>
-                        <div class="range-block-counter">
-                            <div contenteditable="true" data-for="chara_cfg_guidance_scale" id="chara_cfg_guidance_scale_counter">
-                                select
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-                        <label for="chara_cfg_negative_prompt">
-                            <span data-i18n="Negative Prompt">Negative Prompt</span>
-                        </label>
-                        <textarea id="chara_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-
-                        <label for="chara_cfg_positive_prompt">
-                            <span data-i18n="Positive Prompt">Positive Prompt</span>
-                        </label>
-                        <textarea id="chara_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="global_cfg_container">
-            <hr class="sysHR">
-            <div class="inline-drawer">
-                <div id="defaultANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
-                    <b>Global CFG</b>
-                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-                </div>
-                <div class="inline-drawer-content">
-                    <small><b>Will be used as the default CFG options for every chat unless overridden.</b></small>
-                    <br />
-                    <label for="global_cfg_guidance_scale">
-                        <span data-i18n="Scale">Scale</span>
-                        <small data-i18n="1 = disabled">1 = disabled</small>
-                    </label>
-                    <div class="range-block-range-and-counter">
-                        <div class="range-block-range">
-                            <input type="range" id="global_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
-                        </div>
-                        <div class="range-block-counter">
-                            <div contenteditable="true" data-for="global_cfg_guidance_scale" id="global_cfg_guidance_scale_counter">
-                                select
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-                        <label for="global_cfg_negative_prompt">
-                            <span data-i18n="Negative Prompt">Negative Prompt</span>
-                        </label>
-                        <textarea id="global_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-
-                        <label for="global_cfg_positive_prompt">
-                            <span data-i18n="Positive Prompt">Positive Prompt</span>
-                        </label>
-                        <textarea id="global_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="cfg_prompt_combine_container">
-            <hr class="sysHR">
-            <div class="inline-drawer">
-                <div id="defaultANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
-                    <b>CFG Prompt Cascading</b>
-                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-                </div>
-                <div class="inline-drawer-content">
-                    <div class="flex-container flexFlowColumn">
-                        <small>
-                            <b>Combine positive/negative prompts from other boxes.</b>
-                            <br />
-                            For example, ticking the chat, global, and character boxes combine all negative prompts into a comma-separated string.
-                        </small>
-                    </div>
-                    <br />
-                    <div class="flex-container flexFlowColumn">
-                        <label for="cfg_prompt_combine">
-                            <span data-i18n="Scale">Always Include</span>
-                        </label>
-                        <label class="checkbox_label">
-                            <input type="checkbox" name="cfg_prompt_combine" value="0" />
-                            <span data-i18n="Chat Negatives">Chat Negatives</span>
-                        </label>
-                        <label class="checkbox_label">
-                            <input type="checkbox" name="cfg_prompt_combine" value="1" />
-                            <span data-i18n="Character Negatives">Character Negatives</span>
-                        </label>
-                        <label class="checkbox_label">
-                            <input type="checkbox" name="cfg_prompt_combine" value="2" />
-                            <span data-i18n="Global Negatives">Global Negatives</span>
-                        </label>
-                    </div>
-                    <div class="flex-container flexFlowColumn">
-                        <label>
-                            Custom Separator: <input id="cfg_prompt_separator" class="text_pole textarea_compact widthUnset" placeholder="&quot;\n&quot;" type="text" />
-                        </label>
-                        <label>
-                            Insertion Depth: <input id="cfg_prompt_insertion_depth" class="text_pole widthUnset" type="number" min="0" max="99" />
-                        </label>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

public/scripts/extensions/dice/index.js

@@ -1,88 +0,0 @@
-import { callPopup } from "../../../script.js";
-import { getContext } from "../../extensions.js";
-import { registerSlashCommand } from "../../slash-commands.js";
-export { MODULE_NAME };
-
-const MODULE_NAME = 'dice';
-const UPDATE_INTERVAL = 1000;
-
-async function doDiceRoll(customDiceFormula) {
-    let value = typeof customDiceFormula === 'string' ? customDiceFormula.trim() : $(this).data('value');
-
-    if (value == 'custom') {
-        value = await callPopup('Enter the dice formula:<br><i>(for example, <tt>2d6</tt>)</i>', 'input');
-    }
-
-    if (!value) {
-        return;
-    }
-
-    const isValid = droll.validate(value);
-
-    if (isValid) {
-        const result = droll.roll(value);
-        const context = getContext();
-        context.sendSystemMessage('generic', `${context.name1} rolls a ${value}. The result is: ${result.total} (${result.rolls})`, { isSmallSys: true });
-    } else {
-        toastr.warning('Invalid dice formula');
-    }
-}
-
-function addDiceRollButton() {
-    const buttonHtml = `
-    <div id="roll_dice" class="list-group-item flex-container flexGap5">
-        <div class="fa-solid fa-dice extensionsMenuExtensionButton" title="Roll Dice" /></div>
-        Roll Dice
-    </div>
-        `;
-    const dropdownHtml = `
-    <div id="dice_dropdown">
-        <ul class="list-group">
-            <li class="list-group-item" data-value="d4">d4</li>
-            <li class="list-group-item" data-value="d6">d6</li>
-            <li class="list-group-item" data-value="d8">d8</li>
-            <li class="list-group-item" data-value="d10">d10</li>
-            <li class="list-group-item" data-value="d12">d12</li>
-            <li class="list-group-item" data-value="d20">d20</li>
-            <li class="list-group-item" data-value="d100">d100</li>
-            <li class="list-group-item" data-value="custom">...</li>
-        </ul>
-    </div>`;
-
-    $('#extensionsMenu').prepend(buttonHtml);
-
-    $(document.body).append(dropdownHtml)
-    $('#dice_dropdown li').on('click', doDiceRoll);
-    const button = $('#roll_dice');
-    const dropdown = $('#dice_dropdown');
-    dropdown.hide();
-    button.hide();
-
-    let popper = Popper.createPopper(button.get(0), dropdown.get(0), {
-        placement: 'top',
-    });
-
-    $(document).on('click touchend', function (e) {
-        const target = $(e.target);
-        if (target.is(dropdown)) return;
-        if (target.is(button) && !dropdown.is(":visible")) {
-            e.preventDefault();
-
-            dropdown.fadeIn(250);
-            popper.update();
-        } else {
-            dropdown.fadeOut(250);
-        }
-    });
-}
-
-async function moduleWorker() {
-    $('#roll_dice').toggle(getContext().onlineStatus !== 'no_connection');
-}
-
-jQuery(function () {
-    addDiceRollButton();
-    moduleWorker();
-    setInterval(moduleWorker, UPDATE_INTERVAL);
-    registerSlashCommand('roll', (_, value) => doDiceRoll(value), ['r'], "<span class='monospace'>(dice formula)</span> – roll the dice. For example, /roll 2d6", false, true);
-});

public/scripts/extensions/dice/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "D&D Dice",
-    "loading_order": 5,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Cohee#1207",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/dice/style.css

@@ -1,26 +0,0 @@
-#roll_dice {
-    /* order: 100; */
-    /*     width: 40px;
-    height: 40px;
-    margin: 0;
-    padding: 1px; */
-    outline: none;
-    border: none;
-    cursor: pointer;
-    transition: 0.3s;
-    opacity: 0.7;
-    display: flex;
-    align-items: center;
-    /* justify-content: center; */
-
-}
-
-#roll_dice:hover {
-    opacity: 1;
-    filter: brightness(1.2);
-}
-
-#dice_dropdown {
-    z-index: 30000;
-    backdrop-filter: blur(--SmartThemeBlurStrength);
-}

public/scripts/extensions/expressions/index.js

@@ -1,9 +1,10 @@
-import { callPopup, eventSource, event_types, getRequestHeaders, saveSettingsDebounced } from "../../../script.js";
+import { callPopup, eventSource, event_types, getRequestHeaders, saveSettingsDebounced, this_chid } from "../../../script.js";
 import { dragElement, isMobile } from "../../RossAscends-mods.js";
 import { getContext, getApiUrl, modules, extension_settings, ModuleWorkerWrapper, doExtrasFetch, renderExtensionTemplate } from "../../extensions.js";
 import { loadMovingUIState, power_user } from "../../power-user.js";
 import { registerSlashCommand } from "../../slash-commands.js";
 import { onlyUnique, debounce, getCharaFilename, trimToEndSentence, trimToStartSentence } from "../../utils.js";
+import { hideMutedSprites } from "../../group-chats.js";
 export { MODULE_NAME };
 
 const MODULE_NAME = 'expressions';
@@ -118,7 +119,7 @@ async function visualNovelSetCharacterSprites(container, name, expression) {
         const isDisabled = group.disabled_members.includes(avatar);
 
         // skip disabled characters
-        if (isDisabled) {
+        if (isDisabled && hideMutedSprites) {
             continue;
         }
 
@@ -493,24 +494,6 @@ async function moduleWorker() {
         return;
     }
 
-    // character changed
-    if (context.groupId !== lastCharacter && context.characterId !== lastCharacter) {
-        removeExpression();
-        spriteCache = {};
-
-        //clear expression
-        let imgElement = document.getElementById('expression-image');
-        if (imgElement && imgElement instanceof HTMLImageElement) {
-            imgElement.src = "";
-        }
-
-        //set checkbox to global var
-        $('#image_type_toggle').prop('checked', extension_settings.expressions.talkinghead);
-        if (extension_settings.expressions.talkinghead) {
-            setTalkingHeadState(extension_settings.expressions.talkinghead);
-        }
-    }
-
     const vnMode = isVisualNovelMode();
     const vnWrapperVisible = $('#visual-novel-wrapper').is(':visible');
 
@@ -531,7 +514,7 @@ async function moduleWorker() {
     }
 
     const currentLastMessage = getLastCharacterMessage();
-    let spriteFolderName = getSpriteFolderName(currentLastMessage, currentLastMessage.name);
+    let spriteFolderName = context.groupId ? getSpriteFolderName(currentLastMessage, currentLastMessage.name) : getSpriteFolderName();
 
     // character has no expressions or it is not loaded
     if (Object.keys(spriteCache).length === 0) {
@@ -782,7 +765,7 @@ function sampleClassifyText(text) {
     // Remove asterisks and quotes
     let result = text.replace(/[\*\"]/g, '');
 
-    const SAMPLE_THRESHOLD = 300;
+    const SAMPLE_THRESHOLD = 500;
     const HALF_SAMPLE_THRESHOLD = SAMPLE_THRESHOLD / 2;
 
     if (text.length < SAMPLE_THRESHOLD) {
@@ -1492,11 +1475,29 @@ function setExpressionOverrideHtml(forceClear = false) {
     moduleWorker();
     dragElement($("#expression-holder"))
     eventSource.on(event_types.CHAT_CHANGED, () => {
+        // character changed
+        removeExpression();
+        spriteCache = {};
+
+        //clear expression
+        let imgElement = document.getElementById('expression-image');
+        if (imgElement && imgElement instanceof HTMLImageElement) {
+            imgElement.src = "";
+        }
+
+        //set checkbox to global var
+        $('#image_type_toggle').prop('checked', extension_settings.expressions.talkinghead);
+        if (extension_settings.expressions.talkinghead) {
+            setTalkingHeadState(extension_settings.expressions.talkinghead);
+        }
+
         setExpressionOverrideHtml();
 
         if (isVisualNovelMode()) {
             $('#visual-novel-wrapper').empty();
         }
+
+        updateFunction();
     });
     eventSource.on(event_types.MOVABLE_PANELS_RESET, updateVisualNovelModeDebounced);
     eventSource.on(event_types.GROUP_UPDATED, updateVisualNovelModeDebounced);

public/scripts/extensions/gallery/index.js

@@ -5,7 +5,7 @@ import {
     getRequestHeaders,
 } from "../../../script.js";
 import { selected_group } from "../../group-chats.js";
-import { loadFileToDocument } from "../../utils.js";
+import { loadFileToDocument, delay } from "../../utils.js";
 import { loadMovingUIState } from '../../power-user.js';
 import { dragElement } from '../../RossAscends-mods.js';
 import { registerSlashCommand } from "../../slash-commands.js";
@@ -109,6 +109,13 @@ async function initGallery(items, url) {
         let file = e.originalEvent.dataTransfer.files[0];
         uploadFile(file, url);  // Added url parameter to know where to upload
     });
+
+    //let images populate first
+    await delay(100)
+    //unset the height (which must be getting set by the gallery library at some point)
+    $("#dragGallery").css('height', 'unset');
+    //force a resize to make images display correctly
+    jQuery("#dragGallery").nanogallery2('resize');
 }
 
 /**
@@ -247,14 +254,16 @@ $(document).ready(function () {
  * The cloned element has its attributes set, a new child div appended, and is made visible on the body.
  * Additionally, it sets up the element to prevent dragging on its images.
  */
-function makeMovable(id="gallery"){
+function makeMovable(id = "gallery") {
 
     console.debug('making new container from template')
     const template = $('#generic_draggable_template').html();
     const newElement = $(template);
+    newElement.css('background-color', 'var(--SmartThemeBlurTintColor)');
     newElement.attr('forChar', id);
     newElement.attr('id', `${id}`);
     newElement.find('.drag-grabber').attr('id', `${id}header`);
+    newElement.find('.dragTitle').text('Image Gallery')
     //add a div for the gallery
     newElement.append(`<div id="dragGallery"></div>`);
     // add no-scrollbar class to this element
@@ -326,6 +335,8 @@ function makeDragImg(id, url) {
 
         // Ensure that the newly added element is displayed as block
         draggableElem.style.display = 'block';
+        //and has no padding unlike other non-zoomed-avatar draggables
+        draggableElem.style.padding = '0';
 
         // Add an id to the close button
         // If the close button exists, set related-id
@@ -375,11 +386,11 @@ function makeDragImg(id, url) {
  * @param {string} id - The ID to be sanitized.
  * @returns {string} - The sanitized ID.
  */
-function sanitizeHTMLId(id){
+function sanitizeHTMLId(id) {
     // Replace spaces and non-word characters
     id = id.replace(/\s+/g, '-')
-           .replace(/[^\x00-\x7F]/g, '-')
-           .replace(/\W/g, '');
+        .replace(/[^\x00-\x7F]/g, '-')
+        .replace(/\W/g, '');
 
     return id;
 }

public/scripts/extensions/hypebot/index.js

@@ -1,210 +0,0 @@
-import { eventSource, event_types, getRequestHeaders, is_send_press, saveSettingsDebounced } from "../../../script.js";
-import { extension_settings, getContext, renderExtensionTemplate } from "../../extensions.js";
-import { SECRET_KEYS, secret_state } from "../../secrets.js";
-import { collapseNewlines } from "../../power-user.js";
-import { bufferToBase64, debounce } from "../../utils.js";
-import { decodeTextTokens, getTextTokens, tokenizers } from "../../tokenizers.js";
-
-const MODULE_NAME = 'hypebot';
-const WAITING_VERBS = ['thinking', 'typing', 'brainstorming', 'cooking', 'conjuring'];
-const MAX_PROMPT = 1024;
-const MAX_LENGTH = 50;
-const MAX_STRING_LENGTH = MAX_PROMPT * 4;
-
-const settings = {
-    enabled: false,
-    name: 'Goose',
-};
-
-/**
- * Returns a random waiting verb
- * @returns {string} Random waiting verb
- */
-function getWaitingVerb() {
-    return WAITING_VERBS[Math.floor(Math.random() * WAITING_VERBS.length)];
-}
-
-/**
- * Returns a random verb based on the text
- * @param {string} text Text to generate a verb for
- * @returns {string} Random verb
- */
-function getVerb(text) {
-    let verbList = ['says', 'notes', 'states', 'whispers', 'murmurs', 'mumbles'];
-
-    if (text.endsWith('!')) {
-        verbList = ['proclaims', 'declares', 'salutes', 'exclaims', 'cheers'];
-    }
-
-    if (text.endsWith('?')) {
-        verbList = ['asks', 'suggests', 'ponders', 'wonders', 'inquires', 'questions'];
-    }
-
-    return verbList[Math.floor(Math.random() * verbList.length)];
-}
-
-/**
- * Formats the HypeBot reply text
- * @param {string} text HypeBot output text
- * @returns {string} Formatted HTML text
- */
-function formatReply(text) {
-    return `<span class="hypebot_name">${settings.name} ${getVerb(text)}:</span>&nbsp;<span class="hypebot_text">${text}</span>`;
-}
-
-let hypeBotBar;
-let abortController;
-
-const generateDebounced = debounce(() => generateHypeBot(), 500);
-
-/**
- * Sets the HypeBot text. Preserves scroll position of the chat.
- * @param {string} text Text to set
- */
-function setHypeBotText(text) {
-    const chatBlock = $('#chat');
-    const originalScrollBottom = chatBlock[0].scrollHeight - (chatBlock.scrollTop() + chatBlock.outerHeight());
-    hypeBotBar.html(DOMPurify.sanitize(text));
-    const newScrollTop = chatBlock[0].scrollHeight - (chatBlock.outerHeight() + originalScrollBottom);
-    chatBlock.scrollTop(newScrollTop);
-}
-
-/**
- * Called when a chat event occurs to generate a HypeBot reply.
- * @param {boolean} clear Clear the hypebot bar.
- */
-function onChatEvent(clear) {
-    if (clear) {
-        setHypeBotText('');
-    }
-
-    abortController?.abort();
-    generateDebounced();
-};
-
-/**
- * Generates a HypeBot reply.
- */
-async function generateHypeBot() {
-    if (!settings.enabled || is_send_press) {
-        return;
-    }
-
-    if (!secret_state[SECRET_KEYS.NOVEL]) {
-        setHypeBotText('<div class="hypebot_nokey">No API key found. Please enter your API key in the NovelAI API Settings to use the HypeBot.</div>');
-        return;
-    }
-
-    console.debug('Generating HypeBot reply');
-    setHypeBotText(`<span class="hypebot_name">${settings.name}</span> is ${getWaitingVerb()}...`);
-
-    const context = getContext();
-    const chat = context.chat.slice();
-    let prompt = '';
-
-    for (let index = chat.length - 1; index >= 0; index--) {
-        const message = chat[index];
-
-        if (message.is_system || !message.mes) {
-            continue;
-        }
-
-        prompt = `\n${message.mes}\n${prompt}`;
-
-        if (prompt.length >= MAX_STRING_LENGTH) {
-            break;
-        }
-    }
-
-    prompt = collapseNewlines(prompt.replaceAll(/[\*\[\]\{\}]/g, ''));
-
-    if (!prompt) {
-        return;
-    }
-
-    const sliceLength = MAX_PROMPT - MAX_LENGTH;
-    const encoded = getTextTokens(tokenizers.GPT2, prompt).slice(-sliceLength);
-
-    // Add a stop string token to the end of the prompt
-    encoded.push(49527);
-
-    const base64String = await bufferToBase64(new Uint16Array(encoded).buffer);
-
-    const parameters = {
-        input: base64String,
-        model: "hypebot",
-        streaming: false,
-        temperature: 1,
-        max_length: MAX_LENGTH,
-        min_length: 1,
-        top_k: 0,
-        top_p: 1,
-        tail_free_sampling: 0.95,
-        repetition_penalty: 1,
-        repetition_penalty_range: 2048,
-        repetition_penalty_slope: 0.18,
-        repetition_penalty_frequency: 0,
-        repetition_penalty_presence: 0,
-        phrase_rep_pen: "off",
-        bad_words_ids: [],
-        stop_sequences: [[48585]],
-        generate_until_sentence: true,
-        use_cache: false,
-        use_string: false,
-        return_full_text: false,
-        prefix: "vanilla",
-        logit_bias_exp: [],
-        order: [0, 1, 2, 3],
-    };
-
-    abortController = new AbortController();
-
-    const response = await fetch('/api/novelai/generate', {
-        headers: getRequestHeaders(),
-        body: JSON.stringify(parameters),
-        method: 'POST',
-        signal: abortController.signal,
-    });
-
-    if (response.ok) {
-        const data = await response.json();
-        const ids = Array.from(new Uint16Array(Uint8Array.from(atob(data.output), c => c.charCodeAt(0)).buffer));
-        const output = decodeTextTokens(tokenizers.GPT2, ids).replace(/<2F>/g, '').trim();
-
-        setHypeBotText(formatReply(output));
-    } else {
-        setHypeBotText('<div class="hypebot_error">Something went wrong while generating a HypeBot reply. Please try again.</div>');
-    }
-}
-
-jQuery(() => {
-    if (!extension_settings.hypebot) {
-        extension_settings.hypebot = settings;
-    }
-
-    Object.assign(settings, extension_settings.hypebot);
-    $('#extensions_settings2').append(renderExtensionTemplate(MODULE_NAME, 'settings'));
-    hypeBotBar = $(`<div id="hypeBotBar"></div>`).toggle(settings.enabled);
-    $('#send_form').append(hypeBotBar);
-
-    $('#hypebot_enabled').prop('checked', settings.enabled).on('input', () => {
-        settings.enabled = $('#hypebot_enabled').prop('checked');
-        hypeBotBar.toggle(settings.enabled);
-        abortController?.abort();
-        Object.assign(extension_settings.hypebot, settings);
-        saveSettingsDebounced();
-    });
-
-    $('#hypebot_name').val(settings.name).on('input', () => {
-        settings.name = String($('#hypebot_name').val());
-        Object.assign(extension_settings.hypebot, settings);
-        saveSettingsDebounced();
-    });
-
-    eventSource.on(event_types.CHAT_CHANGED, () => onChatEvent(true));
-    eventSource.on(event_types.MESSAGE_DELETED, () => onChatEvent(true));
-    eventSource.on(event_types.MESSAGE_EDITED, () => onChatEvent(true));
-    eventSource.on(event_types.MESSAGE_SENT, () => onChatEvent(false));
-    eventSource.on(event_types.MESSAGE_RECEIVED, () => onChatEvent(false));
-    eventSource.on(event_types.MESSAGE_SWIPED, () => onChatEvent(false));
-});

public/scripts/extensions/hypebot/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "HypeBot",
-    "loading_order": 1000,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Cohee#1207",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/hypebot/settings.html

@@ -1,18 +0,0 @@
-<div class="hypebot_settings">
-    <div class="inline-drawer">
-        <div class="inline-drawer-toggle inline-drawer-header">
-            <b>HypeBot</b>
-            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-        </div>
-        <div class="inline-drawer-content">
-            <div>Show personalized suggestions based on your recent chats using the NovelAI's HypeBot engine.</div>
-            <small><i>Hint: Save an API key in the NovelAI API settings to use it here.</i></small>
-            <label class="checkbox_label" for="hypebot_enabled">
-                <input id="hypebot_enabled" type="checkbox" class="checkbox">
-                Enabled
-            </label>
-            <label>Name:</label>
-            <input id="hypebot_name" type="text" class="text_pole" placeholder="Goose">
-        </div>
-    </div>
-</div>

public/scripts/extensions/hypebot/style.css

@@ -1,17 +0,0 @@
-#hypeBotBar {
-    width: 100%;
-    max-width: 100%;
-    padding: 0.5em;
-    white-space: normal;
-    font-size: calc(var(--mainFontSize) * 0.85);
-    order: 20;
-}
-
-.hypebot_nokey {
-    text-align: center;
-    font-style: italic;
-}
-
-.hypebot_name {
-    font-weight: 600;
-}

public/scripts/extensions/idle/dropdown.html

@@ -1,54 +0,0 @@
-<div class="idle-settings">
-  <div class="inline-drawer">
-    <div class="inline-drawer-toggle inline-drawer-header" title="Indicates the settings for the idle feature.">
-      <b>Idle</b>
-      <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-    </div>
-
-    <div class="inline-drawer-content">
-      <div class="idle_block flex-container">
-        <input id="idle_enabled" type="checkbox" title="Toggle to enable or disable the idle feature." />
-        <label for="idle_enabled">Enabled</label>
-      </div>
-      <div class="idle_block flex-container">
-        <input id="idle_repeats" class="text_pole widthUnset" type="number" min="0" max="100000" step="1" title="The number of times the idle action will be prompted." />
-        <label for="idle_repeats">Idle Prompt Count</label>
-      </div>
-      <div class="idle_block flex-container" style="display: none;">
-        <input id="idle_timer_min" class="text_pole widthUnset" type="number" min="0" max="600000" step="1" title="The minimum amount of time in seconds before the idle action is triggered." />
-        <label for="idle_timer_min">Idle Timer Minimum (seconds)</label>
-      </div>
-      <div class="idle_block flex-container">
-        <input id="idle_timer" class="text_pole widthUnset" type="number" min="0" max="600000" step="1" title="The amount of time in seconds before the idle action is triggered." />
-        <label for="idle_timer">Idle Timer (seconds)</label>
-      </div>
-      <div class="idle_block flex-container">
-        <label for="idle_prompts">Idle Prompts</label>
-        <textarea id="idle_prompts" class="text_pole textarea_compact" rows="6" title="The prompts to be sent to initial the idle reply (newline seperated)."></textarea>
-      </div>
-      <div class="idle_block flex-container">
-        <input id="idle_use_continuation" type="checkbox" title="Indicates whether the idle action will just use the 'Continue' function instead of a prompt." />
-        <label for="idle_use_continuation">Use Continuation</label>
-      </div>
-      <div class="idle_block flex-container">
-        <input id="idle_random_time" type="checkbox" title="Indicates if the idle time should be randomized between a min/max value." />
-        <label for="idle_random_time">Randomize Time</label>
-      </div>
-      <div class="idle_block flex-container">
-        <input id="idle_include_prompt" type="checkbox" title="Indicates if the idle prompting should be included in context. (Sends as user)" />
-        <label for="idle_include_prompt">Include Idle Prompt</label>
-      </div>
-      <div class="idle_block flex-container">
-        <label for="idle_sendAs">Send As</label>
-        <select id="idle_sendAs" class="text_pole" title="Determines how the idle message prompting is sent; as a user, character, system, or raw message.">
-          <option value="user">User</option>
-          <option value="char">Character</option>
-          <option value="sys">System</option>
-          <option value="raw">Raw</option>
-        </select>
-      </div>
-
-      <hr class="sysHR" />
-    </div>
-  </div>
-</div>

public/scripts/extensions/idle/index.js

@@ -1,329 +0,0 @@
-import {
-    saveSettingsDebounced,
-    substituteParams
-} from "../../../script.js";
-import { debounce } from "../../utils.js";
-import { promptQuietForLoudResponse, sendMessageAs, sendNarratorMessage } from "../../slash-commands.js";
-import { extension_settings, getContext, renderExtensionTemplate } from "../../extensions.js";
-import { registerSlashCommand } from "../../slash-commands.js";
-const extensionName = "idle";
-
-let idleTimer = null;
-let repeatCount = 0;
-
-let defaultSettings = {
-    enabled: false,
-    timer: 120,
-    prompts: [
-        "*stands silently, looking deep in thought*",
-        "*pauses, eyes wandering over the surroundings*",
-        "*hesitates, appearing lost for a moment*",
-        "*takes a deep breath, collecting their thoughts*",
-        "*gazes into the distance, seemingly distracted*",
-        "*remains still, absorbing the ambiance*",
-        "*lingers in silence, a contemplative look on their face*",
-        "*stops, fingers brushing against an old memory*",
-        "*seems to drift into a momentary daydream*",
-        "*waits quietly, allowing the weight of the moment to settle*",
-    ],
-    useContinuation: true,
-    repeats: 2, // 0 = infinite
-    sendAs: "user",
-    randomTime: false,
-    timeMin: 60,
-    includePrompt: false,
-};
-
-
-//TODO: Can we make this a generic function?
-/**
- * Load the extension settings and set defaults if they don't exist.
- */
-async function loadSettings() {
-    if (!extension_settings.idle) {
-        console.log("Creating extension_settings.idle");
-        extension_settings.idle = {};
-    }
-    for (const [key, value] of Object.entries(defaultSettings)) {
-        if (!extension_settings.idle.hasOwnProperty(key)) {
-            console.log(`Setting default for: ${key}`);
-            extension_settings.idle[key] = value;
-        }
-    }
-    populateUIWithSettings();
-}
-
-//TODO: Can we make this a generic function too?
-/**
- * Populate the UI components with values from the extension settings.
- */
-function populateUIWithSettings() {
-    $("#idle_timer").val(extension_settings.idle.timer).trigger("input");
-    $("#idle_prompts").val(extension_settings.idle.prompts.join("\n")).trigger("input");
-    $("#idle_use_continuation").prop("checked", extension_settings.idle.useContinuation).trigger("input");
-    $("#idle_enabled").prop("checked", extension_settings.idle.enabled).trigger("input");
-    $("#idle_repeats").val(extension_settings.idle.repeats).trigger("input");
-    $("#idle_sendAs").val(extension_settings.idle.sendAs).trigger("input");
-    $("#idle_random_time").prop("checked", extension_settings.idle.randomTime).trigger("input");
-    $("#idle_timer_min").val(extension_settings.idle.timerMin).trigger("input");
-    $("#idle_include_prompt").prop("checked", extension_settings.idle.includePrompt).trigger("input");
-}
-
-
-/**
- * Reset the idle timer based on the extension settings and context.
- */
-function resetIdleTimer() {
-    console.debug("Resetting idle timer");
-    if (idleTimer) clearTimeout(idleTimer);
-    let context = getContext();
-    if (!context.characterId && !context.groupID) return;
-    if (!extension_settings.idle.enabled) return;
-    if (extension_settings.idle.randomTime) {
-        // ensure these are ints
-        let min = extension_settings.idle.timerMin;
-        let max = extension_settings.idle.timer;
-        min = parseInt(min);
-        max = parseInt(max);
-        let randomTime = (Math.random() * (max - min + 1)) + min;
-        idleTimer = setTimeout(sendIdlePrompt, 1000 * randomTime);
-    } else {
-        idleTimer = setTimeout(sendIdlePrompt, 1000 * extension_settings.idle.timer);
-    }
-}
-
-/**
- * Send a random idle prompt to the AI based on the extension settings.
- * Checks conditions like if the extension is enabled and repeat conditions.
- */
-async function sendIdlePrompt() {
-    if (!extension_settings.idle.enabled) return;
-
-    // Check repeat conditions and waiting for a response
-    if (repeatCount >= extension_settings.idle.repeats || $('#mes_stop').is(':visible')) {
-        //console.debug("Not sending idle prompt due to repeat conditions or waiting for a response.");
-        resetIdleTimer();
-        return;
-    }
-
-    const randomPrompt = extension_settings.idle.prompts[
-        Math.floor(Math.random() * extension_settings.idle.prompts.length)
-    ];
-
-    sendPrompt(randomPrompt);
-    repeatCount++;
-    resetIdleTimer();
-}
-
-
-/**
- * Add our prompt to the chat and then send the chat to the backend.
- * @param {string} sendAs - The type of message to send. "user", "char", or "sys".
- * @param {string} prompt - The prompt text to send to the AI.
- */
-function sendLoud(sendAs, prompt) {
-    if (sendAs === "user") {
-        prompt = substituteParams(prompt);
-
-        $("#send_textarea").val(prompt);
-
-        // Set the focus back to the textarea
-        $("#send_textarea").focus();
-
-        $("#send_but").trigger('click');
-    } else if (sendAs === "char") {
-        sendMessageAs("", `${getContext().name2}\n${prompt}`);
-        promptQuietForLoudResponse(sendAs, "");
-    } else if (sendAs === "sys") {
-        sendNarratorMessage("", prompt);
-        promptQuietForLoudResponse(sendAs, "");
-    }
-    else {
-        console.error(`Unknown sendAs value: ${sendAs}`);
-    }
-}
-
-/**
- * Send the provided prompt to the AI. Determines method based on continuation setting.
- * @param {string} prompt - The prompt text to send to the AI.
- */
-function sendPrompt(prompt) {
-    clearTimeout(idleTimer);
-    $("#send_textarea").off("input");
-
-    if (extension_settings.idle.useContinuation) {
-        $('#option_continue').trigger('click');
-        console.debug("Sending idle prompt with continuation");
-    } else {
-        console.debug("Sending idle prompt");
-        console.log(extension_settings.idle);
-        if (extension_settings.idle.includePrompt) {
-            sendLoud(extension_settings.idle.sendAs, prompt);
-        }
-        else {
-            promptQuietForLoudResponse(extension_settings.idle.sendAs, prompt);
-        }
-    }
-}
-
-/**
- * Load the settings HTML and append to the designated area.
- */
-async function loadSettingsHTML() {
-    const settingsHtml = renderExtensionTemplate(extensionName, "dropdown");
-    $("#extensions_settings2").append(settingsHtml);
-}
-
-/**
- * Update a specific setting based on user input.
- * @param {string} elementId - The HTML element ID tied to the setting.
- * @param {string} property - The property name in the settings object.
- * @param {boolean} [isCheckbox=false] - Whether the setting is a checkbox.
- */
-function updateSetting(elementId, property, isCheckbox = false) {
-    let value = $(`#${elementId}`).val();
-    if (isCheckbox) {
-        value = $(`#${elementId}`).prop('checked');
-    }
-
-    if (property === "prompts") {
-        value = value.split("\n");
-    }
-
-    extension_settings.idle[property] = value;
-    saveSettingsDebounced();
-}
-
-/**
- * Attach an input listener to a UI component to update the corresponding setting.
- * @param {string} elementId - The HTML element ID tied to the setting.
- * @param {string} property - The property name in the settings object.
- * @param {boolean} [isCheckbox=false] - Whether the setting is a checkbox.
- */
-function attachUpdateListener(elementId, property, isCheckbox = false) {
-    $(`#${elementId}`).on('input', debounce(() => {
-        updateSetting(elementId, property, isCheckbox);
-    }, 250));
-}
-
-/**
- * Handle the enabling or disabling of the idle extension.
- * Adds or removes the idle listeners based on the checkbox's state.
- */
-function handleIdleEnabled() {
-    if (!extension_settings.idle.enabled) {
-        clearTimeout(idleTimer);
-        removeIdleListeners();
-    } else {
-        resetIdleTimer();
-        attachIdleListeners();
-    }
-}
-
-
-/**
- * Setup input listeners for the various settings and actions related to the idle extension.
- */
-function setupListeners() {
-    const settingsToWatch = [
-        ['idle_timer', 'timer'],
-        ['idle_prompts', 'prompts'],
-        ['idle_use_continuation', 'useContinuation', true],
-        ['idle_enabled', 'enabled', true],
-        ['idle_repeats', 'repeats'],
-        ['idle_sendAs', 'sendAs'],
-        ['idle_random_time', 'randomTime', true],
-        ['idle_timer_min', 'timerMin'],
-        ['idle_include_prompt', 'includePrompt', true]
-    ];
-    settingsToWatch.forEach(setting => {
-        attachUpdateListener(...setting);
-    });
-
-    // Idleness listeners, could be made better
-    $('#idle_enabled').on('input', debounce(handleIdleEnabled, 250));
-
-    // Add the idle listeners initially if the idle feature is enabled
-    if (extension_settings.idle.enabled) {
-        attachIdleListeners();
-    }
-
-    //show/hide timer min parent div
-    $('#idle_random_time').on('input', function () {
-        if ($(this).prop('checked')) {
-            $('#idle_timer_min').parent().show();
-        } else {
-            $('#idle_timer_min').parent().hide();
-        }
-
-        $('#idle_timer').trigger('input');
-    });
-
-    // if we're including the prompt, hide raw from the sendAs dropdown
-    $('#idle_include_prompt').on('input', function () {
-        if ($(this).prop('checked')) {
-            $('#idle_sendAs option[value="raw"]').hide();
-        } else {
-            $('#idle_sendAs option[value="raw"]').show();
-        }
-    });
-
-    //make sure timer min is less than timer
-    $('#idle_timer').on('input', function () {
-        if ($('#idle_random_time').prop('checked')) {
-            if ($(this).val() < $('#idle_timer_min').val()) {
-                $('#idle_timer_min').val($(this).val());
-                $('#idle_timer_min').trigger('input');
-            }
-        }
-    });
-
-}
-
-const debouncedActivityHandler = debounce((event) => {
-    // Check if the event target (or any of its parents) has the id "option_continue"
-    if ($(event.target).closest('#option_continue').length) {
-        return; // Do not proceed if the click was on (or inside) an element with id "option_continue"
-    }
-
-    console.debug("Activity detected, resetting idle timer");
-    resetIdleTimer();
-    repeatCount = 0;
-}, 250);
-
-function attachIdleListeners() {
-    $(document).on("click keypress", debouncedActivityHandler);
-    document.addEventListener('keydown', debouncedActivityHandler);
-}
-
-/**
- * Remove idle-specific listeners.
- */
-function removeIdleListeners() {
-    $(document).off("click keypress", debouncedActivityHandler);
-    document.removeEventListener('keydown', debouncedActivityHandler);
-}
-
-function toggleIdle() {
-    extension_settings.idle.enabled = !extension_settings.idle.enabled;
-    $('#idle_enabled').prop('checked', extension_settings.idle.enabled);
-    $('#idle_enabled').trigger('input');
-    toastr.info(`Idle mode ${extension_settings.idle.enabled ? "enabled" : "disabled"}.`);
-    resetIdleTimer();
-}
-
-
-
-jQuery(async () => {
-    await loadSettingsHTML();
-    loadSettings();
-    setupListeners();
-    if (extension_settings.idle.enabled) {
-        resetIdleTimer();
-    }
-    // once the doc is ready, check if random time is checked and hide/show timer min
-    if ($('#idle_random_time').prop('checked')) {
-        $('#idle_timer_min').parent().show();
-    }
-    registerSlashCommand('idle', toggleIdle, [], '– toggles idle mode', true, true);
-});

public/scripts/extensions/idle/manifest.json

@@ -1,12 +0,0 @@
-{
-    "display_name": "Idle",
-    "loading_order": 6,
-    "requires": [],
-    "optional": [
-    ],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "City-Unit",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/idle/style.css

@@ -1,3 +0,0 @@
-.idle_block {
-    align-items: center;
-}

public/scripts/extensions/infinity-context/index.js

@@ -1,949 +0,0 @@
-import { saveSettingsDebounced, getCurrentChatId, system_message_types, extension_prompt_types, eventSource, event_types, getRequestHeaders, substituteParams, } from "../../../script.js";
-import { humanizedDateTime } from "../../RossAscends-mods.js";
-import { getApiUrl, extension_settings, getContext, doExtrasFetch } from "../../extensions.js";
-import { CHARACTERS_PER_TOKEN_RATIO } from "../../tokenizers.js";
-import { getFileText, onlyUnique, splitRecursive } from "../../utils.js";
-export { MODULE_NAME };
-
-const MODULE_NAME = 'chromadb';
-const dbStore = localforage.createInstance({ name: 'SillyTavern_ChromaDB' });
-
-const defaultSettings = {
-    strategy: 'original',
-    sort_strategy: 'date',
-
-    keep_context: 10,
-    keep_context_min: 1,
-    keep_context_max: 500,
-    keep_context_step: 1,
-
-    n_results: 20,
-    n_results_min: 0,
-    n_results_max: 500,
-    n_results_step: 1,
-
-    chroma_depth: 20,
-    chroma_depth_min: -1,
-    chroma_depth_max: 500,
-    chroma_depth_step: 1,
-    chroma_default_msg: "In a past conversation:  [{{memories}}]",
-    chroma_default_hhaa_wrapper: "Previous messages exchanged between {{user}} and {{char}}:\n{{memories}}",
-    chroma_default_hhaa_memory: "- {{name}}: {{message}}\n",
-    hhaa_token_limit: 512,
-
-    split_length: 384,
-    split_length_min: 64,
-    split_length_max: 4096,
-    split_length_step: 64,
-
-    file_split_length: 1024,
-    file_split_length_min: 512,
-    file_split_length_max: 4096,
-    file_split_length_step: 128,
-
-    keep_context_proportion: 0.5,
-    keep_context_proportion_min: 0.0,
-    keep_context_proportion_max: 1.0,
-    keep_context_proportion_step: 0.05,
-
-    auto_adjust: true,
-    freeze: false,
-    query_last_only: true,
-};
-
-const postHeaders = {
-    'Content-Type': 'application/json',
-    'Bypass-Tunnel-Reminder': 'bypass',
-};
-
-async function invalidateMessageSyncState(messageId) {
-    console.log('CHROMADB: invalidating message sync state', messageId);
-    const state = await getChatSyncState();
-    state[messageId] = 0;
-    await dbStore.setItem(getCurrentChatId(), state);
-}
-
-async function getChatSyncState() {
-    const currentChatId = getCurrentChatId();
-    if (!checkChatId(currentChatId)) {
-        return;
-    }
-
-    const context = getContext();
-    const chatState = (await dbStore.getItem(currentChatId)) || [];
-
-    // if the chat length has decreased, it means that some messages were deleted
-    if (chatState.length > context.chat.length) {
-        for (let i = context.chat.length; i < chatState.length; i++) {
-            // if the synced message was deleted, notify the user
-            if (chatState[i]) {
-                toastr.warning(
-                    'Purge your ChromaDB to remove it from there too. See the "Smart Context" tab in the Extensions menu for more information.',
-                    'Message deleted from chat, but it still exists inside the ChromaDB database.',
-                    { timeOut: 0, extendedTimeOut: 0, preventDuplicates: true },
-                );
-                break;
-            }
-        }
-    }
-
-    chatState.length = context.chat.length;
-    for (let i = 0; i < chatState.length; i++) {
-        if (chatState[i] === undefined) {
-            chatState[i] = 0;
-        }
-    }
-    await dbStore.setItem(currentChatId, chatState);
-
-    return chatState;
-}
-
-async function loadSettings() {
-    if (Object.keys(extension_settings.chromadb).length === 0) {
-        Object.assign(extension_settings.chromadb, defaultSettings);
-    }
-
-    console.debug(`loading chromadb strat:${extension_settings.chromadb.strategy}`);
-    $("#chromadb_strategy option[value=" + extension_settings.chromadb.strategy + "]").attr(
-        "selected",
-        "true"
-    );
-    $("#chromadb_sort_strategy option[value=" + extension_settings.chromadb.sort_strategy + "]").attr(
-        "selected",
-        "true"
-    );
-    $('#chromadb_keep_context').val(extension_settings.chromadb.keep_context).trigger('input');
-    $('#chromadb_n_results').val(extension_settings.chromadb.n_results).trigger('input');
-    $('#chromadb_split_length').val(extension_settings.chromadb.split_length).trigger('input');
-    $('#chromadb_file_split_length').val(extension_settings.chromadb.file_split_length).trigger('input');
-    $('#chromadb_keep_context_proportion').val(extension_settings.chromadb.keep_context_proportion).trigger('input');
-    $('#chromadb_custom_depth').val(extension_settings.chromadb.chroma_depth).trigger('input');
-    $('#chromadb_custom_msg').val(extension_settings.chromadb.recall_msg).trigger('input');
-
-    $('#chromadb_hhaa_wrapperfmt').val(extension_settings.chromadb.hhaa_wrapper_msg).trigger('input');
-    $('#chromadb_hhaa_memoryfmt').val(extension_settings.chromadb.hhaa_memory_msg).trigger('input');
-    $('#chromadb_hhaa_token_limit').val(extension_settings.chromadb.hhaa_token_limit).trigger('input');
-
-    $('#chromadb_auto_adjust').prop('checked', extension_settings.chromadb.auto_adjust);
-    $('#chromadb_freeze').prop('checked', extension_settings.chromadb.freeze);
-    $('#chromadb_query_last_only').prop('checked', extension_settings.chromadb.query_last_only);
-    enableDisableSliders();
-    onStrategyChange();
-}
-
-function onStrategyChange() {
-    console.debug('changing chromadb strat');
-    extension_settings.chromadb.strategy = $('#chromadb_strategy').val();
-    if (extension_settings.chromadb.strategy === "custom") {
-        $('#chromadb_custom_depth').show();
-        $('label[for="chromadb_custom_depth"]').show();
-        $('#chromadb_custom_msg').show();
-        $('label[for="chromadb_custom_msg"]').show();
-    }
-    else if(extension_settings.chromadb.strategy === "hh_aa"){
-        $('#chromadb_hhaa_wrapperfmt').show();
-        $('label[for="chromadb_hhaa_wrapperfmt"]').show();
-        $('#chromadb_hhaa_memoryfmt').show();
-        $('label[for="chromadb_hhaa_memoryfmt"]').show();
-        $('#chromadb_hhaa_token_limit').show();
-        $('label[for="chromadb_hhaa_token_limit"]').show();
-    }
-    saveSettingsDebounced();
-}
-
-function onRecallStrategyChange() {
-    console.log('changing chromadb recall strat');
-    extension_settings.chromadb.recall_strategy = $('#chromadb_recall_strategy').val();
-
-    saveSettingsDebounced();
-}
-
-function onSortStrategyChange() {
-    console.log('changing chromadb sort strat');
-    extension_settings.chromadb.sort_strategy = $('#chromadb_sort_strategy').val();
-
-    saveSettingsDebounced();
-}
-
-function onKeepContextInput() {
-    extension_settings.chromadb.keep_context = Number($('#chromadb_keep_context').val());
-    $('#chromadb_keep_context_value').text(extension_settings.chromadb.keep_context);
-    saveSettingsDebounced();
-}
-
-function onNResultsInput() {
-    extension_settings.chromadb.n_results = Number($('#chromadb_n_results').val());
-    $('#chromadb_n_results_value').text(extension_settings.chromadb.n_results);
-    saveSettingsDebounced();
-}
-
-function onChromaDepthInput() {
-    extension_settings.chromadb.chroma_depth = Number($('#chromadb_custom_depth').val());
-    $('#chromadb_custom_depth_value').text(extension_settings.chromadb.chroma_depth);
-    saveSettingsDebounced();
-}
-
-function onChromaMsgInput() {
-    extension_settings.chromadb.recall_msg = $('#chromadb_custom_msg').val();
-    saveSettingsDebounced();
-}
-
-function onChromaHHAAWrapper() {
-    extension_settings.chromadb.hhaa_wrapper_msg = $('#chromadb_hhaa_wrapperfmt').val();
-    saveSettingsDebounced();
-}
-function onChromaHHAAMemory() {
-    extension_settings.chromadb.hhaa_memory_msg = $('#chromadb_hhaa_memoryfmt').val();
-    saveSettingsDebounced();
-}
-function onChromaHHAATokens() {
-    extension_settings.chromadb.hhaa_token_limit = Number($('#chromadb_hhaa_token_limit').val());
-    $('#chromadb_hhaa_token_limit_value').text(extension_settings.chromadb.hhaa_token_limit);
-    saveSettingsDebounced();
-}
-
-function onSplitLengthInput() {
-    extension_settings.chromadb.split_length = Number($('#chromadb_split_length').val());
-    $('#chromadb_split_length_value').text(extension_settings.chromadb.split_length);
-    saveSettingsDebounced();
-}
-
-function onFileSplitLengthInput() {
-    extension_settings.chromadb.file_split_length = Number($('#chromadb_file_split_length').val());
-    $('#chromadb_file_split_length_value').text(extension_settings.chromadb.file_split_length);
-    saveSettingsDebounced();
-}
-
-function onChunkNLInput() {
-    let shouldSplit = $('#onChunkNLInput').is(':checked');
-    if (shouldSplit) {
-        extension_settings.chromadb.file_split_type = "newline";
-    } else {
-        extension_settings.chromadb.file_split_type = "length";
-    }
-    saveSettingsDebounced();
-}
-
-function checkChatId(chat_id) {
-    if (!chat_id || chat_id.trim() === '') {
-        toastr.error('Please select a character and try again.');
-        return false;
-    }
-    return true;
-}
-
-async function addMessages(chat_id, messages) {
-    if (extension_settings.chromadb.freeze) {
-        return { count: 0 };
-    }
-
-    const url = new URL(getApiUrl());
-    url.pathname = '/api/chromadb';
-
-    const messagesDeepCopy = JSON.parse(JSON.stringify(messages));
-    let splitMessages = [];
-
-    let id = 0;
-    messagesDeepCopy.forEach((m, index) => {
-        const split = splitRecursive(m.mes, extension_settings.chromadb.split_length);
-        splitMessages.push(...split.map(text => ({
-            ...m,
-            mes: text,
-            send_date: id,
-            id: `msg-${id++}`,
-            index: index,
-            extra: undefined,
-        })));
-    });
-
-    splitMessages = await filterSyncedMessages(splitMessages);
-
-    // no messages to add
-    if (splitMessages.length === 0) {
-        return { count: 0 };
-    }
-
-    const transformedMessages = splitMessages.map((m) => ({
-        id: m.id,
-        role: m.is_user ? 'user' : 'assistant',
-        content: m.mes,
-        date: m.send_date,
-        meta: JSON.stringify(m),
-    }));
-
-    const addMessagesResult = await doExtrasFetch(url, {
-        method: 'POST',
-        headers: postHeaders,
-        body: JSON.stringify({ chat_id, messages: transformedMessages }),
-    });
-
-    if (addMessagesResult.ok) {
-        const addMessagesData = await addMessagesResult.json();
-        return addMessagesData; // { count: 1 }
-    }
-
-    return { count: 0 };
-}
-
-async function filterSyncedMessages(splitMessages) {
-    const syncState = await getChatSyncState();
-    const removeIndices = [];
-    const syncedIndices = [];
-    for (let i = 0; i < splitMessages.length; i++) {
-        const index = splitMessages[i].index;
-
-        if (syncState[index]) {
-            removeIndices.push(i);
-            continue;
-        }
-
-        syncedIndices.push(index);
-    }
-
-    for (const index of syncedIndices) {
-        syncState[index] = 1;
-    }
-
-    console.debug('CHROMADB: sync state', syncState.map((v, i) => ({ id: i, synced: v })));
-    await dbStore.setItem(getCurrentChatId(), syncState);
-
-    // remove messages that are already synced
-    return splitMessages.filter((_, i) => !removeIndices.includes(i));
-}
-
-async function onPurgeClick() {
-    const chat_id = getCurrentChatId();
-    if (!checkChatId(chat_id)) {
-        return;
-    }
-    const url = new URL(getApiUrl());
-    url.pathname = '/api/chromadb/purge';
-
-    const purgeResult = await doExtrasFetch(url, {
-        method: 'POST',
-        headers: postHeaders,
-        body: JSON.stringify({ chat_id }),
-    });
-
-    if (purgeResult.ok) {
-        await dbStore.removeItem(chat_id);
-        toastr.success('ChromaDB context has been successfully cleared');
-    }
-}
-
-async function onExportClick() {
-    const currentChatId = getCurrentChatId();
-    if (!checkChatId(currentChatId)) {
-        return;
-    }
-    const url = new URL(getApiUrl());
-    url.pathname = '/api/chromadb/export';
-
-    const exportResult = await doExtrasFetch(url, {
-        method: 'POST',
-        headers: postHeaders,
-        body: JSON.stringify({ chat_id: currentChatId }),
-    });
-
-    if (exportResult.ok) {
-        const data = await exportResult.json();
-        const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
-        const href = URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = href;
-        link.download = currentChatId + '.json';
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    } else {
-        //Show the error from the result without the html, only what's in the body paragraph
-        let parser = new DOMParser();
-        let error = await exportResult.text();
-        let doc = parser.parseFromString(error, 'text/html');
-        let errorMessage = doc.querySelector('p').textContent;
-        toastr.error(`An error occurred while attempting to download the data from ChromaDB: ${errorMessage}`);
-    }
-}
-
-function tinyhash(text) {
-    let hash = 0;
-    for (let i = 0; i < text.length; ++i) {
-        hash = ((hash<<5) - hash) + text.charCodeAt(i);
-        hash = hash & hash; // Keeps it 32-bit allegedly.
-    }
-    return hash;
-}
-
-async function onSelectImportFile(e) {
-    const file = e.target.files[0];
-    const currentChatId = getCurrentChatId();
-    if (!checkChatId(currentChatId)) {
-        return;
-    }
-
-    if (!file) {
-        return;
-    }
-
-    try {
-        toastr.info('This may take some time, depending on the file size', 'Processing...');
-
-        const text = await getFileText(file);
-        const imported = JSON.parse(text);
-
-        const id_salt = "-" + tinyhash(imported.chat_id).toString(36);
-        for (let entry of imported.content) {
-            entry.id = entry.id + id_salt;
-        }
-
-        imported.chat_id = currentChatId;
-
-        const url = new URL(getApiUrl());
-        url.pathname = '/api/chromadb/import';
-
-        const importResult = await doExtrasFetch(url, {
-            method: 'POST',
-            headers: postHeaders,
-            body: JSON.stringify(imported),
-        });
-
-        if (importResult.ok) {
-            const importResultData = await importResult.json();
-
-            toastr.success(`Number of chunks: ${importResultData.count}`, 'Injected successfully!');
-            return importResultData;
-        } else {
-            throw new Error();
-        }
-    }
-    catch (error) {
-        console.log(error);
-        toastr.error('Something went wrong while importing the data');
-    }
-    finally {
-        e.target.form.reset();
-    }
-}
-
-async function queryMessages(chat_id, query) {
-    const url = new URL(getApiUrl());
-    url.pathname = '/api/chromadb/query';
-
-    const queryMessagesResult = await doExtrasFetch(url, {
-        method: 'POST',
-        headers: postHeaders,
-        body: JSON.stringify({ chat_id, query, n_results: extension_settings.chromadb.n_results }),
-    });
-
-    if (queryMessagesResult.ok) {
-        const queryMessagesData = await queryMessagesResult.json();
-
-        return queryMessagesData;
-    }
-
-    return [];
-}
-
-async function queryMultiMessages(chat_id, query) {
-    const context = getContext();
-    const response = await fetch("/getallchatsofcharacter", {
-        method: 'POST',
-        body: JSON.stringify({ avatar_url: context.characters[context.characterId].avatar }),
-        headers: getRequestHeaders(),
-    });
-    if (!response.ok) {
-        return;
-    }
-    let data = await response.json();
-    data = Object.values(data);
-    let chat_list = data.sort((a, b) => a["file_name"].localeCompare(b["file_name"])).reverse();
-
-    // Extracting chat_ids from the chat_list
-    chat_list = chat_list.map(chat => chat.file_name.replace(/\.[^/.]+$/, ""));
-    const url = new URL(getApiUrl());
-    url.pathname = '/api/chromadb/multiquery';
-
-    const queryMessagesResult = await fetch(url, {
-        method: 'POST',
-        body: JSON.stringify({ chat_list, query, n_results: extension_settings.chromadb.n_results }),
-        headers: postHeaders,
-    });
-
-    if (queryMessagesResult.ok) {
-        const queryMessagesData = await queryMessagesResult.json();
-        return queryMessagesData;
-    }
-
-    return [];
-}
-
-async function onSelectInjectFile(e) {
-    const file = e.target.files[0];
-    const currentChatId = getCurrentChatId();
-    if (!checkChatId(currentChatId)) {
-        return;
-    }
-    if (!file) {
-        return;
-    }
-
-    try {
-        toastr.info('This may take some time, depending on the file size', 'Processing...');
-        const text = await getFileText(file);
-        extension_settings.chromadb.file_split_type = "newline";
-        //allow splitting on newlines or splitrecursively
-        let split = [];
-        if (extension_settings.chromadb.file_split_type == "newline") {
-            split = text.split(/\r?\n/).filter(onlyUnique);
-        } else {
-            split = splitRecursive(text, extension_settings.chromadb.file_split_length).filter(onlyUnique);
-        }
-        const baseDate = Date.now();
-
-        const messages = split.map((m, i) => ({
-            id: `${file.name}-${split.indexOf(m)}`,
-            role: 'system',
-            content: m,
-            date: baseDate + i,
-            meta: JSON.stringify({
-                name: file.name,
-                is_user: false,
-                is_system: false,
-                send_date: humanizedDateTime(),
-                mes: m,
-                extra: {
-                    type: system_message_types.NARRATOR,
-                }
-            }),
-        }));
-
-        const url = new URL(getApiUrl());
-        url.pathname = '/api/chromadb';
-
-        const addMessagesResult = await doExtrasFetch(url, {
-            method: 'POST',
-            headers: postHeaders,
-            body: JSON.stringify({ chat_id: currentChatId, messages: messages }),
-        });
-
-        if (addMessagesResult.ok) {
-            const addMessagesData = await addMessagesResult.json();
-
-            toastr.success(`Number of chunks: ${addMessagesData.count}`, 'Injected successfully!');
-            return addMessagesData;
-        } else {
-            throw new Error();
-        }
-    }
-    catch (error) {
-        console.log(error);
-        toastr.error('Something went wrong while injecting the data');
-    }
-    finally {
-        e.target.form.reset();
-    }
-}
-
-// Gets the length of character description in the current context
-function getCharacterDataLength() {
-    const context = getContext();
-    const character = context.characters[context.characterId];
-
-    if (typeof character?.data !== 'object') {
-        return 0;
-    }
-
-    let characterDataLength = 0;
-
-    for (const [key, value] of Object.entries(character.data)) {
-        if (typeof value !== 'string') {
-            continue;
-        }
-
-        if (['description', 'personality', 'scenario'].includes(key)) {
-            characterDataLength += character.data[key].length;
-        }
-    }
-
-    return characterDataLength;
-}
-
-/*
-* Automatically adjusts the extension settings for the optimal number of messages to keep and query based
-* on the chat history and a specified maximum context length.
-*/
-function doAutoAdjust(chat, maxContext) {
-    // Only valid for chat injections strategy
-    if (extension_settings.chromadb.recall_strategy !== 0) {
-        return;
-    }
-
-    console.debug('CHROMADB: Auto-adjusting sliders (messages: %o, maxContext: %o)', chat.length, maxContext);
-    // Get mean message length
-    const meanMessageLength = chat.reduce((acc, cur) => acc + (cur?.mes?.length ?? 0), 0) / chat.length;
-
-    if (Number.isNaN(meanMessageLength) || meanMessageLength === 0) {
-        console.debug('CHROMADB: Mean message length is zero or NaN, aborting auto-adjust');
-        return;
-    }
-
-    // Adjust max context for character defs length
-    maxContext = Math.floor(maxContext - (getCharacterDataLength() / CHARACTERS_PER_TOKEN_RATIO));
-    console.debug('CHROMADB: Max context adjusted for character defs: %o', maxContext);
-
-    console.debug('CHROMADB: Mean message length (characters): %o', meanMessageLength);
-    // Convert to number of "tokens"
-    const meanMessageLengthTokens = Math.ceil(meanMessageLength / CHARACTERS_PER_TOKEN_RATIO);
-    console.debug('CHROMADB: Mean message length (tokens): %o', meanMessageLengthTokens);
-    // Get number of messages in context
-    const contextMessages = Math.max(1, Math.ceil(maxContext / meanMessageLengthTokens));
-    // Round up to nearest 5
-    const contextMessagesRounded = Math.ceil(contextMessages / 5) * 5;
-    console.debug('CHROMADB: Estimated context messages (rounded): %o', contextMessagesRounded);
-    // Messages to keep (proportional, rounded to nearest 5, minimum 5, maximum 500)
-    const messagesToKeep = Math.min(defaultSettings.keep_context_max, Math.max(5, Math.floor(contextMessagesRounded * extension_settings.chromadb.keep_context_proportion / 5) * 5));
-    console.debug('CHROMADB: Estimated messages to keep: %o', messagesToKeep);
-    // Messages to query (rounded, maximum 500)
-    const messagesToQuery = Math.min(defaultSettings.n_results_max, contextMessagesRounded - messagesToKeep);
-    console.debug('CHROMADB: Estimated messages to query: %o', messagesToQuery);
-    // Set extension settings
-    extension_settings.chromadb.keep_context = messagesToKeep;
-    extension_settings.chromadb.n_results = messagesToQuery;
-    // Update sliders
-    $('#chromadb_keep_context').val(messagesToKeep);
-    $('#chromadb_n_results').val(messagesToQuery);
-    // Update labels
-    $('#chromadb_keep_context_value').text(extension_settings.chromadb.keep_context);
-    $('#chromadb_n_results_value').text(extension_settings.chromadb.n_results);
-}
-
-window.chromadb_interceptGeneration = async (chat, maxContext) => {
-    if (extension_settings.chromadb.auto_adjust) {
-        doAutoAdjust(chat, maxContext);
-    }
-
-    const currentChatId = getCurrentChatId();
-    if (!currentChatId)
-        return;
-
-    //log the current settings
-    console.debug("CHROMADB: Current settings: %o", extension_settings.chromadb);
-
-    const selectedStrategy = extension_settings.chromadb.strategy;
-    const recallStrategy = extension_settings.chromadb.recall_strategy;
-    let recallMsg = extension_settings.chromadb.recall_msg || defaultSettings.chroma_default_msg;
-    const chromaDepth = extension_settings.chromadb.chroma_depth;
-    const chromaSortStrategy = extension_settings.chromadb.sort_strategy;
-    const chromaQueryLastOnly = extension_settings.chromadb.query_last_only;
-    const messagesToStore = chat.slice(0, -extension_settings.chromadb.keep_context);
-
-    if (messagesToStore.length > 0 && !extension_settings.chromadb.freeze) {
-        //log the messages to store
-        console.debug("CHROMADB: Messages to store: %o", messagesToStore);
-        //log the messages to store length vs keep context
-        console.debug("CHROMADB: Messages to store length vs keep context: %o vs %o", messagesToStore.length, extension_settings.chromadb.keep_context);
-        await addMessages(currentChatId, messagesToStore);
-    }
-
-    const lastMessage = chat[chat.length - 1];
-
-    let queriedMessages;
-    if (lastMessage) {
-        let queryBlob = "";
-        if (chromaQueryLastOnly) {
-            queryBlob = lastMessage.mes;
-        }
-        else {
-            for (let msg of chat.slice(-extension_settings.chromadb.keep_context)) {
-                queryBlob += `${msg.mes}\n`
-            }
-        }
-        console.debug("CHROMADB: Query text:", queryBlob);
-
-        if (recallStrategy === 'multichat') {
-            console.log("Utilizing multichat")
-            queriedMessages = await queryMultiMessages(currentChatId, queryBlob);
-        }
-        else {
-            queriedMessages = await queryMessages(currentChatId, queryBlob);
-        }
-
-        if (chromaSortStrategy === "date") {
-            queriedMessages.sort((a, b) => a.date - b.date);
-        }
-        else {
-            queriedMessages.sort((a, b) => b.distance - a.distance);
-        }
-        console.debug("CHROMADB: Query results: %o", queriedMessages);
-
-
-        let newChat = [];
-
-        if (selectedStrategy === 'ross') {
-            //adds chroma to the end of chat and allows Generate() to cull old messages naturally.
-            const context = getContext();
-            const charname = context.name2;
-            newChat.push(
-                {
-                    is_user: false,
-                    mes: `[Use these past chat exchanges to inform ${charname}'s next response:`,
-                    name: "system",
-                    send_date: 0,
-                }
-            );
-            newChat.push(...queriedMessages.map(m => m.meta).filter(onlyUnique).map(JSON.parse));
-            newChat.push(
-                {
-                    is_user: false,
-                    mes: `]\n`,
-                    name: "system",
-                    send_date: 0,
-                }
-            );
-            chat.splice(chat.length, 0, ...newChat);
-        }
-        if (selectedStrategy === 'hh_aa') {
-            // Insert chroma history messages as a list at the AFTER_SCENARIO anchor point
-            const context = getContext();
-            const chromaTokenLimit = extension_settings.chromadb.hhaa_token_limit;
-
-            let wrapperMsg = extension_settings.chromadb.hhaa_wrapper_msg || defaultSettings.chroma_default_hhaa_wrapper;
-            wrapperMsg = substituteParams(wrapperMsg, context.name1, context.name2);
-            if (!wrapperMsg.includes("{{memories}}")) {
-                wrapperMsg += " {{memories}}";
-            }
-            let memoryMsg = extension_settings.chromadb.hhaa_memory_msg || defaultSettings.chroma_default_hhaa_memory;
-            memoryMsg = substituteParams(memoryMsg, context.name1, context.name2);
-            if (!memoryMsg.includes("{{message}}")) {
-                memoryMsg += " {{message}}";
-            }
-
-            // Reversed because we want the most 'important' messages at the bottom.
-            let recalledMemories = queriedMessages.map(m => m.meta).filter(onlyUnique).map(JSON.parse).reverse();
-            let tokenApprox = 0;
-            let allMemoryBlob = "";
-            let seenMemories = new Set(); // Why are there even duplicates in chromadb anyway?
-            for (const msg of recalledMemories) {
-                const memoryBlob = memoryMsg.replace('{{name}}', msg.name).replace('{{message}}', msg.mes);
-                const memoryTokens = (memoryBlob.length / CHARACTERS_PER_TOKEN_RATIO);
-                if (!seenMemories.has(memoryBlob) && tokenApprox + memoryTokens <= chromaTokenLimit) {
-                    allMemoryBlob += memoryBlob;
-                    tokenApprox += memoryTokens;
-                    seenMemories.add(memoryBlob);
-                }
-            }
-
-            // No memories? No prompt.
-            const promptBlob = (tokenApprox == 0) ? "" : wrapperMsg.replace('{{memories}}', allMemoryBlob);
-            console.debug("CHROMADB: prompt blob: %o", promptBlob);
-            context.setExtensionPrompt(MODULE_NAME, promptBlob, extension_prompt_types.IN_PROMPT);
-        }
-        if (selectedStrategy === 'custom') {
-            const context = getContext();
-            recallMsg = substituteParams(recallMsg, context.name1, context.name2);
-            if (!recallMsg.includes("{{memories}}")) {
-                recallMsg += " {{memories}}";
-            }
-            let recallStart = recallMsg.split('{{memories}}')[0]
-            let recallEnd = recallMsg.split('{{memories}}')[1]
-
-            newChat.push(
-                {
-                    is_user: false,
-                    mes: recallStart,
-                    name: "system",
-                    send_date: 0,
-                }
-            );
-            newChat.push(...queriedMessages.map(m => m.meta).filter(onlyUnique).map(JSON.parse));
-            newChat.push(
-                {
-                    is_user: false,
-                    mes: recallEnd + `\n`,
-                    name: "system",
-                    send_date: 0,
-                }
-            );
-
-            //prototype chroma duplicate removal
-            let chatset = new Set(chat.map(obj => obj.mes));
-            newChat = newChat.filter(obj => !chatset.has(obj.mes));
-
-            if(chromaDepth === -1) {
-                chat.splice(chat.length, 0, ...newChat);
-            }
-            else {
-                chat.splice(chromaDepth, 0, ...newChat);
-            }
-        }
-        if (selectedStrategy === 'original') {
-            //removes .length # messages from the start of 'kept messages'
-            //replaces them with chromaDB results (with no separator)
-            newChat.push(...queriedMessages.map(m => m.meta).filter(onlyUnique).map(JSON.parse));
-            chat.splice(0, messagesToStore.length, ...newChat);
-
-        }
-    }
-}
-
-
-function onFreezeInput() {
-    extension_settings.chromadb.freeze = $('#chromadb_freeze').is(':checked');
-    saveSettingsDebounced();
-}
-
-function onAutoAdjustInput() {
-    extension_settings.chromadb.auto_adjust = $('#chromadb_auto_adjust').is(':checked');
-    enableDisableSliders();
-    saveSettingsDebounced();
-}
-function onFullLogQuery() {
-    extension_settings.chromadb.query_last_only = $('#chromadb_query_last_only').is(':checked');
-    saveSettingsDebounced();
-}
-
-function enableDisableSliders() {
-    const auto_adjust = extension_settings.chromadb.auto_adjust;
-    $('label[for="chromadb_keep_context"]').prop('hidden', auto_adjust);
-    $('#chromadb_keep_context').prop('hidden', auto_adjust)
-    $('label[for="chromadb_n_results"]').prop('hidden', auto_adjust);
-    $('#chromadb_n_results').prop('hidden', auto_adjust)
-    $('label[for="chromadb_keep_context_proportion"]').prop('hidden', !auto_adjust);
-    $('#chromadb_keep_context_proportion').prop('hidden', !auto_adjust)
-}
-
-function onKeepContextProportionInput() {
-    extension_settings.chromadb.keep_context_proportion = $('#chromadb_keep_context_proportion').val();
-    $('#chromadb_keep_context_proportion_value').text(Math.round(extension_settings.chromadb.keep_context_proportion * 100));
-    saveSettingsDebounced();
-}
-
-jQuery(async () => {
-    const settingsHtml = `
-    <div class="chromadb_settings">
-        <div class="inline-drawer">
-            <div class="inline-drawer-toggle inline-drawer-header">
-            <b>Smart Context</b>
-            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-        </div>
-        <div class="inline-drawer-content">
-            <small>This extension rearranges the messages in the current chat to keep more relevant information in the context. Adjust the sliders below based on average amount of messages in your prompt (refer to the chat cut-off line).</small>
-            <span class="wide100p marginTopBot5 displayBlock">Memory Injection Strategy</span>
-            <hr>
-            <select id="chromadb_strategy">
-                <option value="original">Replace non-kept chat items with memories</option>
-                <option value="ross">Add memories after chat with a header tag</option>
-                <option value="hh_aa">Add memory list to character description</option>
-                <option value="custom">Add memories at custom depth with custom msg</option>
-            </select>
-            <label for="chromadb_custom_msg" hidden><small>Custom injection message:</small></label>
-            <textarea id="chromadb_custom_msg" hidden class="text_pole textarea_compact" rows="2" placeholder="${defaultSettings.chroma_default_msg}" style="height: 61px; display: none;"></textarea>
-            <label for="chromadb_custom_depth" hidden><small>How deep should the memory messages be injected?: (<span id="chromadb_custom_depth_value"></span>)</small></label>
-            <input id="chromadb_custom_depth" type="range" min="${defaultSettings.chroma_depth_min}" max="${defaultSettings.chroma_depth_max}" step="${defaultSettings.chroma_depth_step}" value="${defaultSettings.chroma_depth}" hidden/>
-
-            <label for="chromadb_hhaa_wrapperfmt" hidden><small>Custom wrapper format:</small></label>
-            <textarea id="chromadb_hhaa_wrapperfmt" hidden class="text_pole textarea_compact" rows="2" placeholder="${defaultSettings.chroma_default_hhaa_wrapper}" style="height: 61px; display: none;"></textarea>
-            <label for="chromadb_hhaa_memoryfmt" hidden><small>Custom memory format:</small></label>
-            <textarea id="chromadb_hhaa_memoryfmt" hidden class="text_pole textarea_compact" rows="2" placeholder="${defaultSettings.chroma_default_hhaa_memory}" style="height: 61px; display: none;"></textarea>
-            <label for="chromadb_hhaa_token_limit" hidden><small>Maximum tokens allowed for memories: (<span id="chromadb_hhaa_token_limit_value"></span>)</small></label>
-            <input id="chromadb_hhaa_token_limit" type="range" min="0" max="2048" step="64" value="${defaultSettings.hhaa_token_limit}" hidden/>
-
-
-            <span>Memory Recall Strategy</span>
-            <select id="chromadb_recall_strategy">
-                <option value="original">Recall only from this chat</option>
-                <option value="multichat">Recall from all character chats (experimental)</option>
-            </select>
-            <span>Memory Sort Strategy</span>
-            <select id="chromadb_sort_strategy">
-                <option value="date">Sort memories by date</option>
-                <option value="distance">Sort memories by relevance</option>
-            </select>
-            <label for="chromadb_keep_context"><small>How many original chat messages to keep: (<span id="chromadb_keep_context_value"></span>) messages</small></label>
-            <input id="chromadb_keep_context" type="range" min="${defaultSettings.keep_context_min}" max="${defaultSettings.keep_context_max}" step="${defaultSettings.keep_context_step}" value="${defaultSettings.keep_context}" />
-            <label for="chromadb_n_results"><small>Maximum number of ChromaDB 'memories' to inject: (<span id="chromadb_n_results_value"></span>) messages</small></label>
-            <input id="chromadb_n_results" type="range" min="${defaultSettings.n_results_min}" max="${defaultSettings.n_results_max}" step="${defaultSettings.n_results_step}" value="${defaultSettings.n_results}" />
-
-            <label for="chromadb_keep_context_proportion"><small>Keep (<span id="chromadb_keep_context_proportion_value"></span>%) of in-context chat messages; replace the rest with memories</small></label>
-            <input id="chromadb_keep_context_proportion" type="range" min="${defaultSettings.keep_context_proportion_min}" max="${defaultSettings.keep_context_proportion_max}" step="${defaultSettings.keep_context_proportion_step}" value="${defaultSettings.keep_context_proportion}" />
-            <label for="chromadb_split_length"><small>Max length for each 'memory' pulled from the current chat history: (<span id="chromadb_split_length_value"></span>) characters</small></label>
-            <input id="chromadb_split_length" type="range" min="${defaultSettings.split_length_min}" max="${defaultSettings.split_length_max}" step="${defaultSettings.split_length_step}" value="${defaultSettings.split_length}" />
-            <label for="chromadb_file_split_length"><small>Max length for each 'memory' pulled from imported text files: (<span id="chromadb_file_split_length_value"></span>) characters</small></label>
-            <input id="chromadb_file_split_length" type="range" min="${defaultSettings.file_split_length_min}" max="${defaultSettings.file_split_length_max}" step="${defaultSettings.file_split_length_step}" value="${defaultSettings.file_split_length}" />
-            <label class="checkbox_label" for="chromadb_freeze" title="Pauses the automatic synchronization of new messages with ChromaDB. Older messages and injections will still be pulled as usual." >
-                <input type="checkbox" id="chromadb_freeze" />
-                <span>Freeze ChromaDB state</span>
-            </label>
-            <label class="checkbox_label for="chromadb_auto_adjust" title="Automatically adjusts the number of messages to keep based on the average number of messages in the current chat and the chosen proportion.">
-                <input type="checkbox" id="chromadb_auto_adjust" />
-                <span>Use % strategy</span>
-            </label>
-            <label class="checkbox_label" for="chromadb_chunk_nl" title="Chunk injected documents on newline instead of at set character size." >
-                <input type="checkbox" id="chromadb_chunk_nl" />
-                <span>Chunk on Newlines</span>
-            </label>
-            <label class="checkbox_label for="chromadb_query_last_only" title="ChromaDB queries only use the most recent message. (Instead of using all messages still in the context.)">
-                <input type="checkbox" id="chromadb_query_last_only" />
-                <span>Query last message only</span>
-            </label>
-            <div class="flex-container spaceEvenly">
-                <div id="chromadb_inject" title="Upload custom textual data to use in the context of the current chat" class="menu_button">
-                    <i class="fa-solid fa-file-arrow-up"></i>
-                    <span>Inject Data (TXT file)</span>
-                </div>
-                <div id="chromadb_export" title="Export all of the current chromadb data for this current chat" class="menu_button">
-                    <i class="fa-solid fa-file-export"></i>
-                    <span>Export</span>
-                </div>
-                <div id="chromadb_import" title="Import a full chromadb export for this current chat" class="menu_button">
-                    <i class="fa-solid fa-file-import"></i>
-                    <span>Import</span>
-                </div>
-                <div id="chromadb_purge" title="Force purge all the data related to the current chat from the database" class="menu_button">
-                    <i class="fa-solid fa-broom"></i>
-                    <span>Purge Chat from the DB</span>
-                </div>
-            </div>
-            <small><i>Local ChromaDB now persists to disk by default. The default folder is .chroma_db, and you can set a different folder with the --chroma-folder argument. If you are using the Extras Colab notebook, you will need to inject the text data every time the Extras API server is restarted.</i></small>
-        </div>
-        <form><input id="chromadb_inject_file" type="file" accept="text/plain" hidden></form>
-        <form><input id="chromadb_import_file" type="file" accept="application/json" hidden></form>
-    </div>`;
-
-    $('#extensions_settings2').append(settingsHtml);
-    $('#chromadb_strategy').on('change', onStrategyChange);
-    $('#chromadb_recall_strategy').on('change', onRecallStrategyChange);
-    $('#chromadb_sort_strategy').on('change', onSortStrategyChange);
-    $('#chromadb_keep_context').on('input', onKeepContextInput);
-    $('#chromadb_n_results').on('input', onNResultsInput);
-    $('#chromadb_custom_depth').on('input', onChromaDepthInput);
-    $('#chromadb_custom_msg').on('input', onChromaMsgInput);
-
-    $('#chromadb_hhaa_wrapperfmt').on('input', onChromaHHAAWrapper);
-    $('#chromadb_hhaa_memoryfmt').on('input', onChromaHHAAMemory);
-    $('#chromadb_hhaa_token_limit').on('input', onChromaHHAATokens);
-
-    $('#chromadb_split_length').on('input', onSplitLengthInput);
-    $('#chromadb_file_split_length').on('input', onFileSplitLengthInput);
-    $('#chromadb_inject').on('click', () => $('#chromadb_inject_file').trigger('click'));
-    $('#chromadb_import').on('click', () => $('#chromadb_import_file').trigger('click'));
-    $('#chromadb_inject_file').on('change', onSelectInjectFile);
-    $('#chromadb_import_file').on('change', onSelectImportFile);
-    $('#chromadb_purge').on('click', onPurgeClick);
-    $('#chromadb_export').on('click', onExportClick);
-    $('#chromadb_freeze').on('input', onFreezeInput);
-    $('#chromadb_chunk_nl').on('input', onChunkNLInput);
-    $('#chromadb_auto_adjust').on('input', onAutoAdjustInput);
-    $('#chromadb_query_last_only').on('input', onFullLogQuery);
-    $('#chromadb_keep_context_proportion').on('input', onKeepContextProportionInput);
-    await loadSettings();
-
-    // Not sure if this is needed, but it's here just in case
-    eventSource.on(event_types.MESSAGE_DELETED, getChatSyncState);
-    eventSource.on(event_types.MESSAGE_RECEIVED, getChatSyncState);
-    eventSource.on(event_types.MESSAGE_SENT, getChatSyncState);
-    // Will make the sync state update when a message is edited or swiped
-    eventSource.on(event_types.MESSAGE_EDITED, invalidateMessageSyncState);
-    eventSource.on(event_types.MESSAGE_SWIPED, invalidateMessageSyncState);
-});
-

public/scripts/extensions/infinity-context/manifest.json

@@ -1,14 +0,0 @@
-{
-    "display_name": "Smart Context",
-    "loading_order": 11,
-    "requires": [
-        "chromadb"
-    ],
-    "optional": [],
-    "generate_interceptor": "chromadb_interceptGeneration",
-    "js": "index.js",
-    "css": "style.css",
-    "author": "maceter636@proton.me",
-    "version": "1.0.0",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/infinity-context/style.css

@@ -1,7 +0,0 @@
-.chromadb_settings .menu_button {
-    width: fit-content;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    flex-direction: row;
-}

public/scripts/extensions/memory/index.js

@@ -3,6 +3,8 @@ import { getContext, getApiUrl, extension_settings, doExtrasFetch, modules } fro
 import { eventSource, event_types, extension_prompt_types, generateQuietPrompt, is_send_press, saveSettingsDebounced, substituteParams } from "../../../script.js";
 import { is_group_generating, selected_group } from "../../group-chats.js";
 import { registerSlashCommand } from "../../slash-commands.js";
+import { loadMovingUIState } from '../../power-user.js';
+import { dragElement } from "../../RossAscends-mods.js";
 export { MODULE_NAME };
 
 const MODULE_NAME = '1_memory';
@@ -61,6 +63,7 @@ const defaultSettings = {
     maxLengthPenalty: 4,
     lengthPenaltyStep: 0.1,
     memoryFrozen: false,
+    SkipWIAN: false,
     source: summary_sources.extras,
     prompt: defaultPrompt,
     template: defaultTemplate,
@@ -98,6 +101,7 @@ function loadSettings() {
     $('#memory_temperature').val(extension_settings.memory.temperature).trigger('input');
     $('#memory_length_penalty').val(extension_settings.memory.lengthPenalty).trigger('input');
     $('#memory_frozen').prop('checked', extension_settings.memory.memoryFrozen).trigger('input');
+    $('#memory_skipWIAN').prop('checked', extension_settings.memory.SkipWIAN).trigger('input');
     $('#memory_prompt').val(extension_settings.memory.prompt).trigger('input');
     $('#memory_prompt_words').val(extension_settings.memory.promptWords).trigger('input');
     $('#memory_prompt_interval').val(extension_settings.memory.promptInterval).trigger('input');
@@ -168,6 +172,12 @@ function onMemoryFrozenInput() {
     saveSettingsDebounced();
 }
 
+function onMemorySkipWIANInput() {
+    const value = Boolean($(this).prop('checked'));
+    extension_settings.memory.SkipWIAN = value;
+    saveSettingsDebounced();
+}
+
 function onMemoryPromptWordsInput() {
     const value = $(this).val();
     extension_settings.memory.promptWords = Number(value);
@@ -309,13 +319,15 @@ async function onChatEvent() {
 async function forceSummarizeChat() {
     const context = getContext();
 
+    const skipWIAN = extension_settings.memory.SkipWIAN
+    console.log(`Skipping WIAN? ${skipWIAN}`)
     if (!context.chatId) {
         toastr.warning('No chat selected');
         return;
     }
 
     toastr.info('Summarizing chat...', 'Please wait');
-    const value = await summarizeChatMain(context, true);
+    const value = await summarizeChatMain(context, true, skipWIAN);
 
     if (!value) {
         toastr.warning('Failed to summarize chat');
@@ -324,19 +336,21 @@ async function forceSummarizeChat() {
 }
 
 async function summarizeChat(context) {
+    const skipWIAN = extension_settings.memory.SkipWIAN
     switch (extension_settings.memory.source) {
         case summary_sources.extras:
             await summarizeChatExtras(context);
             break;
         case summary_sources.main:
-            await summarizeChatMain(context, false);
+            await summarizeChatMain(context, false, skipWIAN);
             break;
         default:
             break;
     }
 }
 
-async function summarizeChatMain(context, force) {
+async function summarizeChatMain(context, force, skipWIAN) {
+
     if (extension_settings.memory.promptInterval === 0 && !force) {
         console.debug('Prompt interval is set to 0, skipping summarization');
         return;
@@ -395,8 +409,8 @@ async function summarizeChatMain(context, force) {
         console.debug('Summarization prompt is empty. Skipping summarization.');
         return;
     }
-
-    const summary = await generateQuietPrompt(prompt, false);
+    console.log('sending summary prompt')
+    const summary = await generateQuietPrompt(prompt, false, skipWIAN);
     const newContext = getContext();
 
     // something changed during summarization request
@@ -547,100 +561,179 @@ function setMemoryContext(value, saveToMessage) {
     }
 }
 
+function doPopout(e) {
+    const target = e.target;
+    //repurposes the zoomed avatar template to server as a floating div
+    if ($("#summaryExtensionPopout").length === 0) {
+        console.debug('did not see popout yet, creating')
+        const originalHTMLClone = $(target).parent().parent().parent().find('.inline-drawer-content').html()
+        const originalElement = $(target).parent().parent().parent().find('.inline-drawer-content')
+        const template = $('#zoomed_avatar_template').html();
+        const controlBarHtml = `<div class="panelControlBar flex-container">
+        <div id="summaryExtensionPopoutheader" class="fa-solid fa-grip drag-grabber hoverglow"></div>
+        <div id="summaryExtensionPopoutClose" class="fa-solid fa-circle-xmark hoverglow dragClose"></div>
+    </div>`
+        const newElement = $(template);
+        newElement.attr('id', 'summaryExtensionPopout')
+            .removeClass('zoomed_avatar')
+            .addClass('draggable')
+            .empty()
+        const prevSummaryBoxContents = $('#memory_contents').val(); //copy summary box before emptying
+        originalElement.empty();
+        originalElement.html(`<div class="flex-container alignitemscenter justifyCenter wide100p"><small>Currently popped out</small></div>`)
+        newElement.append(controlBarHtml).append(originalHTMLClone)
+        $('body').append(newElement);
+        $("#summaryExtensionDrawerContents").addClass('scrollableInnerFull')
+        setMemoryContext(prevSummaryBoxContents, false); //paste prev summary box contents into popout box
+        setupListeners();
+        loadSettings();
+        loadMovingUIState();
+
+        $("#summaryExtensionPopout").fadeIn(250);
+        dragElement(newElement);
+
+        //setup listener for close button to restore extensions menu
+        $('#summaryExtensionPopoutClose').off('click').on('click', function () {
+            $("#summaryExtensionDrawerContents").removeClass('scrollableInnerFull')
+            const summaryPopoutHTML = $("#summaryExtensionDrawerContents")
+            $("#summaryExtensionPopout").fadeOut(250, () => {
+                originalElement.empty();
+                originalElement.html(summaryPopoutHTML);
+                $("#summaryExtensionPopout").remove()
+            })
+            loadSettings();
+        })
+    } else {
+        console.debug('saw existing popout, removing')
+        $("#summaryExtensionPopout").fadeOut(250, () => { $("#summaryExtensionPopoutClose").trigger('click') });
+    }
+}
+
+function setupListeners() {
+    //setup shared listeners for popout and regular ext menu
+    $('#memory_restore').off('click').on('click', onMemoryRestoreClick);
+    $('#memory_contents').off('click').on('input', onMemoryContentInput);
+    $('#memory_long_length').off('click').on('input', onMemoryLongInput);
+    $('#memory_short_length').off('click').on('input', onMemoryShortInput);
+    $('#memory_repetition_penalty').off('click').on('input', onMemoryRepetitionPenaltyInput);
+    $('#memory_temperature').off('click').on('input', onMemoryTemperatureInput);
+    $('#memory_length_penalty').off('click').on('input', onMemoryLengthPenaltyInput);
+    $('#memory_frozen').off('click').on('input', onMemoryFrozenInput);
+    $('#memory_skipWIAN').off('click').on('input', onMemorySkipWIANInput);
+    $('#summary_source').off('click').on('change', onSummarySourceChange);
+    $('#memory_prompt_words').off('click').on('input', onMemoryPromptWordsInput);
+    $('#memory_prompt_interval').off('click').on('input', onMemoryPromptIntervalInput);
+    $('#memory_prompt').off('click').on('input', onMemoryPromptInput);
+    $('#memory_force_summarize').off('click').on('click', forceSummarizeChat);
+    $('#memory_template').off('click').on('input', onMemoryTemplateInput);
+    $('#memory_depth').off('click').on('input', onMemoryDepthInput);
+    $('input[name="memory_position"]').off('click').on('change', onMemoryPositionChange);
+    $('#memory_prompt_words_force').off('click').on('input', onMemoryPromptWordsForceInput);
+    $("#summarySettingsBlockToggle").off('click').on('click', function () {
+        console.log('saw settings button click')
+        $("#summarySettingsBlock").slideToggle(200, "swing"); //toggleClass("hidden");
+    });
+}
+
 jQuery(function () {
     function addExtensionControls() {
         const settingsHtml = `
         <div id="memory_settings">
             <div class="inline-drawer">
                 <div class="inline-drawer-toggle inline-drawer-header">
-                    <b>Summarize</b>
+                    <div class="flex-container alignitemscenter margin0"><b>Summarize</b><i id="summaryExtensionPopoutButton" class="fa-solid fa-window-restore menu_button margin0"></i></div>
                     <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                 </div>
                 <div class="inline-drawer-content">
-                    <label for="summary_source">Summarization source:</label>
-                    <select id="summary_source">
-                        <option value="main">Main API</option>
-                        <option value="extras">Extras API</option>
-                    </select>
-                    <label for="memory_contents">Current summary: </label>
-                    <textarea id="memory_contents" class="text_pole textarea_compact" rows="6" placeholder="Summary will be generated here..."></textarea>
-                    <div class="memory_contents_controls">
-                        <input id="memory_restore" class="menu_button" type="button" value="Restore previous state" />
-                        <label for="memory_frozen"><input id="memory_frozen" type="checkbox" />Pause summarization</label>
-                    </div>
-                    <div class="memory_template">
-                        <label for="memory_template">Injection template:</label>
-                        <textarea id="memory_template" class="text_pole textarea_compact" rows="1" placeholder="Use {{summary}} macro to specify the position of summarized text."></textarea>
-                    </div>
-                    <label for="memory_position">Injection position:</label>
-                    <div class="radio_group">
-                        <label>
-                            <input type="radio" name="memory_position" value="2" />
-                            Before Main Prompt / Story String
-                        </label>
-                        <label>
-                            <input type="radio" name="memory_position" value="0" />
-                            After Main Prompt / Story String
-                        </label>
-                        <label>
-                            <input type="radio" name="memory_position" value="1" />
-                            In-chat @ Depth <input id="memory_depth" class="text_pole widthUnset" type="number" min="0" max="999" />
-                        </label>
-                    </div>
-                    <div data-source="main" class="memory_contents_controls">
-                    </div>
-                    <div data-source="main">
-                        <label for="memory_prompt" class="title_restorable">
-                            Summarization Prompt
+                    <div id="summaryExtensionDrawerContents">
+                        <label for="summary_source">Summarize with:</label>
+                        <select id="summary_source">
+                            <option value="main">Main API</option>
+                            <option value="extras">Extras API</option>
+                        </select><br>
+
+                        <div class="flex-container justifyspacebetween alignitemscenter">
+                            <span class="flex1">Current summary:</span>
+                            <div id="memory_restore" class="menu_button flex1 margin0"><span>Restore Previous</span></div>
+                        </div>
+
+                        <textarea id="memory_contents" class="text_pole textarea_compact" rows="6" placeholder="Summary will be generated here..."></textarea>
+                        <div class="memory_contents_controls">
                             <div id="memory_force_summarize" class="menu_button menu_button_icon">
                                 <i class="fa-solid fa-database"></i>
-                                <span>Generate now</span>
+                                <span>Summarize now</span>
                             </div>
-                        </label>
-                        <textarea id="memory_prompt" class="text_pole textarea_compact" rows="6" placeholder="This prompt will be used in summary generation. Insert {{words}} macro to use the "Number of words" parameter."></textarea>
-                        <label for="memory_prompt_words">Number of words in the summary (<span id="memory_prompt_words_value"></span> words)</label>
-                        <input id="memory_prompt_words" type="range" value="${defaultSettings.promptWords}" min="${defaultSettings.promptMinWords}" max="${defaultSettings.promptMaxWords}" step="${defaultSettings.promptWordsStep}" />
-                        <label for="memory_prompt_interval">Update interval (<span id="memory_prompt_interval_value"></span> messages)</label>
-                        <small>Set to 0 to disable</small>
-                        <input id="memory_prompt_interval" type="range" value="${defaultSettings.promptInterval}" min="${defaultSettings.promptMinInterval}" max="${defaultSettings.promptMaxInterval}" step="${defaultSettings.promptIntervalStep}" />
-                        <label for="memory_prompt_words_force">Force update after (<span id="memory_prompt_words_force_value"></span> words)</label>
-                        <small>Set to 0 to disable</small>
-                        <input id="memory_prompt_words_force" type="range" value="${defaultSettings.promptForceWords}" min="${defaultSettings.promptMinForceWords}" max="${defaultSettings.promptMaxForceWords}" step="${defaultSettings.promptForceWordsStep}" />
-                    </div>
-                    <div data-source="extras">
-                        <label for="memory_short_length">Chat to Summarize buffer length (<span id="memory_short_length_tokens"></span> tokens)</label>
-                        <input id="memory_short_length" type="range" value="${defaultSettings.shortMemoryLength}" min="${defaultSettings.minShortMemory}" max="${defaultSettings.maxShortMemory}" step="${defaultSettings.shortMemoryStep}" />
-                        <label for="memory_long_length">Summary output length (<span id="memory_long_length_tokens"></span> tokens)</label>
-                        <input id="memory_long_length" type="range" value="${defaultSettings.longMemoryLength}" min="${defaultSettings.minLongMemory}" max="${defaultSettings.maxLongMemory}" step="${defaultSettings.longMemoryStep}" />
-                        <label for="memory_temperature">Temperature (<span id="memory_temperature_value"></span>)</label>
-                        <input id="memory_temperature" type="range" value="${defaultSettings.temperature}" min="${defaultSettings.minTemperature}" max="${defaultSettings.maxTemperature}" step="${defaultSettings.temperatureStep}" />
-                        <label for="memory_repetition_penalty">Repetition penalty (<span id="memory_repetition_penalty_value"></span>)</label>
-                        <input id="memory_repetition_penalty" type="range" value="${defaultSettings.repetitionPenalty}" min="${defaultSettings.minRepetitionPenalty}" max="${defaultSettings.maxRepetitionPenalty}" step="${defaultSettings.repetitionPenaltyStep}" />
-                        <label for="memory_length_penalty">Length preference <small>[higher = longer summaries]</small> (<span id="memory_length_penalty_value"></span>)</label>
-                        <input id="memory_length_penalty" type="range" value="${defaultSettings.lengthPenalty}" min="${defaultSettings.minLengthPenalty}" max="${defaultSettings.maxLengthPenalty}" step="${defaultSettings.lengthPenaltyStep}" />
+                            <label for="memory_frozen"><input id="memory_frozen" type="checkbox" />Pause</label>
+                            <label for="memory_skipWIAN"><input id="memory_skipWIAN" type="checkbox" />No WI/AN</label>
+                        </div>
+                        <div class="memory_contents_controls">
+                            <div id="summarySettingsBlockToggle" class="menu_button menu_button_icon" title="Edit summarization prompt, insertion position, etc.">
+                                <i class="fa-solid fa-cog"></i>
+                                <span>Summary Settings</span>
+                            </div>
+                        </div>
+                        <div id="summarySettingsBlock" style="display:none;">
+                            <div class="memory_template">
+                                <label for="memory_template">Insertion Template</label>
+                                <textarea id="memory_template" class="text_pole textarea_compact" rows="2" placeholder="{{summary}} will resolve to the current summary contents."></textarea>
+                            </div>
+                            <label for="memory_position">Injection Position</label>
+                            <div class="radio_group">
+                                <label>
+                                    <input type="radio" name="memory_position" value="2" />
+                                    Before Main Prompt / Story String
+                                </label>
+                                <label>
+                                    <input type="radio" name="memory_position" value="0" />
+                                    After Main Prompt / Story String
+                                </label>
+                                <label>
+                                    <input type="radio" name="memory_position" value="1" />
+                                    In-chat @ Depth <input id="memory_depth" class="text_pole widthUnset" type="number" min="0" max="999" />
+                                </label>
+                            </div>
+                            <div data-source="main" class="memory_contents_controls">
+                            </div>
+                            <div data-source="main">
+                                <label for="memory_prompt" class="title_restorable">
+                                    Summary Prompt
+
+                                </label>
+                                <textarea id="memory_prompt" class="text_pole textarea_compact" rows="6" placeholder="This prompt will be sent to AI to request the summary generation. {{words}} will resolve to the 'Number of words' parameter."></textarea>
+                                <label for="memory_prompt_words">Summary length (<span id="memory_prompt_words_value"></span> words)</label>
+                                <input id="memory_prompt_words" type="range" value="${defaultSettings.promptWords}" min="${defaultSettings.promptMinWords}" max="${defaultSettings.promptMaxWords}" step="${defaultSettings.promptWordsStep}" />
+                                <label for="memory_prompt_interval">Update every <span id="memory_prompt_interval_value"></span> messages</label>
+                                <small>0 = disable</small>
+                                <input id="memory_prompt_interval" type="range" value="${defaultSettings.promptInterval}" min="${defaultSettings.promptMinInterval}" max="${defaultSettings.promptMaxInterval}" step="${defaultSettings.promptIntervalStep}" />
+                                <label for="memory_prompt_words_force">Update every <span id="memory_prompt_words_force_value"></span> words</label>
+                                <small>0 = disable</small>
+                                <input id="memory_prompt_words_force" type="range" value="${defaultSettings.promptForceWords}" min="${defaultSettings.promptMinForceWords}" max="${defaultSettings.promptMaxForceWords}" step="${defaultSettings.promptForceWordsStep}" />
+                                <small>If both sliders are non-zero, then both will trigger summary updates a their respective intervals.</small>
+                            </div>
+                            <div data-source="extras">
+                                <label for="memory_short_length">Chat to Summarize buffer length (<span id="memory_short_length_tokens"></span> tokens)</label>
+                                <input id="memory_short_length" type="range" value="${defaultSettings.shortMemoryLength}" min="${defaultSettings.minShortMemory}" max="${defaultSettings.maxShortMemory}" step="${defaultSettings.shortMemoryStep}" />
+                                <label for="memory_long_length">Summary output length (<span id="memory_long_length_tokens"></span> tokens)</label>
+                                <input id="memory_long_length" type="range" value="${defaultSettings.longMemoryLength}" min="${defaultSettings.minLongMemory}" max="${defaultSettings.maxLongMemory}" step="${defaultSettings.longMemoryStep}" />
+                                <label for="memory_temperature">Temperature (<span id="memory_temperature_value"></span>)</label>
+                                <input id="memory_temperature" type="range" value="${defaultSettings.temperature}" min="${defaultSettings.minTemperature}" max="${defaultSettings.maxTemperature}" step="${defaultSettings.temperatureStep}" />
+                                <label for="memory_repetition_penalty">Repetition penalty (<span id="memory_repetition_penalty_value"></span>)</label>
+                                <input id="memory_repetition_penalty" type="range" value="${defaultSettings.repetitionPenalty}" min="${defaultSettings.minRepetitionPenalty}" max="${defaultSettings.maxRepetitionPenalty}" step="${defaultSettings.repetitionPenaltyStep}" />
+                                <label for="memory_length_penalty">Length preference <small>[higher = longer summaries]</small> (<span id="memory_length_penalty_value"></span>)</label>
+                                <input id="memory_length_penalty" type="range" value="${defaultSettings.lengthPenalty}" min="${defaultSettings.minLengthPenalty}" max="${defaultSettings.maxLengthPenalty}" step="${defaultSettings.lengthPenaltyStep}" />
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
         `;
         $('#extensions_settings2').append(settingsHtml);
-        $('#memory_restore').on('click', onMemoryRestoreClick);
-        $('#memory_contents').on('input', onMemoryContentInput);
-        $('#memory_long_length').on('input', onMemoryLongInput);
-        $('#memory_short_length').on('input', onMemoryShortInput);
-        $('#memory_repetition_penalty').on('input', onMemoryRepetitionPenaltyInput);
-        $('#memory_temperature').on('input', onMemoryTemperatureInput);
-        $('#memory_length_penalty').on('input', onMemoryLengthPenaltyInput);
-        $('#memory_frozen').on('input', onMemoryFrozenInput);
-        $('#summary_source').on('change', onSummarySourceChange);
-        $('#memory_prompt_words').on('input', onMemoryPromptWordsInput);
-        $('#memory_prompt_interval').on('input', onMemoryPromptIntervalInput);
-        $('#memory_prompt').on('input', onMemoryPromptInput);
-        $('#memory_force_summarize').on('click', forceSummarizeChat);
-        $('#memory_template').on('input', onMemoryTemplateInput);
-        $('#memory_depth').on('input', onMemoryDepthInput);
-        $('input[name="memory_position"]').on('change', onMemoryPositionChange);
-        $('#memory_prompt_words_force').on('input', onMemoryPromptWordsForceInput);
+        setupListeners();
+        $("#summaryExtensionPopoutButton").off('click').on('click', function (e) {
+            doPopout(e);
+            e.stopPropagation();
+        });
     }
 
     addExtensionControls();

public/scripts/extensions/memory/manifest.json

@@ -1,5 +1,5 @@
 {
-    "display_name": "Memory",
+    "display_name": "Summarize",
     "loading_order": 9,
     "requires": [],
     "optional": [

public/scripts/extensions/memory/style.css

@@ -8,7 +8,8 @@
     line-height: 1.2;
 }
 
-label[for="memory_frozen"] {
+label[for="memory_frozen"],
+label[for="memory_skipWIAN"] {
     display: flex;
     align-items: center;
     margin: 0 !important;
@@ -23,4 +24,4 @@ label[for="memory_frozen"] input {
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-}
+}

public/scripts/extensions/objective/index.js

@@ -1,811 +0,0 @@
-import { chat_metadata, callPopup, saveSettingsDebounced, is_send_press } from "../../../script.js";
-import { getContext, extension_settings, saveMetadataDebounced } from "../../extensions.js";
-import {
-    substituteParams,
-    eventSource,
-    event_types,
-    generateQuietPrompt,
-} from "../../../script.js";
-import { registerSlashCommand } from "../../slash-commands.js";
-import { waitUntilCondition } from "../../utils.js";
-import { is_group_generating, selected_group } from "../../group-chats.js";
-
-const MODULE_NAME = "Objective"
-
-
-let taskTree = null
-let globalTasks = []
-let currentChatId = ""
-let currentObjective = null
-let currentTask = null
-let checkCounter = 0
-let lastMessageWasSwipe = false
-
-
-const defaultPrompts = {
-    "createTask": `Pause your roleplay. Please generate a numbered list of plain text tasks to complete an objective. The objective that you must make a numbered task list for is: "{{objective}}". The tasks created should take into account the character traits of {{char}}. These tasks may or may not involve {{user}} directly. Include the objective as the final task.`,
-    "checkTaskCompleted": `Pause your roleplay. Determine if this task is completed: [{{task}}]. To do this, examine the most recent messages. Your response must only contain either true or false, and nothing else. Example output: true`,
-    'currentTask':`Your current task is [{{task}}]. Balance existing roleplay with completing this task.`,
-}
-
-let objectivePrompts = defaultPrompts
-
-//###############################//
-//#       Task Management       #//
-//###############################//
-
-// Return the task and index or throw an error
-function getTaskById(taskId){
-    if (taskId == null) {
-        throw `Null task id`
-    }
-    return getTaskByIdRecurse(taskId, taskTree)
-}
-
-function getTaskByIdRecurse(taskId, task) {
-    if (task.id == taskId){
-        return task
-    }
-    for (const childTask of task.children) {
-        const foundTask = getTaskByIdRecurse(taskId, childTask);
-        if (foundTask != null) {
-            return foundTask;
-        }
-    }
-    return null;
-}
-
-function substituteParamsPrompts(content, substituteGlobal) {
-    content = content.replace(/{{objective}}/gi, currentObjective.description)
-    content = content.replace(/{{task}}/gi, currentTask.description)
-    if (currentTask.parent){
-        content = content.replace(/{{parent}}/gi, currentTask.parent.description)
-    }
-    if (substituteGlobal) {
-        content = substituteParams(content)
-    }
-    return content
-}
-
-// Call Quiet Generate to create task list using character context, then convert to tasks. Should not be called much.
-async function generateTasks() {
-
-    const prompt = substituteParamsPrompts(objectivePrompts.createTask, false);
-    console.log(`Generating tasks for objective with prompt`)
-    toastr.info('Generating tasks for objective', 'Please wait...');
-    const taskResponse = await generateQuietPrompt(prompt)
-
-    // Clear all existing objective tasks when generating
-    currentObjective.children = []
-    const numberedListPattern = /^\d+\./
-
-    // Create tasks from generated task list
-    for (const task of taskResponse.split('\n').map(x => x.trim())) {
-        if (task.match(numberedListPattern) != null) {
-            currentObjective.addTask(task.replace(numberedListPattern,"").trim())
-        }
-    }
-    updateUiTaskList();
-    setCurrentTask();
-    console.info(`Response for Objective: '${currentObjective.description}' was \n'${taskResponse}', \nwhich created tasks \n${JSON.stringify(currentObjective.children.map(v => {return v.toSaveState()}), null, 2)} `)
-    toastr.success(`Generated ${currentObjective.children.length} tasks`, 'Done!');
-}
-
-// Call Quiet Generate to check if a task is completed
-async function checkTaskCompleted() {
-    // Make sure there are tasks
-    if (jQuery.isEmptyObject(currentTask)) {
-        return
-    }
-
-    try {
-        // Wait for group to finish generating
-        if (selected_group) {
-            await waitUntilCondition(() => is_group_generating === false, 1000, 10);
-        }
-        // Another extension might be doing something with the chat, so wait for it to finish
-        await waitUntilCondition(() => is_send_press === false, 30000, 10);
-    } catch {
-        console.debug("Failed to wait for group to finish generating")
-        return;
-    }
-
-    checkCounter = $('#objective-check-frequency').val()
-    toastr.info("Checking for task completion.")
-
-    const prompt = substituteParamsPrompts(objectivePrompts.checkTaskCompleted, false);
-    const taskResponse = (await generateQuietPrompt(prompt)).toLowerCase()
-
-    // Check response if task complete
-    if (taskResponse.includes("true")) {
-        console.info(`Character determined task '${currentTask.description} is completed.`)
-        currentTask.completeTask()
-    } else if (!(taskResponse.includes("false"))) {
-        console.warn(`checkTaskCompleted response did not contain true or false. taskResponse: ${taskResponse}`)
-    } else {
-        console.debug(`Checked task completion. taskResponse: ${taskResponse}`)
-    }
-}
-
-function getNextIncompleteTaskRecurse(task){
-    if (task.completed === false // Return task if incomplete
-        && task.children.length === 0 // Ensure task has no children, it's subtasks will determine completeness
-        && task.parentId !== ""  // Must have parent id. Only root task will be missing this and we dont want that
-    ){
-        return task
-    }
-    for (const childTask of task.children) {
-        if (childTask.completed === true){ // Don't recurse into completed tasks
-            continue
-        }
-        const foundTask = getNextIncompleteTaskRecurse(childTask);
-        if (foundTask != null) {
-            return foundTask;
-        }
-    }
-    return null;
-}
-
-// Set a task in extensionPrompt context. Defaults to first incomplete
-function setCurrentTask(taskId = null, skipSave = false) {
-    const context = getContext();
-
-    // TODO: Should probably null this rather than set empty object
-    currentTask = {};
-
-    // Find the task, either next incomplete, or by provided taskId
-    if (taskId === null) {
-        currentTask = getNextIncompleteTaskRecurse(taskTree) || {};
-    } else {
-        currentTask = getTaskById(taskId);
-    }
-
-    // Don't just check for a current task, check if it has data
-    const description = currentTask.description || null;
-    if (description) {
-        const extensionPromptText =  substituteParamsPrompts(objectivePrompts.currentTask, true);
-
-        // Remove highlights
-        $('.objective-task').css({'border-color':'','border-width':''})
-        // Highlight current task
-        let highlightTask = currentTask
-        while (highlightTask.parentId !== ""){
-            if (highlightTask.descriptionSpan){
-                highlightTask.descriptionSpan.css({'border-color':'yellow','border-width':'2px'});
-            }
-            const parent = getTaskById(highlightTask.parentId)
-            highlightTask = parent
-        }
-
-        // Update the extension prompt
-        context.setExtensionPrompt(MODULE_NAME, extensionPromptText, 1, $('#objective-chat-depth').val());
-        console.info(`Current task in context.extensionPrompts.Objective is ${JSON.stringify(context.extensionPrompts.Objective)}`);
-    } else {
-        context.setExtensionPrompt(MODULE_NAME, '');
-        console.info(`No current task`);
-    }
-
-    // Save state if not skipping
-    if (!skipSave) {
-        saveState();
-    }
-}
-
-function getHighestTaskIdRecurse(task) {
-    let nextId = task.id;
-
-    for (const childTask of task.children) {
-        const childId = getHighestTaskIdRecurse(childTask);
-        if (childId > nextId) {
-            nextId = childId;
-        }
-    }
-    return nextId;
-}
-
-//###############################//
-//#         Task Class          #//
-//###############################//
-class ObjectiveTask {
-    id
-    description
-    completed
-    parentId
-    children
-
-    // UI Elements
-    taskHtml
-    descriptionSpan
-    completedCheckbox
-    deleteTaskButton
-    addTaskButton
-
-    constructor ({id=undefined, description, completed=false, parentId=""}) {
-        this.description = description
-        this.parentId = parentId
-        this.children = []
-        this.completed = completed
-
-        // Generate a new ID if none specified
-        if (id==undefined){
-            this.id = getHighestTaskIdRecurse(taskTree) + 1
-        } else {
-            this.id=id
-        }
-    }
-
-    // Accepts optional index. Defaults to adding to end of list.
-    addTask(description, index = null) {
-        index = index != null ? index: index = this.children.length
-        this.children.splice(index, 0, new ObjectiveTask(
-            {description: description, parentId: this.id}
-        ))
-        saveState()
-    }
-
-    getIndex(){
-        if (this.parentId !== null) {
-            const parent = getTaskById(this.parentId)
-            const index = parent.children.findIndex(task => task.id === this.id)
-            if (index === -1){
-                throw `getIndex failed: Task '${this.description}' not found in parent task '${parent.description}'`
-            }
-            return index
-        } else {
-            throw `getIndex failed: Task '${this.description}' has no parent`
-        }
-    }
-
-    // Used to set parent to complete when all child tasks are completed
-    checkParentComplete() {
-        let all_completed = true;
-        if (this.parentId !== ""){
-            const parent = getTaskById(this.parentId);
-            for (const child of parent.children){
-                if (!child.completed){
-                    all_completed = false;
-                    break;
-                }
-            }
-            if (all_completed){
-                parent.completed = true;
-                console.info(`Parent task '${parent.description}' completed after all child tasks complated.`)
-            } else {
-                parent.completed = false;
-            }
-        }
-    }
-
-    // Complete the current task, setting next task to next incomplete task
-    completeTask() {
-        this.completed = true
-        console.info(`Task successfully completed: ${JSON.stringify(this.description)}`)
-        this.checkParentComplete()
-        setCurrentTask()
-        updateUiTaskList()
-    }
-
-    // Add a single task to the UI and attach event listeners for user edits
-    addUiElement() {
-        const template = `
-        <div id="objective-task-label-${this.id}" class="flex1 checkbox_label">
-            <input id="objective-task-complete-${this.id}" type="checkbox">
-            <span class="text_pole objective-task" style="display: block" id="objective-task-description-${this.id}" contenteditable>${this.description}</span>
-            <div id="objective-task-delete-${this.id}" class="objective-task-button fa-solid fa-xmark fa-2x" title="Delete Task"></div>
-            <div id="objective-task-add-${this.id}" class="objective-task-button fa-solid fa-plus fa-2x" title="Add Task"></div>
-            <div id="objective-task-add-branch-${this.id}" class="objective-task-button fa-solid fa-code-fork fa-2x" title="Branch Task"></div>
-        </div><br>
-        `;
-
-        // Add the filled out template
-        $('#objective-tasks').append(template);
-
-        this.completedCheckbox = $(`#objective-task-complete-${this.id}`);
-        this.descriptionSpan = $(`#objective-task-description-${this.id}`);
-        this.addButton = $(`#objective-task-add-${this.id}`);
-        this.deleteButton = $(`#objective-task-delete-${this.id}`);
-        this.taskHtml = $(`#objective-task-label-${this.id}`);
-        this.branchButton = $(`#objective-task-add-branch-${this.id}`)
-
-        // Handle sub-task forking style
-        if (this.children.length > 0){
-            this.branchButton.css({'color':'#33cc33'})
-        } else {
-            this.branchButton.css({'color':''})
-        }
-
-        // Add event listeners and set properties
-        $(`#objective-task-complete-${this.id}`).prop('checked', this.completed);
-        $(`#objective-task-complete-${this.id}`).on('click', () => (this.onCompleteClick()));
-        $(`#objective-task-description-${this.id}`).on('keyup', () => (this.onDescriptionUpdate()));
-        $(`#objective-task-description-${this.id}`).on('focusout', () => (this.onDescriptionFocusout()));
-        $(`#objective-task-delete-${this.id}`).on('click', () => (this.onDeleteClick()));
-        $(`#objective-task-add-${this.id}`).on('click', () => (this.onAddClick()));
-        this.branchButton.on('click', () => (this.onBranchClick()))
-    }
-
-    onBranchClick() {
-        currentObjective = this
-        updateUiTaskList();
-        setCurrentTask();
-    }
-
-    onCompleteClick(){
-        this.completed = this.completedCheckbox.prop('checked')
-        this.checkParentComplete()
-        setCurrentTask();
-    }
-
-    onDescriptionUpdate(){
-        this.description = this.descriptionSpan.text();
-    }
-
-    onDescriptionFocusout(){
-        setCurrentTask();
-    }
-
-    onDeleteClick(){
-        const index = this.getIndex()
-        const parent = getTaskById(this.parentId)
-        parent.children.splice(index, 1)
-        updateUiTaskList()
-        setCurrentTask()
-    }
-
-    onAddClick(){
-        const index = this.getIndex()
-        const parent = getTaskById(this.parentId)
-        parent.addTask("", index + 1);
-        updateUiTaskList();
-        setCurrentTask();
-    }
-
-    toSaveStateRecurse() {
-        let children = []
-        if (this.children.length > 0){
-            for (const child of this.children){
-                children.push(child.toSaveStateRecurse())
-            }
-        }
-        return {
-            "id":this.id,
-            "description":this.description,
-            "completed":this.completed,
-            "parentId": this.parentId,
-            "children": children,
-        }
-    }
-}
-
-//###############################//
-//#       Custom Prompts        #//
-//###############################//
-
-function onEditPromptClick() {
-    let popupText = ''
-    popupText += `
-    <div class="objective_prompt_modal">
-        <small>Edit prompts used by Objective for this session. You can use {{objective}} or {{task}} plus any other standard template variables. Save template to persist changes.</small>
-        <br>
-        <div>
-            <label for="objective-prompt-generate">Generation Prompt</label>
-            <textarea id="objective-prompt-generate" type="text" class="text_pole textarea_compact" rows="8"></textarea>
-            <label for="objective-prompt-check">Completion Check Prompt</label>
-            <textarea id="objective-prompt-check" type="text" class="text_pole textarea_compact" rows="8"></textarea>
-            <label for="objective-prompt-extension-prompt">Injected Prompt</label>
-            <textarea id="objective-prompt-extension-prompt" type="text" class="text_pole textarea_compact" rows="8"></textarea>
-        </div>
-        <div class="objective_prompt_block">
-            <label for="objective-custom-prompt-select">Custom Prompt Select</label>
-            <select id="objective-custom-prompt-select"><select>
-        </div>
-        <div class="objective_prompt_block">
-            <input id="objective-custom-prompt-new" class="menu_button" type="submit" value="New Prompt" />
-            <input id="objective-custom-prompt-save" class="menu_button" type="submit" value="Save Prompt" />
-            <input id="objective-custom-prompt-delete" class="menu_button" type="submit" value="Delete Prompt" />
-        </div>
-    </div>`
-    callPopup(popupText, 'text')
-    populateCustomPrompts()
-
-    // Set current values
-    $('#objective-prompt-generate').val(objectivePrompts.createTask)
-    $('#objective-prompt-check').val(objectivePrompts.checkTaskCompleted)
-    $('#objective-prompt-extension-prompt').val(objectivePrompts.currentTask)
-
-    // Handle value updates
-    $('#objective-prompt-generate').on('input', () => {
-        objectivePrompts.createTask =  $('#objective-prompt-generate').val()
-    })
-    $('#objective-prompt-check').on('input', () => {
-        objectivePrompts.checkTaskCompleted = $('#objective-prompt-check').val()
-    })
-    $('#objective-prompt-extension-prompt').on('input', () => {
-        objectivePrompts.currentTask = $('#objective-prompt-extension-prompt').val()
-    })
-
-    // Handle new
-    $('#objective-custom-prompt-new').on('click', () => {
-        newCustomPrompt()
-    })
-
-    // Handle save
-    $('#objective-custom-prompt-save').on('click', () => {
-        saveCustomPrompt()
-    })
-
-    // Handle delete
-    $('#objective-custom-prompt-delete').on('click', () => {
-        deleteCustomPrompt()
-    })
-
-    // Handle load
-    $('#objective-custom-prompt-select').on('change', loadCustomPrompt)
-}
-async function newCustomPrompt() {
-    const customPromptName = await callPopup('<h3>Custom Prompt name:</h3>', 'input');
-
-    if (customPromptName == "") {
-        toastr.warning("Please set custom prompt name to save.")
-        return
-    }
-    if (customPromptName == "default"){
-        toastr.error("Cannot save over default prompt")
-        return
-    }
-    extension_settings.objective.customPrompts[customPromptName] = {}
-    Object.assign(extension_settings.objective.customPrompts[customPromptName], objectivePrompts)
-    saveSettingsDebounced()
-    populateCustomPrompts()
-}
-
-function saveCustomPrompt() {
-    const customPromptName = $("#objective-custom-prompt-select").find(':selected').val()
-    if (customPromptName == "default"){
-        toastr.error("Cannot save over default prompt")
-        return
-    }
-    Object.assign(extension_settings.objective.customPrompts[customPromptName], objectivePrompts)
-    saveSettingsDebounced()
-    populateCustomPrompts()
-}
-
-function deleteCustomPrompt(){
-    const customPromptName = $("#objective-custom-prompt-select").find(':selected').val()
-
-    if (customPromptName == "default"){
-        toastr.error("Cannot delete default prompt")
-        return
-    }
-    delete extension_settings.objective.customPrompts[customPromptName]
-    saveSettingsDebounced()
-    populateCustomPrompts()
-    loadCustomPrompt()
-}
-
-function loadCustomPrompt(){
-    const optionSelected = $("#objective-custom-prompt-select").find(':selected').val()
-    Object.assign(objectivePrompts, extension_settings.objective.customPrompts[optionSelected])
-
-    $('#objective-prompt-generate').val(objectivePrompts.createTask)
-    $('#objective-prompt-check').val(objectivePrompts.checkTaskCompleted)
-    $('#objective-prompt-extension-prompt').val(objectivePrompts.currentTask)
-}
-
-function populateCustomPrompts(){
-    // Populate saved prompts
-    $('#objective-custom-prompt-select').empty()
-    for (const customPromptName in extension_settings.objective.customPrompts){
-        const option = document.createElement('option');
-        option.innerText = customPromptName;
-        option.value = customPromptName;
-        option.selected = customPromptName
-        $('#objective-custom-prompt-select').append(option)
-    }
-}
-
-//###############################//
-//#       UI AND Settings       #//
-//###############################//
-
-
-const defaultSettings = {
-    currentObjectiveId: null,
-    taskTree: null,
-    chatDepth: 2,
-    checkFrequency: 3,
-    hideTasks: false,
-    prompts: defaultPrompts,
-}
-
-// Convenient single call. Not much at the moment.
-function resetState() {
-    lastMessageWasSwipe = false
-    loadSettings();
-}
-
-//
-function saveState() {
-    const context = getContext();
-
-    if (currentChatId == "") {
-        currentChatId = context.chatId
-    }
-
-    chat_metadata['objective'] = {
-        currentObjectiveId: currentObjective.id,
-        taskTree: taskTree.toSaveStateRecurse(),
-        checkFrequency: $('#objective-check-frequency').val(),
-        chatDepth: $('#objective-chat-depth').val(),
-        hideTasks: $('#objective-hide-tasks').prop('checked'),
-        prompts: objectivePrompts,
-    }
-
-    saveMetadataDebounced();
-}
-
-// Dump core state
-function debugObjectiveExtension() {
-    console.log(JSON.stringify({
-        "currentTask": currentTask,
-        "currentObjective": currentObjective,
-        "taskTree": taskTree.toSaveStateRecurse(),
-        "chat_metadata": chat_metadata['objective'],
-        "extension_settings": extension_settings['objective'],
-        "prompts": objectivePrompts
-    }, null, 2))
-}
-
-window.debugObjectiveExtension = debugObjectiveExtension
-
-
-// Populate UI task list
-function updateUiTaskList() {
-    $('#objective-tasks').empty()
-
-    // Show button to navigate back to parent objective if parent exists
-    if (currentObjective){
-        if (currentObjective.parentId !== "") {
-            $('#objective-parent').show()
-        } else {
-            $('#objective-parent').hide()
-        }
-    }
-
-    $('#objective-text').val(currentObjective.description)
-    if (currentObjective.children.length > 0){
-        // Show tasks if there are any to show
-        for (const task of currentObjective.children) {
-            task.addUiElement()
-        }
-    } else {
-        // Show button to add tasks if there are none
-        $('#objective-tasks').append(`
-        <input id="objective-task-add-first" type="button" class="menu_button" value="Add Task">
-        `)
-        $("#objective-task-add-first").on('click', () => {
-            currentObjective.addTask("")
-            setCurrentTask()
-            updateUiTaskList()
-        })
-    }
-}
-
-function onParentClick() {
-    currentObjective = getTaskById(currentObjective.parentId)
-    updateUiTaskList()
-    setCurrentTask()
-}
-
-// Trigger creation of new tasks with given objective.
-async function onGenerateObjectiveClick() {
-    await generateTasks()
-    saveState()
-}
-
-// Update extension prompts
-function onChatDepthInput() {
-    saveState()
-    setCurrentTask() // Ensure extension prompt is updated
-}
-
-function onObjectiveTextFocusOut(){
-    if (currentObjective){
-        currentObjective.description = $('#objective-text').val()
-        saveState()
-    }
-}
-
-// Update how often we check for task completion
-function onCheckFrequencyInput() {
-    checkCounter = $("#objective-check-frequency").val()
-    $('#objective-counter').text(checkCounter)
-    saveState()
-}
-
-function onHideTasksInput() {
-    $('#objective-tasks').prop('hidden', $('#objective-hide-tasks').prop('checked'))
-    saveState()
-}
-
-function loadTaskChildrenRecurse(savedTask) {
-    let tempTaskTree = new ObjectiveTask({
-        id: savedTask.id,
-        description: savedTask.description,
-        completed: savedTask.completed,
-        parentId: savedTask.parentId,
-    })
-    for (const task of savedTask.children){
-        const childTask = loadTaskChildrenRecurse(task)
-        tempTaskTree.children.push(childTask)
-    }
-    return tempTaskTree
-}
-
-function loadSettings() {
-    // Load/Init settings for chatId
-    currentChatId = getContext().chatId
-
-    // Reset Objectives and Tasks in memory
-    taskTree = null;
-    currentObjective = null;
-
-    // Init extension settings
-    if (Object.keys(extension_settings.objective).length === 0) {
-        Object.assign(extension_settings.objective, { 'customPrompts': {'default':defaultPrompts}})
-    }
-
-    // Bail on home screen
-    if (currentChatId == undefined) {
-        return
-    }
-
-    // Migrate existing settings
-    if (currentChatId in extension_settings.objective) {
-        // TODO: Remove this soon
-        chat_metadata['objective'] = extension_settings.objective[currentChatId];
-        delete extension_settings.objective[currentChatId];
-    }
-
-    if (!('objective' in chat_metadata)) {
-        Object.assign(chat_metadata, { objective: defaultSettings });
-    }
-
-    // Migrate legacy flat objective to new objectiveTree and currentObjective
-    if ('objective' in chat_metadata.objective) {
-
-        // Create root objective from legacy objective
-        taskTree = new ObjectiveTask({id:0, description: chat_metadata.objective.objective});
-        currentObjective = taskTree;
-
-        // Populate root objective tree from legacy tasks
-        if ('tasks' in chat_metadata.objective) {
-            let idIncrement = 0;
-            taskTree.children = chat_metadata.objective.tasks.map(task => {
-                idIncrement += 1;
-                return new ObjectiveTask({
-                    id: idIncrement,
-                    description: task.description,
-                    completed: task.completed,
-                    parentId: taskTree.id,
-                })
-            });
-        }
-        saveState();
-        delete chat_metadata.objective.objective;
-        delete chat_metadata.objective.tasks;
-    } else {
-        // Load Objectives and Tasks (Normal path)
-        if (chat_metadata.objective.taskTree){
-            taskTree = loadTaskChildrenRecurse(chat_metadata.objective.taskTree)
-        }
-    }
-
-    // Make sure there's a root task
-    if (!taskTree) {
-        taskTree = new ObjectiveTask({id:0,description:$('#objective-text').val()})
-    }
-
-    currentObjective = taskTree
-    checkCounter = chat_metadata['objective'].checkFrequency
-
-    // Update UI elements
-    $('#objective-counter').text(checkCounter)
-    $("#objective-text").text(taskTree.description)
-    updateUiTaskList()
-    $('#objective-chat-depth').val(chat_metadata['objective'].chatDepth)
-    $('#objective-check-frequency').val(chat_metadata['objective'].checkFrequency)
-    $('#objective-hide-tasks').prop('checked', chat_metadata['objective'].hideTasks)
-    $('#objective-tasks').prop('hidden', $('#objective-hide-tasks').prop('checked'))
-    setCurrentTask(null, true)
-}
-
-function addManualTaskCheckUi() {
-    $('#extensionsMenu').prepend(`
-        <div id="objective-task-manual-check-menu-item" class="list-group-item flex-container flexGap5">
-            <div id="objective-task-manual-check" class="extensionsMenuExtensionButton fa-regular fa-square-check"/></div>
-            Manual Task Check
-        </div>`)
-    $('#objective-task-manual-check-menu-item').attr('title', 'Trigger AI check of completed tasks').on('click', checkTaskCompleted)
-}
-
-jQuery(() => {
-    const settingsHtml = `
-    <div class="objective-settings">
-        <div class="inline-drawer">
-            <div class="inline-drawer-toggle inline-drawer-header">
-                <b>Objective</b>
-                <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-            </div>
-            <div class="inline-drawer-content">
-                <label for="objective-text"><small>Enter an objective and generate tasks. The AI will attempt to complete tasks autonomously</small></label>
-                <textarea id="objective-text" type="text" class="text_pole textarea_compact" rows="4"></textarea>
-                <div class="objective_block flex-container">
-                    <input id="objective-generate" class="menu_button" type="submit" value="Auto-Generate Tasks" />
-                    <label class="checkbox_label"><input id="objective-hide-tasks" type="checkbox"> Hide Tasks</label>
-                </div>
-                <div id="objective-parent" class="objective_block flex-container">
-                    <i class="objective-task-button fa-solid fa-circle-left fa-2x" title="Go to Parent"></i>
-                    <small>Go to parent task</small>
-                </div>
-
-                <div id="objective-tasks"> </div>
-                <div class="objective_block margin-bot-10px">
-                    <div class="objective_block objective_block_control flex1 flexFlowColumn">
-                        <label for="objective-chat-depth">Position in Chat</label>
-                        <input id="objective-chat-depth" class="text_pole widthUnset" type="number" min="0" max="99" />
-                    </div>
-                    <br>
-                    <div class="objective_block objective_block_control flex1">
-
-                        <label for="objective-check-frequency">Task Check Frequency</label>
-                        <input id="objective-check-frequency" class="text_pole widthUnset" type="number" min="0" max="99" />
-                        <small>(0 = disabled)</small>
-                    </div>
-                </div>
-                <span> Messages until next AI task completion check <span id="objective-counter">0</span></span>
-                <div class="objective_block flex-container">
-                    <input id="objective_prompt_edit" class="menu_button" type="submit" value="Edit Prompts" />
-                </div>
-                <hr class="sysHR">
-            </div>
-        </div>
-    </div>
-    `;
-
-    addManualTaskCheckUi()
-    $('#extensions_settings').append(settingsHtml);
-    $('#objective-generate').on('click', onGenerateObjectiveClick)
-    $('#objective-chat-depth').on('input', onChatDepthInput)
-    $("#objective-check-frequency").on('input', onCheckFrequencyInput)
-    $('#objective-hide-tasks').on('click', onHideTasksInput)
-    $('#objective_prompt_edit').on('click', onEditPromptClick)
-    $('#objective-parent').hide()
-    $('#objective-parent').on('click',onParentClick)
-    $('#objective-text').on('focusout',onObjectiveTextFocusOut)
-    loadSettings()
-
-    eventSource.on(event_types.CHAT_CHANGED, () => {
-        resetState()
-    });
-    eventSource.on(event_types.MESSAGE_SWIPED, () => {
-        lastMessageWasSwipe = true
-    })
-    eventSource.on(event_types.MESSAGE_RECEIVED, () => {
-        if (currentChatId == undefined || jQuery.isEmptyObject(currentTask) || lastMessageWasSwipe) {
-            lastMessageWasSwipe = false
-            return
-        }
-        if ($("#objective-check-frequency").val() > 0) {
-            // Check only at specified interval
-            if (checkCounter <= 0) {
-                checkTaskCompleted();
-            }
-            checkCounter -= 1
-        }
-        setCurrentTask();
-        $('#objective-counter').text(checkCounter)
-    });
-
-    registerSlashCommand('taskcheck', checkTaskCompleted, [], '– checks if the current task is completed', true, true);
-});

public/scripts/extensions/objective/manifest.json

@@ -1,11 +0,0 @@
-{
-    "display_name": "Objective",
-    "loading_order": 5,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Ouoertheo",
-    "version": "0.0.1",
-    "homePage": ""
-}

public/scripts/extensions/objective/style.css

@@ -1,52 +0,0 @@
-#objective-counter {
-    font-weight: 600;
-    color: orange;
-}
-
-.objective_block {
-    display: flex;
-    align-items: center;
-    column-gap: 5px;
-    flex-wrap: wrap;
-}
-
-.objective_prompt_block {
-    display: flex;
-    align-items: baseline;
-    column-gap: 5px;
-    flex-wrap: wrap;
-}
-
-.objective_block_control {
-    align-items: baseline;
-}
-
-.objective_block_control small,
-.objective_block_control label {
-    width: max-content;
-}
-
-.objective-task-button {
-    margin: 0;
-    outline: none;
-    border: none;
-    cursor: pointer;
-    transition: 0.3s;
-    opacity: 0.7;
-    align-items: center;
-    justify-content: center;
-
-}
-
-.objective-task-button:hover {
-    opacity: 1;
-}
-
-[id^=objective-task-delete-] {
-    color: #da3f3f;
-}
-
-#objective-tasks span {
-    margin: unset;
-    margin-bottom: 5px !important;
-}

public/scripts/extensions/quick-reply/contextMenuEditor.html

@@ -0,0 +1,44 @@
+<div id="quickReply_contextMenuEditor_template">
+    <div class="quickReply_contextMenuEditor">
+        <h3><strong>Context Menu Editor</strong></h3>
+        <div id="quickReply_contextMenuEditor_content">
+            <template id="quickReply_contextMenuEditor_itemTemplate">
+                <div class="quickReplyContextMenuEditor_item flex-container alignitemscenter" data-order="0">
+                    <span class="drag-handle ui-sortable-handle">☰</span>
+                    <select class="quickReply_contextMenuEditor_preset"></select>
+                    <label class="flex-container" title="When enabled, the current Quick Reply will be sent together with (before) the clicked QR from the context menu.">
+                        Chaining:
+                        <input type="checkbox" class="quickReply_contextMenuEditor_chaining">
+                    </label>
+                    <span class="quickReply_contextMenuEditor_remove menu_button menu_button_icon fa-solid fa-trash-can" title="Remove entry"></span>
+                </div>
+            </template>
+        </div>
+        <div class="quickReply_contextMenuEditor_actions">
+            <span id="quickReply_contextMenuEditor_addPreset" class="menu_button menu_button_icon fa-solid fa-plus" title="Add preset to context menu"></span>
+        </div>
+        <h3><strong>Auto-Execute</strong></h3>
+        <div class="flex-container flexFlowColumn">
+            <label class="checkbox_label" for="quickReply_hidden">
+                <input type="checkbox" id="quickReply_hidden" >
+                <span><i class="fa-solid fa-fw fa-eye-slash"></i> Invisible (auto-execute only)</span>
+            </label>
+            <label class="checkbox_label" for="quickReply_autoExecute_appStartup">
+                <input type="checkbox" id="quickReply_autoExecute_appStartup" >
+                <span><i class="fa-solid fa-fw fa-rocket"></i> Execute on app startup</span>
+            </label>
+            <label class="checkbox_label" for="quickReply_autoExecute_userMessage">
+                <input type="checkbox" id="quickReply_autoExecute_userMessage" >
+                <span><i class="fa-solid fa-fw fa-user"></i> Execute on user message</span>
+            </label>
+            <label class="checkbox_label" for="quickReply_autoExecute_botMessage">
+                <input type="checkbox" id="quickReply_autoExecute_botMessage" >
+                <span><i class="fa-solid fa-fw fa-robot"></i> Execute on AI message</span>
+            </label>
+            <label class="checkbox_label" for="quickReply_autoExecute_chatLoad">
+                <input type="checkbox" id="quickReply_autoExecute_chatLoad" >
+                <span><i class="fa-solid fa-fw fa-message"></i> Execute on opening chat</span>
+            </label>
+        </div>
+    </div>
+</div>

public/scripts/extensions/quick-reply/index.js

@@ -1,8 +1,10 @@
-import { saveSettingsDebounced, callPopup, getRequestHeaders, substituteParams } from "../../../script.js";
+import { saveSettingsDebounced, callPopup, getRequestHeaders, substituteParams, eventSource, event_types } from "../../../script.js";
 import { getContext, extension_settings } from "../../extensions.js";
-import { initScrollHeight, resetScrollHeight } from "../../utils.js";
-import { executeSlashCommands, getSlashCommandsHelp, registerSlashCommand } from "../../slash-commands.js";
-
+import { initScrollHeight, resetScrollHeight, getSortableDelay } from "../../utils.js";
+import { executeSlashCommands, registerSlashCommand } from "../../slash-commands.js";
+import { ContextMenu } from "./src/ContextMenu.js";
+import { MenuItem } from "./src/MenuItem.js";
+import { MenuHeader } from "./src/MenuHeader.js";
 
 export { MODULE_NAME };
 
@@ -15,13 +17,14 @@ const defaultSettings = {
     quickReplyEnabled: false,
     numberOfSlots: 5,
     quickReplySlots: [],
-    placeBeforePromptEnabled: false,
+    placeBeforeInputEnabled: false,
     quickActionEnabled: false,
+    AutoInputInject: true,
 }
 
 //method from worldinfo
 async function updateQuickReplyPresetList() {
-    var result = await fetch("/getsettings", {
+    const result = await fetch("/getsettings", {
         method: "POST",
         headers: getRequestHeaders(),
         body: JSON.stringify({}),
@@ -35,8 +38,12 @@ async function updateQuickReplyPresetList() {
 
 
         if (presets !== undefined) {
-            presets.forEach((item, i) => {
-                $("#quickReplyPresets").append(`<option value='${item.name}'${selected_preset.includes(item.name) ? ' selected' : ''}>${item.name}</option>`);
+            presets.forEach((item) => {
+                const option = document.createElement('option');
+                option.value = item.name;
+                option.innerText = item.name;
+                option.selected = selected_preset.includes(item.name);
+                $("#quickReplyPresets").append(option);
             });
         }
     }
@@ -50,6 +57,10 @@ async function loadSettings(type) {
         Object.assign(extension_settings.quickReply, defaultSettings);
     }
 
+    if (extension_settings.quickReply.AutoInputInject === undefined) {
+        extension_settings.quickReply.AutoInputInject = true;
+    }
+
     // If the user has an old version of the extension, update it
     if (!Array.isArray(extension_settings.quickReply.quickReplySlots)) {
         extension_settings.quickReply.quickReplySlots = [];
@@ -77,23 +88,119 @@ async function loadSettings(type) {
 
     $('#quickReplyEnabled').prop('checked', extension_settings.quickReply.quickReplyEnabled);
     $('#quickReplyNumberOfSlots').val(extension_settings.quickReply.numberOfSlots);
-    $('#placeBeforePromptEnabled').prop('checked', extension_settings.quickReply.placeBeforePromptEnabled);
+    $('#placeBeforeInputEnabled').prop('checked', extension_settings.quickReply.placeBeforeInputEnabled);
     $('#quickActionEnabled').prop('checked', extension_settings.quickReply.quickActionEnabled);
+    $('#AutoInputInject').prop('checked', extension_settings.quickReply.AutoInputInject);
 }
 
 function onQuickReplyInput(id) {
     extension_settings.quickReply.quickReplySlots[id - 1].mes = $(`#quickReply${id}Mes`).val();
-    $(`#quickReply${id}`).attr('title', ($(`#quickReply${id}Mes`).val()));
+    $(`#quickReply${id}`).attr('title', String($(`#quickReply${id}Mes`).val()));
     resetScrollHeight($(`#quickReply${id}Mes`));
     saveSettingsDebounced();
 }
 
 function onQuickReplyLabelInput(id) {
     extension_settings.quickReply.quickReplySlots[id - 1].label = $(`#quickReply${id}Label`).val();
-    $(`#quickReply${id}`).text($(`#quickReply${id}Label`).val());
+    addQuickReplyBar();
     saveSettingsDebounced();
 }
 
+async function onQuickReplyContextMenuChange(id) {
+    extension_settings.quickReply.quickReplySlots[id - 1].contextMenu = JSON.parse($(`#quickReplyContainer > [data-order="${id}"]`).attr('data-contextMenu'))
+    saveSettingsDebounced();
+}
+
+async function onQuickReplyCtxButtonClick(id) {
+    const editorHtml = $(await $.get('scripts/extensions/quick-reply/contextMenuEditor.html'));
+    const popupResult = callPopup(editorHtml, "confirm", undefined, { okButton: "Save", wide: false, large: false, rows: 1 });
+    const qr = extension_settings.quickReply.quickReplySlots[id - 1];
+    if (!qr.contextMenu) {
+        qr.contextMenu = [];
+    }
+    /**@type {HTMLTemplateElement}*/
+    const tpl = document.querySelector('#quickReply_contextMenuEditor_itemTemplate');
+    const fillPresetSelect = (select, item) => {
+        [{ name: 'Select a preset', value: '' }, ...presets].forEach(preset => {
+            const opt = document.createElement('option'); {
+                opt.value = preset.value ?? preset.name;
+                opt.textContent = preset.name;
+                opt.selected = preset.name == item.preset;
+                select.append(opt);
+            }
+        });
+    };
+    const addCtxItem = (item, idx) => {
+        const dom = tpl.content.cloneNode(true);
+        const ctxItem = dom.querySelector('.quickReplyContextMenuEditor_item');
+        ctxItem.setAttribute('data-order', idx);
+        const select = ctxItem.querySelector('.quickReply_contextMenuEditor_preset');
+        fillPresetSelect(select, item);
+        dom.querySelector('.quickReply_contextMenuEditor_chaining').checked = item.chain;
+        $('.quickReply_contextMenuEditor_remove', ctxItem).on('click', () => ctxItem.remove());
+        document.querySelector('#quickReply_contextMenuEditor_content').append(ctxItem);
+    }
+    [...qr.contextMenu, {}].forEach((item, idx) => {
+        addCtxItem(item, idx)
+    });
+    $('#quickReply_contextMenuEditor_addPreset').on('click', () => {
+        addCtxItem({}, document.querySelector('#quickReply_contextMenuEditor_content').children.length);
+    });
+
+    $('#quickReply_contextMenuEditor_content').sortable({
+        delay: getSortableDelay(),
+        stop: () => { },
+    });
+
+    $('#quickReply_autoExecute_userMessage').prop('checked', qr.autoExecute_userMessage ?? false);
+    $('#quickReply_autoExecute_botMessage').prop('checked', qr.autoExecute_botMessage ?? false);
+    $('#quickReply_autoExecute_chatLoad').prop('checked', qr.autoExecute_chatLoad ?? false);
+    $('#quickReply_autoExecute_appStartup').prop('checked', qr.autoExecute_appStartup ?? false);
+    $('#quickReply_hidden').prop('checked', qr.hidden ?? false);
+
+    $('#quickReply_hidden').on('input', () => {
+        const state = !!$('#quickReply_hidden').prop('checked');
+        qr.hidden = state;
+        saveSettingsDebounced();
+    });
+
+    $('#quickReply_autoExecute_appStartup').on('input', () => {
+        const state = !!$('#quickReply_autoExecute_appStartup').prop('checked');
+        qr.autoExecute_appStartup = state;
+        saveSettingsDebounced();
+    });
+
+    $('#quickReply_autoExecute_userMessage').on('input', () => {
+        const state = !!$('#quickReply_autoExecute_userMessage').prop('checked');
+        qr.autoExecute_userMessage = state;
+        saveSettingsDebounced();
+    });
+
+    $('#quickReply_autoExecute_botMessage').on('input', () => {
+        const state = !!$('#quickReply_autoExecute_botMessage').prop('checked');
+        qr.autoExecute_botMessage = state;
+        saveSettingsDebounced();
+    });
+
+    $('#quickReply_autoExecute_chatLoad').on('input', () => {
+        const state = !!$('#quickReply_autoExecute_chatLoad').prop('checked');
+        qr.autoExecute_chatLoad = state;
+        saveSettingsDebounced();
+    });
+
+    if (await popupResult) {
+        qr.contextMenu = Array.from(document.querySelectorAll('#quickReply_contextMenuEditor_content > .quickReplyContextMenuEditor_item'))
+            .map(item => ({
+                preset: item.querySelector('.quickReply_contextMenuEditor_preset').value,
+                chain: item.querySelector('.quickReply_contextMenuEditor_chaining').checked,
+            }))
+            .filter(item => item.preset);
+        $(`#quickReplyContainer[data-order="${id}"]`).attr('data-contextMenu', JSON.stringify(qr.contextMenu));
+        updateQuickReplyPreset();
+        onQuickReplyLabelInput(id);
+    }
+}
+
 async function onQuickReplyEnabledInput() {
     let isEnabled = $(this).prop('checked')
     extension_settings.quickReply.quickReplyEnabled = !!isEnabled;
@@ -109,32 +216,61 @@ async function onQuickActionEnabledInput() {
     saveSettingsDebounced();
 }
 
-async function onPlaceBeforePromptEnabledInput() {
-    extension_settings.quickReply.placeBeforePromptEnabled = !!$(this).prop('checked');
+async function onPlaceBeforeInputEnabledInput() {
+    extension_settings.quickReply.placeBeforeInputEnabled = !!$(this).prop('checked');
+    saveSettingsDebounced();
+}
+
+async function onAutoInputInject() {
+    extension_settings.quickReply.AutoInputInject = !!$(this).prop('checked');
     saveSettingsDebounced();
 }
 
 async function sendQuickReply(index) {
-    const existingText = $("#send_textarea").val();
     const prompt = extension_settings.quickReply.quickReplySlots[index]?.mes || '';
+    return await performQuickReply(prompt, index);
+}
 
+async function executeQuickReplyByName(name) {
+    if (!extension_settings.quickReply.quickReplyEnabled) {
+        throw new Error('Quick Reply is disabled');
+    }
+
+    const qr = extension_settings.quickReply.quickReplySlots.find(x => x.label == name);
+
+    if (!qr) {
+        throw new Error(`Quick Reply "${name}" not found`);
+    }
+
+    return await performQuickReply(qr.mes);
+}
+
+window['executeQuickReplyByName'] = executeQuickReplyByName;
+
+async function performQuickReply(prompt, index) {
     if (!prompt) {
         console.warn(`Quick reply slot ${index} is empty! Aborting.`);
         return;
     }
+    const existingText = $("#send_textarea").val();
 
     let newText;
 
-    if (existingText) {
-        // If existing text, add space after prompt
-        if (extension_settings.quickReply.placeBeforePromptEnabled) {
+    if (existingText && extension_settings.quickReply.AutoInputInject) {
+        if (extension_settings.quickReply.placeBeforeInputEnabled) {
             newText = `${prompt} ${existingText} `;
         } else {
             newText = `${existingText} ${prompt} `;
         }
     } else {
-        // If no existing text, add prompt only (with a trailing space)
-        newText = prompt + ' ';
+        // If no existing text and placeBeforeInputEnabled false, add prompt only (with a trailing space)
+        newText = `${prompt} `;
+    }
+
+    // the prompt starts with '/' - execute slash commands natively
+    if (prompt.startsWith('/')) {
+        const result = await executeSlashCommands(newText);
+        return result?.pipe;
     }
 
     newText = substituteParams(newText);
@@ -142,24 +278,64 @@ async function sendQuickReply(index) {
     $("#send_textarea").val(newText);
 
     // Set the focus back to the textarea
-    $("#send_textarea").focus();
+    $("#send_textarea").trigger('focus');
 
-    // Only trigger send button if quickActionEnabled is not checked or 
-    // the prompt starts with '/'
-    if (!extension_settings.quickReply.quickActionEnabled || prompt.startsWith('/')) {
+    // Only trigger send button if quickActionEnabled is not checked or
+    if (!extension_settings.quickReply.quickActionEnabled) {
         $("#send_but").trigger('click');
     }
 }
 
 
+function buildContextMenu(qr, chainMes = null, hierarchy = [], labelHierarchy = []) {
+    const tree = {
+        label: qr.label,
+        mes: (chainMes && qr.mes ? `${chainMes} | ` : '') + qr.mes,
+        children: [],
+    };
+    qr.contextMenu?.forEach(ctxItem => {
+        let chain = ctxItem.chain;
+        let subName = ctxItem.preset;
+        const sub = presets.find(it => it.name == subName);
+        if (sub) {
+            // prevent circular references
+            if (hierarchy.indexOf(sub.name) == -1) {
+                const nextHierarchy = [...hierarchy, sub.name];
+                const nextLabelHierarchy = [...labelHierarchy, tree.label];
+                tree.children.push(new MenuHeader(sub.name));
+                sub.quickReplySlots.forEach(subQr => {
+                    const subInfo = buildContextMenu(subQr, chain ? tree.mes : null, nextHierarchy, nextLabelHierarchy);
+                    tree.children.push(new MenuItem(
+                        subInfo.label,
+                        subInfo.mes,
+                        (evt) => {
+                            evt.stopPropagation();
+                            performQuickReply(subInfo.mes.replace(/%%parent(-\d+)?%%/g, (_, index) => {
+                                return nextLabelHierarchy.slice(parseInt(index ?? '-1'))[0];
+                            }));
+                        },
+                        subInfo.children,
+                    ));
+                });
+            }
+        }
+    });
+    return tree;
+}
 function addQuickReplyBar() {
     $('#quickReplyBar').remove();
     let quickReplyButtonHtml = '';
 
     for (let i = 0; i < extension_settings.quickReply.numberOfSlots; i++) {
-        let quickReplyMes = extension_settings.quickReply.quickReplySlots[i]?.mes || '';
-        let quickReplyLabel = extension_settings.quickReply.quickReplySlots[i]?.label || '';
-        quickReplyButtonHtml += `<div title="${quickReplyMes}" class="quickReplyButton" data-index="${i}" id="quickReply${i + 1}">${quickReplyLabel}</div>`;
+        const qr = extension_settings.quickReply.quickReplySlots[i];
+        const quickReplyMes = qr?.mes || '';
+        const quickReplyLabel = qr?.label || '';
+        const hidden = qr?.hidden ?? false;
+        let expander = '';
+        if (extension_settings.quickReply.quickReplySlots[i]?.contextMenu?.length) {
+            expander = '<span class="ctx-expander" title="Open context menu">⋮</span>';
+        }
+        quickReplyButtonHtml += `<div title="${quickReplyMes}" class="quickReplyButton ${hidden ? 'displayNone' : ''}" data-index="${i}" id="quickReply${i + 1}">${quickReplyLabel}${expander}</div>`;
     }
 
     const quickReplyBarFullHtml = `
@@ -176,6 +352,27 @@ function addQuickReplyBar() {
         let index = $(this).data('index');
         sendQuickReply(index);
     });
+    $('.quickReplyButton > .ctx-expander').on('click', function (evt) {
+        evt.stopPropagation();
+        let index = $(this.closest('.quickReplyButton')).data('index');
+        const qr = extension_settings.quickReply.quickReplySlots[index];
+        if (qr.contextMenu?.length) {
+            evt.preventDefault();
+            const tree = buildContextMenu(qr);
+            const menu = new ContextMenu(tree.children);
+            menu.show(evt);
+        }
+    })
+    $('.quickReplyButton').on('contextmenu', function (evt) {
+        let index = $(this).data('index');
+        const qr = extension_settings.quickReply.quickReplySlots[index];
+        if (qr.contextMenu?.length) {
+            evt.preventDefault();
+            const tree = buildContextMenu(qr);
+            const menu = new ContextMenu(tree.children);
+            menu.show(evt);
+        }
+    });
 }
 
 async function moduleWorker() {
@@ -199,7 +396,8 @@ async function saveQuickReplyPreset() {
         quickReplyEnabled: extension_settings.quickReply.quickReplyEnabled,
         quickReplySlots: extension_settings.quickReply.quickReplySlots,
         numberOfSlots: extension_settings.quickReply.numberOfSlots,
-        selectedPreset: name
+        AutoInputInject: extension_settings.quickReply.AutoInputInject,
+        selectedPreset: name,
     }
 
     const response = await fetch('/savequickreply', {
@@ -221,7 +419,51 @@ async function saveQuickReplyPreset() {
         }
         else {
             presets[quickReplyPresetIndex] = quickReplyPreset;
-            $(`#quickReplyPresets option[value="${name}"]`).attr('selected', true);
+            $(`#quickReplyPresets option[value="${name}"]`).prop('selected', true);
+        }
+        saveSettingsDebounced();
+    } else {
+        toastr.warning('Failed to save Quick Reply Preset.')
+    }
+}
+
+//just a copy of save function with the name hardcoded to currently selected preset
+async function updateQuickReplyPreset() {
+    const name = $("#quickReplyPresets").val()
+
+    if (!name) {
+        return;
+    }
+
+    const quickReplyPreset = {
+        name: name,
+        quickReplyEnabled: extension_settings.quickReply.quickReplyEnabled,
+        quickReplySlots: extension_settings.quickReply.quickReplySlots,
+        numberOfSlots: extension_settings.quickReply.numberOfSlots,
+        AutoInputInject: extension_settings.quickReply.AutoInputInject,
+        selectedPreset: name,
+    }
+
+    const response = await fetch('/savequickreply', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        body: JSON.stringify(quickReplyPreset)
+    });
+
+    if (response.ok) {
+        const quickReplyPresetIndex = presets.findIndex(x => x.name == name);
+
+        if (quickReplyPresetIndex == -1) {
+            presets.push(quickReplyPreset);
+            const option = document.createElement('option');
+            option.selected = true;
+            option.value = name;
+            option.innerText = name;
+            $('#quickReplyPresets').append(option);
+        }
+        else {
+            presets[quickReplyPresetIndex] = quickReplyPreset;
+            $(`#quickReplyPresets option[value="${name}"]`).prop('selected', true);
         }
         saveSettingsDebounced();
     } else {
@@ -272,10 +514,13 @@ function generateQuickReplyElements() {
     let quickReplyHtml = '';
 
     for (let i = 1; i <= extension_settings.quickReply.numberOfSlots; i++) {
+        let itemNumber = i + 1
         quickReplyHtml += `
-        <div class="flex-container alignitemsflexstart">
-            <input class="text_pole wide30p" id="quickReply${i}Label" placeholder="(Add a button label)">
-            <textarea id="quickReply${i}Mes" placeholder="(custom message here)" class="text_pole widthUnset flex1" rows="2"></textarea>
+        <div class="flex-container alignitemscenter" data-order="${i}">
+            <span class="drag-handle ui-sortable-handle">☰</span>
+            <input class="text_pole wide30p" id="quickReply${i}Label" placeholder="(Button label)">
+            <span class="menu_button menu_button_icon" id="quickReply${i}CtxButton" title="Additional options: context menu, auto-execution">⋮</span>
+            <textarea id="quickReply${i}Mes" placeholder="(Custom message or /command)" class="text_pole widthUnset flex1 autoSetHeight" rows="2"></textarea>
         </div>
         `;
     }
@@ -285,6 +530,8 @@ function generateQuickReplyElements() {
     for (let i = 1; i <= extension_settings.quickReply.numberOfSlots; i++) {
         $(`#quickReply${i}Mes`).on('input', function () { onQuickReplyInput(i); });
         $(`#quickReply${i}Label`).on('input', function () { onQuickReplyLabelInput(i); });
+        $(`#quickReply${i}CtxButton`).on('click', function () { onQuickReplyCtxButtonClick(i); });
+        $(`#quickReplyContainer > [data-order="${i}"]`).attr('data-contextMenu', JSON.stringify(extension_settings.quickReply.quickReplySlots[i - 1]?.contextMenu ?? []));
     }
 
     $('.quickReplySettings .inline-drawer-toggle').off('click').on('click', function () {
@@ -309,7 +556,7 @@ async function applyQuickReplyPreset(name) {
     addQuickReplyBar();
     moduleWorker();
 
-    $(`#quickReplyPresets option[value="${name}"]`).attr('selected', true);
+    $(`#quickReplyPresets option[value="${name}"]`).prop('selected', true);
     console.debug('QR Preset applied: ' + name);
 }
 
@@ -333,8 +580,96 @@ async function doQR(_, text) {
     whichQR.trigger('click')
 }
 
-jQuery(async () => {
+function saveQROrder() {
+    //update html-level order data to match new sort
+    let i = 1
+    $('#quickReplyContainer').children().each(function () {
+        $(this).attr('data-order', i)
+        $(this).find('input').attr('id', `quickReply${i}Label`)
+        $(this).find('textarea').attr('id', `quickReply${i}Mes`)
+        i++
+    });
 
+    //rebuild the extension_Settings array based on new order
+    i = 1
+    $('#quickReplyContainer').children().each(function () {
+        onQuickReplyContextMenuChange(i)
+        onQuickReplyLabelInput(i)
+        onQuickReplyInput(i)
+        i++
+    });
+}
+
+/**
+ * Executes quick replies on message received.
+ * @param {number} index New message index
+ * @returns {Promise<void>}
+ */
+async function onMessageReceived(index) {
+    if (!extension_settings.quickReply.quickReplyEnabled) return;
+
+    for (let i = 0; i < extension_settings.quickReply.numberOfSlots; i++) {
+        const qr = extension_settings.quickReply.quickReplySlots[i];
+        if (qr?.autoExecute_botMessage) {
+            const message = getContext().chat[index];
+            if (message?.mes && message?.mes !== '...') {
+                await sendQuickReply(i);
+            }
+        }
+    }
+}
+
+/**
+ * Executes quick replies on message sent.
+ * @param {number} index New message index
+ * @returns {Promise<void>}
+ */
+async function onMessageSent(index) {
+    if (!extension_settings.quickReply.quickReplyEnabled) return;
+
+    for (let i = 0; i < extension_settings.quickReply.numberOfSlots; i++) {
+        const qr = extension_settings.quickReply.quickReplySlots[i];
+        if (qr?.autoExecute_userMessage) {
+            const message = getContext().chat[index];
+            if (message?.mes && message?.mes !== '...') {
+                await sendQuickReply(i);
+            }
+        }
+    }
+}
+
+/**
+ * Executes quick replies on chat changed.
+ * @param {string} chatId New chat id
+ * @returns {Promise<void>}
+ */
+async function onChatChanged(chatId) {
+    if (!extension_settings.quickReply.quickReplyEnabled) return;
+
+    for (let i = 0; i < extension_settings.quickReply.numberOfSlots; i++) {
+        const qr = extension_settings.quickReply.quickReplySlots[i];
+        if (qr?.autoExecute_chatLoad && chatId) {
+            await sendQuickReply(i);
+        }
+    }
+}
+
+/**
+ * Executes quick replies on app ready.
+ * @returns {Promise<void>}
+ */
+async function onAppReady() {
+    if (!extension_settings.quickReply.quickReplyEnabled) return;
+
+    for (let i = 0; i < extension_settings.quickReply.numberOfSlots; i++) {
+        const qr = extension_settings.quickReply.quickReplySlots[i];
+        if (qr?.autoExecute_appStartup) {
+            await sendQuickReply(i);
+        }
+    }
+}
+
+jQuery(async () => {
     moduleWorker();
     setInterval(moduleWorker, UPDATE_INTERVAL);
     const settingsHtml = `
@@ -348,20 +683,31 @@ jQuery(async () => {
             <div>
                 <label class="checkbox_label">
                     <input id="quickReplyEnabled" type="checkbox" />
-                        Enable Quick Replies
+                    Enable Quick Replies
                 </label>
                 <label class="checkbox_label">
                     <input id="quickActionEnabled" type="checkbox" />
-                        Disable Send / Insert In User Input
+                    Disable Send / Insert In User Input
                 </label>
                 <label class="checkbox_label marginBot10">
-                    <input id="placeBeforePromptEnabled" type="checkbox" />
-                        Place Quick-reply before the Prompt
+                    <input id="placeBeforeInputEnabled" type="checkbox" />
+                    Place Quick-reply before the Input
                 </label>
+                <label class="checkbox_label marginBot10">
+                    <input id="AutoInputInject" type="checkbox" />
+                    Inject user input automatically<br>(If disabled, use {{input}} macro for manual injection)
+                </label>
+                <label for="quickReplyPresets">Quick Reply presets:</label>
                 <div class="flex-container flexnowrap wide100p">
-                    <select id="quickReplyPresets" name="quickreply-preset">
+                    <select id="quickReplyPresets" name="quickreply-preset" class="flex1 text_pole">
                     </select>
-                    <i id="quickReplyPresetSaveButton" class="fa-solid fa-save"></i>
+                    <div id="quickReplyPresetSaveButton" class="menu_button menu_button_icon">
+                        <div class="fa-solid fa-save"></div>
+                        <span>Save New</span>
+                    </div>
+                    <div id="quickReplyPresetUpdateButton" class="menu_button menu_button_icon">
+                        <span>Update</span>
+                    </div>
                 </div>
                 <label for="quickReplyNumberOfSlots">Number of slots:</label>
             </div>
@@ -379,29 +725,38 @@ jQuery(async () => {
     </div>`;
 
     $('#extensions_settings2').append(settingsHtml);
-    
+
     // Add event handler for quickActionEnabled
     $('#quickActionEnabled').on('input', onQuickActionEnabledInput);
-    $('#placeBeforePromptEnabled').on('input', onPlaceBeforePromptEnabledInput);
+    $('#placeBeforeInputEnabled').on('input', onPlaceBeforeInputEnabledInput);
+    $('#AutoInputInject').on('input', onAutoInputInject);
     $('#quickReplyEnabled').on('input', onQuickReplyEnabledInput);
     $('#quickReplyNumberOfSlotsApply').on('click', onQuickReplyNumberOfSlotsInput);
     $("#quickReplyPresetSaveButton").on('click', saveQuickReplyPreset);
+    $("#quickReplyPresetUpdateButton").on('click', updateQuickReplyPreset);
+
+    $('#quickReplyContainer').sortable({
+        delay: getSortableDelay(),
+        stop: saveQROrder,
+    });
 
     $("#quickReplyPresets").on('change', async function () {
         const quickReplyPresetSelected = $(this).find(':selected').val();
         extension_settings.quickReplyPreset = quickReplyPresetSelected;
         applyQuickReplyPreset(quickReplyPresetSelected);
         saveSettingsDebounced();
-
     });
 
     await loadSettings('init');
     addQuickReplyBar();
 
+    eventSource.on(event_types.MESSAGE_RECEIVED, onMessageReceived);
+    eventSource.on(event_types.MESSAGE_SENT, onMessageSent);
+    eventSource.on(event_types.CHAT_CHANGED, onChatChanged);
+    eventSource.on(event_types.APP_READY, onAppReady);
 });
 
-$(document).ready(() => {
+jQuery(() => {
     registerSlashCommand('qr', doQR, [], '<span class="monospace">(number)</span> – activates the specified Quick Reply', true, true);
     registerSlashCommand('qrset', doQRPresetSwitch, [], '<span class="monospace">(name)</span> – swaps to the specified Quick Reply Preset', true, true);
-
 })

public/scripts/extensions/quick-reply/src/ContextMenu.js

@@ -0,0 +1,65 @@
+import { MenuItem } from "./MenuItem.js";
+
+export class ContextMenu {
+    /**@type {MenuItem[]}*/ itemList = [];
+    /**@type {Boolean}*/ isActive = false;
+
+    /**@type {HTMLElement}*/ root;
+    /**@type {HTMLElement}*/ menu;
+
+
+
+
+    constructor(/**@type {MenuItem[]}*/items) {
+        this.itemList = items;
+        items.forEach(item => {
+            item.onExpand = () => {
+                items.filter(it => it != item)
+                    .forEach(it => it.collapse());
+            };
+        });
+    }
+
+    render() {
+        if (!this.root) {
+            const blocker = document.createElement('div'); {
+                this.root = blocker;
+                blocker.classList.add('ctx-blocker');
+                blocker.addEventListener('click', () => this.hide());
+                const menu = document.createElement('ul'); {
+                    this.menu = menu;
+                    menu.classList.add('list-group');
+                    menu.classList.add('ctx-menu');
+                    this.itemList.forEach(it => menu.append(it.render()));
+                    blocker.append(menu);
+                }
+            }
+        }
+        return this.root;
+    }
+
+
+
+
+    show({ clientX, clientY }) {
+        if (this.isActive) return;
+        this.isActive = true;
+        this.render();
+        this.menu.style.bottom = `${window.innerHeight - clientY}px`;
+        this.menu.style.left = `${clientX}px`;
+        document.body.append(this.root);
+    }
+    hide() {
+        if (this.root) {
+            this.root.remove();
+        }
+        this.isActive = false;
+    }
+    toggle(/**@type {PointerEvent}*/evt) {
+        if (this.isActive) {
+            this.hide();
+        } else {
+            this.show(evt);
+        }
+    }
+}

public/scripts/extensions/quick-reply/src/MenuHeader.js

@@ -0,0 +1,20 @@
+import { MenuItem } from "./MenuItem.js";
+
+export class MenuHeader extends MenuItem {
+    constructor(/**@type {String}*/label) {
+        super(label, null, null);
+    }
+
+
+    render() {
+        if (!this.root) {
+            const item = document.createElement('li'); {
+                this.root = item;
+                item.classList.add('list-group-item');
+                item.classList.add('ctx-header');
+                item.append(this.label);
+            }
+        }
+        return this.root;
+    }
+}

public/scripts/extensions/quick-reply/src/MenuItem.js

@@ -0,0 +1,76 @@
+import { SubMenu } from "./SubMenu.js";
+
+export class MenuItem {
+    /**@type {String}*/ label;
+    /**@type {Object}*/ value;
+    /**@type {Function}*/ callback;
+    /**@type {MenuItem[]}*/ childList = [];
+    /**@type {SubMenu}*/ subMenu;
+    /**@type {Boolean}*/ isForceExpanded = false;
+
+    /**@type {HTMLElement}*/ root;
+
+    /**@type {Function}*/ onExpand;
+
+
+
+
+    constructor(/**@type {String}*/label, /**@type {Object}*/value, /**@type {function}*/callback, /**@type {MenuItem[]}*/children = []) {
+        this.label = label;
+        this.value = value;
+        this.callback = callback;
+        this.childList = children;
+    }
+
+
+    render() {
+        if (!this.root) {
+            const item = document.createElement('li'); {
+                this.root = item;
+                item.classList.add('list-group-item');
+                item.classList.add('ctx-item');
+                item.title = this.value;
+                if (this.callback) {
+                    item.addEventListener('click', (evt) => this.callback(evt, this));
+                }
+                item.append(this.label);
+                if (this.childList.length > 0) {
+                    item.classList.add('ctx-has-children');
+                    const sub = new SubMenu(this.childList);
+                    this.subMenu = sub;
+                    const trigger = document.createElement('div'); {
+                        trigger.classList.add('ctx-expander');
+                        trigger.textContent = '⋮';
+                        trigger.addEventListener('click', (evt) => {
+                            evt.stopPropagation();
+                            this.toggle();
+                        });
+                        item.append(trigger);
+                    }
+                    item.addEventListener('mouseover', () => sub.show(item));
+                    item.addEventListener('mouseleave', () => sub.hide());
+
+                }
+            }
+        }
+        return this.root;
+    }
+
+
+    expand() {
+        this.subMenu?.show(this.root);
+        if (this.onExpand) {
+            this.onExpand();
+        }
+    }
+    collapse() {
+        this.subMenu?.hide();
+    }
+    toggle() {
+        if (this.subMenu.isActive) {
+            this.expand();
+        } else {
+            this.collapse();
+        }
+    }
+}

public/scripts/extensions/quick-reply/src/SubMenu.js

@@ -0,0 +1,64 @@
+import { MenuItem } from "./MenuItem.js";
+
+export class SubMenu {
+    /**@type {MenuItem[]}*/ itemList = [];
+    /**@type {Boolean}*/ isActive = false;
+
+    /**@type {HTMLElement}*/ root;
+
+
+
+
+    constructor(/**@type {MenuItem[]}*/items) {
+        this.itemList = items;
+    }
+
+    render() {
+        if (!this.root) {
+            const menu = document.createElement('ul'); {
+                this.root = menu;
+                menu.classList.add('list-group');
+                menu.classList.add('ctx-menu');
+                menu.classList.add('ctx-sub-menu');
+                this.itemList.forEach(it => menu.append(it.render()));
+            }
+        }
+        return this.root;
+    }
+
+
+
+
+    show(/**@type {HTMLElement}*/parent) {
+        if (this.isActive) return;
+        this.isActive = true;
+        this.render();
+        parent.append(this.root);
+        requestAnimationFrame(() => {
+            const rect = this.root.getBoundingClientRect();
+            console.log(window.innerHeight, rect);
+            if (rect.bottom > window.innerHeight - 5) {
+                this.root.style.top = `${window.innerHeight - 5 - rect.bottom}px`;
+            }
+            if (rect.right > window.innerWidth - 5) {
+                this.root.style.left = 'unset';
+                this.root.style.right = '100%';
+            }
+        });
+    }
+    hide() {
+        if (this.root) {
+            this.root.remove();
+            this.root.style.top = '';
+            this.root.style.left = '';
+        }
+        this.isActive = false;
+    }
+    toggle(/**@type {HTMLElement}*/parent) {
+        if (this.isActive) {
+            this.hide();
+        } else {
+            this.show(parent);
+        }
+    }
+}

public/scripts/extensions/quick-reply/style.css

@@ -1,7 +1,9 @@
 #quickReplyBar {
     outline: none;
+    /*
     padding: 5px 0;
     border-bottom: 1px solid var(--SmartThemeBorderColor);
+    */
     margin: 0;
     transition: 0.3s;
     opacity: 0.7;
@@ -12,7 +14,7 @@
     display: none;
     max-width: 100%;
     overflow-x: auto;
-    order: 10;
+    order: 1;
 }
 
 #quickReplies {
@@ -31,6 +33,7 @@
     border: 1px solid var(--SmartThemeBorderColor);
     border-radius: 10px;
     padding: 3px 5px;
+    margin: 3px 0;
     width: min-content;
     cursor: pointer;
     transition: 0.3s;
@@ -44,4 +47,61 @@
     opacity: 1;
     filter: brightness(1.2);
     cursor: pointer;
-}
+}
+
+
+.ctx-blocker {
+    /* backdrop-filter: blur(1px); */
+    /* background-color: rgba(0 0 0 / 10%); */
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 999;
+}
+
+.ctx-menu {
+    position: fixed;
+    overflow: visible;
+}
+
+.list-group .list-group-item.ctx-header {
+    font-weight: bold;
+    cursor: default;
+}
+
+.ctx-item+.ctx-header {
+    border-top: 1px solid;
+}
+
+.ctx-item {
+    position: relative;
+}
+
+.ctx-expander {
+    border-left: 1px solid;
+    margin-left: 1em;
+    text-align: center;
+    width: 2em;
+}
+
+.ctx-expander:hover {
+    font-weight: bold;
+}
+
+.ctx-sub-menu {
+    position: absolute;
+    top: 0;
+    left: 100%;
+}
+
+@media screen and (max-width: 1000px) {
+    .ctx-blocker {
+        position: absolute;
+    }
+
+    .list-group .list-group-item.ctx-item {
+        padding: 1em;
+    }
+}

public/scripts/extensions/randomize/index.js

@@ -1,152 +0,0 @@
-import { saveSettingsDebounced } from "../../../script.js";
-import { extension_settings } from "../../extensions.js";
-
-function toggleRandomizedSetting(buttonRef, forId) {
-    if (extension_settings.randomizer.controls.indexOf(forId) === -1) {
-        extension_settings.randomizer.controls.push(forId);
-    } else {
-        extension_settings.randomizer.controls = extension_settings.randomizer.controls.filter(x => x !== forId);
-    }
-
-    buttonRef.toggleClass('active');
-    console.debug('Randomizer controls:', extension_settings.randomizer.controls);
-    saveSettingsDebounced();
-}
-
-function addRandomizeButton() {
-    const counterRef = $(this);
-    const labelRef = $(this).find('div[data-for]');
-    const isDisabled = counterRef.data('randomization-disabled');
-
-    if (labelRef.length === 0 || isDisabled == true) {
-        return;
-    }
-
-    const forId = labelRef.data('for');
-    const buttonRef = $('<div class="randomize_button menu_button fa-solid fa-shuffle"></div>');
-    buttonRef.toggleClass('active', extension_settings.randomizer.controls.indexOf(forId) !== -1);
-    buttonRef.hide();
-    buttonRef.on('click', () => toggleRandomizedSetting(buttonRef, forId));
-    counterRef.append(buttonRef);
-}
-
-function onRandomizerEnabled() {
-    extension_settings.randomizer.enabled = $(this).prop('checked');
-    $('.randomize_button').toggle(extension_settings.randomizer.enabled);
-    console.debug('Randomizer enabled:', extension_settings.randomizer.enabled);
-}
-
-window['randomizerInterceptor'] = (function () {
-    if (extension_settings.randomizer.enabled === false) {
-        console.debug('Randomizer skipped: disabled.');
-        return;
-    }
-
-    if (extension_settings.randomizer.fluctuation === 0 || extension_settings.randomizer.controls.length === 0) {
-        console.debug('Randomizer skipped: nothing to do.');
-        return;
-    }
-
-    for (const control of extension_settings.randomizer.controls) {
-        const controlRef = $('#' + control);
-
-        if (controlRef.length === 0) {
-            console.debug(`Randomizer skipped: control ${control} not found.`);
-            continue;
-        }
-
-        if (!controlRef.is(':visible')) {
-            console.debug(`Randomizer skipped: control ${control} is not visible.`);
-            continue;
-        }
-
-        let previousValue = parseFloat(controlRef.data('previous-value'));
-        let originalValue = parseFloat(controlRef.data('original-value'));
-        let currentValue = parseFloat(controlRef.val());
-
-        let value;
-
-        // Initialize originalValue and previousValue if they are NaN
-        if (isNaN(originalValue)) {
-            originalValue = currentValue;
-            controlRef.data('original-value', originalValue);
-        }
-        if (isNaN(previousValue)) {
-            previousValue = currentValue;
-            controlRef.data('previous-value', previousValue);
-        }
-
-        // If the current value hasn't changed compared to the previous value, use the original value as a base for the calculation
-        if (currentValue === previousValue) {
-            console.debug(`Randomizer for ${control} reusing original value: ${originalValue}`);
-            value = originalValue;
-        } else {
-            console.debug(`Randomizer for ${control} using current value: ${currentValue}`);
-            value = currentValue;
-            controlRef.data('previous-value', currentValue); // Update the previous value when using the current value
-            controlRef.data('original-value', currentValue); // Update the original value when using the current value
-        }
-
-        if (isNaN(value)) {
-            console.debug('Randomizer skipped: NaN.');
-            continue;
-        }
-
-        const fluctuation = extension_settings.randomizer.fluctuation;
-        const min = parseFloat(controlRef.attr('min'));
-        const max = parseFloat(controlRef.attr('max'));
-        const delta = (Math.random() * fluctuation * 2 - fluctuation) * value;
-        const newValue = Math.min(Math.max(value + delta, min), max);
-        console.debug(`Randomizer for ${control}: ${value} -> ${newValue} (delta: ${delta}, min: ${min}, max: ${max})`);
-        controlRef.val(newValue).trigger('input');
-        controlRef.data('previous-value', parseFloat(controlRef.val()));
-    }
-});
-
-jQuery(() => {
-    const html = `
-    <div class="randomizer_settings">
-        <div class="inline-drawer">
-            <div class="inline-drawer-toggle inline-drawer-header">
-                <b>Parameter Randomizer</b>
-                <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
-            </div>
-            <div class="inline-drawer-content">
-                <label for="randomizer_enabled" class="checkbox_label">
-                    <input type="checkbox" id="randomizer_enabled" name="randomizer_enabled" >
-                    Enabled
-                </label>
-                <div  class="range-block">
-                    <div class="range-block-title">
-                        Fluctuation (0-1)
-                    </div>
-                    <div class="range-block-range-and-counter">
-                        <div class="range-block-range-and-counter">
-                            <div class="range-block-range">
-                                <input type="range" id="randomizer_fluctuation" min="0" max="1" step="0.1">
-                            </div>
-                            <div class="range-block-counter">
-                                <div contenteditable="true" data-for="randomizer_fluctuation" id="randomizer_fluctuation_counter">
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>`;
-
-    $('#extensions_settings2').append(html);
-    $('#ai_response_configuration .range-block-counter').each(addRandomizeButton);
-    $('#randomizer_enabled').on('input', onRandomizerEnabled);
-    $('#randomizer_enabled').prop('checked', extension_settings.randomizer.enabled).trigger('input');
-    $('#randomizer_fluctuation').val(extension_settings.randomizer.fluctuation).trigger('input');
-    $('#randomizer_fluctuation_counter').text(extension_settings.randomizer.fluctuation);
-    $('#randomizer_fluctuation').on('input', function () {
-        const value = parseFloat($(this).val());
-        $('#randomizer_fluctuation_counter').text(value);
-        extension_settings.randomizer.fluctuation = value;
-        console.debug('Randomizer fluctuation:', extension_settings.randomizer.fluctuation);
-        saveSettingsDebounced();
-    });
-});

public/scripts/extensions/randomize/manifest.json

@@ -1,12 +0,0 @@
-{
-    "display_name": "Parameter Randomizer",
-    "loading_order": 15,
-    "requires": [],
-    "optional": [],
-    "js": "index.js",
-    "css": "style.css",
-    "author": "Cohee#1207",
-    "version": "1.0.0",
-    "generate_interceptor": "randomizerInterceptor",
-    "homePage": "https://github.com/SillyTavern/SillyTavern"
-}

public/scripts/extensions/regex/editor.html

@@ -33,7 +33,7 @@
                     <small data-i18n="Replace With">Replace With</small>
                 </label>
                 <div>
-                    <textarea 
+                    <textarea
                         class="regex_replace_string text_pole wide100p textarea_compact"
                         placeholder="Use {{match}} to include the matched text from the Find Regex"
                         rows="2"
@@ -45,7 +45,7 @@
                     <small data-i18n="Trim Out">Trim Out</small>
                 </label>
                 <div>
-                    <textarea 
+                    <textarea
                         class="regex_trim_strings text_pole wide100p textarea_compact"
                         placeholder="Globally trims any unwanted parts from a regex match before replacement. Separate each element by an enter."
                         rows="3"
@@ -86,6 +86,10 @@
                     <input type="checkbox" name="only_format_display" />
                     <span data-i18n="Only Format Display">Only Format Display</span>
                 </label>
+                <label class="checkbox flex-container" title="Chat history won't change, only the prompt as the request is sent (on generation)">
+                    <input type="checkbox" name="only_format_prompt"/>
+                    <span data-i18n="Only Format Prompt (?)">Only Format Prompt (?)</span>
+                </label>
                 <label class="checkbox flex-container">
                     <input type="checkbox" name="run_on_edit" />
                     <span data-i18n="Run On Edit">Run On Edit</span>

public/scripts/extensions/regex/engine.js

@@ -24,12 +24,12 @@ function regexFromString(input) {
     try {
         // Parse input
         var m = input.match(/(\/?)(.+)\1([a-z]*)/i);
-    
+
         // Invalid flags
         if (m[3] && !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
             return RegExp(input);
         }
-    
+
         // Create the regular expression
         return new RegExp(m[2], m[3]);
     } catch {
@@ -38,19 +38,24 @@ function regexFromString(input) {
 }
 
 // Parent function to fetch a regexed version of a raw string
-function getRegexedString(rawString, placement, { characterOverride, isMarkdown } = {}) {
+function getRegexedString(rawString, placement, { characterOverride, isMarkdown, isPrompt } = {}) {
     let finalString = rawString;
     if (extension_settings.disabledExtensions.includes("regex") || !rawString || placement === undefined) {
         return finalString;
     }
 
     extension_settings.regex.forEach((script) => {
-        if ((script.markdownOnly && !isMarkdown) || (!script.markdownOnly && isMarkdown)) {
-            return;
-        }
-
-        if (script.placement.includes(placement)) {
-            finalString = runRegexScript(script, finalString, { characterOverride });
+        if (
+            // Script applies to Markdown and input is Markdown
+            (script.markdownOnly && isMarkdown) ||
+            // Script applies to Generate and input is Generate
+            (script.promptOnly && isPrompt) ||
+            // Script applies to all cases when neither "only"s are true, but there's no need to do it when `isMarkdown`, the as source (chat history) should already be changed beforehand
+            (!script.markdownOnly && !script.promptOnly && !isMarkdown)
+        ) {
+            if (script.placement.includes(placement)) {
+                finalString = runRegexScript(script, finalString, { characterOverride });
+            }
         }
     });
 
@@ -91,7 +96,7 @@ function runRegexScript(regexScript, rawString, { characterOverride } = {}) {
         const subReplaceString = substituteRegexParams(
             regexScript.replaceString,
             trimCapturedMatch ?? trimFencedMatch,
-            { 
+            {
                 characterOverride,
                 replaceStrategy: regexScript.replaceStrategy ?? regex_replace_strategy.REPLACE
             }

public/scripts/extensions/regex/index.js

@@ -76,10 +76,27 @@ async function loadRegexScripts() {
         const scriptHtml = scriptTemplate.clone();
         scriptHtml.attr('id', uuidv4());
         scriptHtml.find('.regex_script_name').text(script.scriptName);
-        scriptHtml.find('.edit_existing_regex').on('click', async function() {
+        scriptHtml.find('.disable_regex').prop("checked", script.disabled ?? false)
+            .on('input', function () {
+                script.disabled = !!$(this).prop("checked");
+                saveSettingsDebounced();
+            });
+        scriptHtml.find('.regex-toggle-on').on('click', function () {
+            scriptHtml.find('.disable_regex').prop("checked", true).trigger('input');
+        });
+        scriptHtml.find('.regex-toggle-off').on('click', function () {
+            scriptHtml.find('.disable_regex').prop("checked", false).trigger('input');
+        });
+        scriptHtml.find('.edit_existing_regex').on('click', async function () {
             await onRegexEditorOpenClick(scriptHtml.attr("id"));
         });
-        scriptHtml.find('.delete_regex').on('click', async function() {
+        scriptHtml.find('.delete_regex').on('click', async function () {
+            const confirm = await callPopup("Are you sure you want to delete this regex script?", "confirm");
+
+            if (!confirm) {
+                return;
+            }
+
             await deleteRegexScript({ existingId: scriptHtml.attr("id") });
         });
 
@@ -113,6 +130,9 @@ async function onRegexEditorOpenClick(existingId) {
             editorHtml
                 .find(`input[name="only_format_display"]`)
                 .prop("checked", existingScript.markdownOnly ?? false);
+            editorHtml
+                .find(`input[name="only_format_prompt"]`)
+                .prop("checked", existingScript.promptOnly ?? false);
             editorHtml
                 .find(`input[name="run_on_edit"]`)
                 .prop("checked", existingScript.runOnEdit ?? false);
@@ -154,7 +174,7 @@ async function onRegexEditorOpenClick(existingId) {
                 editorHtml
                     .find(`input[name="replace_position"]`)
                     .filter(":checked")
-                    .map(function() { return parseInt($(this).val()) })
+                    .map(function () { return parseInt($(this).val()) })
                     .get()
                     .filter((e) => e !== NaN) || [],
             disabled:
@@ -165,6 +185,10 @@ async function onRegexEditorOpenClick(existingId) {
                 editorHtml
                     .find(`input[name="only_format_display"]`)
                     .prop("checked"),
+            promptOnly:
+                editorHtml
+                    .find(`input[name="only_format_prompt"]`)
+                    .prop("checked"),
             runOnEdit:
                 editorHtml
                     .find(`input[name="run_on_edit"]`)
@@ -197,6 +221,7 @@ function migrateSettings() {
                 script.placement = script.placement.filter((e) => e !== regex_placement.MD_DISPLAY);
 
             script.markdownOnly = true
+            script.promptOnly = true
 
             performSave = true;
         }
@@ -231,7 +256,7 @@ jQuery(async () => {
 
     const settingsHtml = await $.get("scripts/extensions/regex/dropdown.html");
     $("#extensions_settings2").append(settingsHtml);
-    $("#open_regex_editor").on("click", function() {
+    $("#open_regex_editor").on("click", function () {
         onRegexEditorOpenClick(false);
     });