150410awe / consume-plugin

dsh-client-ui-consume — 消耗视图（Token 用量统计）

DeepSeek Harness 的一个浏览器客户端插件：在对话视图环里新增「消耗」标签页，展示 Token 用量汇总、分请求明细表与多种可切换统计图表。

功能

• Token 消耗汇总：累计卡片（输入 / 输出 / 缓存读 / 缓存写 / 思考）
• 分请求明细表：列可拖拽调整宽度、拖拽换列顺序、时间列、列配置持久化
• 统计区（18 个统计项 × 7 种模板）
  • 统计项：每轮/每步/总缓存命中率、每轮/每步输出占比、每轮/每步输入/输出/思考/缓存读、总输入、总输入+缓存读、总思考、总缓存读、平均 token 输出/秒、总轮步
  • 模板：折线图 · 条形图 · 面积图 · 散点图 · 柱线混合 · 堆叠柱状 · 仪表盘
• 交互：滚轮循环切换统计项、选项下方青色滑动条（溢出时显示）、区块折叠
• 持久化：配置存到浏览器 localStorage（键 dsh.consume.config），无需 host half / 文件系统

包结构

dsh-client-ui-consume/
├── package.json     # 声明 dsh.client（web 平台 + 依赖）
├── lib/
│   ├── index.js     # host 半壁（空实现，插件纯浏览器侧）
│   └── client.js    # 浏览器半壁（window.__ModuleLoader__.load CJS 工厂）
└── docs/            # 附加说明

启用方式（Harness 内安装）

1. 把本包放到 Harness 的 profile 可解析目录，例如： ~/.dsh/profiles/node_modules/@deepseek-ai/dsh-client-ui-consume （或加到 profile 的 package.json 依赖后再安装）

2. 在 profile 的 cordis.patch.yml 增加一行启用：

   - insert:
       - id: ui-consume
         name: '@deepseek-ai/dsh-client-ui-consume'
   

3. 刷新浏览器页面。「消耗」标签页出现在对话视图环（紧邻「轨迹」）。

发布/分享

• 该包是标准 Harness 客户端插件形态（dsh.client + exports["./client"]）。
• 可直接提交到 GitHub，或在 B 站教程里引导安装。
• 构建/打包：把 lib/ 与 package.json 一起发布即可；如需压缩合并可参照 Harness 官方 client 插件的 tsdown 配置（浏览 @deepseek-ai/dsh-client-ui-trajectory）。

说明

• 本插件纯浏览器侧，无 host 行为，不写任何磁盘/系统配置。
• 若数据源（conversation.view 的轨迹快照 requests）中无 usage 字段，图表显示空状态。