perf: model test;perf: sidebar trigger (#4127)

* fix: import dataset step error;perf: ai proxy avatar (#4074)

* perf: pg config params

* perf: ai proxy avatar

* fix: import dataset step error

* feat: data input ux

* perf: app dataset rewite

* perf: model test

* perf: sidebar trigger

* lock

* update nanoid version

* fix: select component ux

* fix: ts

* fix: vitest

* remove test

docSite/content/zh-cn/docs/development/upgrading/491.md

@@ -30,3 +30,4 @@ weight: 799
 4. 错误提示翻译缺失。
 5. 内容提取节点，array 类型 schema 错误。
 6. 模型渠道测试时，实际未指定渠道测试。
+7. 新增自定义模型时，会把默认模型字段也保存，导致默认模型误判。

packages/global/package.json

@@ -9,7 +9,7 @@
     "encoding": "^0.1.13",
     "js-yaml": "^4.1.0",
     "jschardet": "3.1.1",
-    "nanoid": "^4.0.1",
+    "nanoid": "^5.1.3",
     "next": "14.2.21",
     "openai": "4.61.0",
     "openapi-types": "^12.1.3",

packages/service/common/file/read/utils.ts

@@ -300,6 +300,9 @@ export const readRawContentByFileBuffer = async ({
     return systemParse();
   };
 
+  const start = Date.now();
+  addLog.debug(`Start parse file`, { extension });
+
   let { rawText, formatText, imageList } = await (async () => {
     if (extension === 'pdf') {
       return await pdfParseFn();
@@ -307,6 +310,8 @@ export const readRawContentByFileBuffer = async ({
     return await systemParse();
   })();
 
+  addLog.debug(`Parse file success, time: ${Date.now() - start}ms. Uploading file image.`);
+
   // markdown data format
   if (imageList) {
     await batchRun(imageList, async (item) => {
@@ -341,5 +346,7 @@ export const readRawContentByFileBuffer = async ({
     }
   }
 
+  addLog.debug(`Upload file image success, time: ${Date.now() - start}ms`);
+
   return { rawText, formatText, imageList };
 };

packages/service/core/ai/config.ts

@@ -76,6 +76,10 @@ export const createChatCompletion = async ({
       timeout: formatTimeout
     });
 
+    addLog.debug(`Start create chat completion`, {
+      model: body.model
+    });
+
     const response = await ai.chat.completions.create(body, {
       ...options,
       ...(modelConstantsData.requestUrl ? { path: modelConstantsData.requestUrl } : {}),

packages/service/core/ai/embedding/index.ts

@@ -36,14 +36,12 @@ export async function getVectorsByText({ model, input, type, headers }: GetVecto
         model.requestUrl
           ? {
               path: model.requestUrl,
-              headers: model.requestAuth
+              headers: {
-                ? {
+                ...(model.requestAuth ? { Authorization: `Bearer ${model.requestAuth}` } : {}),
-                    Authorization: `Bearer ${model.requestAuth}`,
+                ...headers
-                    ...headers
+              }
-                  }
-                : headers
             }
-          : {}
+          : { headers }
       )
       .then(async (res) => {
         if (!res.data) {

packages/service/core/app/utils.ts

@@ -61,7 +61,6 @@ export async function rewriteAppWorkflowToDetail({
     teamId: isRoot ? undefined : teamId,
     datasetIdList: Array.from(datasetIdSet)
   });
-
   const datasetMap = new Map(datasetList.map((ds) => [String(ds.datasetId), ds]));
 
   // Rewrite dataset ids, add dataset info to nodes

packages/service/package.json

@@ -9,7 +9,7 @@
     "axios": "^1.8.2",
     "chalk": "^5.3.0",
     "cheerio": "1.0.0-rc.12",
-    "cookie": "^0.5.0",
+    "cookie": "^0.7.1",
     "date-fns": "2.30.0",
     "dayjs": "^1.11.7",
     "decompress": "^4.2.1",

packages/web/components/common/Icon/button.tsx

@@ -9,6 +9,7 @@ type Props = FlexProps & {
   onClick?: () => void;
   hoverColor?: string;
   tip?: string;
+  isLoading?: boolean;
 };
 
 const MyIconButton = ({
@@ -17,11 +18,13 @@ const MyIconButton = ({
   hoverColor = 'primary.600',
   size = '1rem',
   tip,
+  isLoading = false,
   ...props
 }: Props) => {
   return (
     <MyTooltip label={tip}>
       <Flex
+        position={'relative'}
         p={1}
         color={'myGray.500'}
         rounded={'sm'}
@@ -33,11 +36,14 @@ const MyIconButton = ({
           bg: 'myGray.05',
           color: hoverColor
         }}
-        onClick={onClick}
+        onClick={() => {
+          if (isLoading) return;
+          onClick?.();
+        }}
         sx={{ userSelect: 'none' }}
         {...props}
       >
-        <MyIcon name={icon as any} w={size} />
+        <MyIcon name={isLoading ? 'common/loading' : (icon as any)} w={size} />
       </Flex>
     </MyTooltip>
   );

packages/web/components/common/MySelect/index.tsx

@@ -24,6 +24,7 @@ import MyIcon from '../Icon';
 import { useRequest2 } from '../../../hooks/useRequest';
 import MyDivider from '../MyDivider';
 import { useScrollPagination } from '../../../hooks/useScrollPagination';
+import Avatar from '../Avatar';
 
 /** 选择组件 Props 类型
  * value: 选中的值
@@ -32,20 +33,21 @@ import { useScrollPagination } from '../../../hooks/useScrollPagination';
  * isLoading: 是否加载中
  * ScrollData: 分页滚动数据控制器 [useScrollPagination] 的返回值
  * */
-export type SelectProps<T = any> = ButtonProps & {
+export type SelectProps<T = any> = Omit<ButtonProps, 'onChange'> & {
   value?: T;
   placeholder?: string;
   isSearch?: boolean;
   list: {
     alias?: string;
     icon?: string;
+    iconSize?: string;
     label: string | React.ReactNode;
     description?: string;
     value: T;
     showBorder?: boolean;
   }[];
   isLoading?: boolean;
-  onchange?: (val: T) => any | Promise<any>;
+  onChange?: (val: T) => any | Promise<any>;
   ScrollData?: ReturnType<typeof useScrollPagination>['ScrollData'];
 };
 
@@ -56,7 +58,7 @@ const MySelect = <T = any,>(
     isSearch = false,
     width = '100%',
     list = [],
-    onchange,
+    onChange,
     isLoading = false,
     ScrollData,
     ...props
@@ -115,7 +117,7 @@ const MySelect = <T = any,>(
     }
   }, [isSearch, isOpen]);
 
-  const { runAsync: onChange, loading } = useRequest2((val: T) => onchange?.(val));
+  const { runAsync: onclickChange, loading } = useRequest2((val: T) => onChange?.(val));
 
   const ListRender = useMemo(() => {
     return (
@@ -135,16 +137,17 @@ const MySelect = <T = any,>(
                     color: 'myGray.900'
                   })}
               onClick={() => {
-                if (onChange && value !== item.value) {
+                if (value !== item.value) {
-                  onChange(item.value);
+                  onclickChange(item.value);
                 }
               }}
               whiteSpace={'pre-wrap'}
               fontSize={'sm'}
               display={'block'}
+              mb={0.5}
             >
               <Flex alignItems={'center'}>
-                {item.icon && <MyIcon mr={2} name={item.icon as any} w={'1rem'} />}
+                {item.icon && <Avatar mr={2} src={item.icon as any} w={item.iconSize ?? '1rem'} />}
                 {item.label}
               </Flex>
               {item.description && (
@@ -224,7 +227,9 @@ const MySelect = <T = any,>(
               />
             ) : (
               <>
-                {selectItem?.icon && <MyIcon mr={2} name={selectItem.icon as any} w={'1rem'} />}
+                {selectItem?.icon && (
+                  <Avatar mr={2} src={selectItem.icon as any} w={selectItem.iconSize ?? '1rem'} />
+                )}
                 {selectItem?.alias || selectItem?.label || placeholder}
               </>
             )}

packages/web/hooks/usePagination.tsx

@@ -200,7 +200,7 @@ export function usePagination<DataT, ResT = {}>(
       // Watch scroll position
       useThrottleEffect(
         () => {
-          if (!ref?.current || type !== 'scroll' || noMore) return;
+          if (!ref?.current || type !== 'scroll' || noMore || isLoading) return;
           const { scrollTop, scrollHeight, clientHeight } = ref.current;
 
           if (
@@ -211,7 +211,7 @@ export function usePagination<DataT, ResT = {}>(
             fetchData(pageNum + 1, ref);
           }
         },
-        [scroll],
+        [scroll, isLoading],
         { wait: 50 }
       );
 

packages/web/i18n/en/account_model.json

@@ -21,7 +21,6 @@
   "edit_channel": "Channel configuration",
   "enable_channel": "Enable",
   "forbid_channel": "Disabled",
-  "maxToken_tip": "The model max_tokens parameter, if left blank, means that the model does not support it.",
   "key_type": "API key format:",
   "log": "Call log",
   "log_detail": "Log details",
@@ -29,6 +28,7 @@
   "log_status": "Status",
   "mapping": "Model Mapping",
   "mapping_tip": "A valid Json is required. \nThe model can be mapped when sending a request to the actual address. \nFor example:\n{\n  \n  \"gpt-4o\": \"gpt-4o-test\"\n\n}\n\nWhen FastGPT requests the gpt-4o model, the gpt-4o-test model is sent to the actual address, instead of gpt-4o.",
+  "maxToken_tip": "The model max_tokens parameter, if left blank, means that the model does not support it.",
   "max_temperature_tip": "If the model temperature parameter is not filled in, it means that the model does not support the temperature parameter.",
   "model": "Model",
   "model_name": "Model name",
@@ -43,7 +43,7 @@
   "select_model_placeholder": "Select the model available under this channel",
   "select_provider_placeholder": "Search for manufacturers",
   "selected_model_empty": "Choose at least one model",
-  "start_test": "Start testing {{num}} models",
+  "start_test": "Batch test {{num}} models",
   "test_failed": "There are {{num}} models that report errors",
   "vlm_model": "Vlm",
   "vlm_model_tip": "Used to generate additional indexing of images in a document in the knowledge base",

packages/web/i18n/zh-CN/account_model.json

@@ -21,7 +21,6 @@
   "edit_channel": "渠道配置",
   "enable_channel": "启用",
   "forbid_channel": "禁用",
-  "maxToken_tip": "模型 max_tokens 参数，如果留空，则代表模型不支持该参数。",
   "key_type": "API key 格式: ",
   "log": "调用日志",
   "log_detail": "日志详情",
@@ -29,6 +28,7 @@
   "log_status": "状态",
   "mapping": "模型映射",
   "mapping_tip": "需填写一个有效 Json。可在向实际地址发送请求时，对模型进行映射。例如：\n{\n  \"gpt-4o\": \"gpt-4o-test\"\n}\n当 FastGPT 请求 gpt-4o 模型时，会向实际地址发送 gpt-4o-test 的模型，而不是 gpt-4o。",
+  "maxToken_tip": "模型 max_tokens 参数，如果留空，则代表模型不支持该参数。",
   "max_temperature_tip": "模型 temperature 参数，不填则代表模型不支持 temperature 参数。",
   "model": "模型",
   "model_name": "模型名",
@@ -43,7 +43,7 @@
   "select_model_placeholder": "选择该渠道下可用的模型",
   "select_provider_placeholder": "搜索厂商",
   "selected_model_empty": "至少选择一个模型",
-  "start_test": "开始测试{{num}}个模型",
+  "start_test": "批量测试{{num}}个模型",
   "test_failed": "有{{num}}个模型报错",
   "vlm_model": "图片理解模型",
   "vlm_model_tip": "用于知识库中对文档中的图片进行额外的索引生成",

packages/web/i18n/zh-Hant/account_model.json

@@ -19,7 +19,6 @@
   "edit_channel": "渠道配置",
   "enable_channel": "啟用",
   "forbid_channel": "禁用",
-  "maxToken_tip": "模型 max_tokens 參數，如果留空，則代表模型不支持該參數。",
   "key_type": "API key 格式:",
   "log": "調用日誌",
   "log_detail": "日誌詳情",
@@ -27,6 +26,7 @@
   "log_status": "狀態",
   "mapping": "模型映射",
   "mapping_tip": "需填寫一個有效 Json。\n可在向實際地址發送請求時，對模型進行映射。\n例如：\n{\n  \n  \"gpt-4o\": \"gpt-4o-test\"\n\n}\n\n當 FastGPT 請求 gpt-4o 模型時，會向實際地址發送 gpt-4o-test 的模型，而不是 gpt-4o。",
+  "maxToken_tip": "模型 max_tokens 參數，如果留空，則代表模型不支持該參數。",
   "max_temperature_tip": "模型 temperature 參數，不填則代表模型不支持 temperature 參數。",
   "model": "模型",
   "model_name": "模型名",
@@ -41,7 +41,7 @@
   "select_model_placeholder": "選擇該渠道下可用的模型",
   "select_provider_placeholder": "搜索廠商",
   "selected_model_empty": "至少選擇一個模型",
-  "start_test": "開始測試{{num}}個模型",
+  "start_test": "批量測試{{num}}個模型",
   "test_failed": "有{{num}}個模型報錯",
   "vlm_model": "圖片理解模型",
   "vlm_model_tip": "用於知識庫中對文檔中的圖片進行額外的索引生成",

projects/app/package.json

@@ -43,7 +43,7 @@
     "jsonwebtoken": "^9.0.2",
     "lodash": "^4.17.21",
     "mermaid": "^10.2.3",
-    "nanoid": "^4.0.1",
+    "nanoid": "^5.1.3",
     "next": "14.2.21",
     "next-i18next": "15.3.0",
     "nextjs-node-loader": "^1.1.5",
@@ -84,6 +84,7 @@
     "eslint": "8.56.0",
     "eslint-config-next": "14.2.3",
     "nextjs-node-loader": "^1.1.5",
-    "typescript": "^5.1.3"
+    "typescript": "^5.1.3",
+    "vitest": "^3.0.2"
   }
 }

projects/app/src/components/Select/AIModelSelector.tsx

@@ -20,7 +20,7 @@ type Props = SelectProps & {
   disableTip?: string;
 };
 
-const OneRowSelector = ({ list, onchange, disableTip, ...props }: Props) => {
+const OneRowSelector = ({ list, onChange, disableTip, ...props }: Props) => {
   const { t } = useTranslation();
   const { llmModelList, embeddingModelList, ttsModelList, sttModelList, reRankModelList } =
     useSystemStore();
@@ -96,12 +96,12 @@ const OneRowSelector = ({ list, onchange, disableTip, ...props }: Props) => {
               placeholder={t('common:not_model_config')}
               h={'40px'}
               {...props}
-              onchange={(e) => {
+              onChange={(e) => {
                 if (e === 'price') {
                   onOpen();
                   return;
                 }
-                return onchange?.(e);
+                return onChange?.(e);
               }}
             />
           )}
@@ -110,7 +110,7 @@ const OneRowSelector = ({ list, onchange, disableTip, ...props }: Props) => {
     </Box>
   );
 };
-const MultipleRowSelector = ({ list, onchange, disableTip, placeholder, ...props }: Props) => {
+const MultipleRowSelector = ({ list, onChange, disableTip, placeholder, ...props }: Props) => {
   const { t } = useTranslation();
   const { llmModelList, embeddingModelList, ttsModelList, sttModelList, reRankModelList } =
     useSystemStore();
@@ -178,9 +178,9 @@ const MultipleRowSelector = ({ list, onchange, disableTip, placeholder, ...props
 
   const onSelect = useCallback(
     (e: string[]) => {
-      return onchange?.(e[1]);
+      return onChange?.(e[1]);
     },
-    [onchange]
+    [onChange]
   );
 
   const SelectedModel = useMemo(() => {

projects/app/src/components/Select/I18nLngSelector.tsx

@@ -26,7 +26,7 @@ const I18nLngSelector = () => {
     <MySelect
       value={i18n.language}
       list={list}
-      onchange={(val: any) => {
+      onChange={(val: any) => {
         const lang = val;
         onChangeLng(lang);
       }}

projects/app/src/components/SideBar/index.tsx

@@ -1,27 +1,35 @@
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { Box, Flex } from '@chakra-ui/react';
 import type { BoxProps } from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 
 interface Props extends BoxProps {
-  isFolded?: boolean;
+  externalTrigger?: Boolean;
-  onFoldChange?: (isFolded: boolean) => void;
 }
 
 const SideBar = (e?: Props) => {
   const {
     w = ['100%', '0 0 250px', '0 0 250px', '0 0 270px', '0 0 290px'],
     children,
-    isFolded = false,
+    externalTrigger,
-    onFoldChange,
     ...props
   } = e || {};
 
-  const handleToggle = () => {
+  const [isFolded, setIsFolded] = useState(false);
-    if (onFoldChange) {
+
-      onFoldChange(!isFolded);
+  // 保存上一次折叠状态
+  const preFoledStatus = useRef<Boolean>(false);
+
+  useEffect(() => {
+    if (externalTrigger) {
+      setIsFolded(true);
+      preFoledStatus.current = isFolded;
+    } else {
+      // @ts-ignore
+      setIsFolded(preFoledStatus.current);
     }
-  };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [externalTrigger]);
 
   return (
     <Box
@@ -58,7 +66,7 @@ const SideBar = (e?: Props) => {
               visibility: 'hidden',
               opacity: 0
             })}
-        onClick={handleToggle}
+        onClick={() => setIsFolded(!isFolded)}
       >
         <MyIcon
           name={'common/backLight'}

projects/app/src/components/core/ai/AISettingModal/index.tsx

@@ -154,7 +154,7 @@ const AIChatSettingsModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={onChangeModel}
+              onChange={onChangeModel}
             />
           </Box>
         </Flex>
@@ -385,7 +385,7 @@ const AIChatSettingsModal = ({
                   label: item
                 }))}
                 value={responseFormat}
-                onchange={(e) => {
+                onChange={(e) => {
                   setValue(NodeInputKeyEnum.aiChatResponseFormat, e);
                 }}
               />

projects/app/src/components/core/ai/ModelTable/index.tsx

@@ -212,7 +212,7 @@ const ModelTable = () => {
             w={'200px'}
             bg={'myGray.50'}
             value={provider}
-            onchange={setProvider}
+            onChange={setProvider}
             list={filterProviderList}
           />
         </HStack>
@@ -224,7 +224,7 @@ const ModelTable = () => {
             w={'150px'}
             bg={'myGray.50'}
             value={modelType}
-            onchange={setModelType}
+            onChange={setModelType}
             list={selectModelTypeList.current}
           />
         </HStack>

projects/app/src/components/core/ai/SettingLLMModel/index.tsx

@@ -77,7 +77,7 @@ const SettingLLMModel = ({
               value: item.model,
               label: item.name
             }))}
-            onchange={(e) => {
+            onChange={(e) => {
               onChange({
                 ...defaultData,
                 model: e

projects/app/src/components/core/app/DatasetParamsModal.tsx

@@ -290,7 +290,7 @@ const DatasetParamsModal = ({
                       width={'100%'}
                       value={queryExtensionModel}
                       list={chatModelSelectList}
-                      onchange={(val: any) => {
+                      onChange={(val: any) => {
                         setValue('datasetSearchExtensionModel', val);
                       }}
                     />

projects/app/src/components/core/app/QGConfig.tsx

@@ -125,7 +125,7 @@ const QGConfigModal = ({
                       value: item.model,
                       label: item.name
                     }))}
-                    onchange={(e) => {
+                    onChange={(e) => {
                       onChange({
                         ...value,
                         model: e

projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx

@@ -80,7 +80,7 @@ export const VariableInputItem = ({
                   value: item.value
                 }))}
                 value={value}
-                onchange={(e) => setValue(`variables.${item.key}`, e)}
+                onChange={(e) => setValue(`variables.${item.key}`, e)}
               />
             );
           }}

projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx

@@ -162,7 +162,7 @@ const RenderPluginInput = ({
     }
     if (inputType === FlowNodeInputTypeEnum.select && input.list) {
       return (
-        <MySelect list={input.list} value={value} onchange={onChange} isDisabled={isDisabled} />
+        <MySelect list={input.list} value={value} onChange={onChange} isDisabled={isDisabled} />
       );
     }
     if (inputType === FlowNodeInputTypeEnum.fileSelect) {
@@ -179,7 +179,7 @@ const RenderPluginInput = ({
             value: item.model,
             label: item.name
           }))}
-          onchange={onChange}
+          onChange={onChange}
         />
       );
     }

projects/app/src/components/core/chat/components/AIResponseBox.tsx

@@ -321,7 +321,7 @@ const RenderUserFormInteractive = React.memo(function RenderFormInput({
                     list={input.list}
                     value={value}
                     isDisabled={interactive.params.submitted}
-                    onchange={(e) => setValue(input.label, e)}
+                    onChange={(e) => setValue(input.label, e)}
                   />
                 );
               }}

projects/app/src/components/support/laf/LafAccountModal.tsx

@@ -164,7 +164,7 @@ const LafAccountModal = ({
               }
               placeholder={t('common:plugin.App')}
               value={watch('appid')}
-              onchange={(e) => {
+              onChange={(e) => {
                 setValue('appid', e);
               }}
               {...(register('appid'), { required: true })}

projects/app/src/components/support/permission/DefaultPerList/index.tsx

@@ -49,7 +49,7 @@ const DefaultPermissionList = ({
         <MySelect
           list={defaultPermissionSelectList}
           value={per}
-          onchange={(per) => {
+          onChange={(per) => {
             if (isInheritPermission && hasParent) {
               openConfirm(
                 () => onRequestChange(per),

projects/app/src/pageComponents/account/TeamSelector.tsx

@@ -46,48 +46,21 @@ const TeamSelector = ({
 
   const teamList = useMemo(() => {
     return myTeams.map((team) => ({
-      label: (
+      icon: team.avatar,
-        <Flex
+      iconSize: '1.25rem',
-          key={team.teamId}
+      label: team.teamName,
-          alignItems={'center'}
-          borderRadius={'md'}
-          cursor={'default'}
-          gap={3}
-          onClick={() => onSwitchTeam(team.teamId)}
-          _hover={{
-            cursor: 'pointer'
-          }}
-        >
-          <Avatar src={team.avatar} w={['1.25rem', '1.375rem']} />
-          <Box flex={'1 0 0'} w={0} className="textEllipsis" fontSize={'sm'}>
-            {team.teamName}
-          </Box>
-        </Flex>
-      ),
       value: team.teamId
     }));
-  }, [myTeams, onSwitchTeam]);
+  }, [myTeams]);
 
   const formatTeamList = useMemo(() => {
     return [
       ...(showManage
         ? [
             {
-              label: (
+              icon: 'common/setting',
-                <Flex
+              iconSize: '1.25rem',
-                  key={'manage'}
+              label: t('user:manage_team'),
-                  alignItems={'center'}
-                  borderRadius={'md'}
-                  cursor={'pointer'}
-                  gap={3}
-                  onClick={() => router.push('/account/team')}
-                >
-                  <MyIcon name="common/setting" w={['1.25rem', '1.375rem']} />
-                  <Box flex={'1 0 0'} w={0} className="textEllipsis" fontSize={'sm'}>
-                    {t('user:manage_team')}
-                  </Box>
-                </Flex>
-              ),
               value: 'manage',
               showBorder: true
             }
@@ -95,11 +68,24 @@ const TeamSelector = ({
         : []),
       ...teamList
     ];
-  }, [showManage, t, teamList, router]);
+  }, [showManage, t, teamList]);
+
+  const handleChange = (value: string) => {
+    if (value === 'manage') {
+      router.push('/account/team');
+    } else {
+      onSwitchTeam(value);
+    }
+  };
 
   return (
     <Box w={'100%'}>
-      <MySelect {...props} value={userInfo?.team?.teamId} list={formatTeamList} />
+      <MySelect
+        {...props}
+        value={userInfo?.team?.teamId}
+        list={formatTeamList}
+        onChange={handleChange}
+      />
     </Box>
   );
 };

projects/app/src/pageComponents/account/bill/BillTable.tsx

@@ -111,7 +111,7 @@ const BillTable = () => {
                   list={billTypeList}
                   value={billType}
                   size={'sm'}
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setBillType(e);
                   }}
                   w={'130px'}

projects/app/src/pageComponents/account/model/AddModelBox.tsx

@@ -213,7 +213,7 @@ export const ModelEditModal = ({
                   <Td textAlign={'right'}>
                     <MySelect
                       value={provider}
-                      onchange={(value) => setValue('provider', value)}
+                      onChange={(value) => setValue('provider', value)}
                       list={providerList.current}
                       {...InputStyles}
                     />

projects/app/src/pageComponents/account/model/Channel/EditChannelModal.tsx

@@ -194,7 +194,7 @@ const EditChannelModal = ({
                 placeholder={t('account_model:select_provider_placeholder')}
                 value={providerType}
                 isSearch
-                onchange={(val) => {
+                onChange={(val) => {
                   setValue('type', val);
                 }}
               />
@@ -333,6 +333,8 @@ const MultipleSelect = ({ value = [], list = [], onSelect }: SelectProps) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const { copyData } = useCopyData();
 
+  const [search, setSearch] = useState('');
+
   const onclickItem = useCallback(
     (val: string) => {
       if (value.includes(val)) {
@@ -343,12 +345,11 @@ const MultipleSelect = ({ value = [], list = [], onSelect }: SelectProps) => {
           top: BoxRef.current.scrollHeight
         });
       }
+      setSearch('');
     },
     [value, onSelect]
   );
 
-  const [search, setSearch] = useState('');
-
   const filterUnSelected = useMemo(() => {
     return list
       .filter((item) => !value.includes(item.value))

projects/app/src/pageComponents/account/model/Channel/ModelTest.tsx

@@ -25,6 +25,7 @@ import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import { batchRun } from '@fastgpt/global/common/system/utils';
 import { useToast } from '@fastgpt/web/hooks/useToast';
+import MyIconButton from '@fastgpt/web/components/common/Icon/button';
 
 type ModelTestItem = {
   label: React.ReactNode;
@@ -143,13 +144,47 @@ const ModelTest = ({
       refreshDeps: [testModelList]
     }
   );
+  const { runAsync: onTestOneModel, loading: testingOneModel } = useRequest2(
+    async (model: string) => {
+      const start = Date.now();
+
+      setTestModelList((prev) =>
+        prev.map((item) =>
+          item.model === model ? { ...item, status: 'running', message: '' } : item
+        )
+      );
+
+      try {
+        await getTestModel({ model, channelId });
+        const duration = Date.now() - start;
+
+        setTestModelList((prev) =>
+          prev.map((item) =>
+            item.model === model ? { ...item, status: 'success', duration: duration / 1000 } : item
+          )
+        );
+      } catch (error) {
+        setTestModelList((prev) =>
+          prev.map((item) =>
+            item.model === model ? { ...item, status: 'error', message: getErrText(error) } : item
+          )
+        );
+      }
+    },
+    {
+      manual: true
+    }
+  );
+
+  const isTestLoading = testingOneModel || isTesting;
 
   return (
     <MyModal
       iconSrc={'core/chat/sendLight'}
       isLoading={loadingModels}
       title={t('account_model:model_test')}
-      w={'600px'}
+      w={'100%'}
+      maxW={['90vw', '1090px']}
       isOpen
     >
       <ModalBody>
@@ -157,8 +192,10 @@ const ModelTest = ({
           <Table>
             <Thead>
               <Tr>
-                <Th>{t('account_model:model')}</Th>
+                <Th>{t('account_model:model_name')}</Th>
+                <Th>{t('account:model.model_id')}</Th>
                 <Th>{t('account_model:channel_status')}</Th>
+                <Th></Th>
               </Tr>
             </Thead>
             <Tbody>
@@ -167,6 +204,7 @@ const ModelTest = ({
                 return (
                   <Tr key={item.model}>
                     <Td>{item.label}</Td>
+                    <Td>{item.model}</Td>
                     <Td>
                       <Flex alignItems={'center'}>
                         <MyTag mr={1} type="borderSolid" colorSchema={data.colorSchema as any}>
@@ -182,6 +220,16 @@ const ModelTest = ({
                         )}
                       </Flex>
                     </Td>
+                    <Td>
+                      <MyIconButton
+                        isLoading={isTestLoading}
+                        icon={'core/chat/sendLight'}
+                        tip={t('account:model.test_model')}
+                        onClick={() => {
+                          onTestOneModel(item.model);
+                        }}
+                      />
+                    </Td>
                   </Tr>
                 );
               })}
@@ -193,7 +241,7 @@ const ModelTest = ({
         <Button mr={4} variant={'whiteBase'} onClick={onClose}>
           {t('common:common.Cancel')}
         </Button>
-        <Button isLoading={isTesting} variant={'primary'} onClick={onStartTest}>
+        <Button isLoading={isTestLoading} variant={'primary'} onClick={onStartTest}>
           {t('account_model:start_test', { num: testModelList.length })}
         </Button>
       </ModalFooter>

projects/app/src/pageComponents/account/model/Log/index.tsx

@@ -206,7 +206,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
               list={channelList}
               placeholder={t('account_model:select_channel')}
               value={filterProps.channelId}
-              onchange={(val) => setFilterProps({ ...filterProps, channelId: val })}
+              onChange={(val) => setFilterProps({ ...filterProps, channelId: val })}
             />
           </Box>
         </HStack>
@@ -219,7 +219,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
               list={modelList}
               placeholder={t('account_model:select_model')}
               value={filterProps.model}
-              onchange={(val) => setFilterProps({ ...filterProps, model: val })}
+              onChange={(val) => setFilterProps({ ...filterProps, model: val })}
             />
           </Box>
         </HStack>
@@ -234,7 +234,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
                 { label: t('common:common.failed'), value: 'error' }
               ]}
               value={filterProps.code_type}
-              onchange={(val) => setFilterProps({ ...filterProps, code_type: val })}
+              onChange={(val) => setFilterProps({ ...filterProps, code_type: val })}
             />
           </Box>
         </HStack>

projects/app/src/pageComponents/account/model/ModelConfigTable.tsx

@@ -326,7 +326,7 @@ const ModelTable = ({ Tab }: { Tab: React.ReactNode }) => {
                 w={'200px'}
                 bg={'myGray.50'}
                 value={provider}
-                onchange={setProvider}
+                onChange={setProvider}
                 list={filterProviderList}
               />
             </HStack>
@@ -338,7 +338,7 @@ const ModelTable = ({ Tab }: { Tab: React.ReactNode }) => {
                 w={'150px'}
                 bg={'myGray.50'}
                 value={modelType}
-                onchange={setModelType}
+                onChange={setModelType}
                 list={selectModelTypeList.current}
               />
             </HStack>
@@ -436,7 +436,7 @@ const ModelTable = ({ Tab }: { Tab: React.ReactNode }) => {
                         <MyIconButton
                           icon={'core/chat/sendLight'}
                           tip={t('account:model.test_model')}
-                          onClick={() => onTestModel(item.model)}
+                          onClick={() => onTestModel({ model: item.model })}
                         />
                         <MyIconButton
                           icon={'common/settingLight'}
@@ -597,7 +597,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   llm: llmModelList.find((item) => item.model === e)
@@ -616,7 +616,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   embedding: embeddingModelList.find((item) => item.model === e)
@@ -635,7 +635,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   tts: ttsModelList.find((item) => item.model === e)
@@ -654,7 +654,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   stt: sttModelList.find((item) => item.model === e)
@@ -673,7 +673,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   rerank: reRankModelList.find((item) => item.model === e)
@@ -696,7 +696,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   datasetTextLLM: datasetModelList.find((item) => item.model === e)
@@ -718,7 +718,7 @@ const DefaultModelModal = ({
                 value: item.model,
                 label: item.name
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setDefaultData((state) => ({
                   ...state,
                   datasetImageLLM: vlmModelList.find((item) => item.model === e)

projects/app/src/pageComponents/account/team/Invite/CreateInvitationModal.tsx

@@ -71,7 +71,7 @@ function CreateInvitationModal({ onClose }: { onClose: () => void }) {
             <MySelect
               list={expiresOptions}
               value={expires}
-              onchange={(val) => setValue('expires', val)}
+              onChange={(val) => setValue('expires', val)}
               minW="120px"
             />
           </>

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeExtract/ExtractFieldModal.tsx

@@ -84,7 +84,7 @@ const ExtractFieldModal = ({
             <MySelect<string>
               list={toolValueTypeList}
               value={valueType}
-              onchange={(e) => {
+              onChange={(e) => {
                 setValue('valueType', e as any);
               }}
             />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeHttp/index.tsx

@@ -217,7 +217,7 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
               value: 'PATCH'
             }
           ]}
-          onchange={(e) => {
+          onChange={(e) => {
             onChangeNode({
               nodeId,
               type: 'updateInput',

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx

@@ -396,7 +396,7 @@ const ConditionSelect = ({
       w={'100%'}
       list={filterQuiredConditionList}
       value={condition}
-      onchange={onSelect}
+      onChange={onSelect}
       placeholder={t('common:chose_condition')}
     />
   );
@@ -441,7 +441,7 @@ const ConditionValueInput = ({
             { label: 'True', value: 'true' },
             { label: 'False', value: 'false' }
           ]}
-          onchange={onChange}
+          onChange={onChange}
           value={value}
           placeholder={workflowT('ifelse.Select value')}
           isDisabled={

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeLaf.tsx

@@ -235,7 +235,7 @@ const NodeLaf = (props: NodeProps<FlowNodeItemType>) => {
               isLoading={isLoadingFunctions}
               list={lafFunctionSelectList}
               placeholder={t('common:core.module.laf.Select laf function')}
-              onchange={(e) => {
+              onChange={(e) => {
                 onChangeNode({
                   nodeId,
                   type: 'updateInput',

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx

@@ -209,7 +209,7 @@ const InputTypeConfig = ({
                     (item) => item.value !== WorkflowIOValueTypeEnum.arrayAny
                   )}
                   value={valueType}
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setValue('valueType', e);
                   }}
                 />
@@ -346,7 +346,7 @@ const InputTypeConfig = ({
                       ? defaultValue
                       : ''
                   }
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setValue('defaultValue', e);
                   }}
                   w={'200px'}

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutputEditModal.tsx

@@ -144,7 +144,7 @@ const PluginOutputEditModal = ({
                     (item) => item.value !== WorkflowIOValueTypeEnum.arrayAny
                   )}
                   value={valueType}
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setValue('valueType', e);
                   }}
                 />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeToolParams/ToolParamsEditModal.tsx

@@ -123,7 +123,7 @@ const ToolParamsEditModal = ({
             <MySelect
               list={toolValueTypeList}
               value={valueType}
-              onchange={(e: any) => {
+              onChange={(e: any) => {
                 setValue('valueType', e);
               }}
             />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx

@@ -137,7 +137,7 @@ const FieldModal = ({
                     (item) => item.value !== WorkflowIOValueTypeEnum.arrayAny
                   )}
                   value={valueType}
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setValue('valueType', e);
                   }}
                 />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Select.tsx

@@ -14,7 +14,7 @@ const SelectRender = ({ item, nodeId }: RenderInputProps) => {
         width={'100%'}
         value={item.value}
         list={item.list || []}
-        onchange={(e) => {
+        onChange={(e) => {
           onChangeNode({
             nodeId,
             type: 'updateInput',

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SelectLLMModel.tsx

@@ -57,7 +57,7 @@ const SelectAiModelRender = ({ item, nodeId }: RenderInputProps) => {
           value: item.model,
           label: item.name
         }))}
-        onchange={onChangeModel}
+        onChange={onChangeModel}
       />
     );
   }, [item.value, modelList, onChangeModel]);

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SettingQuotePrompt.tsx

@@ -201,7 +201,7 @@ const EditModal = ({ onClose, ...props }: RenderInputProps & { onClose: () => vo
                   description: t('workflow:dataset_quote_role_user_option_desc')
                 }
               ]}
-              onchange={(e) => {
+              onChange={(e) => {
                 setValue('quoteRole', e);
               }}
             />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx

@@ -131,7 +131,7 @@ const FieldModal = ({
                     (item) => item.value !== WorkflowIOValueTypeEnum.arrayAny
                   )}
                   value={valueType}
-                  onchange={(e) => {
+                  onChange={(e) => {
                     setValue('valueType', e);
                   }}
                 />

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderToolInput/EditFieldModal.tsx

@@ -97,7 +97,7 @@ const EditFieldModal = ({
             <MySelect
               list={toolValueTypeList}
               value={valueType}
-              onchange={(e: any) => {
+              onChange={(e: any) => {
                 setValue('valueType', e);
               }}
             />

projects/app/src/pageComponents/app/list/TemplateMarketModal.tsx

@@ -289,7 +289,7 @@ const TemplateMarketModal = ({
           <MySelect<TemplateAppType>
             h={'8'}
             value={currentAppType}
-            onchange={(value) => {
+            onChange={(value) => {
               setCurrentAppType(value);
             }}
             bg={'myGray.100'}

projects/app/src/pageComponents/dataset/detail/Import/commonProgress/DataProcess.tsx

@@ -333,7 +333,7 @@ function DataProcess() {
                       label: item.name,
                       value: item.model
                     }))}
-                    onchange={(e) => {
+                    onChange={(e) => {
                       setValue('llmModel', e);
                     }}
                   />
@@ -349,7 +349,7 @@ function DataProcess() {
                       label: item.name,
                       value: item.model
                     }))}
-                    onchange={(e) => {
+                    onChange={(e) => {
                       setValue('vlmModel', e);
                     }}
                   />

projects/app/src/pageComponents/dataset/detail/Info/index.tsx

@@ -195,7 +195,7 @@ const Info = ({ datasetId }: { datasetId: string }) => {
                 label: item.name,
                 value: item.model
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 const vectorModel = embeddingModelList.find((item) => item.model === e);
                 if (!vectorModel) return;
                 return onOpenConfirmRebuild(async () => {
@@ -220,7 +220,7 @@ const Info = ({ datasetId }: { datasetId: string }) => {
                 value: item.model
               }))}
               fontSize={'mini'}
-              onchange={(e) => {
+              onChange={(e) => {
                 const agentModel = datasetModelList.find((item) => item.model === e);
                 if (!agentModel) return;
                 setValue('agentModel', agentModel);
@@ -244,7 +244,7 @@ const Info = ({ datasetId }: { datasetId: string }) => {
                   value: item.model
                 }))}
                 fontSize={'mini'}
-                onchange={(e) => {
+                onChange={(e) => {
                   const vlmModel = vllmModelList.find((item) => item.model === e);
                   if (!vlmModel) return;
                   setValue('vlmModel', vlmModel);

projects/app/src/pageComponents/dataset/detail/Test.tsx

@@ -186,7 +186,7 @@ const Test = ({ datasetId }: { datasetId: string }) => {
                 // }
               ]}
               value={inputType}
-              onchange={(e) => setInputType(e)}
+              onChange={(e) => setInputType(e)}
             />
 
             <Button

projects/app/src/pageComponents/dataset/list/CreateModal.tsx

@@ -205,7 +205,7 @@ const CreateModal = ({
                 label: item.name,
                 value: item.model
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setValue('vectorModel' as const, e);
               }}
             />
@@ -237,7 +237,7 @@ const CreateModal = ({
                 label: item.name,
                 value: item.model
               }))}
-              onchange={(e) => {
+              onChange={(e) => {
                 setValue('agentModel', e);
               }}
             />
@@ -269,7 +269,7 @@ const CreateModal = ({
                   label: item.name,
                   value: item.model
                 }))}
-                onchange={(e) => {
+                onChange={(e) => {
                   setValue('vlmModel', e);
                 }}
               />

projects/app/src/pages/account/info/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import {
   Box,
   Flex,
@@ -44,6 +44,7 @@ import { useRouter } from 'next/router';
 import TeamSelector from '@/pageComponents/account/TeamSelector';
 import { getWorkorderURL } from '@/web/common/workorder/api';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { useMount } from 'ahooks';
 
 const StandDetailModal = dynamic(
   () => import('@/pageComponents/account/info/standardDetailModal'),
@@ -64,7 +65,9 @@ const Info = () => {
   const standardPlan = teamPlanStatus?.standardConstants;
   const { isOpen: isOpenContact, onClose: onCloseContact, onOpen: onOpenContact } = useDisclosure();
 
-  useQuery(['init'], initUserInfo);
+  useMount(() => {
+    initUserInfo();
+  });
 
   return (
     <AccountContainer>

projects/app/src/pages/account/usage/index.tsx

@@ -130,7 +130,7 @@ const UsageTable = () => {
                 { label: t('account_usage:every_month'), value: 'month' }
               ]}
               value={unit}
-              onchange={setUnit}
+              onChange={setUnit}
             />
           )} */}
         </Flex>

projects/app/src/pages/api/core/ai/model/test.ts

@@ -132,14 +132,12 @@ const testTTSModel = async (model: TTSModelType, headers: Record<string, string>
     model.requestUrl
       ? {
           path: model.requestUrl,
-          headers: model.requestAuth
+          headers: {
-            ? {
+            ...(model.requestAuth ? { Authorization: `Bearer ${model.requestAuth}` } : {}),
-                Authorization: `Bearer ${model.requestAuth}`,
+            ...headers
-                ...headers
+          }
-              }
-            : headers
         }
-      : {}
+      : { headers }
   );
 };
 

projects/app/src/pages/api/core/ai/model/update.ts

@@ -27,6 +27,13 @@ async function handler(
   const dbModel = await MongoSystemModel.findOne({ model }).lean();
   const modelData = findModelFromAlldata(model);
 
+  if (metadata) {
+    delete metadata.isActive;
+    delete metadata.isDefault;
+    delete metadata.isDefaultDatasetTextModel;
+    delete metadata.isDefaultDatasetImageModel;
+  }
+
   const metadataConcat: Record<string, any> = {
     ...modelData, // system config
     ...dbModel?.metadata, // db config

projects/app/src/pages/api/core/app/list.ts

@@ -19,6 +19,7 @@ import { concatPer } from '@fastgpt/service/support/permission/controller';
 import { getGroupsByTmbId } from '@fastgpt/service/support/permission/memberGroup/controllers';
 import { getOrgIdSetWithParentByTmbId } from '@fastgpt/service/support/permission/org/controllers';
 import { addSourceMember } from '@fastgpt/service/support/user/utils';
+import { getNanoid } from '../../../../../../../packages/global/common/string/tools';
 
 export type ListAppBody = {
   parentId?: ParentIdType;

projects/app/src/pages/chat/index.tsx

@@ -65,14 +65,6 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
   const chatRecords = useContextSelector(ChatRecordContext, (v) => v.chatRecords);
   const totalRecordsCount = useContextSelector(ChatRecordContext, (v) => v.totalRecordsCount);
 
-  const [sidebarFolded, setSidebarFolded] = useState(false);
-
-  useEffect(() => {
-    if (quoteData) {
-      setSidebarFolded(true);
-    }
-  }, [quoteData]);
-
   // Load chat init data
   const { loading } = useRequest2(
     async () => {
@@ -156,9 +148,7 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
     );
 
     return isPc || !appId ? (
-      <SideBar isFolded={sidebarFolded} onFoldChange={setSidebarFolded}>
+      <SideBar externalTrigger={!!quoteData}>{Children}</SideBar>
-        {Children}
-      </SideBar>
     ) : (
       <Drawer
         isOpen={isOpenSlider}
@@ -171,7 +161,7 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
         <DrawerContent maxWidth={'75vw'}>{Children}</DrawerContent>
       </Drawer>
     );
-  }, [t, isPc, appId, isOpenSlider, onCloseSlider, sidebarFolded]);
+  }, [t, isPc, appId, isOpenSlider, onCloseSlider, quoteData]);
 
   return (
     <Flex h={'100%'}>

projects/app/src/pages/chat/share.tsx

@@ -90,14 +90,6 @@ const OutLink = (props: Props) => {
   const totalRecordsCount = useContextSelector(ChatRecordContext, (v) => v.totalRecordsCount);
   const isChatRecordsLoaded = useContextSelector(ChatRecordContext, (v) => v.isChatRecordsLoaded);
 
-  const [sidebarFolded, setSidebarFolded] = useState(false);
-
-  useEffect(() => {
-    if (quoteData) {
-      setSidebarFolded(true);
-    }
-  }, [quoteData]);
-
   const initSign = useRef(false);
   const { data, loading } = useRequest2(
     async () => {
@@ -229,9 +221,7 @@ const OutLink = (props: Props) => {
     if (showHistory !== '1') return null;
 
     return isPc ? (
-      <SideBar isFolded={sidebarFolded} onFoldChange={setSidebarFolded}>
+      <SideBar externalTrigger={!!quoteData}>{Children}</SideBar>
-        {Children}
-      </SideBar>
     ) : (
       <Drawer
         isOpen={isOpenSlider}
@@ -246,7 +236,7 @@ const OutLink = (props: Props) => {
         </DrawerContent>
       </Drawer>
     );
-  }, [isOpenSlider, isPc, onCloseSlider, showHistory, t, sidebarFolded]);
+  }, [isOpenSlider, isPc, onCloseSlider, quoteData, showHistory, t]);
 
   return (
     <>

projects/app/src/pages/chat/team.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import NextHead from '@/components/common/NextHead';
 import { getTeamChatInfo } from '@/web/core/chat/api';
 import { useRouter } from 'next/router';
@@ -70,14 +70,6 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
   const chatRecords = useContextSelector(ChatRecordContext, (v) => v.chatRecords);
   const totalRecordsCount = useContextSelector(ChatRecordContext, (v) => v.totalRecordsCount);
 
-  const [sidebarFolded, setSidebarFolded] = useState(false);
-
-  useEffect(() => {
-    if (quoteData) {
-      setSidebarFolded(true);
-    }
-  }, [quoteData]);
-
   // get chat app info
   const { loading } = useRequest2(
     async () => {
@@ -174,9 +166,7 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
     );
 
     return isPc || !appId ? (
-      <SideBar isFolded={sidebarFolded} onFoldChange={setSidebarFolded}>
+      <SideBar externalTrigger={!!quoteData}>{Children}</SideBar>
-        {Children}
-      </SideBar>
     ) : (
       <Drawer
         isOpen={isOpenSlider}
@@ -189,7 +179,7 @@ const Chat = ({ myApps }: { myApps: AppListItemType[] }) => {
         <DrawerContent maxWidth={'75vw'}>{Children}</DrawerContent>
       </Drawer>
     );
-  }, [appId, isOpenSlider, isPc, onCloseSlider, t, sidebarFolded]);
+  }, [appId, isOpenSlider, isPc, onCloseSlider, quoteData, t]);
 
   return (
     <Flex h={'100%'}>

projects/app/tsconfig.json

@@ -7,6 +7,13 @@
       "@test/*": ["../../test/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.d.ts", "../../packages/**/*.d.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.d.ts",
+    "../../packages/**/*.d.ts",
+    "../../test/list.test.ts"
+  ],
   "exclude": ["**/*.test.ts"]
 }

test/list.test.ts

@@ -1,9 +1,12 @@
 import { MongoApp } from '@fastgpt/service/core/app/schema';
 import { MongoAppVersion } from '@fastgpt/service/core/app/version/schema';
-import { getRootUser } from '@test/datas/users';
+import { getRootUser } from './datas/users';
-import { Call } from '@test/utils/request';
+import { Call } from './utils/request';
 import { describe, expect, it } from 'vitest';
-import handler, { type versionListBody, type versionListResponse } from './list';
+import handler, {
+  type versionListBody,
+  type versionListResponse
+} from '../projects/app/src/pages/api/core/app/version/list';
 
 describe('app version list test', () => {
   it('should return app version list', async () => {