BLueMooneer/dsh-tracelens--packages-client-ui-agent-map ↗★ 1

@deepseek-ai/dsh-client-ui-agent-map

基于浏览器会话投影生成可交互的对话流程图,展示各节点 Token 用量。 适合需要可视化对话流程与 Token 消耗的用户,点击节点或仪表盘可联动查看用量。

套件
@deepseek-ai/dsh-client-ui-agent-map
相容性
待驗證
Harness 依賴範圍
workspace:^
Cordis 依賴範圍
workspace:^
版本
0.1.0-rc.5
授權
MIT
最近更新
2026年8月15日

安裝

此插件尚未提供可驗證的 bundle,或相容性檢查未通過。請先閱讀倉庫說明。 閱讀完整 README ↗

Token usage

Each finalized Assistant usage sample is validated at the public snapshot boundary and totaled as uncached input + output + cache reads + cache writes. reasoningTokens is displayed but is not added again because it is already included in outputTokens. Selecting a model response opens a two-by-two Token card above that node with inputTokens, outputTokens, cacheReadTokens, and reasoningTokens, highlights the same call's dashboard segment, and dims the other segments; selecting a dashboard segment selects that same canvas node. cacheWriteTokens remains part of totals but is omitted from the fixed four-cell quick card. The taller dashboard uses enlarged type, and its expanded call list matches the dashboard width. Its denominator is the sum of the loaded model calls, including Tool-call-only Assistant records, so every segment has one visible Model-lane node. It reports the loaded conversation window rather than a hidden all-history total. Calls without a recorded usage sample are absent instead of being estimated.

The presentation uses the host theme's semantic colors rather than fixed light or dark values: node accents, status text, focus outlines, edge glow, glass surfaces, and the canvas grid therefore retain their hierarchy in both appearance modes. A slow aurora, scanning beam, flowing Tool edges, running-node beacon, selected-node circuit, and spatial detail-card entrance add HUD motion without changing graph geometry or React state. prefers-reduced-motion disables every continuous or entrance animation. Status remains written on every node, so color is never its only indicator.