feat(agent): 添加获取智能体详细信息接口并优化前端状态管理

- 添加获取单个智能体完整信息的API接口
- 优化前端智能体状态管理，增加详细信息缓存
- 重构配置项获取逻辑以使用缓存数据

server/routers/chat_router.py

@@ -397,17 +397,16 @@ async def call(query: str = Body(...), meta: dict = Body(None), current_user: Us
 
 @chat.get("/agent")
 async def get_agent(current_user: User = Depends(get_required_user)):
-    """获取所有可用智能体（需要登录）"""
+    """获取所有可用智能体的基本信息（需要登录）"""
     agents_info = await agent_manager.get_agents_info()
 
-    # Return agents with complete information
+    # Return agents with basic information (without configurable_items for performance)
     agents = [
         {
             "id": agent_info["id"],
             "name": agent_info.get("name", "Unknown"),
             "description": agent_info.get("description", ""),
             "examples": agent_info.get("examples", []),
-            "configurable_items": agent_info.get("configurable_items", []),
             "has_checkpointer": agent_info.get("has_checkpointer", False),
             "capabilities": agent_info.get("capabilities", []),  # 智能体能力列表
         }
@@ -417,6 +416,34 @@ async def get_agent(current_user: User = Depends(get_required_user)):
     return {"agents": agents}
 
 
+@chat.get("/agent/{agent_id}")
+async def get_single_agent(agent_id: str, current_user: User = Depends(get_required_user)):
+    """获取指定智能体的完整信息（包含配置选项）（需要登录）"""
+    try:
+        # 检查智能体是否存在
+        if not (agent := agent_manager.get_agent(agent_id)):
+            raise HTTPException(status_code=404, detail=f"智能体 {agent_id} 不存在")
+
+        # 获取智能体的完整信息（包含 configurable_items）
+        agent_info = await agent.get_info()
+
+        return {
+            "id": agent_info["id"],
+            "name": agent_info.get("name", "Unknown"),
+            "description": agent_info.get("description", ""),
+            "examples": agent_info.get("examples", []),
+            "configurable_items": agent_info.get("configurable_items", []),
+            "has_checkpointer": agent_info.get("has_checkpointer", False),
+            "capabilities": agent_info.get("capabilities", []),
+        }
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"获取智能体 {agent_id} 信息出错: {e}")
+        raise HTTPException(status_code=500, detail=f"获取智能体信息出错: {str(e)}")
+
+
 @chat.post("/agent/{agent_id}")
 async def chat_agent(
     agent_id: str,

web/src/stores/agent.js

@@ -16,6 +16,9 @@ export const useAgentStore = defineStore('agent', () => {
   const agentConfig = ref({})
   const originalAgentConfig = ref({})
 
+  // 智能体详情相关状态
+  const agentDetails = ref({}) // 存储每个智能体的详细信息（含 configurable_items）
+
   // 工具相关状态
   const availableTools = ref([])
 
@@ -23,6 +26,7 @@ export const useAgentStore = defineStore('agent', () => {
   const isLoadingAgents = ref(false)
   const isLoadingConfig = ref(false)
   const isLoadingTools = ref(false)
+  const isLoadingAgentDetail = ref(false)
 
   // 错误状态
   const error = ref(null)
@@ -44,10 +48,12 @@ export const useAgentStore = defineStore('agent', () => {
   const isDefaultAgent = computed(() => selectedAgentId.value === defaultAgentId.value)
 
   const configurableItems = computed(() => {
-    const agent = selectedAgentId.value ? agents.value.find(a => a.id === selectedAgentId.value) : null
-    if (!agent || !agent.configurable_items) return {}
+    const agentId = selectedAgentId.value
+    if (!agentId || !agentDetails.value[agentId] || !agentDetails.value[agentId].configurable_items) {
+      return {}
+    }
 
-    const agentConfigurableItems = agent.configurable_items
+    const agentConfigurableItems = agentDetails.value[agentId].configurable_items
     const items = { ...agentConfigurableItems }
     Object.keys(items).forEach(key => {
       const item = items[key]
@@ -76,13 +82,21 @@ export const useAgentStore = defineStore('agent', () => {
 
       if (!selectedAgentId.value || !agents.value.find(a => a.id === selectedAgentId.value)) {
         if (defaultAgentId.value && agents.value.find(a => a.id === defaultAgentId.value)) {
-          selectAgent(defaultAgentId.value)
+          await selectAgent(defaultAgentId.value)
         } else if (agents.value.length > 0) {
           const firstAgentId = agents.value[0].id
-          selectAgent(firstAgentId)
+          await selectAgent(firstAgentId)
         }
       } else {
         console.log('Condition FALSE: Persisted selected agent is valid. Keeping it.')
+        // 确保已缓存的智能体详细信息存在
+        if (selectedAgentId.value && !agentDetails.value[selectedAgentId.value]) {
+          try {
+            await fetchAgentDetail(selectedAgentId.value)
+          } catch (err) {
+            console.warn(`Failed to fetch agent detail for ${selectedAgentId.value}:`, err)
+          }
+        }
       }
 
       if (selectedAgentId.value) {
@@ -120,6 +134,35 @@ export const useAgentStore = defineStore('agent', () => {
     }
   }
 
+  /**
+   * 获取单个智能体的详细信息（包含配置选项）
+   * @param {string} agentId - 智能体ID
+   */
+  async function fetchAgentDetail(agentId) {
+    if (!agentId) return
+
+    // 如果已经缓存了详细信息，直接返回
+    if (agentDetails.value[agentId]) {
+      return agentDetails.value[agentId]
+    }
+
+    isLoadingAgentDetail.value = true
+    error.value = null
+
+    try {
+      const response = await agentApi.getAgentDetail(agentId)
+      agentDetails.value[agentId] = response
+      return response
+    } catch (err) {
+      console.error(`Failed to fetch agent detail for ${agentId}:`, err)
+      handleChatError(err, 'fetch')
+      error.value = err.message
+      throw err
+    } finally {
+      isLoadingAgentDetail.value = false
+    }
+  }
+
   /**
    * 获取默认智能体
    */
@@ -152,12 +195,20 @@ export const useAgentStore = defineStore('agent', () => {
   /**
    * 选择智能体
    */
-  function selectAgent(agentId) {
+  async function selectAgent(agentId) {
     if (agents.value.find(a => a.id === agentId)) {
       selectedAgentId.value = agentId
       // 清空之前的配置
       agentConfig.value = {}
       originalAgentConfig.value = {}
+
+      // 自动获取智能体详细信息（包含 configurable_items）
+      try {
+        await fetchAgentDetail(agentId)
+      } catch (err) {
+        console.warn(`Failed to fetch agent detail for ${agentId}:`, err)
+        // 不抛出错误，允许继续选择智能体
+      }
     }
   }
 
@@ -262,10 +313,12 @@ export const useAgentStore = defineStore('agent', () => {
     defaultAgentId.value = null
     agentConfig.value = {}
     originalAgentConfig.value = {}
+    agentDetails.value = {}
     availableTools.value = []
     isLoadingAgents.value = false
     isLoadingConfig.value = false
     isLoadingTools.value = false
+    isLoadingAgentDetail.value = false
     error.value = null
     isInitialized.value = false
   }
@@ -277,10 +330,12 @@ export const useAgentStore = defineStore('agent', () => {
     defaultAgentId,
     agentConfig,
     originalAgentConfig,
+    agentDetails,
     availableTools,
     isLoadingAgents,
     isLoadingConfig,
     isLoadingTools,
+    isLoadingAgentDetail,
     error,
     isInitialized,
 
@@ -295,6 +350,7 @@ export const useAgentStore = defineStore('agent', () => {
     // 方法
     initialize,
     fetchAgents,
+    fetchAgentDetail,
     fetchDefaultAgent,
     setDefaultAgent,
     selectAgent,