feat:智能体库样式修改和置顶功能

frontend/src/layout/components/Main/TaskTemplate/AgentRepo/AgentRepoList.vue

@@ -121,8 +121,17 @@ const agentsStore = useAgentsStore()
       <div class="p-[8px] pt-0">
         <!-- 信息描述 -->
         <template v-if="getTabState(item.Name) === 'info'">
-          <div class="text-[12px] text-[var(--color-text-detail)]">
-            {{ item.Profile }}
+          <!-- 数据空间 -->
+          <div class="text-[12px]">
+            <span class="text-[var(--color-text)] font-bold">数据空间</span>
+            <div class="text-[var(--color-text-secondary)] mt-1">归属于{{ item.Classification }}数据空间</div>
+          </div>
+          <!-- 分割线 -->
+          <div class="h-[1px] w-full bg-[var(--color-border-default)] my-[8px]"></div>
+          <!-- 介绍 -->
+          <div class="text-[12px]">
+            <span class="text-[var(--color-text)] font-bold">介绍</span>
+            <div class="text-[var(--color-text-secondary)] mt-1">{{ item.Profile }}</div>
           </div>
         </template>
         <!-- 当前职责 -->
@@ -219,4 +228,10 @@ const agentsStore = useAgentsStore()
   right: 0 !important;
   margin-left: 0px;
 }
+
+// 标签悬浮样式（仅未激活状态）
+.duty-info .rounded-\[9px\]:not(.bg-\[var\(--color-tab-bg-active\)\]):hover {
+  background: var(--color-tab-bg-hover) !important;
+  color: var(--color-tab-text-hover) !important;
+}
 </style>

frontend/src/layout/components/Main/TaskTemplate/AgentRepo/index.vue

@@ -119,17 +119,24 @@ const agentList = computed(() => {
     data: Agent[]
   }[] = []
   const obj: Record<string, Agent[]> = {}
+
+  // 获取当前任务中参与流程的智能体名称列表
+  const selectedAgentNames = agentsStore.currentTask?.AgentSelection ?? []
+
   if (!agentsStore.agents.length) {
     return {
       selected,
       unselected
     }
   }
+
   for (const agent of agentsStore.agents) {
-    // if (agentsStore.currentTask?.AgentSelection?.includes(agent.Name)) {
-    //   selected.push(agent)
-    //   continue
-    // }
+    // 如果智能体在当前任务的AgentSelection中，则放入selected数组（置顶显示）
+    if (selectedAgentNames.includes(agent.Name)) {
+      selected.push(agent)
+      continue
+    }
+    // 其他智能体按数据空间分类
     if (obj[agent.Classification]) {
       obj[agent.Classification]!.push(agent)
     } else {

frontend/src/styles/theme.scss

@@ -114,10 +114,14 @@
   --color-tab-bg: rgba(36, 40, 46, 0.4);
   // 智能体标签选中背景色
   --color-tab-bg-active: #24282E;
+  // 智能体标签悬浮背景色
+  --color-tab-bg-hover: rgba(36, 40, 46, 0.7);
   // 智能体标签文字颜色（选中）
   --color-tab-text: #FDFFFF;
   // 智能体标签文字颜色（未选中）
   --color-tab-text-inactive: rgba(253, 255, 255, 0.4);
+  // 智能体标签文字颜色（悬浮）
+  --color-tab-text-hover: rgba(253, 255, 255, 0.7);
   // 任务编辑框悬浮边框颜色
   --color-task-edit-hover-border: #D6D6D6;
   // 编辑图标背景色
@@ -243,10 +247,14 @@ html.dark {
   --color-tab-bg: rgba(36, 40, 46, 0.4);
   // 智能体标签选中背景色
   --color-tab-bg-active: #24282E;
+  // 智能体标签悬浮背景色
+  --color-tab-bg-hover: rgba(36, 40, 46, 0.7);
   // 智能体标签文字颜色（选中）
   --color-tab-text: #FDFFFF;
   // 智能体标签文字颜色（未选中）
   --color-tab-text-inactive: rgba(253, 255, 255, 0.4);
+  // 智能体标签文字颜色（悬浮）
+  --color-tab-text-hover: rgba(253, 255, 255, 0.7);
   // 任务编辑框悬浮边框颜色
   --color-task-edit-hover-border: #ADA9A7;
   // 编辑图标背景色