user feedback and admin mark (#228)

* fix: csv empty data

* feat: user feedback and mark answer

* version intro

* perf: chat logs sort

.env.template

@@ -1,27 +0,0 @@
-# proxy
-# AXIOS_PROXY_HOST=127.0.0.1
-# AXIOS_PROXY_PORT=7890
-# OPENAI_BASE_URL=https://api.openai.com/v1
-# OPENAI_BASE_URL_AUTH=可选的安全凭证
-# 是否开启队列任务。 1-开启，0-关闭（请求parentUrl去执行任务,单机时直接填1）
-queueTask=1
-parentUrl=https://hostname/api/openapi/startEvents
-# email
-MY_MAIL=xxx@qq.com
-MAILE_CODE=xxx
-# ali ems
-aliAccessKeyId=xxx
-aliAccessKeySecret=xxx
-aliSignName=xxx
-aliTemplateCode=SMS_xxx
-# token
-TOKEN_KEY=xxx
-# openai
-OPENAIKEY=sk-xxx
-# db
-MONGODB_URI=mongodb://username:password@0.0.0.0:27017/test?authSource=admin
-PG_HOST=0.0.0.0
-PG_PORT=8100
-PG_USER=xxx
-PG_PASSWORD=xxx
-PG_DB_NAME=xxx

.github/ISSUE_TEMPLATE/bugs.md

@@ -0,0 +1,29 @@
+---
+name: 问题反馈
+about: 详细清晰的描述你遇到的问题
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**例行检查**
+
+[//]: # (方框内删除已有的空格，填 x 号)
++ [ ] 我已确认目前没有类似 issue
++ [ ] 我已完整查看过项目 README，以及[项目文档](https://doc.fastgpt.run/docs/intro/)
++ [ ] 我使用了自己的key，并确认我的 key 是可正常使用的
++ [ ] 我理解并愿意跟进此 issue，协助测试和提供反馈 
++ [ ] 我理解并认可上述内容，并理解项目维护者精力有限，**不遵循规则的 issue 可能会被无视或直接关闭**
+
+**你的版本**
++ [ ] 公有云版本
++ [ ] 私有部署版本
+
+**问题描述**
+
+**复现步骤**
+
+**预期结果**
+
+**相关截图**

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 微信交流群
+    url: https://doc.fastgpt.run/wechat-fastgpt.webp
+    about: FastGPT 全是问题群

.github/ISSUE_TEMPLATE/features.md

@@ -0,0 +1,23 @@
+---
+name: 功能请求
+about: 详细描述你期望的功能
+title: ''
+labels: enhancement
+assignees: ''
+---
+
+**例行检查**
+
+[//]: # '方框内删除已有的空格，填 x 号'
+
+- [ ] 我已确认目前没有类似 features
+- [ ] 我已确认我已升级到最新版本
+- [ ] 我已完整查看过项目 README，已确定现有版本无法满足需求
+- [ ] 我理解并愿意跟进此 features，协助测试和提供反馈
+- [ ] 我理解并认可上述内容，并理解项目维护者精力有限，**不遵循规则的 features 可能会被无视或直接关闭**
+
+**功能描述**
+
+**应用场景**
+
+**相关示例**

.github/imgs/logo.svg

@@ -0,0 +1,14 @@
+<svg width="32" height="32" viewBox="0 0 1041 1348" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M340.837 0.33933L681.068 0.338989V0.455643C684.032 0.378397 686.999 0.339702 689.967 0.339702C735.961 0.3397 781.504 9.62899 823.997 27.6772C866.49 45.7254 905.099 72.1791 937.622 105.528C970.144 138.877 995.942 178.467 1013.54 222.04C1031.14 265.612 1040.2 312.312 1040.2 359.474L340.836 359.474L340.836 1347.84C296.157 1347.84 251.914 1338.55 210.636 1320.49C169.357 1302.43 131.85 1275.95 100.257 1242.58C68.6636 1209.21 43.6023 1169.59 26.5041 1125.99C11.3834 1087.43 2.75216 1046.42 0.957956 1004.81H0.605869L0.605897 368.098H0.70363C0.105752 341.831 2.23741 315.443 7.14306 289.411C20.2709 219.745 52.6748 155.754 100.257 105.528C147.839 55.3017 208.462 21.0975 274.461 7.24017C296.426 2.62833 318.657 0.339101 340.837 0.33933Z" fill="url(#paint0_linear_1172_228)"/>
+<path d="M633.639 904.645H513.029V576.37H635.422V576.377C678.161 576.607 720.454 585.093 759.951 601.37C799.997 617.874 836.384 642.064 867.033 672.559C897.683 703.054 921.996 739.257 938.583 779.101C955.171 818.944 963.709 861.648 963.709 904.775H633.639V904.645Z" fill="url(#paint1_linear_1172_228)"/>
+<defs>
+<linearGradient id="paint0_linear_1172_228" x1="520.404" y1="0.338989" x2="520.404" y2="1347.84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#326DFF"/>
+<stop offset="1" stop-color="#8EAEFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1172_228" x1="738.369" y1="576.37" x2="738.369" y2="904.775" gradientUnits="userSpaceOnUse">
+<stop stop-color="#326DFF"/>
+<stop offset="1" stop-color="#8EAEFF"/>
+</linearGradient>
+</defs>
+</svg>

.github/workflows/deploy-docs.yml

@@ -0,0 +1,71 @@
+name: deploy-docs
+
+on:
+  workflow_dispatch:
+  push:
+    paths:
+      - 'docSite/**'
+    branches:
+      - 'main'
+    tags:
+      - 'v*.*.*'
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  # This workflow contains jobs "deploy-production"
+  deploy-production:
+    # The environment this job references
+    environment:
+      name: Production
+      url: ${{ steps.vercel-action.outputs.preview-url }}
+
+    # The type of runner that the job will run on
+    runs-on: ubuntu-22.04
+
+    # Job outputs
+    outputs:
+      docs: ${{ steps.filter.outputs.docs }}
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Step 1 - Checks-out your repository under $GITHUB_WORKSPACE
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          submodules: recursive # Fetch submodules
+          fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod
+
+      # Step 2 Detect changes to Docs Content
+      - name: Detect changes in doc content
+        uses: dorny/paths-filter@v2
+        id: filter
+        with:
+          filters: |
+            docs:
+              - 'docSite/content/docs/**'
+          base: main
+
+      # Step 3 - Install Hugo (specific version)
+      - name: Install Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: '0.117.0'
+          extended: true
+
+      # Step 4 - Builds the site using Hugo
+      - name: Build
+        run: cd docSite && hugo mod get -u github.com/colinwilson/lotusdocs && hugo -v --minify
+        env:
+          HUGO_BASEURL: ${{ vars.BASE_URL }}
+
+      # Step 5 - Push our generated site to Vercel
+      - name: Deploy to Vercel
+        uses: amondnet/vercel-action@v25
+        id: vercel-action
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }} # Required
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} #Required
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} #Required
+          github-comment: false
+          vercel-args: '--prod --local-config ../vercel.json' # Optional
+          working-directory: docSite/public

.github/workflows/fastgpt-image.yml

@@ -0,0 +1,104 @@
+name: Build fastgpt images and copy image to docker hub
+on:
+  workflow_dispatch:
+  push:
+    paths:
+      - 'client/**'
+    branches:
+      - 'main'
+    tags:
+      - 'v*.*.*'
+jobs:
+  build-fastgpt-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:latest" >> $GITHUB_ENV
+          else
+            echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt:${{ 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 client && \
+          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 image" \
+          --label "org.opencontainers.image.licenses=MIT" \
+          --push \
+          -t ${DOCKER_REPO_TAGGED} \
+          -f Dockerfile \
+          .
+  push-to-docker-hub:
+    needs: build-fastgpt-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:${{env.IMAGE_TAG}}
+      - name: Tag image with Docker Hub repository name and version tag
+        run: docker tag ghcr.io/${{ github.repository_owner }}/fastgpt:${{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}}
+  push-to-ali-hub:
+    needs: build-fastgpt-images
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - name: Login to Ali Hub
+        uses: docker/login-action@v2
+        with:
+          registry: registry.cn-hangzhou.aliyuncs.com
+          username: ${{ secrets.ALI_HUB_USERNAME }}
+          password: ${{ secrets.ALI_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:${{env.IMAGE_TAG}}
+      - name: Tag image with Docker Hub repository name and version tag
+        run: docker tag ghcr.io/${{ github.repository_owner }}/fastgpt:${{env.IMAGE_TAG}} ${{ secrets.ALI_IMAGE_NAME }}:${{env.IMAGE_TAG}}
+      - name: Push image to Docker Hub
+        run: docker push ${{ secrets.ALI_IMAGE_NAME }}:${{env.IMAGE_TAG}}

.github/workflows/release.yml

@@ -1,50 +0,0 @@
-name: Release
-
-on:
-  workflow_dispatch:
-
-  push:
-    branches:
-      - 'main'
-
-jobs:
-  release:
-    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
-      - # Add support for more platforms with QEMU (optional)
-        # https://github.com/docker/setup-qemu-action
-        name: Set up QEMU
-        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  gitbub
-        uses: docker/login-action@v2
-        with:
-          registry: ghcr.io
-          username: ${{ github.repository_owner }}
-          password: ${{ secrets.GH_PAT }}
-      - name: build and publish image
-        env:
-          # fork friendly ^^
-          DOCKER_REPO: ghcr.io/${{ github.repository_owner }}/fast-gpt
-        run: |
-          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=fast-gpt image" \
-          --label "org.opencontainers.image.licenses=MIT" \
-          --push \
-          -t ${DOCKER_REPO}:latest \
-          -f Dockerfile \
-          .

.gitignore

@@ -1,19 +1,11 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
+node_modules/
 # next.js
-/.next/
-/out/
-
+.next/
+out/
 # production
-/build
+build/
+.astro/
 
 # misc
 .DS_Store
@@ -34,6 +26,11 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
-/.vscode/
 platform.json
-testApi/
+testApi/
+local/
+dist/
+
+# hugo
+**/.hugo_build.lock
+docSite/public/

.vscode/settings.json

@@ -0,0 +1,15 @@
+{
+    "editor.formatOnSave": true,
+    "editor.mouseWheelZoom": true,
+    "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", // 显示语言
+}

LICENSE

@@ -1,201 +1,35 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
+# FastGPT Open Source License
 
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+The FastGPT is licensed under the Apache License 2.0, with the following additional conditions:
 
-   1. Definitions.
+1. FastGPT is permitted to be used for commercialization. You can use FastGPT as a "backend-as-a-service" for your other applications, or delivering it to enterprises as an application development platform. However, when the following conditions are met, you must contact the producer to obtain a commercial license:
 
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
+a. Multi-tenant SaaS service: Unless explicitly authorized by FastGPT in writing, you may not use the FastGPT.AI source code to operate a multi-tenant SaaS service that is similar to the FastGPT.
+b. LOGO and copyright information: In the process of using FastGPT, you may not remove or moFastGPT the LOGO or copyright information in the FastGPT console.
 
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
+Please contact yujinlong@sealos.io by email to inquire about licensing matters.
 
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
+2. As a contributor, you should agree that your contributed code:
 
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
+a. The producer can adjust the open-source agreement to be more strict or relaxed.
+b. Can be used for commercial purposes, such as FastGPT's cloud business.
 
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
+Apart from this, all other rights and restrictions follow the Apache License 2.0. If you need more detailed information, you can refer to the full version of Apache License 2.0.
 
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
+The interactive design of this product is protected by appearance patent.
 
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
+© 2023 Sealos.
 
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
+---
 
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
 
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
+    http://www.apache.org/licenses/LICENSE-2.0
 
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

Makefile

@@ -1,47 +0,0 @@
-SERVICE_NAME=fast-gpt
-# Image URL to use all building/pushing image targets
-IMG ?= $(SERVICE_NAME):latest
-
-.PHONY: all
-all: build
-
-##@ General
-
-# The help target prints out all targets with their descriptions organized
-# beneath their categories. The categories are represented by '##@' and the
-# target descriptions by '##'. The awk commands is responsible for reading the
-# entire set of makefiles included in this invocation, looking for lines of the
-# file as xyz: ## something, and then pretty-format the target and help. Then,
-# if there's a line with ##@ something, that gets pretty-printed as a category.
-# More info on the usage of ANSI control characters for terminal formatting:
-# https://en.wikipedia.org/wiki/ANSI_escape_code#SGR_parameters
-# More info on the awk command:
-# http://linuxcommand.org/lc3_adv_awk.php
-
-.PHONY: help
-help: ## Display this help.
-	@awk 'BEGIN {FS = ":.*##"; printf "\nUsage:\n  make \033[36m<target>\033[0m\n"} /^[a-zA-Z_0-9-]+:.*?##/ { printf "  \033[36m%-15s\033[0m %s\n", $$1, $$2 } /^##@/ { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
-
-##@ Build
-
-.PHONY: build
-build: ## Build desktop-frontend binary.
-	pnpm run build
-
-.PHONY: run
-run: ## Run a dev service from host.
-	pnpm run start
-
-.PHONY: docker-build
-docker-build: ## Build docker image with the desktop-frontend.
-	docker build -t c121914yu/fast-gpt:latest . --network host  --build-arg HTTP_PROXY=http://127.0.0.1:7890 --build-arg HTTPS_PROXY=http://127.0.0.1:7890
-
-##@ Deployment
-
-.PHONY: docker-run
-docker-run:  ## Push docker image.
-	docker run -d -p 8008:3000 --name fast-gpt -v /web_project/yjl/fast-gpt/logs:/app/.next/logs c121914yu/fast-gpt:latest
-
-#TODO: add support of docker push
-
-#TODO: add support of sealos apply

README.md

@@ -1,44 +1,121 @@
-# Fast GPT
+<div align="center">
 
-Fast GPT 允许你使用自己的 openai API KEY 来快速的调用 openai 接口，目前集成了 gpt35 和 embedding. 可构建自己的知识库。
+<a href="https://fastgpt.run/"><img src="/.github/imgs/logo.svg" width="120" height="120" alt="fastgpt logo"></a>
+
+# FastGPT
+
+FastGPT 是一个基于 LLM 大语言模型的知识库问答系统，提供开箱即用的数据处理、模型调用等能力。同时可以通过 Flow 可视化进行工作流编排，从而实现复杂的问答场景！
+
+</div>
+
+<p align="center">
+  <a href="https://fastgpt.run/">线上体验</a>
+  ·
+  <a href="https://doc.fastgpt.run/docs/intro">相关文档</a>
+  ·
+  <a href="https://doc.fastgpt.run/docs/development">本地开发</a>
+  ·
+  <a href="https://github.com/labring/FastGPT#-%E7%9B%B8%E5%85%B3%E9%A1%B9%E7%9B%AE">相关项目</a>
+</p>
 
 ## 🛸 在线体验
 
-🎉 [fastgpt.run](https://fastgpt.run/) （国内版）  
-🎉 [ai.fastgpt.run](https://ai.fastgpt.run/) （海外版）
+[fastgpt.run](https://fastgpt.run/)（服务器在新加坡，部分地区可能无法直连）
 
-![Demo](docs/imgs/demo.png?raw=true 'demo')
+|                                    |                                    |
+| ---------------------------------- | ---------------------------------- |
+| ![Demo](./.github/imgs/intro1.png) | ![Demo](./.github/imgs/intro2.png) |
+| ![Demo](./.github/imgs/intro3.png) | ![Demo](./.github/imgs/intro4.png) |
 
-#### 知识库原理图
+## 💡 功能
 
-![KBProcess](docs/imgs/KBProcess.jpg?raw=true 'KBProcess')
+1. 强大的可视化编排，轻松构建 AI 应用
+   - [x] 提供简易模式，无需操作编排
+   - [x] 用户对话前引导
+   - [x] 全局变量
+   - [x] 知识库搜索
+   - [x] 多 LLM 模型对话
+   - [x] 文本内容提取成结构化数据
+   - [x] HTTP 扩展
+   - [ ] 沙盒 JS 运行模块
+   - [ ] 连续对话引导
+   - [ ] 对话多路线选择
+   - [ ] 源文件引用追踪
+2. 丰富的知识库预处理
+   - [x] 多库复用，混用
+   - [x] chunk 记录修改和删除
+   - [x] 支持直接分段导入
+   - [x] 支持 QA 拆分导入
+   - [x] 支持手动输入内容
+   - [x] 支持 url 读取导入
+   - [x] 支持 CSV 批量导入问答对
+   - [ ] 支持知识库单独设置向量模型
+   - [ ] 源文件存储
+3. 多种效果测试渠道
+   - [x] 知识库单点搜索测试
+   - [x] 对话时反馈引用并可修改与删除
+   - [x] 完整上下文呈现
+   - [ ] 完整模块中间值呈现
+4. OpenAPI
+   - [x] completions 接口（对齐 GPT 接口）
+   - [ ] 知识库 CRUD
+5. 运营功能
+   - [x] 免登录分享窗口
+   - [x] Iframe 一键嵌入
+   - [ ] 统一查阅对话记录
 
 ## 👨‍💻 开发
 
-项目技术栈: NextJs + TS + ChakraUI + Mongo + Postgres（Vector 插件）  
-这是一个平台项目，非单机项目，除了模型调用外还涉及非常多用户的内容。  
-[本地开发 Quick Start](docs/dev/README.md)
+项目技术栈: NextJs + TS + ChakraUI + Mongo + Postgres（Vector 插件）
 
-## 🚀 私有化部署
+- **⚡ 快速部署**
 
-[docker-compose 部署教程](docs/deploy/docker.md)
+  > Sealos 的服务器在国外，不需要额外处理网络问题，无需服务器、无需魔法、无需域名，支持高并发 & 动态伸缩。点击以下按钮即可一键部署 👇
 
-## :point_right: RoadMap
+  [![](https://cdn.jsdelivr.us/gh/labring-actions/templates@main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-fastdeploy%3FtemplateName%3Dfastgpt)
 
-- [FastGpt RoadMap](https://kjqvjse66l.feishu.cn/docx/RVUxdqE2WolDYyxEKATcM0XXnte)
+  由于需要部署数据库，部署完后需要等待 2~4 分钟才能正常访问。默认用了最低配置，首次访问时会有些慢。
 
-## 🏘️ 交流群
+* [快开始本地开发](https://doc.fastgpt.run/docs/development)
+* [部署 FastGPT](https://doc.fastgpt.run/docs/installation)
+* [系统配置文件说明](https://doc.fastgpt.run/docs/installation/reference)
+* [多模型配置](https://doc.fastgpt.run/docs/installation/reference/models)
+* [版本升级](https://doc.fastgpt.run/docs/installation/upgrading)
+* [API 文档](https://kjqvjse66l.feishu.cn/docx/DmLedTWtUoNGX8xui9ocdUEjnNh?pre_pathname=%2Fdrive%2Fhome%2F)
 
-wx: fastgpt123  
-![Demo](docs/imgs/wx300.jpg?raw=true 'wx')
+## 🏘️ 社区交流群
+
+| 交流群                                                | 小助手                                         |
+| ----------------------------------------------------- | ---------------------------------------------- |
+| ![](https://otnvvf-imgs.oss.laf.run/wxqun300-222.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |
 
 ## 👀 其他
 
 - [FastGpt 常见问题](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
-- [FastGpt + Laf 最佳实践，将知识库装入公众号，点击去 Laf 公众号体验效果](https://hnvacz-laf-upload-ai.oss.laf.run/3ffd528ee2f9ae1dcd3508fe9994dd9.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/)
 
+## 💪 相关项目
+
+- [Laf: 3 分钟快速接入三方应用](https://github.com/labring/laf)
+- [Sealos: 快速部署集群应用](https://github.com/labring/sealos)
+- [One API: 多模型管理，支持 Azure、文心一言等](https://github.com/songquanpeng/one-api)
+- [TuShan: 5 分钟搭建后台管理系统](https://github.com/msgbyte/tushan)
+
+## 🤝 第三方生态
+
+- [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)
+
+## 使用协议
+
+本仓库遵循 [FastGPT Open Source License](./LICENSE) 开源协议。
+
+1. 允许作为后台服务直接商用，但不允许直接使用 saas 服务商用。
+2. 需保留相关版权信息。
+3. 完整请查看 [FastGPT Open Source License](./LICENSE)
+4. 联系方式：yujinlong@sealos.io, [点击查看定价策略](https://fael3z0zfze.feishu.cn/docx/F155dbirfo8vDDx2WgWc6extnwf)

README_en.md

@@ -0,0 +1,115 @@
+<div align="center">
+<a href="https://fastgpt.run/"><img src="/.github/imgs/logo.svg" width="120" height="120" alt="fastgpt logo"></a>
+
+# FastGPT
+
+FastGPT is a knowledge-based question answering system based on the LLM language model, providing out-of-the-box capabilities for data processing, model invocation, and more. It also allows for complex question answering scenarios through visual workflow orchestration using Flow!
+
+</div>
+
+<p align="center">
+<a href="https://fastgpt.run/">Online</a>
+·
+<a href="https://doc.fastgpt.run/docs/intro">Document</a>
+·
+<a href="https://doc.fastgpt.run/docs/development">Development</a>
+·
+<a href="https://doc.fastgpt.run/docs/installation">Deploy</a>
+·
+<a href="#powered-by">Power By</a>
+</p>
+
+## 🛸 Online
+
+[fastgpt.run](https://fastgpt.run/)
+| | |
+| ---------------------------------- | ---------------------------------- |
+| ![Demo](./.github/imgs/intro1.png) | ![Demo](./.github/imgs/intro2.png) |
+| ![Demo](./.github/imgs/intro3.png) | ![Demo](./.github/imgs/intro4.png) |
+
+## 💡 Features
+
+1. Powerful visual orchestration for easy AI application building
+
+   - [x] Provides a simple mode without the need for orchestration operations
+   - [x] User dialogue pre-guidance
+   - [x] Global variables
+   - [x] Knowledge base search
+   - [x] Multi-LLM model dialogue
+   - [x] Extraction of text content into structured data
+   - [x] HTTP extension
+   - [ ] Sandbox JS runtime module
+   - [ ] Continuous dialogue guidance
+   - [ ] Dialogue multi-path selection
+   - [ ] Source file reference tracking
+
+2. Rich knowledge base preprocessing
+
+   - [x] Multiple library reuse and mixing
+   - [x] Chunk record modification and deletion
+   - [x] Supports direct segment import
+   - [x] Supports QA split import
+   - [x] Supports manual input content
+   - [ ] Supports URL import reading
+   - [x] Supports batch import of Q&A pairs in CSV format
+   - [ ] Supports separate vector model settings for knowledge bases
+   - [ ] Source file storage
+
+3. Multiple effect testing channels
+
+   - [x] Knowledge base single point search testing
+   - [x] Feedback references and ability to modify and delete during dialogue
+   - [x] Complete context presentation
+   - [ ] Complete module intermediate value presentation
+
+4. OpenAPI
+
+   - [x] completions interface (aligned with GPT interface)
+   - [ ] Knowledge base CRUD
+
+5. Operational functions
+
+   - [x] Login-free sharing window
+   - [x] One-click embedding with Iframe
+   - [ ] Unified access to dialogue records
+
+## 👨‍💻 Development
+
+Project tech stack: NextJs + TS + ChakraUI + Mongo + Postgres (Vector plugin)
+
+- [Getting Started with Local Development](https://doc.fastgpt.run/docs/development)
+- [Deploying FastGPT](https://doc.fastgpt.run/docs/installation)
+- [System Configuration File Explanation](https://doc.fastgpt.run/docs/installation/reference)
+- [Multi-model Configuration](https://doc.fastgpt.run/docs/installation/reference/models)
+- [V3 Upgrade V4 Initialization](https://doc.fastgpt.run/docs/installation/upgrading)
+
+<!-- ## :point_right: RoadMap
+- [FastGpt RoadMap](https://kjqvjse66l.feishu.cn/docx/RVUxdqE2WolDYyxEKATcM0XXnte) -->
+
+<!-- ## 🏘️ Community
+
+| Community Group                                   | Assistant                                      |
+| ------------------------------------------------- | ---------------------------------------------- |
+| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) | -->
+
+## 👀 Others
+
+- [FastGpt FAQ](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
+- [Docker Deployment Tutorial Video](https://www.bilibili.com/video/BV1jo4y147fT/)
+- [Official Account Integration Video Tutorial](https://www.bilibili.com/video/BV1xh4y1t7fy/)
+- [FastGpt Knowledge Base Demo](https://www.bilibili.com/video/BV1Wo4y1p7i1/)
+
+## 💪 Related Projects
+
+- [Laf: 3-minute quick access to third-party applications](https://github.com/labring/laf)
+- [Sealos: Rapid deployment of cluster applications](https://github.com/labring/sealos)
+- [One API: Multi-model management, supports Azure, Wenxin Yiyuan, etc.](https://github.com/songquanpeng/one-api)
+- [TuShan: Build a backend management system in 5 minutes](https://github.com/msgbyte/tushan)
+
+## 🤝 Third-party Ecosystem
+
+- [luolinAI: Enterprise WeChat bot, ready to use](https://github.com/luolin-ai/FastGPT-Enterprise-WeChatbot)
+
+## 🌟 Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=labring/FastGPT&type=Date)](https://star-history.com/#labring/FastGPT&Date)

client/.env.template

@@ -0,0 +1,21 @@
+# 默认用户密码，用户名为 root，每次重启时会自动更新。
+DEFAULT_ROOT_PSW=123456
+# 代理
+# AXIOS_PROXY_HOST=127.0.0.1
+# AXIOS_PROXY_PORT=7890
+# 数据库最大连接数
+DB_MAX_LINK=5
+# token
+TOKEN_KEY=dfdasfdas
+# root key, 最高权限
+ROOT_KEY=fdafasd
+# openai 基本地址，可用作中转。
+OPENAI_BASE_URL=https://api.openai.com/v1
+# oneapi 地址，可以使用 oneapi 来实现多模型接入
+# ONEAPI_URL=https://xxxx.cloud.sealos.io/openai/v1
+# 通用key。可以是 openai 的也可以是 oneapi 的。
+# 此处逻辑：优先走 ONEAPI_URL，如果填写了 ONEAPI_URL，key 也需要是 ONEAPI 的 key
+CHAT_API_KEY=sk-xxxx
+# db
+MONGODB_URI=mongodb://username:password@0.0.0.0:27017/fastgpt
+PG_URL=postgresql://username:password@host:port/postgres

client/.gitignore

@@ -0,0 +1,32 @@
+# dependencies
+node_modules/
+# next.js
+.next/
+out/
+# production
+build/
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+platform.json
+testApi/
+local/
+.husky/
+data/*.local.*

client/Dockerfile

@@ -5,15 +5,18 @@ 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 \
-  [ -f pnpm-lock.yaml ] && pnpm install || \
+  [ -f pnpm-lock.yaml ] && pnpm fetch || \
   (echo "Lockfile not found." && exit 1)
 
 # Rebuild the source code only when needed
 FROM node:current-alpine AS builder
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
+COPY pnpm-lock.yaml* ./
+COPY package.json ./
 COPY . .
 
 # Next.js collects completely anonymous telemetry data about general usage.
@@ -21,7 +24,10 @@ COPY . .
 # Uncomment the following line in case you want to disable telemetry during the build.
 ENV NEXT_TELEMETRY_DISABLED 1
 
-RUN npm install -g pnpm && pnpm run build
+RUN npm install -g pnpm
+RUN \
+  [ -f pnpm-lock.yaml ] && (pnpm --offline install && pnpm run build) || \
+  (echo "Lockfile not found." && exit 1) 
 
 # Production image, copy all the files and run next
 FROM node:current-alpine AS runner
@@ -52,6 +58,8 @@ COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 
 USER nextjs
 
+ENV PORT=3000
+
 EXPOSE 3000
 
 CMD ["node", "server.js"]

client/data/config.json

@@ -0,0 +1,63 @@
+{
+  "FeConfig": {
+    "show_emptyChat": true,
+    "show_register": false,
+    "show_appStore": false,
+    "show_userDetail": false,
+    "show_git": true,
+    "systemTitle": "FastGPT",
+    "authorText": "Made by FastGPT Team.",
+    "gitLoginKey": "",
+    "scripts": []
+  },
+  "SystemParams": {
+    "gitLoginSecret": "",
+    "vectorMaxProcess": 15,
+    "qaMaxProcess": 15,
+    "pgIvfflatProbe": 20
+  },
+  "ChatModels": [
+    {
+      "model": "gpt-3.5-turbo",
+      "name": "GPT35-4k",
+      "contextMaxToken": 4000,
+      "quoteMaxToken": 2000,
+      "maxTemperature": 1.2,
+      "price": 0,
+      "defaultSystem": ""
+    },
+    {
+      "model": "gpt-3.5-turbo-16k",
+      "name": "GPT35-16k",
+      "contextMaxToken": 16000,
+      "quoteMaxToken": 8000,
+      "maxTemperature": 1.2,
+      "price": 0,
+      "defaultSystem": ""
+    },
+    {
+      "model": "gpt-4",
+      "name": "GPT4-8k",
+      "contextMaxToken": 8000,
+      "quoteMaxToken": 4000,
+      "maxTemperature": 1.2,
+      "price": 0,
+      "defaultSystem": ""
+    }
+  ],
+  "VectorModels": [
+    {
+      "model": "text-embedding-ada-002",
+      "name": "Embedding-2",
+      "price": 0,
+      "defaultToken": 500,
+      "maxToken": 3000
+    }
+  ],
+  "QAModel": {
+    "model": "gpt-3.5-turbo-16k",
+    "name": "GPT35-16k",
+    "maxToken": 16000,
+    "price": 0
+  }
+}

client/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

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

@@ -0,0 +1,40 @@
+/** @type {import('next').NextConfig} */
+const { i18n } = require('./next-i18next.config');
+
+const nextConfig = {
+  i18n,
+  output: 'standalone',
+  reactStrictMode: false,
+  compress: true,
+
+  webpack(config, { isServer }) {
+    if (!isServer) {
+      config.resolve = {
+        ...config.resolve,
+        fallback: {
+          ...config.resolve.fallback,
+          fs: false
+        }
+      };
+    }
+    config.experiments = {
+      asyncWebAssembly: true,
+      layers: true
+    };
+    config.module = {
+      ...config.module,
+      rules: config.module.rules.concat([
+        {
+          test: /\.svg$/i,
+          issuer: /\.[jt]sx?$/,
+          use: ['@svgr/webpack']
+        }
+      ]),
+      exprContextCritical: false
+    };
+
+    return config;
+  }
+};
+
+module.exports = nextConfig;

client/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "fastgpt",
+  "version": "3.7",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@chakra-ui/icons": "^2.0.17",
+    "@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",
+    "@mozilla/readability": "^0.4.4",
+    "@next/font": "13.1.6",
+    "@tanstack/react-query": "^4.24.10",
+    "@types/nprogress": "^0.2.0",
+    "axios": "^1.3.3",
+    "cookie": "^0.5.0",
+    "crypto": "^1.0.1",
+    "date-fns": "^2.30.0",
+    "dayjs": "^1.11.7",
+    "echarts": "^5.4.1",
+    "formidable": "^2.1.1",
+    "framer-motion": "^9.0.6",
+    "hyperdown": "^2.4.29",
+    "i18next": "^22.5.1",
+    "immer": "^9.0.19",
+    "js-cookie": "^3.0.5",
+    "jsdom": "^22.1.0",
+    "jsonwebtoken": "^9.0.0",
+    "lodash": "^4.17.21",
+    "mammoth": "^1.5.1",
+    "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",
+    "nprogress": "^0.2.0",
+    "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-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",
+    "remark-math": "^5.1.1",
+    "request-ip": "^3.3.0",
+    "sass": "^1.58.3",
+    "tunnel": "^0.0.6",
+    "winston": "^3.10.0",
+    "winston-mongodb": "^5.1.1",
+    "zustand": "^4.3.5"
+  },
+  "devDependencies": {
+    "@svgr/webpack": "^6.5.1",
+    "@types/cookie": "^0.5.1",
+    "@types/formidable": "^2.0.5",
+    "@types/js-cookie": "^3.0.3",
+    "@types/jsdom": "^21.1.1",
+    "@types/jsonwebtoken": "^9.0.1",
+    "@types/lodash": "^4.14.191",
+    "@types/node": "18.14.0",
+    "@types/papaparse": "^5.3.7",
+    "@types/pg": "^8.6.6",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "@types/react-syntax-highlighter": "^15.5.6",
+    "@types/request-ip": "^0.0.37",
+    "@types/tunnel": "^0.0.3",
+    "eslint": "8.34.0",
+    "eslint-config-next": "13.1.6",
+    "typescript": "4.9.5"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

client/public/docs/chatProblem.md

@@ -0,0 +1,22 @@
+### 常见问题
+
+- [**Git 地址**，点击查看项目地址](https://github.com/labring/FastGPT)
+- [本地部署 FastGPT](https://doc.fastgpt.run/docs/installation)
+- [API 文档](https://kjqvjse66l.feishu.cn/docx/DmLedTWtUoNGX8xui9ocdUEjnNh?pre_pathname=%2Fdrive%2Fhome%2F)
+- **反馈问卷**: 如果你遇到任何使用问题或有期望的功能，可以[填写该问卷](https://www.wjx.cn/vm/rLIw1uD.aspx#)
+- **问题文档**: [先看文档，再提问](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
+- [点击查看商业版文档](https://fael3z0zfze.feishu.cn/docx/F155dbirfo8vDDx2WgWc6extnwf)
+
+**价格表**
+| 计费项 | 价格: 元/ 1K tokens（包含上下文）|
+| --- | --- |
+| 知识库 - 索引 | 0.002 |
+| FastAI4k - 对话 | 0.015 |
+| FastAI16k - 对话 | 0.03 |
+| FastAI-Plus - 对话 | 0.45 |
+| 文件拆分 | 0.03 |
+
+**其他问题**
+| 交流群 | 小助手 |
+| ----------------------- | -------------------- |
+| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |

client/public/docs/versionIntro.md

@@ -0,0 +1,7 @@
+### Fast GPT V4.2.2
+
+1. **新增 - 用户反馈和管理员标注预期答案，以不断提高模型回复准确率。** 该功能为测试版，未来交互可能会有变化，欢迎大家提出宝贵意见。
+2. 优化 - 知识库搜索提示词，更适配问答场景。
+3. 新增 - 好友邀请链接，[点击查看](/account?currentTab=promotion)
+4. 优化 - [使用文档](https://doc.fastgpt.run/docs/intro/)
+5. [点击查看高级编排介绍文档](https://doc.fastgpt.run/docs/workflow)

client/public/icon/logo.svg

@@ -0,0 +1,14 @@
+<svg width="32" height="32" viewBox="0 0 1041 1348" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M340.837 0.33933L681.068 0.338989V0.455643C684.032 0.378397 686.999 0.339702 689.967 0.339702C735.961 0.3397 781.504 9.62899 823.997 27.6772C866.49 45.7254 905.099 72.1791 937.622 105.528C970.144 138.877 995.942 178.467 1013.54 222.04C1031.14 265.612 1040.2 312.312 1040.2 359.474L340.836 359.474L340.836 1347.84C296.157 1347.84 251.914 1338.55 210.636 1320.49C169.357 1302.43 131.85 1275.95 100.257 1242.58C68.6636 1209.21 43.6023 1169.59 26.5041 1125.99C11.3834 1087.43 2.75216 1046.42 0.957956 1004.81H0.605869L0.605897 368.098H0.70363C0.105752 341.831 2.23741 315.443 7.14306 289.411C20.2709 219.745 52.6748 155.754 100.257 105.528C147.839 55.3017 208.462 21.0975 274.461 7.24017C296.426 2.62833 318.657 0.339101 340.837 0.33933Z" fill="url(#paint0_linear_1172_228)"/>
+<path d="M633.639 904.645H513.029V576.37H635.422V576.377C678.161 576.607 720.454 585.093 759.951 601.37C799.997 617.874 836.384 642.064 867.033 672.559C897.683 703.054 921.996 739.257 938.583 779.101C955.171 818.944 963.709 861.648 963.709 904.775H633.639V904.645Z" fill="url(#paint1_linear_1172_228)"/>
+<defs>
+<linearGradient id="paint0_linear_1172_228" x1="520.404" y1="0.338989" x2="520.404" y2="1347.84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#326DFF"/>
+<stop offset="1" stop-color="#8EAEFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1172_228" x1="738.369" y1="576.37" x2="738.369" y2="904.775" gradientUnits="userSpaceOnUse">
+<stop stop-color="#326DFF"/>
+<stop offset="1" stop-color="#8EAEFF"/>
+</linearGradient>
+</defs>
+</svg>

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/imgs/files/url.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="1692418843591" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4084" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M511.5 82c-236.6 0-429 192.4-429 429 0 236.5 192.5 429 429 429 236.6 0 429-192.4 429-429 0-236.5-192.4-429-429-429z m377.6 403.8H734.3c-4-139.9-41.4-259.9-97.5-331.9C776.5 203 879 332 889.1 485.8z m-402.8-349v349h-147c5.5-175.5 68.6-322.6 147-349z m0 399.4v349c-78.4-26.4-141.4-173.5-147-349h147z m50.5 349v-349h147c-5.6 175.5-68.6 322.6-147 349z m0-399.4v-349c78.4 26.4 141.4 173.5 147 349h-147zM386.3 153.9c-56.1 72-93.5 192-97.5 331.9H133.9C144.1 332 246.5 203 386.3 153.9zM133.9 536.2h154.8c4 139.9 41.4 259.9 97.5 331.9C246.5 819 144.1 690 133.9 536.2z m502.8 331.9c56.1-72 93.5-192 97.5-331.9H889C879 690 776.5 819 636.7 868.1z" fill="#5F9BEB" p-id="4085"></path></svg>

client/public/imgs/home/icon_1.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="1691391466028" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4715" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M511.957333 21.333333C241.024 21.333333 21.333333 240.981333 21.333333 512c0 216.832 140.544 400.725333 335.573334 465.664 24.490667 4.394667 32.256-10.069333 32.256-23.082667 0-11.690667 0.256-44.245333 0-85.205333-136.448 29.610667-164.736-64.64-164.736-64.64-22.314667-56.704-54.4-71.765333-54.4-71.765333-44.586667-30.464 3.285333-29.824 3.285333-29.824 49.194667 3.413333 75.178667 50.517333 75.178667 50.517333 43.776 75.008 114.816 53.333333 142.762666 40.789333 4.522667-31.658667 17.152-53.376 31.189334-65.536-108.970667-12.458667-223.488-54.485333-223.488-242.602666 0-53.546667 19.114667-97.322667 50.517333-131.669334-5.034667-12.330667-21.930667-62.293333 4.778667-129.834666 0 0 41.258667-13.184 134.912 50.346666a469.802667 469.802667 0 0 1 122.88-16.554666c41.642667 0.213333 83.626667 5.632 122.88 16.554666 93.653333-63.488 134.784-50.346667 134.784-50.346666 26.752 67.541333 9.898667 117.504 4.864 129.834666 31.402667 34.346667 50.474667 78.122667 50.474666 131.669334 0 188.586667-114.730667 230.016-224.042666 242.090666 17.578667 15.232 33.578667 44.672 33.578666 90.453334v135.850666c0 13.141333 7.936 27.605333 32.853334 22.869334C862.250667 912.597333 1002.666667 728.746667 1002.666667 512 1002.666667 240.981333 783.018667 21.333333 511.957333 21.333333z" p-id="4716"></path></svg>

client/public/imgs/home/icon_2.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" fill="#4e83fd"></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" fill="#4e83fd"></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" fill="#4e83fd"></path></svg>

client/public/imgs/home/icon_3.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="1691459708057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5077" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M934.423357 388.738675H636.152113v99.05297h-64.657602L413.227927 382.546649v-64.511269h32.679284c69.808926 0 126.410038-56.601112 126.410038-126.410038 0-69.807902-56.602136-126.409015-126.410038-126.409015H330.962296c-69.808926 0-126.410038 56.602136-126.410038 126.409015 0 69.809949 56.602136 126.410038 126.410038 126.410038h32.702819v64.536852L166.551782 513.623987l197.114356 131.054825v61.440327h-32.702819c-69.808926 0-126.410038 56.601112-126.410038 126.410038 0 69.807902 56.602136 126.410038 126.410038 126.410038h114.944915c60.205197 0 110.372783-42.185798 123.096573-98.54541h240.532215V636.430964h124.887358V388.738675zM759.973186 810.856575h-189.833533c-10.328229-59.431577-61.84965-104.737436-124.232442-104.737436h-32.679284v-61.414745l161.435763-107.349936h61.488423v99.075483h123.821073v174.426634z"  p-id="5078" fill="#FC9663"></path></svg>

client/public/imgs/home/icon_4.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="1691460113549" class="icon" viewBox="0 0 1443 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2328" xmlns:xlink="http://www.w3.org/1999/xlink" width="90.1875" height="64"><path d="M1200.165345 1023.218368H349.208974c-192.401638 0-349.208974-215.369584-349.208974-406.207959a348.006463 348.006463 0 0 1 349.208974-346.022321 322.33287 322.33287 0 0 1 38.780955 2.344895C470.963136 141.056856 617.248506 0.002405 774.777348 0.002405a454.368494 454.368494 0 0 1 454.669122 423.403856c120.251024 14.309872 213.625944 168.952689 213.625944 359.189808a242.005186 242.005186 0 0 1-242.907069 240.622299zM349.148848 330.57247A288.061328 288.061328 0 0 0 60.125512 617.010409c0 158.009846 129.690729 346.623577 289.083462 346.623577h850.956371A182.120176 182.120176 0 0 0 1382.886776 782.596069c0-156.867461-81.951073-301.349066-182.661305-301.349066a30.062756 30.062756 0 0 1-30.062756-30.062756A394.062606 394.062606 0 0 0 774.717222 59.28616c-142.67784 0-274.893841 136.965916-344.940062 260.70422a29.581752 29.581752 0 0 1-31.265266 14.73075 297.080155 297.080155 0 0 0-49.30292-4.14866z m881.079253 120.912405zM300.62756 783.497952H240.502048v-240.502048h60.125512v60.125512h60.125512v-60.125512h60.125512v240.502048H360.753072v-120.251024H300.62756v120.251024z m180.376536-180.376536v-60.125512h180.376536v60.125512h-60.125512v180.376536H541.129608v-180.376536H481.004096z m240.502048 0v-60.125512h180.376536v60.125512h-60.125512v180.376536h-60.125512v-180.376536h-60.125512z m300.62756 180.376536h-60.125512v-240.502048h60.125512c71.368983-0.962008 127.225583-24.050205 126.263575 30.062756-1.863891 50.264928-7.936568 147.548006-66.138063 150.31378h-60.125512v60.125512z m0-180.376536v60.125512a35.293676 35.293676 0 0 0 12.025103 6.012551q56.39773 5.471422 54.954717-36.075307 0-37.818947-54.954717-36.075307a35.293676 35.293676 0 0 0-12.025103 6.012551z" fill="#7839ee" p-id="2329"></path></svg>

client/public/imgs/home/icon_5.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="1686561811905" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2855" xmlns:xlink="http://www.w3.org/1999/xlink" ><path d="M992 528c0 273.9-222.1 496-496 496S0 801.9 0 528 222.1 32 496 32c86.2 0 167.3 22 238 60.7 2.3 1.3 2.8 4.4 0.9 6.3l-37 37.3-4.2 4.3c-1.2 1.2-3.1 1.5-4.6 0.8-8.2-4.1-16.5-7.9-24.9-11.5C610.9 107.4 554.3 96 496 96s-114.9 11.4-168.1 33.9c-51.4 21.8-97.7 52.9-137.3 92.6-39.7 39.7-70.9 85.9-92.6 137.3C75.4 413.1 64 469.6 64 528c0 58.3 11.4 114.9 33.9 168.1 21.8 51.4 52.9 97.6 92.6 137.3 39.7 39.7 85.9 70.9 137.3 92.6 53.3 22.6 109.9 34 168.2 34s114.9-11.4 168.1-33.9c51.4-21.8 97.7-52.9 137.3-92.6 39.7-39.7 70.9-85.9 92.6-137.3 22.6-53.3 34-109.9 34-168.2 0-58.4-11.4-114.9-33.9-168.1-3.6-8.5-7.4-16.8-11.5-25-0.8-1.5-0.5-3.4 0.8-4.6l4.3-4.2 37.3-37c1.9-1.9 5-1.4 6.3 0.9C970 360.6 992 441.7 992 528z" p-id="2856" fill="#6CD3CC"></path><path d="M781.4 397c-3.7-8-11.7-13.1-20.6-13.1H740c-6 0-11.8 2.4-16 6.6-7 7-8.6 17.6-4.1 26.4 2.6 5.1 5 10.3 7.3 15.7 13.2 31.2 19.9 64.3 19.9 98.5s-6.7 67.3-19.9 98.5c-12.7 30.1-31 57.2-54.2 80.4-23.3 23.3-50.3 41.5-80.4 54.2-31.3 13.1-64.4 19.8-98.6 19.8s-67.3-6.7-98.5-19.9c-30.1-12.7-57.2-31-80.4-54.2-23.3-23.3-41.5-50.3-54.2-80.4-13.2-31.2-19.9-64.3-19.9-98.5s6.7-67.3 19.9-98.5c12.7-30.1 31-57.2 54.2-80.4 23.3-23.3 50.3-41.5 80.4-54.2 31.2-13.2 64.3-19.9 98.5-19.9s67.3 6.7 98.5 19.9c4.9 2.1 9.8 4.3 14.6 6.7 8.8 4.4 19.4 2.6 26.3-4.4 4.3-4.3 6.7-10.1 6.7-16.2v-20.2c0-9-5.2-17.1-13.4-20.8-40.4-18.6-85.3-29-132.6-29-175.5 0-318 143.4-317 318.9C178 707.1 319.6 848 494 848c174.8 0 316.6-141.3 317-316.2 0.1-48.2-10.5-93.9-29.6-134.8z" p-id="2857" fill="#6CD3CC"></path><path d="M634.5 488.5c-0.8-2.9-4.5-3.9-6.7-1.7l-34.7 34.7-1.8 1.8c-9 9-15.7 20.1-20.1 32.1-11.5 31.6-42.4 54-78.3 52.7-41.6-1.6-75.3-35.3-76.9-76.9-1.4-35.9 21-66.8 52.7-78.3 12-4.4 23-11.1 32.1-20.1l1.8-1.8 34.7-34.7c2.2-2.2 1.2-5.8-1.7-6.7-12.9-3.7-26.5-5.6-40.6-5.5-79.4 0.5-143 64.5-143 143.9 0 79.5 64.5 144 144 144 79.4 0 143.4-63.6 144-142.9 0.1-14.1-1.8-27.8-5.5-40.6z" p-id="2858" fill="#6CD3CC"></path><path d="M1014.3 146H882c-2.2 0-4-1.8-4-4V9.8c0-2.4-2-4-4-4-1 0-2 0.4-2.8 1.2L766.8 112.4l-46.1 46.5-44 44.4c-3 3-4.6 7-4.6 11.3v85.5c0 4.3-1.7 8.3-4.7 11.3l-94.7 94.7-47.4 47.4-51.8 51.9c-12.5 12.5-12.5 32.8 0 45.3 6.3 6.3 14.4 9.4 22.6 9.4s16.4-3.1 22.6-9.4l51.8-51.9 123.2-123.2 19-19c3-3 7.1-4.7 11.3-4.7h85.5c4.2 0 8.3-1.7 11.3-4.6l44.3-43.9 46.5-46.1L1017 152.9c2.6-2.6 0.8-6.9-2.7-6.9zM864 214.3l-44 43.5-25.6 25.4c-3 3-7 4.6-11.3 4.6H744c-4.4 0-8-3.6-8-8v-39c0-4.2 1.7-8.3 4.6-11.3l25.5-25.7 43.5-43.9 1.6-1.6c1.6-1.7 4.5-0.7 4.8 1.6 4.8 25.8 23.5 41.6 48.6 47.7 2.1 0.5 2.9 3.2 1.3 4.7l-1.9 2z" p-id="2859" fill="#6CD3CC"></path></svg>

client/public/imgs/home/icon_6.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="1691460052375" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7219" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M950.676002 419.057175a255.346807 255.346807 0 0 0-22.014863-209.48251 257.949339 257.949339 0 0 0-277.74565-123.72694A258.759964 258.759964 0 0 0 212.538139 178.386943a255.346807 255.346807 0 0 0-170.572521 123.726941 257.949339 257.949339 0 0 0 31.699696 302.789689 255.133485 255.133485 0 0 0 21.758876 209.525175 258.162662 258.162662 0 0 0 277.958972 123.726941A255.346807 255.346807 0 0 0 565.757223 1023.996587a258.375984 258.375984 0 0 0 246.259276-179.446729 255.560129 255.560129 0 0 0 170.529856-123.726941 258.375984 258.375984 0 0 0-31.870353-301.765742zM565.757223 957.013381a190.966133 190.966133 0 0 1-122.702994-44.371041l6.015689-3.455821 203.893466-117.668587a33.918248 33.918248 0 0 0 16.724469-29.054499v-287.430483l86.182214 49.832092a3.029177 3.029177 0 0 1 1.621249 2.218552v238.195693a192.160738 192.160738 0 0 1-191.734093 191.734094zM153.618516 780.979809a190.710147 190.710147 0 0 1-22.825487-128.590689l6.058354 3.626479 204.064123 117.711252a32.8943 32.8943 0 0 0 33.278281 0l249.288453-143.736574v99.493526a3.413157 3.413157 0 0 1-1.407927 2.645197L415.578315 851.205514a191.990081 191.990081 0 0 1-261.959799-70.225705zM99.861294 336.928085a191.350114 191.350114 0 0 1 100.944118-84.176984V494.957254a32.680978 32.680978 0 0 0 16.553811 28.841176l248.093849 143.139272-86.182214 49.832092a3.242499 3.242499 0 0 1-3.029177 0l-206.069353-118.863193A192.160738 192.160738 0 0 1 99.861294 335.904138z m708.102081 164.471503l-248.861809-144.504534L645.070458 307.23362a3.242499 3.242499 0 0 1 3.029177 0l206.069353 119.076514a191.734094 191.734094 0 0 1-28.841177 345.795467v-242.248817a33.704925 33.704925 0 0 0-17.364436-28.457196z m85.75557-128.97467l-6.01569-3.626479-203.680143-118.692534a33.107623 33.107623 0 0 0-33.491603 0L401.456378 393.842478V294.306288a2.815855 2.815855 0 0 1 1.194605-2.602533l206.069353-118.905856a191.990081 191.990081 0 0 1 284.998609 198.816394z m-539.278804 176.417552l-86.182214-49.661434a3.413157 3.413157 0 0 1-1.62125-2.431875V259.236099a191.990081 191.990081 0 0 1 314.65041-147.320388l-6.058354 3.413157-203.850801 117.668587a33.918248 33.918248 0 0 0-16.767134 29.054499z m46.802915-100.901454l111.012931-63.996693 111.226253 63.996693v127.950723l-110.799609 63.996693-111.226253-63.996693z" p-id="7220"></path></svg>

client/public/js/iframe.js

@@ -0,0 +1,89 @@
+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; transition: 0;';
+
+  const ChatBtnDiv = document.createElement('div');
+  ChatBtnDiv.innerHTML = MessageIcon;
+
+  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);
+
+  let chatBtnDragged = false;
+  let chatBtnDown = false;
+  let chatBtnMouseX;
+  let chatBtnMouseY;
+  ChatBtn.addEventListener('click', function () {
+    if (chatBtnDragged) {
+      chatBtnDragged = false;
+      return;
+    }
+    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;
+    }
+  });
+
+  ChatBtn.addEventListener('mousedown', (e) => {
+    if (!chatBtnMouseX && !chatBtnMouseY) {
+      chatBtnMouseX = e.clientX;
+      chatBtnMouseY = e.clientY;
+    }
+
+    chatBtnDown = true;
+  });
+  ChatBtn.addEventListener('mousemove', (e) => {
+    if (!chatBtnDown) return;
+    chatBtnDragged = true;
+    const transformX = e.clientX - chatBtnMouseX;
+    const transformY = e.clientY - chatBtnMouseY;
+
+    ChatBtn.style.transform = `translate3d(${transformX}px, ${transformY}px, 0)`;
+
+    e.stopPropagation();
+  });
+  ChatBtn.addEventListener('mouseup', (e) => {
+    chatBtnDown = false;
+  });
+  ChatBtn.addEventListener('mouseleave', (e) => {
+    chatBtnDown = false;
+  });
+
+  ChatBtn.appendChild(ChatBtnDiv);
+  document.body.appendChild(ChatBtn);
+}
+document.body.onload = embedChatbot;

client/public/locales/en/common.json

@@ -0,0 +1,191 @@
+{
+  "App": "App",
+  "Cancel": "No",
+  "Confirm": "Yes",
+  "Running": "Running",
+  "Select value is empty": "Select value is empty",
+  "UnKnow": "UnKnow",
+  "Warning": "Warning",
+  "app": {
+    "Advance App TestTip": "The current application is advanced editing mode \n. If you need to switch to [simple mode], please click the save button on the left",
+    "App Detail": "App Detail",
+    "Chat Logs Tips": "Logs record the app's online, shared, and API conversations",
+    "Chat logs": "Chat Logs",
+    "Confirm Del App Tip": "Confirm to delete the app and all its chats",
+    "Confirm Save App Tip": "The application may be in advanced orchestration mode, and the advanced orchestration configuration will be overwritten after saving, please confirm!",
+    "Connection is invalid": "Connecting is invalid",
+    "Connection type is different": "Connection type is different",
+    "Copy Module Config": "Copy config",
+    "Export Config Successful": "The configuration has been copied. Please check for important data",
+    "Export Configs": "Export Configs",
+    "Feedback Count": "User Feedback",
+    "Import Config": "Import Config",
+    "Import Config Failed": "Failed to import the configuration, please ensure that the configuration is normal!",
+    "Import Configs": "Import Configs",
+    "Input Field Settings": "Input Field Settings",
+    "Logs Empty": "Logs is empty",
+    "Logs Message Total": "Message Count",
+    "Logs Source": "Source",
+    "Logs Time": "Time",
+    "Logs Title": "Title",
+    "Mark Count": "Mark Count",
+    "My Apps": "My Apps",
+    "Output Field Settings": "Output Field Settings",
+    "Paste Config": "Paste Config"
+  },
+  "chat": {
+    "Admin Mark Content": "Corrected response",
+    "Complete Response": "Complete Response",
+    "Confirm to clear history": "Confirm to clear history?",
+    "Exit Chat": "Exit",
+    "Feedback Failed": "Feedback Failed",
+    "Feedback Mark": "Mark",
+    "Feedback Modal": "Feedback",
+    "Feedback Modal Tip": "Enter what you find unsatisfactory",
+    "Feedback Close": "Close Feedback",
+    "Feedback Submit": "Submit",
+    "Feedback Success": "Feedback Success",
+    "Feedback Update Failed": "Feedback Update Failed",
+    "History": "History",
+    "Mark": "Mark",
+    "Mark Description": "The annotation feature is currently in beta. \n\n After clicking Add annotation, you need to select a knowledge base in order to store annotation data. You can use this feature to quickly annotate questions and expected answers to guide the model to the next answer. At present, the annotation function, like other data in the knowledge base, is affected by the model, which does not mean that the annotation meets 100% expectations. The \n\n annotation data is only unidirectional synchronization with the knowledge base. If the knowledge base modifies the annotation data, the annotation data displayed in the log cannot be synchronized",
+    "Mark Description Title": "Mark Description",
+    "New Chat": "New Chat",
+    "Read Mark Description": "Read mark description",
+    "Read User Feedback": "Read user feedback",
+    "Select Mark Kb": "Select Dataset",
+    "Select Mark Kb Desc": "Select a dataset to store the expected answers",
+    "You need to a chat app": "You need to a chat app",
+    "logs": {
+      "api": "API",
+      "online": "Online Chat",
+      "share": "Share",
+      "test": "Test Chat "
+    }
+  },
+  "commom": {
+    "Password inconsistency": "Password inconsistency"
+  },
+  "common": {
+    "Add": "Add",
+    "Cancel": "Cancel",
+    "Collect": "Collect",
+    "Copy": "Copy",
+    "Copy Successful": "Copy Successful",
+    "Course": "",
+    "Delete": "Delete",
+    "Filed is repeat": "Filed is repeated",
+    "Filed is repeated": "",
+    "Input": "Input",
+    "Output": "Output",
+    "export": ""
+  },
+  "dataset": {
+    "Confirm to delete the data": "Confirm to delete the data?",
+    "Queue Desc": "This data refers to the current amount of training for the entire system. FastGPT uses queued training, and if you have too much data to train, you may need to wait for a while",
+    "System Data Queue": "Data Queue"
+  },
+  "file": {
+    "Click to download CSV template": "Click to download CSV template",
+    "Create File": "Create File",
+    "Create file": "Create file",
+    "Drag and drop": "Drag and drop files here",
+    "Fetch Url": "Fetch Url",
+    "If the imported file is garbled, please convert CSV to UTF-8 encoding format": "If the imported file is garbled, please convert CSV to UTF-8 encoding format",
+    "Release the mouse to upload the file": "Release the mouse to upload the file",
+    "Select a maximum of 10 files": "Select a maximum of 10 files",
+    "max 10": "Max 10 files",
+    "select a document": "select a document",
+    "support": "support {{fileExtension}} file",
+    "upload error description": "Only upload multiple files or one folder at a time"
+  },
+  "home": {
+    "AI Assistant": "AI Assistant",
+    "AI Assistant Desc": "",
+    "Advanced Settings": "",
+    "Advanced Settings Desc": "",
+    "Choice Debug": "Convenient Debugging",
+    "Choice Debug Desc": "Search testing, reference modification, full conversation preview and many other debugging ways",
+    "Choice Desc": "FastGPT follows the Apache License 2.0 open source protocol",
+    "Choice Extension": "Infinite Extension",
+    "Choice Extension Desc": "HTTP based extension, easy to achieve custom functions",
+    "Choice Models": "Multiple Models",
+    "Choice Models Desc": "",
+    "Choice Open": "Open",
+    "Choice Open Desc": "",
+    "Choice QA": "QA Struceture",
+    "Choice QA Desc": "The index is constructed with the structure of QA pairs, and ADAPTS to various scenarios such as Q&A and reading",
+    "Choice Visual": "Visual workflow",
+    "Choice Visual Desc": "Visualize modular operations, easily implement complex workflows, and make your AI no longer monolithic",
+    "Community": "Community",
+    "Dateset": "",
+    "Dateset Desc": "",
+    "Docs": "Docs",
+    "FastGPT Ability": "FastGPT Ability",
+    "FastGPT Desc": "FastGPT is a knowledgebase question answering system based on LLM large language model, which provides out-of-the-box data processing, model invocation and other capabilities. At the same time, workflow orchestration can be performed through Flow visualization to achieve complex Q&A scenarios!",
+    "Features": "Features",
+    "Footer Developer": "Developer",
+    "Footer Docs": "Docs",
+    "Footer FastGPT Cloud": "FastGPT Cloud",
+    "Footer Feedback": "Feedback",
+    "Footer Git": "Code",
+    "Footer Product": "Product",
+    "Footer Support": "Support",
+    "Login": "Login",
+    "Open": "",
+    "OpenAPI": "OpenAPI",
+    "OpenAPI Desc": "",
+    "Quickly build AI question and answer library": "Quickly build AI question and answer library",
+    "Start Now": "Start Now",
+    "Visual AI orchestration": "Visual AI orchestration",
+    "Why FastGPT": "",
+    "desc": "AI knowledge base question and answer platform based on LLM large model",
+    "slogan": "Let the AI know more about you"
+  },
+  "navbar": {
+    "Account": "Account",
+    "Apps": "Apps",
+    "Chat": "Chat",
+    "Datasets": "DataSets",
+    "Store": "Store",
+    "Tools": "Tools"
+  },
+  "user": {
+    "Account": "Account",
+    "Amount of earnings": "Earnings",
+    "Amount of inviter": "Inviter",
+    "Application Name": "Application Name",
+    "Avatar": "Avatar",
+    "Balance": "Balance",
+    "Bill Detail": "Bill Detail",
+    "Change": "Change",
+    "Copy invite url": "Copy invitation link",
+    "Invite Url": "Invite Url",
+    "Invite url tip": "Friends who register through this link will be permanently bound to you, and you will get a certain balance reward when they recharge. In addition, when friends register with their mobile phone number, you will get 5 yuan reward immediately.",
+    "Notice": "Notice",
+    "Old password is error": "Old password is error",
+    "OpenAI Account Setting": "OpenAI Account Setting",
+    "Password": "Password",
+    "Pay": "Pay",
+    "Personal Information": "Personal",
+    "Promotion": "Promotion",
+    "Promotion Rate": "Promotion Rate",
+    "Promotion Record": "Promotion",
+    "Promotion rate tip": "You will be rewarded with a percentage of the balance when your friends top up",
+    "Recharge Record": "Recharge",
+    "Replace": "Replace",
+    "Set OpenAI Account Failed": "Set OpenAI account failed",
+    "Sign Out": "Sign Out",
+    "Source": "Source",
+    "Time": "Time",
+    "Total Amount": "Total Amount",
+    "Update Password": "Update Password",
+    "Update password failed": "Update password failed",
+    "Update password succseful": "Update password succseful",
+    "Usage Record": "Usage",
+    "promotion": {
+      "pay": "",
+      "register": ""
+    }
+  }
+}

client/public/locales/zh/common.json

@@ -0,0 +1,191 @@
+{
+  "App": "应用",
+  "Cancel": "取消",
+  "Confirm": "确认",
+  "Running": "运行中",
+  "Select value is empty": "选择的内容为空",
+  "UnKnow": "未知",
+  "Warning": "提示",
+  "app": {
+    "Advance App TestTip": "当前应用为高级编排模式\n如需切换为【简易模式】请点击左侧保存按键",
+    "App Detail": "应用详情",
+    "Chat Logs Tips": "日志会记录该应用的在线、分享和 API 对话记录",
+    "Chat logs": "对话日志",
+    "Confirm Del App Tip": "确认删除该应用及其所有聊天记录？",
+    "Confirm Save App Tip": "该应用可能为高级编排模式，保存后将会覆盖高级编排配置，请确认！",
+    "Connection is invalid": "连接无效",
+    "Connection type is different": "连接的类型不一致",
+    "Copy Module Config": "复制配置",
+    "Export Config Successful": "已复制配置，请注意检查是否有重要数据",
+    "Export Configs": "导出配置",
+    "Feedback Count": "用户反馈",
+    "Import Config": "导入配置",
+    "Import Config Failed": "导入配置失败，请确保配置正常！",
+    "Import Configs": "导入配置",
+    "Input Field Settings": "输入字段编辑",
+    "Logs Empty": "还没有日志噢~",
+    "Logs Message Total": "消息总数",
+    "Logs Source": "来源",
+    "Logs Time": "时间",
+    "Logs Title": "标题",
+    "Mark Count": "标注答案数量",
+    "My Apps": "我的应用",
+    "Output Field Settings": "输出字段编辑",
+    "Paste Config": "粘贴配置"
+  },
+  "chat": {
+    "Admin Mark Content": "纠正后的回复",
+    "Complete Response": "完整响应",
+    "Confirm to clear history": "确认清空该应用的聊天记录？",
+    "Exit Chat": "退出聊天",
+    "Feedback Failed": "提交反馈异常",
+    "Feedback Mark": "标注",
+    "Feedback Modal": "结果反馈",
+    "Feedback Modal Tip": "输入你觉得回答不满意的地方",
+    "Feedback Close": "关闭反馈",
+    "Feedback Submit": "提交反馈",
+    "Feedback Success": "反馈成功!",
+    "Feedback Update Failed": "更新反馈状态失败",
+    "History": "记录",
+    "Mark": "标注预期回答",
+    "Mark Description": "当前标注功能为测试版。\n\n点击添加标注后，需要选择一个知识库，以便存储标注数据。你可以通过该功能快速的标注问题和预期回答，以便引导模型下次的回答。\n\n目前，标注功能同知识库其他数据一样，受模型的影响，不代表标注后 100% 符合预期。\n\n标注数据仅单向与知识库同步，如果知识库修改了该标注数据，日志展示的标注数据无法同步",
+    "Mark Description Title": "标注功能介绍",
+    "New Chat": "新对话",
+    "Read Mark Description": "查看标注功能介绍",
+    "Read User Feedback": "查看用户反馈",
+    "Select Mark Kb": "选择知识库",
+    "Select Mark Kb Desc": "选择一个知识库存储预期答案",
+    "You need to a chat app": "你需要创建一个应用",
+    "logs": {
+      "api": "API 调用",
+      "online": "在线使用",
+      "share": "外部链接调用",
+      "test": "测试"
+    }
+  },
+  "commom": {
+    "Password inconsistency": "两次密码不一致"
+  },
+  "common": {
+    "Add": "添加",
+    "Cancel": "取消",
+    "Collect": "收藏",
+    "Copy": "复制",
+    "Copy Successful": "复制成功",
+    "Course": "",
+    "Delete": "删除",
+    "Filed is repeat": "",
+    "Filed is repeated": "字段重复了",
+    "Input": "输入",
+    "Output": "输出",
+    "export": ""
+  },
+  "dataset": {
+    "Confirm to delete the data": "确认删除该数据？",
+    "Queue Desc": "该数据是指整个系统当前待训练的数量。FastGPT 采用排队训练的方式，如果待训练的数据过多，可能需要等待一段时间",
+    "System Data Queue": "排队长度"
+  },
+  "file": {
+    "Click to download CSV template": "点击下载 CSV 模板",
+    "Create File": "创建新文件",
+    "Create file": "创建文件",
+    "Drag and drop": "拖拽文件至此",
+    "Fetch Url": "链接读取",
+    "If the imported file is garbled, please convert CSV to UTF-8 encoding format": "如果导入文件乱码，请将 CSV 转成 UTF-8 编码格式",
+    "Release the mouse to upload the file": "松开鼠标上传文件",
+    "Select a maximum of 10 files": "最多选择10个文件",
+    "max 10": "最多选择 10 个文件",
+    "select a document": "选择文件",
+    "support": "支持 {{fileExtension}} 文件",
+    "upload error description": "单次只支持上传多个文件或者一个文件夹"
+  },
+  "home": {
+    "AI Assistant": "AI 客服",
+    "AI Assistant Desc": "无论对内还是对外，AI 将 24 小时为您的用户提供服务",
+    "Advanced Settings": "高级编排",
+    "Advanced Settings Desc": "基于 Flow 的流程编排模式，让你的 AI 轻松实现数据库查询、IO 操作、联网通信等扩展能力",
+    "Choice Debug": "调试便捷",
+    "Choice Debug Desc": "拥有搜索测试、引用修改、完整对话预览等多种调试途径",
+    "Choice Desc": "",
+    "Choice Extension": "无限扩展",
+    "Choice Extension Desc": "基于 HTTP 实现扩展，轻松实现定制功能",
+    "Choice Models": "支持多种模型",
+    "Choice Models Desc": "支持 GPT、Claude、文心一言等多模型",
+    "Choice Open": "更开放",
+    "Choice Open Desc": "FastGPT 遵循 Apache License 2.0 开源协议",
+    "Choice QA": "独特的 QA 结构",
+    "Choice QA Desc": "采用 QA 对的结构构建索引，适应问答、阅读等多种场景",
+    "Choice Visual": "可视化工作流",
+    "Choice Visual Desc": "可视化模块操作，轻松实现复杂工作流，让你的 AI 不再单一",
+    "Community": "社区",
+    "Dateset": "自动数据预处理",
+    "Dateset Desc": "提供手动输入、直接分段、LLM 自动处理和 CSV 等多种数据导入途径",
+    "Docs": "文档",
+    "FastGPT Ability": "FastGPT 能力",
+    "FastGPT Desc": "FastGPT 是一个基于 LLM 大语言模型的知识库问答系统，提供开箱即用的数据处理、模型调用等能力。同时可以通过 Flow 可视化进行工作流编排，从而实现复杂的问答场景！",
+    "Features": "特点",
+    "Footer Developer": "开发者",
+    "Footer Docs": "文档",
+    "Footer FastGPT Cloud": "FastGPT 线上服务",
+    "Footer Feedback": "反馈",
+    "Footer Git": "源码",
+    "Footer Product": "产品",
+    "Footer Support": "支持",
+    "Login": "登录",
+    "Open": "",
+    "OpenAPI": "OpenAPI",
+    "OpenAPI Desc": "与 GPT API 一致的对外接口，助你轻松接入已有应用",
+    "Quickly build AI question and answer library": "快速搭建 AI 问答系统",
+    "Start Now": "立即开始",
+    "Visual AI orchestration": "可视化 AI 编排",
+    "Why FastGPT": "为什么选择 FastGPT",
+    "desc": "基于 LLM 大模型的 AI 知识库问答平台",
+    "slogan": "让 AI 更懂你的知识"
+  },
+  "navbar": {
+    "Account": "账号",
+    "Apps": "应用",
+    "Chat": "聊天",
+    "Datasets": "知识库",
+    "Store": "应用市场",
+    "Tools": "工具"
+  },
+  "user": {
+    "Account": "账号",
+    "Amount of earnings": "收益（￥）",
+    "Amount of inviter": "累计邀请人数",
+    "Application Name": "应用名",
+    "Avatar": "头像",
+    "Balance": "余额",
+    "Bill Detail": "账单详情",
+    "Change": "变更",
+    "Copy invite url": "复制邀请链接",
+    "Invite Url": "邀请链接",
+    "Invite url tip": "通过该链接注册的好友将永久与你绑定，其充值时你会获得一定余额奖励。\n此外，好友使用手机号注册时，你将立即获得 5 元奖励。",
+    "Notice": "通知",
+    "Old password is error": "旧密码错误",
+    "OpenAI Account Setting": "OpenAI 账号配置",
+    "Password": "密码",
+    "Pay": "充值",
+    "Personal Information": "个人信息",
+    "Promotion": "",
+    "Promotion Rate": "返现比例",
+    "Promotion Record": "推广记录",
+    "Promotion rate tip": "好友充值时你将获得一定比例的余额奖励",
+    "Recharge Record": "充值记录",
+    "Replace": "更换",
+    "Set OpenAI Account Failed": "设置 OpenAI 账号异常",
+    "Sign Out": "登出",
+    "Source": "来源",
+    "Time": "时间",
+    "Total Amount": "总金额",
+    "Update Password": "修改密码",
+    "Update password failed": "修改密码异常",
+    "Update password succseful": "修改密码成功",
+    "Usage Record": "使用记录",
+    "promotion": {
+      "pay": "好友充值",
+      "register": "好友注册"
+    }
+  }
+}

client/src/api/app.ts

@@ -0,0 +1,56 @@
+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));
+
+export const getAppChatLogs = (data: RequestPaging & { appId: string }) =>
+  POST(`/app/getChatLogs`, data);

client/src/api/chat.ts

@@ -0,0 +1,73 @@
+import { GET, POST, DELETE, PUT } from './request';
+import type { ChatHistoryItemType } from '@/types/chat';
+import type { InitChatResponse, InitShareChatResponse } from './response/chat';
+import { RequestPaging } from '../types/index';
+import type { OutLinkSchema } from '@/types/mongoSchema';
+import type { ShareChatEditType } from '@/types/app';
+import type { Props as UpdateHistoryProps } from '@/pages/api/chat/history/updateChatHistory';
+import { AdminUpdateFeedbackParams } from './request/chat';
+
+/**
+ * 获取初始化聊天内容
+ */
+export const getInitChatSiteInfo = (data: { appId: string; chatId?: string }) =>
+  GET<InitChatResponse>(`/chat/init`, data);
+
+/**
+ * 获取历史记录
+ */
+export const getChatHistory = (data: RequestPaging & { appId?: string }) =>
+  POST<ChatHistoryItemType[]>('/chat/history/getHistory', data);
+
+/**
+ * 删除一条历史记录
+ */
+export const delChatHistoryById = (chatId: string) => DELETE(`/chat/removeHistory`, { chatId });
+/**
+ * clear all history by appid
+ */
+export const clearChatHistoryByAppId = (appId: string) => DELETE(`/chat/removeHistory`, { appId });
+
+/**
+ * 删除一句对话
+ */
+export const delChatRecordById = (data: { chatId: string; contentId: string }) =>
+  DELETE(`/chat/delChatRecordByContentId`, data);
+
+/**
+ * 修改历史记录: 标题/置顶
+ */
+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 & {
+    appId: string;
+  }
+) => POST<string>(`/chat/shareChat/create`, data);
+
+/**
+ * get shareChat
+ */
+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 userUpdateChatFeedback = (data: { chatItemId: string; userFeedback?: string }) =>
+  POST('/chat/feedback/userUpdate', data);
+
+export const adminUpdateChatFeedback = (data: AdminUpdateFeedbackParams) =>
+  POST('/chat/feedback/adminUpdate', data);

client/src/api/fetch.ts

@@ -0,0 +1,115 @@
+import { sseResponseEventEnum, TaskResponseKeyEnum } from '@/constants/chat';
+import { getErrText } from '@/utils/tools';
+import { parseStreamChunk, SSEParseData } from '@/utils/sse';
+import type { ChatHistoryItemResType } from '@/types/chat';
+import { StartChatFnProps } from '@/components/ChatBox';
+import { getToken } from '@/utils/user';
+
+interface StreamFetchProps {
+  url?: string;
+  data: Record<string, any>;
+  onMessage: StartChatFnProps['generatingMessage'];
+  abortSignal: AbortController;
+}
+export const streamFetch = ({
+  url = '/api/openapi/v1/chat/completions',
+  data,
+  onMessage,
+  abortSignal
+}: StreamFetchProps) =>
+  new Promise<{
+    responseText: string;
+    [TaskResponseKeyEnum.responseData]: ChatHistoryItemResType[];
+  }>(async (resolve, reject) => {
+    try {
+      const response = await window.fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          token: getToken()
+        },
+        signal: abortSignal.signal,
+        body: JSON.stringify({
+          ...data,
+          detail: true,
+          stream: true
+        })
+      });
+
+      if (!response?.body) {
+        throw new Error('Request Error');
+      }
+
+      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();
+          if (done) {
+            if (response.status === 200 && !errMsg) {
+              return resolve({
+                responseText,
+                responseData
+              });
+            } else {
+              return reject({
+                message: errMsg || '响应过程出现异常~',
+                responseText
+              });
+            }
+          }
+          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({ text: answer });
+              responseText += answer;
+            } else if (
+              eventName === sseResponseEventEnum.moduleStatus &&
+              data?.name &&
+              data?.status
+            ) {
+              onMessage(data);
+            } 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,
+              responseData
+            });
+          }
+          reject({
+            responseText,
+            message: getErrText(err, '请求异常')
+          });
+        }
+      };
+      read();
+    } catch (err: any) {
+      console.log(err, 'fetch error');
+
+      reject(getErrText(err, '请求异常'));
+    }
+  });

client/src/api/plugins/common.ts

@@ -0,0 +1,6 @@
+import { GET, POST, PUT, DELETE } from '../request';
+
+import type { FetchResultItem } from '@/types/plugin';
+
+export const fetchUrls = (urlList: string[]) =>
+  POST<FetchResultItem[]>(`/plugins/urlFetch`, { urlList });

client/src/api/plugins/kb.ts

@@ -0,0 +1,98 @@
+import { GET, POST, PUT, DELETE } from '../request';
+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';
+import type { KbUpdateParams, CreateKbParams } from '../request/kb';
+
+/* knowledge base */
+export const getKbList = () => GET<KbListItemType[]>(`/plugins/kb/list`);
+
+export const getKbById = (id: string) => GET<KbItemType>(`/plugins/kb/detail?id=${id}`);
+
+export const postCreateKb = (data: CreateKbParams) => POST<string>(`/plugins/kb/create`, data);
+
+export const putKbById = (data: KbUpdateParams) => PUT(`/plugins/kb/update`, data);
+
+export const delKbById = (id: string) => DELETE(`/plugins/kb/delete?id=${id}`);
+
+/* kb data */
+type GetKbDataListProps = RequestPaging & {
+  kbId: string;
+  searchText: string;
+};
+export const getKbDataList = (data: GetKbDataListProps) =>
+  POST(`/plugins/kb/data/getDataList`, data);
+
+/**
+ * 获取导出数据（不分页）
+ */
+export const getExportDataList = (kbId: string) =>
+  GET<[string, string, string][]>(
+    `/plugins/kb/data/exportModelData`,
+    { kbId },
+    {
+      timeout: 600000
+    }
+  );
+
+/**
+ * 获取模型正在拆分数据的数量
+ */
+export const getTrainingData = (data: { kbId: string; init: boolean }) =>
+  POST<{
+    qaListLen: number;
+    vectorListLen: number;
+  }>(`/plugins/kb/data/getTrainingData`, data);
+
+/* get length of system training queue */
+export const getTrainingQueueLen = () => GET<number>(`/plugins/kb/data/getQueueLen`);
+
+export const getKbDataItemById = (dataId: string) =>
+  GET<KbDataItemType>(`/plugins/kb/data/getDataById`, { dataId });
+
+/**
+ * 直接push数据
+ */
+export const postKbDataFromList = (data: PushDataProps) =>
+  POST<PushDateResponse>(`/openapi/kb/pushData`, data);
+
+/**
+ * insert one data to dataset
+ */
+export const insertData2Kb = (data: {
+  kbId: string;
+  data: { a: string; q: string; source?: string };
+}) => POST<string>(`/plugins/kb/data/insertData`, data);
+
+/**
+ * 更新一条数据
+ */
+export const putKbDataById = (data: UpdateDataProps) => PUT('/openapi/kb/updateData', data);
+/**
+ * 删除一条知识库数据
+ */
+export const delOneKbDataByDataId = (dataId: string) =>
+  DELETE(`/openapi/kb/delDataById?dataId=${dataId}`);
+
+/**
+ * 拆分数据
+ */
+export const postSplitData = (data: {
+  kbId: string;
+  chunks: string[];
+  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

@@ -1,10 +1,11 @@
 import axios, { Method, InternalAxiosRequestConfig, AxiosResponse } from 'axios';
-import { clearCookie } from '@/utils/user';
+import { clearToken, getToken } from '@/utils/user';
 import { TOKEN_ERROR_CODE } from '@/service/errorCode';
 
 interface ConfigType {
   headers?: { [key: string]: string };
   hold?: boolean;
+  timeout?: number;
 }
 interface ResponseDataType {
   code: number;
@@ -17,7 +18,7 @@ interface ResponseDataType {
  */
 function requestStart(config: InternalAxiosRequestConfig): InternalAxiosRequestConfig {
   if (config.headers) {
-    // config.headers.Authorization = getToken();
+    config.headers.token = getToken();
   }
 
   return config;
@@ -54,13 +55,16 @@ function responseError(err: any) {
   if (typeof err === 'string') {
     return Promise.reject({ message: err });
   }
-  if (err.response) {
-    // 有报错响应
-    const res = err.response;
-    if (res.data.code in TOKEN_ERROR_CODE) {
-      clearCookie();
-      return Promise.reject({ message: 'token过期，重新登录' });
-    }
+  // 有报错响应
+  if (err?.code in TOKEN_ERROR_CODE) {
+    clearToken();
+    window.location.replace(
+      `/login?lastRoute=${encodeURIComponent(location.pathname + location.search)}`
+    );
+    return Promise.reject({ message: 'token过期，重新登录' });
+  }
+  if (err?.response?.data) {
+    return Promise.reject(err?.response?.data);
   }
   return Promise.reject(err);
 }
@@ -91,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))
@@ -118,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/request/chat.d.ts

@@ -0,0 +1,6 @@
+export type AdminUpdateFeedbackParams = {
+  chatItemId: string;
+  kbId: string;
+  dataId: string;
+  content: string;
+};

client/src/api/request/kb.d.ts

@@ -0,0 +1,12 @@
+export type KbUpdateParams = {
+  id: string;
+  name: string;
+  tags: string;
+  avatar: string;
+};
+export type CreateKbParams = {
+  name: string;
+  tags: string[];
+  avatar: string;
+  vectorModel: string;
+};

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

@@ -0,0 +1,25 @@
+import type { AppSchema } from '@/types/mongoSchema';
+import type { ChatItemType } from '@/types/chat';
+import { VariableItemType } from '@/types/app';
+
+export interface InitChatResponse {
+  chatId: string;
+  appId: string;
+  app: {
+    variableModules?: VariableItemType[];
+    welcomeText?: string;
+    chatModels?: string[];
+    name: string;
+    avatar: string;
+    intro: string;
+    canUse?: boolean;
+  };
+  title: string;
+  variables: Record<string, any>;
+  history: ChatItemType[];
+}
+
+export interface InitShareChatResponse {
+  userAvatar: string;
+  app: InitChatResponse['app'];
+}

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

@@ -2,6 +2,7 @@ import type { UserType } from '@/types/user';
 import type { PromotionRecordSchema } from '@/types/mongoSchema';
 export interface ResLogin {
   user: UserType;
+  token: string;
 }
 
 export interface PromotionRecordType {

client/src/api/service/plugins.ts

@@ -0,0 +1,8 @@
+import { GET, POST } from './request';
+
+export const textCensor = (data: { text: string }) =>
+  POST<{ code?: number; message: string }>('/plugins/censor/text_baidu', data).then((res) => {
+    if (res?.code === 5000) {
+      return Promise.reject(res.message);
+    }
+  });

client/src/api/service/request.ts

@@ -0,0 +1,121 @@
+import axios, { Method, InternalAxiosRequestConfig, AxiosResponse } from 'axios';
+import { baseUrl } from '../../service/ai/openai';
+
+interface ConfigType {
+  headers?: { [key: string]: string };
+  hold?: boolean;
+  timeout?: number;
+}
+interface ResponseDataType {
+  code: number;
+  message: string;
+  data: any;
+}
+
+/**
+ * 请求开始
+ */
+function requestStart(config: InternalAxiosRequestConfig): InternalAxiosRequestConfig {
+  if (config.headers) {
+    config.headers.rootkey = process.env.ROOT_KEY;
+  }
+
+  return config;
+}
+
+/**
+ * 请求成功,检查请求头
+ */
+function responseSuccess(response: AxiosResponse<ResponseDataType>) {
+  return response;
+}
+/**
+ * 响应数据检查
+ */
+function checkRes(data: ResponseDataType) {
+  if (data === undefined) {
+    console.log('error->', data, 'data is empty');
+    return Promise.reject('服务器异常');
+  } else if (data?.code && (data.code < 200 || data.code >= 400)) {
+    return Promise.reject(data);
+  }
+  return data.data;
+}
+
+/**
+ * 响应错误
+ */
+function responseError(err: any) {
+  if (!err) {
+    return Promise.reject({ message: '未知错误' });
+  }
+  if (typeof err === 'string') {
+    return Promise.reject({ message: err });
+  }
+
+  if (err?.response?.data) {
+    return Promise.reject(err?.response?.data);
+  }
+  return Promise.reject(err);
+}
+
+/* 创建请求实例 */
+const instance = axios.create({
+  timeout: 60000, // 超时时间
+  headers: {
+    'content-type': 'application/json'
+  }
+});
+
+/* 请求拦截 */
+instance.interceptors.request.use(requestStart, (err) => Promise.reject(err));
+/* 响应拦截 */
+instance.interceptors.response.use(responseSuccess, (err) => Promise.reject(err));
+
+export function request(url: string, data: any, config: ConfigType, method: Method): any {
+  if (!global.systemEnv?.pluginBaseUrl) {
+    return Promise.reject('商业版插件加载中...');
+  }
+
+  /* 去空 */
+  for (const key in data) {
+    if (data[key] === null || data[key] === undefined) {
+      delete data[key];
+    }
+  }
+
+  return instance
+    .request({
+      baseURL: global.systemEnv.pluginBaseUrl,
+      url,
+      method,
+      data: ['POST', 'PUT'].includes(method) ? data : null,
+      params: !['POST', 'PUT'].includes(method) ? data : null,
+      ...config // 用户自定义配置，可以覆盖前面的配置
+    })
+    .then((res) => checkRes(res.data))
+    .catch((err) => responseError(err));
+}
+
+/**
+ * api请求方式
+ * @param {String} url
+ * @param {Any} params
+ * @param {Object} config
+ * @returns
+ */
+export function GET<T>(url: string, params = {}, config: ConfigType = {}): Promise<T> {
+  return request(url, params, config, 'GET');
+}
+
+export function POST<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+  return request(url, data, config, 'POST');
+}
+
+export function PUT<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+  return request(url, data, config, 'PUT');
+}
+
+export function DELETE<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+  return request(url, data, config, 'DELETE');
+}

client/src/api/system.ts

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

client/src/api/user.ts

@@ -0,0 +1,102 @@
+import { GET, POST, PUT } from './request';
+import { createHashPassword } from '@/utils/tools';
+import type { ResLogin, PromotionRecordType } from './response/user';
+import { UserAuthTypeEnum } from '@/constants/common';
+import { UserBillType, UserType, UserUpdateParams } from '@/types/user';
+import type { PagingData, RequestPaging } from '@/types';
+import { informSchema, PaySchema } from '@/types/mongoSchema';
+
+export const sendAuthCode = (data: {
+  username: string;
+  type: `${UserAuthTypeEnum}`;
+  googleToken: string;
+}) => POST(`/plusApi/user/account/sendCode`, data);
+
+export const getTokenLogin = () => GET<UserType>('/user/account/tokenLogin');
+export const gitLogin = (params: { code: string; inviterId?: string }) =>
+  GET<ResLogin>('/user/account/gitLogin', params);
+
+export const postRegister = ({
+  username,
+  password,
+  code,
+  inviterId
+}: {
+  username: string;
+  code: string;
+  password: string;
+  inviterId?: string;
+}) =>
+  POST<ResLogin>(`/plusApi/user/account/register`, {
+    username,
+    code,
+    inviterId,
+    password: createHashPassword(password)
+  });
+
+export const postFindPassword = ({
+  username,
+  code,
+  password
+}: {
+  username: string;
+  code: string;
+  password: string;
+}) =>
+  POST<ResLogin>(`/plusApi/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/account/loginByPassword', {
+    username,
+    password: createHashPassword(password)
+  });
+
+export const loginOut = () => GET('/user/account/loginout');
+
+export const putUserInfo = (data: UserUpdateParams) => PUT('/user/account/update', data);
+
+export const getUserBills = (data: RequestPaging) =>
+  POST<PagingData<UserBillType>>(`/user/getBill`, data);
+
+export const getPayOrders = () => GET<PaySchema[]>(`/user/getPayOrders`);
+
+export const getPayCode = (amount: number) =>
+  GET<{
+    codeUrl: string;
+    payId: string;
+  }>(`/plusApi/user/pay/getPayCode`, { amount });
+
+export const checkPayResult = (payId: string) =>
+  GET<number>(`/plusApi/user/pay/checkPayResult`, { payId }).then(() => {
+    try {
+      GET('/user/account/paySuccess');
+    } catch (error) {}
+    return 'success';
+  });
+
+export const getInforms = (data: RequestPaging) =>
+  POST<PagingData<informSchema>>(`/user/inform/list`, data);
+
+export const getUnreadCount = () => GET<number>(`/user/inform/countUnread`);
+export const readInform = (id: string) => GET(`/user/inform/read`, { id });
+
+/* get promotion init data */
+export const getPromotionInitData = () =>
+  GET<{
+    invitedAmount: number;
+    earningsAmount: number;
+  }>('/user/promotion/getPromotionData');
+
+/* promotion records */
+export const getPromotionRecords = (data: RequestPaging) =>
+  POST<PromotionRecordType>(`/user/promotion/getPromotions`, 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,26 +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
-          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>
@@ -96,7 +92,7 @@ const OpenApi = () => {
                       icon={<DeleteIcon />}
                       size={'xs'}
                       aria-label={'delete'}
-                      variant={'outline'}
+                      variant={'base'}
                       colorScheme={'gray'}
                       onClick={() => onclickRemove(id)}
                     />
@@ -106,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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Image } from '@chakra-ui/react';
+import type { ImageProps } from '@chakra-ui/react';
+import { LOGO_ICON } from '@/constants/chat';
+
+const Avatar = ({ w = '30px', ...props }: ImageProps) => {
+  return (
+    <Image
+      fallbackSrc={LOGO_ICON}
+      fallbackStrategy={'onError'}
+      borderRadius={'50%'}
+      objectFit={'cover'}
+      alt=""
+      w={w}
+      h={w}
+      p={'1px'}
+      {...props}
+    />
+  );
+};
+
+export default Avatar;

client/src/components/Badge/index.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+
+const Badge = ({
+  children,
+  isDot = false,
+  max = 99,
+  count = 0
+}: {
+  children: React.ReactNode;
+  isDot?: boolean;
+  max?: number;
+  count?: number;
+}) => {
+  return (
+    <Box position={'relative'}>
+      {children}
+      {count > 0 && (
+        <Box position={'absolute'} right={0} top={0} transform={'translate(70%,-50%)'}>
+          {isDot ? (
+            <Box w={'5px'} h={'5px'} bg={'myRead.600'} borderRadius={'20px'}></Box>
+          ) : (
+            <Box
+              color={'white'}
+              bg={'myRead.600'}
+              lineHeight={0.9}
+              borderRadius={'100px'}
+              px={'4px'}
+              py={'2px'}
+              fontSize={'12px'}
+              border={'1px solid white'}
+            >
+              {count > max ? `${max}+` : count}
+            </Box>
+          )}
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+export default Badge;

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

@@ -0,0 +1,56 @@
+import React, { useRef } from 'react';
+import { ModalBody, Textarea, ModalFooter, Button } from '@chakra-ui/react';
+import MyModal from '../MyModal';
+import { useRequest } from '@/hooks/useRequest';
+import { useTranslation } from 'next-i18next';
+import { userUpdateChatFeedback } from '@/api/chat';
+
+const FeedbackModal = ({
+  chatItemId,
+  onSuccess,
+  onClose
+}: {
+  chatItemId: string;
+  onSuccess: (e: string) => void;
+  onClose: () => void;
+}) => {
+  const ref = useRef<HTMLTextAreaElement>(null);
+  const { t } = useTranslation();
+
+  const { mutate, isLoading } = useRequest({
+    mutationFn: async () => {
+      const val = ref.current?.value || 'N/A';
+      return userUpdateChatFeedback({
+        chatItemId,
+        userFeedback: val
+      });
+    },
+    onSuccess() {
+      onSuccess(ref.current?.value || 'N/A');
+    },
+    successToast: t('chat.Feedback Success'),
+    errorToast: t('chat.Feedback Failed')
+  });
+
+  return (
+    <MyModal isOpen={true} onClose={onClose} title={t('chat.Feedback Modal')}>
+      <ModalBody>
+        <Textarea
+          ref={ref}
+          rows={10}
+          placeholder={t('chat.Feedback Modal Tip') || 'chat.Feedback Modal Tip'}
+        />
+      </ModalBody>
+      <ModalFooter>
+        <Button variant={'base'} mr={2} onClick={onClose}>
+          {t('Cancel')}
+        </Button>
+        <Button isLoading={isLoading} onClick={mutate}>
+          {t('chat.Feedback Submit')}
+        </Button>
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default FeedbackModal;

client/src/components/ChatBox/QuoteModal.tsx

@@ -0,0 +1,149 @@
+import React, { useCallback, useState } from 'react';
+import { ModalBody, 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';
+
+type SearchType = {
+  kb_id?: string;
+  id?: string;
+  q: string;
+  a?: string;
+  source?: string | undefined;
+};
+
+const QuoteModal = ({
+  onUpdateQuote,
+  rawSearch = [],
+  onClose
+}: {
+  onUpdateQuote: (quoteId: string, sourceText: string) => Promise<void>;
+  rawSearch: SearchType[];
+  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: SearchType) => {
+      if (!item.id) return;
+      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, i) => (
+            <Box
+              key={i}
+              flex={'1 0 0'}
+              p={2}
+              borderRadius={'lg'}
+              border={theme.borders.base}
+              _notLast={{ mb: 2 }}
+              position={'relative'}
+              _hover={{ '& .edit': { display: 'flex' } }}
+              overflow={'hidden'}
+            >
+              {item.source && <Box color={'myGray.600'}>({item.source})</Box>}
+              <Box>{item.q}</Box>
+              <Box>{item.a}</Box>
+              {item.id && (
+                <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/ReadFeedbackModal.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { ModalBody, ModalFooter, Button } from '@chakra-ui/react';
+import MyModal from '../MyModal';
+import { useRequest } from '@/hooks/useRequest';
+import { useTranslation } from 'next-i18next';
+import { userUpdateChatFeedback } from '@/api/chat';
+
+const ReadFeedbackModal = ({
+  chatItemId,
+  content,
+  isMarked,
+  onMark,
+  onSuccess,
+  onClose
+}: {
+  chatItemId: string;
+  content: string;
+  isMarked: boolean;
+  onMark: () => void;
+  onSuccess: () => void;
+  onClose: () => void;
+}) => {
+  const { t } = useTranslation();
+
+  const { mutate, isLoading } = useRequest({
+    mutationFn: async () => {
+      return userUpdateChatFeedback({
+        chatItemId,
+        userFeedback: undefined
+      });
+    },
+    onSuccess() {
+      onSuccess();
+    },
+    errorToast: t('chat.Feedback Update Failed')
+  });
+
+  return (
+    <MyModal isOpen={true} onClose={onClose} title={t('chat.Feedback Modal')}>
+      <ModalBody>{content}</ModalBody>
+      <ModalFooter>
+        {!isMarked && (
+          <Button variant={'base'} mr={2} onClick={onMark}>
+            {t('chat.Feedback Mark')}
+          </Button>
+        )}
+        <Button isLoading={isLoading} onClick={mutate}>
+          {t('chat.Feedback Close')}
+        </Button>
+      </ModalFooter>
+    </MyModal>
+  );
+};
+
+export default React.memo(ReadFeedbackModal);

client/src/components/ChatBox/ResponseTags.tsx

@@ -0,0 +1,108 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { ChatModuleEnum } from '@/constants/chat';
+import { ChatHistoryItemResType, ChatItemType, QuoteItemType } from '@/types/chat';
+import { Flex, BoxProps, useDisclosure } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import { useGlobalStore } from '@/store/global';
+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 WholeResponseModal = dynamic(() => import('./WholeResponseModal'), { ssr: false });
+
+const ResponseTags = ({
+  chatId,
+  contentId,
+  responseData = []
+}: {
+  chatId?: string;
+  contentId?: string;
+  responseData?: ChatHistoryItemResType[];
+}) => {
+  const { isPc } = useGlobalStore();
+  const { t } = useTranslation();
+  const [quoteModalData, setQuoteModalData] = useState<QuoteItemType[]>();
+  const [contextModalData, setContextModalData] = useState<ChatItemType[]>();
+  const {
+    isOpen: isOpenWholeModal,
+    onOpen: onOpenWholeModal,
+    onClose: onCloseWholeModal
+  } = useDisclosure();
+
+  const {
+    quoteList = [],
+    completeMessages = [],
+    tokens = 0
+  } = useMemo(() => {
+    const chatData = responseData.find((item) => item.moduleName === ChatModuleEnum.AIChat);
+    if (!chatData) return {};
+    return {
+      quoteList: chatData.quoteList,
+      completeMessages: chatData.completeMessages,
+      tokens: responseData.reduce((sum, item) => sum + (item.tokens || 0), 0)
+    };
+  }, [responseData]);
+
+  const updateQuote = useCallback(async (quoteId: string, sourceText: string) => {}, []);
+
+  const TagStyles: BoxProps = {
+    mr: 2,
+    bg: 'transparent'
+  };
+
+  return responseData.length === 0 ? 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>
+      )}
+      {isPc && tokens > 0 && (
+        <Tag colorSchema="purple" cursor={'default'} {...TagStyles}>
+          {tokens}Tokens
+        </Tag>
+      )}
+      <MyTooltip label={'点击查看完整响应值'}>
+        <Tag colorSchema="gray" cursor={'pointer'} {...TagStyles} onClick={onOpenWholeModal}>
+          {t('chat.Complete Response')}
+        </Tag>
+      </MyTooltip>
+
+      {!!quoteModalData && (
+        <QuoteModal
+          rawSearch={quoteModalData}
+          onUpdateQuote={updateQuote}
+          onClose={() => setQuoteModalData(undefined)}
+        />
+      )}
+      {!!contextModalData && (
+        <ContextModal context={contextModalData} onClose={() => setContextModalData(undefined)} />
+      )}
+      {isOpenWholeModal && (
+        <WholeResponseModal response={responseData} onClose={onCloseWholeModal} />
+      )}
+    </Flex>
+  );
+};
+
+export default ResponseTags;