fix app detail bg (#6172)

* fix app detail bg

* remove code

* fix

* detail modal & icon position

packages/global/core/workflow/template/system/agent.ts

@@ -28,8 +28,8 @@ export const AgentNode: FlowNodeTemplateType = {
   templateType: FlowNodeTemplateTypeEnum.ai,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/toolCall',
-  avatarLinear: 'core/workflow/systemNode/toolCallLinear',
+  avatar: 'core/workflow/template/toolCall',
+  avatarLinear: 'core/workflow/template/toolCallLinear',
   colorSchema: 'indigo',
   name: i18nT('workflow:template.agent'),
   intro: i18nT('workflow:template.agent_intro'),

packages/global/core/workflow/template/system/aiChat/index.ts

@@ -48,8 +48,8 @@ export const AiChatModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.chatNode,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/aiChat',
-  avatarLinear: 'core/workflow/systemNode/aiChatLinear',
+  avatar: 'core/workflow/template/aiChat',
+  avatarLinear: 'core/workflow/template/aiChatLinear',
   colorSchema: 'blueDark',
   name: i18nT('workflow:template.ai_chat'),
   intro: i18nT('workflow:template.ai_chat_intro'),

packages/global/core/workflow/template/system/assignedAnswer.ts

@@ -13,8 +13,8 @@ export const AssignedAnswerModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.answerNode,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/reply',
-  avatarLinear: 'core/workflow/systemNode/replyLinear',
+  avatar: 'core/workflow/template/reply',
+  avatarLinear: 'core/workflow/template/replyLinear',
   colorSchema: 'blue',
   name: i18nT('workflow:assigned_reply'),
   intro: i18nT('workflow:intro_assigned_reply'),

packages/global/core/workflow/template/system/classifyQuestion/index.ts

@@ -25,8 +25,8 @@ export const ClassifyQuestionModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.classifyQuestion,
   showSourceHandle: false,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/questionClassify',
-  avatarLinear: 'core/workflow/systemNode/questionClassifyLinear',
+  avatar: 'core/workflow/template/questionClassify',
+  avatarLinear: 'core/workflow/template/questionClassifyLinear',
   colorSchema: 'purple',
   name: i18nT('workflow:question_classification'),
   intro: i18nT('workflow:intro_question_classification'),

packages/global/core/workflow/template/system/contextExtract/index.ts

@@ -21,8 +21,8 @@ export const ContextExtractModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.contentExtract,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/extractJson',
-  avatarLinear: 'core/workflow/systemNode/extractJsonLinear',
+  avatar: 'core/workflow/template/extractJson',
+  avatarLinear: 'core/workflow/template/extractJsonLinear',
   colorSchema: 'teal',
   name: i18nT('workflow:text_content_extraction'),
   intro: i18nT('workflow:intro_text_content_extraction'),

packages/global/core/workflow/template/system/customFeedback.ts

@@ -13,8 +13,8 @@ export const CustomFeedbackNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.customFeedback,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/customFeedback',
-  avatarLinear: 'core/workflow/systemNode/customFeedbackLinear',
+  avatar: 'core/workflow/template/customFeedback',
+  avatarLinear: 'core/workflow/template/customFeedbackLinear',
   colorSchema: 'yellowGreen',
   name: i18nT('workflow:custom_feedback'),
   intro: i18nT('workflow:intro_custom_feedback'),

packages/global/core/workflow/template/system/datasetConcat.ts

@@ -36,8 +36,8 @@ export const DatasetConcatModule: FlowNodeTemplateType = {
   templateType: FlowNodeTemplateTypeEnum.other,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/datasetConcat',
-  avatarLinear: 'core/workflow/systemNode/datasetConcatLinear',
+  avatar: 'core/workflow/template/datasetConcat',
+  avatarLinear: 'core/workflow/template/datasetConcatLinear',
   colorSchema: 'blue',
   name: i18nT('workflow:knowledge_base_search_merge'),
   intro: i18nT('workflow:intro_knowledge_base_search_merge'),

packages/global/core/workflow/template/system/datasetSearch.ts

@@ -25,8 +25,8 @@ export const DatasetSearchModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.datasetSearchNode,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/datasetSearch',
-  avatarLinear: 'core/workflow/systemNode/datasetSearchLinear',
+  avatar: 'core/workflow/template/datasetSearch',
+  avatarLinear: 'core/workflow/template/datasetSearchLinear',
   colorSchema: 'blueLight',
   name: i18nT('workflow:template.dataset_search'),
   intro: Dataset_SEARCH_DESC,

packages/global/core/workflow/template/system/http468.ts

@@ -21,8 +21,8 @@ export const HttpNode468: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.httpRequest468,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/httpRequest',
-  avatarLinear: 'core/workflow/systemNode/httpRequestLinear',
+  avatar: 'core/workflow/template/httpRequest',
+  avatarLinear: 'core/workflow/template/httpRequestLinear',
   colorSchema: 'indigo',
   name: i18nT('workflow:http_request'),
   intro: i18nT('workflow:intro_http_request'),

packages/global/core/workflow/template/system/ifElse/index.ts

@@ -18,8 +18,8 @@ export const IfElseNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.ifElseNode,
   showSourceHandle: false,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/ifelse',
-  avatarLinear: 'core/workflow/systemNode/ifelseLinear',
+  avatar: 'core/workflow/template/ifelse',
+  avatarLinear: 'core/workflow/template/ifelseLinear',
   colorSchema: 'greenLight',
   name: i18nT('workflow:condition_checker'),
   intro: i18nT('workflow:execute_different_branches_based_on_conditions'),

packages/global/core/workflow/template/system/interactive/formInput.ts

@@ -18,8 +18,8 @@ export const FormInputNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.formInput,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/formInput',
-  avatarLinear: 'core/workflow/systemNode/formInputLinear',
+  avatar: 'core/workflow/template/formInput',
+  avatarLinear: 'core/workflow/template/formInputLinear',
   colorSchema: 'violetDeep',
   name: i18nT('app:workflow.form_input'),
   intro: i18nT(`app:workflow.form_input_tip`),

packages/global/core/workflow/template/system/interactive/userSelect.ts

@@ -18,8 +18,8 @@ export const UserSelectNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.userSelect,
   showSourceHandle: false,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/userSelect',
-  avatarLinear: 'core/workflow/systemNode/userSelectLinear',
+  avatar: 'core/workflow/template/userSelect',
+  avatarLinear: 'core/workflow/template/userSelectLinear',
   colorSchema: 'green',
   diagram: '/imgs/app/userSelect.svg',
   name: i18nT('app:workflow.user_select'),

packages/global/core/workflow/template/system/loop/loop.ts

@@ -24,8 +24,8 @@ export const LoopNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.loop,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/loop',
-  avatarLinear: 'core/workflow/systemNode/loopLinear',
+  avatar: 'core/workflow/template/loop',
+  avatarLinear: 'core/workflow/template/loopLinear',
   colorSchema: 'violetDeep',
   name: i18nT('workflow:loop'),
   intro: i18nT('workflow:intro_loop'),

packages/global/core/workflow/template/system/loop/loopEnd.ts

@@ -15,8 +15,8 @@ export const LoopEndNode: FlowNodeTemplateType = {
   showTargetHandle: true,
   unique: true,
   forbidDelete: true,
-  avatar: 'core/workflow/systemNode/loopEnd',
-  avatarLinear: 'core/workflow/systemNode/loopEndLinear',
+  avatar: 'core/workflow/template/loopEnd',
+  avatarLinear: 'core/workflow/template/loopEndLinear',
   colorSchema: 'violetDeep',
   name: i18nT('workflow:loop_end'),
   showStatus: false,

packages/global/core/workflow/template/system/loop/loopStart.ts

@@ -18,8 +18,8 @@ export const LoopStartNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.loopStart,
   showSourceHandle: true,
   showTargetHandle: false,
-  avatar: 'core/workflow/systemNode/loopStart',
-  avatarLinear: 'core/workflow/systemNode/loopStartLinear',
+  avatar: 'core/workflow/template/loopStart',
+  avatarLinear: 'core/workflow/template/loopStartLinear',
   colorSchema: 'violetDeep',
   name: i18nT('workflow:loop_start'),
   unique: true,

packages/global/core/workflow/template/system/pluginConfig.ts

@@ -9,8 +9,8 @@ export const PluginConfigNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.pluginConfig,
   showSourceHandle: false,
   showTargetHandle: false,
-  avatar: 'core/workflow/systemNode/systemConfig',
-  avatarLinear: 'core/workflow/systemNode/systemConfigLinear',
+  avatar: 'core/workflow/template/systemConfig',
+  avatarLinear: 'core/workflow/template/systemConfigLinear',
   colorSchema: 'pink',
   name: i18nT('workflow:template.system_config'),
   intro: '',

packages/global/core/workflow/template/system/pluginInput.ts

@@ -11,8 +11,8 @@ export const PluginInputModule: FlowNodeTemplateType = {
   showTargetHandle: false,
   unique: true,
   forbidDelete: true,
-  avatar: 'core/workflow/systemNode/workflowStart',
-  avatarLinear: 'core/workflow/systemNode/workflowStartLinear',
+  avatar: 'core/workflow/template/workflowStart',
+  avatarLinear: 'core/workflow/template/workflowStartLinear',
   colorSchema: 'blue',
   name: i18nT('workflow:plugin_input'),
   intro: i18nT('workflow:intro_plugin_input'),

packages/global/core/workflow/template/system/pluginOutput.ts

@@ -9,8 +9,8 @@ export const PluginOutputModule: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.pluginOutput,
   showSourceHandle: false,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/pluginOutput',
-  avatarLinear: 'core/workflow/systemNode/pluginOutputLinear',
+  avatar: 'core/workflow/template/pluginOutput',
+  avatarLinear: 'core/workflow/template/pluginOutputLinear',
   colorSchema: 'blue',
   name: i18nT('workflow:template.plugin_output'),
   intro: i18nT('workflow:intro_custom_plugin_output'),

packages/global/core/workflow/template/system/queryExtension.ts

@@ -23,8 +23,8 @@ export const AiQueryExtension: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.queryExtension,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/queryExtension',
-  avatarLinear: 'core/workflow/systemNode/queryExtensionLinear',
+  avatar: 'core/workflow/template/queryExtension',
+  avatarLinear: 'core/workflow/template/queryExtensionLinear',
   colorSchema: 'indigo',
   name: i18nT('workflow:question_optimization'),
   intro: i18nT('workflow:intro_question_optimization'),

packages/global/core/workflow/template/system/readFiles/index.tsx

@@ -19,8 +19,8 @@ export const ReadFilesNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.readFiles,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/readFiles',
-  avatarLinear: 'core/workflow/systemNode/readFilesLinear',
+  avatar: 'core/workflow/template/readFiles',
+  avatarLinear: 'core/workflow/template/readFilesLinear',
   colorSchema: 'green',
   name: i18nT('app:workflow.read_files'),
   intro: i18nT('app:workflow.read_files_tip'),

packages/global/core/workflow/template/system/sandbox/index.ts

@@ -21,8 +21,8 @@ export const CodeNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.code,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/codeRun',
-  avatarLinear: 'core/workflow/systemNode/codeRunLinear',
+  avatar: 'core/workflow/template/codeRun',
+  avatarLinear: 'core/workflow/template/codeRunLinear',
   colorSchema: 'lime',
   name: i18nT('workflow:code_execution'),
   intro: i18nT('workflow:execute_a_simple_script_code_usually_for_complex_data_processing'),

packages/global/core/workflow/template/system/stopTool.ts

@@ -9,8 +9,8 @@ export const StopToolNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.stopTool,
   showSourceHandle: false,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/stopTool',
-  avatarLinear: 'core/workflow/systemNode/stopToolLinear',
+  avatar: 'core/workflow/template/stopTool',
+  avatarLinear: 'core/workflow/template/stopToolLinear',
   colorSchema: 'violet',
   name: i18nT('workflow:tool_call_termination'),
   intro: i18nT('workflow:intro_tool_call_termination'),

packages/global/core/workflow/template/system/systemConfig.ts

@@ -9,8 +9,8 @@ export const SystemConfigNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.systemConfig,
   showSourceHandle: false,
   showTargetHandle: false,
-  avatar: 'core/workflow/systemNode/systemConfig',
-  avatarLinear: 'core/workflow/systemNode/systemConfigLinear',
+  avatar: 'core/workflow/template/systemConfig',
+  avatarLinear: 'core/workflow/template/systemConfigLinear',
   colorSchema: 'pink',
   name: i18nT('workflow:template.system_config'),
   intro: '',

packages/global/core/workflow/template/system/textEditor.ts

@@ -18,8 +18,8 @@ export const TextEditorNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.textEditor,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/textConcat',
-  avatarLinear: 'core/workflow/systemNode/textConcatLinear',
+  avatar: 'core/workflow/template/textConcat',
+  avatarLinear: 'core/workflow/template/textConcatLinear',
   colorSchema: 'orange',
   name: i18nT('workflow:text_concatenation'),
   intro: i18nT('workflow:intro_text_concatenation'),

packages/global/core/workflow/template/system/toolParams.ts

@@ -9,8 +9,8 @@ export const ToolParamsNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.toolParams,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/toolParams',
-  avatarLinear: 'core/workflow/systemNode/toolParamsLinear',
+  avatar: 'core/workflow/template/toolParams',
+  avatarLinear: 'core/workflow/template/toolParamsLinear',
   colorSchema: 'indigo',
   name: i18nT('workflow:tool_custom_field'),
   intro: i18nT('workflow:intro_tool_params_config'),

packages/global/core/workflow/template/system/variableUpdate/index.tsx

@@ -13,8 +13,8 @@ export const VariableUpdateNode: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.variableUpdate,
   showSourceHandle: true,
   showTargetHandle: true,
-  avatar: 'core/workflow/systemNode/variableUpdate',
-  avatarLinear: 'core/workflow/systemNode/variableUpdateLinear',
+  avatar: 'core/workflow/template/variableUpdate',
+  avatarLinear: 'core/workflow/template/variableUpdateLinear',
   colorSchema: 'coral',
   name: i18nT('workflow:variable_update'),
   intro: i18nT('workflow:update_specified_node_output_or_global_variable'),

packages/global/core/workflow/template/system/workflowStart.ts

@@ -24,8 +24,8 @@ export const WorkflowStart: FlowNodeTemplateType = {
   flowNodeType: FlowNodeTypeEnum.workflowStart,
   showSourceHandle: true,
   showTargetHandle: false,
-  avatar: 'core/workflow/systemNode/workflowStart',
-  avatarLinear: 'core/workflow/systemNode/workflowStartLinear',
+  avatar: 'core/workflow/template/workflowStart',
+  avatarLinear: 'core/workflow/template/workflowStartLinear',
   colorSchema: 'blue',
   name: i18nT('workflow:template.workflow_start'),
   intro: '',

projects/app/src/pageComponents/app/detail/Logs/DetailLogsModal.tsx

@@ -100,7 +100,7 @@ const DetailLogsModal = ({
       <MyBox
         display={'flex'}
         flexDirection={'column'}
-        zIndex={3}
+        zIndex={1000}
         position={['fixed', 'absolute']}
         top={[0, '2%']}
         right={0}

projects/app/src/pageComponents/app/detail/SimpleApp/index.tsx

@@ -111,7 +111,7 @@ const SimpleEdit = () => {
   );
 
   return (
-    <Flex h={'100%'} flexDirection={'column'} px={[3, 0]} pr={[3, 3]} bg={'myGray.25'}>
+    <Flex h={'100%'} flexDirection={'column'} px={[3, 0]} pr={[3, 3]}>
       <Header
         appForm={appForm}
         forbiddenSaveSnapshot={forbiddenSaveSnapshot}

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

@@ -51,7 +51,7 @@ const AppDetail = () => {
   return (
     <>
       <NextHead title={appDetail.name} icon={appDetail.avatar}></NextHead>
-      <Box h={'100%'} position={'relative'}>
+      <Box h={'100%'} position={'relative'} bg={'myGray.25'}>
         {!appDetail._id ? (
           <Loading fixed={false} />
         ) : (