add plugin unexist error tips (#3717)

* add plugin unexist error tips * throw error when run plugin * check workflow * plugin data avoid request twice * auth owner tmbId * fix
2025-07-21 11:43:56 +00:00 · 2025-02-10 15:20:49 +08:00
parent 4284b78707
commit 896a3f1472
24 changed files with 284 additions and 91 deletions
--- a/packages/global/core/app/utils.ts
+++ b/packages/global/core/app/utils.ts
@@ -7,6 +7,8 @@ import { StoreNodeItemType } from '../workflow/type/node';
 import { DatasetSearchModeEnum } from '../dataset/constants';
 import { WorkflowTemplateBasicType } from '../workflow/type';
 import { AppTypeEnum } from './constants';
+import { AppErrEnum } from '../../common/error/code/app';
+import { PluginErrEnum } from '../../common/error/code/plugin';

 export const getDefaultAppForm = (): AppSimpleEditFormType => {
  return {
@@ -117,7 +119,8 @@ export const appWorkflow2Form = ({
        version: node.version,
        inputs: node.inputs,
        outputs: node.outputs,
-        templateType: FlowNodeTemplateTypeEnum.other
+        templateType: FlowNodeTemplateTypeEnum.other,
+        pluginData: node.pluginData
      });
    } else if (node.flowNodeType === FlowNodeTypeEnum.systemConfig) {
      defaultAppForm.chatConfig = getAppChatConfig({
@@ -147,3 +150,18 @@ export const getAppType = (config?: WorkflowTemplateBasicType | AppSimpleEditFor
  }
  return '';
 };
+
+export const checkAppUnExistError = (error?: string) => {
+  const unExistError: Array<string> = [
+    AppErrEnum.unAuthApp,
+    AppErrEnum.unExist,
+    PluginErrEnum.unAuth,
+    PluginErrEnum.unExist
+  ];
+
+  if (!!error && unExistError.includes(error)) {
+    return error;
+  } else {
+    return undefined;
+  }
+};
--- a/packages/global/core/workflow/type/node.d.ts
+++ b/packages/global/core/workflow/type/node.d.ts
@@ -43,6 +43,17 @@ export type FlowNodeCommonType = {
  pluginId?: string;
  isFolder?: boolean;
  // pluginType?: AppTypeEnum;
+  pluginData?: PluginDataType;
+};
+
+export type PluginDataType = {
+  version: string;
+  diagram?: string;
+  userGuide?: string;
+  courseUrl?: string;
+  name?: string;
+  avatar?: string;
+  error?: string;
 };

 type HandleType = {
--- a/packages/web/components/common/Icon/icons/common/errorFill.svg
+++ b/packages/web/components/common/Icon/icons/common/errorFill.svg
@@ -1,6 +1,5 @@
-<svg t="1705054369902" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3174"
-    width="128" height="128">
-    <path
-        d="M512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m0 796.458667A56.917333 56.917333 0 1 1 511.957333 682.666667 56.917333 56.917333 0 0 1 512 796.458667z m54.186667-227.797334h0.128a60.501333 60.501333 0 0 1-53.802667 55.893334c2.048 0.256 3.882667 1.152 5.973333 1.152h-11.818666c2.048 0 3.84-0.981333 5.845333-1.109334a59.093333 59.093333 0 0 1-53.162667-55.893333l-13.056-284.16a54.314667 54.314667 0 0 1 54.613334-57.045333h26.282666a52.992 52.992 0 0 1 54.186667 57.002666l-15.146667 284.16z"
-        fill="#D92D20" p-id="3175"></path>
-</svg>
+<svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.187134" width="16" height="16" rx="8" fill="#F04438"/>
+<path d="M8.18717 4.78638C7.81898 4.78638 7.52051 5.08485 7.52051 5.45304V8.44501C7.52051 8.8132 7.81898 9.11168 8.18717 9.11168C8.55536 9.11168 8.85384 8.8132 8.85384 8.44501V5.45304C8.85384 5.08485 8.55536 4.78638 8.18717 4.78638Z" fill="white"/>
+<path d="M8.18717 9.76652C7.81898 9.76652 7.52051 10.065 7.52051 10.4332C7.52051 10.8014 7.81898 11.0998 8.18717 11.0998C8.55536 11.0998 8.85384 10.8014 8.85384 10.4332C8.85384 10.065 8.55536 9.76652 8.18717 9.76652Z" fill="white"/>
+</svg>
--- a/packages/web/i18n/en/app.json
+++ b/packages/web/i18n/en/app.json
@@ -7,8 +7,12 @@
  "ai_settings": "AI Configuration",
  "all_apps": "All Applications",
  "app.Version name": "Version Name",
+  "app.error.publish_unExist_app": "Release failed, please check whether the tool call is normal",
+  "app.error.unExist_app": "Some components are missing, please delete them",
  "app.modules.click to update": "Click to Refresh",
  "app.modules.has new version": "New Version Available",
+  "app.modules.not_found": "Not Found",
+  "app.modules.not_found_tips": "This component cannot be found in the system, please delete it, otherwise the process will not run normally",
  "app.version_current": "Current Version",
  "app.version_initial": "Initial Version",
  "app.version_name_tips": "Version name cannot be empty",
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -448,6 +448,7 @@
  "core.chat.markdown.Edit Question": "Edit Question",
  "core.chat.markdown.Quick Question": "Click to Ask Immediately",
  "core.chat.markdown.Send Question": "Send Question",
+  "core.chat.module_unexist": "Running failed: Application missing components",
  "core.chat.quote.Quote Tip": "Only the actual quoted content is displayed here. If the data is updated, it will not be updated in real-time here.",
  "core.chat.quote.Read Quote": "View Quote",
  "core.chat.response.Complete Response": "Complete Response",
@@ -787,7 +788,7 @@
  "core.view_chat_detail": "View Chat Details",
  "core.workflow.Can not delete node": "This Node Cannot Be Deleted",
  "core.workflow.Change input type tip": "Changing the input type will clear the filled values, please confirm!",
-  "core.workflow.Check Failed": "Workflow Validation Failed, Please Check If the Nodes Are Correctly Filled and the Connections Are Normal",
+  "core.workflow.Check Failed": "Workflow verification failed, please check whether the value is missing, and whether the connection is normal.",
  "core.workflow.Confirm stop debug": "Confirm to Stop Debugging? Debug Information Will Not Be Retained.",
  "core.workflow.Copy node": "Node Copied",
  "core.workflow.Custom inputs": "Custom Inputs",
--- a/packages/web/i18n/zh-CN/app.json
+++ b/packages/web/i18n/zh-CN/app.json
@@ -7,8 +7,12 @@
  "ai_settings": "AI 配置",
  "all_apps": "全部应用",
  "app.Version name": "版本名称",
+  "app.error.publish_unExist_app": "发布失败，请检查工具调用是否正常",
+  "app.error.unExist_app": "部分组件缺失，请删除",
  "app.modules.click to update": "点击更新",
  "app.modules.has new version": "有新版本",
+  "app.modules.not_found": "组件缺失",
+  "app.modules.not_found_tips": "系统内无法查找到该组件，请删除，否则流程无法正常运行",
  "app.version_current": "当前版本",
  "app.version_initial": "初始版本",
  "app.version_name_tips": "版本名称不能为空",
--- a/packages/web/i18n/zh-CN/common.json
+++ b/packages/web/i18n/zh-CN/common.json
@@ -451,6 +451,7 @@
  "core.chat.markdown.Edit Question": "编辑问题",
  "core.chat.markdown.Quick Question": "点我立即提问",
  "core.chat.markdown.Send Question": "发送问题",
+  "core.chat.module_unexist": "运行失败：应用缺失组件",
  "core.chat.quote.Quote Tip": "此处仅显示实际引用内容，若数据有更新，此处不会实时更新",
  "core.chat.quote.Read Quote": "查看引用",
  "core.chat.response.Complete Response": "完整响应",
@@ -790,7 +791,7 @@
  "core.view_chat_detail": "查看对话详情",
  "core.workflow.Can not delete node": "该节点不允许删除",
  "core.workflow.Change input type tip": "修改输入类型会清空已填写的值，请确认！",
-  "core.workflow.Check Failed": "工作流校验失败，请检查节点是否正确填值，以及连线是否正常",
+  "core.workflow.Check Failed": "工作流校验失败，请检查是否缺失、缺值，连线是否正常",
  "core.workflow.Confirm stop debug": "确认终止调试？调试信息将会不保留。",
  "core.workflow.Copy node": "已复制节点",
  "core.workflow.Custom inputs": "自定义输入",
--- a/packages/web/i18n/zh-Hant/app.json
+++ b/packages/web/i18n/zh-Hant/app.json
@@ -7,8 +7,12 @@
  "ai_settings": "AI 設定",
  "all_apps": "所有應用程式",
  "app.Version name": "版本名稱",
+  "app.error.publish_unExist_app": "發布失敗，請檢查工具調用是否正常",
+  "app.error.unExist_app": "部分組件缺失，請刪除",
  "app.modules.click to update": "點選更新",
  "app.modules.has new version": "有新版本",
+  "app.modules.not_found": "組件缺失",
+  "app.modules.not_found_tips": "系統內無法查找到該組件，請刪除，否則流程無法正常運行",
  "app.version_current": "目前版本",
  "app.version_initial": "初始版本",
  "app.version_name_tips": "版本名稱不能空白",
--- a/packages/web/i18n/zh-Hant/common.json
+++ b/packages/web/i18n/zh-Hant/common.json
@@ -447,6 +447,7 @@
  "core.chat.markdown.Edit Question": "編輯問題",
  "core.chat.markdown.Quick Question": "點我立即發問",
  "core.chat.markdown.Send Question": "傳送問題",
+  "core.chat.module_unexist": "運行失敗：應用缺失組件",
  "core.chat.quote.Quote Tip": "此處僅顯示實際引用內容，若資料有更新，此處不會即時更新",
  "core.chat.quote.Read Quote": "檢視引用",
  "core.chat.response.Complete Response": "完整回應",
@@ -786,7 +787,7 @@
  "core.view_chat_detail": "檢視對話詳細資料",
  "core.workflow.Can not delete node": "此節點不允許刪除",
  "core.workflow.Change input type tip": "修改輸入類型將清空已填寫的值，請確認！",
-  "core.workflow.Check Failed": "工作流程驗證失敗，請檢查節點是否正確填值，以及連線是否正常",
+  "core.workflow.Check Failed": "工作流校驗失敗，請檢查是否缺失、缺值，連線是否正常",
  "core.workflow.Confirm stop debug": "確認停止除錯？除錯資訊將不會保留。",
  "core.workflow.Copy node": "已複製節點",
  "core.workflow.Custom inputs": "自訂輸入",
--- a/projects/app/src/pageComponents/app/detail/Plugin/Header.tsx
+++ b/projects/app/src/pageComponents/app/detail/Plugin/Header.tsx
@@ -196,7 +196,7 @@ const Header = () => {
                <SaveButton
                  isLoading={loading}
                  onClickSave={onClickSave}
-                  checkData={flowData2StoreDataAndCheck}
+                  checkData={() => !!flowData2StoreDataAndCheck()}
                />
              )}
            </HStack>
--- a/projects/app/src/pageComponents/app/detail/SimpleApp/Header.tsx
+++ b/projects/app/src/pageComponents/app/detail/SimpleApp/Header.tsx
@@ -30,6 +30,12 @@ import PublishHistories from '../PublishHistoriesSlider';
 import { AppVersionSchemaType } from '@fastgpt/global/core/app/version';
 import { useBeforeunload } from '@fastgpt/web/hooks/useBeforeunload';
 import { isProduction } from '@fastgpt/global/common/system/constants';
+import { useToast } from '@fastgpt/web/hooks/useToast';
+import {
+  checkWorkflowNodeAndConnection,
+  storeEdgesRenderEdge,
+  storeNode2FlowNode
+} from '@/web/core/workflow/utils';

 const Header = ({
  forbiddenSaveSnapshot,
@@ -48,6 +54,7 @@ const Header = ({
 }) => {
  const { t } = useTranslation();
  const { isPc } = useSystem();
+  const { toast } = useToast();
  const router = useRouter();
  const appId = useContextSelector(AppContext, (v) => v.appId);
  const onSaveApp = useContextSelector(AppContext, (v) => v.onSaveApp);
@@ -231,7 +238,26 @@ const Header = ({
                  variant={'whitePrimary'}
                  onClick={setIsShowHistories}
                />
-                <SaveButton isLoading={loading} onClickSave={onClickSave} />
+                <SaveButton
+                  isLoading={loading}
+                  onClickSave={onClickSave}
+                  checkData={() => {
+                    const { nodes: storeNodes, edges: storeEdges } = form2AppWorkflow(appForm, t);
+
+                    const nodes = storeNodes.map((item) => storeNode2FlowNode({ item, t }));
+                    const edges = storeEdges.map((item) => storeEdgesRenderEdge({ edge: item }));
+
+                    const checkResults = checkWorkflowNodeAndConnection({ nodes, edges });
+
+                    if (checkResults) {
+                      toast({
+                        title: t('app:app.error.publish_unExist_app'),
+                        status: 'warning'
+                      });
+                    }
+                    return !checkResults;
+                  }}
+                />
              </>
            )}
          </Flex>
--- a/projects/app/src/pageComponents/app/detail/SimpleApp/components/ToolSelect.tsx
+++ b/projects/app/src/pageComponents/app/detail/SimpleApp/components/ToolSelect.tsx
@@ -14,6 +14,7 @@ import Avatar from '@fastgpt/web/components/common/Avatar';
 import ConfigToolModal from './ConfigToolModal';
 import { getWebLLMModel } from '@/web/common/system/utils';
 import FormLabel from '@fastgpt/web/components/common/MyBox/FormLabel';
+import { checkAppUnExistError } from '@fastgpt/global/core/app/utils';

 const ToolSelect = ({
  appForm,
@@ -60,60 +61,83 @@ const ToolSelect = ({
        gridTemplateColumns={'repeat(2, minmax(0, 1fr))'}
        gridGap={[2, 4]}
      >
-        {appForm.selectedTools.map((item) => (
-          <MyTooltip key={item.id} label={item.intro}>
-            <Flex
-              overflow={'hidden'}
-              alignItems={'center'}
-              p={2.5}
-              bg={'white'}
-              boxShadow={'0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06)'}
-              borderRadius={'md'}
-              border={theme.borders.base}
-              _hover={{
-                ...hoverDeleteStyles,
-                borderColor: 'primary.300'
-              }}
-              cursor={'pointer'}
-              onClick={() => {
-                if (
-                  item.inputs
-                    .filter((input) => !childAppSystemKey.includes(input.key))
-                    .every(
-                      (input) =>
-                        input.toolDescription ||
-                        input.renderTypeList.includes(FlowNodeInputTypeEnum.selectLLMModel) ||
-                        input.renderTypeList.includes(FlowNodeInputTypeEnum.fileSelect)
-                    )
-                ) {
-                  return;
-                }
-                setConfigTool(item);
-              }}
-            >
-              <Avatar src={item.avatar} w={'1.5rem'} h={'1.5rem'} borderRadius={'sm'} />
-              <Box
-                ml={2}
-                flex={'1 0 0'}
-                w={0}
-                className={'textEllipsis'}
-                fontSize={'sm'}
-                color={'myGray.900'}
-              >
-                {item.name}
-              </Box>
-              <DeleteIcon
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setAppForm((state: AppSimpleEditFormType) => ({
-                    ...state,
-                    selectedTools: state.selectedTools.filter((tool) => tool.id !== item.id)
-                  }));
+        {appForm.selectedTools.map((item) => {
+          const hasError = checkAppUnExistError(item.pluginData?.error);
+
+          return (
+            <MyTooltip key={item.id} label={item.intro}>
+              <Flex
+                overflow={'hidden'}
+                alignItems={'center'}
+                p={2.5}
+                bg={'white'}
+                boxShadow={'0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06)'}
+                borderRadius={'md'}
+                border={theme.borders.base}
+                borderColor={hasError ? 'red.600' : ''}
+                _hover={{
+                  ...hoverDeleteStyles,
+                  borderColor: hasError ? 'red.600' : 'primary.300'
                }}
-              />
-            </Flex>
-          </MyTooltip>
-        ))}
+                cursor={'pointer'}
+                onClick={() => {
+                  if (
+                    item.inputs
+                      .filter((input) => !childAppSystemKey.includes(input.key))
+                      .every(
+                        (input) =>
+                          input.toolDescription ||
+                          input.renderTypeList.includes(FlowNodeInputTypeEnum.selectLLMModel) ||
+                          input.renderTypeList.includes(FlowNodeInputTypeEnum.fileSelect)
+                      ) ||
+                    hasError
+                  ) {
+                    return;
+                  }
+                  setConfigTool(item);
+                }}
+              >
+                <Avatar src={item.avatar} w={'1.5rem'} h={'1.5rem'} borderRadius={'sm'} />
+                <Box
+                  flex={'1 0 0'}
+                  ml={2}
+                  gap={2}
+                  className={'textEllipsis'}
+                  fontSize={'sm'}
+                  color={'myGray.900'}
+                >
+                  {item.name}
+                </Box>
+                {hasError && (
+                  <MyTooltip label={t('app:app.modules.not_found_tips')}>
+                    <Flex
+                      bg={'red.50'}
+                      alignItems={'center'}
+                      h={6}
+                      px={2}
+                      rounded={'6px'}
+                      fontSize={'xs'}
+                      fontWeight={'medium'}
+                    >
+                      <MyIcon name={'common/errorFill'} w={'14px'} mr={1} />
+                      <Box color={'red.600'}>{t('app:app.modules.not_found')}</Box>
+                    </Flex>
+                  </MyTooltip>
+                )}
+                <DeleteIcon
+                  ml={2}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    setAppForm((state: AppSimpleEditFormType) => ({
+                      ...state,
+                      selectedTools: state.selectedTools.filter((tool) => tool.id !== item.id)
+                    }));
+                  }}
+                />
+              </Flex>
+            </MyTooltip>
+          );
+        })}
      </Grid>

      {isOpenToolsSelect && (
--- a/projects/app/src/pageComponents/app/detail/Workflow/Header.tsx
+++ b/projects/app/src/pageComponents/app/detail/Workflow/Header.tsx
@@ -200,7 +200,7 @@ const Header = () => {
                <SaveButton
                  isLoading={loading}
                  onClickSave={onClickSave}
-                  checkData={flowData2StoreDataAndCheck}
+                  checkData={() => !!flowData2StoreDataAndCheck()}
                />
              )}
            </HStack>
--- a/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
+++ b/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
@@ -6,8 +6,6 @@ import { useTranslation } from 'next-i18next';
 import MyBox from '@fastgpt/web/components/common/MyBox';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import SaveAndPublishModal from '../../WorkflowComponents/Flow/components/SaveAndPublish';
-import { StoreNodeItemType } from '@fastgpt/global/core/workflow/type/node';
-import { StoreEdgeItemType } from '@fastgpt/global/core/workflow/type/edge';

 const SaveButton = ({
  isLoading,
@@ -16,12 +14,7 @@ const SaveButton = ({
 }: {
  isLoading: boolean;
  onClickSave: (options: { isPublish?: boolean; versionName?: string }) => Promise<void>;
-  checkData?: (hideTip?: boolean) =>
-    | {
-        nodes: StoreNodeItemType[];
-        edges: StoreEdgeItemType[];
-      }
-    | undefined;
+  checkData?: () => boolean | undefined;
 }) => {
  const { t } = useTranslation();
  const [isSave, setIsSave] = useState(false);
--- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
+++ b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { Box, Button, Card, Flex, FlexProps } from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import Avatar from '@fastgpt/web/components/common/Avatar';
@@ -99,14 +99,15 @@ const NodeCard = (props: Props) => {

  const { data: nodeTemplate } = useRequest2(
    async () => {
+      if (node?.pluginData?.error) {
+        return undefined;
+      }
+
      if (
        node?.flowNodeType === FlowNodeTypeEnum.pluginModule ||
        node?.flowNodeType === FlowNodeTypeEnum.appModule
      ) {
-        if (!node?.pluginId) return;
-        const template = await getPreviewPluginNode({ appId: node.pluginId });
-
-        return template;
+        return { ...node, ...node.pluginData };
      } else {
        const template = moduleTemplatesFlat.find(
          (item) => item.flowNodeType === node?.flowNodeType
@@ -141,10 +142,13 @@ const NodeCard = (props: Props) => {

  const { runAsync: onClickSyncVersion } = useRequest2(
    async () => {
-      if (!!nodeTemplate) {
+      if (!node?.pluginId) return;
+      const template = await getPreviewPluginNode({ appId: node.pluginId });
+
+      if (!!template) {
        onResetNode({
          id: nodeId,
-          node: nodeTemplate
+          node: template
        });
      }
      onCloseConfirmSync();
@@ -286,6 +290,22 @@ const NodeCard = (props: Props) => {
                  )}
                </UseGuideModal>
              )}
+              {!!node?.pluginData?.error && (
+                <MyTooltip label={t('app:app.modules.not_found_tips')}>
+                  <Flex
+                    bg={'red.50'}
+                    alignItems={'center'}
+                    h={8}
+                    px={2}
+                    rounded={'6px'}
+                    fontSize={'xs'}
+                    fontWeight={'medium'}
+                  >
+                    <MyIcon name={'common/errorFill'} w={'14px'} mr={1} />
+                    <Box color={'red.600'}>{t('app:app.modules.not_found')}</Box>
+                  </Flex>
+                </MyTooltip>
+              )}
            </Flex>
            <NodeIntro nodeId={nodeId} intro={intro} />
          </Box>
@@ -297,6 +317,7 @@ const NodeCard = (props: Props) => {
  }, [
    node?.flowNodeType,
    node?.courseUrl,
+    node?.pluginData?.error,
    showToolHandle,
    nodeId,
    isFolded,
--- a/projects/app/src/pageComponents/app/detail/context.tsx
+++ b/projects/app/src/pageComponents/app/detail/context.tsx
@@ -1,4 +1,12 @@
-import { Dispatch, ReactNode, SetStateAction, useCallback, useMemo, useState } from 'react';
+import {
+  Dispatch,
+  ReactNode,
+  SetStateAction,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from 'react';
 import { createContext } from 'use-context-selector';
 import { defaultApp } from '@/web/core/app/constants';
 import { delAppById, getAppDetailById, putAppById } from '@/web/core/app/api';
@@ -14,6 +22,8 @@ import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import type { StoreNodeItemType } from '@fastgpt/global/core/workflow/type/node';
 import type { StoreEdgeItemType } from '@fastgpt/global/core/workflow/type/edge';
 import { AppErrEnum } from '@fastgpt/global/common/error/code/app';
+import { checkAppUnExistError } from '@fastgpt/global/core/app/utils';
+import { useToast } from '@fastgpt/web/hooks/useToast';

 const InfoModal = dynamic(() => import('./InfoModal'));
 const TagsEditModal = dynamic(() => import('./TagsEditModal'));
@@ -84,6 +94,7 @@ export const AppContext = createContext<AppContextType>({

 const AppContextProvider = ({ children }: { children: ReactNode }) => {
  const { t } = useTranslation();
+  const { toast } = useToast();
  const router = useRouter();
  const { appId, currentTab = TabEnum.appEdit } = router.query as {
    appId: string;
@@ -194,6 +205,16 @@ const AppContextProvider = ({ children }: { children: ReactNode }) => {
    [appDetail.name, deleteApp, openConfirmDel, t]
  );

+  // check app unExist error
+  useEffect(() => {
+    if (appDetail.modules.some((module) => checkAppUnExistError(module.pluginData?.error))) {
+      toast({
+        title: t('app:app.error.unExist_app'),
+        status: 'error'
+      });
+    }
+  }, [appDetail.modules, t, toast]);
+
  const contextValue: AppContextType = useMemo(
    () => ({
      appId,
--- a/projects/app/src/pages/api/core/app/detail.ts
+++ b/projects/app/src/pages/api/core/app/detail.ts
@@ -3,8 +3,9 @@ import { authApp } from '@fastgpt/service/support/permission/app/auth';
 import { NextAPI } from '@/service/middleware/entry';
 import { ReadPermissionVal } from '@fastgpt/global/support/permission/constant';
 import { CommonErrEnum } from '@fastgpt/global/common/error/code/common';
+import { checkNode } from '@/service/core/app/utils';

-/* 获取我的模型 */
+/* 获取应用详情 */
 async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
  const { appId } = req.query as { appId: string };

@@ -15,11 +16,19 @@ async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
  const { app } = await authApp({ req, authToken: true, appId, per: ReadPermissionVal });

  if (!app.permission.hasWritePer) {
-    app.modules = [];
-    app.edges = [];
+    return {
+      ...app,
+      modules: [],
+      edges: []
+    };
  }

-  return app;
+  return {
+    ...app,
+    modules: await Promise.all(
+      app.modules.map((node) => checkNode({ node, ownerTmbId: app.tmbId }))
+    )
+  };
 }

 export default NextAPI(handler);
--- a/projects/app/src/pages/api/core/app/version/detail.ts
+++ b/projects/app/src/pages/api/core/app/version/detail.ts
@@ -5,6 +5,7 @@ import { authApp } from '@fastgpt/service/support/permission/app/auth';
 import { WritePermissionVal } from '@fastgpt/global/support/permission/constant';
 import { AppVersionSchemaType } from '@fastgpt/global/core/app/version';
 import { formatTime2YMDHM } from '@fastgpt/global/common/string/time';
+import { checkNode } from '@/service/core/app/utils';

 type Props = {
  versionId: string;
@@ -17,7 +18,7 @@ async function handler(
 ): Promise<AppVersionSchemaType> {
  const { versionId, appId } = req.query as Props;

-  await authApp({ req, authToken: true, appId, per: WritePermissionVal });
+  const { app } = await authApp({ req, authToken: true, appId, per: WritePermissionVal });
  const result = await MongoAppVersion.findById(versionId).lean();

  if (!result) {
@@ -26,6 +27,9 @@ async function handler(

  return {
    ...result,
+    nodes: await Promise.all(
+      result.nodes.map((n) => checkNode({ node: n, ownerTmbId: app.tmbId }))
+    ),
    versionName: result?.versionName || formatTime2YMDHM(result?.time)
  };
 }
--- a/projects/app/src/pages/api/core/chat/init.ts
+++ b/projects/app/src/pages/api/core/chat/init.ts
@@ -43,7 +43,6 @@ async function handler(

  // get app and history
  const { nodes, chatConfig } = await getAppLatestVersion(app._id, app);
-
  const pluginInputs =
    chat?.pluginInputs ??
    nodes?.find((node) => node.flowNodeType === FlowNodeTypeEnum.pluginInput)?.inputs ??
--- a/projects/app/src/pages/api/core/chat/outLink/init.ts
+++ b/projects/app/src/pages/api/core/chat/outLink/init.ts
@@ -2,7 +2,6 @@ import type { NextApiRequest, NextApiResponse } from 'next';
 import { jsonRes } from '@fastgpt/service/common/response';
 import type { InitChatResponse, InitOutLinkChatProps } from '@/global/core/chat/api.d';
 import { getGuideModule, getAppChatConfig } from '@fastgpt/global/core/workflow/utils';
-import { MongoTeamMember } from '@fastgpt/service/support/user/team/teamMemberSchema';
 import { authOutLink } from '@/service/support/permission/auth/outLink';
 import { MongoApp } from '@fastgpt/service/core/app/schema';
 import { AppErrEnum } from '@fastgpt/global/common/error/code/app';
@@ -11,7 +10,6 @@ import { ChatErrEnum } from '@fastgpt/global/common/error/code/chat';
 import { getAppLatestVersion } from '@fastgpt/service/core/app/version/controller';
 import { FlowNodeTypeEnum } from '@fastgpt/global/core/workflow/node/constant';
 import { NextAPI } from '@/service/middleware/entry';
-import { UserModelSchema } from '@fastgpt/global/support/user/type';
 import { getRandomUserAvatar } from '@fastgpt/global/support/user/utils';

 async function handler(req: NextApiRequest, res: NextApiResponse) {
--- a/projects/app/src/pages/api/v1/chat/completions.ts
+++ b/projects/app/src/pages/api/v1/chat/completions.ts
@@ -36,7 +36,6 @@ import { updateApiKeyUsage } from '@fastgpt/service/support/openapi/tools';
 import { getUserChatInfoAndAuthTeamPoints } from '@fastgpt/service/support/permission/auth/team';
 import { AuthUserTypeEnum } from '@fastgpt/global/support/permission/constant';
 import { MongoApp } from '@fastgpt/service/core/app/schema';
-import { UserModelSchema } from '@fastgpt/global/support/user/type';
 import { AppSchema } from '@fastgpt/global/core/app/type';
 import { AuthOutLinkChatProps } from '@fastgpt/global/support/outLink/api';
 import { MongoChat } from '@fastgpt/service/core/chat/chatSchema';
--- a/projects/app/src/service/core/app/utils.ts
+++ b/projects/app/src/service/core/app/utils.ts
@@ -22,6 +22,14 @@ import { DispatchNodeResponseKeyEnum } from '@fastgpt/global/core/workflow/runti
 import { UserChatItemValueItemType } from '@fastgpt/global/core/chat/type';
 import { saveChat } from '@fastgpt/service/core/chat/saveChat';
 import { getAppLatestVersion } from '@fastgpt/service/core/app/version/controller';
+import {
+  getChildAppPreviewNode,
+  splitCombinePluginId
+} from '@fastgpt/service/core/app/plugin/controller';
+import { PluginSourceEnum } from '@fastgpt/global/core/plugin/constants';
+import { authAppByTmbId } from '@fastgpt/service/support/permission/app/auth';
+import { ReadPermissionVal } from '@fastgpt/global/support/permission/constant';
+import { PluginDataType, StoreNodeItemType } from '@fastgpt/global/core/workflow/type/node';

 export const getScheduleTriggerApp = async () => {
  // 1. Find all the app
@@ -125,3 +133,46 @@ export const getScheduleTriggerApp = async () => {
    })
  );
 };
+
+export const checkNode = async ({
+  node,
+  ownerTmbId
+}: {
+  node: StoreNodeItemType;
+  ownerTmbId: string;
+}) => {
+  const { pluginId } = node;
+  if (!pluginId) return node;
+
+  try {
+    const { source } = await splitCombinePluginId(pluginId);
+    if (source === PluginSourceEnum.personal) {
+      await authAppByTmbId({
+        tmbId: ownerTmbId,
+        appId: pluginId,
+        per: ReadPermissionVal
+      });
+    }
+
+    const preview = await getChildAppPreviewNode({ id: pluginId });
+    return {
+      ...node,
+      pluginData: {
+        version: preview.version,
+        diagram: preview.diagram,
+        userGuide: preview.userGuide,
+        courseUrl: preview.courseUrl,
+        name: preview.name,
+        avatar: preview.avatar
+      }
+    };
+  } catch (error: any) {
+    return {
+      ...node,
+      isError: true,
+      pluginData: {
+        error
+      } as PluginDataType
+    };
+  }
+};
--- a/projects/app/src/web/core/app/utils.ts
+++ b/projects/app/src/web/core/app/utils.ts
@@ -388,6 +388,7 @@ export function form2AppWorkflow(
            },
            // 这里不需要固定版本，给一个不存在的版本，每次都会用最新版
            version: defaultNodeVersion,
+            pluginData: tool.pluginData,
            inputs: tool.inputs.map((input) => {
              // Special key value
              if (input.key === NodeInputKeyEnum.forbidStream) {
--- a/projects/app/src/web/core/workflow/utils.ts
+++ b/projects/app/src/web/core/workflow/utils.ts
@@ -349,6 +349,10 @@ export const checkWorkflowNodeAndConnection = ({
        edge.targetHandle === NodeOutputKeyEnum.selectedTools && edge.target === node.data.nodeId
    );

+    if (data.pluginData?.error) {
+      return [data.nodeId];
+    }
+
    if (
      data.flowNodeType === FlowNodeTypeEnum.systemConfig ||
      data.flowNodeType === FlowNodeTypeEnum.pluginConfig ||