opencode-visual-cache 1.2.16 → 1.4.0

package/dist/tui.js

@@ -13,7 +13,7 @@ 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.2.16";
+var PLUGIN_VERSION = "1.4.0";
 
 // src/index.tsx
 function charColumns(c) {
@@ -89,7 +89,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 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 +128,15 @@ var EN_T = {
   distOut: "Output:",
   secDetail: "Detail",
   secModel: "Model",
-  secSkills: "Loaded Skills"
+  secSkills: "Loaded Skills",
+  balTotal: "Total:",
+  balNoKey: "No API Key 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("#")) {
@@ -174,6 +190,14 @@ function desaturateTo(raw, maxSat, fallback) {
   const nb = Math.round(c.b + (luma - c.b) * hi);
   return "#" + [nr, ng, nb].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
 }
+function dimColor(hex, factor = 0.5) {
+  const c = rgb(hex);
+  if (!c) return hex;
+  const r = Math.round(c.r * factor);
+  const g = Math.round(c.g * factor);
+  const b = Math.round(c.b * factor);
+  return "#" + [r, g, b].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
+}
 var FALLBACK = {
   primary: "#8B9DAF",
   text: "#C5C5BB",
@@ -224,6 +248,38 @@ 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;
+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 balanceSymbol(currency) {
+  const sym = CURRENCIES[currency];
+  return sym ?? currency + " ";
+}
 var CURRENCIES = {
   USD: "$",
   CNY: "\xA5",
@@ -271,6 +327,11 @@ function TokenCachePanel(props) {
     setSectionDist,
     sectionSkills,
     setSectionSkills,
+    sectionBalance,
+    setSectionBalance,
+    balanceRefresh,
+    balanceCurrency,
+    setBalanceCurrency,
     borderVisible,
     setBorderVisible
   } = props.signals;
@@ -321,8 +382,83 @@ 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 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
+      });
+    }
+  };
+  createEffect(() => {
+    void balanceRefresh();
+    untrack(() => {
+      void pollBalance();
+    });
+  });
+  let lastMainSid = props.sessionId;
   createEffect(() => {
     const sid = props.sessionId;
+    if (sid !== lastMainSid) {
+      lastMainSid = sid;
+      if (props.signals.overrideSessionId()) {
+        props.signals.setOverrideSessionId(void 0);
+        props.api.kv.set(`${KV_PREFIX}.session`, "");
+      }
+    }
+  });
+  createEffect(() => {
+    const sid = props.signals.overrideSessionId() ?? props.sessionId;
     void refreshTick();
     void partVersion();
     const msgs = props.api.state.session.messages(sid);
@@ -551,10 +687,13 @@ 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);
         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`);
@@ -607,8 +746,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();
@@ -700,12 +841,11 @@ function TokenCachePanel(props) {
         return open();
       },
       get children() {
-        var _el$6 = _$createElement("span"), _el$7 = _$createTextNode(` (v`), _el$8 = _$createTextNode(`)`);
+        var _el$6 = _$createElement("span"), _el$7 = _$createTextNode(` v`);
         _$insertNode(_el$6, _el$7);
-        _$insertNode(_el$6, _el$8);
-        _$insert(_el$6, PLUGIN_VERSION, _el$8);
+        _$insert(_el$6, PLUGIN_VERSION, null);
         _$effect((_$p) => _$setProp(_el$6, "style", {
-          fg: pal().muted
+          fg: dimColor(pal().muted, 0.75)
         }, _$p));
         return _el$6;
       }
@@ -721,26 +861,26 @@ function TokenCachePanel(props) {
           },
           get children() {
             return [(() => {
-              var _el$9 = _$createElement("span");
-              _$insert(_el$9, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded + " " + trendLabel(data().trend)))));
-              return _el$9;
+              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)))));
+              return _el$8;
             })(), (() => {
-              var _el$0 = _$createElement("span"), _el$1 = _$createTextNode(` `);
-              _$insertNode(_el$0, _el$1);
-              _$insert(_el$0, pct, _el$1);
-              _$insert(_el$0, () => t().hitFolded, null);
-              _$effect((_$p) => _$setProp(_el$0, "style", {
+              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);
+              _$effect((_$p) => _$setProp(_el$9, "style", {
                 fg: hitColor()
               }, _$p));
-              return _el$0;
+              return _el$9;
             })(), (() => {
-              var _el$10 = _$createElement("span"), _el$11 = _$createTextNode(` `);
-              _$insertNode(_el$10, _el$11);
-              _$insert(_el$10, () => trendLabel(data().trend), null);
-              _$effect((_$p) => _$setProp(_el$10, "style", {
+              var _el$1 = _$createElement("span"), _el$10 = _$createTextNode(` `);
+              _$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
               }, _$p));
-              return _el$10;
+              return _el$1;
             })()];
           }
         }), _$createComponent(Show, {
@@ -749,18 +889,18 @@ function TokenCachePanel(props) {
           },
           get children() {
             return [(() => {
-              var _el$12 = _$createElement("span");
-              _$insert(_el$12, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded))));
-              return _el$12;
+              var _el$11 = _$createElement("span");
+              _$insert(_el$11, () => " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded))));
+              return _el$11;
             })(), (() => {
-              var _el$13 = _$createElement("span"), _el$14 = _$createTextNode(` `);
-              _$insertNode(_el$13, _el$14);
-              _$insert(_el$13, pct, _el$14);
-              _$insert(_el$13, () => t().hitFolded, null);
-              _$effect((_$p) => _$setProp(_el$13, "style", {
+              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);
+              _$effect((_$p) => _$setProp(_el$12, "style", {
                 fg: hitColor()
               }, _$p));
-              return _el$13;
+              return _el$12;
             })()];
           }
         })];
@@ -771,67 +911,98 @@ function TokenCachePanel(props) {
         return open();
       },
       get children() {
-        return _$createComponent(Show, {
+        return [_$createComponent(Show, {
+          get when() {
+            return props.signals.overrideSessionId();
+          },
+          get children() {
+            return (() => {
+              const prefix = "  \u21B3 " + (langZH() ? "\u5B50\u4EE3\u7406: " : "Sub: ");
+              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));
+                _$effect((_p$) => {
+                  var _v$15 = {
+                    fg: pal().muted
+                  }, _v$16 = {
+                    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));
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$64;
+              })();
+            })();
+          }
+        }), _$createComponent(Show, {
           get when() {
             return data().hasData;
           },
           get fallback() {
             return [(() => {
-              var _el$52 = _$createElement("text");
-              _$insert(_el$52, sep);
-              _$effect((_$p) => _$setProp(_el$52, "fg", pal().muted, _$p));
-              return _el$52;
+              var _el$67 = _$createElement("text");
+              _$insert(_el$67, sep);
+              _$effect((_$p) => _$setProp(_el$67, "fg", pal().muted, _$p));
+              return _el$67;
             })(), (() => {
-              var _el$53 = _$createElement("text"), _el$54 = _$createElement("span"), _el$56 = _$createElement("span");
-              _$insertNode(_el$53, _el$54);
-              _$insertNode(_el$53, _el$56);
-              _$insertNode(_el$54, _$createTextNode(`> `));
-              _$insert(_el$56, () => 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$1 = {
+                var _v$17 = {
                   fg: pal().muted
-                }, _v$10 = {
+                }, _v$18 = {
                   fg: pal().muted
                 };
-                _v$1 !== _p$.e && (_p$.e = _$setProp(_el$54, "style", _v$1, _p$.e));
-                _v$10 !== _p$.t && (_p$.t = _$setProp(_el$56, "style", _v$10, _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$53;
+              return _el$68;
             })()];
           },
           get children() {
             return [(() => {
-              var _el$15 = _$createElement("text");
-              _$insert(_el$15, sep);
-              _$effect((_$p) => _$setProp(_el$15, "fg", pal().muted, _$p));
-              return _el$15;
+              var _el$14 = _$createElement("text");
+              _$insert(_el$14, sep);
+              _$effect((_$p) => _$setProp(_el$14, "fg", pal().muted, _$p));
+              return _el$14;
             })(), (() => {
-              var _el$16 = _$createElement("text"), _el$17 = _$createElement("span"), _el$18 = _$createTextNode(` `), _el$19 = _$createElement("span"), _el$20 = _$createTextNode(`[`), _el$21 = _$createTextNode(`] `), _el$22 = _$createElement("span");
+              var _el$15 = _$createElement("text"), _el$16 = _$createElement("span"), _el$17 = _$createTextNode(` `), _el$18 = _$createElement("span"), _el$19 = _$createTextNode(`[`), _el$20 = _$createTextNode(`] `), _el$21 = _$createElement("span");
+              _$insertNode(_el$15, _el$16);
+              _$insertNode(_el$15, _el$18);
+              _$insertNode(_el$15, _el$21);
               _$insertNode(_el$16, _el$17);
-              _$insertNode(_el$16, _el$19);
-              _$insertNode(_el$16, _el$22);
-              _$insertNode(_el$17, _el$18);
-              _$insert(_el$17, () => t().hit, _el$18);
-              _$insertNode(_el$19, _el$20);
-              _$insertNode(_el$19, _el$21);
-              _$insert(_el$19, bar, _el$21);
-              _$insert(_el$22, pct);
-              _$insert(_el$16, _$createComponent(Show, {
+              _$insert(_el$16, () => t().hit, _el$17);
+              _$insertNode(_el$18, _el$19);
+              _$insertNode(_el$18, _el$20);
+              _$insert(_el$18, bar, _el$20);
+              _$insert(_el$21, pct);
+              _$insert(_el$15, _$createComponent(Show, {
                 get when() {
                   return data().hasTrendData;
                 },
                 get children() {
-                  var _el$23 = _$createElement("span"), _el$24 = _$createTextNode(` `);
-                  _$insertNode(_el$23, _el$24);
-                  _$insert(_el$23, () => trendLabel(data().trend), null);
-                  _$effect((_$p) => _$setProp(_el$23, "style", {
+                  var _el$22 = _$createElement("span"), _el$23 = _$createTextNode(` `);
+                  _$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
                   }, _$p));
-                  return _el$23;
+                  return _el$22;
                 }
               }), null);
               _$effect((_p$) => {
@@ -842,40 +1013,40 @@ function TokenCachePanel(props) {
                 }, _v$3 = {
                   fg: pal().text
                 };
-                _v$ !== _p$.e && (_p$.e = _$setProp(_el$17, "style", _v$, _p$.e));
-                _v$2 !== _p$.t && (_p$.t = _$setProp(_el$19, "style", _v$2, _p$.t));
-                _v$3 !== _p$.a && (_p$.a = _$setProp(_el$22, "style", _v$3, _p$.a));
+                _v$ !== _p$.e && (_p$.e = _$setProp(_el$16, "style", _v$, _p$.e));
+                _v$2 !== _p$.t && (_p$.t = _$setProp(_el$18, "style", _v$2, _p$.t));
+                _v$3 !== _p$.a && (_p$.a = _$setProp(_el$21, "style", _v$3, _p$.a));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
               });
-              return _el$16;
+              return _el$15;
             })(), (() => {
-              var _el$25 = _$createElement("text");
-              _$insert(_el$25, () => justify(t().totalHit, (Math.floor(data().sessionHitRate * 10) / 10).toFixed(1) + "%"));
-              _$effect((_$p) => _$setProp(_el$25, "fg", pal().muted, _$p));
-              return _el$25;
+              var _el$24 = _$createElement("text");
+              _$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, {
               get when() {
                 return sectionDetail();
               },
               get children() {
                 return [(() => {
-                  var _el$26 = _$createElement("text"), _el$27 = _$createElement("span"), _el$28 = _$createElement("span"), _el$29 = _$createElement("b"), _el$30 = _$createElement("span");
-                  _$insertNode(_el$26, _el$27);
-                  _$insertNode(_el$26, _el$28);
-                  _$insertNode(_el$26, _el$30);
-                  _$setProp(_el$26, "onMouseUp", () => setDetailOpen((o) => {
+                  var _el$25 = _$createElement("text"), _el$26 = _$createElement("span"), _el$27 = _$createElement("span"), _el$28 = _$createElement("b"), _el$29 = _$createElement("span");
+                  _$insertNode(_el$25, _el$26);
+                  _$insertNode(_el$25, _el$27);
+                  _$insertNode(_el$25, _el$29);
+                  _$setProp(_el$25, "onMouseUp", () => setDetailOpen((o) => {
                     const n = !o;
                     persistFold("detail", n);
                     return n;
                   }));
-                  _$insert(_el$27, () => detailOpen() ? "\u25BC " : "\u25B6 ");
-                  _$insertNode(_el$28, _el$29);
-                  _$insert(_el$29, () => t().secDetail);
-                  _$insert(_el$30, () => sep().slice(visualWidth((detailOpen() ? "\u25BC " : "\u25B6 ") + t().secDetail)));
+                  _$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)));
                   _$effect((_p$) => {
                     var _v$4 = {
                       fg: pal().muted
@@ -884,16 +1055,16 @@ function TokenCachePanel(props) {
                     }, _v$6 = {
                       fg: pal().muted
                     };
-                    _v$4 !== _p$.e && (_p$.e = _$setProp(_el$27, "style", _v$4, _p$.e));
-                    _v$5 !== _p$.t && (_p$.t = _$setProp(_el$28, "style", _v$5, _p$.t));
-                    _v$6 !== _p$.a && (_p$.a = _$setProp(_el$30, "style", _v$6, _p$.a));
+                    _v$4 !== _p$.e && (_p$.e = _$setProp(_el$26, "style", _v$4, _p$.e));
+                    _v$5 !== _p$.t && (_p$.t = _$setProp(_el$27, "style", _v$5, _p$.t));
+                    _v$6 !== _p$.a && (_p$.a = _$setProp(_el$29, "style", _v$6, _p$.a));
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0,
                     a: void 0
                   });
-                  return _el$26;
+                  return _el$25;
                 })(), _$createComponent(Show, {
                   get when() {
                     return detailOpen();
@@ -904,58 +1075,58 @@ function TokenCachePanel(props) {
                         return data().read > 0;
                       },
                       get children() {
-                        var _el$31 = _$createElement("text");
-                        _$insert(_el$31, () => justify(t().read, fmt(data().read), t().tok));
-                        _$effect((_$p) => _$setProp(_el$31, "fg", pal().muted, _$p));
-                        return _el$31;
+                        var _el$30 = _$createElement("text");
+                        _$insert(_el$30, () => justify(t().read, fmt(data().read), t().tok));
+                        _$effect((_$p) => _$setProp(_el$30, "fg", pal().muted, _$p));
+                        return _el$30;
                       }
                     }), _$createComponent(Show, {
                       get when() {
                         return data().write > 0;
                       },
                       get children() {
-                        var _el$32 = _$createElement("text");
-                        _$insert(_el$32, () => justify(t().write, fmt(data().write), t().tok));
-                        _$effect((_$p) => _$setProp(_el$32, "fg", pal().muted, _$p));
-                        return _el$32;
+                        var _el$31 = _$createElement("text");
+                        _$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));
+                      _$effect((_$p) => _$setProp(_el$32, "fg", pal().muted, _$p));
+                      return _el$32;
+                    })(), (() => {
                       var _el$33 = _$createElement("text");
-                      _$insert(_el$33, () => justify(t().miss, fmt(data().freshInput), 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;
-                    })(), (() => {
-                      var _el$34 = _$createElement("text");
-                      _$insert(_el$34, () => justify(t().out, fmt(data().output), t().tok));
-                      _$effect((_$p) => _$setProp(_el$34, "fg", pal().muted, _$p));
-                      return _el$34;
                     })(), _$createComponent(Show, {
                       get when() {
                         return data().saved > 0;
                       },
                       get children() {
-                        var _el$35 = _$createElement("text"), _el$36 = _$createElement("span"), _el$37 = _$createElement("span"), _el$38 = _$createElement("span"), _el$39 = _$createTextNode(`~`);
-                        _$insertNode(_el$35, _el$36);
-                        _$insertNode(_el$35, _el$37);
-                        _$insertNode(_el$35, _el$38);
-                        _$insert(_el$36, () => t().saved);
-                        _$insert(_el$37, () => " ".repeat(Math.max(1, panelWidth() - gutter() - visualWidth(t().saved) - visualWidth("~" + fmtCost(data().saved, currencySymbol(), exchangeRate())))));
-                        _$insertNode(_el$38, _el$39);
-                        _$insert(_el$38, () => fmtCost(data().saved, currencySymbol(), exchangeRate()), null);
+                        var _el$34 = _$createElement("text"), _el$35 = _$createElement("span"), _el$36 = _$createElement("span"), _el$37 = _$createElement("span"), _el$38 = _$createTextNode(`~`);
+                        _$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())))));
+                        _$insertNode(_el$37, _el$38);
+                        _$insert(_el$37, () => fmtCost(data().saved, currencySymbol(), exchangeRate()), null);
                         _$effect((_p$) => {
                           var _v$7 = {
                             fg: pal().muted
                           }, _v$8 = {
                             fg: pal().success
                           };
-                          _v$7 !== _p$.e && (_p$.e = _$setProp(_el$36, "style", _v$7, _p$.e));
-                          _v$8 !== _p$.t && (_p$.t = _$setProp(_el$38, "style", _v$8, _p$.t));
+                          _v$7 !== _p$.e && (_p$.e = _$setProp(_el$35, "style", _v$7, _p$.e));
+                          _v$8 !== _p$.t && (_p$.t = _$setProp(_el$37, "style", _v$8, _p$.t));
                           return _p$;
                         }, {
                           e: void 0,
                           t: void 0
                         });
-                        return _el$35;
+                        return _el$34;
                       }
                     })];
                   }
@@ -967,91 +1138,91 @@ function TokenCachePanel(props) {
               },
               get children() {
                 return [_$memo(() => (() => {
-                  var _el$57 = _$createElement("text"), _el$58 = _$createElement("span"), _el$59 = _$createElement("span"), _el$60 = _$createElement("b"), _el$61 = _$createElement("span");
-                  _$insertNode(_el$57, _el$58);
-                  _$insertNode(_el$57, _el$59);
-                  _$insertNode(_el$57, _el$61);
-                  _$setProp(_el$57, "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$58, () => modelOpen() ? "\u25BC " : "\u25B6 ");
-                  _$insertNode(_el$59, _el$60);
-                  _$insert(_el$60, () => t().secModel);
-                  _$insert(_el$61, () => 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$11 = {
+                    var _v$19 = {
                       fg: pal().muted
-                    }, _v$12 = {
+                    }, _v$20 = {
                       fg: pal().primary
-                    }, _v$13 = {
+                    }, _v$21 = {
                       fg: pal().muted
                     };
-                    _v$11 !== _p$.e && (_p$.e = _$setProp(_el$58, "style", _v$11, _p$.e));
-                    _v$12 !== _p$.t && (_p$.t = _$setProp(_el$59, "style", _v$12, _p$.t));
-                    _v$13 !== _p$.a && (_p$.a = _$setProp(_el$61, "style", _v$13, _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$57;
+                  return _el$72;
                 })()), _$createComponent(Show, {
                   get when() {
                     return modelOpen();
                   },
                   get children() {
                     return [(() => {
-                      var _el$40 = _$createElement("text");
-                      _$insert(_el$40, () => justify(t().cost, fmtCost(data().cost, currencySymbol(), exchangeRate())));
-                      _$effect((_$p) => _$setProp(_el$40, "fg", pal().text, _$p));
-                      return _el$40;
+                      var _el$39 = _$createElement("text");
+                      _$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, {
                       get when() {
                         return data().providerName;
                       },
                       get children() {
-                        var _el$41 = _$createElement("text");
-                        _$insert(_el$41, () => justify(t().provider, data().providerName));
-                        _$effect((_$p) => _$setProp(_el$41, "fg", pal().muted, _$p));
-                        return _el$41;
+                        var _el$40 = _$createElement("text");
+                        _$insert(_el$40, () => justify(t().provider, data().providerName));
+                        _$effect((_$p) => _$setProp(_el$40, "fg", pal().muted, _$p));
+                        return _el$40;
                       }
                     }), (() => {
-                      var _el$42 = _$createElement("text");
-                      _$insert(_el$42, () => justify(t().model, data().model));
-                      _$effect((_$p) => _$setProp(_el$42, "fg", pal().muted, _$p));
-                      return _el$42;
+                      var _el$41 = _$createElement("text");
+                      _$insert(_el$41, () => justify(t().model, data().model));
+                      _$effect((_$p) => _$setProp(_el$41, "fg", pal().muted, _$p));
+                      return _el$41;
                     })(), _$createComponent(Show, {
                       get when() {
                         return data().hasPricing;
                       },
                       get children() {
                         return [(() => {
-                          var _el$43 = _$createElement("text");
-                          _$insert(_el$43, () => justify(t().rate, currencySymbol() + (data().inputRate * exchangeRate()).toFixed(2) + "/M " + t().inputRate));
-                          _$effect((_$p) => _$setProp(_el$43, "fg", pal().muted, _$p));
-                          return _el$43;
+                          var _el$42 = _$createElement("text");
+                          _$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, {
                           get when() {
                             return data().cacheReadRate > 0;
                           },
                           get children() {
-                            var _el$44 = _$createElement("text");
-                            _$insert(_el$44, () => justify("", currencySymbol() + (data().cacheReadRate * exchangeRate()).toFixed(2) + "/M " + t().cacheRate));
-                            _$effect((_$p) => _$setProp(_el$44, "fg", pal().muted, _$p));
-                            return _el$44;
+                            var _el$43 = _$createElement("text");
+                            _$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;
                           }
                         }), _$createComponent(Show, {
                           get when() {
                             return data().cacheWriteRate > 0;
                           },
                           get children() {
-                            var _el$45 = _$createElement("text");
-                            _$insert(_el$45, () => justify("", currencySymbol() + (data().cacheWriteRate * exchangeRate()).toFixed(2) + "/M " + t().writeRate));
-                            _$effect((_$p) => _$setProp(_el$45, "fg", pal().muted, _$p));
-                            return _el$45;
+                            var _el$44 = _$createElement("text");
+                            _$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;
                           }
                         })];
                       }
@@ -1070,37 +1241,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$62 = _$createElement("text"), _el$63 = _$createElement("span"), _el$64 = _$createElement("span"), _el$65 = _$createElement("b"), _el$66 = _$createElement("span");
-                      _$insertNode(_el$62, _el$63);
-                      _$insertNode(_el$62, _el$64);
-                      _$insertNode(_el$62, _el$66);
-                      _$setProp(_el$62, "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$63, () => distOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$64, _el$65);
-                      _$insert(_el$65, () => t().distTitle);
-                      _$insert(_el$66, () => 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$14 = {
+                        var _v$22 = {
                           fg: pal().muted
-                        }, _v$15 = {
+                        }, _v$23 = {
                           fg: pal().primary
-                        }, _v$16 = {
+                        }, _v$24 = {
                           fg: pal().muted
                         };
-                        _v$14 !== _p$.e && (_p$.e = _$setProp(_el$63, "style", _v$14, _p$.e));
-                        _v$15 !== _p$.t && (_p$.t = _$setProp(_el$64, "style", _v$15, _p$.t));
-                        _v$16 !== _p$.a && (_p$.a = _$setProp(_el$66, "style", _v$16, _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$62;
+                      return _el$77;
                     })()), _$createComponent(Show, {
                       get when() {
                         return distOpen();
@@ -1110,57 +1281,57 @@ function TokenCachePanel(props) {
                           get when() {
                             return data().dist.system > 0;
                           },
+                          get children() {
+                            var _el$45 = _$createElement("text");
+                            _$insert(_el$45, () => justify(t().distSys, fmt(data().dist.system), t().tok));
+                            _$effect((_$p) => _$setProp(_el$45, "fg", pal().muted, _$p));
+                            return _el$45;
+                          }
+                        }), _$createComponent(Show, {
+                          get when() {
+                            return data().dist.user > 0;
+                          },
                           get children() {
                             var _el$46 = _$createElement("text");
-                            _$insert(_el$46, () => justify(t().distSys, fmt(data().dist.system), 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;
                           }
                         }), _$createComponent(Show, {
                           get when() {
-                            return data().dist.user > 0;
+                            return data().dist.agent > 0;
                           },
                           get children() {
                             var _el$47 = _$createElement("text");
-                            _$insert(_el$47, () => justify(t().distUser, fmt(data().dist.user), 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;
                           }
                         }), _$createComponent(Show, {
                           get when() {
-                            return data().dist.agent > 0;
+                            return data().dist.toolCall > 0;
                           },
                           get children() {
                             var _el$48 = _$createElement("text");
-                            _$insert(_el$48, () => justify(t().distAgent, fmt(data().dist.agent), 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;
                           }
                         }), _$createComponent(Show, {
                           get when() {
-                            return data().dist.toolCall > 0;
+                            return data().dist.toolResult > 0;
                           },
                           get children() {
                             var _el$49 = _$createElement("text");
-                            _$insert(_el$49, () => justify(t().distTool, fmt(data().dist.toolCall), 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;
                           }
-                        }), _$createComponent(Show, {
-                          get when() {
-                            return data().dist.toolResult > 0;
-                          },
-                          get children() {
-                            var _el$50 = _$createElement("text");
-                            _$insert(_el$50, () => justify(t().distRes, fmt(data().dist.toolResult), t().tok));
-                            _$effect((_$p) => _$setProp(_el$50, "fg", pal().muted, _$p));
-                            return _el$50;
-                          }
                         }), (() => {
-                          var _el$51 = _$createElement("text");
-                          _$insert(_el$51, () => justify(t().distTotal, fmt(data().dist.apiInput), t().tok));
-                          _$effect((_$p) => _$setProp(_el$51, "fg", pal().text, _$p));
-                          return _el$51;
+                          var _el$50 = _$createElement("text");
+                          _$insert(_el$50, () => justify(t().distTotal, fmt(data().dist.apiInput), t().tok));
+                          _$effect((_$p) => _$setProp(_el$50, "fg", pal().text, _$p));
+                          return _el$50;
                         })()];
                       }
                     })];
@@ -1178,37 +1349,37 @@ function TokenCachePanel(props) {
                   },
                   get children() {
                     return [_$memo(() => (() => {
-                      var _el$67 = _$createElement("text"), _el$68 = _$createElement("span"), _el$69 = _$createElement("span"), _el$70 = _$createElement("b"), _el$71 = _$createElement("span"), _el$72 = _$createTextNode(` (`), _el$73 = _$createTextNode(`)`), _el$74 = _$createElement("span");
-                      _$insertNode(_el$67, _el$68);
-                      _$insertNode(_el$67, _el$69);
-                      _$insertNode(_el$67, _el$71);
-                      _$insertNode(_el$67, _el$74);
-                      _$setProp(_el$67, "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$68, () => skillsOpen() ? "\u25BC " : "\u25B6 ");
-                      _$insertNode(_el$69, _el$70);
-                      _$insert(_el$70, () => t().secSkills);
-                      _$insertNode(_el$71, _el$72);
-                      _$insertNode(_el$71, _el$73);
-                      _$insert(_el$71, () => data().skills.length, _el$73);
-                      _$insert(_el$74, () => 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$17 = {
+                        var _v$25 = {
                           fg: pal().muted
-                        }, _v$18 = {
+                        }, _v$26 = {
                           fg: pal().primary
-                        }, _v$19 = {
+                        }, _v$27 = {
                           fg: pal().muted
-                        }, _v$20 = {
+                        }, _v$28 = {
                           fg: pal().muted
                         };
-                        _v$17 !== _p$.e && (_p$.e = _$setProp(_el$68, "style", _v$17, _p$.e));
-                        _v$18 !== _p$.t && (_p$.t = _$setProp(_el$69, "style", _v$18, _p$.t));
-                        _v$19 !== _p$.a && (_p$.a = _$setProp(_el$71, "style", _v$19, _p$.a));
-                        _v$20 !== _p$.o && (_p$.o = _$setProp(_el$74, "style", _v$20, _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,
@@ -1216,7 +1387,7 @@ function TokenCachePanel(props) {
                         a: void 0,
                         o: void 0
                       });
-                      return _el$67;
+                      return _el$82;
                     })()), _$createComponent(Show, {
                       get when() {
                         return skillsOpen();
@@ -1227,10 +1398,10 @@ function TokenCachePanel(props) {
                           const maxLabel = Math.max(4, panelWidth() - gutter() - rightW - 1);
                           const label = truncateVisual(sk.name, maxLabel);
                           return (() => {
-                            var _el$75 = _$createElement("text");
-                            _$insert(_el$75, () => justify(label, fmt(sk.tokens), t().tok));
-                            _$effect((_$p) => _$setProp(_el$75, "fg", pal().muted, _$p));
-                            return _el$75;
+                            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;
                           })();
                         });
                       }
@@ -1238,19 +1409,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);
+                    _$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,
@@ -1260,10 +1550,18 @@ function TokenCachePanel(props) {
   })();
 }
 function createSidebarSlot(api, signals) {
+  let lastSlotSid = "";
   return {
     order: 55,
     slots: {
       sidebar_content(ctx, input) {
+        if (input.session_id !== lastSlotSid) {
+          lastSlotSid = input.session_id;
+          if (signals.overrideSessionId()) {
+            signals.setOverrideSessionId(void 0);
+            api.kv.set("cache_panel.session", "");
+          }
+        }
         return _$createComponent(TokenCachePanel, {
           get theme() {
             return ctx.theme.current;
@@ -1285,8 +1583,12 @@ 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 [balanceCurrency, setBalanceCurrency] = createSignal("");
   const [borderVisible, setBorderVisible] = createSignal(true);
   const [langZH, setLangZH] = createSignal(LANG_ZH);
+  const [overrideSessionId, setOverrideSessionId] = createSignal(void 0);
   const signals = {
     currencySymbol,
     setCurrencySymbol,
@@ -1302,8 +1604,16 @@ var tui = async (api) => {
     setSectionDist,
     sectionSkills,
     setSectionSkills,
+    sectionBalance,
+    setSectionBalance,
+    balanceRefresh,
+    setBalanceRefresh,
+    balanceCurrency,
+    setBalanceCurrency,
     borderVisible,
-    setBorderVisible
+    setBorderVisible,
+    overrideSessionId,
+    setOverrideSessionId
   };
   api.slots.register(createSidebarSlot(api, signals));
   const KV_PREFIX = "cache_panel";
@@ -1328,6 +1638,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({
@@ -1348,9 +1660,9 @@ var tui = async (api) => {
       dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
         title: "Exchange Rate",
         description: () => (() => {
-          var _el$76 = _$createElement("text");
-          _$insertNode(_el$76, _$createTextNode(`Enter the exchange rate from USD to your currency (e.g. 7.2 for CNY)`));
-          return _el$76;
+          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;
         })(),
         placeholder: "1.0",
         get value() {
@@ -1381,6 +1693,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",
@@ -1396,6 +1709,9 @@ var tui = async (api) => {
         }, {
           title: `Loaded Skills   [${skillsOn ? "ON" : "OFF"}]`,
           value: "skills"
+        }, {
+          title: `DS Balance      [${balanceOn ? "ON" : "OFF"}]`,
+          value: "balance"
         }, {
           title: `Panel Border    [${borderOn ? "ON" : "OFF"}]`,
           value: "border"
@@ -1416,6 +1732,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"}`
             });
