fix: i18n next

.github/ISSUE_TEMPLATE/bugs.md

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

.github/ISSUE_TEMPLATE/config.yml

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

.github/ISSUE_TEMPLATE/features.md

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

.github/gh-bot.yml

@@ -1,30 +0,0 @@
-version: v1
-debug: true
-action:
-  printConfig: false
-  release:
-    retry: 15s
-    actionName: Release
-    allowOps:
-      - cuisongliu
-bot:
-  prefix: /
-  spe: _
-  allowOps:
-    - sealos-ci-robot
-    - sealos-release-robot
-  email: sealos-ci-robot@sealos.io
-  username: sealos-ci-robot
-repo:
-  org: false
-
-message:
-  success: |
-    🤖 says: Hooray! The action {{.Body}} has been completed successfully. 🎉
-  format_error: |
-    🤖 says: ‼️ There is a formatting issue with the action, kindly verify the action's format.
-  permission_error: |
-    🤖 says: ‼️ The action doesn't have permission to trigger.
-  release_error: |
-    🤖 says: ‼️ Release action failed.
-    Error details: {{.Error}}

.github/imgs/logo.svg

@@ -1,14 +0,0 @@
-<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/bot-issues-translator.yml

@@ -1,19 +0,0 @@
-name: 'Github Rebot for issues-translator'
-on:
-  issues:
-    types: [ opened ]
-  issue_comment:
-    types: [ created ]
-jobs:
-  translate:
-    permissions:
-      issues: write
-      discussions: write
-      pull-requests: write
-    runs-on: ubuntu-latest
-    steps:
-      - uses: usthe/issues-translate-action@v2.7
-        with:
-          IS_MODIFY_TITLE: true
-          BOT_GITHUB_TOKEN: ${{ secrets.GH_PAT }}
-          CUSTOM_BOT_NOTE: Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

.github/workflows/deploy-docs.yml

@@ -1,70 +0,0 @@
-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
-
-      # 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/deploy-preview.yml

@@ -1,94 +0,0 @@
-name: deploy-docs-preview
-
-on:
-  pull_request_target:
-    paths:
-      - 'docSite/**'
-    branches:
-      - 'main'
-  workflow_dispatch:
-
-# 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-preview:
-    # The environment this job references
-    environment:
-      name: Preview
-      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:
-      url: ${{ steps.vercel-action.outputs.preview-url }}
-
-    # 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:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          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
-
-      # 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: '--local-config ../vercel.json' # Optional
-          working-directory: docSite/public
-          alias-domains: | #Optional
-            fastgpt-staging.vercel.app
-  docsOutput:
-    needs: [ deploy-preview ]
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-      - name: Write md
-        run: |
-          echo "# 🤖 Generated by deploy action" > report.md
-          echo "[👀 Visit Preview](${{ needs.deploy-preview.outputs.url }})" >> report.md
-          cat report.md
-      - name: Gh Rebot for Sealos
-        uses: labring/gh-rebot@v0.0.6
-        if: ${{ (github.event_name == 'pull_request_target') }}
-        with:
-          version: v0.0.6
-        env:
-          GH_TOKEN: "${{ secrets.GH_PAT }}"
-          SEALOS_TYPE: "pr_comment"
-          SEALOS_FILENAME: "report.md"
-          SEALOS_REPLACE_TAG: "DEFAULT_REPLACE_DEPLOY"

.github/workflows/docs-image.yml

