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
--- 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
--- 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,17 +39,22 @@ const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
            }) => (
              <Box>
                {agents.map((item, i) => (
-                  <Flex key={item.key} mb={4} alignItems={'center'}>
+                  <Box key={item.key} mb={4}>
+                    <Flex alignItems={'center'}>
+                      <MyTooltip label={t('common.Delete')}>
                        <MyIcon
+                          mt={1}
                          mr={2}
                          name={'minus'}
                          w={'14px'}
                          cursor={'pointer'}
                          color={'myGray.600'}
-                      _hover={{ color: 'myGray.900' }}
+                          _hover={{ color: 'red.600' }}
                          onClick={() => {
                            const newInputValue = agents.filter((input) => input.key !== item.key);
-                        const newOutputVal = outputs.filter((output) => output.key !== item.key);
+                            const newOutputVal = outputs.filter(
+                              (output) => output.key !== item.key
+                            );
                            onChangeNode({
                              moduleId,
@@ -64,10 +74,12 @@ const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
                            });
                          }}
                        />
-                    <Box flex={1}>
+                      </MyTooltip>
-                      <Box flex={1}>类型{i + 1}</Box>
+                      <Box flex={1}>分类{i + 1}</Box>
+                    </Flex>
                    <Box position={'relative'}>
-                        <Input
+                      <Textarea
+                        rows={2}
                        mt={1}
                        defaultValue={item.value}
                        onChange={(e) => {
@@ -94,7 +106,6 @@ const NodeCQNode = ({ data }: NodeProps<FlowModuleItemType>) => {
                      <SourceHandle handleKey={item.key} valueType={FlowValueTypeEnum.boolean} />
                    </Box>
                  </Box>
-                  </Flex>
                ))}
                <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
--- 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
--- 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';