dsh-balance-panel · DSH 模型余额面板
仓库名
dsh-model-balance;npm 包名@wycto/dsh-balance-panel(scoped 命名,绑定 npm 账号 wycto,杜绝包名冲突;旧无前缀名dsh-balance-panel已废弃)。 DeepSeek Harness 插件:在侧边栏底部显示当前 DSH 配置的所有模型 Provider 的账号余额, 点击打开余额面板查看每个 Provider 的模型列表、密钥状态与余额明细。
功能特性
- 只列已配置项:只展示你在 settings 里实际配置过的 Provider(user/base 层有 profile,或为默认模型选中的 Provider)与其实际配置的模型;休眠声明与 schema 默认的全量模型列表不会出现。
- 真实余额:内置 DeepSeek 官方
/user/balance接口;其他 Provider 可自定义余额接口(见下文)。 - 密钥状态:每个 Provider 显示其
apiKeyEnv凭证是否已配置(密钥本身永不出 Host 进程)。 - 侧边栏入口:设置按钮旁的小胶囊显示当前余额摘要(如
余额 64.23 CNY),每 5 分钟自动刷新。 - 余额面板:点击胶囊打开全屏面板,逐 Provider 展示模型 chips、余额明细(总额/赠送/充值)与状态徽标。
- 优雅降级:无密钥 / 接口不支持 / 查询失败都给出明确文案,不影响其他 Provider(不支持的显示「不支持」)。
工作原理
┌────────────────────────── 浏览器(Client 半身 lib/client.js)──────────────────────────┐
│ tool.view.cordis ← Run 卡片内嵌余额视图(最新一次运行卡片内) │
│ sidebar.footer.action ← 余额胶囊(摘要 + 点击开面板) │
│ shell.overlay ← 余额面板(已配置的 Provider / 模型 / 余额) │
│ │ GET /dsh-balance-panel(同源 fetch,每 5 分钟 + 手动刷新) │
└──────────┼───────────────────────────────────────────────────────────────────────────────┘
▼
┌────────────────────────── Host 进程(Host 半身 lib/host.js)─────────────────────────────┐
│ 1. llm.listConfigurableProviders() → 声明目录(含休眠条目,逐个过滤) │
│ 2. settings.describe({redactSecrets}) → 按 user/base 层定位已配置 profile(默认值不算) │
│ 3. credentials.describe/resolve → 密钥状态 / 密钥值(只在本进程内使用) │
│ 4. 余额策略 → fetch 余额接口(DeepSeek /user/balance 或 profile.balance 自定义) │
│ 5. webServer 注册 GET /dsh-balance-panel,返回归一化 JSON │
└───────────────────────────────────────────────────────────────────────────────────────────┘
目录结构
dsh-balance-panel/
├── package.json # npm 包元数据 + dsh 元数据(bundle.patch / client.inject)
├── cordis.patch.yml # 插件加载行(- insert: { id: dsh-balance-panel, name: 包名 })
├── lib/ # 发布产物(files 只发布 lib/ + 上述文件)
│ ├── host.js # Host 半身(ESM;Node 全局 fetch;注册 /dsh-balance-panel 路由)
│ └── client.js # 浏览器半身(__ModuleLoader__ 格式 bundle,由 src/client.js 生成)
├── src/ # 源码
│ ├── host.js # Host 半身源码(= lib/host.js)
│ └── client.js # 浏览器半身源码(纯 JS,React.createElement,无 JSX)
├── scripts/
│ └── build-client.mjs # 把 src/client.js 打包成 lib/client.js(无需 esbuild)
├── README.md # 本文档
├── LICENSE # MIT
└── .gitignore
为什么是这个结构? DSH 的插件约定:一个 npm 包 = 一个插件,cordis.patch.yml 提供一行 loader 行
(name 指向包名),Host 半身由 main/exports["."] 解析,浏览器半身由 exports["./client"] +
dsh.client.inject 元数据解析。lib/ 是发布产物、src/ 是源码,改代码后 npm run build 重新生成客户端。
安装
方式一:profile 用户(推荐,dsh CLI)
dsh plugin --profile web add @wycto/dsh-balance-panel
等价于在
~/.dsh/profiles/web里执行pnpm add @wycto/dsh-balance-panel。 包声明了dsh.bundle.patch,装好后会自动进入插件的 layer 栈并生效。
重启 Web UI(或刷新 http://127.0.0.1:3080)。
方式二:源码运行(pnpm dsh web)
# 把本目录放进仓库,例如 scratch-plugin/
pnpm dsh web --patch ./dsh-balance-panel/cordis.patch.yml
方式三:本地开发调试
cd dsh-balance-panel
pnpm install # 安装 peer 依赖(@deepseek-ai/cordis 等,profile 里已有可跳过)
pnpm dsh web --patch ./cordis.patch.yml
使用
- 启动 DSH Web UI,侧边栏底部(设置按钮旁)出现 余额胶囊:
余额 64.23 CNY—— 有可用余额的 Provider 摘要(取第一个);余额 …—— 首次加载中;余额 ——— 尚无可用余额数据(如所有 Provider 都不支持查询);余额 ×—— 数据加载失败。
- 点击胶囊打开 余额面板:每个 Provider 一张卡片,包含:
- 名称(默认 Provider 带「默认」徽标)与状态徽标(可用 / 不支持 / 未配置密钥 / 查询失败);
- Provider id、API 类型、baseURL、密钥引用(
apiKeyEnv)及是否已配置; - 该 Provider 下所有模型 chips;
- 余额明细:货币、总额、赠送余额、充值余额(来自接口
balance_infos)。
- 面板右上角可 手动刷新;胶囊每 5 分钟自动刷新一次。
支持的余额接口与自定义
| Provider(id 或 baseURL 家族自动匹配) | 余额接口 | 类型 | 说明 |
|---|---|---|---|
deepseek / deepseek-official |
GET {base}/user/balance |
余额(¥) | 内置,开箱即用 |
stepfun(*.stepfun.com) |
GET {base}/accounts |
余额(¥) | 官方接口 |
kimi-coding(api.kimi.com) |
GET {base}/v1/usages |
配额(周+小时) | 官方接口,含额度维度与重置时间 |
openrouter(openrouter.ai) |
GET {base}/api/v1/auth/key |
Credit($) | 官方接口 |
minimax(api.minimax.chat) |
GET {base}/v1/token_plan/remains |
剩余额度 | 官方接口 |
xai / grok(api.x.ai) |
GET {base}/v1/dashboard/billing/credit_grants |
Credit($) | 官方接口 |
qwen-token-plan-cn 等(百炼/dashscope) |
无 API | 需登录 | 面板显示「去控制台查看余额」链接 |
xiaomi(xiaomimimo) |
无 API | 需登录 | 同上 |
| 其他 OpenAI 兼容 Provider | 无标准接口 | 不支持 | 可自定义(见下) |
策略匹配顺序:profile 自定义
balance配置 > provider id(含别名,大小写不敏感)> baseURL 家族正则。所以用网关代理了 StepFun/Kimi 等官方端点时,只要 baseURL 域名匹配就会自动命中对应解析器;密钥引用可用配置的apiKeyEnv,缺省回退到各策略默认的环境变量名(如STEPFUN_API_KEY、OPENROUTER_API_KEY)。
为任意 Provider 自定义余额接口:在 settings 中该 Provider 的 profile 里加一个 balance 字段:
llm-pi-ai:
providers:
my-gateway:
api: openai-completions
baseURL: https://gateway.example.com/v1
apiKeyEnv: MY_GATEWAY_API_KEY
models:
- id: my-model
balance: # ← 插件读取的自定义余额配置
endpoint: /billing/balance # 相对 baseURL,或完整 URL
auth: bearer # bearer(默认)或 none
endpoint为/xxx时拼接在baseURL后;为https://...时直接使用。auth: none时请求不带 Authorization 头(适用于网关内网余额接口)。
常见问题(FAQ)
Q:为什么我的 Provider 显示「不支持」?
A:该 Provider 没有内置余额接口、也未配置 balance.endpoint。按上节配置自定义接口即可;
纯 OpenAI 兼容端点通常不提供余额 API,可先向你的服务商确认是否有查询余额的端点。
Q:显示「未配置密钥」?
A:apiKeyEnv 指向的凭证未配置。请把凭证放进 DSH 凭证系统
(如 ~/.dsh/.credentials.yaml,格式 KEY_NAME: value)或设置同名环境变量。
Q:密钥安全吗?
A:密钥只通过 credentials.resolve 在 Host 进程内解析使用,余额请求由 Host 发出,
浏览器端拿到的只是余额结果,密钥不会进入任何前端或日志。
Q:面板打不开 / 胶囊不出现?
A:确认插件已加载(启动日志应出现 dsh-balance-panel 相关行),并刷新页面;
再确认部署的 Web 是回环访问(localhost),/dsh-balance-panel 路由只在回环 webServer 上注册。
Q:没有 pnpm,dsh plugin 用不了?
A:npm 同样可以:cd ~/.dsh/profiles/<profile名> && npm install @wycto/dsh-balance-panel,
然后把 "@wycto/dsh-balance-panel" 追加到该目录 package.json 的 dsh.profile.bundles 列表,重启即可
(等价于 dsh plugin add 的效果)。
开发与构建
npm run build # 重新生成 lib/client.js(src/client.js → __ModuleLoader__ 格式)
客户端源码是纯 JS(React.createElement,无 JSX),只依赖 react(web 平台 seed),
因此构建脚本无需 esbuild;若后续引入更多依赖,把依赖加入 package.json 的
dsh.client.inject 并改用 esbuild --bundle --format=cjs 即可。
分享到社区
- 发布 npm:改好
package.json的repository/homepage后npm publish。 关键元数据已就位:dsh.bundle.patch(自动进 layer 栈)、dsh.client(浏览器半身发现)、files(只发布必要文件)。 - 开源 GitHub:
git init && git add . && git commit,推到你的仓库,附上本 README 与截图。 - 用户安装只需一条命令:
dsh plugin --profile web add @wycto/dsh-balance-panel。
还没有评论,来写第一条。