分享一个自己做的 AI 编程 Agent 监控面板， 3D 机器人实时可视化

[zsf520zsf]

最近一直在用 Claude Code 写代码，经常同时开好几个会话，切来切去看哪个在等我 approve ，哪个跑完了，哪个卡住了。终端一多完全顾不过来。

所以做了这个本地监控面板：**AI Agent Session Center**。每个会话在 3D 场景里生成一个机器人，实时反映 Agent 状态。

最好用的几个功能：
- **Approval 警报** — 需要批准权限时黄色闪烁 + 声音提醒，再也不会漏掉
- **内置终端** — 直接从面板管理所有终端会话，不用切来切去
- **Prompt 队列** — 拖拽排序，批量给 Agent 喂 prompt
- **书签标记** — terminal 输出和代码文件都能打书签加备注，review 的时候一键跳回关键位置，不用再满屏翻找"刚才 AI 改了哪里"、"那段回答说了什么"
- **历史搜索** — 所有 prompt 、response 、工具调用全文搜索，之前让 Agent 干过什么随时翻出来
- **实时文件浏览** — Markdown 渲染、PDF 预览、代码高亮，多窗口分屏随便开。吐槽一下 VS Code 的 Markdown 预览，又卡又丑还经常渲染出 bug ，用过的都懂...
- **Session resume** — 断开的会话一键重连
- **Team 可视化** — Sub-agent 之间的关系一目了然
- **电脑手机都能用** — 响应式设计，手机上也能看 Agent 状态、收到警报，出门在外也不用担心漏掉 approval

hook 是轻量 bash 脚本，端到端延迟 3-17ms ，对 CLI 几乎零影响。目前主要支持 Claude Code ，Gemini CLI 和 Codex 支持很快加进来。

```
npx ai-agent-session-center
```

GitHub: https://github.com/coding-by-feng/ai-agent-session-center

MIT 开源，欢迎试用和反馈。