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

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

src/layout/components/Main/Task.vue

@@ -6,6 +6,7 @@ import api from '@/api'
 import { changeBriefs } from '@/utils/collaboration_Brief_FrontEnd.ts'
 
 const emit = defineEmits<{
+  (e: 'search-start'): void
   (e: 'search', value: string): void
 }>()
 
@@ -15,6 +16,8 @@ const searchValue = ref('')
 
 async function handleSearch() {
   try {
+    emit('search-start')
+    agentsStore.resetAgent()
     agentsStore.setAgentRawPlan({ loading: true })
     const data = await api.generateBasePlan({
       goal: searchValue.value,
@@ -27,6 +30,31 @@ async function handleSearch() {
     agentsStore.setAgentRawPlan({ loading: false })
   }
 }
+
+const restaurants = ref<string[]>([
+  '如何快速筛选慢性肾脏病药物潜在受试者？',
+  '如何补充“丹芍活血胶囊”不良反应数据？',
+  '如何快速研发用于战场失血性休克的药物？',
+  '二维材料的光电性质受哪些关键因素影响？',
+  '如何通过AI模拟的方法分析材料的微观结构?',
+  '如何分析获取液态金属热力学参数?',
+  '如何解决固态电池的成本和寿命难题？',
+  '如何解决船舶制造中的材料腐蚀难题？',
+  '如何解决船舶制造中流体模拟和建模优化难题？',
+])
+const querySearch = (queryString: string, cb: (v: {value: string}[]) => void) => {
+  const results = queryString
+    ? restaurants.value.filter(createFilter(queryString))
+    : restaurants.value
+  // call callback function to return suggestions
+  cb(results.map((item) => ({value: item})))
+}
+
+const createFilter = (queryString: string) => {
+  return (restaurant: string) => {
+    return restaurant.toLowerCase().includes(queryString.toLowerCase())
+  }
+}
 </script>
 
 <template>
@@ -37,11 +65,12 @@ async function handleSearch() {
     :disabled="agentsStore.agents.length > 0"
   >
     <div class="w-full flex justify-center mb-[27px]">
-      <el-input
+      <el-autocomplete
         v-model.trim="searchValue"
         class="task-input"
         size="large"
         placeholder="请输入您的任务"
+        :fetch-suggestions="querySearch"
         @change="agentsStore.setSearchValue"
         :disabled="!(agentsStore.agents.length > 0)"
       >
@@ -66,18 +95,18 @@ async function handleSearch() {
             />
           </el-button>
         </template>
-      </el-input>
+      </el-autocomplete>
     </div>
   </el-tooltip>
 </template>
 
 <style scoped lang="scss">
-.task-input {
+:deep(.el-autocomplete) {
   width: 40%;
   height: 60px;
   margin: 0 auto;
 
-  :deep(.el-input__wrapper) {
+  .el-input__wrapper {
     border-radius: 40px;
     box-shadow: none;
     border: 2px solid transparent;
@@ -86,6 +115,7 @@ async function handleSearch() {
       linear-gradient(var(--color-bg-tertiary), var(--color-bg-tertiary)) padding-box,
       linear-gradient(to right, #00c8d2, #315ab4) border-box;
     font-size: 18px;
+    padding-right: 5px;
 
     .el-icon.is-loading {
       & + span {