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
2025-03-12 21:11:43 +08:00 · 2025-03-12 21:11:43 +08:00 · f71ab0caeb
commit f71ab0caeb
parent c131c2a7dc
64 changed files with 438 additions and 1356 deletions
--- a/docSite/content/zh-cn/docs/development/upgrading/491.md
+++ b/docSite/content/zh-cn/docs/development/upgrading/491.md
@ -29,4 +29,5 @@ weight: 799
 3. 知识库问题优化中，未传递历史记录。
 4. 错误提示翻译缺失。
 5. 内容提取节点，array 类型 schema 错误。
-6. 模型渠道测试时，实际未指定渠道测试。
+6. 模型渠道测试时，实际未指定渠道测试。
+7. 新增自定义模型时，会把默认模型字段也保存，导致默认模型误判。
--- a/packages/global/package.json
+++ b/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",
--- a/packages/service/common/file/read/utils.ts
+++ b/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 };
 };
--- a/packages/service/core/ai/config.ts
+++ b/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 } : {}),
--- a/packages/service/core/ai/embedding/index.ts
+++ b/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
-                ? {
-                    Authorization: `Bearer ${model.requestAuth}`,
-                    ...headers
-                  }
-                : headers
+              headers: {
+                ...(model.requestAuth ? { Authorization: `Bearer ${model.requestAuth}` } : {}),
+                ...headers
+              }
            }
-          : {}
+          : { headers }
      )
      .then(async (res) => {
        if (!res.data) {
--- a/packages/service/core/app/utils.ts
+++ b/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
--- a/packages/service/package.json
+++ b/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",
--- a/packages/web/components/common/Icon/button.tsx
+++ b/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>
  );
--- a/packages/web/components/common/MySelect/index.tsx
+++ b/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) {
-                  onChange(item.value);
+                if (value !== 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}
              </>
            )}
--- a/packages/web/hooks/usePagination.tsx
+++ b/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 }
      );

--- a/packages/web/i18n/en/account_model.json
+++ b/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",
--- a/packages/web/i18n/zh-CN/account_model.json
+++ b/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": "用于知识库中对文档中的图片进行额外的索引生成",
--- a/packages/web/i18n/zh-Hant/account_model.json
+++ b/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": "用於知識庫中對文檔中的圖片進行額外的索引生成",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/projects/app/package.json
+++ b/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"
  }
 }
--- a/projects/app/src/components/Select/AIModelSelector.tsx
+++ b/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(() => {
--- a/projects/app/src/components/Select/I18nLngSelector.tsx
+++ b/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);
      }}
--- a/projects/app/src/components/SideBar/index.tsx
+++ b/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;
-  onFoldChange?: (isFolded: boolean) => void;
+  externalTrigger?: Boolean;
 }

 const SideBar = (e?: Props) => {
  const {
    w = ['100%', '0 0 250px', '0 0 250px', '0 0 270px', '0 0 290px'],
    children,
-    isFolded = false,
-    onFoldChange,
+    externalTrigger,
    ...props
  } = e || {};

-  const handleToggle = () => {
-    if (onFoldChange) {
-      onFoldChange(!isFolded);
+  const [isFolded, setIsFolded] = useState(false);
+
+  // 保存上一次折叠状态
+  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'}
--- a/projects/app/src/components/core/ai/AISettingModal/index.tsx
+++ b/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);
                }}
              />
--- a/projects/app/src/components/core/ai/ModelTable/index.tsx
+++ b/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>
--- a/projects/app/src/components/core/ai/SettingLLMModel/index.tsx
+++ b/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
--- a/projects/app/src/components/core/app/DatasetParamsModal.tsx
+++ b/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);
                      }}
                    />
--- a/projects/app/src/components/core/app/QGConfig.tsx
+++ b/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
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx
+++ b/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)}
              />
            );
          }}
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx
+++ b/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}
        />
      );
    }
--- a/projects/app/src/components/core/chat/components/AIResponseBox.tsx
+++ b/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)}
                  />
                );
              }}
