opencode-go-usage-tui 1.0.0

package/README.md

@@ -0,0 +1,94 @@
+# opencode-go-usage-tui
+
+在 OpenCode 侧边栏实时显示 OpenCode Go 额度用量（5小时/每周/每月）。
+
+## 安装
+
+### 方式一：OpenCode 命令安装（推荐）
+
+在 OpenCode 中按 **`Ctrl+P`** 打开命令面板，搜索 **`install plugin`**，输入：
+
+```
+opencode-go-usage-tui@latest
+```
+
+回车完成安装，重启 OpenCode 后侧边栏即可看到"Go 用量"面板。
+
+### 方式二：npm 全局安装
+
+```bash
+npm install -g opencode-go-usage-tui
+```
+
+然后在 `~/.config/opencode/tui.json` 的 `plugin` 数组添加：
+
+```json
+{
+  "plugin": ["opencode-go-usage-tui@latest"]
+}
+```
+
+重启 OpenCode 生效。
+
+## 配置
+
+### 方式一：斜杠命令（推荐）
+
+在 TUI 中执行：
+
+```
+/go-config
+```
+
+按提示输入两项（每人不同，需登录 opencode.ai 获取）：
+
+1. **workspace_id**：`wrk_` 开头，在 opencode.ai 控制台 URL 中获取
+2. **auth cookie**：浏览器 F12 → Application → Cookies → opencode.ai → 复制 `auth` 的值（`Fe26.2*` 开头）
+
+配置保存在 `~/.config/opencode/go-usage-config.json`。
+
+### 方式二：环境变量
+
+| 环境变量 | 说明 |
+| -------- | ---- |
+| `OPENCODE_GO_WORKSPACE_ID` | 工作空间 ID |
+| `OPENCODE_GO_AUTH_COOKIE` | auth cookie 值 |
+
+### 方式三：配置文件
+
+手动创建 `~/.config/opencode/go-usage-config.json`：
+
+```json
+{
+  "workspace_id": "wrk_xxxxxxxxxxxx",
+  "cookie": "Fe26.2*..."
+}
+```
+
+## 获取 auth cookie
+
+1. Chrome 登录 opencode.ai
+2. 按 F12 打开开发者工具 → Application → Cookies → 选中 opencode.ai
+3. 找到 `auth` 一项，复制 Value 值
+
+Cookie 有效期约 1 年，过期后重新获取。
+
+## 使用
+
+- 侧边栏面板每 60 秒自动刷新（可用 `OPENCODE_GO_CHECK_INTERVAL` 环境变量调整，单位毫秒）
+- 用量超过阈值（默认 80%，可用 `OPENCODE_GO_WARN_THRESHOLD` 调整）显示为红色
+- 点击面板标题可折叠/展开
+- 配置错误时面板会提示"未配置账号"，输入 `/go-config` 即可设置
+
+## 开发
+
+```bash
+# 构建
+bun run build.tui.mjs
+# 或
+npm run build
+```
+
+## License
+
+MIT

package/build.tui.mjs

@@ -0,0 +1,13 @@
+import * as esbuild from "esbuild"
+import { solidPlugin } from "esbuild-plugin-solid"
+
+await esbuild.build({
+  entryPoints: ["src/index.tsx"],
+  outfile: "dist/tui.js",
+  format: "esm",
+  platform: "node",
+  bundle: true,
+  external: ["@opencode-ai/*", "@opentui/*", "solid-js", "node:fs", "node:path"],
+  plugins: [solidPlugin({ solid: { moduleName: "@opentui/solid", generate: "universal" } })],
+  logLevel: "info",
+})

package/dist/tui.js

