opencode-go-usage-tui 1.0.1 → 1.2.0

package/dist/tui.js

@@ -9,44 +9,245 @@ 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 { readFileSync, writeFileSync, mkdirSync, renameSync, existsSync } from "node:fs";
 import { join, dirname } from "node:path";
+import { createCipheriv, createDecipheriv, randomBytes } from "node:crypto";
+
+// src/i18n.ts
+var ZH_T = {
+  panelTitle: "Go \u7528\u91CF",
+  rowRolling: "5\u5C0F\u65F6\u7528\u91CF",
+  rowWeekly: "\u6BCF\u5468\u7528\u91CF",
+  rowMonthly: "\u6BCF\u6708\u7528\u91CF",
+  weeklyShort: "\u5468",
+  updatedAt: "\u6700\u8FD1\u66F4\u65B0",
+  notConfigured: "\u672A\u914D\u7F6E\u8D26\u53F7",
+  notConfiguredHint: "\u8F93\u5165 /go-config \u8BBE\u7F6E",
+  loading: "\u52A0\u8F7D\u4E2D...",
+  queryFailed: "\u67E5\u8BE2\u5931\u8D25",
+  cookieExpired: "cookie \u5DF2\u8FC7\u671F",
+  reconfigureHint: "\u8F93\u5165 /go-config \u91CD\u65B0\u914D\u7F6E",
+  resetDone: "\u5DF2\u91CD\u7F6E",
+  dayHour: "{d}\u5929{h}\u5C0F\u65F6",
+  hourMin: "{h}\u5C0F\u65F6{m}\u5206\u949F",
+  minute: "{m}\u5206\u949F",
+  cmdTitle: "Go Usage: Configure",
+  cmdDesc: "\u8BBE\u7F6E OpenCode Go workspace ID \u548C auth cookie",
+  wsPromptTitle: "\u8F93\u5165 workspace_id",
+  wsPromptDesc: "\u5728 opencode.ai \u63A7\u5236\u53F0 URL \u4E2D\u83B7\u53D6\uFF08wrk_ \u5F00\u5934\uFF09",
+  wsPlaceholder: "wrk_xxxxxxxxxxxx",
+  cookiePromptTitle: "\u8F93\u5165 auth cookie",
+  cookiePromptDesc: "\u767B\u5F55 opencode.ai \u540E\uFF0C\u6D4F\u89C8\u5668 F12 \u2192 Application \u2192 Cookies \u2192 opencode.ai \u2192 \u590D\u5236 auth \u7684\u503C",
+  cookiePlaceholder: "Fe26.2*...",
+  configSaved: "Go \u7528\u91CF\u914D\u7F6E\u5DF2\u4FDD\u5B58",
+  langTitle: "\u663E\u793A\u8BED\u8A00",
+  langCmdTitle: "Go Usage: Language",
+  langCmdDesc: "\u5207\u6362\u663E\u793A\u8BED\u8A00 | Switch display language",
+  langSwitchedZh: "\u5DF2\u5207\u6362\u4E3A\u4E2D\u6587",
+  langSwitchedEn: "Switched to English",
+  onboardLangTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
+  onboardLangDesc: "Choose display language / \u9009\u62E9\u663E\u793A\u8BED\u8A00",
+  onboardConfigTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
+  onboardConfigDesc: "First-time setup / \u9996\u6B21\u4F7F\u7528\u9700\u914D\u7F6E\u8D26\u53F7",
+  setupCanceled: "\u5DF2\u53D6\u6D88\u914D\u7F6E\uFF0C\u8F93\u5165 /go-config \u53EF\u91CD\u65B0\u8BBE\u7F6E"
+};
+var EN_T = {
+  panelTitle: "Go Usage",
+  rowRolling: "5h usage",
+  rowWeekly: "Weekly",
+  rowMonthly: "Monthly",
+  weeklyShort: "Wk",
+  updatedAt: "Updated",
+  notConfigured: "Not configured",
+  notConfiguredHint: "Run /go-config to set up",
+  loading: "Loading...",
+  queryFailed: "Query failed",
+  cookieExpired: "Cookie expired",
+  reconfigureHint: "Run /go-config to reconfigure",
+  resetDone: "Reset",
+  dayHour: "{d}d {h}h",
+  hourMin: "{h}h {m}m",
+  minute: "{m}m",
+  cmdTitle: "Go Usage: Configure",
+  cmdDesc: "Set OpenCode Go workspace ID and auth cookie",
+  wsPromptTitle: "Enter workspace_id",
+  wsPromptDesc: "Get it from the opencode.ai console URL (starts with wrk_)",
+  wsPlaceholder: "wrk_xxxxxxxxxxxx",
+  cookiePromptTitle: "Enter auth cookie",
+  cookiePromptDesc: "After logging into opencode.ai, press F12 \u2192 Application \u2192 Cookies \u2192 opencode.ai \u2192 copy the auth value",
+  cookiePlaceholder: "Fe26.2*...",
+  configSaved: "Go usage config saved",
+  langTitle: "Display language",
+  langCmdTitle: "Go Usage: Language",
+  langCmdDesc: "\u5207\u6362\u663E\u793A\u8BED\u8A00 | Switch display language",
+  langSwitchedZh: "\u5DF2\u5207\u6362\u4E3A\u4E2D\u6587",
+  langSwitchedEn: "Switched to English",
+  onboardLangTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
+  onboardLangDesc: "Choose display language / \u9009\u62E9\u663E\u793A\u8BED\u8A00",
+  onboardConfigTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
+  onboardConfigDesc: "First-time setup / \u9996\u6B21\u4F7F\u7528\u9700\u914D\u7F6E\u8D26\u53F7",
+  setupCanceled: "Setup canceled, run /go-config to reconfigure"
+};
+var LANGS = { zh: ZH_T, en: EN_T };
+var LANG_META = [
+  { code: "zh", label: "\u4E2D\u6587" },
+  { code: "en", label: "English" }
+];
+function applyParams(tpl, params) {
+  if (!params) return tpl;
+  return tpl.replace(
+    /\{(\w+)\}/g,
+    (m, k) => k in params ? String(params[k]) : m
+  );
+}
+function createT(getCode) {
+  return (key, params) => applyParams(LANGS[getCode()][key], params);
+}
+function detectLang() {
+  try {
+    const loc = Intl.DateTimeFormat().resolvedOptions().locale.toLowerCase();
+    if (loc.startsWith("zh")) return "zh";
+    return "en";
+  } catch {
+    return "en";
+  }
+}
+
+// src/index.tsx
+var VERSION = "1.2.0";
 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 = {};
