feat(task):优化任务执行与智能体展示功能

- 更新action.svg图标样式- 重构AgentRepo组件，优化智能体列表展示逻辑
- 改进ExecutePlan组件，支持object类型节点渲染
- 完善TaskResult组件，增加执行计划存储与清理机制
- 调整TaskSyllabus组件，优化卡片激活状态样式
- 在Task组件中添加搜索建议功能
- 更新主题配色变量和全局样式- 替换ElInput为ElAutocomplete组件
- 清理无用的jsplumb连接代码- 优化组件间通信与状态管理

src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue

@@ -40,14 +40,6 @@ function handleCurrentTask(task: IRawStepTask, transparent: boolean): ConnectArg
     },
   ]
 
-  // jsplumb.connect(
-  //   `task-syllabus-flow-${task.Id}`,
-  //   `task-syllabus-output-object-${task.Id}`,
-  //   [AnchorLocations.Right, AnchorLocations.Left],
-  //   {
-  //     transparent,
-  //   },
-  // )
   // 创建当前产出与流程的连线
   task.InputObject_List?.forEach((item) => {
     const id = collaborationProcess.value.find((i) => i.OutputObject === item)?.Id
@@ -61,15 +53,6 @@ function handleCurrentTask(task: IRawStepTask, transparent: boolean): ConnectArg
           transparent,
         }
       })
-      // jsplumb.connect(
-      //   `task-syllabus-output-object-${id}`,
-      //   `task-syllabus-flow-${task.Id}`,
-      //   [AnchorLocations.Left, AnchorLocations.Right],
-      //   {
-      //     type: 'output',
-      //     transparent,
-      //   },
-      // )
     }
   })
 
@@ -88,8 +71,13 @@ function changeTask(task?: IRawStepTask, isEmit?: boolean) {
   }
 }
 
+function clear() {
+  jsplumb.reset()
+}
+
 defineExpose({
   changeTask,
+  clear,
 })
 </script>
 
@@ -129,7 +117,8 @@ defineExpose({
             <el-card
               v-for="item in collaborationProcess"
               :key="item.Id"
-              class="card-item w-full h-[158px] overflow-y-auto active-card relative z-99"
+              class="card-item w-full h-[158px] overflow-y-auto relative z-99"
+              :class="agentsStore.currentTask?.StepName === item.StepName ? 'active-card' : ''"
               shadow="hover"
               :id="`task-syllabus-flow-${item.Id}`"
               @click="changeTask(item, true)"
@@ -209,6 +198,7 @@ defineExpose({
                 <el-card
                   class="card-item w-full relative"
                   shadow="hover"
+                  :class="agentsStore.currentTask?.StepName === item.StepName ? 'active-card' : ''"
                   :id="`task-syllabus-output-object-${item.Id}`"
                 >
                   <div class="text-[18px] font-bold text-center">{{ item.OutputObject }}</div>
@@ -221,15 +211,3 @@ defineExpose({
     </div>
   </div>
 </template>
-
-<style scoped lang="scss">
-.card-box {
-  .active-card {
-    border: 2px solid transparent;
-    $bg: var(--el-input-bg-color, var(--el-fill-color-blank));
-    background:
-      linear-gradient(var(--color-bg-tertiary), var(--color-bg-tertiary)) padding-box,
-      linear-gradient(to right, #00c8d2, #315ab4) border-box;
-  }
-}
-</style>