diff --git a/src/config/app.py b/src/config/app.py
index 5e638959..98543fe5 100644
--- a/src/config/app.py
+++ b/src/config/app.py
@@ -70,7 +70,7 @@ class Config(BaseModel):
     # ============================================================
     # 智能体配置
     # ============================================================
-    default_agent_id: str = Field(default="", description="默认智能体ID")
+    default_agent_id: str = Field(default="ChatbotAgent", description="默认智能体ID")
 
     # ============================================================
     # 模型信息（只读，不持久化）
@@ -149,6 +149,11 @@ class Config(BaseModel):
                 else:
                     logger.warning(f"Unknown config key: {key}")
 
+            # 确保默认智能体为 ChatbotAgent（兼容旧配置）
+            if not self.default_agent_id:
+                self.default_agent_id = "ChatbotAgent"
+                logger.info("default_agent_id not set, using default: ChatbotAgent")
+
         except Exception as e:
             logger.error(f"Failed to load config from {self._config_file}: {e}")
 
diff --git a/web/src/components/ToolCallingResult/BaseToolCall.vue b/web/src/components/ToolCallingResult/BaseToolCall.vue
index 8f377ee9..a0db2e66 100644
--- a/web/src/components/ToolCallingResult/BaseToolCall.vue
+++ b/web/src/components/ToolCallingResult/BaseToolCall.vue
@@ -10,10 +10,10 @@
 
       <!-- Fixed Status Icon -->
       <span v-if="toolCall.status === 'success' || toolCall.tool_call_result">
-        <CircleCheckBig size="16" class="tool-loader tool-success" />
+        <component :is="toolIcon" size="16" class="tool-loader tool-success" />
       </span>
       <span v-else-if="toolCall.status === 'error'">
-        <CircleCheckBig size="16" class="tool-loader tool-error" />
+        <XCircle size="16" class="tool-loader tool-error" />
       </span>
       <span v-else>
         <Loader size="16" class="tool-loader rotate tool-loading" />
@@ -93,7 +93,26 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import { Loader, CircleCheckBig, ChevronsUpDown, ChevronsDownUp } from 'lucide-vue-next'
+import {
+  Loader,
+  CircleCheckBig,
+  ChevronsUpDown,
+  ChevronsDownUp,
+  FileText,
+  FileEdit,
+  FilePen,
+  FolderSearch,
+  Folder,
+  Database,
+  BookOpen,
+  Globe,
+  BarChart3,
+  Image,
+  Calculator,
+  CheckSquare,
+  Wrench,
+  XCircle
+} from 'lucide-vue-next'
 import { useAgentStore } from '@/stores/agent'
 import { storeToRefs } from 'pinia'
 
@@ -129,6 +148,31 @@ const toolName = computed(() => {
   return tool ? tool.name : toolId
 })
 
+// Tool Icon Mapping
+const toolIcon = computed(() => {
+  const name = toolName.value.toLowerCase()
+  // 文件操作
+  if (name.includes('read_file') || name.includes('file')) return FileText
+  if (name.includes('write_file')) return FileEdit
+  if (name.includes('edit_file') || name.includes('replace')) return FilePen
+  if (name.includes('glob') || name.includes('search_file')) return FolderSearch
+  if (name.includes('list_directory') || name.includes('ls')) return Folder
+  // 数据库
+  if (name.includes('mysql')) return Database
+  // 知识库/搜索
+  if (name.includes('kb') || name.includes('knowledge')) return BookOpen
+  if (name.includes('web_search') || name.includes('tavily')) return Globe
+  // 图表/图像
+  if (name.includes('chart')) return BarChart3
+  if (name.includes('image') || name.includes('img')) return Image
+  // 计算
+  if (name.includes('calc') || name.includes('math')) return Calculator
+  // 任务
+  if (name.includes('task') || name.includes('todo')) return CheckSquare
+  // 默认
+  return Wrench
+})
+
 // Args Logic
 const formattedArgs = computed(() => {
   const args = props.toolCall.args ? props.toolCall.args : props.toolCall.function?.arguments
@@ -242,7 +286,7 @@ const formatResultData = (data) => {
     }
 
     .tool-loader.tool-success {
-      color: var(--color-success-500);
+      color: var(--main-color);
     }
 
     .tool-loader.tool-error {