From 7c48388c9835e80d1d97bc26026d9a5cf5dccd12 Mon Sep 17 00:00:00 2001
From: zhangzhanwei <zhanwei.zhang@fit2cloud.com>
Date: Mon, 16 Mar 2026 11:28:36 +0800
Subject: [PATCH] feat: Tool workflow node

---
 apps/tools/serializers/tool.py                |   7 +-
 apps/tools/views/tool.py                      |   1 +
 ui/src/assets/tool/icon_tool_workflow.svg     |  15 ++
 .../application/index.vue                     |  29 ++-
 .../knowledge-inner/index.vue                 |  16 +-
 .../knowledge/index.vue                       |  16 +-
 .../workflow-dropdown-menu/tool/index.vue     |  15 +-
 ui/src/enums/application.ts                   |   1 +
 ui/src/workflow/common/NodeContainer.vue      |   7 +-
 ui/src/workflow/common/data.ts                |  22 ++
 .../icons/tool-workflow-lib-node-icon.vue     |   6 +
 .../nodes/tool-workflow-lib-node/index.ts     |  12 +
 .../nodes/tool-workflow-lib-node/index.vue    | 209 ++++++++++++++++++
 13 files changed, 338 insertions(+), 18 deletions(-)
 create mode 100644 ui/src/assets/tool/icon_tool_workflow.svg
 create mode 100644 ui/src/workflow/icons/tool-workflow-lib-node-icon.vue
 create mode 100644 ui/src/workflow/nodes/tool-workflow-lib-node/index.ts
 create mode 100644 ui/src/workflow/nodes/tool-workflow-lib-node/index.vue

diff --git a/apps/tools/serializers/tool.py b/apps/tools/serializers/tool.py
index 8fe4ff36e72..7117fd9e68e 100644
--- a/apps/tools/serializers/tool.py
+++ b/apps/tools/serializers/tool.py
@@ -1066,6 +1066,7 @@ class Query(serializers.Serializer):
         user_id = serializers.UUIDField(required=False, allow_null=True, label=_('user id'))
         scope = serializers.CharField(required=True, label=_('scope'))
         tool_type = serializers.CharField(required=False, label=_('tool type'), allow_null=True, allow_blank=True)
+        tool_type_list = serializers.ListField(child=serializers.CharField(),required=False, label=_('tool type list'), allow_null=True, allow_empty=True)
         create_user = serializers.UUIDField(required=False, label=_('create user'), allow_null=True)
 
         def page_tool(self, current_page: int, page_size: int):
@@ -1127,7 +1128,11 @@ def get_query_set(self, workspace_manage, is_x_pack_ee):
 
             if scope is not None:
                 tool_query_set = tool_query_set.filter(scope=scope)
-            if tool_type:
+
+            tool_type_list = self.data.get('tool_type_list')
+            if tool_type_list:
+                tool_query_set = tool_query_set.filter(tool_type__in=tool_type_list)
+            elif tool_type:
                 tool_query_set = tool_query_set.filter(tool_type=tool_type)
 
             query_set_dict = {
diff --git a/apps/tools/views/tool.py b/apps/tools/views/tool.py
index ec08b0e4fc1..0fe2dc616f6 100644
--- a/apps/tools/views/tool.py
+++ b/apps/tools/views/tool.py
@@ -74,6 +74,7 @@ def get(self, request: Request, workspace_id: str):
                 'name': request.query_params.get('name'),
                 'scope': request.query_params.get('scope', ToolScope.WORKSPACE),
                 'tool_type': request.query_params.get('tool_type'),
+                'tool_type_list': request.query_params.getlist('tool_type_list[]'),
                 'user_id': request.user.id,
                 'create_user': request.query_params.get('create_user'),
             }