@@ -1,98 +0,0 @@
-name: Build FastGPT docs images and copy image to docker hub
-on:
-  workflow_dispatch:
-  push:
-    paths:
-      - 'docSite/**'
-    branches:
-      - 'main'
-    tags:
-      - 'v*.*.*'
-jobs:
-  build-fastgpt-docs-images:
-    runs-on: ubuntu-20.04
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 1
-      - 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: Cache Docker layers
-        uses: actions/cache@v2
-        with:
-          path: /tmp/.buildx-cache
-          key: ${{ runner.os }}-buildx-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-buildx-
-      - 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-docs:latest" >> $GITHUB_ENV
-          else
-            echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt-docs:${{ 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: |
-          docker buildx build \
-          --build-arg name=app \
-          --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=Apache" \
-          --push \
-          --cache-from=type=local,src=/tmp/.buildx-cache \
-          --cache-to=type=local,dest=/tmp/.buildx-cache \
-          -t ${DOCKER_REPO_TAGGED} \
-          -f docSite/Dockerfile \
-          .
-  push-to-docker-hub:
-    needs: build-fastgpt-docs-images
-    runs-on: ubuntu-20.04
-    if: github.repository == 'labring/FastGPT'
-    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-docs:${{env.IMAGE_TAG}}
-      - name: Tag image with Docker Hub repository name and version tag
-        run: docker tag ghcr.io/${{ github.repository_owner }}/fastgpt-docs:${{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}}
-
-  update-docs-image:
-    needs: build-fastgpt-docs-images
-    runs-on: ubuntu-20.04
-    if: github.repository == 'labring/FastGPT'
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - uses: actions-hub/kubectl@master
-        env:
-          KUBE_CONFIG: ${{ secrets.KUBE_CONFIG }}
-        with:
-          args: rollout restart deployment fastgpt-docs

.github/workflows/fastgpt-image-personal.yml

@@ -1,52 +0,0 @@
-name: Build FastGPT images in Personal warehouse
-on:
-  workflow_dispatch:
-  push:
-    paths:
-      - 'projects/app/**'
-      - 'packages/**'
-    branches:
-      - 'main'
-jobs:
-  build-fastgpt-images:
-    runs-on: ubuntu-20.04
-    if: github.repository != 'labring/FastGPT'
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
-        with:
-          driver-opts: network=host
-      - name: Cache Docker layers
-        uses: actions/cache@v3
-        with:
-          path: /tmp/.buildx-cache
-          key: ${{ runner.os }}-buildx-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-buildx-
-      - 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: |
-          echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt:latest" >> $GITHUB_ENV
-      - name: Build and publish image for main branch or tag push event
-        env:
-          DOCKER_REPO_TAGGED: ${{ env.DOCKER_REPO_TAGGED }}
-        run: |
-          docker buildx build \
-          --build-arg name=app \
-          --label "org.opencontainers.image.source=https://github.com/${{ github.repository_owner }}/FastGPT" \
-          --label "org.opencontainers.image.description=fastgpt image" \
-          --push \
-          --cache-from=type=local,src=/tmp/.buildx-cache \
-          --cache-to=type=local,dest=/tmp/.buildx-cache \
-          -t ${DOCKER_REPO_TAGGED} \
-          -f Dockerfile \
-          .

.github/workflows/fastgpt-image.yml

@@ -1,10 +1,11 @@
-name: Build FastGPT images and copy image to docker hub
+name: Build fastgpt images and copy image to docker hub
 on:
   workflow_dispatch:
   push:
     paths:
-      - 'projects/app/**'
-      - 'packages/**'
+      - 'client/**'
+    branches:
+      - 'main'
     tags:
       - 'v*.*.*'
 jobs:
@@ -24,13 +25,6 @@ jobs:
         uses: docker/setup-buildx-action@v2
         with:
           driver-opts: network=host
-      - name: Cache Docker layers
-        uses: actions/cache@v2
-        with:
-          path: /tmp/.buildx-cache
-          key: ${{ runner.os }}-buildx-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-buildx-
       - name: Login to GitHub Container Registry
         uses: docker/login-action@v2
         with:
@@ -44,25 +38,24 @@ jobs:
           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 \
-          --build-arg name=app \
           --platform linux/amd64,linux/arm64 \
-          --label "org.opencontainers.image.source=https://github.com/${{ github.repository_owner }}/FastGPT" \
+          --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 \
-          --cache-from=type=local,src=/tmp/.buildx-cache \
-          --cache-to=type=local,dest=/tmp/.buildx-cache \
           -t ${DOCKER_REPO_TAGGED} \
           -f Dockerfile \
           .
   push-to-docker-hub:
     needs: build-fastgpt-images
     runs-on: ubuntu-20.04
-    if: github.repository == 'labring/FastGPT'
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -84,29 +77,3 @@ jobs:
         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
-    if: github.repository == 'labring/FastGPT'
-    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/preview-image.yml

@@ -1,56 +0,0 @@
-name: Preview FastGPT images
-on:
-  pull_request_target:
-    paths:
-      - 'projects/app/**'
-      - 'packages/**'
-    branches:
-      - 'main'
-  workflow_dispatch:
-
-jobs:
-  build-fastgpt-images:
-    runs-on: ubuntu-20.04
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          submodules: recursive # Fetch submodules
-          fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
-        with:
-          driver-opts: network=host
-      - name: Cache Docker layers
-        uses: actions/cache@v3
-        with:
-          path: /tmp/.buildx-cache
-          key: ${{ runner.os }}-buildx-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-buildx-
-      - 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: |
-          echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt-pr:${{ github.event.pull_request.number }}" >> $GITHUB_ENV
-      - name: Build image for PR
-        env:
-          DOCKER_REPO_TAGGED: ${{ env.DOCKER_REPO_TAGGED }}
-        run: |
-          docker buildx build \
-          --build-arg name=app \
-          --label "org.opencontainers.image.source=  https://github.com/  ${{ github.repository_owner }}/FastGPT" \
-          --label "org.opencontainers.image.description=fastgpt-pr image" \
-          --label "org.opencontainers.image.licenses=Apache" \
-          --push \
-          --cache-from=type=local,src=/tmp/.buildx-cache \
-          --cache-to=type=local,dest=/tmp/.buildx-cache \
-          -t ${DOCKER_REPO_TAGGED} \
-          -f Dockerfile \
-          .

.gitignore

@@ -29,10 +29,4 @@ next-env.d.ts
 platform.json
 testApi/
 local/
-dist/
-
-# hugo
-**/.hugo_build.lock
-docSite/public/
-docSite/resources/_gen/
-docSite/.vercel
+dist/

.prettierignore

@@ -1,5 +1,4 @@
 dist
 .vscode
 **/.DS_Store
-node_modules
-docSite/
+node_modules

.vscode/settings.json

@@ -1,10 +1,10 @@
 {
     "editor.formatOnSave": true,
     "editor.mouseWheelZoom": true,
-    "typescript.tsdk": "node_modules/typescript/lib",
+    "typescript.tsdk": "client/node_modules/typescript/lib",
     "prettier.prettierPath": "./node_modules/prettier",
     "i18n-ally.localesPaths": [
-        "projects/app/public/locales"
+        "client/public/locales"
     ],
     "i18n-ally.enabledParsers": ["json"],
     "i18n-ally.keystyle": "nested",

Dockerfile

@@ -1,66 +0,0 @@
-# Install dependencies only when needed
-FROM node:18.15-alpine AS deps
-# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
-RUN apk add --no-cache libc6-compat && npm install -g pnpm
-WORKDIR /app
-
-ARG name
-
-# copy packages and one project
-COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
-COPY ./packages ./packages
-COPY ./projects/$name/package.json ./projects/$name/package.json
-
-RUN [ -f pnpm-lock.yaml ] || (echo "Lockfile not found." && exit 1)
-
-RUN pnpm install
-
-# Rebuild the source code only when needed
-FROM node:18.15-alpine AS builder
-WORKDIR /app
-
-ARG name
-
-# copy common node_modules and one project node_modules
-COPY package.json pnpm-workspace.yaml ./
-COPY --from=deps /app/node_modules ./node_modules
-COPY --from=deps /app/packages ./packages
-COPY ./projects/$name ./projects/$name
-COPY --from=deps /app/projects/$name/node_modules ./projects/$name/node_modules
-
-# Uncomment the following line in case you want to disable telemetry during the build.
-ENV NEXT_TELEMETRY_DISABLED 1
-RUN npm install -g pnpm
-RUN pnpm --filter=$name run build
-
-FROM node:18.15-alpine AS runner
-WORKDIR /app
-
-ARG name
-
-# create user and use it
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
-
-RUN apk add --no-cache curl ca-certificates \
-  && update-ca-certificates
-
-# copy running files
-COPY --from=builder /app/projects/$name/public ./projects/$name/public
-COPY --from=builder /app/projects/$name/next.config.js ./projects/$name/next.config.js
-COPY --from=builder --chown=nextjs:nodejs /app/projects/$name/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/projects/$name/.next/static ./projects/$name/.next/static
-# copy package.json to version file
-COPY --from=builder /app/projects/$name/package.json ./package.json 
-
-ENV NODE_ENV production
-ENV NEXT_TELEMETRY_DISABLED 1
-ENV PORT=3000
-
-EXPOSE 3000
-
-USER nextjs
-
-ENV serverPath=./projects/$name/server.js
-
-ENTRYPOINT ["sh","-c","node ${serverPath}"]

LICENSE

@@ -1,35 +1,201 @@
-# FastGPT Open Source License
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
 
-The FastGPT is licensed under the Apache License 2.0, with the following additional conditions:
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
 
-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:
+   1. Definitions.
 
-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.
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
 
-Please contact yujinlong@sealos.io by email to inquire about licensing matters.
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
 
-2. As a contributor, you should agree that your contributed code:
+      "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.
 
-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.
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
 
-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.
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
 
-The interactive design of this product is protected by appearance patent.
+      "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.
 
-© 2023 Sealos.
+      "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).
 
----
+      "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.
 
-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
+      "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."
 
-    http://www.apache.org/licenses/LICENSE-2.0
+      "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.
 
-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.
+   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.

README.md

@@ -1,168 +1,51 @@
-<div align="center">
-
-<a href="https://fastgpt.run/"><img src="/.github/imgs/logo.svg" width="120" height="120" alt="fastgpt logo"></a>
-
 # FastGPT
 
-<p align="center">
-  <a href="./README_en.md">English</a> |
-  <a href="./README.md">简体中文</a> |
-  <a href="./README_ja.md">日语</a>
-</p>
-
 FastGPT 是一个基于 LLM 大语言模型的知识库问答系统，提供开箱即用的数据处理、模型调用等能力。同时可以通过 Flow 可视化进行工作流编排，从而实现复杂的问答场景！
 
-</div>
+## 🛸 在线体验
 
-<p align="center">
-  <a href="https://fastgpt.run/">
-    <img height="21" src="https://img.shields.io/badge/在线使用-d4eaf7?style=flat-square&logo=spoj&logoColor=7d09f1" alt="cloud">
-  </a>
-  <a href="https://doc.fastgpt.in/docs/intro">
-    <img height="21" src="https://img.shields.io/badge/相关文档-7d09f1?style=flat-square" alt="document">
-  </a>
-  <a href="https://doc.fastgpt.in/docs/development">
-    <img height="21" src="https://img.shields.io/badge/本地开发-%23d4eaf7?style=flat-square&logo=xcode&logoColor=7d09f1" alt="development">
-  </a>
-  <a href="/#-%E7%9B%B8%E5%85%B3%E9%A1%B9%E7%9B%AE">
-    <img height="21" src="https://img.shields.io/badge/相关项目-7d09f1?style=flat-square" alt="project">
-  </a>
-  <a href="https://github.com/labring/FastGPT/blob/main/LICENSE">
-    <img height="21" src="https://img.shields.io/badge/License-Apache--2.0-ffffff?style=flat-square&labelColor=d4eaf7&color=7d09f1" alt="license">
-  </a>
-</p>
-
-https://github.com/labring/FastGPT/assets/15308462/7d3a38df-eb0e-4388-9250-2409bd33f6d4
-
-## 🛸 在线使用
-
-- 🌐 国内版：[ai.fastgpt.in](https://ai.fastgpt.in/)
-- 🌍 海外版：[fastgpt.run](https://fastgpt.run/)
+🎉 [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) |
 
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 💡 功能
-
-1. 强大的可视化编排，轻松构建 AI 应用
-   - [x] 提供简易模式，无需操作编排
-   - [x] 用户对话前引导，全局字符串变量
-   - [x] 知识库搜索
-   - [x] 多 LLM 模型对话
-   - [x] 文本内容提取成结构化数据
-   - [x] HTTP 扩展
-   - [ ] 嵌入 Laf，实现在线编写 HTTP 模块
-   - [x] 对话下一步指引
-   - [ ] 对话多路线选择
-   - [x] 源文件引用追踪
-   - [x] 模块封装，实现多级复用
-2. 丰富的知识库预处理
-   - [x] 多库复用，混用
-   - [x] chunk 记录修改和删除
-   - [x] 支持手动输入，直接分段，QA 拆分导入
-   - [x] 支持 url 读取、CSV 批量导入
-   - [x] 支持知识库单独设置向量模型
-   - [x] 源文件存储
-   - [ ] 文件学习 Agent
-3. 多种效果测试渠道
-   - [x] 知识库单点搜索测试
-   - [x] 对话时反馈引用并可修改与删除
-   - [x] 完整上下文呈现
-   - [x] 完整模块中间值呈现
-4. OpenAPI
-   - [x] completions 接口 (对齐 GPT 接口)
-   - [ ] 知识库 CRUD
-5. 运营功能
-   - [x] 免登录分享窗口
-   - [x] Iframe 一键嵌入
-   - [x] 统一查阅对话记录，并对数据进行标注
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
-
 ## 👨‍💻 开发
 
-项目技术栈：NextJs + TS + ChakraUI + Mongo + Postgres (Vector 插件)
+项目技术栈: NextJs + TS + ChakraUI + Mongo + Postgres（Vector 插件）
 
-- **⚡ 快速部署**
+- [快开始本地开发](https://doc.fastgpt.run/docs/develop/dev)
+- [部署 FastGPT](https://doc.fastgpt.run/docs/category/deploy)
 
-  > 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)
-
-  由于需要部署数据库，部署完后需要等待 2~4 分钟才能正常访问。默认用了最低配置，首次访问时会有些慢。
-
-* [快开始本地开发](https://doc.fastgpt.in/docs/development/intro/)
-* [部署 FastGPT](https://doc.fastgpt.in/docs/development/sealos)
-* [系统配置文件说明](https://doc.fastgpt.in/docs/development/configuration/)
-* [多模型配置](https://doc.fastgpt.in/docs/development/one-api/)
-* [版本更新/升级介绍](https://doc.fastgpt.in/docs/development/upgrading)
-* [OpenAPI API 文档](https://doc.fastgpt.in/docs/development/openapi/)
-* [知识库结构详解](https://doc.fastgpt.in/docs/use-cases/datasetengine/)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
+- [FastGpt RoadMap](https://kjqvjse66l.feishu.cn/docx/RVUxdqE2WolDYyxEKATcM0XXnte)
 
 ## 🏘️ 社区交流群
 
-添加 wx 小助手加入：
+| 交流群                                            | 小助手                                         |
+| ------------------------------------------------- | ---------------------------------------------- |
+| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |
 
-![](https://otnvvf-imgs.oss.laf.run/wx300.jpg)
+## Powered by
 
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 💪 相关项目
-
-- [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)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
+- [TuShan: 5 分钟搭建后台管理系统](https://github.com/msgbyte/tushan)
+- [Laf: 3 分钟快速接入三方应用](https://github.com/labring/laf)
+- [Sealos: 快速部署集群应用](https://github.com/labring/sealos)
+- [One API: 令牌管理 & 二次分发，支持 Azure](https://github.com/songquanpeng/one-api)
 
 ## 👀 其他
 
-- [保姆级 FastGPT 教程](https://www.bilibili.com/video/BV1n34y1A7Bo/?spm_id_from=333.999.0.0)
-- [接入飞书](https://www.bilibili.com/video/BV1Su4y1r7R3/?spm_id_from=333.999.0.0)
-- [接入企微](https://www.bilibili.com/video/BV1Tp4y1n72T/?spm_id_from=333.999.0.0)
+- [FastGpt 常见问题](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
+- [docker 部署教程视频](https://www.bilibili.com/video/BV1jo4y147fT/)
+- [公众号接入视频教程](https://www.bilibili.com/video/BV1xh4y1t7fy/)
+- [FastGpt 知识库演示](https://www.bilibili.com/video/BV1Wo4y1p7i1/)
 
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
+## 第三方生态
 
-## 🤝 第三方生态
-
-- [OnWeChat 个人微信/企微机器人](https://doc.fastgpt.in/docs/use-cases/onwechat/)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
+- [luolinAI: 企微机器人，开箱即用](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)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-返回顶部-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 使用协议
-
-本仓库遵循 [FastGPT Open Source License](./LICENSE) 开源协议。
-
-1. 允许作为后台服务直接商用，但不允许提供 SaaS 服务。
-2. 未经商业授权，任何形式的商用服务均需保留相关版权信息。
-3. 完整请查看 [FastGPT Open Source License](./LICENSE)
-4. 联系方式：yujinlong@sealos.io，[点击查看商业版定价策略](https://doc.fastgpt.in/docs/commercial)

README_en.md

@@ -1,159 +0,0 @@
-<div align="center">
-
-<a href="https://fastgpt.run/"><img src="/.github/imgs/logo.svg" width="120" height="120" alt="fastgpt logo"></a>
-
-# FastGPT
-
-<p align="center">
-  <a href="./README_en.md">English</a> |
-  <a href="./README.md">简体中文</a> |
-  <a href="./README_ja.md">日语</a>
-</p>
-
-FastGPT is a knowledge-based Q&A system built on the LLM, offers out-of-the-box data processing and model invocation capabilities, allows for workflow orchestration through Flow visualization!
-
-</div>
-
-<p align="center">
-  <a href="https://fastgpt.run/">
-    <img height="21" src="https://img.shields.io/badge/在线使用-d4eaf7?style=flat-square&logo=spoj&logoColor=7d09f1" alt="cloud">
-  </a>
-  <a href="https://doc.fastgpt.run/docs/intro">
-    <img height="21" src="https://img.shields.io/badge/相关文档-7d09f1?style=flat-square" alt="document">
-  </a>
-  <a href="https://doc.fastgpt.run/docs/development">
-    <img height="21" src="https://img.shields.io/badge/本地开发-%23d4eaf7?style=flat-square&logo=xcode&logoColor=7d09f1" alt="development">
-  </a>
-  <a href="/#-%E7%9B%B8%E5%85%B3%E9%A1%B9%E7%9B%AE">
-    <img height="21" src="https://img.shields.io/badge/相关项目-7d09f1?style=flat-square" alt="project">
-  </a>
-  <a href="https://github.com/labring/FastGPT/blob/main/LICENSE">
-    <img height="21" src="https://img.shields.io/badge/License-Apache--2.0-ffffff?style=flat-square&labelColor=d4eaf7&color=7d09f1" alt="license">
-  </a>
-</p>
-
-https://github.com/labring/FastGPT/assets/15308462/7d3a38df-eb0e-4388-9250-2409bd33f6d4
-
-## 🛸 Use Cloud Services
-
-[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) |
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 💡 Features
-
-1. Powerful visual workflows: Effortlessly craft AI applications
-
-   - [x] Simple mode on deck - no need for manual arrangement
-   - [x] User dialogue pre-guidance
-   - [x] Global variables
-   - [x] Knowledge base search
-   - [x] Dialogue via multiple LLM models
-   - [x] Text magic - convert to structured data
-   - [x] Extend with HTTP
-   - [ ] Embed Laf for on-the-fly HTTP module crafting
-   - [x] Directions for the next dialogue steps
-   - [x] Tracking source file references
-   - [ ] Custom file reader
-   - [ ] Modules are packaged into plug-ins to achieve reuse
-
-2. Extensive knowledge base preprocessing
-
-   - [x] Reuse and mix multiple knowledge bases
-   - [x] Track chunk modifications and deletions
-   - [x] Supports manual entries, direct segmentation, and QA split imports
-   - [x] Supports URL fetching and batch CSV imports
-   - [x] Supports Set unique vector models for knowledge bases
-   - [x] Store original files
-   - [ ] File learning Agent
-
-3. Multiple effect testing channels
-
-   - [x] Single-point knowledge base search test
-   - [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
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 👨‍💻 Development
-
-Project tech stack: NextJs + TS + ChakraUI + Mongo + Postgres (Vector plugin)
-
-- **⚡ Deployment**
-
-  [![](https://cdn.jsdelivr.us/gh/labring-actions/templates@main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-fastdeploy%3FtemplateName%3Dfastgpt)
-
-  Give it a 2-4 minute wait after deployment as it sets up the database. Initially, it might be a tad slow since we're using the basic settings.
-
-- [Getting Started with Local Development](https://doc.fastgpt.run/docs/development)
-- [Deploying FastGPT](https://doc.fastgpt.run/docs/installation)
-- [Guide on System Configs](https://doc.fastgpt.run/docs/installation/reference)
-- [Configuring Multiple Models](https://doc.fastgpt.run/docs/installation/reference/models)
-- [Version Updates & Upgrades](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) | -->
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 👀 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/)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 💪 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)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 🤝 Third-party Ecosystem
-
-- [luolinAI: Enterprise WeChat bot, ready to use](https://github.com/luolin-ai/FastGPT-Enterprise-WeChatbot)
-
-<a href="#readme">
-    <img src="https://img.shields.io/badge/-Back_to_Top-7d09f1.svg" alt="#" align="right">
-</a>
-
-## 🌟 Star History
-
-[![Star History Chart](https://api.star-history.com/svg?repos=labring/FastGPT&type=Date)](https://star-history.com/#labring/FastGPT&Date)

README_ja.md

@@ -1,135 +0,0 @@
-<div align="center">
-
-<a href="https://fastgpt.run/"><img src="/.github/imgs/logo.svg" width="120" height="120" alt="fastgpt logo"></a>
-
-# FastGPT
-
-<p align="center">
-  <a href="./README_en.md">English</a> |
-  <a href="./README.md">简体中文</a> |
-  <a href="./README_ja.md">日语</a>
-</p>
-
-FastGPT は、LLM 上 に 構築 された 知識 ベースの Q&A システムで、すぐに 使 えるデータ 処理 とモデル 呼 び 出 し 機能 を 提供 し、Flow の 可視化 を 通 じてワークフローのオーケストレーションを 可能 にします！
-
-</div>
-
-<p align="center">
-  <a href="https://fastgpt.run/">
-    <img height="21" src="https://img.shields.io/badge/在线使用-d4eaf7?style=flat-square&logo=spoj&logoColor=7d09f1" alt="cloud">
-  </a>
-  <a href="https://doc.fastgpt.run/docs/intro">
-    <img height="21" src="https://img.shields.io/badge/相关文档-7d09f1?style=flat-square" alt="document">
-  </a>
-  <a href="https://doc.fastgpt.run/docs/development">
-    <img height="21" src="https://img.shields.io/badge/本地开发-%23d4eaf7?style=flat-square&logo=xcode&logoColor=7d09f1" alt="development">
-  </a>
-  <a href="/#-%E7%9B%B8%E5%85%B3%E9%A1%B9%E7%9B%AE">
-    <img height="21" src="https://img.shields.io/badge/相关项目-7d09f1?style=flat-square" alt="project">
-  </a>
-  <a href="https://github.com/labring/FastGPT/blob/main/LICENSE">
-    <img height="21" src="https://img.shields.io/badge/License-Apache--2.0-ffffff?style=flat-square&labelColor=d4eaf7&color=7d09f1" alt="license">
-  </a>
-</p>
-
-https://github.com/labring/FastGPT/assets/15308462/7d3a38df-eb0e-4388-9250-2409bd33f6d4
-
-## 🛸 クラウドサービスの 利用
-
-[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) |
-
-## 💡 機能
-
-1. パワフルなビジュアルワークフロー：AI アプリケーションを 簡単 に 作成
-
-   - [x] デッキのシンプルモード - マニュアルアレンジ 不要
-   - [x] ユーザ 対話事前 ガイダンス
-   - [x] グローバル 変数
-   - [x] ナレッジベース 検索
-   - [x] 複数 の LLM モデルによる 対話
-   - [x] テキストマジック - 構造化 データへの 変換
-   - [x] HTTP による 拡張
-   - [ ] on-the-fly HTTP モジュールのための 埋 め 込 みLaf
-   - [x] 次 の 対話 ステップへの 指示
-   - [x] ソースファイル 参照 の 追跡
-   - [ ] カスタムファイルリーダー
-   - [ ] モジュールをプラグインにパッケージして 再利用 する
-
-2. 広範 なナレッジベースの 前処理
-
-   - [x] 複数 のナレッジベースの 再利用 と 混合
-   - [x] チャンクの 変更 と 削除 を 追跡
-   - [x] 手動入力、直接分割、QA 分割 インポートをサポート
-   - [x] URL フェッチとバッチ CSV インポートをサポート
-   - [x] ナレッジベースにユニークなベクトルモデルを 設定可能
-   - [x] オリジナルファイルの 保存
-   - [ ] ファイル 学習 エージェント
-
-3. 複数 の 効果測定 チャンネル
-
-   - [x] シングルポイントナレッジベース 検索 テスト
-   - [x] 対話中 のフィードバック 参照 と 修正 ・ 削除機能
-   - [x] 完全 なコンテキストの 提示
-   - [ ] 完全 なモジュール 中間値提示
-
-4. OpenAPI
-
-   - [x] 補完 インターフェイス (GPT インターフェイスに 合 わせる)
-   - [ ] ナレッジベース CRUD
-
-5. オペレーション 機能
-
-   - [x] ログイン 不要 の 共有 ウィンドウ
-   - [x] Iframe によるワンクリック 埋 め 込 み
-   - [ ] 対話記録 への 統一 されたアクセス
-
-## 👨‍💻 開発
-
-プロジェクトの 技術 スタック：NextJs + TS + ChakraUI + Mongo + Postgres (Vector プラグイン)
-
-- **⚡ デプロイ**
-
-  [![](https://cdn.jsdelivr.us/gh/labring-actions/templates@main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-fastdeploy%3FtemplateName%3Dfastgpt)
-
-  デプロイ 後、データベースをセットアップするので、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)
-
-<!-- ## :point_right: ロードマップ
-- [FastGPT ロードマップ](https://kjqvjse66l.feishu.cn/docx/RVUxdqE2WolDYyxEKATcM0XXnte) -->
-
-<!-- ## 🏘️ コミュニティ
-
-| コミュニティグループ                                 | アシスタント                                     |
-| ------------------------------------------------- | ---------------------------------------------- |
-| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) | -->
-
-## 👀 その 他
-
-- [FastGPT FAQ](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)
-- [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、Wenxin Yiyuan などをサポートします。](https://github.com/songquanpeng/one-api)
-- [TuShan：5 分 でバックエンド 管理 システムを 構築](https://github.com/msgbyte/tushan)
-
-## 🤝 サードパーティエコシステム
-
-- [luolinAI：すぐに 使 える 企業向 け WeChat ボット](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

@@ -1,23 +1,26 @@
 # 默认用户密码，用户名为 root，每次重启时会自动更新。
 DEFAULT_ROOT_PSW=123456
+# 代理
+# AXIOS_PROXY_HOST=127.0.0.1
+# AXIOS_PROXY_PORT=7890
 # 数据库最大连接数
 DB_MAX_LINK=5
 # token
 TOKEN_KEY=dfdasfdas
-# 文件阅读时的秘钥
-FILE_TOKEN_KEY=filetokenkey
 # 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
+ONEAPI_URL=https://xxxx.cloud.sealos.io/openai/v1
 # 通用key。可以是 openai 的也可以是 oneapi 的。
 # 此处逻辑：优先走 ONEAPI_URL，如果填写了 ONEAPI_URL，key 也需要是 ONEAPI 的 key
 CHAT_API_KEY=sk-xxxx
-# mongo 数据库连接参数
-MONGODB_URI=mongodb://username:password@0.0.0.0:27017/fastgpt?authSource=admin
-# PG 数据库连接参数
-PG_URL=postgresql://username:password@host:port/postgres
-# 首页路径
-HOME_URL=/
+# db
+MONGODB_URI=mongodb://username:password@0.0.0.0:27017/?authSource=admin
+MONGODB_NAME=fastgpt
+PG_HOST=0.0.0.0
+PG_PORT=8100
+PG_USER=root
+PG_PASSWORD=psw
+PG_DB_NAME=dbname

client/Dockerfile

@@ -0,0 +1,65 @@
+# Install dependencies only when needed
+FROM node:current-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat && npm install -g pnpm
+WORKDIR /app
+
+# Install dependencies based on the preferred package manager
+COPY package.json ./
+COPY pnpm-lock.yaml* ./
+RUN \
+  [ -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.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+ENV NEXT_TELEMETRY_DISABLED 1
+
+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
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+RUN sed -i 's/https/http/' /etc/apk/repositories
+RUN apk add curl \
+  && apk add ca-certificates \
+  && update-ca-certificates
+
+# You only need to copy next.config.js if you are NOT using the default configuration
+# COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
+# COPY --from=builder /app/.env* .
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+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": "FastAI",
+    "authorText": "Made by FastAI Team.",
+    "gitLoginKey": ""
+  },
+  "SystemParams": {
+    "gitLoginSecret": "",
+    "vectorMaxProcess": 15,
+    "qaMaxProcess": 15,
+    "pgIvfflatProbe": 20
+  },
+  "plugins": {},
+  "ChatModels": [
+    {
+      "model": "gpt-3.5-turbo",
+      "name": "FastAI-4k",
+      "contextMaxToken": 4000,
+      "quoteMaxToken": 2000,
+      "maxTemperature": 1.2,
+      "price": 1.5,
+      "defaultSystem": ""
+    },
+    {
+      "model": "gpt-3.5-turbo-16k",
+      "name": "FastAI-16k",
+      "contextMaxToken": 16000,
+      "quoteMaxToken": 8000,
+      "maxTemperature": 1.2,
+      "price": 3,
+      "defaultSystem": ""
+    },
+    {
+      "model": "gpt-4",
+      "name": "FastAI-Plus",
+      "contextMaxToken": 8000,
+      "quoteMaxToken": 4000,
+      "maxTemperature": 1.2,
+      "price": 45,
+      "defaultSystem": ""
+    }
+  ],
+  "QAModels": [
+    {
+      "model": "gpt-3.5-turbo-16k",
+      "name": "FastAI-16k",
+      "maxToken": 16000,
+      "price": 3
+    }
+  ],
+  "VectorModels": [
+    {
+      "model": "text-embedding-ada-002",
+      "name": "Embedding-2",
+      "price": 0.2
+    }
+  ]
+}

client/next-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

@@ -1,7 +1,7 @@
 {
-  "name": "app",
-  "version": "4.6.3",
-  "private": false,
+  "name": "fastgpt",
+  "version": "3.7",
+  "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -9,41 +9,40 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@chakra-ui/anatomy": "^2.2.1",
     "@chakra-ui/icons": "^2.0.17",
     "@chakra-ui/react": "^2.7.0",
-    "@chakra-ui/styled-system": "^2.9.1",
     "@chakra-ui/system": "^2.5.8",
+    "@dqbd/tiktoken": "^1.0.7",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@fastgpt/global": "workspace:*",
-    "@fastgpt/service": "workspace:*",
-    "@fastgpt/web": "workspace:*",
-    "@node-rs/jieba": "^1.7.2",
+    "@next/font": "13.1.6",
     "@tanstack/react-query": "^4.24.10",
     "@types/nprogress": "^0.2.0",
-    "axios": "^1.5.1",
+    "axios": "^1.3.3",
+    "cookie": "^0.5.0",
+    "crypto": "^1.0.1",
     "date-fns": "^2.30.0",
     "dayjs": "^1.11.7",
-    "downloadjs": "^1.4.7",
     "echarts": "^5.4.1",
-    "echarts-gl": "^2.0.9",
     "formidable": "^2.1.1",
     "framer-motion": "^9.0.6",
     "hyperdown": "^2.4.29",
     "i18next": "^22.5.1",
     "immer": "^9.0.19",
-    "jschardet": "^3.0.0",
-    "jsonwebtoken": "^9.0.2",
+    "js-cookie": "^3.0.5",
+    "jsonwebtoken": "^9.0.0",
     "lodash": "^4.17.21",
-    "mammoth": "^1.6.0",
+    "mammoth": "^1.5.1",
     "mermaid": "^10.2.3",
-    "multer": "1.4.5-lts.1",
+    "mongoose": "^6.10.0",
     "nanoid": "^4.0.1",
-    "next": "13.5.2",
+    "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",
@@ -58,28 +57,29 @@
     "remark-math": "^5.1.1",
     "request-ip": "^3.3.0",
     "sass": "^1.58.3",
+    "tunnel": "^0.0.6",
     "zustand": "^4.3.5"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",
-    "@types/downloadjs": "^1.4.3",
+    "@types/cookie": "^0.5.1",
     "@types/formidable": "^2.0.5",
     "@types/js-cookie": "^3.0.3",
-    "@types/jsonwebtoken": "^9.0.3",
+    "@types/jsonwebtoken": "^9.0.1",
     "@types/lodash": "^4.14.191",
-    "@types/multer": "^1.4.10",
-    "@types/node": "^20.8.5",
+    "@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",
-    "pnpm": ">=8.6.0"
+    "node": ">=18.0.0"
   }
 }

client/public/docs/chatProblem.md

@@ -0,0 +1,22 @@
+### 常见问题
+
+**一键部署**：V4 版本未正式开源，目前仅提供一键部署方案:
+
+[![](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://cloud.sealos.io/?openapp=system-fastdeploy%3FtemplateName%3Dfastgpt)
+
+**Git 地址**: [项目地址。V4-beta 暂未开源，在正式版发布后会开源。](https://github.com/labring/FastGPT)
+**反馈问卷**: 如果你遇到任何使用问题或有期望的功能，可以[填写该问卷](https://www.wjx.cn/vm/rLIw1uD.aspx#)
+**问题文档**: [先看文档，再提问](https://kjqvjse66l.feishu.cn/docx/HtrgdT0pkonP4kxGx8qcu6XDnGh)  
+**价格表**
+| 计费项 | 价格: 元/ 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,8 @@
+### Fast GPT V4.0-beta
+
+1. 全新交互，增加采用模块组合的方式构建知识库，同时保留表单的简易模式。
+2. 问题分类 - 可以对用户的问题进行分类，再执行不同的操作。
+3. 对话引导 - 增加开场引导和变量，提高对话可玩性。
+4. 新增 - 每轮对话均可展示完整的上下文状态。
+5. 新增 - 网页嵌入（简单版），可直接接入现有网页。在 【应用详情-外部使用-创建新链接-嵌入网页】 中获取嵌入脚本。
+6. 新增 - 个人 openai 账号可以使用网页上 OpenAI 对话模型。

client/public/js/iframe.js

@@ -4,8 +4,7 @@ async function embedChatbot() {
   const script = document.getElementById('fastgpt-iframe');
   const botSrc = script?.getAttribute('data-src');
   const primaryColor = script?.getAttribute('data-color') || '#4e83fd';
-  const defaultOpen = script?.getAttribute('data-default-open') === 'true';
-  
+
   if (!botSrc) {
     console.error(`Can't find appid`);
     return;
@@ -21,31 +20,25 @@ async function embedChatbot() {
   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;';
+    'position: fixed; bottom: 1rem; right: 1rem; width: 40px; height: 40px; cursor: pointer; z-index: 2147483647; ';
 
   const ChatBtnDiv = document.createElement('div');
+  ChatBtnDiv.style.cssText =
+    'transition: all 0.2s ease-in-out 0s; left: unset; transform: scale(1); :hover {transform: scale(1.1);} display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 9999;';
   ChatBtnDiv.innerHTML = MessageIcon;
 
   const iframe = document.createElement('iframe');
   iframe.allow = 'fullscreen;microphone';
-  iframe.title = 'FastGPT Chat Window';
+  iframe.title = 'FastGpt Chat Window';
   iframe.id = chatWindowId;
   iframe.src = botSrc;
+
   iframe.style.cssText =
-    '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;';
-  iframe.style.visibility = defaultOpen ? 'unset' : 'hidden'; 
- 
+    '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;
@@ -59,31 +52,6 @@ async function embedChatbot() {
     }
   });
 
-  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);
 }

client/public/locales/en/common.json

@@ -0,0 +1,122 @@
+{
+  "App": "App",
+  "Cancel": "No",
+  "Confirm": "Yes",
+  "Running": "Running",
+  "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",
+    "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",
+    "Input Field Settings": "Input Field Settings",
+    "My Apps": "My Apps",
+    "Output Field Settings": "Output Field Settings"
+  },
+  "chat": {
+    "Confirm to clear history": "Confirm to clear history?",
+    "Exit Chat": "Exit",
+    "History": "History",
+    "New Chat": "New Chat",
+    "You need to a chat app": "You need to a chat app"
+  },
+  "common": {
+    "Add": "Add",
+    "Cancel": "Cancel",
+    "Collect": "Collect",
+    "Copy": "Copy",
+    "Course": "",
+    "Delete": "Delete",
+    "Filed is repeat": "Filed is repeated",
+    "Filed is repeated": "",
+    "Input": "Input",
+    "Output": "Output"
+  },
+  "file": {
+    "Click to download CSV template": "Click to download CSV template",
+    "Drag and drop": "Drag and drop files here, or click",
+    "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 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": "",
+    "slogan": ""
+  },
+  "navbar": {
+    "Account": "Account",
+    "Apps": "Apps",
+    "Chat": "Chat",
+    "Datasets": "DataSets",
+    "Store": "Store",
+    "Tools": "Tools"
+  },
+  "user": {
+    "Account": "Account",
+    "Application Name": "Application Name",
+    "Avatar": "Avatar",
+    "Balance": "Balance",
+    "Bill Detail": "Bill Detail",
+    "Change": "Change",
+    "Notice": "Notice",
+    "Old password is error": "Old password is error",
+    "OpenAI Account Setting": "OpenAI Account Setting",
+    "Password": "Password",
+    "Pay": "Pay",
+    "Personal Information": "Personal",
+    "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"
+  }
+}

client/public/locales/zh/common.json

@@ -0,0 +1,121 @@
+{
+  "App": "应用",
+  "Cancel": "取消",
+  "Confirm": "确认",
+  "Running": "运行中",
+  "Warning": "提示",
+  "app": {
+    "Advance App TestTip": "当前应用为高级编排模式\n如需切换为【简易模式】请点击左侧保存按键",
+    "App Detail": "应用详情",
+    "Confirm Del App Tip": "确认删除该应用及其所有聊天记录？",
+    "Confirm Save App Tip": "该应用可能为高级编排模式，保存后将会覆盖高级编排配置，请确认！",
+    "Connection is invalid": "连接无效",
+    "Connection type is different": "连接的类型不一致",
+    "Input Field Settings": "输入字段编辑",
+    "My Apps": "我的应用",
+    "Output Field Settings": "输出字段编辑"
+  },
+  "chat": {
+    "Confirm to clear history": "确认清空该应用的聊天记录？",
+    "Exit Chat": "退出聊天",
+    "History": "记录",
+    "New Chat": "新对话",
+    "You need to a chat app": "你需要创建一个应用"
+  },
+  "common": {
+    "Add": "添加",
+    "Cancel": "取消",
+    "Collect": "收藏",
+    "Copy": "复制",
+    "Delete": "删除",
+    "Filed is repeat": "",
+    "Filed is repeated": "字段重复了",
+    "Input": "输入",
+    "Output": "输出"
+  },
+  "file": {
+    "Click to download CSV template": "点击下载 CSV 模板",
+    "Drag and drop": "拖拽文件至此，或点击",
+    "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 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": "账号",
+    "Application Name": "应用名",
+    "Avatar": "头像",
+    "Balance": "余额",
+    "Bill Detail": "账单详情",
+    "Change": "变更",
+    "Notice": "通知",
+    "Old password is error": "旧密码错误",
+    "OpenAI Account Setting": "OpenAI 账号配置",
+    "Password": "密码",
+    "Pay": "充值",
+    "Personal Information": "个人信息",
+    "Recharge Record": "充值记录",
+    "Replace": "更换",
+    "Set OpenAI Account Failed": "设置 OpenAI 账号异常",
+    "Sign Out": "登出",
+    "Source": "来源",
+    "Time": "时间",
+    "Total Amount": "总金额",
+    "Update Password": "修改密码",
+    "Update password failed": "修改密码异常",
+    "Update password succseful": "修改密码成功",
+    "Usage Record": "使用记录"
+  }
+}

client/src/api/app.ts

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

client/src/api/chat.ts

@@ -0,0 +1,76 @@
+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';
+
+/**
+ * 获取初始化聊天内容
+ */
+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 });
+
+/**
+ * update history quote status
+ */
+export const updateHistoryQuote = (params: {
+  chatId: string;
+  contentId: string;
+  quoteId: string;
+  sourceText: string;
+}) => PUT(`/chat/history/updateHistoryQuote`, params);
+
+/**
+ * 删除一句对话
+ */
+export const delChatRecordByIndex = (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}`);

client/src/api/fetch.ts

@@ -1,28 +1,26 @@
-import { sseResponseEventEnum } from '@fastgpt/service/common/response/constant';
-import { getErrText } from '@fastgpt/global/common/error/utils';
+import { sseResponseEventEnum, TaskResponseKeyEnum } from '@/constants/chat';
+import { getErrText } from '@/utils/tools';
 import { parseStreamChunk, SSEParseData } from '@/utils/sse';
-import type { ChatHistoryItemResType } from '@fastgpt/global/core/chat/api.d';
+import type { ChatHistoryItemResType } from '@/types/chat';
 import { StartChatFnProps } from '@/components/ChatBox';
-import { getToken } from '@/web/support/user/auth';
-import { ModuleOutputKeyEnum } from '@fastgpt/global/core/module/constants';
+import { getToken } from '@/utils/user';
 
-type StreamFetchProps = {
+interface StreamFetchProps {
   url?: string;
   data: Record<string, any>;
   onMessage: StartChatFnProps['generatingMessage'];
   abortSignal: AbortController;
-};
-type StreamResponseType = {
-  responseText: string;
-  [ModuleOutputKeyEnum.responseData]: ChatHistoryItemResType[];
-};
+}
 export const streamFetch = ({
-  url = '/api/v1/chat/completions',
+  url = '/api/openapi/v1/chat/completions',
   data,
   onMessage,
   abortSignal
 }: StreamFetchProps) =>
-  new Promise<StreamResponseType>(async (resolve, reject) => {
+  new Promise<{
+    responseText: string;
+    [TaskResponseKeyEnum.responseData]: ChatHistoryItemResType[];
+  }>(async (resolve, reject) => {
     try {
       const response = await window.fetch(url, {
         method: 'POST',
@@ -38,7 +36,7 @@ export const streamFetch = ({
         })
       });
 
-      if (!response?.body || !response?.ok) {
+      if (!response?.body) {
         throw new Error('Request Error');
       }
 
@@ -76,7 +74,7 @@ export const streamFetch = ({
             if (!eventName || !data) return;
 
             if (eventName === sseResponseEventEnum.answer && data !== '[DONE]') {
-              const answer: string = data?.choices?.[0]?.delta?.content || '';
+              const answer: string = data?.choices?.[0].delta.content || '';
               onMessage({ text: answer });
               responseText += answer;
             } else if (
@@ -96,13 +94,12 @@ export const streamFetch = ({
           });
           read();
         } catch (err: any) {
-          if (abortSignal.signal.aborted) {
+          if (err?.message === 'The user aborted a request.') {
             return resolve({
               responseText,
               responseData
             });
           }
-
           reject({
             responseText,
             message: getErrText(err, '请求异常')
@@ -111,12 +108,6 @@ export const streamFetch = ({
       };
       read();
     } catch (err: any) {
-      if (abortSignal.signal.aborted) {
-        return resolve({
-          responseText: '',
-          responseData: []
-        });
-      }
       console.log(err, 'fetch error');
 
       reject(getErrText(err, '请求异常'));

client/src/api/openapi.ts

@@ -0,0 +1,16 @@
+import { GET, POST, DELETE } from './request';
+import { UserOpenApiKey } from '@/types/openapi';
+/**
+ * crete a api key
+ */
+export const createAOpenApiKey = () => POST<string>('/openapi/postKey');
+
+/**
+ * get api keys
+ */
+export const getOpenApiKeys = () => GET<UserOpenApiKey[]>('/openapi/getKeys');
+
+/**
+ * delete api by id
+ */
+export const delOpenApiById = (id: string) => DELETE(`/openapi/delKey?id=${id}`);

client/src/api/plugins/kb.ts

@@ -0,0 +1,93 @@
+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';
+
+export type KbUpdateParams = {
+  id: string;
+  name: string;
+  tags: string;
+  avatar: string;
+};
+
+/* 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: { name: string }) => 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);
+
+export const getKbDataItemById = (dataId: string) =>
+  GET<KbDataItemType>(`/plugins/kb/data/getDataById`, { dataId });
+
+/**
+ * 直接push数据
+ */
+export const postKbDataFromList = (data: PushDataProps) =>
+  POST<PushDateResponse>(`/openapi/kb/pushData`, 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,4 +1,6 @@
 import axios, { Method, InternalAxiosRequestConfig, AxiosResponse } from 'axios';
+import { clearToken, getToken } from '@/utils/user';
+import { TOKEN_ERROR_CODE } from '@/service/errorCode';
 
 interface ConfigType {
   headers?: { [key: string]: string };
@@ -15,6 +17,10 @@ interface ResponseDataType {
  * 请求开始
  */
 function requestStart(config: InternalAxiosRequestConfig): InternalAxiosRequestConfig {
+  if (config.headers) {
+    config.headers.token = getToken();
+  }
+
   return config;
 }
 
@@ -31,7 +37,7 @@ 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)) {
+  } else if (data.code < 200 || data.code >= 400) {
     return Promise.reject(data);
   }
   return data.data;
@@ -41,13 +47,22 @@ function checkRes(data: ResponseDataType) {
  * 响应错误
  */
 function responseError(err: any) {
+  console.log('error->', '请求错误', err);
+
   if (!err) {
     return Promise.reject({ message: '未知错误' });
   }
   if (typeof err === 'string') {
     return Promise.reject({ message: err });
   }
-
+  // 有报错响应
+  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);
   }
@@ -58,9 +73,7 @@ function responseError(err: any) {
 const instance = axios.create({
   timeout: 60000, // 超时时间
   headers: {
-    'content-type': 'application/json',
-    'Cache-Control': 'no-cache',
-    rootkey: process.env.ROOT_KEY
+    'content-type': 'application/json'
   }
 });
 
@@ -69,11 +82,7 @@ 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('该功能为商业版特有...');
-  }
-
+function request(url: string, data: any, config: ConfigType, method: Method): any {
   /* 去空 */
   for (const key in data) {
     if (data[key] === null || data[key] === undefined) {
@@ -83,7 +92,7 @@ export function request(url: string, data: any, config: ConfigType, method: Meth
 
   return instance
     .request({
-      baseURL: global.systemEnv.pluginBaseUrl,
+      baseURL: '/api',
       url,
       method,
       data: ['POST', 'PUT'].includes(method) ? data : null,
@@ -101,18 +110,18 @@ export function request(url: string, data: any, config: ConfigType, method: Meth
  * @param {Object} config
  * @returns
  */
-export function GET<T = undefined>(url: string, params = {}, config: ConfigType = {}): Promise<T> {
+export function GET<T>(url: string, params = {}, config: ConfigType = {}): Promise<T> {
   return request(url, params, config, 'GET');
 }
 
-export function POST<T = undefined>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+export function POST<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
   return request(url, data, config, 'POST');
 }
 
-export function PUT<T = undefined>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+export function PUT<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
   return request(url, data, config, 'PUT');
 }
 
-export function DELETE<T = undefined>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
+export function DELETE<T>(url: string, data = {}, config: ConfigType = {}): Promise<T> {
   return request(url, data, config, 'DELETE');
 }

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

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

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

@@ -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

@@ -1,5 +1,5 @@
-import type { UserTypee } from '@fastgpt/global/support/user/type.d';
-import type { PromotionRecordSchema } from '@fastgpt/global/support/activity/type.d';
+import type { UserType } from '@/types/user';
+import type { PromotionRecordSchema } from '@/types/mongoSchema';
 export interface ResLogin {
   user: UserType;
   token: string;

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,84 @@
+import { GET, POST, PUT } from './request';
+import { createHashPassword } from '@/utils/tools';
+import { ResLogin } from './response/user';
+import { UserAuthTypeEnum } from '@/constants/common';
+import { UserBillType, UserType, UserUpdateParams } from '@/types/user';
+import type { PagingData, RequestPaging } from '@/types';
+import { informSchema, PaySchema } from '@/types/mongoSchema';
+
+export const sendAuthCode = (data: {
+  username: string;
+  type: `${UserAuthTypeEnum}`;
+  googleToken: string;
+}) => POST('/user/sendAuthCode', data);
+
+export const getTokenLogin = () => GET<UserType>('/user/account/tokenLogin');
+export const gitLogin = (code: string) => GET<ResLogin>('/user/account/gitLogin', { code });
+
+export const postRegister = ({
+  username,
+  password,
+  code,
+  inviterId
+}: {
+  username: string;
+  code: string;
+  password: string;
+  inviterId: string;
+}) =>
+  POST<ResLogin>('/user/account/register', {
+    username,
+    code,
+    inviterId,
+    password: createHashPassword(password)
+  });
+
+export const postFindPassword = ({
+  username,
+  code,
+  password
+}: {
+  username: string;
+  code: string;
+  password: string;
+}) =>
+  POST<ResLogin>('/user/account/updatePasswordByCode', {
+    username,
+    code,
+    password: createHashPassword(password)
+  });
+
+export const updatePasswordByOld = ({ oldPsw, newPsw }: { oldPsw: string; newPsw: string }) =>
+  POST('/user/account/updatePasswordByOld', {
+    oldPsw: createHashPassword(oldPsw),
+    newPsw: createHashPassword(newPsw)
+  });
+
+export const postLogin = ({ username, password }: { username: string; password: string }) =>
+  POST<ResLogin>('/user/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;
+  }>(`/user/getPayCode?amount=${amount}`);
+
+export const checkPayResult = (payId: string) => GET<number>(`/user/checkPayResult?payId=${payId}`);
+
+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 });

client/src/components/APIKeyModal/index.tsx

@@ -0,0 +1,143 @@
+import React, { useState } from 'react';
+import {
+  Box,
+  Button,
+  Flex,
+  ModalFooter,
+  ModalBody,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer,
+  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 { 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 APIKeyModal = ({ onClose }: { onClose: () => void }) => {
+  const { Loading } = useLoading();
+  const { toast } = useToast();
+  const {
+    data: apiKeys = [],
+    isLoading: isGetting,
+    refetch
+  } = useQuery(['getOpenApiKeys'], getOpenApiKeys);
+  const [apiKey, setApiKey] = useState('');
+  const { copyData } = useCopyData();
+
+  const { mutate: onclickCreateApiKey, isLoading: isCreating } = useMutation({
+    mutationFn: () => createAOpenApiKey(),
+    onSuccess(res) {
+      setApiKey(res);
+      refetch();
+    },
+    onError(err) {
+      toast({
+        status: 'warning',
+        title: getErrText(err)
+      });
+    }
+  });
+
+  const { mutate: onclickRemove, isLoading: isDeleting } = useMutation({
+    mutationFn: async (id: string) => delOpenApiById(id),
+    onSuccess() {
+      refetch();
+    }
+  });
+
+  return (
+    <MyModal isOpen onClose={onClose} w={'600px'}>
+      <Box py={3} px={5}>
+        <Box fontWeight={'bold'} fontSize={'2xl'}>
+          API 秘钥管理
+        </Box>
+        <Box fontSize={'sm'} color={'myGray.600'}>
+          如果你不想 API 秘钥被滥用，请勿将秘钥直接放置在前端使用~
+        </Box>
+      </Box>
+      <ModalBody minH={'300px'} maxH={['70vh', '500px']} overflow={'overlay'}>
+        <TableContainer mt={2} position={'relative'}>
+          <Table>
+            <Thead>
+              <Tr>
+                <Th>Api Key</Th>
+                <Th>创建时间</Th>
+                <Th>最后一次使用时间</Th>
+                <Th />
+              </Tr>
+            </Thead>
+            <Tbody fontSize={'sm'}>
+              {apiKeys.map(({ id, apiKey, createTime, lastUsedTime }) => (
+                <Tr key={id}>
+                  <Td>{apiKey}</Td>
+                  <Td>{dayjs(createTime).format('YYYY/MM/DD HH:mm:ss')}</Td>
+                  <Td>
+                    {lastUsedTime
+                      ? dayjs(lastUsedTime).format('YYYY/MM/DD HH:mm:ss')
+                      : '没有使用过'}
+                  </Td>
+                  <Td>
+                    <IconButton
+                      icon={<DeleteIcon />}
+                      size={'xs'}
+                      aria-label={'delete'}
+                      variant={'base'}
+                      colorScheme={'gray'}
+                      onClick={() => onclickRemove(id)}
+                    />
+                  </Td>
+                </Tr>
+              ))}
+            </Tbody>
+          </Table>
+        </TableContainer>
+      </ModalBody>
+
+      <ModalFooter>
+        <Button
+          variant="base"
+          leftIcon={<AddIcon color={'myGray.600'} fontSize={'sm'} />}
+          onClick={() => onclickCreateApiKey()}
+        >
+          新建秘钥
+        </Button>
+      </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 APIKeyModal;

client/src/components/Avatar/index.tsx

@@ -1,20 +1,19 @@
 import React from 'react';
 import { Image } from '@chakra-ui/react';
 import type { ImageProps } from '@chakra-ui/react';
-import { LOGO_ICON } from '@fastgpt/global/core/chat/constants';
+import { LOGO_ICON } from '@/constants/chat';
 
-const Avatar = ({ w = '30px', src, ...props }: ImageProps) => {
+const Avatar = ({ w = '30px', ...props }: ImageProps) => {
   return (
     <Image
       fallbackSrc={LOGO_ICON}
       fallbackStrategy={'onError'}
-      borderRadius={'md'}
-      objectFit={'contain'}
+      borderRadius={'50%'}
+      objectFit={'cover'}
       alt=""
       w={w}
       h={w}
       p={'1px'}
-      src={src || LOGO_ICON}
       {...props}
     />
   );

client/src/components/ChatBox/ContextModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ModalBody, Box, useTheme, Flex, Image } from '@chakra-ui/react';
-import { ChatItemType } from '@fastgpt/global/core/chat/type';
+import { ModalBody, Box, useTheme } from '@chakra-ui/react';
+import { ChatItemType } from '@/types/chat';
 import MyModal from '../MyModal';
 
 const ContextModal = ({
@@ -16,18 +16,12 @@ const ContextModal = ({
     <MyModal
       isOpen={true}
       onClose={onClose}
-      iconSrc="/imgs/modal/chatHistory.svg"
       title={`完整对话记录(${context.length}条)`}
       h={['90vh', '80vh']}
       minW={['90vw', '600px']}
       isCentered
     >
-      <ModalBody
-        whiteSpace={'pre-wrap'}
-        textAlign={'justify'}
-        wordBreak={'break-all'}
-        fontSize={'sm'}
-      >
+      <ModalBody pt={0} whiteSpace={'pre-wrap'} textAlign={'justify'} fontSize={'sm'}>
         {context.map((item, i) => (
           <Box
             key={i}

client/src/components/ChatBox/QuoteModal.tsx

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

client/src/components/ChatBox/ResponseDetailModal.tsx

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

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

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

client/src/components/ChatBox/index.tsx

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

client/src/components/ChatBox/utils.ts

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

client/src/components/CommunityModal/index.tsx

@@ -1,21 +1,21 @@
 import React from 'react';
 import { Button, ModalFooter, ModalBody } from '@chakra-ui/react';
 import MyModal from '../MyModal';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from 'react-i18next';
 import Markdown from '../Markdown';
-import { feConfigs } from '@/web/common/system/staticData';
+
+const md = `
+| 交流群 | 小助手 |
+| ----------------------- | -------------------- |
+| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |
+`;
 
 const CommunityModal = ({ onClose }: { onClose: () => void }) => {
   const { t } = useTranslation();
   return (
-    <MyModal
-      isOpen={true}
-      onClose={onClose}
-      iconSrc="/imgs/modal/concat.svg"
-      title={t('home.Community')}
-    >
+    <MyModal isOpen={true} onClose={onClose} title={t('home.Community')}>
       <ModalBody textAlign={'center'}>
-        <Markdown source={feConfigs?.concatMd || ''} />
+        <Markdown source={md} />
       </ModalBody>
 
       <ModalFooter>

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

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