84 lines
4.1 KiB
Markdown
84 lines
4.1 KiB
Markdown
|
# Agent Dashboard 页面设计规格
|
|||
|
|
|
|||
|
|
## 概述
|
|||
|
|
|
|||
|
|
为 Jarvis 系统设计一个 Agent 管理页面，以全息战术投影（Holographic Tactical HUD）风格可视化展示 Master + 4 Sub-Agent 的组织架构，支持查看状态和配置。
|
|||
|
|
|
|||
|
|
## 视觉风格
|
|||
|
|
|
|||
|
|
- **主题**：全息战术投影（科幻指挥台）
|
|||
|
|
- **背景**：#03050a 深空黑 + 微弱网格线 + 全息扫描线纹理
|
|||
|
|
- **节点样式**：半透明玻璃态卡片，悬浮空中，全息光晕边框
|
|||
|
|
- **字体**：Orbitron（标题）+ JetBrains Mono（正文）
|
|||
|
|
- **配色**：Cyan #00f5d4 主色，Amber #f9a825 强调色，Red #ff4757 危险色
|
|||
|
|
|
|||
|
|
## 布局结构
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌──────────────────────────────────────────────────────────┐
|
|||
|
|
│ AGENT COMMAND CENTER [刷新] [新增] │
|
|||
|
|
├──────────────────────────────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ ┌─────────────────────┐ │
|
|||
|
|
│ │ MASTER CORE │ │
|
|||
|
|
│ │ JARVIS 指挥官 │ │
|
|||
|
|
│ │ [●] 状态灯 │ │
|
|||
|
|
│ └─────────┬──────────┘ │
|
|||
|
|
│ │ │
|
|||
|
|
│ ┌───────────────┼───────────────┐ │
|
|||
|
|
│ ▼ ▼ ▼ │
|
|||
|
|
│ ┌───────────┐ ┌───────────┐ ┌───────────┐ │
|
|||
|
|
│ │ PLANNER │ │ EXECUTOR │ │LIBRARIAN │ │
|
|||
|
|
│ │ [●] │ │ [●] │ │ [●] │ │
|
|||
|
|
│ │ 规划者 │ │ 执行者 │ │ 知识官 │ │
|
|||
|
|
│ │ 调用:12 │ │ 调用:8 │ │ 调用:5 │ │
|
|||
|
|
│ └───────────┘ └───────────┘ └───────────┘ │
|
|||
|
|
│ │ │
|
|||
|
|
│ ▼ │
|
|||
|
|
│ ┌───────────┐ │
|
|||
|
|
│ │ ANALYST │ │
|
|||
|
|
│ │ [●] │ │
|
|||
|
|
│ │ 分析师 │ │
|
|||
|
|
│ │ 调用:3 │ │
|
|||
|
|
│ └───────────┘ │
|
|||
|
|
│ │
|
|||
|
|
└──────────────────────────────────────────────────────────┘
|
|||
|
|
|
|||
|
|
点击节点 → 右侧滑出配置抽屉
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 节点卡片字段
|
|||
|
|
|
|||
|
|
- 名称（Orbitron）
|
|||
|
|
- 角色标签（中文）
|
|||
|
|
- 状态灯：绿色脉冲=活跃，灰色=空闲
|
|||
|
|
- 角色描述（2行）
|
|||
|
|
- 调用次数（今日）
|
|||
|
|
- 当前任务摘要
|
|||
|
|
|
|||
|
|
## 连接线
|
|||
|
|
|
|||
|
|
- 虚线连接 Master → Sub-Agent
|
|||
|
|
- 任务触发时：琥珀色脉冲光点沿路径流向目标节点
|
|||
|
|
|
|||
|
|
## 配置面板（右侧抽屉 400px）
|
|||
|
|
|
|||
|
|
- Agent 名称
|
|||
|
|
- 角色描述
|
|||
|
|
- 系统提示词（textarea）
|
|||
|
|
- 启用/停用开关
|
|||
|
|
- 保存 / 重置按钮
|
|||
|
|
|
|||
|
|
## 数据来源
|
|||
|
|
|
|||
|
|
- 固定结构：前端 `src/data/agents.ts`
|
|||
|
|
- 运行时状态：`/api/agents/stats`
|
|||
|
|
|
|||
|
|
## API 设计
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
GET /api/agents/stats → { agent_id, call_count, current_task, status }
|
|||
|
|
GET /api/agents/config/{id} → 返回单个 Agent 完整配置
|
|||
|
|
PUT /api/agents/config/{id} → 更新 name/description/system_prompt/enabled
|
|||
|
|
```
|