--- a/projects/app/src/components/support/laf/LafAccountModal.tsx
+++ b/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 })}
--- a/projects/app/src/components/support/permission/DefaultPerList/index.tsx
+++ b/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),
--- a/projects/app/src/pageComponents/account/TeamSelector.tsx
+++ b/projects/app/src/pageComponents/account/TeamSelector.tsx
@ -46,48 +46,21 @@ const TeamSelector = ({

  const teamList = useMemo(() => {
    return myTeams.map((team) => ({
-      label: (
-        <Flex
-          key={team.teamId}
-          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>
-      ),
+      icon: team.avatar,
+      iconSize: '1.25rem',
+      label: team.teamName,
      value: team.teamId
    }));
-  }, [myTeams, onSwitchTeam]);
+  }, [myTeams]);

  const formatTeamList = useMemo(() => {
    return [
      ...(showManage
        ? [
            {
-              label: (
-                <Flex
-                  key={'manage'}
-                  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>
-              ),
+              icon: 'common/setting',
+              iconSize: '1.25rem',
+              label: t('user:manage_team'),
              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>
  );
 };
--- a/projects/app/src/pageComponents/account/bill/BillTable.tsx
+++ b/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'}
--- a/projects/app/src/pageComponents/account/model/AddModelBox.tsx
+++ b/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}
                    />
--- a/projects/app/src/pageComponents/account/model/Channel/EditChannelModal.tsx
+++ b/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))
--- a/projects/app/src/pageComponents/account/model/Channel/ModelTest.tsx
+++ b/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>
--- a/projects/app/src/pageComponents/account/model/Log/index.tsx
+++ b/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>
--- a/projects/app/src/pageComponents/account/model/ModelConfigTable.tsx
+++ b/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)
--- a/projects/app/src/pageComponents/account/team/Invite/CreateInvitationModal.tsx
+++ b/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"
            />
          </>
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeExtract/ExtractFieldModal.tsx
+++ b/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);
              }}
            />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeHttp/index.tsx
+++ b/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',
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx
+++ b/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={
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeLaf.tsx
+++ b/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',
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
+++ b/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'}
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutputEditModal.tsx
+++ b/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);
                  }}
                />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/NodeToolParams/ToolParamsEditModal.tsx
+++ b/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);
              }}
            />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx
+++ b/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);
                  }}
                />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Select.tsx
+++ b/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',
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SelectLLMModel.tsx
+++ b/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]);
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SettingQuotePrompt.tsx
+++ b/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);
              }}
            />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx
+++ b/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);
                  }}
                />
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderToolInput/EditFieldModal.tsx
+++ b/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);
              }}
            />
--- a/projects/app/src/pageComponents/app/list/TemplateMarketModal.tsx
+++ b/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'}
--- a/projects/app/src/pageComponents/dataset/detail/Import/commonProgress/DataProcess.tsx
+++ b/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);
                    }}
                  />
--- a/projects/app/src/pageComponents/dataset/detail/Info/index.tsx
+++ b/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);
--- a/projects/app/src/pageComponents/dataset/detail/Test.tsx
+++ b/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
--- a/projects/app/src/pageComponents/dataset/list/CreateModal.tsx
+++ b/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);
                }}
              />
--- a/projects/app/src/pages/account/info/index.tsx
+++ b/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>
--- a/projects/app/src/pages/account/usage/index.tsx
+++ b/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>
--- a/projects/app/src/pages/api/core/ai/model/test.ts
+++ b/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
-            ? {
-                Authorization: `Bearer ${model.requestAuth}`,
-                ...headers
-              }
-            : headers
+          headers: {
+            ...(model.requestAuth ? { Authorization: `Bearer ${model.requestAuth}` } : {}),
+            ...headers
+          }
        }
-      : {}
+      : { headers }
  );
 };

--- a/projects/app/src/pages/api/core/ai/model/update.ts
+++ b/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
--- a/projects/app/src/pages/api/core/app/list.ts
+++ b/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;
--- a/projects/app/src/pages/chat/index.tsx
+++ b/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}>
-        {Children}
-      </SideBar>
+      <SideBar externalTrigger={!!quoteData}>{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%'}>
--- a/projects/app/src/pages/chat/share.tsx
+++ b/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}>
-        {Children}
-      </SideBar>
+      <SideBar externalTrigger={!!quoteData}>{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 (
    <>
--- a/projects/app/src/pages/chat/team.tsx
+++ b/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}>
-        {Children}
-      </SideBar>
+      <SideBar externalTrigger={!!quoteData}>{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%'}>
--- a/projects/app/tsconfig.json
+++ b/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"]
 }
--- a/projects/app/src/pages/api/core/app/version/list.test.ts
+++ b/projects/app/src/pages/api/core/app/version/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 { Call } from '@test/utils/request';
+import { getRootUser } from './datas/users';
+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 () => {