Multi-Agent Observability System：实时监控多智能体交互，揭示 C

Multi-Agent Observability System：实时监控多智能体交互，揭示 Claude Code Agent 行为全貌。

• 通过 Hook 事件捕获、存储与可视化，实现多 Agent 并发监控，支持会话追踪、事件过滤与实时更新。

• 端到端架构：Claude Agents → Hook 脚本 → Bun Server (TS) → SQLite 数据库 → WebSocket → Vue3 客户端。

• 支持多种事件类型（工具调用前后、用户提示提交、通知、子代理结束等），每类事件均提供专属钩子脚本，确保精准数据采集与安全验证。

• 可视化界面包含实时脉冲图、会话颜色区分、事件类别 Emoji 标记、语法高亮聊天记录，兼容深色/浅色主题，响应式设计流畅体验。

• 安装配置便捷：复制 .claude 目录至项目根目录，修改 settings.json 绑定项目标识，即刻开启事件上报。

• 安全机制全面：阻断危险命令（如 rm -rf），防护敏感文件访问，输入全验证，核心功能无外部依赖。

• 支持多 API Key 配置（Anthropic Claude、OpenAI、ElevenLabs），扩展多模型与语音功能。

• 内置绝对路径转换工具，解决 Hook 脚本路径执行障碍，确保跨项目稳定运行。

• 适用场景广泛，助力开发者深入理解 Agent 行为，优化多 Agent 协作流程，打造更智能的 AI 编码体验。