@tieveto666-code/dsh-client-ui-trace-graph
dsh Web GUI 的 Trace DAG 可视化工具：会话视图标签页，可将官方轨迹快照投影为使用 dagre / d3-force 布局的 ReactFlow 跟踪图，并提供悬停高亮和滑出式详情面板。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:tieveto666-code/dsh-client-ui-trace-graph#06629e85ce2317ebb1b9668885e18f79eee8e965
Client Ui Trace Graph 以 @tieveto666-code/dsh-client-ui-trace-graph 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
English | 中文
Turn the official DSH Web GUI trajectory ledger into an interactive DAG: the same live records as the built-in「轨迹」tab, rendered as a ReactFlow graph so you can see execution order and proven structure at a glance.
Official「轨迹」is a powerful inspection table. This plugin keeps that same source of truth and adds a spatial reading of the run:
snapshot.views.get('trajectory') (plus safe fallbacks). What you see in the graph is what the session already recorded, not a mock or a parallel log.--dsw-* themes and skins.| Visual | Meaning |
|---|---|
Gray dashed edge (sequence) | Chronological execution order. Always drawn between adjacent trajectory records: A happened, then B. Legend: 「执行顺序 / Sequence」. |
Colored solid edge (structure) | Proven structure / causality (semantic color by target label). Emitted only when fields prove a link — e.g. prompt/context → next assistant, assistant → tool call, tool/subtool nesting, tool result consumed by a later assistant. Legend: 「结构关系 / Structure」. |
| Node label | Real trajectory label (SYSTEM, USER, CONTEXT, ASSISTANT, TOOL, …). |
| Node body | Real summary, sequence number, latency, status, token usage. |
| Detail panel | Click a node to inspect recorded Input / Output JSON. |
Reading tip: gray only = order is known, stronger relationship is not proven; gray + color = order plus a verified upstream/downstream link.
enabled, announceToAgent, defaultLayout.^22.19 || >=24dsh web install (official @deepseek-ai/dsh SDK)dsh plugin --profile web add github:tieveto666-code/dsh-client-ui-trace-graph
pnpm ≥10 may block the package prepare script on first install. If dsh tells you to allow builds, add the printed package key to that profile's pnpm-workspace.yaml under allowBuilds, then run add again.
git clone https://github.com/tieveto666-code/dsh-client-ui-trace-graph.git
cd dsh-client-ui-trace-graph
pnpm install
pnpm build
dsh plugin --profile web add link:$(pwd)
Restart dsh web and refresh the page; the Trace Graph tab appears beside the conversation tabs.
pnpm install
pnpm typecheck
pnpm test
pnpm build
After upgrading @xyflow/react, regenerate the scoped ReactFlow stylesheet:
pnpm gen:reactflow-css
The browser adapter projects each live trajectory row into a TraceSpan, preserving label, summary, source seq, turn, step, status, timing, and Input/Output references. Every pair of adjacent records gets a sequence edge; structure edges are added only for relationships proven by row fields (see How to read the graph).
backdrop-filter on nodes.MIT © Changsheng Tie (tieveto666-code)