release v1.2.9

.gitignore

@@ -8,6 +8,7 @@ __pycache__
 *.bin
 /config.json
 /cache.json
+/presets.json
 /frontend/stats.html
 /frontend/package.json.md5
 /py310

CURRENT_CHANGE.md

@@ -1,8 +1,8 @@
 ## Changes
 
-- add DPI Scaling setting
+- Chat Presets (Experimental)
-- allow custom api url, key, model
+- display models that have not been fully downloaded in Downloads page, even if the program is restarted
-- add chat and completion error messages
+- improve error messages
 
 ## Install
 

README_ZH.md

@@ -46,7 +46,7 @@ API兼容的接口，这意味着一切ChatGPT客户端都是RWKV客户端。
 
 </div>
 
-#### 注意 目前RWKV中文模型质量一般，推荐使用英文模型或World(100+ 语言)体验实际RWKV能力
+#### 注意 目前RWKV中文模型质量一般，推荐使用英文模型或World(全球语言)体验实际RWKV能力
 
 #### 预设配置已经开启自定义CUDA算子加速，速度更快，且显存消耗更少。如果你遇到可能的兼容性问题，前往配置页面，关闭`使用自定义CUDA算子加速`
 

backend-golang/rwkv.go

@@ -4,7 +4,6 @@ import (
 	"errors"
 	"os"
 	"os/exec"
-	"path/filepath"
 	"runtime"
 	"strconv"
 	"strings"
@@ -52,11 +51,7 @@ func (a *App) InstallPyDep(python string, cnMirror bool) (string, error) {
 	if python == "" {
 		python, err = GetPython()
 		if runtime.GOOS == "windows" {
-			python, err = filepath.Abs(python)
+			python = `"%CD%/` + python + `"`
-			if err != nil {
-				return "", err
-			}
-			python = `"` + python + `"`
 		}
 	}
 	if err != nil {

backend-python/utils/rwkv.py

@@ -325,7 +325,6 @@ The following is a coherent verbose detailed conversation between a girl named {
                 response += delta
                 if stop is not None:
                     if stop in response:
-                        response = response.split(stop)[0]
                         try:
                             state_cache.add_state(
                                 state_cache.AddStateBody(
@@ -337,6 +336,7 @@ The following is a coherent verbose detailed conversation between a girl named {
                             )
                         except HTTPException:
                             pass
+                        response = response.split(stop)[0]
                         yield response, "", prompt_token_len, completion_token_len
                         break
                 out_last = begin + i + 1

frontend/package-lock.json

@@ -18,6 +18,7 @@
         "mobx": "^6.9.0",
         "mobx-react-lite": "^3.4.3",
         "react": "^18.2.0",
+        "react-beautiful-dnd": "^13.1.1",
         "react-dom": "^18.2.0",
         "react-i18next": "^12.2.2",
         "react-markdown": "^8.0.7",
@@ -33,6 +34,7 @@
       },
       "devDependencies": {
         "@types/react": "^18.2.6",
+        "@types/react-beautiful-dnd": "^13.1.4",
         "@types/react-dom": "^18.2.4",
         "@types/uuid": "^9.0.1",
         "@vitejs/plugin-react": "^4.0.0",
@@ -56,7 +58,7 @@
     },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
-      "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
       "dev": true,
       "dependencies": {
@@ -68,42 +70,42 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.21.4",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz",
-      "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
+      "integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.18.6"
+        "@babel/highlight": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.21.7",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.21.7.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "integrity": "sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.21.8",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.21.8.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz",
-      "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==",
+      "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.21.4",
+        "@babel/code-frame": "^7.22.5",
-        "@babel/generator": "^7.21.5",
+        "@babel/generator": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.21.5",
+        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.21.5",
+        "@babel/helper-module-transforms": "^7.22.5",
-        "@babel/helpers": "^7.21.5",
+        "@babel/helpers": "^7.22.5",
-        "@babel/parser": "^7.21.8",
+        "@babel/parser": "^7.22.5",
-        "@babel/template": "^7.20.7",
+        "@babel/template": "^7.22.5",
-        "@babel/traverse": "^7.21.5",
+        "@babel/traverse": "^7.22.5",
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.22.5",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -112,15 +114,19 @@
       },
       "engines": {
         "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "integrity": "sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.22.5",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -130,13 +136,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz",
-      "integrity": "sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==",
+      "integrity": "sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.21.5",
+        "@babel/compat-data": "^7.22.5",
-        "@babel/helper-validator-option": "^7.21.0",
+        "@babel/helper-validator-option": "^7.22.5",
         "browserslist": "^4.21.3",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.0"
@@ -149,151 +155,151 @@
       }
     },
     "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
-      "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==",
+      "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.21.0",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
-      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
+      "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.20.7",
+        "@babel/template": "^7.22.5",
-        "@babel/types": "^7.21.0"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.18.6",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
-      "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.18.6"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.21.4",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz",
-      "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==",
+      "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.21.4"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz",
-      "integrity": "sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==",
+      "integrity": "sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.21.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-module-imports": "^7.21.4",
+        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/helper-simple-access": "^7.21.5",
+        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.18.6",
+        "@babel/helper-split-export-declaration": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-validator-identifier": "^7.22.5",
-        "@babel/template": "^7.20.7",
+        "@babel/template": "^7.22.5",
-        "@babel/traverse": "^7.21.5",
+        "@babel/traverse": "^7.22.5",
-        "@babel/types": "^7.21.5"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
-      "integrity": "sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.21.5"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.18.6",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz",
-      "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
+      "integrity": "sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.18.6"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.19.1",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
-      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
+      "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.21.0",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
-      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
+      "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz",
-      "integrity": "sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==",
+      "integrity": "sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.20.7",
+        "@babel/template": "^7.22.5",
-        "@babel/traverse": "^7.21.5",
+        "@babel/traverse": "^7.22.5",
-        "@babel/types": "^7.21.5"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.18.6",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.18.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
-      "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
+      "integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.18.6",
+        "@babel/helper-validator-identifier": "^7.22.5",
         "chalk": "^2.0.0",
         "js-tokens": "^4.0.0"
       },
@@ -302,9 +308,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.21.8.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "integrity": "sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -314,12 +320,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-self": {
-      "version": "7.21.0",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz",
-      "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==",
+      "integrity": "sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.20.2"
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -329,12 +335,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-source": {
-      "version": "7.19.6",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz",
-      "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==",
+      "integrity": "sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.19.0"
+        "@babel/helper-plugin-utils": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -355,33 +361,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.20.7",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
+        "@babel/code-frame": "^7.22.5",
-        "@babel/parser": "^7.20.7",
+        "@babel/parser": "^7.22.5",
-        "@babel/types": "^7.20.7"
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz",
-      "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==",
+      "integrity": "sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.21.4",
+        "@babel/code-frame": "^7.22.5",
-        "@babel/generator": "^7.21.5",
+        "@babel/generator": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.21.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-function-name": "^7.21.0",
+        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-hoist-variables": "^7.18.6",
+        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.18.6",
+        "@babel/helper-split-export-declaration": "^7.22.5",
-        "@babel/parser": "^7.21.5",
+        "@babel/parser": "^7.22.5",
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.22.5",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -390,13 +396,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.21.5",
+      "version": "7.22.5",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.21.5.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz",
-      "integrity": "sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==",
+      "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.21.5",
+        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-validator-identifier": "^7.22.5",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -1980,6 +1986,15 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+      "dependencies": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
     "node_modules/@types/mdast": {
       "version": "3.0.11",
       "resolved": "https://registry.npmmirror.com/@types/mdast/-/mdast-3.0.11.tgz",
@@ -2013,6 +2028,15 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-beautiful-dnd": {
+      "version": "13.1.4",
+      "resolved": "https://registry.npmjs.org/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.4.tgz",
+      "integrity": "sha512-4bIBdzOr0aavN+88q3C7Pgz+xkb7tz3whORYrmSj77wfVEMfiWiooIwVWFR7KM2e+uGTe5BVrXqSfb0aHeflJA==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-dom": {
       "version": "18.2.4",
       "resolved": "https://registry.npmmirror.com/@types/react-dom/-/react-dom-18.2.4.tgz",
@@ -2021,6 +2045,17 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-redux": {
+      "version": "7.1.25",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.25.tgz",
+      "integrity": "sha512-bAGh4e+w5D8dajd6InASVIyCo4pZLJ66oLb80F9OBLO1gKESbZcRCJpTT6uLXX+HAB57zw1WTdwJdAsewuTweg==",
+      "dependencies": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmmirror.com/@types/scheduler/-/scheduler-0.16.3.tgz",
@@ -2038,14 +2073,14 @@
       "dev": true
     },
     "node_modules/@vitejs/plugin-react": {
-      "version": "4.0.0",
+      "version": "4.0.1",
-      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.1.tgz",
-      "integrity": "sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==",
+      "integrity": "sha512-g25lL98essfeSj43HJ0o4DMp0325XK0ITkxpgChzJU/CyemgyChtlxfnRbjfwxDGCTRxTiXtQAsdebQXKMRSOA==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.21.4",
+        "@babel/core": "^7.22.5",
-        "@babel/plugin-transform-react-jsx-self": "^7.21.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.22.5",
-        "@babel/plugin-transform-react-jsx-source": "^7.19.6",
+        "@babel/plugin-transform-react-jsx-source": "^7.22.5",
         "react-refresh": "^0.14.0"
       },
       "engines": {
@@ -2066,7 +2101,7 @@
     },
     "node_modules/ansi-styles": {
       "version": "3.2.1",
-      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
       "dev": true,
       "dependencies": {
@@ -2206,7 +2241,7 @@
     },
     "node_modules/chalk": {
       "version": "2.4.2",
-      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
       "dependencies": {
@@ -2285,7 +2320,7 @@
     },
     "node_modules/color-convert": {
       "version": "1.9.3",
-      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
       "dev": true,
       "dependencies": {
@@ -2294,7 +2329,7 @@
     },
     "node_modules/color-name": {
       "version": "1.1.3",
-      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
@@ -2320,10 +2355,18 @@
     },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
-      "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
       "dev": true
     },
+    "node_modules/css-box-model": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
+      "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
+      "dependencies": {
+        "tiny-invariant": "^1.0.6"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
@@ -2462,7 +2505,7 @@
     },
     "node_modules/escape-string-regexp": {
       "version": "1.0.5",
-      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true,
       "engines": {
@@ -2576,7 +2619,7 @@
     },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
       "dev": true,
       "engines": {
@@ -2628,7 +2671,7 @@
     },
     "node_modules/globals": {
       "version": "11.12.0",
-      "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
       "dev": true,
       "engines": {
@@ -2649,7 +2692,7 @@
     },
     "node_modules/has-flag": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
       "dev": true,
       "engines": {
@@ -2754,6 +2797,19 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "node_modules/html-parse-stringify": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
@@ -2918,7 +2974,7 @@
     },
     "node_modules/jsesc": {
       "version": "2.5.2",
-      "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
       "dev": true,
       "bin": {
@@ -2930,7 +2986,7 @@
     },
     "node_modules/json5": {
       "version": "2.2.3",
-      "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
       "bin": {
@@ -2996,7 +3052,7 @@
     },
     "node_modules/lru-cache": {
       "version": "5.1.1",
-      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "dev": true,
       "dependencies": {
@@ -3176,6 +3232,11 @@
         "@types/mdast": "^3.0.0"
       }
     },
+    "node_modules/memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
@@ -3789,6 +3850,11 @@
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
       "dev": true
     },
+    "node_modules/raf-schd": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
+      "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz",
@@ -3800,6 +3866,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-beautiful-dnd": {
+      "version": "13.1.1",
+      "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
+      "integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2",
+        "css-box-model": "^1.2.0",
+        "memoize-one": "^5.1.1",
+        "raf-schd": "^4.0.2",
+        "react-redux": "^7.2.0",
+        "redux": "^4.0.4",
+        "use-memo-one": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.5 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-18.2.0.tgz",
@@ -3872,6 +3956,35 @@
         "react": ">=16"
       }
     },
+    "node_modules/react-redux": {
+      "version": "7.2.9",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
+      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.15.4",
+        "@types/react-redux": "^7.1.20",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^17.0.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.3 || ^17 || ^18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-redux/node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+    },
     "node_modules/react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz",
@@ -3944,6 +4057,14 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
     "node_modules/regenerator-runtime": {
       "version": "0.13.11",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
@@ -4145,7 +4266,7 @@
     },
     "node_modules/semver": {
       "version": "6.3.0",
-      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
       "dev": true,
       "bin": {
@@ -4238,7 +4359,7 @@
     },
     "node_modules/supports-color": {
       "version": "5.5.0",
-      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dev": true,
       "dependencies": {
@@ -4350,9 +4471,14 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
+    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
       "dev": true,
       "engines": {
@@ -4503,6 +4629,14 @@
         "react-dom": ">=16.8.0 <19.0.0"
       }
     },
+    "node_modules/use-memo-one": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
+      "integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/usehooks-ts": {
       "version": "2.9.1",
       "resolved": "https://registry.npmmirror.com/usehooks-ts/-/usehooks-ts-2.9.1.tgz",
@@ -4580,9 +4714,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.3.6",
+      "version": "4.3.9",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-4.3.6.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
-      "integrity": "sha512-cqIyLSbA6gornMS659AXTVKF7cvSHMdKmJJwQ9DXq3lwsT1uZSdktuBRlpHQ8VnOWx0QHtjDwxPpGtyo9Fh/Qg==",
+      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",
@@ -4701,7 +4835,7 @@
     },
     "node_modules/yallist": {
       "version": "3.1.1",
-      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
       "dev": true
     },

frontend/package.json

@@ -19,6 +19,7 @@
     "mobx": "^6.9.0",
     "mobx-react-lite": "^3.4.3",
     "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.2.2",
     "react-markdown": "^8.0.7",
@@ -34,6 +35,7 @@
   },
   "devDependencies": {
     "@types/react": "^18.2.6",
+    "@types/react-beautiful-dnd": "^13.1.4",
     "@types/react-dom": "^18.2.4",
     "@types/uuid": "^9.0.1",
     "@vitejs/plugin-react": "^4.0.0",

frontend/src/App.tsx

@@ -28,10 +28,10 @@ import { FC, useEffect, useState } from 'react';
 import { Route, Routes, useLocation, useNavigate } from 'react-router';
 import { pages } from './pages';
 import { useMediaQuery } from 'usehooks-ts';
-import { ToastContainer } from 'react-toastify';
 import commonStore from './stores/commonStore';
 import { observer } from 'mobx-react-lite';
 import { useTranslation } from 'react-i18next';
+import { CustomToastContainer } from './components/CustomToastContainer';
 
 const App: FC = observer(() => {
   const { t } = useTranslation();
@@ -87,21 +87,7 @@ const App: FC = observer(() => {
           </Routes>
         </div>
       </div>
-      <ToastContainer
+      <CustomToastContainer />
-        style={{
-          width: '350px'
-        }}
-        position="top-center"
-        autoClose={4000}
-        pauseOnHover={true}
-        hideProgressBar={true}
-        newestOnTop={true}
-        closeOnClick={false}
-        rtl={false}
-        pauseOnFocusLoss={false}
-        draggable={false}
-        theme={commonStore.settings.darkMode ? 'dark' : 'light'}
-      />
     </FluentProvider>
   );
 });

frontend/src/_locales/zh-hans/main.json

@@ -154,5 +154,39 @@
   "Restart": "重启",
   "API Chat Model Name": "API聊天模型名",
   "API Completion Model Name": "API补全模型名",
-  "Localhost": "本地"
+  "Localhost": "本地",
+  "Retry": "重试",
+  "Delete": "删除",
+  "Edit": "编辑",
+  "Memory is not enough, try to increase the virtual memory or use a smaller model.": "内存不足，尝试增加虚拟内存，或使用一个更小规模的模型",
+  "Bad PyTorch version, please reinstall PyTorch with cuda.": "错误的PyTorch版本，请重新安装CUDA版本的PyTorch",
+  "The model file is corrupted, please download again.": "模型文件损坏，请重新下载",
+  "Found no NVIDIA driver, please install the latest driver.": "没有找到NVIDIA驱动，请安装最新驱动",
+  "VRAM is not enough, please reduce stored layers or use a lower precision in Configs page.": "显存不足，请在配置页面减少载入显存层数，或使用更低的精度",
+  "Failed to enable custom CUDA kernel, ninja is required to load C++ extensions. You may be using the CPU version of PyTorch, please reinstall PyTorch with CUDA. Or if you are using a custom Python interpreter, you must compile the CUDA kernel by yourself or disable Custom CUDA kernel acceleration.": "自定义CUDA算子开启失败，需要安装Ninja来读取C++扩展。你可能正在使用CPU版本的PyTorch，请重新安装CUDA版本的PyTorch。如果你正在使用自定义Python解释器，你必须自己编译CUDA算子或禁用自定义CUDA算子加速",
+  "Presets": "预设",
+  "Online": "在线",
+  "english": "英文",
+  "chinese": "中文",
+  "default": "默认",
+  "japanese": "日文",
+  "New Preset": "新建预设",
+  "Import": "导入",
+  "Name": "名称",
+  "Imported successfully": "导入成功",
+  "Failed to import. Please copy a preset to the clipboard.": "导入失败。请复制一个预设到剪贴板",
+  "Clipboard is empty.": "剪贴板没有内容",
+  "Successfully copied to clipboard.": "成功复制到剪贴板",
+  "Edit Messages": "编辑对话",
+  "Go Back": "返回",
+  "Description": "描述",
+  "Avatar Url": "头像图片地址",
+  "Welcome Message": "欢迎语",
+  "Display Preset Messages": "显示预设中的对话",
+  "Tag": "标签",
+  "Activate": "激活",
+  "New": "新建",
+  "user": "用户",
+  "assistant": "AI",
+  "system": "系统"
 }

frontend/src/components/CopyButton.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { ClipboardSetText } from '../../wailsjs/runtime';
 import { ToolTipButton } from './ToolTipButton';
 
-export const CopyButton: FC<{ content: string }> = ({ content }) => {
+export const CopyButton: FC<{ content: string, showDelay?: number, }> = ({ content, showDelay = 0 }) => {
   const { t } = useTranslation();
   const [copied, setCopied] = useState(false);
 
@@ -19,7 +19,8 @@ export const CopyButton: FC<{ content: string }> = ({ content }) => {
   };
 
   return (
-    <ToolTipButton desc={t('Copy')} size="small" appearance="subtle" icon={copied ? <CheckIcon /> : <CopyIcon />}
+    <ToolTipButton desc={t('Copy')} size="small" appearance="subtle" showDelay={showDelay}
+      icon={copied ? <CheckIcon /> : <CopyIcon />}
       onClick={onClick} />
   );
 };

frontend/src/components/CustomToastContainer.tsx

@@ -0,0 +1,17 @@
+import commonStore from '../stores/commonStore';
+import { ToastContainer } from 'react-toastify';
+
+export const CustomToastContainer = () =>
+  <ToastContainer
+    style={{ width: '350px' }}
+    position="top-center"
+    autoClose={4000}
+    pauseOnHover={true}
+    hideProgressBar={true}
+    newestOnTop={true}
+    closeOnClick={false}
+    rtl={false}
+    pauseOnFocusLoss={false}
+    draggable={false}
+    theme={commonStore.settings.darkMode ? 'dark' : 'light'}
+  />;

frontend/src/components/ReadButton.tsx

@@ -7,13 +7,28 @@ import { observer } from 'mobx-react-lite';
 
 const synth = window.speechSynthesis;
 
-export const ReadButton: FC<{ content: string }> = observer(({ content }) => {
+export const ReadButton: FC<{
+  content: string,
+  inSpeaking?: boolean,
+  showDelay?: number,
+  setSpeakingOuter?: (speaking: boolean) => void
+}> = observer(({
+  content,
+  inSpeaking = false,
+  showDelay = 0,
+  setSpeakingOuter
+}) => {
   const { t } = useTranslation();
-  const [speaking, setSpeaking] = useState(false);
+  const [speaking, setSpeaking] = useState(inSpeaking);
   let lang: string = commonStore.settings.language;
   if (lang === 'dev')
     lang = 'en';
 
+  const setSpeakingInner = (speaking: boolean) => {
+    setSpeakingOuter?.(speaking);
+    setSpeaking(speaking);
+  };
+
   const startSpeak = () => {
     synth.cancel();
 
@@ -31,22 +46,22 @@ export const ReadButton: FC<{ content: string }> = observer(({ content }) => {
     Object.assign(utterance, {
       rate: 1,
       volume: 1,
-      onend: () => setSpeaking(false),
+      onend: () => setSpeakingInner(false),
-      onerror: () => setSpeaking(false),
+      onerror: () => setSpeakingInner(false),
       voice: voice
     });
 
     synth.speak(utterance);
-    setSpeaking(true);
+    setSpeakingInner(true);
   };
 
   const stopSpeak = () => {
     synth.cancel();
-    setSpeaking(false);
+    setSpeakingInner(false);
   };
 
   return (
-    <ToolTipButton desc={t('Read Aloud')} size="small" appearance="subtle"
+    <ToolTipButton desc={t('Read Aloud')} size="small" appearance="subtle" showDelay={showDelay}
       icon={speaking ? <MuteIcon /> : <UnmuteIcon />}
       onClick={speaking ? stopSpeak : startSpeak} />
   );

frontend/src/components/RunButton.tsx

@@ -126,7 +126,7 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
         showDownloadPrompt(t('Model file not found'), modelName);
         commonStore.setStatus({ status: ModelStatus.Offline });
         return;
-      } else if (!currentModelSource?.isLocal) {
+      } else if (!currentModelSource?.isComplete) {
         showDownloadPrompt(t('Model file download is not complete'), modelName);
         commonStore.setStatus({ status: ModelStatus.Offline });
         return;
@@ -167,9 +167,10 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
               frequency_penalty: modelConfig.apiParameters.frequencyPenalty
             });
 
+            const strategy = getStrategy(modelConfig);
             let customCudaFile = '';
             if ((modelConfig.modelParameters.device === 'CUDA' || modelConfig.modelParameters.device === 'Custom')
-              && modelConfig.modelParameters.useCustomCuda) {
+              && modelConfig.modelParameters.useCustomCuda && !strategy.includes('fp32')) {
               if (commonStore.platform === 'windows') {
                 customCudaFile = getSupportedCustomCudaFile();
                 if (customCudaFile) {
@@ -194,7 +195,7 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
 
             switchModel({
               model: modelPath,
-              strategy: getStrategy(modelConfig),
+              strategy: strategy,
               customCuda: customCudaFile !== ''
             }).then(async (r) => {
               if (r.ok) {
@@ -206,11 +207,22 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
                 toast(t('Loading Model'), { type: 'info' });
               } else {
                 commonStore.setStatus({ status: ModelStatus.Offline });
-                toast(t('Failed to switch model') + ' - ' + await r.text(), { type: 'error' });
+                const error = await r.text();
+                const errorsMap = {
+                  'not enough memory': 'Memory is not enough, try to increase the virtual memory or use a smaller model.',
+                  'not compiled with CUDA': 'Bad PyTorch version, please reinstall PyTorch with cuda.',
+                  'invalid header or archive is corrupted': 'The model file is corrupted, please download again.',
+                  'no NVIDIA driver': 'Found no NVIDIA driver, please install the latest driver.',
+                  'CUDA out of memory': 'VRAM is not enough, please reduce stored layers or use a lower precision in Configs page.',
+                  'Ninja is required to load C++ extensions': 'Failed to enable custom CUDA kernel, ninja is required to load C++ extensions. You may be using the CPU version of PyTorch, please reinstall PyTorch with CUDA. Or if you are using a custom Python interpreter, you must compile the CUDA kernel by yourself or disable Custom CUDA kernel acceleration.'
+                };
+                const matchedError = Object.entries(errorsMap).find(([key, _]) => error.includes(key));
+                const message = matchedError ? t(matchedError[1]) : error;
+                toast(t('Failed to switch model') + ' - ' + message, { autoClose: 5000, type: 'error' });
               }
             }).catch((e) => {
               commonStore.setStatus({ status: ModelStatus.Offline });
-              toast(t('Failed to switch model') + ' - ' + e.message || e, { type: 'error' });
+              toast(t('Failed to switch model') + ' - ' + (e.message || e), { type: 'error' });
             });
           }
         }).catch(() => {

frontend/src/components/ToolTipButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEventHandler, ReactElement } from 'react';
+import React, { CSSProperties, FC, MouseEventHandler, ReactElement } from 'react';
 import { Button, Tooltip } from '@fluentui/react-components';
 
 export const ToolTipButton: FC<{
@@ -6,26 +6,30 @@ export const ToolTipButton: FC<{
   desc: string,
   icon?: ReactElement,
   className?: string,
+  style?: CSSProperties,
   size?: 'small' | 'medium' | 'large',
   shape?: 'rounded' | 'circular' | 'square';
   appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';
   disabled?: boolean,
   onClick?: MouseEventHandler
+  showDelay?: number,
 }> = ({
   text,
   desc,
   icon,
   className,
+  style,
   size,
   shape,
   appearance,
   disabled,
-  onClick
+  onClick,
+  showDelay = 0
 }) => {
   return (
-    <Tooltip content={desc} showDelay={0} hideDelay={0} relationship="label">
+    <Tooltip content={desc} showDelay={showDelay} hideDelay={0} relationship="label">
-      <Button className={className} disabled={disabled} icon={icon} onClick={onClick} size={size} shape={shape}
+      <Button style={style} className={className} disabled={disabled} icon={icon} onClick={onClick} size={size}
-        appearance={appearance}>{text}</Button>
+        shape={shape} appearance={appearance}>{text}</Button>
     </Tooltip>
   );
 };

frontend/src/pages/Chat.tsx

@@ -1,12 +1,12 @@
-import React, { FC, useEffect, useRef } from 'react';
+import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Avatar, PresenceBadge, Textarea } from '@fluentui/react-components';
+import { Avatar, Button, Menu, MenuPopover, MenuTrigger, PresenceBadge, Textarea } from '@fluentui/react-components';
 import commonStore, { ModelStatus } from '../stores/commonStore';
 import { observer } from 'mobx-react-lite';
 import { v4 as uuid } from 'uuid';
 import classnames from 'classnames';
 import { fetchEventSource } from '@microsoft/fetch-event-source';
-import { ConversationPair, getConversationPairs, Record } from '../utils/get-conversation-pairs';
+import { KebabHorizontalIcon, PencilIcon, SyncIcon, TrashIcon } from '@primer/octicons-react';
 import logo from '../assets/images/logo.jpg';
 import MarkdownRender from '../components/MarkdownRender';
 import { ToolTipButton } from '../components/ToolTipButton';
@@ -18,10 +18,14 @@ import { WorkHeader } from '../components/WorkHeader';
 import { DialogButton } from '../components/DialogButton';
 import { OpenFileFolder, OpenSaveFileDialog } from '../../wailsjs/go/backend_golang/App';
 import { toastWithButton } from '../utils';
+import { PresetsButton } from './PresetsManager/PresetsButton';
+import { useMediaQuery } from 'usehooks-ts';
 
 export const userName = 'M E';
 export const botName = 'A I';
 
+export const welcomeUuid = 'welcome';
+
 export enum MessageType {
   Normal,
   Error
@@ -46,12 +50,140 @@ export type Conversation = {
   [uuid: string]: MessageItem
 }
 
+export type Role = 'assistant' | 'user' | 'system';
+
+export type ConversationMessage = {
+  role: Role;
+  content: string;
+}
+
 let chatSseController: AbortController | null = null;
 
+const MoreUtilsButton: FC<{ uuid: string, setEditing: (editing: boolean) => void }> = observer(({
+  uuid,
+  setEditing
+}) => {
+  const { t } = useTranslation();
+  const [speaking, setSpeaking] = useState(false);
+
+  const messageItem = commonStore.conversation[uuid];
+
+  return <Menu>
+    <MenuTrigger disableButtonEnhancement>
+      <Button icon={<KebabHorizontalIcon />} size="small" appearance="subtle" />
+    </MenuTrigger>
+    <MenuPopover style={{ minWidth: 0 }}>
+      <CopyButton content={messageItem.content} showDelay={500} />
+      <ReadButton content={messageItem.content} inSpeaking={speaking} showDelay={500} setSpeakingOuter={setSpeaking} />
+      <ToolTipButton desc={t('Edit')} icon={<PencilIcon />} showDelay={500} size="small" appearance="subtle"
+        onClick={() => {
+          setEditing(true);
+        }} />
+      <ToolTipButton desc={t('Delete')} icon={<TrashIcon />} showDelay={500} size="small" appearance="subtle"
+        onClick={() => {
+          commonStore.conversationOrder.splice(commonStore.conversationOrder.indexOf(uuid), 1);
+          delete commonStore.conversation[uuid];
+        }} />
+    </MenuPopover>
+  </Menu>;
+});
+
+const ChatMessageItem: FC<{
+  uuid: string, onSubmit: (message: string | null, answerId: string | null,
+    startUuid: string | null, endUuid: string | null, includeEndUuid: boolean) => void
+}> = observer(({ uuid, onSubmit }) => {
+  const { t } = useTranslation();
+  const [editing, setEditing] = useState(false);
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const messageItem = commonStore.conversation[uuid];
+
+  console.log(uuid);
+
+  const setEditingInner = (editing: boolean) => {
+    setEditing(editing);
+    if (editing) {
+      setTimeout(() => {
+        const textarea = textareaRef.current;
+        if (textarea) {
+          textarea.focus();
+          textarea.selectionStart = textarea.value.length;
+          textarea.selectionEnd = textarea.value.length;
+          textarea.style.height = textarea.scrollHeight + 'px';
+        }
+      });
+    }
+  };
+
+  return <div
+    className={classnames(
+      'flex gap-2 mb-2 overflow-hidden',
+      messageItem.side === 'left' ? 'flex-row' : 'flex-row-reverse'
+    )}
+    onMouseEnter={() => {
+      const utils = document.getElementById('utils-' + uuid);
+      if (utils) utils.classList.remove('invisible');
+    }}
+    onMouseLeave={() => {
+      const utils = document.getElementById('utils-' + uuid);
+      if (utils) utils.classList.add('invisible');
+    }}
+  >
+    <Avatar
+      color={messageItem.color}
+      name={messageItem.sender}
+      image={(commonStore.activePreset && messageItem.sender === botName) ? { src: commonStore.activePreset.avatarImg } : messageItem.avatarImg ? { src: messageItem.avatarImg } : undefined}
+    />
+    <div
+      className={classnames(
+        'flex p-2 rounded-lg overflow-hidden',
+        editing ? 'grow' : '',
+        messageItem.side === 'left' ? 'bg-gray-200' : 'bg-blue-500',
+        messageItem.side === 'left' ? 'text-gray-600' : 'text-white'
+      )}
+    >
+      {!editing ?
+        <MarkdownRender>{messageItem.content}</MarkdownRender> :
+        <Textarea ref={textareaRef}
+          className="grow"
+          style={{ minWidth: 0 }}
+          value={messageItem.content}
+          onChange={(e) => {
+            messageItem.content = e.target.value;
+          }}
+          onBlur={() => {
+            setEditingInner(false);
+          }} />}
+    </div>
+    <div className="flex flex-col gap-1 items-start">
+      <div className="grow" />
+      {(messageItem.type === MessageType.Error || !messageItem.done) &&
+        <PresenceBadge size="extra-small" status={
+          messageItem.type === MessageType.Error ? 'busy' : 'away'
+        } />
+      }
+      <div className="flex invisible" id={'utils-' + uuid}>
+        {
+          messageItem.sender === botName && uuid !== welcomeUuid &&
+          <ToolTipButton desc={t('Retry')} size="small" appearance="subtle"
+            icon={<SyncIcon />} onClick={() => {
+            onSubmit(null, uuid, null, uuid, false);
+          }} />
+        }
+        <ToolTipButton desc={t('Edit')} icon={<PencilIcon />} size="small" appearance="subtle"
+          onClick={() => {
+            setEditingInner(true);
+          }} />
+        <MoreUtilsButton uuid={uuid} setEditing={setEditingInner} />
+      </div>
+    </div>
+  </div>;
+});
+
 const ChatPanel: FC = observer(() => {
   const { t } = useTranslation();
   const bodyRef = useRef<HTMLDivElement>(null);
   const inputRef = useRef<HTMLTextAreaElement>(null);
+  const mq = useMediaQuery('(min-width: 640px)');
   const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
 
   let lastMessageId: string;
@@ -71,9 +203,9 @@ const ChatPanel: FC = observer(() => {
 
   useEffect(() => {
     if (commonStore.conversationOrder.length === 0) {
-      commonStore.setConversationOrder(['welcome']);
+      commonStore.setConversationOrder([welcomeUuid]);
       commonStore.setConversation({
-        'welcome': {
+        [welcomeUuid]: {
           sender: botName,
           type: MessageType.Normal,
           color: 'colorful',
@@ -106,38 +238,48 @@ const ChatPanel: FC = observer(() => {
     }
   };
 
-  const onSubmit = (message: string) => {
+  // if message is not null, create a user message;
-    const newId = uuid();
+  // if answerId is not null, override the answer with new response;
-    commonStore.conversation[newId] = {
+  // if startUuid is null, start generating api body messages from first message;
-      sender: userName,
+  // if endUuid is null, generate api body messages until last message;
-      type: MessageType.Normal,
+  const onSubmit = useCallback((message: string | null = null, answerId: string | null = null,
-      color: 'brand',
+    startUuid: string | null = null, endUuid: string | null = null, includeEndUuid: boolean = false) => {
-      time: new Date().toISOString(),
+    if (message) {
-      content: message,
+      const newId = uuid();
-      side: 'right',
+      commonStore.conversation[newId] = {
-      done: true
+        sender: userName,
-    };
+        type: MessageType.Normal,
-    commonStore.setConversation(commonStore.conversation);
+        color: 'brand',
-    commonStore.conversationOrder.push(newId);
+        time: new Date().toISOString(),
-    commonStore.setConversationOrder(commonStore.conversationOrder);
+        content: message,
+        side: 'right',
+        done: true
+      };
+      commonStore.setConversation(commonStore.conversation);
+      commonStore.conversationOrder.push(newId);
+      commonStore.setConversationOrder(commonStore.conversationOrder);
+    }
 
-    const records: Record[] = [];
+    let startIndex = startUuid ? commonStore.conversationOrder.indexOf(startUuid) : 0;
-    commonStore.conversationOrder.forEach((uuid, index) => {
+    let endIndex = endUuid ? (commonStore.conversationOrder.indexOf(endUuid) + (includeEndUuid ? 1 : 0)) : commonStore.conversationOrder.length;
+    let targetRange = commonStore.conversationOrder.slice(startIndex, endIndex);
+
+    const messages: ConversationMessage[] = [];
+    targetRange.forEach((uuid, index) => {
+      if (uuid === welcomeUuid)
+        return;
       const messageItem = commonStore.conversation[uuid];
-      if (messageItem.done && messageItem.type === MessageType.Normal && messageItem.sender === botName) {
+      if (messageItem.done && messageItem.type === MessageType.Normal && messageItem.sender === userName) {
-        if (index > 0) {
+        messages.push({ role: 'user', content: messageItem.content });
-          const questionId = commonStore.conversationOrder[index - 1];
+      } else if (messageItem.done && messageItem.type === MessageType.Normal && messageItem.sender === botName) {
-          const question = commonStore.conversation[questionId];
+        messages.push({ role: 'assistant', content: messageItem.content });
-          if (question.done && question.type === MessageType.Normal && question.sender === userName) {
-            records.push({ question: question.content, answer: messageItem.content });
-          }
-        }
       }
     });
-    const messages = getConversationPairs(records, false);
-    (messages as ConversationPair[]).push({ role: 'user', content: message });
 
-    const answerId = uuid();
+    if (answerId === null) {
+      answerId = uuid();
+      commonStore.conversationOrder.push(answerId);
+    }
     commonStore.conversation[answerId] = {
       sender: botName,
       type: MessageType.Normal,
@@ -149,7 +291,6 @@ const ChatPanel: FC = observer(() => {
       done: false
     };
     commonStore.setConversation(commonStore.conversation);
-    commonStore.conversationOrder.push(answerId);
     commonStore.setConversationOrder(commonStore.conversationOrder);
     setTimeout(scrollToBottom);
     let answer = '';
@@ -171,11 +312,10 @@ const ChatPanel: FC = observer(() => {
         }),
         signal: chatSseController?.signal,
         onmessage(e) {
-          console.log('sse message', e);
           scrollToBottom();
           if (e.data === '[DONE]') {
-            commonStore.conversation[answerId].done = true;
+            commonStore.conversation[answerId!].done = true;
-            commonStore.conversation[answerId].content = commonStore.conversation[answerId].content.trim();
+            commonStore.conversation[answerId!].content = commonStore.conversation[answerId!].content.trim();
             commonStore.setConversation(commonStore.conversation);
             commonStore.setConversationOrder([...commonStore.conversationOrder]);
             return;
@@ -189,14 +329,14 @@ const ChatPanel: FC = observer(() => {
           }
           if (data.choices && Array.isArray(data.choices) && data.choices.length > 0) {
             answer += data.choices[0]?.delta?.content || '';
-            commonStore.conversation[answerId].content = answer;
+            commonStore.conversation[answerId!].content = answer;
             commonStore.setConversation(commonStore.conversation);
             commonStore.setConversationOrder([...commonStore.conversationOrder]);
           }
         },
         async onopen(response) {
           if (response.status !== 200) {
-            commonStore.conversation[answerId].content += '\n[ERROR]\n```\n' + response.statusText + '\n' + (await response.text()) + '\n```';
+            commonStore.conversation[answerId!].content += '\n[ERROR]\n```\n' + response.statusText + '\n' + (await response.text()) + '\n```';
             commonStore.setConversation(commonStore.conversation);
             commonStore.setConversationOrder([...commonStore.conversationOrder]);
             setTimeout(scrollToBottom);
@@ -206,72 +346,31 @@ const ChatPanel: FC = observer(() => {
           console.log('Connection closed');
         },
         onerror(err) {
-          commonStore.conversation[answerId].type = MessageType.Error;
+          commonStore.conversation[answerId!].type = MessageType.Error;
-          commonStore.conversation[answerId].done = true;
+          commonStore.conversation[answerId!].done = true;
           err = err.message || err;
           if (err && !err.includes('ReadableStreamDefaultReader'))
-            commonStore.conversation[answerId].content += '\n[ERROR]\n```\n' + err + '\n```';
+            commonStore.conversation[answerId!].content += '\n[ERROR]\n```\n' + err + '\n```';
           commonStore.setConversation(commonStore.conversation);
           commonStore.setConversationOrder([...commonStore.conversationOrder]);
           setTimeout(scrollToBottom);
           throw err;
         }
       });
-  };
+  }, []);
 
   return (
     <div className="flex flex-col w-full grow gap-4 pt-4 overflow-hidden">
       <div ref={bodyRef} className="grow overflow-y-scroll overflow-x-hidden pr-2">
-        {commonStore.conversationOrder.map((uuid, index) => {
+        {commonStore.conversationOrder.map(uuid =>
-          const messageItem = commonStore.conversation[uuid];
+          <ChatMessageItem key={uuid} uuid={uuid} onSubmit={onSubmit} />
-          return <div
+        )}
-            key={uuid}
-            className={classnames(
-              'flex gap-2 mb-2 overflow-hidden',
-              messageItem.side === 'left' ? 'flex-row' : 'flex-row-reverse'
-            )}
-            onMouseEnter={() => {
-              const utils = document.getElementById('utils-' + uuid);
-              if (utils) utils.classList.remove('invisible');
-            }}
-            onMouseLeave={() => {
-              const utils = document.getElementById('utils-' + uuid);
-              if (utils) utils.classList.add('invisible');
-            }}
-          >
-            <Avatar
-              color={messageItem.color}
-              name={messageItem.sender}
-              image={messageItem.avatarImg ? { src: messageItem.avatarImg } : undefined}
-            />
-            <div
-              className={classnames(
-                'p-2 rounded-lg overflow-hidden',
-                messageItem.side === 'left' ? 'bg-gray-200' : 'bg-blue-500',
-                messageItem.side === 'left' ? 'text-gray-600' : 'text-white'
-              )}
-            >
-              <MarkdownRender>{messageItem.content}</MarkdownRender>
-            </div>
-            <div className="flex flex-col gap-1 items-start">
-              <div className="grow" />
-              {(messageItem.type === MessageType.Error || !messageItem.done) &&
-                <PresenceBadge size="extra-small" status={
-                  messageItem.type === MessageType.Error ? 'busy' : 'away'
-                } />
-              }
-              <div className="flex invisible" id={'utils-' + uuid}>
-                <ReadButton content={messageItem.content} />
-                <CopyButton content={messageItem.content} />
-              </div>
-            </div>
-          </div>;
-        })}
       </div>
-      <div className="flex items-end gap-2">
+      <div className={classnames('flex items-end', mq ? 'gap-2' : '')}>
+        <PresetsButton tab="Chat" size={mq ? 'large' : 'small'} shape="circular" appearance="subtle" />
         <DialogButton tooltip={t('Clear')}
           icon={<Delete28Regular />}
-          size="large" shape="circular" appearance="subtle" title={t('Clear')}
+          size={mq ? 'large' : 'small'} shape="circular" appearance="subtle" title={t('Clear')}
           contentText={t('Are you sure you want to clear the conversation? It cannot be undone.')}
           onConfirm={() => {
             if (generating)
@@ -281,6 +380,7 @@ const ChatPanel: FC = observer(() => {
           }} />
         <Textarea
           ref={inputRef}
+          style={{ minWidth: 0 }}
           className="grow"
           resize="vertical"
           placeholder={t('Type your message here')!}
@@ -290,7 +390,7 @@ const ChatPanel: FC = observer(() => {
         />
         <ToolTipButton desc={generating ? t('Stop') : t('Send')}
           icon={generating ? <RecordStop28Regular /> : <ArrowCircleUp28Regular />}
-          size="large" shape="circular" appearance="subtle"
+          size={mq ? 'large' : 'small'} shape="circular" appearance="subtle"
           onClick={(e) => {
             if (generating) {
               chatSseController?.abort();
@@ -306,7 +406,7 @@ const ChatPanel: FC = observer(() => {
           }} />
         <ToolTipButton desc={t('Save')}
           icon={<Save28Regular />}
-          size="large" shape="circular" appearance="subtle"
+          size={mq ? 'large' : 'small'} shape="circular" appearance="subtle"
           onClick={() => {
             let savedContent: string = '';
             commonStore.conversationOrder.forEach((uuid) => {
@@ -320,7 +420,7 @@ const ChatPanel: FC = observer(() => {
                   OpenFileFolder(path, false);
                 });
             }).catch(e => {
-              toast(t('Error') + ' - ' + e.message || e, { type: 'error', autoClose: 2500 });
+              toast(t('Error') + ' - ' + (e.message || e), { type: 'error', autoClose: 2500 });
             });
           }} />
       </div>

frontend/src/pages/Completion.tsx

@@ -10,6 +10,7 @@ import commonStore, { ModelStatus } from '../stores/commonStore';
 import { fetchEventSource } from '@microsoft/fetch-event-source';
 import { toast } from 'react-toastify';
 import { DialogButton } from '../components/DialogButton';
+import { PresetsButton } from './PresetsManager/PresetsButton';
 
 export type CompletionParams = Omit<ApiParameters, 'apiPort'> & {
   stop: string,
@@ -213,7 +214,6 @@ const CompletionPanel: FC = observer(() => {
         }),
         signal: completionSseController?.signal,
         onmessage(e) {
-          console.log('sse message', e);
           scrollToBottom();
           if (e.data === '[DONE]') {
             commonStore.setCompletionGenerating(false);
@@ -262,19 +262,23 @@ const CompletionPanel: FC = observer(() => {
         onChange={(e) => setPrompt(e.target.value)}
       />
       <div className="flex flex-col gap-1 max-h-48 sm:max-w-sm sm:max-h-full">
-        <Dropdown style={{ minWidth: 0 }}
+        <div className="flex gap-2">
-          value={t(commonStore.completionPreset!.name)!}
+          <Dropdown style={{ minWidth: 0 }}
-          selectedOptions={[commonStore.completionPreset!.name]}
+            className="grow"
-          onOptionSelect={(_, data) => {
+            value={t(commonStore.completionPreset!.name)!}
-            if (data.optionValue) {
+            selectedOptions={[commonStore.completionPreset!.name]}
-              setPreset(defaultPresets.find((preset) => preset.name === data.optionValue)!);
+            onOptionSelect={(_, data) => {
+              if (data.optionValue) {
+                setPreset(defaultPresets.find((preset) => preset.name === data.optionValue)!);
+              }
+            }}>
+            {
+              defaultPresets.map((preset) =>
+                <Option key={preset.name} value={preset.name}>{t(preset.name)!}</Option>)
             }
-          }}>
+          </Dropdown>
-          {
+          <PresetsButton tab="Completion" />
-            defaultPresets.map((preset) =>
+        </div>
-              <Option key={preset.name} value={preset.name}>{t(preset.name)!}</Option>)
-          }
-        </Dropdown>
         <div className="flex flex-col gap-1 overflow-x-hidden overflow-y-auto p-1">
           <Labeled flex breakline label={t('Max Response Token')}
             desc={t('By default, the maximum number of tokens that can be answered in a single response, it can be changed by the user by specifying API parameters.')}
@@ -312,7 +316,7 @@ const CompletionPanel: FC = observer(() => {
           <Labeled flex breakline label={t('Presence Penalty')}
             desc={t('Positive values penalize new tokens based on whether they appear in the text so far, increasing the model\'s likelihood to talk about new topics.')}
             content={
-              <ValuedSlider value={params.presencePenalty} min={-2} max={2}
+              <ValuedSlider value={params.presencePenalty} min={0} max={2}
                 step={0.1} input
                 onChange={(e, data) => {
                   setParams({
@@ -323,7 +327,7 @@ const CompletionPanel: FC = observer(() => {
           <Labeled flex breakline label={t('Frequency Penalty')}
             desc={t('Positive values penalize new tokens based on their existing frequency in the text so far, decreasing the model\'s likelihood to repeat the same line verbatim.')}
             content={
-              <ValuedSlider value={params.frequencyPenalty} min={-2} max={2}
+              <ValuedSlider value={params.frequencyPenalty} min={0} max={2}
                 step={0.1} input
                 onChange={(e, data) => {
                   setParams({

frontend/src/pages/Configs.tsx

@@ -224,12 +224,12 @@ export const Configs: FC = observer(() => {
                           modelName: data.value
                         });
                       }}>
-                      {!commonStore.modelSourceList.find(item => item.name === selectedConfig.modelParameters.modelName)?.isLocal
+                      {!commonStore.modelSourceList.find(item => item.name === selectedConfig.modelParameters.modelName)?.isComplete
                         && <option key={-1}
                           value={selectedConfig.modelParameters.modelName}>{selectedConfig.modelParameters.modelName}
                         </option>}
                       {commonStore.modelSourceList.map((modelItem, index) =>
-                        modelItem.isLocal && <option key={index} value={modelItem.name}>{modelItem.name}</option>
+                        modelItem.isComplete && <option key={index} value={modelItem.name}>{modelItem.name}</option>
                       )}
                     </Select>
                     <ToolTipButton desc={t('Manage Models')} icon={<DataUsageSettings20Regular />} onClick={() => {
@@ -328,7 +328,8 @@ export const Configs: FC = observer(() => {
                 }
                 {
                   displayStrategyImg &&
-                  <img style={{ width: '80vh', height: 'auto', zIndex: 100 }} className="fixed left-0 top-0"
+                  <img style={{ width: '80vh', height: 'auto', zIndex: 100 }}
+                    className="fixed left-0 top-0 rounded-xl select-none"
                     src={commonStore.settings.language === 'zh' ? strategyZhImg : strategyImg} />
                 }
                 {

frontend/src/pages/Downloads.tsx

@@ -7,7 +7,7 @@ import { Divider, Field, ProgressBar } from '@fluentui/react-components';
 import { bytesToGb, bytesToKb, bytesToMb, refreshLocalModels } from '../utils';
 import { ToolTipButton } from '../components/ToolTipButton';
 import { Folder20Regular, Pause20Regular, Play20Regular } from '@fluentui/react-icons';
-import { ContinueDownload, OpenFileFolder, PauseDownload } from '../../wailsjs/go/backend_golang/App';
+import { AddToDownloadList, OpenFileFolder, PauseDownload } from '../../wailsjs/go/backend_golang/App';
 
 export type DownloadStatus = {
   name: string;
@@ -30,10 +30,27 @@ export const Downloads: FC = observer(() => {
     console.log('finishedModelsLen:', finishedModelsLen);
   }, [finishedModelsLen]);
 
+  let displayList = commonStore.downloadList.slice();
+  const downloadListNames = displayList.map(s => s.name);
+  commonStore.lastUnfinishedModelDownloads.forEach((status) => {
+    const unfinishedIndex = downloadListNames.indexOf(status.name);
+    if (unfinishedIndex === -1) {
+      displayList.push(status);
+    } else {
+      const unfinishedStatus = displayList[unfinishedIndex];
+      if (unfinishedStatus.transferred < status.transferred) {
+        status.downloading = unfinishedStatus.downloading;
+        delete displayList[unfinishedIndex];
+        displayList.push(status);
+      }
+    }
+  });
+  displayList = displayList.reverse();
+
   return (
     <Page title={t('Downloads')} content={
       <div className="flex flex-col gap-2 overflow-y-auto overflow-x-hidden p-1">
-        {commonStore.downloadList.slice().reverse().map((status, index) => {
+        {displayList.map((status, index) => {
           const downloadProgress = `${status.progress.toFixed(2)}%`;
           const downloadSpeed = `${status.downloading ? bytesToMb(status.speed) : '0'}MB/s`;
           let downloadDetails: string;
@@ -59,7 +76,7 @@ export const Downloads: FC = observer(() => {
                       if (status.downloading)
                         PauseDownload(status.url);
                       else
-                        ContinueDownload(status.url);
+                        AddToDownloadList(status.path, status.url);
                     }} />}
                 <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular />} onClick={() => {
                   OpenFileFolder(status.path, false);

frontend/src/pages/Models.tsx

@@ -31,7 +31,9 @@ export type ModelSourceItem = {
   SHA256?: string;
   url?: string;
   downloadUrl?: string;
+  isComplete?: boolean;
   isLocal?: boolean;
+  localSize?: number;
   lastUpdatedMs?: number;
   hide?: boolean;
 };
@@ -125,7 +127,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
   createTableColumn<ModelSourceItem>({
     columnId: 'actions',
     compare: (a, b) => {
-      return a.isLocal ? -1 : 1;
+      return a.isComplete ? -1 : 1;
     },
     renderHeaderCell: () => {
       const { t } = useTranslation();
@@ -140,12 +142,12 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
         <TableCellLayout>
           <div className="flex gap-1">
             {
-              item.isLocal &&
+              item.isComplete &&
               <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular />} onClick={() => {
                 OpenFileFolder(`${commonStore.settings.customModelsPath}/${item.name}`, true);
               }} />
             }
-            {item.downloadUrl && !item.isLocal &&
+            {item.downloadUrl && !item.isComplete &&
               <ToolTipButton desc={t('Download')} icon={<ArrowDownload20Regular />} onClick={() => {
                 toastWithButton(`${t('Downloading')} ${item.name}`, t('Check'), () => {
                     navigate({ pathname: '/downloads' });
@@ -203,7 +205,7 @@ export const Models: FC = observer(() => {
             <div className="overflow-y-auto overflow-x-hidden">
               <DataGridBody<ModelSourceItem>>
                 {({ item, rowId }) => (
-                  (!item.hide || item.isLocal) &&
+                  (!item.hide || item.isComplete) &&
                   <DataGridRow<ModelSourceItem> key={rowId}>
                     {({ renderCell }) => (
                       <DataGridCell>{renderCell(item)}</DataGridCell>

frontend/src/pages/PresetsManager/MessagesEditor.tsx

@@ -0,0 +1,154 @@
+import React, { FC, useState } from 'react';
+import { DragDropContext, Draggable, Droppable, DropResult } from 'react-beautiful-dnd';
+import commonStore from '../../stores/commonStore';
+import { Preset } from './PresetsButton';
+import { observer } from 'mobx-react-lite';
+import { v4 as uuid } from 'uuid';
+import { Button, Card, Dropdown, Option, Textarea } from '@fluentui/react-components';
+import { useTranslation } from 'react-i18next';
+import { ToolTipButton } from '../../components/ToolTipButton';
+import { Delete20Regular, ReOrderDotsVertical20Regular } from '@fluentui/react-icons';
+import { ConversationMessage, Role } from '../Chat';
+
+type Item = {
+  id: string;
+  role: Role;
+  content: string;
+}
+
+const getItems = (messages: ConversationMessage[]) =>
+  messages.map((message, index) => ({
+    id: uuid(),
+    role: message.role,
+    content: message.content
+  })) as Item[];
+
+const reorder = (list: Item[], startIndex: number, endIndex: number) => {
+  const result = Array.from(list);
+  const [removed] = result.splice(startIndex, 1);
+  result.splice(endIndex, 0, removed);
+
+  return result;
+};
+
+export const MessagesEditor: FC = observer(() => {
+  const { t } = useTranslation();
+
+  const editingPreset = commonStore.editingPreset!;
+  const setEditingPreset = (newParams: Partial<Preset>) => {
+    commonStore.setEditingPreset({
+      ...editingPreset,
+      ...newParams
+    });
+  };
+
+  const [items, setItems] = useState(getItems(editingPreset.messages));
+
+  const updateItems = (items: Item[]) => {
+    setEditingPreset({
+      messages: items.map(item => ({
+        role: item.role,
+        content: item.content
+      }))
+    });
+    setItems(items);
+  };
+
+  const onDragEnd = (result: DropResult) => {
+    if (!result.destination) {
+      return;
+    }
+
+    const newItems = reorder(
+      items,
+      result.source.index,
+      result.destination.index
+    );
+
+    updateItems(newItems);
+  };
+
+  const createNewItem = () => {
+    const newItems: Item[] = [...items, {
+      id: uuid(),
+      role: 'assistant',
+      content: ''
+    }];
+    updateItems(newItems);
+  };
+
+  const deleteItem = (id: string) => {
+    const newItems: Item[] = items.filter(item => item.id !== id);
+    updateItems(newItems);
+  };
+
+  return (
+    <div className="grid grid-cols-1 gap-2 overflow-hidden">
+      <Button style={{ width: '100%' }} onClick={createNewItem}>{t('New')}</Button>
+      <div className="overflow-x-hidden overflow-y-auto p-2">
+        <DragDropContext onDragEnd={onDragEnd}>
+          <Droppable droppableId="droppable">
+            {(provided, snapshot) => (
+              <div
+                {...provided.droppableProps}
+                ref={provided.innerRef}
+              >
+                {items.map((item, index) => (
+                  <Draggable key={item.id} draggableId={item.id} index={index}>
+                    {(provided, snapshot) => (
+                      <div
+                        ref={provided.innerRef}
+                        {...provided.draggableProps}
+                        {...provided.dragHandleProps}
+                        style={provided.draggableProps.style}
+                        className="select-none mb-2"
+                      >
+                        <div className="flex">
+                          <Card appearance="outline"
+                            style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}>
+                            <ReOrderDotsVertical20Regular />
+                          </Card>
+                          <Dropdown style={{ minWidth: 0, borderRadius: 0 }} listbox={{ style: { minWidth: 0 } }}
+                            value={t(item.role)!}
+                            selectedOptions={[item.role]}
+                            onOptionSelect={(_, data) => {
+                              if (data.optionValue) {
+                                items[index] = {
+                                  ...item,
+                                  role: data.optionValue as Role
+                                };
+                                updateItems([...items]);
+                              }
+                            }}>
+                            <Option value="user">{t('user')!}</Option>
+                            <Option value="assistant">{t('assistant')!}</Option>
+                            <Option value="system">{t('system')!}</Option>
+                          </Dropdown>
+                          <Textarea resize="vertical" className="grow" value={item.content}
+                            style={{ minWidth: 0, borderRadius: 0 }}
+                            onChange={(e, data) => {
+                              items[index] = {
+                                ...item,
+                                content: data.value
+                              };
+                              updateItems([...items]);
+                            }}></Textarea>
+                          <ToolTipButton
+                            style={{ borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }} desc={t('Delete')}
+                            icon={<Delete20Regular />} onClick={() => {
+                            deleteItem(item.id);
+                          }} />
+                        </div>
+                      </div>
+                    )}
+                  </Draggable>
+                ))}
+                {provided.placeholder}
+              </div>
+            )}
+          </Droppable>
+        </DragDropContext>
+      </div>
+    </div>
+  );
+});

frontend/src/pages/PresetsManager/PresetsButton.tsx

@@ -0,0 +1,432 @@
+// TODO refactor
+
+import React, { FC, PropsWithChildren, ReactElement, useState } from 'react';
+import {
+  Button,
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogSurface,
+  DialogTrigger,
+  Input,
+  Switch,
+  Tab,
+  TabList,
+  Text
+} from '@fluentui/react-components';
+import {
+  Accessibility28Regular,
+  Chat20Regular,
+  ClipboardEdit20Regular,
+  Delete20Regular,
+  Dismiss20Regular,
+  Edit20Regular,
+  Globe20Regular
+} from '@fluentui/react-icons';
+import { ToolTipButton } from '../../components/ToolTipButton';
+import { useTranslation } from 'react-i18next';
+import { botName, Conversation, ConversationMessage, MessageType, userName } from '../Chat';
+import { SelectTabEventHandler } from '@fluentui/react-tabs';
+import { Labeled } from '../../components/Labeled';
+import commonStore from '../../stores/commonStore';
+import logo from '../../assets/images/logo.jpg';
+import { observer } from 'mobx-react-lite';
+import { MessagesEditor } from './MessagesEditor';
+import { ClipboardGetText, ClipboardSetText } from '../../../wailsjs/runtime';
+import { toast } from 'react-toastify';
+import { CustomToastContainer } from '../../components/CustomToastContainer';
+import { v4 as uuid } from 'uuid';
+
+export type PresetType = 'chat' | 'completion' | 'chatInCompletion'
+
+export type Preset = {
+  name: string,
+  tag: string,
+  // if name and sourceUrl are same, it will be overridden when importing
+  sourceUrl: string,
+  desc: string,
+  avatarImg: string,
+  type: PresetType,
+  // chat
+  welcomeMessage: string,
+  messages: ConversationMessage[],
+  displayPresetMessages: boolean,
+  // completion
+  prompt: string,
+  stop: string,
+  injectStart: string,
+  injectEnd: string,
+}
+
+export const defaultPreset: Preset = {
+  name: 'RWKV',
+  tag: 'default',
+  sourceUrl: '',
+  desc: '',
+  avatarImg: logo,
+  type: 'chat',
+  welcomeMessage: '',
+  displayPresetMessages: true,
+  messages: [],
+  prompt: '',
+  stop: '',
+  injectStart: '',
+  injectEnd: ''
+};
+
+const setActivePreset = (preset: Preset) => {
+  commonStore.setActivePreset(preset);
+  //TODO if (preset.displayPresetMessages) {
+  const conversation: Conversation = {};
+  const conversationOrder: string[] = [];
+  for (const message of preset.messages) {
+    const newUuid = uuid();
+    conversationOrder.push(newUuid);
+    conversation[newUuid] = {
+      sender: message.role === 'user' ? userName : botName,
+      type: MessageType.Normal,
+      color: message.role === 'user' ? 'brand' : 'colorful',
+      time: new Date().toISOString(),
+      content: message.content,
+      side: message.role === 'user' ? 'right' : 'left',
+      done: true
+    };
+  }
+  commonStore.setConversation(conversation);
+  commonStore.setConversationOrder(conversationOrder);
+  //}
+};
+
+export const PresetCardFrame: FC<PropsWithChildren & { onClick?: () => void }> = (props) => {
+  return <Button
+    className="flex flex-col gap-1 w-32 h-56 break-all"
+    style={{ minWidth: 0, borderRadius: '0.75rem', justifyContent: 'unset' }}
+    onClick={props.onClick}
+  >
+    {props.children}
+  </Button>;
+};
+
+export const PresetCard: FC<{
+  avatarImg: string,
+  name: string,
+  desc: string,
+  tag: string,
+  editable: boolean,
+  presetIndex: number,
+  onClick?: () => void
+}> = observer(({
+  avatarImg, name, desc, tag, editable, presetIndex, onClick
+}) => {
+  const { t } = useTranslation();
+
+  return <PresetCardFrame onClick={onClick}>
+    <img src={avatarImg} className="rounded-xl select-none ml-auto mr-auto h-28" />
+    <Text size={400}>{name}</Text>
+    <Text size={200} style={{
+      overflow: 'hidden', textOverflow: 'ellipsis',
+      display: '-webkit-box', WebkitLineClamp: 3, WebkitBoxOrient: 'vertical'
+    }}>{desc}</Text>
+    <div className="grow" />
+    <div className="flex justify-between w-full items-end">
+      <div className="text-xs font-thin text-gray-500">{t(tag)}</div>
+      {editable ?
+        <ChatPresetEditor presetIndex={presetIndex} triggerButton={
+          <ToolTipButton size="small" appearance="transparent" desc={t('Edit')} icon={<Edit20Regular />}
+            onClick={() => {
+              commonStore.setEditingPreset({ ...commonStore.presets[presetIndex] });
+            }} />
+        } />
+        : <div />
+      }
+    </div>
+  </PresetCardFrame>;
+});
+
+export const ChatPresetEditor: FC<{
+  triggerButton: ReactElement,
+  presetIndex: number
+}> = observer(({ triggerButton, presetIndex }) => {
+  const { t } = useTranslation();
+  const [editingMessages, setEditingMessages] = useState(false);
+
+  if (!commonStore.editingPreset)
+    commonStore.setEditingPreset({ ...defaultPreset });
+  const editingPreset = commonStore.editingPreset!;
+
+  const setEditingPreset = (newParams: Partial<Preset>) => {
+    commonStore.setEditingPreset({
+      ...editingPreset,
+      ...newParams
+    });
+  };
+
+  const importPreset = () => {
+    ClipboardGetText().then((text) => {
+      try {
+        const preset = JSON.parse(text);
+        setEditingPreset(preset);
+        toast(t('Imported successfully'), {
+          type: 'success',
+          autoClose: 1000
+        });
+      } catch (e) {
+        toast(t('Failed to import. Please copy a preset to the clipboard.'), {
+          type: 'error',
+          autoClose: 2500
+        });
+      }
+    }).catch(() => {
+      toast(t('Clipboard is empty.'), {
+        type: 'info',
+        autoClose: 1000
+      });
+    });
+  };
+
+  const copyPreset = () => {
+    ClipboardSetText(JSON.stringify(editingPreset)).then((success) => {
+      if (success)
+        toast(t('Successfully copied to clipboard.'), {
+          type: 'success',
+          autoClose: 1000
+        });
+    });
+  };
+
+  const savePreset = () => {
+    if (presetIndex === -1) {
+      commonStore.setPresets([...commonStore.presets, { ...editingPreset }]);
+      setEditingPreset(defaultPreset);
+    } else {
+      commonStore.presets[presetIndex] = editingPreset;
+      commonStore.setPresets(commonStore.presets);
+    }
+  };
+
+  const activatePreset = () => {
+    savePreset();
+    setActivePreset(editingPreset);
+  };
+
+  const deletePreset = () => {
+    commonStore.presets.splice(presetIndex, 1);
+    commonStore.setPresets(commonStore.presets);
+  };
+
+  return <Dialog>
+    <DialogTrigger disableButtonEnhancement>
+      {triggerButton}
+    </DialogTrigger>
+    <DialogSurface style={{
+      paddingTop: 0,
+      maxWidth: '80vw',
+      maxHeight: '80vh',
+      width: '500px',
+      height: '100%'
+    }}>
+      <DialogBody style={{ height: '100%', overflow: 'hidden' }}>
+        <DialogContent className="flex flex-col gap-1 overflow-hidden">
+          <CustomToastContainer />
+          <div className="flex justify-between">{
+            presetIndex === -1
+              ? <div />
+              : <DialogTrigger disableButtonEnhancement>
+                <Button appearance="subtle" icon={<Delete20Regular />} onClick={deletePreset} />
+              </DialogTrigger>
+          }
+            <DialogTrigger disableButtonEnhancement>
+              <Button appearance="subtle" icon={<Dismiss20Regular />} />
+            </DialogTrigger>
+          </div>
+          <img src={editingPreset.avatarImg} className="rounded-xl select-none ml-auto mr-auto h-28" />
+          <Labeled flex breakline label={t('Name')}
+            content={
+              <div className="flex gap-2">
+                <Input className="grow" value={editingPreset.name} onChange={(e, data) => {
+                  setEditingPreset({
+                    name: data.value
+                  });
+                }} />
+                <ToolTipButton desc={!editingMessages ? t('Edit Messages') : t('Go Back')}
+                  icon={!editingMessages ? <Chat20Regular /> : <Dismiss20Regular />} onClick={() => {
+                  setEditingMessages(!editingMessages);
+                }} />
+              </div>
+            } />
+          {
+            editingMessages ?
+              <MessagesEditor /> :
+              <div className="flex flex-col gap-1 p-2 overflow-x-hidden overflow-y-auto">
+                <Labeled flex breakline label={t('Description')}
+                  content={
+                    <Input value={editingPreset.desc} onChange={(e, data) => {
+                      setEditingPreset({
+                        desc: data.value
+                      });
+                    }} />
+                  } />
+                <Labeled flex breakline label={t('Avatar Url')}
+                  content={
+                    <Input value={editingPreset.avatarImg} onChange={(e, data) => {
+                      setEditingPreset({
+                        avatarImg: data.value
+                      });
+                    }} />
+                  } />
+                <Labeled flex breakline label={t('Welcome Message')}
+                  content={
+                    <Input disabled value={editingPreset.welcomeMessage} onChange={(e, data) => {
+                      setEditingPreset({
+                        welcomeMessage: data.value
+                      });
+                    }} />
+                  } />
+                <Labeled flex spaceBetween label={t('Display Preset Messages')}
+                  content={
+                    <Switch disabled checked={editingPreset.displayPresetMessages}
+                      onChange={(e, data) => {
+                        setEditingPreset({
+                          displayPresetMessages: data.checked
+                        });
+                      }} />
+                  } />
+                <Labeled flex breakline label={t('Tag')}
+                  content={
+                    <Input value={editingPreset.tag} onChange={(e, data) => {
+                      setEditingPreset({
+                        tag: data.value
+                      });
+                    }} />
+                  } />
+              </div>
+          }
+          <div className="grow" />
+          <div className="flex justify-between">
+            <Button onClick={importPreset}>{t('Import')}</Button>
+            <Button onClick={copyPreset}>{t('Copy')}</Button>
+          </div>
+          <div className="flex justify-between">
+            <DialogTrigger disableButtonEnhancement>
+              <Button appearance="primary" onClick={savePreset}>{t('Save')}</Button>
+            </DialogTrigger>
+            <DialogTrigger disableButtonEnhancement>
+              <Button appearance="primary" onClick={activatePreset}>{t('Activate')}</Button>
+            </DialogTrigger>
+          </div>
+        </DialogContent>
+      </DialogBody>
+    </DialogSurface>
+  </Dialog>;
+});
+
+export const ChatPresets: FC = observer(() => {
+  const { t } = useTranslation();
+
+  return <div className="flex flex-wrap gap-2">
+    <ChatPresetEditor presetIndex={-1} triggerButton={
+      <PresetCardFrame>
+        <div className="h-full flex items-center">
+          {t('New Preset')}
+        </div>
+      </PresetCardFrame>}
+    />
+    {/*TODO <PresetCardFrame>*/}
+    {/*  <div className="h-full flex items-center">*/}
+    {/*    {t('Import')}*/}
+    {/*  </div>*/}
+    {/*</PresetCardFrame>*/}
+    <PresetCard
+      presetIndex={-1}
+      editable={false}
+      onClick={() => {
+        setActivePreset(defaultPreset);
+      }} avatarImg={defaultPreset.avatarImg} name={defaultPreset.name} desc={defaultPreset.desc} tag={defaultPreset.tag}
+    />
+    {commonStore.presets.map((preset, index) => {
+      return <PresetCard
+        presetIndex={index}
+        editable={true}
+        onClick={() => {
+          setActivePreset(preset);
+        }}
+        key={index} avatarImg={preset.avatarImg} name={preset.name} desc={preset.desc} tag={preset.tag}
+      />;
+    })}
+  </div>;
+});
+
+type PresetsNavigationItem = {
+  icon: ReactElement;
+  element: ReactElement;
+};
+
+const pages: { [label: string]: PresetsNavigationItem } = {
+  Chat: {
+    icon: <Chat20Regular />,
+    element: <ChatPresets />
+  },
+  Completion: {
+    icon: <ClipboardEdit20Regular />,
+    element: <div>In Development</div>
+  },
+  Online: {
+    icon: <Globe20Regular />,
+    element: <div>In Development</div>
+  }
+};
+
+export const PresetsManager: FC<{ initTab: string }> = ({ initTab }) => {
+  const { t } = useTranslation();
+  const [tab, setTab] = useState(initTab);
+
+  const selectTab: SelectTabEventHandler = (e, data) =>
+    typeof data.value === 'string' ? setTab(data.value) : null;
+
+  return <div className="flex flex-col gap-2 w-full h-full">
+    <div className="flex justify-between">
+      <TabList
+        size="small"
+        appearance="subtle"
+        selectedValue={tab}
+        onTabSelect={selectTab}
+      >
+        {Object.entries(pages).map(([label, { icon }]) => (
+          <Tab icon={icon} key={label} value={label}>
+            {t(label)}
+          </Tab>
+        ))}
+      </TabList>
+      <DialogTrigger disableButtonEnhancement>
+        <Button appearance="subtle" icon={<Dismiss20Regular />} />
+      </DialogTrigger>
+    </div>
+    <div className="grow overflow-x-hidden overflow-y-auto">
+      {pages[tab].element}
+    </div>
+  </div>;
+};
+
+export const PresetsButton: FC<{
+  tab: string,
+  size?: 'small' | 'medium' | 'large',
+  shape?: 'rounded' | 'circular' | 'square';
+  appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';
+}> = ({ tab, size, shape, appearance }) => {
+  const { t } = useTranslation();
+
+  return <Dialog>
+    <DialogTrigger disableButtonEnhancement>
+      <ToolTipButton desc={t('Presets')} size={size} shape={shape} appearance={appearance}
+        icon={<Accessibility28Regular />} />
+    </DialogTrigger>
+    <DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content' }}>
+      <DialogBody>
+        <DialogContent>
+          <CustomToastContainer />
+          <PresetsManager initTab={tab} />
+        </DialogContent>
+      </DialogBody>
+    </DialogSurface>
+  </Dialog>;
+};

frontend/src/startup.ts

@@ -5,6 +5,7 @@ import { getStatus } from './apis';
 import { EventsOn } from '../wailsjs/runtime';
 import manifest from '../../manifest.json';
 import { defaultModelConfigs, defaultModelConfigsMac } from './pages/defaultModelConfigs';
+import { Preset } from './pages/PresetsManager/PresetsButton';
 
 export async function startup() {
   downloadProgramFiles();
@@ -13,10 +14,12 @@ export async function startup() {
       commonStore.setDownloadList(data);
   });
 
+  initPresets();
+  
   await GetPlatform().then(p => commonStore.setPlatform(p as Platform));
   await initConfig();
 
-  initCache().then(initRemoteText); // depends on config customModelsPath
+  initCache(true).then(initRemoteText); // depends on config customModelsPath
 
   if (commonStore.settings.autoUpdatesCheck) // depends on config settings
     checkUpdate();
@@ -58,11 +61,18 @@ async function initConfig() {
   });
 }
 
-async function initCache() {
+async function initCache(initUnfinishedModels: boolean) {
   await ReadJson('cache.json').then((cacheData: Cache) => {
     if (cacheData.depComplete)
       commonStore.setDepComplete(cacheData.depComplete);
   }).catch(() => {
   });
-  await refreshModels(false);
+  await refreshModels(false, initUnfinishedModels);
+}
+
+async function initPresets() {
+  await ReadJson('presets.json').then((presets: Preset[]) => {
+    commonStore.setPresets(presets, false);
+  }).catch(() => {
+  });
 }

frontend/src/stores/commonStore.ts

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from 'mobx';
-import { getUserLanguage, isSystemLightMode, saveConfigs } from '../utils';
+import { getUserLanguage, isSystemLightMode, saveConfigs, savePresets } from '../utils';
 import { WindowSetDarkTheme, WindowSetLightTheme } from '../../wailsjs/runtime';
 import manifest from '../../../manifest.json';
 import { ModelConfig } from '../pages/Configs';
@@ -13,6 +13,7 @@ import i18n from 'i18next';
 import { CompletionPreset } from '../pages/Completion';
 import { defaultModelConfigs, defaultModelConfigsMac } from '../pages/defaultModelConfigs';
 import commonStore from './commonStore';
+import { Preset } from '../pages/PresetsManager/PresetsButton';
 
 export enum ModelStatus {
   Offline,
@@ -38,12 +39,16 @@ class CommonStore {
   };
   depComplete: boolean = false;
   platform: Platform = 'windows';
+  // presets manager
+  editingPreset: Preset | null = null;
+  presets: Preset[] = [];
   // home
   introduction: IntroductionContent = manifest.introduction;
   // chat
   currentInput: string = '';
   conversation: Conversation = {};
   conversationOrder: string[] = [];
+  activePreset: Preset | null = null;
   // completion
   completionPreset: CompletionPreset | null = null;
   completionGenerating: boolean = false;
@@ -55,6 +60,7 @@ class CommonStore {
   modelSourceList: ModelSourceItem[] = [];
   // downloads
   downloadList: DownloadStatus[] = [];
+  lastUnfinishedModelDownloads: DownloadStatus[] = [];
   // settings
   advancedCollapsed: boolean = true;
   settings: SettingsType = {
@@ -197,6 +203,24 @@ class CommonStore {
   setAdvancedCollapsed(value: boolean) {
     this.advancedCollapsed = value;
   }
+
+  setLastUnfinishedModelDownloads(value: DownloadStatus[]) {
+    this.lastUnfinishedModelDownloads = value;
+  }
+
+  setEditingPreset(value: Preset) {
+    this.editingPreset = value;
+  }
+
+  setPresets(value: Preset[], savePreset: boolean = true) {
+    this.presets = value;
+    if (savePreset)
+      savePresets();
+  }
+
+  setActivePreset(value: Preset) {
+    this.activePreset = value;
+  }
 }
 
 export default new CommonStore();

frontend/src/utils/get-conversation-pairs.ts

@@ -1,27 +0,0 @@
-export type Record = {
-  question: string;
-  answer: string;
-}
-
-export type ConversationPair = {
-  role: string;
-  content: string;
-}
-
-export function getConversationPairs(records: Record[], isCompletion: boolean): string | ConversationPair[] {
-  let pairs;
-  if (isCompletion) {
-    pairs = '';
-    for (const record of records) {
-      pairs += 'Human: ' + record.question + '\nAI: ' + record.answer + '\n';
-    }
-  } else {
-    pairs = [];
-    for (const record of records) {
-      pairs.push({ role: 'user', content: record.question });
-      pairs.push({ role: 'assistant', content: record.answer });
-    }
-  }
-
-  return pairs;
-}

frontend/src/utils/index.tsx

@@ -16,6 +16,7 @@ import { Button } from '@fluentui/react-components';
 import { Language, Languages, SettingsType } from '../pages/Settings';
 import { ModelSourceItem } from '../pages/Models';
 import { ModelConfig, ModelParameters } from '../pages/Configs';
+import { DownloadStatus } from '../pages/Downloads';
 
 export type Cache = {
   models: ModelSourceItem[]
@@ -47,9 +48,11 @@ export async function refreshBuiltInModels(readCache: boolean = false) {
   return cache;
 }
 
-export async function refreshLocalModels(cache: { models: ModelSourceItem[] }, filter: boolean = true) {
+export async function refreshLocalModels(cache: {
+  models: ModelSourceItem[]
+}, filter: boolean = true, initUnfinishedModels: boolean = false) {
   if (filter)
-    cache.models = cache.models.filter(m => !m.isLocal); //TODO BUG cause local but in manifest files to be removed, so currently cache is disabled
+    cache.models = cache.models.filter(m => !m.isComplete); //TODO BUG cause local but in manifest files to be removed, so currently cache is disabled
 
   await ListDirFiles(commonStore.settings.customModelsPath).then((data) => {
     cache.models.push(...data.flatMap(d => {
@@ -58,8 +61,9 @@ export async function refreshLocalModels(cache: { models: ModelSourceItem[] }, f
           name: d.name,
           size: d.size,
           lastUpdated: d.modTime,
+          isComplete: true,
           isLocal: true
-        }];
+        }] as ModelSourceItem[];
       return [];
     }));
   }).catch(() => {
@@ -80,17 +84,43 @@ export async function refreshLocalModels(cache: { models: ModelSourceItem[] }, f
           } else {
             cache.models[i] = Object.assign({}, cache.models[j], cache.models[i]);
           }
-        } // else is bad local file
+        } // else is not complete local file
+        cache.models[i].isLocal = true;
+        cache.models[i].localSize = cache.models[j].size;
         cache.models.splice(j, 1);
         j--;
       }
     }
   }
   commonStore.setModelSourceList(cache.models);
+  if (initUnfinishedModels)
+    initLastUnfinishedModelDownloads();
   await saveCache().catch(() => {
   });
 }
 
+function initLastUnfinishedModelDownloads() {
+  const list: DownloadStatus[] = [];
+  commonStore.modelSourceList.forEach((item) => {
+    if (item.isLocal && !item.isComplete) {
+      list.push(
+        {
+          name: item.name,
+          path: `${commonStore.settings.customModelsPath}/${item.name}`,
+          url: item.downloadUrl!,
+          transferred: item.localSize!,
+          size: item.size,
+          speed: 0,
+          progress: item.localSize! / item.size * 100,
+          downloading: false,
+          done: false
+        }
+      );
+    }
+  });
+  commonStore.setLastUnfinishedModelDownloads(list);
+}
+
 export async function refreshRemoteModels(cache: { models: ModelSourceItem[] }) {
   const manifestUrls = commonStore.modelSourceManifestList.split(/[,，;；\n]/);
   const requests = manifestUrls.filter(url => url.endsWith('.json')).map(
@@ -116,9 +146,9 @@ export async function refreshRemoteModels(cache: { models: ModelSourceItem[] })
   });
 }
 
-export const refreshModels = async (readCache: boolean = false) => {
+export const refreshModels = async (readCache: boolean = false, initUnfinishedModels: boolean = false) => {
   const cache = await refreshBuiltInModels(readCache);
-  await refreshLocalModels(cache);
+  await refreshLocalModels(cache, false, initUnfinishedModels);
   await refreshRemoteModels(cache);
 };
 
@@ -126,19 +156,28 @@ export const getStrategy = (modelConfig: ModelConfig | undefined = undefined) =>
   let params: ModelParameters;
   if (modelConfig) params = modelConfig.modelParameters;
   else params = commonStore.getCurrentModelConfig().modelParameters;
+  const modelName = params.modelName.toLowerCase();
+  const avoidOverflow = params.precision !== 'fp32' && modelName.includes('world') && (modelName.includes('0.1b') || modelName.includes('0.4b') ||
+    modelName.includes('1.5b') || modelName.includes('1b5'));
   let strategy = '';
   switch (params.device) {
     case 'CPU':
+      if (avoidOverflow)
+        strategy = 'cpu fp32 *1 -> ';
       strategy += 'cpu ';
       strategy += params.precision === 'int8' ? 'fp32i8' : 'fp32';
       break;
     case 'CUDA':
+      if (avoidOverflow)
+        strategy = 'cuda fp32 *1 -> ';
       strategy += 'cuda ';
       strategy += params.precision === 'fp16' ? 'fp16' : params.precision === 'int8' ? 'fp16i8' : 'fp32';
       if (params.storedLayers < params.maxStoredLayers)
         strategy += ` *${params.storedLayers}+`;
       break;
     case 'MPS':
+      if (avoidOverflow)
+        strategy = 'mps fp32 *1 -> ';
       strategy += 'mps ';
       strategy += params.precision === 'fp16' ? 'fp16' : params.precision === 'int8' ? 'fp16i8' : 'fp32';
       break;
@@ -167,6 +206,10 @@ export const saveCache = async () => {
   return SaveJson('cache.json', data);
 };
 
+export const savePresets = async () => {
+  return SaveJson('presets.json', commonStore.presets);
+};
+
 export function getUserLanguage(): Language {
   // const l = navigator.language.toLowerCase();
   // if (['zh-hk', 'zh-mo', 'zh-tw', 'zh-cht', 'zh-hant'].includes(l)) return 'zhHant'
@@ -261,7 +304,7 @@ export async function checkUpdate(notifyEvenLatest: boolean = false) {
                                 }
                               );
                             }).catch((e) => {
-                              toast(t('Update Error') + ' - ' + e.message || e, {
+                              toast(t('Update Error') + ' - ' + (e.message || e), {
                                 type: 'error',
                                 position: 'bottom-left',
                                 autoClose: false
@@ -293,7 +336,7 @@ export async function checkUpdate(notifyEvenLatest: boolean = false) {
       }
     }
   ).catch((e) => {
-    toast(t('Updates Check Error') + ' - ' + e.message || e, { type: 'error', position: 'bottom-left' });
+    toast(t('Updates Check Error') + ' - ' + (e.message || e), { type: 'error', position: 'bottom-left' });
   });
 }
 
@@ -318,9 +361,10 @@ export function toastWithButton(text: string, buttonText: string, onClickButton:
 }
 
 export function getSupportedCustomCudaFile() {
-  if ([' 10', ' 16', ' 20', ' 30', 'MX', 'Tesla P', 'Quadro P', 'NVIDIA P', 'TITAN X', 'TITAN RTX', 'RTX A'].some(v => commonStore.status.device_name.includes(v)))
+  if ([' 10', ' 16', ' 20', ' 30', 'MX', 'Tesla P', 'Quadro P', 'NVIDIA P', 'TITAN X', 'TITAN RTX', 'RTX A',
+    'Quadro RTX 4000', 'Quadro RTX 5000', 'Tesla T4', 'NVIDIA A10', 'NVIDIA A40'].some(v => commonStore.status.device_name.includes(v)))
     return './backend-python/wkv_cuda_utils/wkv_cuda10_30.pyd';
-  else if ([' 40', 'RTX TITAN Ada'].some(v => commonStore.status.device_name.includes(v)))
+  else if ([' 40', 'RTX 5000 Ada', 'RTX 6000 Ada', 'RTX TITAN Ada', 'NVIDIA L40'].some(v => commonStore.status.device_name.includes(v)))
     return './backend-python/wkv_cuda_utils/wkv_cuda40.pyd';
   else
     return '';

manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.5",
+  "version": "1.2.8",
   "introduction": {
     "en": "RWKV is an open-source, commercially usable large language model with high flexibility and great potential for development.\n### About This Tool\nThis tool aims to lower the barrier of entry for using large language models, making it accessible to everyone. It provides fully automated dependency and model management. You simply need to click and run, following the instructions, to deploy a local large language model. The tool itself is very compact and only requires a single executable file for one-click deployment.\nAdditionally, this tool offers an interface that is fully compatible with the OpenAI API. This means you can use any ChatGPT client as a client for RWKV, enabling capability expansion beyond just chat functionality.\n### Preset Configuration Rules at the Bottom\nThis tool comes with a series of preset configurations to reduce complexity. The naming rules for each configuration represent the following in order: device - required VRAM/memory - model size - model language.\nFor example, \"GPU-8G-3B-EN\" indicates that this configuration is for a graphics card with 8GB of VRAM, a model size of 3 billion parameters, and it uses an English language model.\nLarger model sizes have higher performance and VRAM requirements. Among configurations with the same model size, those with higher VRAM usage will have faster runtime.\nFor example, if you have 12GB of VRAM but running the \"GPU-12G-7B-EN\" configuration is slow, you can downgrade to \"GPU-8G-3B-EN\" for a significant speed improvement.\n### About RWKV\nRWKV is an RNN with Transformer-level LLM performance, which can also be directly trained like a GPT transformer (parallelizable). And it's 100% attention-free. You only need the hidden state at position t to compute the state at position t+1. You can use the \"GPT\" mode to quickly compute the hidden state for the \"RNN\" mode.<br/>So it's combining the best of RNN and transformer - great performance, fast inference, saves VRAM, fast training, \"infinite\" ctx_len, and free sentence embedding (using the final hidden state).",
     "zh": "RWKV是一个开源且允许商用的大语言模型，灵活性很高且极具发展潜力。\n### 关于本工具\n本工具旨在降低大语言模型的使用门槛，做到人人可用，本工具提供了全自动化的依赖和模型管理，你只需要直接点击运行，跟随引导，即可完成本地大语言模型的部署，工具本身体积极小，只需要一个exe即可完成一键部署。\n此外，本工具提供了与OpenAI API完全兼容的接口，这意味着你可以把任意ChatGPT客户端用作RWKV的客户端，实现能力拓展，而不局限于聊天。\n### 底部的预设配置规则\n本工具内置了一系列预设配置，以降低使用难度，每个配置名的规则，依次代表着：设备-所需显存/内存-模型规模-模型语言。\n例如，GPU-8G-3B-CN，表示该配置用于显卡，需要8G显存，模型规模为30亿参数，使用的是中文模型。\n模型规模越大，性能要求越高，显存要求也越高，而同样模型规模的配置中，显存占用越高的，运行速度越快。\n例如当你有12G显存，但运行GPU-12G-7B-CN配置速度比较慢，可降级成GPU-8G-3B-CN，将会大幅提速。\n### 关于RWKV\nRWKV是具有Transformer级别LLM性能的RNN，也可以像GPT Transformer一样直接进行训练（可并行化）。而且它是100% attention-free的。你只需在位置t处获得隐藏状态即可计算位置t + 1处的状态。你可以使用“GPT”模式快速计算用于“RNN”模式的隐藏状态。\n因此，它将RNN和Transformer的优点结合起来 - 高性能、快速推理、节省显存、快速训练、“无限”上下文长度以及免费的语句嵌入（使用最终隐藏状态）。"
@@ -18,8 +18,8 @@
     {
       "name": "RWKV-4-World-CHNtuned-0.1B-v1-20230617-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.1B v1 Enhanced Chinese",
+        "en": "Global Languages 0.1B v1 Enhanced Chinese",
-        "zh": "100+ 语言 0.1B v1 中文增强"
+        "zh": "全球语言 0.1B v1 中文增强"
       },
       "size": 385594610,
       "SHA256": "a3888f9958d378ee6d4976ae1c02edb698f4382e426086febafb4a69417b9080",
@@ -30,8 +30,8 @@
     {
       "name": "RWKV-4-World-0.1B-v1-20230520-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.1B v1",
+        "en": "Global Languages 0.1B v1",
-        "zh": "100+ 语言 0.1B v1"
+        "zh": "全球语言 0.1B v1"
       },
       "size": 385594610,
       "SHA256": "a10ef99df2a8f8a6801edf4fc92a9c49bedd63dcb900d3e5667a2136b3d671e7",
@@ -42,8 +42,8 @@
     {
       "name": "RWKV-4-World-CHNtuned-0.4B-v1-20230618-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.4B v1 Enhanced Chinese",
+        "en": "Global Languages 0.4B v1 Enhanced Chinese",
-        "zh": "100+ 语言 0.4B v1 中文增强"
+        "zh": "全球语言 0.4B v1 中文增强"
       },
       "size": 923362866,
       "SHA256": "dbd5302cbee596bbc900f97eb10b2af3001a7f2c7e4d8643bf8683b2cdbdd324",
@@ -54,8 +54,8 @@
     {
       "name": "RWKV-4-World-0.4B-v1-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.4B v1",
+        "en": "Global Languages 0.4B v1",
-        "zh": "100+ 语言 0.4B v1"
+        "zh": "全球语言 0.4B v1"
       },
       "size": 923362866,
       "SHA256": "4b4a2733cf5e5dc97dd62106f391d99895d16b11c5ccd10c89f28c52067a4919",
@@ -66,8 +66,8 @@
     {
       "name": "RWKV-4-World-CHNtuned-1.5B-v1-20230620-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 Enhanced Chinese",
+        "en": "Global Languages 1.5B v1 Enhanced Chinese",
-        "zh": "100+ 语言 1.5B v1 中文增强"
+        "zh": "全球语言 1.5B v1 中文增强"
       },
       "size": 3155281586,
       "SHA256": "9f31f2ed5fe52dcf2d50208eb2efd764b9674dba2adb1baeff61997b4390a26b",
@@ -78,8 +78,8 @@
     {
       "name": "RWKV-4-World-1.5B-v1-OnlyForTest_57%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 Test",
+        "en": "Global Languages 1.5B v1 Test",
-        "zh": "100+ 语言 1.5B v1 测试"
+        "zh": "全球语言 1.5B v1 测试"
       },
       "size": 3155281581,
       "SHA256": "ac36770931776c5aa179690918c9a3b0b5f4ebe3301ea3574a7e182209778788",
@@ -91,8 +91,8 @@
     {
       "name": "RWKV-4-World-1.5B-v1-OnlyForTest_81%_trained-20230603-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 Test",
+        "en": "Global Languages 1.5B v1 Test",
-        "zh": "100+ 语言 1.5B v1 测试"
+        "zh": "全球语言 1.5B v1 测试"
       },
       "size": 3155281581,
       "SHA256": "044fb10daa71f4c012493ac8ef455c8c3301095b5f009dae58f0f6382a53e23c",
@@ -104,8 +104,8 @@
     {
       "name": "RWKV-4-World-1.5B-v1-20230607-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1",
+        "en": "Global Languages 1.5B v1",
-        "zh": "100+ 语言 1.5B v1"
+        "zh": "全球语言 1.5B v1"
       },
       "size": 3155281586,
       "SHA256": "05bad4ab0ce41250064153d5352587b83215a82eb50134489675129bd4ad1087",
@@ -117,8 +117,8 @@
     {
       "name": "RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 fixed",
+        "en": "Global Languages 1.5B v1 fixed",
-        "zh": "100+ 语言 1.5B v1 修复"
+        "zh": "全球语言 1.5B v1 修复"
       },
       "size": 3155281586,
       "SHA256": "71f0c3229f9227cbcb8ae5fee6461197129a57e26366c4d23a49058417b046c9",
@@ -129,8 +129,8 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_35%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
+        "en": "Global Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "e4ee6e91a80d56de43bc79841f3a8be3b7b215d7d9788f79c467b9b1f7f03cb8",
@@ -142,8 +142,8 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_52%_trained-20230603-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
+        "en": "Global Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "aad3671078a0c686368add4f4b695a76c2ba1ddd505a64c0949bb003beeee9a3",
@@ -155,8 +155,8 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_64%_trained-20230607-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
+        "en": "Global Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "49e8675e09e0786ca12a554442c37b9e809ed93e9211af937cd149968a6b81e9",
@@ -168,8 +168,8 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_80%_trained-20230612-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
+        "en": "Global Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "3bb10caf3017871435d83f39facc8a729fd774020390153470f004eb3ef645bd",
@@ -181,8 +181,8 @@
     {
       "name": "RWKV-4-World-3B-v1-20230619-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1",
+        "en": "Global Languages 3B v1",
-        "zh": "100+ 语言 3B v1"
+        "zh": "全球语言 3B v1"
       },
       "size": 6125597618,
       "SHA256": "1b227af317fa25b6939ab3c7cd321226ca48b8fe4bbbd2df3db669f1482c54ba",
@@ -193,8 +193,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_30%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "05f91562b2ae8b025226e40b3fb536d6f8eb3c142ac899c0808ee1c9dc189ec4",
@@ -206,8 +206,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_40%_trained-20230601-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "63c060c472e45b6c3af2baaaee448ffd95f9b46e3cc6e1ef70ce7ecb1d01bcfa",
@@ -219,8 +219,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_52%_trained-20230606-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "636405626eadbab230e1a7dc2855bb6244e09b5850547dda7103f650b4849de7",
@@ -232,8 +232,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_64%_trained-20230610-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "8039be276f555318a5b2e9ad82b9d70001c12bd2e3e668048615fc7b09d5d9a4",
@@ -245,8 +245,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_75%_trained-20230615-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "a5f4246a18698a350a49988de7a8a01cbd765f8d11ee6427cabb93bf659f2d0d",
@@ -258,8 +258,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_84%_trained-20230618-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
+        "en": "Global Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "dfb56e8ba32907cb47df83c8d702e7f350d9ad50a59b71b031da4681637588b3",