# Agent Registry Web UI — TODO

## Phase 1: 基础设施 + API 层 ✅

- [x] **1.1** 前端 API 层补齐
  - [x] `api/index.js`: 新增 `getAgentConfig()` — `GET /agents/config`
  - [x] `api/index.js`: 新增 `getAgentHealth(name)` — `GET /agents/:name/health`
  - [x] `api/index.js`: 新增 `getSessionStats()` — `GET /agents/sessions`

- [x] **1.2** 路由注册
  - [x] `router/index.js`: 新增 `/agents` 路由 → `AgentRegistry.vue` (lazy load)

- [x] **1.3** 导航入口
  - [x] `TaskList.vue` Hero 区域: 新增 "Agent 管理" 按钮 → `/agents`

## Phase 2: AgentRegistry 页面 — 核心视图 ✅

- [x] **2.1** `views/AgentRegistry.vue` — 页面骨架
  - [x] 统计概览栏：Agent 总数 / Backend 数 / Launcher 数 / Group 数
  - [x] Tab 切换：按组查看 / 按类型查看 / 执行后端
  - [x] 使用 `getAgentConfig()` 一次性加载全量配置
  - [x] Loading 状态 + 空状态处理

- [x] **2.2** `components/agent/AgentRow.vue` — Agent 行
  - [x] 按组查看模式：以 Group 为卡片，内嵌 Agent 行
  - [x] 按类型查看模式：以 Type 为分组，展示所有同类型 Agent
  - [x] 每个 Agent 行：名称 + 类型 Tag + 描述 + 四维标签
  - [x] 展开行：查看四维详情 + Prompt 路径

- [x] **2.3** `components/agent/BackendPanel.vue` — 执行后端
  - [x] CLI Backends 卡片网格：id, command, sessionMode, 引用计数
  - [x] Launchers 卡片网格：name, type, command, 引用计数

## Phase 3: NewTask 精简 ✅

- [x] **3.1** 移除 `AgentConfigModal.vue` 及相关逻辑
  - [x] `NewTask.vue`: 移除 `detailModalVisible`、`detailGroupId`、`AgentConfigModal` import
  - [x] `NewTask.vue`: "配置"按钮改为 `router.push('/agents')`

- [x] **3.2** `AgentGroupSelector.vue` 增强
  - [x] 对于已设置 override 的 Agent，在组卡片上显示 cyan 标签 `coder → claude-cli`
  - [x] 详情按钮改为 "管理" + SettingOutlined icon
  - [x] 新增 `overrides` prop，NewTask 传入 `form.agentOverrides`

- [x] **3.3** 清理
  - [x] 删除 `components/task/AgentConfigModal.vue`
  - [x] 删除 `components/task/AgentCard.vue`

## Phase 4: 打磨 ✅

- [x] **4.1** 样式对齐
  - [x] AgentRegistry 页面使用 PageLayout + 全局样式体系
  - [x] 与 TaskList 页面视觉风格统一（深色背景 + 毛玻璃统计）

- [x] **4.2** 交互细节
  - [x] Agent 行 hover 高亮
  - [x] 四维标签配色：cliBackend=cyan, protocol=geekblue, transport=volcano, launcher=orange
  - [x] 空状态处理（无 Agent 组时显示提示）
  - [x] Loading spinner

- [x] **4.3** 响应式适配
  - [x] 移动端布局（stat-pill wrap、卡片全宽、tab overflow-x）

- [x] **4.4** 构建验证
  - [x] `vite build` 无错误 ✅
  - [x] 后端单测全绿 110/110 ✅
  - [x] AgentRegistry lazy load chunk: 5.64KB CSS + 13.5KB JS ✅