opencode-visual-cache 1.3.0 → 1.5.0

package/dist/tui.js

@@ -13,7 +13,109 @@ 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.3.0";
+var PLUGIN_VERSION = "1.5.0";
+
+// 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));
+    }
+    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) }];
+  }
+};
+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/index.tsx
 function charColumns(c) {
@@ -89,7 +191,15 @@ var ZH_T = {
   distOut: "\u8F93\u51FA:",
   secDetail: "\u660E\u7EC6",
   secModel: "\u6A21\u578B",
-  secSkills: "\u5DF2\u52A0\u8F7D\u6280\u80FD"
+  secSkills: "\u5DF2\u52A0\u8F7D\u6280\u80FD",
+  balTotal: "\u603B\u4F59\u989D:",
+  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"
 };
 var EN_T = {
   title: "Token Cache",
@@ -120,7 +230,15 @@ var EN_T = {
   distOut: "Output:",
   secDetail: "Detail",
   secModel: "Model",
-  secSkills: "Loaded Skills"
+  secSkills: "Loaded Skills",
+  balTotal: "Total:",
+  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"
 };
 function rgb(raw) {
   if (typeof raw === "string" && raw.startsWith("#")) {
@@ -232,6 +350,30 @@ function estimateTokens(text) {
   const asciiPerToken = jsonLike ? 3.5 : codeLike ? 3.5 : 4;
   return Math.max(1, Math.ceil(ascii / asciiPerToken + cjk / 1));
 }
+var BALANCE_POLL_MS = 5 * 60 * 1e3;
+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 + " ";
+}
 var CURRENCIES = {
   USD: "$",
   CNY: "\xA5",
@@ -279,6 +421,15 @@ function TokenCachePanel(props) {
     setSectionDist,
     sectionSkills,
     setSectionSkills,
+    sectionBalance,
+    setSectionBalance,
+    balanceRefresh,
+    balanceProviderId,
+    setBalanceProviderId,
+    autoBalance,
+    setAutoBalance,
+    balanceCurrency,
+    setBalanceCurrency,
     borderVisible,
     setBorderVisible
   } = props.signals;
@@ -329,6 +480,98 @@ function TokenCachePanel(props) {
     hasSkills: false
   });
   const [refreshTick, setRefreshTick] = createSignal(0);
+  const [balanceState, setBalanceState] = createSignal({
+    status: "idle",
+    data: null,
+    lastFetch: 0
+  });
+  let balanceSeq = 0;
+  const providerName = createMemo(() => getBalanceProvider(balanceProviderId()).name);
+  const pollBalance = async () => {
+    const provider = getBalanceProvider(balanceProviderId());
+    const key = props.api.kv.get(`${KV_PREFIX}.balance.${provider.id}.key`, "") || findOpencodeKey(props.api, provider);
+    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 data2 = await provider.fetchBalance(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
+      });
+    }
+  };
+  createEffect(() => {
+    void balanceRefresh();
+    untrack(() => {
+      void pollBalance();
+    });
+  });
+  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;
+      }
+    }
+    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 && hit.id !== balanceProviderId()) {
+      setBalanceProviderId(hit.id);
+      props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
+    }
+  });
   let lastMainSid = props.sessionId;
   createEffect(() => {
     const sid = props.sessionId;
@@ -395,7 +638,7 @@ function TokenCachePanel(props) {
     const freshTotal = input + read, 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,
@@ -520,7 +763,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,
@@ -570,10 +813,26 @@ function TokenCachePanel(props) {
         const rate = props.api.kv.get(`${KV_PREFIX}.rate`);
         if (typeof sym === "string") setCurrencySymbol(sym);
         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);
+        }
+        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)));
         setSectionSkills(Boolean(props.api.kv.get(`${KV_PREFIX}.section.skills`, true)));
