opencode-visual-cache 1.4.0 → 1.6.0

package/dist/tui.js

@@ -13,53 +13,111 @@ import { createElement as _$createElement } from "@opentui/solid";
 import { createMemo, createSignal, createEffect, onMount, onCleanup, Show, untrack } from "solid-js";
 
 // src/_version.ts
-var PLUGIN_VERSION = "1.4.0";
+var PLUGIN_VERSION = "1.6.0";
 
-// src/index.tsx
-function charColumns(c) {
-  const code = c.codePointAt(0) ?? 0;
-  if (code < 32) return 0;
-  if (code < 127) return 1;
-  if (code < 160) return 0;
-  if (code >= 4352 && code <= 4447 || // Hangul Jamo
-  code >= 11904 && code <= 42191 || // CJK Radicals … Yi
-  code >= 44032 && code <= 55203 || // Hangul
-  code >= 63744 && code <= 64255 || // CJK Compat
-  code >= 65040 && code <= 65135 || // Vertical / Compat
-  code >= 65281 && code <= 65376 || // Fullwidth
-  code >= 65504 && code <= 65510 || // Fullwidth signs
-  code >= 127744 && code <= 128591 || // Misc Symbols (emoji)
-  code >= 131072 && code <= 262141)
-    return 2;
-  return 1;
-}
-function visualWidth(s) {
-  let w = 0;
-  for (const c of s) w += charColumns(c);
-  return w;
-}
-function truncateVisual(s, maxCols) {
-  if (visualWidth(s) <= maxCols) return s;
-  let result = "", w = 0;
-  for (const c of s) {
-    const cw = charColumns(c);
-    if (w + cw > maxCols - 1) {
-      result += "\u2026";
-      break;
+// src/balance-providers.ts
+var BalanceError = class extends Error {
+};
+var siliconflowProvider = {
+  id: "siliconflow",
+  name: "SiliconFlow",
+  keyPlaceholder: "sk-...",
+  async fetchBalance(apiKey, signal) {
+    const res = await fetch("https://api.siliconflow.cn/v1/user/info", {
+      headers: { Authorization: `Bearer ${apiKey}`, Accept: "application/json" },
+      signal
+    });
+    if (!res.ok) {
+      if (res.status === 401) throw new BalanceError("401");
+      if (res.status === 403) throw new BalanceError("403");
+      throw new BalanceError(String(res.status));
     }
-    result += c;
-    w += cw;
+    const json = await res.json();
+    const total = json.data?.totalBalance ?? json.data?.balance;
+    if (typeof total === "undefined" || total === null) throw new BalanceError("EMPTY");
+    return [{ currency: "CNY", total: String(total) }];
   }
-  return result;
-}
-var DEBUG_LANG = typeof process !== "undefined" ? process.env?.CACHE_TUI_LANG : void 0;
-var LANG_ZH = DEBUG_LANG ? DEBUG_LANG === "zh" : (() => {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().locale.startsWith("zh");
-  } catch {
-    return false;
+};
+var deepseekProvider = {
+  id: "deepseek",
+  name: "DeepSeek",
+  keyPlaceholder: "sk-...",
+  async fetchBalance(apiKey, signal) {
+    const res = await fetch("https://api.deepseek.com/user/balance", {
+      headers: { Authorization: `Bearer ${apiKey}`, Accept: "application/json" },
+      signal
+    });
+    if (!res.ok) {
+      if (res.status === 401) throw new BalanceError("401");
+      if (res.status === 402 || res.status === 403) throw new BalanceError("403");
+      throw new BalanceError(String(res.status));
+    }
+    const json = await res.json();
+    const infos = json.balance_infos ?? [];
+    if (infos.length === 0) throw new BalanceError("EMPTY");
+    return infos.map((info) => ({
+      currency: info.currency ?? "CNY",
+      total: info.total_balance ?? "0"
+    }));
+  }
+};
+var openrouterProvider = {
+  id: "openrouter",
+  name: "OpenRouter",
+  keyPlaceholder: "sk-or-...",
+  async fetchBalance(apiKey, signal) {
+    const res = await fetch("https://openrouter.ai/api/v1/credits", {
+      headers: { Authorization: `Bearer ${apiKey}`, Accept: "application/json" },
+      signal
+    });
+    if (!res.ok) {
+      if (res.status === 401 || res.status === 403) throw new BalanceError("403");
+      throw new BalanceError(String(res.status));
+    }
+    const json = await res.json();
+    const credits = json.data?.total_credits;
+    const usage = json.data?.total_usage;
+    if (typeof credits !== "number" || typeof usage !== "number") throw new BalanceError("EMPTY");
+    return [{ currency: "USD", total: (credits - usage).toFixed(2) }];
+  }
+};
+var moonshotProvider = {
+  id: "moonshot",
+  name: "Moonshot",
+  keyPlaceholder: "sk-...",
+  async fetchBalance(apiKey, signal) {
+    const res = await fetch("https://api.moonshot.cn/v1/users/me/balance", {
+      headers: { Authorization: `Bearer ${apiKey}`, Accept: "application/json" },
+      signal
+    });
+    if (!res.ok) {
+      if (res.status === 401) throw new BalanceError("401");
+      if (res.status === 403) throw new BalanceError("403");
+      throw new BalanceError(String(res.status));
+    }
+    const json = await res.json();
+    const balance = json.data?.available_balance;
+    if (typeof balance === "undefined" || balance === null) throw new BalanceError("EMPTY");
+    return [{ currency: "CNY", total: String(balance) }];
   }
-})();
+};
+var balanceProviders = [deepseekProvider, siliconflowProvider, openrouterProvider, moonshotProvider];
+function getBalanceProvider(id) {
+  return balanceProviders.find((p) => p.id === id) ?? balanceProviders[0] ?? deepseekProvider;
+}
+function matchBalanceProvider(providerId) {
+  const id = providerId.toLowerCase();
+  const exact = balanceProviders.find((p) => p.id.toLowerCase() === id);
+  if (exact) return exact;
+  return balanceProviders.find((p) => id.startsWith(p.id.toLowerCase()));
+}
+function maskKey(k) {
+  if (!k) return "";
+  if (k.length <= 10) return k.slice(0, 5) + "*".repeat(Math.max(3, k.length - 5));
+  return k.slice(0, 5) + "*".repeat(Math.max(3, k.length - 10)) + k.slice(-5);
+}
+
+// src/i18n.ts
 var ZH_T = {
   title: "\u7F13\u5B58\u7EDF\u8BA1",
   hit: "\u547D\u4E2D\u7387",
@@ -91,13 +149,55 @@ var ZH_T = {
   secModel: "\u6A21\u578B",
   secSkills: "\u5DF2\u52A0\u8F7D\u6280\u80FD",
   balTotal: "\u603B\u4F59\u989D:",
-  balNoKey: "\u672A\u914D\u7F6E API Key",
+  balNoKey: "\u672A\u914D\u7F6E {p} API Key",
   balLoading: "\u67E5\u8BE2\u4E2D...",
   balError: "\u67E5\u8BE2\u5931\u8D25",
   balErr401: "API Key \u65E0\u6548",
   balErr403: "\u4F59\u989D\u67E5\u8BE2\u88AB\u62D2\u7EDD",
   balErrEmpty: "\u672A\u83B7\u53D6\u5230\u4F59\u989D\u6570\u636E",
-  balErrTimeout: "\u67E5\u8BE2\u8D85\u65F6"
+  balErrTimeout: "\u67E5\u8BE2\u8D85\u65F6",
+  balUnsupported: "\u5F53\u524D\u63D0\u4F9B\u5546\u4E0D\u652F\u6301\u4F59\u989D\u67E5\u8BE2",
+  barHit: "\u547D\u4E2D\u7387",
+  barBal: "\u4F59\u989D",
+  barTok: "Tokens",
+  // ── /cache-section 面板 ──
+  secToggle: "\u5207\u6362\u533A\u5757",
+  secBalance: "\u4F59\u989D",
+  secBottom: "\u5E95\u90E8\u72B6\u6001\u680F",
+  secBorder: "\u9762\u677F\u8FB9\u6846",
+  // ── toast ──
+  keySaved: "API Key \u5DF2\u4FDD\u5B58\uFF0C\u6B63\u5728\u67E5\u8BE2\u4F59\u989D...",
+  keyCleared: "API Key \u5DF2\u6E05\u9664",
+  currencySet: "\u5E01\u79CD: {v} ({s}), \u6C47\u7387: {r}",
+  rateSet: "\u6C47\u7387\u5DF2\u8BBE\u4E3A {r}",
+  panelConfigTitle: "\u7F13\u5B58\u9762\u677F\u914D\u7F6E",
+  panelConfigMsg: "\u5E01\u79CD: {c} | \u6C47\u7387: {r} | \u660E\u7EC6: {d} | \u6A21\u578B: {m} | \u5206\u5E03: {t} | \u6280\u80FD: {k} | \u4F59\u989D: {b} | \u5E95\u90E8: {f}",
+  borderShown: "\u9762\u677F\u8FB9\u6846 \u5DF2\u663E\u793A",
+  borderHidden: "\u9762\u677F\u8FB9\u6846 \u5DF2\u9690\u85CF",
+  sectionShown: "{s} \u5DF2\u663E\u793A",
+  sectionHidden: "{s} \u5DF2\u9690\u85CF",
+  langSwitched: "\u8BED\u8A00\u5DF2\u5207\u6362\u4E3A\u4E2D\u6587",
+  autoSwitchOn: "\u81EA\u52A8\u5207\u6362\u4F59\u989D\u63D0\u4F9B\u5546: \u5F00",
+  autoSwitchOff: "\u81EA\u52A8\u5207\u6362\u4F59\u989D\u63D0\u4F9B\u5546: \u5173",
+  providerManual: "\u4F59\u989D\u63D0\u4F9B\u5546: {p}\uFF08\u81EA\u52A8\u5207\u6362\u5DF2\u5173\u95ED\uFF09",
+  runInSession: "\u8BF7\u5728\u4F1A\u8BDD\u5185\u8FD0\u884C\u6B64\u547D\u4EE4",
+  backToMain: "\u5DF2\u5207\u56DE\u4E3B\u4F1A\u8BDD",
+  subAgentSwitched: "\u5DF2\u5207\u6362\u81F3\u5B50\u4EE3\u7406: {s}",
+  // ── 对话框 / 菜单 ──
+  langTitle: "\u663E\u793A\u8BED\u8A00",
+  subPrefix: "\u5B50\u4EE3\u7406: ",
+  keyUser: "\uFF08\u7528\u6237 key\uFF09",
+  keyOpenCode: "\uFF08OpenCode\uFF09",
+  keyNotSet: "\uFF08\u672A\u914D\u7F6E\uFF09",
+  balKeyPrompt: "\u8F93\u5165 {p} API Key \u4EE5\u663E\u793A\u8D26\u6237\u4F59\u989D\uFF08\u7559\u7A7A\u6E05\u9664\uFF09",
+  balProvTitle: "\u4F59\u989D\u63D0\u4F9B\u5546 / \u81EA\u52A8\u5207\u6362",
+  autoSwitchOpt: "\u81EA\u52A8\u5207\u6362\u63D0\u4F9B\u5546",
+  balSelectTitle: "\u9009\u62E9\u4F59\u989D\u63D0\u4F9B\u5546",
+  backToMainTitle: "\u56DE\u5230\u4E3B\u4F1A\u8BDD",
+  subSelectTitle: "\u9009\u62E9\u5B50\u4EE3\u7406",
+  subSwitchTitle: "\u5207\u6362\u5B50\u4EE3\u7406",
+  subViewTitle: "\u67E5\u770B\u5B50\u4EE3\u7406\u7F13\u5B58",
+  subNoFound: "\u672A\u627E\u5230\u5B50\u4EE3\u7406\uFF0C\u8BF7\u624B\u52A8\u7C98\u8D34 Session ID"
 };
 var EN_T = {
   title: "Token Cache",
@@ -130,14 +230,290 @@ var EN_T = {
   secModel: "Model",
   secSkills: "Loaded Skills",
   balTotal: "Total:",
-  balNoKey: "No API Key set",
+  balNoKey: "{p} API Key not set",
   balLoading: "Fetching...",
   balError: "Fetch failed",
   balErr401: "Invalid API Key",
   balErr403: "Balance request rejected",
   balErrEmpty: "No balance data",
-  balErrTimeout: "Request timed out"
+  balErrTimeout: "Request timed out",
+  balUnsupported: "Balance query unsupported",
+  barHit: "Hit",
+  barBal: "Balance",
+  barTok: "Tokens",
+  // ── /cache-section panel ──
+  secToggle: "Toggle Section",
+  secBalance: "Balance",
+  secBottom: "Bottom Bar",
+  secBorder: "Panel Border",
+  // ── toasts ──
+  keySaved: "API Key saved, fetching balance...",
+  keyCleared: "API Key cleared",
+  currencySet: "Currency: {v} ({s}), rate: {r}",
+  rateSet: "Exchange rate set to {r}",
+  panelConfigTitle: "Cache Panel Config",
+  panelConfigMsg: "Currency: {c} | Rate: {r} | Detail: {d} | Model: {m} | Dist: {t} | Skills: {k} | Balance: {b} | Bottom: {f}",
+  borderShown: "Panel border shown",
+  borderHidden: "Panel border hidden",
+  sectionShown: "{s} section shown",
+  sectionHidden: "{s} section hidden",
+  langSwitched: "Switched to English",
+  autoSwitchOn: "Auto-switch balance provider: ON",
+  autoSwitchOff: "Auto-switch balance provider: OFF",
+  providerManual: "Balance provider: {p} (auto-switch off)",
+  runInSession: "Please run this command inside a session",
+  backToMain: "Switched to main session",
+  subAgentSwitched: "Showing sub-agent: {s}",
+  // ── dialogs / menus ──
+  langTitle: "Display Language",
+  subPrefix: "Sub: ",
+  keyUser: " (user key)",
+  keyOpenCode: " (OpenCode)",
+  keyNotSet: " (not set)",
+  balKeyPrompt: "Enter your {p} API key to show account balance (leave empty to clear)",
+  balProvTitle: "Balance Provider / Auto-switch",
+  autoSwitchOpt: "Auto-switch provider",
+  balSelectTitle: "Select Balance Provider",
+  backToMainTitle: "Back to Main",
+  subSelectTitle: "Select Sub-Agent",
+  subSwitchTitle: "Switch Sub",
+  subViewTitle: "View Sub Cache",
+  subNoFound: "No sub-agents found. Paste a Session ID manually"
+};
+var JA_T = {
+  title: "\u30AD\u30E3\u30C3\u30B7\u30E5\u7D71\u8A08",
+  hit: "\u30D2\u30C3\u30C8\u7387",
+  totalHit: "\u7DCF\u30D2\u30C3\u30C8:",
+  read: "\u30AD\u30E3\u30C3\u30B7\u30E5\u8AAD\u8FBC:",
+  write: "\u30AD\u30E3\u30C3\u30B7\u30E5\u66F8\u8FBC:",
+  miss: "\u672A\u30D2\u30C3\u30C8:",
+  out: "\u51FA\u529B:",
+  cost: "\u8CBB\u7528:",
+  saved: "\u7D2F\u8A08\u7BC0\u7D04:",
+  model: "\u30E2\u30C7\u30EB:",
+  provider: "\u30D7\u30ED\u30D0\u30A4\u30C0:",
+  rate: "\u5358\u4FA1:",
+  hitFolded: "\u30D2\u30C3\u30C8",
+  inputRate: "\u5165\u529B",
+  cacheRate: "\u30AD\u30E3\u30C3\u30B7\u30E5",
+  writeRate: "\u66F8\u8FBC",
+  noData: "\u30AD\u30E3\u30C3\u30B7\u30E5\u30C7\u30FC\u30BF\u5F85\u6A5F\u4E2D...",
+  tok: "tok",
+  distTitle: "Token \u5206\u5E03\uFF08\u63A8\u5B9A\uFF09",
+  distSys: "\u30B7\u30B9\u30C6\u30E0:",
+  distUser: "\u30E6\u30FC\u30B6\u30FC:",
+  distAgent: "Agent \u6307\u793A:",
+  distTool: "Tool \u547C\u3073\u51FA\u3057:",
+  distRes: "Tool \u7D50\u679C:",
+  distTotal: "\u5408\u8A08:",
+  distOut: "\u51FA\u529B:",
+  secDetail: "\u660E\u7D30",
+  secModel: "\u30E2\u30C7\u30EB",
+  secSkills: "\u8AAD\u307F\u8FBC\u307F\u6E08\u307F\u30B9\u30AD\u30EB",
+  balTotal: "\u7DCF\u6B8B\u9AD8:",
+  balNoKey: "{p} \u306E API Key \u672A\u8A2D\u5B9A",
+  balLoading: "\u53D6\u5F97\u4E2D...",
+  balError: "\u53D6\u5F97\u5931\u6557",
+  balErr401: "API Key \u7121\u52B9",
+  balErr403: "\u6B8B\u9AD8\u7167\u4F1A\u304C\u62D2\u5426\u3055\u308C\u307E\u3057\u305F",
+  balErrEmpty: "\u6B8B\u9AD8\u30C7\u30FC\u30BF\u306A\u3057",
+  balErrTimeout: "\u30BF\u30A4\u30E0\u30A2\u30A6\u30C8",
+  balUnsupported: "\u3053\u306E\u30D7\u30ED\u30D0\u30A4\u30C0\u306F\u6B8B\u9AD8\u7167\u4F1A\u975E\u5BFE\u5FDC",
+  barHit: "\u30D2\u30C3\u30C8\u7387",
+  barBal: "\u6B8B\u9AD8",
+  barTok: "Tokens",
+  // ── /cache-section パネル ──
+  secToggle: "\u30BB\u30AF\u30B7\u30E7\u30F3\u5207\u66FF",
+  secBalance: "\u6B8B\u9AD8",
+  secBottom: "\u4E0B\u90E8\u30B9\u30C6\u30FC\u30BF\u30B9\u30D0\u30FC",
+  secBorder: "\u30D1\u30CD\u30EB\u67A0\u7DDA",
+  // ── toast ──
+  keySaved: "API Key \u4FDD\u5B58\u6E08\u307F\u3001\u6B8B\u9AD8\u3092\u53D6\u5F97\u4E2D...",
+  keyCleared: "API Key \u3092\u30AF\u30EA\u30A2\u3057\u307E\u3057\u305F",
+  currencySet: "\u901A\u8CA8: {v} ({s}), \u30EC\u30FC\u30C8: {r}",
+  rateSet: "\u30EC\u30FC\u30C8\u3092 {r} \u306B\u8A2D\u5B9A\u3057\u307E\u3057\u305F",
+  panelConfigTitle: "\u30D1\u30CD\u30EB\u8A2D\u5B9A",
+  panelConfigMsg: "\u901A\u8CA8: {c} | \u30EC\u30FC\u30C8: {r} | \u660E\u7D30: {d} | \u30E2\u30C7\u30EB: {m} | \u5206\u5E03: {t} | \u30B9\u30AD\u30EB: {k} | \u6B8B\u9AD8: {b} | \u4E0B\u90E8: {f}",
+  borderShown: "\u30D1\u30CD\u30EB\u67A0\u7DDA \u8868\u793A",
+  borderHidden: "\u30D1\u30CD\u30EB\u67A0\u7DDA \u975E\u8868\u793A",
+  sectionShown: "{s} \u8868\u793A",
+  sectionHidden: "{s} \u975E\u8868\u793A",
+  langSwitched: "\u65E5\u672C\u8A9E\u306B\u5207\u308A\u66FF\u3048\u307E\u3057\u305F",
+  autoSwitchOn: "\u6B8B\u9AD8\u30D7\u30ED\u30D0\u30A4\u30C0\u81EA\u52D5\u5207\u66FF: \u30AA\u30F3",
+  autoSwitchOff: "\u6B8B\u9AD8\u30D7\u30ED\u30D0\u30A4\u30C0\u81EA\u52D5\u5207\u66FF: \u30AA\u30D5",
+  providerManual: "\u6B8B\u9AD8\u30D7\u30ED\u30D0\u30A4\u30C0: {p}\uFF08\u81EA\u52D5\u5207\u66FF\u30AA\u30D5\uFF09",
+  runInSession: "\u30BB\u30C3\u30B7\u30E7\u30F3\u5185\u3067\u5B9F\u884C\u3057\u3066\u304F\u3060\u3055\u3044",
+  backToMain: "\u30E1\u30A4\u30F3\u30BB\u30C3\u30B7\u30E7\u30F3\u306B\u623B\u308A\u307E\u3057\u305F",
+  subAgentSwitched: "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u3078\u5207\u66FF: {s}",
+  // ── ダイアログ / メニュー ──
+  langTitle: "\u8868\u793A\u8A00\u8A9E",
+  subPrefix: "\u30B5\u30D6: ",
+  keyUser: "\uFF08\u30E6\u30FC\u30B6\u30FC key\uFF09",
+  keyOpenCode: "\uFF08OpenCode\uFF09",
+  keyNotSet: "\uFF08\u672A\u8A2D\u5B9A\uFF09",
+  balKeyPrompt: "{p} \u306E API Key \u3092\u5165\u529B\u3057\u3066\u6B8B\u9AD8\u3092\u8868\u793A\uFF08\u7A7A\u6B04\u3067\u30AF\u30EA\u30A2\uFF09",
+  balProvTitle: "\u6B8B\u9AD8\u30D7\u30ED\u30D0\u30A4\u30C0 / \u81EA\u52D5\u5207\u66FF",
+  autoSwitchOpt: "\u81EA\u52D5\u5207\u66FF\u30D7\u30ED\u30D0\u30A4\u30C0",
+  balSelectTitle: "\u6B8B\u9AD8\u30D7\u30ED\u30D0\u30A4\u30C0\u9078\u629E",
+  backToMainTitle: "\u30E1\u30A4\u30F3\u306B\u623B\u308B",
+  subSelectTitle: "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u9078\u629E",
+  subSwitchTitle: "\u30B5\u30D6\u5207\u66FF",
+  subViewTitle: "\u30B5\u30D6\u30AD\u30E3\u30C3\u30B7\u30E5\u8868\u793A",
+  subNoFound: "\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002Session ID \u3092\u624B\u52D5\u3067\u8CBC\u308A\u4ED8\u3051\u3066\u304F\u3060\u3055\u3044"
+};
+var KO_T = {
+  title: "\uCE90\uC2DC \uD1B5\uACC4",
+  hit: "\uD788\uD2B8\uC728",
+  totalHit: "\uCD1D \uD788\uD2B8:",
+  read: "\uCE90\uC2DC \uC77D\uAE30:",
+  write: "\uCE90\uC2DC \uC4F0\uAE30:",
+  miss: "\uBBF8\uD788\uD2B8:",
+  out: "\uCD9C\uB825:",
+  cost: "\uBE44\uC6A9:",
+  saved: "\uB204\uC801 \uC808\uC57D:",
+  model: "\uBAA8\uB378:",
+  provider: "\uD504\uB85C\uBC14\uC774\uB354:",
+  rate: "\uB2E8\uAC00:",
+  hitFolded: "\uD788\uD2B8",
+  inputRate: "\uC785\uB825",
+  cacheRate: "\uCE90\uC2DC",
+  writeRate: "\uC4F0\uAE30",
+  noData: "\uCE90\uC2DC \uB370\uC774\uD130 \uB300\uAE30 \uC911...",
+  tok: "tok",
+  distTitle: "Token \uBD84\uD3EC(\uCD94\uC815)",
+  distSys: "\uC2DC\uC2A4\uD15C:",
+  distUser: "\uC0AC\uC6A9\uC790:",
+  distAgent: "Agent \uC9C0\uC2DC:",
+  distTool: "Tool \uD638\uCD9C:",
+  distRes: "Tool \uACB0\uACFC:",
+  distTotal: "\uD569\uACC4:",
+  distOut: "\uCD9C\uB825:",
+  secDetail: "\uC0C1\uC138",
+  secModel: "\uBAA8\uB378",
+  secSkills: "\uB85C\uB4DC\uB41C \uC2A4\uD0AC",
+  balTotal: "\uCD1D \uC794\uC561:",
+  balNoKey: "{p} API Key \uBBF8\uC124\uC815",
+  balLoading: "\uC870\uD68C \uC911...",
+  balError: "\uC870\uD68C \uC2E4\uD328",
+  balErr401: "API Key \uBB34\uD6A8",
+  balErr403: "\uC794\uC561 \uC870\uD68C\uAC00 \uAC70\uBD80\uB418\uC5C8\uC2B5\uB2C8\uB2E4",
+  balErrEmpty: "\uC794\uC561 \uB370\uC774\uD130 \uC5C6\uC74C",
+  balErrTimeout: "\uC2DC\uAC04 \uCD08\uACFC",
+  balUnsupported: "\uC774 \uD504\uB85C\uBC14\uC774\uB354\uB294 \uC794\uC561 \uC870\uD68C \uBBF8\uC9C0\uC6D0",
+  barHit: "\uD788\uD2B8\uC728",
+  barBal: "\uC794\uC561",
+  barTok: "Tokens",
+  // ── /cache-section 패널 ──
+  secToggle: "\uC139\uC158 \uC804\uD658",
+  secBalance: "\uC794\uC561",
+  secBottom: "\uD558\uB2E8 \uC0C1\uD0DC\uBC14",
+  secBorder: "\uD328\uB110 \uD14C\uB450\uB9AC",
+  // ── toast ──
+  keySaved: "API Key \uC800\uC7A5\uB428, \uC794\uC561 \uC870\uD68C \uC911...",
+  keyCleared: "API Key \uC0AD\uC81C\uB428",
+  currencySet: "\uD1B5\uD654: {v} ({s}), \uD658\uC728: {r}",
+  rateSet: "\uD658\uC728\uC744 {r}(\uC73C)\uB85C \uC124\uC815\uD588\uC2B5\uB2C8\uB2E4",
+  panelConfigTitle: "\uD328\uB110 \uC124\uC815",
+  panelConfigMsg: "\uD1B5\uD654: {c} | \uD658\uC728: {r} | \uC0C1\uC138: {d} | \uBAA8\uB378: {m} | \uBD84\uD3EC: {t} | \uC2A4\uD0AC: {k} | \uC794\uC561: {b} | \uD558\uB2E8: {f}",
+  borderShown: "\uD328\uB110 \uD14C\uB450\uB9AC \uD45C\uC2DC",
+  borderHidden: "\uD328\uB110 \uD14C\uB450\uB9AC \uC228\uAE40",
+  sectionShown: "{s} \uD45C\uC2DC",
+  sectionHidden: "{s} \uC228\uAE40",
+  langSwitched: "\uD55C\uAD6D\uC5B4\uB85C \uC804\uD658\uD588\uC2B5\uB2C8\uB2E4",
+  autoSwitchOn: "\uC794\uC561 \uD504\uB85C\uBC14\uC774\uB354 \uC790\uB3D9 \uC804\uD658: \uCF1C\uC9D0",
+  autoSwitchOff: "\uC794\uC561 \uD504\uB85C\uBC14\uC774\uB354 \uC790\uB3D9 \uC804\uD658: \uAEBC\uC9D0",
+  providerManual: "\uC794\uC561 \uD504\uB85C\uBC14\uC774\uB354: {p}(\uC790\uB3D9 \uC804\uD658 \uAEBC\uC9D0)",
+  runInSession: "\uC138\uC158 \uB0B4\uC5D0\uC11C \uC2E4\uD589\uD574 \uC8FC\uC138\uC694",
+  backToMain: "\uBA54\uC778 \uC138\uC158\uC73C\uB85C \uB3CC\uC544\uAC14\uC2B5\uB2C8\uB2E4",
+  subAgentSwitched: "\uC11C\uBE0C \uC5D0\uC774\uC804\uD2B8\uB85C \uC804\uD658: {s}",
+  // ── 다이얼로그 / 메뉴 ──
+  langTitle: "\uD45C\uC2DC \uC5B8\uC5B4",
+  subPrefix: "\uC11C\uBE0C: ",
+  keyUser: "(\uC0AC\uC6A9\uC790 key)",
+  keyOpenCode: "(OpenCode)",
+  keyNotSet: "(\uBBF8\uC124\uC815)",
+  balKeyPrompt: "{p} API Key\uB97C \uC785\uB825\uD558\uC5EC \uC794\uC561 \uD45C\uC2DC(\uBE44\uC6B0\uBA74 \uC0AD\uC81C)",
+  balProvTitle: "\uC794\uC561 \uD504\uB85C\uBC14\uC774\uB354 / \uC790\uB3D9 \uC804\uD658",
+  autoSwitchOpt: "\uC790\uB3D9 \uC804\uD658 \uD504\uB85C\uBC14\uC774\uB354",
+  balSelectTitle: "\uC794\uC561 \uD504\uB85C\uBC14\uC774\uB354 \uC120\uD0DD",
+  backToMainTitle: "\uBA54\uC778\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
+  subSelectTitle: "\uC11C\uBE0C \uC5D0\uC774\uC804\uD2B8 \uC120\uD0DD",
+  subSwitchTitle: "\uC11C\uBE0C \uC804\uD658",
+  subViewTitle: "\uC11C\uBE0C \uCE90\uC2DC \uBCF4\uAE30",
+  subNoFound: "\uC11C\uBE0C \uC5D0\uC774\uC804\uD2B8\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. Session ID\uB97C \uC9C1\uC811 \uBD99\uC5EC\uB123\uC73C\uC138\uC694"
 };
+var LANGS = { zh: ZH_T, en: EN_T, ja: JA_T, ko: KO_T };
+var LANG_META = [
+  { code: "zh", label: "\u4E2D\u6587" },
+  { code: "en", label: "English" },
+  { code: "ja", label: "\u65E5\u672C\u8A9E" },
+  { code: "ko", label: "\uD55C\uAD6D\uC5B4" }
+];
+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";
+    if (loc.startsWith("ja")) return "ja";
+    if (loc.startsWith("ko")) return "ko";
+    return "en";
+  } catch {
+    return "en";
+  }
+}
+
+// src/index.tsx
+function charColumns(c) {
+  const code = c.codePointAt(0) ?? 0;
+  if (code < 32) return 0;
+  if (code < 127) return 1;
+  if (code < 160) return 0;
+  if (code >= 4352 && code <= 4447 || // Hangul Jamo
+  code >= 11904 && code <= 42191 || // CJK Radicals … Yi
+  code >= 44032 && code <= 55203 || // Hangul
+  code >= 63744 && code <= 64255 || // CJK Compat
+  code >= 65040 && code <= 65135 || // Vertical / Compat
+  code >= 65281 && code <= 65376 || // Fullwidth
+  code >= 65504 && code <= 65510 || // Fullwidth signs
+  code >= 127744 && code <= 128591 || // Misc Symbols (emoji)
+  code >= 131072 && code <= 262141)
+    return 2;
+  return 1;
+}
+function visualWidth(s) {
+  let w = 0;
+  for (const c of s) w += charColumns(c);
+  return w;
+}
+function visualPadEnd(s, cols) {
+  const pad = cols - visualWidth(s);
+  return pad > 0 ? s + " ".repeat(pad) : s;
+}
+function truncateVisual(s, maxCols) {
+  if (visualWidth(s) <= maxCols) return s;
+  let result = "", w = 0;
+  for (const c of s) {
+    const cw = charColumns(c);
+    if (w + cw > maxCols - 1) {
+      result += "\u2026";
+      break;
+    }
+    result += c;
+    w += cw;
+  }
+  return result;
+}
+var DEBUG_LANG = typeof process !== "undefined" ? process.env?.CACHE_TUI_LANG : void 0;
+var INIT_LANG = DEBUG_LANG !== void 0 && LANG_META.some((m) => m.code === DEBUG_LANG) ? DEBUG_LANG : detectLang();
 function rgb(raw) {
   if (typeof raw === "string" && raw.startsWith("#")) {
     const h = raw.slice(1);
@@ -249,37 +625,56 @@ function estimateTokens(text) {
   return Math.max(1, Math.ceil(ascii / asciiPerToken + cjk / 1));
 }
 var BALANCE_POLL_MS = 5 * 60 * 1e3;
-async function fetchDeepSeekBalance(apiKey, signal) {
-  const res = await fetch("https://api.deepseek.com/user/balance", {
-    headers: {
-      Authorization: `Bearer ${apiKey}`,
-      Accept: "application/json"
-    },
-    signal
-  });
-  if (!res.ok) {
-    if (res.status === 401) throw new Error("401");
-    if (res.status === 402 || res.status === 403) throw new Error("403");
-    throw new Error(String(res.status));
-  }
-  const json = await res.json();
-  const infos = json.balance_infos ?? [];
-  if (infos.length === 0) throw new Error("EMPTY");
-  return infos.map((info) => ({
-    currency: info.currency ?? "CNY",
-    total: info.total_balance ?? "0"
-  }));
-}
 function convertBalance(target, targetRate, amount, from) {
   if (from === target) return amount;
   const fromRate = DEFAULT_RATES[from] ?? 1;
   const usd = from === "USD" ? amount : amount / fromRate;
   return target === "USD" ? usd : usd * targetRate;
 }
+function findOpencodeKey(api, provider) {
+  try {
+    const provs = api.state.provider;
+    const id = provider.id.toLowerCase();
+    const hit = provs.find((p) => p.id.toLowerCase() === id) ?? provs.find((p) => p.id.toLowerCase().startsWith(id));
+    if (!hit) return "";
+    const k = typeof hit.key === "string" ? hit.key : "";
+    if (k) return k;
+    return typeof hit.options?.apiKey === "string" ? hit.options.apiKey : "";
+  } catch {
+    return "";
+  }
+}
 function balanceSymbol(currency) {
   const sym = CURRENCIES[currency];
   return sym ?? currency + " ";
 }
+function fmtCompact(n) {
+  if (n >= 1e6) return (n / 1e6).toFixed(1) + "M";
+  if (n >= 1e3) return (n / 1e3).toFixed(1) + "K";
+  return String(Math.round(n));
+}
+function formatBalanceAmount(total) {
+  const n = parseFloat(total);
+  if (!Number.isFinite(n)) return total;
+  if (n === 0 || n >= 1) return n.toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  return n.toLocaleString("en-US", {
+    maximumFractionDigits: 6
+  });
+}
+function formatBalanceText(list, pref, rate) {
+  const native = pref ? list.find((x) => x.currency === pref) : void 0;
+  if (native) return balanceSymbol(native.currency) + formatBalanceAmount(native.total);
+  const base = list[0];
+  const baseAmt = parseFloat(base.total);
+  const converted = Number.isFinite(baseAmt) ? convertBalance(pref || base.currency, rate, baseAmt, base.currency) : baseAmt;
+  const shown = pref && base.currency !== pref ? converted.toLocaleString("en-US", {
+    maximumFractionDigits: 2
+  }) : formatBalanceAmount(base.total);
+  return balanceSymbol(pref || base.currency) + shown;
+}
 var CURRENCIES = {
   USD: "$",
   CNY: "\xA5",
@@ -317,8 +712,7 @@ function TokenCachePanel(props) {
     setCurrencySymbol,
     exchangeRate,
     setExchangeRate,
-    langZH,
-    setLangZH,
+    langCode,
     sectionDetail,
     setSectionDetail,
     sectionModel,
@@ -330,12 +724,19 @@ function TokenCachePanel(props) {
     sectionBalance,
     setSectionBalance,
     balanceRefresh,
+    balanceProviderId,
+    setBalanceProviderId,
+    autoBalance,
+    setAutoBalance,
+    balanceUnsupported,
+    setBalanceUnsupported,
+    balanceState,
     balanceCurrency,
     setBalanceCurrency,
     borderVisible,
     setBorderVisible
   } = props.signals;
-  const t = createMemo(() => langZH() ? ZH_T : EN_T);
+  const t = createT(() => langCode());
   const [lastDist, setLastDist] = createSignal({
     system: 0,
     user: 0,
@@ -382,69 +783,37 @@ function TokenCachePanel(props) {
     hasSkills: false
   });
   const [refreshTick, setRefreshTick] = createSignal(0);
-  const [balanceState, setBalanceState] = createSignal({
-    status: "idle",
-    data: null,
-    lastFetch: 0
-  });
-  let balanceSeq = 0;
-  const pollBalance = async () => {
-    const key = props.api.kv.get(`${KV_PREFIX}.ds_key`, "");
-    if (!key) {
-      setBalanceState({
-        status: "idle",
-        data: null,
-        lastFetch: 0,
-        error: void 0,
-        key: void 0
-      });
-      return;
+  const providerName = createMemo(() => getBalanceProvider(balanceProviderId()).name);
+  createEffect(() => {
+    if (!autoBalance()) return;
+    const sid = props.signals.overrideSessionId() ?? props.sessionId;
+    const msgs = props.api.state.session.messages(sid);
+    let pid = "";
+    for (let i = msgs.length - 1; i >= 0; i--) {
+      const m = msgs[i];
+      if (m.role === "assistant" && m.providerID) {
+        pid = m.providerID;
+        break;
+      }
     }
-    const now = Date.now();
-    const prev = balanceState();
-    if (prev.status === "ok" && prev.key === key && now - prev.lastFetch < BALANCE_POLL_MS) return;
-    const seq = ++balanceSeq;
-    setBalanceState({
-      ...prev,
-      status: "loading",
-      error: void 0,
-      key
-    });
-    const controller = new AbortController();
-    let timedOut = false;
-    const timer = setTimeout(() => {
-      timedOut = true;
-      controller.abort();
-    }, 1e4);
-    try {
-      const data2 = await fetchDeepSeekBalance(key, controller.signal);
-      clearTimeout(timer);
-      if (seq !== balanceSeq) return;
-      setBalanceState({
-        status: "ok",
-        data: data2,
-        lastFetch: Date.now(),
-        error: void 0,
-        key
-      });
-    } catch (err) {
-      clearTimeout(timer);
-      if (seq !== balanceSeq) return;
-      const code = timedOut ? "TIMEOUT" : err instanceof Error ? err.message : "";
-      setBalanceState({
-        status: "error",
-        data: null,
-        lastFetch: 0,
-        error: code,
-        key
-      });
+    if (!pid) {
+      try {
+        const session = props.api.state.session.get(sid);
+        pid = session?.model?.providerID ?? "";
+      } catch {
+      }
+    }
+    if (!pid) return;
+    const hit = matchBalanceProvider(pid);
+    if (hit) {
+      setBalanceUnsupported(false);
+      if (hit.id !== balanceProviderId()) {
+        setBalanceProviderId(hit.id);
+        props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
+      }
+    } else {
+      setBalanceUnsupported(true);
     }
-  };
-  createEffect(() => {
-    void balanceRefresh();
-    untrack(() => {
-      void pollBalance();
-    });
   });
   let lastMainSid = props.sessionId;
   createEffect(() => {
@@ -476,18 +845,18 @@ function TokenCachePanel(props) {
     let prevMsgHitRate = -1, lastMsgHitRate = -1;
     for (const msg of msgs) {
       if (msg.role !== "assistant") continue;
-      const t2 = msg.tokens;
-      if (!t2) continue;
-      const mit = num(t2.input) + num(t2.cache?.read), mrt = num(t2.cache?.read);
+      const tok = msg.tokens;
+      if (!tok) continue;
+      const mit = num(tok.input) + num(tok.cache?.read) + num(tok.cache?.write), mrt = num(tok.cache?.read);
       if (mit > 0) {
         prevMsgHitRate = lastMsgHitRate;
         lastMsgHitRate = mrt / mit * 100;
       }
       if (fallbackTokens) {
-        input += num(t2.input);
-        read += num(t2.cache?.read);
-        write += num(t2.cache?.write);
-        output += num(t2.output);
+        input += num(tok.input);
+        read += num(tok.cache?.read);
+        write += num(tok.cache?.write);
+        output += num(tok.output);
       }
       if (fallbackCost) {
         cost += num(msg.cost);
@@ -509,10 +878,10 @@ function TokenCachePanel(props) {
       break;
     }
     const hitRate = lastMsgHitRate >= 0 ? lastMsgHitRate : 0;
-    const freshTotal = input + read, sessionHitRate = freshTotal > 0 ? read / freshTotal * 100 : 0;
+    const freshTotal = input + read + write, sessionHitRate = freshTotal > 0 ? read / freshTotal * 100 : 0;
     const model = mid.split("/").pop() ?? mid, hasPricing = inputRate > 0 || cacheReadRate > 0 || cacheWriteRate > 0;
     const hasTrendData = prevMsgHitRate >= 0 && lastMsgHitRate >= 0;
-    const trend = hasTrendData ? lastMsgHitRate - prevMsgHitRate : 0, providerName = pid || "";
+    const trend = hasTrendData ? lastMsgHitRate - prevMsgHitRate : 0, providerName2 = pid || "";
     const distData = untrack(() => {
       let dist = {
         system: 0,
@@ -602,13 +971,13 @@ function TokenCachePanel(props) {
         }
         for (let i = msgs.length - 1; i >= 0; i--) {
           if (msgs[i].role !== "assistant") continue;
-          const t2 = msgs[i].tokens;
-          if (t2 && (t2.input > 0 || (t2.cache?.read ?? 0) > 0)) {
+          const tok = msgs[i].tokens;
+          if (tok && ((tok.input ?? 0) > 0 || (tok.cache?.read ?? 0) > 0 || (tok.cache?.write ?? 0) > 0)) {
             lastAssMsg = msgs[i];
             break;
           }
         }
-        dist.apiInput = num(lastAssMsg?.tokens?.input) + num(lastAssMsg?.tokens?.cache?.read);
+        dist.apiInput = num(lastAssMsg?.tokens?.input) + num(lastAssMsg?.tokens?.cache?.read) + num(lastAssMsg?.tokens?.cache?.write);
         dist.apiOutput = num(lastAssMsg?.tokens?.output);
         hasDistData = dist.system + dist.user + dist.agent + dist.toolCall + dist.toolResult > 0 || dist.apiOutput > 0 || dist.apiInput > 0;
       } catch {
@@ -637,7 +1006,7 @@ function TokenCachePanel(props) {
       hasData: read > 0 || write > 0 || input > 0 || output > 0 || cost > 0,
       trend,
       hasTrendData,
-      providerName,
+      providerName: providerName2,
       sessionHitRate,
       dist: distData.finalDist,
       hasDistData: distData.finalHasDist,
@@ -689,6 +1058,20 @@ function TokenCachePanel(props) {
         if (typeof rate === "number" && rate > 0) setExchangeRate(rate);
         const balCur = props.api.kv.get(`${KV_PREFIX}.balance_currency`);
         if (typeof balCur === "string") setBalanceCurrency(balCur);
+        const savedProvider = props.api.kv.get(`${KV_PREFIX}.balance.provider`);
+        if (typeof savedProvider === "string" && balanceProviders.some((p) => p.id === savedProvider)) {
+          setBalanceProviderId(savedProvider);
+          setBalanceUnsupported(false);
+        }
+        const savedAuto = props.api.kv.get(`${KV_PREFIX}.balance.auto`);
+        if (typeof savedAuto === "boolean") setAutoBalance(savedAuto);
+        const legacyKey = props.api.kv.get(`${KV_PREFIX}.ds_key`, "");
+        if (legacyKey) {
+          const dsKey = props.api.kv.get(`${KV_PREFIX}.balance.deepseek.key`, "");
+          if (!dsKey) props.api.kv.set(`${KV_PREFIX}.balance.deepseek.key`, legacyKey);
+          props.api.kv.set(`${KV_PREFIX}.ds_key`, "");
+        }
+        props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
         setSectionDetail(Boolean(props.api.kv.get(`${KV_PREFIX}.section.detail`, true)));
         setSectionModel(Boolean(props.api.kv.get(`${KV_PREFIX}.section.model`, true)));
         setSectionDist(Boolean(props.api.kv.get(`${KV_PREFIX}.section.dist`, true)));
@@ -696,10 +1079,6 @@ function TokenCachePanel(props) {
         setSectionBalance(Boolean(props.api.kv.get(`${KV_PREFIX}.section.balance`, true)));
         const bv = props.api.kv.get(`${KV_PREFIX}.border`, true);
         setBorderVisible(bv !== false);
-        const savedLang = props.api.kv.get(`${KV_PREFIX}.lang`);
-        if (savedLang === "zh" || savedLang === "en") {
-          setLangZH(savedLang === "zh");
-        }
         const cachedDist = props.api.kv.get(`${KV_PREFIX}.dist_snapshot`);
         if (cachedDist) {
           setLastDist(cachedDist);
@@ -746,10 +1125,8 @@ function TokenCachePanel(props) {
       setRefreshTick((v) => v + 1);
     });
     setRefreshTick((v) => v + 1);
-    const balanceTimer = setInterval(pollBalance, BALANCE_POLL_MS);
     onCleanup(() => {
       clearTimeout(partTimer);
-      clearInterval(balanceTimer);
       unsubPart();
       unsubMsg();
       unsubSession();
@@ -777,11 +1154,12 @@ function TokenCachePanel(props) {
   const gutter = createMemo(() => borderVisible() ? 6 : 0);
   const sep = createMemo(() => "\u2500".repeat(Math.max(1, panelWidth() - gutter())));
   function trendLabel(t2) {
-    return (t2 > 0 ? "\u2191" : t2 < 0 ? "\u2193" : "-") + (t2 !== 0 ? Math.abs(t2).toFixed(1) + "%" : "");
+    if (Math.abs(t2) < 0.05) return "-";
+    return (t2 > 0 ? "\u2191" : "\u2193") + Math.abs(t2).toFixed(1) + "%";
   }
   const barW = createMemo(() => {
     const trendSpace = data().hasTrendData ? LABEL_GAP + visualWidth(trendLabel(data().trend)) : 0;
-    const overhead = visualWidth(t().hit) + LABEL_GAP + BAR_BRACKETS + BAR_GAP + PCT_FIXED_WIDTH + trendSpace + gutter();
+    const overhead = visualWidth(t("hit")) + LABEL_GAP + BAR_BRACKETS + BAR_GAP + PCT_FIXED_WIDTH + trendSpace + gutter();
     return Math.max(3, panelWidth() - overhead);
   });
   const bar = createMemo(() => progressBar(data().hitRate, barW()));
@@ -835,7 +1213,7 @@ function TokenCachePanel(props) {
     }));
     _$insert(_el$3, () => open() ? "\u25BC " : "\u25B6 ");
     _$insertNode(_el$4, _el$5);
-    _$insert(_el$5, () => t().title);
+    _$insert(_el$5, () => t("title"));
     _$insert(_el$4, _$createComponent(Show, {
       get when() {
         return open();
@@ -862,13 +1240,13 @@ function TokenCachePanel(props) {
           get children() {
             return [(() => {
               var _el$8 = _$createElement("span");
-              _$insert(_el$8, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded + " " + trendLabel(data().trend)))));
+              _$insert(_el$8, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t("title")) - visualWidth(pct() + " " + t("hitFolded") + " " + trendLabel(data().trend)))));
               return _el$8;
             })(), (() => {
               var _el$9 = _$createElement("span"), _el$0 = _$createTextNode(` `);
               _$insertNode(_el$9, _el$0);
               _$insert(_el$9, pct, _el$0);
-              _$insert(_el$9, () => t().hitFolded, null);
+              _$insert(_el$9, () => t("hitFolded"), null);
               _$effect((_$p) => _$setProp(_el$9, "style", {
                 fg: hitColor()
               }, _$p));
@@ -878,7 +1256,7 @@ function TokenCachePanel(props) {
               _$insertNode(_el$1, _el$10);
               _$insert(_el$1, () => trendLabel(data().trend), null);
               _$effect((_$p) => _$setProp(_el$1, "style", {
-                fg: data().trend !== 0 ? data().trend > 0 ? pal().success : pal().error : pal().text
+                fg: Math.abs(data().trend) >= 0.05 ? data().trend > 0 ? pal().success : pal().error : pal().text
               }, _$p));
               return _el$1;
             })()];
@@ -890,13 +1268,13 @@ function TokenCachePanel(props) {
           get children() {
             return [(() => {
               var _el$11 = _$createElement("span");
-              _$insert(_el$11, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded))));
+              _$insert(_el$11, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t("title")) - visualWidth(pct() + " " + t("hitFolded")))));
               return _el$11;
             })(), (() => {
               var _el$12 = _$createElement("span"), _el$13 = _$createTextNode(` `);
               _$insertNode(_el$12, _el$13);
               _$insert(_el$12, pct, _el$13);
-              _$insert(_el$12, () => t().hitFolded, null);
+              _$insert(_el$12, () => t("hitFolded"), null);
               _$effect((_$p) => _$setProp(_el$12, "style", {
                 fg: hitColor()
               }, _$p));
@@ -917,28 +1295,28 @@ function TokenCachePanel(props) {
           },
           get children() {
             return (() => {
-              const prefix = "  \u21B3 " + (langZH() ? "\u5B50\u4EE3\u7406: " : "Sub: ");
+              const prefix = "  \u21B3 " + t("subPrefix");
               const maxSidW = Math.max(6, panelWidth() - visualWidth(prefix));
               return (() => {
-                var _el$64 = _$createElement("text"), _el$65 = _$createElement("span"), _el$66 = _$createElement("span");
-                _$insertNode(_el$64, _el$65);
-                _$insertNode(_el$64, _el$66);
-                _$insert(_el$65, prefix);
-                _$insert(_el$66, () => truncateVisual(props.signals.overrideSessionId(), maxSidW));
+                var _el$69 = _$createElement("text"), _el$70 = _$createElement("span"), _el$71 = _$createElement("span");
+                _$insertNode(_el$69, _el$70);
+                _$insertNode(_el$69, _el$71);
+                _$insert(_el$70, prefix);
+                _$insert(_el$71, () => truncateVisual(props.signals.overrideSessionId(), maxSidW));
                 _$effect((_p$) => {
-                  var _v$15 = {
+                  var _v$17 = {
                     fg: pal().muted
-                  }, _v$16 = {
+                  }, _v$18 = {
                     fg: pal().text
                   };
-                  _v$15 !== _p$.e && (_p$.e = _$setProp(_el$65, "style", _v$15, _p$.e));
-                  _v$16 !== _p$.t && (_p$.t = _$setProp(_el$66, "style", _v$16, _p$.t));
+                  _v$17 !== _p$.e && (_p$.e = _$setProp(_el$70, "style", _v$17, _p$.e));
+                  _v$18 !== _p$.t && (_p$.t = _$setProp(_el$71, "style", _v$18, _p$.t));
                   return _p$;
                 }, {
                   e: void 0,
                   t: void 0
                 });
-                return _el$64;
+                return _el$69;
               })();
             })();
           }
@@ -948,30 +1326,30 @@ function TokenCachePanel(props) {
           },
           get fallback() {
             return [(() => {
-              var _el$67 = _$createElement("text");
-              _$insert(_el$67, sep);
-              _$effect((_$p) => _$setProp(_el$67, "fg", pal().muted, _$p));
-              return _el$67;
+              var _el$72 = _$createElement("text");
+              _$insert(_el$72, sep);
+              _$effect((_$p) => _$setProp(_el$72, "fg", pal().muted, _$p));
+              return _el$72;
             })(), (() => {
-              var _el$68 = _$createElement("text"), _el$69 = _$createElement("span"), _el$71 = _$createElement("span");
-              _$insertNode(_el$68, _el$69);
-              _$insertNode(_el$68, _el$71);
-              _$insertNode(_el$69, _$createTextNode(`> `));
-              _$insert(_el$71, () => t().noData);
+              var _el$73 = _$createElement("text"), _el$74 = _$createElement("span"), _el$76 = _$createElement("span");
+              _$insertNode(_el$73, _el$74);
+              _$insertNode(_el$73, _el$76);
+              _$insertNode(_el$74, _$createTextNode(`> `));
+              _$insert(_el$76, () => t("noData"));
               _$effect((_p$) => {
-                var _v$17 = {
+                var _v$19 = {
                   fg: pal().muted
-                }, _v$18 = {
+                }, _v$20 = {
                   fg: pal().muted
                 };
-                _v$17 !== _p$.e && (_p$.e = _$setProp(_el$69, "style", _v$17, _p$.e));
-                _v$18 !== _p$.t && (_p$.t = _$setProp(_el$71, "style", _v$18, _p$.t));
+                _v$19 !== _p$.e && (_p$.e = _$setProp(_el$74, "style", _v$19, _p$.e));
+                _v$20 !== _p$.t && (_p$.t = _$setProp(_el$76, "style", _v$20, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$68;
+              return _el$73;
             })()];
           },
           get children() {
@@ -986,7 +1364,7 @@ function TokenCachePanel(props) {
               _$insertNode(_el$15, _el$18);
               _$insertNode(_el$15, _el$21);
               _$insertNode(_el$16, _el$17);
-              _$insert(_el$16, () => t().hit, _el$17);
+              _$insert(_el$16, () => t("hit"), _el$17);
               _$insertNode(_el$18, _el$19);
               _$insertNode(_el$18, _el$20);
               _$insert(_el$18, bar, _el$20);
@@ -1000,7 +1378,7 @@ function TokenCachePanel(props) {
                   _$insertNode(_el$22, _el$23);
                   _$insert(_el$22, () => trendLabel(data().trend), null);
                   _$effect((_$p) => _$setProp(_el$22, "style", {
-                    fg: data().trend !== 0 ? data().trend > 0 ? pal().success : pal().error : pal().text
+                    fg: Math.abs(data().trend) >= 0.05 ? data().trend > 0 ? pal().success : pal().error : pal().text
                   }, _$p));
                   return _el$22;
                 }
@@ -1025,7 +1403,7 @@ function TokenCachePanel(props) {
               return _el$15;
             })(), (() => {
               var _el$24 = _$createElement("text");
-              _$insert(_el$24, () => justify(t().totalHit, (Math.floor(data().sessionHitRate * 10) / 10).toFixed(1) + "%"));
+              _$insert(_el$24, () => justify(t("totalHit"), (Math.floor(data().sessionHitRate * 10) / 10).toFixed(1) + "%"));
               _$effect((_$p) => _$setProp(_el$24, "fg", pal().muted, _$p));
               return _el$24;
             })(), _$createComponent(Show, {
@@ -1045,8 +1423,8 @@ function TokenCachePanel(props) {
                   }));
                   _$insert(_el$26, () => detailOpen() ? "\u25BC " : "\u25B6 ");
                   _$insertNode(_el$27, _el$28);
-                  _$insert(_el$28, () => t().secDetail);
-                  _$insert(_el$29, () => sep().slice(visualWidth((detailOpen() ? "\u25BC " : "\u25B6 ") + t().secDetail)));
+                  _$insert(_el$28, () => t("secDetail"));
+                  _$insert(_el$29, () => sep().slice(visualWidth((detailOpen() ? "\u25BC " : "\u25B6 ") + t("secDetail"))));
                   _$effect((_p$) => {
                     var _v$4 = {
                       fg: pal().muted
@@ -1076,7 +1454,7 @@ function TokenCachePanel(props) {
                       },
                       get children() {
                         var _el$30 = _$createElement("text");
-                        _$insert(_el$30, () => justify(t().read, fmt(data().read), t().tok));
+                        _$insert(_el$30, () => justify(t("read"), fmt(data().read), t("tok")));
                         _$effect((_$p) => _$setProp(_el$30, "fg", pal().muted, _$p));
                         return _el$30;
                       }
@@ -1086,18 +1464,18 @@ function TokenCachePanel(props) {
                       },
                       get children() {
                         var _el$31 = _$createElement("text");
-                        _$insert(_el$31, () => justify(t().write, fmt(data().write), t().tok));
+                        _$insert(_el$31, () => justify(t("write"), fmt(data().write), t("tok")));
                         _$effect((_$p) => _$setProp(_el$31, "fg", pal().muted, _$p));
                         return _el$31;
                       }
                     }), (() => {
                       var _el$32 = _$createElement("text");
-                      _$insert(_el$32, () => justify(t().miss, fmt(data().freshInput), t().tok));
+                      _$insert(_el$32, () => justify(t("miss"), fmt(data().freshInput + data().write), t("tok")));
                       _$effect((_$p) => _$setProp(_el$32, "fg", pal().muted, _$p));
                       return _el$32;
                     })(), (() => {
                       var _el$33 = _$createElement("text");
-                      _$insert(_el$33, () => justify(t().out, fmt(data().output), t().tok));
+                      _$insert(_el$33, () => justify(t("out"), fmt(data().output), t("tok")));
                       _$effect((_$p) => _$setProp(_el$33, "fg", pal().muted, _$p));
                       return _el$33;
                     })(), _$createComponent(Show, {
@@ -1109,8 +1487,8 @@ function TokenCachePanel(props) {
                         _$insertNode(_el$34, _el$35);
                         _$insertNode(_el$34, _el$36);
                         _$insertNode(_el$34, _el$37);
-                        _$insert(_el$35, () => t().saved);
-                        _$insert(_el$36, () => " ".repeat(Math.max(1, panelWidth() - gutter() - visualWidth(t().saved) - visualWidth("~" + fmtCost(data().saved, currencySymbol(), exchangeRate())))));
+                        _$insert(_el$35, () => t("saved"));
+                        _$insert(_el$36, () => " ".repeat(Math.max(1, panelWidth() - gutter() - visualWidth(t("saved")) - visualWidth("~" + fmtCost(data().saved, currencySymbol(), exchangeRate())))));
                         _$insertNode(_el$37, _el$38);
                         _$insert(_el$37, () => fmtCost(data().saved, currencySymbol(), exchangeRate()), null);
                         _$effect((_p$) => {
@@ -1138,37 +1516,37 @@ function TokenCachePanel(props) {
               },
               get children() {
                 return [_$memo(() => (() => {
-                  var _el$72 = _$createElement("text"), _el$73 = _$createElement("span"), _el$74 = _$createElement("span"), _el$75 = _$createElement("b"), _el$76 = _$createElement("span");
-                  _$insertNode(_el$72, _el$73);
-                  _$insertNode(_el$72, _el$74);
-                  _$insertNode(_el$72, _el$76);
-                  _$setProp(_el$72, "onMouseUp", () => setModelOpen((o) => {
+                  var _el$77 = _$createElement("text"), _el$78 = _$createElement("span"), _el$79 = _$createElement("span"), _el$80 = _$createElement("b"), _el$81 = _$createElement("span");
+                  _$insertNode(_el$77, _el$78);
+                  _$insertNode(_el$77, _el$79);
+                  _$insertNode(_el$77, _el$81);
+                  _$setProp(_el$77, "onMouseUp", () => setModelOpen((o) => {
                     const n = !o;
                     persistFold("model", n);
                     return n;
                   }));
-                  _$insert(_el$73, () => modelOpen() ? "\u25BC " : "\u25B6 ");
-                  _$insertNode(_el$74, _el$75);
-                  _$insert(_el$75, () => t().secModel);
-                  _$insert(_el$76, () => sep().slice(visualWidth((modelOpen() ? "\u25BC " : "\u25B6 ") + t().secModel)));
+                  _$insert(_el$78, () => modelOpen() ? "\u25BC " : "\u25B6 ");
+                  _$insertNode(_el$79, _el$80);
+                  _$insert(_el$80, () => t("secModel"));
+                  _$insert(_el$81, () => sep().slice(visualWidth((modelOpen() ? "\u25BC " : "\u25B6 ") + t("secModel"))));
                   _$effect((_p$) => {
-                    var _v$19 = {
+                    var _v$21 = {
                       fg: pal().muted
-                    }, _v$20 = {
+                    }, _v$22 = {
                       fg: pal().primary
-                    }, _v$21 = {
+                    }, _v$23 = {
                       fg: pal().muted
                     };
-                    _v$19 !== _p$.e && (_p$.e = _$setProp(_el$73, "style", _v$19, _p$.e));
-                    _v$20 !== _p$.t && (_p$.t = _$setProp(_el$74, "style", _v$20, _p$.t));
-                    _v$21 !== _p$.a && (_p$.a = _$setProp(_el$76, "style", _v$21, _p$.a));
+                    _v$21 !== _p$.e && (_p$.e = _$setProp(_el$78, "style", _v$21, _p$.e));
+                    _v$22 !== _p$.t && (_p$.t = _$setProp(_el$79, "style", _v$22, _p$.t));
+                    _v$23 !== _p$.a && (_p$.a = _$setProp(_el$81, "style", _v$23, _p$.a));
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0,
                     a: void 0
                   });
-                  return _el$72;
+                  return _el$77;
                 })()), _$createComponent(Show, {
                   get when() {
                     return modelOpen();
@@ -1176,7 +1554,7 @@ function TokenCachePanel(props) {
                   get children() {
                     return [(() => {
                       var _el$39 = _$createElement("text");
-                      _$insert(_el$39, () => justify(t().cost, fmtCost(data().cost, currencySymbol(), exchangeRate())));
+                      _$insert(_el$39, () => justify(t("cost"), fmtCost(data().cost, currencySymbol(), exchangeRate())));
                       _$effect((_$p) => _$setProp(_el$39, "fg", pal().text, _$p));
                       return _el$39;
                     })(), _$createComponent(Show, {
@@ -1185,13 +1563,13 @@ function TokenCachePanel(props) {
                       },
                       get children() {
                         var _el$40 = _$createElement("text");
-                        _$insert(_el$40, () => justify(t().provider, data().providerName));
+                        _$insert(_el$40, () => justify(t("provider"), data().providerName));
                         _$effect((_$p) => _$setProp(_el$40, "fg", pal().muted, _$p));
                         return _el$40;
                       }
                     }), (() => {
                       var _el$41 = _$createElement("text");
-                      _$insert(_el$41, () => justify(t().model, data().model));
+                      _$insert(_el$41, () => justify(t("model"), data().model));
                       _$effect((_$p) => _$setProp(_el$41, "fg", pal().muted, _$p));
                       return _el$41;
                     })(), _$createComponent(Show, {
@@ -1201,7 +1579,7 @@ function TokenCachePanel(props) {
                       get children() {
                         return [(() => {
                           var _el$42 = _$createElement("text");
-                          _$insert(_el$42, () => justify(t().rate, currencySymbol() + (data().inputRate * exchangeRate()).toFixed(2) + "/M " + t().inputRate));
+                          _$insert(_el$42, () => justify(t("rate"), currencySymbol() + (data().inputRate * exchangeRate()).toFixed(2) + "/M " + t("inputRate")));
                           _$effect((_$p) => _$setProp(_el$42, "fg", pal().muted, _$p));
                           return _el$42;
                         })(), _$createComponent(Show, {
@@ -1210,7 +1588,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$43 = _$createElement("text");
-                            _$insert(_el$43, () => justify("", currencySymbol() + (data().cacheReadRate * exchangeRate()).toFixed(2) + "/M " + t().cacheRate));
+                            _$insert(_el$43, () => justify("", currencySymbol() + (data().cacheReadRate * exchangeRate()).toFixed(2) + "/M " + t("cacheRate")));
                             _$effect((_$p) => _$setProp(_el$43, "fg", pal().muted, _$p));
                             return _el$43;
                           }
@@ -1220,7 +1598,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$44 = _$createElement("text");
-                            _$insert(_el$44, () => justify("", currencySymbol() + (data().cacheWriteRate * exchangeRate()).toFixed(2) + "/M " + t().writeRate));
+                            _$insert(_el$44, () => justify("", currencySymbol() + (data().cacheWriteRate * exchangeRate()).toFixed(2) + "/M " + t("writeRate")));
                             _$effect((_$p) => _$setProp(_el$44, "fg", pal().muted, _$p));
                             return _el$44;
                           }
@@ -1241,37 +1619,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$77 = _$createElement("text"), _el$78 = _$createElement("span"), _el$79 = _$createElement("span"), _el$80 = _$createElement("b"), _el$81 = _$createElement("span");
-                      _$insertNode(_el$77, _el$78);
-                      _$insertNode(_el$77, _el$79);
-                      _$insertNode(_el$77, _el$81);
-                      _$setProp(_el$77, "onMouseUp", () => setDistOpen((o) => {
+                      var _el$82 = _$createElement("text"), _el$83 = _$createElement("span"), _el$84 = _$createElement("span"), _el$85 = _$createElement("b"), _el$86 = _$createElement("span");
+                      _$insertNode(_el$82, _el$83);
+                      _$insertNode(_el$82, _el$84);
+                      _$insertNode(_el$82, _el$86);
+                      _$setProp(_el$82, "onMouseUp", () => setDistOpen((o) => {
                         const n = !o;
                         persistFold("dist", n);
                         return n;
                       }));
-                      _$insert(_el$78, () => distOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$79, _el$80);
-                      _$insert(_el$80, () => t().distTitle);
-                      _$insert(_el$81, () => sep().slice(visualWidth((distOpen() ? "\u25BC " : "\u25B6 ") + t().distTitle)));
+                      _$insert(_el$83, () => distOpen() ? "\u25BC " : "\u25B6 ");
+                      _$insertNode(_el$84, _el$85);
+                      _$insert(_el$85, () => t("distTitle"));
+                      _$insert(_el$86, () => sep().slice(visualWidth((distOpen() ? "\u25BC " : "\u25B6 ") + t("distTitle"))));
                       _$effect((_p$) => {
-                        var _v$22 = {
+                        var _v$24 = {
                           fg: pal().muted
-                        }, _v$23 = {
+                        }, _v$25 = {
                           fg: pal().primary
-                        }, _v$24 = {
+                        }, _v$26 = {
                           fg: pal().muted
                         };
-                        _v$22 !== _p$.e && (_p$.e = _$setProp(_el$78, "style", _v$22, _p$.e));
-                        _v$23 !== _p$.t && (_p$.t = _$setProp(_el$79, "style", _v$23, _p$.t));
-                        _v$24 !== _p$.a && (_p$.a = _$setProp(_el$81, "style", _v$24, _p$.a));
+                        _v$24 !== _p$.e && (_p$.e = _$setProp(_el$83, "style", _v$24, _p$.e));
+                        _v$25 !== _p$.t && (_p$.t = _$setProp(_el$84, "style", _v$25, _p$.t));
+                        _v$26 !== _p$.a && (_p$.a = _$setProp(_el$86, "style", _v$26, _p$.a));
                         return _p$;
                       }, {
                         e: void 0,
                         t: void 0,
                         a: void 0
                       });
-                      return _el$77;
+                      return _el$82;
                     })()), _$createComponent(Show, {
                       get when() {
                         return distOpen();
@@ -1283,7 +1661,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$45 = _$createElement("text");
-                            _$insert(_el$45, () => justify(t().distSys, fmt(data().dist.system), t().tok));
+                            _$insert(_el$45, () => justify(t("distSys"), fmt(data().dist.system), t("tok")));
                             _$effect((_$p) => _$setProp(_el$45, "fg", pal().muted, _$p));
                             return _el$45;
                           }
@@ -1293,7 +1671,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$46 = _$createElement("text");
-                            _$insert(_el$46, () => justify(t().distUser, fmt(data().dist.user), t().tok));
+                            _$insert(_el$46, () => justify(t("distUser"), fmt(data().dist.user), t("tok")));
                             _$effect((_$p) => _$setProp(_el$46, "fg", pal().muted, _$p));
                             return _el$46;
                           }
@@ -1303,7 +1681,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$47 = _$createElement("text");
-                            _$insert(_el$47, () => justify(t().distAgent, fmt(data().dist.agent), t().tok));
+                            _$insert(_el$47, () => justify(t("distAgent"), fmt(data().dist.agent), t("tok")));
                             _$effect((_$p) => _$setProp(_el$47, "fg", pal().muted, _$p));
                             return _el$47;
                           }
@@ -1313,7 +1691,7 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$48 = _$createElement("text");
-                            _$insert(_el$48, () => justify(t().distTool, fmt(data().dist.toolCall), t().tok));
+                            _$insert(_el$48, () => justify(t("distTool"), fmt(data().dist.toolCall), t("tok")));
                             _$effect((_$p) => _$setProp(_el$48, "fg", pal().muted, _$p));
                             return _el$48;
                           }
@@ -1323,13 +1701,13 @@ function TokenCachePanel(props) {
                           },
                           get children() {
                             var _el$49 = _$createElement("text");
-                            _$insert(_el$49, () => justify(t().distRes, fmt(data().dist.toolResult), t().tok));
+                            _$insert(_el$49, () => justify(t("distRes"), fmt(data().dist.toolResult), t("tok")));
                             _$effect((_$p) => _$setProp(_el$49, "fg", pal().muted, _$p));
                             return _el$49;
                           }
                         }), (() => {
                           var _el$50 = _$createElement("text");
-                          _$insert(_el$50, () => justify(t().distTotal, fmt(data().dist.apiInput), t().tok));
+                          _$insert(_el$50, () => justify(t("distTotal"), fmt(data().dist.apiInput), t("tok")));
                           _$effect((_$p) => _$setProp(_el$50, "fg", pal().text, _$p));
                           return _el$50;
                         })()];
@@ -1349,37 +1727,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$82 = _$createElement("text"), _el$83 = _$createElement("span"), _el$84 = _$createElement("span"), _el$85 = _$createElement("b"), _el$86 = _$createElement("span"), _el$87 = _$createTextNode(` (`), _el$88 = _$createTextNode(`)`), _el$89 = _$createElement("span");
-                      _$insertNode(_el$82, _el$83);
-                      _$insertNode(_el$82, _el$84);
-                      _$insertNode(_el$82, _el$86);
-                      _$insertNode(_el$82, _el$89);
-                      _$setProp(_el$82, "onMouseUp", () => setSkillsOpen((o) => {
+                      var _el$87 = _$createElement("text"), _el$88 = _$createElement("span"), _el$89 = _$createElement("span"), _el$90 = _$createElement("b"), _el$91 = _$createElement("span"), _el$92 = _$createTextNode(` (`), _el$93 = _$createTextNode(`)`), _el$94 = _$createElement("span");
+                      _$insertNode(_el$87, _el$88);
+                      _$insertNode(_el$87, _el$89);
+                      _$insertNode(_el$87, _el$91);
+                      _$insertNode(_el$87, _el$94);
+                      _$setProp(_el$87, "onMouseUp", () => setSkillsOpen((o) => {
                         const n = !o;
                         persistFold("skills", n);
                         return n;
                       }));
-                      _$insert(_el$83, () => skillsOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$84, _el$85);
-                      _$insert(_el$85, () => t().secSkills);
-                      _$insertNode(_el$86, _el$87);
-                      _$insertNode(_el$86, _el$88);
-                      _$insert(_el$86, () => data().skills.length, _el$88);
-                      _$insert(_el$89, () => sep().slice(visualWidth((skillsOpen() ? "\u25BC " : "\u25B6 ") + t().secSkills + ` (${data().skills.length})`)));
+                      _$insert(_el$88, () => skillsOpen() ? "\u25BC " : "\u25B6 ");
+                      _$insertNode(_el$89, _el$90);
+                      _$insert(_el$90, () => t("secSkills"));
+                      _$insertNode(_el$91, _el$92);
+                      _$insertNode(_el$91, _el$93);
+                      _$insert(_el$91, () => data().skills.length, _el$93);
+                      _$insert(_el$94, () => sep().slice(visualWidth((skillsOpen() ? "\u25BC " : "\u25B6 ") + t("secSkills") + ` (${data().skills.length})`)));
                       _$effect((_p$) => {
-                        var _v$25 = {
+                        var _v$27 = {
                           fg: pal().muted
-                        }, _v$26 = {
+                        }, _v$28 = {
                           fg: pal().primary
-                        }, _v$27 = {
+                        }, _v$29 = {
                           fg: pal().muted
-                        }, _v$28 = {
+                        }, _v$30 = {
                           fg: pal().muted
                         };
-                        _v$25 !== _p$.e && (_p$.e = _$setProp(_el$83, "style", _v$25, _p$.e));
-                        _v$26 !== _p$.t && (_p$.t = _$setProp(_el$84, "style", _v$26, _p$.t));
-                        _v$27 !== _p$.a && (_p$.a = _$setProp(_el$86, "style", _v$27, _p$.a));
-                        _v$28 !== _p$.o && (_p$.o = _$setProp(_el$89, "style", _v$28, _p$.o));
+                        _v$27 !== _p$.e && (_p$.e = _$setProp(_el$88, "style", _v$27, _p$.e));
+                        _v$28 !== _p$.t && (_p$.t = _$setProp(_el$89, "style", _v$28, _p$.t));
+                        _v$29 !== _p$.a && (_p$.a = _$setProp(_el$91, "style", _v$29, _p$.a));
+                        _v$30 !== _p$.o && (_p$.o = _$setProp(_el$94, "style", _v$30, _p$.o));
                         return _p$;
                       }, {
                         e: void 0,
@@ -1387,21 +1765,21 @@ function TokenCachePanel(props) {
                         a: void 0,
                         o: void 0
                       });
-                      return _el$82;
+                      return _el$87;
                     })()), _$createComponent(Show, {
                       get when() {
                         return skillsOpen();
                       },
                       get children() {
                         return data().skills.map((sk) => {
-                          const rightW = visualWidth(fmt(sk.tokens)) + UNIT_GAP + visualWidth(t().tok);
+                          const rightW = visualWidth(fmt(sk.tokens)) + UNIT_GAP + visualWidth(t("tok"));
                           const maxLabel = Math.max(4, panelWidth() - gutter() - rightW - 1);
                           const label = truncateVisual(sk.name, maxLabel);
                           return (() => {
-                            var _el$90 = _$createElement("text");
-                            _$insert(_el$90, () => justify(label, fmt(sk.tokens), t().tok));
-                            _$effect((_$p) => _$setProp(_el$90, "fg", pal().muted, _$p));
-                            return _el$90;
+                            var _el$95 = _$createElement("text");
+                            _$insert(_el$95, () => justify(label, fmt(sk.tokens), t("tok")));
+                            _$effect((_$p) => _$setProp(_el$95, "fg", pal().muted, _$p));
+                            return _el$95;
                           })();
                         });
                       }
@@ -1421,14 +1799,14 @@ function TokenCachePanel(props) {
                   return _el$51;
                 })(), _$createComponent(Show, {
                   get when() {
-                    return balanceState().status === "idle";
+                    return balanceUnsupported();
                   },
                   get children() {
                     var _el$52 = _$createElement("text"), _el$53 = _$createElement("span"), _el$55 = _$createElement("span");
                     _$insertNode(_el$52, _el$53);
                     _$insertNode(_el$52, _el$55);
                     _$insertNode(_el$53, _$createTextNode(`> `));
-                    _$insert(_el$55, () => t().balNoKey);
+                    _$insert(_el$55, () => t("balUnsupported"));
                     _$effect((_p$) => {
                       var _v$9 = pal().muted, _v$0 = {
                         fg: pal().muted
@@ -1444,87 +1822,98 @@ function TokenCachePanel(props) {
                   }
                 }), _$createComponent(Show, {
                   get when() {
-                    return balanceState().status === "loading";
+                    return !balanceUnsupported();
                   },
                   get children() {
-                    var _el$56 = _$createElement("text"), _el$57 = _$createElement("span"), _el$59 = _$createElement("span");
-                    _$insertNode(_el$56, _el$57);
-                    _$insertNode(_el$56, _el$59);
-                    _$insertNode(_el$57, _$createTextNode(`> `));
-                    _$insert(_el$59, () => t().balLoading);
-                    _$effect((_p$) => {
-                      var _v$1 = pal().muted, _v$10 = {
-                        fg: pal().muted
-                      };
-                      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$56, "fg", _v$1, _p$.e));
-                      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$57, "style", _v$10, _p$.t));
-                      return _p$;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    });
-                    return _el$56;
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return balanceState().status === "error";
-                  },
-                  get children() {
-                    var _el$60 = _$createElement("text"), _el$61 = _$createElement("span"), _el$63 = _$createElement("span");
-                    _$insertNode(_el$60, _el$61);
-                    _$insertNode(_el$60, _el$63);
-                    _$insertNode(_el$61, _$createTextNode(`> `));
-                    _$insert(_el$63, () => {
-                      const code = balanceState().error;
-                      if (code === "401") return t().balErr401;
-                      if (code === "403") return t().balErr403;
-                      if (code === "EMPTY") return t().balErrEmpty;
-                      if (code === "TIMEOUT") return t().balErrTimeout;
-                      return t().balError + (code ? ` (${code})` : "");
-                    });
-                    _$effect((_p$) => {
-                      var _v$11 = pal().error, _v$12 = {
-                        fg: pal().muted
-                      };
-                      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$60, "fg", _v$11, _p$.e));
-                      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$61, "style", _v$12, _p$.t));
-                      return _p$;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    });
-                    return _el$60;
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return _$memo(() => balanceState().status === "ok")() && balanceState().data;
-                  },
-                  get children() {
-                    return (() => {
-                      const list = balanceState().data;
-                      const pref = balanceCurrency();
-                      const native = pref ? list.find((x) => x.currency === pref) : void 0;
-                      if (native) {
-                        return (() => {
-                          var _el$91 = _$createElement("text");
-                          _$insert(_el$91, () => justify(t().balTotal, balanceSymbol(native.currency) + native.total));
-                          _$effect((_$p) => _$setProp(_el$91, "fg", pal().text, _$p));
-                          return _el$91;
-                        })();
+                    return [_$createComponent(Show, {
+                      get when() {
+                        return balanceState().status === "idle";
+                      },
+                      get children() {
+                        var _el$56 = _$createElement("text"), _el$57 = _$createElement("span"), _el$59 = _$createElement("span");
+                        _$insertNode(_el$56, _el$57);
+                        _$insertNode(_el$56, _el$59);
+                        _$insertNode(_el$57, _$createTextNode(`> `));
+                        _$insert(_el$59, () => t("balNoKey", {
+                          p: providerName()
+                        }));
+                        _$effect((_p$) => {
+                          var _v$1 = pal().muted, _v$10 = {
+                            fg: pal().muted
+                          };
+                          _v$1 !== _p$.e && (_p$.e = _$setProp(_el$56, "fg", _v$1, _p$.e));
+                          _v$10 !== _p$.t && (_p$.t = _$setProp(_el$57, "style", _v$10, _p$.t));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0
+                        });
+                        return _el$56;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return balanceState().status === "loading";
+                      },
+                      get children() {
+                        var _el$60 = _$createElement("text"), _el$61 = _$createElement("span"), _el$63 = _$createElement("span");
+                        _$insertNode(_el$60, _el$61);
+                        _$insertNode(_el$60, _el$63);
+                        _$insertNode(_el$61, _$createTextNode(`> `));
+                        _$insert(_el$63, () => t("balLoading"));
+                        _$effect((_p$) => {
+                          var _v$11 = pal().muted, _v$12 = {
+                            fg: pal().muted
+                          };
+                          _v$11 !== _p$.e && (_p$.e = _$setProp(_el$60, "fg", _v$11, _p$.e));
+                          _v$12 !== _p$.t && (_p$.t = _$setProp(_el$61, "style", _v$12, _p$.t));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0
+                        });
+                        return _el$60;
                       }
-                      const base = list[0];
-                      const baseAmt = parseFloat(base.total);
-                      const converted = Number.isFinite(baseAmt) ? convertBalance(pref || base.currency, exchangeRate(), baseAmt, base.currency) : baseAmt;
-                      const shown = pref && base.currency !== pref ? converted.toLocaleString("en-US", {
-                        maximumFractionDigits: 2
-                      }) : base.total;
-                      return (() => {
-                        var _el$92 = _$createElement("text");
-                        _$insert(_el$92, () => justify(t().balTotal, balanceSymbol(pref || base.currency) + shown));
-                        _$effect((_$p) => _$setProp(_el$92, "fg", pal().text, _$p));
-                        return _el$92;
-                      })();
-                    })();
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return balanceState().status === "error";
+                      },
+                      get children() {
+                        var _el$64 = _$createElement("text"), _el$65 = _$createElement("span"), _el$67 = _$createElement("span");
+                        _$insertNode(_el$64, _el$65);
+                        _$insertNode(_el$64, _el$67);
+                        _$insertNode(_el$65, _$createTextNode(`> `));
+                        _$insert(_el$67, () => {
+                          const code = balanceState().error;
+                          if (code === "401") return t("balErr401");
+                          if (code === "403") return t("balErr403");
+                          if (code === "EMPTY") return t("balErrEmpty");
+                          if (code === "TIMEOUT") return t("balErrTimeout");
+                          return t("balError") + (code ? ` (${code})` : "");
+                        });
+                        _$effect((_p$) => {
+                          var _v$13 = pal().error, _v$14 = {
+                            fg: pal().muted
+                          };
+                          _v$13 !== _p$.e && (_p$.e = _$setProp(_el$64, "fg", _v$13, _p$.e));
+                          _v$14 !== _p$.t && (_p$.t = _$setProp(_el$65, "style", _v$14, _p$.t));
+                          return _p$;
+                        }, {
+                          e: void 0,
+                          t: void 0
+                        });
+                        return _el$64;
+                      }
+                    }), _$createComponent(Show, {
+                      get when() {
+                        return _$memo(() => balanceState().status === "ok")() && balanceState().data;
+                      },
+                      get children() {
+                        var _el$68 = _$createElement("text");
+                        _$insert(_el$68, () => justify(t("balTotal"), formatBalanceText(balanceState().data, balanceCurrency(), exchangeRate())));
+                        _$effect((_$p) => _$setProp(_el$68, "fg", pal().text, _$p));
+                        return _el$68;
+                      }
+                    })];
                   }
                 })];
               }
@@ -1534,13 +1923,13 @@ function TokenCachePanel(props) {
       }
     }), null);
     _$effect((_p$) => {
-      var _v$13 = {
+      var _v$15 = {
         fg: pal().muted
-      }, _v$14 = {
+      }, _v$16 = {
         fg: pal().primary
       };
-      _v$13 !== _p$.e && (_p$.e = _$setProp(_el$3, "style", _v$13, _p$.e));
-      _v$14 !== _p$.t && (_p$.t = _$setProp(_el$4, "style", _v$14, _p$.t));
+      _v$15 !== _p$.e && (_p$.e = _$setProp(_el$3, "style", _v$15, _p$.e));
+      _v$16 !== _p$.t && (_p$.t = _$setProp(_el$4, "style", _v$16, _p$.t));
       return _p$;
     }, {
       e: void 0,
@@ -1549,6 +1938,233 @@ function TokenCachePanel(props) {
     return _el$;
   })();
 }
+function BottomStatusBar(props) {
+  const KV_PREFIX = "cache_panel";
+  const t = createT(() => props.signals.langCode());
+  const sid = props.sessionId;
+  const stats = createMemo(() => {
+    const id = sid;
+    if (!id) return null;
+    const msgs = props.api.state.session.messages(id);
+    const session = typeof props.api.state.session.get === "function" ? props.api.state.session.get(id) : void 0;
+    let input = session?.tokens?.input ?? 0;
+    let read = session?.tokens?.cache?.read ?? 0;
+    let write = session?.tokens?.cache?.write ?? 0;
+    if (session?.tokens == null) {
+      for (const m of msgs) {
+        if (m.role !== "assistant") continue;
+        const tk = m.tokens;
+        if (!tk) continue;
+        input += num(tk.input);
+        read += num(tk.cache?.read);
+        write += num(tk.cache?.write);
+      }
+    }
+    let hitRate = -1, prevHitRate = -1;
+    for (let i = msgs.length - 1; i >= 0; i--) {
+      const m = msgs[i];
+      if (m.role !== "assistant") continue;
+      const tk = m.tokens;
+      if (!tk) continue;
+      const mit = num(tk.input) + num(tk.cache?.read) + num(tk.cache?.write);
+      const mrt = num(tk.cache?.read);
+      if (mit <= 0) continue;
+      const rate = mrt / mit * 100;
+      if (hitRate < 0) {
+        hitRate = rate;
+        continue;
+      }
+      prevHitRate = rate;
+      break;
+    }
+    return {
+      hitRate,
+      prevHitRate,
+      input,
+      read,
+      write
+    };
+  });
+  createEffect(() => {
+    if (!props.signals.autoBalance()) return;
+    const id = sid;
+    if (!id) return;
+    const msgs = props.api.state.session.messages(id);
+    let pid = "";
+    for (let i = msgs.length - 1; i >= 0; i--) {
+      const m = msgs[i];
+      if (m.role === "assistant" && m.providerID) {
+        pid = m.providerID;
+        break;
+      }
+    }
+    if (!pid) {
+      try {
+        pid = props.api.state.session.get(id)?.model?.providerID ?? "";
+      } catch {
+      }
+    }
+    if (!pid) return;
+    const hit = matchBalanceProvider(pid);
+    if (hit) {
+      props.signals.setBalanceUnsupported(false);
+      if (hit.id !== props.signals.balanceProviderId()) {
+        props.signals.setBalanceProviderId(hit.id);
+        props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
+      }
+    } else {
+      props.signals.setBalanceUnsupported(true);
+    }
+  });
+  const pal = createMemo(() => {
+    const th = props.api.theme.current;
+    const sat = (k, fb) => desaturateTo(th[k], MAX_SAT, fb);
+    return {
+      text: sat("text", FALLBACK.text),
+      muted: sat("textMuted", FALLBACK.muted),
+      success: sat("success", FALLBACK.success),
+      warning: sat("warning", FALLBACK.warning),
+      error: sat("error", FALLBACK.error)
+    };
+  });
+  const hitColor = createMemo(() => {
+    const r = stats()?.hitRate ?? -1;
+    if (r >= 85) return pal().success;
+    if (r >= 70) return pal().warning;
+    return pal().error;
+  });
+  const trend = createMemo(() => {
+    const s = stats();
+    if (!s || s.prevHitRate < 0 || s.hitRate < 0) return null;
+    const d = s.hitRate - s.prevHitRate;
+    return Math.abs(d) < 0.05 ? null : d;
+  });
+  const balanceText = createMemo(() => {
+    const s = props.signals.balanceState();
+    if (s.status === "ok" && s.data) return formatBalanceText(s.data, props.signals.balanceCurrency(), props.signals.exchangeRate());
+    if (s.status === "loading") return "\u2026";
+    if (s.status === "error") return "\u26A0";
+    return "-";
+  });
+  const directory = createMemo(() => {
+    try {
+      return props.api.state.path.directory;
+    } catch {
+      return "";
+    }
+  });
+  onMount(() => {
+    try {
+      const v = props.api.kv.get(`${KV_PREFIX}.section.bottom`, true);
+      props.signals.setSectionBottom(v !== false);
+    } catch {
+    }
+  });
+  return _$createComponent(Show, {
+    get when() {
+      return props.signals.sectionBottom();
+    },
+    get fallback() {
+      return (() => {
+        var _el$110 = _$createElement("text");
+        _$insert(_el$110, directory);
+        _$effect((_$p) => _$setProp(_el$110, "fg", pal().muted, _$p));
+        return _el$110;
+      })();
+    },
+    get children() {
+      var _el$96 = _$createElement("box"), _el$97 = _$createElement("text"), _el$98 = _$createElement("box"), _el$99 = _$createElement("text"), _el$100 = _$createElement("span"), _el$101 = _$createTextNode(` `), _el$102 = _$createElement("span"), _el$104 = _$createElement("span"), _el$105 = _$createElement("span"), _el$108 = _$createElement("text");
+      _$insertNode(_el$96, _el$97);
+      _$insertNode(_el$96, _el$98);
+      _$setProp(_el$96, "marginLeft", 1);
+      _$setProp(_el$96, "flexGrow", 1);
+      _$setProp(_el$96, "flexShrink", 0);
+      _$setProp(_el$96, "flexDirection", "row");
+      _$setProp(_el$96, "justifyContent", "space-between");
+      _$insert(_el$97, directory);
+      _$insertNode(_el$98, _el$99);
+      _$insertNode(_el$98, _el$108);
+      _$setProp(_el$98, "flexDirection", "row");
+      _$insertNode(_el$99, _el$100);
+      _$insertNode(_el$99, _el$102);
+      _$insertNode(_el$99, _el$104);
+      _$insertNode(_el$99, _el$105);
+      _$insertNode(_el$100, _el$101);
+      _$insert(_el$100, () => t("barHit"), _el$101);
+      _$insert(_el$102, (() => {
+        var _c$ = _$memo(() => (stats()?.hitRate ?? -1) >= 0);
+        return () => _c$() ? (Math.floor(stats().hitRate * 10) / 10).toFixed(1) + "%" : "--";
+      })());
+      _$insert(_el$99, _$createComponent(Show, {
+        get when() {
+          return trend() !== null;
+        },
+        get children() {
+          var _el$103 = _$createElement("span");
+          _$insert(_el$103, () => " " + (trend() > 0 ? "\u2191" : "\u2193") + Math.abs(trend()).toFixed(1) + "%");
+          _$effect((_$p) => _$setProp(_el$103, "style", {
+            fg: trend() > 0 ? pal().success : pal().error
+          }, _$p));
+          return _el$103;
+        }
+      }), _el$104);
+      _$insert(_el$104, () => " \xB7 " + t("barTok") + " ");
+      _$insert(_el$105, (() => {
+        var _c$2 = _$memo(() => !!stats());
+        return () => _c$2() ? fmtCompact(stats().input + stats().read + stats().write) : "--";
+      })());
+      _$insert(_el$99, _$createComponent(Show, {
+        get when() {
+          return !props.signals.balanceUnsupported();
+        },
+        get children() {
+          return [(() => {
+            var _el$106 = _$createElement("span");
+            _$insert(_el$106, () => " \xB7 " + t("barBal") + " ");
+            _$effect((_$p) => _$setProp(_el$106, "style", {
+              fg: pal().muted
+            }, _$p));
+            return _el$106;
+          })(), (() => {
+            var _el$107 = _$createElement("span");
+            _$insert(_el$107, balanceText);
+            _$effect((_$p) => _$setProp(_el$107, "style", {
+              fg: pal().text
+            }, _$p));
+            return _el$107;
+          })()];
+        }
+      }), null);
+      _$insertNode(_el$108, _$createTextNode(` \xB7 `));
+      _$effect((_p$) => {
+        var _v$31 = pal().muted, _v$32 = {
+          fg: pal().muted
+        }, _v$33 = {
+          fg: hitColor()
+        }, _v$34 = {
+          fg: pal().muted
+        }, _v$35 = {
+          fg: pal().text
+        }, _v$36 = pal().muted;
+        _v$31 !== _p$.e && (_p$.e = _$setProp(_el$97, "fg", _v$31, _p$.e));
+        _v$32 !== _p$.t && (_p$.t = _$setProp(_el$100, "style", _v$32, _p$.t));
+        _v$33 !== _p$.a && (_p$.a = _$setProp(_el$102, "style", _v$33, _p$.a));
+        _v$34 !== _p$.o && (_p$.o = _$setProp(_el$104, "style", _v$34, _p$.o));
+        _v$35 !== _p$.i && (_p$.i = _$setProp(_el$105, "style", _v$35, _p$.i));
+        _v$36 !== _p$.n && (_p$.n = _$setProp(_el$108, "fg", _v$36, _p$.n));
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0
+      });
+      return _el$96;
+    }
+  });
+}
 function createSidebarSlot(api, signals) {
   let lastSlotSid = "";
   return {
@@ -1584,18 +2200,28 @@ var tui = async (api) => {
   const [sectionDist, setSectionDist] = createSignal(true);
   const [sectionSkills, setSectionSkills] = createSignal(true);
   const [sectionBalance, setSectionBalance] = createSignal(true);
+  const [sectionBottom, setSectionBottom] = createSignal(true);
   const [balanceRefresh, setBalanceRefresh] = createSignal(0);
+  const [balanceProviderId, setBalanceProviderId] = createSignal("deepseek");
+  const [autoBalance, setAutoBalance] = createSignal(true);
+  const [balanceUnsupported, setBalanceUnsupported] = createSignal(false);
   const [balanceCurrency, setBalanceCurrency] = createSignal("");
   const [borderVisible, setBorderVisible] = createSignal(true);
-  const [langZH, setLangZH] = createSignal(LANG_ZH);
+  const [langCode, setLangCode] = createSignal(INIT_LANG);
   const [overrideSessionId, setOverrideSessionId] = createSignal(void 0);
+  const [balanceState, setBalanceState] = createSignal({
+    status: "idle",
+    data: null,
+    lastFetch: 0
+  });
+  let balanceSeq = 0;
   const signals = {
     currencySymbol,
     setCurrencySymbol,
     exchangeRate,
     setExchangeRate,
-    langZH,
-    setLangZH,
+    langCode,
+    setLangCode,
     sectionDetail,
     setSectionDetail,
     sectionModel,
@@ -1606,8 +2232,17 @@ var tui = async (api) => {
     setSectionSkills,
     sectionBalance,
     setSectionBalance,
+    sectionBottom,
+    setSectionBottom,
     balanceRefresh,
     setBalanceRefresh,
+    balanceProviderId,
+    setBalanceProviderId,
+    autoBalance,
+    setAutoBalance,
+    balanceUnsupported,
+    setBalanceUnsupported,
+    balanceState,
     balanceCurrency,
     setBalanceCurrency,
     borderVisible,
@@ -1616,7 +2251,182 @@ var tui = async (api) => {
     setOverrideSessionId
   };
   api.slots.register(createSidebarSlot(api, signals));
+  api.slots.register({
+    order: 55,
+    slots: {
+      session_prompt(_ctx, input) {
+        return _$createComponent(api.ui.Prompt, {
+          get sessionID() {
+            return input.session_id;
+          },
+          get visible() {
+            return input.visible;
+          },
+          get disabled() {
+            return input.disabled;
+          },
+          get onSubmit() {
+            return input.on_submit;
+          },
+          ref(r$) {
+            var _ref$2 = input.ref;
+            typeof _ref$2 === "function" ? _ref$2(r$) : input.ref = r$;
+          },
+          get hint() {
+            return _$createComponent(BottomStatusBar, {
+              api,
+              signals,
+              get sessionId() {
+                return input.session_id;
+              }
+            });
+          }
+        });
+      }
+    }
+  });
   const KV_PREFIX = "cache_panel";
+  const restoreLang = () => {
+    try {
+      const saved = api.kv.get(`${KV_PREFIX}.lang`);
+      if (saved && LANG_META.some((m) => m.code === saved)) setLangCode(saved);
+    } catch {
+    }
+  };
+  if (api.kv.ready) {
+    restoreLang();
+  } else {
+    const langTimer = setInterval(() => {
+      if (api.kv.ready) {
+        clearInterval(langTimer);
+        restoreLang();
+      }
+    }, 10);
+    api.lifecycle.onDispose(() => clearInterval(langTimer));
+  }
+  const pollBalance = async () => {
+    const provider = getBalanceProvider(balanceProviderId());
+    const key = api.kv.get(`${KV_PREFIX}.balance.${provider.id}.key`, "") || findOpencodeKey(api, provider);
+    if (balanceUnsupported()) {
+      setBalanceState({
+        status: "idle",
+        data: null,
+        lastFetch: 0,
+        error: void 0,
+        key: void 0
+      });
+      return;
+    }
+    if (!key) {
+      setBalanceState({
+        status: "idle",
+        data: null,
+        lastFetch: 0,
+        error: void 0,
+        key: void 0
+      });
+      return;
+    }
+    const now = Date.now();
+    const prev = balanceState();
+    if (prev.status === "ok" && prev.key === key && now - prev.lastFetch < BALANCE_POLL_MS) return;
+    const seq = ++balanceSeq;
+    setBalanceState({
+      ...prev,
+      status: "loading",
+      error: void 0,
+      key
+    });
+    const controller = new AbortController();
+    let timedOut = false;
+    const timer = setTimeout(() => {
+      timedOut = true;
+      controller.abort();
+    }, 1e4);
+    try {
+      const data = await provider.fetchBalance(key, controller.signal);
+      clearTimeout(timer);
+      if (seq !== balanceSeq) return;
+      setBalanceState({
+        status: "ok",
+        data,
+        lastFetch: Date.now(),
+        error: void 0,
+        key
+      });
+    } catch (err) {
+      clearTimeout(timer);
+      if (seq !== balanceSeq) return;
+      const code = timedOut ? "TIMEOUT" : err instanceof Error ? err.message : "";
+      setBalanceState({
+        status: "error",
+        data: null,
+        lastFetch: 0,
+        error: code,
+        key
+      });
+    }
+  };
+  createEffect(() => {
+    void balanceRefresh();
+    untrack(() => {
+      void pollBalance();
+    });
+  });
+  const balanceTimer = setInterval(pollBalance, BALANCE_POLL_MS);
+  api.lifecycle.onDispose(() => clearInterval(balanceTimer));
+  const providerOptionTitle = (p, current) => {
+    const t = createT(() => langCode());
+    const hasManual = !!api.kv.get(`${KV_PREFIX}.balance.${p.id}.key`, "");
+    const hasAuto = !hasManual && !!findOpencodeKey(api, p);
+    const mark = hasManual ? t("keyUser") : hasAuto ? t("keyOpenCode") : t("keyNotSet");
+    return p.name + mark + (current && p.id === current ? " *" : "");
+  };
+  const promptBalanceKey = (dialog, provider) => {
+    const t = createT(() => langCode());
+    const current = api.kv.get(`${KV_PREFIX}.balance.${provider.id}.key`, "");
+    const masked = maskKey(current);
+    dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+      get title() {
+        return provider.name;
+      },
+      description: () => (() => {
+        var _el$111 = _$createElement("text");
+        _$insert(_el$111, () => t("balKeyPrompt", {
+          p: provider.name
+        }));
+        return _el$111;
+      })(),
+      get placeholder() {
+        return provider.keyPlaceholder ?? "sk-...";
+      },
+      value: masked,
+      onConfirm: (val) => {
+        const input = val.trim();
+        let key;
+        if (input === "") {
+          key = "";
+        } else if (input.includes("*")) {
+          key = current;
+        } else {
+          key = input;
+        }
+        api.kv.set(`${KV_PREFIX}.balance.${provider.id}.key`, key);
+        setBalanceRefresh((v) => v + 1);
+        if (key) {
+          api.ui.toast({
+            message: t("keySaved")
+          });
+        } else {
+          api.ui.toast({
+            message: t("keyCleared")
+          });
+        }
+        dialog?.clear();
+      },
+      onCancel: () => dialog?.clear()
+    }));
+  };
   api.command?.register(() => [{
     title: "Cache: Set Currency",
     value: "cache.currency",
@@ -1634,6 +2444,7 @@ var tui = async (api) => {
           }));
         },
         onSelect: (opt) => {
+          const t = createT(() => langCode());
           const sym = CURRENCIES[opt.value] ?? "$";
           const defRate = DEFAULT_RATES[opt.value] ?? 1;
           api.kv.set(`${KV_PREFIX}.currency`, sym);
@@ -1643,7 +2454,11 @@ var tui = async (api) => {
           signals.setCurrencySymbol(sym);
           signals.setExchangeRate(defRate);
           api.ui.toast({
-            message: `Currency: ${opt.value} (${sym}), rate: ${defRate}`
+            message: t("currencySet", {
+              v: opt.value,
+              s: sym,
+              r: defRate
+            })
           });
           dialog?.clear();
         }
@@ -1660,21 +2475,24 @@ var tui = async (api) => {
       dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
         title: "Exchange Rate",
         description: () => (() => {
-          var _el$93 = _$createElement("text");
-          _$insertNode(_el$93, _$createTextNode(`Enter the exchange rate from USD to your currency (e.g. 7.2 for CNY)`));
-          return _el$93;
+          var _el$112 = _$createElement("text");
+          _$insertNode(_el$112, _$createTextNode(`Enter the exchange rate from USD to your currency (e.g. 7.2 for CNY)`));
+          return _el$112;
         })(),
         placeholder: "1.0",
         get value() {
           return String(api.kv.get(`${KV_PREFIX}.rate`, 1));
         },
         onConfirm: (val) => {
+          const t = createT(() => langCode());
           const n = parseFloat(val);
           if (n > 0) {
             api.kv.set(`${KV_PREFIX}.rate`, n);
             signals.setExchangeRate(n);
             api.ui.toast({
-              message: `Exchange rate set to ${n}`
+              message: t("rateSet", {
+                r: n
+              })
             });
           }
           dialog?.clear();
@@ -1689,40 +2507,59 @@ var tui = async (api) => {
       name: "cache-section"
     },
     onSelect: (dialog) => {
+      const t = createT(() => langCode());
       const detailOn = Boolean(api.kv.get(`${KV_PREFIX}.section.detail`, true));
       const modelOn = Boolean(api.kv.get(`${KV_PREFIX}.section.model`, true));
       const distOn = Boolean(api.kv.get(`${KV_PREFIX}.section.dist`, true));
       const skillsOn = Boolean(api.kv.get(`${KV_PREFIX}.section.skills`, true));
       const balanceOn = Boolean(api.kv.get(`${KV_PREFIX}.section.balance`, true));
+      const bottomOn = Boolean(api.kv.get(`${KV_PREFIX}.section.bottom`, true));
       const borderOn = Boolean(api.kv.get(`${KV_PREFIX}.border`, true));
+      const labels = {
+        detail: t("secDetail"),
+        model: t("secModel"),
+        dist: t("distTitle"),
+        skills: t("secSkills"),
+        balance: t("secBalance"),
+        bottom: t("secBottom"),
+        border: t("secBorder")
+      };
+      const optTitle = (label, on) => `${visualPadEnd(label, 15)}[${on ? "ON" : "OFF"}]`;
       dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
-        title: "Toggle Section",
-        options: [{
-          title: `Token Detail    [${detailOn ? "ON" : "OFF"}]`,
-          value: "detail"
-        }, {
-          title: `Model & Pricing [${modelOn ? "ON" : "OFF"}]`,
-          value: "model"
-        }, {
-          title: `Token Dist.     [${distOn ? "ON" : "OFF"}]`,
-          value: "dist"
-        }, {
-          title: `Loaded Skills   [${skillsOn ? "ON" : "OFF"}]`,
-          value: "skills"
-        }, {
-          title: `DS Balance      [${balanceOn ? "ON" : "OFF"}]`,
-          value: "balance"
-        }, {
-          title: `Panel Border    [${borderOn ? "ON" : "OFF"}]`,
-          value: "border"
-        }],
+        get title() {
+          return t("secToggle");
+        },
+        get options() {
+          return [{
+            title: optTitle(labels.detail, detailOn),
+            value: "detail"
+          }, {
+            title: optTitle(labels.model, modelOn),
+            value: "model"
+          }, {
+            title: optTitle(labels.dist, distOn),
+            value: "dist"
+          }, {
+            title: optTitle(labels.skills, skillsOn),
+            value: "skills"
+          }, {
+            title: optTitle(labels.balance, balanceOn),
+            value: "balance"
+          }, {
+            title: optTitle(labels.bottom, bottomOn),
+            value: "bottom"
+          }, {
+            title: optTitle(labels.border, borderOn),
+            value: "border"
+          }];
+        },
         onSelect: (opt) => {
           if (opt.value === "border") {
             const cur = Boolean(api.kv.get(`${KV_PREFIX}.border`, true));
             api.kv.set(`${KV_PREFIX}.border`, !cur);
             signals.setBorderVisible(!cur);
             api.ui.toast({
-              message: `Panel border ${!cur ? "shown" : "hidden"}`
+              message: !cur ? t("borderShown") : t("borderHidden")
             });
           } else {
             const key = `${KV_PREFIX}.section.${opt.value}`;
@@ -1733,8 +2570,12 @@ var tui = async (api) => {
             if (opt.value === "dist") signals.setSectionDist(!cur);
             if (opt.value === "skills") signals.setSectionSkills(!cur);
             if (opt.value === "balance") signals.setSectionBalance(!cur);
+            if (opt.value === "bottom") signals.setSectionBottom(!cur);
+            const name = labels[opt.value] ?? opt.value;
             api.ui.toast({
-              message: `${opt.value} section ${!cur ? "shown" : "hidden"}`
+              message: t(!cur ? "sectionShown" : "sectionHidden", {
+                s: name
+              })
             });
           }
           dialog?.clear();
@@ -1749,6 +2590,7 @@ var tui = async (api) => {
       name: "cache-config"
     },
     onSelect: (dialog) => {
+      const t = createT(() => langCode());
       const sym = api.kv.get(`${KV_PREFIX}.currency`) ?? "$";
       const rate = api.kv.get(`${KV_PREFIX}.rate`) ?? 1;
       const detail = Boolean(api.kv.get(`${KV_PREFIX}.section.detail`, true));
@@ -1756,9 +2598,20 @@ var tui = async (api) => {
       const dist = Boolean(api.kv.get(`${KV_PREFIX}.section.dist`, true));
       const skills = Boolean(api.kv.get(`${KV_PREFIX}.section.skills`, true));
       const balance = Boolean(api.kv.get(`${KV_PREFIX}.section.balance`, true));
+      const bottom = Boolean(api.kv.get(`${KV_PREFIX}.section.bottom`, true));
+      const on = (v) => v ? "ON" : "OFF";
       api.ui.toast({
-        title: "Cache Panel Config",
-        message: `Currency: ${sym}  |  Rate: ${rate}  |  Detail: ${detail ? "ON" : "OFF"}  |  Model: ${model ? "ON" : "OFF"}  |  Dist: ${dist ? "ON" : "OFF"}  |  Skills: ${skills ? "ON" : "OFF"}  |  Balance: ${balance ? "ON" : "OFF"}`,
+        title: t("panelConfigTitle"),
+        message: t("panelConfigMsg", {
+          c: sym,
+          r: rate,
+          d: on(detail),
+          m: on(model),
+          t: on(dist),
+          k: on(skills),
+          b: on(balance),
+          f: on(bottom)
+        }),
         duration: 8e3
       });
       dialog?.clear();
@@ -1771,78 +2624,114 @@ var tui = async (api) => {
       name: "cache-lang"
     },
     onSelect: (dialog) => {
-      const cur = langZH();
+      const t = createT(() => langCode());
+      const cur = langCode();
       dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
-        title: "Display Language",
-        options: [{
-          title: `\u4E2D\u6587    ${cur ? "\u2713" : ""}`,
-          value: "zh"
-        }, {
-          title: `English ${cur ? "" : "\u2713"}`,
-          value: "en"
-        }],
+        get title() {
+          return t("langTitle");
+        },
+        get options() {
+          return LANG_META.map((m) => ({
+            title: `${visualPadEnd(m.label, 9)}${cur === m.code ? "\u2713" : ""}`,
+            value: m.code
+          }));
+        },
         onSelect: (opt) => {
-          const zh = opt.value === "zh";
-          api.kv.set(`${KV_PREFIX}.lang`, opt.value);
-          setLangZH(zh);
+          const code = opt.value;
+          api.kv.set(`${KV_PREFIX}.lang`, code);
+          setLangCode(code);
           api.ui.toast({
-            message: zh ? "\u8BED\u8A00\u5DF2\u5207\u6362\u4E3A\u4E2D\u6587" : "Switched to English"
+            message: t("langSwitched")
           });
           dialog?.clear();
         }
       }));
     }
   }, {
-    title: "Cache: Set DeepSeek API Key",
-    value: "cache.balance.key",
-    description: "Set or update the DeepSeek API key for balance display",
+    title: "Cache: Switch Balance Provider",
+    value: "cache.balance",
+    description: "\u5207\u6362\u4F59\u989D\u63D0\u4F9B\u5546 / \u81EA\u52A8\u5207\u6362\u5F53\u524D\u4F1A\u8BDD\u63D0\u4F9B\u5546 | Switch balance provider / auto-switch session provider",
     slash: {
-      name: "cache-balance-key"
+      name: "cache-balance"
     },
     onSelect: (dialog) => {
-      const zh = langZH();
-      const current = api.kv.get(`${KV_PREFIX}.ds_key`, "");
-      const maskKey = (k) => {
-        if (!k) return "";
-        const prefix = k.startsWith("sk-") ? "sk-" : "";
-        const body = prefix ? k.slice(3) : k;
-        if (body.length <= 10) return prefix + body.slice(0, 5) + "*".repeat(Math.max(3, body.length - 5));
-        return prefix + body.slice(0, 5) + "*".repeat(Math.max(3, body.length - 10)) + body.slice(-5);
-      };
-      const masked = maskKey(current);
-      dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
-        title: zh ? "DeepSeek API Key" : "DeepSeek API Key",
-        description: () => (() => {
-          var _el$95 = _$createElement("text");
-          _$insert(_el$95, zh ? "\u8F93\u5165 DeepSeek API Key \u4EE5\u663E\u793A\u8D26\u6237\u4F59\u989D\uFF08\u7559\u7A7A\u6E05\u9664\uFF09" : "Enter your DeepSeek API key to show account balance (leave empty to clear)");
-          return _el$95;
-        })(),
-        placeholder: "sk-...",
-        value: masked,
-        onConfirm: (val) => {
-          const input = val.trim();
-          let key;
-          if (input === "") {
-            key = "";
-          } else if (input.includes("*")) {
-            key = current;
-          } else {
-            key = input;
-          }
-          api.kv.set(`${KV_PREFIX}.ds_key`, key);
-          setBalanceRefresh((v) => v + 1);
-          if (key) {
+      const t = createT(() => langCode());
+      const current = signals.balanceProviderId();
+      const auto = signals.autoBalance();
+      const autoLabel = `${t("autoSwitchOpt")} [${auto ? "ON" : "OFF"}]`;
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        get title() {
+          return t("balProvTitle");
+        },
+        get options() {
+          return [{
+            title: autoLabel,
+            value: "__auto__"
+          }, ...balanceProviders.map((p) => ({
+            title: providerOptionTitle(p, current),
+            value: p.id
+          }))];
+        },
+        onSelect: (opt) => {
+          if (opt.value === "__auto__") {
+            const next = !auto;
+            api.kv.set(`${KV_PREFIX}.balance.auto`, next);
+            signals.setAutoBalance(next);
             api.ui.toast({
-              message: zh ? "API Key \u5DF2\u4FDD\u5B58\uFF0C\u6B63\u5728\u67E5\u8BE2\u4F59\u989D..." : "API Key saved, fetching balance..."
+              message: next ? t("autoSwitchOn") : t("autoSwitchOff")
             });
+            dialog?.clear();
           } else {
-            api.ui.toast({
-              message: zh ? "API Key \u5DF2\u6E05\u9664" : "API Key cleared"
-            });
+            const provider = getBalanceProvider(opt.value);
+            api.kv.set(`${KV_PREFIX}.balance.provider`, provider.id);
+            api.kv.set(`${KV_PREFIX}.balance.auto`, false);
+            signals.setBalanceProviderId(provider.id);
+            signals.setAutoBalance(false);
+            signals.setBalanceUnsupported(false);
+            signals.setBalanceRefresh(signals.balanceRefresh() + 1);
+            const hasKey = !!api.kv.get(`${KV_PREFIX}.balance.${provider.id}.key`, "");
+            if (!hasKey) {
+              promptBalanceKey(dialog, provider);
+            } else {
+              api.ui.toast({
+                message: t("providerManual", {
+                  p: provider.name
+                })
+              });
+              dialog?.clear();
+            }
           }
-          dialog?.clear();
+        }
+      }));
+    }
+  }, {
+    title: "Cache: Set Balance API Key",
+    value: "cache.balance.key",
+    description: "Select a provider and set its API key for balance display",
+    slash: {
+      name: "cache-balance-key"
+    },
+    onSelect: (dialog) => {
+      const t = createT(() => langCode());
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        get title() {
+          return t("balSelectTitle");
         },
-        onCancel: () => dialog?.clear()
+        get options() {
+          return balanceProviders.map((p) => ({
+            title: providerOptionTitle(p),
+            value: p.id
+          }));
+        },
+        onSelect: (opt) => {
+          const provider = getBalanceProvider(opt.value);
+          api.kv.set(`${KV_PREFIX}.balance.provider`, provider.id);
+          api.kv.set(`${KV_PREFIX}.balance.auto`, false);
+          signals.setBalanceProviderId(provider.id);
+          signals.setAutoBalance(false);
+          signals.setBalanceRefresh(signals.balanceRefresh() + 1);
+          promptBalanceKey(dialog, provider);
+        }
       }));
     }
   }, {
@@ -1853,10 +2742,11 @@ var tui = async (api) => {
       name: "cache-debug-skills"
     },
     onSelect: () => {
+      const t = createT(() => langCode());
       const rt = api.route.current;
       if (rt.name !== "session" || !rt.params) {
         api.ui.toast({
-          message: "Please run this command inside a session",
+          message: t("runInSession"),
           variant: "warning"
         });
         return;
@@ -1874,9 +2764,9 @@ var tui = async (api) => {
         }
         for (const p of parts) {
           if (p.type === "tool") {
-            const t = String(p.tool ?? "?");
-            byTool[t] = (byTool[t] ?? 0) + 1;
-            if (t === "skill") {
+            const t2 = String(p.tool ?? "?");
+            byTool[t2] = (byTool[t2] ?? 0) + 1;
+            if (t2 === "skill") {
               const meta = p.state?.metadata;
               const rootMeta = p.metadata;
               skillParts.push(`state.metadata=${JSON.stringify(meta)} | root.metadata=${JSON.stringify(rootMeta)} | state.title="${p.state?.title}" | state.output[:80]="${String(p.state?.output ?? "").slice(0, 80)}"`);
@@ -1945,7 +2835,7 @@ var tui = async (api) => {
         return true;
       });
       if (unique.length > 0) {
-        const zh = langZH();
+        const t = createT(() => langCode());
         const currentSid = signals.overrideSessionId() ?? api.kv.get(`${KV_PREFIX}.session`, "");
         const options = unique.map((c, i) => ({
           title: `${i + 1}. ${c.title}`,
@@ -1953,7 +2843,7 @@ var tui = async (api) => {
           description: c.description
         }));
         const backValue = "__main__";
-        const backTitle = `\u2500 ${zh ? "\u56DE\u5230\u4E3B\u4F1A\u8BDD" : "Back to Main"}`;
+        const backTitle = `\u2500 ${t("backToMainTitle")}`;
         options.unshift({
           title: backTitle,
           value: backValue,
@@ -1966,7 +2856,9 @@ var tui = async (api) => {
         });
         const currentIdx = currentSid ? options.findIndex((o) => o.value === currentSid) : -1;
         dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
-          title: zh ? "\u9009\u62E9\u5B50\u4EE3\u7406" : "Select Sub-Agent",
+          get title() {
+            return t("subSelectTitle");
+          },
           options,
           get current() {
             return currentIdx >= 0 ? options[currentIdx].value : void 0;
@@ -1976,28 +2868,30 @@ var tui = async (api) => {
               signals.setOverrideSessionId(void 0);
               api.kv.set(`${KV_PREFIX}.session`, "");
               api.ui.toast({
-                message: zh ? "\u5DF2\u5207\u56DE\u4E3B\u4F1A\u8BDD" : "Switched to main session"
+                message: t("backToMain")
               });
             } else {
               signals.setOverrideSessionId(opt.value);
               api.kv.set(`${KV_PREFIX}.session`, opt.value);
               api.ui.toast({
-                message: (zh ? "\u5DF2\u5207\u6362\u81F3\u5B50\u4EE3\u7406: " : "Showing sub-agent: ") + opt.value.slice(0, 24) + "\u2026"
+                message: t("subAgentSwitched", {
+                  s: opt.value.slice(0, 24) + "\u2026"
+                })
               });
             }
             dialog?.clear();
           }
         }));
       } else {
-        const zh = langZH();
+        const t = createT(() => langCode());
         dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
           get title() {
-            return signals.overrideSessionId() ? zh ? "\u5207\u6362\u5B50\u4EE3\u7406" : "Switch Sub" : zh ? "\u67E5\u770B\u5B50\u4EE3\u7406\u7F13\u5B58" : "View Sub Cache";
+            return _$memo(() => !!signals.overrideSessionId())() ? t("subSwitchTitle") : t("subViewTitle");
           },
           description: () => (() => {
-            var _el$96 = _$createElement("text");
-            _$insert(_el$96, zh ? "\u672A\u627E\u5230\u5B50\u4EE3\u7406\uFF0C\u8BF7\u624B\u52A8\u7C98\u8D34 Session ID" : "No sub-agents found. Paste a Session ID manually");
-            return _el$96;
+            var _el$114 = _$createElement("text");
+            _$insert(_el$114, () => t("subNoFound"));
+            return _el$114;
           })(),
           placeholder: "ses_...",
           get value() {
@@ -2009,7 +2903,9 @@ var tui = async (api) => {
               signals.setOverrideSessionId(sid);
               api.kv.set(`${KV_PREFIX}.session`, sid);
               api.ui.toast({
-                message: (langZH() ? "\u5DF2\u5207\u6362\u81F3\u5B50\u4EE3\u7406: " : "Showing sub-agent: ") + sid.slice(0, 24) + "\u2026"
+                message: t("subAgentSwitched", {
+                  s: sid.slice(0, 24) + "\u2026"
+                })
               });
             }
             dialog?.clear();
@@ -2026,10 +2922,11 @@ var tui = async (api) => {
       name: "cache-session-back"
     },
     onSelect: (dialog) => {
+      const t = createT(() => langCode());
       signals.setOverrideSessionId(void 0);
       api.kv.set(`${KV_PREFIX}.session`, "");
       api.ui.toast({
-        message: langZH() ? "\u5DF2\u5207\u56DE\u4E3B\u4F1A\u8BDD" : "Switched to main session"
+        message: t("backToMain")
       });
       dialog?.clear();
     }