Perf ui detail (#2775)

* perf: tool response tip

* perf: image extract

* perf: user question tool desc

* fix: simple mode load app module

* perf: simple mode plugin version

* perf: share page reload

* refresh simple mode data

projects/app/src/pages/app/detail/components/SimpleApp/Header.tsx

@@ -24,6 +24,7 @@ import { useSystem } from '@fastgpt/web/hooks/useSystem';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import { formatTime2YMDHMS } from '@fastgpt/global/common/string/time';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
+import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 
 const Header = ({
   appForm,
@@ -38,6 +39,7 @@ const Header = ({
   const { toast } = useToast();
   const { appId, appDetail, onSaveApp, currentTab } = useContextSelector(AppContext, (v) => v);
   const { lastAppListRouteType } = useSystemStore();
+  const { allDatasets } = useDatasetStore();
 
   const { data: paths = [] } = useRequest2(() => getAppFolderPath(appId), {
     manual: false,
@@ -70,7 +72,7 @@ const Header = ({
         chatConfig: data.chatConfig
       }
     );
-  }, [appDetail.chatConfig, appDetail.modules, appForm, t]);
+  }, [appDetail.chatConfig, appDetail.modules, appForm, allDatasets, t]);
 
   const onSubmitPublish = useCallback(
     async (data: AppSimpleEditFormType) => {

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

@@ -49,10 +49,7 @@ type Props = {
 };
 
 const OutLink = ({
-  outLinkUid,
-  appName,
-  appIntro,
-  appAvatar
+  outLinkUid
 }: Props & {
   outLinkUid: string;
 }) => {
@@ -240,8 +237,6 @@ const OutLink = ({
 
   return (
     <>
-      <NextHead title={appName} desc={appIntro} icon={appAvatar} />
-
       <PageContainer
         isLoading={loading}
         {...(isEmbed
@@ -367,17 +362,26 @@ const OutLink = ({
 const Render = (props: Props) => {
   const { shareId, authToken } = props;
   const { localUId, loaded } = useShareChatStore();
+  const [isLoaded, setIsLoaded] = useState(false);
 
   const contextParams = useMemo(() => {
     return { shareId, outLinkUid: authToken || localUId };
   }, [authToken, localUId, shareId]);
 
-  if (!loaded || !contextParams.outLinkUid) return <></>;
+  useMount(() => {
+    setIsLoaded(true);
+  });
+  const systemLoaded = isLoaded && loaded && contextParams.outLinkUid;
 
   return (
-    <ChatContextProvider params={contextParams}>
-      <OutLink {...props} outLinkUid={contextParams.outLinkUid} />;
-    </ChatContextProvider>
+    <>
+      <NextHead title={props.appName} desc={props.appIntro} icon={props.appAvatar} />
+      {systemLoaded && (
+        <ChatContextProvider params={contextParams}>
+          <OutLink {...props} outLinkUid={contextParams.outLinkUid} />;
+        </ChatContextProvider>
+      )}
+    </>
   );
 };
 

projects/app/src/web/core/app/utils.ts

@@ -29,7 +29,7 @@ import {
   AiChatQuoteTemplate
 } from '@fastgpt/global/core/workflow/template/system/aiChat/index';
 import { DatasetSearchModule } from '@fastgpt/global/core/workflow/template/system/datasetSearch';
-import { ReadFilesNodes } from '@fastgpt/global/core/workflow/template/system/readFiles';
+import { ReadFilesNode } from '@fastgpt/global/core/workflow/template/system/readFiles';
 import { i18nT } from '@fastgpt/web/i18n/utils';
 import { Input_Template_UserChatInput } from '@fastgpt/global/core/workflow/template/input';
 
@@ -325,17 +325,17 @@ export function form2AppWorkflow(
       ? {
           nodes: [
             {
-              nodeId: ReadFilesNodes.id,
-              name: t(ReadFilesNodes.name),
-              intro: t(ReadFilesNodes.intro),
-              avatar: ReadFilesNodes.avatar,
-              flowNodeType: ReadFilesNodes.flowNodeType,
+              nodeId: ReadFilesNode.id,
+              name: t(ReadFilesNode.name),
+              intro: t(ReadFilesNode.intro),
+              avatar: ReadFilesNode.avatar,
+              flowNodeType: ReadFilesNode.flowNodeType,
               showStatus: true,
               position: {
                 x: 974.6209854328943,
                 y: 587.6378828744465
               },
-              version: '489',
+              version: ReadFilesNode.version,
               inputs: [
                 {
                   key: NodeInputKeyEnum.fileUrlList,
@@ -345,13 +345,13 @@ export function form2AppWorkflow(
                   value: [workflowStartNodeId, 'userFiles']
                 }
               ],
-              outputs: ReadFilesNodes.outputs
+              outputs: ReadFilesNode.outputs
             }
           ],
           edges: [
             {
               source: toolNodeId,
-              target: ReadFilesNodes.id,
+              target: ReadFilesNode.id,
               sourceHandle: 'selectedTools',
               targetHandle: 'selectedTools'
             }