+        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`);
@@ -626,8 +885,10 @@ 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();
@@ -798,25 +1059,25 @@ function TokenCachePanel(props) {
               const prefix = "  \u21B3 " + (langZH() ? "\u5B50\u4EE3\u7406: " : "Sub: ");
               const maxSidW = Math.max(6, panelWidth() - visualWidth(prefix));
               return (() => {
-                var _el$51 = _$createElement("text"), _el$52 = _$createElement("span"), _el$53 = _$createElement("span");
-                _$insertNode(_el$51, _el$52);
-                _$insertNode(_el$51, _el$53);
-                _$insert(_el$52, prefix);
-                _$insert(_el$53, () => truncateVisual(props.signals.overrideSessionId(), maxSidW));
+                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));
                 _$effect((_p$) => {
-                  var _v$1 = {
+                  var _v$15 = {
                     fg: pal().muted
-                  }, _v$10 = {
+                  }, _v$16 = {
                     fg: pal().text
                   };
-                  _v$1 !== _p$.e && (_p$.e = _$setProp(_el$52, "style", _v$1, _p$.e));
-                  _v$10 !== _p$.t && (_p$.t = _$setProp(_el$53, "style", _v$10, _p$.t));
+                  _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));
                   return _p$;
                 }, {
                   e: void 0,
                   t: void 0
                 });
-                return _el$51;
+                return _el$64;
               })();
             })();
           }
@@ -826,30 +1087,30 @@ function TokenCachePanel(props) {
           },
           get fallback() {
             return [(() => {
-              var _el$54 = _$createElement("text");
-              _$insert(_el$54, sep);
-              _$effect((_$p) => _$setProp(_el$54, "fg", pal().muted, _$p));
-              return _el$54;
+              var _el$67 = _$createElement("text");
+              _$insert(_el$67, sep);
+              _$effect((_$p) => _$setProp(_el$67, "fg", pal().muted, _$p));
+              return _el$67;
             })(), (() => {
-              var _el$55 = _$createElement("text"), _el$56 = _$createElement("span"), _el$58 = _$createElement("span");
-              _$insertNode(_el$55, _el$56);
-              _$insertNode(_el$55, _el$58);
-              _$insertNode(_el$56, _$createTextNode(`> `));
-              _$insert(_el$58, () => t().noData);
+              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);
               _$effect((_p$) => {
-                var _v$11 = {
+                var _v$17 = {
                   fg: pal().muted
-                }, _v$12 = {
+                }, _v$18 = {
                   fg: pal().muted
                 };
-                _v$11 !== _p$.e && (_p$.e = _$setProp(_el$56, "style", _v$11, _p$.e));
-                _v$12 !== _p$.t && (_p$.t = _$setProp(_el$58, "style", _v$12, _p$.t));
+                _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));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$55;
+              return _el$68;
             })()];
           },
           get children() {
@@ -1016,37 +1277,37 @@ function TokenCachePanel(props) {
               },
               get children() {
                 return [_$memo(() => (() => {
-                  var _el$59 = _$createElement("text"), _el$60 = _$createElement("span"), _el$61 = _$createElement("span"), _el$62 = _$createElement("b"), _el$63 = _$createElement("span");
-                  _$insertNode(_el$59, _el$60);
-                  _$insertNode(_el$59, _el$61);
-                  _$insertNode(_el$59, _el$63);
-                  _$setProp(_el$59, "onMouseUp", () => setModelOpen((o) => {
+                  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) => {
                     const n = !o;
                     persistFold("model", n);
                     return n;
                   }));
-                  _$insert(_el$60, () => modelOpen() ? "\u25BC " : "\u25B6 ");
-                  _$insertNode(_el$61, _el$62);
-                  _$insert(_el$62, () => t().secModel);
-                  _$insert(_el$63, () => sep().slice(visualWidth((modelOpen() ? "\u25BC " : "\u25B6 ") + t().secModel)));
+                  _$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)));
                   _$effect((_p$) => {
-                    var _v$13 = {
+                    var _v$19 = {
                       fg: pal().muted
-                    }, _v$14 = {
+                    }, _v$20 = {
                       fg: pal().primary
-                    }, _v$15 = {
+                    }, _v$21 = {
                       fg: pal().muted
                     };
-                    _v$13 !== _p$.e && (_p$.e = _$setProp(_el$60, "style", _v$13, _p$.e));
-                    _v$14 !== _p$.t && (_p$.t = _$setProp(_el$61, "style", _v$14, _p$.t));
-                    _v$15 !== _p$.a && (_p$.a = _$setProp(_el$63, "style", _v$15, _p$.a));
+                    _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));
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0,
                     a: void 0
                   });
-                  return _el$59;
+                  return _el$72;
                 })()), _$createComponent(Show, {
                   get when() {
                     return modelOpen();
@@ -1119,37 +1380,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$64 = _$createElement("text"), _el$65 = _$createElement("span"), _el$66 = _$createElement("span"), _el$67 = _$createElement("b"), _el$68 = _$createElement("span");
-                      _$insertNode(_el$64, _el$65);
-                      _$insertNode(_el$64, _el$66);
-                      _$insertNode(_el$64, _el$68);
-                      _$setProp(_el$64, "onMouseUp", () => setDistOpen((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", () => setDistOpen((o) => {
                         const n = !o;
                         persistFold("dist", n);
                         return n;
                       }));
-                      _$insert(_el$65, () => distOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$66, _el$67);
-                      _$insert(_el$67, () => t().distTitle);
-                      _$insert(_el$68, () => sep().slice(visualWidth((distOpen() ? "\u25BC " : "\u25B6 ") + t().distTitle)));
+                      _$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)));
                       _$effect((_p$) => {
-                        var _v$16 = {
+                        var _v$22 = {
                           fg: pal().muted
-                        }, _v$17 = {
+                        }, _v$23 = {
                           fg: pal().primary
-                        }, _v$18 = {
+                        }, _v$24 = {
                           fg: pal().muted
                         };
-                        _v$16 !== _p$.e && (_p$.e = _$setProp(_el$65, "style", _v$16, _p$.e));
-                        _v$17 !== _p$.t && (_p$.t = _$setProp(_el$66, "style", _v$17, _p$.t));
-                        _v$18 !== _p$.a && (_p$.a = _$setProp(_el$68, "style", _v$18, _p$.a));
+                        _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));
                         return _p$;
                       }, {
                         e: void 0,
                         t: void 0,
                         a: void 0
                       });
-                      return _el$64;
+                      return _el$77;
                     })()), _$createComponent(Show, {
                       get when() {
                         return distOpen();
@@ -1227,37 +1488,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$69 = _$createElement("text"), _el$70 = _$createElement("span"), _el$71 = _$createElement("span"), _el$72 = _$createElement("b"), _el$73 = _$createElement("span"), _el$74 = _$createTextNode(` (`), _el$75 = _$createTextNode(`)`), _el$76 = _$createElement("span");
-                      _$insertNode(_el$69, _el$70);
-                      _$insertNode(_el$69, _el$71);
-                      _$insertNode(_el$69, _el$73);
-                      _$insertNode(_el$69, _el$76);
-                      _$setProp(_el$69, "onMouseUp", () => setSkillsOpen((o) => {
+                      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) => {
                         const n = !o;
                         persistFold("skills", n);
                         return n;
                       }));
-                      _$insert(_el$70, () => skillsOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$71, _el$72);
-                      _$insert(_el$72, () => t().secSkills);
-                      _$insertNode(_el$73, _el$74);
-                      _$insertNode(_el$73, _el$75);
-                      _$insert(_el$73, () => data().skills.length, _el$75);
-                      _$insert(_el$76, () => sep().slice(visualWidth((skillsOpen() ? "\u25BC " : "\u25B6 ") + t().secSkills + ` (${data().skills.length})`)));
+                      _$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})`)));
                       _$effect((_p$) => {
-                        var _v$19 = {
+                        var _v$25 = {
                           fg: pal().muted
-                        }, _v$20 = {
+                        }, _v$26 = {
                           fg: pal().primary
-                        }, _v$21 = {
+                        }, _v$27 = {
                           fg: pal().muted
-                        }, _v$22 = {
+                        }, _v$28 = {
                           fg: pal().muted
                         };
-                        _v$19 !== _p$.e && (_p$.e = _$setProp(_el$70, "style", _v$19, _p$.e));
-                        _v$20 !== _p$.t && (_p$.t = _$setProp(_el$71, "style", _v$20, _p$.t));
-                        _v$21 !== _p$.a && (_p$.a = _$setProp(_el$73, "style", _v$21, _p$.a));
-                        _v$22 !== _p$.o && (_p$.o = _$setProp(_el$76, "style", _v$22, _p$.o));
+                        _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));
                         return _p$;
                       }, {
                         e: void 0,
@@ -1265,7 +1526,7 @@ function TokenCachePanel(props) {
                         a: void 0,
                         o: void 0
                       });
