docs

charset-utf-8应该为charset=utf-8，会导致部分三方优先判断Content-type错误null

Co-authored-by: liukai <liukai@quanwu.info>

.github/workflows/admin-image.yml

@@ -0,0 +1,79 @@
+name: Build fastgpt-admin images and copy image to docker hub
+on:
+  workflow_dispatch:
+  push:
+    paths:
+      - 'admin/**'
+    branches:
+      - 'main'
+    tags:
+      - 'v*.*.*'
+jobs:
+  build-admin-images:
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - name: Install Dependencies
+        run: |
+          sudo apt update && sudo apt install -y nodejs npm
+      - name: Set up QEMU (optional)
+        uses: docker/setup-qemu-action@v2
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+        with:
+          driver-opts: network=host
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GH_PAT }}
+      - name: Set DOCKER_REPO_TAGGED based on branch or tag
+        run: |
+          if [[ "${{ github.ref_name }}" == "main" ]]; then
+            echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt-admin:latest" >> $GITHUB_ENV
+          else
+            echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt-admin:${{ github.ref_name }}" >> $GITHUB_ENV
+          fi
+
+      - name: Build and publish image for main branch or tag push event
+        env:
+          DOCKER_REPO_TAGGED: ${{ env.DOCKER_REPO_TAGGED }}
+        run: |
+          cd admin && \
+          docker buildx build \
+          --platform linux/amd64,linux/arm64 \
+          --label "org.opencontainers.image.source=  https://github.com/  ${{ github.repository_owner }}/FastGPT" \
+          --label "org.opencontainers.image.description=fastgpt-admin image" \
+          --label "org.opencontainers.image.licenses=MIT" \
+          --push \
+          -t ${DOCKER_REPO_TAGGED} \
+          -f Dockerfile \
+          .
+  push-to-docker-hub:
+    needs: build-admin-images
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_HUB_NAME }}
+          password: ${{ secrets.DOCKER_HUB_PASSWORD }}
+      - name: Set DOCKER_REPO_TAGGED based on branch or tag
+        run: |
+          if [[ "${{ github.ref_name }}" == "main" ]]; then
+            echo "IMAGE_TAG=latest" >> $GITHUB_ENV
+          else
+            echo "IMAGE_TAG=${{ github.ref_name }}" >> $GITHUB_ENV
+          fi
+      - name: Pull image from GitHub Container Registry
+        run: docker pull ghcr.io/${{ github.repository_owner }}/fastgpt-admin:${{env.IMAGE_TAG}}
+      - name: Tag image with Docker Hub repository name and version tag
+        run: docker tag ghcr.io/${{ github.repository_owner }}/fastgpt-admin:${{env.IMAGE_TAG}} ${{ secrets.DOCKER_IMAGE_NAME }}:${{env.IMAGE_TAG}}
+      - name: Push image to Docker Hub
+        run: docker push ${{ secrets.DOCKER_IMAGE_NAME }}:${{env.IMAGE_TAG}}

.github/workflows/fastgpt-image.yml

@@ -1,13 +1,15 @@
-name: Build images and copy image to docker
+name: Build fastgpt images and copy image to docker hub
 on:
   workflow_dispatch:
   push:
+    paths:
+      - 'client/**'
     branches:
       - 'main'
     tags:
       - 'v*.*.*'
 jobs:
-  build-images:
+  build-fastgpt-images:
     runs-on: ubuntu-20.04
     steps:
       - name: Checkout
@@ -52,7 +54,7 @@ jobs:
           -f Dockerfile \
           .
   push-to-docker-hub:
-    needs: build-images
+    needs: build-fastgpt-images
     runs-on: ubuntu-20.04
     steps:
       - name: Checkout code

.gitignore

@@ -5,6 +5,7 @@ node_modules/
 out/
 # production
 build/
+.astro/
 
 # misc
 .DS_Store

.vscode/settings.json

@@ -1,6 +1,15 @@
 {
-    "editor.formatOnSave": true, //每次保存自动格式化
+    "editor.formatOnSave": true,
     "editor.mouseWheelZoom": true,
-    "typescript.tsdk": "./client/node_modules/typescript/lib",
-    "prettier.prettierPath": "./node_modules/prettier"
+    "typescript.tsdk": "client/node_modules/typescript/lib",
+    "prettier.prettierPath": "./node_modules/prettier",
+    "i18n-ally.localesPaths": [
+        "client/public/locales"
+    ],
+    "i18n-ally.enabledParsers": ["json"],
+    "i18n-ally.keystyle": "nested",
+    "i18n-ally.sortKeys": true,
+    "i18n-ally.keepFulfilled": true,
+    "i18n-ally.sourceLanguage": "zh", // 根据此语言文件翻译其他语言文件的变量和内容
+    "i18n-ally.displayLanguage": "en", // 显示语言
 }

README.md

@@ -1,29 +1,29 @@
 # Fast GPT
 
