fix: support older browsers for share page (#6903) (#6904)

* fix: support older browsers for share page (#6903)

* fix: support older browsers for share page

* chore: remove local compatibility note

* pick

* remove

* doc

Author: c121914yu

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "alexcvzz.vscode-sqlite"
+    ]
+}

.vscode/settings.json

@@ -2,7 +2,22 @@
     "editor.formatOnSave": true,
     "editor.mouseWheelZoom": true,
     "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit"
+    },
     "prettier.prettierPath": "node_modules/prettier",
+    "eslint.useFlatConfig": true,
+    "eslint.workingDirectories": [
+        {
+            "mode": "auto"
+        }
+    ],
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+    ],
     "i18n-ally.localesPaths": [
         "packages/web/i18n",
     ],

document/data/doc-last-modified.json

@@ -425,4 +425,4 @@
   "document/content/docs/use-cases/external-integration/wecom.mdx": "2025-12-10T20:07:05+08:00",
   "document/content/docs/use-cases/index.en.mdx": "2026-02-26T22:14:30+08:00",
   "document/content/docs/use-cases/index.mdx": "2025-07-24T14:23:04+08:00"
-}
+}

packages/global/core/chat/utils.ts

@@ -98,7 +98,7 @@ ${stepText}`;
 // Concat 2 -> 1, and sort by role
 export const concatHistories = (histories1: ChatItemMiniType[], histories2: ChatItemMiniType[]) => {
   const newHistories = [...histories1, ...histories2];
-  return newHistories.sort((a, b) => {
+  return newHistories.sort((a) => {
     if (a.obj === ChatRoleEnum.System) {
       return -1;
     }
@@ -110,7 +110,6 @@ export const getChatTitleFromChatMessage = (
   message?: ChatItemMiniType,
   defaultValue = '新对话'
 ) => {
-  // @ts-ignore
   const textMsg = message?.value.find((item) => 'text' in item && item.text);
 
   if (textMsg?.text?.content) {
@@ -185,32 +184,32 @@ export const filterPublicNodeResponseData = ({
     [FlowNodeTypeEnum.agent]: true,
     [FlowNodeTypeEnum.pluginOutput]: true,
     [FlowNodeTypeEnum.runApp]: true,
-    [FlowNodeTypeEnum.toolCall]: true
+    [FlowNodeTypeEnum.toolCall]: true,
+    [FlowNodeTypeEnum.tool]: true
   };
 
+  const commonFields = {
+    moduleType: true,
+    pluginOutput: true,
+    runningTime: true,
+    toolId: true
+  };
   const filedMap: Record<string, boolean> = responseDetail
     ? {
         quoteList: true,
-        moduleType: true,
-        pluginOutput: true,
-        runningTime: true
+        ...commonFields
       }
-    : {
-        moduleType: true,
-        pluginOutput: true,
-        runningTime: true
-      };
+    : commonFields;
 
   return nodeRespones
     .filter((item) => publicNodeMap[item.moduleType])
     .map((item) => {
       const obj: DispatchNodeResponseType = {};
-      for (let key in item) {
+      for (const key in item) {
         if (key === 'toolDetail' || key === 'pluginDetail') {
-          // @ts-ignore
           obj[key] = filterPublicNodeResponseData({ nodeRespones: item[key], responseDetail });
         } else if (filedMap[key]) {
-          // @ts-ignore
+          // @ts-expect-error Dynamic public field copy is constrained by filedMap.
           obj[key] = item[key];
         }
       }

packages/global/test/core/chat/chatUtils.test.ts

@@ -7,6 +7,7 @@ import {
 import { FlowNodeTypeEnum } from '@fastgpt/global/core/workflow/node/constant';
 import { PublishChannelEnum } from '@fastgpt/global/support/outLink/constant';
 import type { ChatItemMiniType, ChatHistoryItemResType } from '@fastgpt/global/core/chat/type';
+import { SANDBOX_TOOL_NAME } from '@fastgpt/global/core/ai/sandbox/constants';
 import {
   concatHistories,
   getChatTitleFromChatMessage,
@@ -180,6 +181,33 @@ describe('filterPublicNodeResponseData', () => {
 
     expect(result[0].quoteList).toBeDefined();
   });
+
+  it('should keep tool node type and toolId without exposing tool details', () => {
+    const nodeResponses: ChatHistoryItemResType[] = [
+      {
+        id: '1',
+        nodeId: 'node1',
+        moduleName: 'Sandbox',
+        moduleType: FlowNodeTypeEnum.tool,
+        runningTime: 0.8,
+        toolId: SANDBOX_TOOL_NAME,
+        toolInput: {
+          command: 'ls'
+        },
+        toolRes: 'file.txt'
+      }
+    ];
+
+    const result = filterPublicNodeResponseData({ nodeRespones: nodeResponses });
+
+    expect(result).toEqual([
+      {
+        moduleType: FlowNodeTypeEnum.tool,
+        runningTime: 0.8,
+        toolId: SANDBOX_TOOL_NAME
+      }
+    ]);
+  });
 });
 
 describe('removeEmptyUserInput', () => {

pro

@@ -2,6 +2,13 @@
   "name": "@fastgpt/app",
   "version": "4.14.19",
   "private": false,
+  "browserslist": [
+    "Chrome >= 80",
+    "Edge >= 80",
+    "Firefox >= 74",
+    "Safari >= 13",
+    "ios_saf >= 13"
+  ],
   "scripts": {
     "dev": "pnpm run build:workers && next dev",
     "dev:pro": "pnpm run dev",

projects/app/package.json

@@ -88,10 +88,8 @@ const ResponseTags = ({
     outLinkAuthData
   });
 
-  useSize(quoteListRef);
-  const quoteIsOverflow = quoteListRef.current
-    ? quoteListRef.current.scrollHeight > (isPc ? 50 : 55)
-    : true;
+  const quoteListSize = useSize(quoteListRef);
+  const quoteIsOverflow = quoteListSize ? quoteListSize.height >= (isPc ? 50 : 55) : true;
 
   const citationRenderList: CitationRenderItem[] = useMemo(() => {
     if (!isShowCite) return [];
@@ -136,7 +134,8 @@ const ResponseTags = ({
     return [...datasetItems, ...linkItems];
   }, [quoteList, toolCiteLinks, onOpenCiteModal, isShowCite]);
 
-  const notEmptyTags = notSharePage || quoteList.length > 0 || (isPc && durationSeconds > 0);
+  const notEmptyTags =
+    notSharePage || quoteList.length > 0 || useAgentSandbox || (isPc && durationSeconds > 0);
 
   return !showTags ? null : (
     <>

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

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import SandboxEditorModal from '@/pageComponents/chat/SandboxEditor/modal';
 import type { IconButtonProps } from '@chakra-ui/react';
 import { IconButton } from '@chakra-ui/react';
@@ -62,8 +62,8 @@ export const useSandboxEditor = ({
  * 职责：负责 checkSandboxExist 的网络同步及 SandboxEntryIcon 的显示控制。
  * 同步模式：
  *   1. 历史记录（ChatRecordContext）：useMemo 派生，无副作用。
- *   2. chatId 切换：渲染周期利用 useRef 确认 ID 变化并同步重置状态，防止 UI 闪烁。
- *   3. 网络请求：单一 useEffect，在参数变化时触发 1 次。
+ *   2. 网络请求：单一 useEffect，在参数变化时触发 1 次。
+ *   3. API 结果已返回时以 API 为准；未返回前才使用历史记录兜底。
  */
 export const useSandboxStatus = ({
   appId,
@@ -75,13 +75,11 @@ export const useSandboxStatus = ({
   outLinkAuthData?: OutLinkChatAuthProps;
 }) => {
   const { t } = useTranslation();
-  const [apiSandboxExists, setApiSandboxExists] = useState(false);
-  const lastChatIdRef = useRef(chatId);
-
-  if (lastChatIdRef.current !== chatId) {
-    lastChatIdRef.current = chatId;
-    setApiSandboxExists(false);
-  }
+  const [apiSandboxStatus, setApiSandboxStatus] = useState({
+    appId: '',
+    chatId: '',
+    exists: false
+  });
 
   const chatRecords = useContextSelector(ChatRecordContext, (v) => {
     return v.chatRecords;
@@ -97,22 +95,33 @@ export const useSandboxStatus = ({
   }, [chatRecords, isChatRecordsLoaded]);
 
   useEffect(() => {
-    if (!chatId) return;
+    if (!appId || !chatId) return;
     let cancelled = false;
     checkSandboxExist({ appId, chatId, outLinkAuthData })
       .then((result) => {
-        if (!cancelled) setApiSandboxExists(result.exists);
+        if (!cancelled) setApiSandboxStatus({ appId, chatId, exists: result.exists });
       })
       .catch((error) => {
         console.error('Failed to check sandbox status:', error);
       });
     return () => {
       cancelled = true;
     };
-  }, [appId, chatId]);
+  }, [appId, chatId, outLinkAuthData]);
 
+  const apiSandboxExists =
+    apiSandboxStatus.appId === appId &&
+    apiSandboxStatus.chatId === chatId &&
+    apiSandboxStatus.exists;
   const sandboxExists = hasSandboxInHistory || apiSandboxExists;
 
+  const setSandboxExists = useCallback(
+    (exists: boolean) => {
+      setApiSandboxStatus({ appId, chatId, exists });
+    },
+    [appId, chatId]
+  );
+
   const SandboxEntryIcon = useCallback(
     ({
       onOpen,
@@ -138,7 +147,7 @@ export const useSandboxStatus = ({
 
   return {
     sandboxExists,
-    setSandboxExists: setApiSandboxExists,
+    setSandboxExists,
     SandboxEntryIcon
   };
 };

projects/app/src/pageComponents/chat/SandboxEditor/hook.tsx

@@ -25,18 +25,21 @@ const ToolMenu = ({
 
   const onChangeChatId = useContextSelector(ChatContext, (v) => v.onChangeChatId);
   const chatData = useContextSelector(ChatItemContext, (v) => v.chatBoxData);
-  const { chatId, outLinkAuthData } = useChatStore();
+  const { chatId, outLinkAuthData, appId, source } = useChatStore();
+  const currentAppId = chatData.appId || appId;
+  const isShareAuthReady =
+    source !== 'share' || (!!outLinkAuthData.shareId && !!outLinkAuthData.outLinkUid);
 
   // Status Hook: 顶层单例，负责网络同步与入口图标显示
   const { sandboxExists, setSandboxExists, SandboxEntryIcon } = useSandboxStatus({
-    appId: chatData.appId,
+    appId: isShareAuthReady ? currentAppId : '',
     chatId,
     outLinkAuthData
   });
 
   // UI Hook: 负责弹窗渲染
   const { SandboxEditorModal, onOpenSandboxModal } = useSandboxEditor({
-    appId: chatData.appId,
+    appId: currentAppId,
     chatId,
     outLinkAuthData
   });