-                      return _el$69;
+                      return _el$82;
                     })()), _$createComponent(Show, {
                       get when() {
                         return skillsOpen();
@@ -1276,10 +1537,10 @@ function TokenCachePanel(props) {
                           const maxLabel = Math.max(4, panelWidth() - gutter() - rightW - 1);
                           const label = truncateVisual(sk.name, maxLabel);
                           return (() => {
-                            var _el$77 = _$createElement("text");
-                            _$insert(_el$77, () => justify(label, fmt(sk.tokens), t().tok));
-                            _$effect((_$p) => _$setProp(_el$77, "fg", pal().muted, _$p));
-                            return _el$77;
+                            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;
                           })();
                         });
                       }
@@ -1287,19 +1548,138 @@ function TokenCachePanel(props) {
                   }
                 });
               }
+            }), _$createComponent(Show, {
+              get when() {
+                return sectionBalance();
+              },
+              get children() {
+                return [(() => {
+                  var _el$51 = _$createElement("text");
+                  _$insert(_el$51, sep);
+                  _$effect((_$p) => _$setProp(_el$51, "fg", pal().muted, _$p));
+                  return _el$51;
+                })(), _$createComponent(Show, {
+                  get when() {
+                    return balanceState().status === "idle";
+                  },
+                  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.replace("{p}", providerName()));
+                    _$effect((_p$) => {
+                      var _v$9 = pal().muted, _v$0 = {
+                        fg: pal().muted
+                      };
+                      _v$9 !== _p$.e && (_p$.e = _$setProp(_el$52, "fg", _v$9, _p$.e));
+                      _v$0 !== _p$.t && (_p$.t = _$setProp(_el$53, "style", _v$0, _p$.t));
+                      return _p$;
+                    }, {
+                      e: void 0,
+                      t: void 0
+                    });
+                    return _el$52;
+                  }
+                }), _$createComponent(Show, {
+                  get when() {
+                    return balanceState().status === "loading";
+                  },
+                  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;
+                        })();
+                      }
+                      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;
+                      })();
+                    })();
+                  }
+                })];
+              }
             })];
           }
         })];
       }
     }), null);
     _$effect((_p$) => {
-      var _v$9 = {
+      var _v$13 = {
         fg: pal().muted
-      }, _v$0 = {
+      }, _v$14 = {
         fg: pal().primary
       };
-      _v$9 !== _p$.e && (_p$.e = _$setProp(_el$3, "style", _v$9, _p$.e));
-      _v$0 !== _p$.t && (_p$.t = _$setProp(_el$4, "style", _v$0, _p$.t));
+      _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));
       return _p$;
     }, {
       e: void 0,
@@ -1342,6 +1722,11 @@ var tui = async (api) => {
   const [sectionModel, setSectionModel] = createSignal(true);
   const [sectionDist, setSectionDist] = createSignal(true);
   const [sectionSkills, setSectionSkills] = createSignal(true);
+  const [sectionBalance, setSectionBalance] = createSignal(true);
+  const [balanceRefresh, setBalanceRefresh] = createSignal(0);
+  const [balanceProviderId, setBalanceProviderId] = createSignal("deepseek");
+  const [autoBalance, setAutoBalance] = createSignal(true);
+  const [balanceCurrency, setBalanceCurrency] = createSignal("");
   const [borderVisible, setBorderVisible] = createSignal(true);
   const [langZH, setLangZH] = createSignal(LANG_ZH);
   const [overrideSessionId, setOverrideSessionId] = createSignal(void 0);
@@ -1360,6 +1745,16 @@ var tui = async (api) => {
     setSectionDist,
     sectionSkills,
     setSectionSkills,
+    sectionBalance,
+    setSectionBalance,
+    balanceRefresh,
+    setBalanceRefresh,
+    balanceProviderId,
+    setBalanceProviderId,
+    autoBalance,
+    setAutoBalance,
+    balanceCurrency,
+    setBalanceCurrency,
     borderVisible,
     setBorderVisible,
     overrideSessionId,
@@ -1367,6 +1762,56 @@ var tui = async (api) => {
   };
   api.slots.register(createSidebarSlot(api, signals));
   const KV_PREFIX = "cache_panel";
+  const providerOptionTitle = (p, current) => {
+    const zh = langZH();
+    const hasManual = !!api.kv.get(`${KV_PREFIX}.balance.${p.id}.key`, "");
+    const hasAuto = !hasManual && !!findOpencodeKey(api, p);
+    const mark = hasManual ? zh ? "\uFF08\u7528\u6237 key\uFF09" : " (user key)" : hasAuto ? zh ? "\uFF08OpenCode\uFF09" : " (OpenCode)" : zh ? "\uFF08\u672A\u914D\u7F6E\uFF09" : " (not set)";
+    return p.name + mark + (current && p.id === current ? " *" : "");
+  };
+  const promptBalanceKey = (dialog, provider) => {
+    const zh = langZH();
+    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$93 = _$createElement("text");
+        _$insert(_el$93, () => zh ? `\u8F93\u5165 ${provider.name} API Key \u4EE5\u663E\u793A\u8D26\u6237\u4F59\u989D\uFF08\u7559\u7A7A\u6E05\u9664\uFF09` : `Enter your ${provider.name} API key to show account balance (leave empty to clear)`);
+        return _el$93;
+      })(),
+      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: zh ? "API Key \u5DF2\u4FDD\u5B58\uFF0C\u6B63\u5728\u67E5\u8BE2\u4F59\u989D..." : "API Key saved, fetching balance..."
+          });
+        } else {
+          api.ui.toast({
+            message: zh ? "API Key \u5DF2\u6E05\u9664" : "API Key cleared"
+          });
+        }
+        dialog?.clear();
+      },
+      onCancel: () => dialog?.clear()
+    }));
+  };
   api.command?.register(() => [{
     title: "Cache: Set Currency",
     value: "cache.currency",
@@ -1388,6 +1833,8 @@ var tui = async (api) => {
           const defRate = DEFAULT_RATES[opt.value] ?? 1;
           api.kv.set(`${KV_PREFIX}.currency`, sym);
           api.kv.set(`${KV_PREFIX}.rate`, defRate);
+          api.kv.set(`${KV_PREFIX}.balance_currency`, opt.value);
+          signals.setBalanceCurrency(opt.value);
           signals.setCurrencySymbol(sym);
           signals.setExchangeRate(defRate);
           api.ui.toast({
@@ -1408,9 +1855,9 @@ var tui = async (api) => {
       dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
         title: "Exchange Rate",
         description: () => (() => {
-          var _el$78 = _$createElement("text");
-          _$insertNode(_el$78, _$createTextNode(`Enter the exchange rate from USD to your currency (e.g. 7.2 for CNY)`));
-          return _el$78;
+          var _el$94 = _$createElement("text");
+          _$insertNode(_el$94, _$createTextNode(`Enter the exchange rate from USD to your currency (e.g. 7.2 for CNY)`));
+          return _el$94;
         })(),
         placeholder: "1.0",
         get value() {
@@ -1441,6 +1888,7 @@ var tui = async (api) => {
       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 borderOn = Boolean(api.kv.get(`${KV_PREFIX}.border`, true));
       dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
         title: "Toggle Section",
@@ -1456,6 +1904,9 @@ var tui = async (api) => {
         }, {
           title: `Loaded Skills   [${skillsOn ? "ON" : "OFF"}]`,
           value: "skills"
+        }, {
+          title: `Balance         [${balanceOn ? "ON" : "OFF"}]`,
+          value: "balance"
         }, {
           title: `Panel Border    [${borderOn ? "ON" : "OFF"}]`,
           value: "border"
@@ -1476,6 +1927,7 @@ var tui = async (api) => {
             if (opt.value === "model") signals.setSectionModel(!cur);
             if (opt.value === "dist") signals.setSectionDist(!cur);
             if (opt.value === "skills") signals.setSectionSkills(!cur);
+            if (opt.value === "balance") signals.setSectionBalance(!cur);
             api.ui.toast({
               message: `${opt.value} section ${!cur ? "shown" : "hidden"}`
             });
@@ -1498,9 +1950,10 @@ var tui = async (api) => {
       const model = Boolean(api.kv.get(`${KV_PREFIX}.section.model`, true));
       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));
       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"}`,
+        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"}`,
         duration: 8e3
       });
       dialog?.clear();
@@ -1534,6 +1987,86 @@ var tui = async (api) => {
         }
       }));
     }
+  }, {
+    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"
+    },
+    onSelect: (dialog) => {
+      const zh = langZH();
+      const current = signals.balanceProviderId();
+      const auto = signals.autoBalance();
+      const autoLabel = auto ? zh ? "\u81EA\u52A8\u5207\u6362\u63D0\u4F9B\u5546 [\u5F00]" : "Auto-switch provider [ON]" : zh ? "\u81EA\u52A8\u5207\u6362\u63D0\u4F9B\u5546 [\u5173]" : "Auto-switch provider [OFF]";
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        title: zh ? "\u4F59\u989D\u63D0\u4F9B\u5546 / \u81EA\u52A8\u5207\u6362" : "Balance Provider / Auto-switch",
+        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 ? `\u81EA\u52A8\u5207\u6362\u4F59\u989D\u63D0\u4F9B\u5546: ${next ? "\u5F00" : "\u5173"}` : `Auto-switch balance provider: ${next ? "ON" : "OFF"}`
+            });
+            dialog?.clear();
+          } else {
+            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);
+            const hasKey = !!api.kv.get(`${KV_PREFIX}.balance.${provider.id}.key`, "");
+            if (!hasKey) {
+              promptBalanceKey(dialog, provider);
+            } else {
+              api.ui.toast({
+                message: zh ? `\u4F59\u989D\u63D0\u4F9B\u5546: ${provider.name}\uFF08\u81EA\u52A8\u5207\u6362\u5DF2\u5173\u95ED\uFF09` : `Balance provider: ${provider.name} (auto-switch off)`
+              });
+              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 zh = langZH();
+      dialog?.replace(() => _$createComponent(api.ui.DialogSelect, {
+        title: zh ? "\u9009\u62E9\u4F59\u989D\u63D0\u4F9B\u5546" : "Select Balance Provider",
+        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);
+        }
+      }));
+    }
   }, {
     title: "Cache: Debug Skills Detection",
     value: "cache.debug-skills",
@@ -1684,9 +2217,9 @@ var tui = async (api) => {
             return signals.overrideSessionId() ? zh ? "\u5207\u6362\u5B50\u4EE3\u7406" : "Switch Sub" : zh ? "\u67E5\u770B\u5B50\u4EE3\u7406\u7F13\u5B58" : "View Sub Cache";
           },
           description: () => (() => {
-            var _el$80 = _$createElement("text");
-            _$insert(_el$80, 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$80;
+            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;
           })(),
           placeholder: "ses_...",
           get value() {