diff --git a/ui/src/assets/tool/icon_tool_workflow.svg b/ui/src/assets/tool/icon_tool_workflow.svg
new file mode 100644
index 00000000000..1e53f7b475e
--- /dev/null
+++ b/ui/src/assets/tool/icon_tool_workflow.svg
@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12678_29004)">
+<path d="M0 12C0 6.34315 0 3.51472 1.75736 1.75736C3.51472 0 6.34315 0 12 0C17.6569 0 20.4853 0 22.2426 1.75736C24 3.51472 24 6.34315 24 12C24 17.6569 24 20.4853 22.2426 22.2426C20.4853 24 17.6569 24 12 24C6.34315 24 3.51472 24 1.75736 22.2426C0 20.4853 0 17.6569 0 12Z" fill="#34C724"/>
+<path d="M6.88815 7.53505C7.49693 7.12393 8.20364 7 8.67613 7H13.875C13.5298 7 13.25 7.27982 13.25 7.625C13.25 7.97018 13.5298 8.25 13.875 8.25H8.67613C8.38158 8.25 7.93773 8.33459 7.58771 8.57097C7.27219 8.78404 7 9.13734 7 9.79791C7 10.4595 7.27338 10.821 7.59233 11.0406C7.9442 11.2828 8.38762 11.371 8.67613 11.371H15.3733C15.8499 11.371 16.5475 11.4998 17.1451 11.9179C17.7758 12.3592 18.25 13.0948 18.25 14.1809C18.25 15.2666 17.7762 16.0038 17.1467 16.4473C16.5499 16.8678 15.8521 17 15.3733 17H10.125C10.4702 17 10.75 16.7202 10.75 16.375C10.75 16.0298 10.4702 15.75 10.125 15.75H15.3733C15.6615 15.75 16.0896 15.663 16.4268 15.4254C16.7314 15.2108 17 14.851 17 14.1809C17 13.5111 16.7318 13.1543 16.4285 12.9421C16.092 12.7067 15.6637 12.621 15.3733 12.621H8.67613C8.1976 12.621 7.49046 12.488 6.88352 12.0702C6.24366 11.6297 5.75 10.8921 5.75 9.79791C5.75 8.70263 6.24486 7.96947 6.88815 7.53505Z" fill="white"/>
+<path d="M10.125 15.75C9.77982 15.75 9.5 16.0298 9.5 16.375C9.5 16.7202 9.77982 17 10.125 17H6.375C6.02982 17 5.75 16.7202 5.75 16.375C5.75 16.0298 6.02982 15.75 6.375 15.75H10.125Z" fill="white"/>
+<path d="M13.875 8.25C14.2202 8.25 14.5 7.97018 14.5 7.625C14.5 7.27982 14.2202 7 13.875 7H17.5909C17.9361 7 18.2159 7.27982 18.2159 7.625C18.2159 7.97018 17.9361 8.25 17.5909 8.25H13.875Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.875 7C13.5298 7 13.25 7.27982 13.25 7.625C13.25 7.97018 13.5298 8.25 13.875 8.25C14.2202 8.25 14.5 7.97018 14.5 7.625C14.5 7.27982 14.2202 7 13.875 7ZM12 7.625C12 6.58947 12.8395 5.75 13.875 5.75C14.9105 5.75 15.75 6.58947 15.75 7.625C15.75 8.66053 14.9105 9.5 13.875 9.5C12.8395 9.5 12 8.66053 12 7.625Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.125 15.75C9.77982 15.75 9.5 16.0298 9.5 16.375C9.5 16.7202 9.77982 17 10.125 17C10.4702 17 10.75 16.7202 10.75 16.375C10.75 16.0298 10.4702 15.75 10.125 15.75ZM8.25 16.375C8.25 15.3395 9.08947 14.5 10.125 14.5C11.1605 14.5 12 15.3395 12 16.375C12 17.4105 11.1605 18.25 10.125 18.25C9.08947 18.25 8.25 17.4105 8.25 16.375Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_12678_29004">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ui/src/components/workflow-dropdown-menu/application/index.vue b/ui/src/components/workflow-dropdown-menu/application/index.vue
index 001d75c42d7..e2752e63abc 100644
--- a/ui/src/components/workflow-dropdown-menu/application/index.vue
+++ b/ui/src/components/workflow-dropdown-menu/application/index.vue
@@ -89,8 +89,22 @@
           <el-scrollbar height="450">
             <NodeContent
               :list="toolList"
