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

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

src/layout/components/Main/TaskTemplate/TaskResult/ExecutePlan.vue

@@ -17,35 +17,66 @@ const md = new MarkdownIt({
   typographer: true,
 })
 
-const data = computed(() => {
+function sanitize(str?: string) {
+  if (!str) {
+    return ''
+  }
+  const html = md.render(str)
+  return DOMPurify.sanitize(html)
+}
+
+interface Data {
+  Description: string
+  Content: string
+  LogNodeType: string
+}
+const data = computed<Data | null>(() => {
   for (const result of props.executePlans) {
-    if (result.NodeId === props.nodeId && result.ActionHistory) {
+    if (result.NodeId === props.nodeId) {
+      //  LogNodeType 为 object直接渲染Content
+      if (result.LogNodeType === 'object') {
+        return {
+          Description: props.nodeId,
+          Content: sanitize(result.content),
+          LogNodeType: result.LogNodeType,
+        }
+      }
+
+      if (!result.ActionHistory) {
+        return null
+      }
+
       for (const action of result.ActionHistory) {
         if (action.ID === props.actionId) {
-          return action
+          return {
+            Description: action.Description,
+            Content: sanitize(action.Action_Result),
+            LogNodeType: result.LogNodeType,
+          }
         }
       }
     }
   }
   return null
 })
-
-const action_Result = computed(() => {
-  const html = md.render(data.value?.Action_Result ?? '')
-  return DOMPurify.sanitize(html)
-})
 </script>
 
 <template>
   <div v-if="data" class="card-item w-full pl-[56px] pr-[41px]">
     <!-- 分割线 -->
-    <div class="h-[1px] w-full bg-[#494B51] my-[8px]"></div>
-    <div class="text-[16px] flex items-center gap-1 text-[var(--color-text-secondary)]">
+    <div v-if="data.LogNodeType !== 'object'" class="h-[1px] w-full bg-[#494B51] my-[8px]"></div>
+    <div
+      v-if="data.Description"
+      class="text-[16px] flex items-center gap-1 text-[var(--color-text-secondary)] mb-1"
+    >
       {{ data.Description }}
-      <Iod />
+      <Iod v-if="data.LogNodeType !== 'object'"/>
     </div>
-    <div class="rounded-[8px] p-[15px] text-[14px] bg-[var(--color-bg-quaternary)] mt-1">
-      <div class="markdown-content max-h-[240px] overflow-y-auto" v-html="action_Result"></div>
+    <div class="rounded-[8px] p-[15px] text-[14px] bg-[var(--color-bg-quaternary)]">
+      <div
+        class="markdown-content max-h-[240px] overflow-y-auto max-w-full"
+        v-html="data.Content"
+      ></div>
     </div>
   </div>
 </template>
@@ -54,4 +85,16 @@ const action_Result = computed(() => {
 .card-item + .card-item {
   margin-top: 10px;
 }
+.markdown-content {
+  :deep(code) {
+    display: block;
+    width: 100px;
+    max-width: 100%;
+  }
+
+  :deep(pre) {
+    overflow-x: auto;
+    max-width: 100%;
+  }
+}
 </style>