release v1.3.0

.github/workflows/release.yml

@@ -77,6 +77,7 @@ jobs:
         with:
           go-version: '1.20.5'
       - run: |
+          sudo apt-get update
           sudo apt-get install upx
           sudo apt-get install build-essential libgtk-3-dev libwebkit2gtk-4.0-dev
           go install github.com/wailsapp/wails/v2/cmd/wails@latest

.gitignore

@@ -8,11 +8,13 @@ __pycache__
 *.bin
 /config.json
 /cache.json
+/presets.json
 /frontend/stats.html
 /frontend/package.json.md5
 /py310
 *.zip
 /cmd-helper.bat
+/install-py-dep.bat
 /backend-python/wkv_cuda
 *.exe
 *.old

CURRENT_CHANGE.md

@@ -1,13 +1,11 @@
 ## Changes
 
-- CI/CD pipeline
-- update InstallPyDep for better macOS support
-- improve update process for macOS and Linux
-- add server deploy examples for windows and linux
-- organize the structure of manifest.json
-- add logs for state cache and switch-model
-- fix UnboundLocalError: local variable 'response' referenced before assignment
-- remove `enableHighPrecisionForLastLayer`
+- upgrade to rwkv 0.8.0
+- change i18n
+- Completion Regenerate Button
+- change chat saving format
+- update manifest
+- chore
 
 ## Install
 

README.md

@@ -87,6 +87,45 @@ body.json:
 }
 ```
 
+## Embeddings API Example
+
+If you are using langchain, just use `OpenAIEmbeddings(openai_api_base="http://127.0.0.1:8000", openai_api_key="sk-")`
+
+```python
+import numpy as np
+import requests
+
+
+def cosine_similarity(a, b):
+    return np.dot(a, b) / (np.linalg.norm(a) * np.linalg.norm(b))
+
+
+values = [
+    "I am a girl",
+    "我是个女孩",
+    "私は女の子です",
+    "广东人爱吃福建人",
+    "我是个人类",
+    "I am a human",
+    "that dog is so cute",
+    "私はねこむすめです、にゃん♪",
+    "宇宙级特大事件！号外号外！"
+]
+
+embeddings = []
+for v in values:
+    r = requests.post("http://127.0.0.1:8000/embeddings", json={"input": v})
+    embedding = r.json()["data"][0]["embedding"]
+    embeddings.append(embedding)
+
+compared_embedding = embeddings[0]
+
+embeddings_cos_sim = [cosine_similarity(compared_embedding, e) for e in embeddings]
+
+for i in np.argsort(embeddings_cos_sim)[::-1]:
+    print(f"{embeddings_cos_sim[i]:.10f} - {values[i]}")
+```
+
 ## Todo
 
 - [ ] Model training functionality

README_ZH.md

@@ -46,7 +46,7 @@ API兼容的接口，这意味着一切ChatGPT客户端都是RWKV客户端。
 
 </div>
 
-#### 注意 目前RWKV中文模型质量一般，推荐使用英文模型或World(100+ 语言)体验实际RWKV能力
+#### 注意 目前RWKV中文模型质量一般，推荐使用英文模型或World(全球语言)体验实际RWKV能力
 
 #### 预设配置已经开启自定义CUDA算子加速，速度更快，且显存消耗更少。如果你遇到可能的兼容性问题，前往配置页面，关闭`使用自定义CUDA算子加速`
 
@@ -87,6 +87,45 @@ body.json:
 }
 ```
 
+## Embeddings API 示例
+
+如果你在用langchain, 直接使用 `OpenAIEmbeddings(openai_api_base="http://127.0.0.1:8000", openai_api_key="sk-")`
+
+```python
+import numpy as np
+import requests
+
+
+def cosine_similarity(a, b):
+    return np.dot(a, b) / (np.linalg.norm(a) * np.linalg.norm(b))
+
+
+values = [
+    "I am a girl",
+    "我是个女孩",
+    "私は女の子です",
+    "广东人爱吃福建人",
+    "我是个人类",
+    "I am a human",
+    "that dog is so cute",
+    "私はねこむすめです、にゃん♪",
+    "宇宙级特大事件！号外号外！"
+]
+
+embeddings = []
+for v in values:
+    r = requests.post("http://127.0.0.1:8000/embeddings", json={"input": v})
+    embedding = r.json()["data"][0]["embedding"]
+    embeddings.append(embedding)
+
+compared_embedding = embeddings[0]
+
+embeddings_cos_sim = [cosine_similarity(compared_embedding, e) for e in embeddings]
+
+for i in np.argsort(embeddings_cos_sim)[::-1]:
+    print(f"{embeddings_cos_sim[i]:.10f} - {values[i]}")
+```
+
 ## Todo
 
 - [ ] 模型训练功能

backend-golang/app.go

