dsh-client-ui-trace-graph

DSH 官方「轨迹」tab 是一张功能强大的检查表格，但扁平的列表很难让人一眼看清执行顺序、因果嵌套和 agent loop 的整体结构。这个插件读取同一份 trajectory 台账，把它渲染成一张交互式 ReactFlow 有向图，为一次会话的运行过程补上空间维度。

图中用两种边区分语义：灰色虚线序边永远表示「先发生什么、后发生什么」，彩色实线结构边只在行字段能证明因果或嵌套关系时才出现，绝不凭空画箭头。节点按 SYSTEM、USER、CONTEXT、ASSISTANT、TOOL、SUBTOOL、COMPACTION 分类型着色，节点体上直接展示摘要、序号、延迟、状态和 token 用量，点击即可翻阅对应的 Input / Output JSON。工具栏可一键切换 dagre 层级布局（适合读因果深度）和 d3-force 力导向布局（适合看整体分布），悬停还会高亮上下游邻居。

它挂载为官方对话视图的一个并列 tab，不弹模态框、不抢占中部编辑区，配色跟随 --dsw-* 主题自动适配，与官方壳体完全一致。如果你日常调试 agent 循环、排查工具调用链路、或需要向团队可视化解释一次会话的执行结构，打开「轨迹图谱」tab 就能把表格里的关系变成一张一眼可读的图。