update readme

improve compatible API
add compatible /v1/completions API
2023-05-22 11:48:56 +08:00 · 2023-05-22 11:24:57 +08:00 · 2023-05-22 11:18:37 +08:00 · 2023-05-22 10:52:06 +08:00 · 2023-05-22 10:08:38 +08:00 · 2023-05-22 00:04:18 +08:00
36 changed files with 783 additions and 481 deletions
--- a/README.md
+++ b/README.md
@@ -1,3 +1,83 @@
-# RWKV-Runner
+<p align="center">
+    <img src="https://github.com/josStorer/RWKV-Runner/assets/13366013/d24834b0-265d-45f5-93c0-fac1e19562af">
+</p>

-In development
+<h1 align="center">RWKV Runner</h1>
+
+<div align="center">
+
+This project aims to eliminate the barriers of using large language models by automating everything for you. All you
+need is a lightweight executable program of just a few megabytes. Additionally, this project provides an interface
+compatible with the OpenAI API, which means that every ChatGPT client is an RWKV client.
+
+[![license][license-image]][license-url]
+[![release][release-image]][release-url]
+
+English | [简体中文](README_ZH.md)
+
+[Preview](#Preview) | [Download][download-url]
+
+[license-image]: http://img.shields.io/badge/license-MIT-blue.svg
+
+[license-url]: https://github.com/josStorer/RWKV-Runner/blob/master/LICENSE
+
+[release-image]: https://img.shields.io/github/release/josStorer/RWKV-Runner.svg
+
+[release-url]: https://github.com/josStorer/RWKV-Runner/releases/latest
+
+[download-url]: https://github.com/josStorer/RWKV-Runner/releases/download/v1.0.0/RWKV-Runner_windows_x64.exe
+
+</div>
+
+## Features
+
+- RWKV model management and one-click startup
+- Fully compatible with the OpenAI API, making every ChatGPT client an RWKV client. After starting the model,
+  open http://127.0.0.1:8000/docs to view more details.
+- Automatic dependency installation, requiring only a lightweight executable program
+- User-friendly chat interaction interface included
+- Easy-to-understand and operate parameter configuration
+- Built-in model conversion tool
+- Built-in download management and remote model inspection
+- Multilingual localization
+- Theme switching
+- Automatic updates
+
+## Todo
+
+- Model training functionality
+- CUDA operator int8 acceleration
+- macOS support
+- Linux support
+
+## Related Repositories:
+
+- RWKV-4-Raven: https://huggingface.co/BlinkDL/rwkv-4-raven/tree/main
+- ChatRWKV: https://github.com/BlinkDL/ChatRWKV
+- RWKV-LM: https://github.com/BlinkDL/RWKV-LM
+
+## Preview
+
+### Homepage
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/60efbb65-29e3-4346-a597-5bdcd099251c)
+
+### Chat
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/6cde9c45-51bb-4dee-b1fe-746862448520)
+
+### Configuration
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/93270a68-9d6d-4247-b6a3-e543c65a876b)
+
+### Model Management
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/6f96fdd3-fdf5-4b78-af80-2afbd1ad173b)
+
+### Download Management
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/6982e7ee-bace-4a88-bb47-92379185bf9d)
+
+### Settings
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/b3b2ab46-344c-4f04-b066-1503f776eeb9)
--- a/README_ZH.md
+++ b/README_ZH.md
@@ -0,0 +1,81 @@
+<p align="center">
+    <img src="https://github.com/josStorer/RWKV-Runner/assets/13366013/d24834b0-265d-45f5-93c0-fac1e19562af">
+</p>
+
+<h1 align="center">RWKV Runner</h1>
+
+<div align="center">
+
+本项目旨在消除大语言模型的使用门槛，全自动为你处理一切，你只需要一个仅仅几MB的可执行程序。此外本项目提供了与OpenAI
+API兼容的接口，这意味着一切ChatGPT客户端都是RWKV客户端。
+
+[![license][license-image]][license-url]
+[![release][release-image]][release-url]
+
+[English](README.md) | 简体中文
+
+[预览](#Preview) | [下载][download-url]
+
+[license-image]: http://img.shields.io/badge/license-MIT-blue.svg
+
+[license-url]: https://github.com/josStorer/RWKV-Runner/blob/master/LICENSE
+
+[release-image]: https://img.shields.io/github/release/josStorer/RWKV-Runner.svg
+
+[release-url]: https://github.com/josStorer/RWKV-Runner/releases/latest
+
+[download-url]: https://github.com/josStorer/RWKV-Runner/releases/download/v1.0.0/RWKV-Runner_windows_x64.exe
+
+</div>
+
+## 功能
+
+- RWKV模型管理，一键启动
+- 与OpenAI API完全兼容，一切ChatGPT客户端，都是RWKV客户端。启动模型后，打开 http://127.0.0.1:8000/docs 查看详细内容
+- 全自动依赖安装，你只需要一个轻巧的可执行程序
+- 自带用户友好的聊天交互页面
+- 易于理解和操作的参数配置
+- 内置模型转换工具
+- 内置下载管理和远程模型检视
+- 多语言本地化
+- 主题切换
+- 自动更新
+
+## Todo
+
+- 模型训练功能
+- CUDA算子int8提速
+- macOS支持
+- linux支持
+
+## 相关仓库:
+
+- RWKV-4-Raven: https://huggingface.co/BlinkDL/rwkv-4-raven/tree/main
+- ChatRWKV: https://github.com/BlinkDL/ChatRWKV
+- RWKV-LM: https://github.com/BlinkDL/RWKV-LM
+
+## Preview
+
+### 主页
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/9d25380a-a17b-443f-b823-86c754ebebf0)
+
+### 聊天
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/0e66d5fa-f34a-409f-9cd4-d880815733f3)
+
+### 配置
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/ad9921fc-7248-40a3-9e18-03445b86e4bf)
+
+### 模型管理
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/7c36f15f-3e77-49cd-a16d-99a29f870bdf)
+
+### 下载管理
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/32fde30b-11dd-43b9-9667-ad6975be2106)
+
+### 设置
+
+![image](https://github.com/josStorer/RWKV-Runner/assets/13366013/e8a0f746-9da7-48e3-b3fc-e1453ac50de2)
--- a/backend-python/main.py
+++ b/backend-python/main.py
@@ -53,5 +53,16 @@ def exit():
    parent.kill()


+def debug():
+    model = RWKV(
+        model="../models/RWKV-4-Raven-7B-v11-Eng49%-Chn49%-Jpn1%-Other1%-20230430-ctx8192.pth",
+        strategy="cuda fp16",
+        tokens_path="20B_tokenizer.json",
+    )
+    d = model.tokenizer.decode([])
+    print(d)
+
+
 if __name__ == "__main__":
    uvicorn.run("main:app", port=8000 if len(sys.argv) == 1 else int(sys.argv[1]))
+    # debug()
--- a/backend-python/routes/completion.py
+++ b/backend-python/routes/completion.py
@@ -17,10 +17,11 @@ class Message(BaseModel):
    content: str


-class CompletionBody(ModelConfigBody):
+class ChatCompletionBody(ModelConfigBody):
    messages: List[Message]
    model: str = "rwkv"
    stream: bool = False
+    stop: str = None


 completion_lock = Lock()
@@ -28,7 +29,7 @@ completion_lock = Lock()

@router.post("/v1/chat/completions")
@router.post("/chat/completions")
-async def completions(body: CompletionBody, request: Request):
+async def chat_completions(body: ChatCompletionBody, request: Request):
    model: RWKV = global_var.get(global_var.Model)
    if model is None:
        raise HTTPException(status.HTTP_400_BAD_REQUEST, "model not loaded")
@@ -42,9 +43,23 @@ async def completions(body: CompletionBody, request: Request):
    completion_text = ""
    for message in body.messages:
        if message.role == "user":
-            completion_text += "Bob: " + message.content + "\n\n"
+            completion_text += (
+                "Bob: "
+                + message.content.replace("\\n", "\n")
+                .replace("\r\n", "\n")
+                .replace("\n\n", "\n")
+                .strip()
+                + "\n\n"
+            )
        elif message.role == "assistant":
-            completion_text += "Alice: " + message.content + "\n\n"
+            completion_text += (
+                "Alice: "
+                + message.content.replace("\\n", "\n")
+                .replace("\r\n", "\n")
+                .replace("\n\n", "\n")
+                .strip()
+                + "\n\n"
+            )
    completion_text += "Alice:"

    async def eval_rwkv():
@@ -56,7 +71,9 @@ async def completions(body: CompletionBody, request: Request):
            set_rwkv_config(model, body)
            if body.stream:
                for response, delta in rwkv_generate(
-                    model, completion_text, stop="\n\nBob"
+                    model,
+                    completion_text,
+                    stop="\n\nBob" if body.stop is None else body.stop,
                ):
                    if await request.is_disconnected():
                        break
@@ -93,7 +110,9 @@ async def completions(body: CompletionBody, request: Request):
            else:
                response = None
                for response, delta in rwkv_generate(
-                    model, completion_text, stop="\n\nBob"
+                    model,
+                    completion_text,
+                    stop="\n\nBob" if body.stop is None else body.stop,
                ):
                    if await request.is_disconnected():
                        break
@@ -121,3 +140,90 @@ async def completions(body: CompletionBody, request: Request):
        return EventSourceResponse(eval_rwkv())
    else:
        return await eval_rwkv().__anext__()
+
+
+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):
+    model: RWKV = global_var.get(global_var.Model)
+    if model is None:
+        raise HTTPException(status.HTTP_400_BAD_REQUEST, "model not loaded")
+
+    async def eval_rwkv():
+        while completion_lock.locked():
+            await asyncio.sleep(0.1)
+        else:
+            completion_lock.acquire()
+            set_rwkv_config(model, global_var.get(global_var.Model_Config))
+            set_rwkv_config(model, body)
+            if body.stream:
+                for response, delta in rwkv_generate(
+                    model, 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,
+                                }
+                            ],
+                        }
+                    )
+                if await request.is_disconnected():
+                    completion_lock.release()
+                    return
+                yield json.dumps(
+                    {
+                        "response": response,
+                        "model": "rwkv",
+                        "choices": [
+                            {
+                                "text": "",
+                                "index": 0,
+                                "finish_reason": "stop",
+                            }
+                        ],
+                    }
+                )
+                yield "[DONE]"
+            else:
+                response = None
+                for response, delta in rwkv_generate(
+                    model, body.prompt, stop=body.stop
+                ):
+                    if await request.is_disconnected():
+                        break
+                if await request.is_disconnected():
+                    completion_lock.release()
+                    return
+                yield {
+                    "response": response,
+                    "model": "rwkv",
+                    "choices": [
+                        {
+                            "text": response,
+                            "index": 0,
+                            "finish_reason": "stop",
+                        }
+                    ],
+                }
+            # torch_gc()
+            completion_lock.release()
+
+    if body.stream:
+        return EventSourceResponse(eval_rwkv())
+    else:
+        return await eval_rwkv().__anext__()
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -23,18 +23,18 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 // SOFTWARE.