@@ -2,6 +2,7 @@ package backend_golang
 
 import (
 	"context"
+	"errors"
 	"net/http"
 	"os"
 	"os/exec"
@@ -14,9 +15,11 @@ import (
 
 // App struct
 type App struct {
-	ctx       context.Context
-	exDir     string
-	cmdPrefix string
+	ctx           context.Context
+	HasConfigData bool
+	ConfigData    map[string]any
+	exDir         string
+	cmdPrefix     string
 }
 
 // NewApp creates a new App application struct
@@ -64,6 +67,19 @@ func (a *App) UpdateApp(url string) (broken bool, err error) {
 	return false, nil
 }
 
+func (a *App) RestartApp() error {
+	if runtime.GOOS == "windows" {
+		name, err := os.Executable()
+		if err != nil {
+			return err
+		}
+		exec.Command(name, os.Args[1:]...).Start()
+		wruntime.Quit(a.ctx)
+		return nil
+	}
+	return errors.New("unsupported OS")
+}
+
 func (a *App) GetPlatform() string {
 	return runtime.GOOS
 }

backend-golang/file.go

@@ -10,6 +10,8 @@ import (
 	"runtime"
 	"strings"
 	"time"
+
+	wruntime "github.com/wailsapp/wails/v2/pkg/runtime"
 )
 
 func (a *App) SaveJson(fileName string, jsonData any) error {
@@ -119,8 +121,34 @@ func (a *App) CopyFile(src string, dst string) error {
 	return nil
 }
 
-func (a *App) OpenFileFolder(path string) error {
-	absPath, err := filepath.Abs(a.exDir + path)
+func (a *App) OpenSaveFileDialog(filterPattern string, defaultFileName string, savedContent string) (string, error) {
+	path, err := wruntime.SaveFileDialog(a.ctx, wruntime.SaveDialogOptions{
+		DefaultFilename: defaultFileName,
+		Filters: []wruntime.FileFilter{{
+			Pattern: filterPattern,
+		}},
+		CanCreateDirectories: true,
+	})
+	if err != nil {
+		return "", err
+	}
+	if path == "" {
+		return "", nil
+	}
+	if err := os.WriteFile(path, []byte(savedContent), 0644); err != nil {
+		return "", err
+	}
+	return path, nil
+}
+
+func (a *App) OpenFileFolder(path string, relative bool) error {
+	var absPath string
+	var err error
+	if relative {
+		absPath, err = filepath.Abs(a.exDir + path)
+	} else {
+		absPath, err = filepath.Abs(path)
+	}
 	if err != nil {
 		return err
 	}

backend-golang/rwkv.go

@@ -2,9 +2,11 @@ package backend_golang
 
 import (
 	"errors"
+	"os"
 	"os/exec"
 	"runtime"
 	"strconv"
+	"strings"
 )
 
 func (a *App) StartServer(python string, port int, host string) (string, error) {
@@ -48,6 +50,9 @@ func (a *App) InstallPyDep(python string, cnMirror bool) (string, error) {
 	var err error
 	if python == "" {
 		python, err = GetPython()
+		if runtime.GOOS == "windows" {
+			python = `"%CD%/` + python + `"`
+		}
 	}
 	if err != nil {
 		return "", err
@@ -55,39 +60,24 @@ func (a *App) InstallPyDep(python string, cnMirror bool) (string, error) {
 
 	if runtime.GOOS == "windows" {
 		ChangeFileLine("./py310/python310._pth", 3, "Lib\\site-packages")
-	}
-
-	if runtime.GOOS == "windows" {
-		if cnMirror {
-			_, err = Cmd(python, "./backend-python/get-pip.py", "-i", "https://pypi.tuna.tsinghua.edu.cn/simple")
-		} else {
-			_, err = Cmd(python, "./backend-python/get-pip.py")
+		installScript := python + " ./backend-python/get-pip.py -i https://pypi.tuna.tsinghua.edu.cn/simple\n" +
+			python + " -m pip install torch==1.13.1 torchvision==0.14.1 torchaudio==0.13.1 --index-url https://download.pytorch.org/whl/cu117\n" +
+			python + " -m pip install -r ./backend-python/requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple\n" +
+			"exit"
+		if !cnMirror {
+			installScript = strings.Replace(installScript, " -i https://pypi.tuna.tsinghua.edu.cn/simple", "", -1)
+			installScript = strings.Replace(installScript, "requirements.txt", "requirements_versions.txt", -1)
 		}
+		err = os.WriteFile("./install-py-dep.bat", []byte(installScript), 0644)
 		if err != nil {
 			return "", err
 		}
+		return Cmd("install-py-dep.bat")
 	}
 
-	if runtime.GOOS == "windows" {
-		_, err = Cmd(python, "-m", "pip", "install", "torch==1.13.1", "torchvision==0.14.1", "torchaudio==0.13.1", "--index-url", "https://download.pytorch.org/whl/cu117")
+	if cnMirror {
+		return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements_without_cyac.txt", "-i", "https://pypi.tuna.tsinghua.edu.cn/simple")
 	} else {
-		_, err = Cmd(python, "-m", "pip", "install", "torch", "torchvision", "torchaudio")
-	}
-	if err != nil {
-		return "", err
-	}
-
-	if runtime.GOOS == "windows" {
-		if cnMirror {
-			return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements.txt", "-i", "https://pypi.tuna.tsinghua.edu.cn/simple")
-		} else {
-			return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements_versions.txt")
-		}
-	} else {
-		if cnMirror {
-			return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements_without_cyac.txt", "-i", "https://pypi.tuna.tsinghua.edu.cn/simple")
-		} else {
-			return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements_without_cyac.txt")
-		}
+		return Cmd(python, "-m", "pip", "install", "-r", "./backend-python/requirements_without_cyac.txt")
 	}
 }

backend-golang/utils.go

@@ -17,7 +17,7 @@ import (
 func Cmd(args ...string) (string, error) {
 	switch platform := runtime.GOOS; platform {
 	case "windows":
-		if err := os.WriteFile("./cmd-helper.bat", []byte("start /wait %*"), 0644); err != nil {
+		if err := os.WriteFile("./cmd-helper.bat", []byte("start %*"), 0644); err != nil {
 			return "", err
 		}
 		cmdHelper, err := filepath.Abs("./cmd-helper")

backend-python/dep_check.py

@@ -1,4 +1,6 @@
+import tiktoken
 import GPUtil
+
 import torch
 import rwkv
 import fastapi

backend-python/routes/completion.py

@@ -2,10 +2,13 @@ import asyncio
 import json
 from threading import Lock
 from typing import List
+import base64
 
 from fastapi import APIRouter, Request, status, HTTPException
 from sse_starlette.sse import EventSourceResponse
 from pydantic import BaseModel
+import numpy as np
+import tiktoken
 from utils.rwkv import *
 from utils.log import quick_log
 import global_var
@@ -24,12 +27,187 @@ class ChatCompletionBody(ModelConfigBody):
     stream: bool = False
     stop: str = None
 
+    class Config:
+        schema_extra = {
+            "example": {
+                "messages": [{"role": "user", "content": "hello"}],
+                "model": "rwkv",
+                "stream": False,
+                "stop": None,
+                "max_tokens": 1000,
+                "temperature": 1.2,
+                "top_p": 0.5,
+                "presence_penalty": 0.4,
+                "frequency_penalty": 0.4,
+            }
+        }
+
+
+class CompletionBody(ModelConfigBody):
+    prompt: str
+    model: str = "rwkv"
+    stream: bool = False
+    stop: str = None
+
+    class Config:
+        schema_extra = {
+            "example": {
+                "prompt": "The following is an epic science fiction masterpiece that is immortalized, "
+                + "with delicate descriptions and grand depictions of interstellar civilization wars.\nChapter 1.\n",
+                "model": "rwkv",
+                "stream": False,
+                "stop": None,
+                "max_tokens": 100,
+                "temperature": 1.2,
+                "top_p": 0.5,
+                "presence_penalty": 0.4,
+                "frequency_penalty": 0.4,
+            }
+        }
+
 
 completion_lock = Lock()
 
 requests_num = 0
 
 
+async def eval_rwkv(
+    model: RWKV,
+    request: Request,
+    body: ModelConfigBody,
+    prompt: str,
+    stream: bool,
+    stop: str,
+    chat_mode: bool,
+):
+    global requests_num
+    requests_num = requests_num + 1
+    quick_log(request, None, "Start Waiting. RequestsNum: " + str(requests_num))
+    while completion_lock.locked():
+        if await request.is_disconnected():
+            requests_num = requests_num - 1
+            print(f"{request.client} Stop Waiting (Lock)")
+            quick_log(
+                request,
+                None,
+                "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
+            )
+            return
+        await asyncio.sleep(0.1)
+    else:
+        completion_lock.acquire()
+        if await request.is_disconnected():
+            completion_lock.release()
+            requests_num = requests_num - 1
+            print(f"{request.client} Stop Waiting (Lock)")
+            quick_log(
+                request,
+                None,
+                "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
+            )
+            return
+        set_rwkv_config(model, global_var.get(global_var.Model_Config))
+        set_rwkv_config(model, body)
+
+        response, prompt_tokens, completion_tokens = "", 0, 0
+        for response, delta, prompt_tokens, completion_tokens in model.generate(
+            prompt,
+            stop=stop,
+        ):
+            if await request.is_disconnected():
+                break
+            if stream:
+                yield json.dumps(
+                    {
+                        "object": "chat.completion.chunk"
+                        if chat_mode
+                        else "text_completion",
+                        "response": response,
+                        "model": model.name,
+                        "choices": [
+                            {
+                                "delta": {"content": delta},
+                                "index": 0,
+                                "finish_reason": None,
+                            }
+                            if chat_mode
+                            else {
+                                "text": delta,
+                                "index": 0,
+                                "finish_reason": None,
+                            }
+                        ],
+                    }
+                )
+        # torch_gc()
+        requests_num = requests_num - 1
+        completion_lock.release()
+        if await request.is_disconnected():
+            print(f"{request.client} Stop Waiting")
+            quick_log(
+                request,
+                body,
+                response + "\nStop Waiting. RequestsNum: " + str(requests_num),
+            )
+            return
+        quick_log(
+            request,
+            body,
+            response + "\nFinished. RequestsNum: " + str(requests_num),
+        )
+        if stream:
+            yield json.dumps(
+                {
+                    "object": "chat.completion.chunk"
+                    if chat_mode
+                    else "text_completion",
+                    "response": response,
+                    "model": model.name,
+                    "choices": [
+                        {
+                            "delta": {},
+                            "index": 0,
+                            "finish_reason": "stop",
+                        }
+                        if chat_mode
+                        else {
+                            "text": "",
+                            "index": 0,
+                            "finish_reason": "stop",
+                        }
+                    ],
+                }
+            )
+            yield "[DONE]"
+        else:
+            yield {
+                "object": "chat.completion" if chat_mode else "text_completion",
+                "response": response,
+                "model": model.name,
+                "usage": {
+                    "prompt_tokens": prompt_tokens,
+                    "completion_tokens": completion_tokens,
+                    "total_tokens": prompt_tokens + completion_tokens,
+                },
+                "choices": [
+                    {
+                        "message": {
+                            "role": "assistant",
+                            "content": response,
+                        },
+                        "index": 0,
+                        "finish_reason": "stop",
+                    }
+                    if chat_mode
+                    else {
+                        "text": response,
+                        "index": 0,
+                        "finish_reason": "stop",
+                    }
+                ],
+            }
+
+
 @router.post("/v1/chat/completions")
 @router.post("/chat/completions")
 async def chat_completions(body: ChatCompletionBody, request: Request):
@@ -62,7 +240,8 @@ The following is a coherent verbose detailed conversation between a girl named {
 {bot} usually gives {user} kind, helpful and informative advices.\n
 """
         if user == "Bob"
-        else f"{user}{interface} hi\n\n{bot}{interface} Hi. I am your assistant and I will provide expert full response in full details. Please feel free to ask any question and I will always answer it.\n\n"
+        else f"{user}{interface} hi\n\n{bot}{interface} Hi. "
+        + "I am your assistant and I will provide expert full response in full details. Please feel free to ask any question and I will always answer it.\n\n"
     )
     for message in body.messages:
         if message.role == "system":
@@ -108,141 +287,20 @@ The following is a coherent verbose detailed conversation between a girl named {
             )
     completion_text += f"{bot}{interface}"
 
-    async def eval_rwkv():
-        global requests_num
-        requests_num = requests_num + 1
-        quick_log(request, None, "Start Waiting. RequestsNum: " + str(requests_num))
-        while completion_lock.locked():
-            if await request.is_disconnected():
-                requests_num = requests_num - 1
-                print(f"{request.client} Stop Waiting (Lock)")
-                quick_log(
-                    request,
-                    None,
-                    "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
-                )
-                return
-            await asyncio.sleep(0.1)
-        else:
-            completion_lock.acquire()
-            if await request.is_disconnected():
-                completion_lock.release()
-                requests_num = requests_num - 1
-                print(f"{request.client} Stop Waiting (Lock)")
-                quick_log(
-                    request,
-                    None,
-                    "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
-                )
-                return
-            set_rwkv_config(model, global_var.get(global_var.Model_Config))
-            set_rwkv_config(model, body)
-            if body.stream:
-                response = ""
-                for response, delta in model.generate(
-                    completion_text,
-                    stop=f"\n\n{user}" if body.stop is None else body.stop,
-                ):
-                    if await request.is_disconnected():
-                        break
-                    yield json.dumps(
-                        {
-                            "response": response,
-                            "model": "rwkv",
-                            "choices": [
-                                {
-                                    "delta": {"content": delta},
-                                    "index": 0,
-                                    "finish_reason": None,
-                                }
-                            ],
-                        }
-                    )
-                # torch_gc()
-                requests_num = requests_num - 1
-                completion_lock.release()
-                if await request.is_disconnected():
-                    print(f"{request.client} Stop Waiting")
-                    quick_log(
-                        request,
-                        body,
-                        response + "\nStop Waiting. RequestsNum: " + str(requests_num),
-                    )
-                    return
-                quick_log(
-                    request,
-                    body,
-                    response + "\nFinished. RequestsNum: " + str(requests_num),
-                )
-                yield json.dumps(
-                    {
-                        "response": response,
-                        "model": "rwkv",
-                        "choices": [
-                            {
-                                "delta": {},
-                                "index": 0,
-                                "finish_reason": "stop",
-                            }
-                        ],
-                    }
-                )
-                yield "[DONE]"
-            else:
-                response = ""
-                for response, delta in model.generate(
-                    completion_text,
-                    stop=f"\n\n{user}" if body.stop is None else body.stop,
-                ):
-                    if await request.is_disconnected():
-                        break
-                # torch_gc()
-                requests_num = requests_num - 1
-                completion_lock.release()
-                if await request.is_disconnected():
-                    print(f"{request.client} Stop Waiting")
-                    quick_log(
-                        request,
-                        body,
-                        response + "\nStop Waiting. RequestsNum: " + str(requests_num),
-                    )
-                    return
-                quick_log(
-                    request,
-                    body,
-                    response + "\nFinished. RequestsNum: " + str(requests_num),
-                )
-                yield {
-                    "response": response,
-                    "model": "rwkv",
-                    "choices": [
-                        {
-                            "message": {
-                                "role": "assistant",
-                                "content": response,
-                            },
-                            "index": 0,
-                            "finish_reason": "stop",
-                        }
-                    ],
-                }
-
+    stop = f"\n\n{user}" if body.stop is None else body.stop
     if body.stream:
-        return EventSourceResponse(eval_rwkv())
+        return EventSourceResponse(
+            eval_rwkv(model, request, body, completion_text, body.stream, stop, True)
+        )
     else:
         try:
-            return await eval_rwkv().__anext__()
+            return await eval_rwkv(
+                model, request, body, completion_text, body.stream, stop, True
+            ).__anext__()
         except StopAsyncIteration:
             return None
 
 
-class CompletionBody(ModelConfigBody):
-    prompt: str
-    model: str = "rwkv"
-    stream: bool = False
-    stop: str = None
-
-
 @router.post("/v1/completions")
 @router.post("/completions")
 async def completions(body: CompletionBody, request: Request):
@@ -253,120 +311,142 @@ async def completions(body: CompletionBody, request: Request):
     if body.prompt is None or body.prompt == "":
         raise HTTPException(status.HTTP_400_BAD_REQUEST, "prompt not found")
 
-    async def eval_rwkv():
-        global requests_num
-        requests_num = requests_num + 1
-        quick_log(request, None, "Start Waiting. RequestsNum: " + str(requests_num))
-        while completion_lock.locked():
-            if await request.is_disconnected():
-                requests_num = requests_num - 1
-                print(f"{request.client} Stop Waiting (Lock)")
-                quick_log(
-                    request,
-                    None,
-                    "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
-                )
-                return
-            await asyncio.sleep(0.1)
-        else:
-            completion_lock.acquire()
-            if await request.is_disconnected():
-                completion_lock.release()
-                requests_num = requests_num - 1
-                print(f"{request.client} Stop Waiting (Lock)")
-                quick_log(
-                    request,
-                    None,
-                    "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
-                )
-                return
-            set_rwkv_config(model, global_var.get(global_var.Model_Config))
-            set_rwkv_config(model, body)
-            if body.stream:
-                response = ""
-                for response, delta in model.generate(body.prompt, stop=body.stop):
-                    if await request.is_disconnected():
-                        break
-                    yield json.dumps(
-                        {
-                            "response": response,
-                            "model": "rwkv",
-                            "choices": [
-                                {
-                                    "text": delta,
-                                    "index": 0,
-                                    "finish_reason": None,
-                                }
-                            ],
-                        }
-                    )
-                # torch_gc()
-                requests_num = requests_num - 1
-                completion_lock.release()
-                if await request.is_disconnected():
-                    print(f"{request.client} Stop Waiting")
-                    quick_log(
-                        request,
-                        body,
-                        response + "\nStop Waiting. RequestsNum: " + str(requests_num),
-                    )
-                    return
-                quick_log(
-                    request,
-                    body,
-                    response + "\nFinished. RequestsNum: " + str(requests_num),
-                )
-                yield json.dumps(
-                    {
-                        "response": response,
-                        "model": "rwkv",
-                        "choices": [
-                            {
-                                "text": "",
-                                "index": 0,
-                                "finish_reason": "stop",
-                            }
-                        ],
-                    }
-                )
-                yield "[DONE]"
-            else:
-                response = ""
-                for response, delta in model.generate(body.prompt, stop=body.stop):
-                    if await request.is_disconnected():
-                        break
-                # torch_gc()
-                requests_num = requests_num - 1
-                completion_lock.release()
-                if await request.is_disconnected():
-                    print(f"{request.client} Stop Waiting")
-                    quick_log(
-                        request,
-                        body,
-                        response + "\nStop Waiting. RequestsNum: " + str(requests_num),
-                    )
-                    return
-                quick_log(
-                    request,
-                    body,
-                    response + "\nFinished. RequestsNum: " + str(requests_num),
-                )
-                yield {
-                    "response": response,
-                    "model": "rwkv",
-                    "choices": [
-                        {
-                            "text": response,
-                            "index": 0,
-                            "finish_reason": "stop",
-                        }
-                    ],
-                }
-
     if body.stream:
-        return EventSourceResponse(eval_rwkv())
+        return EventSourceResponse(
+            eval_rwkv(model, request, body, body.prompt, body.stream, body.stop, False)
+        )
     else:
         try:
-            return await eval_rwkv().__anext__()
+            return await eval_rwkv(
+                model, request, body, body.prompt, body.stream, body.stop, False
+            ).__anext__()
         except StopAsyncIteration:
             return None
+
+
+class EmbeddingsBody(BaseModel):
+    input: str | List[str] | List[List[int]]
+    model: str = "rwkv"
+    encoding_format: str = None
+    fast_mode: bool = False
+
+    class Config:
+        schema_extra = {
+            "example": {
+                "input": "a big apple",
+                "model": "rwkv",
+                "encoding_format": None,
+                "fast_mode": False,
+            }
+        }
+
+
+def embedding_base64(embedding: List[float]) -> str:
+    return base64.b64encode(np.array(embedding).astype(np.float32)).decode("utf-8")
+
+
+@router.post("/v1/embeddings")
+@router.post("/embeddings")
+@router.post("/v1/engines/text-embedding-ada-002/embeddings")
+@router.post("/engines/text-embedding-ada-002/embeddings")
+async def embeddings(body: EmbeddingsBody, request: Request):
+    model: RWKV = global_var.get(global_var.Model)
+    if model is None:
+        raise HTTPException(status.HTTP_400_BAD_REQUEST, "model not loaded")
+
+    if body.input is None or body.input == "" or body.input == [] or body.input == [[]]:
+        raise HTTPException(status.HTTP_400_BAD_REQUEST, "input not found")
+
+    global requests_num
+    requests_num = requests_num + 1
+    quick_log(request, None, "Start Waiting. RequestsNum: " + str(requests_num))
+    while completion_lock.locked():
+        if await request.is_disconnected():
+            requests_num = requests_num - 1
+            print(f"{request.client} Stop Waiting (Lock)")
+            quick_log(
+                request,
+                None,
+                "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
+            )
+            return
+        await asyncio.sleep(0.1)
+    else:
+        completion_lock.acquire()
+        if await request.is_disconnected():
+            completion_lock.release()
+            requests_num = requests_num - 1
+            print(f"{request.client} Stop Waiting (Lock)")
+            quick_log(
+                request,
+                None,
+                "Stop Waiting (Lock). RequestsNum: " + str(requests_num),
+            )
+            return
+
+        base64_format = False
+        if body.encoding_format == "base64":
+            base64_format = True
+
+        embeddings = []
+        prompt_tokens = 0
+        if type(body.input) == list:
+            if type(body.input[0]) == list:
+                encoding = tiktoken.model.encoding_for_model("text-embedding-ada-002")
+                for i in range(len(body.input)):
+                    if await request.is_disconnected():
+                        break
+                    input = encoding.decode(body.input[i])
+                    embedding, token_len = model.get_embedding(input, body.fast_mode)
+                    prompt_tokens = prompt_tokens + token_len
+                    if base64_format:
+                        embedding = embedding_base64(embedding)
+                    embeddings.append(embedding)
+            else:
+                for i in range(len(body.input)):
+                    if await request.is_disconnected():
+                        break
+                    embedding, token_len = model.get_embedding(
+                        body.input[i], body.fast_mode
+                    )
+                    prompt_tokens = prompt_tokens + token_len
+                    if base64_format:
+                        embedding = embedding_base64(embedding)
+                    embeddings.append(embedding)
+        else:
+            embedding, prompt_tokens = model.get_embedding(body.input, body.fast_mode)
+            if base64_format:
+                embedding = embedding_base64(embedding)
+            embeddings.append(embedding)
+
+        requests_num = requests_num - 1
+        completion_lock.release()
+        if await request.is_disconnected():
+            print(f"{request.client} Stop Waiting")
+            quick_log(
+                request,
+                None,
+                "Stop Waiting. RequestsNum: " + str(requests_num),
+            )
+            return
+        quick_log(
+            request,
+            None,
+            "Finished. RequestsNum: " + str(requests_num),
+        )
+
+        ret_data = [
+            {
+                "object": "embedding",
+                "index": i,
+                "embedding": embedding,
+            }
+            for i, embedding in enumerate(embeddings)
+        ]
+
+        return {
+            "object": "list",
+            "data": ret_data,
+            "model": model.name,
+            "usage": {"prompt_tokens": prompt_tokens, "total_tokens": prompt_tokens},
+        }

backend-python/routes/config.py

@@ -29,6 +29,15 @@ class SwitchModelBody(BaseModel):
     strategy: str
     customCuda: bool = False
 
+    class Config:
+        schema_extra = {
+            "example": {
+                "model": "models/RWKV-4-World-3B-v1-20230619-ctx4096.pth",
+                "strategy": "cuda fp16",
+                "customCuda": False,
+            }
+        }
+
 
 @router.post("/switch-model")
 def switch_model(body: SwitchModelBody, response: Response, request: Request):
@@ -40,6 +49,9 @@ def switch_model(body: SwitchModelBody, response: Response, request: Request):
     global_var.set(global_var.Model, None)
     torch_gc()
 
+    if body.model == "":
+        return "success"
+
     os.environ["RWKV_CUDA_ON"] = "1" if body.customCuda else "0"
 
     global_var.set(global_var.Model_Status, global_var.ModelStatus.Loading)
@@ -56,7 +68,9 @@ def switch_model(body: SwitchModelBody, response: Response, request: Request):
         print(e)
         quick_log(request, body, f"Exception: {e}")
         global_var.set(global_var.Model_Status, global_var.ModelStatus.Offline)
-        raise HTTPException(Status.HTTP_500_INTERNAL_SERVER_ERROR, "failed to load")
+        raise HTTPException(
+            Status.HTTP_500_INTERNAL_SERVER_ERROR, f"failed to load: {e}"
+        )
 
     if global_var.get(global_var.Model_Config) is None:
         global_var.set(

backend-python/routes/state_cache.py

@@ -1,68 +1,92 @@
-from typing import Any, Dict
+from typing import Any, Dict, List
 from utils.log import quick_log
 from fastapi import APIRouter, HTTPException, Request, Response, status
 from pydantic import BaseModel
 import gc
 import copy
+import sys
 import torch
 
 router = APIRouter()
 
 trie = None
 dtrie: Dict = {}
+max_trie_len = 3000
+loop_start_id = 1  # to prevent preloaded prompts from being deleted
+loop_del_trie_id = loop_start_id
 
 
 def init():
     global trie
     try:
         import cyac
-        import mmap
-        import os
 
-        if os.path.exists("state_cache.trie"):
-            with open("state_cache.trie", "r") as bf:
-                buff_object = mmap.mmap(bf.fileno(), 0, access=mmap.ACCESS_READ)
-            trie = cyac.Trie.from_buff(buff_object, copy=False)
-        else:
-            trie = cyac.Trie()
+        # import mmap
+        # import os
+        #
+        # if os.path.exists("state_cache.trie"):
+        #     with open("state_cache.trie", "r") as bf:
+        #         buff_object = mmap.mmap(bf.fileno(), 0, access=mmap.ACCESS_READ)
+        #     trie = cyac.Trie.from_buff(buff_object, copy=False)
+        # else:
+        trie = cyac.Trie()
     except ModuleNotFoundError:
         print("cyac not found")
 
 
 class AddStateBody(BaseModel):
     prompt: str
-    tokens: list[str]
+    tokens: List[str]
     state: Any
     logits: Any
 
 
 @router.post("/add-state")
 def add_state(body: AddStateBody):
-    global trie, dtrie
+    global trie, dtrie, loop_del_trie_id
     if trie is None:
         raise HTTPException(status.HTTP_400_BAD_REQUEST, "trie not loaded")
 
-    id = trie.insert(body.prompt)
-    device = body.state[0].device
-    dtrie[id] = {
-        "tokens": copy.deepcopy(body.tokens),
-        "state": [tensor.cpu() for tensor in body.state]
-        if device != torch.device("cpu")
-        else copy.deepcopy(body.state),
-        "logits": copy.deepcopy(body.logits),
-        "device": device,
-    }
+    try:
+        id: int = trie.insert(body.prompt)
+        device: torch.device = body.state[0].device
+        dtrie[id] = {
+            "tokens": copy.deepcopy(body.tokens),
+            "state": [tensor.cpu() for tensor in body.state]
+            if device != torch.device("cpu")
+            else copy.deepcopy(body.state),
+            "logits": copy.deepcopy(body.logits),
+            "device": device,
+        }
 
-    return "success"
+        if len(trie) >= max_trie_len:
+            del_prompt = trie[loop_del_trie_id]
+            trie.remove(del_prompt)
+            dtrie[loop_del_trie_id] = None
+            loop_del_trie_id = loop_del_trie_id + 1
+            if loop_del_trie_id >= max_trie_len:
+                loop_del_trie_id = loop_start_id
+
+        quick_log(
+            None,
+            None,
+            f"New Trie Id: {id}\nTrie Len: {len(trie)}\nTrie Buff Size: {trie.buff_size()}\nDtrie Buff Size Of Id: {_get_a_dtrie_buff_size(dtrie[id])}",
+        )
+        return "success"
+    except Exception as e:
+        raise HTTPException(
+            status.HTTP_400_BAD_REQUEST, f"insert failed, bad prompt.\n{e}"
+        )
 
 
 @router.post("/reset-state")
 def reset_state():
-    global trie
+    global trie, dtrie
     if trie is None:
         raise HTTPException(status.HTTP_400_BAD_REQUEST, "trie not loaded")
 
     trie = cyac.Trie()
+    dtrie = {}
     gc.collect()
 
     return "success"
@@ -72,6 +96,23 @@ class LongestPrefixStateBody(BaseModel):
     prompt: str
 
 
+def _get_a_dtrie_buff_size(dtrie_v):
+    # print(sys.getsizeof(dtrie_v["tokens"][0]))  # str
+    # print(sys.getsizeof(dtrie_v["tokens"][0]) * len(dtrie_v["tokens"]))
+    # print(dtrie_v["state"][0][0].element_size())
+    # print(dtrie_v["state"][0].nelement())
+    # print(len(dtrie_v["state"]))
+    # print(
+    #     len(dtrie_v["state"])
+    #     * dtrie_v["state"][0].nelement()
+    #     * dtrie_v["state"][0][0].element_size()
+    # )
+    # print(dtrie_v["logits"][0].element_size())
+    # print(dtrie_v["logits"].nelement())
+    # print(dtrie_v["logits"][0].element_size() * dtrie_v["logits"].nelement())
+    return 54 * len(dtrie_v["tokens"]) + 491520 + 262144 + 28  # TODO
+
+
 @router.post("/longest-prefix-state")
 def longest_prefix_state(body: LongestPrefixStateBody, request: Request):
     global trie
@@ -79,13 +120,17 @@ def longest_prefix_state(body: LongestPrefixStateBody, request: Request):
         raise HTTPException(status.HTTP_400_BAD_REQUEST, "trie not loaded")
 
     id = -1
-    for id, len in trie.prefix(body.prompt):
+    try:
+        for id, len in trie.prefix(body.prompt):
+            pass
+    except:
         pass
     if id != -1:
         v = dtrie[id]
-        device = v["device"]
-        prompt = trie[id]
-        quick_log(request, body, "Hit: " + prompt)
+        device: torch.device = v["device"]
+        prompt: str = trie[id]
+
+        quick_log(request, body, "Hit:\n" + prompt)
         return {
             "prompt": prompt,
             "tokens": v["tokens"],
@@ -93,10 +138,16 @@ def longest_prefix_state(body: LongestPrefixStateBody, request: Request):
             if device != torch.device("cpu")
             else v["state"],
             "logits": v["logits"],
-            "device": device,
+            "device": device.type,
         }
     else:
-        return {"prompt": "", "tokens": [], "state": None, "logits": None}
+        return {
+            "prompt": "",
+            "tokens": [],
+            "state": None,
+            "logits": None,
+            "device": None,
+        }
 
 
 @router.post("/save-state")
@@ -105,6 +156,6 @@ def save_state():
     if trie is None:
         raise HTTPException(status.HTTP_400_BAD_REQUEST, "trie not loaded")
 
-    trie.save("state_cache.trie")
+    # trie.save("state_cache.trie")
 
-    return "success"
+    return "not implemented"

backend-python/rwkv_pip/rwkv_tokenizer.py

@@ -72,9 +72,9 @@ class TRIE_TOKENIZER:
         for t, i in self.token2idx.items():
             _ = self.root.add(t, val=(t, i))
 
-    def encodeBytes(self, src: bytes) -> list[int]:
+    def encodeBytes(self, src: bytes):
         idx: int = 0
-        tokens: list[int] = []
+        tokens = []
         while idx < len(src):
             _idx: int = idx
             idx, _, values = self.root.find_longest(src, idx)

backend-python/utils/log.py

@@ -15,18 +15,24 @@ logger.addHandler(fh)
 
 
 def quick_log(request: Request, body: Any, response: str):
-    logger.info(
-        f"Client: {request.client if request else ''}\nUrl: {request.url if request else ''}\n"
-        + (
-            f"Body: {json.dumps(body.__dict__, default=vars, ensure_ascii=False)}\n"
-            if body
-            else ""
+    try:
+        logger.info(
+            f"Client: {request.client if request else ''}\nUrl: {request.url if request else ''}\n"
+            + (
+                f"Body: {json.dumps(body.__dict__, default=vars, ensure_ascii=False)}\n"
+                if body
+                else ""
+            )
+            + (f"Data:\n{response}\n" if response else "")
         )
-        + (f"Response:\n{response}\n" if response else "")
-    )
+    except Exception as e:
+        logger.info(f"Error quick_log request:\n{e}")
 
 
 async def log_middleware(request: Request):
-    logger.info(
-        f"Client: {request.client}\nUrl: {request.url}\nBody: {await request.body()}\n"
-    )
+    try:
+        logger.info(
+            f"Client: {request.client}\nUrl: {request.url}\nBody: {await request.body()}\n"
+        )
+    except Exception as e:
+        logger.info(f"Error log_middleware request:\n{e}")

backend-python/utils/rwkv.py

@@ -1,15 +1,17 @@
 import os
 import pathlib
 import copy
-from typing import Dict, List
+from typing import Dict, List, Tuple
+from utils.log import quick_log
 from fastapi import HTTPException
 from pydantic import BaseModel, Field
+import torch
+import numpy as np
 from rwkv_pip.utils import PIPELINE
 from routes import state_cache
 
 
 END_OF_TEXT = 0
-END_OF_LINE = 187
 END_OF_LINE_DOUBLE = 535
 
 
@@ -20,6 +22,8 @@ class RWKV:
     def __init__(self, model: str, strategy: str, tokens_path: str) -> None:
         from rwkv.model import RWKV as Model  # dynamic import to make RWKV_CUDA_ON work
 
+        filename, _ = os.path.splitext(os.path.basename(model))
+        self.name = filename
         self.model = Model(model, strategy)
         self.pipeline = PIPELINE(self.model, tokens_path)
         self.model_state = None
@@ -34,12 +38,14 @@ class RWKV:
         self.penalty_alpha_frequency = 0.4
 
         self.interface = ":"
-        if "rwkv_vocab" in tokens_path:
+        if "world" in self.name.lower():
             self.user = "Question"
             self.bot = "Answer"
+            self.END_OF_LINE = 11
         else:
             self.user = "Bob"
             self.bot = "Alice"
+            self.END_OF_LINE = 187
 
         self.AVOID_REPEAT_TOKENS = []
         AVOID_REPEAT = "，：？！"
@@ -63,9 +69,10 @@ The following is a coherent verbose detailed conversation between a girl named {
 {bot} usually gives {user} kind, helpful and informative advices.\n
 """
             if self.user == "Bob"
-            else f"{user}{interface} hi\n\n{bot}{interface} Hi. I am your assistant and I will provide expert full response in full details. Please feel free to ask any question and I will always answer it.\n\n"
+            else f"{user}{interface} hi\n\n{bot}{interface} Hi. "
+            + "I am your assistant and I will provide expert full response in full details. Please feel free to ask any question and I will always answer it.\n\n"
         )
-        logits = self.run_rnn(self.fix_tokens(self.pipeline.encode(preset_system)))
+        logits, _ = self.run_rnn(self.fix_tokens(self.pipeline.encode(preset_system)))
         try:
             state_cache.add_state(
                 state_cache.AddStateBody(
@@ -80,12 +87,15 @@ The following is a coherent verbose detailed conversation between a girl named {
 
     # Model only saw '\n\n' as [187, 187] before, but the tokenizer outputs [535] for it at the end
     def fix_tokens(self, tokens):
+        if "world" in self.name.lower():
+            return tokens
         if len(tokens) > 0 and tokens[-1] == END_OF_LINE_DOUBLE:
-            tokens = tokens[:-1] + [END_OF_LINE, END_OF_LINE]
+            tokens = tokens[:-1] + [self.END_OF_LINE, self.END_OF_LINE]
         return tokens
 
     def run_rnn(self, _tokens: List[str], newline_adj: int = 0):
         tokens = [int(x) for x in _tokens]
+        token_len = len(tokens)
         self.model_tokens += tokens
 
         while len(tokens) > 0:
@@ -94,13 +104,164 @@ The following is a coherent verbose detailed conversation between a girl named {
             )
             tokens = tokens[self.CHUNK_LEN :]
 
-        out[END_OF_LINE] += newline_adj  # adjust \n probability
+        out[self.END_OF_LINE] += newline_adj  # adjust \n probability
 
         if self.model_tokens[-1] in self.AVOID_REPEAT_TOKENS:
             out[self.model_tokens[-1]] = -999999999
-        return out
+        return out, token_len
+
+    def get_embedding(self, input: str, fast_mode: bool) -> Tuple[List[float], int]:
+        if fast_mode:
+            embedding, token_len = self.fast_embedding(
+                self.fix_tokens(self.pipeline.encode(input)), None
+            )
+        else:
+            self.model_state = None
+            self.model_tokens = []
+            _, token_len = self.run_rnn(self.fix_tokens(self.pipeline.encode(input)))
+            embedding = self.model_state[-5].tolist()
+        embedding = (embedding / np.linalg.norm(embedding)).tolist()
+        return embedding, token_len
+
+    def fast_embedding(self, tokens: List[str], state):
+        tokens = [int(x) for x in tokens]
+        token_len = len(tokens)
+        self = self.model
+
+        with torch.no_grad():
+            w = self.w
+            args = self.args
+
+            if state == None:
+                state = [None] * args.n_layer * 5
+                for i in range(
+                    args.n_layer
+                ):  # state: 0=att_xx 1=att_aa 2=att_bb 3=att_pp 4=ffn_xx
+                    dd = self.strategy[i]
+                    dev = dd.device
+                    atype = dd.atype
+                    state[i * 5 + 0] = torch.zeros(
+                        args.n_embd, dtype=atype, requires_grad=False, device=dev
+                    ).contiguous()
+                    state[i * 5 + 1] = torch.zeros(
+                        args.n_embd, dtype=torch.float, requires_grad=False, device=dev
+                    ).contiguous()
+                    state[i * 5 + 2] = torch.zeros(
+                        args.n_embd, dtype=torch.float, requires_grad=False, device=dev
+                    ).contiguous()
+                    state[i * 5 + 3] = (
+                        torch.zeros(
+                            args.n_embd,
+                            dtype=torch.float,
+                            requires_grad=False,
+                            device=dev,
+                        ).contiguous()
+                        - 1e30
+                    )
+                    state[i * 5 + 4] = torch.zeros(
+                        args.n_embd, dtype=atype, requires_grad=False, device=dev
+                    ).contiguous()
+
+                    break
+
+            seq_mode = len(tokens) > 1
+
+            x = w["emb.weight"][tokens if seq_mode else tokens[0]]
+
+            for i in range(args.n_layer):
+                bbb = f"blocks.{i}."
+                att = f"blocks.{i}.att."
+                ffn = f"blocks.{i}.ffn."
+                dd = self.strategy[i]
+                dev = dd.device
+                atype = dd.atype
+                wtype = dd.wtype
+                if seq_mode:
+                    if "cuda" in str(dev) and os.environ["RWKV_CUDA_ON"] == "1":
+                        ATT = (
+                            self.cuda_att_seq
+                            if wtype != torch.uint8
+                            else self.cuda_att_seq_i8
+                        )
+                    else:
+                        ATT = self.att_seq if wtype != torch.uint8 else self.att_seq_i8
+                    FFN = self.ffn_seq if wtype != torch.uint8 else self.ffn_seq_i8
+                else:
+                    ATT = self.att_one if wtype != torch.uint8 else self.att_one_i8
+                    FFN = self.ffn_one if wtype != torch.uint8 else self.ffn_one_i8
+
+                x = x.to(dtype=atype, device=dev)
+
+                kw = w[f"{att}key.weight"]
+                vw = w[f"{att}value.weight"]
+                rw = w[f"{att}receptance.weight"]
+                ow = w[f"{att}output.weight"]
+                if dd.stream:
+                    kw = kw.to(device=dev, non_blocking=True)
+                    vw = vw.to(device=dev, non_blocking=True)
+                    rw = rw.to(device=dev, non_blocking=True)
+                    ow = ow.to(device=dev, non_blocking=True)
+                kmx = w[f"{att}key.weight_mx"] if wtype == torch.uint8 else x
+                krx = w[f"{att}key.weight_rx"] if wtype == torch.uint8 else x
+                kmy = w[f"{att}key.weight_my"] if wtype == torch.uint8 else x
+                kry = w[f"{att}key.weight_ry"] if wtype == torch.uint8 else x
+                vmx = w[f"{att}value.weight_mx"] if wtype == torch.uint8 else x
+                vrx = w[f"{att}value.weight_rx"] if wtype == torch.uint8 else x
+                vmy = w[f"{att}value.weight_my"] if wtype == torch.uint8 else x
+                vry = w[f"{att}value.weight_ry"] if wtype == torch.uint8 else x
+                rmx = w[f"{att}receptance.weight_mx"] if wtype == torch.uint8 else x
+                rrx = w[f"{att}receptance.weight_rx"] if wtype == torch.uint8 else x
+                rmy = w[f"{att}receptance.weight_my"] if wtype == torch.uint8 else x
+                rry = w[f"{att}receptance.weight_ry"] if wtype == torch.uint8 else x
+                omx = w[f"{att}output.weight_mx"] if wtype == torch.uint8 else x
+                orx = w[f"{att}output.weight_rx"] if wtype == torch.uint8 else x
+                omy = w[f"{att}output.weight_my"] if wtype == torch.uint8 else x
+                ory = w[f"{att}output.weight_ry"] if wtype == torch.uint8 else x
+                (
+                    x,
+                    state[i * 5 + 0],
+                    state[i * 5 + 1],
+                    state[i * 5 + 2],
+                    state[i * 5 + 3],
+                ) = ATT(
+                    x,
+                    state[i * 5 + 0],
+                    state[i * 5 + 1],
+                    state[i * 5 + 2],
+                    state[i * 5 + 3],
+                    w[f"{bbb}ln1.weight"],
+                    w[f"{bbb}ln1.bias"],
+                    w[f"{att}time_mix_k"],
+                    w[f"{att}time_mix_v"],
+                    w[f"{att}time_mix_r"],
+                    w[f"{att}time_decay"],
+                    w[f"{att}time_first"],
+                    kw,
+                    vw,
+                    rw,
+                    ow,
+                    kmx,
+                    krx,
+                    kmy,
+                    kry,
+                    vmx,
+                    vrx,
+                    vmy,
+                    vry,
+                    rmx,
+                    rrx,
+                    rmy,
+                    rry,
+                    omx,
+                    orx,
+                    omy,
+                    ory,
+                )
+
+                return state[0].tolist(), token_len
 
     def generate(self, prompt: str, stop: str = None):
+        quick_log(None, None, "Generation Prompt:\n" + prompt)
         cache = None
         delta_prompt = prompt
         try:
@@ -118,8 +279,11 @@ The following is a coherent verbose detailed conversation between a girl named {
             self.model_tokens = copy.deepcopy(cache["tokens"])
             logits = copy.deepcopy(cache["logits"])
 
+        prompt_token_len = 0
         if delta_prompt != "":
-            logits = self.run_rnn(self.fix_tokens(self.pipeline.encode(delta_prompt)))
+            logits, prompt_token_len = self.run_rnn(
+                self.fix_tokens(self.pipeline.encode(delta_prompt))
+            )
             try:
                 state_cache.add_state(
                     state_cache.AddStateBody(
@@ -137,6 +301,7 @@ The following is a coherent verbose detailed conversation between a girl named {
 
         occurrence: Dict = {}
 
+        completion_token_len = 0
         response = ""
         for i in range(self.max_tokens_per_generation):
             for n in occurrence:
@@ -149,20 +314,22 @@ The following is a coherent verbose detailed conversation between a girl named {
             )
 
             if token == END_OF_TEXT:
-                yield response, ""
+                yield response, "", prompt_token_len, completion_token_len
                 break
+            for xxx in occurrence:
+                occurrence[xxx] *= 0.996
             if token not in occurrence:
                 occurrence[token] = 1
             else:
                 occurrence[token] += 1
 
-            logits = self.run_rnn([token])
+            logits, _ = self.run_rnn([token])
+            completion_token_len = completion_token_len + 1
             delta: str = self.pipeline.decode(self.model_tokens[out_last:])
             if "\ufffd" not in delta:  # avoid utf-8 display issues
                 response += delta
                 if stop is not None:
                     if stop in response:
-                        response = response.split(stop)[0]
                         try:
                             state_cache.add_state(
                                 state_cache.AddStateBody(
@@ -174,7 +341,8 @@ The following is a coherent verbose detailed conversation between a girl named {
                             )
                         except HTTPException:
                             pass
-                        yield response, ""
+                        response = response.split(stop)[0]
+                        yield response, "", prompt_token_len, completion_token_len
                         break
                 out_last = begin + i + 1
                 if i == self.max_tokens_per_generation - 1:
@@ -189,7 +357,7 @@ The following is a coherent verbose detailed conversation between a girl named {
                         )
                     except HTTPException:
                         pass
-                yield response, delta
+                yield response, delta, prompt_token_len, completion_token_len
 
 
 class ModelConfigBody(BaseModel):
@@ -199,6 +367,17 @@ class ModelConfigBody(BaseModel):
     presence_penalty: float = Field(default=None, ge=-2, le=2)
     frequency_penalty: float = Field(default=None, ge=-2, le=2)
 
+    class Config:
+        schema_extra = {
+            "example": {
+                "max_tokens": 1000,
+                "temperature": 1.2,
+                "top_p": 0.5,
+                "presence_penalty": 0.4,
+                "frequency_penalty": 0.4,
+            }
+        }
+
 
 def set_rwkv_config(model: RWKV, body: ModelConfigBody):
     if body.max_tokens is not None:

deploy-examples/ChatGPT-Next-Web/setup.bat

@@ -11,8 +11,8 @@ start python ./RWKV-Runner/backend-python/main.py
 
 powershell -Command "(Test-Path ./RWKV-Runner/models) -or (mkdir RWKV-Runner/models)"
 powershell -Command "Import-Module BitsTransfer"
-powershell -Command "(Test-Path ./RWKV-Runner/models/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth) -or (Start-BitsTransfer https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth ./RWKV-Runner/models/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth)"
-powershell -Command "Invoke-WebRequest http://127.0.0.1:8000/switch-model -Method POST -ContentType 'application/json' -Body '{\"model\":\"./RWKV-Runner/models/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth\",\"strategy\":\"cuda fp32 *20+\"}'"
+powershell -Command "(Test-Path ./RWKV-Runner/models/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth) -or (Start-BitsTransfer https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth ./RWKV-Runner/models/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth)"
+powershell -Command "Invoke-WebRequest http://127.0.0.1:8000/switch-model -Method POST -ContentType 'application/json' -Body '{\"model\":\"./RWKV-Runner/models/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth\",\"strategy\":\"cuda fp32 *20+\"}'"
 
 git clone https://github.com/Yidadaa/ChatGPT-Next-Web --depth=1
 cd ChatGPT-Next-Web

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",
-      "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz",
-      "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz",
+      "integrity": "sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.21.8.tgz",
-      "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz",
+      "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-compilation-targets": "^7.21.5",
-        "@babel/helper-module-transforms": "^7.21.5",
-        "@babel/helpers": "^7.21.5",
-        "@babel/parser": "^7.21.8",
-        "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.21.5",
-        "@babel/types": "^7.21.5",
+        "@babel/code-frame": "^7.22.5",
+        "@babel/generator": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helpers": "^7.22.5",
+        "@babel/parser": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.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",
-      "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.5.tgz",
-      "integrity": "sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz",
+      "integrity": "sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.21.5",
-        "@babel/helper-validator-option": "^7.21.0",
+        "@babel/compat-data": "^7.22.5",
+        "@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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz",
-      "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
+      "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
-      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
+      "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.20.7",
-        "@babel/types": "^7.21.0"
+        "@babel/template": "^7.22.5",
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
-      "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz",
-      "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.5.tgz",
-      "integrity": "sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz",
+      "integrity": "sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.21.5",
-        "@babel/helper-module-imports": "^7.21.4",
-        "@babel/helper-simple-access": "^7.21.5",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.21.5",
-        "@babel/types": "^7.21.5"
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz",
-      "integrity": "sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz",
-      "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
-      "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz",
-      "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.19.1",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
-      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+      "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
-      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
+      "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.21.5.tgz",
-      "integrity": "sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz",
+      "integrity": "sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.21.5",
-        "@babel/types": "^7.21.5"
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.18.6.tgz",
-      "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz",
-      "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz",
-      "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz",
+      "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",
-      "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz",
+      "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.22.5",
+        "@babel/parser": "^7.22.5",
+        "@babel/types": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.21.5.tgz",
-      "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz",
+      "integrity": "sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-environment-visitor": "^7.21.5",
-        "@babel/helper-function-name": "^7.21.0",
-        "@babel/helper-hoist-variables": "^7.18.6",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.21.5",
-        "@babel/types": "^7.21.5",
+        "@babel/code-frame": "^7.22.5",
+        "@babel/generator": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.5",
+        "@babel/parser": "^7.22.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",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.21.5.tgz",
-      "integrity": "sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz",
+      "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.21.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-string-parser": "^7.22.5",
+        "@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",
-      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-4.0.0.tgz",
-      "integrity": "sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.1.tgz",
+      "integrity": "sha512-g25lL98essfeSj43HJ0o4DMp0325XK0ITkxpgChzJU/CyemgyChtlxfnRbjfwxDGCTRxTiXtQAsdebQXKMRSOA==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.21.4",
-        "@babel/plugin-transform-react-jsx-self": "^7.21.0",
-        "@babel/plugin-transform-react-jsx-source": "^7.19.6",
+        "@babel/core": "^7.22.5",
+        "@babel/plugin-transform-react-jsx-self": "^7.22.5",
+        "@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",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-4.3.6.tgz",
-      "integrity": "sha512-cqIyLSbA6gornMS659AXTVKF7cvSHMdKmJJwQ9DXq3lwsT1uZSdktuBRlpHQ8VnOWx0QHtjDwxPpGtyo9Fh/Qg==",
+      "version": "4.3.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
+      "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
-        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'}
-      />
+      <CustomToastContainer />
     </FluentProvider>
   );
 });

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

@@ -16,7 +16,7 @@
   "Stored Layers": "载入显存层数",
   "Precision": "精度",
   "Device": "设备",
-  "Convert model with these configs": "用这些设置转换模型",
+  "Convert model with these configs. Using a converted model will greatly improve the loading speed, but model parameters of the converted model cannot be modified.": "用这些设置转换模型. 使用转换过的模型能大大提升载入速度, 但是转换后的模型无法再修改模型参数.",
   "Manage Models": "管理模型",
   "Model": "模型",
   "Model Parameters": "模型参数",
@@ -70,7 +70,7 @@
   "Type your message here": "在此输入消息",
   "Copy": "复制",
   "Read Aloud": "朗读",
-  "Hello! I'm RWKV, an open-source and commercially available large language model.": "你好! 我是RWKV, 一个开源可商用的大语言模型.",
+  "Hello! I'm RWKV, an open-source and commercially usable large language model.": "你好！我是RWKV，一个开源可商用的大语言模型。",
   "This tool's API is compatible with OpenAI API. It can be used with any ChatGPT tool you like. Go to the settings of some ChatGPT tool, replace the 'https://api.openai.com' part in the API address with '": "本工具的API与OpenAI API兼容. 因此可以配合任意你喜欢的ChatGPT工具使用. 打开某个ChatGPT工具的设置, 将API地址中的'https://api.openai.com'部分替换为'",
   "New Version Available": "新版本可用",
   "Update": "更新",
@@ -78,12 +78,12 @@
   "Update Error": "更新出错",
   "Open the following URL with your browser to view the API documentation": "使用浏览器打开以下地址查看API文档",
   "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.": "默认情况下, 单个回复最多回答的token数目, 用户可以通过自行指定API参数改变这个值",
-  "Sampling temperature, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.": "采样温度, 越大随机性越强, 更具创造力, 越小则越保守稳定",
-  "Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.": "考虑前 n% 概率质量的结果, 0.1 考虑前 10%, 质量更高, 但更保守, 1 考虑所有质量结果, 质量降低, 但更多样",
+  "Sampling temperature, it's like giving alcohol to a model, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.": "采样温度, 就像给模型喝酒, 越大随机性越强, 更具创造力, 越小则越保守稳定",
+  "Just like feeding sedatives to the model. Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.": "就像给模型喂镇静剂. 考虑前 n% 概率质量的结果, 0.1 考虑前 10%, 质量更高, 但更保守, 1 考虑所有质量结果, 质量降低, 但更多样",
   "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.": "存在惩罚. 正值根据新token在至今的文本中是否出现过, 来对其进行惩罚, 从而增加了模型涉及新话题的可能性",
   "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.": "频率惩罚. 正值根据新token在至今的文本中出现的频率/次数, 来对其进行惩罚, 从而减少模型原封不动地重复相同句子的可能性",
   "int8 uses less VRAM, but has slightly lower quality. fp16 has higher quality, and fp32 has the best quality.": "int8占用显存更低, 但质量略微下降. fp16质量更好, fp32质量最好",
-  "Number of the neural network layers loaded into VRAM, the more you load, the faster the speed, but it consumes more VRAM.": "载入显存的神经网络层数, 载入越多, 速度越快, 但显存消耗越大",
+  "Number of the neural network layers loaded into VRAM, the more you load, the faster the speed, but it consumes more VRAM. (If your VRAM is not enough, it will fail to load)": "载入显存的神经网络层数, 载入越多, 速度越快, 但显存消耗越大 (如果你的显存不够, 会载入失败)",
   "Whether to use CPU to calculate the last output layer of the neural network with FP32 precision to obtain better quality.": "是否使用cpu以fp32精度计算神经网络的最后一层输出层, 以获得更好的质量",
   "Downloads": "下载",
   "Pause": "暂停",
@@ -100,7 +100,7 @@
   "Model Config Exception": "模型配置异常",
   "Use Gitee Updates Source": "使用Gitee更新源",
   "Use Custom CUDA kernel to Accelerate": "使用自定义CUDA算子加速",
-  "Enabling this option can greatly improve inference speed, but there may be compatibility issues. If it fails to start, please turn off this option.": "开启这个选项能大大提升推理速度，但可能存在兼容性问题，如果启动失败，请关闭此选项",
+  "Enabling this option can greatly improve inference speed and save some VRAM, but there may be compatibility issues. If it fails to start, please turn off this option.": "开启这个选项能大大提升推理速度并节省显存，但可能存在兼容性问题，如果启动失败，请关闭此选项",
   "Supported custom cuda file not found": "没有找到支持的自定义cuda文件",
   "Failed to copy custom cuda file": "自定义cuda文件复制失败",
   "Downloading update, please wait. If it is not completed, please manually download the program from GitHub and replace the original program.": "正在下载更新，请等待。如果一直未完成，请从Github手动下载并覆盖原程序",
@@ -117,7 +117,7 @@
   "Werewolf": "狼人杀",
   "Instruction": "指令",
   "Blank": "空白",
-  "The following is an epic science fiction masterpiece that is immortalized, with delicate descriptions and grand depictions of interstellar civilization wars.\nChapter 1.\n": "以下是不朽的科幻史诗巨著，描写细腻，刻画了宏大的星际文明战争。\n第一章\n",
+  "The following is an epic science fiction masterpiece that is immortalized, with delicate descriptions and grand depictions of interstellar civilization wars.\nChapter 1.\n": "《背影》\n我与父亲不相见已二年余了，我最不能忘记的是他的背影。\n那年冬天，祖母死了，父亲的差使也交卸了，正是祸不单行的日子。我从北京到徐州，打算",
   "The following is a conversation between a cat girl and her owner. The cat girl is a humanized creature that behaves like a cat but is humanoid. At the end of each sentence in the dialogue, she will add \"Meow~\". In the following content, Bob represents the owner and Alice represents the cat girl.\n\nBob: Hello.\n\nAlice: I'm here, meow~.\n\nBob: Can you tell jokes?": "以下是一位猫娘的主人和猫娘的对话内容，猫娘是一种拟人化的生物，其行为似猫但类人，在每一句对话末尾都会加上\"喵~\"。以下内容中，Bob代表主人，Alice代表猫娘。\n\nBob: 你好\n\nAlice: 主人我在哦，喵~\n\nBob: 你会讲笑话吗?",
   "When response finished, inject this content.": "响应结束时，插入此内容到末尾",
   "Inject start text": "起始注入文本",
@@ -136,11 +136,58 @@
   "Custom Python Path": "自定义Python路径",
   "Custom Models Path": "自定义模型路径",
   "Microsoft Visual C++ Redistributable is not installed, would you like to download it?": "微软VC++组件未安装, 是否下载?",
-  "Path Cannot Contain Space": "路径不能包含空格",
-  "Failed to switch model, please try starting the program with administrator privileges.": "切换模型失败, 请尝试以管理员权限启动程序",
+  "File Path Cannot Contain Space": "文件路径不能包含空格",
   "Current Strategy": "当前Strategy",
   "MacOS is not yet supported for performing this operation, please do it manually.": "MacOS尚未支持此操作, 请手动执行",
   "Linux is not yet supported for performing this operation, please do it manually.": "Linux尚未支持此操作, 请手动执行",
   "On Linux system, you must manually install python dependencies.": "在Linux系统下, 你必须手动安装python依赖",
-  "Update completed, please restart the program.": "更新完成, 请重启程序"
+  "Update completed, please restart the program.": "更新完成, 请重启程序",
+  "Are you sure you want to reset this page? It cannot be undone.": "你确定要重置本页吗？这无法撤销",
+  "Model file download is not complete": "模型文件下载未完成",
+  "Error": "错误",
+  "Are you sure you want to clear the conversation? It cannot be undone.": "你确定要清空对话吗？这无法撤销",
+  "Save": "保存",
+  "Conversation Saved": "对话已保存",
+  "Open": "打开",
+  "DPI Scaling": "显示缩放",
+  "Restart the app to apply DPI Scaling.": "重启应用以使显示缩放生效",
+  "Restart": "重启",
+  "API Chat Model Name": "API聊天模型名",
+  "API Completion Model Name": "API补全模型名",
+  "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": "系统",
+  "Regenerate": "重新生成"
 }

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/DialogButton.tsx

@@ -13,17 +13,29 @@ import { ToolTipButton } from './ToolTipButton';
 import { useTranslation } from 'react-i18next';
 
 export const DialogButton: FC<{
-  icon: ReactElement,
-  tooltip: string,
+  text?: string | null
+  icon?: ReactElement,
+  tooltip?: string | null,
+  className?: string,
   title: string,
   contentText: string,
-  onConfirm: () => void
-}> = ({ tooltip, icon, title, contentText, onConfirm }) => {
+  onConfirm: () => void,
+  size?: 'small' | 'medium' | 'large',
+  shape?: 'rounded' | 'circular' | 'square',
+  appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent',
+}> = ({
+  text, icon, tooltip, className, title, contentText,
+  onConfirm, size, shape, appearance
+}) => {
   const { t } = useTranslation();
 
   return <Dialog>
     <DialogTrigger disableButtonEnhancement>
-      <ToolTipButton desc={tooltip} icon={icon} />
+      {tooltip ?
+        <ToolTipButton className={className} desc={tooltip} text={text} icon={icon} size={size} shape={shape}
+          appearance={appearance} /> :
+        <Button className={className} icon={icon} size={size} shape={shape} appearance={appearance}>{text}</Button>
+      }
     </DialogTrigger>
     <DialogSurface>
       <DialogBody>

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),
-      onerror: () => setSpeaking(false),
+      onend: () => setSpeakingInner(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

@@ -78,8 +78,13 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
               toast(depErrorMsg, { type: 'info', position: 'bottom-left' });
               if (commonStore.platform != 'linux')
                 toastWithButton(t('Python dependencies are incomplete, would you like to install them?'), t('Install'), () => {
-                  InstallPyDep(commonStore.settings.customPythonPath, commonStore.settings.cnMirror);
+                  InstallPyDep(commonStore.settings.customPythonPath, commonStore.settings.cnMirror).catch((e) => {
+                    const errMsg = e.message || e;
+                    toast(t('Error') + ' - ' + errMsg, { type: 'error' });
+                  });
                   setTimeout(WindowShow, 1000);
+                }, {
+                  autoClose: 8000
                 });
               else
                 toastWithButton(t('On Linux system, you must manually install python dependencies.'), t('Check'), () => {
@@ -100,11 +105,13 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
         saveCache();
       }
 
-      if (!await FileExists(modelPath)) {
-        toastWithButton(t('Model file not found'), t('Download'), () => {
-          const downloadUrl = commonStore.modelSourceList.find(item => item.name === modelName)?.downloadUrl;
+      const currentModelSource = commonStore.modelSourceList.find(item => item.name === modelName);
+
+      const showDownloadPrompt = (promptInfo: string, downloadName: string) => {
+        toastWithButton(promptInfo, t('Download'), () => {
+          const downloadUrl = currentModelSource?.downloadUrl;
           if (downloadUrl) {
-            toastWithButton(`${t('Downloading')} ${modelName}`, t('Check'), () => {
+            toastWithButton(`${t('Downloading')} ${downloadName}`, t('Check'), () => {
                 navigate({ pathname: '/downloads' });
               },
               { autoClose: 3000 });
@@ -113,7 +120,14 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
             toast(t('Can not find download url'), { type: 'error' });
           }
         });
+      };
 
+      if (!await FileExists(modelPath)) {
+        showDownloadPrompt(t('Model file not found'), modelName);
+        commonStore.setStatus({ status: ModelStatus.Offline });
+        return;
+      } else if (!currentModelSource?.isComplete) {
+        showDownloadPrompt(t('Model file download is not complete'), modelName);
         commonStore.setStatus({ status: ModelStatus.Offline });
         return;
       }
@@ -122,7 +136,13 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
 
       await exit(1000).catch(() => {
       });
-      StartServer(commonStore.settings.customPythonPath, port, commonStore.settings.host !== '127.0.0.1' ? '0.0.0.0' : '127.0.0.1');
+      StartServer(commonStore.settings.customPythonPath, port, commonStore.settings.host !== '127.0.0.1' ? '0.0.0.0' : '127.0.0.1').catch((e) => {
+        const errMsg = e.message || e;
+        if (errMsg.includes('path contains space'))
+          toast(`${t('Error')} - ${t('File Path Cannot Contain Space')}`, { type: 'error' });
+        else
+          toast(t('Error') + ' - ' + errMsg, { type: 'error' });
+      });
       setTimeout(WindowShow, 1000);
 
       let timeoutCount = 6;
@@ -147,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) {
@@ -174,9 +195,9 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
 
             switchModel({
               model: modelPath,
-              strategy: getStrategy(modelConfig),
+              strategy: strategy,
               customCuda: customCudaFile !== ''
-            }).then((r) => {
+            }).then(async (r) => {
               if (r.ok) {
                 commonStore.setStatus({ status: ModelStatus.Working });
                 toastWithButton(t('Startup Completed'), t('Chat'), () => {
@@ -186,14 +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'), { 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(() => {
+            }).catch((e) => {
               commonStore.setStatus({ status: ModelStatus.Offline });
-              if (commonStore.platform === 'windows')
-                toast(t('Failed to switch model, please try starting the program with administrator privileges.'), { type: 'error' });
-              else
-                toast(t('Failed to switch model'), { type: 'error' });
+              toast(t('Failed to switch model') + ' - ' + (e.message || e), { type: 'error' });
             });
           }
         }).catch(() => {

frontend/src/components/ToolTipButton.tsx

@@ -1,29 +1,35 @@
-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<{
   text?: string | null,
   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">
-      <Button disabled={disabled} icon={icon} onClick={onClick} size={size} shape={shape}
-        appearance={appearance}>{text}</Button>
+    <Tooltip content={desc} showDelay={showDelay} hideDelay={0} relationship="label">
+      <Button style={style} className={className} disabled={disabled} icon={icon} onClick={onClick} size={size}
+        shape={shape} appearance={appearance}>{text}</Button>
     </Tooltip>
   );
 };

frontend/src/pages/Chat.tsx

@@ -1,24 +1,31 @@
-import React, { FC, useEffect, useRef, useState } 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';
-import { ArrowCircleUp28Regular, Delete28Regular, RecordStop28Regular } from '@fluentui/react-icons';
+import { ArrowCircleUp28Regular, Delete28Regular, RecordStop28Regular, Save28Regular } from '@fluentui/react-icons';
 import { CopyButton } from '../components/CopyButton';
 import { ReadButton } from '../components/ReadButton';
 import { toast } from 'react-toastify';
 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
@@ -39,23 +46,151 @@ export type MessageItem = {
   done: boolean
 }
 
-export type Conversations = {
+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 [message, setMessage] = useState('');
   const bodyRef = useRef<HTMLDivElement>(null);
   const inputRef = useRef<HTMLTextAreaElement>(null);
+  const mq = useMediaQuery('(min-width: 640px)');
   const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
-  const sseControllerRef = useRef<AbortController | null>(null);
 
   let lastMessageId: string;
   let generating: boolean = false;
-  if (commonStore.conversationsOrder.length > 0) {
-    lastMessageId = commonStore.conversationsOrder[commonStore.conversationsOrder.length - 1];
-    const lastMessage = commonStore.conversations[lastMessageId];
+  if (commonStore.conversationOrder.length > 0) {
+    lastMessageId = commonStore.conversationOrder[commonStore.conversationOrder.length - 1];
+    const lastMessage = commonStore.conversation[lastMessageId];
     if (lastMessage.sender === botName)
       generating = !lastMessage.done;
   }
@@ -67,16 +202,16 @@ const ChatPanel: FC = observer(() => {
   }, []);
 
   useEffect(() => {
-    if (commonStore.conversationsOrder.length === 0) {
-      commonStore.setConversationsOrder(['welcome']);
-      commonStore.setConversations({
-        'welcome': {
+    if (commonStore.conversationOrder.length === 0) {
+      commonStore.setConversationOrder([welcomeUuid]);
+      commonStore.setConversation({
+        [welcomeUuid]: {
           sender: botName,
           type: MessageType.Normal,
           color: 'colorful',
           avatarImg: logo,
           time: new Date().toISOString(),
-          content: t('Hello! I\'m RWKV, an open-source and commercially available large language model.'),
+          content: t('Hello! I\'m RWKV, an open-source and commercially usable large language model.'),
           side: 'left',
           done: true
         }
@@ -93,49 +228,59 @@ const ChatPanel: FC = observer(() => {
     e.stopPropagation();
     if (e.type === 'click' || (e.keyCode === 13 && !e.shiftKey)) {
       e.preventDefault();
-      if (commonStore.status.status === ModelStatus.Offline) {
+      if (commonStore.status.status === ModelStatus.Offline && !commonStore.settings.apiUrl) {
         toast(t('Please click the button in the top right corner to start the model'), { type: 'warning' });
         return;
       }
-      if (!message) return;
-      onSubmit(message);
-      setMessage('');
+      if (!commonStore.currentInput) return;
+      onSubmit(commonStore.currentInput);
+      commonStore.setCurrentInput('');
     }
   };
 
-  const onSubmit = (message: string) => {
-    const newId = uuid();
-    commonStore.conversations[newId] = {
-      sender: userName,
-      type: MessageType.Normal,
-      color: 'brand',
-      time: new Date().toISOString(),
-      content: message,
-      side: 'right',
-      done: true
-    };
-    commonStore.setConversations(commonStore.conversations);
-    commonStore.conversationsOrder.push(newId);
-    commonStore.setConversationsOrder(commonStore.conversationsOrder);
+  // if message is not null, create a user message;
+  // if answerId is not null, override the answer with new response;
+  // if startUuid is null, start generating api body messages from first message;
+  // if endUuid is null, generate api body messages until last message;
+  const onSubmit = useCallback((message: string | null = null, answerId: string | null = null,
+    startUuid: string | null = null, endUuid: string | null = null, includeEndUuid: boolean = false) => {
+    if (message) {
+      const newId = uuid();
+      commonStore.conversation[newId] = {
+        sender: userName,
+        type: MessageType.Normal,
+        color: 'brand',
+        time: new Date().toISOString(),
+        content: message,
+        side: 'right',
+        done: true
+      };
+      commonStore.setConversation(commonStore.conversation);
+      commonStore.conversationOrder.push(newId);
+      commonStore.setConversationOrder(commonStore.conversationOrder);
+    }
 
-    const records: Record[] = [];
-    commonStore.conversationsOrder.forEach((uuid, index) => {
-      const conversation = commonStore.conversations[uuid];
-      if (conversation.done && conversation.type === MessageType.Normal && conversation.sender === botName) {
-        if (index > 0) {
-          const questionId = commonStore.conversationsOrder[index - 1];
-          const question = commonStore.conversations[questionId];
-          if (question.done && question.type === MessageType.Normal && question.sender === userName) {
-            records.push({ question: question.content, answer: conversation.content });
-          }
-        }
+    let startIndex = startUuid ? commonStore.conversationOrder.indexOf(startUuid) : 0;
+    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 === userName) {
+        messages.push({ role: 'user', content: messageItem.content });
+      } else if (messageItem.done && messageItem.type === MessageType.Normal && messageItem.sender === botName) {
+        messages.push({ role: 'assistant', content: messageItem.content });
       }
     });
-    const messages = getConversationPairs(records, false);
-    (messages as ConversationPair[]).push({ role: 'user', content: message });
 
-    const answerId = uuid();
-    commonStore.conversations[answerId] = {
+    if (answerId === null) {
+      answerId = uuid();
+      commonStore.conversationOrder.push(answerId);
+    }
+    commonStore.conversation[answerId] = {
       sender: botName,
       type: MessageType.Normal,
       color: 'colorful',
@@ -145,33 +290,34 @@ const ChatPanel: FC = observer(() => {
       side: 'left',
       done: false
     };
-    commonStore.setConversations(commonStore.conversations);
-    commonStore.conversationsOrder.push(answerId);
-    commonStore.setConversationsOrder(commonStore.conversationsOrder);
+    commonStore.setConversation(commonStore.conversation);
+    commonStore.setConversationOrder(commonStore.conversationOrder);
     setTimeout(scrollToBottom);
     let answer = '';
-    sseControllerRef.current = new AbortController();
-    fetchEventSource(`http://127.0.0.1:${port}/chat/completions`, // https://api.openai.com/v1/chat/completions || http://127.0.0.1:${port}/chat/completions
+    chatSseController = new AbortController();
+    fetchEventSource( // https://api.openai.com/v1/chat/completions || http://127.0.0.1:${port}/chat/completions
+      commonStore.settings.apiUrl ?
+        commonStore.settings.apiUrl + '/v1/chat/completions' :
+        `http://127.0.0.1:${port}/chat/completions`,
       {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
-          Authorization: `Bearer sk-`
+          Authorization: `Bearer ${commonStore.settings.apiKey}`
         },
         body: JSON.stringify({
           messages,
           stream: true,
-          model: 'gpt-3.5-turbo'
+          model: commonStore.settings.apiChatModelName // 'gpt-3.5-turbo'
         }),
-        signal: sseControllerRef.current?.signal,
+        signal: chatSseController?.signal,
         onmessage(e) {
-          console.log('sse message', e);
           scrollToBottom();
           if (e.data === '[DONE]') {
-            commonStore.conversations[answerId].done = true;
-            commonStore.conversations[answerId].content = commonStore.conversations[answerId].content.trim();
-            commonStore.setConversations(commonStore.conversations);
-            commonStore.setConversationsOrder([...commonStore.conversationsOrder]);
+            commonStore.conversation[answerId!].done = true;
+            commonStore.conversation[answerId!].content = commonStore.conversation[answerId!].content.trim();
+            commonStore.setConversation(commonStore.conversation);
+            commonStore.setConversationOrder([...commonStore.conversationOrder]);
             return;
           }
           let data;
@@ -183,109 +329,107 @@ const ChatPanel: FC = observer(() => {
           }
           if (data.choices && Array.isArray(data.choices) && data.choices.length > 0) {
             answer += data.choices[0]?.delta?.content || '';
-            commonStore.conversations[answerId].content = answer;
-            commonStore.setConversations(commonStore.conversations);
-            commonStore.setConversationsOrder([...commonStore.conversationsOrder]);
+            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.setConversation(commonStore.conversation);
+            commonStore.setConversationOrder([...commonStore.conversationOrder]);
+            setTimeout(scrollToBottom);
           }
         },
         onclose() {
           console.log('Connection closed');
         },
         onerror(err) {
-          commonStore.conversations[answerId].type = MessageType.Error;
-          commonStore.conversations[answerId].done = true;
-          commonStore.setConversations(commonStore.conversations);
-          commonStore.setConversationsOrder([...commonStore.conversationsOrder]);
+          commonStore.conversation[answerId!].type = MessageType.Error;
+          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.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.conversationsOrder.map((uuid, index) => {
-          const conversation = commonStore.conversations[uuid];
-          return <div
-            key={uuid}
-            className={classnames(
-              'flex gap-2 mb-2 overflow-hidden',
-              conversation.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={conversation.color}
-              name={conversation.sender}
-              image={conversation.avatarImg ? { src: conversation.avatarImg } : undefined}
-            />
-            <div
-              className={classnames(
-                'p-2 rounded-lg overflow-hidden',
-                conversation.side === 'left' ? 'bg-gray-200' : 'bg-blue-500',
-                conversation.side === 'left' ? 'text-gray-600' : 'text-white'
-              )}
-            >
-              <MarkdownRender>{conversation.content}</MarkdownRender>
-            </div>
-            <div className="flex flex-col gap-1 items-start">
-              <div className="grow" />
-              {(conversation.type === MessageType.Error || !conversation.done) &&
-                <PresenceBadge size="extra-small" status={
-                  conversation.type === MessageType.Error ? 'busy' : 'away'
-                } />
-              }
-              <div className="flex invisible" id={'utils-' + uuid}>
-                <ReadButton content={conversation.content} />
-                <CopyButton content={conversation.content} />
-              </div>
-            </div>
-          </div>;
-        })}
+        {commonStore.conversationOrder.map(uuid =>
+          <ChatMessageItem key={uuid} uuid={uuid} onSubmit={onSubmit} />
+        )}
       </div>
-      <div className="flex items-end gap-2">
-        <ToolTipButton desc={t('Clear')}
+      <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"
-          onClick={(e) => {
+          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)
-              sseControllerRef.current?.abort();
-            commonStore.setConversations({});
-            commonStore.setConversationsOrder([]);
-          }}
-        />
+              chatSseController?.abort();
+            commonStore.setConversation({});
+            commonStore.setConversationOrder([]);
+          }} />
         <Textarea
           ref={inputRef}
+          style={{ minWidth: 0 }}
           className="grow"
           resize="vertical"
           placeholder={t('Type your message here')!}
-          value={message}
-          onChange={(e) => setMessage(e.target.value)}
+          value={commonStore.currentInput}
+          onChange={(e) => commonStore.setCurrentInput(e.target.value)}
           onKeyDown={handleKeyDownOrClick}
         />
         <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) {
-              sseControllerRef.current?.abort();
+              chatSseController?.abort();
               if (lastMessageId) {
-                commonStore.conversations[lastMessageId].type = MessageType.Error;
-                commonStore.conversations[lastMessageId].done = true;
-                commonStore.setConversations(commonStore.conversations);
-                commonStore.setConversationsOrder([...commonStore.conversationsOrder]);
+                commonStore.conversation[lastMessageId].type = MessageType.Error;
+                commonStore.conversation[lastMessageId].done = true;
+                commonStore.setConversation(commonStore.conversation);
+                commonStore.setConversationOrder([...commonStore.conversationOrder]);
               }
             } else {
               handleKeyDownOrClick(e);
             }
           }} />
+        <ToolTipButton desc={t('Save')}
+          icon={<Save28Regular />}
+          size={mq ? 'large' : 'small'} shape="circular" appearance="subtle"
+          onClick={() => {
+            let savedContent: string = '';
+            const isWorldModel = commonStore.getCurrentModelConfig().modelParameters.modelName.toLowerCase().includes('world');
+            const user = isWorldModel ? 'Question' : 'Bob';
+            const bot = isWorldModel ? 'Answer' : 'Alice';
+            commonStore.conversationOrder.forEach((uuid) => {
+              if (uuid === welcomeUuid)
+                return;
+              const messageItem = commonStore.conversation[uuid];
+              if (messageItem.type !== MessageType.Error) {
+                savedContent += `${messageItem.sender === userName ? user : bot}: ${messageItem.content}\n\n`;
+              }
+            });
+
+            OpenSaveFileDialog('*.md', 'conversation.md', savedContent).then((path) => {
+              if (path)
+                toastWithButton(t('Conversation Saved'), t('Open'), () => {
+                  OpenFileFolder(path, false);
+                });
+            }).catch(e => {
+              toast(t('Error') + ' - ' + (e.message || e), { type: 'error', autoClose: 2500 });
+            });
+          }} />
       </div>
     </div>
   );

frontend/src/pages/Completion.tsx

@@ -9,6 +9,10 @@ import { ApiParameters } from './Configs';
 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';
+import { ToolTipButton } from '../components/ToolTipButton';
+import { ArrowSync20Regular } from '@fluentui/react-icons';
 
 export type CompletionParams = Omit<ApiParameters, 'apiPort'> & {
   stop: string,
@@ -103,7 +107,7 @@ export const defaultPresets: CompletionPreset[] = [{
   }
 }, {
   name: 'Instruction',
-  prompt: 'Below is an instruction that describes a task. Write a response that appropriately completes the request.\n\n# Instruction:\nExplain the following metaphor: Life is like cats.\n\n# Response:\n',
+  prompt: 'Below is an instruction that describes a task. Write a response that appropriately completes the request.\n\n# Instruction:\nWrite a story using the following information\n\n# Input:\nA man named Alex chops a tree down\n\n# Response:\n',
   params: {
     maxResponseToken: 500,
     temperature: 1.2,
@@ -129,11 +133,12 @@ export const defaultPresets: CompletionPreset[] = [{
   }
 }];
 
+let completionSseController: AbortController | null = null;
+
 const CompletionPanel: FC = observer(() => {
   const { t } = useTranslation();
   const inputRef = useRef<HTMLTextAreaElement>(null);
   const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
-  const sseControllerRef = useRef<AbortController | null>(null);
 
   const scrollToBottom = () => {
     if (inputRef.current)
@@ -147,6 +152,7 @@ const CompletionPanel: FC = observer(() => {
   }, []);
 
   const setPreset = (preset: CompletionPreset) => {
+    commonStore.setCompletionSubmittedPrompt(t(preset.prompt));
     commonStore.setCompletionPreset({
       ...preset,
       prompt: t(preset.prompt)
@@ -178,7 +184,9 @@ const CompletionPanel: FC = observer(() => {
   };
 
   const onSubmit = (prompt: string) => {
-    if (commonStore.status.status === ModelStatus.Offline) {
+    commonStore.setCompletionSubmittedPrompt(prompt);
+
+    if (commonStore.status.status === ModelStatus.Offline && !commonStore.settings.apiUrl) {
       toast(t('Please click the button in the top right corner to start the model'), { type: 'warning' });
       commonStore.setCompletionGenerating(false);
       return;
@@ -187,18 +195,21 @@ const CompletionPanel: FC = observer(() => {
     prompt += params.injectStart.replaceAll('\\n', '\n');
 
     let answer = '';
-    sseControllerRef.current = new AbortController();
-    fetchEventSource(`http://127.0.0.1:${port}/completions`, // https://api.openai.com/v1/completions || http://127.0.0.1:${port}/completions
+    completionSseController = new AbortController();
+    fetchEventSource( // https://api.openai.com/v1/completions || http://127.0.0.1:${port}/completions
+      commonStore.settings.apiUrl ?
+        commonStore.settings.apiUrl + '/v1/completions' :
+        `http://127.0.0.1:${port}/completions`,
       {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
-          Authorization: `Bearer sk-`
+          Authorization: `Bearer ${commonStore.settings.apiKey}`
         },
         body: JSON.stringify({
           prompt,
           stream: true,
-          model: 'text-davinci-003',
+          model: commonStore.settings.apiCompletionModelName, // 'text-davinci-003'
           max_tokens: params.maxResponseToken,
           temperature: params.temperature,
           top_p: params.topP,
@@ -206,9 +217,8 @@ const CompletionPanel: FC = observer(() => {
           frequency_penalty: params.frequencyPenalty,
           stop: params.stop.replaceAll('\\n', '\n') || undefined
         }),
-        signal: sseControllerRef.current?.signal,
+        signal: completionSseController?.signal,
         onmessage(e) {
-          console.log('sse message', e);
           scrollToBottom();
           if (e.data === '[DONE]') {
             commonStore.setCompletionGenerating(false);
@@ -226,10 +236,22 @@ const CompletionPanel: FC = observer(() => {
             setPrompt(prompt + answer.trim() + params.injectEnd.replaceAll('\\n', '\n'));
           }
         },
+        async onopen(response) {
+          if (response.status !== 200) {
+            toast(response.statusText + '\n' + (await response.text()), {
+              type: 'error'
+            });
+          }
+        },
         onclose() {
           console.log('Connection closed');
         },
         onerror(err) {
+          err = err.message || err;
+          if (err && !err.includes('ReadableStreamDefaultReader'))
+            toast(err, {
+              type: 'error'
+            });
           commonStore.setCompletionGenerating(false);
           throw err;
         }
@@ -242,23 +264,30 @@ const CompletionPanel: FC = observer(() => {
         ref={inputRef}
         className="grow"
         value={prompt}
-        onChange={(e) => setPrompt(e.target.value)}
+        onChange={(e) => {
+          commonStore.setCompletionSubmittedPrompt(e.target.value);
+          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 }}
-          value={t(commonStore.completionPreset!.name)!}
-          selectedOptions={[commonStore.completionPreset!.name]}
-          onOptionSelect={(_, data) => {
-            if (data.optionValue) {
-              setPreset(defaultPresets.find((preset) => preset.name === data.optionValue)!);
+        <div className="flex gap-2">
+          <Dropdown style={{ minWidth: 0 }}
+            className="grow"
+            value={t(commonStore.completionPreset!.name)!}
+            selectedOptions={[commonStore.completionPreset!.name]}
+            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>)
             }
-          }}>
-          {
-            defaultPresets.map((preset) =>
-              <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">
+          </Dropdown>
+          <PresetsButton tab="Completion" />
+        </div>
+        <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.')}
             content={
@@ -272,7 +301,7 @@ const CompletionPanel: FC = observer(() => {
                 }} />
             } />
           <Labeled flex breakline label={t('Temperature')}
-            desc={t('Sampling temperature, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.')}
+            desc={t('Sampling temperature, it\'s like giving alcohol to a model, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.')}
             content={
               <ValuedSlider value={params.temperature} min={0} max={2} step={0.1}
                 input
@@ -283,7 +312,7 @@ const CompletionPanel: FC = observer(() => {
                 }} />
             } />
           <Labeled flex breakline label={t('Top_P')}
-            desc={t('Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.')}
+            desc={t('Just like feeding sedatives to the model. Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.')}
             content={
               <ValuedSlider value={params.topP} min={0} max={1} step={0.1} input
                 onChange={(e, data) => {
@@ -295,7 +324,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({
@@ -306,7 +335,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({
@@ -347,12 +376,20 @@ const CompletionPanel: FC = observer(() => {
         </div>
         <div className="grow" />
         <div className="flex justify-between gap-2">
-          <Button className="grow" onClick={() => {
-            setPreset(defaultPresets.find((preset) => preset.name === name)!);
-          }}>{t('Reset')}</Button>
+          <ToolTipButton desc={t('Regenerate')} icon={<ArrowSync20Regular />} onClick={() => {
+            completionSseController?.abort();
+            commonStore.setCompletionGenerating(true);
+            setPrompt(commonStore.completionSubmittedPrompt);
+            onSubmit(commonStore.completionSubmittedPrompt);
+          }} />
+          <DialogButton className="grow" text={t('Reset')} title={t('Reset')}
+            contentText={t('Are you sure you want to reset this page? It cannot be undone.')}
+            onConfirm={() => {
+              setPreset(defaultPresets.find((preset) => preset.name === name)!);
+            }} />
           <Button className="grow" appearance="primary" onClick={() => {
             if (commonStore.completionGenerating) {
-              sseControllerRef.current?.abort();
+              completionSseController?.abort();
               commonStore.setCompletionGenerating(false);
             } else {
               commonStore.setCompletionGenerating(true);

frontend/src/pages/Configs.tsx

@@ -166,7 +166,7 @@ export const Configs: FC = observer(() => {
                       }} />
                   } />
                 <Labeled label={t('Temperature') + ' *'}
-                  desc={t('Sampling temperature, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.')}
+                  desc={t('Sampling temperature, it\'s like giving alcohol to a model, the higher the stronger the randomness and creativity, while the lower, the more focused and deterministic it will be.')}
                   content={
                     <ValuedSlider value={selectedConfig.apiParameters.temperature} min={0} max={2} step={0.1}
                       input
@@ -177,7 +177,7 @@ export const Configs: FC = observer(() => {
                       }} />
                   } />
                 <Labeled label={t('Top_P') + ' *'}
-                  desc={t('Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.')}
+                  desc={t('Just like feeding sedatives to the model. Consider the results of the top n% probability mass, 0.1 considers the top 10%, with higher quality but more conservative, 1 considers all results, with lower quality but more diverse.')}
                   content={
                     <ValuedSlider value={selectedConfig.apiParameters.topP} min={0} max={1} step={0.1} input
                       onChange={(e, data) => {
@@ -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={() => {
@@ -237,36 +237,38 @@ export const Configs: FC = observer(() => {
                     }} />
                   </div>
                 } />
-                <ToolTipButton text={t('Convert')} desc={t('Convert model with these configs')} onClick={async () => {
-                  if (commonStore.platform == 'darwin') {
-                    toast(t('MacOS is not yet supported for performing this operation, please do it manually.'), { type: 'info' });
-                    return;
-                  } else if (commonStore.platform == 'linux') {
-                    toast(t('Linux is not yet supported for performing this operation, please do it manually.'), { type: 'info' });
-                    return;
-                  }
+                <ToolTipButton text={t('Convert')}
+                  desc={t('Convert model with these configs. Using a converted model will greatly improve the loading speed, but model parameters of the converted model cannot be modified.')}
+                  onClick={async () => {
+                    if (commonStore.platform == 'darwin') {
+                      toast(t('MacOS is not yet supported for performing this operation, please do it manually.'), { type: 'info' });
+                      return;
+                    } else if (commonStore.platform == 'linux') {
+                      toast(t('Linux is not yet supported for performing this operation, please do it manually.'), { type: 'info' });
+                      return;
+                    }
 
-                  const modelPath = `${commonStore.settings.customModelsPath}/${selectedConfig.modelParameters.modelName}`;
-                  if (await FileExists(modelPath)) {
-                    const strategy = getStrategy(selectedConfig);
-                    const newModelPath = modelPath + '-' + strategy.replace(/[:> *+]/g, '-');
-                    toast(t('Start Converting'), { autoClose: 1000, type: 'info' });
-                    ConvertModel(commonStore.settings.customPythonPath, modelPath, strategy, newModelPath).then(() => {
-                      toast(`${t('Convert Success')} - ${newModelPath}`, { type: 'success' });
-                      refreshLocalModels({ models: commonStore.modelSourceList }, false);
-                    }).catch(e => {
-                      const errMsg = e.message || e;
-                      if (errMsg.includes('path contains space'))
-                        toast(`${t('Convert Failed')} - ${t('Path Cannot Contain Space')}`, { type: 'error' });
-                      else
-                        toast(`${t('Convert Failed')} - ${e.message || e}`, { type: 'error' });
-                    });
-                    setTimeout(WindowShow, 1000);
-                  } else {
-                    toast(`${t('Model Not Found')} - ${modelPath}`, { type: 'error' });
-                  }
-                }} />
-                <Labeled label={t('Device')} content={
+                    const modelPath = `${commonStore.settings.customModelsPath}/${selectedConfig.modelParameters.modelName}`;
+                    if (await FileExists(modelPath)) {
+                      const strategy = getStrategy(selectedConfig);
+                      const newModelPath = modelPath + '-' + strategy.replace(/[:> *+]/g, '-');
+                      toast(t('Start Converting'), { autoClose: 1000, type: 'info' });
+                      ConvertModel(commonStore.settings.customPythonPath, modelPath, strategy, newModelPath).then(() => {
+                        toast(`${t('Convert Success')} - ${newModelPath}`, { type: 'success' });
+                        refreshLocalModels({ models: commonStore.modelSourceList }, false);
+                      }).catch(e => {
+                        const errMsg = e.message || e;
+                        if (errMsg.includes('path contains space'))
+                          toast(`${t('Convert Failed')} - ${t('File Path Cannot Contain Space')}`, { type: 'error' });
+                        else
+                          toast(`${t('Convert Failed')} - ${e.message || e}`, { type: 'error' });
+                      });
+                      setTimeout(WindowShow, 1000);
+                    } else {
+                      toast(`${t('Model Not Found')} - ${modelPath}`, { type: 'error' });
+                    }
+                  }} />
+                <Labeled label={t('Strategy')} content={
                   <Dropdown style={{ minWidth: 0 }} className="grow" value={t(selectedConfig.modelParameters.device)!}
                     selectedOptions={[selectedConfig.modelParameters.device]}
                     onOptionSelect={(_, data) => {
@@ -310,7 +312,7 @@ export const Configs: FC = observer(() => {
                 {
                   selectedConfig.modelParameters.device == 'CUDA' &&
                   <Labeled label={t('Stored Layers')}
-                    desc={t('Number of the neural network layers loaded into VRAM, the more you load, the faster the speed, but it consumes more VRAM.')}
+                    desc={t('Number of the neural network layers loaded into VRAM, the more you load, the faster the speed, but it consumes more VRAM. (If your VRAM is not enough, it will fail to load)')}
                     content={
                       <ValuedSlider value={selectedConfig.modelParameters.storedLayers} min={0}
                         max={selectedConfig.modelParameters.maxStoredLayers} step={1} input
@@ -326,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} />
                 }
                 {
@@ -349,7 +352,7 @@ export const Configs: FC = observer(() => {
                 {
                   selectedConfig.modelParameters.device != 'CPU' && selectedConfig.modelParameters.device != 'MPS' &&
                   <Labeled label={t('Use Custom CUDA kernel to Accelerate')}
-                    desc={t('Enabling this option can greatly improve inference speed, but there may be compatibility issues. If it fails to start, please turn off this option.')}
+                    desc={t('Enabling this option can greatly improve inference speed and save some VRAM, but there may be compatibility issues. If it fails to start, please turn off this option.')}
                     content={
                       <Switch checked={selectedConfig.modelParameters.useCustomCuda}
                         onChange={(e, data) => {

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,10 +76,10 @@ 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(`${commonStore.settings.customModelsPath}/${status.name}`);
+                  OpenFileFolder(status.path, false);
                 }} />
               </div>
             </Field>

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}`);
+                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>
+                            {/* TODO <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,431 @@
+// 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
+                  });
+                }} />
+                <Button onClick={() => {
+                  setEditingMessages(!editingMessages);
+                }}>{!editingMessages ? t('Edit Messages') : t('Go Back')}</Button>
+              </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/pages/Settings.tsx

@@ -14,7 +14,8 @@ import { Labeled } from '../components/Labeled';
 import commonStore from '../stores/commonStore';
 import { observer } from 'mobx-react-lite';
 import { useTranslation } from 'react-i18next';
-import { checkUpdate } from '../utils';
+import { checkUpdate, toastWithButton } from '../utils';
+import { RestartApp } from '../../wailsjs/go/backend_golang/App';
 
 export const Languages = {
   dev: 'English', // i18n default
@@ -30,8 +31,13 @@ export type SettingsType = {
   giteeUpdatesSource: boolean
   cnMirror: boolean
   host: string
+  dpiScaling: number
   customModelsPath: string
   customPythonPath: string
+  apiUrl: string
+  apiKey: string
+  apiChatModelName: string
+  apiCompletionModelName: string
 }
 
 export const Settings: FC = observer(() => {
@@ -45,7 +51,7 @@ export const Settings: FC = observer(() => {
 
   return (
     <Page title={t('Settings')} content={
-      <div className="flex flex-col gap-2 overflow-hidden">
+      <div className="flex flex-col gap-2 overflow-y-auto overflow-x-hidden p-1">
         <Labeled label={t('Language')} flex spaceBetween content={
           <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
             value={Languages[commonStore.settings.language]}
@@ -56,7 +62,6 @@ export const Settings: FC = observer(() => {
                 commonStore.setSettings({
                   language: lang
                 });
-                i18n.changeLanguage(lang);
               }
             }}>
             {
@@ -65,6 +70,31 @@ export const Settings: FC = observer(() => {
             }
           </Dropdown>
         } />
+        {
+          commonStore.platform === 'windows' &&
+          <Labeled label={t('DPI Scaling')} flex spaceBetween content={
+            <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+              value={commonStore.settings.dpiScaling + '%'}
+              selectedOptions={[commonStore.settings.dpiScaling.toString()]}
+              onOptionSelect={(_, data) => {
+                if (data.optionValue) {
+                  commonStore.setSettings({
+                    dpiScaling: Number(data.optionValue)
+                  });
+                  toastWithButton(t('Restart the app to apply DPI Scaling.'), t('Restart'), () => {
+                    RestartApp();
+                  }, {
+                    autoClose: 5000
+                  });
+                }
+              }}>
+              {
+                Array.from({ length: 7 }, (_, i) => (i + 2) * 25).map((v, i) =>
+                  <Option key={i} value={v.toString()}>{v + '%'}</Option>)
+              }
+            </Dropdown>
+          } />
+        }
         <Labeled label={t('Dark Mode')} flex spaceBetween content={
           <Switch checked={commonStore.settings.darkMode}
             onChange={(e, data) => {
@@ -113,8 +143,11 @@ export const Settings: FC = observer(() => {
               });
             }} />
         } />
-        <Accordion collapsible>
-          <AccordionItem value="1">
+        <Accordion collapsible openItems={!commonStore.advancedCollapsed && 'advanced'} onToggle={(e, data) => {
+          if (data.value === 'advanced')
+            commonStore.setAdvancedCollapsed(!commonStore.advancedCollapsed);
+        }}>
+          <AccordionItem value="advanced">
             <AccordionHeader ref={advancedHeaderRef} size="large">{t('Advanced')}</AccordionHeader>
             <AccordionPanel>
               <div className="flex flex-col gap-2 overflow-hidden">
@@ -138,6 +171,102 @@ export const Settings: FC = observer(() => {
                         });
                       }} />
                   } />
+                <Labeled label={'API URL'}
+                  content={
+                    <div className="flex gap-2">
+                      <Input style={{ minWidth: 0 }} className="grow" value={commonStore.settings.apiUrl}
+                        onChange={(e, data) => {
+                          commonStore.setSettings({
+                            apiUrl: data.value
+                          });
+                        }} />
+                      <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+                        value="..." selectedOptions={[]} expandIcon={null}
+                        onOptionSelect={(_, data) => {
+                          commonStore.setSettings({
+                            apiUrl: data.optionValue
+                          });
+                          if (data.optionText === 'OpenAI') {
+                            if (commonStore.settings.apiChatModelName === 'rwkv')
+                              commonStore.setSettings({
+                                apiChatModelName: 'gpt-3.5-turbo'
+                              });
+                            if (commonStore.settings.apiCompletionModelName === 'rwkv')
+                              commonStore.setSettings({
+                                apiCompletionModelName: 'text-davinci-003'
+                              });
+                          }
+                        }}>
+                        <Option value="">{t('Localhost')!}</Option>
+                        <Option value="https://api.openai.com">OpenAI</Option>
+                      </Dropdown>
+                    </div>
+                  } />
+                <Labeled label={'API Key'}
+                  content={
+                    <Input className="grow" placeholder="sk-" value={commonStore.settings.apiKey}
+                      onChange={(e, data) => {
+                        commonStore.setSettings({
+                          apiKey: data.value
+                        });
+                      }} />
+                  } />
+                <Labeled label={t('API Chat Model Name')}
+                  content={
+                    <div className="flex gap-2">
+                      <Input style={{ minWidth: 0 }} className="grow" placeholder="rwkv"
+                        value={commonStore.settings.apiChatModelName}
+                        onChange={(e, data) => {
+                          commonStore.setSettings({
+                            apiChatModelName: data.value
+                          });
+                        }} />
+                      <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+                        value="..." selectedOptions={[]} expandIcon={null}
+                        onOptionSelect={(_, data) => {
+                          if (data.optionValue) {
+                            commonStore.setSettings({
+                              apiChatModelName: data.optionValue
+                            });
+                          }
+                        }}>
+                        {
+                          ['rwkv', 'gpt-4', 'gpt-4-0613', 'gpt-4-32k', 'gpt-4-32k-0613', 'gpt-3.5-turbo', 'gpt-3.5-turbo-0613', 'gpt-3.5-turbo-16k', 'gpt-3.5-turbo-16k-0613']
+                          .map((v, i) =>
+                            <Option key={i} value={v}>{v}</Option>
+                          )
+                        }
+                      </Dropdown>
+                    </div>
+                  } />
+                <Labeled label={t('API Completion Model Name')}
+                  content={
+                    <div className="flex gap-2">
+                      <Input style={{ minWidth: 0 }} className="grow" placeholder="rwkv"
+                        value={commonStore.settings.apiCompletionModelName}
+                        onChange={(e, data) => {
+                          commonStore.setSettings({
+                            apiCompletionModelName: data.value
+                          });
+                        }} />
+                      <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+                        value="..." selectedOptions={[]} expandIcon={null}
+                        onOptionSelect={(_, data) => {
+                          if (data.optionValue) {
+                            commonStore.setSettings({
+                              apiCompletionModelName: data.optionValue
+                            });
+                          }
+                        }}>
+                        {
+                          ['rwkv', 'text-davinci-003', 'text-davinci-002', 'text-curie-001', 'text-babbage-001', 'text-ada-001']
+                          .map((v, i) =>
+                            <Option key={i} value={v}>{v}</Option>
+                          )
+                        }
+                      </Dropdown>
+                    </div>
+                  } />
               </div>
             </AccordionPanel>
           </AccordionItem>

frontend/src/pages/defaultModelConfigs.ts

@@ -1,6 +1,63 @@
 import { ModelConfig } from './Configs';
 
 export const defaultModelConfigsMac: ModelConfig[] = [
+  {
+    name: 'MAC-0.1B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-0.1B-v1-20230520-ctx4096.pth',
+      device: 'MPS',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      customStrategy: 'mps fp32'
+    }
+  },
+  {
+    name: 'MAC-0.4B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-0.4B-v1-20230529-ctx4096.pth',
+      device: 'MPS',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      customStrategy: 'mps fp32'
+    }
+  },
+  {
+    name: 'MAC-1B5-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth',
+      device: 'MPS',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      customStrategy: 'mps fp32'
+    }
+  },
   {
     name: 'MAC-1B5-EN',
     apiParameters: {
@@ -17,7 +74,25 @@ export const defaultModelConfigsMac: ModelConfig[] = [
       precision: 'fp32',
       storedLayers: 41,
       maxStoredLayers: 41,
-      useCustomCuda: false,
+      customStrategy: 'mps fp32'
+    }
+  },
+  {
+    name: 'MAC-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'MPS',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41,
       customStrategy: 'mps fp32'
     }
   },
@@ -37,7 +112,6 @@ export const defaultModelConfigsMac: ModelConfig[] = [
       precision: 'fp32',
       storedLayers: 41,
       maxStoredLayers: 41,
-      useCustomCuda: false,
       customStrategy: 'mps fp32'
     }
   },
@@ -52,15 +126,51 @@ export const defaultModelConfigsMac: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
       device: 'MPS',
       precision: 'fp32',
       storedLayers: 41,
       maxStoredLayers: 41,
-      useCustomCuda: false,
       customStrategy: 'mps fp32'
     }
   },
+  {
+    name: 'MAC-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'MPS',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      customStrategy: 'mps fp32'
+    }
+  },
+  {
+    name: 'CPU-6G-1B5-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'CPU-6G-1B5-EN',
     apiParameters: {
@@ -79,6 +189,24 @@ export const defaultModelConfigsMac: ModelConfig[] = [
       maxStoredLayers: 41
     }
   },
+  {
+    name: 'CPU-12G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'CPU-12G-3B-EN',
     apiParameters: {
@@ -108,7 +236,25 @@ export const defaultModelConfigsMac: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
+  {
+    name: 'CPU-28G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
       device: 'CPU',
       precision: 'fp32',
       storedLayers: 41,
@@ -154,6 +300,43 @@ export const defaultModelConfigsMac: ModelConfig[] = [
 ];
 
 export const defaultModelConfigs: ModelConfig[] = [
+  {
+    name: 'GPU-2G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 6,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
+  {
+    name: 'GPU-2G-0.1B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-0.1B-v1-20230520-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'GPU-2G-1B5-EN',
     apiParameters: {
@@ -173,6 +356,42 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-4G-0.4B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-0.4B-v1-20230529-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
+  {
+    name: 'GPU-4G-1B5-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp32',
+      storedLayers: 8,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'GPU-4G-1B5-EN',
     apiParameters: {
@@ -192,6 +411,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-4G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 24,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-4G-3B-EN',
     apiParameters: {
@@ -222,7 +460,7 @@ export const defaultModelConfigs: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
       device: 'CUDA',
       precision: 'int8',
       storedLayers: 24,
@@ -230,6 +468,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-4G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 8,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-4G-7B-EN',
     apiParameters: {
@@ -287,6 +544,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-6G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-6G-3B-EN',
     apiParameters: {
@@ -317,7 +593,7 @@ export const defaultModelConfigs: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
       device: 'CUDA',
       precision: 'int8',
       storedLayers: 41,
@@ -325,6 +601,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-6G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 18,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-6G-7B-EN',
     apiParameters: {
@@ -363,6 +658,43 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-8G-1B5-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
+  {
+    name: 'GPU-8G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp16',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-8G-3B-EN',
     apiParameters: {
@@ -393,7 +725,7 @@ export const defaultModelConfigs: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
       device: 'CUDA',
       precision: 'fp16',
       storedLayers: 41,
@@ -401,6 +733,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-8G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 27,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-8G-7B-EN',
     apiParameters: {
@@ -439,6 +790,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-10G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'int8',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-10G-7B-EN',
     apiParameters: {
@@ -496,6 +866,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'GPU-16G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
+      device: 'CUDA',
+      precision: 'fp16',
+      storedLayers: 41,
+      maxStoredLayers: 41,
+      useCustomCuda: true
+    }
+  },
   {
     name: 'GPU-16G-7B-EN',
     apiParameters: {
@@ -591,6 +980,24 @@ export const defaultModelConfigs: ModelConfig[] = [
       useCustomCuda: true
     }
   },
+  {
+    name: 'CPU-6G-1B5-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'CPU-6G-1B5-EN',
     apiParameters: {
@@ -609,6 +1016,24 @@ export const defaultModelConfigs: ModelConfig[] = [
       maxStoredLayers: 41
     }
   },
+  {
+    name: 'CPU-12G-3B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-3B-v1-20230619-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
   {
     name: 'CPU-12G-3B-EN',
     apiParameters: {
@@ -638,7 +1063,25 @@ export const defaultModelConfigs: ModelConfig[] = [
       frequencyPenalty: 0.4
     },
     modelParameters: {
-      modelName: 'RWKV-4-Raven-3B-v12-Eng49%-Chn49%-Jpn1%-Other1%-20230527-ctx4096.pth',
+      modelName: 'RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth',
+      device: 'CPU',
+      precision: 'fp32',
+      storedLayers: 41,
+      maxStoredLayers: 41
+    }
+  },
+  {
+    name: 'CPU-28G-7B-World',
+    apiParameters: {
+      apiPort: 8000,
+      maxResponseToken: 4100,
+      temperature: 1.2,
+      topP: 0.5,
+      presencePenalty: 0.4,
+      frequencyPenalty: 0.4
+    },
+    modelParameters: {
+      modelName: 'RWKV-4-World-7B-v1-20230626-ctx4096.pth',
       device: 'CPU',
       precision: 'fp32',
       storedLayers: 41,

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,9 +1,9 @@
 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';
-import { Conversations } from '../pages/Chat';
+import { Conversation } from '../pages/Chat';
 import { ModelSourceItem } from '../pages/Models';
 import { DownloadStatus } from '../pages/Downloads';
 import { SettingsType } from '../pages/Settings';
@@ -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,14 +39,20 @@ class CommonStore {
   };
   depComplete: boolean = false;
   platform: Platform = 'windows';
+  // presets manager
+  editingPreset: Preset | null = null;
+  presets: Preset[] = [];
   // home
   introduction: IntroductionContent = manifest.introduction;
   // chat
-  conversations: Conversations = {};
-  conversationsOrder: string[] = [];
+  currentInput: string = '';
+  conversation: Conversation = {};
+  conversationOrder: string[] = [];
+  activePreset: Preset | null = null;
   // completion
   completionPreset: CompletionPreset | null = null;
   completionGenerating: boolean = false;
+  completionSubmittedPrompt: string = '';
   // configs
   currentModelConfigIndex: number = 0;
   modelConfigs: ModelConfig[] = [];
@@ -54,7 +61,9 @@ class CommonStore {
   modelSourceList: ModelSourceItem[] = [];
   // downloads
   downloadList: DownloadStatus[] = [];
+  lastUnfinishedModelDownloads: DownloadStatus[] = [];
   // settings
+  advancedCollapsed: boolean = true;
   settings: SettingsType = {
     language: getUserLanguage(),
     darkMode: !isSystemLightMode(),
@@ -62,8 +71,13 @@ class CommonStore {
     giteeUpdatesSource: getUserLanguage() === 'zh',
     cnMirror: getUserLanguage() === 'zh',
     host: '127.0.0.1',
+    dpiScaling: 100,
     customModelsPath: './models',
-    customPythonPath: ''
+    customPythonPath: '',
+    apiUrl: '',
+    apiKey: 'sk-',
+    apiChatModelName: 'rwkv',
+    apiCompletionModelName: 'rwkv'
   };
   // about
   about: AboutContent = manifest.about;
@@ -163,12 +177,12 @@ class CommonStore {
     this.downloadList = value;
   };
 
-  setConversations = (value: Conversations) => {
-    this.conversations = value;
+  setConversation = (value: Conversation) => {
+    this.conversation = value;
   };
 
-  setConversationsOrder = (value: string[]) => {
-    this.conversationsOrder = value;
+  setConversationOrder = (value: string[]) => {
+    this.conversationOrder = value;
   };
 
   setCompletionPreset(value: CompletionPreset) {
@@ -182,6 +196,36 @@ class CommonStore {
   setPlatform(value: Platform) {
     this.platform = value;
   }
+
+  setCurrentInput(value: string) {
+    this.currentInput = value;
+  }
+
+  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;
+  }
+
+  setCompletionSubmittedPrompt(value: string) {
+    this.completionSubmittedPrompt = 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'
@@ -250,7 +293,7 @@ export async function checkUpdate(notifyEvenLatest: boolean = false) {
                           toast(t('Downloading update, please wait. If it is not completed, please manually download the program from GitHub and replace the original program.'), {
                             type: 'info',
                             position: 'bottom-left',
-                            autoClose: 30000
+                            autoClose: false
                           });
                           setTimeout(() => {
                             UpdateApp(updateUrl).then(() => {
@@ -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 '';

frontend/wailsjs/go/backend_golang/App.d.ts

@@ -24,7 +24,9 @@ export function InstallPyDep(arg1:string,arg2:boolean):Promise<string>;
 
 export function ListDirFiles(arg1:string):Promise<Array<backend_golang.FileInfo>>;
 
-export function OpenFileFolder(arg1:string):Promise<void>;
+export function OpenFileFolder(arg1:string,arg2:boolean):Promise<void>;
+
+export function OpenSaveFileDialog(arg1:string,arg2:string,arg3:string):Promise<string>;
 
 export function PauseDownload(arg1:string):Promise<void>;
 
@@ -32,6 +34,8 @@ export function ReadFileInfo(arg1:string):Promise<backend_golang.FileInfo>;
 
 export function ReadJson(arg1:string):Promise<any>;
 
+export function RestartApp():Promise<void>;
+
 export function SaveJson(arg1:string,arg2:any):Promise<void>;
 
 export function StartServer(arg1:string,arg2:number,arg3:string):Promise<string>;

frontend/wailsjs/go/backend_golang/App.js

@@ -46,8 +46,12 @@ export function ListDirFiles(arg1) {
   return window['go']['backend_golang']['App']['ListDirFiles'](arg1);
 }
 
-export function OpenFileFolder(arg1) {
-  return window['go']['backend_golang']['App']['OpenFileFolder'](arg1);
+export function OpenFileFolder(arg1, arg2) {
+  return window['go']['backend_golang']['App']['OpenFileFolder'](arg1, arg2);
+}
+
+export function OpenSaveFileDialog(arg1, arg2, arg3) {
+  return window['go']['backend_golang']['App']['OpenSaveFileDialog'](arg1, arg2, arg3);
 }
 
 export function PauseDownload(arg1) {
@@ -62,6 +66,10 @@ export function ReadJson(arg1) {
   return window['go']['backend_golang']['App']['ReadJson'](arg1);
 }
 
+export function RestartApp() {
+  return window['go']['backend_golang']['App']['RestartApp']();
+}
+
 export function SaveJson(arg1, arg2) {
   return window['go']['backend_golang']['App']['SaveJson'](arg1, arg2);
 }

main.go

@@ -2,6 +2,7 @@ package main
 
 import (
 	"embed"
+	"os"
 	"runtime/debug"
 	"strings"
 
@@ -10,6 +11,7 @@ import (
 	"github.com/wailsapp/wails/v2"
 	"github.com/wailsapp/wails/v2/pkg/options"
 	"github.com/wailsapp/wails/v2/pkg/options/assetserver"
+	"github.com/wailsapp/wails/v2/pkg/options/windows"
 )
 
 //go:embed all:frontend/dist
@@ -29,18 +31,35 @@ func main() {
 		backend.CopyEmbed(cyac)
 		backend.CopyEmbed(cyacInfo)
 		backend.CopyEmbed(py)
+		os.Mkdir("models", os.ModePerm)
 	}
 
 	// Create an instance of the app structure
 	app := backend.NewApp()
 
+	var zoomFactor float64 = 1.0
+	data, err := app.ReadJson("config.json")
+	if err == nil {
+		app.HasConfigData = true
+		app.ConfigData = data.(map[string]any)
+		if dpiScaling, ok := app.ConfigData["settings"].(map[string]any)["dpiScaling"]; ok {
+			zoomFactor = dpiScaling.(float64) / 100
+		}
+	} else {
+		app.HasConfigData = false
+	}
+
 	// Create application with options
-	err := wails.Run(&options.App{
+	err = wails.Run(&options.App{
 		Title:     "RWKV-Runner",
 		Width:     1024,
 		Height:    680,
 		MinWidth:  375,
 		MinHeight: 640,
+		Windows: &windows.Options{
+			ZoomFactor:           zoomFactor,
+			IsZoomControlEnabled: true,
+		},
 		AssetServer: &assetserver.Options{
 			Assets: assets,
 		},

manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.0",
+  "version": "1.2.9",
   "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的优点结合起来 - 高性能、快速推理、节省显存、快速训练、“无限”上下文长度以及免费的语句嵌入（使用最终隐藏状态）。"
@@ -15,11 +15,23 @@
     }
   ],
   "models": [
+    {
+      "name": "RWKV-4-World-CHNtuned-0.1B-v1-20230617-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 0.1B v1 Enhanced Chinese",
+        "zh": "全球语言 0.1B v1 中文增强"
+      },
+      "size": 385594610,
+      "SHA256": "a3888f9958d378ee6d4976ae1c02edb698f4382e426086febafb4a69417b9080",
+      "lastUpdated": "2023-06-17T18:35:26",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-CHNtuned-0.1B-v1-20230617-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-CHNtuned-0.1B-v1-20230617-ctx4096.pth"
+    },
     {
       "name": "RWKV-4-World-0.1B-v1-20230520-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.1B v1",
-        "zh": "100+ 语言 0.1B v1"
+        "en": "Global Languages 0.1B v1",
+        "zh": "全球语言 0.1B v1"
       },
       "size": 385594610,
       "SHA256": "a10ef99df2a8f8a6801edf4fc92a9c49bedd63dcb900d3e5667a2136b3d671e7",
@@ -27,11 +39,23 @@
       "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-0.1B-v1-20230520-ctx4096.pth",
       "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-0.1B-v1-20230520-ctx4096.pth"
     },
+    {
+      "name": "RWKV-4-World-CHNtuned-0.4B-v1-20230618-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 0.4B v1 Enhanced Chinese",
+        "zh": "全球语言 0.4B v1 中文增强"
+      },
+      "size": 923362866,
+      "SHA256": "dbd5302cbee596bbc900f97eb10b2af3001a7f2c7e4d8643bf8683b2cdbdd324",
+      "lastUpdated": "2023-06-18T10:46:50",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-CHNtuned-0.4B-v1-20230618-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-CHNtuned-0.4B-v1-20230618-ctx4096.pth"
+    },
     {
       "name": "RWKV-4-World-0.4B-v1-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 0.4B v1",
-        "zh": "100+ 语言 0.4B v1"
+        "en": "Global Languages 0.4B v1",
+        "zh": "全球语言 0.4B v1"
       },
       "size": 923362866,
       "SHA256": "4b4a2733cf5e5dc97dd62106f391d99895d16b11c5ccd10c89f28c52067a4919",
@@ -39,11 +63,23 @@
       "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-0.4B-v1-20230529-ctx4096.pth",
       "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-0.4B-v1-20230529-ctx4096.pth"
     },
+    {
+      "name": "RWKV-4-World-CHNtuned-1.5B-v1-20230620-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 1.5B v1 Enhanced Chinese",
+        "zh": "全球语言 1.5B v1 中文增强"
+      },
+      "size": 3155281586,
+      "SHA256": "9f31f2ed5fe52dcf2d50208eb2efd764b9674dba2adb1baeff61997b4390a26b",
+      "lastUpdated": "2023-06-20T06:35:37",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-CHNtuned-1.5B-v1-20230620-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-CHNtuned-1.5B-v1-20230620-ctx4096.pth"
+    },
     {
       "name": "RWKV-4-World-1.5B-v1-OnlyForTest_57%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 Test",
-        "zh": "100+ 语言 1.5B v1 测试"
+        "en": "Global Languages 1.5B v1 Test",
+        "zh": "全球语言 1.5B v1 测试"
       },
       "size": 3155281581,
       "SHA256": "ac36770931776c5aa179690918c9a3b0b5f4ebe3301ea3574a7e182209778788",
@@ -55,8 +91,8 @@
     {
       "name": "RWKV-4-World-1.5B-v1-OnlyForTest_81%_trained-20230603-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1 Test",
-        "zh": "100+ 语言 1.5B v1 测试"
+        "en": "Global Languages 1.5B v1 Test",
+        "zh": "全球语言 1.5B v1 测试"
       },
       "size": 3155281581,
       "SHA256": "044fb10daa71f4c012493ac8ef455c8c3301095b5f009dae58f0f6382a53e23c",
@@ -68,20 +104,33 @@
     {
       "name": "RWKV-4-World-1.5B-v1-20230607-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 1.5B v1",
-        "zh": "100+ 语言 1.5B v1"
+        "en": "Global Languages 1.5B v1",
+        "zh": "全球语言 1.5B v1"
       },
       "size": 3155281586,
       "SHA256": "05bad4ab0ce41250064153d5352587b83215a82eb50134489675129bd4ad1087",
       "lastUpdated": "2023-06-07T09:33:32",
       "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth",
-      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth"
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-1.5B-v1-20230607-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 1.5B v1 fixed",
+        "zh": "全球语言 1.5B v1 修复"
+      },
+      "size": 3155281586,
+      "SHA256": "71f0c3229f9227cbcb8ae5fee6461197129a57e26366c4d23a49058417b046c9",
+      "lastUpdated": "2023-06-12T06:31:32",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-1.5B-v1-fixed-20230612-ctx4096.pth"
     },
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_35%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "en": "Global Languages 3B v1 Test",
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "e4ee6e91a80d56de43bc79841f3a8be3b7b215d7d9788f79c467b9b1f7f03cb8",
@@ -93,8 +142,8 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_52%_trained-20230603-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "en": "Global Languages 3B v1 Test",
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "aad3671078a0c686368add4f4b695a76c2ba1ddd505a64c0949bb003beeee9a3",
@@ -106,20 +155,58 @@
     {
       "name": "RWKV-4-World-3B-v1-OnlyForTest_64%_trained-20230607-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 3B v1 Test",
-        "zh": "100+ 语言 3B v1 测试"
+        "en": "Global Languages 3B v1 Test",
+        "zh": "全球语言 3B v1 测试"
       },
       "size": 6125597613,
       "SHA256": "49e8675e09e0786ca12a554442c37b9e809ed93e9211af937cd149968a6b81e9",
       "lastUpdated": "2023-06-07T09:33:32",
       "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-3B-v1-OnlyForTest_64%25_trained-20230607-ctx4096.pth",
-      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-3B-v1-OnlyForTest_64%25_trained-20230607-ctx4096.pth"
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-3B-v1-OnlyForTest_64%25_trained-20230607-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-3B-v1-OnlyForTest_80%_trained-20230612-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 3B v1 Test",
+        "zh": "全球语言 3B v1 测试"
+      },
+      "size": 6125597613,
+      "SHA256": "3bb10caf3017871435d83f39facc8a729fd774020390153470f004eb3ef645bd",
+      "lastUpdated": "2023-06-12T06:31:32",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-3B-v1-OnlyForTest_80%25_trained-20230612-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-3B-v1-OnlyForTest_80%25_trained-20230612-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-3B-v1-20230619-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 3B v1",
+        "zh": "全球语言 3B v1"
+      },
+      "size": 6125597618,
+      "SHA256": "1b227af317fa25b6939ab3c7cd321226ca48b8fe4bbbd2df3db669f1482c54ba",
+      "lastUpdated": "2023-06-20T03:00:51",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-3B-v1-20230619-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-3B-v1-20230619-ctx4096.pth"
+    },
+    {
+      "name": "RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 3B v1 Enhanced Chinese",
+        "zh": "全球语言 3B v1 中文增强"
+      },
+      "size": 6125597618,
+      "SHA256": "7d3b5a4d0e9780a3e3d9ae7c2defbe8564d240bc9a238db4ba70cfb66dc33888",
+      "lastUpdated": "2023-06-25T14:53:27",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-CHNtuned-3B-v1-20230625-ctx4096.pth"
     },
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_30%_trained-20230529-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "05f91562b2ae8b025226e40b3fb536d6f8eb3c142ac899c0808ee1c9dc189ec4",
@@ -131,8 +218,8 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_40%_trained-20230601-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "63c060c472e45b6c3af2baaaee448ffd95f9b46e3cc6e1ef70ce7ecb1d01bcfa",
@@ -144,14 +231,66 @@
     {
       "name": "RWKV-4-World-7B-v1-OnlyForTest_52%_trained-20230606-ctx4096.pth",
       "desc": {
-        "en": "100+ Languages 7B v1 Test",
-        "zh": "100+ 语言 7B v1 测试"
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
       },
       "size": 15035393581,
       "SHA256": "636405626eadbab230e1a7dc2855bb6244e09b5850547dda7103f650b4849de7",
       "lastUpdated": "2023-06-06T14:21:31",
       "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-7B-v1-OnlyForTest_52%25_trained-20230606-ctx4096.pth",
-      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-OnlyForTest_52%25_trained-20230606-ctx4096.pth"
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-OnlyForTest_52%25_trained-20230606-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-7B-v1-OnlyForTest_64%_trained-20230610-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
+      },
+      "size": 15035393581,
+      "SHA256": "8039be276f555318a5b2e9ad82b9d70001c12bd2e3e668048615fc7b09d5d9a4",
+      "lastUpdated": "2023-06-11T01:58:29",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-7B-v1-OnlyForTest_64%25_trained-20230610-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-OnlyForTest_64%25_trained-20230610-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-7B-v1-OnlyForTest_75%_trained-20230615-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
+      },
+      "size": 15035393581,
+      "SHA256": "a5f4246a18698a350a49988de7a8a01cbd765f8d11ee6427cabb93bf659f2d0d",
+      "lastUpdated": "2023-06-15T15:09:11",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-7B-v1-OnlyForTest_75%25_trained-20230615-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-OnlyForTest_75%25_trained-20230615-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-7B-v1-OnlyForTest_84%_trained-20230618-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 7B v1 Test",
+        "zh": "全球语言 7B v1 测试"
+      },
+      "size": 15035393581,
+      "SHA256": "dfb56e8ba32907cb47df83c8d702e7f350d9ad50a59b71b031da4681637588b3",
+      "lastUpdated": "2023-06-19T01:28:17",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-7B-v1-OnlyForTest_84%25_trained-20230618-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-OnlyForTest_84%25_trained-20230618-ctx4096.pth",
+      "hide": true
+    },
+    {
+      "name": "RWKV-4-World-7B-v1-20230626-ctx4096.pth",
+      "desc": {
+        "en": "Global Languages 7B v1",
+        "zh": "全球语言 7B v1"
+      },
+      "size": 15035393586,
+      "SHA256": "db7b011247a0fe4389e1d76e3d6a904185f85d509c8a44ad18bf401094efc293",
+      "lastUpdated": "2023-06-26T16:40:04",
+      "url": "https://huggingface.co/BlinkDL/rwkv-4-world/blob/main/RWKV-4-World-7B-v1-20230626-ctx4096.pth",
+      "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-world/resolve/main/RWKV-4-World-7B-v1-20230626-ctx4096.pth"
     },
     {
       "name": "RWKV-4-Novel-7B-v1-ChnEng-ChnPro-20230410-ctx4096.pth",
@@ -377,4 +516,4 @@
       "downloadUrl": "https://huggingface.co/BlinkDL/rwkv-4-raven/resolve/main/RWKV-4-Raven-14B-v12-Eng98%25-Other2%25-20230523-ctx8192.pth"
     }
   ]
-}
+}