:把AI Agent执行过程逐步可视化)
Munder Difflin工具瀑布图Tool Waterfall把AI Agent执行过程逐步可视化【免费下载链接】munder-difflinA local multi-agent harness that works with your existing Claude Code, Codex subscriptions, allows you to run an office of agents项目地址: https://gitcode.com/GitHub_Trending/mu/munder-difflinMunder Difflin是一个本地多智能体multi-agent运行框架能复用你已有的 Claude Code、Codex 订阅让你像管理一间办公室一样管理一群 AI Agent。而其中的**工具瀑布图Tool Waterfall**功能则把每个 Agent 的执行过程逐步可视化它调用了哪些工具、按什么顺序执行、每一步花了多久、成功还是失败、累计花掉了多少费用全部一目了然。什么是工具瀑布图当你同时运行 5 个、10 个 Agent 时最大的问题不是它们能不能干活而是你能不能看懂它们在干什么。传统的做法是盯着终端输出翻日志——慢、乱、还容易错过关键信息。Munder Difflin 的工具瀑布图换了一种思路每个 Agent 的每次工具调用 瀑布图中的一条横向色条色条宽度正比于该次调用的耗时哪一步最耗时一眼就能看出色条颜色表示结果绿色mint 成功珊瑚红coral 失败每次调用旁标注工具名称、耗时和 ✓ / ✗ 状态就像性能分析工具里的瀑布图一样但它是实时的跟着 Agent 的执行同步生长。如何找到并打开工具瀑布图使用步骤非常简单打开 Munder Difflin进入某个 Agent 的详情面板在右侧栏切换到Traces追踪标签页瀑布图会实时展示该 Agent 最近 60 次工具调用对应源码位于 src/renderer/src/components/ToolWaterfall.tsx它被集成在 Agent 详情面板中src/renderer/src/components/AgentDetailPanel.tsx。顶部成本带费用与缓存命中率瀑布图上方有一条成本头带同样来自遥测数据展示累计花费美元新鲜 token新输入 缓存创建⚡缓存命中cache read token 数及百分比当前模型名称与 token 总量这个设计解决了多智能体场景下一个很实际的痛点你不仅知道 Agent 干了什么还知道每一步值多少钱以及缓存帮你在多大比例上省了钱。对于跑整夜任务的 Agent 编队来说这种成本可视化几乎必不可少。瀑布图背后是怎么工作的整个功能由三层协作完成层级职责关键文件主进程遥测从 Agent 会话的tool_result事件中捕获工具调用记录工具名、耗时、成功与否按 Agent 分桶src/main/telemetry.ts渲染进程 HookuseAgentSpans为每个 Agent 维护 span 列表实时追加新事件src/renderer/src/hooks/useTelemetry.ts可视化组件ToolWaterfall把 span 数组渲染成横向瀑布条src/renderer/src/components/ToolWaterfall.tsx几个细节设计值得一提环形缓冲每个 Agent 保留最近 200 条 span界面只显示最新 60 条既保证长期运行不占内存又让视图始终可读悬停查看错误失败的调用悬停可见具体错误信息不用切回终端宽度保底耗时极短的调用色条也有最小宽度不会消失该能力在官方变更日志中描述为每个 Agent 的工具 span 瀑布图展示 Agent 在其回合中做了什么——哪些工具调用被执行、按什么顺序、耗时多久见 CHANGELOG.md。为什么它对新手特别有用 常见困惑瀑布图给出的答案Agent 卡住了最长的那根条就是它正在做的事为什么这么慢一眼定位耗时最长的工具调用它失败了吗红色coral条 ✗ 标记花了多少钱顶部成本带实时显示缓存命中率也可见它在做什么按时间顺序逐步回放工具调用对刚接触多智能体编排的新手来说工具瀑布图相当于把黑盒执行变成了透明车间——你不需要读日志、不需要会读 OTel span打开 Traces 标签就能看到 Agent 工作的每一步。相关资源架构说明中对该组件的定位docs/ARCHITECTURE.mdper-agent tool-span waterfall for the observability view命令中心完整指南含工具瀑布图用法blog/src/posts/command-center-guide.mdAgent 编队可观测性实践blog/src/posts/observability-for-agent-fleets.md遥测设计说明TELEMETRY.md一句话总结Munder Difflin 的工具瀑布图用色条长度 耗时、颜色 成败的直观语法把 AI Agent 的执行过程逐步可视化让你对一群本地 Agent 的行为与花费尽在掌握。【免费下载链接】munder-difflinA local multi-agent harness that works with your existing Claude Code, Codex subscriptions, allows you to run an office of agents项目地址: https://gitcode.com/GitHub_Trending/mu/munder-difflin创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考