Screenshots 说明文档

# 仪表盘截图 此目录包含用于 Loki Mode README 的截图。 --- ## 必需截图 ### 1. `dashboard-agents.png` **拍摄内容：** Loki Mode 仪表盘的智能体监控部分，显示活跃的智能体。 **创建方法：** 1. 使用测试项目运行 Loki Mode： bash cd /path/to/test/project ../../autonomy/run.sh examples/simple-todo-app.md 2. 打开仪表盘： bash open .loki/dashboard/index.html 3. 等待智能体生成（应在 30-60 秒内完成） 4. 截取 **“活跃智能体”部分**，显示： - 多个智能体卡片（理想情况下可见 5-8 个） - 智能体 ID 和类型（例如："eng-frontend", "qa-001-testing"） - 模型徽章（Sonnet, Haiku, Opus）及颜色编码 - 当前正在执行的工作 - 运行时间和已完成任务统计 - 状态指示器（活跃/已完成） **推荐尺寸：** 1200px 宽（使用浏览器缩放以适应多个智能体） **保存为：** `dashboard-agents.png` --- ### 2. `dashboard-tasks.png` **拍摄内容：** 任务队列看板部分。 **创建方法：** 1. 使用上述正在运行的 Loki Mode 实例 2. 向下滚动到 **“任务队列”部分** 3. 截取显示所有四列的截图： - **待处理 (Pending)**（左列，理想情况下有 3-5 个任务） - **进行中 (In Progress)**（应至少有 1 个任务） - **已完成 (Completed)**（应显示几个已完成的任务） - **失败 (Failed)**（可以为空，没关系） 4. 确保截图显示： - 带有计数徽章的列标题 - 带有 ID、类型和描述的任务卡片 - 列与列之间清晰的分隔 **推荐尺寸：** 1200px 宽 **保存为：** `dashboard-tasks.png` --- ## 截图规范 - **格式：** PNG（为了质量和透明度支持） - **分辨率：** 至少 1200px 宽，如果可能请使用 retina/2x - **浏览器：** 使用 Chrome 或 Firefox 以获得一致的渲染效果 - **缩放：** 调整浏览器缩放以完美适应内容 (90-100%) - **干净状态：** 确保没有可见的浏览器扩展，地址栏干净 --- ## 测试截图 添加截图后，验证它们是否在 README 中正确显示： bash # 查看带有截图的 README open README.md # 或使用 Markdown 查看器 检查： - [ ] 图片加载无错误 - [ ] 分辨率清晰可读 - [ ] 颜色符合 Loki Mode 设计（奶油色背景，珊瑚色点缀） - [ ] 截图中的文字清晰可辨 --- ## 占位图片 如果您