@yinxe/opencode-tui-usage 0.0.6

package/README.md

@@ -0,0 +1,285 @@
+# OpenCode TUI Usage Plugin
+
+OpenCode TUI 插件，在侧边栏显示用量和额度信息，支持多额度 provider。
+
+![preview](./preview.png)
+
+## 功能特性
+
+- 📊 实时显示 Rolling / Weekly / Monthly 三种维度的额度使用情况
+- 🎨 彩色标签：Rolling(绿) / Weekly(黄) / Monthly(蓝)
+- 📈 进度条可视化展示使用比例
+- 🔄 自动根据当前会话的 provider 切换数据源
+- 🛠️ 支持扩展新的 provider 适配器
+
+## 安装
+
+包发布在 npm 和 GitHub Packages，推荐从 npm 安装。
+
+### 从 npm 安装（推荐）
+
+```bash
+npm install @yinx-in/opencode-tui-usage
+```
+
+### 从 GitHub Packages 安装
+
+```bash
+# 设置 registry
+npm config set @yinx-in:registry https://npm.pkg.github.com
+
+# 登录（需要 GitHub Personal Access Token）
+echo "YOUR_GITHUB_TOKEN" | npm login --registry=https://npm.pkg.github.com --username=YOUR_GITHUB_USERNAME --email=you@example.com
+
+# 安装
+npm install @yinx-in/opencode-tui-usage
+```
+
+### 配置插件
+
+安装后，在 `~/.config/opencode/tui.json` 中添加：
+
+```json
+{
+  "$schema": "https://opencode.ai/tui.json",
+  "plugin": ["@yinx-in/opencode-tui-usage"]
+}
+```
+
+### 本地安装（开发）
+
+1. 克隆或下载此项目到本地
+2. 在 `~/.config/opencode/tui.json` 中添加插件路径：
+
+```json
+{
+  "$schema": "https://opencode.ai/tui.json",
+  "plugin": ["/absolute/path/to/opencode-tui-usage-plugin"]
+}
+```
+
+3. 重启 OpenCode 使插件生效
+
+## 配置额度 Provider
+
+插件支持多个额度 provider，会根据当前会话的 `providerID` 自动选择对应的适配器。
+
+### MiniMax-CN
+
+适用于 `providerID` 为 `minimax-cn-coding-plan` 的会话。
+
+创建 `~/.config/opencode/usage.provider.json`：
+
+```json
+{
+  "providers": {
+    "minimax-cn-coding-plan": {
+      "apiKey": "${MINIMAX_API_KEY}"
+    }
+  }
+}
+```
+
+设置环境变量：
+
+```bash
+export MINIMAX_API_KEY="your-api-key-here"
+```
+
+### OpenCode-Go
+
+适用于 `providerID` 为 `opencode-go` 的会话。
+
+在 `~/.config/opencode/usage.provider.json` 中添加：
+
+```json
+{
+  "providers": {
+    "opencode-go": {
+      "cookie": "${OPENCODE_GO_AUTH_COOKIE}",
+      "workspaceId": "${OPENCODE_GO_WORKSPACE_ID}"
+    }
+  }
+}
+```
+
+设置环境变量：
+
+```bash
+export OPENCODE_GO_AUTH_COOKIE="your-cookie"
+export OPENCODE_GO_WORKSPACE_ID="wrk_xxxxxxxxxxxx"
+```
+
+### 获取 OpenCode-Go 配置
+
+1. 登录 https://opencode.ai
+2. 打开浏览器开发者工具 → Network
+3. 访问 `/workspace/{workspaceId}/usage` 页面
+4. 找到 `_server` 请求，从 Request Headers 复制完整的 `cookie`
+5. workspaceId 从 URL 中获取（格式：`wrk_` 开头）
+
+## 开发
+
+```bash
+# 安装依赖
+npm install
+
+# 类型检查
+npm run lint
+
+# 构建输出到 dist/
+npm run build
+
+# 监听模式（开发时使用）
+npm run dev
+```
+
+## 目录结构
+
+```
+src/
+├── tui.tsx              # 插件入口，注册 sidebar_content slot
+├── usage.tsx            # Usage 组件（彩色标签 + 进度条）
+├── session-info.tsx     # Session Info 组件
+├── components.tsx       # 可复用组件
+└── quota/               # 额度服务
+    ├── types.ts         # QuotaData, QuotaResult 类型定义
+    ├── provider.ts      # QuotaProvider 接口
+    ├── service.ts       # QuotaService 管理多 provider
+    ├── config.ts        # 读取 usage.provider.json
+    └── providers/      # provider 适配器
+        ├── minimax.ts
+        └── opencode-go.ts
+```
+
+## 添加新的 Provider 适配器
+
+如果需要支持新的额度来源（如其他 AI provider），按以下步骤添加：
+
+### 1. 创建适配器文件
+
+在 `src/quota/providers/` 下创建 `{provider-name}.ts`：
+
+```typescript
+import type { QuotaData, ProviderConfig } from "../types.js";
+import { QuotaProvider, resolveEnvVar } from "../provider.js";
+
+export class MyQuotaProvider implements QuotaProvider {
+  readonly name = "my-provider";  // 与 usage.provider.json 中的 key 对应
+
+  init(config: ProviderConfig, _credentials: Record<string, unknown>): void {
+    // 读取 config 并解析环境变量
+  }
+
+  async fetchQuota(): Promise<QuotaData | null> {
+    // 调用 API 并返回 QuotaData 格式
+  }
+}
+```
+
+### 2. 注册到 QuotaService
+
+在 `src/quota/service.ts` 构造函数中添加：
+
+```typescript
+this.registerProvider(new MyQuotaProvider());
+```
+
+### 3. 添加配置
+
+在 `~/.config/opencode/usage.provider.json` 中添加 provider 配置：
+
+```json
+{
+  "providers": {
+    "my-provider": {
+      "apiKey": "${MY_API_KEY}"
+    }
+  }
+}
+```
+
+### 4. 测试
+
+切换到对应 provider 的会话，检查侧边栏是否正常显示额度数据。
+
+## 调试
+
+查看插件日志：
+
+```bash
+cat ~/.local/share/opencode/log/$(ls -t ~/.local/share/opencode/log/ | head -1) | grep -i "tui.plugin\|QuotaService\|MiniMaxCN\|OpenCodeGo"
+```
+
+常见问题：
+
+| 问题 | 原因 | 解决方案 |
+|------|------|----------|
+| 侧边栏无显示 | 缺少 `"oc-plugin": ["tui"]` | 检查 package.json |
+| JSX 报错 | 缺少 pragma | 每个 .tsx 顶部加 `/** @jsxImportSource @opentui/solid */` |
+| 显示 "No data" | provider 未注册或配置缺失 | 检查 usage.provider.json 和环境变量 |
+| opencode-go 500 错误 | cookie 过期或 headers 不对 | 重新抓包获取最新 cookie |
+
+## 技术栈
+
+- **Solid.js** - 响应式 UI 框架
+- **@opentui/solid** - TUI 组件库（`<box>`, `<text>` 等）
+- **TypeScript** - 类型安全
+
+## CI/CD 自动化发版
+
+本项目使用 GitHub Actions 实现自动化发版。推送 `v*` 格式的 tag 后，**同时发布到 npm 和 GitHub Packages**。
+
+### 发布流程
+
+使用 `npm version` 管理版本号（会自动创建 tag）：
+
+```bash
+# 更新版本并创建 tag
+npm version patch  # 0.0.1 → 0.0.2
+npm version minor  # 0.0.1 → 0.1.0
+npm version major  # 0.0.1 → 1.0.0
+
+# 推送 tag 触发 CI/CD
+git push origin v0.0.3
+```
+
+### 自动触发的工作流
+
+推送 tag 后，以下 job 会自动执行：
+
+```
+build → publish-npm + publish-github
+```
+
+| Job | 目标 | 依赖 |
+|-----|------|------|
+| `build` | 安装依赖、构建项目、运行测试 | - |
+| `publish-npm` | 发布到 [npm registry](https://www.npmjs.com/) | build |
+| `publish-github` | 发布到 [GitHub Packages](https://github.com/Yinxe/opencode-tui-usage/packages) | build |
+
+### 首次发版配置
+
+1. **GitHub Packages 认证**
+   - 无需额外配置，使用内置 `GITHUB_TOKEN`
+
+2. **npm 认证**（如需发布到 npm）
+   - 在 [npm.npmjs.com](https://www.npmjs.com/) 创建 Access Token
+   - 在 GitHub 仓库 Settings → Secrets and variables → Actions 添加 secret：
+     - Name: `npm_token`
+     - Secret: 你的 npm access token
+
+3. **scoped 包配置**
+   - 包名 `@yinx-in/opencode-tui-usage` 已在 package.json 中配置
+   - `publishConfig.registry` 指定发布到哪个 registry
+
+### 发布地址
+
+| 平台 | 包名 | 地址 |
+|------|------|------|
+| npm | `@yinx-in/opencode-tui-usage` | https://www.npmjs.com/package/@yinx-in/opencode-tui-usage |
+| GitHub Packages | `@yinx-in/opencode-tui-usage` | https://github.com/Yinxe/opencode-tui-usage/packages |
+
+## License
+
+MIT

package/dist/components.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource @opentui/solid */
+import type { JSX } from "solid-js";
+export interface LabelValueProps {
+    label: string;
+    value: string | number;
+    labelColor?: string;
+}
+export declare function LabelValue(props: LabelValueProps): JSX.Element;
+export interface TitleProps {
+    text: string;
+    color?: string;
+}
+export declare function Title(props: TitleProps): JSX.Element;
+export interface ProgressBarProps {
+    value: number;
+    color?: string;
+    width?: number;
+}
+export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQ9D;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAEpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAchE"}

package/dist/components.jsx

@@ -0,0 +1,22 @@
+export function LabelValue(props) {
+    return (<box flexDirection="row" gap={1}>
+      <text fg={props.labelColor}>{props.label}</text>
+      <text>:</text>
+      <text>{props.value}</text>
+    </box>);
+}
+export function Title(props) {
+    return <text fg={props.color}>{props.text}</text>;
+}
+export function ProgressBar(props) {
+    const width = props.width ?? 20;
+    const filled = Math.round((props.value / 100) * width);
+    const empty = filled === 0 ? width - 1 : width - filled;
+    const barColor = props.color ?? '#6bcf7f';
+    return (<box flexDirection="row" gap={0}>
+      <text>[</text>
+      <text fg={barColor}>{'■'.repeat(filled)}</text>
+      <text>{' '.repeat(empty)}</text>
+      <text>]</text>
+    </box>);
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import tui from "./tui.jsx";
+export { tui };
+export default tui;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAC;AAE5B,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,eAAe,GAAG,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+import tui from "./tui.jsx";
+export { tui };
+export default tui;

package/dist/quota/config.d.ts

@@ -0,0 +1,4 @@
+import type { ProviderRegistry, ProviderConfig } from "./types.js";
+export declare function readProviderConfig(): ProviderRegistry;
+export declare function getProviderConfig(registry: ProviderRegistry, providerName: string): ProviderConfig | undefined;
+//# sourceMappingURL=config.d.ts.map

package/dist/quota/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/quota/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AASnE,wBAAgB,kBAAkB,IAAI,gBAAgB,CAWrD;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,MAAM,GACnB,cAAc,GAAG,SAAS,CAI5B"}

package/dist/quota/config.js

@@ -0,0 +1,22 @@
+import { readFileSync } from "fs";
+import { resolve, join } from "path";
+const HOME_DIR = process.env.HOME || process.env.USERPROFILE || "";
+const OPENCODE_CONFIG_DIR = join(HOME_DIR, ".config", "opencode");
+export function readProviderConfig() {
+    try {
+        const configPath = resolve(OPENCODE_CONFIG_DIR, "usage.provider.json");
+        const content = readFileSync(configPath, "utf-8");
+        const data = JSON.parse(content);
+        console.log("[QuotaService] Config content:", JSON.stringify(data));
+        return data.providers || {};
+    }
+    catch (error) {
+        console.warn("[QuotaService] Failed to read usage.provider.json:", error);
+        return {};
+    }
+}
+export function getProviderConfig(registry, providerName) {
+    console.log("[QuotaService] Looking up provider:", providerName);
+    console.log("[QuotaService] Registry keys:", Object.keys(registry));
+    return registry[providerName];
+}

package/dist/quota/provider.d.ts

@@ -0,0 +1,9 @@
+import type { QuotaData, ProviderConfig } from "./types.js";
+export interface QuotaProvider {
+    readonly name: string;
+    init(config: ProviderConfig, credentials: Record<string, unknown>): void;
+    fetchQuota(): Promise<QuotaData | null>;
+    resolveEnvVar(value: string | undefined): string | undefined;
+}
+export declare const resolveEnvVar: (value: string | undefined) => string | undefined;
+//# sourceMappingURL=provider.d.ts.map

package/dist/quota/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/quota/provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEzE,UAAU,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAExC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAOlE,CAAC"}

package/dist/quota/provider.js

@@ -0,0 +1,9 @@
+export const resolveEnvVar = (value) => {
+    if (!value)
+        return undefined;
+    const match = value.match(/^\$\{(\w+)\}$/);
+    if (match) {
+        return process.env[match[1]];
+    }
+    return value;
+};

package/dist/quota/providers/minimax.d.ts

@@ -0,0 +1,13 @@
+import type { QuotaData, ProviderConfig } from "../types.js";
+import { QuotaProvider } from "../provider.js";
+export declare class MiniMaxCNQuotaProvider implements QuotaProvider {
+    readonly name = "minimax-cn-coding-plan";
+    private apiKey;
+    private baseUrl;
+    init(config: ProviderConfig, _credentials: Record<string, unknown>): void;
+    fetchQuota(): Promise<QuotaData | null>;
+    resolveEnvVar(value: string | undefined): string | undefined;
+    private mapResponseToQuotaData;
+    private formatDuration;
+}
+//# sourceMappingURL=minimax.d.ts.map

package/dist/quota/providers/minimax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimax.d.ts","sourceRoot":"","sources":["../../../src/quota/providers/minimax.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAiB,MAAM,gBAAgB,CAAC;AAwB9D,qBAAa,sBAAuB,YAAW,aAAa;IAC1D,QAAQ,CAAC,IAAI,4BAA4B;IAEzC,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,OAAO,CAA8B;IAE7C,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAKnE,UAAU,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IA8C7C,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;IAI5D,OAAO,CAAC,sBAAsB;IA8C9B,OAAO,CAAC,cAAc;CAMvB"}

package/dist/quota/providers/minimax.js

@@ -0,0 +1,94 @@
+import { resolveEnvVar } from "../provider.js";
+export class MiniMaxCNQuotaProvider {
+    name = "minimax-cn-coding-plan";
+    apiKey;
+    baseUrl = "https://www.minimaxi.com";
+    init(config, _credentials) {
+        const apiKeyRaw = config.apiKey;
+        this.apiKey = resolveEnvVar(apiKeyRaw) || resolveEnvVar(config.apiKeyEnvVar);
+    }
+    async fetchQuota() {
+        if (!this.apiKey) {
+            console.warn("[MiniMaxCNQuotaProvider] Missing apiKey");
+            return null;
+        }
+        try {
+            const response = await fetch(`${this.baseUrl}/v1/api/openplatform/coding_plan/remains`, {
+                method: "GET",
+                headers: {
+                    Authorization: `Bearer ${this.apiKey}`,
+                    "Content-Type": "application/json",
+                },
+            });
+            if (!response.ok) {
+                console.error(`[MiniMaxCNQuotaProvider] API error: ${response.status}`);
+                return null;
+            }
+            const data = (await response.json());
+            if (data.base_resp?.status_code !== 0) {
+                console.error(`[MiniMaxCNQuotaProvider] API error: ${data.base_resp?.status_msg}`);
+                return null;
+            }
+            const codingPlanModels = data.model_remains.filter((m) => m.model_name.startsWith("MiniMax-M"));
+            if (codingPlanModels.length === 0) {
+                console.warn("[MiniMaxCNQuotaProvider] No coding plan models found");
+                return null;
+            }
+            return this.mapResponseToQuotaData(codingPlanModels);
+        }
+        catch (error) {
+            console.error("[MiniMaxCNQuotaProvider] Fetch failed:", error);
+            return null;
+        }
+    }
+    resolveEnvVar(value) {
+        return resolveEnvVar(value);
+    }
+    mapResponseToQuotaData(models) {
+        let totalRollingAvailable = 0;
+        let totalRollingLimit = 0;
+        let rollingResetMs = 0;
+        let totalWeeklyAvailable = 0;
+        let totalWeeklyLimit = 0;
+        let weeklyResetMs = 0;
+        for (const m of models) {
+            totalRollingAvailable += m.current_interval_usage_count;
+            totalRollingLimit += m.current_interval_total_count;
+            totalWeeklyAvailable += m.current_weekly_usage_count;
+            totalWeeklyLimit += m.current_weekly_total_count;
+            rollingResetMs = Math.max(rollingResetMs, m.end_time);
+            weeklyResetMs = Math.max(weeklyResetMs, m.weekly_end_time);
+        }
+        const rollingUsed = Math.max(0, totalRollingLimit - totalRollingAvailable);
+        const weeklyUsed = Math.max(0, totalWeeklyLimit - totalWeeklyAvailable);
+        const rollingPercent = totalRollingLimit > 0
+            ? Math.round((rollingUsed / totalRollingLimit) * 100)
+            : 0;
+        const weeklyPercent = totalWeeklyLimit > 0
+            ? Math.round((weeklyUsed / totalWeeklyLimit) * 100)
+            : 0;
+        const now = Date.now();
+        const rollingResetSec = Math.max(0, Math.floor((rollingResetMs - now) / 1000));
+        const weeklyResetSec = Math.max(0, Math.floor((weeklyResetMs - now) / 1000));
+        return {
+            rolling: {
+                usage: rollingPercent,
+                reset: this.formatDuration(rollingResetSec),
+            },
+            weekly: {
+                usage: weeklyPercent,
+                reset: this.formatDuration(weeklyResetSec),
+            },
+            monthly: undefined,
+        };
+    }
+    formatDuration(seconds) {
+        if (seconds < 60)
+            return `${seconds}s`;
+        if (seconds < 3600)
+            return `${Math.round(seconds / 60)}m`;
+        if (seconds < 86400)
+            return `${Math.round(seconds / 3600)}h`;
+        return `${Math.round(seconds / 86400)}d`;
+    }
+}

package/dist/quota/providers/opencode-go.d.ts

@@ -0,0 +1,14 @@
+import type { QuotaData, ProviderConfig } from "../types.js";
+import { QuotaProvider } from "../provider.js";
+export declare class OpenCodeGoQuotaProvider implements QuotaProvider {
+    readonly name = "opencode-go";
+    private cookie;
+    private workspaceId;
+    private serviceId;
+    private baseUrl;
+    init(config: ProviderConfig, _credentials: Record<string, unknown>): void;
+    fetchQuota(): Promise<QuotaData | null>;
+    resolveEnvVar(value: string | undefined): string | undefined;
+    private formatDuration;
+}
+//# sourceMappingURL=opencode-go.d.ts.map

package/dist/quota/providers/opencode-go.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opencode-go.d.ts","sourceRoot":"","sources":["../../../src/quota/providers/opencode-go.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAiB,MAAM,gBAAgB,CAAC;AAiB9D,qBAAa,uBAAwB,YAAW,aAAa;IAC3D,QAAQ,CAAC,IAAI,iBAAiB;IAE9B,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,SAAS,CAAsE;IACvF,OAAO,CAAC,OAAO,CAAyB;IAExC,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAKnE,UAAU,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IAsE7C,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;IAI5D,OAAO,CAAC,cAAc;CAMvB"}

package/dist/quota/providers/opencode-go.js

@@ -0,0 +1,85 @@
+import { resolveEnvVar } from "../provider.js";
+export class OpenCodeGoQuotaProvider {
+    name = "opencode-go";
+    cookie;
+    workspaceId;
+    serviceId = "c7389bd0e731f80f49593e5ee53835475f4e28594dd6bd83eb229bab753498cd";
+    baseUrl = "https://opencode.ai";
+    init(config, _credentials) {
+        this.cookie = resolveEnvVar(config.cookie);
+        this.workspaceId = resolveEnvVar(config.workspaceId);
+    }
+    async fetchQuota() {
+        if (!this.cookie || !this.workspaceId) {
+            console.warn("[OpenCodeGoQuotaProvider] Missing cookie or workspaceId");
+            return null;
+        }
+        const args = JSON.stringify({
+            t: { t: 9, i: 0, l: 1, a: [{ t: 1, s: this.workspaceId }], o: 0 },
+            f: 31,
+            m: [],
+        });
+        const url = `${this.baseUrl}/_server?id=${this.serviceId}&args=${encodeURIComponent(args)}`;
+        try {
+            const response = await fetch(url, {
+                method: "GET",
+                headers: {
+                    accept: "*/*",
+                    "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6,pt;q=0.5,pl;q=0.4",
+                    cookie: this.cookie,
+                    referer: `${this.baseUrl}/workspace/${this.workspaceId}/usage`,
+                    "x-server-id": this.serviceId,
+                    "x-server-instance": "server-fn:3",
+                    priority: "u=1, i",
+                    "sec-fetch-mode": "cors",
+                    "sec-fetch-site": "same-origin",
+                    "user-agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36 Edg/147.0.0.0",
+                },
+            });
+            if (!response.ok) {
+                console.error(`[OpenCodeGoQuotaProvider] API error: ${response.status}`);
+                return null;
+            }
+            const text = await response.text();
+            const rollingMatch = text.match(/rollingUsage:\$R\[1\]=\{status:"([^"]+)",resetInSec:(\d+),usagePercent:(\d+)\}/);
+            const weeklyMatch = text.match(/weeklyUsage:\$R\[2\]=\{status:"([^"]+)",resetInSec:(\d+),usagePercent:(\d+)\}/);
+            const monthlyMatch = text.match(/monthlyUsage:\$R\[3\]=\{status:"([^"]+)",resetInSec:(\d+),usagePercent:(\d+)\}/);
+            if (!rollingMatch || !weeklyMatch || !monthlyMatch) {
+                console.error("[OpenCodeGoQuotaProvider] Failed to parse response:", text.substring(0, 200));
+                return null;
+            }
+            const rollingUsage = { status: rollingMatch[1], resetInSec: parseInt(rollingMatch[2], 10), usagePercent: parseInt(rollingMatch[3], 10) };
+            const weeklyUsage = { status: weeklyMatch[1], resetInSec: parseInt(weeklyMatch[2], 10), usagePercent: parseInt(weeklyMatch[3], 10) };
+            const monthlyUsage = { status: monthlyMatch[1], resetInSec: parseInt(monthlyMatch[2], 10), usagePercent: parseInt(monthlyMatch[3], 10) };
+            return {
+                rolling: {
+                    usage: rollingUsage.usagePercent,
+                    reset: this.formatDuration(rollingUsage.resetInSec),
+                },
+                weekly: {
+                    usage: weeklyUsage.usagePercent,
+                    reset: this.formatDuration(weeklyUsage.resetInSec),
+                },
+                monthly: monthlyUsage.status !== "unlimited"
+                    ? { usage: monthlyUsage.usagePercent, reset: this.formatDuration(monthlyUsage.resetInSec) }
+                    : undefined,
+            };
+        }
+        catch (error) {
+            console.error("[OpenCodeGoQuotaProvider] Fetch failed:", error);
+            return null;
+        }
+    }
+    resolveEnvVar(value) {
+        return resolveEnvVar(value);
+    }
+    formatDuration(seconds) {
+        if (seconds < 60)
+            return `${seconds}s`;
+        if (seconds < 3600)
+            return `${Math.round(seconds / 60)}m`;
+        if (seconds < 86400)
+            return `${Math.round(seconds / 3600)}h`;
+        return `${Math.round(seconds / 86400)}d`;
+    }
+}

package/dist/quota/service.d.ts

@@ -0,0 +1,15 @@
+import type { QuotaResult } from "./types.js";
+import type { QuotaProvider } from "./provider.js";
+export declare class QuotaService {
+    private providers;
+    private providerRegistry;
+    private activeProviderName;
+    private activeProvider;
+    private refreshCount;
+    constructor();
+    registerProvider(provider: QuotaProvider): void;
+    setActiveProvider(providerName: string): boolean;
+    getActiveProviderName(): string | null;
+    fetchQuota(): Promise<QuotaResult | null>;
+}
+//# sourceMappingURL=service.d.ts.map

package/dist/quota/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../src/quota/service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnD,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,YAAY,CAAK;;IAOzB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAI/C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAmBhD,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAIhC,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;CAahD"}

package/dist/quota/service.js

@@ -0,0 +1,47 @@
+import { readProviderConfig, getProviderConfig } from "./config.js";
+import { MiniMaxCNQuotaProvider } from "./providers/minimax.js";
+import { OpenCodeGoQuotaProvider } from "./providers/opencode-go.js";
+export class QuotaService {
+    providers = new Map();
+    providerRegistry = readProviderConfig();
+    activeProviderName = null;
+    activeProvider = null;
+    refreshCount = 0;
+    constructor() {
+        this.registerProvider(new MiniMaxCNQuotaProvider());
+        this.registerProvider(new OpenCodeGoQuotaProvider());
+    }
+    registerProvider(provider) {
+        this.providers.set(provider.name, provider);
+    }
+    setActiveProvider(providerName) {
+        const provider = this.providers.get(providerName);
+        if (!provider) {
+            console.warn(`[QuotaService] Unknown provider: ${providerName}`);
+            return false;
+        }
+        const config = getProviderConfig(this.providerRegistry, providerName);
+        if (!config) {
+            console.warn(`[QuotaService] No config for provider: ${providerName}`);
+        }
+        provider.init(config || {}, {});
+        this.activeProviderName = providerName;
+        this.activeProvider = provider;
+        return true;
+    }
+    getActiveProviderName() {
+        return this.activeProviderName;
+    }
+    async fetchQuota() {
+        if (!this.activeProvider) {
+            return null;
+        }
+        this.refreshCount++;
+        const quota = await this.activeProvider.fetchQuota();
+        return {
+            provider: this.activeProviderName,
+            quota: quota,
+            refreshCount: this.refreshCount,
+        };
+    }
+}

package/dist/quota/types.d.ts

@@ -0,0 +1,21 @@
+export interface QuotaUsage {
+    usage: number;
+    reset: string;
+}
+export interface QuotaData {
+    rolling: QuotaUsage | undefined;
+    weekly: QuotaUsage | undefined;
+    monthly: QuotaUsage | undefined;
+}
+export interface QuotaResult {
+    provider: string;
+    quota: QuotaData;
+    refreshCount: number;
+}
+export interface ProviderConfig {
+    [key: string]: unknown;
+}
+export interface ProviderRegistry {
+    [providerName: string]: ProviderConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/quota/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/quota/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,UAAU,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,CAAC;CACxC"}

package/dist/quota/types.js

@@ -0,0 +1 @@
+export {};

package/dist/session-info.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @opentui/solid */
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+import type { JSX } from "solid-js";
+export declare function SessionInfoView(props: {
+    api: TuiPluginApi;
+    sessionId: string;
+}): JSX.Element;
+//# sourceMappingURL=session-info.d.ts.map

package/dist/session-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-info.d.ts","sourceRoot":"","sources":["../src/session-info.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAcpC,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,GAAG,CAAC,OAAO,CA2Ed"}

package/dist/session-info.jsx

@@ -0,0 +1,44 @@
+import { createSignal, createEffect, Show } from "solid-js";
+import { LabelValue } from "./components.jsx";
+export function SessionInfoView(props) {
+    const [data, setData] = createSignal(null);
+    createEffect(() => {
+        const sessionId = props.sessionId;
+        const messages = props.api.state.session.messages(sessionId);
+        const todos = props.api.state.session.todo(sessionId);
+        const diff = props.api.state.session.diff(sessionId);
+        const vcs = props.api.state.vcs;
+        const lastAssistantMsg = [...messages]
+            .reverse()
+            .find((m) => m.role === "assistant");
+        const lastModelInfo = lastAssistantMsg && "modelID" in lastAssistantMsg
+            ? {
+                providerID: lastAssistantMsg.providerID,
+                modelID: lastAssistantMsg.modelID,
+            }
+            : null;
+        setData({
+            sessionId,
+            branch: vcs?.branch,
+            provider: lastModelInfo?.providerID ?? "None",
+            model: lastModelInfo?.modelID ?? "None",
+            messageCount: messages.length,
+            todoCount: todos.length,
+            diffCount: diff.length,
+        });
+    });
+    return (<Show when={data()} fallback={<text>Loading...</text>}>
+      {() => {
+            const d = data();
+            return (<>
+            <LabelValue label="Session" value={d.sessionId.slice(0, 8) + "..."} labelColor="#6bcf7f"/>
+            <LabelValue label="Branch" value={d.branch ?? "N/A"} labelColor="#ffd93d"/>
+            <LabelValue label="Provider" value={d.provider} labelColor="#ff6b6b"/>
+            <LabelValue label="Model" value={d.model} labelColor="#74b9ff"/>
+            <LabelValue label="Messages" value={d.messageCount} labelColor="#a29bfe"/>
+            <LabelValue label="TODOs" value={d.todoCount} labelColor="#fd79a8"/>
+            <LabelValue label="Changes" value={d.diffCount} labelColor="#00cec9"/>
+          </>);
+        }}
+    </Show>);
+}

package/dist/tui.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @opentui/solid */
+import type { TuiPluginModule } from "@opencode-ai/plugin/tui";
+declare const plugin: TuiPluginModule & {
+    id: string;
+};
+export default plugin;
+//# sourceMappingURL=tui.d.ts.map

package/dist/tui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../src/tui.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,yBAAyB,CAAC;AA+B1E,QAAA,MAAM,MAAM,EAAE,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAG3C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/tui.jsx

@@ -0,0 +1,24 @@
+import { UsageView } from "./usage.jsx";
+import { SessionInfoView } from "./session-info.jsx";
+import { QuotaService } from "./quota/service.js";
+const id = "opencode-tui-usage-plugin";
+const tui = async (api) => {
+    const quotaService = new QuotaService();
+    api.slots.register({
+        order: 150,
+        slots: {
+            sidebar_content(_ctx, _props) {
+                return (<box gap={0}>
+            <UsageView quotaService={quotaService} api={api} sessionId={_props.session_id}/>
+            <SessionInfoView api={api} sessionId={_props.session_id}/>
+          </box>);
+            },
+        },
+    });
+    console.log(`[${id}] Plugin registered`);
+};
+const plugin = {
+    id,
+    tui,
+};
+export default plugin;

package/dist/usage.d.ts

@@ -0,0 +1,14 @@
+/** @jsxImportSource @opentui/solid */
+import type { JSX } from "solid-js";
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+import type { QuotaResult } from "./quota/types.js";
+export interface UsageViewProps {
+    quotaService: {
+        fetchQuota(): Promise<QuotaResult | null>;
+        setActiveProvider(providerName: string): boolean;
+    };
+    api: TuiPluginApi;
+    sessionId: string;
+}
+export declare function UsageView(props: UsageViewProps): JSX.Element;
+//# sourceMappingURL=usage.d.ts.map

package/dist/usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage.d.ts","sourceRoot":"","sources":["../src/usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAmBpD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE;QACZ,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QAC1C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;KAClD,CAAC;IACF,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA0L5D"}

package/dist/usage.jsx

@@ -0,0 +1,162 @@
+import { createSignal, createEffect, onCleanup } from "solid-js";
+import { Title, ProgressBar } from "./components.jsx";
+const REFRESH_INTERVAL = 60;
+function formatDuration(totalSeconds) {
+    if (totalSeconds < 60) {
+        return `${totalSeconds}s`;
+    }
+    if (totalSeconds < 3600) {
+        const m = Math.floor(totalSeconds / 60);
+        const s = totalSeconds % 60;
+        return `${m}:${s.toString().padStart(2, "0")}`;
+    }
+    const h = Math.floor(totalSeconds / 3600);
+    const m = Math.floor((totalSeconds % 3600) / 60);
+    const s = totalSeconds % 60;
+    return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+}
+export function UsageView(props) {
+    const [result, setResult] = createSignal(null);
+    const [loading, setLoading] = createSignal(true);
+    const [currentProvider, setCurrentProvider] = createSignal(null);
+    const [currentModel, setCurrentModel] = createSignal(null);
+    const [refreshCountdown, setRefreshCountdown] = createSignal(REFRESH_INTERVAL);
+    const doRefresh = () => {
+        const providerID = currentProvider();
+        if (!providerID)
+            return;
+        setLoading(true);
+        props.quotaService.setActiveProvider(providerID);
+        props.quotaService.fetchQuota().then((data) => {
+            if (data && data.quota) {
+                setResult(data);
+            }
+            setLoading(false);
+        }).catch(() => {
+            setLoading(false);
+        });
+    };
+    createEffect(() => {
+        const sessionId = props.sessionId;
+        const messages = props.api.state.session.messages(sessionId);
+        if (!messages || messages.length === 0) {
+            setCurrentProvider(null);
+            setCurrentModel(null);
+            return;
+        }
+        const lastAssistantMsg = [...messages]
+            .reverse()
+            .find((m) => m.role === "assistant");
+        if (!lastAssistantMsg) {
+            setCurrentProvider(null);
+            setCurrentModel(null);
+            return;
+        }
+        if (!("providerID" in lastAssistantMsg)) {
+            setCurrentProvider(null);
+            setCurrentModel(null);
+            return;
+        }
+        const providerID = lastAssistantMsg.providerID;
+        const modelID = "modelID" in lastAssistantMsg
+            ? lastAssistantMsg.modelID
+            : "";
+        setCurrentProvider(providerID);
+        setCurrentModel(modelID);
+    });
+    createEffect(() => {
+        const providerID = currentProvider();
+        const modelID = currentModel();
+        if (!providerID) {
+            setResult(null);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        props.quotaService.setActiveProvider(providerID);
+        props.quotaService.fetchQuota().then((data) => {
+            if (data && data.quota) {
+                setResult(data);
+            }
+            else {
+                setResult(null);
+            }
+            setLoading(false);
+        }).catch((error) => {
+            console.error("[UsageView] Failed to fetch quota:", error);
+            setResult(null);
+            setLoading(false);
+        });
+    });
+    createEffect(() => {
+        setRefreshCountdown(REFRESH_INTERVAL);
+        const id = setInterval(() => {
+            setRefreshCountdown((r) => {
+                if (r <= 1) {
+                    doRefresh();
+                    return REFRESH_INTERVAL;
+                }
+                return r - 1;
+            });
+        }, 1000);
+        onCleanup(() => clearInterval(id));
+    });
+    return (<box flexDirection="column" gap={0}>
+      <Title text="Usage" color="#6bcf7f"/>
+      <text fg="#888">Provider: {currentProvider() ?? "Unknown"}</text>
+      {loading() ? (<>
+          <box flexDirection="column" gap={0}>
+            <box flexDirection="row" gap={1}>
+              <text fg="#6bcf7f">Rolling:</text>
+              <text fg="#888">Loading...</text>
+            </box>
+            <ProgressBar value={0} color="#6bcf7f"/>
+          </box>
+          <box flexDirection="column" gap={0}>
+            <box flexDirection="row" gap={1}>
+              <text fg="#ffd93d">Weekly:</text>
+              <text fg="#888">Loading...</text>
+            </box>
+            <ProgressBar value={0} color="#ffd93d"/>
+          </box>
+          <box flexDirection="column" gap={0}>
+            <box flexDirection="row" gap={1}>
+              <text fg="#4da6ff">Monthly:</text>
+              <text fg="#888">Loading...</text>
+            </box>
+            <ProgressBar value={0} color="#4da6ff"/>
+          </box>
+        </>) : result() && result().quota ? (<>
+          {result().quota.rolling ? (<box flexDirection="column" gap={0}>
+              <box flexDirection="row" gap={1}>
+                <text fg="#6bcf7f">Rolling:</text>
+                <text>{result().quota.rolling.usage}%</text>
+                <text fg="#888">reset {result().quota.rolling.reset}</text>
+              </box>
+              <ProgressBar value={result().quota.rolling.usage} color="#6bcf7f"/>
+            </box>) : (<text fg="#888">Rolling: N/A</text>)}
+          {result().quota.weekly ? (<box flexDirection="column" gap={0}>
+              <box flexDirection="row" gap={1}>
+                <text fg="#ffd93d">Weekly:</text>
+                <text>{result().quota.weekly.usage}%</text>
+                <text fg="#888">reset {result().quota.weekly.reset}</text>
+              </box>
+              <ProgressBar value={result().quota.weekly.usage} color="#ffd93d"/>
+            </box>) : (<text fg="#888">Weekly: N/A</text>)}
+          <box flexDirection="column" gap={0}>
+            <box flexDirection="row" gap={1}>
+              <text fg="#4da6ff">Monthly:</text>
+              {result().quota.monthly ? (<>
+                  <text>{result().quota.monthly.usage}%</text>
+                  <text fg="#888">reset {result().quota.monthly.reset}</text>
+                </>) : (<>
+                  <text fg="#888">0%</text>
+                  <text fg="#888">reset ∞</text>
+                </>)}
+            </box>
+            <ProgressBar value={result().quota.monthly?.usage ?? 0} color="#4da6ff"/>
+          </box>
+          <text fg="#888">{formatDuration(refreshCountdown())} Refresh #{result().refreshCount}</text>
+        </>) : (<text>No data</text>)}
+    </box>);
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@yinxe/opencode-tui-usage",
+  "version": "0.0.6",
+  "description": "OpenCode TUI 额度显示插件 - 在侧边栏显示用量和额度信息",
+  "repository": "github:Yinxe/opencode-tui-usage",
+  "type": "module",
+  "oc-plugin": [
+    "tui"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tui": {
+      "types": "./dist/tui.d.ts",
+      "default": "./dist/tui.jsx"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "lint": "tsc --noEmit",
+    "test": "echo test"
+  },
+  "keywords": [
+    "opencode",
+    "opencode-plugin",
+    "opencode-tui",
+    "quota",
+    "usage"
+  ],
+  "author": "Yinxe",
+  "license": "MIT",
+  "peerDependencies": {
+    "@opencode-ai/plugin": "^1.0.0"
+  },
+  "dependencies": {
+    "@opentui/core": "^0.2.2",
+    "@opentui/solid": "^0.2.2",
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "typescript": "^5.3.0",
+    "vitest": "^1.0.0"
+  }
+}