【backup】feat: Allow modification of tools added from the tool store

ui/src/components/app-icon/ToolIcon.vue

@@ -8,7 +8,7 @@
   <el-avatar v-else-if="type == 'DATA_SOURCE'" class="avatar-purple" shape="square" :size="size">
     <img src="@/assets/tool/icon_datasource.svg" style="width: 58%" alt="" />
   </el-avatar>
-  <el-avatar v-else-if="type == 'WORKFLOW'" class="avatar-green" shape="square" :size="size">
+  <el-avatar v-else-if="type == 'WORKFLOW'" class="avatar-dark-green" shape="square" :size="size">
     <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt="" />
   </el-avatar>
   <el-avatar v-else class="avatar-green" shape="square" :size="size">

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

@@ -17,6 +17,7 @@ export default {
   editSuccess: 'Successful',
   modify: 'Modify',
   modifySuccess: 'Successful',
+  showDetail: 'Show Detail',
   cancel: 'Cancel',
   confirm: 'OK',
   close: 'Close',

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

@@ -18,6 +18,7 @@ export default {
   editSuccess: '编辑成功',
   modify: '修改',
   modifySuccess: '修改成功',
+  showDetail: '查看详情',
   add: '添加',
   addSuccess: '添加成功',
   cancel: '取消',

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

@@ -17,6 +17,7 @@ export default {
   editSuccess: '編輯成功',
   modify: '修改',
   modifySuccess: '修改成功',
+  showDetail: '查看詳情',
   cancel: '取消',
   confirm: '確認',
   close: '關閉',

ui/src/styles/app.scss

@@ -456,6 +456,9 @@ h5 {
 .avatar-green {
   background: var(--el-color-success);
 }
+.avatar-dark-green {
+  background: #2fa14d;
+}
 .avatar-blue {
   background: #3370ff;
 }

ui/src/views/home/component/QuickCreate.vue

@@ -269,7 +269,7 @@
             </el-dropdown-item>
             <el-dropdown-item @click="openCreateWorkflowDialog()">
               <div class="flex align-center">
-                <el-avatar class="avatar-green mt-4" shape="square" :size="32">
+                <el-avatar class="avatar-dark-green mt-4" shape="square" :size="32">
                   <img src="@/assets/workflow/logo_workflow.svg" style="width: 60%" alt="" />
                 </el-avatar>
                 <div class="pre-wrap ml-8">

ui/src/views/tool/WorkflowFormDialog.vue

@@ -32,7 +32,7 @@
             >
               <img :src="String(workflowForm.icon)" alt="" />
             </el-Avatar>
-            <el-avatar v-else class="avatar-green" shape="square" :size="32">
+            <el-avatar v-else class="avatar-dark-green" shape="square" :size="32">
               <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt="" />
             </el-avatar>
             <el-Avatar
@@ -46,7 +46,7 @@
               <AppIcon iconName="app-edit"></AppIcon>
             </el-Avatar>
           </div>
-          <el-avatar v-else class="avatar-green mr-12" shape="square" :size="32">
+          <el-avatar v-else class="avatar-dark-green mr-12" shape="square" :size="32">
             <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt="" />
           </el-avatar>
           <el-input

ui/src/views/tool/component/ToolListContainer.vue

@@ -78,7 +78,7 @@
                 </el-dropdown-item>
                 <el-dropdown-item @click="openCreateWorkflowDialog()">
                   <div class="flex align-center">
-                    <el-avatar class="avatar-green mt-4" shape="square" :size="32">
+                    <el-avatar class="avatar-dark-green mt-4" shape="square" :size="32">
                       <img src="@/assets/workflow/logo_workflow.svg" style="width: 60%" alt=""/>
                     </el-avatar>
                     <div class="pre-wrap ml-8">
@@ -278,6 +278,7 @@
                               <AppIcon iconName="app-operate-log" class="color-secondary"></AppIcon>
                               {{ $t('views.tool.mcp.mcpConfig') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="item.template_id && permissionPrecise.edit(item.id)"
                               @click.stop="addInternalTool(item, true)"
@@ -302,20 +303,30 @@
                               {{ $t('common.edit') }}
                             </el-dropdown-item>
 
+                            <el-dropdown-item
+                              v-if="item.version"
+                              @click.stop="openDetailDialog(item)"
+                            >
+                              <AppIcon iconName="app-document" class="color-secondary"></AppIcon>
+                              {{ $t('common.showDetail') }}
+                            </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="item.tool_type === 'WORKFLOW'"
                               @click.stop="toWorkflow(item)"
                             >
                               <AppIcon iconName="app-workflow" class="color-secondary"></AppIcon>
                               {{ $t('workflow.workflow') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="!item.template_id && permissionPrecise.copy(item.id)"
                               @click.stop="copyTool(item)"
                             >
                               <AppIcon iconName="app-copy" class="color-secondary"></AppIcon>
                               {{ $t('common.copy') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="
                                 item.init_field_list?.length > 0 && permissionPrecise.edit(item.id)
@@ -325,6 +336,7 @@
                               <AppIcon iconName="app-operation" class="color-secondary"></AppIcon>
                               {{ $t('common.param.initParam') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               @click.stop="openAuthorization(item)"
                               v-if="apiType === 'workspace' && permissionPrecise.auth(item.id)"
@@ -347,6 +359,7 @@
                               <AppIcon iconName="app-trigger" class="color-secondary"></AppIcon>
                               {{ $t('views.trigger.title') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               text
                               @click.stop="openResourceMappingDrawer(item)"
@@ -358,6 +371,7 @@
                               ></AppIcon>
                               {{ $t('views.system.resourceMapping.title') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               text
                               @click.stop="openToolRecordDrawer(item)"
@@ -372,27 +386,31 @@
                               ></AppIcon>
                               {{ $t('common.ExecutionRecord.subTitle') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               @click.stop="openMoveToDialog(item)"
                               v-if="permissionPrecise.copy(item.id) && apiType === 'workspace'"
                             >
                               <AppIcon iconName="app-migrate" class="color-secondary"></AppIcon>
                               {{ $t('common.moveTo') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="isSystemShare"
                               @click.stop="openAuthorizedWorkspaceDialog(item)"
                             >
                               <AppIcon iconName="app-lock" class="color-secondary"></AppIcon>
                               {{ $t('views.shared.authorized_workspace') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="!item.template_id && permissionPrecise.export(item.id)"
                               @click.stop="exportTool(item)"
                             >
                               <AppIcon iconName="app-export" class="color-secondary"></AppIcon>
                               {{ $t('common.export') }}
                             </el-dropdown-item>
+
                             <el-dropdown-item
                               v-if="permissionPrecise.delete(item.id)"
                               divided
@@ -694,28 +712,9 @@ function openEditDialog(data?: any) {
     checkAll.value = multipleSelection.value.length === tool.toolList.length
     return
   }
-  // 有template_id的不允许编辑，是模板转换来的
-  if (data?.template_id) {
-    return
-  }
-  // 共享过来的工具不让编辑
-  if (isShared.value) {
-    return
-  }
   if (data) {
     bus.emit('select_node', data.folder_id)
   }
-  // 有版本号的展示readme，是商店更新过来的
-  if (data?.version) {
-    let readMe = ''
-    storeTools.value
-      .filter((item) => item.id === data.template_id)
-      .forEach((item) => {
-        readMe = item.readMe
-      })
-    toolStoreDescDrawerRef.value?.open(readMe, data)
-    return
-  }
 
   // mcp工具
   if (data?.tool_type === 'MCP') {
@@ -747,6 +746,19 @@ function openEditDialog(data?: any) {
   }
 }
 
+function openDetailDialog(data?: any) {
+  // 有版本号的展示readme，是商店更新过来的
+  if (data?.version) {
+    let readMe = ''
+    storeTools.value
+      .filter((item) => item.id === data.template_id)
+      .forEach((item) => {
+        readMe = item.readMe
+      })
+    toolStoreDescDrawerRef.value?.open(readMe, data)
+  }
+}
+
 const MoveToDialogRef = ref()
 
 function openMoveToDialog(data?: any) {
@@ -798,14 +810,6 @@ function openCreateDialog() {
 }
 
 function openCreateMcpDialog(data?: any) {
-  // 有template_id的不允许编辑，是模板转换来的
-  if (data?.template_id) {
-    return
-  }
-  // 共享过来的工具不让编辑
-  if (isShared.value) {
-    return
-  }
   McpToolDrawertitle.value = data
     ? t('views.tool.mcp.editMcpTool')
     : t('views.tool.mcp.createMcpTool')
@@ -821,25 +825,6 @@ function openCreateMcpDialog(data?: any) {
 }
 
 function openCreateSkillDialog(data?: any) {
-  // 有版本号的展示readme，是商店更新过来的
-  if (data?.version) {
-    let readMe = ''
-    storeTools.value
-      .filter((item) => item.id === data.template_id)
-      .forEach((item) => {
-        readMe = item.readMe
-      })
-    toolStoreDescDrawerRef.value?.open(readMe, data)
-    return
-  }
-  // 有template_id的不允许编辑，是模板转换来的
-  if (data?.template_id) {
-    return
-  }
-  // 共享过来的工具不让编辑
-  if (isShared.value) {
-    return
-  }
   SkillToolDrawertitle.value = data
     ? t('views.tool.skill.editSkillTool')
     : t('views.tool.skill.createSkillTool')
@@ -862,14 +847,6 @@ function toWorkflow(data: any) {
 const workflowFormDialogRef = ref<InstanceType<typeof WorkflowFormDialog>>()
 const workflowFormDialogTitle = ref('')
 const openCreateWorkflowDialog = (data?: any) => {
-  // 有template_id的不允许编辑，是模板转换来的
-  if (data?.template_id) {
-    return
-  }
-  // 共享过来的工具不让编辑
-  if (isShared.value) {
-    return
-  }
   workflowFormDialogTitle.value = data
     ? t('common.edit')
     : t('views.tool.toolWorkflow.creatToolWorkflow')
@@ -885,14 +862,6 @@ const openCreateWorkflowDialog = (data?: any) => {
 }
 
 function openCreateDataSourceDialog(data?: any) {
-  // 有template_id的不允许编辑，是模板转换来的
-  if (data?.template_id) {
-    return
-  }
-  // 共享过来的工具不让编辑
-  if (isShared.value) {
-    return
-  }
   DataSourceToolDrawertitle.value = data
     ? t('views.tool.dataSource.editDataSource')
     : t('views.tool.dataSource.createDataSource')

ui/src/workflow/icons/tool-workflow-lib-node-icon.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-avatar shape="square" class="avatar-green">
+  <el-avatar shape="square" class="avatar-dark-green">
     <img src="@/assets/workflow/logo_workflow.svg" style="width: 60%" alt="" />
   </el-avatar>
 </template>