OpenRouter Dashboard
OpenRouter Dashboard 是一个 VS Code Activity Bar 扩展，用来在侧边栏里集中查看 OpenRouter Key 额度、账户额度、日内与月度使用趋势，以及模型价格排序。
当前功能
- 当前 Key 的总限额、已用、剩余
- 账户总额度、账户已用、账户剩余
- 基于本地刷新历史生成的今日小时趋势和月度趋势
- 模型按性价比、综合成本、输入成本、输出成本、上下文长度排序
/key 与 /credits 原始响应面板，方便核对接口字段- OpenRouter API Key 成功刷新后自动写入 VS Code 全局 SecretStorage
- 排序方式与自动刷新间隔保存到 VS Code 全局状态
数据来源
扩展使用以下 OpenRouter 接口：
说明：
/credits 通常只有 management key 可读取，所以普通 key 下账户级额度可能为空。- “今日已用”趋势基于本地刷新历史累计，不是 OpenRouter 官方 analytics 接口结果。
- 如果
/key 没有返回稳定 token 字段，界面只展示美元额度趋势，不强行推导 token 数。
本地开发
安装依赖：
npm install
一次性编译：
npm run compile
推荐开发工作流：
npm run watch
然后按 F5 启动 Extension Development Host。
调试说明：
- 当前只保留真实插件 Webview 调试链路，不再使用独立 HTML 预览页。
- 修改
src/extension.ts 后，通常需要在 Extension Development Host 里执行一次 Developer: Reload Window。
- 修改
media/main.js、media/styles.css 或 media/activitybar-icon.svg 后，开发模式会自动刷新当前 Webview 资源。
- 如果当前没有真实 API Key，开发模式会在真实 Webview 中注入 mock 数据用于调 UI。
- 扩展日志输出到 VS Code
Output 面板中的 OpenRouter Dashboard 通道。
命令
OpenRouter Dashboard: RefreshOpenRouter Dashboard: Set API KeyOpenRouter Dashboard: Clear Stored API KeyOpenRouter Dashboard: Open Webview DevTools
打包与发布
先构建：
npm run compile
生成 .vsix：
npm run package:vsix
发布前请先确认：
package.json 里的 publisher 改成你自己的 VS Code Marketplace 发布者 ID。- 如果后续有公开仓库，再补
repository、bugs、homepage 等元数据。
- 当前仓库默认附带 MIT 许可证；如果你不想开源，发布前先改掉
LICENSE 和 package.json 里的 license 字段。
- 当前仓库里的
openrouter_balance_gui.py 仅作为历史参考，不会被打进扩展包。
目录结构
src/extension.ts：扩展入口、OpenRouter 请求、全局存储、开发模式逻辑media/main.js：Webview 状态同步与渲染media/styles.css：当前真实 Webview 样式media/activitybar-icon.svg：Activity Bar 图标
当前验证
已经验证：
npm run compile
| |
