dsh-web
zhu1090093659/dsh-webDeepSeek Harness(DSH)Web 插件聚合生态包 · 一切皆插件,创意工坊分发(dsh-market.com)
Per-session billing plugin for DeepSeek Harness: token buckets, cache hit rate, and peak-aware cost in the session header + a price-table settings page
DeepSeek Harness 的按会话计费插件:在每个会话右上角展示当前会话的 token 用量与费用(含缓存命中/未命中/写入区分、缓存命中率、按请求时刻归属的高峰/空闲计价、按请求长度取档的分段计价、法定节假日日历),并提供 GUI 设置页编辑价格表。
第三方 bundle:装进任意 dsh profile 即可,不改主仓库任何代码。复用 dsh-better-sidebar 的成熟第三方模式(自建 fenced /billing/api 路由 + session-projection 单元 + 纯平台模块的 client bundle)。
除特别标注的一张外,以下截图取自 v0.3.32 之后的构建(DSH
0.2.0-rc.2)。
会话头部费用徽标(当前会话费用 + 高峰/空闲标签):

hover / 点击展开的统计卡片:token 用量与缓存命中率、按币种并列的费用、逐轮新增迷你图、子代理费用、上下文占用条:

子代理小节的状态点直接复用官方 StateDot,判据与官方花名册同源(dsh-subagent 的 subagentTiming.lastTurnCompleted)——实心绿点 = 已完成、旋转环 = 运行中、中性点 = 当前未运行:

逐轮消耗详情面板(费用柱状图 + 四段 token 堆叠图 + 明细表,「按轮次」/「按请求」两种粒度):

设置页 →「插件」→「计费价格配置」:每个模型的四价与分段计费开关 · 每个模型可配多个高峰窗口(生效星期 + 每段价格):
| 模型四价 + 分段计费开关 | 高峰时段(生效星期 + 每段价格) |
|---|---|
![]() | ![]() |
⚠️ 下面这张是历史截图:空闲态 + 多币种并列计费(
¥1.20 + $0.35)需要「USD 计价的会话」且「当前不在高峰时段」,采集这批图时两者都不满足,故无法重拍。功能未变,只是图旧。

