侧栏余额环 zhouchengke2046/dsh-sidebar-balance

dsh-sidebar-balance

极简主义 · 原生适配 · 零配置的 DeepSeek Harness 余额插件 Minimalist, native-adaptive, zero-config balance widget for DeepSeek Harness.

License: MIT
dsh-plugin
version

一个「长在原生界面里」的余额小组件：常驻侧边栏底部，与「设置」同一行，不新增按钮、不改变布局。默认显示 DeepSeek 官方账户余额，右侧一枚 OpenCode Go 套餐消耗圆环；鼠标悬浮弹出磨砂玻璃卡片，同时展示 DeepSeek 余额明细与 Go 套餐三窗口余量。重启 dsh 由独立的 dsh-restart 插件负责，本插件只关注余额与用量。

┌─────────────────────────────┐
│ ⚙ 设置 ● ¥4.98 ◯ │ ← 常驻行：与设置同排，金额+Go 消耗圆环 └─────────────────────────────┘ │ 悬浮 ▼ ┌──────────────────────────────┐ │ 💳 账户概览 ↻ │ ← 磨砂玻璃悬浮卡片 │ ┌──────────────────────────┐ │ │ │ DeepSeek 账户 [可用] │ │ │ │ ● ¥4.98 │ │ │ │ 充值 ¥4.98 · 赠送 ¥0.00 │ │ │ └──────────────────────────┘ │ │ OpenCode Go 套餐 │ │ 滚动 (5h) 23% · 周 14% · 月 8%│ └──────────────────────────────┘

🖼️ 预览 / Preview

dsh-sidebar-balance 界面预览

上方为常驻行（与「设置」同一行，金额右侧带 OpenCode Go 消耗圆环）；下方为磨砂玻璃悬浮卡（DeepSeek 余额明细 + Go 三窗口余量）。支持系统深浅色主题。

也可直接打开 docs/preview.html 查看交互效果。

✨ 特性 / Features

- 🪶 极简主义 —— 单行融入侧边栏底部，与「设置」同排（设置靠左、金额靠右），不新增入口、不改变布局；金额是纯文字，无胶囊、无边框；host 半零 npm 依赖，整个插件零构建、纯手写 bundle
- 🎨 原生适配 —— 100% 消费 DSH 设计令牌（--dsw-alias-*），浅色/深色主题自动适配；注册在官方 settings.trigger 槽位，点击行为与内置完全一致（点击设置区域=打开设置，点击金额=仅刷新，绝不误触）
- 💰 双余额一屏看 —— 常驻 DeepSeek 官方余额（状态色圆点：≥10 绿 / 1–10 黄 / 第三方 client 包不会被 client-modules 扫描,所以浏览器端通过 host 路由自托管 + tapIndex 注入,保证任意安装位置都能加载(与生态内同类方案一致)。

📋 兼容性 / Compatibility

- DeepSeek Harness 0.1.0-rc.6+(web profile)
- Node.js ≥ 18
- 跨平台:纯 JS + 标准浏览器 CSS,无原生模块(重启能力由 dsh-restart 提供)

📄 License

MIT —— 见 LICENSE