From b4f0b6e11ff957b9494f9d88eb3e3255ae8d753d Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Tue, 24 Mar 2026 22:48:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E6=9B=B4=E6=96=B0=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E4=BD=93=E5=90=8D=E7=A7=B0=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E6=98=A0=E5=B0=84=E5=92=8C=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../yuxi/agents/buildin/chatbot/graph.py      |  2 +-
 .../yuxi/agents/buildin/deep_agent/graph.py   |  2 +-
 web/src/components/AgentChatComponent.vue     | 55 ++++++++++++++++---
 3 files changed, 48 insertions(+), 11 deletions(-)

diff --git a/backend/package/yuxi/agents/buildin/chatbot/graph.py b/backend/package/yuxi/agents/buildin/chatbot/graph.py
index 39ef8086..cdbfd80f 100644
--- a/backend/package/yuxi/agents/buildin/chatbot/graph.py
+++ b/backend/package/yuxi/agents/buildin/chatbot/graph.py
@@ -26,7 +26,7 @@ def _create_fs_backend(rt):
 
 
 class ChatbotAgent(BaseAgent):
-    name = "智能体助手"
+    name = "智能助手"
     description = "基础的对话机器人，可以回答问题，可在配置中启用需要的工具。"
     capabilities = ["file_upload", "files", "todo"]  # 支持文件上传功能
     metadata = {
diff --git a/backend/package/yuxi/agents/buildin/deep_agent/graph.py b/backend/package/yuxi/agents/buildin/deep_agent/graph.py
index bedde887..5de57394 100644
--- a/backend/package/yuxi/agents/buildin/deep_agent/graph.py
+++ b/backend/package/yuxi/agents/buildin/deep_agent/graph.py
@@ -28,7 +28,7 @@ def _create_fs_backend(rt):
 
 
 class DeepAgent(BaseAgent):
-    name = "深度分析智能体"
+    name = "深度分析"
     description = "具备规划、深度分析和子智能体协作能力的智能体，可以处理复杂的多步骤任务"
     context_schema = DeepContext
     capabilities = ["file_upload", "files", "todo"]  # 支持文件上传功能
diff --git a/web/src/components/AgentChatComponent.vue b/web/src/components/AgentChatComponent.vue
index 2a5d6fae..bfc0f5f0 100644
--- a/web/src/components/AgentChatComponent.vue
+++ b/web/src/components/AgentChatComponent.vue
@@ -219,13 +219,13 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, watch, nextTick, computed, onUnmounted } from 'vue'
+import { ref, reactive, onMounted, watch, nextTick, computed, onUnmounted, h } from 'vue'
 import { message } from 'ant-design-vue'
 import AgentInputArea from '@/components/AgentInputArea.vue'
 import AgentMessageComponent from '@/components/AgentMessageComponent.vue'
 import ChatSidebarComponent from '@/components/ChatSidebarComponent.vue'
 import RefsComponent from '@/components/RefsComponent.vue'
-import { PanelLeftOpen, MessageCirclePlus, LoaderCircle } from 'lucide-vue-next'
+import { PanelLeftOpen, MessageCirclePlus, LoaderCircle, Bot, Telescope } from 'lucide-vue-next'
 import { handleChatError, handleValidationError } from '@/utils/errorHandler'
 import { ScrollController } from '@/utils/scrollController'
 import { AgentValidator } from '@/utils/agentValidator'
@@ -473,11 +473,28 @@ const conversations = computed(() => {
   return historyConvs
 })
 
+// 智能体图标映射
+const agentIconMap = {
+  ChatbotAgent: Bot,
+  DeepAgent: Telescope
+}
+
+const getAgentIconComponent = (agentId) => {
+  return agentIconMap[agentId] || Bot
+}
+
 const agentSegmentOptions = computed(() => {
-  return (agents.value || []).map((agent) => ({
-    label: agent.name || 'Unknown',
-    value: agent.id
-  }))
+  return (agents.value || []).map((agent) => {
+    const IconComponent = getAgentIconComponent(agent.id)
+    return {
+      label: () =>
+        h('div', { class: 'agent-option-label' }, [
+          h(IconComponent, { size: 16, class: 'agent-option-icon' }),
+          h('span', null, agent.name || 'Unknown')
+        ]),
+      value: agent.id
+    }
+  })
 })
 
 const showStartAgentSegment = computed(() => {
@@ -1599,11 +1616,11 @@ watch(currentChatId, (threadId, oldThreadId) => {
 }
 
 .chat-examples-input {
-  padding: 32px 0;
+  padding: 24px 0;
   text-align: center;
 
   h1 {
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     color: var(--gray-1000);
     margin: 0;
   }
@@ -1612,7 +1629,7 @@ watch(currentChatId, (threadId, oldThreadId) => {
 .agent-segment-wrapper {
   width: fit-content;
   max-width: 100%;
-  margin: 0 auto 10px;
+  margin: 0 auto 18px;
   overflow-x: auto;
   scrollbar-width: none;
 
@@ -1869,6 +1886,26 @@ watch(currentChatId, (threadId, oldThreadId) => {
     }
   }
 }
+
+// 智能体选择器的图标对齐
+.agent-segment-wrapper {
+  :deep(.ant-segmented-item-label) {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  :deep(.agent-option-label) {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  :deep(.agent-option-icon) {
+    flex-shrink: 0;
+    color: var(--gray-600);
+  }
+}
 </style>
 
 <style lang="less">