feat: show original tool/application name as source in workflow node menu

Author: zhanweizhang7

ui/src/locales/lang/en-US/common.ts

@@ -151,6 +151,7 @@ export default {
     subTitle: 'View Execution Record',
   },
   sourceType: 'Source type',
+  source: 'Source',
   knowledgeImportTip:
     'Knowledge base imported successfully. Documents have not been vectorized yet. Please configure the embedding model and vectorize the documents.',
   import: 'Import',

ui/src/locales/lang/zh-CN/common.ts

@@ -152,6 +152,7 @@ export default {
     subTitle: '查看执行记录',
   },
   sourceType: '资源类型',
+  source: '来源',
   knowledgeImportTip:
     '导入创建知识库成功，文档数据未向量化，请先设置知识库的向量模型，并对文档进行向量化操作',
   import: '导入',

ui/src/locales/lang/zh-Hant/common.ts

@@ -150,6 +150,7 @@ export default {
     subTitle: '查看執行記錄',
   },
   sourceType: '資源類型',
+  source: '來源',
   knowledgeImportTip:
     '匯入建立知識庫成功，文件資料尚未向量化，請先設定知識庫的向量模型，並對文件進行向量化操作',
   import: '导入',

ui/src/workflow/common/NodeContainer.vue

@@ -91,6 +91,10 @@
                   <el-dropdown-item @click="deleteNode" class="border-t p-8">{{
                     $t('common.delete')
                   }}</el-dropdown-item>
+                  <div v-if="sourceName" class="border-t p-8" @click.stop>
+                    <div class="color-secondary font-small">{{ $t('common.source') }}</div>
+                    <div class="lighter mt-4 break-all">{{ sourceName }}</div>
+                  </div>
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
@@ -324,6 +328,13 @@ const node_status = computed(() => {
   return 200
 })
 
+const sourceName = computed(() => {
+  if (['application-node', 'tool-lib-node'].includes(props.nodeModel.type)) {
+    return props.nodeModel.properties.node_data?.name || ''
+  }
+  return ''
+})
+
 function renameNode() {
   form.value.title = props.nodeModel.properties.stepName
   nodeNameDialogVisible.value = true

ui/src/workflow/nodes/application-node/index.vue

@@ -254,6 +254,9 @@ const update_field = () => {
   loadSharedApi({type: 'application', systemType: apiType.value})
     .getApplicationDetail(props.nodeModel.properties.node_data.application_id)
     .then((ok: any) => {
+      if (ok.data.name) {
+        set(props.nodeModel.properties.node_data, 'name', ok.data.name)
+      }
       const old_api_input_field_list = cloneDeep(
         props.nodeModel.properties.node_data.api_input_field_list,
       )

ui/src/workflow/nodes/tool-lib-node/index.vue

@@ -163,6 +163,9 @@ const update_field = () => {
   loadSharedApi({ type: 'tool', systemType: apiType.value })
     .getToolById(props.nodeModel.properties.node_data.tool_lib_id)
     .then((ok: any) => {
+      if (ok.data.name) {
+        set(props.nodeModel.properties.node_data, 'name', ok.data.name)
+      }
       const old_input_field_list = props.nodeModel.properties.node_data.input_field_list
       const merge_input_field_list = ok.data.input_field_list.map((item: any) => {
         const find_field = old_input_field_list.find((old_item: any) => old_item.name == item.name)