V4.6.7-production (#759)

2025-07-23 21:13:50 +00:00 · 2024-01-22 13:48:55 +08:00
parent 91b7d81c1a
commit aab6ee51eb
41 changed files with 1777 additions and 2113 deletions
--- a/projects/app/public/docs/versionIntro.md
+++ b/projects/app/public/docs/versionIntro.md
@@ -4,8 +4,9 @@
 2. 优化知识库和对话的数据索引，加快数据操作。
 3. 知识库 openAPI，支持通过 API 操作知识库。
 4. 新增 - 输入框变量提示。输入 { 号后将会获得可用变量提示。根据社区针对高级编排的反馈，我们计划于 2 月份的版本中，优化变量内容，支持模块的局部变量以及更多全局变量写入。
-5. 修复 - API 对话时，chatId 冲突问题。
-6. 修复 - Iframe 嵌入网页可能导致的 window.onLoad 冲突。
-7. [使用文档](https://doc.fastgpt.in/docs/intro/)
-8. [点击查看高级编排介绍文档](https://doc.fastgpt.in/docs/workflow)
-9. [点击查看商业版](https://doc.fastgpt.in/docs/commercial/)
+5. 优化 - 切换团队后会保存记录，下次登录时优先登录该团队。
+6. 修复 - API 对话时，chatId 冲突问题。
+7. 修复 - Iframe 嵌入网页可能导致的 window.onLoad 冲突。
+8. [使用文档](https://doc.fastgpt.in/docs/intro/)
+9. [点击查看高级编排介绍文档](https://doc.fastgpt.in/docs/workflow)
+10. [点击查看商业版](https://doc.fastgpt.in/docs/commercial/)
--- a/projects/app/public/locales/zh/common.json
+++ b/projects/app/public/locales/zh/common.json
@@ -95,7 +95,7 @@
    "Last Step": "上一步",
    "Last use time": "最后使用时间",
    "Load Failed": "加载失败",
-    "Loading": "加载中",
+    "Loading": "加载中...",
    "Max credit": "最大金额",
    "Max credit tips": "该链接最大可消耗多少金额，超出后链接将被禁止使用。-1 代表无限制。",
    "More settings": "更多设置",
@@ -541,7 +541,8 @@
            "success": "开始同步"
          }
        },
-        "training": {}
+        "training": {
+        }
      },
      "data": {
        "Auxiliary Data": "辅助数据",
--- a/projects/app/src/components/ChatBox/MessageInput.tsx
+++ b/projects/app/src/components/ChatBox/MessageInput.tsx
@@ -1,7 +1,7 @@
 import { useSpeech } from '@/web/common/hooks/useSpeech';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 import { Box, Flex, Image, Spinner, Textarea } from '@chakra-ui/react';
-import React, { useRef, useEffect, useCallback, useState } from 'react';
+import React, { useRef, useEffect, useCallback, useState, useTransition } from 'react';
 import { useTranslation } from 'next-i18next';
 import MyTooltip from '../MyTooltip';
 import MyIcon from '@fastgpt/web/components/common/Icon';
@@ -37,7 +37,7 @@ const MessageInput = ({
  showFileSelector = false,
  resetInputVal
 }: {
-  onChange: (e: string) => void;
+  onChange?: (e: string) => void;
  onSendMessage: (e: string) => void;
  onStop: () => void;
  isChatting: boolean;
@@ -45,6 +45,8 @@ const MessageInput = ({
  TextareaDom: React.MutableRefObject<HTMLTextAreaElement | null>;
  resetInputVal: (val: string) => void;
 }) => {
+  const [, startSts] = useTransition();
+
  const { shareId } = useRouter().query as { shareId?: string };
  const {
    isSpeaking,
@@ -330,17 +332,29 @@ ${images.map((img) => JSON.stringify({ src: img.src })).join('\n')}
              const textarea = e.target;
              textarea.style.height = textareaMinH;
              textarea.style.height = `${textarea.scrollHeight}px`;
-              onChange(textarea.value);
+
+              startSts(() => {
+                onChange?.(textarea.value);
+              });
            }}
            onKeyDown={(e) => {
              // enter send.(pc or iframe && enter and unPress shift)
+              const isEnter = e.keyCode === 13;
+              if (isEnter && TextareaDom.current && (e.ctrlKey || e.altKey)) {
+                TextareaDom.current.value += '\n';
+                TextareaDom.current.style.height = textareaMinH;
+                TextareaDom.current.style.height = `${TextareaDom.current.scrollHeight}px`;
+                return;
+              }
+
+              // 全选内容
+              // @ts-ignore
+              e.key === 'a' && e.ctrlKey && e.target?.select();
+
              if ((isPc || window !== parent) && e.keyCode === 13 && !e.shiftKey) {
                handleSend();
                e.preventDefault();
              }
-              // 全选内容
-              // @ts-ignore
-              e.key === 'a' && e.ctrlKey && e.target?.select();
            }}
            onPaste={(e) => {
              const clipboardData = e.clipboardData;
--- a/projects/app/src/components/ChatBox/index.tsx
+++ b/projects/app/src/components/ChatBox/index.tsx
@@ -36,7 +36,7 @@ import { adaptChat2GptMessages } from '@fastgpt/global/core/chat/adapt';
 import { useMarkdown } from '@/web/common/hooks/useMarkdown';
 import { ModuleItemType } from '@fastgpt/global/core/module/type.d';
 import { VariableInputEnum } from '@fastgpt/global/core/module/constants';
-import { useForm } from 'react-hook-form';
+import { UseFormReturn, useForm } from 'react-hook-form';
 import type { ChatMessageItemType } from '@fastgpt/global/core/ai/type.d';
 import { fileDownload } from '@/web/common/file/utils';
 import { htmlTemplate } from '@/constants/common';
@@ -65,7 +65,7 @@ const SelectMarkCollection = dynamic(() => import('./SelectMarkCollection'));
 import styles from './index.module.scss';
 import { postQuestionGuide } from '@/web/core/ai/api';
 import { splitGuideModule } from '@fastgpt/global/core/module/utils';
-import type { AppTTSConfigType } from '@fastgpt/global/core/module/type.d';
+import type { AppTTSConfigType, VariableItemType } from '@fastgpt/global/core/module/type.d';
 import MessageInput from './MessageInput';
 import { ModuleOutputKeyEnum } from '@fastgpt/global/core/module/constants';
 import ChatBoxDivider from '../core/chat/Divider';
@@ -98,6 +98,15 @@ enum FeedbackTypeEnum {
  hidden = 'hidden'
 }

+const MessageCardStyle: BoxProps = {
+  px: 4,
+  py: 3,
+  borderRadius: '0 8px 8px 8px',
+  boxShadow: '0 0 8px rgba(0,0,0,0.15)',
+  display: 'inline-block',
+  maxW: ['calc(100% - 25px)', 'calc(100% - 40px)']
+};
+
 type Props = {
  feedbackType?: `${FeedbackTypeEnum}`;
  showMarkIcon?: boolean; // admin mark dataset
@@ -157,7 +166,6 @@ const ChatBox = (
  const isNewChatReplace = useRef(false);

  const [refresh, setRefresh] = useState(false);
-  const [variables, setVariables] = useState<Record<string, any>>({}); // settings variable
  const [chatHistory, setChatHistory] = useState<ChatSiteItemType[]>([]);
  const [feedbackId, setFeedbackId] = useState<string>();
  const [readFeedbackData, setReadFeedbackData] = useState<{
@@ -180,7 +188,17 @@ const ChatBox = (
  );

  // compute variable input is finish.
-  const [variableInputFinish, setVariableInputFinish] = useState(false);
+  const chatForm = useForm<{
+    variables: Record<string, any>;
+  }>({
+    defaultValues: {
+      variables: {}
+    }
+  });
+  const { setValue, watch, handleSubmit } = chatForm;
+  const variables = watch('variables');
+
+  const [variableInputFinish, setVariableInputFinish] = useState(false); // clicked start chat button
  const variableIsFinish = useMemo(() => {
    if (!variableModules || variableModules.length === 0 || chatHistory.length > 0) return true;

@@ -194,21 +212,15 @@ const ChatBox = (
    return variableInputFinish;
  }, [chatHistory.length, variableInputFinish, variableModules, variables]);

-  const { register, reset, getValues, setValue, handleSubmit } = useForm<Record<string, any>>({
-    defaultValues: variables
-  });
-
  // 滚动到底部
-  const scrollToBottom = useCallback(
-    (behavior: 'smooth' | 'auto' = 'smooth') => {
-      if (!ChatBoxRef.current) return;
-      ChatBoxRef.current.scrollTo({
-        top: ChatBoxRef.current.scrollHeight,
-        behavior
-      });
-    },
-    [ChatBoxRef]
-  );
+  const scrollToBottom = (behavior: 'smooth' | 'auto' = 'smooth') => {
+    if (!ChatBoxRef.current) return;
+    ChatBoxRef.current.scrollTo({
+      top: ChatBoxRef.current.scrollHeight,
+      behavior
+    });
+  };
+
  // 聊天信息生成中……获取当前滚动条位置，判断是否需要滚动到底部
  const generatingScroll = useCallback(
    throttle(() => {
@@ -222,28 +234,31 @@ const ChatBox = (
    []
  );
  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const generatingMessage = ({ text = '', status, name }: generatingMessageProps) => {
-    setChatHistory((state) =>
-      state.map((item, index) => {
-        if (index !== state.length - 1) return item;
-        return {
-          ...item,
-          ...(text
-            ? {
-                value: item.value + text
-              }
-            : {}),
-          ...(status && name
-            ? {
-                status,
-                moduleName: name
-              }
-            : {})
-        };
-      })
-    );
-    generatingScroll();
-  };
+  const generatingMessage = useCallback(
+    ({ text = '', status, name }: generatingMessageProps) => {
+      setChatHistory((state) =>
+        state.map((item, index) => {
+          if (index !== state.length - 1) return item;
+          return {
+            ...item,
+            ...(text
+              ? {
+                  value: item.value + text
+                }
+              : {}),
+            ...(status && name
+              ? {
+                  status,
+                  moduleName: name
+                }
+              : {})
+          };
+        })
+      );
+      generatingScroll();
+    },
+    [generatingScroll]
+  );

  // 重置输入内容
  const resetInputVal = useCallback((val: string) => {
@@ -284,149 +299,157 @@ const ChatBox = (
        }
      } catch (error) {}
    },
-    [questionGuide, scrollToBottom, shareId]
+    [questionGuide, shareId]
  );

  /**
   * user confirm send prompt
   */
  const sendPrompt = useCallback(
-    async (variables: Record<string, any> = {}, inputVal = '', history = chatHistory) => {
-      if (!onStartChat) return;
-      if (isChatting) {
-        toast({
-          title: '正在聊天中...请等待结束',
-          status: 'warning'
-        });
-        return;
-      }
-      questionGuideController.current?.abort('stop');
-      // get input value
-      const val = inputVal.trim();
-
-      if (!val) {
-        toast({
-          title: '内容为空',
-          status: 'warning'
-        });
-        return;
-      }
-
-      const newChatList: ChatSiteItemType[] = [
-        ...history,
-        {
-          dataId: nanoid(),
-          obj: 'Human',
-          value: val,
-          status: 'finish'
-        },
-        {
-          dataId: nanoid(),
-          obj: 'AI',
-          value: '',
-          status: 'loading'
-        }
-      ];
-
-      // 插入内容
-      setChatHistory(newChatList);
-
-      // 清空输入内容
-      resetInputVal('');
-      setQuestionGuide([]);
-      setTimeout(() => {
-        scrollToBottom();
-      }, 100);
-      try {
-        // create abort obj
-        const abortSignal = new AbortController();
-        chatController.current = abortSignal;
-
-        const messages = adaptChat2GptMessages({ messages: newChatList, reserveId: true });
-
-        const {
-          responseData,
-          responseText,
-          isNewChat = false
-        } = await onStartChat({
-          chatList: newChatList.map((item) => ({
-            dataId: item.dataId,
-            obj: item.obj,
-            value: item.value,
-            status: item.status,
-            moduleName: item.moduleName
-          })),
-          messages,
-          controller: abortSignal,
-          generatingMessage,
-          variables
-        });
-
-        isNewChatReplace.current = isNewChat;
-
-        // set finish status
-        setChatHistory((state) =>
-          state.map((item, index) => {
-            if (index !== state.length - 1) return item;
-            return {
-              ...item,
-              status: 'finish',
-              responseData
-            };
-          })
-        );
-
-        setTimeout(() => {
-          createQuestionGuide({
-            history: newChatList.map((item, i) =>
-              i === newChatList.length - 1
-                ? {
-                    ...item,
-                    value: responseText
-                  }
-                : item
-            )
+    ({
+      inputVal = '',
+      history = chatHistory
+    }: {
+      inputVal?: string;
+      history?: ChatSiteItemType[];
+    }) => {
+      handleSubmit(async ({ variables }) => {
+        if (!onStartChat) return;
+        if (isChatting) {
+          toast({
+            title: '正在聊天中...请等待结束',
+            status: 'warning'
          });
-          generatingScroll();
-          isPc && TextareaDom.current?.focus();
-        }, 100);
-      } catch (err: any) {
-        toast({
-          title: t(getErrText(err, 'core.chat.error.Chat error')),
-          status: 'error',
-          duration: 5000,
-          isClosable: true
-        });
+          return;
+        }
+        questionGuideController.current?.abort('stop');
+        // get input value
+        const val = inputVal.trim();

-        if (!err?.responseText) {
-          resetInputVal(inputVal);
-          setChatHistory(newChatList.slice(0, newChatList.length - 2));
+        if (!val) {
+          toast({
+            title: '内容为空',
+            status: 'warning'
+          });
+          return;
        }

-        // set finish status
-        setChatHistory((state) =>
-          state.map((item, index) => {
-            if (index !== state.length - 1) return item;
-            return {
-              ...item,
-              status: 'finish'
-            };
-          })
-        );
-      }
+        const newChatList: ChatSiteItemType[] = [
+          ...history,
+          {
+            dataId: nanoid(),
+            obj: 'Human',
+            value: val,
+            status: 'finish'
+          },
+          {
+            dataId: nanoid(),
+            obj: 'AI',
+            value: '',
+            status: 'loading'
+          }
+        ];
+
+        // 插入内容
+        setChatHistory(newChatList);
+
+        // 清空输入内容
+        resetInputVal('');
+        setQuestionGuide([]);
+        setTimeout(() => {
+          scrollToBottom();
+        }, 100);
+        try {
+          // create abort obj
+          const abortSignal = new AbortController();
+          chatController.current = abortSignal;
+
+          const messages = adaptChat2GptMessages({ messages: newChatList, reserveId: true });
+
+          const {
+            responseData,
+            responseText,
+            isNewChat = false
+          } = await onStartChat({
+            chatList: newChatList.map((item) => ({
+              dataId: item.dataId,
+              obj: item.obj,
+              value: item.value,
+              status: item.status,
+              moduleName: item.moduleName
+            })),
+            messages,
+            controller: abortSignal,
+            generatingMessage,
+            variables
+          });
+
+          isNewChatReplace.current = isNewChat;
+
+          // set finish status
+          setChatHistory((state) =>
+            state.map((item, index) => {
+              if (index !== state.length - 1) return item;
+              return {
+                ...item,
+                status: 'finish',
+                responseData
+              };
+            })
+          );
+
+          setTimeout(() => {
+            createQuestionGuide({
+              history: newChatList.map((item, i) =>
+                i === newChatList.length - 1
+                  ? {
+                      ...item,
+                      value: responseText
+                    }
+                  : item
+              )
+            });
+            generatingScroll();
+            isPc && TextareaDom.current?.focus();
+          }, 100);
+        } catch (err: any) {
+          toast({
+            title: t(getErrText(err, 'core.chat.error.Chat error')),
+            status: 'error',
+            duration: 5000,
+            isClosable: true
+          });
+
+          if (!err?.responseText) {
+            resetInputVal(inputVal);
+            setChatHistory(newChatList.slice(0, newChatList.length - 2));
+          }
+
+          // set finish status
+          setChatHistory((state) =>
+            state.map((item, index) => {
+              if (index !== state.length - 1) return item;
+              return {
+                ...item,
+                status: 'finish'
+              };
+            })
+          );
+        }
+      })();
    },
    [
      chatHistory,
-      onStartChat,
-      isChatting,
-      resetInputVal,
-      toast,
-      scrollToBottom,
-      generatingMessage,
      createQuestionGuide,
+      generatingMessage,
      generatingScroll,
+      handleSubmit,
+      isChatting,
      isPc,
-      t
+      onStartChat,
+      resetInputVal,
+      t,
+      toast
    ]
  );

@@ -444,11 +467,14 @@ const ChatBox = (
        );
        setChatHistory((state) => (index === 0 ? [] : state.slice(0, index)));

-        sendPrompt(variables, delHistory[0].value, chatHistory.slice(0, index));
+        sendPrompt({
+          inputVal: delHistory[0].value,
+          history: chatHistory.slice(0, index)
+        });
      } catch (error) {}
      setLoading(false);
    },
-    [chatHistory, onDelMessage, sendPrompt, setLoading, variables]
+    [chatHistory, onDelMessage, sendPrompt, setLoading]
  );
  // delete one message
  const delOneMessage = useCallback(
@@ -471,27 +497,21 @@ const ChatBox = (
        defaultVal[item.key] = '';
      });

-      reset(e || defaultVal);
-      setVariables(e || defaultVal);
+      setValue('variables', e || defaultVal);
    },
    resetHistory(e) {
      setVariableInputFinish(!!e.length);
      setChatHistory(e);
    },
    scrollToBottom,
-    sendPrompt: (question: string) => handleSubmit((item) => sendPrompt(item, question))()
+    sendPrompt: (question: string) => {
+      sendPrompt({
+        inputVal: question
+      });
+    }
  }));

  /* style start */
-  const MessageCardStyle: BoxProps = {
-    px: 4,
-    py: 3,
-    borderRadius: '0 8px 8px 8px',
-    boxShadow: '0 0 8px rgba(0,0,0,0.15)',
-    display: 'inline-block',
-    maxW: ['calc(100% - 25px)', 'calc(100% - 40px)']
-  };
-
  const showEmpty = useMemo(
    () =>
      feConfigs?.show_emptyChat &&
@@ -534,14 +554,18 @@ const ChatBox = (
  useEffect(() => {
    const windowMessage = ({ data }: MessageEvent<{ type: 'sendPrompt'; text: string }>) => {
      if (data?.type === 'sendPrompt' && data?.text) {
-        handleSubmit((item) => sendPrompt(item, data.text))();
+        sendPrompt({
+          inputVal: data.text
+        });
      }
    };
    window.addEventListener('message', windowMessage);

    eventBus.on(EventNameEnum.sendQuestion, ({ text }: { text: string }) => {
      if (!text) return;
-      handleSubmit((data) => sendPrompt(data, text))();
+      sendPrompt({
+        inputVal: text
+      });
    });
    eventBus.on(EventNameEnum.editQuestion, ({ text }: { text: string }) => {
      if (!text) return;
@@ -553,140 +577,81 @@ const ChatBox = (
      eventBus.off(EventNameEnum.sendQuestion);
      eventBus.off(EventNameEnum.editQuestion);
    };
-  }, [handleSubmit, resetInputVal, sendPrompt]);
+  }, [resetInputVal, sendPrompt]);
+
+  const onSubmitVariables = useCallback(
+    (data: Record<string, any>) => {
+      setVariableInputFinish(true);
+      onUpdateVariable?.(data);
+    },
+    [onUpdateVariable]
+  );
+  const HumanChatCard = useCallback(
+    ({ item, index }: { item: ChatSiteItemType; index: number }) => {
+      return (
+        <>
+          {/* control icon */}
+          <Flex w={'100%'} alignItems={'center'} justifyContent={'flex-end'}>
+            <ChatControllerComponent
+              chat={item}
+              onDelete={
+                onDelMessage
+                  ? () => {
+                      delOneMessage({ dataId: item.dataId, index });
+                    }
+                  : undefined
+              }
+              onRetry={useCallback(() => retryInput(index), [index])}
+            />
+            <ChatAvatar src={userAvatar} type={'Human'} />
+          </Flex>
+          {/* content */}
+          <Box mt={['6px', 2]} textAlign={'right'}>
+            <Card
+              className="markdown"
+              {...MessageCardStyle}
+              bg={'primary.200'}
+              borderRadius={'8px 0 8px 8px'}
+              textAlign={'left'}
+            >
+              <Markdown source={item.value} isChatting={false} />
+            </Card>
+          </Box>
+        </>
+      );
+    },
+    []
+  );

  return (
    <Flex flexDirection={'column'} h={'100%'}>
      <Script src="/js/html2pdf.bundle.min.js" strategy="lazyOnload"></Script>
-
      {/* chat box container */}
      <Box ref={ChatBoxRef} flex={'1 0 0'} h={0} w={'100%'} overflow={'overlay'} px={[4, 0]} pb={3}>
        <Box id="chat-container" maxW={['100%', '92%']} h={'100%'} mx={'auto'}>
          {showEmpty && <Empty />}
-
-          {!!welcomeText && (
-            <Box py={3}>
-              {/* avatar */}
-              <ChatAvatar src={appAvatar} type={'AI'} />
-              {/* message */}
-              <Box textAlign={'left'}>
-                <Card order={2} mt={2} {...MessageCardStyle} bg={'white'}>
-                  <Markdown source={`~~~guide \n${welcomeText}`} isChatting={false} />
-                </Card>
-              </Box>
-            </Box>
-          )}
+          {!!welcomeText && <WelcomeText appAvatar={appAvatar} welcomeText={welcomeText} />}
          {/* variable input */}
          {!!variableModules?.length && (
-            <Box py={3}>
-              {/* avatar */}
-              <ChatAvatar src={appAvatar} type={'AI'} />
-              {/* message */}
-              <Box textAlign={'left'}>
-                <Card order={2} mt={2} bg={'white'} w={'400px'} {...MessageCardStyle}>
-                  {variableModules.map((item) => (
-                    <Box key={item.id} mb={4}>
-                      <VariableLabel required={item.required}>{item.label}</VariableLabel>
-                      {item.type === VariableInputEnum.input && (
-                        <Input
-                          isDisabled={variableIsFinish}
-                          bg={'myWhite.400'}
-                          {...register(item.key, {
-                            required: item.required
-                          })}
-                        />
-                      )}
-                      {item.type === VariableInputEnum.textarea && (
-                        <Textarea
-                          isDisabled={variableIsFinish}
-                          bg={'myWhite.400'}
-                          {...register(item.key, {
-                            required: item.required
-                          })}
-                          rows={5}
-                          maxLength={4000}
-                        />
-                      )}
-                      {item.type === VariableInputEnum.select && (
-                        <MySelect
-                          width={'100%'}
-                          isDisabled={variableIsFinish}
-                          list={(item.enums || []).map((item) => ({
-                            label: item.value,
-                            value: item.value
-                          }))}
-                          {...register(item.key, {
-                            required: item.required
-                          })}
-                          value={getValues(item.key)}
-                          onchange={(e) => {
-                            setValue(item.key, e);
-                            setRefresh(!refresh);
-                          }}
-                        />
-                      )}
-                    </Box>
-                  ))}
-                  {!variableIsFinish && (
-                    <Button
-                      leftIcon={<MyIcon name={'core/chat/chatFill'} w={'16px'} />}
-                      size={'sm'}
-                      maxW={'100px'}
-                      onClick={handleSubmit((data) => {
-                        onUpdateVariable?.(data);
-                        setVariables(data);
-                        setVariableInputFinish(true);
-                      })}
-                    >
-                      {t('core.chat.Start Chat')}
-                    </Button>
-                  )}
-                </Card>
-              </Box>
-            </Box>
+            <VariableInput
+              appAvatar={appAvatar}
+              variableModules={variableModules}
+              variableIsFinish={variableIsFinish}
+              chatForm={chatForm}
+              onSubmitVariables={onSubmitVariables}
+            />
          )}
-
          {/* chat history */}
          <Box id={'history'}>
            {chatHistory.map((item, index) => (
              <Box key={item.dataId} py={5}>
-                {item.obj === 'Human' && (
-                  <>
-                    {/* control icon */}
-                    <Flex w={'100%'} alignItems={'center'} justifyContent={'flex-end'}>
-                      <ChatController
-                        chat={item}
-                        onDelete={
-                          onDelMessage
-                            ? () => {
-                                delOneMessage({ dataId: item.dataId, index });
-                              }
-                            : undefined
-                        }
-                        onRetry={() => retryInput(index)}
-                      />
-                      <ChatAvatar src={userAvatar} type={'Human'} />
-                    </Flex>
-                    {/* content */}
-                    <Box mt={['6px', 2]} textAlign={'right'}>
-                      <Card
-                        className="markdown"
-                        {...MessageCardStyle}
-                        bg={'primary.200'}
-                        borderRadius={'8px 0 8px 8px'}
-                        textAlign={'left'}
-                      >
-                        <Markdown source={item.value} isChatting={false} />
-                      </Card>
-                    </Box>
-                  </>
-                )}
+                {item.obj === 'Human' && <HumanChatCard item={item} index={index} />}
                {item.obj === 'AI' && (
                  <>
-                    {/* control icon */}
                    <Flex w={'100%'} alignItems={'center'}>
                      <ChatAvatar src={appAvatar} type={'AI'} />
-                      <ChatController
+                      {/* control icon */}
+                      <ChatControllerComponent
                        ml={2}
                        chat={item}
                        setChatHistory={setChatHistory}
@@ -723,36 +688,35 @@ const ChatBox = (
                              }
                            : undefined
                        }
-                        onAddUserLike={(() => {
-                          if (feedbackType !== FeedbackTypeEnum.user || item.userBadFeedback) {
-                            return;
-                          }
-                          return () => {
-                            if (!item.dataId || !chatId || !appId) return;
+                        onAddUserLike={
+                          feedbackType !== FeedbackTypeEnum.user || item.userBadFeedback
+                            ? undefined
+                            : () => {
+                                if (!item.dataId || !chatId || !appId) return;

-                            const isGoodFeedback = !!item.userGoodFeedback;
-                            setChatHistory((state) =>
-                              state.map((chatItem) =>
-                                chatItem.dataId === item.dataId
-                                  ? {
-                                      ...chatItem,
-                                      userGoodFeedback: isGoodFeedback ? undefined : 'yes'
-                                    }
-                                  : chatItem
-                              )
-                            );
-                            try {
-                              updateChatUserFeedback({
-                                appId,
-                                chatId,
-                                chatItemId: item.dataId,
-                                shareId,
-                                outLinkUid,
-                                userGoodFeedback: isGoodFeedback ? undefined : 'yes'
-                              });
-                            } catch (error) {}
-                          };
-                        })()}
+                                const isGoodFeedback = !!item.userGoodFeedback;
+                                setChatHistory((state) =>
+                                  state.map((chatItem) =>
+                                    chatItem.dataId === item.dataId
+                                      ? {
+                                          ...chatItem,
+                                          userGoodFeedback: isGoodFeedback ? undefined : 'yes'
+                                        }
+                                      : chatItem
+                                  )
+                                );
+                                try {
+                                  updateChatUserFeedback({
+                                    appId,
+                                    chatId,
+                                    chatItemId: item.dataId,
+                                    shareId,
+                                    outLinkUid,
+                                    userGoodFeedback: isGoodFeedback ? undefined : 'yes'
+                                  });
+                                } catch (error) {}
+                              }
+                        }
                        onCloseUserLike={
                          feedbackType === FeedbackTypeEnum.admin
                            ? () => {
@@ -931,13 +895,12 @@ const ChatBox = (
        </Box>
      </Box>
      {/* message input */}
-      {onStartChat && variableIsFinish && active ? (
+      {onStartChat && variableIsFinish && active && (
        <MessageInput
-          onChange={(e) => {
-            setRefresh(!refresh);
-          }}
-          onSendMessage={(e) => {
-            handleSubmit((data) => sendPrompt(data, e))();
+          onSendMessage={(inputVal) => {
+            sendPrompt({
+              inputVal
+            });
          }}
          onStop={() => chatController.current?.abort('stop')}
          isChatting={isChatting}
@@ -945,7 +908,7 @@ const ChatBox = (
          resetInputVal={resetInputVal}
          showFileSelector={showFileSelector}
        />
-      ) : null}
+      )}
      {/* user feedback modal */}
      {!!feedbackId && chatId && appId && (
        <FeedbackModal
@@ -1115,30 +1078,125 @@ export const useChatBox = () => {
  };
 };

-function VariableLabel({
-  required = false,
-  children
+const WelcomeText = React.memo(function Welcome({
+  appAvatar,
+  welcomeText
 }: {
-  required?: boolean;
-  children: React.ReactNode | string;
+  appAvatar?: string;
+  welcomeText: string;
 }) {
  return (
-    <Box as={'label'} display={'inline-block'} position={'relative'} mb={1}>
-      {children}
-      {required && (
-        <Box
-          position={'absolute'}
-          top={'-2px'}
-          right={'-10px'}
-          color={'red.500'}
-          fontWeight={'bold'}
-        >
-          *
-        </Box>
-      )}
+    <Box py={3}>
+      {/* avatar */}
+      <ChatAvatar src={appAvatar} type={'AI'} />
+      {/* message */}
+      <Box textAlign={'left'}>
+        <Card order={2} mt={2} {...MessageCardStyle} bg={'white'}>
+          <Markdown source={`~~~guide \n${welcomeText}`} isChatting={false} />
+        </Card>
+      </Box>
    </Box>
  );
-}
+});
+const VariableInput = React.memo(function VariableInput({
+  appAvatar,
+  variableModules,
+  variableIsFinish,
+  chatForm,
+  onSubmitVariables
+}: {
+  appAvatar?: string;
+  variableModules: VariableItemType[];
+  variableIsFinish: boolean;
+  onSubmitVariables: (e: Record<string, any>) => void;
+  chatForm: UseFormReturn<{
+    variables: Record<string, any>;
+  }>;
+}) {
+  const { t } = useTranslation();
+  const { register, setValue, handleSubmit: handleSubmitChat, watch } = chatForm;
+  const variables = watch('variables');
+
+  return (
+    <Box py={3}>
+      {/* avatar */}
+      <ChatAvatar src={appAvatar} type={'AI'} />
+      {/* message */}
+      <Box textAlign={'left'}>
+        <Card order={2} mt={2} bg={'white'} w={'400px'} {...MessageCardStyle}>
+          {variableModules.map((item) => (
+            <Box key={item.id} mb={4}>
+              <Box as={'label'} display={'inline-block'} position={'relative'} mb={1}>
+                {item.label}
+                {item.required && (
+                  <Box
+                    position={'absolute'}
+                    top={'-2px'}
+                    right={'-10px'}
+                    color={'red.500'}
+                    fontWeight={'bold'}
+                  >
+                    *
+                  </Box>
+                )}
+              </Box>
+              {item.type === VariableInputEnum.input && (
+                <Input
+                  isDisabled={variableIsFinish}
+                  bg={'myWhite.400'}
+                  {...register(`variables.${item.key}`, {
+                    required: item.required
+                  })}
+                />
+              )}
+              {item.type === VariableInputEnum.textarea && (
+                <Textarea
+                  isDisabled={variableIsFinish}
+                  bg={'myWhite.400'}
+                  {...register(`variables.${item.key}`, {
+                    required: item.required
+                  })}
+                  rows={5}
+                  maxLength={4000}
+                />
+              )}
+              {item.type === VariableInputEnum.select && (
+                <MySelect
+                  width={'100%'}
+                  isDisabled={variableIsFinish}
+                  list={(item.enums || []).map((item) => ({
+                    label: item.value,
+                    value: item.value
+                  }))}
+                  {...register(`variables.${item.key}`, {
+                    required: item.required
+                  })}
+                  value={variables[item.key]}
+                  onchange={(e) => {
+                    setValue(`variables.${item.key}`, e);
+                  }}
+                />
+              )}
+            </Box>
+          ))}
+          {!variableIsFinish && (
+            <Button
+              leftIcon={<MyIcon name={'core/chat/chatFill'} w={'16px'} />}
+              size={'sm'}
+              maxW={'100px'}
+              onClick={handleSubmitChat((data) => {
+                onSubmitVariables(data);
+              })}
+            >
+              {t('core.chat.Start Chat')}
+            </Button>
+          )}
+        </Card>
+      </Box>
+    </Box>
+  );
+});
+
 function ChatAvatar({ src, type }: { src?: string; type: 'Human' | 'AI' }) {
  const theme = useTheme();
  return (
@@ -1173,7 +1231,7 @@ function Empty() {
  );
 }

-function ChatController({
+const ChatControllerComponent = React.memo(function ChatControllerComponent({
  chat,
  setChatHistory,
  display,
@@ -1226,7 +1284,7 @@ function ChatController({

  return (
    <Flex {...controlContainerStyle} ml={ml} mr={mr} display={display}>
-      <MyTooltip label={'复制'}>
+      <MyTooltip label={t('common.Copy')}>
        <MyIcon
          {...controlIconStyle}
          name={'copy'}
@@ -1246,7 +1304,7 @@ function ChatController({
              />
            </MyTooltip>
          )}
-          <MyTooltip label={'删除'}>
+          <MyTooltip label={t('common.Delete')}>
            <MyIcon
              {...controlIconStyle}
              name={'delete'}
@@ -1259,7 +1317,7 @@ function ChatController({
      {showVoiceIcon &&
        hasAudio &&
        (audioLoading ? (
-          <MyTooltip label={'加载中...'}>
+          <MyTooltip label={t('common.Loading')}>
            <MyIcon {...controlIconStyle} name={'common/loading'} />
          </MyTooltip>
        ) : audioPlaying ? (
@@ -1372,4 +1430,4 @@ function ChatController({
      )}
    </Flex>
  );
-}
+});
--- a/projects/app/src/components/Markdown/index.tsx
+++ b/projects/app/src/components/Markdown/index.tsx
@@ -35,36 +35,79 @@ export enum CodeClassName {
  img = 'img'
 }

-function Code({ inline, className, children }: any) {
+const Markdown = ({ source, isChatting = false }: { source: string; isChatting?: boolean }) => {
+  const components = useMemo<any>(
+    () => ({
+      img: Image,
+      pre: 'div',
+      p: (pProps: any) => <p {...pProps} dir="auto" />,
+      code: Code,
+      a: A
+    }),
+    []
+  );
+
+  const formatSource = source
+    .replace(/\\n/g, '\n&nbsp;')
+    .replace(/(http[s]?:\/\/[^\s，。]+)([。，])/g, '$1 $2')
+    .replace(/\n*(\[QUOTE SIGN\]\(.*\))/g, '$1');
+
+  return (
+    <ReactMarkdown
+      className={`markdown ${styles.markdown}
+      ${isChatting ? `${formatSource ? styles.waitingAnimation : styles.animation}` : ''}
+    `}
+      remarkPlugins={[RemarkMath, RemarkGfm, RemarkBreaks]}
+      rehypePlugins={[RehypeKatex]}
+      components={components}
+      linkTarget={'_blank'}
+    >
+      {formatSource}
+    </ReactMarkdown>
+  );
+};
+
+export default React.memo(Markdown);
+
+const Code = React.memo(function Code(e: any) {
+  const { inline, className, children } = e;
+
  const match = /language-(\w+)/.exec(className || '');
  const codeType = match?.[1];

-  if (codeType === CodeClassName.mermaid) {
-    return <MermaidCodeBlock code={String(children)} />;
-  }
+  const strChildren = String(children);

-  if (codeType === CodeClassName.guide) {
-    return <ChatGuide text={String(children)} />;
-  }
-  if (codeType === CodeClassName.questionGuide) {
-    return <QuestionGuide text={String(children)} />;
-  }
-  if (codeType === CodeClassName.echarts) {
-    return <EChartsCodeBlock code={String(children)} />;
-  }
-  if (codeType === CodeClassName.img) {
-    return <ImageBlock images={String(children)} />;
-  }
-  return (
-    <CodeLight className={className} inline={inline} match={match}>
-      {children}
-    </CodeLight>
-  );
-}
-function Image({ src }: { src?: string }) {
+  const Component = useMemo(() => {
+    if (codeType === CodeClassName.mermaid) {
+      return <MermaidCodeBlock code={strChildren} />;
+    }
+
+    if (codeType === CodeClassName.guide) {
+      return <ChatGuide text={strChildren} />;
+    }
+    if (codeType === CodeClassName.questionGuide) {
+      return <QuestionGuide text={strChildren} />;
+    }
+    if (codeType === CodeClassName.echarts) {
+      return <EChartsCodeBlock code={strChildren} />;
+    }
+    if (codeType === CodeClassName.img) {
+      return <ImageBlock images={strChildren} />;
+    }
+    return (
+      <CodeLight className={className} inline={inline} match={match}>
+        {children}
+      </CodeLight>
+    );
+  }, [codeType, className, inline, match, strChildren]);
+
+  return Component;
+});
+
+const Image = React.memo(function Image({ src }: { src?: string }) {
  return <MdImage src={src} />;
-}
-function A({ children, ...props }: any) {
+});
+const A = React.memo(function A({ children, ...props }: any) {
  const { t } = useTranslation();

  // empty href link
@@ -109,38 +152,4 @@ function A({ children, ...props }: any) {
  }

  return <Link {...props}>{children}</Link>;
-}
-
-const Markdown = ({ source, isChatting = false }: { source: string; isChatting?: boolean }) => {
-  const components = useMemo<any>(
-    () => ({
-      img: Image,
-      pre: 'div',
-      p: (pProps: any) => <p {...pProps} dir="auto" />,
-      code: Code,
-      a: A
-    }),
-    []
-  );
-
-  const formatSource = source
-    .replace(/\\n/g, '\n&nbsp;')
-    .replace(/(http[s]?:\/\/[^\s，。]+)([。，])/g, '$1 $2')
-    .replace(/\n*(\[QUOTE SIGN\]\(.*\))/g, '$1');
-
-  return (
-    <ReactMarkdown
-      className={`markdown ${styles.markdown}
-      ${isChatting ? `${formatSource ? styles.waitingAnimation : styles.animation}` : ''}
-    `}
-      remarkPlugins={[RemarkMath, RemarkGfm, RemarkBreaks]}
-      rehypePlugins={[RehypeKatex]}
-      components={components}
-      linkTarget={'_blank'}
-    >
-      {formatSource}
-    </ReactMarkdown>
-  );
-};
-
-export default React.memo(Markdown);
+});
--- a/projects/app/src/components/common/Textarea/TagTextarea.tsx
+++ b/projects/app/src/components/common/Textarea/TagTextarea.tsx
@@ -79,6 +79,8 @@ const TagTextarea = ({ defaultValues, onUpdate, ...props }: Props) => {
          ref={InputRef}
          variant={'unstyled'}
          display={'inline-block'}
+          h={'24px'}
+          borderRadius={'none'}
          w="auto"
          onBlur={(e) => {
            const value = e.target.value;
--- a/projects/app/src/components/core/module/AIChatSettingsModal.tsx
+++ b/projects/app/src/components/core/module/AIChatSettingsModal.tsx
@@ -66,7 +66,6 @@ const AIChatSettingsModal = ({
  }, [getValues]);

  const quoteTemplateVariables = (() => [
-    ...pickerMenu,
    {
      key: 'q',
      label: 'q',
@@ -91,15 +90,21 @@ const AIChatSettingsModal = ({
      key: 'index',
      label: t('core.dataset.search.Quote index'),
      icon: 'core/app/simpleMode/variable'
-    }
+    },
+    ...pickerMenu
  ])();
  const quotePromptVariables = (() => [
-    ...pickerMenu,
    {
      key: 'quote',
      label: t('core.app.Quote templates'),
      icon: 'core/app/simpleMode/variable'
-    }
+    },
+    {
+      key: 'question',
+      label: t('core.module.input.label.user question'),
+      icon: 'core/app/simpleMode/variable'
+    },
+    ...pickerMenu
  ])();

  const LabelStyles: BoxProps = {
--- a/projects/app/src/components/support/user/team/TeamManageModal/InviteModal.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/InviteModal.tsx
@@ -55,11 +55,13 @@ const InviteModal = ({
      openConfirm(
        () => onClose(),
        undefined,
-        t('user.team.Invite Member Success Tip', {
-          success: res.invite.length,
-          inValid: res.inValid.map((item) => item.username).join(', '),
-          inTeam: res.inTeam.map((item) => item.username).join(', ')
-        })
+        <Box whiteSpace={'pre-wrap'}>
+          {t('user.team.Invite Member Success Tip', {
+            success: res.invite.length,
+            inValid: res.inValid.map((item) => item.username).join(', '),
+            inTeam: res.inTeam.map((item) => item.username).join(', ')
+          })}
+        </Box>
      )();
    },
    errorToast: t('user.team.Invite Member Failed Tip')
--- a/projects/app/src/components/support/user/team/TeamManageModal/index.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/index.tsx
@@ -75,7 +75,7 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
  const { mutate: onSwitchTeam, isLoading: isSwitchTeam } = useRequest({
    mutationFn: async (teamId: string) => {
      const token = await putSwitchTeam(teamId);
-      setToken(token);
+      token && setToken(token);
      return initUserInfo();
    },
    errorToast: t('user.team.Switch Team Failed')
@@ -286,13 +286,7 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
                  size="sm"
                  borderRadius={'md'}
                  ml={3}
-                  leftIcon={
-                    <MyIcon
-                      name={'support/account/loginoutLight'}
-                      w={'14px'}
-                      color={'primary.500'}
-                    />
-                  }
+                  leftIcon={<MyIcon name={'support/account/loginoutLight'} w={'14px'} />}
                  onClick={() => {
                    openLeaveConfirm(() => onLeaveTeam(userInfo?.team?.teamId))();
                  }}
--- a/projects/app/src/pages/account/components/Info.tsx
+++ b/projects/app/src/pages/account/components/Info.tsx
@@ -271,28 +271,32 @@ const UserInfo = () => {
                )}
              </Flex>
            </Box>
-            <Box mt={6} whiteSpace={'nowrap'} w={['85%', '300px']}>
-              <Flex alignItems={'center'}>
-                <Box flex={'1 0 0'} fontSize={'md'}>
-                  {t('support.user.team.Dataset usage')}:&nbsp;{datasetUsageMap.usedSize}/
-                  {datasetSub.maxSize}
+            {feConfigs?.show_pay && (
+              <Box mt={6} whiteSpace={'nowrap'} w={['85%', '300px']}>
+                <Flex alignItems={'center'}>
+                  <Box flex={'1 0 0'} fontSize={'md'}>
+                    {t('support.user.team.Dataset usage')}:&nbsp;{datasetUsageMap.usedSize}/
+                    {datasetSub.maxSize}
+                  </Box>
+                  {userInfo?.team?.canWrite && (
+                    <Button size={'sm'} onClick={onOpenSubDatasetModal}>
+                      {t('support.wallet.Buy more')}
+                    </Button>
+                  )}
+                </Flex>
+                <Box mt={1}>
+                  <Progress
+                    value={datasetUsageMap.value}
+                    colorScheme={datasetUsageMap.colorScheme}
+                    borderRadius={'md'}
+                    isAnimated
+                    hasStripe
+                    borderWidth={'1px'}
+                    borderColor={'borderColor.base'}
+                  />
                </Box>
-                <Button size={'sm'} onClick={onOpenSubDatasetModal}>
-                  {t('support.wallet.Buy more')}
-                </Button>
-              </Flex>
-              <Box mt={1}>
-                <Progress
-                  value={datasetUsageMap.value}
-                  colorScheme={datasetUsageMap.colorScheme}
-                  borderRadius={'md'}
-                  isAnimated
-                  hasStripe
-                  borderWidth={'1px'}
-                  borderColor={'borderColor.base'}
-                />
              </Box>
-            </Box>
+            )}
          </>
        )}

--- a/projects/app/src/pages/api/core/dataset/collection/create/file.ts
+++ b/projects/app/src/pages/api/core/dataset/collection/create/file.ts
@@ -1,85 +0,0 @@
-import type { NextApiRequest, NextApiResponse } from 'next';
-import { jsonRes } from '@fastgpt/service/common/response';
-import { connectToDatabase } from '@/service/mongo';
-import { uploadFile } from '@fastgpt/service/common/file/gridfs/controller';
-import { getUploadModel } from '@fastgpt/service/common/file/multer';
-import { authDataset } from '@fastgpt/service/support/permission/auth/dataset';
-import { FileCreateDatasetCollectionParams } from '@fastgpt/global/core/dataset/api';
-import { removeFilesByPaths } from '@fastgpt/service/common/file/utils';
-import { createOneCollection } from '@fastgpt/service/core/dataset/collection/controller';
-import { DatasetCollectionTypeEnum } from '@fastgpt/global/core/dataset/constants';
-
-/**
- * Creates the multer uploader
- */
-const upload = getUploadModel({
-  maxSize: 500 * 1024 * 1024
-});
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
-  let filePaths: string[] = [];
-
-  const { datasetId } = req.query as { datasetId: string };
-
-  try {
-    await connectToDatabase();
-
-    const { teamId, tmbId } = await authDataset({
-      req,
-      authToken: true,
-      authApiKey: true,
-      per: 'w',
-      datasetId
-    });
-
-    const { file, bucketName, data } = await upload.doUpload<FileCreateDatasetCollectionParams>(
-      req,
-      res
-    );
-    filePaths = [file.path];
-
-    if (!file || !bucketName) {
-      throw new Error('file is empty');
-    }
-
-    const { fileMetadata, collectionMetadata, ...collectionData } = data;
-
-    // upload file and create collection
-    const fileId = await uploadFile({
-      teamId,
-      tmbId,
-      bucketName,
-      path: file.path,
-      filename: file.originalname,
-      contentType: file.mimetype,
-      metadata: fileMetadata
-    });
-
-    // create collection
-    const collectionId = await createOneCollection({
-      ...collectionData,
-      metadata: collectionMetadata,
-      teamId,
-      tmbId,
-      type: DatasetCollectionTypeEnum.file,
-      fileId
-    });
-
-    jsonRes(res, {
-      data: collectionId
-    });
-  } catch (error) {
-    jsonRes(res, {
-      code: 500,
-      error
-    });
-  }
-
-  removeFilesByPaths(filePaths);
-}
-
-export const config = {
-  api: {
-    bodyParser: false
-  }
-};
--- a/projects/app/src/pages/api/core/dataset/collection/create/link.ts
+++ b/projects/app/src/pages/api/core/dataset/collection/create/link.ts
@@ -1,91 +0,0 @@
-/* 
-    Create one dataset collection
-*/
-import type { NextApiRequest, NextApiResponse } from 'next';
-import { jsonRes } from '@fastgpt/service/common/response';
-import { connectToDatabase } from '@/service/mongo';
-import type { LinkCreateDatasetCollectionParams } from '@fastgpt/global/core/dataset/api.d';
-import { authDataset } from '@fastgpt/service/support/permission/auth/dataset';
-import { createOneCollection } from '@fastgpt/service/core/dataset/collection/controller';
-import {
-  TrainingModeEnum,
-  DatasetCollectionTypeEnum
-} from '@fastgpt/global/core/dataset/constants';
-import { checkDatasetLimit } from '@fastgpt/service/support/permission/limit/dataset';
-import { predictDataLimitLength } from '@fastgpt/global/core/dataset/utils';
-import { createTrainingBill } from '@fastgpt/service/support/wallet/bill/controller';
-import { BillSourceEnum } from '@fastgpt/global/support/wallet/bill/constants';
-import { getQAModel, getVectorModel } from '@/service/core/ai/model';
-import { reloadCollectionChunks } from '@fastgpt/service/core/dataset/collection/utils';
-import { startQueue } from '@/service/utils/tools';
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
-  try {
-    await connectToDatabase();
-    const {
-      link,
-      trainingType = TrainingModeEnum.chunk,
-      chunkSize = 512,
-      chunkSplitter,
-      qaPrompt,
-      ...body
-    } = req.body as LinkCreateDatasetCollectionParams;
-
-    const { teamId, tmbId, dataset } = await authDataset({
-      req,
-      authToken: true,
-      authApiKey: true,
-      datasetId: body.datasetId,
-      per: 'w'
-    });
-
-    // 1. check dataset limit
-    await checkDatasetLimit({
-      teamId,
-      freeSize: global.feConfigs?.subscription?.datasetStoreFreeSize,
-      insertLen: predictDataLimitLength(trainingType, new Array(10))
-    });
-
-    // 2. create collection
-    const collectionId = await createOneCollection({
-      ...body,
-      name: link,
-      teamId,
-      tmbId,
-      type: DatasetCollectionTypeEnum.link,
-
-      trainingType,
-      chunkSize,
-      chunkSplitter,
-      qaPrompt,
-
-      rawLink: link
-    });
-
-    // 3. create bill and start sync
-    const { billId } = await createTrainingBill({
-      teamId,
-      tmbId,
-      appName: 'core.dataset.collection.Sync Collection',
-      billSource: BillSourceEnum.training,
-      vectorModel: getVectorModel(dataset.vectorModel).name,
-      agentModel: getQAModel(dataset.agentModel).name
-    });
-    await reloadCollectionChunks({
-      collectionId,
-      tmbId,
-      billId
-    });
-
-    startQueue();
-
-    jsonRes(res, {
-      data: { collectionId }
-    });
-  } catch (err) {
-    jsonRes(res, {
-      code: 500,
-      error: err
-    });
-  }
-}
--- a/projects/app/src/pages/api/core/dataset/collection/create/text.ts
+++ b/projects/app/src/pages/api/core/dataset/collection/create/text.ts
@@ -1,117 +0,0 @@
-/* 
-    Create one dataset collection
-*/
-import type { NextApiRequest, NextApiResponse } from 'next';
-import { jsonRes } from '@fastgpt/service/common/response';
-import { connectToDatabase } from '@/service/mongo';
-import type { TextCreateDatasetCollectionParams } from '@fastgpt/global/core/dataset/api.d';
-import { authDataset } from '@fastgpt/service/support/permission/auth/dataset';
-import { createOneCollection } from '@fastgpt/service/core/dataset/collection/controller';
-import {
-  TrainingModeEnum,
-  DatasetCollectionTypeEnum
-} from '@fastgpt/global/core/dataset/constants';
-import { splitText2Chunks } from '@fastgpt/global/common/string/textSplitter';
-import { checkDatasetLimit } from '@fastgpt/service/support/permission/limit/dataset';
-import { predictDataLimitLength } from '@fastgpt/global/core/dataset/utils';
-import { pushDataToTrainingQueue } from '@/service/core/dataset/data/controller';
-import { hashStr } from '@fastgpt/global/common/string/tools';
-import { createTrainingBill } from '@fastgpt/service/support/wallet/bill/controller';
-import { BillSourceEnum } from '@fastgpt/global/support/wallet/bill/constants';
-import { getQAModel, getVectorModel } from '@/service/core/ai/model';
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
-  try {
-    await connectToDatabase();
-    const {
-      name,
-      text,
-      trainingType = TrainingModeEnum.chunk,
-      chunkSize = 512,
-      chunkSplitter,
-      qaPrompt,
-      ...body
-    } = req.body as TextCreateDatasetCollectionParams;
-
-    const { teamId, tmbId, dataset } = await authDataset({
-      req,
-      authToken: true,
-      authApiKey: true,
-      datasetId: body.datasetId,
-      per: 'w'
-    });
-
-    // 1. split text to chunks
-    const { chunks } = splitText2Chunks({
-      text,
-      chunkLen: chunkSize,
-      overlapRatio: trainingType === TrainingModeEnum.chunk ? 0.2 : 0,
-      customReg: chunkSplitter ? [chunkSplitter] : []
-    });
-
-    // 2. check dataset limit
-    await checkDatasetLimit({
-      teamId,
-      freeSize: global.feConfigs?.subscription?.datasetStoreFreeSize,
-      insertLen: predictDataLimitLength(trainingType, chunks)
-    });
-
-    // 3. create collection and training bill
-    const [collectionId, { billId }] = await Promise.all([
-      createOneCollection({
-        ...body,
-        teamId,
-        tmbId,
-        type: DatasetCollectionTypeEnum.virtual,
-
-        name,
-        trainingType,
-        chunkSize,
-        chunkSplitter,
-        qaPrompt,
-
-        hashRawText: hashStr(text),
-        rawTextLength: text.length
-      }),
-      createTrainingBill({
-        teamId,
-        tmbId,
-        appName: name,
-        billSource: BillSourceEnum.training,
-        vectorModel: getVectorModel(dataset.vectorModel)?.name,
-        agentModel: getQAModel(dataset.agentModel)?.name
-      })
-    ]);
-
-    // 4. push chunks to training queue
-    const insertResults = await pushDataToTrainingQueue({
-      teamId,
-      tmbId,
-      collectionId,
-      trainingMode: trainingType,
-      prompt: qaPrompt,
-      billId,
-      data: chunks.map((text, index) => ({
-        q: text,
-        chunkIndex: index
-      }))
-    });
-
-    jsonRes(res, {
-      data: { collectionId, results: insertResults }
-    });
-  } catch (err) {
-    jsonRes(res, {
-      code: 500,
-      error: err
-    });
-  }
-}
-
-export const config = {
-  api: {
-    bodyParser: {
-      sizeLimit: '10mb'
-    }
-  }
-};
--- a/projects/app/src/pages/api/core/dataset/create.ts
+++ b/projects/app/src/pages/api/core/dataset/create.ts
@@ -6,6 +6,7 @@ import type { CreateDatasetParams } from '@/global/core/dataset/api.d';
 import { createDefaultCollection } from '@fastgpt/service/core/dataset/collection/controller';
 import { authUserNotVisitor } from '@fastgpt/service/support/permission/auth/user';
 import { DatasetTypeEnum } from '@fastgpt/global/core/dataset/constants';
+import { getQAModel, getVectorModel } from '@/service/core/ai/model';

 export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
  try {
@@ -13,18 +14,18 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse<
    const {
      parentId,
      name,
-      type,
+      type = DatasetTypeEnum.dataset,
      avatar,
      vectorModel = global.vectorModels[0].model,
      agentModel = global.qaModels[0].model
    } = req.body as CreateDatasetParams;

    // auth
-    const { teamId, tmbId } = await authUserNotVisitor({ req, authToken: true });
+    const { teamId, tmbId } = await authUserNotVisitor({ req, authToken: true, authApiKey: true });

    // check model valid
-    const vectorModelStore = global.vectorModels.find((item) => item.model === vectorModel);
-    const agentModelStore = global.qaModels.find((item) => item.model === agentModel);
+    const vectorModelStore = getVectorModel(vectorModel);
+    const agentModelStore = getQAModel(agentModel);
    if (!vectorModelStore || !agentModelStore) {
      throw new Error('vectorModel or qaModel is invalid');
    }
--- a/projects/app/src/pages/api/core/dataset/delete.ts
+++ b/projects/app/src/pages/api/core/dataset/delete.ts
@@ -18,7 +18,13 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse<
    }

    // auth owner
-    const { teamId } = await authDataset({ req, authToken: true, datasetId, per: 'owner' });
+    const { teamId } = await authDataset({
+      req,
+      authToken: true,
+      authApiKey: true,
+      datasetId,
+      per: 'owner'
+    });

    const datasets = await findDatasetAndAllChildren({
      teamId,
--- a/projects/app/src/pages/api/plusApi/[...path].ts
+++ b/projects/app/src/pages/api/plusApi/[...path].ts
@@ -1,64 +0,0 @@
-import type { NextApiRequest, NextApiResponse } from 'next';
-import { jsonRes } from '@fastgpt/service/common/response';
-import { request } from '@fastgpt/service/common/api/plusRequest';
-import type { Method } from 'axios';
-import { setCookie } from '@fastgpt/service/support/permission/controller';
-import { connectToDatabase } from '@/service/mongo';
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse) {
-  try {
-    await connectToDatabase();
-
-    const method = (req.method || 'POST') as Method;
-    const { path = [], ...query } = req.query as any;
-
-    const url = `/${path?.join('/')}?${new URLSearchParams(query).toString()}`;
-
-    if (!url) {
-      throw new Error('url is empty');
-    }
-
-    const data = req.body || query;
-
-    const repose = await request(
-      url,
-      data,
-      {
-        headers: {
-          ...req.headers,
-          // @ts-ignore
-          rootkey: undefined
-        }
-      },
-      method
-    );
-
-    /* special response */
-    // response cookie
-    if (repose?.cookie) {
-      setCookie(res, repose.cookie);
-
-      return jsonRes(res, {
-        data: repose?.cookie
-      });
-    }
-
-    jsonRes(res, {
-      data: repose
-    });
-  } catch (error) {
-    jsonRes(res, {
-      code: 500,
-      error
-    });
-  }
-}
-
-export const config = {
-  api: {
-    bodyParser: {
-      sizeLimit: '10mb'
-    },
-    responseLimit: '10mb'
-  }
-};
--- a/projects/app/src/pages/api/proApi/[...path].ts
+++ b/projects/app/src/pages/api/proApi/[...path].ts
@@ -0,0 +1,56 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import { jsonRes } from '@fastgpt/service/common/response';
+import { connectToDatabase } from '@/service/mongo';
+import { request } from 'http';
+import { FastGPTProUrl } from '@fastgpt/service/common/system/constants';
+import url from 'url';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  try {
+    await connectToDatabase();
+    const { path = [], ...query } = req.query as any;
+    const requestPath = `/api/${path?.join('/')}?${new URLSearchParams(query).toString()}`;
+
+    if (!requestPath) {
+      throw new Error('url is empty');
+    }
+
+    const parsedUrl = url.parse(FastGPTProUrl);
+
+    delete req.headers?.rootkey;
+
+    const requestResult = request({
+      protocol: parsedUrl.protocol,
+      hostname: parsedUrl.hostname,
+      port: parsedUrl.port,
+      path: requestPath,
+      method: req.method,
+      headers: req.headers
+    });
+    req.pipe(requestResult);
+
+    requestResult.on('response', (response) => {
+      Object.keys(response.headers).forEach((key) => {
+        // @ts-ignore
+        res.setHeader(key, response.headers[key]);
+      });
+      response.statusCode && res.writeHead(response.statusCode);
+      response.pipe(res);
+    });
+    requestResult.on('error', (e) => {
+      res.send(e);
+      res.end();
+    });
+  } catch (error) {
+    jsonRes(res, {
+      code: 500,
+      error
+    });
+  }
+}
+
+export const config = {
+  api: {
+    bodyParser: false
+  }
+};
--- a/projects/app/src/pages/dataset/detail/index.tsx
+++ b/projects/app/src/pages/dataset/detail/index.tsx
@@ -87,7 +87,7 @@ const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${T
    onError(err: any) {
      router.replace(`/dataset/list`);
      toast({
-        title: getErrText(err, t('common.Load Failed')),
+        title: t(getErrText(err, t('common.Load Failed'))),
        status: 'error'
      });
    }
--- a/projects/app/src/pages/dataset/list/index.tsx
+++ b/projects/app/src/pages/dataset/list/index.tsx
@@ -46,13 +46,15 @@ import { PermissionTypeEnum } from '@fastgpt/global/support/permission/constant'
 import { DatasetItemType } from '@fastgpt/global/core/dataset/type';
 import ParentPaths from '@/components/common/ParentPaths';
 import DatasetTypeTag from '@/components/core/dataset/DatasetTypeTag';
+import { useToast } from '@/web/common/hooks/useToast';
+import { getErrText } from '@fastgpt/global/common/error/utils';

 const CreateModal = dynamic(() => import('./component/CreateModal'), { ssr: false });
 const MoveModal = dynamic(() => import('./component/MoveModal'), { ssr: false });

 const Kb = () => {
  const { t } = useTranslation();
-  const theme = useTheme();
+  const { toast } = useToast();
  const router = useRouter();
  const { parentId } = router.query as { parentId: string };
  const { setLoading } = useSystemStore();
@@ -115,9 +117,20 @@ const Kb = () => {
    errorToast: t('dataset.Export Dataset Limit Error')
  });

-  const { data, refetch, isFetching } = useQuery(['loadDataset', parentId], () => {
-    return Promise.all([loadDatasets(parentId), getDatasetPaths(parentId)]);
-  });
+  const { data, refetch, isFetching } = useQuery(
+    ['loadDataset', parentId],
+    () => {
+      return Promise.all([loadDatasets(parentId), getDatasetPaths(parentId)]);
+    },
+    {
+      onError(err) {
+        toast({
+          status: 'error',
+          title: t(getErrText(err))
+        });
+      }
+    }
+  );

  const paths = data?.[1] || [];

--- a/projects/app/src/pages/login/provider.tsx
+++ b/projects/app/src/pages/login/provider.tsx
@@ -106,9 +106,9 @@ const provider = ({ code, state, error }: { code: string; state: string; error?:
 export async function getServerSideProps(content: any) {
  return {
    props: {
-      code: content?.query?.code,
-      state: content?.query?.state,
-      error: content?.query?.error,
+      code: content?.query?.code || '',
+      state: content?.query?.state || '',
+      error: content?.query?.error || '',
      ...(await serviceSideProps(content))
    }
  };
--- a/projects/app/src/web/common/hooks/useConfirm.tsx
+++ b/projects/app/src/web/common/hooks/useConfirm.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useDisclosure, Button, ModalBody, ModalFooter } from '@chakra-ui/react';
 import { useTranslation } from 'next-i18next';
 import MyModal from '@/components/MyModal';
@@ -35,7 +35,7 @@ export const useConfirm = (props?: {
    content,
    showCancel = true
  } = props || {};
-  const [customContent, setCustomContent] = useState(content);
+  const [customContent, setCustomContent] = useState<string | React.ReactNode>(content);

  const { isOpen, onOpen, onClose } = useDisclosure();

@@ -44,7 +44,7 @@ export const useConfirm = (props?: {

  return {
    openConfirm: useCallback(
-      (confirm?: any, cancel?: any, customContent?: string) => {
+      (confirm?: any, cancel?: any, customContent?: string | React.ReactNode) => {
        confirmCb.current = confirm;
        cancelCb.current = cancel;

--- a/projects/app/src/web/core/dataset/api.ts
+++ b/projects/app/src/web/core/dataset/api.ts
@@ -58,7 +58,7 @@ export const putDatasetById = (data: DatasetUpdateBody) => PUT<void>(`/core/data
 export const delDatasetById = (id: string) => DELETE(`/core/dataset/delete?id=${id}`);

 export const postWebsiteSync = (data: PostWebsiteSyncParams) =>
-  POST(`/plusApi/core/dataset/websiteSync`, data, {
+  POST(`/proApi/core/dataset/websiteSync`, data, {
    timeout: 600000
  }).catch();

@@ -76,7 +76,7 @@ export const getDatasetCollectionById = (id: string) =>
 export const postDatasetCollection = (data: CreateDatasetCollectionParams) =>
  POST<string>(`/core/dataset/collection/create`, data);
 export const postCreateDatasetLinkCollection = (data: LinkCreateDatasetCollectionParams) =>
-  POST<{ collectionId: string }>(`/core/dataset/collection/create/link`, data);
+  POST<{ collectionId: string }>(`/proApi/core/dataset/collection/create/link`, data);

 export const putDatasetCollectionById = (data: UpdateDatasetCollectionParams) =>
  POST(`/core/dataset/collection/update`, data);
--- a/projects/app/src/web/core/dataset/utils.ts
+++ b/projects/app/src/web/core/dataset/utils.ts
@@ -27,18 +27,22 @@ export const fileCollectionCreate = ({
  form.append('bucketName', BucketNameEnum.dataset);
  form.append('file', file, encodeURIComponent(file.name));

-  return POST<string>(`/core/dataset/collection/create/file?datasetId=${data.datasetId}`, form, {
-    timeout: 480000,
-    onUploadProgress: (e) => {
-      if (!e.total) return;
+  return POST<string>(
+    `/proApi/core/dataset/collection/create/emptyFile?datasetId=${data.datasetId}`,
+    form,
+    {
+      timeout: 480000,
+      onUploadProgress: (e) => {
+        if (!e.total) return;

-      const percent = Math.round((e.loaded / e.total) * 100);
-      percentListen && percentListen(percent);
-    },
-    headers: {
-      'Content-Type': 'multipart/form-data; charset=utf-8'
+        const percent = Math.round((e.loaded / e.total) * 100);
+        percentListen && percentListen(percent);
+      },
+      headers: {
+        'Content-Type': 'multipart/form-data; charset=utf-8'
+      }
    }
-  });
+  );
 };

 export async function chunksUpload({
--- a/projects/app/src/web/support/activity/promotion/api.ts
+++ b/projects/app/src/web/support/activity/promotion/api.ts
@@ -7,8 +7,8 @@ export const getPromotionInitData = () =>
  GET<{
    invitedAmount: number;
    earningsAmount: number;
-  }>('/plusApi/support/activity/promotion/getPromotionData');
+  }>('/proApi/support/activity/promotion/getPromotionData');

 /* promotion records */
 export const getPromotionRecords = (data: RequestPaging) =>
-  POST<PromotionRecordType>(`/plusApi/support/activity/promotion/getPromotions`, data);
+  POST<PromotionRecordType>(`/proApi/support/activity/promotion/getPromotions`, data);
--- a/projects/app/src/web/support/user/api.ts
+++ b/projects/app/src/web/support/user/api.ts
@@ -14,14 +14,14 @@ export const sendAuthCode = (data: {
  username: string;
  type: `${UserAuthTypeEnum}`;
  googleToken: string;
-}) => POST(`/plusApi/support/user/inform/sendAuthCode`, data);
+}) => POST(`/proApi/support/user/inform/sendAuthCode`, data);

 export const getTokenLogin = () =>
  GET<UserType>('/support/user/account/tokenLogin', {}, { maxQuantity: 1 });
 export const oauthLogin = (params: OauthLoginProps) =>
-  POST<ResLogin>('/plusApi/support/user/account/login/oauth', params);
+  POST<ResLogin>('/proApi/support/user/account/login/oauth', params);
 export const postFastLogin = (params: FastLoginProps) =>
-  POST<ResLogin>('/plusApi/support/user/account/login/fastLogin', params);
+  POST<ResLogin>('/proApi/support/user/account/login/fastLogin', params);

 export const postRegister = ({
  username,
@@ -34,7 +34,7 @@ export const postRegister = ({
  password: string;
  inviterId?: string;
 }) =>
-  POST<ResLogin>(`/plusApi/support/user/account/register/emailAndPhone`, {
+  POST<ResLogin>(`/proApi/support/user/account/register/emailAndPhone`, {
    username,
    code,
    inviterId,
@@ -50,7 +50,7 @@ export const postFindPassword = ({
  code: string;
  password: string;
 }) =>
-  POST<ResLogin>(`/plusApi/support/user/account/password/updateByCode`, {
+  POST<ResLogin>(`/proApi/support/user/account/password/updateByCode`, {
    username,
    code,
    password: hashStr(password)
--- a/projects/app/src/web/support/user/inform/api.ts
+++ b/projects/app/src/web/support/user/inform/api.ts
@@ -3,7 +3,7 @@ import type { PagingData, RequestPaging } from '@/types';
 import type { UserInformSchema } from '@fastgpt/global/support/user/inform/type';

 export const getInforms = (data: RequestPaging) =>
-  POST<PagingData<UserInformSchema>>(`/plusApi/support/user/inform/list`, data);
+  POST<PagingData<UserInformSchema>>(`/proApi/support/user/inform/list`, data);

-export const getUnreadCount = () => GET<number>(`/plusApi/support/user/inform/countUnread`);
-export const readInform = (id: string) => GET(`/plusApi/support/user/inform/read`, { id });
+export const getUnreadCount = () => GET<number>(`/proApi/support/user/inform/countUnread`);
+export const readInform = (id: string) => GET(`/proApi/support/user/inform/read`, { id });
--- a/projects/app/src/web/support/user/team/api.ts
+++ b/projects/app/src/web/support/user/team/api.ts
@@ -16,29 +16,29 @@ import {

 /* --------------- team  ---------------- */
 export const getTeamList = (status: `${TeamMemberSchema['status']}`) =>
-  GET<TeamItemType[]>(`/plusApi/support/user/team/list`, { status });
+  GET<TeamItemType[]>(`/proApi/support/user/team/list`, { status });
 export const postCreateTeam = (data: CreateTeamProps) =>
-  POST<string>(`/plusApi/support/user/team/create`, data);
+  POST<string>(`/proApi/support/user/team/create`, data);
 export const putUpdateTeam = (data: UpdateTeamProps) =>
-  PUT(`/plusApi/support/user/team/update`, data);
+  PUT(`/proApi/support/user/team/update`, data);
 export const putSwitchTeam = (teamId: string) =>
-  PUT<string>(`/plusApi/support/user/team/switch`, { teamId });
+  PUT<string>(`/proApi/support/user/team/switch`, { teamId });

 /* --------------- team member ---------------- */
 export const getTeamMembers = (teamId: string) =>
-  GET<TeamMemberItemType[]>(`/plusApi/support/user/team/member/list`, { teamId });
+  GET<TeamMemberItemType[]>(`/proApi/support/user/team/member/list`, { teamId });
 export const postInviteTeamMember = (data: InviteMemberProps) =>
-  POST<InviteMemberResponse>(`/plusApi/support/user/team/member/invite`, data);
+  POST<InviteMemberResponse>(`/proApi/support/user/team/member/invite`, data);
 export const putUpdateMember = (data: UpdateTeamMemberProps) =>
-  PUT(`/plusApi/support/user/team/member/update`, data);
+  PUT(`/proApi/support/user/team/member/update`, data);
 export const putUpdateMemberName = (name: string) =>
-  PUT(`/plusApi/support/user/team/member/updateName`, { name });
+  PUT(`/proApi/support/user/team/member/updateName`, { name });
 export const delRemoveMember = (props: DelMemberProps) =>
-  DELETE(`/plusApi/support/user/team/member/delete`, props);
+  DELETE(`/proApi/support/user/team/member/delete`, props);
 export const updateInviteResult = (data: UpdateInviteProps) =>
-  PUT('/plusApi/support/user/team/member/updateInvite', data);
+  PUT('/proApi/support/user/team/member/updateInvite', data);
 export const delLeaveTeam = (teamId: string) =>
-  DELETE('/plusApi/support/user/team/member/leave', { teamId });
+  DELETE('/proApi/support/user/team/member/leave', { teamId });

 /* team limit */
 export const checkTeamExportDatasetLimit = (datasetId: string) =>
--- a/projects/app/src/web/support/wallet/bill/api.ts
+++ b/projects/app/src/web/support/wallet/bill/api.ts
@@ -4,7 +4,7 @@ import type { PagingData, RequestPaging } from '@/types';
 import type { BillItemType } from '@fastgpt/global/support/wallet/bill/type';

 export const getUserBills = (data: RequestPaging) =>
-  POST<PagingData<BillItemType>>(`/plusApi/support/wallet/bill/getBill`, data);
+  POST<PagingData<BillItemType>>(`/proApi/support/wallet/bill/getBill`, data);

 export const postCreateTrainingBill = (data: CreateTrainingBillProps) =>
  POST<string>(`/support/wallet/bill/createTrainingBill`, data);
--- a/projects/app/src/web/support/wallet/pay/api.ts
+++ b/projects/app/src/web/support/wallet/pay/api.ts
@@ -1,15 +1,15 @@
 import { GET } from '@/web/common/api/request';
 import type { PaySchema } from '@fastgpt/global/support/wallet/pay/type.d';
-export const getPayOrders = () => GET<PaySchema[]>(`/plusApi/support/wallet/pay/getPayOrders`);
+export const getPayOrders = () => GET<PaySchema[]>(`/proApi/support/wallet/pay/getPayOrders`);

 export const getPayCode = (amount: number) =>
  GET<{
    codeUrl: string;
    payId: string;
-  }>(`/plusApi/support/wallet/pay/getPayCode`, { amount });
+  }>(`/proApi/support/wallet/pay/getPayCode`, { amount });

 export const checkPayResult = (payId: string) =>
-  GET<string>(`/plusApi/support/wallet/pay/checkPayResult`, { payId }).then((data) => {
+  GET<string>(`/proApi/support/wallet/pay/checkPayResult`, { payId }).then((data) => {
    try {
      GET('/common/system/unlockTask');
    } catch (error) {}
--- a/projects/app/src/web/support/wallet/sub/api.ts
+++ b/projects/app/src/web/support/wallet/sub/api.ts
@@ -10,4 +10,4 @@ export const getTeamDatasetValidSub = () =>
  }>(`/support/wallet/sub/getDatasetSub`);

 export const postExpandTeamDatasetSub = (data: SubDatasetSizeParams) =>
-  POST('/plusApi/support/wallet/sub/datasetSize/expand', data);
+  POST('/proApi/support/wallet/sub/datasetSize/expand', data);