¥0.00)——官方头部动作标签同款:12px/22px 字号行高、全圆角药丸、0 8px 内边距、14px 图标,hover/展开态用 interactive-bg-hover 底色。数值取自 theme.module.css 的 --billing-header-label-size/-height(单一事实源)。¥0.00;部分登记时只合计已登记部分。deepseek-official 与 deepseek-account,见 shared.ts 的 DEEPSEEK_PROVIDER_IDS)各自提供「应用」按钮——一键把该 provider 的模型高峰窗口设为官方那两段(09:00–12:00 / 14:00–18:00,来自 DEEPSEEK_PEAK_WINDOWS 单一事实源)、生效日收窄为仅工作日(周一至五),并把 provider 时区置为 Asia/Shanghai;对应 DeepSeek 2026-08-23 起「周末全天低谷价」的新规。价格保留用户现有配置。¥1.20 + $0.35),不混算。卡片沿用官方统计面板(会话内「本轮用量」弹层)的版式:12px 圆角浮层 + --dsw-specific-menu 底色 + 官方 prominent 阴影,标题行右侧为本次会话总费用,其下 0.5px 细线 + 一个 dt/dd 网格(标签走 tertiary、数值走 secondary 且右对齐、等宽数字),小节之间共用同一条细线。
provider/model(含 reasoning effort,长路由按任意位置换行——与官方一致)。 tok 单位,如 110,663 tok)。¥1.20 + $0.35);配置了高峰时段时额外展示「空闲时段」「高峰时段」两行拆分。request/context),显示进度条 + 已用 / 窗口 + 输出上限;≥85% 预警「接近上限,建议开新会话」。含 80% 压缩触发参考线、压缩历史(已压缩 N 次 · 释放 X tokens · 摘要花费——压缩摘要调用是真实 provider 请求,其费用计入总额)与压缩预估(快照差分增速外推「约 N 轮后触发压缩」,余量可心算验证)。任一数据缺省则不显示(不估算)。StateDot 组件,判据与官方花名册同源——running → ongoing(旋转环);日志证明「该子代理自己的 descriptor 之后、最近一次回合正常完成」→ done(实心绿点);其余(尚未闭合 / 被中断 / 报错)→ idle(中性点,绝不冒充完成)。映射见 src/client/subagent-dot.ts,判定见 src/host/subagent-pure.ts 的 lastTurnCompletedNormally。设置面板 →「插件」配置页 → 本插件那一行里的「计费价格配置」页(0.1.7-rc.1 起的原生 settings.plugins.tab 槽位,key 为插件行 id billing;读写走原生 settings RPC 的 ctx.configForms.get('billing') 绑定),保存后 host 自动重算所有会话、各标签页自动同步。
ctx.llm 实时读取目录,默认全部折叠),无需手动添加模型;模型名旁显示真实上下文窗口/输出上限能力(目录数据,非估算)。days 按窗口起始日判定),provider 可设时区(IANA 名,缺省 Asia/Shanghai)——高峰小时与星期都按该时区判定,多 provider 各算各的钟。prices.yaml,不会被一次无关的保存整体覆盖。time 查该模型当天的空闲/高峰价格——重放/历史会话也准确;支持跨天窗口(22:00–06:00)与按星期几过滤(days 按窗口起始日判定:「周五 22:00–06:00」覆盖周六凌晨;起止相同 = 全天)。时区:窗口的小时与星期几按 provider 的 timezone 判定(缺省 Asia/Shanghai,DeepSeek 官方按北京时间计费),host 折叠与 client 高峰标签共用同一判定,不再依赖运行机器时区。providers.<id>.calendar),命中当天则整天所有高峰窗口不生效、按基准价计。只建模放假日、绝不建模调休上班日——官方规则是「周一至五(不含法定节假日)」,而 2026 年的六个调休日全部落在周末,按规则本来就是空闲;用「工作日库」反而会把它们算成高峰。内置 cn 日历(2025–2026,源自国办通知),两条 DeepSeek 路由默认挂载,其它 provider 一律不预设(网关的高峰窗口由其运营方决定,替它认定节假日是猜测)。cacheWrite 未配置按 0 计,且只用真实上报 token 数,不估算时长费。PRICE_PRECISION(1/100000 币种单位)存储,¥10.1550/M 这类 4 位小数也精确;统计显示 2 位小数。价格文件里写成内部单位(如 300000)会被 RATE_CEILING 拒绝并指出错因。详细口径、验收标准与数据模型见 PRD.md;逐版本变更记录见 CHANGELOG.md。
⚠️ npm registry 上的
dsh-meter停留在 0.3.18(2026-08-18),其 peer 区间是^0.1.0-rc.7。运行 0.2.x 及更新宿主时,安装前的 peer 校验(evaluatePluginCompatibility)会直接拒绝它——不是警告。当前源码线(0.3.3x)尚未发布到 npm,所以在那之前请用下面的源码目录 / tarball 方式安装。
# 源码目录(推荐;本仓库当前线)
npx @deepseek-ai/dsh plugin --profile web add ./dsh-meter
# 或打包后安装
pnpm pack
npx @deepseek-ai/dsh plugin --profile web add ./dsh-meter-<version>.tgz
# 首次安装或 host 改动后重启 GUI
npx @deepseek-ai/dsh web
只有在 0.1.7 线(0.1.7-rc.2 ~ 0.1.7.x)的宿主上,npm 上的 0.3.18 才装得上:
npx @deepseek-ai/dsh plugin --profile web add dsh-meter@0.3.18
价格表可以完全用文件维护,Agent 也能据此把"一个链接 / 一张截图"直接落成配置:
# 默认路径:$DSH_HOME/dsh-meter/prices.yaml(未设 DSH_HOME 即 ~/.dsh/dsh-meter/prices.yaml)
node scripts/check-prices.mjs # 校验 + 打印每行在真实时刻的有效价
node scripts/check-prices.mjs my-prices.yaml # 或指定文件(装成依赖后可用 npx dsh-meter-prices)
单位是元/百万 tokens(与价目页、设置页同一个数字)。优先级:显式配置(profile patch / 设置页保存)> 价格文件 > 内置默认,按行生效;设置卡片会显示价格来自哪个文件、覆盖了几行。格式规范、给 Agent 的配方(链接/截图)、自检与排错见 CONFIGURING.md,可运行示例见 prices.deepseek.yaml。
pnpm verify # typecheck + build + smoke(跑已构建产物)+ 全部测试
版本要求:v0.3.30 起 peer 区间为
>=0.1.7-rc.2 <1.0.0,覆盖 0.1.7-rc.2 到 0.9.x 的整条 0.x 线——DSH 后续 0.x 发版无需再改 peer 号,只有 1.0 需要重新核对一次。本仓库的开发与验证基线是 DSH0.2.0-rc.2(v0.3.32 起 devDependencies 与运行中的宿主同版)。仍停留在 0.1.7-rc.1 / 0.1.5-rc.2 的环境:本仓库没有为那些旧线发布可安装产物,如需请在对应提交上自行pnpm pack(peer 区间会在安装时拒绝不匹配的组合)。
plugin add 会自动初始化 profile、pnpm install(prepare 脚本自动构建 lib/)并把 dsh-meter 追加进 dsh.profile.bundles。
插件是独立包,目标机器只需装好 pnpm 与 dsh,不需要拉 deepseek-harness 仓库:把 dsh-meter/ 目录(不带 node_modules/)或 pnpm pack 的 .tgz 拷过去,按上面任一命令重新安装即可。注意:
package.json/pnpm-lock.yaml 里写有本机 link:/file: 绝对路径,重装让 pnpm 重写为目标机路径。~/.dsh/sessions)按用户主目录解析,跨机器/跨平台(含 Windows)自动适配。计费配置本身保存在当前 profile 的插件配置里(profile cordis.patch.yml 中 id: billing 那一行),不再有 ~/.dsh/settings.yaml 的旧命名空间。@deepseek-ai/* 依赖全部从 npm registry 解析(开发基线为已发布的 0.2.0-rc.2),无需内网/私有源。验证:目标 node_modules/dsh-meter/lib/ 存在 index.js + client.js;重启后会话右上角出现费用徽标;设置面板「插件」配置页出现「计费价格配置」页,价格表能编辑保存。
本项目是独立 pnpm workspace,不依赖主仓库 checkout,可在任意目录(含 Windows / Linux / macOS)直接开发:
pnpm install
pnpm typecheck # tsc --noEmit(src + tests 两个配置)
pnpm test # 全部纯逻辑/夹具测试(node ≥22.18 原生跑 TS,无需 tsx)
pnpm build # 一次性构建:tsc(lib/types) + tsdown(lib/index.js + lib/client.js)
pnpm smoke # 跑已构建产物:host bundle 装载 + client bundle 经 module-loader 注册两个槽位
pnpm verify # typecheck + build + smoke + test(发布前必跑)
pnpm dev:watch # tsdown --watch:client 改动自动重建 → GUI 热更新
node scripts/verify-card.mjs # 渲染回归 sanity:headless 打开 GUI 校验上下文进度条可见(需本机 Chrome + 运行中的 dsh web;见下)
UI/卡片改动后跑一遍
node scripts/verify-card.mjs:它断言卡片上下文进度条的填充与轨道重叠且被绘制。纯逻辑测试(pnpm test)抓不到这类 CSS 布局回归(曾出现过:进度条渲染了但被overflow:hidden裁掉,见 踩坑记录)。可配CHROME_BIN/DSH_URL/SESSION_HINT/--url/--session-hint。
pnpm test故意不含smoke:smoke 需要先有lib/构建产物,把它并进test会让test变成依赖构建;pnpm verify负责按正确顺序串起来。
dsh GUI 内置 client-hmr,会 stat-poll 每个 client bundle,内容变化即通过 SSE 热重载浏览器插件。
src/client/*)→ 跑 pnpm dev:watch 后自动热更新,无需重启。src/host/*)→ host 进程无热重载,需重启 dsh web 一次。| 半区 | 机制 |
|---|---|
| Host | 插件行 id billing,其 volatile Config 就是价格表(ctx.settings 命名空间 billing,内置默认表为 base 层)· ctx.sessionProjections 的 billing 单元(纯函数折叠会话日志)· fenced /billing/api 路由(catalog / refresh / turns / subagents)· 通过 ctx.llm 读取 provider/模型目录 · ctx.get('sessionPersistence') 读子代理日志 |
| Client | conversation.session.header.actions 槽位(常驻入口)· settings.plugins.tab 页面(key = billing)· ctx.configForms.get('billing') 读写价格表(原生 settings RPC)· useProjection('billing') 读 host 计算结果 · 自建 hover+click popover · /billing/api fetch 客户端 |
数据流:会话日志 → host 纯函数折叠 → billing 投影单元 → session/projection 推送帧 → 客户端 useProjection → 卡片渲染。价格表经原生 settings RPC 保存后,host 的 scope.watch 重新注册投影单元,所有会话按最新价格重算,各绑定端(含其他标签页)经 settings/document-updated 自动重播种。
内置 wpsai、zai 以及 DeepSeek 自有两条路由(deepseek-official / deepseek-account)的官方参考价格表(按每百万 token)。zai(BigModel GLM)按官方分段计费写入(GLM-5.1、GLM-5-Turbo、GLM-4.5-Air 两/三档;GLM-4.7 三档含输出长度分段);缓存写入列当前为「限时免费」(0)。两条 DeepSeek 路由同时挂内置 cn 法定节假日日历。用户可在设置页覆盖/增删;未配置价格的模型显示「未登记价格」并按 0 计价。
dsh-meter/
├── package.json # dsh bundle + dsh.client 清单,npm scripts
├── cordis.patch.yml # bundle 的 patch:插入 billing 插件行
├── LICENSE # MIT
├── pnpm-workspace.yaml # 独立 workspace(自含 node_modules 解析)
├── tsconfig.json # typecheck(解析已安装 dsh 包类型 + react 类型)
├── tsconfig.build.json # tsc 产出 lib/types(JS + d.ts)
├── tsconfig.tests.json # tests 的 typecheck 配置
├── tsdown.config.ts # 双 bundle:lib/index.js(host) + lib/client.js(浏览器)
├── README.md # 本文档
├── docs/
│ ├── prd/ # PRD.md(当前规格)+ CHANGELOG.md(迭代记录)+ archive/(归档设计稿)
│ ├── postmortem/ # 踩坑记录(时间 / 问题 / 解决办法 / 经验教训,供后续开发参考)
│ ├── review/ # 代码审查记录
│ ├── CONFIGURING.md # 价格表格式规范 + 给 Agent 的配方 + 自检排错
│ ├── examples/ # 可运行的价格表示例
│ └── screenshots/ # 效果截图
├── src/
│ ├── shared.ts # 两侧共享的 wire 类型与纯函数(纯 JSON,无 dsh 依赖)
│ ├── calendar.ts # 法定节假日日历(放假日日期表 + 展开)
│ ├── index.ts # node 半区入口:re-export host 插件与纯逻辑
│ ├── invariant.ts # 空态断言 invariant companion
│ ├── host/ # ── Host 半区(价格计算 + 路由)──
│ │ ├── index.ts # 插件主体:settings ns + 投影单元 + /billing/api 路由
│ │ ├── price.ts # 价格模型:精度、高峰窗口、按请求计价、未登记检测
│ │ ├── price-file.ts # prices.yaml 加载/校验(全份拒绝语义 + 单位粘贴护栏)
│ │ ├── default-prices.ts # 内置默认价格表 + 内置日历
│ │ ├── session-stats.ts # 纯会话折叠 → 每币种费用/未登记计数/逐轮明细/压缩历史
│ │ ├── subagent-pure.ts # 子代理折叠的纯函数部分
│ │ ├── subagent-stats.ts # 子代理费用汇总(冷折预算 + 后台预热)
│ │ ├── wire.ts # /billing/api 的 JSON 读写辅助
│ │ ├── fence.ts # 路由 loopback 信任围栏(DNS-rebinding 防御)
│ │ ├── projection-types.ts # 投影单元的类型面
│ │ └── context-types.ts # host Context 结构型声明(settings/webServer/sessions/llm)
│ └── client/ # ── Client 半区(UI)──
│ ├── index.ts # client 插件:绑定 configForms + 注册头部入口 + 设置页
│ ├── pricing-scope.ts # `billing` 命名空间的 configForms 共享绑定(徽标/卡片共用)
│ ├── settings-nav.ts # 齿轮 → 设置页计费卡片的导航(走 shell store seat)
│ ├── settings-merge.ts # 保存时"只写改过的行"的纯决策函数
│ ├── BillingAction.tsx # 入口徽标 + hover/click popover + 统计卡片
│ ├── BillingTurnsPanel.tsx # 逐轮消耗详情面板(图表 + 明细表)
│ ├── BillingSettings.tsx # 设置页:provider 分组 + 币种 + 分段 + 多高峰时段
│ ├── BillingLabel.tsx # 共享字段标签(主词 + 小字括号 hint)
│ ├── Tooltip.tsx # 统一 tooltip(替代原生 title)
│ ├── subagent-dot.ts # 子代理状态 → 官方 StateDot 语义的纯映射
│ ├── *.module.css # 各组件样式(只消费 --billing-* token)
│ ├── theme.module.css # --billing-* 设计 token 层(跨主题单一事实源)
│ ├── interaction.ts # 交互延迟常量(卡片/tooltip 单一事实源)
│ ├── billing-api.ts # /billing/api 的 fetch 客户端(含响应形状校验)+ 目录类型
│ ├── format.ts # 价格/单位/显示格式化 + 输入解析
│ ├── locales.ts # zh/en 文案(命名顺序统一在此维护)
│ ├── preset.ts # DeepSeek 官方峰谷规则一键预设
│ ├── timezones.ts # 时区候选(可搜索下拉)
│ ├── locate.ts # 「定位设置页模型」跨入口请求队列
│ ├── types.ts # SessionProjectionMap 的 'billing' key 声明合并
│ └── context-types.ts # client Context 结构型声明(slots/locale/configForms)
├── scripts/
│ ├── check-prices.mjs # 价格表自检 CLI(bin: dsh-meter-prices)
│ ├── verify-card.mjs # 渲染回归 sanity(headless Chrome)
│ └── generate-icon-preview.mjs # 图标预览页生成(开发用,输入来自主仓库 checkout)
└── tests/
├── pure-check.ts # 纯逻辑断言:计价/时段/多币种/未登记/折叠/围栏/预设
├── price-file-check.ts # 价格文件契约:单位误用、重复行、路径解析
├── settings-nav-check.ts # 齿轮导航(jsdom):seat 路径 + DOM 回退
├── host-regression-check.ts # host 回归:非有限价格、tier 对齐、无 turn 折叠等价性
├── client-regression-check.ts # client 回归:保存行筛选、预设窗口、响应校验
└── smoke.ts # 已构建产物冒烟:host bundle 装载 + client bundle 注册两槽位
ctx.settings、ctx.sessionProjections、conversation.session.header.actions、settings.plugins.tab、ctx.configForms、ctx.webServer 自建路由、ctx.llm 目录)。dsh-better-sidebar 自建了 fenced /billing/api/settings.* 路由;0.1.7-rc.1 移除白名单并新增 configForms 绑定 + settings.plugins.tab 卡片槽位,价格表读写已迁移——自建路由只保留 catalog/turns/subagents/refresh(活目录、全量明细与现场折叠,settings RPC 不覆盖)。configForms binder 经调用方 fiber 解析依赖,所以插件的 cordis inject 要带上 slots/locale/configForms。PluginCard/CardForm 未对外导出(值不可导入),折叠头/保存栏/只读态需自实现;写入被拒(宿主校验/版本冲突)时 configForms 的 set 静默重读而不抛错,要比对 user 层确认落盘。@deepseek-ai/dsh-client-ui-primitives 等),否则 client bundle purity gate 报错。类型可用 import type {}(构建时擦除)。declare module 增强;context-types.ts 里按需声明用到的服务面。所有交互节奏与视觉 token 都是单一事实源,改一处全插件生效:
| 类别 | 位置 | 说明 |
|---|---|---|
| 交互延迟 | src/client/interaction.ts | HOVER_OPEN_MS=200(悬停打开卡片)、HOVER_CLOSE_MS=300(离开后关闭)、CLICK_DELAY_MS=100(点击取消悬停打开)、TOOLTIP_DELAY_MS=400(图表/按钮 tooltip)。卡片与 tooltip 共用同一套节奏 |
| Tooltip | src/client/Tooltip.tsx | 全插件唯一的 tooltip 实现(portaled、跟随锚点、Esc 关闭、z-index 1300 压过面板 mask 1200 与卡片 1100)。禁止原生 title:显示延迟不可控、触屏/读屏不可达 |
| 设计 token | src/client/theme.module.css | 全部 --billing-* 变量(文本/表面/边框/图表色/圆角/动效曲线)在此解析到 dsw token;组件 CSS 一律不得直接引用 --dsw-*。⚠️ dsw 主题变量定义在 body/body[data-ds-dark-theme] 上,引用它们的 --billing-* 也必须声明在 body(:root 不是 body 后代,挂 :root 会全部落到亮色 fallback、暗色模式失效);z-index/圆角/动效等与主题无关的常量才放 :root |
| 动效 | theme.module.css 的 --billing-motion-* | 统一曲线 + 三档时长(fast 120ms 悬停反馈 / medium 160ms 表面进出 / slow 240ms 数据宽度) |
Asia/Shanghai(北京时间)判定;旧配置未填 provider 时区时同样按北京时区——若你的 provider 实际按其他时区计费,请在设置页给该 provider 配置对应 IANA 时区。host 折叠与 client 标签共用同一判定,不会互相矛盾。/billing/api 的 fence 只认 loopback Host(另加 sec-fetch-site / JSON content-type 的 CSRF 检查):dsh web 绑定 0.0.0.0 供局域网访问时,billing API 一律 403(DNS-rebinding 防御的取舍)。同理,远程/非本机浏览器上 settings RPC 是特权通道——设置卡片退化为只读/不可用(禁保存),徽标高峰标签不显示。pressureTokens 同口径);contextWindow 是 provider 声明的输入+输出合计窗口。thresholdRatio=0.8,该值是私有 cordis patch 配置、运行时读不到;宿主若覆盖,此线为近似(tooltip 有说明)。/billing/api/turns 拉取。PRICE_PRECISION 并同步 schema/投影。dsh.client.inject 目前仍列着 dsh-api-remotes / dsh-client-connection / dsh-client-ui-session——它们来自已移除的 settingsScope 方案,现多为类型导入(构建时擦除)。保留是为了不改变 boot graph 的到达顺序;待有运行时验证手段后再收紧。MIT — 见 LICENSE。