-              @clickNodes="(val: any) => clickNodes(toolLibNode, val, 'tool')"
-              @onmousedown="(val: any) => onmousedown(toolLibNode, val, 'tool')"
+              @clickNodes="
+                (val: any) =>
+                  clickNodes(
+                    val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode,
+                    val,
+                    'tool',
+                  )
+              "
+              @onmousedown="
+                (val: any) =>
+                  onmousedown(
+                    val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode,
+                    val,
+                    'tool',
+                  )
+              "
             />
           </el-scrollbar>
         </LayoutContainer>
@@ -122,7 +136,12 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, computed, inject } from 'vue'
-import { getMenuNodes, toolLibNode, applicationNode } from '@/workflow/common/data'
+import {
+  getMenuNodes,
+  toolLibNode,
+  applicationNode,
+  toolWorkflowLibNode,
+} from '@/workflow/common/data'
 import { iconComponent } from '@/workflow/icons/utils'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import { isWorkFlow } from '@/utils/application'
@@ -260,13 +279,15 @@ async function getToolFolder() {
 }
 
 async function getToolList() {
+  const baseType = activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM'
+
   const res = await loadSharedApi({
     type: 'tool',
     isShared: folder.currentFolder?.id === 'share',
     systemType: apiType.value,
   }).getToolList({
     folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
-    tool_type: 'CUSTOM',
+    tool_type_list: [baseType, 'WORKFLOW'],
   })
   toolList.value = res.data?.tools || res.data || []
   toolList.value = toolList.value?.filter((item: any) => item.is_active)
diff --git a/ui/src/components/workflow-dropdown-menu/knowledge-inner/index.vue b/ui/src/components/workflow-dropdown-menu/knowledge-inner/index.vue
index 360dd2d602b..b58ceb0aa97 100644
--- a/ui/src/components/workflow-dropdown-menu/knowledge-inner/index.vue
+++ b/ui/src/components/workflow-dropdown-menu/knowledge-inner/index.vue
@@ -89,8 +89,14 @@
           <el-scrollbar height="450">
             <NodeContent
               :list="toolList"
-              @clickNodes="(val: any) => clickNodes(toolLibNode, val)"
-              @onmousedown="(val: any) => onmousedown(toolLibNode, val)"
+              @clickNodes="
+                (val: any) =>
+                  clickNodes(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
+              @onmousedown="
+                (val: any) =>
+                  onmousedown(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
             />
           </el-scrollbar>
         </LayoutContainer>
@@ -100,7 +106,7 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, computed, inject } from 'vue'
-import { getMenuNodes, toolLibNode, applicationNode } from '@/workflow/common/data'
+import { getMenuNodes, toolLibNode, toolWorkflowLibNode } from '@/workflow/common/data'
 import { iconComponent } from '@/workflow/icons/utils'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
@@ -221,13 +227,15 @@ async function getToolFolder() {
 }
 
 async function getToolList() {
+  const baseType = activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM'
+
   const res = await loadSharedApi({
     type: 'tool',
     isShared: folder.currentFolder?.id === 'share',
     systemType: apiType.value,
   }).getToolList({
     folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
-    tool_type: activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM',
+    tool_type_list: [baseType, 'WORKFLOW'],
   })
   toolList.value = res.data?.tools || res.data || []
   toolList.value = toolList.value?.filter((item: any) => item.is_active)
diff --git a/ui/src/components/workflow-dropdown-menu/knowledge/index.vue b/ui/src/components/workflow-dropdown-menu/knowledge/index.vue
index 4081e25176d..56c97280180 100644
--- a/ui/src/components/workflow-dropdown-menu/knowledge/index.vue
+++ b/ui/src/components/workflow-dropdown-menu/knowledge/index.vue
@@ -113,8 +113,14 @@
           <el-scrollbar height="450">
             <NodeContent
               :list="toolList"
-              @clickNodes="(val: any) => clickNodes(toolLibNode, val)"
-              @onmousedown="(val: any) => onmousedown(toolLibNode, val)"
+              @clickNodes="
+                (val: any) =>
+                  clickNodes(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
+              @onmousedown="
+                (val: any) =>
+                  onmousedown(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
             />
           </el-scrollbar>
         </LayoutContainer>
@@ -124,7 +130,7 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, computed, inject } from 'vue'
-import { getMenuNodes, toolLibNode, applicationNode } from '@/workflow/common/data'
+import { getMenuNodes, toolLibNode, toolWorkflowLibNode } from '@/workflow/common/data'
 import { iconComponent } from '@/workflow/icons/utils'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
@@ -241,13 +247,15 @@ async function getToolFolder() {
 }
 
 async function getToolList() {
+  const baseType = activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM'
+
   const res = await loadSharedApi({
     type: 'tool',
     isShared: folder.currentFolder?.id === 'share',
     systemType: apiType.value,
   }).getToolList({
     folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
-    tool_type: activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM',
+    tool_type_list: [baseType, 'WORKFLOW'],
   })
   toolList.value = res.data?.tools || res.data || []
   toolList.value = toolList.value?.filter((item: any) => item.is_active)
diff --git a/ui/src/components/workflow-dropdown-menu/tool/index.vue b/ui/src/components/workflow-dropdown-menu/tool/index.vue
index ec75a3e750a..f58d1f68447 100644
--- a/ui/src/components/workflow-dropdown-menu/tool/index.vue
+++ b/ui/src/components/workflow-dropdown-menu/tool/index.vue
@@ -89,8 +89,14 @@
           <el-scrollbar height="450">
             <NodeContent
               :list="toolList"
-              @clickNodes="(val: any) => clickNodes(toolLibNode, val)"
-              @onmousedown="(val: any) => onmousedown(toolLibNode, val)"
+              @clickNodes="
+                (val: any) =>
+                  clickNodes(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
+              @onmousedown="
+                (val: any) =>
+                  onmousedown(val.tool_type === 'WORKFLOW' ? toolWorkflowLibNode : toolLibNode, val)
+              "
             />
           </el-scrollbar>
         </LayoutContainer>
@@ -100,7 +106,7 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, computed, inject } from 'vue'
-import { getMenuNodes, toolLibNode, applicationNode } from '@/workflow/common/data'
+import { getMenuNodes, toolLibNode, toolWorkflowLibNode } from '@/workflow/common/data'
 import { iconComponent } from '@/workflow/icons/utils'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
@@ -219,13 +225,14 @@ async function getToolFolder() {
 }
 
 async function getToolList() {
+  const baseType = activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM'
   const res = await loadSharedApi({
     type: 'tool',
     isShared: folder.currentFolder?.id === 'share',
     systemType: apiType.value,
   }).getToolList({
     folder_id: folder.currentFolder?.id || user.getWorkspaceId(),
-    tool_type: activeName.value == 'DATA_SOURCE_TOOL' ? 'DATA_SOURCE' : 'CUSTOM',
+    tool_type_list: [baseType, 'WORKFLOW'],
   })
   toolList.value = res.data?.tools || res.data || []
   toolList.value = toolList.value?.filter((item: any) => item.is_active)
diff --git a/ui/src/enums/application.ts b/ui/src/enums/application.ts
index 719890d87ff..173a723e064 100644
--- a/ui/src/enums/application.ts
+++ b/ui/src/enums/application.ts
@@ -15,6 +15,7 @@ export enum WorkflowType {
   Condition = 'condition-node',
   Reply = 'reply-node',
   ToolLib = 'tool-lib-node',
+  ToolWorkflowLib = 'tool-workflow-lib-node',
   ToolLibCustom = 'tool-node',
   RerankerNode = 'reranker-node',
   Application = 'application-node',
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 942870a7b0b..ca7baac90c5 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -92,7 +92,7 @@
             <template v-if="nodeFields.length > 0">
               <div class="flex-between">
                 <h5 class="title-decoration-1 mb-8 mt-8">
-                  {{ $t('common.param.outputParam') }}
+                  {{ output_title }}
                 </h5>
                 <div v-if="exceptionNodeList.includes(nodeModel.type)" class="text-right">
                   <span class="mt-8 mr-8 lighter">{{ $t('common.param.exception') }}</span>
@@ -392,6 +392,11 @@ const nodeFields = computed(() => {
   }
   return []
 })
+
+const output_title = computed(() => {
+  return props.nodeModel.properties.config.output_title ?? t('common.param.outputParam')
+})
+
 watch(enable_exception, () => {
   props.nodeModel.graphModel.eventCenter.emit(
     'delete_edge',
diff --git a/ui/src/workflow/common/data.ts b/ui/src/workflow/common/data.ts
index 60ba0f65398..e8365e2b825 100644
--- a/ui/src/workflow/common/data.ts
+++ b/ui/src/workflow/common/data.ts
@@ -1038,6 +1038,27 @@ export const toolLibNode = {
   },
 }
 
+/**
+ * 工作流工具配置数据
+ */
+export const toolWorkflowLibNode = {
+  type: WorkflowType.ToolWorkflowLib,
+  text: t('workflow.nodes.toolWorlflowNode.text','工作流工具'),
+  label: t('workflow.nodes.toolWorlflowNode.label','工作流工具'),
+  height: 170,
+  properties: {
+    stepName: t('workflow.nodes.toolWorlflowNode.label','工作流工具'),
+    config: {
+      fields: [
+        {
+          label: t('common.result'),
+          value: 'result',
+        },
+      ],
+    },
+  },
+}
+
 export const applicationNode = {
   type: WorkflowType.Application,
   text: t('workflow.nodes.applicationNode.label'),
@@ -1086,6 +1107,7 @@ export const nodeDict: any = {
   [WorkflowType.Start]: startNode,
   [WorkflowType.Reply]: replyNode,
   [WorkflowType.ToolLib]: toolNode,
+  [WorkflowType.ToolWorkflowLib]: toolWorkflowLibNode,
   [WorkflowType.ToolLibCustom]: toolNode,
   [WorkflowType.RerankerNode]: rerankerNode,
   [WorkflowType.FormNode]: formNode,
diff --git a/ui/src/workflow/icons/tool-workflow-lib-node-icon.vue b/ui/src/workflow/icons/tool-workflow-lib-node-icon.vue
new file mode 100644
index 00000000000..7b639f180f7
--- /dev/null
+++ b/ui/src/workflow/icons/tool-workflow-lib-node-icon.vue
@@ -0,0 +1,6 @@
+<template>
+  <el-avatar shape="square" style="background: #34c724">
+    <img src="@/assets/tool/icon_tool_workflow.svg" style="width: 65%" alt="" />
+  </el-avatar>
+</template>
+<script setup lang="ts"></script>
diff --git a/ui/src/workflow/nodes/tool-workflow-lib-node/index.ts b/ui/src/workflow/nodes/tool-workflow-lib-node/index.ts
new file mode 100644
index 00000000000..fea8d415d94
--- /dev/null
+++ b/ui/src/workflow/nodes/tool-workflow-lib-node/index.ts
@@ -0,0 +1,12 @@
+import ToolWorkflowLibNodeVue from './index.vue'
+import { AppNode, AppNodeModel } from '@/workflow/common/app-node'
+class ToolWorkflowLibNode extends AppNode {
+  constructor(props: any) {
+    super(props, ToolWorkflowLibNodeVue)
+  }
+}
+export default {
+  type: 'tool-workflow-lib-node',
+  model: AppNodeModel,
+  view: ToolWorkflowLibNode,
+}
diff --git a/ui/src/workflow/nodes/tool-workflow-lib-node/index.vue b/ui/src/workflow/nodes/tool-workflow-lib-node/index.vue
new file mode 100644
index 00000000000..a04796c15a9
--- /dev/null
+++ b/ui/src/workflow/nodes/tool-workflow-lib-node/index.vue
@@ -0,0 +1,209 @@
+<template>
+  <NodeContainer :nodeModel="nodeModel">
+    <el-form
+      @submit.prevent
+      ref="ToolNodeFormRef"
+      :model="chat_data"
+      label-position="top"
+      require-asterisk-position="right"
+      hide-required-asterisk
+    >
+      <h5 class="title-decoration-1 mb-16">{{ chat_data.input_title }}</h5>
+
+      <el-card shadow="never" class="card-never mb-16" style="--el-card-padding: 12px">
+        <div v-if="chat_data.input_field_list?.length">
+          <template v-for="(item, index) in chat_data.input_field_list" :key="item.field">
+            <el-form-item
+              :label="item.label"
+              :prop="'input_field_list.' + index + '.value'"
+              :rules="{
+                required: item.is_required,
+                message:
+                  item.source === 'reference'
+                    ? $t('views.tool.form.param.selectPlaceholder')
+                    : $t('views.tool.form.param.inputPlaceholder'),
+                trigger: 'blur',
+              }"
+            >
+              <template #label>
+                <div class="flex-between">
+                  <div class="flex align-center">
+                    <div class="mr-4">
+                      <auto-tooltip :content="item.label" style="max-width: 130px">
+                        {{ item.label }}
+                      </auto-tooltip>
+                    </div>
+                    <span class="color-danger" v-if="item.is_required">*</span>
+                  </div>
+                  <el-select
+                    :teleported="false"
+                    v-model="item.source"
+                    @change="onSourceChange(item)"
+                    size="small"
+                    style="width: 85px"
+                  >
+                    <el-option :label="$t('workflow.variable.Referencing')" value="reference" />
+                    <el-option :label="$t('common.custom')" value="custom" />
+                  </el-select>
+                </div>
+              </template>
+              <NodeCascader
+                v-if="item.source === 'reference'"
+                ref="nodeCascaderRef"
+                :nodeModel="nodeModel"
+                class="w-full"
+                :placeholder="$t('views.tool.form.param.selectPlaceholder')"
+                v-model="item.value"
+              />
+              <template v-else>
+                <el-input
+                  v-if="['string'].includes(item.type)"
+                  v-model="item.value"
+                  :placeholder="$t('views.tool.form.param.inputPlaceholder')"
+                />
+                <JsonInput v-if="['array', 'dict'].includes(item.type)" v-model="item.value" />
+                <el-input-number v-if="['int', 'float'].includes(item.type)" v-model="item.value" />
+                <el-switch
+                  v-if="['boolean'].includes(item.type)"
+                  v-model="item.value"
+                  :active-value="true"
+                  :inactive-value="false"
+                />
+              </template>
+            </el-form-item>
+          </template>
+        </div>
+
+        <el-text type="info" v-else> {{ $t('common.noData') }} </el-text>
+      </el-card>
+    </el-form>
+  </NodeContainer>
+</template>
+<script setup lang="ts">
+import { set } from 'lodash'
+import { useRoute } from 'vue-router'
+import NodeContainer from '@/workflow/common/NodeContainer.vue'
+import NodeCascader from '@/workflow/common/NodeCascader.vue'
+import JsonInput from '@/components/dynamics-form/items/JsonInput.vue'
+import type { FormInstance } from 'element-plus'
+import { ref, computed, onMounted, inject } from 'vue'
+import { isLastNode } from '@/workflow/common/data'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+
+const props = defineProps<{ nodeModel: any }>()
+
+const route = useRoute()
+
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
+
+const onSourceChange = (item: any) => {
+  if (item.type === 'boolean') {
+    item.value = false
+  } else if (['array', 'dict'].includes(item.type)) {
+    item.value = []
+  } else {
+    item.value = ''
+  }
+}
+
+const form = {
+  input_field_list: [],
+  is_result: false,
+  source: 'custom',
+}
+
+const chat_data = computed({
+  get: () => {
+    if (props.nodeModel.properties.node_data) {
+      return props.nodeModel.properties.node_data
+    } else {
+      set(props.nodeModel.properties, 'node_data', form)
+    }
+    return props.nodeModel.properties.node_data
+  },
+  set: (value) => {
+    set(props.nodeModel.properties, 'node_data', value)
+  },
+})
+
+const ToolNodeFormRef = ref<FormInstance>()
+
+const validate = () => {
+  return ToolNodeFormRef.value?.validate().catch((err) => {
+    return Promise.reject({ node: props.nodeModel, errMessage: err })
+  })
+}
+
+const update_field = () => {
+  if (!props.nodeModel.properties.node_data.tool_lib_id) {
+    set(props.nodeModel.properties, 'status', 500)
+    return
+  }
+  loadSharedApi({ type: 'tool', systemType: apiType.value })
+    .getToolById(props.nodeModel.properties.node_data.tool_lib_id)
+    .then((ok: any) => {
+      console.log('ssss', ok.data)
+
+      const workflowNodes = ok.data?.work_flow?.nodes || []
+      const baseNode = workflowNodes.find((n: any) => n.type === 'tool-base-node')
+
+      if (baseNode) {
+        const new_input_list = baseNode.properties.user_input_field_list || []
+        const new_output_list = baseNode.properties.user_output_field_list || []
+
+        let config_field_list: any[] = []
+        if (new_output_list.length > 0) {
+          config_field_list = new_output_list.map((item: any) => ({
+            label: item.label,
+            value: item.field,
+          }))
+        }
+
+        const input_title = baseNode.properties.user_input_config?.title
+        const output_title = baseNode.properties.user_output_config?.title
+
+        const old_input_list = props.nodeModel.properties.node_data.input_field_list || []
+        const merged_input_list = new_input_list.map((item: any) => {
+          const find_field = old_input_list.find((old_item: any) => old_item.field === item.field)
+
+          if (find_field) {
+            return {
+              ...item,
+              source: find_field.source,
+              value: JSON.parse(JSON.stringify(find_field.value)),
+            }
+          }
+          return { ...item, source: 'custom', value: '' }
+        })
+
+        set(props.nodeModel.properties.node_data, 'input_field_list', merged_input_list)
+        set(props.nodeModel.properties.config, 'fields', config_field_list)
+        set(props.nodeModel.properties.node_data, 'input_title', input_title)
+        set(props.nodeModel.properties.config, 'output_title', output_title)
+      }
+      set(props.nodeModel.properties, 'status', ok.data.is_active ? 200 : 500)
+    })
+    .catch(() => {
+      set(props.nodeModel.properties, 'status', 500)
+    })
+}
+
+onMounted(() => {
+  if (typeof props.nodeModel.properties.node_data?.is_result === 'undefined') {
+    if (isLastNode(props.nodeModel)) {
+      set(props.nodeModel.properties.node_data, 'is_result', true)
+    }
+  }
+  update_field()
+  set(props.nodeModel, 'validate', validate)
+})
+</script>
+<style lang="scss" scoped></style>