-Fast GPT 允许你使用自己的 openai API KEY 来快速的调用 openai 接口，目前集成了 Gpt35, Gpt4 和 embedding. 可构建自己的知识库。
+Fast GPT 允许你使用自己的 openai API KEY 来快速的调用 openai 接口，目前集成了 Gpt35, Gpt4 和 embedding. 可构建自己的知识库。并且 OpenAPI Chat 接口兼容 OpenAI 接口，意味着你只需修改 BaseUrl 和 Authorization 即可在已有项目基础上接入 FastGpt！
 
 ## 🛸 在线体验
 
 🎉 [fastgpt.run](https://fastgpt.run/)
 🎉 [ai.fastgpt.run](https://ai.fastgpt.run/)
 
-![Demo](docs/imgs/demo.png?raw=true 'demo')
+![Demo](.github/imgs/demo.png?raw=true 'demo')
 
 #### 知识库原理图
 
-![KBProcess](docs/imgs/KBProcess.jpg?raw=true 'KBProcess')
+![KBProcess](.github/imgs/KBProcess.jpg?raw=true 'KBProcess')
 
 ## 👨‍💻 开发
 
 项目技术栈: NextJs + TS + ChakraUI + Mongo + Postgres（Vector 插件）  
 这是一个平台项目，非单机项目，除了模型调用外还涉及非常多用户的内容。  
-[本地开发 Quick Start](docs/dev/README.md)
+[本地开发 Quick Start](docSite/i18n/zh-Hans/docusaurus-plugin-content-docs/current/quick-start/dev.md)
 
 ## 🚀 私有化部署
 
-- [Sealos 部署](https://sealos.io/docs/examples/ai-applications/install-fastgpt-on-desktop) 无需服务器，代理和域名。
-- [docker-compose 部署](docs/deploy/docker.md)
-- [由社区贡献的宝塔部署和本地运行教程](https://space.bilibili.com/431177525/channel/collectiondetail?sid=1370663)
+- [官方推荐 Sealos 部署](https://sealos.io/docs/examples/ai-applications/install-fastgpt-on-desktop) 无需服务器，代理和域名，高可用。
+- [docker-compose 部署](docSite/i18n/zh-Hans/docusaurus-plugin-content-docs/current/deploy/docker.md) 单机版。
+- [由社区贡献的宝塔部署和本地运行教程](https://www.bilibili.com/video/BV1tV4y1y7Mj/?vd_source=92041a1a395f852f9d89158eaa3f61b4) 单机版。
 
 ## :point_right: RoadMap
 
@@ -34,14 +34,24 @@ Fast GPT 允许你使用自己的 openai API KEY 来快速的调用 openai 接
 添加 wx 进入：  
 ![Demo](https://otnvvf-imgs.oss.laf.run/wx300.jpg)
 
+## Powered by
+
+- [TuShan: 5 分钟搭建后台管理系统](https://github.com/msgbyte/tushan)
+- [Laf: 3 分钟快速接入三方应用](https://github.com/labring/laf)
+- [Sealos: 快速部署集群应用](https://github.com/labring/sealos)
+- [One API: 令牌管理 & 二次分发，支持 Azure](https://github.com/songquanpeng/one-api)
+
 ## 👀 其他
 
 - [FastGpt 常见问题](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
-- [公众号接入](https://www.bilibili.com/video/BV1xh4y1t7fy/)
-- [FastGpt + Laf 最佳实践，将知识库装入公众号，点击去 Laf 公众号体验效果](https://b4jky7-fastgpt.oss.laf.run/lafercode.png)
-- [FastGpt V3.4 更新集合](https://www.bilibili.com/video/BV1Lo4y147Qh/?vd_source=92041a1a395f852f9d89158eaa3f61b4)
+- [docker 部署教程视频](https://www.bilibili.com/video/BV1jo4y147fT/)
+- [公众号接入视频教程](https://www.bilibili.com/video/BV1xh4y1t7fy/)
 - [FastGpt 知识库演示](https://www.bilibili.com/video/BV1Wo4y1p7i1/)
 
+## 第三方生态
+
+- [luolinAI: 企微机器人，开箱即用](https://github.com/luolin-ai/FastGPT-Enterprise-WeChatbot)
+
 ## 🌟 Star History
 
-[![Star History Chart](https://api.star-history.com/svg?repos=c121914yu/FastGPT&type=Date)](https://star-history.com/#c121914yu/FastGPT&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=labring/FastGPT&type=Date)](https://star-history.com/#labring/FastGPT&Date)

admin/.gitignore

@@ -1 +1 @@
-node_modules/
+node_modules/

admin/README.md

@@ -2,13 +2,14 @@
 
 ## 项目原理
 
-使用 tushan 项目做前端，然后构造了一个与 mongodb 做沟通的 API 做后端，可以做到创建、修改和删除用户
+使用 [Tushan](https://tushan.msgbyte.com/) 项目做前端，然后构造了一个与 mongodb 做沟通的 API 做后端，可以做到创建、修改和删除用户
 
 ## 开发
 
-1. 复制 .env.template 文件，添加环境变量
-2. pnpm i
-3. pnpm dev
+1. `cp .env.template .env.local`: 复制 .env.template 文件，添加环境变量
+2. `pnpm i`
+3. `pnpm dev`
+4. 打开 `http://localhost:5173/` 访问前端页面
 
 ## 部署
 
@@ -25,7 +26,8 @@ MONGODB_NAME=fastgpt
 ADMIN_USER=username
 ADMIN_PASS=password
 ADMIN_SECRET=any
-VITE_PUBLIC_SERVER_URL=http://localhost:3001 # 和server.js一致
+PARENT_URL=http://localhost:3000
+PARENT_ROOT_KEY=rootkey
 ```
 
 ## sealos 部署
@@ -33,7 +35,7 @@ VITE_PUBLIC_SERVER_URL=http://localhost:3001 # 和server.js一致
 1. 进入 sealos 官网: https://cloud.sealos.io/
 2. 打开 App Launchpad(应用管理) 工具
 3. 新建应用
-   1. 镜像名: registry.cn-hangzhou.aliyuncs.com/fastgpt/fastgpt-admin:latest
+   1. 镜像名: `registry.cn-hangzhou.aliyuncs.com/fastgpt/fastgpt-admin:latest`
    2. 容器端口: 3001
    3. 环境变量: 参考上面
    4. 打开外网访问开关

admin/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tushan</title>
+    <title>Fast GPT</title>
   </head>
   <body>
     <div id="root"></div>

admin/package.json

@@ -20,11 +20,12 @@
     "express": "^4.18.2",
     "jsonwebtoken": "^9.0.0",
     "mongoose": "^7.2.2",
+    "nodemon": "^2.0.22",
     "react": "^18.2.0",
     "react-admin": "^4.11.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.3.1",
-    "tushan": "^0.2.22"
+    "tushan": "^0.3.1"
   },
   "devDependencies": {
     "@types/jsonexport": "^3.0.2",

admin/pnpm-lock.yaml

@@ -32,6 +32,9 @@ dependencies:
   mongoose:
     specifier: ^7.2.2
     version: registry.npmmirror.com/mongoose@7.2.2
+  nodemon:
+    specifier: ^2.0.22
+    version: registry.npmmirror.com/nodemon@2.0.22
   react:
     specifier: ^18.2.0
     version: registry.npmmirror.com/react@18.2.0
@@ -45,8 +48,8 @@ dependencies:
     specifier: ^12.3.1
     version: registry.npmmirror.com/react-i18next@12.3.1(i18next@22.5.1)(react-dom@18.2.0)(react@18.2.0)
   tushan:
-    specifier: ^0.2.22
-    version: registry.npmmirror.com/tushan@0.2.22(history@5.3.0)(prop-types@15.8.1)(react-hook-form@7.44.3)
+    specifier: ^0.3.1
+    version: registry.npmmirror.com/tushan@0.3.1(prop-types@15.8.1)
 
 devDependencies:
   '@types/jsonexport':
@@ -1347,6 +1350,12 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmmirror.com/abbrev@1.1.1:
+    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz}
+    name: abbrev
+    version: 1.1.1
+    dev: false
+
   registry.npmmirror.com/accepts@1.3.8:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz}
     name: accepts
@@ -2075,6 +2084,21 @@ packages:
       ms: registry.npmmirror.com/ms@2.0.0
     dev: false
 
+  registry.npmmirror.com/debug@3.2.7(supports-color@5.5.0):
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz}
+    id: registry.npmmirror.com/debug/3.2.7
+    name: debug
+    version: 3.2.7
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: registry.npmmirror.com/ms@2.1.3
+      supports-color: registry.npmmirror.com/supports-color@5.5.0
+    dev: false
+
   registry.npmmirror.com/debug@4.3.4(supports-color@5.5.0):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz}
     id: registry.npmmirror.com/debug/4.3.4
@@ -2858,6 +2882,12 @@ packages:
       safer-buffer: registry.npmmirror.com/safer-buffer@2.1.2
     dev: false
 
+  registry.npmmirror.com/ignore-by-default@1.0.1:
+    resolution: {integrity: sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz}
+    name: ignore-by-default
+    version: 1.0.1
+    dev: false
+
   registry.npmmirror.com/immer@9.0.21:
     resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/immer/-/immer-9.0.21.tgz}
     name: immer
@@ -3515,6 +3545,34 @@ packages:
     version: 2.0.12
     dev: true
 
+  registry.npmmirror.com/nodemon@2.0.22:
+    resolution: {integrity: sha512-B8YqaKMmyuCO7BowF1Z1/mkPqLk6cs/l63Ojtd6otKjMx47Dq1utxfRxcavH1I7VSaL8n5BUaoutadnsX3AAVQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/nodemon/-/nodemon-2.0.22.tgz}
+    name: nodemon
+    version: 2.0.22
+    engines: {node: '>=8.10.0'}
+    hasBin: true
+    dependencies:
+      chokidar: registry.npmmirror.com/chokidar@3.5.3
+      debug: registry.npmmirror.com/debug@3.2.7(supports-color@5.5.0)
+      ignore-by-default: registry.npmmirror.com/ignore-by-default@1.0.1
+      minimatch: registry.npmmirror.com/minimatch@3.1.2
+      pstree.remy: registry.npmmirror.com/pstree.remy@1.1.8
+      semver: registry.npmmirror.com/semver@5.7.1
+      simple-update-notifier: registry.npmmirror.com/simple-update-notifier@1.1.0
+      supports-color: registry.npmmirror.com/supports-color@5.5.0
+      touch: registry.npmmirror.com/touch@3.1.0
+      undefsafe: registry.npmmirror.com/undefsafe@2.0.5
+    dev: false
+
+  registry.npmmirror.com/nopt@1.0.10:
+    resolution: {integrity: sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/nopt/-/nopt-1.0.10.tgz}
+    name: nopt
+    version: 1.0.10
+    hasBin: true
+    dependencies:
+      abbrev: registry.npmmirror.com/abbrev@1.1.1
+    dev: false
+
   registry.npmmirror.com/normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz}
     name: normalize-path
@@ -3801,6 +3859,12 @@ packages:
       ipaddr.js: registry.npmmirror.com/ipaddr.js@1.9.1
     dev: false
 
+  registry.npmmirror.com/pstree.remy@1.1.8:
+    resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/pstree.remy/-/pstree.remy-1.1.8.tgz}
+    name: pstree.remy
+    version: 1.1.8
+    dev: false
+
   registry.npmmirror.com/punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz}
     name: punycode
@@ -3883,24 +3947,6 @@ packages:
       - react-native
     dev: false
 
-  registry.npmmirror.com/ra-data-json-server@4.11.1(history@5.3.0)(react-dom@18.2.0)(react-hook-form@7.44.3)(react-router-dom@6.12.1)(react-router@6.12.1)(react@18.2.0):
-    resolution: {integrity: sha512-EE+1Sl2uJfTAhuJPVOPbelkB3JvmSFw0aN45kOpzMcDm8IdWrzMl5I5qHqB7/qV/UrAgBDs0uK0nqg9b6Im6Bw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ra-data-json-server/-/ra-data-json-server-4.11.1.tgz}
-    id: registry.npmmirror.com/ra-data-json-server/4.11.1
-    name: ra-data-json-server
-    version: 4.11.1
-    dependencies:
-      query-string: registry.npmmirror.com/query-string@7.1.3
-      ra-core: registry.npmmirror.com/ra-core@4.11.1(history@5.3.0)(react-dom@18.2.0)(react-hook-form@7.44.3)(react-router-dom@6.12.1)(react-router@6.12.1)(react@18.2.0)
-    transitivePeerDependencies:
-      - history
-      - react
-      - react-dom
-      - react-hook-form
-      - react-native
-      - react-router
-      - react-router-dom
-    dev: false
-
   registry.npmmirror.com/ra-i18n-polyglot@4.11.1(history@5.3.0)(react-dom@18.2.0)(react-hook-form@7.44.3)(react-router-dom@6.12.1)(react-router@6.12.1)(react@18.2.0):
     resolution: {integrity: sha512-1abeeGvPF71AKAaH56or1ImTWD+vrquBWME4wYzJB9bHyU9joSJKxVpKiH02Qe8YnMaKi0Z+mmaW3sz3qxhd3Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/ra-i18n-polyglot/-/ra-i18n-polyglot-4.11.1.tgz}
     id: registry.npmmirror.com/ra-i18n-polyglot/4.11.1
@@ -4578,6 +4624,13 @@ packages:
       compute-scroll-into-view: registry.npmmirror.com/compute-scroll-into-view@1.0.11
     dev: false
 
+  registry.npmmirror.com/semver@5.7.1:
+    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz}
+    name: semver
+    version: 5.7.1
+    hasBin: true
+    dev: false
+
   registry.npmmirror.com/semver@6.3.0:
     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz}
     name: semver
@@ -4585,6 +4638,13 @@ packages:
     hasBin: true
     dev: true
 
+  registry.npmmirror.com/semver@7.0.0:
+    resolution: {integrity: sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/semver/-/semver-7.0.0.tgz}
+    name: semver
+    version: 7.0.0
+    hasBin: true
+    dev: false
+
   registry.npmmirror.com/semver@7.5.1:
     resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/semver/-/semver-7.5.1.tgz}
     name: semver
@@ -4680,6 +4740,15 @@ packages:
       is-arrayish: registry.npmmirror.com/is-arrayish@0.3.2
     dev: false
 
+  registry.npmmirror.com/simple-update-notifier@1.1.0:
+    resolution: {integrity: sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz}
+    name: simple-update-notifier
+    version: 1.1.0
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      semver: registry.npmmirror.com/semver@7.0.0
+    dev: false
+
   registry.npmmirror.com/smart-buffer@4.2.0:
     resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/smart-buffer/-/smart-buffer-4.2.0.tgz}
     name: smart-buffer
@@ -4966,6 +5035,15 @@ packages:
     engines: {node: '>=0.6'}
     dev: false
 
+  registry.npmmirror.com/touch@3.1.0:
+    resolution: {integrity: sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/touch/-/touch-3.1.0.tgz}
+    name: touch
+    version: 3.1.0
+    hasBin: true
+    dependencies:
+      nopt: registry.npmmirror.com/nopt@1.0.10
+    dev: false
+
   registry.npmmirror.com/tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz}
     name: tr46
@@ -5000,11 +5078,11 @@ packages:
     version: 2.5.3
     dev: false
 
-  registry.npmmirror.com/tushan@0.2.22(history@5.3.0)(prop-types@15.8.1)(react-hook-form@7.44.3):
-    resolution: {integrity: sha512-b+FOFKZduo6GjTS+AfUym4ipP8vmtQFVLETEmhyLO7/awcSXhxQsU3UBWVIbanLOXGOuvkRrACi1Iuk35iXydw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tushan/-/tushan-0.2.22.tgz}
-    id: registry.npmmirror.com/tushan/0.2.22
+  registry.npmmirror.com/tushan@0.3.1(prop-types@15.8.1):
+    resolution: {integrity: sha512-C/mBqpbhehWjllyoKSpf41kIwkcbxdVJPcLngKgF7dsjhLL5nRMIA6UW7rXyUHXm28HyKGHpd5c6in9k0W32RQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tushan/-/tushan-0.3.1.tgz}
+    id: registry.npmmirror.com/tushan/0.3.1
     name: tushan
-    version: 0.2.22
+    version: 0.3.1
     dependencies:
       '@arco-design/web-react': registry.npmmirror.com/@arco-design/web-react@2.49.1(@types/react@18.0.28)(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/react-query': registry.npmmirror.com/@tanstack/react-query@4.29.12(react-dom@18.2.0)(react@18.2.0)
@@ -5027,7 +5105,6 @@ packages:
       lodash-es: registry.npmmirror.com/lodash-es@4.17.21
       postcss: registry.npmmirror.com/postcss@8.4.24
       qs: registry.npmmirror.com/qs@6.11.2
-      ra-data-json-server: registry.npmmirror.com/ra-data-json-server@4.11.1(history@5.3.0)(react-dom@18.2.0)(react-hook-form@7.44.3)(react-router-dom@6.12.1)(react-router@6.12.1)(react@18.2.0)
       react: registry.npmmirror.com/react@18.2.0
       react-dom: registry.npmmirror.com/react-dom@18.2.0(react@18.2.0)
       react-helmet: registry.npmmirror.com/react-helmet@6.1.0(react@18.2.0)
@@ -5044,9 +5121,7 @@ packages:
     transitivePeerDependencies:
       - debug
       - encoding
-      - history
       - prop-types
-      - react-hook-form
       - react-native
       - ts-node
     dev: false
@@ -5096,6 +5171,12 @@ packages:
       which-boxed-primitive: registry.npmmirror.com/which-boxed-primitive@1.0.2
     dev: false
 
+  registry.npmmirror.com/undefsafe@2.0.5:
+    resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/undefsafe/-/undefsafe-2.0.5.tgz}
+    name: undefsafe
+    version: 2.0.5
+    dev: false
+
   registry.npmmirror.com/unload@2.2.0:
     resolution: {integrity: sha512-B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/unload/-/unload-2.2.0.tgz}
     name: unload

admin/server.js

@@ -15,6 +15,22 @@ useAppRoute(app);
 useKbRoute(app);
 useSystemRoute(app);
 
+app.get('/*', (req, res) => {
+  try {
+    res.sendFile(new URL('dist/index.html', import.meta.url).pathname);
+  } catch (error) {
+    res.end();
+  }
+});
+
+app.use((err, req, res, next) => {
+  try {
+    res.sendFile(new URL('dist/index.html', import.meta.url).pathname);
+  } catch (error) {
+    res.end();
+  }
+});
+
 const PORT = process.env.PORT || 3001;
 app.listen(PORT, () => {
   console.log(`Server is running on port ${PORT}`);

admin/service/route/app.js

@@ -1,51 +1,55 @@
-import { User, Model, Kb } from '../schema.js';
+import { App, Kb } from '../schema.js';
 import { auth } from './system.js';
 
 export const useAppRoute = (app) => {
   // 获取AI助手列表
-  app.get('/models', auth(), async (req, res) => {
+  app.get('/apps', auth(), async (req, res) => {
     try {
       const start = parseInt(req.query._start) || 0;
       const end = parseInt(req.query._end) || 20;
       const order = req.query._order === 'DESC' ? -1 : 1;
-      const sort = req.query._sort || '_id';
-      const userId = req.query.userId || '';
+      const sort = req.query._sort;
       const name = req.query.name || '';
+      const id = req.query.id || '';
+
       const where = {
-        ...(userId ? { userId: userId } : {}),
-        name
+        ...(name && { name: { $regex: name, $options: 'i' } }),
+        ...(id && { _id: id })
       };
 
-      const modelsRaw = await Model.find()
+      const modelsRaw = await App.find(where)
         .skip(start)
         .limit(end - start)
-        .sort({ [sort]: order });
+        .sort({ [sort]: order, 'share.isShare': -1, 'share.collection': -1 });
 
       const models = [];
 
       for (const modelRaw of modelsRaw) {
-        const model = modelRaw.toObject();
+        const app = modelRaw.toObject();
 
         // 获取与模型关联的知识库名称
         const kbNames = [];
-        for (const kbId of model.chat.relatedKbs) {
+        for (const kbId of app.chat.relatedKbs) {
           const kb = await Kb.findById(kbId);
           kbNames.push(kb.name);
         }
 
         const orderedModel = {
-          id: model._id.toString(),
-          userId: model.userId,
-          name: model.name,
+          id: app._id.toString(),
+          userId: app.userId,
+          name: app.name,
+          intro: app.intro,
           relatedKbs: kbNames, // 将relatedKbs的id转换为相应的Kb名称
-          searchMode: model.chat?.searchMode,
-          systemPrompt: model.chat?.systemPrompt || '',
-          temperature: model.chat?.temperature
+          systemPrompt: app.chat?.systemPrompt || '',
+          temperature: app.chat?.temperature || 0,
+          'share.topNum': app.share?.topNum || 0,
+          'share.isShare': app.share?.isShare || false,
+          'share.collection': app.share?.collection || 0
         };
 
         models.push(orderedModel);
       }
-      const totalCount = await Model.countDocuments();
+      const totalCount = await App.countDocuments(where);
       res.header('Access-Control-Expose-Headers', 'X-Total-Count');
       res.header('X-Total-Count', totalCount);
       res.json(models);
@@ -54,4 +58,29 @@ export const useAppRoute = (app) => {
       res.status(500).json({ error: 'Error fetching models', details: err.message });
     }
   });
+
+  // 修改 app 信息
+  app.put('/apps/:id', auth(), async (req, res) => {
+    try {
+      const _id = req.params.id;
+
+      let {
+        share: { isShare, topNum },
+        intro
+      } = req.body;
+
+      await App.findByIdAndUpdate(_id, {
+        $set: {
+          intro: intro,
+          'share.topNum': Number(topNum),
+          'share.isShare': isShare === 'true' || isShare === true
+        }
+      });
+
+      res.json({});
+    } catch (err) {
+      console.log(`Error updating user: ${err}`);
+      res.status(500).json({ error: 'Error updating user' });
+    }
+  });
 };

admin/service/route/kb.js

@@ -10,7 +10,20 @@ export const useKbRoute = (app) => {
       const order = req.query._order === 'DESC' ? -1 : 1;
       const sort = req.query._sort || '_id';
       const tag = req.query.tag || '';
-      const where = { tags: { $elemMatch: { $regex: tag, $options: 'i' } } };
+      const name = req.query.name || '';
+
+      const where = {
+        ...(name
+          ? {
+              name: { $regex: name, $options: 'i' }
+            }
+          : {}),
+        ...(tag
+          ? {
+              tags: { $elemMatch: { $regex: tag, $options: 'i' } }
+            }
+          : {})
+      };
 
       const kbsRaw = await Kb.find(where)
         .skip(start)

admin/service/route/system.js

@@ -46,63 +46,6 @@ export const useSystemRoute = (app) => {
       res.status(401).end('username or password incorrect');
     }
   });
-  app.get('/system', auth(), async (req, res) => {
-    try {
-      const data = await System.find();
-      const totalCount = await System.countDocuments();
-
-      res.header('Access-Control-Expose-Headers', 'X-Total-Count');
-      res.header('X-Total-Count', totalCount);
-      res.json(
-        data.map((item) => {
-          const obj = item.toObject();
-          return {
-            ...obj,
-            id: obj._id
-          };
-        })
-      );
-    } catch (error) {
-      console.log(error);
-
-      res.status(500).json({ error: 'Error creating system env' });
-    }
-  });
-  app.post('/system', auth(), async (req, res) => {
-    try {
-      await System.create({
-        ...req.body,
-        sensitiveCheck: req.body.sensitiveCheck === 'true'
-      });
-      postParent();
-      res.json({});
-    } catch (error) {
-      res.status(500).json({ error: 'Error creating system env' });
-    }
-  });
-  app.put('/system/:id', auth(), async (req, res) => {
-    try {
-      const _id = req.params.id;
-      await System.findByIdAndUpdate(_id, {
-        ...req.body,
-        sensitiveCheck: req.body.sensitiveCheck === 'true'
-      });
-      postParent();
-      res.json({});
-    } catch (error) {
-      res.status(500).json({ error: 'Error updating system env' });
-    }
-  });
-  app.delete('/system/:id', auth(), async (req, res) => {
-    try {
-      const _id = req.params.id;
-      await System.findByIdAndDelete(_id);
-
-      res.json({});
-    } catch (error) {
-      res.status(500).json({ error: 'Error updating system env' });
-    }
-  });
 };
 
 export const auth = () => {
@@ -110,8 +53,7 @@ export const auth = () => {
     try {
       const authorization = req.headers.authorization;
       if (!authorization) {
-        res.status(401).end('not found authorization in headers');
-        return;
+        return next(new Error('unAuthorization'));
       }
 
       const token = authorization.slice('Bearer '.length);

admin/service/route/user.js

@@ -2,13 +2,65 @@ import { User, Pay } from '../schema.js';
 import dayjs from 'dayjs';
 import { auth } from './system.js';
 import crypto from 'crypto';
+export const PRICE_SCALE = 100000;
+
+export const formatPrice = (val = 0, multiple = 1) => {
+  return Number(((val / PRICE_SCALE) * multiple).toFixed(10));
+};
 
 // 加密
 const hashPassword = (psw) => {
   return crypto.createHash('sha256').update(psw).digest('hex');
 };
 
+const day = 60;
+
 export const useUserRoute = (app) => {
+  // 统计近 30 天注册用户数量
+  app.get('/users/data', auth(), async (req, res) => {
+    try {
+      let startCount = await User.countDocuments({
+        createTime: { $lt: new Date(Date.now() - day * 24 * 60 * 60 * 1000) }
+      });
+      const usersRaw = await User.aggregate([
+        { $match: { createTime: { $gte: new Date(Date.now() - day * 24 * 60 * 60 * 1000) } } },
+        {
+          $group: {
+            _id: {
+              year: { $year: '$createTime' },
+              month: { $month: '$createTime' },
+              day: { $dayOfMonth: '$createTime' }
+            },
+            count: { $sum: 1 }
+          }
+        },
+        {
+          $project: {
+            _id: 0,
+            date: { $dateFromParts: { year: '$_id.year', month: '$_id.month', day: '$_id.day' } },
+            count: 1
+          }
+        },
+        { $sort: { date: 1 } }
+      ]);
+
+      const countResult = usersRaw.map((item) => {
+        const increaseRate = `${((item.count / startCount) * 100).toFixed(2)}%`;
+        startCount += item.count;
+        return {
+          date: item.date,
+          count: startCount,
+          increase: item.count,
+          increaseRate
+        };
+      });
+
+      res.json(countResult);
+    } catch (err) {
+      console.log(`Error fetching users: ${err}`);
+      res.status(500).json({ error: 'Error fetching users' });
+    }
+  });
   // 获取用户列表
   app.get('/users', auth(), async (req, res) => {
     try {
@@ -31,6 +83,7 @@ export const useUserRoute = (app) => {
         return {
           ...obj,
           id: obj._id,
+          balance: formatPrice(obj.balance),
           createTime: dayjs(obj.createTime).format('YYYY/MM/DD HH:mm'),
           password: ''
         };
@@ -46,7 +99,6 @@ export const useUserRoute = (app) => {
       res.status(500).json({ error: 'Error fetching users' });
     }
   });
-
   // 创建用户
   app.post('/users', auth(), async (req, res) => {
     try {
@@ -61,8 +113,8 @@ export const useUserRoute = (app) => {
 
       const result = await User.create({
         username,
-        password,
-        balance
+        password: hashPassword(hashPassword(password)),
+        balance: balance * PRICE_SCALE
       });
       res.json(result);
     } catch (err) {
@@ -70,17 +122,17 @@ export const useUserRoute = (app) => {
       res.status(500).json({ error: 'Error creating user' });
     }
   });
-
   // 修改用户信息
   app.put('/users/:id', auth(), async (req, res) => {
     try {
       const _id = req.params.id;
 
-      let { password, balance = 0 } = req.body;
+      let { username, password, balance = 0 } = req.body;
 
       const result = await User.findByIdAndUpdate(_id, {
+        ...(username && { username }),
         ...(password && { password: hashPassword(hashPassword(password)) }),
-        ...(balance && { balance })
+        ...(balance && { balance: balance * PRICE_SCALE })
       });
       res.json(result);
     } catch (err) {
@@ -133,4 +185,58 @@ export const useUserRoute = (app) => {
       res.status(500).json({ error: 'Error fetching pays', details: err.message });
     }
   });
+  // 获取本月账单
+  app.get('/pays/data', auth(), async (req, res) => {
+    try {
+      let startCount = 0;
+
+      const paysRaw = await Pay.aggregate([
+        {
+          $match: {
+            status: 'SUCCESS',
+            createTime: {
+              $gte: new Date(Date.now() - day * 24 * 60 * 60 * 1000 + 8 * 60 * 60 * 1000) // 补时差
+            }
+          }
+        },
+        {
+          $addFields: {
+            adjustedCreateTime: { $add: ['$createTime', 8 * 60 * 60 * 1000] }
+          }
+        },
+        {
+          $group: {
+            _id: {
+              year: { $year: '$adjustedCreateTime' },
+              month: { $month: '$adjustedCreateTime' },
+              day: { $dayOfMonth: '$adjustedCreateTime' }
+            },
+            count: { $sum: '$price' }
+          }
+        },
+        {
+          $project: {
+            _id: 0,
+            date: { $dateFromParts: { year: '$_id.year', month: '$_id.month', day: '$_id.day' } },
+            count: 1
+          }
+        },
+        { $sort: { date: 1 } }
+      ]);
+
+      const countResult = paysRaw.map((item) => {
+        startCount += item.count;
+        return {
+          date: item.date,
+          total: startCount,
+          count: item.count
+        };
+      });
+
+      res.json(countResult);
+    } catch (err) {
+      console.log(`Error fetching users: ${err}`);
+      res.status(500).json({ error: 'Error fetching users' });
+    }
+  });
 };

admin/service/schema.js

@@ -21,22 +21,39 @@ mongoose
   .then(() => console.log('Connected to MongoDB successfully!'))
   .catch((err) => console.log(`Error connecting to MongoDB: ${err}`));
 
-const userSchema = new mongoose.Schema({
-  _id: mongoose.Schema.Types.ObjectId,
-  username: String,
-  password: String,
-  balance: Number,
-  promotion: {
-    rate: Number
+const UserSchema = new mongoose.Schema({
+  username: {
+    type: String,
+    required: true,
+    unique: true
   },
-  openaiKey: String,
-  avatar: String,
-  createTime: Date
+  password: {
+    type: String,
+    required: true,
+    select: false
+  },
+  createTime: {
+    type: Date,
+    default: () => new Date()
+  },
+  avatar: {
+    type: String,
+    default: '/icon/human.png'
+  },
+  balance: {
+    type: Number,
+    default: 0
+  },
+  limit: {
+    exportKbTime: {
+      // Every half hour
+      type: Date
+    }
+  }
 });
 
 // 新增: 定义 pays 模型
 const paySchema = new mongoose.Schema({
-  _id: mongoose.Schema.Types.ObjectId,
   userId: mongoose.Schema.Types.ObjectId,
   price: Number,
   orderId: String,
@@ -47,7 +64,6 @@ const paySchema = new mongoose.Schema({
 
 // 新增: 定义 kb 模型
 const kbSchema = new mongoose.Schema({
-  _id: mongoose.Schema.Types.ObjectId,
   userId: mongoose.Schema.Types.ObjectId,
   avatar: String,
   name: String,
@@ -56,19 +72,14 @@ const kbSchema = new mongoose.Schema({
   __v: Number
 });
 
-const modelSchema = new mongoose.Schema({
+const appSchema = new mongoose.Schema({
   userId: mongoose.Schema.Types.ObjectId,
   name: String,
   avatar: String,
   status: String,
-  chat: {
-    relatedKbs: [mongoose.Schema.Types.ObjectId],
-    searchMode: String,
-    systemPrompt: String,
-    temperature: Number,
-    chatModel: String
-  },
+  intro: String,
   share: {
+    topNum: Number,
     isShare: Boolean,
     isShareDetail: Boolean,
     intro: String,
@@ -85,18 +96,6 @@ const modelSchema = new mongoose.Schema({
 });
 
 const SystemSchema = new mongoose.Schema({
-  openAIKeys: {
-    type: String,
-    default: ''
-  },
-  openAITrainingKeys: {
-    type: String,
-    default: ''
-  },
-  gpt4Key: {
-    type: String,
-    default: ''
-  },
   vectorMaxProcess: {
     type: Number,
     default: 10
@@ -115,8 +114,8 @@ const SystemSchema = new mongoose.Schema({
   }
 });
 
-export const Model = mongoose.models['model'] || mongoose.model('model', modelSchema);
+export const App = mongoose.models['model'] || mongoose.model('model', appSchema);
 export const Kb = mongoose.models['kb'] || mongoose.model('kb', kbSchema);
-export const User = mongoose.models['user'] || mongoose.model('user', userSchema);
+export const User = mongoose.models['user'] || mongoose.model('user', UserSchema);
 export const Pay = mongoose.models['pay'] || mongoose.model('pay', paySchema);
 export const System = mongoose.models['system'] || mongoose.model('system', SystemSchema);

admin/src/App.tsx

@@ -4,15 +4,19 @@ import {
   ListTable,
   Resource,
   Tushan,
-  fetchJSON
+  fetchJSON,
+  TushanContextProps,
+  HTTPClient
 } from 'tushan';
 import { authProvider } from './auth';
-import { userFields, payFields, kbFields, ModelFields, SystemFields } from './fields';
+import { userFields, payFields, kbFields, AppFields } from './fields';
 import { Dashboard } from './Dashboard';
+import { IconUser, IconApps, IconBook, IconStamp } from 'tushan/icon';
+import { i18nZhTranslation } from 'tushan/client/i18n/resources/zh';
 
 const authStorageKey = 'tushan:auth';
 
-const httpClient: typeof fetchJSON = (url, options = {}) => {
+const httpClient: HTTPClient = (url, options = {}) => {
   try {
     if (!options.headers) {
       options.headers = new Headers({ Accept: 'application/json' });
@@ -28,11 +32,22 @@ const httpClient: typeof fetchJSON = (url, options = {}) => {
 
 const dataProvider = jsonServerProvider(import.meta.env.VITE_PUBLIC_SERVER_URL, httpClient);
 
+const i18n: TushanContextProps['i18n'] = {
+  languages: [
+    {
+      key: 'zh',
+      label: '简体中文',
+      translation: i18nZhTranslation
+    }
+  ]
+};
+
 function App() {
   return (
     <Tushan
       basename="/"
       header={'FastGpt-Admin'}
+      i18n={i18n}
       dataProvider={dataProvider}
       authProvider={authProvider}
       dashboard={<Dashboard />}
@@ -40,6 +55,7 @@ function App() {
       <Resource
         name="users"
         label="用户信息"
+        icon={<IconUser />}
         list={
           <ListTable
             filter={[
@@ -48,14 +64,33 @@ function App() {
               })
             ]}
             fields={userFields}
+            action={{ create: true, detail: true, edit: true }}
+          />
+        }
+      />
+      <Resource
+        name="apps"
+        icon={<IconApps />}
+        label="应用"
+        list={
+          <ListTable
+            filter={[
+              createTextField('id', {
+                label: 'id'
+              }),
+              createTextField('name', {
+                label: 'name'
+              })
+            ]}
+            fields={AppFields}
             action={{ detail: true, edit: true }}
           />
         }
       />
-
       <Resource
         name="pays"
         label="支付记录"
+        icon={<IconStamp />}
         list={
           <ListTable
             filter={[
@@ -71,9 +106,13 @@ function App() {
       <Resource
         name="kbs"
         label="知识库"
+        icon={<IconBook />}
         list={
           <ListTable
             filter={[
+              createTextField('name', {
+                label: 'name'
+              }),
               createTextField('tag', {
                 label: 'tag'
               })
@@ -83,21 +122,6 @@ function App() {
           />
         }
       />
-      <Resource
-        name="models"
-        label="应用"
-        list={<ListTable fields={ModelFields} action={{ detail: true }} />}
-      />
-      <Resource
-        name="system"
-        label="系统"
-        list={
-          <ListTable
-            fields={SystemFields}
-            action={{ detail: true, edit: true, create: true, delete: true }}
-          />
-        }
-      />
     </Tushan>
   );
 }

admin/src/Dashboard.tsx

@@ -2,22 +2,53 @@ import { Card, Link, Space, Grid, Divider, Typography } from '@arco-design/web-r
 import { IconApps, IconUser, IconUserGroup } from 'tushan/icon';
 import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
+import {
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer,
+  AreaChart,
+  Area
+} from 'tushan/chart';
+import dayjs from 'dayjs';
 
 const authStorageKey = 'tushan:auth';
+const PRICE_SCALE = 100000;
+
+type fetchChatData = {
+  count: number;
+  total?: number;
+  date: string;
+  increase?: number;
+  increaseRate?: string;
+};
+
+type chatDataType = {
+  date: string;
+  userCount: number;
+  userIncrease?: number;
+  userIncreaseRate?: string;
+  payTotal: number;
+  payCount: number;
+};
 
 export const Dashboard: React.FC = React.memo(() => {
   const [userCount, setUserCount] = useState(0); //用户数量
   const [kbCount, setkbCount] = useState(0);
   const [modelCount, setmodelCount] = useState(0);
-  useEffect(() => {
-    const fetchCounts = async () => {
-      const baseUrl = import.meta.env.VITE_PUBLIC_SERVER_URL;
-      const { token } = JSON.parse(window.localStorage.getItem(authStorageKey) ?? '{}');
 
-      const headers = {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${token}`
-      };
+  const [chatData, setChatData] = useState<chatDataType[]>([]);
+
+  useEffect(() => {
+    const baseUrl = import.meta.env.VITE_PUBLIC_SERVER_URL;
+    const { token } = JSON.parse(window.localStorage.getItem(authStorageKey) ?? '{}');
+    const headers = {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${token}`
+    };
+
+    const fetchCounts = async () => {
       const userResponse = await fetch(`${baseUrl}/users?_end=1`, {
         headers
       });
@@ -31,7 +62,6 @@ export const Dashboard: React.FC = React.memo(() => {
       const userTotalCount = userResponse.headers.get('X-Total-Count');
       const kbTotalCount = kbResponse.headers.get('X-Total-Count');
       const modelTotalCount = modelResponse.headers.get('X-Total-Count');
-      console.log(userTotalCount);
 
       if (userTotalCount) {
         setUserCount(Number(userTotalCount));
@@ -44,7 +74,32 @@ export const Dashboard: React.FC = React.memo(() => {
       }
     };
 
+    const fetchChatData = async () => {
+      const [userResponse, payResponse]: fetchChatData[][] = await Promise.all([
+        fetch(`${baseUrl}/users/data`, {
+          headers
+        }).then((res) => res.json()),
+        fetch(`${baseUrl}/pays/data`, {
+          headers
+        }).then((res) => res.json())
+      ]);
+
+      const data = userResponse.map((item, i) => {
+        const pay = payResponse.find((pay) => item.date === pay.date);
+        return {
+          date: dayjs(item.date).format('MM/DD'),
+          userCount: item.count,
+          userIncrease: item.increase,
+          userIncreaseRate: item.increaseRate,
+          payCount: pay ? pay.count / PRICE_SCALE : 0,
+          payTotal: pay?.total ? pay.total / PRICE_SCALE : 0
+        };
+      });
+      setChatData(data);
+    };
+
     fetchCounts();
+    fetchChatData();
   }, []);
 
   return (
@@ -71,11 +126,18 @@ export const Dashboard: React.FC = React.memo(() => {
               <Divider type="vertical" style={{ height: 40 }} />
 
               <Grid.Col flex={1} style={{ paddingLeft: '1rem' }}>
-                <DataItem icon={<IconApps />} title={'AI模型'} count={modelCount} />
+                <DataItem icon={<IconApps />} title={'应用'} count={modelCount} />
               </Grid.Col>
             </Grid.Row>
 
             <Divider />
+
+            <div>
+              <strong>用户数量 & 支付情况</strong>
+              <UserChart data={chatData} />
+            </div>
+
+            <Divider />
           </Card>
         </Space>
       </div>
@@ -84,38 +146,31 @@ export const Dashboard: React.FC = React.memo(() => {
 });
 Dashboard.displayName = 'Dashboard';
 
-const DashboardItem: React.FC<
-  React.PropsWithChildren<{
-    title: string;
-    href?: string;
-  }>
-> = React.memo((props) => {
-  const { t } = useTranslation();
+const DashboardItem = React.memo(
+  (props: { title: string; href?: string; children: React.ReactNode }) => {
+    const { t } = useTranslation();
 
-  return (
-    <Card
-      title={props.title}
-      extra={
-        props.href && (
-          <Link target="_blank" href={props.href}>
-            {t('tushan.dashboard.more')}
-          </Link>
-        )
-      }
-      bordered={false}
-      style={{ overflow: 'hidden' }}
-    >
-      {props.children}
-    </Card>
-  );
-});
+    return (
+      <Card
+        title={props.title}
+        extra={
+          props.href && (
+            <Link target="_blank" href={props.href}>
+              {t('tushan.dashboard.more')}
+            </Link>
+          )
+        }
+        bordered={false}
+        style={{ overflow: 'hidden' }}
+      >
+        {props.children}
+      </Card>
+    );
+  }
+);
 DashboardItem.displayName = 'DashboardItem';
 
-const DataItem: React.FC<{
-  icon: React.ReactElement;
-  title: string;
-  count: number;
-}> = React.memo((props) => {
+const DataItem = React.memo((props: { icon: React.ReactElement; title: string; count: number }) => {
   return (
     <Space>
       <div
@@ -141,3 +196,78 @@ const DataItem: React.FC<{
   );
 });
 DataItem.displayName = 'DataItem';
+
+const CustomTooltip = ({ active, payload }: any) => {
+  const data = payload?.[0]?.payload as chatDataType;
+  if (active && data) {
+    return (
+      <div
+        style={{
+          background: 'white',
+          padding: '5px 8px',
+          borderRadius: '8px',
+          boxShadow: '2px 2px 5px rgba(0,0,0,0.2)'
+        }}
+      >
+        <p className="label">
+          日期: <strong>{data.date}</strong>
+        </p>
+        <p className="label">
+          用户总数: <strong>{data.userCount}</strong>
+        </p>
+        <p className="label">
+          用户今日增长数量: <strong>{data.userIncrease}</strong>
+        </p>
+        <p className="label">
+          今日支付: <strong>{data.payCount}</strong>元
+        </p>
+        <p className="label">
+          60天累计支付: <strong>{data.payTotal}</strong>元
+        </p>
+      </div>
+    );
+  }
+  return null;
+};
+
+const UserChart = ({ data }: { data: chatDataType[] }) => {
+  return (
+    <ResponsiveContainer width="100%" height={320}>
+      <AreaChart
+        width={730}
+        height={250}
+        data={data}
+        margin={{ top: 10, right: 30, left: 0, bottom: 0 }}
+      >
+        <defs>
+          <linearGradient id="userCount" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="5%" stopColor="#82ca9d" stopOpacity={0.8} />
+            <stop offset="95%" stopColor="#82ca9d" stopOpacity={0} />
+          </linearGradient>
+          <linearGradient id="payTotal" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="5%" stopColor="#8884d8" stopOpacity={0.8} />
+            <stop offset="95%" stopColor="#8884d8" stopOpacity={0} />
+          </linearGradient>
+        </defs>
+        <XAxis dataKey="date" />
+        <YAxis />
+        <CartesianGrid strokeDasharray="3 3" />
+        <Tooltip content={<CustomTooltip />} />
+        <Area
+          type="monotone"
+          dataKey="userCount"
+          stroke="#82ca9d"
+          fillOpacity={1}
+          fill="url(#userCount)"
+        />
+        <Area
+          type="monotone"
+          dataKey="payTotal"
+          stroke="#8884d8"
+          fillOpacity={1}
+          fill="url(#payTotal)"
+        />
+      </AreaChart>
+    </ResponsiveContainer>
+  );
+};

admin/src/fields.ts

@@ -3,8 +3,12 @@ import { createTextField, createNumberField } from 'tushan';
 export const userFields = [
   createTextField('id', { label: 'ID' }),
   createTextField('username', { label: '用户名' }),
-  createNumberField('balance', { label: '余额', list: { sort: true } }),
-  createTextField('createTime', { label: 'Create Time', list: { sort: true } }),
+  createNumberField('balance', { label: '余额（元）', list: { sort: true } }),
+  createTextField('createTime', {
+    label: '创建时间',
+    list: { sort: true },
+    edit: { hidden: true }
+  }),
   createTextField('password', { label: '密码', list: { hidden: true } })
 ];
 
@@ -14,37 +18,32 @@ export const payFields = [
   createNumberField('price', { label: '支付金额' }),
   createTextField('orderId', { label: 'orderId' }),
   createTextField('status', { label: '状态' }),
-  createTextField('createTime', { label: 'Create Time', list: { sort: true } })
+  createTextField('createTime', { label: '创建时间', list: { sort: true } })
 ];
 
 export const kbFields = [
   createTextField('id', { label: 'ID' }),
-  createTextField('userId', { label: '所属用户' }),
+  createTextField('userId', { label: '所属用户', edit: { hidden: true } }),
   createTextField('name', { label: '知识库' }),
   createTextField('tags', { label: 'Tags' })
 ];
 
-export const ModelFields = [
+export const AppFields = [
   createTextField('id', { label: 'ID' }),
-  createTextField('userId', { label: '所属用户' }),
+  createTextField('userId', { label: '所属用户', list: { hidden: true }, edit: { hidden: true } }),
   createTextField('name', { label: '名字' }),
-  createTextField('relatedKbs', { label: '引用的知识库' }),
-  createTextField('searchMode', { label: '搜索模式' }),
+  createTextField('app', { label: '应用', edit: { hidden: true } }),
+  createTextField('share.collection', { label: '收藏数', list: { sort: true } }),
+  createTextField('share.topNum', { label: '置顶等级', list: { sort: true } }),
+  createTextField('share.isShare', { label: '是否分享(true,false)' }),
+  createTextField('intro', { label: '介绍', list: { width: 400 } }),
+  createTextField('relatedKbs', { label: '引用的知识库', list: { hidden: true } }),
+  createTextField('temperature', { label: '温度' }),
   createTextField('systemPrompt', {
     label: '提示词',
     list: {
-      width: 400
+      width: 400,
+      hidden: true
     }
-  }),
-  createTextField('temperature', { label: '温度' })
-];
-
-export const SystemFields = [
-  createTextField('openAIKeys', { label: 'openAIKeys，逗号隔开' }),
-  createTextField('openAITrainingKeys', { label: 'openAITrainingKeys' }),
-  createTextField('gpt4Key', { label: 'gpt4Key' }),
-  createTextField('vectorMaxProcess', { label: '向量最大进程' }),
-  createTextField('qaMaxProcess', { label: 'qa最大进程' }),
-  createTextField('pgIvfflatProbe', { label: 'pg 探针数量' }),
-  createTextField('sensitiveCheck', { label: '敏感词校验(true,false)' })
+  })
 ];

client/.env.template

@@ -1,5 +1,7 @@
 # 运行端口，如果不是 3000 口运行，需要改成其他的。注意：不是改了这个变量就会变成其他端口，而是因为改成其他端口，才用这个变量。
 PORT=3000
+# database max link
+DB_MAX_LINK=5
 # 代理
 # AXIOS_PROXY_HOST=127.0.0.1
 # AXIOS_PROXY_PORT=7890
@@ -15,12 +17,12 @@ aliTemplateCode=xxxx
 TOKEN_KEY=dfdasfdas
 # root key, 最高权限
 ROOT_KEY=fdafasd
-# openai
-# OPENAI_BASE_URL=http://ai.openai.com/v1
-# OPENAI_BASE_URL_AUTH=可选安全凭证，会放到 header.auth 里
-OPENAIKEY=sk-xxx
-OPENAI_TRAINING_KEY=sk-xxx
-GPT4KEY=sk-xxx
+# 使用 oneapi 
+# ONEAPI_URL=https://xxxx.cloud.sealos.io/v1
+# ONEAPI_KEY=sk-xxxx
+# openai 的基本地址（国外的可以忽略，默认走 api.openai.com）。不用 oneapi 的话需要下面 2 个参数，用户的 key 也会走下面的参数
+OPENAI_BASE_URL=https://xxxx.cloud.sealos.io/openai/v1
+OPENAIKEY=sk-xxxx
 # db
 MONGODB_URI=mongodb://username:password@0.0.0.0:27017/?authSource=admin
 MONGODB_NAME=fastgpt

client/.gitignore

@@ -28,4 +28,5 @@ next-env.d.ts
 platform.json
 testApi/
 local/
-.husky/
+.husky/
+data/config.json.local

client/Dockerfile

@@ -5,7 +5,8 @@ RUN apk add --no-cache libc6-compat && npm install -g pnpm
 WORKDIR /app
 
 # Install dependencies based on the preferred package manager
-COPY package.json pnpm-lock.yaml* ./
+COPY package.json ./
+COPY pnpm-lock.yaml* ./
 RUN pnpm config set registry https://registry.npmmirror.com/
 RUN \
   [ -f pnpm-lock.yaml ] && pnpm install || \

client/data/config.json

@@ -0,0 +1,70 @@
+{
+  "FeConfig": {
+    "show_emptyChat": true,
+    "show_register": true,
+    "show_appStore": false,
+    "show_userDetail": true,
+    "show_git": true,
+    "systemTitle": "FastAI",
+    "authorText": "Made by FastAI Team."
+  },
+  "SystemParams": {
+    "beianText": "",
+    "baiduTongji": "",
+    "googleClientVerKey": "",
+    "googleServiceVerKey": "",
+    "vectorMaxProcess": 15,
+    "qaMaxProcess": 15,
+    "pgIvfflatProbe": 20,
+    "sensitiveCheck": false
+  },
+  "ChatModels": [
+    {
+      "model": "gpt-3.5-turbo",
+      "name": "FastAI-4k",
+      "contextMaxToken": 4000,
+      "quoteMaxToken": 2000,
+      "maxTemperature": 1.2,
+      "price": 1.5
+    },
+    {
+      "model": "gpt-3.5-turbo-16k",
+      "name": "FastAI-16k",
+      "contextMaxToken": 16000,
+      "quoteMaxToken": 8000,
+      "maxTemperature": 1.2,
+      "price": 3
+    },
+    {
+      "model": "ERNIE-Bot",
+      "name": "文心一言",
+      "contextMaxToken": 3000,
+      "quoteMaxToken": 1500,
+      "maxTemperature": 1,
+      "price": 1.2
+    },
+    {
+      "model": "gpt-4",
+      "name": "FastAI-Plus",
+      "contextMaxToken": 8000,
+      "quoteMaxToken": 4000,
+      "maxTemperature": 1.2,
+      "price": 45
+    }
+  ],
+  "QAModels": [
+    {
+      "model": "gpt-3.5-turbo-16k",
+      "name": "FastAI-16k",
+      "maxToken": 16000,
+      "price": 3
+    }
+  ],
+  "VectorModels": [
+    {
+      "model": "text-embedding-ada-002",
+      "name": "Embedding-2",
+      "price": 0.2
+    }
+  ]
+}

client/next-i18next.config.js

@@ -0,0 +1,12 @@
+//next-i18next.config.js
+/**
+ * @type {import('next-i18next').UserConfig}
+ */
+
+module.exports = {
+  i18n: {
+    defaultLocale: 'en',
+    locales: ['en', 'zh', 'zh-Hans'],
+    localeDetection: false
+  }
+};

client/next.config.js

@@ -1,11 +1,22 @@
 /** @type {import('next').NextConfig} */
+const { i18n } = require('./next-i18next.config');
 
 const nextConfig = {
+  i18n,
   output: 'standalone',
   reactStrictMode: false,
   compress: true,
 
-  webpack(config) {
+  webpack(config, { isServer }) {
+    if (!isServer) {
+      config.resolve = {
+        ...config.resolve,
+        fallback: {
+          ...config.resolve.fallback,
+          fs: false
+        }
+      };
+    }
     config.experiments = {
       asyncWebAssembly: true,
       layers: true

client/package.json

@@ -13,9 +13,9 @@
     "@alicloud/openapi-client": "^0.4.5",
     "@alicloud/tea-util": "^1.4.5",
     "@chakra-ui/icons": "^2.0.17",
-    "@chakra-ui/react": "^2.5.1",
-    "@chakra-ui/system": "^2.5.5",
-    "@dqbd/tiktoken": "^1.0.6",
+    "@chakra-ui/react": "^2.7.0",
+    "@chakra-ui/system": "^2.5.8",
+    "@dqbd/tiktoken": "^1.0.7",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@next/font": "13.1.6",
@@ -24,31 +24,37 @@
     "axios": "^1.3.3",
     "cookie": "^0.5.0",
     "crypto": "^1.0.1",
+    "date-fns": "^2.30.0",
     "dayjs": "^1.11.7",
-    "eventsource-parser": "^0.1.0",
+    "echarts": "^5.4.1",
     "formidable": "^2.1.1",
     "framer-motion": "^9.0.6",
-    "graphemer": "^1.4.0",
     "hyperdown": "^2.4.29",
+    "i18next": "^22.5.1",
     "immer": "^9.0.19",
+    "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.0",
     "lodash": "^4.17.21",
     "mammoth": "^1.5.1",
-    "mermaid": "^8.13.5",
+    "mermaid": "^10.2.3",
     "mongoose": "^6.10.0",
     "nanoid": "^4.0.1",
     "next": "13.1.6",
+    "next-i18next": "^13.3.0",
     "nextjs-cors": "^2.1.2",
     "nodemailer": "^6.9.1",
     "nprogress": "^0.2.0",
-    "openai": "^3.2.1",
+    "openai": "^3.3.0",
     "papaparse": "^5.4.1",
     "pg": "^8.10.0",
     "react": "18.2.0",
+    "react-day-picker": "^8.7.1",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.43.1",
-    "react-markdown": "^8.0.5",
+    "react-i18next": "^12.3.1",
+    "react-markdown": "^8.0.7",
     "react-syntax-highlighter": "^15.5.0",
+    "reactflow": "^11.7.4",
     "rehype-katex": "^6.0.2",
     "remark-breaks": "^3.0.3",
     "remark-gfm": "^3.0.1",
@@ -63,6 +69,7 @@
     "@svgr/webpack": "^6.5.1",
     "@types/cookie": "^0.5.1",
     "@types/formidable": "^2.0.5",
+    "@types/js-cookie": "^3.0.3",
     "@types/jsonwebtoken": "^9.0.1",
     "@types/lodash": "^4.14.191",
     "@types/node": "18.14.0",

client/public/docs/chatProblem.md

@@ -1,26 +1,22 @@
 ### 常见问题
 
-**Git 地址**
-[项目地址，完全开源，随便用。](https://github.com/c121914yu/FastGPT)
+**一键部署**：V4 版本未正式开源，目前仅提供一键部署方案:
 
-**问题文档**
-[先看文档，再提问](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
-
-**删除和复制**
-电脑端：聊天内容右侧有复制和删除的图标。
-移动端：点击对话头像，可以选择复制或删除该条内容。
+[![](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-fastdeploy%3FtemplateName%3Dfastgpt)
 
+**Git 地址**: [项目地址。V4-beta 暂未开源，在正式版发布后会开源。](https://github.com/labring/FastGPT)
+**反馈问卷**: 如果你遇到任何使用问题或有期望的功能，可以[填写该问卷](https://www.wjx.cn/vm/rLIw1uD.aspx#)
+**问题文档**: [先看文档，再提问](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)  
 **价格表**
-如果使用了自己的 Api Key，网页上 openai 模型聊天不会计费。可以在账号页，看到详细账单。
 | 计费项 | 价格: 元/ 1K tokens（包含上下文）|
 | --- | --- |
-| 知识库 - 索引 | 0.001 |
-| chatgpt - 对话 | 0.025 |
-| gpt4 - 对话 | 0.5 |
-| 文件拆分 | 0.025 |
+| 知识库 - 索引 | 0.002 |
+| FastAI4k - 对话 | 0.015 |
+| FastAI16k - 对话 | 0.03 |
+| FastAI-Plus - 对话 | 0.45 |
+| 文件拆分 | 0.03 |
 
 **其他问题**
-请 WX 联系: YNyiqi
 | 交流群 | 小助手 |
 | ----------------------- | -------------------- |
 | ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |

client/public/docs/csvSelect.md

@@ -1,9 +0,0 @@
-接受一个 csv 文件，表格头包含 question 和 answer。question 代表问题，answer 代表答案。
-导入前会进行去重，如果问题和答案完全相同，则不会被导入，所以最终导入的内容可能会比文件的内容少。但是，对于带有换行的内容，目前无法去重。
-
-### 请保证 csv 文件为 utf-8 编码
-
-| question      | answer                                                 |
-| ------------- | ------------------------------------------------------ |
-| 什么是 laf    | laf 是一个云函数开发平台……                             |
-| 什么是 sealos | Sealos 是以 kubernetes 为内核的云操作系统发行版,可以…… |

client/public/docs/intro.md

@@ -1,33 +0,0 @@
-## 欢迎使用 Fast GPT
-
-### 项目开源
-
-FastGpt 项目完全开源，可随意私有化部署，去除平台风险忧虑。项目地址：[Git 仓库](https://github.com/c121914yu/FastGPT)
-
-### 开始使用知识库
-
-1. AI 助手详情里，有一个模型效果。打开知识库搜索开关即可使用知识库搜索功能。
-2. 导入知识库数据。可以手动输入或文件导入。
-3. 开始对话。
-4. 对话结束后，会看到聊天下方有一个“查看提示词”,可以看到搜索到了哪些内容。
-
-注意：使用知识库模型对话时，tokens 消耗会加快。
-
-### 价格表
-
-如果使用了自己的 Api Key，网页上 openai 模型聊天不会计费。可以在账号页，看到详细账单。
-| 计费项 | 价格: 元/ 1K tokens（包含上下文）|
-| --- | --- |
-| 知识库 - 索引 | 0.001 |
-| chatgpt - 对话 | 0.025 |
-| gpt4 - 对话 | 0.5 |
-| 文件拆分 | 0.025 |
-
-### 交流群/问题反馈
-
-如果群满了，可加个小助手，定时拉
-wx 号: YNyiqi
-
-| 交流群                                            | 小助手                                         |
-| ------------------------------------------------- | ---------------------------------------------- |
-| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |

client/public/docs/shareHint.md

@@ -1,3 +0,0 @@
-你正准备分享对话，请确保分享链接不会滥用，因为它是使用的是你的 API key。  
-* 分享空白对话：为该模型创建一个空白的聊天分享出去。  
-* 分享当前对话：会把当前聊天的内容也分享出去，但是要注意不要多个人同时用一个聊天内容。

client/public/docs/versionIntro.md

@@ -1,5 +1,8 @@
-### Fast GPT V3.8.4
+### Fast GPT V4.0-beta
 
-1. 新增 - mermaid 导图兼容，可以在应用市场 'mermaid 导图' 进行体验。
-2. 优化 - 部分 UI 和账号页。
-2. 优化 - 知识库搜索速度
+1. 全新交互，增加采用模块组合的方式构建知识库，同时保留表单的简易模式。
+2. 问题分类 - 可以对用户的问题进行分类，再执行不同的操作。
+3. 对话引导 - 增加开场引导和变量，提高对话可玩性。
+4. 新增 - 每轮对话均可展示完整的上下文状态。
+5. 新增 - 网页嵌入（简单版），可直接接入现有网页。在 【应用详情-外部使用-创建新链接-嵌入网页】 中获取嵌入脚本。
+6. 新增 - 个人 openai 账号可以使用网页上 OpenAI 对话模型。

client/public/imgs/files/csv.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689493855879" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3538" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M145.6 0C100.8 0 64 36.8 64 81.6v860.8C64 987.2 100.8 1024 145.6 1024h732.8c44.8 0 81.6-36.8 81.6-81.6V324.8L656 0H145.6z" fill="#45B058" p-id="3539"></path><path d="M388.8 691.2c1.6 1.6 3.2 4.8 3.2 8 0 6.4-4.8 11.2-11.2 11.2-3.2 0-6.4 0-8-3.2-11.2-12.8-30.4-22.4-48-22.4-41.6 0-73.6 32-73.6 78.4 0 44.8 32 78.4 73.6 78.4 17.6 0 35.2-8 48-22.4 1.6-1.6 4.8-3.2 8-3.2 6.4 0 11.2 4.8 11.2 11.2 0 3.2-1.6 6.4-3.2 8-14.4 16-35.2 27.2-64 27.2-56 0-99.2-40-99.2-99.2s43.2-99.2 99.2-99.2c28.8 0 49.6 11.2 64 27.2z m108.8 171.2c-28.8 0-51.2-9.6-67.2-24-3.2-1.6-3.2-4.8-3.2-8 0-6.4 3.2-12.8 11.2-12.8 1.6 0 4.8 1.6 6.4 3.2 12.8 11.2 32 20.8 54.4 20.8 33.6 0 44.8-19.2 44.8-33.6 0-49.6-113.6-22.4-113.6-91.2 0-30.4 27.2-52.8 65.6-52.8 24 0 46.4 8 62.4 20.8 1.6 1.6 3.2 4.8 3.2 8 0 6.4-4.8 11.2-11.2 11.2-1.6 0-4.8 0-6.4-1.6-14.4-11.2-32-17.6-49.6-17.6-24 0-40 12.8-40 30.4 0 43.2 113.6 19.2 113.6 91.2 0 27.2-19.2 56-70.4 56z m272-179.2L702.4 848c-3.2 8-9.6 12.8-17.6 12.8h-1.6c-8 0-16-4.8-19.2-12.8l-65.6-164.8c-1.6-1.6-1.6-3.2-1.6-4.8 0-6.4 4.8-12.8 12.8-12.8 4.8 0 9.6 3.2 11.2 8l62.4 160 62.4-160c1.6-4.8 6.4-8 11.2-8 8 0 14.4 6.4 14.4 12.8 0 1.6-1.6 3.2-1.6 4.8z" fill="#FFFFFF" p-id="3540"></path><path d="M960 326.4v16H755.2s-100.8-20.8-97.6-108.8c0 0 3.2 92.8 96 92.8H960z" fill="#349C42" p-id="3541"></path><path d="M657.6 0v233.6c0 25.6 17.6 92.8 97.6 92.8H960L657.6 0z" fill="#FFFFFF" p-id="3542"></path></svg>

client/public/imgs/files/html.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689494897388" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="958" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M146.56 0C101.76 0 66.56 35.2 66.56 80V940.8C66.56 985.6 101.76 1024 146.56 1024H879.36c44.8 0 80-35.2 80-80V323.2L658.56 0h-512z" fill="#F7622C" p-id="959"></path><path d="M962.56 326.4v16h-204.8s-99.2-19.2-99.2-108.8c0 0 3.2 92.8 96 92.8H962.56z" fill="#F54921" p-id="960"></path><path d="M658.56 0v233.6c0 25.6 16 92.8 96 92.8H962.56L658.56 0zM367.36 812.8H360.96l-121.6-54.4c-6.4-3.2-12.8-9.6-12.8-19.2 0-6.4 6.4-16 12.8-19.2L360.96 665.6h3.2c6.4 0 12.8 6.4 12.8 16 0 6.4-3.2 12.8-6.4 16L258.56 745.6 370.56 793.6c3.2 3.2 6.4 6.4 6.4 16 3.2 0-3.2 3.2-9.6 3.2zM501.76 636.8l-70.4 211.2c-3.2 6.4-6.4 9.6-12.8 9.6-9.6 0-16-6.4-16-16l3.2-3.2L476.16 627.2c3.2-6.4 6.4-12.8 12.8-12.8 9.6 0 12.8 6.4 12.8 16v6.4z m166.4 121.6l-121.6 54.4h-3.2c-6.4 0-16-3.2-16-12.8 0-6.4 3.2-12.8 6.4-16l112-48-112-48c-3.2-3.2-6.4-6.4-6.4-16 0-6.4 6.4-16 16-16h3.2l121.6 54.4c6.4 3.2 12.8 12.8 12.8 19.2-3.2 16-6.4 25.6-12.8 28.8z" fill="#FFFFFF" p-id="961"></path></svg>

client/public/imgs/files/markdown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689494956529" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3178" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M903.542857 256.8c6.857143 6.857143 10.742857 16.114286 10.742857 25.828571V987.428571c0 20.228571-16.342857 36.571429-36.571428 36.571429H146.285714c-20.228571 0-36.571429-16.342857-36.571428-36.571429V36.571429c0-20.228571 16.342857-36.571429 36.571428-36.571429h485.371429c9.714286 0 19.085714 3.885714 25.942857 10.742857l245.942857 246.057143zM829.942857 299.428571L614.857143 84.342857V299.428571h215.085714zM413.862857 613.634286l67.554286 151.965714a18.285714 18.285714 0 0 0 16.708571 10.857143h27.497143a18.285714 18.285714 0 0 0 16.72-10.868572l67.542857-152.4V793.142857a18.285714 18.285714 0 0 0 18.297143 18.285714H659.428571a18.285714 18.285714 0 0 0 18.285715-18.285714V482.285714a18.285714 18.285714 0 0 0-18.285715-18.285714h-39.714285a18.285714 18.285714 0 0 0-16.765715 10.994286L512.114286 683.657143l-90.834286-208.674286a18.285714 18.285714 0 0 0-16.765714-10.982857H364.571429a18.285714 18.285714 0 0 0-18.285715 18.285714v310.857143a18.285714 18.285714 0 0 0 18.285715 18.285714h31.005714a18.285714 18.285714 0 0 0 18.285714-18.285714V613.634286z" p-id="3179" data-spm-anchor-id="a313x.7781069.0.i3" class="selected" fill="#515151"></path></svg>

client/public/imgs/files/pdf.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689494925506" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1120" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M149.76 0C104.96 0 66.56 35.2 66.56 80V940.8c0 48 38.4 83.2 83.2 83.2h732.8c44.8 0 80-35.2 80-80V323.2L658.56 0H149.76z" fill="#DD5154" p-id="1121"></path><path d="M962.56 326.4v16h-204.8s-99.2-19.2-96-105.6c0 0 3.2 89.6 96 89.6h204.8z" fill="#6B0D12" p-id="1122"></path><path d="M329.91232 652.3904l2.31424 0.02048c21.02272 0.33792 36.81792 5.3504 47.29856 15.15008 10.9056 10.19904 16.29184 26.112 16.29184 47.60064 0 41.71776-21.63712 63.2832-64.01536 63.90272l-1.90976 0.01536h-36.43904v63.45216l-0.03072 1.2544c-0.19968 3.59424-1.23392 6.5536-3.15904 8.8064-2.2784 2.65216-5.85216 3.90144-10.5472 3.90144-4.92544 0-8.63232-1.37728-10.9056-4.28032-1.85344-2.37056-2.87744-5.2224-3.08736-8.4992l-0.03584-1.24928v-173.78816l0.02048-1.28512c0.15872-5.4784 1.34656-9.3696 3.83488-11.61728 2.44736-2.21696 6.91712-3.24608 13.58336-3.36896l1.46432-0.01536h45.32224z m407.21408 0l1.0752 0.02048c8.66304 0.33792 13.47584 4.8384 13.47584 12.86144 0 4.57216-1.30048 7.98208-4.08064 9.96864-2.26304 1.61792-5.40672 2.45248-9.43616 2.60096l-1.37216 0.0256H659.3536v59.38688l69.74464 0.00512 1.17248 0.0256c6.43072 0.26112 10.69056 2.75456 12.00128 7.20896 1.28 2.80576 1.152 5.9392-0.128 8.82688-1.37216 5.7088-5.60128 8.8064-12.0576 9.10336l-1.03936 0.0256H659.3536v81.23904l-0.03584 1.13664c-0.2048 3.31776-1.28 6.0672-3.24608 8.1408-2.29376 2.42688-6.00064 3.52768-11.0336 3.52768-4.88448 0-8.448-1.1264-10.55744-3.6352-1.7408-2.06336-2.67776-4.75136-2.8672-8.00256l-0.03072-1.24416v-176.37888l0.02048-1.20832c0.16896-4.77184 1.3312-8.2688 3.69664-10.3936 2.28864-2.06848 5.88288-3.07712 10.78272-3.2256l1.24928-0.01536h89.79456z m-233.00096 0l2.65728 0.03072c13.3888 0.3072 25.0624 2.90816 35.00544 7.8336 10.57792 5.23776 19.34336 12.42112 26.27584 21.5296 6.89664 9.0624 12.0064 19.73248 15.33952 31.98976 3.31264 12.17024 4.9664 25.15456 4.9664 38.94784 0 13.98272-1.65376 27.06432-4.9664 39.23456-3.328 12.24704-8.38656 22.95296-15.17568 32.1024a72.28416 72.28416 0 0 1-25.85088 21.69344c-9.79968 4.95104-21.26336 7.55712-34.37056 7.84896l-2.47808 0.0256H451.59936l-1.14176-0.01024c-5.84704-0.11776-9.53856-1.09056-11.24352-3.51232-1.38752-1.96096-2.06336-4.92544-2.176-8.97536l-0.01536-1.24416v-173.78816l0.02048-1.25952c0.11264-4.01408 0.78336-6.9632 2.17088-8.92416 1.6896-2.39616 5.32992-3.38944 11.136-3.5072l1.27488-0.01536h52.50048z m-5.76512 24.33024h-33.85856v152.576h41.02656c17.3568 0 30.73536-6.5024 40.3712-19.59936 9.76896-13.27104 14.69952-32.53248 14.69952-57.83552 0-24.51456-5.06368-43.18208-15.08864-56.05888-9.56928-12.288-24.51968-18.6624-45.07648-19.06176l-2.0736-0.02048z m-168.46848 0.86016h-36.43904v76.88192h36.43904c14.08 0 23.92576-3.13344 29.67552-9.23136 5.79584-6.144 8.76544-16.04096 8.76544-29.78304 0-13.6704-3.29728-23.296-9.7536-29.056-6.22592-5.5552-15.13472-8.50944-26.81856-8.79104l-1.8688-0.02048zM658.56 0L962.56 326.4h-208c-80 0-96-64-96-92.8V0z" fill="#FFFFFF" p-id="1123"></path></svg>

client/public/imgs/files/txt.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689495026020" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="958" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M146.56 0C104.96 0 66.56 35.2 66.56 80v864C66.56 988.8 101.76 1024 146.56 1024H879.36c44.8 0 80-35.2 80-80V323.2L658.56 0h-512z" fill="#99B7D2" p-id="959"></path><path d="M962.56 323.2v16h-204.8s-99.2-19.2-96-105.6c0 0 3.2 89.6 96 89.6h204.8z" fill="#527EA7" p-id="960"></path><path d="M449.07008 650.25024c3.00032 0.12288 5.84192 2.09408 8.72448 5.7344l0.7168 0.94208 47.79008 68.11136 45.7216-65.42848 0.64512-1.01376c2.82112-4.30592 5.89824-6.89664 9.33376-7.5776 3.56352-0.7168 7.1168 0.11264 10.54208 2.39616 6.32832 4.29568 7.2704 10.58304 2.944 17.8688l-0.5632 0.91136-52.87424 75.3664 62.83776 89.51808 0.65024 1.3824c1.07008 2.41152 1.7408 4.74624 2.01216 7.00416 0.41984 3.49184-1.56672 6.64064-5.55008 9.4464-7.39328 5.00736-14.1312 3.92192-19.03104-2.97984l-0.55296-0.8192L506.0096 770.6624l-56.43264 80.50688-0.73728 0.98816c-2.47296 3.13856-5.30432 5.04832-8.47872 5.59616-3.20512 0.55296-6.34368-0.24576-9.216-2.2272l-0.84992-0.62976c-3.16416-2.19136-4.85376-5.43744-4.9664-9.48224-0.1024-3.49184 0.8704-6.66112 2.7904-9.28768l0.67584-0.85504 61.19424-87.424-52.83328-75.58656-0.60416-0.8192c-1.67424-2.4576-2.39616-5.40672-2.19136-8.7552a11.42784 11.42784 0 0 1 5.43744-9.28768c3.2768-2.18624 6.36416-3.27168 9.2672-3.1488z m-62.98112 3.584l1.14688 0.03584c3.31264 0.21504 6.1696 1.31584 8.4736 3.30752 2.70336 2.33472 4.03968 5.67808 4.03968 9.82016 0 4.65408-1.58208 8.13568-4.82816 10.0864a17.16736 17.16736 0 0 1-7.74144 2.47296l-1.17248 0.03584h-43.60192v164.37248l-0.03072 1.30048c-0.17408 3.70688-1.08544 6.67136-2.82624 8.84224-2.10944 2.64192-5.7856 3.82464-10.88512 3.82464-5.12 0-8.81664-1.2544-10.92608-4.0192-1.6896-2.22208-2.60096-5.12-2.78016-8.6528l-0.03584-1.3568-0.00512-164.31104h-43.66336l-1.18784-0.03072c-3.39968-0.17408-6.2464-1.09056-8.46848-2.78528-2.73408-2.07872-4.0192-5.51424-4.0192-10.06592 0-4.36224 1.35168-7.75168 4.1472-9.9072 2.29376-1.77152 5.09952-2.74432 8.35072-2.93888l1.24416-0.03584h114.76992z m365.60896 0l1.14688 0.03584c3.31264 0.21504 6.1696 1.31584 8.4736 3.30752 2.70336 2.33472 4.03968 5.67808 4.03968 9.82016 0 4.65408-1.58208 8.13568-4.82816 10.0864a17.16736 17.16736 0 0 1-7.74144 2.47296l-1.17248 0.03584h-43.60192v164.37248l-0.03072 1.30048c-0.17408 3.70688-1.08544 6.67136-2.82624 8.84224-2.10944 2.64192-5.7856 3.82464-10.88512 3.82464-5.12 0-8.81664-1.2544-10.92608-4.0192-1.6896-2.22208-2.60096-5.12-2.78016-8.6528l-0.03584-1.3568v-164.31104h-43.66848l-1.18784-0.03072c-3.39968-0.17408-6.2464-1.09056-8.46848-2.78528-2.73408-2.07872-4.0192-5.51424-4.0192-10.06592 0-4.36224 1.35168-7.75168 4.1472-9.9072 2.29376-1.77152 5.09952-2.74432 8.35072-2.93888l1.24416-0.03584h114.76992zM658.56 0L962.56 323.2h-208c-80 0-96-64-96-92.8V0z" fill="#FFFFFF" p-id="961"></path></svg>

client/public/js/iframe.js

@@ -0,0 +1,61 @@
+async function embedChatbot() {
+  const chatBtnId = 'fastgpt-chatbot-button';
+  const chatWindowId = 'fastgpt-chatbot-window';
+  const script = document.getElementById('fastgpt-iframe');
+  const botSrc = script?.getAttribute('data-src');
+  const primaryColor = script?.getAttribute('data-color') || '#4e83fd';
+
+  if (!botSrc) {
+    console.error(`Can't find appid`);
+    return;
+  }
+  if (document.getElementById(chatBtnId)) {
+    return;
+  }
+
+  const MessageIcon = `<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1690532785664" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4132" xmlns:xlink="http://www.w3.org/1999/xlink" ><path d="M512 32C247.04 32 32 224 32 464A410.24 410.24 0 0 0 172.48 768L160 965.12a25.28 25.28 0 0 0 39.04 22.4l168-112A528.64 528.64 0 0 0 512 896c264.96 0 480-192 480-432S776.96 32 512 32z m244.8 416l-361.6 301.76a12.48 12.48 0 0 1-19.84-12.48l59.2-233.92h-160a12.48 12.48 0 0 1-7.36-23.36l361.6-301.76a12.48 12.48 0 0 1 19.84 12.48l-59.2 233.92h160a12.48 12.48 0 0 1 8 22.08z" fill=${primaryColor} p-id="4133"></path></svg>`;
+
+  const CloseIcon = `<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1690535441526" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6367" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM305.956571 370.395429L447.488 512 305.956571 653.604571a45.568 45.568 0 1 0 64.438858 64.438858L512 576.512l141.604571 141.531429a45.568 45.568 0 0 0 64.438858-64.438858L576.512 512l141.531429-141.604571a45.568 45.568 0 1 0-64.438858-64.438858L512 447.488 370.395429 305.956571a45.568 45.568 0 0 0-64.438858 64.438858z" fill=${primaryColor} p-id="6368"></path></svg>`;
+
+  const ChatBtn = document.createElement('div');
+  ChatBtn.id = chatBtnId;
+  ChatBtn.style.cssText =
+    'position: fixed; bottom: 1rem; right: 1rem; width: 40px; height: 40px; cursor: pointer; z-index: 2147483647; ';
+
+  const ChatBtnDiv = document.createElement('div');
+  ChatBtnDiv.style.cssText =
+    'transition: all 0.2s ease-in-out 0s; left: unset; transform: scale(1); :hover {transform: scale(1.1);} display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 9999;';
+  ChatBtnDiv.innerHTML = MessageIcon;
+
+  ChatBtn.appendChild(ChatBtnDiv);
+
+  const iframe = document.createElement('iframe');
+  iframe.allow = 'fullscreen;microphone';
+  iframe.title = 'FastGpt Chat Window';
+  iframe.id = chatWindowId;
+  iframe.src = botSrc;
+
+  iframe.style.cssText =
+    'visibility: hidden; border: none; position: fixed; flex-direction: column; justify-content: space-between; box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px; bottom: 4rem; right: 1rem; width: 24rem; height: 40rem; max-width: 90vw; max-height: 85vh; border-radius: 0.75rem; display: flex; z-index: 2147483647; overflow: hidden; left: unset; background-color: #F3F4F6;';
+
+  document.body.appendChild(iframe);
+
+  iframe.onload = () => {
+    document.body.appendChild(ChatBtn);
+  };
+
+  ChatBtn.addEventListener('click', function () {
+    const chatWindow = document.getElementById(chatWindowId);
+
+    if (!chatWindow) return;
+    const visibilityVal = chatWindow.style.visibility;
+    if (visibilityVal === 'hidden') {
+      chatWindow.style.visibility = 'unset';
+      ChatBtnDiv.innerHTML = CloseIcon;
+    } else {
+      chatWindow.style.visibility = 'hidden';
+      ChatBtnDiv.innerHTML = MessageIcon;
+    }
+  });
+}
+document.body.onload = embedChatbot;

client/public/locales/en/common.json

@@ -0,0 +1,44 @@
+{
+  "App": "App",
+  "Cancel": "No",
+  "Confirm": "Yes",
+  "Warning": "Warning",
+  "app": {
+    "App Detail": "App Detail",
+    "Confirm Del App Tip": "Confirm to delete the app and all its chats",
+    "Confirm Save App Tip": "After saving, the advanced orchestration configuration will be overwritten. Make sure that the application does not use advanced orchestration.",
+    "Connection is invalid": "Connecting is invalid",
+    "Connection type is different": "Connection type is different",
+    "My Apps": "My Apps"
+  },
+  "chat": {
+    "Confirm to clear history": "Confirm to clear history?",
+    "Exit Chat": "Exit",
+    "History": "History",
+    "New Chat": "New Chat",
+    "You need to a chat app": "You need to a chat app"
+  },
+  "home": {
+    "Quickly build AI question and answer library": "Quickly build AI question and answer library",
+    "Start Now": "Start Now",
+    "Visual AI orchestration": "Visual AI orchestration"
+  },
+  "navbar": {
+    "Account": "Account",
+    "Apps": "Apps",
+    "Chat": "Chat",
+    "Datasets": "DataSets",
+    "Store": "Store",
+    "Tools": "Tools"
+  },
+  "user": {
+    "Bill Detail": "Bill Detail",
+    "Old password is error": "Old password is error",
+    "OpenAI Account Setting": "OpenAI Account Setting",
+    "Pay": "Pay",
+    "Set OpenAI Account Failed": "Set OpenAI account failed",
+    "Update Password": "Update Password",
+    "Update password failed": "Update password failed",
+    "Update password succseful": "Update password succseful"
+  }
+}

client/public/locales/zh/common.json

@@ -0,0 +1,44 @@
+{
+  "App": "应用",
+  "Cancel": "取消",
+  "Confirm": "确认",
+  "Warning": "提示",
+  "app": {
+    "App Detail": "应用详情",
+    "Confirm Del App Tip": "确认删除该应用及其所有聊天记录？",
+    "Confirm Save App Tip": "保存后将会覆盖高级编排配置，请确保该应用未使用高级编排功能。",
+    "Connection is invalid": "连接无效",
+    "Connection type is different": "连接的类型不一致",
+    "My Apps": "我的应用"
+  },
+  "chat": {
+    "Confirm to clear history": "确认清空该应用的聊天记录？",
+    "Exit Chat": "退出聊天",
+    "History": "记录",
+    "New Chat": "新对话",
+    "You need to a chat app": "你需要创建一个应用"
+  },
+  "home": {
+    "Quickly build AI question and answer library": "快速搭建 AI 问答系统",
+    "Start Now": "立即开始",
+    "Visual AI orchestration": "可视化 AI 编排"
+  },
+  "navbar": {
+    "Account": "账号",
+    "Apps": "应用",
+    "Chat": "聊天",
+    "Datasets": "知识库",
+    "Store": "应用市场",
+    "Tools": "工具"
+  },
+  "user": {
+    "Bill Detail": "账单详情",
+    "Old password is error": "旧密码错误",
+    "OpenAI Account Setting": "OpenAI 账号配置",
+    "Pay": "充值",
+    "Set OpenAI Account Failed": "设置 OpenAI 账号异常",
+    "Update Password": "修改密码",
+    "Update password failed": "修改密码异常",
+    "Update password succseful": "修改密码成功"
+  }
+}

client/src/api/app.ts

@@ -0,0 +1,53 @@
+import { GET, POST, DELETE, PUT } from './request';
+import type { AppSchema } from '@/types/mongoSchema';
+import type { AppListItemType, AppUpdateParams } from '@/types/app';
+import { RequestPaging } from '../types/index';
+import type { Props as CreateAppProps } from '@/pages/api/app/create';
+import { addDays } from 'date-fns';
+
+/**
+ * 获取模型列表
+ */
+export const getMyModels = () => GET<AppListItemType[]>('/app/myApps');
+
+/**
+ * 创建一个模型
+ */
+export const postCreateApp = (data: CreateAppProps) => POST<string>('/app/create', data);
+
+/**
+ * 根据 ID 删除模型
+ */
+export const delModelById = (id: string) => DELETE(`/app/del?appId=${id}`);
+
+/**
+ * 根据 ID 获取模型
+ */
+export const getModelById = (id: string) => GET<AppSchema>(`/app/detail?appId=${id}`);
+
+/**
+ * 根据 ID 更新模型
+ */
+export const putAppById = (id: string, data: AppUpdateParams) =>
+  PUT(`/app/update?appId=${id}`, data);
+
+/* 共享市场 */
+/**
+ * 获取共享市场模型
+ */
+export const getShareModelList = (data: { searchText?: string } & RequestPaging) =>
+  POST(`/app/share/getModels`, data);
+
+/**
+ * 收藏/取消收藏模型
+ */
+export const triggerModelCollection = (appId: string) =>
+  POST<number>(`/app/share/collection?appId=${appId}`);
+
+// ====================== data
+export const getAppTotalUsage = (data: { appId: string }) =>
+  POST<{ date: String; total: number }[]>(`/app/data/totalUsage`, {
+    ...data,
+    start: addDays(new Date(), -13),
+    end: addDays(new Date(), 1)
+  }).then((res) => (res.length === 0 ? [{ date: new Date(), total: 0 }] : res));

client/src/api/chat.ts

@@ -1,50 +1,47 @@
 import { GET, POST, DELETE, PUT } from './request';
-import type { HistoryItemType } from '@/types/chat';
+import type { ChatHistoryItemType } from '@/types/chat';
 import type { InitChatResponse, InitShareChatResponse } from './response/chat';
 import { RequestPaging } from '../types/index';
-import type { ShareChatSchema } from '@/types/mongoSchema';
-import type { ShareChatEditType } from '@/types/model';
-import { Obj2Query } from '@/utils/tools';
-import type { QuoteItemType } from '@/pages/api/openapi/kb/appKbSearch';
+import type { OutLinkSchema } from '@/types/mongoSchema';
+import type { ShareChatEditType } from '@/types/app';
 import type { Props as UpdateHistoryProps } from '@/pages/api/chat/history/updateChatHistory';
 
 /**
  * 获取初始化聊天内容
  */
-export const getInitChatSiteInfo = (modelId: '' | string, chatId: '' | string) =>
-  GET<InitChatResponse>(`/chat/init?modelId=${modelId}&chatId=${chatId}`);
+export const getInitChatSiteInfo = (data: { appId: string; chatId?: string }) =>
+  GET<InitChatResponse>(`/chat/init`, data);
 
 /**
  * 获取历史记录
  */
-export const getChatHistory = (data: RequestPaging) =>
-  POST<HistoryItemType[]>('/chat/history/getHistory', data);
+export const getChatHistory = (data: RequestPaging & { appId?: string }) =>
+  POST<ChatHistoryItemType[]>('/chat/history/getHistory', data);
 
 /**
  * 删除一条历史记录
  */
-export const delChatHistoryById = (id: string) => GET(`/chat/removeHistory?id=${id}`);
-
+export const delChatHistoryById = (chatId: string) => DELETE(`/chat/removeHistory`, { chatId });
 /**
- * get history quotes
+ * clear all history by appid
  */
-export const getHistoryQuote = (params: { chatId: string; historyId: string }) =>
-  GET<(QuoteItemType & { _id: string })[]>(`/chat/history/getHistoryQuote`, params);
+export const clearChatHistoryByAppId = (appId: string) => DELETE(`/chat/removeHistory`, { appId });
 
 /**
  * update history quote status
  */
 export const updateHistoryQuote = (params: {
   chatId: string;
-  historyId: string;
+  contentId: string;
   quoteId: string;
-}) => GET(`/chat/history/updateHistoryQuote`, params);
+  sourceText: string;
+}) => PUT(`/chat/history/updateHistoryQuote`, params);
 
 /**
  * 删除一句对话
  */
-export const delChatRecordByIndex = (chatId: string, contentId: string) =>
-  DELETE(`/chat/delChatRecordByContentId?chatId=${chatId}&contentId=${contentId}`);
+export const delChatRecordByIndex = (data: { chatId: string; contentId: string }) =>
+  DELETE(`/chat/delChatRecordByContentId`, data);
 
 /**
  * 修改历史记录: 标题/置顶
@@ -52,28 +49,28 @@ export const delChatRecordByIndex = (chatId: string, contentId: string) =>
 export const putChatHistory = (data: UpdateHistoryProps) =>
   PUT('/chat/history/updateChatHistory', data);
 
+/**
+ * 初始化分享聊天
+ */
+export const initShareChatInfo = (data: { shareId: string }) =>
+  GET<InitShareChatResponse>(`/chat/shareChat/init`, data);
+
 /**
  * create a shareChat
  */
 export const createShareChat = (
   data: ShareChatEditType & {
-    modelId: string;
+    appId: string;
   }
 ) => POST<string>(`/chat/shareChat/create`, data);
 
 /**
  * get shareChat
  */
-export const getShareChatList = (modelId: string) =>
-  GET<ShareChatSchema[]>(`/chat/shareChat/list?modelId=${modelId}`);
+export const getShareChatList = (appId: string) =>
+  GET<OutLinkSchema[]>(`/chat/shareChat/list`, { appId });
 
 /**
  * delete a  shareChat
  */
 export const delShareChatById = (id: string) => DELETE(`/chat/shareChat/delete?id=${id}`);
-
-/**
- * 初始化分享聊天
- */
-export const initShareChatInfo = (data: { shareId: string; password: string }) =>
-  GET<InitShareChatResponse>(`/chat/shareChat/init?${Obj2Query(data)}`);

client/src/api/common.ts

@@ -1 +0,0 @@
-import { GET, POST, DELETE } from './request';

client/src/api/fetch.ts

@@ -1,67 +1,102 @@
-import { GUIDE_PROMPT_HEADER, NEW_CHATID_HEADER, QUOTE_LEN_HEADER } from '@/constants/chat';
+import { sseResponseEventEnum, TaskResponseKeyEnum } from '@/constants/chat';
+import { getErrText } from '@/utils/tools';
+import { parseStreamChunk, SSEParseData } from '@/utils/sse';
+import type { ChatHistoryItemResType } from '@/types/chat';
 
 interface StreamFetchProps {
-  url: string;
-  data: any;
+  url?: string;
+  data: Record<string, any>;
   onMessage: (text: string) => void;
   abortSignal: AbortController;
 }
-export const streamFetch = ({ url, data, onMessage, abortSignal }: StreamFetchProps) =>
+export const streamFetch = ({
+  url = '/api/openapi/v1/chat/completions',
+  data,
+  onMessage,
+  abortSignal
+}: StreamFetchProps) =>
   new Promise<{
     responseText: string;
-    newChatId: string;
-    systemPrompt: string;
-    quoteLen: number;
+    [TaskResponseKeyEnum.responseData]: ChatHistoryItemResType[];
   }>(async (resolve, reject) => {
     try {
-      const res = await fetch(url, {
+      const response = await window.fetch(url, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json'
         },
-        body: JSON.stringify(data),
-        signal: abortSignal.signal
+        signal: abortSignal.signal,
+        body: JSON.stringify({
+          ...data,
+          stream: true
+        })
       });
-      const reader = res.body?.getReader();
-      if (!reader) return;
 
-      const decoder = new TextDecoder();
+      if (!response?.body) {
+        throw new Error('Request Error');
+      }
 
-      const newChatId = decodeURIComponent(res.headers.get(NEW_CHATID_HEADER) || '');
-      const systemPrompt = decodeURIComponent(res.headers.get(GUIDE_PROMPT_HEADER) || '').trim();
-      const quoteLen = res.headers.get(QUOTE_LEN_HEADER)
-        ? Number(res.headers.get(QUOTE_LEN_HEADER))
-        : 0;
+      const reader = response.body?.getReader();
 
+      // response data
       let responseText = '';
+      let errMsg = '';
+      let responseData: ChatHistoryItemResType[] = [];
+
+      const parseData = new SSEParseData();
 
       const read = async () => {
         try {
-          const { done, value } = await reader?.read();
+          const { done, value } = await reader.read();
           if (done) {
-            if (res.status === 200) {
-              resolve({ responseText, newChatId, quoteLen, systemPrompt });
+            if (response.status === 200 && !errMsg) {
+              return resolve({
+                responseText,
+                responseData
+              });
             } else {
-              const parseError = JSON.parse(responseText);
-              reject(parseError?.message || '请求异常');
+              return reject({
+                message: errMsg || '响应过程出现异常~',
+                responseText
+              });
             }
-
-            return;
           }
-          const text = decoder.decode(value);
-          responseText += text;
-          onMessage(text);
+          const chunkResponse = parseStreamChunk(value);
+
+          chunkResponse.forEach((item) => {
+            // parse json data
+            const { eventName, data } = parseData.parse(item);
+
+            if (!eventName || !data) return;
+
+            if (eventName === sseResponseEventEnum.answer && data !== '[DONE]') {
+              const answer: string = data?.choices?.[0].delta.content || '';
+              onMessage(answer);
+              responseText += answer;
+            } else if (
+              eventName === sseResponseEventEnum.appStreamResponse &&
+              Array.isArray(data)
+            ) {
+              responseData = data;
+            } else if (eventName === sseResponseEventEnum.error) {
+              errMsg = getErrText(data, '流响应错误');
+            }
+          });
           read();
         } catch (err: any) {
           if (err?.message === 'The user aborted a request.') {
-            return resolve({ responseText, newChatId, quoteLen, systemPrompt });
+            return resolve({
+              responseText,
+              responseData
+            });
           }
-          reject(typeof err === 'string' ? err : err?.message || '请求异常');
+          reject(getErrText(err, '请求异常'));
         }
       };
       read();
     } catch (err: any) {
-      console.log(err, '====');
-      reject(typeof err === 'string' ? err : err?.message || '请求异常');
+      console.log(err, 'fetch error');
+
+      reject(getErrText(err, '请求异常'));
     }
   });

client/src/api/model.ts

@@ -1,44 +0,0 @@
-import { GET, POST, DELETE, PUT } from './request';
-import type { ModelSchema } from '@/types/mongoSchema';
-import type { ModelUpdateParams } from '@/types/model';
-import { RequestPaging } from '../types/index';
-import type { ModelListResponse } from './response/model';
-
-/**
- * 获取模型列表
- */
-export const getMyModels = () => GET<ModelListResponse>('/model/list');
-
-/**
- * 创建一个模型
- */
-export const postCreateModel = (data: { name: string }) => POST<string>('/model/create', data);
-
-/**
- * 根据 ID 删除模型
- */
-export const delModelById = (id: string) => DELETE(`/model/del?modelId=${id}`);
-
-/**
- * 根据 ID 获取模型
- */
-export const getModelById = (id: string) => GET<ModelSchema>(`/model/detail?modelId=${id}`);
-
-/**
- * 根据 ID 更新模型
- */
-export const putModelById = (id: string, data: ModelUpdateParams) =>
-  PUT(`/model/update?modelId=${id}`, data);
-
-/* 共享市场 */
-/**
- * 获取共享市场模型
- */
-export const getShareModelList = (data: { searchText?: string } & RequestPaging) =>
-  POST(`/model/share/getModels`, data);
-
-/**
- * 收藏/取消收藏模型
- */
-export const triggerModelCollection = (modelId: string) =>
-  POST<number>(`/model/share/collection?modelId=${modelId}`);

client/src/api/plugins/kb.ts

@@ -1,11 +1,17 @@
 import { GET, POST, PUT, DELETE } from '../request';
-import type { KbItemType } from '@/types/plugin';
+import type { KbItemType, KbListItemType } from '@/types/plugin';
 import { RequestPaging } from '@/types/index';
 import { TrainingModeEnum } from '@/constants/plugin';
 import {
   Props as PushDataProps,
   Response as PushDateResponse
 } from '@/pages/api/openapi/kb/pushData';
+import {
+  Props as SearchTestProps,
+  Response as SearchTestResponse
+} from '@/pages/api/openapi/kb/searchTest';
+import { Response as KbDataItemType } from '@/pages/api/plugins/kb/data/getDataById';
+import { Props as UpdateDataProps } from '@/pages/api/openapi/kb/updateData';
 
 export type KbUpdateParams = {
   id: string;
@@ -15,7 +21,7 @@ export type KbUpdateParams = {
 };
 
 /* knowledge base */
-export const getKbList = () => GET<KbItemType[]>(`/plugins/kb/list`);
+export const getKbList = () => GET<KbListItemType[]>(`/plugins/kb/list`);
 
 export const getKbById = (id: string) => GET<KbItemType>(`/plugins/kb/detail?id=${id}`);
 
@@ -37,7 +43,7 @@ export const getKbDataList = (data: GetKbDataListProps) =>
  * 获取导出数据（不分页）
  */
 export const getExportDataList = (kbId: string) =>
-  GET<[string, string][]>(
+  GET<[string, string, string][]>(
     `/plugins/kb/data/exportModelData`,
     { kbId },
     {
@@ -55,7 +61,7 @@ export const getTrainingData = (data: { kbId: string; init: boolean }) =>
   }>(`/plugins/kb/data/getTrainingData`, data);
 
 export const getKbDataItemById = (dataId: string) =>
-  GET(`/plugins/kb/data/getDataById`, { dataId });
+  GET<KbDataItemType>(`/plugins/kb/data/getDataById`, { dataId });
 
 /**
  * 直接push数据
@@ -66,8 +72,7 @@ export const postKbDataFromList = (data: PushDataProps) =>
 /**
  * 更新一条数据
  */
-export const putKbDataById = (data: { dataId: string; a: string; q?: string }) =>
-  PUT('/openapi/kb/updateData', data);
+export const putKbDataById = (data: UpdateDataProps) => PUT('/openapi/kb/updateData', data);
 /**
  * 删除一条知识库数据
  */
@@ -83,3 +88,6 @@ export const postSplitData = (data: {
   prompt: string;
   mode: `${TrainingModeEnum}`;
 }) => POST(`/openapi/text/pushData`, data);
+
+export const searchText = (data: SearchTestProps) =>
+  POST<SearchTestResponse>(`/openapi/kb/searchTest`, data);

client/src/api/request.ts

@@ -63,6 +63,9 @@ function responseError(err: any) {
     );
     return Promise.reject({ message: 'token过期，重新登录' });
   }
+  if (err?.response?.data) {
+    return Promise.reject(err?.response?.data);
+  }
   return Promise.reject(err);
 }
 
@@ -92,8 +95,8 @@ function request(url: string, data: any, config: ConfigType, method: Method): an
       baseURL: '/api',
       url,
       method,
-      data: method === 'GET' ? null : data,
-      params: method === 'GET' ? data : null, // get请求不携带data，params放在url上
+      data: ['POST', 'PUT'].includes(method) ? data : null,
+      params: !['POST', 'PUT'].includes(method) ? data : null,
       ...config // 用户自定义配置，可以覆盖前面的配置
     })
     .then((res) => checkRes(res.data))
@@ -119,6 +122,6 @@ export function PUT<T>(url: string, data = {}, config: ConfigType = {}): Promise
   return request(url, data, config, 'PUT');
 }
 
-export function DELETE<T>(url: string, config: ConfigType = {}): Promise<T> {
-  return request(url, {}, config, 'DELETE');
+export function DELETE<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+  return request(url, data, config, 'DELETE');
 }

client/src/api/response/app.d.ts

@@ -0,0 +1,6 @@
+import { AppListItemType } from '@/types/app';
+
+export type AppListResponse = {
+  myApps: AppListItemType[];
+  myCollectionApps: AppListItemType[];
+};

client/src/api/response/chat.d.ts

@@ -1,26 +1,25 @@
-import type { ChatPopulate, ModelSchema } from '@/types/mongoSchema';
+import type { AppSchema } from '@/types/mongoSchema';
 import type { ChatItemType } from '@/types/chat';
+import { VariableItemType } from '@/types/app';
 
 export interface InitChatResponse {
   chatId: string;
-  modelId: string;
-  model: {
+  appId: string;
+  app: {
+    variableModules?: VariableItemType[];
+    welcomeText?: string;
+    chatModels?: string[];
     name: string;
     avatar: string;
     intro: string;
-    canUse: boolean;
+    canUse?: boolean;
   };
-  chatModel: ModelSchema['chat']['chatModel']; // 对话模型名
+  title: string;
+  variables: Record<string, any>;
   history: ChatItemType[];
 }
 
 export interface InitShareChatResponse {
-  maxContext: number;
   userAvatar: string;
-  model: {
-    name: string;
-    avatar: string;
-    intro: string;
-  };
-  chatModel: ModelSchema['chat']['chatModel']; // 对话模型名
+  app: InitChatResponse['app'];
 }

client/src/api/response/model.d.ts

@@ -1,6 +0,0 @@
-import { ModelListItemType } from '@/types/model';
-
-export type ModelListResponse = {
-  myModels: ModelListItemType[];
-  myCollectionModels: ModelListItemType[];
-};

client/src/api/system.ts

@@ -1,7 +1,6 @@
 import { GET, POST, PUT } from './request';
-import type { ChatModelItemType } from '@/constants/model';
 import type { InitDateResponse } from '@/pages/api/system/getInitData';
 
 export const getInitData = () => GET<InitDateResponse>('/system/getInitData');
 
-export const getSystemModelList = () => GET<ChatModelItemType[]>('/system/getModels');
+export const uploadImg = (base64Img: string) => POST<string>('/system/uploadImage', { base64Img });

client/src/api/user.ts

@@ -1,6 +1,6 @@
 import { GET, POST, PUT } from './request';
-import { createHashPassword, Obj2Query } from '@/utils/tools';
-import { ResLogin, PromotionRecordType } from './response/user';
+import { createHashPassword } from '@/utils/tools';
+import { ResLogin } from './response/user';
 import { UserAuthTypeEnum } from '@/constants/common';
 import { UserBillType, UserType, UserUpdateParams } from '@/types/user';
 import type { PagingData, RequestPaging } from '@/types';
@@ -12,15 +12,7 @@ export const sendAuthCode = (data: {
   googleToken: string;
 }) => POST('/user/sendAuthCode', data);
 
-export const getTokenLogin = () => GET<UserType>('/user/tokenLogin');
-
-/* get promotion init data */
-export const getPromotionInitData = () =>
-  GET<{
-    invitedAmount: number;
-    historyAmount: number;
-    residueAmount: number;
-  }>('/user/promotion/getPromotionData');
+export const getTokenLogin = () => GET<UserType>('/user/account/tokenLogin');
 
 export const postRegister = ({
   username,
@@ -33,7 +25,7 @@ export const postRegister = ({
   password: string;
   inviterId: string;
 }) =>
-  POST<ResLogin>('/user/register', {
+  POST<ResLogin>('/user/account/register', {
     username,
     code,
     inviterId,
@@ -49,24 +41,30 @@ export const postFindPassword = ({
   code: string;
   password: string;
 }) =>
-  POST<ResLogin>('/user/updatePasswordByCode', {
+  POST<ResLogin>('/user/account/updatePasswordByCode', {
     username,
     code,
     password: createHashPassword(password)
   });
 
+export const updatePasswordByOld = ({ oldPsw, newPsw }: { oldPsw: string; newPsw: string }) =>
+  POST('/user/account/updatePasswordByOld', {
+    oldPsw: createHashPassword(oldPsw),
+    newPsw: createHashPassword(newPsw)
+  });
+
 export const postLogin = ({ username, password }: { username: string; password: string }) =>
-  POST<ResLogin>('/user/loginByPassword', {
+  POST<ResLogin>('/user/account/loginByPassword', {
     username,
     password: createHashPassword(password)
   });
 
-export const loginOut = () => GET('/user/loginout');
+export const loginOut = () => GET('/user/account/loginout');
 
-export const putUserInfo = (data: UserUpdateParams) => PUT('/user/update', data);
+export const putUserInfo = (data: UserUpdateParams) => PUT('/user/account/update', data);
 
 export const getUserBills = (data: RequestPaging) =>
-  GET<PagingData<UserBillType>>(`/user/getBill?${Obj2Query(data)}`);
+  POST<PagingData<UserBillType>>(`/user/getBill`, data);
 
 export const getPayOrders = () => GET<PaySchema[]>(`/user/getPayOrders`);
 
@@ -78,10 +76,6 @@ export const getPayCode = (amount: number) =>
 
 export const checkPayResult = (payId: string) => GET<number>(`/user/checkPayResult?payId=${payId}`);
 
-/* promotion records */
-export const getPromotionRecords = (data: RequestPaging) =>
-  GET<PromotionRecordType>(`/user/promotion/getPromotions?${Obj2Query(data)}`);
-
 export const getInforms = (data: RequestPaging) =>
   POST<PagingData<informSchema>>(`/user/inform/list`, data);
 

client/src/components/APIKeyModal/index.tsx

@@ -1,8 +1,10 @@
 import React, { useState } from 'react';
 import {
-  Card,
   Box,
   Button,
+  Flex,
+  ModalFooter,
+  ModalBody,
   Table,
   Thead,
   Tbody,
@@ -10,23 +12,21 @@ import {
   Th,
   Td,
   TableContainer,
-  IconButton,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalCloseButton,
-  ModalBody
+  IconButton
 } from '@chakra-ui/react';
 import { getOpenApiKeys, createAOpenApiKey, delOpenApiById } from '@/api/openapi';
 import { useQuery, useMutation } from '@tanstack/react-query';
 import { useLoading } from '@/hooks/useLoading';
 import dayjs from 'dayjs';
-import { DeleteIcon } from '@chakra-ui/icons';
-import { useCopyData } from '@/utils/tools';
+import { AddIcon, DeleteIcon } from '@chakra-ui/icons';
+import { getErrText, useCopyData } from '@/utils/tools';
+import { useToast } from '@/hooks/useToast';
+import MyIcon from '../Icon';
+import MyModal from '../MyModal';
 
-const OpenApi = () => {
+const APIKeyModal = ({ onClose }: { onClose: () => void }) => {
   const { Loading } = useLoading();
+  const { toast } = useToast();
   const {
     data: apiKeys = [],
     isLoading: isGetting,
@@ -40,6 +40,12 @@ const OpenApi = () => {
     onSuccess(res) {
       setApiKey(res);
       refetch();
+    },
+    onError(err) {
+      toast({
+        status: 'warning',
+        title: getErrText(err)
+      });
     }
   });
 
@@ -51,27 +57,16 @@ const OpenApi = () => {
   });
 
   return (
-    <Box py={[5, 10]} px={'5vw'}>
-      <Card px={6} py={4} position={'relative'}>
-        <Box fontSize={'xl'} fontWeight={'bold'}>
-          FastGpt Api
+    <MyModal isOpen onClose={onClose} w={'600px'}>
+      <Box py={3} px={5}>
+        <Box fontWeight={'bold'} fontSize={'2xl'}>
+          API 秘钥管理
         </Box>
-        <Box fontSize={'sm'} mt={2}>
-          FastGpt Api 允许你将 Fast Gpt 的部分功能通过 api
-          的形式接入到自己的应用中，例如：飞书、企业微信、客服助手。请注意保管你的 Api
-          Key，不要泄露！
-        </Box>
-        <Box>使用 Fast Api 功能仅能使用平台余额。</Box>
-        <Box
-          my={1}
-          as="a"
-          href="https://kjqvjse66l.feishu.cn/docx/DmLedTWtUoNGX8xui9ocdUEjnNh"
-          color={'myBlue.800'}
-          textDecoration={'underline'}
-          target={'_blank'}
-        >
-          点击查看文档
+        <Box fontSize={'sm'} color={'myGray.600'}>
+          如果你不想 API 秘钥被滥用，请勿将秘钥直接放置在前端使用~
         </Box>
+      </Box>
+      <ModalBody minH={'300px'} maxH={['70vh', '500px']} overflow={'overlay'}>
         <TableContainer mt={2} position={'relative'}>
           <Table>
             <Thead>
@@ -107,33 +102,42 @@ const OpenApi = () => {
             </Tbody>
           </Table>
         </TableContainer>
+      </ModalBody>
+
+      <ModalFooter>
         <Button
-          maxW={'200px'}
-          mt={5}
-          isLoading={isCreating}
-          isDisabled={apiKeys.length >= 5}
-          title={apiKeys.length >= 5 ? '最多五组 Api Key' : ''}
+          variant="base"
+          leftIcon={<AddIcon color={'myGray.600'} fontSize={'sm'} />}
           onClick={() => onclickCreateApiKey()}
         >
-          添加新的 Api Key
+          新建秘钥
         </Button>
-        <Loading loading={isGetting || isDeleting} fixed={false} />
-      </Card>
-      <Modal isOpen={!!apiKey} onClose={() => setApiKey('')}>
-        <ModalOverlay />
-        <ModalContent>
-          <ModalHeader>Api Key</ModalHeader>
-          <ModalCloseButton />
-          <ModalBody mb={5}>
-            请保管好你的Api Key
-            <Box userSelect={'all'} onClick={() => copyData(apiKey)}>
-              {apiKey}
-            </Box>
-          </ModalBody>
-        </ModalContent>
-      </Modal>
-    </Box>
+      </ModalFooter>
+
+      <Loading loading={isGetting || isCreating || isDeleting} fixed={false} />
+      <MyModal isOpen={!!apiKey} w={'400px'} onClose={() => setApiKey('')}>
+        <Box py={3} px={5}>
+          <Box fontWeight={'bold'} fontSize={'2xl'}>
+            新的 API 秘钥
+          </Box>
+          <Box fontSize={'sm'} color={'myGray.600'}>
+            请保管好你的秘钥，秘钥不会再次展示~
+          </Box>
+        </Box>
+        <ModalBody>
+          <Flex bg={'myGray.100'} px={3} py={2} cursor={'pointer'} onClick={() => copyData(apiKey)}>
+            <Box flex={1}>{apiKey}</Box>
+            <MyIcon name={'copy'} w={'16px'}></MyIcon>
+          </Flex>
+        </ModalBody>
+        <ModalFooter>
+          <Button variant="base" onClick={() => setApiKey('')}>
+            好的
+          </Button>
+        </ModalFooter>
+      </MyModal>
+    </MyModal>
   );
 };
 
-export default OpenApi;
+export default APIKeyModal;

client/src/components/Avatar/index.tsx

@@ -7,6 +7,7 @@ const Avatar = ({ w = '30px', ...props }: ImageProps) => {
   return (
     <Image
       fallbackSrc={LOGO_ICON}
+      fallbackStrategy={'onError'}
       borderRadius={'50%'}
       objectFit={'cover'}
       alt=""

client/src/components/ChatBox/ContextModal.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ModalBody, Box, useTheme } from '@chakra-ui/react';
+import { ChatItemType } from '@/types/chat';
+import MyModal from '../MyModal';
+
+const ContextModal = ({
+  context = [],
+  onClose
+}: {
+  context: ChatItemType[];
+  onClose: () => void;
+}) => {
+  const theme = useTheme();
+
+  return (
+    <MyModal
+      isOpen={true}
+      onClose={onClose}
+      title={`完整对话记录(${context.length}条)`}
+      h={['90vh', '80vh']}
+      minW={['90vw', '600px']}
+      isCentered
+    >
+      <ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
+        {context.map((item, i) => (
+          <Box
+            key={i}
+            p={2}
+            borderRadius={'lg'}
+            border={theme.borders.base}
+            _notLast={{ mb: 2 }}
+            position={'relative'}
+          >
+            <Box fontWeight={'bold'}>{item.obj}</Box>
+            <Box>{item.value}</Box>
+          </Box>
+        ))}
+      </ModalBody>
+    </MyModal>
+  );
+};
+
+export default ContextModal;

client/src/components/ChatBox/QuoteModal.tsx

@@ -0,0 +1,137 @@
+import React, { useCallback, useState } from 'react';
+import { ModalBody, ModalCloseButton, ModalHeader, Box, useTheme } from '@chakra-ui/react';
+import { getKbDataItemById } from '@/api/plugins/kb';
+import { useLoading } from '@/hooks/useLoading';
+import { useToast } from '@/hooks/useToast';
+import { getErrText } from '@/utils/tools';
+import { QuoteItemType } from '@/types/chat';
+import MyIcon from '@/components/Icon';
+import InputDataModal from '@/pages/kb/detail/components/InputDataModal';
+import MyModal from '../MyModal';
+
+const QuoteModal = ({
+  onUpdateQuote,
+  rawSearch = [],
+  onClose
+}: {
+  onUpdateQuote: (quoteId: string, sourceText: string) => Promise<void>;
+  rawSearch: QuoteItemType[];
+  onClose: () => void;
+}) => {
+  const theme = useTheme();
+  const { toast } = useToast();
+  const { setIsLoading, Loading } = useLoading();
+  const [editDataItem, setEditDataItem] = useState<{
+    kbId: string;
+    dataId: string;
+    a: string;
+    q: string;
+  }>();
+
+  /**
+   * click edit, get new kbDataItem
+   */
+  const onclickEdit = useCallback(
+    async (item: QuoteItemType) => {
+      try {
+        setIsLoading(true);
+        const data = (await getKbDataItemById(item.id)) as QuoteItemType;
+
+        if (!data) {
+          onUpdateQuote(item.id, '已删除');
+          throw new Error('该数据已被删除');
+        }
+
+        setEditDataItem({
+          kbId: data.kb_id,
+          dataId: data.id,
+          q: data.q,
+          a: data.a
+        });
+      } catch (err) {
+        toast({
+          status: 'warning',
+          title: getErrText(err)
+        });
+      }
+      setIsLoading(false);
+    },
+    [setIsLoading, toast, onUpdateQuote]
+  );
+
+  return (
+    <>
+      <MyModal
+        isOpen={true}
+        onClose={onClose}
+        h={['90vh', '80vh']}
+        isCentered
+        minW={['90vw', '600px']}
+        title={
+          <>
+            知识库引用({rawSearch.length}条)
+            <Box fontSize={['xs', 'sm']} fontWeight={'normal'}>
+              注意: 修改知识库内容成功后，此处不会显示变更情况。点击编辑后，会显示知识库最新的内容。
+            </Box>
+          </>
+        }
+      >
+        <ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
+          {rawSearch.map((item) => (
+            <Box
+              key={item.id}
+              flex={'1 0 0'}
+              p={2}
+              borderRadius={'lg'}
+              border={theme.borders.base}
+              _notLast={{ mb: 2 }}
+              position={'relative'}
+              _hover={{ '& .edit': { display: 'flex' } }}
+            >
+              {item.source && <Box color={'myGray.600'}>({item.source})</Box>}
+              <Box>{item.q}</Box>
+              <Box>{item.a}</Box>
+              <Box
+                className="edit"
+                display={'none'}
+                position={'absolute'}
+                right={0}
+                top={0}
+                bottom={0}
+                w={'40px'}
+                bg={'rgba(255,255,255,0.9)'}
+                alignItems={'center'}
+                justifyContent={'center'}
+                boxShadow={'-10px 0 10px rgba(255,255,255,1)'}
+              >
+                <MyIcon
+                  name={'edit'}
+                  w={'18px'}
+                  h={'18px'}
+                  cursor={'pointer'}
+                  color={'myGray.600'}
+                  _hover={{
+                    color: 'myBlue.700'
+                  }}
+                  onClick={() => onclickEdit(item)}
+                />
+              </Box>
+            </Box>
+          ))}
+        </ModalBody>
+        <Loading fixed={false} />
+      </MyModal>
+      {editDataItem && (
+        <InputDataModal
+          onClose={() => setEditDataItem(undefined)}
+          onSuccess={() => onUpdateQuote(editDataItem.dataId, '手动修改')}
+          onDelete={() => onUpdateQuote(editDataItem.dataId, '已删除')}
+          kbId={editDataItem.kbId}
+          defaultValues={editDataItem}
+        />
+      )}
+    </>
+  );
+};
+
+export default QuoteModal;

client/src/components/ChatBox/ResponseDetailModal.tsx

@@ -0,0 +1,94 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { ChatModuleEnum } from '@/constants/chat';
+import { ChatHistoryItemResType, ChatItemType, QuoteItemType } from '@/types/chat';
+import { Flex, BoxProps } from '@chakra-ui/react';
+import dynamic from 'next/dynamic';
+import Tag from '../Tag';
+import MyTooltip from '../MyTooltip';
+const QuoteModal = dynamic(() => import('./QuoteModal'), { ssr: false });
+const ContextModal = dynamic(() => import('./ContextModal'), { ssr: false });
+
+const ResponseDetailModal = ({
+  chatId,
+  contentId,
+  responseData = []
+}: {
+  chatId?: string;
+  contentId?: string;
+  responseData?: ChatHistoryItemResType[];
+}) => {
+  const [quoteModalData, setQuoteModalData] = useState<QuoteItemType[]>();
+  const [contextModalData, setContextModalData] = useState<ChatItemType[]>();
+
+  const {
+    tokens = 0,
+    quoteList = [],
+    completeMessages = []
+  } = useMemo(() => {
+    const chatData = responseData.find((item) => item.moduleName === ChatModuleEnum.AIChat);
+    if (!chatData) return {};
+    return {
+      tokens: chatData.tokens,
+      quoteList: chatData.quoteList,
+      completeMessages: chatData.completeMessages
+    };
+  }, [responseData]);
+
+  const isEmpty = useMemo(
+    () => quoteList.length === 0 && completeMessages.length === 0 && tokens === 0,
+    [completeMessages.length, quoteList.length, tokens]
+  );
+
+  const updateQuote = useCallback(async (quoteId: string, sourceText: string) => {}, []);
+
+  const TagStyles: BoxProps = {
+    mr: 2,
+    bg: 'transparent'
+  };
+
+  return isEmpty ? null : (
+    <Flex alignItems={'center'} mt={2} flexWrap={'wrap'}>
+      {quoteList.length > 0 && (
+        <MyTooltip label="查看引用">
+          <Tag
+            colorSchema="blue"
+            cursor={'pointer'}
+            {...TagStyles}
+            onClick={() => setQuoteModalData(quoteList)}
+          >
+            {quoteList.length}条引用
+          </Tag>
+        </MyTooltip>
+      )}
+      {completeMessages.length > 0 && (
+        <MyTooltip label={'点击查看完整对话记录'}>
+          <Tag
+            colorSchema="green"
+            cursor={'pointer'}
+            {...TagStyles}
+            onClick={() => setContextModalData(completeMessages)}
+          >
+            {completeMessages.length}条上下文
+          </Tag>
+        </MyTooltip>
+      )}
+      {tokens > 0 && (
+        <Tag colorSchema="gray" cursor={'default'} {...TagStyles}>
+          {tokens}tokens
+        </Tag>
+      )}
+      {!!quoteModalData && (
+        <QuoteModal
+          rawSearch={quoteModalData}
+          onUpdateQuote={updateQuote}
+          onClose={() => setQuoteModalData(undefined)}
+        />
+      )}
+      {!!contextModalData && (
+        <ContextModal context={contextModalData} onClose={() => setContextModalData(undefined)} />
+      )}
+    </Flex>
+  );
+};
+
+export default ResponseDetailModal;

client/src/components/ChatBox/index.module.scss

@@ -0,0 +1,30 @@
+.stopIcon {
+  animation: zoomStopIcon 0.4s infinite alternate;
+}
+@keyframes zoomStopIcon {
+  0% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(1.2);
+  }
+}
+
+.newChat {
+  .modelListContainer {
+    height: 0;
+    overflow: hidden;
+  }
+  .modelList {
+    border-radius: 6px;
+  }
+  &:hover {
+    .modelListContainer {
+      height: 60vh;
+    }
+    .modelList {
+      box-shadow: 0 0 5px rgba($color: #000000, $alpha: 0.05);
+      border: 1px solid #dee0e2;
+    }
+  }
+}

client/src/components/ChatBox/index.tsx

@@ -0,0 +1,818 @@
+import React, {
+  useCallback,
+  useRef,
+  useState,
+  useMemo,
+  forwardRef,
+  useImperativeHandle,
+  ForwardedRef,
+  useEffect
+} from 'react';
+import { throttle } from 'lodash';
+import {
+  ChatHistoryItemResType,
+  ChatItemType,
+  ChatSiteItemType,
+  ExportChatType
+} from '@/types/chat';
+import { useToast } from '@/hooks/useToast';
+import {
+  useCopyData,
+  voiceBroadcast,
+  cancelBroadcast,
+  hasVoiceApi,
+  getErrText
+} from '@/utils/tools';
+import { Box, Card, Flex, Input, Textarea, Button, useTheme, BoxProps } from '@chakra-ui/react';
+import { feConfigs } from '@/store/static';
+import { Types } from 'mongoose';
+import { EventNameEnum } from '../Markdown/constant';
+
+import { adaptChatItem_openAI } from '@/utils/plugin/openai';
+import { useMarkdown } from '@/hooks/useMarkdown';
+import { VariableItemType } from '@/types/app';
+import { VariableInputEnum } from '@/constants/app';
+import { useForm } from 'react-hook-form';
+import { MessageItemType } from '@/pages/api/openapi/v1/chat/completions';
+import { fileDownload } from '@/utils/file';
+import { htmlTemplate } from '@/constants/common';
+import { useRouter } from 'next/router';
+import { useGlobalStore } from '@/store/global';
+import { TaskResponseKeyEnum } from '@/constants/chat';
+
+import MyIcon from '@/components/Icon';
+import Avatar from '@/components/Avatar';
+import Markdown from '@/components/Markdown';
+import MySelect from '@/components/Select';
+import MyTooltip from '../MyTooltip';
+import dynamic from 'next/dynamic';
+const ResponseDetailModal = dynamic(() => import('./ResponseDetailModal'));
+
+import styles from './index.module.scss';
+
+const textareaMinH = '22px';
+export type StartChatFnProps = {
+  messages: MessageItemType[];
+  controller: AbortController;
+  variables: Record<string, any>;
+  generatingMessage: (text: string) => void;
+};
+
+export type ComponentRef = {
+  getChatHistory: () => ChatSiteItemType[];
+  resetVariables: (data?: Record<string, any>) => void;
+  resetHistory: (chatId: ChatSiteItemType[]) => void;
+  scrollToBottom: (behavior?: 'smooth' | 'auto') => void;
+};
+
+const VariableLabel = ({
+  required = false,
+  children
+}: {
+  required?: boolean;
+  children: React.ReactNode | string;
+}) => (
+  <Box as={'label'} display={'inline-block'} position={'relative'} mb={1}>
+    {children}
+    {required && (
+      <Box position={'absolute'} top={'-2px'} right={'-10px'} color={'red.500'} fontWeight={'bold'}>
+        *
+      </Box>
+    )}
+  </Box>
+);
+
+const Empty = () => {
+  const { data: chatProblem } = useMarkdown({ url: '/chatProblem.md' });
+  const { data: versionIntro } = useMarkdown({ url: '/versionIntro.md' });
+
+  return (
+    <Box
+      pt={[6, 0]}
+      w={'85%'}
+      maxW={'600px'}
+      m={'auto'}
+      alignItems={'center'}
+      justifyContent={'center'}
+    >
+      {/* version intro */}
+      <Card p={4} mb={10}>
+        <Markdown source={versionIntro} />
+      </Card>
+      <Card p={4}>
+        <Markdown source={chatProblem} />
+      </Card>
+    </Box>
+  );
+};
+
+const ChatAvatar = ({ src, type }: { src?: string; type: 'Human' | 'AI' }) => {
+  const theme = useTheme();
+  return (
+    <Box
+      w={['28px', '34px']}
+      h={['28px', '34px']}
+      p={'2px'}
+      borderRadius={'lg'}
+      border={theme.borders.base}
+      boxShadow={'0 0 5px rgba(0,0,0,0.1)'}
+      bg={type === 'Human' ? 'white' : 'myBlue.100'}
+    >
+      <Avatar src={src} w={'100%'} h={'100%'} />
+    </Box>
+  );
+};
+
+const ChatBox = (
+  {
+    showEmptyIntro = false,
+    chatId,
+    appAvatar,
+    userAvatar,
+    variableModules,
+    welcomeText,
+    onUpdateVariable,
+    onStartChat,
+    onDelMessage
+  }: {
+    showEmptyIntro?: boolean;
+    chatId?: string;
+    appAvatar?: string;
+    userAvatar?: string;
+    variableModules?: VariableItemType[];
+    welcomeText?: string;
+    onUpdateVariable?: (e: Record<string, any>) => void;
+    onStartChat: (e: StartChatFnProps) => Promise<{
+      responseText: string;
+      [TaskResponseKeyEnum.responseData]: ChatHistoryItemResType[];
+    }>;
+    onDelMessage?: (e: { contentId?: string; index: number }) => void;
+  },
+  ref: ForwardedRef<ComponentRef>
+) => {
+  const ChatBoxRef = useRef<HTMLDivElement>(null);
+  const theme = useTheme();
+  const router = useRouter();
+  const { copyData } = useCopyData();
+  const { toast } = useToast();
+  const { isPc } = useGlobalStore();
+  const TextareaDom = useRef<HTMLTextAreaElement>(null);
+  const controller = useRef(new AbortController());
+
+  const [refresh, setRefresh] = useState(false);
+  const [variables, setVariables] = useState<Record<string, any>>({});
+  const [chatHistory, setChatHistory] = useState<ChatSiteItemType[]>([]);
+
+  const isChatting = useMemo(
+    () => chatHistory[chatHistory.length - 1]?.status === 'loading',
+    [chatHistory]
+  );
+  const variableIsFinish = useMemo(() => {
+    if (!variableModules || chatHistory.length > 0) return true;
+
+    for (let i = 0; i < variableModules.length; i++) {
+      const item = variableModules[i];
+      if (item.required && !variables[item.key]) {
+        return false;
+      }
+    }
+
+    return true;
+  }, [chatHistory.length, variableModules, variables]);
+
+  const { register, reset, getValues, setValue, handleSubmit } = useForm<Record<string, any>>({
+    defaultValues: variables
+  });
+
+  // 滚动到底部
+  const scrollToBottom = useCallback(
+    (behavior: 'smooth' | 'auto' = 'smooth') => {
+      if (!ChatBoxRef.current) return;
+      ChatBoxRef.current.scrollTo({
+        top: ChatBoxRef.current.scrollHeight,
+        behavior
+      });
+    },
+    [ChatBoxRef]
+  );
+  // 聊天信息生成中……获取当前滚动条位置，判断是否需要滚动到底部
+  const generatingScroll = useCallback(
+    throttle(() => {
+      if (!ChatBoxRef.current) return;
+      const isBottom =
+        ChatBoxRef.current.scrollTop + ChatBoxRef.current.clientHeight + 150 >=
+        ChatBoxRef.current.scrollHeight;
+
+      isBottom && scrollToBottom('auto');
+    }, 100),
+    []
+  );
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const generatingMessage = useCallback(
+    (text: string) => {
+      setChatHistory((state) =>
+        state.map((item, index) => {
+          if (index !== state.length - 1) return item;
+          return {
+            ...item,
+            value: item.value + text
+          };
+        })
+      );
+      generatingScroll();
+    },
+    [generatingScroll, setChatHistory]
+  );
+
+  // 复制内容
+  const onclickCopy = useCallback(
+    (value: string) => {
+      const val = value.replace(/\n+/g, '\n');
+      copyData(val);
+    },
+    [copyData]
+  );
+
+  // 重置输入内容
+  const resetInputVal = useCallback((val: string) => {
+    if (!TextareaDom.current) return;
+
+    setTimeout(() => {
+      /* 回到最小高度 */
+      if (TextareaDom.current) {
+        TextareaDom.current.value = val;
+        TextareaDom.current.style.height =
+          val === '' ? textareaMinH : `${TextareaDom.current.scrollHeight}px`;
+      }
+    }, 100);
+  }, []);
+
+  /**
+   * user confirm send prompt
+   */
+  const sendPrompt = useCallback(
+    async (data: Record<string, any> = {}, inputVal = '') => {
+      if (isChatting) {
+        toast({
+          title: '正在聊天中...请等待结束',
+          status: 'warning'
+        });
+        return;
+      }
+      // get input value
+      const val = inputVal.trim().replace(/\n\s*/g, '\n');
+
+      if (!val) {
+        toast({
+          title: '内容为空',
+          status: 'warning'
+        });
+        return;
+      }
+
+      const newChatList: ChatSiteItemType[] = [
+        ...chatHistory,
+        {
+          _id: String(new Types.ObjectId()),
+          obj: 'Human',
+          value: val,
+          status: 'finish'
+        },
+        {
+          _id: String(new Types.ObjectId()),
+          obj: 'AI',
+          value: '',
+          status: 'loading'
+        }
+      ];
+
+      // 插入内容
+      setChatHistory(newChatList);
+
+      // 清空输入内容
+      resetInputVal('');
+      setTimeout(() => {
+        scrollToBottom();
+      }, 100);
+
+      try {
+        // create abort obj
+        const abortSignal = new AbortController();
+        controller.current = abortSignal;
+
+        const messages = adaptChatItem_openAI({ messages: newChatList, reserveId: true });
+
+        const { responseData } = await onStartChat({
+          messages,
+          controller: abortSignal,
+          generatingMessage,
+          variables: data
+        });
+
+        // set finish status
+        setChatHistory((state) =>
+          state.map((item, index) => {
+            if (index !== state.length - 1) return item;
+            return {
+              ...item,
+              status: 'finish',
+              responseData
+            };
+          })
+        );
+
+        setTimeout(() => {
+          generatingScroll();
+          isPc && TextareaDom.current?.focus();
+        }, 100);
+      } catch (err: any) {
+        toast({
+          title: getErrText(err, '聊天出错了~'),
+          status: 'error',
+          duration: 5000,
+          isClosable: true
+        });
+
+        if (!err?.responseText) {
+          resetInputVal(inputVal);
+          setChatHistory(newChatList.slice(0, newChatList.length - 2));
+        }
+
+        // set finish status
+        setChatHistory((state) =>
+          state.map((item, index) => {
+            if (index !== state.length - 1) return item;
+            return {
+              ...item,
+              status: 'finish'
+            };
+          })
+        );
+      }
+    },
+    [
+      isChatting,
+      chatHistory,
+      resetInputVal,
+      toast,
+      scrollToBottom,
+      onStartChat,
+      generatingMessage,
+      generatingScroll,
+      isPc
+    ]
+  );
+
+  useImperativeHandle(ref, () => ({
+    getChatHistory: () => chatHistory,
+    resetVariables(e) {
+      const defaultVal: Record<string, any> = {};
+      variableModules?.forEach((item) => {
+        defaultVal[item.key] = '';
+      });
+
+      reset(e || defaultVal);
+      setVariables(e || defaultVal);
+    },
+    resetHistory(e) {
+      setChatHistory(e);
+    },
+    scrollToBottom
+  }));
+
+  const controlIconStyle = {
+    w: '14px',
+    cursor: 'pointer',
+    p: 1,
+    bg: 'white',
+    borderRadius: 'lg',
+    boxShadow: '0 0 5px rgba(0,0,0,0.1)',
+    border: theme.borders.base,
+    mr: 3
+  };
+  const controlContainerStyle = {
+    className: 'control',
+    color: 'myGray.400',
+    display: ['flex', 'none'],
+    pl: 1,
+    mt: 2
+  };
+  const MessageCardStyle: BoxProps = {
+    px: 4,
+    py: 3,
+    borderRadius: '0 8px 8px 8px',
+    boxShadow: '0 0 8px rgba(0,0,0,0.15)'
+  };
+
+  const messageCardMaxW = ['calc(100% - 25px)', 'calc(100% - 40px)'];
+
+  const showEmpty = useMemo(
+    () =>
+      feConfigs?.show_emptyChat &&
+      showEmptyIntro &&
+      chatHistory.length === 0 &&
+      !variableModules?.length &&
+      !welcomeText,
+    [chatHistory.length, showEmptyIntro, variableModules, welcomeText]
+  );
+
+  useEffect(() => {
+    return () => {
+      controller.current?.abort();
+      // close voice
+      cancelBroadcast();
+    };
+  }, [router.query]);
+
+  useEffect(() => {
+    const listen = () => {
+      cancelBroadcast();
+    };
+    window.addEventListener('beforeunload', listen);
+
+    return () => {
+      window.removeEventListener('beforeunload', listen);
+    };
+  }, []);
+
+  return (
+    <Flex flexDirection={'column'} h={'100%'}>
+      <Box
+        ref={ChatBoxRef}
+        flex={'1 0 0'}
+        h={0}
+        w={'100%'}
+        overflow={'overlay'}
+        px={[4, 0]}
+        mt={[0, 5]}
+        pb={3}
+      >
+        <Box maxW={['100%', '92%']} h={'100%'} mx={'auto'}>
+          {showEmpty && <Empty />}
+
+          {!!welcomeText && (
+            <Flex flexDirection={'column'} alignItems={'flex-start'} py={2}>
+              {/* avatar */}
+              <ChatAvatar src={appAvatar} type={'AI'} />
+              {/* message */}
+              <Card order={2} mt={2} {...MessageCardStyle} bg={'white'} maxW={messageCardMaxW}>
+                <Markdown
+                  source={`~~~guide \n${welcomeText}`}
+                  isChatting={false}
+                  onClick={(e) => {
+                    const val = e?.data;
+                    if (e?.event !== EventNameEnum.guideClick || !val) return;
+                    handleSubmit((data) => sendPrompt(data, val))();
+                  }}
+                />
+              </Card>
+            </Flex>
+          )}
+          {/* variable input */}
+          {!!variableModules?.length && (
+            <Flex flexDirection={'column'} alignItems={'flex-start'} py={2}>
+              {/* avatar */}
+              <ChatAvatar src={appAvatar} type={'AI'} />
+              {/* message */}
+              <Card
+                order={2}
+                mt={2}
+                bg={'white'}
+                w={'400px'}
+                maxW={messageCardMaxW}
+                {...MessageCardStyle}
+              >
+                {variableModules.map((item) => (
+                  <Box key={item.id} mb={4}>
+                    <VariableLabel required={item.required}>{item.label}</VariableLabel>
+                    {item.type === VariableInputEnum.input && (
+                      <Input
+                        isDisabled={variableIsFinish}
+                        {...register(item.key, {
+                          required: item.required
+                        })}
+                      />
+                    )}
+                    {item.type === VariableInputEnum.select && (
+                      <MySelect
+                        width={'100%'}
+                        isDisabled={variableIsFinish}
+                        list={(item.enums || []).map((item) => ({
+                          label: item.value,
+                          value: item.value
+                        }))}
+                        value={getValues(item.key)}
+                        onchange={(e) => {
+                          setValue(item.key, e);
+                          setRefresh(!refresh);
+                        }}
+                      />
+                    )}
+                  </Box>
+                ))}
+                {!variableIsFinish && (
+                  <Button
+                    leftIcon={<MyIcon name={'chatFill'} w={'16px'} />}
+                    size={'sm'}
+                    maxW={'100px'}
+                    borderRadius={'lg'}
+                    onClick={handleSubmit((data) => {
+                      onUpdateVariable?.(data);
+                      setVariables(data);
+                    })}
+                  >
+                    {'开始对话'}
+                  </Button>
+                )}
+              </Card>
+            </Flex>
+          )}
+
+          {/* chat history */}
+          <Box id={'history'}>
+            {chatHistory.map((item, index) => (
+              <Flex
+                position={'relative'}
+                key={item._id}
+                flexDirection={'column'}
+                alignItems={item.obj === 'Human' ? 'flex-end' : 'flex-start'}
+                py={5}
+                _hover={{
+                  '& .control': {
+                    display: item.status === 'finish' ? 'flex' : 'none'
+                  }
+                }}
+              >
+                {item.obj === 'Human' && (
+                  <>
+                    <Flex w={'100%'} alignItems={'center'} justifyContent={'flex-end'}>
+                      <Flex {...controlContainerStyle} justifyContent={'flex-end'} mr={3}>
+                        <MyTooltip label={'复制'}>
+                          <MyIcon
+                            {...controlIconStyle}
+                            name={'copy'}
+                            _hover={{ color: 'myBlue.700' }}
+                            onClick={() => onclickCopy(item.value)}
+                          />
+                        </MyTooltip>
+                        {onDelMessage && (
+                          <MyTooltip label={'删除'}>
+                            <MyIcon
+                              {...controlIconStyle}
+                              mr={0}
+                              name={'delete'}
+                              _hover={{ color: 'red.600' }}
+                              onClick={() => {
+                                setChatHistory((state) =>
+                                  state.filter((chat) => chat._id !== item._id)
+                                );
+                                onDelMessage({
+                                  contentId: item._id,
+                                  index
+                                });
+                              }}
+                            />
+                          </MyTooltip>
+                        )}
+                      </Flex>
+                      <ChatAvatar src={userAvatar} type={'Human'} />
+                    </Flex>
+                    <Box position={'relative'} maxW={messageCardMaxW} mt={['6px', 2]}>
+                      <Card
+                        className="markdown"
+                        whiteSpace={'pre-wrap'}
+                        {...MessageCardStyle}
+                        bg={'myBlue.300'}
+                        borderRadius={'8px 0 8px 8px'}
+                      >
+                        <Box as={'p'}>{item.value}</Box>
+                      </Card>
+                    </Box>
+                  </>
+                )}
+                {item.obj === 'AI' && (
+                  <>
+                    <Flex w={'100%'} alignItems={'center'}>
+                      <ChatAvatar src={appAvatar} type={'AI'} />
+                      <Flex {...controlContainerStyle} ml={3}>
+                        <MyTooltip label={'复制'}>
+                          <MyIcon
+                            {...controlIconStyle}
+                            name={'copy'}
+                            _hover={{ color: 'myBlue.700' }}
+                            onClick={() => onclickCopy(item.value)}
+                          />
+                        </MyTooltip>
+                        {onDelMessage && (
+                          <MyTooltip label={'删除'}>
+                            <MyIcon
+                              {...controlIconStyle}
+                              name={'delete'}
+                              _hover={{ color: 'red.600' }}
+                              onClick={() => {
+                                setChatHistory((state) =>
+                                  state.filter((chat) => chat._id !== item._id)
+                                );
+                                onDelMessage({
+                                  contentId: item._id,
+                                  index
+                                });
+                              }}
+                            />
+                          </MyTooltip>
+                        )}
+                        {hasVoiceApi && (
+                          <MyTooltip label={'语音播报'}>
+                            <MyIcon
+                              {...controlIconStyle}
+                              name={'voice'}
+                              _hover={{ color: '#E74694' }}
+                              onClick={() => voiceBroadcast({ text: item.value })}
+                            />
+                          </MyTooltip>
+                        )}
+                      </Flex>
+                    </Flex>
+                    <Box position={'relative'} maxW={messageCardMaxW} mt={['6px', 2]}>
+                      <Card bg={'white'} {...MessageCardStyle}>
+                        <Markdown
+                          source={item.value}
+                          isChatting={index === chatHistory.length - 1 && isChatting}
+                        />
+                        <ResponseDetailModal
+                          chatId={chatId}
+                          contentId={item._id}
+                          responseData={item.responseData}
+                        />
+                      </Card>
+                    </Box>
+                  </>
+                )}
+              </Flex>
+            ))}
+          </Box>
+        </Box>
+      </Box>
+      {/* input */}
+      {variableIsFinish ? (
+        <Box m={['0 auto', '10px auto']} w={'100%'} maxW={['auto', 'min(750px, 100%)']} px={[0, 5]}>
+          <Box
+            py={'18px'}
+            position={'relative'}
+            boxShadow={`0 0 10px rgba(0,0,0,0.2)`}
+            borderTop={['1px solid', 0]}
+            borderTopColor={'myGray.200'}
+            borderRadius={['none', 'md']}
+            backgroundColor={'white'}
+          >
+            {/* 输入框 */}
+            <Textarea
+              ref={TextareaDom}
+              py={0}
+              pr={['45px', '55px']}
+              border={'none'}
+              _focusVisible={{
+                border: 'none'
+              }}
+              placeholder="提问"
+              resize={'none'}
+              rows={1}
+              height={'22px'}
+              lineHeight={'22px'}
+              maxHeight={'150px'}
+              maxLength={-1}
+              overflowY={'auto'}
+              whiteSpace={'pre-wrap'}
+              wordBreak={'break-all'}
+              boxShadow={'none !important'}
+              color={'myGray.900'}
+              onChange={(e) => {
+                const textarea = e.target;
+                textarea.style.height = textareaMinH;
+                textarea.style.height = `${textarea.scrollHeight}px`;
+              }}
+              onKeyDown={(e) => {
+                // 触发快捷发送
+                if (e.keyCode === 13 && !e.shiftKey) {
+                  handleSubmit((data) => sendPrompt(data, TextareaDom.current?.value))();
+                  e.preventDefault();
+                }
+                // 全选内容
+                // @ts-ignore
+                e.key === 'a' && e.ctrlKey && e.target?.select();
+              }}
+            />
+            {/* 发送和等待按键 */}
+            <Flex
+              alignItems={'center'}
+              justifyContent={'center'}
+              h={'25px'}
+              w={'25px'}
+              position={'absolute'}
+              right={['12px', '20px']}
+              bottom={'15px'}
+            >
+              {isChatting ? (
+                <MyIcon
+                  className={styles.stopIcon}
+                  width={['22px', '25px']}
+                  height={['22px', '25px']}
+                  cursor={'pointer'}
+                  name={'stop'}
+                  color={'gray.500'}
+                  onClick={() => controller.current?.abort()}
+                />
+              ) : (
+                <MyIcon
+                  name={'chatSend'}
+                  width={['18px', '20px']}
+                  height={['18px', '20px']}
+                  cursor={'pointer'}
+                  color={'gray.500'}
+                  onClick={() => {
+                    handleSubmit((data) => sendPrompt(data, TextareaDom.current?.value))();
+                  }}
+                />
+              )}
+            </Flex>
+          </Box>
+        </Box>
+      ) : null}
+    </Flex>
+  );
+};
+
+export default React.memo(forwardRef(ChatBox));
+
+export const useChatBox = () => {
+  const onExportChat = useCallback(
+    ({ type, history }: { type: ExportChatType; history: ChatItemType[] }) => {
+      const getHistoryHtml = () => {
+        const historyDom = document.getElementById('history');
+        if (!historyDom) return;
+        const dom = Array.from(historyDom.children).map((child, i) => {
+          const avatar = `<img src="${
+            child.querySelector<HTMLImageElement>('.avatar')?.src
+          }" alt="" />`;
+
+          const chatContent = child.querySelector<HTMLDivElement>('.markdown');
+
+          if (!chatContent) {
+            return '';
+          }
+
+          const chatContentClone = chatContent.cloneNode(true) as HTMLDivElement;
+
+          const codeHeader = chatContentClone.querySelectorAll('.code-header');
+          codeHeader.forEach((childElement: any) => {
+            childElement.remove();
+          });
+
+          return `<div class="chat-item">
+          ${avatar}
+          ${chatContentClone.outerHTML}
+        </div>`;
+        });
+
+        const html = htmlTemplate.replace('{{CHAT_CONTENT}}', dom.join('\n'));
+        return html;
+      };
+
+      const map: Record<ExportChatType, () => void> = {
+        md: () => {
+          fileDownload({
+            text: history.map((item) => item.value).join('\n\n'),
+            type: 'text/markdown',
+            filename: 'chat.md'
+          });
+        },
+        html: () => {
+          const html = getHistoryHtml();
+          html &&
+            fileDownload({
+              text: html,
+              type: 'text/html',
+              filename: '聊天记录.html'
+            });
+        },
+        pdf: () => {
+          const html = getHistoryHtml();
+
+          html &&
+            // @ts-ignore
+            html2pdf(html, {
+              margin: 0,
+              filename: `聊天记录.pdf`
+            });
+        }
+      };
+
+      map[type]();
+    },
+    []
+  );
+
+  return {
+    onExportChat
+  };
+};

client/src/components/ChatBox/utils.ts

@@ -0,0 +1,29 @@
+import { SystemInputEnum } from '@/constants/app';
+import { FlowModuleTypeEnum } from '@/constants/flow';
+import { getChatModel } from '@/service/utils/data';
+import { AppModuleItemType, VariableItemType } from '@/types/app';
+
+export const getSpecialModule = (modules: AppModuleItemType[]) => {
+  const welcomeText: string =
+    modules
+      .find((item) => item.flowType === FlowModuleTypeEnum.userGuide)
+      ?.inputs?.find((item) => item.key === SystemInputEnum.welcomeText)?.value || '';
+
+  const variableModules: VariableItemType[] =
+    modules
+      .find((item) => item.flowType === FlowModuleTypeEnum.variable)
+      ?.inputs.find((item) => item.key === SystemInputEnum.variables)?.value || [];
+
+  return {
+    welcomeText,
+    variableModules
+  };
+};
+export const getChatModelNameList = (modules: AppModuleItemType[]): string[] => {
+  const chatModules = modules.filter((item) => item.flowType === FlowModuleTypeEnum.chatNode);
+  return chatModules
+    .map(
+      (item) => getChatModel(item.inputs.find((input) => input.key === 'model')?.value)?.name || ''
+    )
+    .filter((item) => item);
+};

client/src/components/DateRangePicker/index.module.scss

@@ -0,0 +1,4 @@
+.datePicker {
+  --rdp-background-color: #d6e8ff;
+  --rdp-accent-color: #0000ff;
+}

client/src/components/DateRangePicker/index.tsx

@@ -0,0 +1,121 @@
+import React, { useState, useMemo, useRef } from 'react';
+import { Box, Card, Flex, useTheme, useOutsideClick, Button } from '@chakra-ui/react';
+import { addDays, format } from 'date-fns';
+import { type DateRange, DayPicker } from 'react-day-picker';
+import MyIcon from '../Icon';
+import 'react-day-picker/dist/style.css';
+import styles from './index.module.scss';
+import zhCN from 'date-fns/locale/zh-CN';
+
+const DateRangePicker = ({
+  onChange,
+  onSuccess,
+  position = 'bottom',
+  defaultDate = {
+    from: addDays(new Date(), -30),
+    to: new Date()
+  }
+}: {
+  onChange?: (date: DateRange) => void;
+  onSuccess?: (date: DateRange) => void;
+  position?: 'bottom' | 'top';
+  defaultDate?: DateRange;
+}) => {
+  const theme = useTheme();
+  const OutRangeRef = useRef(null);
+  const [range, setRange] = useState<DateRange | undefined>(defaultDate);
+  const [showSelected, setShowSelected] = useState(false);
+
+  const formatSelected = useMemo(() => {
+    if (range?.from && range.to) {
+      return `${format(range.from, 'y-MM-dd')} ~ ${format(range.to, 'y-MM-dd')}`;
+    }
+    return `${format(new Date(), 'y-MM-dd')} ~ ${format(new Date(), 'y-MM-dd')}`;
+  }, [range]);
+
+  useOutsideClick({
+    ref: OutRangeRef,
+    handler: () => {
+      setShowSelected(false);
+    }
+  });
+
+  return (
+    <Box position={'relative'} ref={OutRangeRef}>
+      <Flex
+        border={theme.borders.base}
+        px={3}
+        py={1}
+        borderRadius={'sm'}
+        cursor={'pointer'}
+        bg={'myWhite.600'}
+        fontSize={'sm'}
+        onClick={() => setShowSelected(true)}
+      >
+        <Box>{formatSelected}</Box>
+        <MyIcon ml={2} name={'date'} w={'16px'} color={'myGray.600'} />
+      </Flex>
+      {showSelected && (
+        <Card
+          position={'absolute'}
+          zIndex={1}
+          {...(position === 'top'
+            ? {
+                bottom: '40px'
+              }
+            : {})}
+        >
+          <DayPicker
+            locale={zhCN}
+            id="test"
+            mode="range"
+            className={styles.datePicker}
+            defaultMonth={defaultDate.to}
+            selected={range}
+            disabled={[
+              { from: new Date(2022, 3, 1), to: addDays(new Date(), -90) },
+              { from: addDays(new Date(), 1), to: new Date(2099, 1, 1) }
+            ]}
+            onSelect={(date) => {
+              if (date?.from === undefined) {
+                date = {
+                  from: range?.from,
+                  to: range?.from
+                };
+              }
+              if (date?.to === undefined) {
+                date.to = date.from;
+              }
+              setRange(date);
+              onChange && onChange(date);
+            }}
+            footer={
+              <Flex justifyContent={'flex-end'}>
+                <Button
+                  variant={'outline'}
+                  size={'sm'}
+                  mr={2}
+                  onClick={() => setShowSelected(false)}
+                >
+                  取消
+                </Button>
+                <Button
+                  size={'sm'}
+                  onClick={() => {
+                    onSuccess && onSuccess(range || defaultDate);
+                    setShowSelected(false);
+                  }}
+                >
+                  确认
+                </Button>
+              </Flex>
+            }
+          />
+        </Card>
+      )}
+    </Box>
+  );
+};
+
+export default DateRangePicker;
+export type DateRangeType = DateRange;

client/src/components/Icon/close.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Flex, type FlexProps } from '@chakra-ui/react';
+import MyIcon from '@/components/Icon';
+
+const CloseIcon = (props: FlexProps) => {
+  return (
+    <Flex
+      cursor={'pointer'}
+      w={'22px'}
+      h={'22px'}
+      alignItems={'center'}
+      justifyContent={'center'}
+      borderRadius={'50%'}
+      _hover={{ bg: 'myGray.200' }}
+      {...props}
+    >
+      <MyIcon name={'closeLight'} w={'12px'} color={'myGray.500'} />
+    </Flex>
+  );
+};
+
+export default CloseIcon;

client/src/components/Icon/delete.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import MyIcon from '@/components/Icon';
+import { IconProps } from '@chakra-ui/react';
+
+const DeleteIcon = (props: IconProps) => {
+  return (
+    <MyIcon
+      className="delete"
+      name={'delete' as any}
+      w={'14px'}
+      _hover={{ color: 'red.600' }}
+      display={['block', 'none']}
+      cursor={'pointer'}
+      {...props}
+    />
+  );
+};
+
+export default DeleteIcon;
+
+export const hoverDeleteStyles = {
+  '& .delete': {
+    display: 'block'
+  }
+};

client/src/components/Icon/icons/apikey.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1686969412308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3481" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M517.864056 487.834624c-56.774051-54.213739-58.850339-144.187937-4.6366-200.960964 54.212716-56.773028 144.187937-58.849316 200.960964-4.6366 56.775074 54.213739 58.850339 144.186913 4.6366 200.960964C664.613328 539.972075 574.639131 542.048363 517.864056 487.834624zM687.194626 452.994118c37.533848-39.308261 36.09508-101.596909-3.210112-139.128711-39.304168-37.531801-101.593839-36.094056-139.127687 3.211135-37.532825 39.307238-36.093033 101.593839 3.212158 139.125641C587.374176 493.736031 649.660778 492.302379 687.194626 452.994118zM479.104287 670.917406l-101.495602 106.289792c26.206872 25.024953 27.167756 66.540486 2.14178 92.749404-25.028023 26.209942-66.543555 27.16571-92.750427 2.140757l-58.361199 53.027727c0 0-68.750827 11.100826-100.379175-19.101033-31.630395-30.205952-37.865399-112.721271-37.865399-112.721271l246.37427-258.302951c-63.173808-117.608581-47.24707-267.162736 49.939389-368.939747 36.517705-38.242999 80.346933-65.156976 127.165238-81.040734l1.084705 46.269813c-35.443233 14.07967-68.566632 35.596729-96.618525 64.973804-80.271208 84.064604-96.099708 205.865671-49.433876 305.083393l23.075555 39.163975L146.090774 798.015106c0 0 0.593518 49.77873 17.242709 65.677838 14.888082 14.216793 61.832254 9.828856 61.832254 9.828856l60.407812-63.260789 31.631418 30.203906c8.741082 8.346085 22.570042 8.030907 30.91715-0.711198 8.347109-8.742105 8.026814-22.571065-0.713244-30.91715l-31.632441-30.207999 156.456355-163.846672 39.009456 22.481014c101.259218 42.039465 222.201731 20.61041 302.474986-63.453171 104.251366-109.178585 100.260471-282.211477-8.91709-386.464889-33.591049-32.075533-73.260537-53.829999-115.093295-65.49262l-1.030469-45.153386c53.197596 12.471033 103.945397 38.547944 146.323577 79.015611 126.645398 120.931257 131.277906 321.649698 10.344602 448.296119C748.158093 705.787588 599.500355 728.598106 479.104287 670.917406z"  p-id="3482"></path></svg>

client/src/components/Icon/icons/appStore.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684739031957" class="icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4988" xmlns:xlink="http://www.w3.org/1999/xlink" width="64.125" height="64"><path d="M371.732817 94.172314q25.773475 0 44.112294 17.843175t18.338819 43.616651l0 247.821878q0 25.773475-18.338819 44.112294t-44.112294 18.338819l-247.821878 0q-25.773475 0-43.616651-18.338819t-17.843175-44.112294l0-247.821878q0-25.773475 17.843175-43.616651t43.616651-17.843175l247.821878 0zM371.732817 589.81607q25.773475 0 44.112294 17.843175t18.338819 43.616651l0 248.813166q0 25.773475-18.338819 43.616651t-44.112294 17.843175l-247.821878 0q-25.773475 0-43.616651-17.843175t-17.843175-43.616651l0-248.813166q0-25.773475 17.843175-43.616651t43.616651-17.843175l247.821878 0zM868.367861 589.81607q25.773475 0 43.616651 17.843175t17.843175 43.616651l0 248.813166q0 25.773475-17.843175 43.616651t-43.616651 17.843175l-247.821878 0q-25.773475 0-44.112294-17.843175t-18.338819-43.616651l0-248.813166q0-25.773475 18.338819-43.616651t44.112294-17.843175l247.821878 0zM1006.156825 203.21394q19.82575 19.82575 19.82575 46.590513t-19.82575 45.599226l-184.379477 184.379477q-19.82575 19.82575-46.094869 19.82575t-46.094869-19.82575l-184.379477-184.379477q-18.834463-18.834463-18.834463-45.599226t18.834463-46.590513l184.379477-184.379477q19.82575-18.834463 46.094869-18.834463t46.094869 18.834463z" p-id="4989"></path></svg>

client/src/components/Icon/icons/back.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683436459815" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1278" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M377.04830749 512.02677874l395.88826112-382.68981248c23.33363769-22.59430969 23.33363769-59.16132466 0-81.68344804-23.33247261-22.5582171-61.18836224-22.5582171-84.52083485 0L250.30081877 471.19378659c-23.29754397 22.5582171-23.29754397 59.14385977 0 81.63105451l438.11491385 423.52280349c11.70233003 11.27968995 26.99767353 16.91837099 42.29534607 16.91837098 15.29883648 0 30.59418112-5.63984498 42.22548878-16.95446471 23.33363769-22.5582171 23.33363769-59.07283854 0-81.63105451L377.04830749 512.02677874" p-id="1279"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683436459815" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1278" xmlns:xlink="http://www.w3.org/1999/xlink" ><path d="M377.04830749 512.02677874l395.88826112-382.68981248c23.33363769-22.59430969 23.33363769-59.16132466 0-81.68344804-23.33247261-22.5582171-61.18836224-22.5582171-84.52083485 0L250.30081877 471.19378659c-23.29754397 22.5582171-23.29754397 59.14385977 0 81.63105451l438.11491385 423.52280349c11.70233003 11.27968995 26.99767353 16.91837099 42.29534607 16.91837098 15.29883648 0 30.59418112-5.63984498 42.22548878-16.95446471 23.33363769-22.5582171 23.33363769-59.07283854 0-81.63105451L377.04830749 512.02677874" p-id="1279"></path></svg>

client/src/components/Icon/icons/copy.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1679805221456" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1173" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M267.3 834.6h-96.5c-27.4 0-49.7-22.3-49.7-49.7V115.2c0-27.4 22.3-49.7 49.7-49.7H727c27.4 0 49.7 22.3 49.7 49.7v96.5h-42.6v-96.5c0-3.9-3.2-7.1-7.1-7.1H170.8c-3.9 0-7.1 3.2-7.1 7.1v669.7c0 3.9 3.2 7.1 7.1 7.1h96.5v42.6z" p-id="1174"></path><path d="M851.9 959.5H295.7c-27.4 0-49.7-22.3-49.7-49.7V240.1c0-27.4 22.3-49.7 49.7-49.7h556.2c27.4 0 49.7 22.3 49.7 49.7v669.7c-0.1 27.4-22.3 49.7-49.7 49.7zM295.7 233c-3.9 0-7.1 3.2-7.1 7.1v669.7c0 3.9 3.2 7.1 7.1 7.1h556.2c3.9 0 7.1-3.2 7.1-7.1V240.1c0-3.9-3.2-7.1-7.1-7.1H295.7z" p-id="1175"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689057990782" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1770" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M878.5 255.1H770V146.7c0-43.6-35.5-79.1-79.1-79.1H145.2c-43.6 0-79.1 35.5-79.1 79.1v545.8c0 43.6 35.5 79.1 79.1 79.1h108.4V880c0 43.6 35.5 79.1 79.1 79.1h545.8c43.6 0 79.1-35.5 79.1-79.1V334.2c-0.1-43.6-35.6-79.1-79.1-79.1zM145.2 707.5c-8.3 0-15.1-6.8-15.1-15.1V146.7c0-8.3 6.8-15.1 15.1-15.1H691c8.3 0 15.1 6.8 15.1 15.1v545.8c0 8.3-6.8 15.1-15.1 15.1H145.2zM893.5 880c0 8.3-6.8 15.1-15.1 15.1H332.7c-8.3 0-15.1-6.8-15.1-15.1V771.5H691c43.6 0 79.1-35.5 79.1-79.1V319.1h108.4c8.3 0 15.1 6.8 15.1 15.1V880z" p-id="1771"></path></svg>

client/src/components/Icon/icons/date.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1686832863390" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4120" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M782.84 188.75h-43.15v-60.46c0-16.57-13.43-30-30-30s-30 13.43-30 30v60.46H371.88v-60.46c0-16.57-13.43-30-30-30s-30 13.43-30 30v60.46H250.5c-66.17 0-120 53.83-120 120v494.47c0 66.17 53.83 120 120 120h532.33c66.17 0 120-53.83 120-120V308.75c0.01-66.17-53.82-120-119.99-120z m-532.34 60h61.37v133.63c0 16.57 13.43 30 30 30s30-13.43 30-30V248.75h307.81v133.63c0 16.57 13.43 30 30 30s30-13.43 30-30V248.75h43.15c33.08 0 60 26.92 60 60V649.5H190.5V308.75c0-33.08 26.92-60 60-60z m532.34 614.47H250.5c-33.08 0-60-26.92-60-60V709.5h652.33v93.72c0.01 33.08-26.91 60-59.99 60z" p-id="4121"></path></svg>

client/src/components/Icon/icons/develop.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683254594671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1491" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M46.95735957 106.20989621h930.08528086v158.0067668H46.95735957zM46.95735957 353.99323467v608.68515424h930.08528086V353.99323467H46.95735957z m346.5375657 418.35882335L328.85579413 835.19565715l-165.18889183-172.37101684 165.18889183-172.37101686 64.63913114 62.84359914-105.93635373 109.52741772 105.93635373 109.52741771z m127.48273175 62.84359913l-86.18550917-23.34190854 87.98104116-330.37778366 86.1855077 23.34191003L520.97765702 835.19565715z m193.91739489 0l-64.63913114-62.84359913 105.93635372-109.52741771-105.93635372-109.52741772 64.63913114-62.84359914 165.18889182 172.37101686-165.18889182 172.37101684z" p-id="1492"></path></svg>

client/src/components/Icon/icons/file/csv.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689489239258" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23019" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M145.6 0C100.8 0 64 36.8 64 81.6v860.8C64 987.2 100.8 1024 145.6 1024h732.8c44.8 0 81.6-36.8 81.6-81.6V324.8L656 0H145.6z" fill="#45B058" p-id="23020"></path><path d="M388.8 691.2c1.6 1.6 3.2 4.8 3.2 8 0 6.4-4.8 11.2-11.2 11.2-3.2 0-6.4 0-8-3.2-11.2-12.8-30.4-22.4-48-22.4-41.6 0-73.6 32-73.6 78.4 0 44.8 32 78.4 73.6 78.4 17.6 0 35.2-8 48-22.4 1.6-1.6 4.8-3.2 8-3.2 6.4 0 11.2 4.8 11.2 11.2 0 3.2-1.6 6.4-3.2 8-14.4 16-35.2 27.2-64 27.2-56 0-99.2-40-99.2-99.2s43.2-99.2 99.2-99.2c28.8 0 49.6 11.2 64 27.2z m108.8 171.2c-28.8 0-51.2-9.6-67.2-24-3.2-1.6-3.2-4.8-3.2-8 0-6.4 3.2-12.8 11.2-12.8 1.6 0 4.8 1.6 6.4 3.2 12.8 11.2 32 20.8 54.4 20.8 33.6 0 44.8-19.2 44.8-33.6 0-49.6-113.6-22.4-113.6-91.2 0-30.4 27.2-52.8 65.6-52.8 24 0 46.4 8 62.4 20.8 1.6 1.6 3.2 4.8 3.2 8 0 6.4-4.8 11.2-11.2 11.2-1.6 0-4.8 0-6.4-1.6-14.4-11.2-32-17.6-49.6-17.6-24 0-40 12.8-40 30.4 0 43.2 113.6 19.2 113.6 91.2 0 27.2-19.2 56-70.4 56z m272-179.2L702.4 848c-3.2 8-9.6 12.8-17.6 12.8h-1.6c-8 0-16-4.8-19.2-12.8l-65.6-164.8c-1.6-1.6-1.6-3.2-1.6-4.8 0-6.4 4.8-12.8 12.8-12.8 4.8 0 9.6 3.2 11.2 8l62.4 160 62.4-160c1.6-4.8 6.4-8 11.2-8 8 0 14.4 6.4 14.4 12.8 0 1.6-1.6 3.2-1.6 4.8z" fill="#FFFFFF" p-id="23021"></path><path d="M960 326.4v16H755.2s-100.8-20.8-97.6-108.8c0 0 3.2 92.8 96 92.8H960z" fill="#349C42" p-id="23022"></path><path d="M657.6 0v233.6c0 25.6 17.6 92.8 97.6 92.8H960L657.6 0z" fill="#FFFFFF" p-id="23023"></path></svg>

client/src/components/Icon/icons/file/html.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689324646567" class="icon" viewBox="0 0 1110 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3584" data-spm-anchor-id="a313x.7781069.0.i4" xmlns:xlink="http://www.w3.org/1999/xlink" width="69.375" height="64"><path d="M919.75593219 424.16813563a21.72203344 21.72203344 0 0 0 21.65694937-21.78711844V140.93559313c0-60.04067812-48.545085-108.93559312-108.26847469-108.93559313H140.26033906C80.545085 32 32 80.894915 32 140.93559313v740.77017c0 60.04067812 48.545085 108.93559312 108.26033906 108.93559312h692.88406781c59.71525406 0 108.26033906-48.894915 108.26033907-108.93559312V750.98305063a21.72203344 21.72203344 0 0 0-21.64881375-21.78711844 21.72203344 21.72203344 0 0 0-21.65694938 21.78711843v130.72271251c0 36.04067812-29.14169531 65.36135625-64.95457594 65.36135531H140.26033906c-35.81288156 0-64.95457594-29.32881375-64.95457593-65.36135531V249.87118625h822.80135531v152.50983094a21.72203344 21.72203344 0 0 0 21.64881375 21.78711843zM75.30576312 206.29694937V140.93559313c0-36.04067812 29.14169531-65.36135625 64.95457594-65.36135625h692.88406781c35.81288156 0 64.96271156 29.32881375 64.96271157 65.36135625v65.36135625H75.30576312z m64.95457594-43.57423781a21.72203344 21.72203344 0 0 0 21.65694938-21.78711843 21.72203344 21.72203344 0 0 0-21.65694938-21.78711844 21.72203344 21.72203344 0 0 0-21.64881375 21.78711844 21.72203344 21.72203344 0 0 0 21.64881375 21.78711843z m86.61152531 0a21.72203344 21.72203344 0 0 0 21.65694938-21.78711843 21.72203344 21.72203344 0 0 0-21.65694938-21.78711844 21.72203344 21.72203344 0 0 0-21.64881375 21.78711844 21.72203344 21.72203344 0 0 0 21.64881375 21.78711843z m86.61152532 0a21.72203344 21.72203344 0 0 0 21.65694937-21.78711843 21.72203344 21.72203344 0 0 0-21.65694937-21.78711844 21.72203344 21.72203344 0 0 0-21.64881375 21.78711844 21.72203344 21.72203344 0 0 0 21.64881375 21.78711843zM486.70644031 467.7423725a21.72203344 21.72203344 0 0 1 21.64881375 21.795255v174.29694844a21.72203344 21.72203344 0 0 1-21.64881375 21.78711937 21.72203344 21.72203344 0 0 1-21.65694844-21.78711937v-65.36135531H378.43796656v65.36135531a21.72203344 21.72203344 0 0 1-21.64881375 21.78711937 21.72203344 21.72203344 0 0 1-21.65694937-21.78711937V489.5376275a21.72203344 21.72203344 0 0 1 21.65694937-21.795255 21.72203344 21.72203344 0 0 1 21.64881375 21.795255v65.36135531H465.0576275v-65.36135531a21.72203344 21.72203344 0 0 1 21.65694844-21.795255z m173.21491594 0c11.95932188 0 21.665085 9.76271156 21.66508406 21.78711937a21.72203344 21.72203344 0 0 1-21.65694844 21.78711844h-21.65694937v152.51796563a21.72203344 21.72203344 0 0 1-21.64881375 21.78711937 21.72203344 21.72203344 0 0 1-21.65694938-21.78711937V511.31661031h-21.64881281a21.72203344 21.72203344 0 0 1-21.65694937-21.77898281 21.72203344 21.72203344 0 0 1 21.65694937-21.795255h86.60338969z m224.80271156 1.70847469a21.79525406 21.79525406 0 0 1 13.38305063 20.1274575v174.29694937a21.72203344 21.72203344 0 0 1-21.64881375 21.74644125 21.72203344 21.72203344 0 0 1-21.65694844-21.78711937v-121.70847469l-27.97830562 28.14915281a21.57559313 21.57559313 0 0 1-30.61423688 0l-28.01898281-28.14915281v121.70847469a21.72203344 21.72203344 0 0 1-21.65694938 21.78711937 21.72203344 21.72203344 0 0 1-21.64881375-21.78711937V489.5376275c0-8.80271156 5.28813563-16.77559313 13.38305063-20.13559406a21.68135625 21.68135625 0 0 1 23.59322062 4.71050906l49.62711844 49.97694937 49.62711844-49.93627125a21.38847469 21.38847469 0 0 1 23.60949187-4.71050906z m164.94915281 172.58847468a21.72203344 21.72203344 0 0 1 21.65694844 21.78711844 21.72203344 21.72203344 0 0 1-21.65694843 21.78711938h-86.61152532a21.72203344 21.72203344 0 0 1-21.64881375-21.78711938V489.52949188a21.72203344 21.72203344 0 0 1 21.64881375-21.78711938 21.72203344 21.72203344 0 0 1 21.65694844 21.78711938v152.50982999h64.95457688z" p-id="3585"></path></svg>

client/src/components/Icon/icons/file/indexImport.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689488775813" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6900" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M448 768h448V256H448v512z" fill="#7839ee" opacity=".1" p-id="6901"></path><path d="M960 928H384v-64h576v64z m0-768H384v-64h576v64zM128 736H64v-64h64v64z m0-128H64v-64h64v64z m0-128H64v-64h64v64z m0-128H64v-64h64v64z m0-128H64v-64h64v64zM320 800H256v-64h64v64z m0-128H256v-64h64v64z m0-128H256v-64h64v64z m0-128H256v-64h64v64z m0-128H256v-64h64v64zM640 256h64v512h-64z" fill="#7839ee" p-id="6902"></path><path d="M672 160l96 128H576l96-128zM672 864l96-128H576l96 128z" fill="#7839ee" p-id="6903"></path></svg>

client/src/components/Icon/icons/file/manualImport.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689489413405" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2128" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M753 521.1c-23.2-60.8-116.5-56.6-143.1-4.8-15.9-52.8-121.7-70.4-146.8-6.4 0-51.1-0.8-271.7-0.8-271.7-0.1-32.3-26.3-58.3-58.5-58.3s-58.4 26-58.5 58.3l-1.9 433.7s-23.1-53.6-81.8-83.9c-94.5-48.6-137.3 17.9-92.8 62.6C266.4 748.7 322.2 830.3 356 922c28.6 77.5 87.4 94.2 87.4 94.2h366c48.2-31 62.3-134.1 62.3-134.1V582.2c-0.3-111.6-120.1-93.8-118.7-61.1z" p-id="2129" fill="#4e83fd"></path><path d="M286.3 442.9v-72.4c-36.3-32.1-59.6-78.5-59.6-130.8 0-96.7 78.5-175.2 175.2-175.2 96.7 0 175.2 78.5 175.2 175.2 0 51.2-22.4 96.9-57.4 128.9v74.1c69.9-40.6 117.6-115.4 117.6-202.1 0-129.4-105-234.4-234.4-234.4s-234.4 105-234.4 234.4c-0.1 86.9 47.7 161.8 117.8 202.3z" p-id="2130" fill="#4e83fd"></path></svg>

client/src/components/Icon/icons/file/markdown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689324655973" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M512 601.09184948l-213.36752354-331.89890023A41.3976083 41.3976083 0 0 0 222.02342717 291.06546788v428.06065559H208.2150185a41.42522469 41.42522469 0 0 0 0 82.85044936h110.46726671a41.42522469 41.42522469 0 0 0 0-82.85044936h-13.80840868V432.10455041l172.27370066 267.99358607a41.42522469 41.42522469 0 0 0 69.70484562 0l172.27370066-267.99358607V719.12612347H705.31771479a41.42522469 41.42522469 0 0 0 0 82.85044936h110.46726671a41.42522469 41.42522469 0 0 0 0-82.85044936h-13.80840867V291.06546788a41.42522469 41.42522469 0 0 0-76.69189974-21.76205051L512 601.09184948z" p-id="3735"></path><path d="M14.8973037 180.59820247a165.70089876 165.70089876 0 0 1 165.70089877-165.70089877h662.80359506a165.70089876 165.70089876 0 0 1 165.70089877 165.70089877v662.80359506a165.70089876 165.70089876 0 0 1-165.70089877 165.70089877H180.59820247a165.70089876 165.70089876 0 0 1-165.70089877-165.70089877V180.59820247z m165.70089877-82.85044938a82.85044939 82.85044939 0 0 0-82.85044938 82.85044938v662.80359506a82.85044939 82.85044939 0 0 0 82.85044938 82.85044938h662.80359506a82.85044939 82.85044939 0 0 0 82.85044938-82.85044938V180.59820247a82.85044939 82.85044939 0 0 0-82.85044938-82.85044938H180.59820247z" p-id="3736"></path></svg>

client/src/components/Icon/icons/file/pdf.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689325086843" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1918" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M75.09333333 220.72888889h-36.40888888H75.09333333z m0 582.54222222h0z m194.18074112 194.18074112v-36.40888889 36.40888889z m485.4518511 0v0z m194.18074112-194.18074112h-36.40888889 36.40888889z m0-307.92211001h0zM480.10581333 26.54814777v-36.40888889V26.54814777zM269.27407445 26.54814777v0z m622.73763556 331.46652444l-25.72894891 25.72894891 25.72894891-25.72894891z m-274.57156779-274.57156664l25.72894777-25.72894891-25.72894777 25.72894891zM560.54518557 220.72888889h-36.4088889 36.4088889z m194.18073998 194.18074112v0zM38.68444445 220.72888889v582.54222222h72.81777777V220.72888889h-72.81777777zM269.27407445 1033.86074112h485.4518511v-72.81777778H269.27407445v72.81777778zM985.31555555 803.27111111v-307.92211001h-72.81777777V803.27111111h72.81777777zM480.10581333-9.86074112H269.27407445v72.81777778h210.83173888v-72.81777778z m437.68339001 342.14646557l-274.62011335-274.62011222-51.45789554 51.45789554 274.57156665 274.66865778 51.45789668-51.45789554zM480.10581333 62.95703666a157.77185223 157.77185223 0 0 1 111.55683556 46.21501667l51.45789668-51.45789667a230.58963001 230.58963001 0 0 0-163.01473224-67.57489778v72.81777778z m505.20974222 432.39196444c0-61.16693333-24.27259221-119.80951666-67.52635221-163.06327665l-51.45789667 51.45789667c29.56401778 29.61256334 46.16647111 69.75943111 46.16647111 111.60537998h72.81777777zM38.68444445 803.27111111A230.58963001 230.58963001 0 0 0 269.27407445 1033.86074112v-72.81777778A157.77185223 157.77185223 0 0 1 111.50222222 803.27111111h-72.81777777z m72.81777777-582.54222222A157.77185223 157.77185223 0 0 1 269.27407445 62.95703666v-72.81777778A230.58963001 230.58963001 0 0 0 38.68444445 220.72888889h72.81777777zM754.72592555 1033.86074112A230.58963001 230.58963001 0 0 0 985.31555555 803.27111111h-72.81777777A157.77185223 157.77185223 0 0 1 754.72592555 961.04296334v72.81777778zM524.13629667 26.54814777v194.18074112h72.81777778V26.54814777h-72.81777778zM754.72592555 451.3185189h194.18074112v-72.81777778h-194.18074112v72.81777778zM524.13629667 220.72888889A230.58963001 230.58963001 0 0 0 754.72592555 451.3185189v-72.81777778A157.77185223 157.77185223 0 0 1 596.95407445 220.72888889h-72.81777778z" p-id="1919"></path><path d="M241.94313443 594.76954112V803.27111111h42.08867556v-78.6432h27.42803001c19.07825778 0 33.64181333-0.97090333 43.69066667-3.0098011 7.37886777-1.60199111 14.61210112-4.8545189 21.74824334-9.80612779 7.18468779-5.00015445 13.1072-11.89356999 17.76753778-20.63170332 4.66033778-8.73813333 6.99050667-19.46661888 6.99050666-32.28254891 0-16.55390777-4.02924999-30.09801443-12.13629667-40.53522887a54.56478777 54.56478777 0 0 0-30.00092445-20.43752334c-7.76723001-2.08744334-24.46677333-3.15543666-50.00154112-3.15543666H241.89459001z m271.07631446 0h-76.9441189V803.27111111h79.1771978c15.53445888 0 28.01057223-1.45635555 37.28270222-4.36906666 12.42756779-4.02924999 22.28224-9.5634011 29.6125622-16.69954333 9.66049223-9.36922112 17.08790557-21.65115221 22.33078557-36.79725113 4.22343111-12.42756779 6.35941888-27.18530333 6.35941888-44.37029888 0-19.56371001-2.28162333-35.92343666-6.79632555-49.22481778a91.02222222 91.02222222 0 0 0-19.90352554-33.83599445 69.71088555 69.71088555 0 0 0-31.45728-19.22389333c-9.12649443-2.66998557-22.33078557-3.98070557-39.66141668-3.98070443z m133.98471111 0V803.27111111h42.04012999v-88.59496334h87.0415178v-35.29234887h-87.0415178v-49.32190891h100.87689558v-35.29234887H646.95561443zM283.98326557 689.18992555v-59.12803556h20.34043221q22.71914667 0 30.29219555 1.40781113a29.12711111 29.12711111 0 0 1 16.89372445 9.22358443c4.46615666 4.95160889 6.69923555 11.16539221 6.69923555 18.78698666a27.71930112 27.71930112 0 0 1-17.9617189 26.45712669c-5.53415111 2.18453333-16.6509989 3.25252779-33.25345109 3.25252665h-23.01041777z m194.13219555 78.93447111v-138.06250667h18.93262222c17.13644999 0 28.64165888 0.63108779 34.51562667 1.94180779q11.79648 2.57289443 19.51516444 9.85467221c5.09724445 4.8545189 9.07795001 11.55375445 11.94211556 20.1947978 2.81562112 8.64104334 4.27197667 20.97152 4.27197554 37.0885211s-1.45635555 28.88438557-4.27197554 38.30215111c-2.86416555 9.27212999-6.5536 15.97136555-11.11684779 20.0491611q-6.65068999 6.11669333-16.89372444 8.64104335a114.66372779 114.66372779 0 0 1-25.48622223 1.99035221h-31.40873443z" p-id="1920"></path></svg>

client/src/components/Icon/icons/file/qaImport.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689489324421" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28738" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M166.32 808.98l-99.28 99.28c-15.31 15.32-39.71 15.32-55.03 0-15.32-15.31-15.32-39.71 0-55.03l98.71-99.28c15.32-15.31 39.71-15.31 55.03 0 15.32 15.32 15.32 39.72 0.57 55.03z m48.22 48.79l-99.28 99.27c-15.31 15.32-15.31 39.71 0 55.03 15.32 15.32 39.71 15.32 55.03 0l99.28-99.28c15.32-15.32 15.32-39.71 0-55.03-15.32-15.31-39.72-15.31-55.03 0.01z m625.14-545.16c0 71.47-57.86 129.34-129.34 129.34S581 384.08 581 312.61c0-71.48 57.86-129.34 129.34-129.34 72.05 0 129.91 57.86 129.34 129.34z m-77.71 0.57c0-28.36-23.26-51.63-51.62-51.63-28.36 0-51.62 23.26-51.62 51.63 0 28.36 23.26 51.62 51.62 51.62 28.93 0 52.19-23.26 51.62-51.62z m236.56 68.07c-27.8 104.39-83.39 203.65-164.51 285.35h-3.97l-5.11 5.67c10.21 38.57 11.35 78.28 2.84 116.86-9.07 46.52-32.33 90.2-66.94 124.8l-2.27 2.27c-38.57 36.87-85.09 59.57-134.45 67.51-51.62 7.94-105.51 0-152.6-23.26-17.58-10.21-25.53-32.9-16.45-51.63 1.7-2.84 3.41-5.67 5.67-8.5 14.18-15.32 24.96-32.9 32.9-51.63l3.4-7.94c-10.21 1.7-20.42 4.53-30.63 5.1-29.5 4.54-60.14 6.24-90.2 5.67-10.21 0-19.86-3.97-26.1-11.35L181.63 671.14c-8.51-7.95-11.35-18.72-10.78-29.5 0-28.37 2.27-58.43 5.67-86.79 1.7-10.78 2.84-20.99 5.1-31.2l-8.51 3.4c-17.58 7.95-35.17 18.72-51.06 33.47-14.75 14.18-39.14 12.48-53.32-2.27-2.27-2.84-3.97-7.37-6.24-10.21-23.26-47.09-30.63-99.28-22.69-150.9 8.22-51.8 32.65-99.66 69.78-136.71 34.61-34.61 78.85-57.86 123.67-66.94 39.14-8.51 79.42-7.94 116.86 2.27l7.95-7.95C439.75 106.69 538.45 51.66 642.83 23.3c108.35-28.36 222.38-28.36 329.59 0 13.62 4.54 23.82 15.32 27.23 27.23l0.57 0.57v0.56c28.37 107.78 28.37 221.81-1.69 329.59zM936.12 92.51c-89.06-19.86-182.67-18.16-270.03 5.1-91.34 24.96-178.7 73.18-250.74 145.22l-10.78 10.78-10.21 11.35c-10.21 11.35-26.66 16.45-42.55 10.78-31.2-12.48-65.81-14.75-98.71-7.38-31.2 6.81-61.27 22.13-86.23 46.52-26.66 27.8-43.12 60.7-48.79 95.3-3.4 20.99-3.4 42.55 0.57 62.97 9.64-5.67 18.72-10.78 28.93-14.18 26.66-11.34 55.6-18.15 84.53-18.72 3.97-0.57 7.94 0 11.91 0.56 19.86 5.67 31.77 26.66 26.1 46.52-7.95 26.1-13.05 52.2-16.45 78.29-1.7 22.12-3.4 43.12-3.97 64.67l146.36 146.93c22.12-1.14 43.11-2.27 64.67-5.11 27.23-3.97 52.76-8.51 78.29-15.89 3.97-0.56 7.94-1.13 11.91-1.13 20.42 0.57 36.31 18.72 36.31 39.14-1.7 29.5-7.38 58.43-19.29 85.66-3.97 9.08-9.07 19.29-14.18 28.36 20.42 3.97 41.98 3.97 62.4 1.13 33.47-5.1 66.94-20.99 93.03-47.09l1.13-1.13c24.39-24.96 39.71-55.6 47.09-86.79 6.81-32.34 3.97-66.94-7.94-99.28-4.54-14.18-1.7-30.64 10.21-41.41l11.91-11.35 8.51-8.51 2.27-1.13c72.04-72.61 119.7-159.41 145.79-250.17 23.27-89.05 25.54-180.95 7.95-270.01z" p-id="28739" fill="#FB7C3C"></path></svg>

client/src/components/Icon/icons/file/uploadFile.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689491332665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5892" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M393.2 701.7c-8.2 0-16.4-3.1-22.6-9.4-12.5-12.5-12.5-32.8 0-45.3l115.3-115.3c14-14 36.9-14 50.9 0L652.1 647c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-95.5-95.5-95.5 95.5c-6.2 6.2-14.4 9.4-22.6 9.4z" fill="" p-id="5893"></path><path d="M511.3 921.1c-17.7 0-32-14.3-32-32v-276c0-17.7 14.3-32 32-32s32 14.3 32 32v276c0 17.6-14.3 32-32 32z" fill="" p-id="5894"></path><path d="M732.7 784.9c-17.7 0-32-14.3-32-32s14.3-32 32-32c90.6 0 164.3-73.7 164.3-164.3 0-82.9-61.9-153-144-163.1l-22.7-2.8-4.7-22.4c-20.8-99.9-110.1-172.4-212.4-172.4-102.2 0-191.5 72.5-212.4 172.4l-4.7 22.4-22.7 2.8c-82.1 10.1-144 80.2-144 163.1 0 90.6 73.7 164.3 164.3 164.3 17.7 0 32 14.3 32 32s-14.3 32-32 32c-61 0-118.3-23.8-161.5-66.9-43.1-43.1-66.9-100.5-66.9-161.5 0-107.6 75.2-199.7 178.2-222.8 15.8-53.8 47.7-102.2 91.3-138.1 50.1-41.2 113.4-63.9 178.3-63.9s128.3 22.7 178.3 63.9c43.6 35.9 75.5 84.3 91.3 138.1C885.9 356.8 961 448.9 961 556.5c0 61-23.8 118.3-66.9 161.5-43.1 43.1-100.4 66.9-161.4 66.9z" fill="" p-id="5895"></path></svg>

client/src/components/Icon/icons/fill/appStore.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689598169213" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3429" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M254.80971969 32C131.70542094 32 32 131.82654219 32 254.83663531c0 123.11775656 99.81308438 222.83214938 222.80971969 222.83214938h222.92186906V254.83663531C477.72710281 131.71439281 377.91401844 32 254.80971969 32z m514.38056062 0c-122.99214938 0-222.92186906 99.82654219-222.92186906 222.83663531v222.83214938h222.92186906C892.18691562 477.66878469 992 377.95887875 992 254.83663531 992 131.71439281 892.18691562 32 769.19028031 32zM32 769.16336469C32 892.28560719 131.81308438 992 254.80971969 992c123.10429875 0 222.80971969-99.71439281 222.80971968-222.83663531v-222.83214938H254.80971969C131.81308438 546.33121531 32 646.04112125 32 769.16336469z m737.07813094-222.83214938h-222.91738313v222.83214938c0 123.12224344 99.81308438 222.83663531 222.91738313 222.83663531 123.10878469 0 222.80971969-99.82654219 222.80971968-222.83663531 0.11214937-123.11775656-99.700935-222.83214938-222.80971968-222.83214938z" p-id="3430"></path></svg>

client/src/components/Icon/icons/fill/back.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1688892007547" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2705" xmlns:xlink="http://www.w3.org/1999/xlink" width="64.0625" height="64"><path d="M533.353412 682.285176c0-0.030118 0.060235-0.060235 0.060235-0.090353C533.172706 682.194824 533.142588 682.224941 533.353412 682.285176zM40.176941 555.008l314.398118 314.398118c27.045647 27.045647 70.927059 27.045647 97.942588 0 27.045647-26.985412 27.045647-70.866824 0-97.912471l-196.186353-196.216471 665.630118 0c38.249412 0 69.240471-31.021176 69.240471-69.240471 0-38.279529-31.021176-69.270588-69.240471-69.270588L256.361412 436.766118l196.186353-196.186353c27.045647-27.015529 27.045647-70.927059 0-97.942588C439.024941 129.114353 421.285647 122.337882 403.546353 122.337882c-17.709176 0-35.448471 6.776471-48.941176 20.299294L40.176941 457.065412C13.101176 484.111059 13.101176 527.932235 40.176941 555.008z" p-id="2706"></path></svg>

client/src/components/Icon/icons/fill/chat.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1689170427347" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1982" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M512 26.54814777c268.11505778 0 485.45185223 217.33679445 485.45185223 485.45185223s-217.33679445 485.45185223-485.45185223 485.45185223a483.51004445 483.51004445 0 0 1-225.44384-55.43860224l-208.25884445 54.22497223a41.26340779 41.26340779 0 0 1-50.34135665-50.29281223l54.17642667-208.21029888A483.46149888 483.46149888 0 0 1 26.54814777 512C26.54814777 243.88494222 243.88494222 26.54814777 512 26.54814777z m60.77857223 533.9970378H354.22814777l-4.95160889 0.33981553a36.40888889 36.40888889 0 0 0 0 72.13814557l4.95160889 0.33981667h218.55042446l4.90306332-0.33981667a36.40888889 36.40888889 0 0 0 0-72.13814557L572.77857223 560.54518557z m96.99328-169.90814891h-315.54370446l-4.95160889 0.33981667a36.40888889 36.40888889 0 0 0 0 72.13814557L354.22814777 463.45481443h315.54370446l4.95160889-0.33981553a36.40888889 36.40888889 0 0 0 0-72.13814557L669.77185223 390.63703666z" p-id="1983"></path></svg>

client/src/components/Icon/icons/fill/db.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1688889092975" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2652" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M932.15857778 820.62601482V639.06702222c-26.82121482 23.42305185-57.04059259 42.71976297-89.4445037 57.28331853-104.97896297 46.11792592-218.45333333 69.41961482-333.14133333 68.32734814-148.06281482 8.61677037-294.66927408-32.768-416.39632593-117.35798519v182.89398519C101.4290963 910.07051852 277.52675555 997.45185185 512.36408889 997.45185185c234.83733333 0 409.6-88.10951111 419.79448889-168.57315555v-8.25268148z" p-id="2653"></path><path d="M932.15857778 505.93185185v-3.39816296 8.25268148c-10.19448889 80.58500741-184.95715555 168.57315555-419.79448889 168.57315555-234.83733333 0-410.93499259-87.38133333-419.18767407-167.23816295V329.10601482C214.90346667 413.81736297 361.50992592 455.08077037 509.57274075 446.464c114.688 1.09226667 228.16237037-22.08805925 333.14133333-68.32734815 32.40391111-14.68491852 62.62328889-33.98162963 89.4445037-57.28331852V505.93185185z" p-id="2654"></path><path d="M816.13558518 85.40918518c69.66234075 30.70482963 111.28983703 74.3954963 111.28983704 113.35300741 0 38.22933333-42.96248889 80.58500741-111.28983704 113.35300741-97.09037037 41.26340741-201.70524445 61.53102222-307.16965926 59.34648889-238.96367408 0-417.1245037-90.7794963-417.1245037-171.97131852s178.88900741-172.6994963 418.4594963-172.69949629c104.97896297-2.3058963 209.10838518 17.71899259 305.83466666 58.6183111z" p-id="2655"></path></svg>