@@ -1438,9 +1755,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();
@@ -1474,6 +1792,59 @@ var tui = async (api) => {
         }
       }));
     }
+  }, {
+    title: "Cache: Set DeepSeek API Key",
+    value: "cache.balance.key",
+    description: "Set or update the DeepSeek API key for balance display",
+    slash: {
+      name: "cache-balance-key"
+    },
+    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) {
+            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()
+      }));
+    }
   }, {
     title: "Cache: Debug Skills Detection",
     value: "cache.debug-skills",
@@ -1521,6 +1892,147 @@ var tui = async (api) => {
         duration: 15e3
       });
     }
+  }, {
+    title: "Cache: Sub-Agent Stats",
+    value: "cache.session",
+    description: "View token cache statistics for a sub-agent by session ID",
+    slash: {
+      name: "cache-session"
+    },
+    onSelect: (dialog) => {
+      const rt = api.route.current;
+      const parentSid = rt.name === "session" && rt.params ? String(rt.params.sessionID) : "";
+      const SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "delegate", "call_omo_agent"]);
+      const children = [];
+      if (parentSid) {
+        try {
+          const msgs = api.state.session.messages(parentSid);
+          for (const msg of msgs) {
+            if (msg.role !== "assistant") continue;
+            let parts = [];
+            try {
+              parts = api.state.part(msg.id);
+            } catch {
+            }
+            for (const p of parts) {
+              if (p.type !== "tool") continue;
+              const tool = String(p.tool ?? "");
+              if (!SUBAGENT_TOOLS.has(tool)) continue;
+              const st = p.state;
+              const stMeta = st?.metadata;
+              const subSid = stMeta?.session_id ?? stMeta?.sessionId;
+              if (!subSid) continue;
+              const sidStr = String(subSid);
+              const input = st?.input;
+              const agent = String(p.subagent_type ?? input?.subagent_type ?? input?.category ?? tool);
+              const prompt = String(input?.prompt ?? "");
+              const desc = input?.description ? String(input.description) : "";
+              const title = desc || prompt.replace(/\n/g, " ").replace(/\s+/g, " ").trim().slice(0, 40) || agent;
+              children.push({
+                title,
+                value: sidStr,
+                description: `${agent} \xB7 ${sidStr.slice(0, 24)}\u2026`
+              });
+            }
+          }
+        } catch {
+        }
+      }
+      const seen = /* @__PURE__ */ new Set();
+      const unique = children.filter((c) => {
+        if (seen.has(c.value)) return false;
+        seen.add(c.value);
+        return true;
+      });
+      if (unique.length > 0) {
+        const zh = langZH();
+        const currentSid = signals.overrideSessionId() ?? api.kv.get(`${KV_PREFIX}.session`, "");
+        const options = unique.map((c, i) => ({
+          title: `${i + 1}. ${c.title}`,
+          value: c.value,
+          description: c.description
+        }));
+        const backValue = "__main__";
+        const backTitle = `\u2500 ${zh ? "\u56DE\u5230\u4E3B\u4F1A\u8BDD" : "Back to Main"}`;
+        options.unshift({
+          title: backTitle,
+          value: backValue,
+          description: ""
+        });
+        options.push({
+          title: backTitle,
+          value: backValue,
+          description: ""
+        });
+        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",
+          options,
+          get current() {
+            return currentIdx >= 0 ? options[currentIdx].value : void 0;
+          },
+          onSelect: (opt) => {
+            if (opt.value === backValue) {
+              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"
+              });
+            } 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"
+              });
+            }
+            dialog?.clear();
+          }
+        }));
+      } else {
+        const zh = langZH();
+        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";
+          },
+          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;
+          })(),
+          placeholder: "ses_...",
+          get value() {
+            return signals.overrideSessionId() ?? api.kv.get(`${KV_PREFIX}.session`, "") ?? "";
+          },
+          onConfirm: (val) => {
+            const sid = val.trim();
+            if (sid) {
+              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"
+              });
+            }
+            dialog?.clear();
+          },
+          onCancel: () => dialog?.clear()
+        }));
+      }
+    }
+  }, {
+    title: "Cache: Back to Main",
+    value: "cache.session.back",
+    description: "Return to main session stats",
+    slash: {
+      name: "cache-session-back"
+    },
+    onSelect: (dialog) => {
+      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"
+      });
+      dialog?.clear();
+    }
   }]);
 };
 var mod = {