dsh-billing-glass — 液态玻璃计费悬浮卡

DeepSeek Harness Web GUI 的 API 计费悬浮卡插件：液态玻璃材质，常驻右下角 显示供应商余额，点击展开完整计费卡（本会话费用、今日消费、token 三桶占比、 多供应商列表）。DeepSeek 优先，架构上为后续接入其它 API 供应商留好扩展点。

English | 中文

功能

• 玻璃胶囊常驻：状态点 + 供应商名 + 余额，一瞥即得，不用切窗口查余额； 点击展开完整卡片，展开卡头部可拖动（位置存 localStorage）。

• 液态玻璃材质：backdrop-filter 磨砂增艳 + 半透明主题底色 + 镜面高光描边 + 折射光斑层 + 柔和悬浮投影；自动跟随 --dsw-* 亮/暗主题。

• 逐条消息费用角标：每条 assistant 消息动作条上显示当条费用小徽章 （悬停见输入/缓存/输出 token 拆分与模型）。

• 消费账本与统计：持久化账本（storages/billing-glass-ledger.json， 幂等、防抖原子写），展开卡显示 今日 / 本月 / 累计 消费统计 （USD 汇总后按当前供应商币种换算）。

• 会话费用：对每条 assistant/message 按官方价格政策（含 2026-08-17 峰谷） 计价，按 request/header 的 provider 归属分账；持久化日志全量回放（包含安装前 的历史）+ 实时账本兜底。悬停 ⓘ 显示「tokens × 单价 = 小计」公式。

• 今日消费：余额差估算（期初 − 当前，日状态落盘）。

• 定价同步校验（按钮）：展开卡「套餐」行的 ↻ 校验定价 按钮，只拉取 当前显示的那家供应商的官方定价源，验证计费体系是否最新（不批量刷新， 避免对多家官网同时请求）：

  • DeepSeek：拉官方定价页（api-docs.deepseek.com）解析现行价/峰谷表/生效日期， 与内置政策链逐项对比 → ✅ 已同步 / ⚠ 发现差异（列明细，页面快照落盘到 storages/billing-glass-pricing-snapshot.html 供助手分析）/ 无法解析（页面 改版，引导对话求助手）。60 秒防抖。
  • 官方目录供应商（其余 24 家）：提示价格随 Harness 官方目录同步 （scripts/sync-providers.js），需要立即核对时引导对话求助手。

• 多供应商自动切换：卡片自动跟随—— 会话最近请求的 provider（）> Harness 后台配置的现行供应商 （设置 → 模型 的 ）> 注册表第一位（DeepSeek 优先）。 展开卡底部的供应商列表可点击手动查看某个供应商，再点一次恢复自动跟随； 配置里现行的供应商带「现行」徽章，未配 Key 的带「未配置」标记。