+var COOKIE_ENC_FILE = join(CONFIG_DIR, "go-auth-cookie.enc");
+var KEY_FILE = join(CONFIG_DIR, ".encryption-key");
+var COOKIE_PLAIN_FILE = `${CONFIG_DIR}\\go-auth-cookie.txt`;
+var KV_PREFIX = "go-usage";
+function loadEncryptionKey() {
+  try {
+    const hex2 = readFileSync(KEY_FILE, "utf8").trim();
+    if (hex2) return Buffer.from(hex2, "hex");
+  } catch {
+  }
+  const key = randomBytes(32);
+  mkdirSync(dirname(KEY_FILE), {
+    recursive: true
+  });
+  writeFileSync(KEY_FILE, key.toString("hex"), {
+    encoding: "utf8",
+    mode: 384
+  });
+  return key;
+}
+function encryptText(text) {
+  const key = loadEncryptionKey();
+  const iv = randomBytes(16);
+  const cipher = createCipheriv("aes-256-gcm", key, iv);
+  const data = cipher.update(text, "utf8", "hex") + cipher.final("hex");
+  return JSON.stringify({
+    v: 1,
+    iv: iv.toString("hex"),
+    data,
+    tag: cipher.getAuthTag().toString("hex")
+  });
+}
+function decryptText(encJson) {
+  const {
+    iv,
+    data,
+    tag
+  } = JSON.parse(encJson);
+  const key = loadEncryptionKey();
+  const decipher = createDecipheriv("aes-256-gcm", key, Buffer.from(iv, "hex"));
+  decipher.setAuthTag(Buffer.from(tag, "hex"));
+  return decipher.update(data, "hex", "utf8") + decipher.final("utf8");
+}
+function readJsonFile(file) {
   try {
-    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"));
+    return JSON.parse(readFileSync(file, "utf8"));
   } catch {
-    fileCfg = {};
+    return null;
+  }
+}
+function loadConfig() {
+  const env = process?.env ?? {};
+  const fileCfg = readJsonFile(CONFIG_FILE) ?? {};
+  if (env.OPENCODE_GO_AUTH_COOKIE) {
+    return {
+      workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
+      authCookie: env.OPENCODE_GO_AUTH_COOKIE
+    };
   }
-  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();
+    if (existsSync(COOKIE_ENC_FILE)) {
+      const cookie = decryptText(readFileSync(COOKIE_ENC_FILE, "utf8"));
+      if (cookie) {
+        return {
+          workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
+          authCookie: cookie
+        };
+      }
+    }
   } catch {
-    fileCookie = "";
+  }
+  const legacyCookie = fileCfg.auth_cookie || fileCfg.cookie || (() => {
+    try {
+      return readFileSync(COOKIE_PLAIN_FILE, "utf8").trim();
+    } catch {
+      return "";
+    }
+  })();
+  if (legacyCookie) {
+    const enc = encryptText(legacyCookie);
+    mkdirSync(CONFIG_DIR, {
+      recursive: true
+    });
+    writeFileSync(COOKIE_ENC_FILE, enc, "utf8");
+    const cleanCfg = {
+      ...fileCfg
+    };
+    delete cleanCfg.cookie;
+    delete cleanCfg.auth_cookie;
+    try {
+      writeFileSync(CONFIG_FILE, JSON.stringify(cleanCfg, null, 2), "utf8");
+    } catch {
+    }
+    try {
+      if (existsSync(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
+    } catch {
+    }
+    return {
+      workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
+      authCookie: legacyCookie
+    };
   }
   return {
     workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
-    authCookie: env.OPENCODE_GO_AUTH_COOKIE || fileCfg.auth_cookie || fileCfg.cookie || fileCookie
+    authCookie: ""
   };
 }
 function saveConfig(patch) {
-  let fileCfg = {};
-  try {
-    fileCfg = JSON.parse(readFileSync(CONFIG_FILE, "utf8"));
-  } catch {
-    fileCfg = {};
-  }
+  const fileCfg = readJsonFile(CONFIG_FILE) ?? {};
   if (patch.workspace_id !== void 0) fileCfg.workspace_id = patch.workspace_id;
-  if (patch.cookie !== void 0) fileCfg.cookie = patch.cookie;
+  if (patch.cookie !== void 0) {
+    if (patch.cookie) {
+      mkdirSync(CONFIG_DIR, {
+        recursive: true
+      });
+      writeFileSync(COOKIE_ENC_FILE, encryptText(patch.cookie), "utf8");
+      delete fileCfg.cookie;
+      delete fileCfg.auth_cookie;
+      try {
+        if (existsSync(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
+      } catch {
+      }
+    } else {
+      try {
+        if (existsSync(COOKIE_ENC_FILE)) renameSync(COOKIE_ENC_FILE, COOKIE_ENC_FILE + ".bak");
+      } catch {
+      }
+    }
+  }
   try {
     mkdirSync(dirname(CONFIG_FILE), {
       recursive: true
@@ -56,6 +257,21 @@ function saveConfig(patch) {
   }
 }
 var [configTick, setConfigTick] = createSignal(0);
+var [langCode, setLangCode] = createSignal(detectLang());
+var t = createT(() => langCode());
+function kvTryGet(api, key) {
+  try {
+    return api.kv.get(key);
+  } catch {
+    return void 0;
+  }
+}
+function kvTrySet(api, key, val) {
+  try {
+    api.kv.set(key, val);
+  } catch {
+  }
+}
 async function fetchUsage(workspaceId, authCookie) {
   if (!workspaceId || !authCookie) return {
     error: "not_configured"
@@ -119,13 +335,21 @@ async function fetchUsage(workspaceId, authCookie) {
   }
 }
 function formatReset(sec) {
-  if (sec <= 0) return "\u5DF2\u91CD\u7F6E";
+  if (sec <= 0) return t("resetDone");
   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`;
+  if (d > 0) return t("dayHour", {
+    d,
+    h
+  });
+  if (h > 0) return t("hourMin", {
+    h,
+    m
+  });
+  return t("minute", {
+    m
+  });
 }
 function progressBar(percent, width) {
   const clamped = Math.max(0, Math.min(100, percent));
@@ -177,11 +401,11 @@ function GoUsagePanel(props) {
     setConfigured(true);
     const u = await fetchUsage(cfg.workspaceId, cfg.authCookie);
     if (u === null) {
-      setError("\u67E5\u8BE2\u5931\u8D25");
+      setError(t("queryFailed"));
       return;
     }
     if (u.error === "cookie_expired") {
-      setError("cookie \u5DF2\u8FC7\u671F");
+      setError(t("cookieExpired"));
       return;
     }
     if (u.error === "not_configured") {
@@ -208,12 +432,12 @@ function GoUsagePanel(props) {
     ...FALLBACK
   });
   createEffect(() => {
-    const t = props.theme;
+    const th = props.theme;
     const p = {
       ...FALLBACK
     };
     for (const k of Object.keys(FALLBACK)) {
-      const h = hex(t?.[k]);
+      const h = hex(th?.[k]);
       if (h) p[k] = h;
     }
     setPal(p);
@@ -271,7 +495,7 @@ function GoUsagePanel(props) {
   };
   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");
+    var _el$1 = _$createElement("box"), _el$10 = _$createElement("text"), _el$11 = _$createElement("span"), _el$12 = _$createElement("span"), _el$13 = _$createElement("b"), _el$14 = _$createElement("span"), _el$15 = _$createTextNode(` v`);
     _$insertNode(_el$1, _el$10);
     var _ref$ = boxEl;
     typeof _ref$ === "function" ? _$use(_ref$, _el$1) : boxEl = _el$1;
@@ -286,23 +510,28 @@ function GoUsagePanel(props) {
     });
     _$insertNode(_el$10, _el$11);
     _$insertNode(_el$10, _el$12);
+    _$insertNode(_el$10, _el$14);
     _$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$13, () => t("panelTitle"));
+    _$insertNode(_el$14, _el$15);
+    _$insert(_el$14, VERSION, null);
     _$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", {
+        var _el$16 = _$createElement("span"), _el$17 = _$createTextNode(`  `), _el$18 = _$createTextNode(` `), _el$19 = _$createTextNode(`%`);
+        _$insertNode(_el$16, _el$17);
+        _$insertNode(_el$16, _el$18);
+        _$insertNode(_el$16, _el$19);
+        _$insert(_el$16, () => t("weeklyShort"), _el$18);
+        _$insert(_el$16, () => usage().weeklyUsage.usagePercent, _el$19);
+        _$effect((_$p) => _$setProp(_el$16, "style", {
           fg: colorFor(usage().weeklyUsage.usagePercent)
         }, _$p));
-        return _el$15;
+        return _el$16;
       }
     }), null);
     _$insert(_el$1, _$createComponent(Show, {
@@ -311,23 +540,23 @@ function GoUsagePanel(props) {
       },
       get children() {
         return [(() => {
-          var _el$19 = _$createElement("text");
-          _$insert(_el$19, sep);
-          _$effect((_$p) => _$setProp(_el$19, "fg", colors().muted, _$p));
-          return _el$19;
+          var _el$20 = _$createElement("text");
+          _$insert(_el$20, sep);
+          _$effect((_$p) => _$setProp(_el$20, "fg", colors().muted, _$p));
+          return _el$20;
         })(), _$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$21 = _$createElement("text");
+              _$insert(_el$21, () => t("notConfigured"));
+              _$effect((_$p) => _$setProp(_el$21, "fg", colors().warning, _$p));
+              return _el$21;
             })(), (() => {
               var _el$22 = _$createElement("text");
-              _$insertNode(_el$22, _$createTextNode(`\u8F93\u5165 /go-config \u8BBE\u7F6E`));
+              _$insert(_el$22, () => t("notConfiguredHint"));
               _$effect((_$p) => _$setProp(_el$22, "fg", colors().muted, _$p));
               return _el$22;
             })()];
@@ -347,49 +576,50 @@ function GoUsagePanel(props) {
                     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;
+                    var _el$29 = _$createElement("text");
+                    _$insert(_el$29, () => t("loading"));
+                    _$effect((_$p) => _$setProp(_el$29, "fg", colors().muted, _$p));
+                    return _el$29;
                   }
                 });
               },
               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);
+                return [_$memo(() => renderRow(t("rowRolling"), usage().rollingUsage)), _$memo(() => renderRow(t("rowWeekly"), usage().weeklyUsage)), _$memo(() => renderRow(t("rowMonthly"), usage().monthlyUsage)), (() => {
+                  var _el$25 = _$createElement("text"), _el$26 = _$createElement("span"), _el$27 = _$createTextNode(` `), _el$28 = _$createElement("span");
+                  _$insertNode(_el$25, _el$26);
+                  _$insertNode(_el$25, _el$28);
+                  _$insertNode(_el$26, _el$27);
+                  _$insert(_el$26, () => t("updatedAt"), _el$27);
+                  _$insert(_el$28, lastUpdated);
                   _$effect((_p$) => {
-                    var _v$8 = {
+                    var _v$9 = {
                       fg: colors().muted
-                    }, _v$9 = {
+                    }, _v$0 = {
                       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));
+                    _v$9 !== _p$.e && (_p$.e = _$setProp(_el$26, "style", _v$9, _p$.e));
+                    _v$0 !== _p$.t && (_p$.t = _$setProp(_el$28, "style", _v$0, _p$.t));
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$27;
+                  return _el$25;
                 })()];
               }
             });
           },
           get children() {
             return [(() => {
+              var _el$23 = _$createElement("text");
+              _$insert(_el$23, error);
+              _$effect((_$p) => _$setProp(_el$23, "fg", colors().error, _$p));
+              return _el$23;
+            })(), (() => {
               var _el$24 = _$createElement("text");
-              _$insert(_el$24, error);
-              _$effect((_$p) => _$setProp(_el$24, "fg", colors().error, _$p));
+              _$insert(_el$24, () => t("reconfigureHint"));
+              _$effect((_$p) => _$setProp(_el$24, "fg", colors().muted, _$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;
             })()];
           }
         })];
@@ -400,15 +630,19 @@ function GoUsagePanel(props) {
         fg: colors().muted
       }, _v$7 = {
         fg: colors().primary
+      }, _v$8 = {
+        fg: colors().muted
       };
       _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));
+      _v$8 !== _p$.o && (_p$.o = _$setProp(_el$14, "style", _v$8, _p$.o));
       return _p$;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0
+      a: void 0,
+      o: void 0
     });
     return _el$1;
   })();
@@ -428,63 +662,121 @@ function createSidebarSlot(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"
+function runConfigDialog(api, dialog) {
+  dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+    get title() {
+      return t("wsPromptTitle");
+    },
+    description: () => (() => {
+      var _el$30 = _$createElement("text");
+      _$insert(_el$30, () => t("wsPromptDesc"));
+      return _el$30;
+    })(),
+    get placeholder() {
+      return t("wsPlaceholder");
     },
-    onSelect: (dialog) => {
+    onConfirm: (value) => {
+      const wsId = value.trim();
+      if (!wsId) {
+        dialog?.clear();
+        return;
+      }
+      saveConfig({
+        workspace_id: wsId
+      });
       dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
-        title: "\u8F93\u5165 workspace_id",
+        get title() {
+          return t("cookiePromptTitle");
+        },
         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;
+          var _el$31 = _$createElement("text");
+          _$insert(_el$31, () => t("cookiePromptDesc"));
+          return _el$31;
         })(),
-        placeholder: "wrk_xxxxxxxxxxxx",
-        onConfirm: (value) => {
-          const wsId = value.trim();
-          if (!wsId) {
+        get placeholder() {
+          return t("cookiePlaceholder");
+        },
+        onConfirm: (val) => {
+          const cookie = val.trim();
+          if (!cookie) {
             dialog?.clear();
             return;
           }
           saveConfig({
-            workspace_id: wsId
+            cookie
           });
-          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
-              });
-              setConfigTick((v) => v + 1);
-              api.ui.toast({
-                variant: "success",
-                message: "Go \u7528\u91CF\u914D\u7F6E\u5DF2\u4FDD\u5B58"
-              });
-              dialog?.clear();
-            },
-            onCancel: () => dialog?.clear()
-          }));
+          setConfigTick((v) => v + 1);
+          api.ui.toast({
+            variant: "success",
+            message: t("configSaved")
+          });
+          dialog?.clear();
         },
         onCancel: () => dialog?.clear()
       }));
-    }
+    },
+    onCancel: () => dialog?.clear()
+  }));
+}
+function runLangDialog(api, dialog) {
+  dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+    get title() {
+      return t("langTitle");
+    },
+    get options() {
+      return LANG_META.map((m) => ({
+        title: `${m.label}${langCode() === m.code ? " \u2713" : ""}`,
+        value: m.code
+      }));
+    },
+    onSelect: (opt) => {
+      const code = opt.value;
+      setLangCode(code);
+      kvTrySet(api, `${KV_PREFIX}.lang`, code);
+      api.ui.toast({
+        message: code === "zh" ? t("langSwitchedZh") : t("langSwitchedEn")
+      });
+      const cfg = loadConfig();
+      if (!cfg.workspaceId || !cfg.authCookie) {
+        runConfigDialog(api, dialog);
+      } else {
+        dialog?.clear();
+      }
+    },
+    onCancel: () => dialog?.clear()
+  }));
+}
+var tui = async (api) => {
+  api.slots.register(createSidebarSlot(api));
+  const savedLang = kvTryGet(api, `${KV_PREFIX}.lang`);
+  if (savedLang === "zh" || savedLang === "en") setLangCode(savedLang);
+  else setLangCode(detectLang());
+  const onboarded = kvTryGet(api, `${KV_PREFIX}.onboarded`);
+  if (!onboarded) {
+    kvTrySet(api, `${KV_PREFIX}.onboarded`, "1");
+    setTimeout(() => {
+      try {
+        api.command.trigger("go-usage.lang");
+      } catch {
+      }
+    }, 1500);
+  }
+  api.command?.register(() => [{
+    title: t("cmdTitle"),
+    value: "go-usage.config",
+    description: t("cmdDesc"),
+    slash: {
+      name: "go-config"
+    },
+    onSelect: (dialog) => runConfigDialog(api, dialog)
+  }, {
+    title: t("langCmdTitle"),
+    value: "go-usage.lang",
+    description: t("langCmdDesc"),
+    slash: {
+      name: "go-lang"
+    },
+    onSelect: (dialog) => runLangDialog(api, dialog)
   }]);
 };
 var mod = {