-import {FluentProvider, Tab, TabList, webDarkTheme, webLightTheme} from '@fluentui/react-components';
-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 { FluentProvider, Tab, TabList, webDarkTheme, webLightTheme } from '@fluentui/react-components';
+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 { observer } from 'mobx-react-lite';
+import { useTranslation } from 'react-i18next';

 const App: FC = observer(() => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();
  const navigate = useNavigate();
  const location = useLocation();
  const mq = useMediaQuery('(min-width: 640px)');
@@ -42,24 +42,24 @@ const App: FC = observer(() => {
  const [path, setPath] = useState<string>(pages[0].path);

  const selectTab = (selectedPath: unknown) =>
-    typeof selectedPath === 'string' ? navigate({pathname: selectedPath}) : null;
+    typeof selectedPath === 'string' ? navigate({ pathname: selectedPath }) : null;

  useEffect(() => setPath(location.pathname), [location]);

  return (
    <FluentProvider className="h-screen"
-                    theme={commonStore.settings.darkMode ? webDarkTheme : webLightTheme}
-                    data-theme={commonStore.settings.darkMode ? 'dark' : 'light'}>
+      theme={commonStore.settings.darkMode ? webDarkTheme : webLightTheme}
+      data-theme={commonStore.settings.darkMode ? 'dark' : 'light'}>
      <div className="flex h-full">
        <div className="flex flex-col w-16 sm:w-48 p-2 justify-between">
          <TabList
            size="large"
            appearance="subtle"
            selectedValue={path}
-            onTabSelect={(_, {value}) => selectTab(value)}
+            onTabSelect={(_, { value }) => selectTab(value)}
            vertical
          >
-            {pages.filter(page => page.top).map(({label, path, icon}, index) => (
+            {pages.filter(page => page.top).map(({ label, path, icon }, index) => (
              <Tab icon={icon} key={`${path}-${index}`} value={path}>
                {mq && t(label)}
              </Tab>
@@ -69,10 +69,10 @@ const App: FC = observer(() => {
            size="large"
            appearance="subtle"
            selectedValue={path}
-            onTabSelect={(_, {value}) => selectTab(value)}
+            onTabSelect={(_, { value }) => selectTab(value)}
            vertical
          >
-            {pages.filter(page => !page.top).map(({label, path, icon}, index) => (
+            {pages.filter(page => !page.top).map(({ label, path, icon }, index) => (
              <Tab icon={icon} key={`${path}-${index}`} value={path}>
                {mq && t(label)}
              </Tab>
@@ -81,8 +81,8 @@ const App: FC = observer(() => {
        </div>
        <div className="h-full w-full p-2 box-border overflow-y-hidden">
          <Routes>
-            {pages.map(({path, element}, index) => (
-              <Route key={`${path}-${index}`} path={path} element={element}/>
+            {pages.map(({ path, element }, index) => (
+              <Route key={`${path}-${index}`} path={path} element={element} />
            ))}
          </Routes>
        </div>
--- a/frontend/src/_locales/i18n-react.ts
+++ b/frontend/src/_locales/i18n-react.ts
@@ -1,7 +1,7 @@
-import i18n, {changeLanguage} from 'i18next';
-import {initReactI18next} from 'react-i18next';
-import {resources} from './resources';
-import {getUserLanguage} from '../utils';
+import i18n, { changeLanguage } from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import { resources } from './resources';
+import { getUserLanguage } from '../utils';

 i18n.use(initReactI18next).init({
  resources,
--- a/frontend/src/_locales/i18n.ts
+++ b/frontend/src/_locales/i18n.ts
@@ -1,6 +1,6 @@
-import i18n, {changeLanguage} from 'i18next';
-import {resources} from './resources';
-import {getUserLanguage} from '../utils';
+import i18n, { changeLanguage } from 'i18next';
+import { resources } from './resources';
+import { getUserLanguage } from '../utils';

 i18n.init({
  resources
--- a/frontend/src/_locales/resources.ts
+++ b/frontend/src/_locales/resources.ts
@@ -1,4 +1,4 @@
-import zhHans from './zh-hans/main.json'
+import zhHans from './zh-hans/main.json';

 export const resources = {
  zh: {
@@ -34,4 +34,4 @@ export const resources = {
  // zhHant: {
  //   translation: zhHant,
  // },
-}
+};
--- a/frontend/src/_locales/zh-hans/main.json
+++ b/frontend/src/_locales/zh-hans/main.json
@@ -71,7 +71,7 @@
  "Copy": "复制",
  "Read Aloud": "朗读",
  "Hello! I'm RWKV, an open-source and commercially available 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'部分替换为'",
+  "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": "更新",
  "Please click the button in the top right corner to start the model": "请点击右上角的按钮启动模型",
@@ -96,5 +96,6 @@
  "Install": "安装",
  "This is the latest version": "已是最新版",
  "Use Tsinghua Pip Mirrors": "使用清华大学Pip镜像源",
-  "Model Config Exception": "模型配置异常"
+  "Model Config Exception": "模型配置异常",
+  "Use Gitee Updates Source": "使用Gitee更新源"
 }
--- a/frontend/src/apis/index.ts
+++ b/frontend/src/apis/index.ts
@@ -1,4 +1,4 @@
-import commonStore, {ModelStatus} from '../stores/commonStore';
+import commonStore, { ModelStatus } from '../stores/commonStore';

 export const readRoot = async () => {
  const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
@@ -11,7 +11,7 @@ export const exit = async (timeout?: number) => {
    setTimeout(() => controller.abort(), timeout);

  const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
-  return fetch(`http://127.0.0.1:${port}/exit`, {method: 'POST', signal: controller.signal});
+  return fetch(`http://127.0.0.1:${port}/exit`, { method: 'POST', signal: controller.signal });
 };

 export const switchModel = async (body: any) => {
@@ -43,7 +43,7 @@ export const getStatus = async (timeout?: number): Promise<ModelStatus | undefin

  const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
  let ret: ModelStatus | undefined;
-  await fetch(`http://127.0.0.1:${port}/status`, {signal: controller.signal}).then(r => r.json()).then(data => {
+  await fetch(`http://127.0.0.1:${port}/status`, { signal: controller.signal }).then(r => r.json()).then(data => {
    ret = data.status;
  }).catch(() => {
  });
--- a/frontend/src/components/ConfigSelector.tsx
+++ b/frontend/src/components/ConfigSelector.tsx
@@ -1,16 +1,16 @@
-import {FC} from 'react';
-import {observer} from 'mobx-react-lite';
-import {Dropdown, Option} from '@fluentui/react-components';
+import { FC } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Dropdown, Option } from '@fluentui/react-components';
 import commonStore from '../stores/commonStore';

-export const ConfigSelector: FC<{ size?: 'small' | 'medium' | 'large' }> = observer(({size}) => {
-  return <Dropdown size={size} style={{minWidth: 0}} listbox={{style: {minWidth: 0}}}
-                   value={commonStore.getCurrentModelConfig().name}
-                   selectedOptions={[commonStore.currentModelConfigIndex.toString()]}
-                   onOptionSelect={(_, data) => {
-                     if (data.optionValue)
-                       commonStore.setCurrentConfigIndex(Number(data.optionValue));
-                   }}>
+export const ConfigSelector: FC<{ size?: 'small' | 'medium' | 'large' }> = observer(({ size }) => {
+  return <Dropdown size={size} style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+    value={commonStore.getCurrentModelConfig().name}
+    selectedOptions={[commonStore.currentModelConfigIndex.toString()]}
+    onOptionSelect={(_, data) => {
+      if (data.optionValue)
+        commonStore.setCurrentConfigIndex(Number(data.optionValue));
+    }}>
    {commonStore.modelConfigs.map((config, index) =>
      <Option key={index} value={index.toString()}>{config.name}</Option>
    )}
--- a/frontend/src/components/CopyButton.tsx
+++ b/frontend/src/components/CopyButton.tsx
@@ -1,25 +1,25 @@
-import {FC, useState} from 'react';
-import {CheckIcon, CopyIcon} from '@primer/octicons-react';
-import {useTranslation} from 'react-i18next';
-import {ClipboardSetText} from '../../wailsjs/runtime';
-import {ToolTipButton} from './ToolTipButton';
+import { FC, useState } from 'react';
+import { CheckIcon, CopyIcon } from '@primer/octicons-react';
+import { useTranslation } from 'react-i18next';
+import { ClipboardSetText } from '../../wailsjs/runtime';
+import { ToolTipButton } from './ToolTipButton';

-export const CopyButton: FC<{ content: string }> = ({content}) => {
-  const {t} = useTranslation();
+export const CopyButton: FC<{ content: string }> = ({ content }) => {
+  const { t } = useTranslation();
  const [copied, setCopied] = useState(false);

  const onClick = () => {
    ClipboardSetText(content)
-      .then(() => setCopied(true))
-      .then(() =>
-        setTimeout(() => {
-          setCopied(false);
-        }, 600)
-      );
+    .then(() => setCopied(true))
+    .then(() =>
+      setTimeout(() => {
+        setCopied(false);
+      }, 600)
+    );
  };

  return (
-    <ToolTipButton desc={t('Copy')} size="small" appearance="subtle" icon={copied ? <CheckIcon/> : <CopyIcon/>}
-                   onClick={onClick}/>
+    <ToolTipButton desc={t('Copy')} size="small" appearance="subtle" icon={copied ? <CheckIcon /> : <CopyIcon />}
+      onClick={onClick} />
  );
 };
--- a/frontend/src/components/Labeled.tsx
+++ b/frontend/src/components/Labeled.tsx
@@ -1,16 +1,16 @@
-import {FC, ReactElement} from 'react';
-import {Label, Tooltip} from '@fluentui/react-components';
+import { FC, ReactElement } from 'react';
+import { Label, Tooltip } from '@fluentui/react-components';
 import classnames from 'classnames';

 export const Labeled: FC<{
  label: string; desc?: string | null, content: ReactElement, flex?: boolean, spaceBetween?: boolean
 }> = ({
-        label,
-        desc,
-        content,
-        flex,
-        spaceBetween
-      }) => {
+  label,
+  desc,
+  content,
+  flex,
+  spaceBetween
+}) => {
  return (
    <div className={classnames(
      'items-center',
--- a/frontend/src/components/MarkdownRender.tsx
+++ b/frontend/src/components/MarkdownRender.tsx
@@ -3,14 +3,14 @@ import rehypeRaw from 'rehype-raw';
 import rehypeHighlight from 'rehype-highlight';
 import remarkGfm from 'remark-gfm';
 import remarkBreaks from 'remark-breaks';
-import {FC} from 'react';
-import {ReactMarkdownOptions} from 'react-markdown/lib/react-markdown';
-import {BrowserOpenURL} from '../../wailsjs/runtime';
+import { FC } from 'react';
+import { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown';
+import { BrowserOpenURL } from '../../wailsjs/runtime';

-const Hyperlink: FC<any> = ({href, children}) => {
+const Hyperlink: FC<any> = ({ href, children }) => {
  return (
    <span
-      style={{color: '#8ab4f8', cursor: 'pointer'}}
+      style={{ color: '#8ab4f8', cursor: 'pointer' }}
      onClick={() => {
        BrowserOpenURL(href);
      }}
--- a/frontend/src/components/NumberInput.tsx
+++ b/frontend/src/components/NumberInput.tsx
@@ -1,6 +1,6 @@
-import React, {CSSProperties, FC} from 'react';
-import {Input} from '@fluentui/react-components';
-import {SliderOnChangeData} from '@fluentui/react-slider';
+import React, { CSSProperties, FC } from 'react';
+import { Input } from '@fluentui/react-components';
+import { SliderOnChangeData } from '@fluentui/react-slider';

 export const NumberInput: FC<{
  value: number,
@@ -9,23 +9,23 @@ export const NumberInput: FC<{
  step?: number,
  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void
  style?: CSSProperties
-}> = ({value, min, max, step, onChange, style}) => {
+}> = ({ value, min, max, step, onChange, style }) => {
  return (
    <Input type="number" style={style} value={value.toString()} min={min} max={max} step={step}
-           onChange={(e, data) => {
-             onChange?.(e, {value: Number(data.value)});
-           }}
-           onBlur={(e) => {
-             if (onChange) {
-               if (step) {
-                 const offset = (min > 0 ? min : 0) - (max < 0 ? max : 0);
-                 value = Number(((
-                     Math.round((value - offset) / step) * step)
-                   + offset)
-                   .toFixed(2)); // avoid precision issues
-               }
-               onChange(e, {value: Math.max(Math.min(value, max), min)});
-             }
-           }}/>
+      onChange={(e, data) => {
+        onChange?.(e, { value: Number(data.value) });
+      }}
+      onBlur={(e) => {
+        if (onChange) {
+          if (step) {
+            const offset = (min > 0 ? min : 0) - (max < 0 ? max : 0);
+            value = Number(((
+                Math.round((value - offset) / step) * step)
+              + offset)
+            .toFixed(2)); // avoid precision issues
+          }
+          onChange(e, { value: Math.max(Math.min(value, max), min) });
+        }
+      }} />
  );
 };
--- a/frontend/src/components/Page.tsx
+++ b/frontend/src/components/Page.tsx
@@ -1,11 +1,11 @@
-import React, {FC, ReactElement} from 'react';
-import {Divider, Text} from '@fluentui/react-components';
+import React, { FC, ReactElement } from 'react';
+import { Divider, Text } from '@fluentui/react-components';

-export const Page: FC<{ title: string; content: ReactElement }> = ({title, content}) => {
+export const Page: FC<{ title: string; content: ReactElement }> = ({ title, content }) => {
  return (
    <div className="flex flex-col gap-2 p-2 h-full">
      <Text size={600}>{title}</Text>
-      <Divider style={{flexGrow: 0}}/>
+      <Divider style={{ flexGrow: 0 }} />
      {content}
    </div>
  );
--- a/frontend/src/components/ReadButton.tsx
+++ b/frontend/src/components/ReadButton.tsx
@@ -1,14 +1,14 @@
-import {FC, useState} from 'react';
-import {MuteIcon, UnmuteIcon} from '@primer/octicons-react';
-import {useTranslation} from 'react-i18next';
-import {ToolTipButton} from './ToolTipButton';
+import { FC, useState } from 'react';
+import { MuteIcon, UnmuteIcon } from '@primer/octicons-react';
+import { useTranslation } from 'react-i18next';
+import { ToolTipButton } from './ToolTipButton';
 import commonStore from '../stores/commonStore';
-import {observer} from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';

 const synth = window.speechSynthesis;

-export const ReadButton: FC<{ content: string }> = observer(({content}) => {
-  const {t} = useTranslation();
+export const ReadButton: FC<{ content: string }> = observer(({ content }) => {
+  const { t } = useTranslation();
  const [speaking, setSpeaking] = useState(false);
  let lang: string = commonStore.settings.language;
  if (lang === 'dev')
@@ -46,7 +46,8 @@ export const ReadButton: FC<{ content: string }> = observer(({content}) => {
  };

  return (
-    <ToolTipButton desc={t('Read Aloud')} size="small" appearance="subtle" icon={speaking ? <MuteIcon/> : <UnmuteIcon/>}
-                   onClick={speaking ? stopSpeak : startSpeak}/>
+    <ToolTipButton desc={t('Read Aloud')} size="small" appearance="subtle"
+      icon={speaking ? <MuteIcon /> : <UnmuteIcon />}
+      onClick={speaking ? stopSpeak : startSpeak} />
  );
 });
--- a/frontend/src/components/RunButton.tsx
+++ b/frontend/src/components/RunButton.tsx
@@ -1,6 +1,12 @@
 import React, { FC, MouseEventHandler, ReactElement } from 'react';
 import commonStore, { ModelStatus } from '../stores/commonStore';
-import { AddToDownloadList, DepCheck, FileExists, InstallPyDep, StartServer } from '../../wailsjs/go/backend_golang/App';
+import {
+  AddToDownloadList,
+  DepCheck,
+  FileExists,
+  InstallPyDep,
+  StartServer
+} from '../../wailsjs/go/backend_golang/App';
 import { Button } from '@fluentui/react-components';
 import { observer } from 'mobx-react-lite';
 import { exit, readRoot, switchModel, updateConfig } from '../apis';
@@ -29,141 +35,141 @@ const iconModeButtonIcon: { [modelStatus: number]: ReactElement } = {

 export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean }>
  = observer(({
-    onClickRun,
-    iconMode
-  }) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
+  onClickRun,
+  iconMode
+}) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();

-    const onClickMainButton = async () => {
-      if (commonStore.modelStatus === ModelStatus.Offline) {
-        commonStore.setModelStatus(ModelStatus.Starting);
+  const onClickMainButton = async () => {
+    if (commonStore.modelStatus === ModelStatus.Offline) {
+      commonStore.setModelStatus(ModelStatus.Starting);

-        const modelConfig = commonStore.getCurrentModelConfig();
-        let modelName = ''
-        let modelPath = ''
-        if (modelConfig && modelConfig.modelParameters) {
-          modelName = modelConfig.modelParameters.modelName;
-          modelPath = `./${manifest.localModelDir}/${modelName}`;
-        } else {
-          toast(t('Model Config Exception'), { type: 'error' });
+      const modelConfig = commonStore.getCurrentModelConfig();
+      let modelName = '';
+      let modelPath = '';
+      if (modelConfig && modelConfig.modelParameters) {
+        modelName = modelConfig.modelParameters.modelName;
+        modelPath = `./${manifest.localModelDir}/${modelName}`;
+      } else {
+        toast(t('Model Config Exception'), { type: 'error' });
+        commonStore.setModelStatus(ModelStatus.Offline);
+        return;
+      }
+
+      if (!commonStore.depComplete) {
+        let depErrorMsg = '';
+        await DepCheck().catch((e) => {
+          depErrorMsg = e.message || e;
+          WindowShow();
+          if (depErrorMsg === 'python zip not found') {
+            toastWithButton(t('Python target not found, would you like to download it?'), t('Download'), () => {
+              toastWithButton(`${t('Downloading')} Python`, t('Check'), () => {
+                navigate({ pathname: '/downloads' });
+              }, { autoClose: 3000 });
+              AddToDownloadList('python-3.10.11-embed-amd64.zip', 'https://www.python.org/ftp/python/3.10.11/python-3.10.11-embed-amd64.zip');
+            });
+          } else if (depErrorMsg.includes('DepCheck Error')) {
+            toastWithButton(t('Python dependencies are incomplete, would you like to install them?'), t('Install'), () => {
+              InstallPyDep(commonStore.settings.cnMirror);
+              setTimeout(WindowShow, 1000);
+            });
+          } else {
+            toast(depErrorMsg, { type: 'error' });
+          }
+        });
+        if (depErrorMsg) {
          commonStore.setModelStatus(ModelStatus.Offline);
          return;
        }
+        commonStore.setDepComplete(true);
+        saveCache();
+      }

-        if (!commonStore.depComplete) {
-          let depErrorMsg = '';
-          await DepCheck().catch((e) => {
-            depErrorMsg = e.message || e;
-            WindowShow();
-            if (depErrorMsg === 'python zip not found') {
-              toastWithButton(t('Python target not found, would you like to download it?'), t('Download'), () => {
-                toastWithButton(`${t('Downloading')} Python`, t('Check'), () => {
-                  navigate({ pathname: '/downloads' });
-                }, { autoClose: 3000 });
-                AddToDownloadList('python-3.10.11-embed-amd64.zip', 'https://www.python.org/ftp/python/3.10.11/python-3.10.11-embed-amd64.zip');
-              });
-            } else if (depErrorMsg.includes('DepCheck Error')) {
-              toastWithButton(t('Python dependencies are incomplete, would you like to install them?'), t('Install'), () => {
-                InstallPyDep(commonStore.settings.cnMirror);
-                setTimeout(WindowShow, 1000)
-              });
-            } else {
-              toast(depErrorMsg, { type: 'error' });
-            }
-          });
-          if (depErrorMsg) {
-            commonStore.setModelStatus(ModelStatus.Offline);
-            return;
-          }
-          commonStore.setDepComplete(true);
-          saveCache();
-        }
-
-        if (!await FileExists(modelPath)) {
-          toastWithButton(t('Model file not found'), t('Download'), () => {
-            const downloadUrl = commonStore.modelSourceList.find(item => item.name === modelName)?.downloadUrl;
-            if (downloadUrl) {
-              toastWithButton(`${t('Downloading')} ${modelName}`, t('Check'), () => {
+      if (!await FileExists(modelPath)) {
+        toastWithButton(t('Model file not found'), t('Download'), () => {
+          const downloadUrl = commonStore.modelSourceList.find(item => item.name === modelName)?.downloadUrl;
+          if (downloadUrl) {
+            toastWithButton(`${t('Downloading')} ${modelName}`, t('Check'), () => {
                navigate({ pathname: '/downloads' });
              },
-                { autoClose: 3000 });
-              AddToDownloadList(modelPath, downloadUrl);
-            } else {
-              toast(t('Can not find download url'), { type: 'error' });
-            }
-          });
-
-          commonStore.setModelStatus(ModelStatus.Offline);
-          return;
-        }
-
-        const port = modelConfig.apiParameters.apiPort;
-
-        await exit(1000).catch(() => {
+              { autoClose: 3000 });
+            AddToDownloadList(modelPath, downloadUrl);
+          } else {
+            toast(t('Can not find download url'), { type: 'error' });
+          }
        });
-        StartServer(port);
-        setTimeout(WindowShow, 1000)

-        let timeoutCount = 6;
-        let loading = false;
-        const intervalId = setInterval(() => {
-          readRoot()
-            .then(r => {
-              if (r.ok && !loading) {
-                clearInterval(intervalId);
-                commonStore.setModelStatus(ModelStatus.Loading);
-                loading = true;
+        commonStore.setModelStatus(ModelStatus.Offline);
+        return;
+      }
+
+      const port = modelConfig.apiParameters.apiPort;
+
+      await exit(1000).catch(() => {
+      });
+      StartServer(port);
+      setTimeout(WindowShow, 1000);
+
+      let timeoutCount = 6;
+      let loading = false;
+      const intervalId = setInterval(() => {
+        readRoot()
+        .then(r => {
+          if (r.ok && !loading) {
+            clearInterval(intervalId);
+            commonStore.setModelStatus(ModelStatus.Loading);
+            loading = true;
+            toast(t('Loading Model'), { type: 'info' });
+            updateConfig({
+              max_tokens: modelConfig.apiParameters.maxResponseToken,
+              temperature: modelConfig.apiParameters.temperature,
+              top_p: modelConfig.apiParameters.topP,
+              presence_penalty: modelConfig.apiParameters.presencePenalty,
+              frequency_penalty: modelConfig.apiParameters.frequencyPenalty
+            });
+            switchModel({
+              model: `${manifest.localModelDir}/${modelConfig.modelParameters.modelName}`,
+              strategy: getStrategy(modelConfig)
+            }).then((r) => {
+              if (r.ok) {
+                commonStore.setModelStatus(ModelStatus.Working);
+                toastWithButton(t('Startup Completed'), t('Chat'), () => {
+                  navigate({ pathname: '/chat' });
+                }, { type: 'success', autoClose: 3000 });
+              } else if (r.status === 304) {
                toast(t('Loading Model'), { type: 'info' });
-                updateConfig({
-                  max_tokens: modelConfig.apiParameters.maxResponseToken,
-                  temperature: modelConfig.apiParameters.temperature,
-                  top_p: modelConfig.apiParameters.topP,
-                  presence_penalty: modelConfig.apiParameters.presencePenalty,
-                  frequency_penalty: modelConfig.apiParameters.frequencyPenalty
-                });
-                switchModel({
-                  model: `${manifest.localModelDir}/${modelConfig.modelParameters.modelName}`,
-                  strategy: getStrategy(modelConfig)
-                }).then((r) => {
-                  if (r.ok) {
-                    commonStore.setModelStatus(ModelStatus.Working);
-                    toastWithButton(t('Startup Completed'), t('Chat'), () => {
-                      navigate({ pathname: '/chat' });
-                    }, { type: 'success', autoClose: 3000 });
-                  } else if (r.status === 304) {
-                    toast(t('Loading Model'), { type: 'info' });
-                  } else {
-                    commonStore.setModelStatus(ModelStatus.Offline);
-                    toast(t('Failed to switch model'), { type: 'error' });
-                  }
-                }).catch(() => {
-                  commonStore.setModelStatus(ModelStatus.Offline);
-                  toast(t('Failed to switch model'), { type: 'error' });
-                });
+              } else {
+                commonStore.setModelStatus(ModelStatus.Offline);
+                toast(t('Failed to switch model'), { type: 'error' });
              }
            }).catch(() => {
-              if (timeoutCount <= 0) {
-                clearInterval(intervalId);
-                commonStore.setModelStatus(ModelStatus.Offline);
-              }
+              commonStore.setModelStatus(ModelStatus.Offline);
+              toast(t('Failed to switch model'), { type: 'error' });
            });
+          }
+        }).catch(() => {
+          if (timeoutCount <= 0) {
+            clearInterval(intervalId);
+            commonStore.setModelStatus(ModelStatus.Offline);
+          }
+        });

-          timeoutCount--;
-        }, 1000);
-      } else {
-        commonStore.setModelStatus(ModelStatus.Offline);
-        exit();
-      }
-    };
+        timeoutCount--;
+      }, 1000);
+    } else {
+      commonStore.setModelStatus(ModelStatus.Offline);
+      exit();
+    }
+  };

-    const onClick = async (e: any) => {
-      if (commonStore.modelStatus === ModelStatus.Offline)
-        await onClickRun?.(e);
-      await onClickMainButton();
-    };
+  const onClick = async (e: any) => {
+    if (commonStore.modelStatus === ModelStatus.Offline)
+      await onClickRun?.(e);
+    await onClickMainButton();
+  };

-    return (iconMode ?
+  return (iconMode ?
      <ToolTipButton disabled={commonStore.modelStatus === ModelStatus.Starting}
        icon={iconModeButtonIcon[commonStore.modelStatus]}
        desc={t(mainButtonText[commonStore.modelStatus])}
@@ -173,5 +179,5 @@ export const RunButton: FC<{ onClickRun?: MouseEventHandler, iconMode?: boolean
        onClick={onClick}>
        {t(mainButtonText[commonStore.modelStatus])}
      </Button>
-    );
-  });
+  );
+});
--- a/frontend/src/components/Section.tsx
+++ b/frontend/src/components/Section.tsx
@@ -1,10 +1,10 @@
-import {FC, ReactElement} from 'react';
-import {Card, Text} from '@fluentui/react-components';
+import { FC, ReactElement } from 'react';
+import { Card, Text } from '@fluentui/react-components';

 export const Section: FC<{
  title: string; desc?: string | null, content: ReactElement, outline?: boolean
 }> =
-  ({title, desc, content, outline = true}) => {
+  ({ title, desc, content, outline = true }) => {
    return (
      <Card size="small" appearance={outline ? 'outline' : 'subtle'}>
        <div className="flex flex-col gap-5">
--- a/frontend/src/components/ToolTipButton.tsx
+++ b/frontend/src/components/ToolTipButton.tsx
@@ -1,5 +1,5 @@
-import React, {FC, MouseEventHandler, ReactElement} from 'react';
-import {Button, Tooltip} from '@fluentui/react-components';
+import React, { FC, MouseEventHandler, ReactElement } from 'react';
+import { Button, Tooltip } from '@fluentui/react-components';

 export const ToolTipButton: FC<{
  text?: string | null,
@@ -11,19 +11,19 @@ export const ToolTipButton: FC<{
  disabled?: boolean,
  onClick?: MouseEventHandler
 }> = ({
-        text,
-        desc,
-        icon,
-        size,
-        shape,
-        appearance,
-        disabled,
-        onClick
-      }) => {
+  text,
+  desc,
+  icon,
+  size,
+  shape,
+  appearance,
+  disabled,
+  onClick
+}) => {
  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>
+        appearance={appearance}>{text}</Button>
    </Tooltip>
  );
 };
--- a/frontend/src/components/ValuedSlider.tsx
+++ b/frontend/src/components/ValuedSlider.tsx
@@ -1,7 +1,7 @@
-import React, {FC, useEffect, useRef} from 'react';
-import {Slider, Text} from '@fluentui/react-components';
-import {SliderOnChangeData} from '@fluentui/react-slider';
-import {NumberInput} from './NumberInput';
+import React, { FC, useEffect, useRef } from 'react';
+import { Slider, Text } from '@fluentui/react-components';
+import { SliderOnChangeData } from '@fluentui/react-slider';
+import { NumberInput } from './NumberInput';

 export const ValuedSlider: FC<{
  value: number,
@@ -10,7 +10,7 @@ export const ValuedSlider: FC<{
  step?: number,
  input?: boolean
  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SliderOnChangeData) => void
-}> = ({value, min, max, step, input, onChange}) => {
+}> = ({ value, min, max, step, input, onChange }) => {
  const sliderRef = useRef<HTMLInputElement>(null);
  useEffect(() => {
    if (step && sliderRef.current && sliderRef.current.parentElement) {
@@ -21,11 +21,11 @@ export const ValuedSlider: FC<{

  return (
    <div className="flex items-center">
-      <Slider ref={sliderRef} className="grow" style={{minWidth: '50%'}} value={value} min={min}
-              max={max} step={step}
-              onChange={onChange}/>
+      <Slider ref={sliderRef} className="grow" style={{ minWidth: '50%' }} value={value} min={min}
+        max={max} step={step}
+        onChange={onChange} />
      {input
-        ? <NumberInput style={{minWidth: 0}} value={value} min={min} max={max} step={step} onChange={onChange}/>
+        ? <NumberInput style={{ minWidth: 0 }} value={value} min={min} max={max} step={step} onChange={onChange} />
        : <Text>{value}</Text>}
    </div>
  );
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import {createRoot} from 'react-dom/client';
+import { createRoot } from 'react-dom/client';
 import './style.scss';
 import 'react-toastify/dist/ReactToastify.css';
 import App from './App';
-import {HashRouter} from 'react-router-dom';
-import {startup} from './startup';
+import { HashRouter } from 'react-router-dom';
+import { startup } from './startup';
 import './_locales/i18n-react';

 startup().then(() => {
@@ -14,7 +14,7 @@ startup().then(() => {

  root.render(
    <HashRouter>
-      <App/>
+      <App />
    </HashRouter>
  );
 });
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -1,14 +1,14 @@
-import React, {FC} from 'react';
-import {useTranslation} from 'react-i18next';
-import {Page} from '../components/Page';
+import React, { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Page } from '../components/Page';
 import MarkdownRender from '../components/MarkdownRender';
-import {observer} from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
 import commonStore from '../stores/commonStore';

 export type AboutContent = { [lang: string]: string }

 export const About: FC = observer(() => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();
  const lang: string = commonStore.settings.language;

  return (
@@ -18,6 +18,6 @@ export const About: FC = observer(() => {
          {lang in commonStore.about ? commonStore.about[lang] : commonStore.about['en']}
        </MarkdownRender>
      </div>
-    }/>
+    } />
  );
 });
--- a/frontend/src/pages/Chat.tsx
+++ b/frontend/src/pages/Chat.tsx
@@ -170,6 +170,7 @@ const ChatPanel: FC = observer(() => {
          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]);
            return;
@@ -322,7 +323,7 @@ export const Chat: FC = observer(() => {
        </div>
      </div>
      <Text size={100}>
-        {t('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 \'') + `http://127.0.0.1:${port}` + '\'.'}
+        {t('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 \'') + `http://127.0.0.1:${port}` + '\'.'}
      </Text>
      <Divider style={{ flexGrow: 0 }} />
      <ChatPanel />
--- a/frontend/src/pages/Configs.tsx
+++ b/frontend/src/pages/Configs.tsx
@@ -633,7 +633,7 @@ export const Configs: FC = observer(() => {
              <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
                <Labeled label={t('API Port')}
                  desc={t('Open the following URL with your browser to view the API documentation') + `: http://127.0.0.1:${port}/docs. ` +
-                    t('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 \'') + `http://127.0.0.1:${port}` + '\'.'}
+                    t('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 \'') + `http://127.0.0.1:${port}` + '\'.'}
                  content={
                    <NumberInput value={port} min={1} max={65535} step={1}
                      onChange={(e, data) => {
@@ -734,7 +734,7 @@ export const Configs: FC = observer(() => {
                    }).catch(e => {
                      toast(`${t('Convert Failed')} - ${e.message || e}`, { type: 'error' });
                    });
-                    setTimeout(WindowShow, 1000)
+                    setTimeout(WindowShow, 1000);
                  } else {
                    toast(`${t('Model Not Found')} - ${modelPath}`, { type: 'error' });
                  }
--- a/frontend/src/pages/Downloads.tsx
+++ b/frontend/src/pages/Downloads.tsx
@@ -1,13 +1,13 @@
-import React, {FC, useEffect} from 'react';
-import {useTranslation} from 'react-i18next';
-import {Page} from '../components/Page';
-import {observer} from 'mobx-react-lite';
+import React, { FC, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Page } from '../components/Page';
+import { observer } from 'mobx-react-lite';
 import commonStore from '../stores/commonStore';
-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 { 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';

 export type DownloadStatus = {
  name: string;
@@ -22,11 +22,11 @@ export type DownloadStatus = {
 }

 export const Downloads: FC = observer(() => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();
  const finishedModelsLen = commonStore.downloadList.filter((status) => status.done && status.name.endsWith('.pth')).length;
  useEffect(() => {
    if (finishedModelsLen > 0)
-      refreshLocalModels({models: commonStore.modelSourceList}, false);
+      refreshLocalModels({ models: commonStore.modelSourceList }, false);
    console.log('finishedModelsLen:', finishedModelsLen);
  }, [finishedModelsLen]);

@@ -51,26 +51,26 @@ export const Downloads: FC = observer(() => {
              validationState={status.done ? 'success' : 'none'}
            >
              <div className="flex items-center gap-2">
-                <ProgressBar className="grow" value={status.progress} max={100}/>
+                <ProgressBar className="grow" value={status.progress} max={100} />
                {!status.done &&
                  <ToolTipButton desc={status.downloading ? t('Pause') : t('Continue')}
-                                 icon={status.downloading ? <Pause20Regular/> : <Play20Regular/>}
-                                 onClick={() => {
-                                   if (status.downloading)
-                                     PauseDownload(status.url);
-                                   else
-                                     ContinueDownload(status.url);
-                                 }}/>}
-                <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular/>} onClick={() => {
+                    icon={status.downloading ? <Pause20Regular /> : <Play20Regular />}
+                    onClick={() => {
+                      if (status.downloading)
+                        PauseDownload(status.url);
+                      else
+                        ContinueDownload(status.url);
+                    }} />}
+                <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular />} onClick={() => {
                  OpenFileFolder(status.path);
-                }}/>
+                }} />
              </div>
            </Field>
-            <Divider style={{flexGrow: 0}}/>
+            <Divider style={{ flexGrow: 0 }} />
          </div>;
        })
        }
      </div>
-    }/>
+    } />
  );
 });
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -1,5 +1,5 @@
-import {CompoundButton, Link, Text} from '@fluentui/react-components';
-import React, {FC, ReactElement} from 'react';
+import { CompoundButton, Link, Text } from '@fluentui/react-components';
+import React, { FC, ReactElement } from 'react';
 import banner from '../assets/images/banner.jpg';
 import {
  Chat20Regular,
@@ -7,13 +7,13 @@ import {
  DocumentSettings20Regular,
  Storage20Regular
 } from '@fluentui/react-icons';
-import {useNavigate} from 'react-router';
-import {observer} from 'mobx-react-lite';
-import {RunButton} from '../components/RunButton';
+import { useNavigate } from 'react-router';
+import { observer } from 'mobx-react-lite';
+import { RunButton } from '../components/RunButton';
 import manifest from '../../../manifest.json';
-import {BrowserOpenURL} from '../../wailsjs/runtime';
-import {useTranslation} from 'react-i18next';
-import {ConfigSelector} from '../components/ConfigSelector';
+import { BrowserOpenURL } from '../../wailsjs/runtime';
+import { useTranslation } from 'react-i18next';
+import { ConfigSelector } from '../components/ConfigSelector';
 import MarkdownRender from '../components/MarkdownRender';
 import commonStore from '../stores/commonStore';

@@ -31,40 +31,40 @@ const navCards: NavCard[] = [
    label: 'Chat',
    desc: 'Go to chat page',
    path: '/chat',
-    icon: <Chat20Regular/>
+    icon: <Chat20Regular />
  },
  {
    label: 'Configs',
    desc: 'Manage your configs',
    path: '/configs',
-    icon: <DocumentSettings20Regular/>
+    icon: <DocumentSettings20Regular />
  },
  {
    label: 'Models',
    desc: 'Manage models',
    path: '/models',
-    icon: <DataUsageSettings20Regular/>
+    icon: <DataUsageSettings20Regular />
  },
  {
    label: 'Train',
    desc: '',
    path: '/train',
-    icon: <Storage20Regular/>
+    icon: <Storage20Regular />
  }
 ];

 export const Home: FC = observer(() => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();
  const navigate = useNavigate();
  const lang: string = commonStore.settings.language;

  const onClickNavCard = (path: string) => {
-    navigate({pathname: path});
+    navigate({ pathname: path });
  };

  return (
    <div className="flex flex-col justify-between h-full">
-      <img className="rounded-xl select-none hidden sm:block" src={banner}/>
+      <img className="rounded-xl select-none hidden sm:block" src={banner} />
      <div className="flex flex-col gap-2">
        <Text size={600} weight="medium">{t('Introduction')}</Text>
        <div className="h-40 overflow-y-auto overflow-x-hidden p-1">
@@ -74,9 +74,9 @@ export const Home: FC = observer(() => {
        </div>
      </div>
      <div className="grid grid-cols-2 sm:grid-cols-4 gap-5">
-        {navCards.map(({label, path, icon, desc}, index) => (
+        {navCards.map(({ label, path, icon, desc }, index) => (
          <CompoundButton icon={icon} secondaryContent={t(desc)} key={`${path}-${index}`} value={path}
-                          size="large" onClick={() => onClickNavCard(path)}>
+            size="large" onClick={() => onClickNavCard(path)}>
            {t(label)}
          </CompoundButton>
        ))}
@@ -84,8 +84,8 @@ export const Home: FC = observer(() => {
      <div className="flex flex-col gap-2">
        <div className="flex flex-row-reverse sm:fixed bottom-2 right-2">
          <div className="flex gap-3">
-            <ConfigSelector/>
-            <RunButton/>
+            <ConfigSelector />
+            <RunButton />
          </div>
        </div>
        <div className="flex gap-4 items-end">
--- a/frontend/src/pages/Models.tsx
+++ b/frontend/src/pages/Models.tsx
@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import React, { FC } from 'react';
 import {
  createTableColumn,
  DataGrid,
@@ -12,17 +12,17 @@ import {
  Text,
  Textarea
 } from '@fluentui/react-components';
-import {ToolTipButton} from '../components/ToolTipButton';
-import {ArrowClockwise20Regular, ArrowDownload20Regular, Folder20Regular, Open20Regular} from '@fluentui/react-icons';
-import {observer} from 'mobx-react-lite';
+import { ToolTipButton } from '../components/ToolTipButton';
+import { ArrowClockwise20Regular, ArrowDownload20Regular, Folder20Regular, Open20Regular } from '@fluentui/react-icons';
+import { observer } from 'mobx-react-lite';
 import commonStore from '../stores/commonStore';
-import {BrowserOpenURL} from '../../wailsjs/runtime';
-import {AddToDownloadList, OpenFileFolder} from '../../wailsjs/go/backend_golang/App';
+import { BrowserOpenURL } from '../../wailsjs/runtime';
+import { AddToDownloadList, OpenFileFolder } from '../../wailsjs/go/backend_golang/App';
 import manifest from '../../../manifest.json';
-import {Page} from '../components/Page';
-import {bytesToGb, refreshModels, saveConfigs, toastWithButton} from '../utils';
-import {useTranslation} from 'react-i18next';
-import {useNavigate} from 'react-router';
+import { Page } from '../components/Page';
+import { bytesToGb, refreshModels, saveConfigs, toastWithButton } from '../utils';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router';

 export type ModelSourceItem = {
  name: string;
@@ -43,7 +43,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
      return a.name.localeCompare(b.name);
    },
    renderHeaderCell: () => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();

      return t('File');
    },
@@ -69,7 +69,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
      return 0;
    },
    renderHeaderCell: () => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();

      return t('Desc');
    },
@@ -91,7 +91,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
      return a.size - b.size;
    },
    renderHeaderCell: () => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();

      return t('Size');
    },
@@ -113,7 +113,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
      return b.lastUpdatedMs - a.lastUpdatedMs;
    },
    renderHeaderCell: () => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();

      return t('Last updated');
    },
@@ -128,12 +128,12 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
      return a.isLocal ? -1 : 1;
    },
    renderHeaderCell: () => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();

      return t('Actions');
    },
    renderCell: (item) => {
-      const {t} = useTranslation();
+      const { t } = useTranslation();
      const navigate = useNavigate();

      return (
@@ -141,21 +141,21 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
          <div className="flex gap-1">
            {
              item.isLocal &&
-              <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular/>} onClick={() => {
+              <ToolTipButton desc={t('Open Folder')} icon={<Folder20Regular />} onClick={() => {
                OpenFileFolder(`./${manifest.localModelDir}/${item.name}`);
-              }}/>
+              }} />
            }
            {item.downloadUrl && !item.isLocal &&
-              <ToolTipButton desc={t('Download')} icon={<ArrowDownload20Regular/>} onClick={() => {
+              <ToolTipButton desc={t('Download')} icon={<ArrowDownload20Regular />} onClick={() => {
                toastWithButton(`${t('Downloading')} ${item.name}`, t('Check'), () => {
-                    navigate({pathname: '/downloads'});
+                    navigate({ pathname: '/downloads' });
                  },
-                  {autoClose: 3000});
+                  { autoClose: 3000 });
                AddToDownloadList(`./${manifest.localModelDir}/${item.name}`, item.downloadUrl!);
-              }}/>}
-            {item.url && <ToolTipButton desc={t('Open Url')} icon={<Open20Regular/>} onClick={() => {
+              }} />}
+            {item.url && <ToolTipButton desc={t('Open Url')} icon={<Open20Regular />} onClick={() => {
              BrowserOpenURL(item.url!);
-            }}/>}
+            }} />}
          </div>
        </TableCellLayout>
      );
@@ -164,7 +164,7 @@ const columns: TableColumnDefinition<ModelSourceItem>[] = [
 ];

 export const Models: FC = observer(() => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();

  return (
    <Page title={t('Models')} content={
@@ -172,39 +172,39 @@ export const Models: FC = observer(() => {
        <div className="flex flex-col gap-1">
          <div className="flex justify-between items-center">
            <Text weight="medium">{t('Model Source Manifest List')}</Text>
-            <ToolTipButton desc={t('Refresh')} icon={<ArrowClockwise20Regular/>} onClick={() => {
+            <ToolTipButton desc={t('Refresh')} icon={<ArrowClockwise20Regular />} onClick={() => {
              refreshModels(false);
              saveConfigs();
-            }}/>
+            }} />
          </div>
          <Text size={100}>
            {t('Provide JSON file URLs for the models manifest. Separate URLs with semicolons. The "models" field in JSON files will be parsed into the following table.')}
          </Text>
          <Textarea size="large" resize="vertical"
-                    value={commonStore.modelSourceManifestList}
-                    onChange={(e, data) => commonStore.setModelSourceManifestList(data.value)}/>
+            value={commonStore.modelSourceManifestList}
+            onChange={(e, data) => commonStore.setModelSourceManifestList(data.value)} />
        </div>
        <div className="flex grow overflow-hidden">
          <DataGrid
            items={commonStore.modelSourceList}
            columns={columns}
            sortable={true}
-            defaultSortState={{sortColumn: 'actions', sortDirection: 'ascending'}}
-            style={{display: 'flex'}}
+            defaultSortState={{ sortColumn: 'actions', sortDirection: 'ascending' }}
+            style={{ display: 'flex' }}
            className="flex-col w-full"
          >
            <DataGridHeader>
              <DataGridRow>
-                {({renderHeaderCell}) => (
+                {({ renderHeaderCell }) => (
                  <DataGridHeaderCell>{renderHeaderCell()}</DataGridHeaderCell>
                )}
              </DataGridRow>
            </DataGridHeader>
            <div className="overflow-y-auto overflow-x-hidden">
              <DataGridBody<ModelSourceItem>>
-                {({item, rowId}) => (
+                {({ item, rowId }) => (
                  <DataGridRow<ModelSourceItem> key={rowId}>
-                    {({renderCell}) => (
+                    {({ renderCell }) => (
                      <DataGridCell>{renderCell(item)}</DataGridCell>
                    )}
                  </DataGridRow>
@@ -214,6 +214,6 @@ export const Models: FC = observer(() => {
          </DataGrid>
        </div>
      </div>
-    }/>
+    } />
  );
 });
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -1,11 +1,11 @@
-import React, {FC} from 'react';
-import {Page} from '../components/Page';
-import {Dropdown, Option, Switch} from '@fluentui/react-components';
-import {Labeled} from '../components/Labeled';
+import React, { FC } from 'react';
+import { Page } from '../components/Page';
+import { Dropdown, Option, Switch } from '@fluentui/react-components';
+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 { observer } from 'mobx-react-lite';
+import { useTranslation } from 'react-i18next';
+import { checkUpdate } from '../utils';

 export const Languages = {
  dev: 'English', // i18n default
@@ -18,64 +18,76 @@ export type SettingsType = {
  language: Language,
  darkMode: boolean
  autoUpdatesCheck: boolean
+  giteeUpdatesSource: boolean
  cnMirror: boolean
 }

 export const Settings: FC = observer(() => {
-  const {t, i18n} = useTranslation();
+  const { t, i18n } = useTranslation();

  return (
    <Page title={t('Settings')} content={
      <div className="flex flex-col gap-2 overflow-hidden">
        <Labeled label={t('Language')} flex spaceBetween content={
-          <Dropdown style={{minWidth: 0}} listbox={{style: {minWidth: 0}}}
-                    value={Languages[commonStore.settings.language]}
-                    selectedOptions={[commonStore.settings.language]}
-                    onOptionSelect={(_, data) => {
-                      if (data.optionValue) {
-                        const lang = data.optionValue as Language;
-                        commonStore.setSettings({
-                          language: lang
-                        });
-                        i18n.changeLanguage(lang);
-                      }
-                    }}>
+          <Dropdown style={{ minWidth: 0 }} listbox={{ style: { minWidth: 0 } }}
+            value={Languages[commonStore.settings.language]}
+            selectedOptions={[commonStore.settings.language]}
+            onOptionSelect={(_, data) => {
+              if (data.optionValue) {
+                const lang = data.optionValue as Language;
+                commonStore.setSettings({
+                  language: lang
+                });
+                i18n.changeLanguage(lang);
+              }
+            }}>
            {
              Object.entries(Languages).map(([langKey, desc]) =>
                <Option key={langKey} value={langKey}>{desc}</Option>)
            }
          </Dropdown>
-        }/>
+        } />
        <Labeled label={t('Dark Mode')} flex spaceBetween content={
          <Switch checked={commonStore.settings.darkMode}
-                  onChange={(e, data) => {
-                    commonStore.setSettings({
-                      darkMode: data.checked
-                    });
-                  }}/>
-        }/>
+            onChange={(e, data) => {
+              commonStore.setSettings({
+                darkMode: data.checked
+              });
+            }} />
+        } />
        <Labeled label={t('Automatic Updates Check')} flex spaceBetween content={
          <Switch checked={commonStore.settings.autoUpdatesCheck}
-                  onChange={(e, data) => {
-                    commonStore.setSettings({
-                      autoUpdatesCheck: data.checked
-                    });
-                    if (data.checked)
-                      checkUpdate(true);
-                  }}/>
-        }/>
+            onChange={(e, data) => {
+              commonStore.setSettings({
+                autoUpdatesCheck: data.checked
+              });
+              if (data.checked)
+                checkUpdate(true);
+            }} />
+        } />
+        {
+          commonStore.settings.language === 'zh' &&
+          <Labeled label={t('Use Gitee Updates Source')} flex spaceBetween content={
+            <Switch checked={commonStore.settings.giteeUpdatesSource}
+              onChange={(e, data) => {
+                commonStore.setSettings({
+                  giteeUpdatesSource: data.checked
+                });
+              }} />
+          } />
+        }
        {
          commonStore.settings.language === 'zh' &&
          <Labeled label={t('Use Tsinghua Pip Mirrors')} flex spaceBetween content={
            <Switch checked={commonStore.settings.cnMirror}
-                    onChange={(e, data) => {
-                      commonStore.setSettings({
-                        cnMirror: data.checked
-                      });
-                    }}/>
-          }/>
+              onChange={(e, data) => {
+                commonStore.setSettings({
+                  cnMirror: data.checked
+                });
+              }} />
+          } />
        }
      </div>
-    }/>
+    } />
  );
 });
--- a/frontend/src/pages/Train.tsx
+++ b/frontend/src/pages/Train.tsx
@@ -1,9 +1,9 @@
-import React, {FC} from 'react';
-import {Text} from '@fluentui/react-components';
-import {useTranslation} from 'react-i18next';
+import React, { FC } from 'react';
+import { Text } from '@fluentui/react-components';
+import { useTranslation } from 'react-i18next';

 export const Train: FC = () => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();

  return (
    <div className="flex flex-col box-border gap-5 p-2">
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,5 +1,5 @@
-import {ReactElement} from 'react';
-import {Configs} from './Configs';
+import { ReactElement } from 'react';
+import { Configs } from './Configs';
 import {
  ArrowDownload20Regular,
  Chat20Regular,
@@ -10,13 +10,13 @@ import {
  Settings20Regular,
  Storage20Regular
 } from '@fluentui/react-icons';
-import {Home} from './Home';
-import {Chat} from './Chat';
-import {Models} from './Models';
-import {Train} from './Train';
-import {Settings} from './Settings';
-import {About} from './About';
-import {Downloads} from './Downloads';
+import { Home } from './Home';
+import { Chat } from './Chat';
+import { Models } from './Models';
+import { Train } from './Train';
+import { Settings } from './Settings';
+import { About } from './About';
+import { Downloads } from './Downloads';

 type NavigationItem = {
  label: string;
@@ -30,57 +30,57 @@ export const pages: NavigationItem[] = [
  {
    label: 'Home',
    path: '/',
-    icon: <Home20Regular/>,
-    element: <Home/>,
+    icon: <Home20Regular />,
+    element: <Home />,
    top: true
  },
  {
    label: 'Chat',
    path: '/chat',
-    icon: <Chat20Regular/>,
-    element: <Chat/>,
+    icon: <Chat20Regular />,
+    element: <Chat />,
    top: true
  },
  {
    label: 'Configs',
    path: '/configs',
-    icon: <DocumentSettings20Regular/>,
-    element: <Configs/>,
+    icon: <DocumentSettings20Regular />,
+    element: <Configs />,
    top: true
  },
  {
    label: 'Models',
    path: '/models',
-    icon: <DataUsageSettings20Regular/>,
-    element: <Models/>,
+    icon: <DataUsageSettings20Regular />,
+    element: <Models />,
    top: true
  },
  {
    label: 'Downloads',
    path: '/downloads',
-    icon: <ArrowDownload20Regular/>,
-    element: <Downloads/>,
+    icon: <ArrowDownload20Regular />,
+    element: <Downloads />,
    top: true
  },
  {
    label: 'Train',
    path: '/train',
-    icon: <Storage20Regular/>,
-    element: <Train/>,
+    icon: <Storage20Regular />,
+    element: <Train />,
    top: true
  },
  {
    label: 'Settings',
    path: '/settings',
-    icon: <Settings20Regular/>,
-    element: <Settings/>,
+    icon: <Settings20Regular />,
+    element: <Settings />,
    top: false
  },
  {
    label: 'About',
    path: '/about',
-    icon: <Info20Regular/>,
-    element: <About/>,
+    icon: <Info20Regular />,
+    element: <About />,
    top: false
  }
 ];
--- a/frontend/src/startup.ts
+++ b/frontend/src/startup.ts
@@ -1,9 +1,9 @@
 import commonStore from './stores/commonStore';
-import {ReadJson} from '../wailsjs/go/backend_golang/App';
-import {Cache, checkUpdate, downloadProgramFiles, LocalConfig, refreshModels, saveCache} from './utils';
-import {getStatus} from './apis';
-import {EventsOn} from '../wailsjs/runtime';
-import {defaultModelConfigs} from './pages/Configs';
+import { ReadJson } from '../wailsjs/go/backend_golang/App';
+import { Cache, checkUpdate, downloadProgramFiles, LocalConfig, refreshModels, saveCache } from './utils';
+import { getStatus } from './apis';
+import { EventsOn } from '../wailsjs/runtime';
+import { defaultModelConfigs } from './pages/Configs';

 export async function startup() {
  downloadProgramFiles();
@@ -26,13 +26,13 @@ export async function startup() {
 }

 async function initRemoteText() {
-  await fetch('https://cdn.jsdelivr.net/gh/josstorer/RWKV-Runner/manifest.json', {cache: 'no-cache'})
-    .then(r => r.json()).then((data) => {
-      if (data.introduction)
-        commonStore.setIntroduction(data.introduction);
-      if (data.about)
-        commonStore.setAbout(data.about);
-    }).then(saveCache);
+  await fetch('https://cdn.jsdelivr.net/gh/josstorer/RWKV-Runner/manifest.json', { cache: 'no-cache' })
+  .then(r => r.json()).then((data) => {
+    if (data.introduction)
+      commonStore.setIntroduction(data.introduction);
+    if (data.about)
+      commonStore.setAbout(data.about);
+  }).then(saveCache);
 }

 async function initConfig() {
--- a/frontend/src/stores/commonStore.ts
+++ b/frontend/src/stores/commonStore.ts
@@ -1,14 +1,15 @@
-import {makeAutoObservable} from 'mobx';
-import {getUserLanguage, isSystemLightMode, saveConfigs} from '../utils';
-import {WindowSetDarkTheme, WindowSetLightTheme} from '../../wailsjs/runtime';
+import { makeAutoObservable } from 'mobx';
+import { getUserLanguage, isSystemLightMode, saveConfigs } from '../utils';
+import { WindowSetDarkTheme, WindowSetLightTheme } from '../../wailsjs/runtime';
 import manifest from '../../../manifest.json';
-import {defaultModelConfigs, ModelConfig} from '../pages/Configs';
-import {Conversations} from '../pages/Chat';
-import {ModelSourceItem} from '../pages/Models';
-import {DownloadStatus} from '../pages/Downloads';
-import {SettingsType} from '../pages/Settings';
-import {IntroductionContent} from '../pages/Home';
-import {AboutContent} from '../pages/About';
+import { defaultModelConfigs, ModelConfig } from '../pages/Configs';
+import { Conversations } from '../pages/Chat';
+import { ModelSourceItem } from '../pages/Models';
+import { DownloadStatus } from '../pages/Downloads';
+import { SettingsType } from '../pages/Settings';
+import { IntroductionContent } from '../pages/Home';
+import { AboutContent } from '../pages/About';
+import i18n from 'i18next';

 export enum ModelStatus {
  Offline,
@@ -18,43 +19,37 @@ export enum ModelStatus {
 }

 class CommonStore {
-  constructor() {
-    makeAutoObservable(this);
-  }
-
  // global
  modelStatus: ModelStatus = ModelStatus.Offline;
  depComplete: boolean = false;
-
  // home
  introduction: IntroductionContent = manifest.introduction;
-
  // chat
  conversations: Conversations = {};
  conversationsOrder: string[] = [];
-
  // configs
  currentModelConfigIndex: number = 0;
  modelConfigs: ModelConfig[] = [];
-
  // models
  modelSourceManifestList: string = 'https://cdn.jsdelivr.net/gh/josstorer/RWKV-Runner/manifest.json;';
  modelSourceList: ModelSourceItem[] = [];
-
  // downloads
  downloadList: DownloadStatus[] = [];
-
  // settings
  settings: SettingsType = {
    language: getUserLanguage(),
    darkMode: !isSystemLightMode(),
    autoUpdatesCheck: true,
+    giteeUpdatesSource: getUserLanguage() === 'zh',
    cnMirror: getUserLanguage() === 'zh'
  };
-
  // about
  about: AboutContent = manifest.about;

+  constructor() {
+    makeAutoObservable(this);
+  }
+
  getCurrentModelConfig = () => {
    return this.modelConfigs[this.currentModelConfigIndex];
  };
@@ -113,13 +108,16 @@ class CommonStore {
  };

  setSettings = (value: Partial<SettingsType>, saveConfig: boolean = true) => {
-    this.settings = {...this.settings, ...value};
+    this.settings = { ...this.settings, ...value };

    if (this.settings.darkMode)
      WindowSetDarkTheme();
    else
      WindowSetLightTheme();

+    if (this.settings.language)
+      i18n.changeLanguage(this.settings.language);
+
    if (saveConfig)
      saveConfigs();
  };
--- a/frontend/src/utils/get-conversation-pairs.ts
+++ b/frontend/src/utils/get-conversation-pairs.ts
@@ -18,8 +18,8 @@ export function getConversationPairs(records: Record[], isCompletion: boolean):
  } else {
    pairs = [];
    for (const record of records) {
-      pairs.push({role: 'user', content: record.question});
-      pairs.push({role: 'assistant', content: record.answer});
+      pairs.push({ role: 'user', content: record.question });
+      pairs.push({ role: 'assistant', content: record.answer });
    }
  }

--- a/frontend/src/utils/index.tsx
+++ b/frontend/src/utils/index.tsx
@@ -10,15 +10,15 @@ import {
 } from '../../wailsjs/go/backend_golang/App';
 import manifest from '../../../manifest.json';
 import commonStore from '../stores/commonStore';
-import {toast} from 'react-toastify';
-import {t} from 'i18next';
-import {ToastOptions} from 'react-toastify/dist/types';
-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 {IntroductionContent} from '../pages/Home';
-import {AboutContent} from '../pages/About';
+import { toast } from 'react-toastify';
+import { t } from 'i18next';
+import { ToastOptions } from 'react-toastify/dist/types';
+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 { IntroductionContent } from '../pages/Home';
+import { AboutContent } from '../pages/About';

 export type Cache = {
  models: ModelSourceItem[]
@@ -35,7 +35,7 @@ export type LocalConfig = {
 }

 export async function refreshBuiltInModels(readCache: boolean = false) {
-  let cache: { models: ModelSourceItem[] } = {models: []};
+  let cache: { models: ModelSourceItem[] } = { models: [] };
  if (readCache)
    await ReadJson('cache.json').then((cacheData: Cache) => {
      if (cacheData.models)
@@ -99,18 +99,18 @@ export async function refreshLocalModels(cache: { models: ModelSourceItem[] }, f
 export async function refreshRemoteModels(cache: { models: ModelSourceItem[] }) {
  const manifestUrls = commonStore.modelSourceManifestList.split(/[,，;；\n]/);
  const requests = manifestUrls.filter(url => url.endsWith('.json')).map(
-    url => fetch(url, {cache: 'no-cache'}).then(r => r.json()));
+    url => fetch(url, { cache: 'no-cache' }).then(r => r.json()));

  await Promise.allSettled(requests)
-    .then((data: PromiseSettledResult<Cache>[]) => {
-      cache.models.push(...data.flatMap(d => {
-        if (d.status === 'fulfilled')
-          return d.value.models;
-        return [];
-      }));
-    })
-    .catch(() => {
-    });
+  .then((data: PromiseSettledResult<Cache>[]) => {
+    cache.models.push(...data.flatMap(d => {
+      if (d.status === 'fulfilled')
+        return d.value.models;
+      return [];
+    }));
+  })
+  .catch(() => {
+  });
  cache.models = cache.models.filter((model, index, self) => {
    return model.name.endsWith('.pth')
      && index === self.findIndex(
@@ -175,7 +175,7 @@ export function isSystemLightMode() {
 }

 export function downloadProgramFiles() {
-  manifest.programFiles.forEach(({url, path}) => {
+  manifest.programFiles.forEach(({ url, path }) => {
    FileExists(path).then(exists => {
      if (!exists)
        AddToDownloadList(path, url);
@@ -184,13 +184,13 @@ export function downloadProgramFiles() {
 }

 export function forceDownloadProgramFiles() {
-  manifest.programFiles.forEach(({url, path}) => {
+  manifest.programFiles.forEach(({ url, path }) => {
    DownloadFile(path, url);
  });
 }

 export function deletePythonProgramFiles() {
-  manifest.programFiles.forEach(({path}) => {
+  manifest.programFiles.forEach(({ path }) => {
    if (path.endsWith('.py') && !path.includes('get-pip.py'))
      DeleteFile(path);
  });
@@ -210,13 +210,18 @@ export function bytesToKb(size: number) {

 export async function checkUpdate(notifyEvenLatest: boolean = false) {
  let updateUrl = '';
-  await fetch('https://api.github.com/repos/josstorer/RWKV-Runner/releases/latest').then((r) => {
+  await fetch(!commonStore.settings.giteeUpdatesSource ?
+    'https://api.github.com/repos/josstorer/RWKV-Runner/releases/latest' :
+    'https://gitee.com/api/v5/repos/josc146/RWKV-Runner/releases/latest'
+  ).then((r) => {
      if (r.ok) {
        r.json().then((data) => {
          if (data.tag_name) {
            const versionTag = data.tag_name;
            if (versionTag.replace('v', '') > manifest.version) {
-              updateUrl = `https://github.com/josStorer/RWKV-Runner/releases/download/${versionTag}/RWKV-Runner_windows_x64.exe`;
+              updateUrl = !commonStore.settings.giteeUpdatesSource ?
+                `https://github.com/josStorer/RWKV-Runner/releases/download/${versionTag}/RWKV-Runner_windows_x64.exe` :
+                `https://gitee.com/josc146/RWKV-Runner/releases/download/${versionTag}/RWKV-Runner_windows_x64.exe`;
              toastWithButton(t('New Version Available') + ': ' + versionTag, t('Update'), () => {
                deletePythonProgramFiles();
                setTimeout(() => {
@@ -234,7 +239,7 @@ export async function checkUpdate(notifyEvenLatest: boolean = false) {
              });
            } else {
              if (notifyEvenLatest) {
-                toast(t('This is the latest version'), {type: 'success', position: 'bottom-left', autoClose: 2000});
+                toast(t('This is the latest version'), { type: 'success', position: 'bottom-left', autoClose: 2000 });
              }
            }
          } else {
@@ -246,7 +251,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' });
  });
  return updateUrl;
 }
--- a/manifest.json
+++ b/manifest.json
@@ -59,7 +59,7 @@
      "path": "backend-python/20B_tokenizer.json"
    },
    {
-      "url": "https://bootstrap.pypa.io/get-pip.py",
+      "url": "https://cdn.jsdelivr.net/gh/pypa/get-pip/public/get-pip.py",
      "path": "backend-python/get-pip.py"
    }
  ],
Author	SHA1	Message	Date
josc146	1c5eae1983	update readme	2023-05-22 11:48:56 +08:00
josc146	375af3bc1a	improve compatible API	2023-05-22 11:24:57 +08:00
josc146	85493da730	add compatible /v1/completions API	2023-05-22 11:18:37 +08:00
josc146	bbad153ecb	code format	2023-05-22 10:52:06 +08:00
josc146	035c6ab8de	typo	2023-05-22 10:08:38 +08:00
josc146	c98c32f2f6	add giteeUpdatesSource	2023-05-22 00:04:18 +08:00
josc146	b2960052d9	trim chat content	2023-05-21 23:44:56 +08:00
josc146	74ceffb32c	fix completion_text	2023-05-21 23:25:58 +08:00
josc146	c40e57aafd	change get-pip source	2023-05-21 23:24:20 +08:00
josc146	394a7aef42	update readme	2023-05-21 17:43:23 +08:00
josc146	927d1a78b5	fix language setting	2023-05-21 17:34:24 +08:00
josc146	39222f037d	update readme	2023-05-21 17:28:51 +08:00