perf: v4.4.6-1 (#364)

36f5648c · Archer · GitHub · ab57bfcc · 36f5648c · 36f5648c
Commit 36f5648c authored Sep 28, 2023 by Archer Committed by GitHub Sep 28, 2023
52 changed files
--- a/.github/workflows/fastgpt-image.yml
+++ b/.github/workflows/fastgpt-image.yml
-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/**'
    branches:
      - 'main'
    tags:
@@ -54,7 +55,7 @@ jobs:
          --platform linux/amd64,linux/arm64 \
          --label "org.opencontainers.image.source=  https://github.com/  ${{ github.repository_owner }}/FastGPT" \
          --label "org.opencontainers.image.description=fastgpt image" \
-          --label "org.opencontainers.image.licenses=MIT" \
+          --label "org.opencontainers.image.licenses=Apache" \
          --push \
          --cache-from=type=local,src=/tmp/.buildx-cache \
          --cache-to=type=local,dest=/tmp/.buildx-cache \

--- a/.github/workflows/preview-image.yml
+++ b/.github/workflows/preview-image.yml
+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:
+          fetch-depth: 1
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v1
+      - 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: |
+          echo "DOCKER_REPO_TAGGED=ghcr.io/${{ github.repository_owner }}/fastgpt-pr:${{ github.event.pull_request.number }}" >> $GITHUB_ENV
+      - name: Build and publish 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" \
+          --cache-from=type=local,src=/tmp/.buildx-cache \
+          --cache-to=type=local,dest=/tmp/.buildx-cache \
+          -t ${DOCKER_REPO_TAGGED} \
+          -f Dockerfile \
+          .
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,7 +2,7 @@
    "editor.formatOnSave": true,
    "editor.mouseWheelZoom": true,
    "typescript.tsdk": "node_modules/typescript/lib",
-    "prettier.prettierPath": "./node_modules/prettier",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "i18n-ally.localesPaths": [
        "projects/app/public/locales"
    ],

--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
    "i18next": "^23.2.11",
    "lint-staged": "^13.2.1",
    "next-i18next": "^14.0.0",
-    "prettier": "^2.8.7",
+    "prettier": "^3.0.3",
    "react-i18next": "^13.0.2"
  },
  "lint-staged": {

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 settings:
  autoInstallPeers: true
@@ -21,8 +21,8 @@ importers:
        specifier: ^14.0.0
        version: registry.npmmirror.com/next-i18next@14.0.0(i18next@23.2.11)(next@13.5.2)(react-i18next@13.0.2)(react@18.2.0)
      prettier:
-        specifier: ^2.8.7
+        specifier: ^3.0.3
-        version: registry.npmmirror.com/prettier@2.8.7
+        version: registry.npmmirror.com/prettier@3.0.3
      react-i18next:
        specifier: ^13.0.2
        version: registry.npmmirror.com/react-i18next@13.0.2(i18next@23.2.11)(react-dom@18.2.0)(react@18.2.0)
@@ -307,6 +307,7 @@ packages:
    resolution: {integrity: sha512-IzSgsrxUcsrejQbPVilIKy16kAT52EwB6zSaI+M3xxIhKh5+aldEyvI+z6erM7TCLB2BJsFrtHjp6/4/sr+3dA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/crc32/-/crc32-3.0.0.tgz}
    name: '@aws-crypto/crc32'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      '@aws-crypto/util': registry.npmmirror.com/@aws-crypto/util@3.0.0
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
@@ -318,6 +319,7 @@ packages:
    resolution: {integrity: sha512-341lBBkiY1DfDNKai/wXM3aujNBkXR7tq1URPQDL9wi3AUbI80NR74uF1TXHMm7po1AcnFk8iu2S2IeU/+/A+Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/ie11-detection/-/ie11-detection-3.0.0.tgz}
    name: '@aws-crypto/ie11-detection'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@1.14.1
    dev: false
@@ -327,6 +329,7 @@ packages:
    resolution: {integrity: sha512-8VLmW2B+gjFbU5uMeqtQM6Nj0/F1bro80xQXCW6CQBWgosFWXTx77aeOF5CAIAmbOK64SdMBJdNr6J41yP5mvQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/sha256-browser/-/sha256-browser-3.0.0.tgz}
    name: '@aws-crypto/sha256-browser'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      '@aws-crypto/ie11-detection': registry.npmmirror.com/@aws-crypto/ie11-detection@3.0.0
      '@aws-crypto/sha256-js': registry.npmmirror.com/@aws-crypto/sha256-js@3.0.0
@@ -343,6 +346,7 @@ packages:
    resolution: {integrity: sha512-PnNN7os0+yd1XvXAy23CFOmTbMaDxgxXtTKHybrJ39Y8kGzBATgBFibWJKH6BhytLI/Zyszs87xCOBNyBig6vQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/sha256-js/-/sha256-js-3.0.0.tgz}
    name: '@aws-crypto/sha256-js'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      '@aws-crypto/util': registry.npmmirror.com/@aws-crypto/util@3.0.0
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
@@ -354,6 +358,7 @@ packages:
    resolution: {integrity: sha512-06hBdMwUAb2WFTuGG73LSC0wfPu93xWwo5vL2et9eymgmu3Id5vFAHBbajVWiGhPO37qcsdCap/FqXvJGJWPIg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/supports-web-crypto/-/supports-web-crypto-3.0.0.tgz}
    name: '@aws-crypto/supports-web-crypto'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@1.14.1
    dev: false
@@ -363,6 +368,7 @@ packages:
    resolution: {integrity: sha512-2OJlpeJpCR48CC8r+uKVChzs9Iungj9wkZrl8Z041DWEWvyIHILYKCPNzJghKsivj+S3mLo6BVc7mBNzdxA46w==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-crypto/util/-/util-3.0.0.tgz}
    name: '@aws-crypto/util'
    version: 3.0.0
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@aws-sdk/util-utf8-browser': registry.npmmirror.com/@aws-sdk/util-utf8-browser@3.259.0
@@ -375,6 +381,7 @@ packages:
    name: '@aws-sdk/client-cognito-identity'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-crypto/sha256-browser': registry.npmmirror.com/@aws-crypto/sha256-browser@3.0.0
      '@aws-crypto/sha256-js': registry.npmmirror.com/@aws-crypto/sha256-js@3.0.0
@@ -423,6 +430,7 @@ packages:
    name: '@aws-sdk/client-sso'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-crypto/sha256-browser': registry.npmmirror.com/@aws-crypto/sha256-browser@3.0.0
      '@aws-crypto/sha256-js': registry.npmmirror.com/@aws-crypto/sha256-js@3.0.0
@@ -468,6 +476,7 @@ packages:
    name: '@aws-sdk/client-sts'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-crypto/sha256-browser': registry.npmmirror.com/@aws-crypto/sha256-browser@3.0.0
      '@aws-crypto/sha256-js': registry.npmmirror.com/@aws-crypto/sha256-js@3.0.0
@@ -517,6 +526,7 @@ packages:
    name: '@aws-sdk/credential-provider-cognito-identity'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/client-cognito-identity': registry.npmmirror.com/@aws-sdk/client-cognito-identity@3.418.0
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
@@ -533,6 +543,7 @@ packages:
    name: '@aws-sdk/credential-provider-env'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
@@ -546,6 +557,7 @@ packages:
    name: '@aws-sdk/credential-provider-ini'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/credential-provider-env': registry.npmmirror.com/@aws-sdk/credential-provider-env@3.418.0
      '@aws-sdk/credential-provider-process': registry.npmmirror.com/@aws-sdk/credential-provider-process@3.418.0
@@ -567,6 +579,7 @@ packages:
    name: '@aws-sdk/credential-provider-node'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/credential-provider-env': registry.npmmirror.com/@aws-sdk/credential-provider-env@3.418.0
      '@aws-sdk/credential-provider-ini': registry.npmmirror.com/@aws-sdk/credential-provider-ini@3.418.0
@@ -589,6 +602,7 @@ packages:
    name: '@aws-sdk/credential-provider-process'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
@@ -603,6 +617,7 @@ packages:
    name: '@aws-sdk/credential-provider-sso'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/client-sso': registry.npmmirror.com/@aws-sdk/client-sso@3.418.0
      '@aws-sdk/token-providers': registry.npmmirror.com/@aws-sdk/token-providers@3.418.0
@@ -621,6 +636,7 @@ packages:
    name: '@aws-sdk/credential-provider-web-identity'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
@@ -661,6 +677,7 @@ packages:
    name: '@aws-sdk/middleware-host-header'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
@@ -674,6 +691,7 @@ packages:
    name: '@aws-sdk/middleware-logger'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -686,6 +704,7 @@ packages:
    name: '@aws-sdk/middleware-recursion-detection'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
@@ -699,6 +718,7 @@ packages:
    name: '@aws-sdk/middleware-sdk-sts'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/middleware-signing': registry.npmmirror.com/@aws-sdk/middleware-signing@3.418.0
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
@@ -712,6 +732,7 @@ packages:
    name: '@aws-sdk/middleware-signing'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
@@ -728,6 +749,7 @@ packages:
    name: '@aws-sdk/middleware-user-agent'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@aws-sdk/util-endpoints': registry.npmmirror.com/@aws-sdk/util-endpoints@3.418.0
@@ -742,6 +764,7 @@ packages:
    name: '@aws-sdk/region-config-resolver'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/node-config-provider': registry.npmmirror.com/@smithy/node-config-provider@2.0.12
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -756,6 +779,7 @@ packages:
    name: '@aws-sdk/token-providers'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-crypto/sha256-browser': registry.npmmirror.com/@aws-crypto/sha256-browser@3.0.0
      '@aws-crypto/sha256-js': registry.npmmirror.com/@aws-crypto/sha256-js@3.0.0
@@ -802,6 +826,7 @@ packages:
    name: '@aws-sdk/types'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -813,6 +838,7 @@ packages:
    name: '@aws-sdk/util-endpoints'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -824,6 +850,7 @@ packages:
    name: '@aws-sdk/util-locate-window'
    version: 3.310.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -833,6 +860,7 @@ packages:
    resolution: {integrity: sha512-c4p4mc0VV/jIeNH0lsXzhJ1MpWRLuboGtNEpqE4s1Vl9ck2amv9VdUUZUmHbg+bVxlMgRQ4nmiovA4qIrqGuyg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.418.0.tgz}
    name: '@aws-sdk/util-user-agent-browser'
    version: 3.418.0
+    requiresBuild: true
    dependencies:
      '@aws-sdk/types': registry.npmmirror.com/@aws-sdk/types@3.418.0
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -846,6 +874,7 @@ packages:
    name: '@aws-sdk/util-user-agent-node'
    version: 3.418.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    peerDependencies:
      aws-crt: '>=1.0.0'
    peerDependenciesMeta:
@@ -863,6 +892,7 @@ packages:
    resolution: {integrity: sha512-UvFa/vR+e19XookZF8RzFZBrw2EUkQWxiBW0yYQAhvk3C+QVGl0H3ouca8LDBlBfQKXwmW3huo/59H8rwb1wJw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aws-sdk/util-utf8-browser/-/util-utf8-browser-3.259.0.tgz}
    name: '@aws-sdk/util-utf8-browser'
    version: 3.259.0
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -3854,6 +3884,7 @@ packages:
    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@emotion/memoize/-/memoize-0.7.4.tgz}
    name: '@emotion/memoize'
    version: 0.7.4
+    requiresBuild: true
    dev: false
    optional: true
@@ -4375,6 +4406,7 @@ packages:
    name: '@smithy/abort-controller'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4386,6 +4418,7 @@ packages:
    name: '@smithy/config-resolver'
    version: 2.0.10
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/node-config-provider': registry.npmmirror.com/@smithy/node-config-provider@2.0.12
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4400,6 +4433,7 @@ packages:
    name: '@smithy/credential-provider-imds'
    version: 2.0.12
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/node-config-provider': registry.npmmirror.com/@smithy/node-config-provider@2.0.12
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
@@ -4413,6 +4447,7 @@ packages:
    resolution: {integrity: sha512-sy0pcbKnawt1iu+qCoSFbs/h9PAaUgvlJEO3lqkE1HFFj4p5RgL98vH+9CyDoj6YY82cG5XsorFmcLqQJHTOYw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@smithy/eventstream-codec/-/eventstream-codec-2.0.9.tgz}
    name: '@smithy/eventstream-codec'
    version: 2.0.9
+    requiresBuild: true
    dependencies:
      '@aws-crypto/crc32': registry.npmmirror.com/@aws-crypto/crc32@3.0.0
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4425,6 +4460,7 @@ packages:
    resolution: {integrity: sha512-BIeCHGfr5JCGN+EMTwZK74ELvjPXOIrI7OLM5OhZJJ6AmZyRv2S9ANJk18AtLwht0TsSm+8WoXIEp8LuxNgUyA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@smithy/fetch-http-handler/-/fetch-http-handler-2.1.5.tgz}
    name: '@smithy/fetch-http-handler'
    version: 2.1.5
+    requiresBuild: true
    dependencies:
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
      '@smithy/querystring-builder': registry.npmmirror.com/@smithy/querystring-builder@2.0.9
@@ -4439,6 +4475,7 @@ packages:
    name: '@smithy/hash-node'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      '@smithy/util-buffer-from': registry.npmmirror.com/@smithy/util-buffer-from@2.0.0
@@ -4451,6 +4488,7 @@ packages:
    resolution: {integrity: sha512-RuJqhYf8nViK96IIO9JbTtjDUuFItVfuuJhWw2yk7fv67yltQ7fZD6IQ2OsHHluoVmstnQJuCg5raXJR696Ubw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@smithy/invalid-dependency/-/invalid-dependency-2.0.9.tgz}
    name: '@smithy/invalid-dependency'
    version: 2.0.9
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4462,6 +4500,7 @@ packages:
    name: '@smithy/is-array-buffer'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4472,6 +4511,7 @@ packages:
    name: '@smithy/middleware-content-length'
    version: 2.0.11
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4484,6 +4524,7 @@ packages:
    name: '@smithy/middleware-endpoint'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/middleware-serde': registry.npmmirror.com/@smithy/middleware-serde@2.0.9
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4498,6 +4539,7 @@ packages:
    name: '@smithy/middleware-retry'
    version: 2.0.12
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/node-config-provider': registry.npmmirror.com/@smithy/node-config-provider@2.0.12
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
@@ -4515,6 +4557,7 @@ packages:
    name: '@smithy/middleware-serde'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4526,6 +4569,7 @@ packages:
    name: '@smithy/middleware-stack'
    version: 2.0.3
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4537,6 +4581,7 @@ packages:
    name: '@smithy/node-config-provider'
    version: 2.0.12
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
      '@smithy/shared-ini-file-loader': registry.npmmirror.com/@smithy/shared-ini-file-loader@2.0.11
@@ -4550,6 +4595,7 @@ packages:
    name: '@smithy/node-http-handler'
    version: 2.1.5
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/abort-controller': registry.npmmirror.com/@smithy/abort-controller@2.0.9
      '@smithy/protocol-http': registry.npmmirror.com/@smithy/protocol-http@3.0.5
@@ -4564,6 +4610,7 @@ packages:
    name: '@smithy/property-provider'
    version: 2.0.10
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4575,6 +4622,7 @@ packages:
    name: '@smithy/protocol-http'
    version: 3.0.5
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4586,6 +4634,7 @@ packages:
    name: '@smithy/querystring-builder'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      '@smithy/util-uri-escape': registry.npmmirror.com/@smithy/util-uri-escape@2.0.0
@@ -4598,6 +4647,7 @@ packages:
    name: '@smithy/querystring-parser'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4609,6 +4659,7 @@ packages:
    name: '@smithy/service-error-classification'
    version: 2.0.2
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
    dev: false
@@ -4619,6 +4670,7 @@ packages:
    name: '@smithy/shared-ini-file-loader'
    version: 2.0.11
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4630,6 +4682,7 @@ packages:
    name: '@smithy/signature-v4'
    version: 2.0.9
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/eventstream-codec': registry.npmmirror.com/@smithy/eventstream-codec@2.0.9
      '@smithy/is-array-buffer': registry.npmmirror.com/@smithy/is-array-buffer@2.0.0
@@ -4647,6 +4700,7 @@ packages:
    name: '@smithy/smithy-client'
    version: 2.1.7
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/middleware-stack': registry.npmmirror.com/@smithy/middleware-stack@2.0.3
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4660,6 +4714,7 @@ packages:
    name: '@smithy/types'
    version: 2.3.3
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4669,6 +4724,7 @@ packages:
    resolution: {integrity: sha512-NBnJ0NiY8z6E82Xd5VYUFQfKwK/wA/+QkKmpYUYP+cpH3aCzE6g2gvixd9vQKYjsIdRfNPCf+SFAozt8ljozOw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@smithy/url-parser/-/url-parser-2.0.9.tgz}
    name: '@smithy/url-parser'
    version: 2.0.9
+    requiresBuild: true
    dependencies:
      '@smithy/querystring-parser': registry.npmmirror.com/@smithy/querystring-parser@2.0.9
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4681,6 +4737,7 @@ packages:
    name: '@smithy/util-base64'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/util-buffer-from': registry.npmmirror.com/@smithy/util-buffer-from@2.0.0
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4691,6 +4748,7 @@ packages:
    resolution: {integrity: sha512-JdDuS4ircJt+FDnaQj88TzZY3+njZ6O+D3uakS32f2VNnDo3vyEuNdBOh/oFd8Df1zSZOuH1HEChk2AOYDezZg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@smithy/util-body-length-browser/-/util-body-length-browser-2.0.0.tgz}
    name: '@smithy/util-body-length-browser'
    version: 2.0.0
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4701,6 +4759,7 @@ packages:
    name: '@smithy/util-body-length-node'
    version: 2.1.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4711,6 +4770,7 @@ packages:
    name: '@smithy/util-buffer-from'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/is-array-buffer': registry.npmmirror.com/@smithy/is-array-buffer@2.0.0
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4722,6 +4782,7 @@ packages:
    name: '@smithy/util-config-provider'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4732,6 +4793,7 @@ packages:
    name: '@smithy/util-defaults-mode-browser'
    version: 2.0.11
    engines: {node: '>= 10.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/property-provider': registry.npmmirror.com/@smithy/property-provider@2.0.10
      '@smithy/smithy-client': registry.npmmirror.com/@smithy/smithy-client@2.1.7
@@ -4746,6 +4808,7 @@ packages:
    name: '@smithy/util-defaults-mode-node'
    version: 2.0.13
    engines: {node: '>= 10.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/config-resolver': registry.npmmirror.com/@smithy/config-resolver@2.0.10
      '@smithy/credential-provider-imds': registry.npmmirror.com/@smithy/credential-provider-imds@2.0.12
@@ -4762,6 +4825,7 @@ packages:
    name: '@smithy/util-hex-encoding'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4772,6 +4836,7 @@ packages:
    name: '@smithy/util-middleware'
    version: 2.0.2
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -4783,6 +4848,7 @@ packages:
    name: '@smithy/util-retry'
    version: 2.0.2
    engines: {node: '>= 14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/service-error-classification': registry.npmmirror.com/@smithy/service-error-classification@2.0.2
      '@smithy/types': registry.npmmirror.com/@smithy/types@2.3.3
@@ -4795,6 +4861,7 @@ packages:
    name: '@smithy/util-stream'
    version: 2.0.12
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/fetch-http-handler': registry.npmmirror.com/@smithy/fetch-http-handler@2.1.5
      '@smithy/node-http-handler': registry.npmmirror.com/@smithy/node-http-handler@2.1.5
@@ -4812,6 +4879,7 @@ packages:
    name: '@smithy/util-uri-escape'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      tslib: registry.npmmirror.com/tslib@2.5.3
    dev: false
@@ -4822,6 +4890,7 @@ packages:
    name: '@smithy/util-utf8'
    version: 2.0.0
    engines: {node: '>=14.0.0'}
+    requiresBuild: true
    dependencies:
      '@smithy/util-buffer-from': registry.npmmirror.com/@smithy/util-buffer-from@2.0.0
      tslib: registry.npmmirror.com/tslib@2.5.3
@@ -6159,6 +6228,7 @@ packages:
    resolution: {integrity: sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/bowser/-/bowser-2.11.0.tgz}
    name: bowser
    version: 2.11.0
+    requiresBuild: true
    dev: false
    optional: true
@@ -7900,6 +7970,7 @@ packages:
    name: fast-xml-parser
    version: 4.2.5
    hasBin: true
+    requiresBuild: true
    dependencies:
      strnum: registry.npmmirror.com/strnum@1.0.5
    dev: false
@@ -9616,6 +9687,7 @@ packages:
    resolution: {integrity: sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/memory-pager/-/memory-pager-1.5.0.tgz}
    name: memory-pager
    version: 1.5.0
+    requiresBuild: true
    dev: false
    optional: true
@@ -10770,11 +10842,11 @@ packages:
    engines: {node: '>= 0.8.0'}
    dev: true
-  registry.npmmirror.com/prettier@2.8.7:
+  registry.npmmirror.com/prettier@3.0.3:
-    resolution: {integrity: sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/prettier/-/prettier-2.8.7.tgz}
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/prettier/-/prettier-3.0.3.tgz}
    name: prettier
-    version: 2.8.7
+    version: 3.0.3
-    engines: {node: '>=10.13.0'}
+    engines: {node: '>=14'}
    hasBin: true
    dev: true
@@ -11726,6 +11798,7 @@ packages:
    resolution: {integrity: sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz}
    name: sparse-bitfield
    version: 3.0.3
+    requiresBuild: true
    dependencies:
      memory-pager: registry.npmmirror.com/memory-pager@1.5.0
    dev: false
@@ -11898,6 +11971,7 @@ packages:
    resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/strnum/-/strnum-1.0.5.tgz}
    name: strnum
    version: 1.0.5
+    requiresBuild: true
    dev: false
    optional: true
@@ -12476,6 +12550,7 @@ packages:
    name: uuid
    version: 8.3.2
    hasBin: true
+    requiresBuild: true
    dev: false
    optional: true

--- a/projects/app/public/locales/en/common.json
+++ b/projects/app/public/locales/en/common.json
@@ -105,6 +105,7 @@
  },
  "common": {
    "Add": "Add",
+    "Close": "Clow",
    "Collect": "Collect",
    "Copy": "Copy",
    "Copy Successful": "Copy Successful",

--- a/projects/app/public/locales/zh/common.json
+++ b/projects/app/public/locales/zh/common.json
@@ -105,6 +105,7 @@
  },
  "common": {
    "Add": "添加",
+    "Close": "关闭",
    "Collect": "收藏",
    "Copy": "复制",
    "Copy Successful": "复制成功",

--- a/projects/app/src/components/ChatBox/index.tsx
+++ b/projects/app/src/components/ChatBox/index.tsx
@@ -1171,9 +1171,8 @@ export const useChatBox = () => {
        const historyDom = document.getElementById('history');
        if (!historyDom) return;
        const dom = Array.from(historyDom.children).map((child, i) => {
-          const avatar = `<img src="${
+          const avatar = `<img src="${child.querySelector<HTMLImageElement>('.avatar')
-            child.querySelector<HTMLImageElement>('.avatar')?.src
+            ?.src}" alt="" />`;
-          }" alt="" />`;
          const chatContent = child.querySelector<HTMLDivElement>('.markdown');

--- a/projects/app/src/components/Markdown/chat/Guide.tsx
+++ b/projects/app/src/components/Markdown/chat/Guide.tsx
@@ -19,8 +19,8 @@ function MyLink(e: any) {
      {text}
    </Link>
  ) : (
-    <Box as={'ul'}>
+    <Box as={'ul'} mt={'0 !important'}>
-      <Box as={'li'}>
+      <Box as={'li'} mb={1}>
        <Box
          as={'span'}
          color={'blue.600'}
@@ -47,6 +47,7 @@ const Guide = ({ text }: { text: string }) => {
      rehypePlugins={[RehypeKatex]}
      components={{
        a: MyLink,
+        p: 'div',
        img: Image
      }}
    >

--- a/projects/app/src/constants/flow/ModuleTemplate.ts
+++ b/projects/app/src/constants/flow/ModuleTemplate.ts
@@ -8,7 +8,7 @@ import {
  FlowValueTypeEnum
 } from './index';
 import type { AppItemType } from '@/types/app';
-import type { FlowModuleTemplateType } from '@/types/flow';
+import type { FlowModuleTemplateType } from '@/types/core/app/flow';
 import { chatModelList } from '@/store/static';
 import {
  Input_Template_History,
@@ -331,6 +331,7 @@ export const ClassifyQuestionModule: FlowModuleTemplateType = {
    '根据用户的历史记录和当前问题判断该次提问的类型。可以添加多组问题类型，下面是一个模板例子：\n类型1: 打招呼\n类型2: 关于 laf 通用问题\n类型3: 关于 laf 代码问题\n类型4: 其他问题',
  showStatus: true,
  inputs: [
+    Input_Template_TFSwitch,
    {
      key: 'systemPrompt',
      type: FlowInputItemTypeEnum.textarea,

--- a/projects/app/src/constants/flow/inputTemplate.ts
+++ b/projects/app/src/constants/flow/inputTemplate.ts
-import { FlowInputItemType } from '@/types/flow';
+import type { FlowInputItemType } from '@/types/core/app/flow';
 import { SystemInputEnum } from '../app';
 import { FlowInputItemTypeEnum, FlowValueTypeEnum } from './index';

--- a/projects/app/src/pages/_app.tsx
+++ b/projects/app/src/pages/_app.tsx
@@ -94,9 +94,7 @@ function App({ Component, pageProps }: AppProps) {
        />
        <link rel="icon" href="/favicon.ico" />
      </Head>
-      {scripts?.map((item, i) => (
+      {scripts?.map((item, i) => <Script key={i} strategy="lazyOnload" {...item}></Script>)}
-        <Script key={i} strategy="lazyOnload" {...item}></Script>
-      ))}
      <QueryClientProvider client={queryClient}>
        <ChakraProvider theme={theme}>

--- a/projects/app/src/pages/api/core/dataset/searchTest.ts
+++ b/projects/app/src/pages/api/core/dataset/searchTest.ts
@@ -38,8 +38,8 @@ export default withNextCors(async function handler(req: NextApiRequest, res: Nex
        select id, q, a, source, file_id, (vector <#> '[${
          vectors[0]
        }]') * -1 AS score from ${PgDatasetTableName} where kb_id='${kbId}' AND user_id='${userId}' order by vector <#> '[${
-        vectors[0]
+          vectors[0]
-      }]' limit 12;
+        }]' limit 12;
        COMMIT;`
    );

--- a/projects/app/src/pages/api/v1/chat/completions.ts
+++ b/projects/app/src/pages/api/v1/chat/completions.ts
@@ -32,7 +32,7 @@ import { getSystemTime } from '@/utils/user';
 import { authOutLinkChat } from '@/service/support/outLink/auth';
 import requestIp from 'request-ip';
 import { replaceVariable } from '@/utils/common/tools/text';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 import { selectShareResponse } from '@/utils/service/core/chat';
 import { pushResult2Remote, updateOutLinkUsage } from '@/service/support/outLink';
 import { updateApiKeyUsage } from '@/service/support/openapi';

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/ImportSettings.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/ImportSettings.tsx
 import React, { useState } from 'react';
 import { Textarea, Button, ModalBody, ModalFooter } from '@chakra-ui/react';
 import MyModal from '@/components/MyModal';
-import { AppModuleItemType } from '@/types/app';
 import { useTranslation } from 'react-i18next';
 import { useToast } from '@/hooks/useToast';
+import { useFlowStore } from './Provider';
-const ImportSettings = ({
+const ImportSettings = ({ onClose }: { onClose: () => void }) => {
-  onClose,
-  onSuccess
-}: {
-  onClose: () => void;
-  onSuccess: (modules: AppModuleItemType[]) => void;
-}) => {
  const { t } = useTranslation();
  const { toast } = useToast();
  const [value, setValue] = useState('');
+  const { setNodes, setEdges, initData } = useFlowStore();
  return (
    <MyModal isOpen w={'600px'} onClose={onClose} title={t('app.Import Config')}>
@@ -35,7 +30,11 @@ const ImportSettings = ({
            }
            try {
              const data = JSON.parse(value);
-              onSuccess(data);
+              setEdges([]);
+              setNodes([]);
+              setTimeout(() => {
+                initData(data);
+              }, 10);
              onClose();
            } catch (error) {
              toast({
@@ -51,4 +50,4 @@ const ImportSettings = ({
  );
 };
-export default ImportSettings;
+export default React.memo(ImportSettings);
--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeAnswer.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeAnswer.tsx
 import React from 'react';
 import { NodeProps } from 'reactflow';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Container from '../modules/Container';
 import RenderInput from '../render/RenderInput';
 import RenderOutput from '../render/RenderOutput';
 const NodeAnswer = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { moduleId, inputs, outputs, onChangeNode } = data;
+  const { moduleId, inputs, outputs } = data;
  return (
    <NodeCard minW={'400px'} {...data}>
      <Container borderTop={'2px solid'} borderTopColor={'myGray.200'}>
-        <RenderInput moduleId={moduleId} onChangeNode={onChangeNode} flowInputList={inputs} />
+        <RenderInput moduleId={moduleId} flowInputList={inputs} />
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
      </Container>
    </NodeCard>
  );

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeCQNode.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeCQNode.tsx
 import React from 'react';
 import { NodeProps } from 'reactflow';
-import { Box, Input, Button, Flex } from '@chakra-ui/react';
+import { Box, Input, Button, Flex, Textarea } from '@chakra-ui/react';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Divider from '../modules/Divider';
 import Container from '../modules/Container';
 import RenderInput from '../render/RenderInput';
@@ -11,17 +11,22 @@ import { customAlphabet } from 'nanoid';
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 4);
 import MyIcon from '@/components/Icon';
 import { FlowOutputItemTypeEnum, FlowValueTypeEnum, SpecialInputKeyEnum } from '@/constants/flow';
+import { useTranslation } from 'react-i18next';
 import SourceHandle from '../render/SourceHandle';
+import MyTooltip from '@/components/MyTooltip';
+import { useFlowStore } from '../Provider';
 const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { moduleId, inputs, outputs, onChangeNode } = data;
+  const { t } = useTranslation();
+  const { moduleId, inputs, outputs } = data;
+  const { onChangeNode } = useFlowStore();
  return (
    <NodeCard minW={'400px'} {...data}>
      <Divider text="Input" />
      <Container>
        <RenderInput
          moduleId={moduleId}
-          onChangeNode={onChangeNode}
          flowInputList={inputs}
          CustomComponent={{
            [SpecialInputKeyEnum.agents]: ({
@@ -34,51 +39,23 @@ const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
            }) => (
              <Box>
                {agents.map((item, i) => (
-                  <Flex key={item.key} mb={4} alignItems={'center'}>
+                  <Box key={item.key} mb={4}>
-                    <MyIcon
+                    <Flex alignItems={'center'}>
-                      mr={2}
+                      <MyTooltip label={t('common.Delete')}>
-                      name={'minus'}
+                        <MyIcon
-                      w={'14px'}
-                      cursor={'pointer'}
-                      color={'myGray.600'}
-                      _hover={{ color: 'myGray.900' }}
-                      onClick={() => {
-                        const newInputValue = agents.filter((input) => input.key !== item.key);
-                        const newOutputVal = outputs.filter((output) => output.key !== item.key);
-                        onChangeNode({
-                          moduleId,
-                          type: 'inputs',
-                          key: agentKey,
-                          value: {
-                            ...props,
-                            key: agentKey,
-                            value: newInputValue
-                          }
-                        });
-                        onChangeNode({
-                          moduleId,
-                          type: 'outputs',
-                          key: '',
-                          value: newOutputVal
-                        });
-                      }}
-                    />
-                    <Box flex={1}>
-                      <Box flex={1}>类型{i + 1}</Box>
-                      <Box position={'relative'}>
-                        <Input
                          mt={1}
-                          defaultValue={item.value}
+                          mr={2}
-                          onChange={(e) => {
+                          name={'minus'}
-                            const newVal = agents.map((val) =>
+                          w={'14px'}
-                              val.key === item.key
+                          cursor={'pointer'}
-                                ? {
+                          color={'myGray.600'}
-                                    ...val,
+                          _hover={{ color: 'red.600' }}
-                                    value: e.target.value
+                          onClick={() => {
-                                  }
+                            const newInputValue = agents.filter((input) => input.key !== item.key);
-                                : val
+                            const newOutputVal = outputs.filter(
+                              (output) => output.key !== item.key
                            );
                            onChangeNode({
                              moduleId,
                              type: 'inputs',
@@ -86,15 +63,49 @@ const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
                              value: {
                                ...props,
                                key: agentKey,
-                                value: newVal
+                                value: newInputValue
                              }
                            });
+                            onChangeNode({
+                              moduleId,
+                              type: 'outputs',
+                              key: '',
+                              value: newOutputVal
+                            });
                          }}
                        />
-                        <SourceHandle handleKey={item.key} valueType={FlowValueTypeEnum.boolean} />
+                      </MyTooltip>
-                      </Box>
+                      <Box flex={1}>分类{i + 1}</Box>
+                    </Flex>
+                    <Box position={'relative'}>
+                      <Textarea
+                        rows={2}
+                        mt={1}
+                        defaultValue={item.value}
+                        onChange={(e) => {
+                          const newVal = agents.map((val) =>
+                            val.key === item.key
+                              ? {
+                                  ...val,
+                                  value: e.target.value
+                                }
+                              : val
+                          );
+                          onChangeNode({
+                            moduleId,
+                            type: 'inputs',
+                            key: agentKey,
+                            value: {
+                              ...props,
+                              key: agentKey,
+                              value: newVal
+                            }
+                          });
+                        }}
+                      />
+                      <SourceHandle handleKey={item.key} valueType={FlowValueTypeEnum.boolean} />
                    </Box>
-                  </Flex>
+                  </Box>
                ))}
                <Button
                  onClick={() => {

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeChat.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeChat.tsx
 import React, { useMemo } from 'react';
 import { NodeProps } from 'reactflow';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Divider from '../modules/Divider';
 import Container from '../modules/Container';
 import RenderInput from '../render/RenderInput';
@@ -9,16 +9,18 @@ import RenderOutput from '../render/RenderOutput';
 import MySelect from '@/components/Select';
 import { chatModelList } from '@/store/static';
 import MySlider from '@/components/Slider';
-import { Box, Button, Flex, useDisclosure } from '@chakra-ui/react';
+import { Box, Button, useDisclosure } from '@chakra-ui/react';
 import { formatPrice } from '@fastgpt/common/bill/index';
 import MyIcon from '@/components/Icon';
 import dynamic from 'next/dynamic';
 import { AIChatProps } from '@/types/core/aiChat';
+import { useFlowStore } from '../Provider';
 const AIChatSettingsModal = dynamic(() => import('../../../AIChatSettingsModal'));
 const NodeChat = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { moduleId, inputs, outputs, onChangeNode } = data;
+  const { moduleId, inputs, outputs } = data;
+  const { onChangeNode } = useFlowStore();
  const chatModulesData = useMemo(() => {
    const obj: Record<string, any> = {};
@@ -40,7 +42,6 @@ const NodeChat = ({ data }: NodeProps<FlowModuleItemType>) => {
      <Container>
        <RenderInput
          moduleId={moduleId}
-          onChangeNode={onChangeNode}
          flowInputList={inputs}
          CustomComponent={{
            model: (inputItem) => {
@@ -140,7 +141,7 @@ const NodeChat = ({ data }: NodeProps<FlowModuleItemType>) => {
      </Container>
      <Divider text="Output" />
      <Container>
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
      </Container>
      {isOpenAIChatSetting && (

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeEmpty.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeEmpty.tsx
 import React from 'react';
 import { NodeProps } from 'reactflow';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 const NodeAnswer = ({ data }: NodeProps<FlowModuleItemType>) => {
  return <NodeCard {...data}></NodeCard>;

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeExtract.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeExtract.tsx
 import React, { useState } from 'react';
 import { Box, Button, Table, Thead, Tbody, Tr, Th, Td, TableContainer } from '@chakra-ui/react';
 import { NodeProps } from 'reactflow';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import { useTranslation } from 'next-i18next';
 import NodeCard from '../modules/NodeCard';
 import Container from '../modules/Container';
@@ -14,11 +14,13 @@ import MyIcon from '@/components/Icon';
 import ExtractFieldModal from '../modules/ExtractFieldModal';
 import { ContextExtractEnum } from '@/constants/flow/flowField';
 import { FlowOutputItemTypeEnum, FlowValueTypeEnum } from '@/constants/flow';
+import { useFlowStore } from '../Provider';
 const NodeExtract = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { inputs, outputs, moduleId, onChangeNode, onDelEdge } = data;
+  const { inputs, outputs, moduleId } = data;
  const { t } = useTranslation();
  const [editExtractFiled, setEditExtractField] = useState<ContextExtractAgentItemType>();
+  const { onChangeNode, onDelEdge } = useFlowStore();
  return (
    <NodeCard minW={'400px'} {...data}>
@@ -26,7 +28,6 @@ const NodeExtract = ({ data }: NodeProps<FlowModuleItemType>) => {
      <Container>
        <RenderInput
          moduleId={moduleId}
-          onChangeNode={onChangeNode}
          flowInputList={inputs}
          CustomComponent={{
            [ContextExtractEnum.extractKeys]: ({
@@ -125,7 +126,7 @@ const NodeExtract = ({ data }: NodeProps<FlowModuleItemType>) => {
      </Container>
      <Divider text="Output" />
      <Container>
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
      </Container>
      {!!editExtractFiled && (

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeHistory.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeHistory.tsx
 import React from 'react';
 import { NodeProps } from 'reactflow';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Divider from '../modules/Divider';
 import Container from '../modules/Container';
 import RenderInput from '../render/RenderInput';
 import RenderOutput from '../render/RenderOutput';
 const NodeHistory = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { inputs, outputs, moduleId, onChangeNode } = data;
+  const { inputs, outputs, moduleId } = data;
  return (
    <NodeCard minW={'300px'} {...data}>
      <Divider text="Input" />
      <Container>
-        <RenderInput moduleId={moduleId} onChangeNode={onChangeNode} flowInputList={inputs} />
+        <RenderInput moduleId={moduleId} flowInputList={inputs} />
      </Container>
      <Divider text="Output" />
      <Container>
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
      </Container>
    </NodeCard>
  );

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeHttp.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeHttp.tsx
 import React from 'react';
 import { NodeProps } from 'reactflow';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Divider from '../modules/Divider';
 import Container from '../modules/Container';
 import RenderInput from '../render/RenderInput';
@@ -12,13 +12,16 @@ import RenderOutput from '../render/RenderOutput';
 import { FlowInputItemTypeEnum, FlowOutputItemTypeEnum, FlowValueTypeEnum } from '@/constants/flow';
 import { customAlphabet } from 'nanoid';
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
+import { useFlowStore } from '../Provider';
 const NodeHttp = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { moduleId, inputs, outputs, onChangeNode } = data;
+  const { moduleId, inputs, outputs } = data;
+  const { onChangeNode } = useFlowStore();
  return (
    <NodeCard minW={'350px'} {...data}>
      <Container borderTop={'2px solid'} borderTopColor={'myGray.200'}>
-        <RenderInput moduleId={moduleId} onChangeNode={onChangeNode} flowInputList={inputs} />
+        <RenderInput moduleId={moduleId} flowInputList={inputs} />
        <Button
          variant={'base'}
          mt={5}
@@ -44,7 +47,7 @@ const NodeHttp = ({ data }: NodeProps<FlowModuleItemType>) => {
      </Container>
      <Divider text="Output" />
      <Container>
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
        <Box textAlign={'right'} mt={5}>
          <Button
            variant={'base'}

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeKbSearch.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeKbSearch.tsx
 import React, { useMemo } from 'react';
 import { NodeProps } from 'reactflow';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import { Flex, Box, Button, useTheme, useDisclosure, Grid } from '@chakra-ui/react';
 import { useDatasetStore } from '@/store/dataset';
 import { useQuery } from '@tanstack/react-query';
@@ -12,6 +12,7 @@ import RenderOutput from '../render/RenderOutput';
 import { DatasetSelectModal } from '../../../DatasetSelectModal';
 import type { SelectedDatasetType } from '@/types/core/dataset';
 import Avatar from '@/components/Avatar';
+import { useFlowStore } from '../Provider';
 const KBSelect = ({
  activeKbs = [],
@@ -68,14 +69,15 @@ const KBSelect = ({
 };
 const NodeKbSearch = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { moduleId, inputs, outputs, onChangeNode } = data;
+  const { moduleId, inputs, outputs } = data;
+  const { onChangeNode } = useFlowStore();
  return (
    <NodeCard minW={'400px'} {...data}>
      <Divider text="Input" />
      <Container>
        <RenderInput
          moduleId={moduleId}
-          onChangeNode={onChangeNode}
          flowInputList={inputs}
          CustomComponent={{
            kbList: ({ key, value, ...props }) => (
@@ -100,7 +102,7 @@ const NodeKbSearch = ({ data }: NodeProps<FlowModuleItemType>) => {
      </Container>
      <Divider text="Output" />
      <Container>
-        <RenderOutput onChangeNode={onChangeNode} moduleId={moduleId} flowOutputList={outputs} />
+        <RenderOutput moduleId={moduleId} flowOutputList={outputs} />
      </Container>
    </NodeCard>
  );

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeQuestionInput.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeQuestionInput.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { NodeProps } from 'reactflow';
 import { Box } from '@chakra-ui/react';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Container from '../modules/Container';
 import { SystemInputEnum } from '@/constants/app';
 import { FlowValueTypeEnum } from '@/constants/flow';

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeTFSwitch.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeTFSwitch.tsx
@@ -3,7 +3,7 @@ import { Handle, Position, NodeProps } from 'reactflow';
 import { Flex, Box } from '@chakra-ui/react';
 import NodeCard from '../modules/NodeCard';
 import { SystemInputEnum } from '@/constants/app';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Divider from '../modules/Divider';
 import Container from '../modules/Container';
 import Label from '../modules/Label';

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeUserGuide.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeUserGuide.tsx
@@ -15,9 +15,10 @@ import {
  Switch
 } from '@chakra-ui/react';
 import { QuestionOutlineIcon } from '@chakra-ui/icons';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import { SystemInputEnum } from '@/constants/app';
 import { welcomeTextTip, variableTip, questionGuideTip } from '@/constants/flow/ModuleTemplate';
+import { useFlowStore } from '../Provider';
 import VariableEditModal, { addVariable } from '../../../VariableEditModal';
 import MyIcon from '@/components/Icon';
@@ -47,7 +48,8 @@ const NodeUserGuide = ({ data }: NodeProps<FlowModuleItemType>) => {
 export default React.memo(NodeUserGuide);
 export function WelcomeText({ data }: { data: FlowModuleItemType }) {
-  const { inputs, moduleId, onChangeNode } = data;
+  const { inputs, moduleId } = data;
+  const { onChangeNode } = useFlowStore();
  const welcomeText = useMemo(
    () => inputs.find((item) => item.key === SystemInputEnum.welcomeText),
@@ -89,7 +91,9 @@ export function WelcomeText({ data }: { data: FlowModuleItemType }) {
 }
 function ChatStartVariable({ data }: { data: FlowModuleItemType }) {
-  const { inputs, moduleId, onChangeNode } = data;
+  const { inputs, moduleId } = data;
+  const { onChangeNode } = useFlowStore();
  const variables = useMemo(
    () =>
      (inputs.find((item) => item.key === SystemInputEnum.variables)
@@ -203,7 +207,9 @@ function ChatStartVariable({ data }: { data: FlowModuleItemType }) {
 }
 function QuestionGuide({ data }: { data: FlowModuleItemType }) {
-  const { inputs, moduleId, onChangeNode } = data;
+  const { inputs, moduleId } = data;
+  const { onChangeNode } = useFlowStore();
  const questionGuide = useMemo(
    () =>
      (inputs.find((item) => item.key === SystemInputEnum.questionGuide)?.value as boolean) ||

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeVariable.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Nodes/NodeVariable.tsx
+/* Abandon */
 import React, { useCallback, useMemo, useState } from 'react';
 import { NodeProps } from 'reactflow';
 import { Box, Button, Table, Thead, Tbody, Tr, Th, Td, TableContainer } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import NodeCard from '../modules/NodeCard';
-import { FlowModuleItemType } from '@/types/flow';
+import { FlowModuleItemType } from '@/types/core/app/flow';
 import Container from '../modules/Container';
 import { SystemInputEnum, VariableInputEnum } from '@/constants/app';
 import type { VariableItemType } from '@/types/app';
@@ -11,6 +12,7 @@ import MyIcon from '@/components/Icon';
 import { customAlphabet } from 'nanoid';
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
 import VariableEditModal, { addVariable } from '../../../VariableEditModal';
+import { useFlowStore } from '../Provider';
 export const defaultVariable: VariableItemType = {
  id: nanoid(),
@@ -23,7 +25,9 @@ export const defaultVariable: VariableItemType = {
 };
 const NodeUserGuide = ({ data }: NodeProps<FlowModuleItemType>) => {
-  const { inputs, moduleId, onChangeNode } = data;
+  const { inputs, moduleId } = data;
+  const { onChangeNode } = useFlowStore();
  const variables = useMemo(
    () =>
      (inputs.find((item) => item.key === SystemInputEnum.variables)

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/Provider.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/Provider.tsx
+import {
+  type Node,
+  type NodeChange,
+  type Edge,
+  type EdgeChange,
+  useNodesState,
+  useEdgesState,
+  XYPosition,
+  useViewport,
+  Connection,
+  addEdge
+} from 'reactflow';
+import type {
+  FlowModuleItemType,
+  FlowModuleTemplateType,
+  FlowOutputTargetItemType,
+  FlowModuleItemChangeProps
+} from '@/types/core/app/flow';
+import React, {
+  type SetStateAction,
+  type Dispatch,
+  useContext,
+  useCallback,
+  createContext,
+  useRef
+} from 'react';
+import { customAlphabet } from 'nanoid';
+import { appModule2FlowEdge, appModule2FlowNode } from '@/utils/adapt';
+import { useToast } from '@/hooks/useToast';
+import { FlowModuleTypeEnum, FlowValueTypeEnum } from '@/constants/flow';
+import { useTranslation } from 'next-i18next';
+import { AppModuleItemType } from '@/types/app';
+const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
+type OnChange<ChangesType> = (changes: ChangesType[]) => void;
+export type useFlowStoreType = {
+  reactFlowWrapper: null | React.RefObject<HTMLDivElement>;
+  nodes: Node<FlowModuleItemType, string | undefined>[];
+  setNodes: Dispatch<SetStateAction<Node<FlowModuleItemType, string | undefined>[]>>;
+  onNodesChange: OnChange<NodeChange>;
+  edges: Edge<any>[];
+  setEdges: Dispatch<SetStateAction<Edge<any>[]>>;
+  onEdgesChange: OnChange<EdgeChange>;
+  onFixView: () => void;
+  onAddNode: (e: { template: FlowModuleTemplateType; position: XYPosition }) => void;
+  onDelNode: (nodeId: string) => void;
+  onChangeNode: (e: FlowModuleItemChangeProps) => void;
+  onCopyNode: (nodeId: string) => void;
+  onDelEdge: (e: {
+    moduleId: string;
+    sourceHandle?: string | undefined;
+    targetHandle?: string | undefined;
+  }) => void;
+  onDelConnect: (id: string) => void;
+  onConnect: ({ connect }: { connect: Connection }) => any;
+  initData: (modules: AppModuleItemType[]) => void;
+};
+const StateContext = createContext<useFlowStoreType>({
+  reactFlowWrapper: null,
+  nodes: [],
+  setNodes: function (
+    value: React.SetStateAction<Node<FlowModuleItemType, string | undefined>[]>
+  ): void {
+    return;
+  },
+  onNodesChange: function (changes: NodeChange[]): void {
+    return;
+  },
+  edges: [],
+  setEdges: function (value: React.SetStateAction<Edge<any>[]>): void {
+    return;
+  },
+  onEdgesChange: function (changes: EdgeChange[]): void {
+    return;
+  },
+  onFixView: function (): void {
+    return;
+  },
+  onAddNode: function (e: { template: FlowModuleTemplateType; position: XYPosition }): void {
+    return;
+  },
+  onDelNode: function (nodeId: string): void {
+    return;
+  },
+  onChangeNode: function (e: FlowModuleItemChangeProps): void {
+    return;
+  },
+  onCopyNode: function (nodeId: string): void {
+    return;
+  },
+  onDelEdge: function (e: {
+    moduleId: string;
+    sourceHandle?: string | undefined;
+    targetHandle?: string | undefined;
+  }): void {
+    return;
+  },
+  onDelConnect: function (id: string): void {
+    return;
+  },
+  onConnect: function ({ connect }: { connect: Connection }) {
+    return;
+  },
+  initData: function (modules: AppModuleItemType[]): void {
+    throw new Error('Function not implemented.');
+  }
+});
+export const useFlowStore = () => useContext(StateContext);
+export const FlowProvider = ({ children }: { children: React.ReactNode }) => {
+  const reactFlowWrapper = useRef<HTMLDivElement>(null);
+  const { t } = useTranslation();
+  const { toast } = useToast();
+  const [nodes = [], setNodes, onNodesChange] = useNodesState<FlowModuleItemType>([]);
+  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const { x, y, zoom } = useViewport();
+  const onFixView = useCallback(() => {
+    const btn = document.querySelector('.react-flow__controls-fitview') as HTMLButtonElement;
+    setTimeout(() => {
+      btn && btn.click();
+    }, 100);
+  }, []);
+  const onDelEdge = useCallback(
+    ({
+      moduleId,
+      sourceHandle,
+      targetHandle
+    }: {
+      moduleId: string;
+      sourceHandle?: string | undefined;
+      targetHandle?: string | undefined;
+    }) => {
+      if (!sourceHandle && !targetHandle) return;
+      setEdges((state) =>
+        state.filter((edge) => {
+          if (edge.source === moduleId && edge.sourceHandle === sourceHandle) return false;
+          if (edge.target === moduleId && edge.targetHandle === targetHandle) return false;
+          return true;
+        })
+      );
+    },
+    [setEdges]
+  );
+  const onDelConnect = useCallback(
+    (id: string) => {
+      setEdges((state) => state.filter((item) => item.id !== id));
+    },
+    [setEdges]
+  );
+  const onConnect = useCallback(
+    ({ connect }: { connect: Connection }) => {
+      const source = nodes.find((node) => node.id === connect.source)?.data;
+      const sourceType = (() => {
+        if (source?.flowType === FlowModuleTypeEnum.classifyQuestion) {
+          return FlowValueTypeEnum.boolean;
+        }
+        return source?.outputs.find((output) => output.key === connect.sourceHandle)?.valueType;
+      })();
+      const targetType = nodes
+        .find((node) => node.id === connect.target)
+        ?.data?.inputs.find((input) => input.key === connect.targetHandle)?.valueType;
+      if (!sourceType || !targetType) {
+        return toast({
+          status: 'warning',
+          title: t('app.Connection is invalid')
+        });
+      }
+      if (
+        sourceType !== FlowValueTypeEnum.any &&
+        targetType !== FlowValueTypeEnum.any &&
+        sourceType !== targetType
+      ) {
+        return toast({
+          status: 'warning',
+          title: t('app.Connection type is different')
+        });
+      }
+      setEdges((state) =>
+        addEdge(
+          {
+            ...connect,
+            type: 'buttonedge',
+            animated: true,
+            data: {
+              onDelete: onDelConnect
+            }
+          },
+          state
+        )
+      );
+    },
+    [nodes, onDelConnect, setEdges, t, toast]
+  );
+  const onAddNode = useCallback(
+    ({ template, position }: { template: FlowModuleTemplateType; position: XYPosition }) => {
+      if (!reactFlowWrapper.current) return;
+      const reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect();
+      const mouseX = (position.x - reactFlowBounds.left - x) / zoom - 100;
+      const mouseY = (position.y - reactFlowBounds.top - y) / zoom;
+      console.log(template);
+      setNodes((state) =>
+        state.concat(
+          appModule2FlowNode({
+            item: {
+              ...template,
+              moduleId: nanoid(),
+              position: { x: mouseX, y: mouseY }
+            }
+          })
+        )
+      );
+    },
+    [setNodes, x, y, zoom]
+  );
+  const onDelNode = useCallback(
+    (nodeId: string) => {
+      setNodes((state) => state.filter((item) => item.id !== nodeId));
+      setEdges((state) => state.filter((edge) => edge.source !== nodeId && edge.target !== nodeId));
+    },
+    [setEdges, setNodes]
+  );
+  const onChangeNode = useCallback(
+    ({ moduleId, key, type = 'inputs', value }: FlowModuleItemChangeProps) => {
+      setNodes((nodes) =>
+        nodes.map((node) => {
+          if (node.id !== moduleId) return node;
+          const updateObj: Record<string, any> = {};
+          if (type === 'inputs') {
+            updateObj.inputs = node.data.inputs.map((item) => (item.key === key ? value : item));
+          } else if (type === 'addInput') {
+            const input = node.data.inputs.find((input) => input.key === value.key);
+            if (input) {
+              toast({
+                status: 'warning',
+                title: 'key 重复'
+              });
+              updateObj.inputs = node.data.inputs;
+            } else {
+              updateObj.inputs = node.data.inputs.concat(value);
+            }
+          } else if (type === 'delInput') {
+            onDelEdge({ moduleId, targetHandle: key });
+            updateObj.inputs = node.data.inputs.filter((item) => item.key !== key);
+          } else if (type === 'attr') {
+            updateObj[key] = value;
+          } else if (type === 'outputs') {
+            // del output connect
+            const delOutputs = node.data.outputs.filter(
+              (item) => !value.find((output: FlowOutputTargetItemType) => output.key === item.key)
+            );
+            delOutputs.forEach((output) => {
+              onDelEdge({ moduleId, sourceHandle: output.key });
+            });
+            updateObj.outputs = value;
+          }
+          return {
+            ...node,
+            data: {
+              ...node.data,
+              ...updateObj
+            }
+          };
+        })
+      );
+    },
+    [onDelEdge, setNodes, toast]
+  );
+  const onCopyNode = useCallback(
+    (nodeId: string) => {
+      setNodes((nodes) => {
+        const node = nodes.find((node) => node.id === nodeId);
+        if (!node) return nodes;
+        const template = {
+          logo: node.data.logo,
+          name: node.data.name,
+          intro: node.data.intro,
+          description: node.data.description,
+          flowType: node.data.flowType,
+          inputs: node.data.inputs,
+          outputs: node.data.outputs,
+          showStatus: node.data.showStatus
+        };
+        return nodes.concat(
+          appModule2FlowNode({
+            item: {
+              ...template,
+              moduleId: nanoid(),
+              position: { x: node.position.x + 200, y: node.position.y + 50 }
+            }
+          })
+        );
+      });
+    },
+    [setNodes]
+  );
+  const initData = useCallback(
+    (modules: AppModuleItemType[]) => {
+      const edges = appModule2FlowEdge({
+        modules,
+        onDelete: onDelConnect
+      });
+      setEdges(edges);
+      setNodes(modules.map((item) => appModule2FlowNode({ item })));
+      onFixView();
+    },
+    [onDelConnect, setEdges, setNodes, onFixView]
+  );
+  const value = {
+    reactFlowWrapper,
+    nodes,
+    setNodes,
+    onNodesChange,
+    edges,
+    setEdges,
+    onEdgesChange,
+    onFixView,
+    onAddNode,
+    onDelNode,
+    onChangeNode,
+    onCopyNode,
+    onDelEdge,
+    onDelConnect,
+    onConnect,
+    initData
+  };
+  return <StateContext.Provider value={value}>{children}</StateContext.Provider>;
+};
+export default React.memo(FlowProvider);
--- a/projects/app/src/pages/app/detail/components/AdEdit/components/TemplateList.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/TemplateList.tsx
 import React, { useMemo } from 'react';
 import { Box, Flex } from '@chakra-ui/react';
 import { ModuleTemplates } from '@/constants/flow/ModuleTemplate';
-import { FlowModuleItemType, FlowModuleTemplateType } from '@/types/flow';
+import { FlowModuleItemType, FlowModuleTemplateType } from '@/types/core/app/flow';
-import type { Node, XYPosition } from 'reactflow';
+import type { Node } from 'reactflow';
 import { useGlobalStore } from '@/store/global';
 import Avatar from '@/components/Avatar';
 import { FlowModuleTypeEnum } from '@/constants/flow';
+import { useFlowStore } from './Provider';
 const ModuleTemplateList = ({
  nodes,
  isOpen,
-  onAddNode,
  onClose
 }: {
  nodes?: Node<FlowModuleItemType>[];
  isOpen: boolean;
-  onAddNode: (e: { template: FlowModuleTemplateType; position: XYPosition }) => void;
  onClose: () => void;
 }) => {
+  const { onAddNode } = useFlowStore();
  const { isPc } = useGlobalStore();
  const filterTemplates = useMemo(() => {
@@ -123,4 +123,4 @@ const ModuleTemplateList = ({
  );
 };
-export default ModuleTemplateList;
+export default React.memo(ModuleTemplateList);
--- a/projects/app/src/pages/app/detail/components/AdEdit/components/modules/ExtractFieldModal.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/modules/ExtractFieldModal.tsx
@@ -7,8 +7,7 @@ import {
  ModalBody,
  Flex,
  Switch,
-  Input,
+  Input
-  FormControl
 } from '@chakra-ui/react';
 import type { ContextExtractAgentItemType } from '@/types/app';
 import { useForm } from 'react-hook-form';

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/modules/NodeCard.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/modules/NodeCard.tsx
@@ -2,12 +2,13 @@ import React, { useMemo } from 'react';
 import { Box, Flex, useTheme, Menu, MenuButton, MenuList, MenuItem } from '@chakra-ui/react';
 import MyIcon from '@/components/Icon';
 import Avatar from '@/components/Avatar';
-import type { FlowModuleItemType } from '@/types/flow';
+import type { FlowModuleItemType } from '@/types/core/app/flow';
 import MyTooltip from '@/components/MyTooltip';
 import { QuestionOutlineIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import { useEditTitle } from '@/hooks/useEditTitle';
 import { useToast } from '@/hooks/useToast';
+import { useFlowStore } from '../Provider';
 type Props = FlowModuleItemType & {
  children?: React.ReactNode | React.ReactNode[] | string;
@@ -21,11 +22,10 @@ const NodeCard = (props: Props) => {
    name = '未知模块',
    description,
    minW = '300px',
-    onCopyNode,
-    onDelNode,
-    onChangeNode,
    moduleId
  } = props;
+  const { onCopyNode, onDelNode, onChangeNode } = useFlowStore();
  const { t } = useTranslation();
  const theme = useTheme();
  const { toast } = useToast();
@@ -73,11 +73,11 @@ const NodeCard = (props: Props) => {
      {
        icon: 'back',
-        label: t('Cancel'),
+        label: t('common.Close'),
        onClick: () => {}
      }
    ],
-    [moduleId, onCopyNode, onDelNode, t]
+    [moduleId, name, onChangeNode, onCopyNode, onDelNode, onOpenModal, t, toast]
  );
  return (
@@ -92,6 +92,7 @@ const NodeCard = (props: Props) => {
            <QuestionOutlineIcon
              display={['none', 'inline']}
              transform={'translateY(1px)'}
+              mb={'1px'}
              ml={1}
            />
          </MyTooltip>

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/modules/SetInputFieldModal.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/modules/SetInputFieldModal.tsx
@@ -19,7 +19,7 @@ import MyTooltip from '@/components/MyTooltip';
 import { FlowInputItemTypeEnum, FlowValueTypeEnum } from '@/constants/flow';
 import { useTranslation } from 'react-i18next';
 import MySelect from '@/components/Select';
-import { FlowInputItemType } from '@/types/flow';
+import type { FlowInputItemType } from '@/types/core/app/flow';
 const typeSelectList = [
  {

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/modules/SetOutputFieldModal.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/modules/SetOutputFieldModal.tsx
 import React, { useMemo, useState } from 'react';
-import {
+import { Box, Button, ModalHeader, ModalFooter, ModalBody, Flex, Input } from '@chakra-ui/react';
-  Box,
-  Button,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  Flex,
-  Switch,
-  Input,
-  FormControl
-} from '@chakra-ui/react';
-import type { ContextExtractAgentItemType, HttpFieldItemType } from '@/types/app';
 import { useForm } from 'react-hook-form';
 import { customAlphabet } from 'nanoid';
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
@@ -20,7 +9,7 @@ import MyTooltip from '@/components/MyTooltip';
 import { FlowOutputItemTypeEnum, FlowValueTypeEnum, FlowValueTypeStyle } from '@/constants/flow';
 import { useTranslation } from 'react-i18next';
 import MySelect from '@/components/Select';
-import { FlowOutputItemType } from '@/types/flow';
+import { FlowOutputItemType } from '@/types/core/app/flow';
 const typeSelectList = [
  {

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/render/RenderInput.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/render/RenderInput.tsx
 import React, { useState } from 'react';
-import type { FlowInputItemType, FlowModuleItemType } from '@/types/flow';
+import type { FlowInputItemType } from '@/types/core/app/flow';
 import {
  Box,
  Textarea,
@@ -20,19 +20,19 @@ import MyTooltip from '@/components/MyTooltip';
 import TargetHandle from './TargetHandle';
 import MyIcon from '@/components/Icon';
 const SetInputFieldModal = dynamic(() => import('../modules/SetInputFieldModal'));
+import { useFlowStore } from '../Provider';
 export const Label = ({
  moduleId,
  inputKey,
-  onChangeNode,
  ...item
 }: FlowInputItemType & {
  moduleId: string;
  inputKey: string;
-  onChangeNode: FlowModuleItemType['onChangeNode'];
 }) => {
  const { required = false, description, edit, label, type, valueType } = item;
  const [editField, setEditField] = useState<FlowInputItemType>();
+  const { onChangeNode } = useFlowStore();
  return (
    <Flex className="nodrag" cursor={'default'} alignItems={'center'} position={'relative'}>
@@ -134,28 +134,20 @@ export const Label = ({
 const RenderInput = ({
  flowInputList,
  moduleId,
-  CustomComponent = {},
+  CustomComponent = {}
-  onChangeNode
 }: {
  flowInputList: FlowInputItemType[];
  moduleId: string;
  CustomComponent?: Record<string, (e: FlowInputItemType) => React.ReactNode>;
-  onChangeNode: FlowModuleItemType['onChangeNode'];
 }) => {
+  const { onChangeNode } = useFlowStore();
  return (
    <>
      {flowInputList.map(
        (item) =>
          item.type !== FlowInputItemTypeEnum.hidden && (
            <Box key={item.key} _notLast={{ mb: 7 }} position={'relative'}>
-              {!!item.label && (
+              {!!item.label && <Label moduleId={moduleId} inputKey={item.key} {...item} />}
-                <Label
-                  moduleId={moduleId}
-                  onChangeNode={onChangeNode}
-                  inputKey={item.key}
-                  {...item}
-                />
-              )}
              <Box mt={2} className={'nodrag'}>
                {item.type === FlowInputItemTypeEnum.numberInput && (
                  <NumberInput

--- a/projects/app/src/pages/app/detail/components/AdEdit/components/render/RenderOutput.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/components/render/RenderOutput.tsx
 import React, { useState } from 'react';
-import type { FlowModuleItemType, FlowOutputItemType } from '@/types/flow';
+import type { FlowOutputItemType } from '@/types/core/app/flow';
 import { Box, Flex } from '@chakra-ui/react';
 import { FlowOutputItemTypeEnum } from '@/constants/flow';
 import { QuestionOutlineIcon } from '@chakra-ui/icons';
@@ -8,21 +8,21 @@ import SourceHandle from './SourceHandle';
 import MyIcon from '@/components/Icon';
 import dynamic from 'next/dynamic';
 const SetOutputFieldModal = dynamic(() => import('../modules/SetOutputFieldModal'));
+import { useFlowStore } from '../Provider';
 const Label = ({
  moduleId,
  outputKey,
  outputs,
-  onChangeNode,
  ...item
 }: FlowOutputItemType & {
  outputKey: string;
  moduleId: string;
  outputs: FlowOutputItemType[];
-  onChangeNode: FlowModuleItemType['onChangeNode'];
 }) => {
  const { label, description, edit } = item;
  const [editField, setEditField] = useState<FlowOutputItemType>();
+  const { onChangeNode } = useFlowStore();
  return (
    <Flex
@@ -122,12 +122,10 @@ const Label = ({
 const RenderOutput = ({
  moduleId,
-  flowOutputList,
+  flowOutputList
-  onChangeNode
 }: {
  moduleId: string;
  flowOutputList: FlowOutputItemType[];
-  onChangeNode: FlowModuleItemType['onChangeNode'];
 }) => {
  return (
    <>
@@ -135,13 +133,7 @@ const RenderOutput = ({
        (item) =>
          item.type !== FlowOutputItemTypeEnum.hidden && (
            <Box key={item.key} _notLast={{ mb: 7 }} position={'relative'}>
-              <Label
+              <Label moduleId={moduleId} outputKey={item.key} outputs={flowOutputList} {...item} />
-                moduleId={moduleId}
-                onChangeNode={onChangeNode}
-                outputKey={item.key}
-                outputs={flowOutputList}
-                {...item}
-              />
              <Box mt={FlowOutputItemTypeEnum.answer ? 0 : 2} className={'nodrag'}>
                {item.type === FlowOutputItemTypeEnum.source && (
                  <SourceHandle handleKey={item.key} valueType={item.valueType} />

--- a/projects/app/src/pages/app/detail/components/AdEdit/index.tsx
+++ b/projects/app/src/pages/app/detail/components/AdEdit/index.tsx
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import ReactFlow, {
+import ReactFlow, { Background, Controls, ReactFlowProvider } from 'reactflow';
-  Background,
-  Controls,
-  ReactFlowProvider,
-  addEdge,
-  useNodesState,
-  useEdgesState,
-  XYPosition,
-  Connection,
-  useViewport
-} from 'reactflow';
 import { Box, Flex, IconButton, useTheme, useDisclosure } from '@chakra-ui/react';
 import { SmallCloseIcon } from '@chakra-ui/icons';
 import {
  edgeOptions,
  connectionLineStyle,
  FlowModuleTypeEnum,
-  FlowInputItemTypeEnum,
+  FlowInputItemTypeEnum
-  FlowValueTypeEnum
 } from '@/constants/flow';
-import { appModule2FlowNode, appModule2FlowEdge } from '@/utils/adapt';
+import { FlowOutputTargetItemType } from '@/types/core/app/flow';
-import {
-  FlowModuleItemType,
-  FlowModuleTemplateType,
-  FlowOutputTargetItemType,
-  type FlowModuleItemChangeProps
-} from '@/types/flow';
 import { AppModuleItemType } from '@/types/app';
-import { customAlphabet } from 'nanoid';
 import { useRequest } from '@/hooks/useRequest';
 import type { AppSchema } from '@/types/mongoSchema';
 import { useUserStore } from '@/store/user';
-import { useToast } from '@/hooks/useToast';
 import { useTranslation } from 'next-i18next';
 import { useCopyData } from '@/hooks/useCopyData';
 import dynamic from 'next/dynamic';
+import styles from './index.module.scss';
+import { AppTypeEnum } from '@/constants/app';
 import MyIcon from '@/components/Icon';
 import ButtonEdge from './components/modules/ButtonEdge';
 import MyTooltip from '@/components/MyTooltip';
 import TemplateList from './components/TemplateList';
 import ChatTest, { type ChatTestComponentRef } from './components/ChatTest';
+import FlowProvider, { useFlowStore } from './components/Provider';
-const ImportSettings = dynamic(() => import('./components/ImportSettings'), {
-  ssr: false
+const ImportSettings = dynamic(() => import('./components/ImportSettings'));
-});
+const NodeChat = dynamic(() => import('./components/Nodes/NodeChat'));
-const NodeChat = dynamic(() => import('./components/Nodes/NodeChat'), {
+const NodeKbSearch = dynamic(() => import('./components/Nodes/NodeKbSearch'));
-  ssr: false
+const NodeHistory = dynamic(() => import('./components/Nodes/NodeHistory'));
-});
+const NodeTFSwitch = dynamic(() => import('./components/Nodes/NodeTFSwitch'));
-const NodeKbSearch = dynamic(() => import('./components/Nodes/NodeKbSearch'), {
+const NodeAnswer = dynamic(() => import('./components/Nodes/NodeAnswer'));
-  ssr: false
+const NodeQuestionInput = dynamic(() => import('./components/Nodes/NodeQuestionInput'));
-});
+const NodeCQNode = dynamic(() => import('./components/Nodes/NodeCQNode'));
-const NodeHistory = dynamic(() => import('./components/Nodes/NodeHistory'), {
+const NodeVariable = dynamic(() => import('./components/Nodes/NodeVariable'));
-  ssr: false
+const NodeUserGuide = dynamic(() => import('./components/Nodes/NodeUserGuide'));
-});
+const NodeExtract = dynamic(() => import('./components/Nodes/NodeExtract'));
-const NodeTFSwitch = dynamic(() => import('./components/Nodes/NodeTFSwitch'), {
+const NodeHttp = dynamic(() => import('./components/Nodes/NodeHttp'));
-  ssr: false
-});
-const NodeAnswer = dynamic(() => import('./components/Nodes/NodeAnswer'), {
-  ssr: false
-});
-const NodeQuestionInput = dynamic(() => import('./components/Nodes/NodeQuestionInput'), {
-  ssr: false
-});
-const NodeCQNode = dynamic(() => import('./components/Nodes/NodeCQNode'), {
-  ssr: false
-});
-const NodeVariable = dynamic(() => import('./components/Nodes/NodeVariable'), {
-  ssr: false
-});
-const NodeUserGuide = dynamic(() => import('./components/Nodes/NodeUserGuide'), {
-  ssr: false
-});
-const NodeExtract = dynamic(() => import('./components/Nodes/NodeExtract'), {
-  ssr: false
-});
-const NodeHttp = dynamic(() => import('./components/Nodes/NodeHttp'), {
-  ssr: false
-});
 import 'reactflow/dist/style.css';
-import styles from './index.module.scss';
-import { AppTypeEnum } from '@/constants/app';
-const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
 const nodeTypes = {
  [FlowModuleTypeEnum.userGuide]: NodeUserGuide,
@@ -104,131 +60,17 @@ const edgeTypes = {
 };
 type Props = { app: AppSchema; onCloseSettings: () => void };
-const AppEdit = ({ app, onCloseSettings }: Props) => {
+function FlowHeader({ app, onCloseSettings }: Props & {}) {
  const theme = useTheme();
-  const { toast } = useToast();
  const { t } = useTranslation();
  const { copyData } = useCopyData();
-  const reactFlowWrapper = useRef<HTMLDivElement>(null);
  const ChatTestRef = useRef<ChatTestComponentRef>(null);
-  const { updateAppDetail } = useUserStore();
-  const { x, y, zoom } = useViewport();
-  const [nodes, setNodes, onNodesChange] = useNodesState<FlowModuleItemType>([]);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  const {
-    isOpen: isOpenTemplate,
-    onOpen: onOpenTemplate,
-    onClose: onCloseTemplate
-  } = useDisclosure();
  const { isOpen: isOpenImport, onOpen: onOpenImport, onClose: onCloseImport } = useDisclosure();
+  const { updateAppDetail } = useUserStore();
+  const { nodes, edges, onFixView } = useFlowStore();
  const [testModules, setTestModules] = useState<AppModuleItemType[]>();
-  const onFixView = useCallback(() => {
-    const btn = document.querySelector('.react-flow__controls-fitview') as HTMLButtonElement;
-    setTimeout(() => {
-      btn && btn.click();
-    }, 100);
-  }, []);
-  const onAddNode = useCallback(
-    ({ template, position }: { template: FlowModuleTemplateType; position: XYPosition }) => {
-      if (!reactFlowWrapper.current) return;
-      const reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect();
-      const mouseX = (position.x - reactFlowBounds.left - x) / zoom - 100;
-      const mouseY = (position.y - reactFlowBounds.top - y) / zoom;
-      setNodes((state) =>
-        state.concat(
-          appModule2FlowNode({
-            item: {
-              ...template,
-              moduleId: nanoid(),
-              position: { x: mouseX, y: mouseY }
-            },
-            onChangeNode,
-            onDelNode,
-            onDelEdge,
-            onCopyNode,
-            onCollectionNode
-          })
-        )
-      );
-    },
-    [x, zoom, y]
-  );
-  const onDelNode = useCallback(
-    (nodeId: string) => {
-      setNodes((state) => state.filter((item) => item.id !== nodeId));
-      setEdges((state) => state.filter((edge) => edge.source !== nodeId && edge.target !== nodeId));
-    },
-    [setEdges, setNodes]
-  );
-  const onDelEdge = useCallback(
-    ({
-      moduleId,
-      sourceHandle,
-      targetHandle
-    }: {
-      moduleId: string;
-      sourceHandle?: string;
-      targetHandle?: string;
-    }) => {
-      if (!sourceHandle && !targetHandle) return;
-      setEdges((state) =>
-        state.filter((edge) => {
-          if (edge.source === moduleId && edge.sourceHandle === sourceHandle) return false;
-          if (edge.target === moduleId && edge.targetHandle === targetHandle) return false;
-          return true;
-        })
-      );
-    },
-    [setEdges]
-  );
-  const onCopyNode = useCallback(
-    (nodeId: string) => {
-      setNodes((nodes) => {
-        const node = nodes.find((node) => node.id === nodeId);
-        if (!node) return nodes;
-        const template = {
-          logo: node.data.logo,
-          name: node.data.name,
-          intro: node.data.intro,
-          description: node.data.description,
-          flowType: node.data.flowType,
-          inputs: node.data.inputs,
-          outputs: node.data.outputs,
-          showStatus: node.data.showStatus
-        };
-        return nodes.concat(
-          appModule2FlowNode({
-            item: {
-              ...template,
-              moduleId: nanoid(),
-              position: { x: node.position.x + 200, y: node.position.y + 50 }
-            },
-            onChangeNode,
-            onDelNode,
-            onDelEdge,
-            onCopyNode,
-            onCollectionNode
-          })
-        );
-      });
-    },
-    [setNodes]
-  );
-  const onCollectionNode = useCallback(
-    (nodeId: string) => {
-      console.log(nodes.find((node) => node.id === nodeId));
-    },
-    [nodes]
-  );
  const flow2AppModules = useCallback(() => {
    const modules: AppModuleItemType[] = nodes.map((item) => ({
      moduleId: item.data.moduleId,
@@ -271,106 +113,6 @@ const AppEdit = ({ app, onCloseSettings }: Props) => {
    });
    return modules;
  }, [edges, nodes]);
-  const onChangeNode = useCallback(
-    ({ moduleId, key, type = 'inputs', value }: FlowModuleItemChangeProps) => {
-      setNodes((nodes) =>
-        nodes.map((node) => {
-          if (node.id !== moduleId) return node;
-          const updateObj: Record<string, any> = {};
-          if (type === 'inputs') {
-            updateObj.inputs = node.data.inputs.map((item) => (item.key === key ? value : item));
-          } else if (type === 'addInput') {
-            const input = node.data.inputs.find((input) => input.key === value.key);
-            if (input) {
-              toast({
-                status: 'warning',
-                title: 'key 重复'
-              });
-              updateObj.inputs = node.data.inputs;
-            } else {
-              updateObj.inputs = node.data.inputs.concat(value);
-            }
-          } else if (type === 'delInput') {
-            onDelEdge({ moduleId, targetHandle: key });
-            updateObj.inputs = node.data.inputs.filter((item) => item.key !== key);
-          } else if (type === 'attr') {
-            updateObj[key] = value;
-          } else if (type === 'outputs') {
-            // del output connect
-            const delOutputs = node.data.outputs.filter(
-              (item) => !value.find((output: FlowOutputTargetItemType) => output.key === item.key)
-            );
-            delOutputs.forEach((output) => {
-              onDelEdge({ moduleId, sourceHandle: output.key });
-            });
-            updateObj.outputs = value;
-          }
-          return {
-            ...node,
-            data: {
-              ...node.data,
-              ...updateObj
-            }
-          };
-        })
-      );
-    },
-    []
-  );
-  const onDelConnect = useCallback((id: string) => {
-    setEdges((state) => state.filter((item) => item.id !== id));
-  }, []);
-  const onConnect = useCallback(
-    ({ connect }: { connect: Connection }) => {
-      const source = nodes.find((node) => node.id === connect.source)?.data;
-      const sourceType = (() => {
-        if (source?.flowType === FlowModuleTypeEnum.classifyQuestion) {
-          return FlowValueTypeEnum.boolean;
-        }
-        return source?.outputs.find((output) => output.key === connect.sourceHandle)?.valueType;
-      })();
-      const targetType = nodes
-        .find((node) => node.id === connect.target)
-        ?.data?.inputs.find((input) => input.key === connect.targetHandle)?.valueType;
-      if (!sourceType || !targetType) {
-        return toast({
-          status: 'warning',
-          title: t('app.Connection is invalid')
-        });
-      }
-      if (
-        sourceType !== FlowValueTypeEnum.any &&
-        targetType !== FlowValueTypeEnum.any &&
-        sourceType !== targetType
-      ) {
-        return toast({
-          status: 'warning',
-          title: t('app.Connection type is different')
-        });
-      }
-      setEdges((state) =>
-        addEdge(
-          {
-            ...connect,
-            type: 'buttonedge',
-            animated: true,
-            data: {
-              onDelete: onDelConnect
-            }
-          },
-          state
-        )
-      );
-    },
-    [nodes]
-  );
  const { mutate: onclickSave, isLoading } = useRequest({
    mutationFn: () => {
@@ -386,49 +128,8 @@ const AppEdit = ({ app, onCloseSettings }: Props) => {
    }
  });
-  const initData = useCallback(
-    (modules: AppModuleItemType[]) => {
-      const edges = appModule2FlowEdge({
-        modules,
-        onDelete: onDelConnect
-      });
-      setEdges(edges);
-      setNodes(
-        modules.map((item) =>
-          appModule2FlowNode({
-            item,
-            onChangeNode,
-            onDelNode,
-            onDelEdge,
-            onCopyNode,
-            onCollectionNode
-          })
-        )
-      );
-      onFixView();
-    },
-    [
-      onDelConnect,
-      setEdges,
-      setNodes,
-      onFixView,
-      onChangeNode,
-      onDelNode,
-      onDelEdge,
-      onCopyNode,
-      onCollectionNode
-    ]
-  );
-  useEffect(() => {
-    initData(JSON.parse(JSON.stringify(app.modules)));
-  }, [app.modules]);
  return (
    <>
-      {/* header */}
      <Flex
        py={3}
        px={[2, 5, 8]}
@@ -515,6 +216,38 @@ const AppEdit = ({ app, onCloseSettings }: Props) => {
          />
        </MyTooltip>
      </Flex>
+      {isOpenImport && <ImportSettings onClose={onCloseImport} />}
+      <ChatTest
+        ref={ChatTestRef}
+        modules={testModules}
+        app={app}
+        onClose={() => setTestModules(undefined)}
+      />
+    </>
+  );
+}
+const Header = React.memo(FlowHeader);
+const AppEdit = (props: Props) => {
+  const { app } = props;
+  const {
+    isOpen: isOpenTemplate,
+    onOpen: onOpenTemplate,
+    onClose: onCloseTemplate
+  } = useDisclosure();
+  const { reactFlowWrapper, nodes, onNodesChange, edges, onEdgesChange, onConnect, initData } =
+    useFlowStore();
+  useEffect(() => {
+    initData(JSON.parse(JSON.stringify(app.modules)));
+  }, [app.modules]);
+  return (
+    <>
+      {/* header */}
+      <Header {...props} />
      <Box
        minH={'400px'}
        flex={'1 0 0'}
@@ -571,43 +304,24 @@ const AppEdit = ({ app, onCloseSettings }: Props) => {
          <Controls position={'bottom-right'} style={{ display: 'flex' }} showInteractive={false} />
        </ReactFlow>
-        <TemplateList
+        <TemplateList isOpen={isOpenTemplate} nodes={nodes} onClose={onCloseTemplate} />
-          isOpen={isOpenTemplate}
-          nodes={nodes}
-          onAddNode={onAddNode}
-          onClose={onCloseTemplate}
-        />
-        <ChatTest
-          ref={ChatTestRef}
-          modules={testModules}
-          app={app}
-          onClose={() => setTestModules(undefined)}
-        />
      </Box>
-      {isOpenImport && (
-        <ImportSettings
-          onClose={onCloseImport}
-          onSuccess={(data) => {
-            setEdges([]);
-            setNodes([]);
-            setTimeout(() => {
-              initData(data);
-            }, 10);
-          }}
-        />
-      )}
    </>
  );
 };
-const Flow = (data: Props) => (
+const Flow = (data: Props) => {
-  <Box h={'100%'} position={'fixed'} zIndex={999} top={0} left={0} right={0} bottom={0}>
+  return (
-    <ReactFlowProvider>
+    <Box h={'100%'} position={'fixed'} zIndex={999} top={0} left={0} right={0} bottom={0}>
-      <Flex h={'100%'} flexDirection={'column'} bg={'#fff'}>
+      <ReactFlowProvider>
-        {!!data.app._id && <AppEdit {...data} />}
+        <FlowProvider>
-      </Flex>
+          <Flex h={'100%'} flexDirection={'column'} bg={'#fff'}>
-    </ReactFlowProvider>
+            {!!data.app._id && <AppEdit {...data} />}
-  </Box>
+          </Flex>
-);
+        </FlowProvider>
+      </ReactFlowProvider>
+    </Box>
+  );
+};
 export default React.memo(Flow);
--- a/projects/app/src/pages/app/detail/index.tsx
+++ b/projects/app/src/pages/app/detail/index.tsx
@@ -17,15 +17,10 @@ import BasicEdit from './components/BasicEdit';
 import { serviceSideProps } from '@/utils/web/i18n';
 const AdEdit = dynamic(() => import('./components/AdEdit'), {
-  ssr: false,
  loading: () => <Loading />
 });
-const OutLink = dynamic(() => import('./components/OutLink'), {
+const OutLink = dynamic(() => import('./components/OutLink'), {});
-  ssr: false
+const Logs = dynamic(() => import('./components/Logs'), {});
-});
-const Logs = dynamic(() => import('./components/Logs'), {
-  ssr: false
-});
 enum TabEnum {
  'basicEdit' = 'basicEdit',

--- a/projects/app/src/service/moduleDispatch/agent/classifyQuestion.ts
+++ b/projects/app/src/service/moduleDispatch/agent/classifyQuestion.ts
@@ -7,7 +7,7 @@ import type { ClassifyQuestionAgentItemType } from '@/types/app';
 import { SystemInputEnum } from '@/constants/app';
 import { SpecialInputKeyEnum } from '@/constants/flow';
 import { FlowModuleTypeEnum } from '@/constants/flow';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 import { replaceVariable } from '@/utils/common/tools/text';
 import { Prompt_CQJson } from '@/prompts/core/agent';
 import { defaultCQModel } from '@/pages/api/system/getInitData';

--- a/projects/app/src/service/moduleDispatch/agent/extract.ts
+++ b/projects/app/src/service/moduleDispatch/agent/extract.ts
@@ -6,7 +6,7 @@ import { getAIChatApi, axiosConfig } from '@fastgpt/core/aiApi/config';
 import type { ContextExtractAgentItemType } from '@/types/app';
 import { ContextExtractEnum } from '@/constants/flow/flowField';
 import { FlowModuleTypeEnum } from '@/constants/flow';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 import { Prompt_ExtractJson } from '@/prompts/core/agent';
 import { replaceVariable } from '@/utils/common/tools/text';
 import { defaultExtractModel } from '@/pages/api/system/getInitData';

--- a/projects/app/src/service/moduleDispatch/chat/oneapi.ts
+++ b/projects/app/src/service/moduleDispatch/chat/oneapi.ts
@@ -19,7 +19,7 @@ import { defaultQuotePrompt, defaultQuoteTemplate } from '@/prompts/core/AIChat'
 import type { AIChatProps } from '@/types/core/aiChat';
 import { replaceVariable } from '@/utils/common/tools/text';
 import { FlowModuleTypeEnum } from '@/constants/flow';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 import { Readable } from 'stream';
 import { responseWrite, responseWriteController } from '@/service/common/stream';
 import { addLog } from '@/service/utils/tools';

--- a/projects/app/src/service/moduleDispatch/init/history.tsx
+++ b/projects/app/src/service/moduleDispatch/init/history.tsx
 import { SystemInputEnum } from '@/constants/app';
 import { ChatItemType } from '@/types/chat';
-import type { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 export type HistoryProps = ModuleDispatchProps<{
  maxContext: number;
  [SystemInputEnum.history]: ChatItemType[];

--- a/projects/app/src/service/moduleDispatch/init/userChatInput.tsx
+++ b/projects/app/src/service/moduleDispatch/init/userChatInput.tsx
 import { SystemInputEnum } from '@/constants/app';
-import type { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 export type UserChatInputProps = ModuleDispatchProps<{
  [SystemInputEnum.userChatInput]: string;
 }>;

--- a/projects/app/src/service/moduleDispatch/kb/search.ts
+++ b/projects/app/src/service/moduleDispatch/kb/search.ts
@@ -7,8 +7,7 @@ import type { SelectedDatasetType } from '@/types/core/dataset';
 import type { QuoteItemType } from '@/types/chat';
 import { PgDatasetTableName } from '@/constants/plugin';
 import { FlowModuleTypeEnum } from '@/constants/flow';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 type KBSearchProps = ModuleDispatchProps<{
  kbList: SelectedDatasetType;
  similarity: number;

--- a/projects/app/src/service/moduleDispatch/tools/answer.ts
+++ b/projects/app/src/service/moduleDispatch/tools/answer.ts
 import { sseResponseEventEnum, TaskResponseKeyEnum } from '@/constants/chat';
 import { sseResponse } from '@/service/utils/tools';
 import { textAdaptGptResponse } from '@/utils/adapt';
-import type { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 export type AnswerProps = ModuleDispatchProps<{
  text: string;
 }>;

--- a/projects/app/src/service/moduleDispatch/tools/http.ts
+++ b/projects/app/src/service/moduleDispatch/tools/http.ts
@@ -2,8 +2,7 @@ import { TaskResponseKeyEnum } from '@/constants/chat';
 import { HttpPropsEnum } from '@/constants/flow/flowField';
 import { ChatHistoryItemResType } from '@/types/chat';
 import { FlowModuleTypeEnum } from '@/constants/flow';
-import { ModuleDispatchProps } from '@/types/core/modules';
+import type { ModuleDispatchProps } from '@/types/core/chat/type';
 export type HttpRequestProps = ModuleDispatchProps<{
  [HttpPropsEnum.url]: string;
  [key: string]: any;

--- a/projects/app/src/types/app.d.ts
+++ b/projects/app/src/types/app.d.ts
@@ -6,7 +6,11 @@ import {
  ModulesInputItemTypeEnum,
  VariableInputEnum
 } from '../constants/app';
-import type { FlowInputItemType, FlowOutputItemType, FlowOutputTargetItemType } from './flow';
+import type {
+  FlowInputItemType,
+  FlowOutputItemType,
+  FlowOutputTargetItemType
+} from '@/types/core/app/flow';
 import type { AppSchema, ChatSchema, kbSchema } from './mongoSchema';
 import { ChatModelType } from '@/constants/model';
 import { FlowValueTypeEnum } from '@/constants/flow';

--- a/projects/app/src/types/flow.d.ts
+++ b/projects/app/src/types/flow.d.ts
@@ -59,17 +59,4 @@ export type FlowModuleTemplateType = {
 };
 export type FlowModuleItemType = FlowModuleTemplateType & {
  moduleId: string;
-  onChangeNode: (e: FlowModuleItemChangeProps) => void;
-  onDelNode: (id: string) => void;
-  onCopyNode: (id: string) => void;
-  onCollectionNode: (id: string) => void;
-  onDelEdge: ({
-    moduleId,
-    sourceHandle,
-    targetHandle
-  }: {
-    moduleId: string;
-    sourceHandle?: string | undefined;
-    targetHandle?: string | undefined;
-  }) => void;
 };
--- a/projects/app/src/types/core/chat/type.d.ts
+++ b/projects/app/src/types/core/chat/type.d.ts
 import type { ChatCompletionRequestMessage } from '@fastgpt/core/aiApi/type';
+import type { NextApiResponse } from 'next';
+import { RunningModuleItemType } from '@/types/app';
+import { UserModelSchema } from '@/types/mongoSchema';
 export type MessageItemType = ChatCompletionRequestMessage & { dataId?: string };
+// module dispatch props type
+export type ModuleDispatchProps<T> = {
+  res: NextApiResponse;
+  moduleName: string;
+  stream: boolean;
+  detail: boolean;
+  variables: Record<string, any>;
+  outputs: RunningModuleItemType['outputs'];
+  userOpenaiAccount?: UserModelSchema['openaiAccount'];
+  inputs: T;
+};
--- a/projects/app/src/types/core/modules.d.ts
+++ b/projects/app/src/types/core/modules.d.ts
-import type { NextApiResponse } from 'next';
-import { RunningModuleItemType } from '../app';
-import { UserModelSchema } from '../mongoSchema';
-// module dispatch props type
-export type ModuleDispatchProps<T> = {
-  res: NextApiResponse;
-  moduleName: string;
-  stream: boolean;
-  detail: boolean;
-  variables: Record<string, any>;
-  outputs: RunningModuleItemType['outputs'];
-  userOpenaiAccount?: UserModelSchema['openaiAccount'];
-  inputs: T;
-};
--- a/projects/app/src/types/support/openapi.ts
+++ b/projects/app/src/types/support/openapi.ts
--- a/projects/app/src/utils/adapt.ts
+++ b/projects/app/src/utils/adapt.ts
@@ -6,7 +6,7 @@ import { ChatCompletionRequestMessageRoleEnum } from '@fastgpt/core/aiApi/consta
 import { ChatRoleEnum } from '@/constants/chat';
 import type { MessageItemType } from '@/types/core/chat/type';
 import type { AppModuleItemType } from '@/types/app';
-import type { FlowModuleItemType } from '@/types/flow';
+import type { FlowModuleItemType } from '@/types/core/app/flow';
 import type { Edge, Node } from 'reactflow';
 import { connectionLineStyle } from '@/constants/flow';
 import { customAlphabet } from 'nanoid';
@@ -61,19 +61,9 @@ export const textAdaptGptResponse = ({
 };
 export const appModule2FlowNode = ({
-  item,
+  item
-  onChangeNode,
-  onDelNode,
-  onDelEdge,
-  onCopyNode,
-  onCollectionNode
 }: {
  item: AppModuleItemType;
-  onChangeNode: FlowModuleItemType['onChangeNode'];
-  onDelNode: FlowModuleItemType['onDelNode'];
-  onDelEdge: FlowModuleItemType['onDelEdge'];
-  onCopyNode: FlowModuleItemType['onCopyNode'];
-  onCollectionNode: FlowModuleItemType['onCollectionNode'];
 }): Node<FlowModuleItemType> => {
  // init some static data
  const template =
@@ -110,12 +100,7 @@ export const appModule2FlowNode = ({
        ...(templateOutput ? templateOutput : output),
        targets: output.targets || []
      };
-    }),
+    })
-    onChangeNode,
-    onDelNode,
-    onDelEdge,
-    onCopyNode,
-    onCollectionNode
  };
  return {

--- a/projects/app/src/utils/app.ts
+++ b/projects/app/src/utils/app.ts
@@ -8,7 +8,7 @@ import {
 } from '@/constants/flow';
 import { SystemInputEnum } from '@/constants/app';
 import type { SelectedDatasetType } from '@/types/core/dataset';
-import { FlowInputItemType } from '@/types/flow';
+import type { FlowInputItemType } from '@/types/core/app/flow';
 import type { AIChatProps } from '@/types/core/aiChat';
 import { getGuideModule, splitGuideModule } from '@/components/ChatBox/utils';