@@ -0,0 +1,488 @@
+// src/index.tsx
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+import { createSignal, createEffect, onMount, onCleanup, Show } from "solid-js";
+import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
+import { join, dirname } from "node:path";
+var CHECK_INTERVAL = Number(process?.env?.OPENCODE_GO_CHECK_INTERVAL ?? 6e4);
+var WARN_THRESHOLD = Number(process?.env?.OPENCODE_GO_WARN_THRESHOLD ?? 0.8);
+var CONFIG_DIR = process?.env?.OPENCODE_CONFIG_DIR || (process?.env?.USERPROFILE ? `${process.env.USERPROFILE}\\.config\\opencode` : "") || process?.env?.HOME + "/.config/opencode";
+var CONFIG_FILE = join(CONFIG_DIR, "go-usage-config.json");
+function loadConfig() {
+  const env = process?.env ?? {};
+  let fileCfg = {};
+  try {
+    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"));
+  } catch {
+    fileCfg = {};
+  }
+  const cookieFile = env.OPENCODE_GO_COOKIE_FILE || fileCfg.cookie_file || `${CONFIG_DIR}\\go-auth-cookie.txt`;
+  let fileCookie = "";
+  try {
+    let p = cookieFile;
+    if (p === "~") p = (env.HOME || env.USERPROFILE) + "";
+    else if (p.startsWith("~/")) p = (env.HOME || env.USERPROFILE || "") + p.slice(1);
+    fileCookie = readFileSync(p, "utf8").trim();
+  } catch {
+    fileCookie = "";
+  }
+  return {
+    workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
+    authCookie: env.OPENCODE_GO_AUTH_COOKIE || fileCfg.auth_cookie || fileCfg.cookie || fileCookie
+  };
+}
+function saveConfig(patch) {
+  let fileCfg = {};
+  try {
+    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"));
+  } catch {
+    fileCfg = {};
+  }
+  if (patch.workspace_id !== void 0) fileCfg.workspace_id = patch.workspace_id;
+  if (patch.cookie !== void 0) fileCfg.cookie = patch.cookie;
+  try {
+    mkdirSync(dirname(CONFIG_FILE), {
+      recursive: true
+    });
+    writeFileSync(CONFIG_FILE, JSON.stringify(fileCfg, null, 2), "utf8");
+  } catch {
+  }
+}
+async function fetchUsage(workspaceId, authCookie) {
+  if (!workspaceId || !authCookie) return {
+    error: "not_configured"
+  };
+  try {
+    const res = await fetch("https://opencode.ai/_server", {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-server-id": "c7389bd0e731f80f49593e5ee53835475f4e28594dd6bd83eb229bab753498cd",
+        "x-server-instance": "go-usage-tui",
+        "cookie": `auth=${authCookie}`,
+        "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64)"
+      },
+      body: JSON.stringify({
+        t: {
+          t: 9,
+          i: 0,
+          l: 1,
+          a: [{
+            t: 1,
+            s: workspaceId
+          }],
+          o: 0
+        },
+        f: 31,
+        m: []
+      })
+    });
+    if (!res.ok) {
+      if (res.status === 302) return {
+        error: "cookie_expired"
+      };
+      return null;
+    }
+    const text = await res.text();
+    if (text.includes("/auth/authorize") || text.includes("location")) {
+      return {
+        error: "cookie_expired"
+      };
+    }
+    const extract = (key) => {
+      const m = text.match(new RegExp(`${key}:[^}]*?\\{status:"ok",resetInSec:(\\d+),usagePercent:(\\d+)\\}`));
+      if (!m) return null;
+      return {
+        resetInSec: Number(m[1]),
+        usagePercent: Number(m[2])
+      };
+    };
+    const rollingUsage = extract("rollingUsage");
+    const weeklyUsage = extract("weeklyUsage");
+    const monthlyUsage = extract("monthlyUsage");
+    if (!rollingUsage || !weeklyUsage || !monthlyUsage) return null;
+    return {
+      rollingUsage,
+      weeklyUsage,
+      monthlyUsage
+    };
+  } catch {
+    return null;
+  }
+}
+function formatReset(sec) {
+  if (sec <= 0) return "\u5DF2\u91CD\u7F6E";
+  const d = Math.floor(sec / 86400);
+  const h = Math.floor(sec % 86400 / 3600);
+  const m = Math.floor(sec % 3600 / 60);
+  if (d > 0) return `${d}\u5929${h}\u5C0F\u65F6`;
+  if (h > 0) return `${h}\u5C0F\u65F6${m}\u5206\u949F`;
+  return `${m}\u5206\u949F`;
+}
+function progressBar(percent, width) {
+  const clamped = Math.max(0, Math.min(100, percent));
+  const filled = Math.round(clamped / 100 * width);
+  const empty = Math.max(0, width - filled);
+  return "\u2588".repeat(filled) + "\u2591".repeat(empty);
+}
+function visualWidth(s) {
+  let w = 0;
+  for (const c of s) {
+    const code = c.codePointAt(0) ?? 0;
+    w += code >= 4352 && code <= 4447 || code >= 11904 && code <= 42191 || code >= 44032 && code <= 55203 || code >= 63744 && code <= 64255 || code >= 65281 && code <= 65376 || code >= 65504 && code <= 65510 ? 2 : 1;
+  }
+  return w;
+}
+var FALLBACK = {
+  primary: "#8B9DAF",
+  text: "#C5C5BB",
+  muted: "#7A7A72",
+  success: "#9CAF8B",
+  warning: "#C5B88D",
+  error: "#B08A8A",
+  border: "#6B6B63"
+};
+function hex(raw) {
+  if (typeof raw === "string" && raw.startsWith("#") && raw.length >= 7) return raw;
+  if (raw && typeof raw === "object" && typeof raw.r === "number") {
+    const r = Math.round(raw.r * 255), g = Math.round(raw.g * 255), b = Math.round(raw.b * 255);
+    return "#" + [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("");
+  }
+  return "";
+}
+function GoUsagePanel(props) {
+  const [usage, setUsage] = createSignal(null);
+  const [open, setOpen] = createSignal(true);
+  const [error, setError] = createSignal("");
+  const [configured, setConfigured] = createSignal(true);
+  const [lastUpdated, setLastUpdated] = createSignal("");
+  const [panelWidth, setPanelWidth] = createSignal(24);
+  let boxEl;
+  async function refresh() {
+    const cfg = loadConfig();
+    if (!cfg.workspaceId || !cfg.authCookie) {
+      setConfigured(false);
+      setUsage(null);
+      setError("");
+      return;
+    }
+    setConfigured(true);
+    const u = await fetchUsage(cfg.workspaceId, cfg.authCookie);
+    if (u === null) {
+      setError("\u67E5\u8BE2\u5931\u8D25");
+      return;
+    }
+    if (u.error === "cookie_expired") {
+      setError("cookie \u5DF2\u8FC7\u671F");
+      return;
+    }
+    if (u.error === "not_configured") {
+      setConfigured(false);
+      return;
+    }
+    setUsage(u);
+    setLastUpdated((/* @__PURE__ */ new Date()).toLocaleTimeString());
+    setError("");
+  }
+  onMount(() => {
+    refresh();
+    const timer = setInterval(refresh, CHECK_INTERVAL);
+    onCleanup(() => clearInterval(timer));
+  });
+  const [pal, setPal] = createSignal({
+    ...FALLBACK
+  });
+  createEffect(() => {
+    const t = props.theme;
+    const p = {
+      ...FALLBACK
+    };
+    for (const k of Object.keys(FALLBACK)) {
+      const h = hex(t?.[k]);
+      if (h) p[k] = h;
+    }
+    setPal(p);
+  });
+  const colors = () => pal();
+  const barW = () => Math.max(4, Math.min(12, panelWidth() - 34));
+  const colorFor = (percent) => {
+    const c = colors();
+    if (percent >= WARN_THRESHOLD * 100) return c.error;
+    if (percent >= 50) return c.warning;
+    return c.success;
+  };
+  const renderRow = (label, u) => {
+    const labelW = visualWidth(label);
+    const pad = Math.max(0, 9 - labelW);
+    return (() => {
+      var _el$ = _$createElement("text"), _el$2 = _$createElement("span"), _el$3 = _$createElement("span"), _el$4 = _$createElement("span"), _el$5 = _$createElement("span"), _el$7 = _$createElement("span"), _el$8 = _$createTextNode(`%`), _el$9 = _$createElement("span"), _el$0 = _$createTextNode(` `);
+      _$insertNode(_el$, _el$2);
+      _$insertNode(_el$, _el$3);
+      _$insertNode(_el$, _el$4);
+      _$insertNode(_el$, _el$5);
+      _$insertNode(_el$, _el$7);
+      _$insertNode(_el$, _el$9);
+      _$insert(_el$2, label);
+      _$insert(_el$3, () => " ".repeat(pad + 1));
+      _$insert(_el$4, () => progressBar(u.usagePercent, barW()));
+      _$insertNode(_el$5, _$createTextNode(` `));
+      _$insertNode(_el$7, _el$8);
+      _$insert(_el$7, () => u.usagePercent, _el$8);
+      _$insertNode(_el$9, _el$0);
+      _$insert(_el$9, () => formatReset(u.resetInSec), null);
+      _$effect((_p$) => {
+        var _v$ = {
+          fg: colors().text
+        }, _v$2 = {
+          fg: colorFor(u.usagePercent)
+        }, _v$3 = {
+          fg: colorFor(u.usagePercent)
+        }, _v$4 = {
+          fg: colors().muted
+        };
+        _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "style", _v$, _p$.e));
+        _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "style", _v$2, _p$.t));
+        _v$3 !== _p$.a && (_p$.a = _$setProp(_el$7, "style", _v$3, _p$.a));
+        _v$4 !== _p$.o && (_p$.o = _$setProp(_el$9, "style", _v$4, _p$.o));
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
+      });
+      return _el$;
+    })();
+  };
+  const sep = () => "\u2500".repeat(Math.max(1, panelWidth() - 4));
+  return (() => {
+    var _el$1 = _$createElement("box"), _el$10 = _$createElement("text"), _el$11 = _$createElement("span"), _el$12 = _$createElement("span"), _el$13 = _$createElement("b");
+    _$insertNode(_el$1, _el$10);
+    var _ref$ = boxEl;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$1) : boxEl = _el$1;
+    _$setProp(_el$1, "border", true);
+    _$setProp(_el$1, "paddingLeft", 1);
+    _$setProp(_el$1, "paddingRight", 1);
+    _$setProp(_el$1, "flexDirection", "column");
+    _$setProp(_el$1, "gap", 0);
+    _$setProp(_el$1, "onSizeChange", () => {
+      const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24;
+      setPanelWidth(w);
+    });
+    _$insertNode(_el$10, _el$11);
+    _$insertNode(_el$10, _el$12);
+    _$setProp(_el$10, "onMouseUp", () => setOpen((o) => !o));
+    _$insert(_el$11, () => open() ? "\u25BC " : "\u25B6 ");
+    _$insertNode(_el$12, _el$13);
+    _$insertNode(_el$13, _$createTextNode(`Go \u7528\u91CF`));
+    _$insert(_el$10, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!!open())() && usage();
+      },
+      get children() {
+        var _el$15 = _$createElement("span"), _el$16 = _$createTextNode(`  \u5468 `), _el$18 = _$createTextNode(`%`);
+        _$insertNode(_el$15, _el$16);
+        _$insertNode(_el$15, _el$18);
+        _$insert(_el$15, () => usage().weeklyUsage.usagePercent, _el$18);
+        _$effect((_$p) => _$setProp(_el$15, "style", {
+          fg: colorFor(usage().weeklyUsage.usagePercent)
+        }, _$p));
+        return _el$15;
+      }
+    }), null);
+    _$insert(_el$1, _$createComponent(Show, {
+      get when() {
+        return open();
+      },
+      get children() {
+        return [(() => {
+          var _el$19 = _$createElement("text");
+          _$insert(_el$19, sep);
+          _$effect((_$p) => _$setProp(_el$19, "fg", colors().muted, _$p));
+          return _el$19;
+        })(), _$createComponent(Show, {
+          get when() {
+            return !configured();
+          },
+          get children() {
+            return [(() => {
+              var _el$20 = _$createElement("text");
+              _$insertNode(_el$20, _$createTextNode(`\u672A\u914D\u7F6E\u8D26\u53F7`));
+              _$effect((_$p) => _$setProp(_el$20, "fg", colors().warning, _$p));
+              return _el$20;
+            })(), (() => {
+              var _el$22 = _$createElement("text");
+              _$insertNode(_el$22, _$createTextNode(`\u8F93\u5165 /go-config \u8BBE\u7F6E`));
+              _$effect((_$p) => _$setProp(_el$22, "fg", colors().muted, _$p));
+              return _el$22;
+            })()];
+          }
+        }), _$createComponent(Show, {
+          get when() {
+            return _$memo(() => !!configured())() && error();
+          },
+          get fallback() {
+            return _$createComponent(Show, {
+              get when() {
+                return _$memo(() => !!configured())() && usage();
+              },
+              get fallback() {
+                return _$createComponent(Show, {
+                  get when() {
+                    return configured();
+                  },
+                  get children() {
+                    var _el$31 = _$createElement("text");
+                    _$insertNode(_el$31, _$createTextNode(`\u52A0\u8F7D\u4E2D...`));
+                    _$effect((_$p) => _$setProp(_el$31, "fg", colors().muted, _$p));
+                    return _el$31;
+                  }
+                });
+              },
+              get children() {
+                return [_$memo(() => renderRow("5\u5C0F\u65F6\u7528\u91CF", usage().rollingUsage)), _$memo(() => renderRow("\u6BCF\u5468\u7528\u91CF", usage().weeklyUsage)), _$memo(() => renderRow("\u6BCF\u6708\u7528\u91CF", usage().monthlyUsage)), (() => {
+                  var _el$27 = _$createElement("text"), _el$28 = _$createElement("span"), _el$30 = _$createElement("span");
+                  _$insertNode(_el$27, _el$28);
+                  _$insertNode(_el$27, _el$30);
+                  _$insertNode(_el$28, _$createTextNode(`\u6700\u8FD1\u66F4\u65B0 `));
+                  _$insert(_el$30, lastUpdated);
+                  _$effect((_p$) => {
+                    var _v$8 = {
+                      fg: colors().muted
+                    }, _v$9 = {
+                      fg: colors().muted
+                    };
+                    _v$8 !== _p$.e && (_p$.e = _$setProp(_el$28, "style", _v$8, _p$.e));
+                    _v$9 !== _p$.t && (_p$.t = _$setProp(_el$30, "style", _v$9, _p$.t));
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$27;
+                })()];
+              }
+            });
+          },
+          get children() {
+            return [(() => {
+              var _el$24 = _$createElement("text");
+              _$insert(_el$24, error);
+              _$effect((_$p) => _$setProp(_el$24, "fg", colors().error, _$p));
+              return _el$24;
+            })(), (() => {
+              var _el$25 = _$createElement("text");
+              _$insertNode(_el$25, _$createTextNode(`\u8F93\u5165 /go-config \u91CD\u65B0\u914D\u7F6E`));
+              _$effect((_$p) => _$setProp(_el$25, "fg", colors().muted, _$p));
+              return _el$25;
+            })()];
+          }
+        })];
+      }
+    }), null);
+    _$effect((_p$) => {
+      var _v$5 = colors().border, _v$6 = {
+        fg: colors().muted
+      }, _v$7 = {
+        fg: colors().primary
+      };
+      _v$5 !== _p$.e && (_p$.e = _$setProp(_el$1, "borderColor", _v$5, _p$.e));
+      _v$6 !== _p$.t && (_p$.t = _$setProp(_el$11, "style", _v$6, _p$.t));
+      _v$7 !== _p$.a && (_p$.a = _$setProp(_el$12, "style", _v$7, _p$.a));
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$1;
+  })();
+}
+function createSidebarSlot(api) {
+  return {
+    order: 60,
+    slots: {
+      sidebar_content(ctx, _input) {
+        return _$createComponent(GoUsagePanel, {
+          get theme() {
+            return ctx.theme.current;
+          },
+          api
+        });
+      }
+    }
+  };
+}
+var tui = async (api) => {
+  api.slots.register(createSidebarSlot(api));
+  api.command?.register(() => [{
+    title: "Go Usage: Configure",
+    value: "go-usage.config",
+    description: "\u8BBE\u7F6E OpenCode Go workspace ID \u548C auth cookie",
+    slash: {
+      name: "go-config"
+    },
+    onSelect: (dialog) => {
+      dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+        title: "\u8F93\u5165 workspace_id",
+        description: () => (() => {
+          var _el$33 = _$createElement("text");
+          _$insertNode(_el$33, _$createTextNode(`\u5728 opencode.ai \u63A7\u5236\u53F0 URL \u4E2D\u83B7\u53D6\uFF08wrk_ \u5F00\u5934\uFF09`));
+          return _el$33;
+        })(),
+        placeholder: "wrk_xxxxxxxxxxxx",
+        onConfirm: (value) => {
+          const wsId = value.trim();
+          if (!wsId) {
+            dialog?.clear();
+            return;
+          }
+          saveConfig({
+            workspace_id: wsId
+          });
+          dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+            title: "\u8F93\u5165 auth cookie",
+            description: () => (() => {
+              var _el$35 = _$createElement("text");
+              _$insertNode(_el$35, _$createTextNode(`\u767B\u5F55 opencode.ai \u540E\uFF0C\u6D4F\u89C8\u5668 F12 \u2192 Application \u2192 Cookies \u2192 opencode.ai \u2192 \u590D\u5236 auth \u7684\u503C`));
+              return _el$35;
+            })(),
+            placeholder: "Fe26.2*...",
+            onConfirm: (val) => {
+              const cookie = val.trim();
+              if (!cookie) {
+                dialog?.clear();
+                return;
+              }
+              saveConfig({
+                cookie
+              });
+              api.ui.toast({
+                variant: "success",
+                message: "Go \u7528\u91CF\u914D\u7F6E\u5DF2\u4FDD\u5B58"
+              });
+              dialog?.clear();
+            },
+            onCancel: () => dialog?.clear()
+          }));
+        },
+        onCancel: () => dialog?.clear()
+      }));
+    }
+  }]);
+};
+var mod = {
+  id: "opencode-go-usage-tui",
+  tui
+};
+var index_default = mod;
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "opencode-go-usage-tui",
+  "version": "1.0.0",
+  "description": "OpenCode TUI plugin displaying OpenCode Go usage in the sidebar",
+  "type": "module",
+  "exports": {
+    "./tui": {
+      "import": "./dist/tui.js"
+    }
+  },
+  "config": {
+    "enabled": true
+  },
+  "files": [
+    "dist",
+    "src",
+    "build.tui.mjs",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "bun run build.tui.mjs",
+    "version": "node -e \"const fs=require('fs');const p=JSON.parse(fs.readFileSync('package.json','utf8'));console.log(p.version)\""
+  },
+  "keywords": [
+    "opencode",
+    "opencode-plugin",
+    "tui",
+    "go-usage",
+    "quota"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@opencode-ai/plugin": ">=1.14.0",
+    "@opentui/solid": ">=0.2.0",
+    "solid-js": ">=1.9.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.25.0",
+    "esbuild-plugin-solid": "^0.5.0"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,345 @@
+/** @jsxImportSource @opentui/solid */
+
+import type {
+  TuiPlugin,
+  TuiPluginApi,
+  TuiSlotContext,
+  TuiSlotPlugin,
+  TuiPluginModule,
+  TuiThemeCurrent,
+} from "@opencode-ai/plugin/tui"
+import { createSignal, createEffect, onMount, onCleanup, Show } from "solid-js"
+import type { JSX } from "@opentui/solid"
+import { readFileSync, writeFileSync, mkdirSync } from "node:fs"
+import { join, dirname } from "node:path"
+
+declare const process: { env: Record<string, string | undefined> } | undefined
+
+const CHECK_INTERVAL = Number(process?.env?.OPENCODE_GO_CHECK_INTERVAL ?? 60000)
+const WARN_THRESHOLD = Number(process?.env?.OPENCODE_GO_WARN_THRESHOLD ?? 0.8)
+const CONFIG_DIR = process?.env?.OPENCODE_CONFIG_DIR
+  || (process?.env?.USERPROFILE ? `${process.env.USERPROFILE}\\.config\\opencode` : "")
+  || process?.env?.HOME + "/.config/opencode"
+const CONFIG_FILE = join(CONFIG_DIR, "go-usage-config.json")
+
+function loadConfig(): { workspaceId: string; authCookie: string } {
+  const env = process?.env ?? {}
+  let fileCfg: Record<string, string> = {}
+  try {
+    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"))
+  } catch { fileCfg = {} }
+  const cookieFile = env.OPENCODE_GO_COOKIE_FILE || fileCfg.cookie_file || `${CONFIG_DIR}\\go-auth-cookie.txt`
+  let fileCookie = ""
+  try {
+    let p = cookieFile
+    if (p === "~") p = (env.HOME || env.USERPROFILE) + ""
+    else if (p.startsWith("~/")) p = (env.HOME || env.USERPROFILE || "") + p.slice(1)
+    fileCookie = readFileSync(p, "utf8").trim()
+  } catch { fileCookie = "" }
+  return {
+    workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
+    authCookie: env.OPENCODE_GO_AUTH_COOKIE || fileCfg.auth_cookie || fileCfg.cookie || fileCookie,
+  }
+}
+
+function saveConfig(patch: { workspace_id?: string; cookie?: string }): void {
+  let fileCfg: Record<string, string> = {}
+  try {
+    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"))
+  } catch { fileCfg = {} }
+  if (patch.workspace_id !== undefined) fileCfg.workspace_id = patch.workspace_id
+  if (patch.cookie !== undefined) fileCfg.cookie = patch.cookie
+  try {
+    mkdirSync(dirname(CONFIG_FILE), { recursive: true })
+    writeFileSync(CONFIG_FILE, JSON.stringify(fileCfg, null, 2), "utf8")
+  } catch { /* 写入失败忽略 */ }
+}
+
+interface Usage {
+  rollingUsage: { usagePercent: number; resetInSec: number }
+  weeklyUsage: { usagePercent: number; resetInSec: number }
+  monthlyUsage: { usagePercent: number; resetInSec: number }
+  error?: string
+}
+
+async function fetchUsage(workspaceId: string, authCookie: string): Promise<Usage | null> {
+  if (!workspaceId || !authCookie) return { error: "not_configured" } as Usage
+  try {
+    const res = await fetch("https://opencode.ai/_server", {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-server-id": "c7389bd0e731f80f49593e5ee53835475f4e28594dd6bd83eb229bab753498cd",
+        "x-server-instance": "go-usage-tui",
+        "cookie": `auth=${authCookie}`,
+        "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64)",
+      },
+      body: JSON.stringify({
+        t: { t: 9, i: 0, l: 1, a: [{ t: 1, s: workspaceId }], o: 0 },
+        f: 31,
+        m: [],
+      }),
+    })
+    if (!res.ok) {
+      if (res.status === 302) return { error: "cookie_expired" } as Usage
+      return null
+    }
+    const text = await res.text()
+    if (text.includes("/auth/authorize") || text.includes("location")) {
+      return { error: "cookie_expired" } as Usage
+    }
+    const extract = (key: string): { resetInSec: number; usagePercent: number } | null => {
+      const m = text.match(new RegExp(`${key}:[^}]*?\\{status:"ok",resetInSec:(\\d+),usagePercent:(\\d+)\\}`))
+      if (!m) return null
+      return { resetInSec: Number(m[1]), usagePercent: Number(m[2]) }
+    }
+    const rollingUsage = extract("rollingUsage")
+    const weeklyUsage = extract("weeklyUsage")
+    const monthlyUsage = extract("monthlyUsage")
+    if (!rollingUsage || !weeklyUsage || !monthlyUsage) return null
+    return { rollingUsage, weeklyUsage, monthlyUsage }
+  } catch {
+    return null
+  }
+}
+
+function formatReset(sec: number): string {
+  if (sec <= 0) return "已重置"
+  const d = Math.floor(sec / 86400)
+  const h = Math.floor((sec % 86400) / 3600)
+  const m = Math.floor((sec % 3600) / 60)
+  if (d > 0) return `${d}天${h}小时`
+  if (h > 0) return `${h}小时${m}分钟`
+  return `${m}分钟`
+}
+
+function progressBar(percent: number, width: number): string {
+  const clamped = Math.max(0, Math.min(100, percent))
+  const filled = Math.round((clamped / 100) * width)
+  const empty = Math.max(0, width - filled)
+  return "\u2588".repeat(filled) + "\u2591".repeat(empty)
+}
+
+function visualWidth(s: string): number {
+  let w = 0
+  for (const c of s) {
+    const code = c.codePointAt(0) ?? 0
+    w += (code >= 0x1100 && code <= 0x115F) ||
+         (code >= 0x2E80 && code <= 0xA4CF) ||
+         (code >= 0xAC00 && code <= 0xD7A3) ||
+         (code >= 0xF900 && code <= 0xFAFF) ||
+         (code >= 0xFF01 && code <= 0xFF60) ||
+         (code >= 0xFFE0 && code <= 0xFFE6) ? 2 : 1
+  }
+  return w
+}
+
+const FALLBACK = {
+  primary: "#8B9DAF",
+  text: "#C5C5BB",
+  muted: "#7A7A72",
+  success: "#9CAF8B",
+  warning: "#C5B88D",
+  error: "#B08A8A",
+  border: "#6B6B63",
+} as const
+
+function hex(raw: any): string {
+  if (typeof raw === "string" && raw.startsWith("#") && raw.length >= 7) return raw
+  if (raw && typeof raw === "object" && typeof raw.r === "number") {
+    const r = Math.round(raw.r * 255), g = Math.round(raw.g * 255), b = Math.round(raw.b * 255)
+    return "#" + [r, g, b].map(v => v.toString(16).padStart(2, "0")).join("")
+  }
+  return ""
+}
+
+function GoUsagePanel(props: { theme: TuiThemeCurrent; api: TuiPluginApi }): JSX.Element {
+  const [usage, setUsage] = createSignal<Usage | null>(null)
+  const [open, setOpen] = createSignal(true)
+  const [error, setError] = createSignal("")
+  const [configured, setConfigured] = createSignal(true)
+  const [lastUpdated, setLastUpdated] = createSignal("")
+  const [panelWidth, setPanelWidth] = createSignal(24)
+  let boxEl: any
+
+  async function refresh() {
+    const cfg = loadConfig()
+    if (!cfg.workspaceId || !cfg.authCookie) {
+      setConfigured(false)
+      setUsage(null)
+      setError("")
+      return
+    }
+    setConfigured(true)
+    const u = await fetchUsage(cfg.workspaceId, cfg.authCookie)
+    if (u === null) { setError("查询失败"); return }
+    if (u.error === "cookie_expired") { setError("cookie 已过期"); return }
+    if (u.error === "not_configured") { setConfigured(false); return }
+    setUsage(u)
+    setLastUpdated(new Date().toLocaleTimeString())
+    setError("")
+  }
+
+  onMount(() => {
+    refresh()
+    const timer = setInterval(refresh, CHECK_INTERVAL)
+    onCleanup(() => clearInterval(timer))
+  })
+
+  const [pal, setPal] = createSignal<Record<string, string>>({ ...FALLBACK })
+  createEffect(() => {
+    const t = props.theme as any
+    const p: Record<string, string> = { ...FALLBACK }
+    for (const k of Object.keys(FALLBACK)) {
+      const h = hex(t?.[k])
+      if (h) p[k] = h
+    }
+    setPal(p)
+  })
+  const colors = () => pal()
+
+  const barW = () => Math.max(4, Math.min(12, panelWidth() - 34))
+
+  const colorFor = (percent: number) => {
+    const c = colors()
+    if (percent >= WARN_THRESHOLD * 100) return c.error
+    if (percent >= 50) return c.warning
+    return c.success
+  }
+
+  const renderRow = (label: string, u: { usagePercent: number; resetInSec: number }) => {
+    const labelW = visualWidth(label)
+    const pad = Math.max(0, 9 - labelW)
+    return (
+      <text>
+        <span style={{ fg: colors().text }}>{label}</span>
+        <span>{" ".repeat(pad + 1)}</span>
+        <span style={{ fg: colorFor(u.usagePercent) }}>
+          {progressBar(u.usagePercent, barW())}
+        </span>
+        <span>{" "}</span>
+        <span style={{ fg: colorFor(u.usagePercent) }}>{u.usagePercent}%</span>
+        <span style={{ fg: colors().muted }}> {formatReset(u.resetInSec)}</span>
+      </text>
+    )
+  }
+
+  const sep = () => "\u2500".repeat(Math.max(1, panelWidth() - 4))
+
+  return (
+    <box
+      border
+      borderColor={colors().border}
+      paddingLeft={1}
+      paddingRight={1}
+      flexDirection="column"
+      gap={0}
+      ref={boxEl}
+      onSizeChange={() => {
+        const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24
+        setPanelWidth(w)
+      }}
+    >
+      <text onMouseUp={() => setOpen(o => !o)}>
+        <span style={{ fg: colors().muted }}>{open() ? "\u25bc " : "\u25b6 "}</span>
+        <span style={{ fg: colors().primary }}><b>Go 用量</b></span>
+        <Show when={!open() && usage()}>
+          <span style={{ fg: colorFor(usage()!.weeklyUsage.usagePercent) }}>
+            {" ".repeat(2)}周 {usage()!.weeklyUsage.usagePercent}%
+          </span>
+        </Show>
+      </text>
+
+      <Show when={open()}>
+        <text fg={colors().muted}>{sep()}</text>
+
+        <Show when={!configured()}>
+          <text fg={colors().warning}>未配置账号</text>
+          <text fg={colors().muted}>输入 /go-config 设置</text>
+        </Show>
+
+        <Show when={configured() && error()} fallback={
+          <Show when={configured() && usage()} fallback={
+            <Show when={configured()}><text fg={colors().muted}>加载中...</text></Show>
+          }>
+            {renderRow("5小时用量", usage()!.rollingUsage)}
+            {renderRow("每周用量", usage()!.weeklyUsage)}
+            {renderRow("每月用量", usage()!.monthlyUsage)}
+            <text>
+              <span style={{ fg: colors().muted }}>最近更新 </span>
+              <span style={{ fg: colors().muted }}>{lastUpdated()}</span>
+            </text>
+          </Show>
+        }>
+          <text fg={colors().error}>{error()}</text>
+          <text fg={colors().muted}>输入 /go-config 重新配置</text>
+        </Show>
+      </Show>
+    </box>
+  )
+}
+
+function createSidebarSlot(api: TuiPluginApi): TuiSlotPlugin {
+  return {
+    order: 60,
+    slots: {
+      sidebar_content(ctx: TuiSlotContext, _input: { session_id: string }): JSX.Element {
+        return <GoUsagePanel theme={ctx.theme.current} api={api} />
+      },
+    },
+  }
+}
+
+const tui: TuiPlugin = async (api: TuiPluginApi) => {
+  api.slots.register(createSidebarSlot(api))
+
+  api.command?.register(() => [
+    {
+      title: "Go Usage: Configure",
+      value: "go-usage.config",
+      description: "设置 OpenCode Go workspace ID 和 auth cookie",
+      slash: { name: "go-config" },
+      onSelect: (dialog) => {
+        dialog?.replace(() => (
+          <api.ui.DialogPrompt
+            title="输入 workspace_id"
+            description={() => (
+              <text>在 opencode.ai 控制台 URL 中获取（wrk_ 开头）</text>
+            )}
+            placeholder="wrk_xxxxxxxxxxxx"
+            onConfirm={(value) => {
+              const wsId = value.trim()
+              if (!wsId) { dialog?.clear(); return }
+              saveConfig({ workspace_id: wsId })
+              dialog?.replace(() => (
+                <api.ui.DialogPrompt
+                  title="输入 auth cookie"
+                  description={() => (
+                    <text>登录 opencode.ai 后，浏览器 F12 → Application → Cookies → opencode.ai → 复制 auth 的值</text>
+                  )}
+                  placeholder="Fe26.2*..."
+                  onConfirm={(val) => {
+                    const cookie = val.trim()
+                    if (!cookie) { dialog?.clear(); return }
+                    saveConfig({ cookie })
+                    api.ui.toast({ variant: "success", message: "Go 用量配置已保存" })
+                    dialog?.clear()
+                  }}
+                  onCancel={() => dialog?.clear()}
+                />
+              ))
+            }}
+            onCancel={() => dialog?.clear()}
+          />
+        ))
+      },
+    },
+  ])
+}
+
+const mod: TuiPluginModule & { id: string } = {
+  id: "opencode-go-usage-tui",
+  tui,
+}
+
+export default mod