opencode-visual-cache 1.2.16 → 1.4.0

package/README.md

@@ -50,7 +50,8 @@
 - **折叠记忆**：折叠状态持久化，重启后保持
 - **语言适配**：自动检测系统语言，支持 `/cache-lang` 运行时切换中/英文，偏好持久化
 - **多币种**：通过 `/cache-currency` 切换货币，费用和节省同步换算
-- **斜杠命令**：`/cache-rate` `/cache-section` `/cache-config` `/cache-lang` 动态配置面板
+- **斜杠命令**：`/cache-session` `/cache-session-back` `/cache-rate` `/cache-section` `/cache-config` `/cache-lang` 动态配置面板
+- **子代理缓存查看**：`/cache-session` 自动扫描并列出子代理，选择一个即可切换面板显示其缓存统计，支持 `/cache-session-back` 返回主会话
 - **已加载技能**：检测 session 中 LLM 调用 `skill` tool 的记录，展示已加载技能名及估算 Token 占用
 
 ---
@@ -100,6 +101,8 @@ npm install -g opencode-visual-cache@latest
 
 | 命令 | 功能 | 使用方式 |
 |------|------|---------|
+| `/cache-session` | 查看子代理缓存统计 | 自动列出子代理供选择，或手动粘贴 Session ID 切换面板数据源 |
+| `/cache-session-back` | 返回主会话统计 | 从子代理缓存视图切回主会话 |
 | `/cache-currency` | 切换货币单位 | 从列表选择货币（USD / CNY / EUR / JPY / GBP / KRW），自动填入默认汇率 |
 | `/cache-rate` | 调整汇率乘数 | 输入自定义汇率（如 `7.2`），用于费用换算 |
 | `/cache-section` | 开关区块与边框 | 独立控制 Token 明细 / 模型与定价 / 估算 Token 分布 / 已加载技能 / 面板边框的显隐 |

package/README_EN.md

@@ -50,7 +50,8 @@ Interested in sub-agent monitoring? Check out [opencode-subagent-magazine](https
 - **Persistent State**: Fold preferences and config remembered across restarts via api.kv
 - **Language**: Auto-detects system locale, with `/cache-lang` for runtime switching between Chinese and English — preference persisted across restarts
 - **Multi-currency**: Switch via `/cache-currency` — costs, savings, and per-million rates convert in real time
-- **Slash Commands**: `/cache-rate` `/cache-section` `/cache-config` `/cache-lang` for live panel configuration
+- **Slash Commands**: `/cache-session` `/cache-session-back` `/cache-rate` `/cache-section` `/cache-config` `/cache-lang` for live panel configuration
+- **Sub-Agent Cache View**: `/cache-session` auto-scans and lists sub-agents; select one to switch the panel stats. Use `/cache-session-back` to return to the main session
 - **Loaded Skills**: Detects `skill` tool calls in the session and displays loaded skill names with estimated token footprint
 
 ---
@@ -100,6 +101,8 @@ The plugin supports slash commands and command palette (`Ctrl + P`) for runtime
 
 | Command | Function | How to use |
 |---------|----------|------------|
+| `/cache-session` | View sub-agent cache stats | Lists sub-agents automatically, or paste a Session ID to switch the panel data source |
+| `/cache-session-back` | Return to main session | Switch back to main session from sub-agent cache view |
 | `/cache-currency` | Switch currency | Pick from a list (USD / CNY / EUR / JPY / GBP / KRW); default exchange rate auto-filled |
 | `/cache-rate` | Adjust exchange rate | Enter a custom rate (e.g. `7.2` for CNY) |
 | `/cache-section` | Toggle sections & border | Independently show/hide Detail, Model & Pricing, Token Distribution, Loaded Skills, or the panel border |

package/dist/_version.d.ts

@@ -1 +1 @@
-export declare const PLUGIN_VERSION = "1.2.16";
+export declare const PLUGIN_VERSION = "1.4.0";

package/dist/_version.js

@@ -1,2 +1,2 @@
 // auto-generated
-export const PLUGIN_VERSION = "1.2.16";
+export const PLUGIN_VERSION = "1.4.0";

package/dist/index.js

@@ -94,6 +94,14 @@ const ZH_T = {
     secDetail: "明细",
     secModel: "模型",
     secSkills: "已加载技能",
+    balTotal: "总余额:",
+    balNoKey: "未配置 API Key",
+    balLoading: "查询中...",
+    balError: "查询失败",
+    balErr401: "API Key 无效",
+    balErr403: "余额查询被拒绝",
+    balErrEmpty: "未获取到余额数据",
+    balErrTimeout: "查询超时",
 };
 const EN_T = {
     title: "Token Cache",
@@ -125,6 +133,14 @@ const EN_T = {
     secDetail: "Detail",
     secModel: "Model",
     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",
 };
 // ── color helpers ────────────────────────────────────────────────
 /** Extract { r, g, b } (0–255) from a hex string or RGBA-like object. */
@@ -202,6 +218,16 @@ 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("");
 }
+/** Darken a hex colour by multiplying each channel by `factor` (0–1). */
+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("");
+}
 // Morandi fallbacks — used when a theme colour cannot be resolved
 const FALLBACK = {
     primary: "#8B9DAF",
@@ -289,6 +315,44 @@ function estimateTokens(text) {
     const asciiPerToken = jsonLike ? 3.5 : codeLike ? 3.5 : 4;
     return Math.max(1, Math.ceil(ascii / asciiPerToken + cjk / 1.0));
 }
+const BALANCE_POLL_MS = 5 * 60 * 1000; // 5 minutes
+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",
+    }));
+}
+/**
+ * 将余额从来源币种换算为目标币种。
+ * DEFAULT_RATES 以 USD=1 为基准：先折算为 USD，再换算到目标币种。
+ */
+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;
+}
+/** 货币符号：优先取 /cache-currency 内置映射，未知币种回退为代码。 */
+function balanceSymbol(currency) {
+    const sym = CURRENCIES[currency];
+    return sym ?? currency + " ";
+}
 const CURRENCIES = {
     USD: "$", CNY: "¥", EUR: "€", JPY: "JP¥", GBP: "£", KRW: "₩",
 };
@@ -315,7 +379,7 @@ function TokenCachePanel(props) {
     const [skillsOpen, setSkillsOpen] = createSignal(true);
     let boxEl;
     // ── shared signals (de-structured so internal code is unchanged) ──
-    const { currencySymbol, setCurrencySymbol, exchangeRate, setExchangeRate, langZH, setLangZH, sectionDetail, setSectionDetail, sectionModel, setSectionModel, sectionDist, setSectionDist, sectionSkills, setSectionSkills, borderVisible, setBorderVisible, } = props.signals;
+    const { currencySymbol, setCurrencySymbol, exchangeRate, setExchangeRate, langZH, setLangZH, sectionDetail, setSectionDetail, sectionModel, setSectionModel, sectionDist, setSectionDist, sectionSkills, setSectionSkills, sectionBalance, setSectionBalance, balanceRefresh, balanceCurrency, setBalanceCurrency, borderVisible, setBorderVisible, } = props.signals;
     // ── reactive translation (follows langZH signal) ──
     const t = createMemo(() => langZH() ? ZH_T : EN_T);
     // ── scan session messages reactively ──
@@ -342,8 +406,66 @@ function TokenCachePanel(props) {
         hasSkills: false,
     });
     const [refreshTick, setRefreshTick] = createSignal(0);
+    // ── balance state + polling ──────────────────────────────────
+    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: undefined, key: undefined });
+            return;
+        }
+        const now = Date.now();
+        const prev = balanceState();
+        // key 已更换（重新输入）→ 强制重新查询，绕过缓存
+        if (prev.status === "ok" && prev.key === key && now - prev.lastFetch < BALANCE_POLL_MS)
+            return; // cache still fresh
+        const seq = ++balanceSeq;
+        setBalanceState({ ...prev, status: "loading", error: undefined, key });
+        const controller = new AbortController();
+        let timedOut = false;
+        const timer = setTimeout(() => { timedOut = true; controller.abort(); }, 10_000);
+        try {
+            const data = await fetchDeepSeekBalance(key, controller.signal);
+            clearTimeout(timer);
+            if (seq !== balanceSeq)
+                return; // 已被更新的请求取代，丢弃过期结果
+            setBalanceState({ status: "ok", data, lastFetch: Date.now(), error: undefined, 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 });
+        }
+    };
+    // Re-fetch when the API key is (re)configured via /cache-balance-key.
+    // 注意：pollBalance 内部读写 balanceState 信号，若不做 untrack 包裹，
+    // effect 会追踪 balanceState 的变化并与 pollBalance 的 setBalanceState
+    // 形成无限循环（每次重跑都发起新的 fetch 请求）。
+    createEffect(() => {
+        void balanceRefresh();
+        untrack(() => { void pollBalance(); });
+    });
+    // ── auto-clear override when the user navigates to a different main session ──
+    let lastMainSid = props.sessionId;
     createEffect(() => {
         const sid = props.sessionId;
+        if (sid !== lastMainSid) {
+            lastMainSid = sid;
+            if (props.signals.overrideSessionId()) {
+                props.signals.setOverrideSessionId(undefined);
+                props.api.kv.set(`${KV_PREFIX}.session`, "");
+            }
+        }
+    });
+    createEffect(() => {
+        const sid = props.signals.overrideSessionId() ?? props.sessionId;
         void refreshTick();
         void partVersion();
         // 自然追踪 messages 和 provider（SDK 数据就绪时自动重新执行）
@@ -580,10 +702,14 @@ function TokenCachePanel(props) {
                     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);
                 // Restore language preference
@@ -641,7 +767,8 @@ function TokenCachePanel(props) {
         const unsubMsg = props.api.event.on("message.updated", () => { bumpPartVersion(); setRefreshTick(v => v + 1); });
         const unsubSession = props.api.event.on("session.updated", () => { setRefreshTick(v => v + 1); });
         setRefreshTick(v => v + 1);
-        onCleanup(() => { clearTimeout(partTimer); unsubPart(); unsubMsg(); unsubSession(); });
+        const balanceTimer = setInterval(pollBalance, BALANCE_POLL_MS);
+        onCleanup(() => { clearTimeout(partTimer); clearInterval(balanceTimer); unsubPart(); unsubMsg(); unsubSession(); });
     });
     // ── colours ──
     // Pull from the current theme, auto-desaturate if too punchy,
@@ -701,21 +828,63 @@ function TokenCachePanel(props) {
             // boxEl.width may be undefined before the first measurement — guard with 0
             const w = boxEl ? Math.max(MIN_PANEL_WIDTH, boxEl.width ?? 0) : DEFAULT_PANEL_WIDTH;
             setPanelWidth((prev) => (prev === w ? prev : w));
-        }, children: [_jsxs("text", { onMouseUp: () => setOpen((o) => { const n = !o; persistFold("open", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: open() ? "\u25bc " : "\u25b6 " }), _jsxs("span", { style: { fg: pal().primary }, children: [_jsx("b", { children: t().title }), _jsx(Show, { when: open(), children: _jsxs("span", { style: { fg: pal().muted }, children: [" (v", PLUGIN_VERSION, ")"] }) })] }), _jsxs(Show, { when: !open() && data().hasData, children: [_jsxs(Show, { when: data().hasTrendData, children: [_jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded + " " + trendLabel(data().trend)))) }), _jsxs("span", { style: { fg: hitColor() }, children: [pct(), " ", t().hitFolded] }), _jsxs("span", { style: { fg: data().trend !== 0 ? (data().trend > 0 ? pal().success : pal().error) : pal().text }, children: [" ", trendLabel(data().trend)] })] }), _jsxs(Show, { when: !data().hasTrendData, children: [_jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded))) }), _jsxs("span", { style: { fg: hitColor() }, children: [pct(), " ", t().hitFolded] })] })] })] }), _jsx(Show, { when: open(), children: _jsxs(Show, { when: data().hasData, fallback: _jsxs(_Fragment, { children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsxs("text", { children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { style: { fg: pal().muted }, children: t().noData })] })] }), children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsxs("text", { children: [_jsxs("span", { style: { fg: pal().text }, children: [t().hit, " "] }), _jsxs("span", { style: { fg: hitColor() }, children: ["[", bar(), "] "] }), _jsx("span", { style: { fg: pal().text }, children: pct() }), _jsx(Show, { when: data().hasTrendData, children: _jsxs("span", { style: { fg: data().trend !== 0 ? (data().trend > 0 ? pal().success : pal().error) : pal().text }, children: [" ", trendLabel(data().trend)] }) })] }), _jsx("text", { fg: pal().muted, children: justify(t().totalHit, (Math.floor(data().sessionHitRate * 10) / 10).toFixed(1) + "%") }), _jsxs(Show, { when: sectionDetail(), children: [_jsxs("text", { onMouseUp: () => setDetailOpen((o) => { const n = !o; persistFold("detail", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: detailOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secDetail }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((detailOpen() ? "\u25bc " : "\u25b6 ") + t().secDetail)) })] }), _jsxs(Show, { when: detailOpen(), children: [_jsx(Show, { when: data().read > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().read, fmt(data().read), t().tok) }) }), _jsx(Show, { when: data().write > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().write, fmt(data().write), t().tok) }) }), _jsx("text", { fg: pal().muted, children: justify(t().miss, fmt(data().freshInput), t().tok) }), _jsx("text", { fg: pal().muted, children: justify(t().out, fmt(data().output), t().tok) }), _jsx(Show, { when: data().saved > 0, children: _jsxs("text", { children: [_jsx("span", { style: { fg: pal().muted }, children: t().saved }), _jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - visualWidth(t().saved) - visualWidth("~" + fmtCost(data().saved, currencySymbol(), exchangeRate())))) }), _jsxs("span", { style: { fg: pal().success }, children: ["~", fmtCost(data().saved, currencySymbol(), exchangeRate())] })] }) })] })] }), _jsxs(Show, { when: sectionModel(), children: [_jsxs("text", { onMouseUp: () => setModelOpen((o) => { const n = !o; persistFold("model", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: modelOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secModel }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((modelOpen() ? "\u25bc " : "\u25b6 ") + t().secModel)) })] }), _jsxs(Show, { when: modelOpen(), children: [_jsx("text", { fg: pal().text, children: justify(t().cost, fmtCost(data().cost, currencySymbol(), exchangeRate())) }), _jsx(Show, { when: data().providerName, children: _jsx("text", { fg: pal().muted, children: justify(t().provider, data().providerName) }) }), _jsx("text", { fg: pal().muted, children: justify(t().model, data().model) }), _jsxs(Show, { when: data().hasPricing, children: [_jsx("text", { fg: pal().muted, children: justify(t().rate, currencySymbol() + (data().inputRate * exchangeRate()).toFixed(2) + "/M " + t().inputRate) }), _jsx(Show, { when: data().cacheReadRate > 0, children: _jsx("text", { fg: pal().muted, children: justify("", currencySymbol() + (data().cacheReadRate * exchangeRate()).toFixed(2) + "/M " + t().cacheRate) }) }), _jsx(Show, { when: data().cacheWriteRate > 0, children: _jsx("text", { fg: pal().muted, children: justify("", currencySymbol() + (data().cacheWriteRate * exchangeRate()).toFixed(2) + "/M " + t().writeRate) }) })] })] })] }), _jsx(Show, { when: sectionDist(), children: _jsxs(Show, { when: data().hasDistData, children: [_jsxs("text", { onMouseUp: () => setDistOpen((o) => { const n = !o; persistFold("dist", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: distOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().distTitle }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((distOpen() ? "\u25bc " : "\u25b6 ") + t().distTitle)) })] }), _jsxs(Show, { when: distOpen(), children: [_jsx(Show, { when: data().dist.system > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distSys, fmt(data().dist.system), t().tok) }) }), _jsx(Show, { when: data().dist.user > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distUser, fmt(data().dist.user), t().tok) }) }), _jsx(Show, { when: data().dist.agent > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distAgent, fmt(data().dist.agent), t().tok) }) }), _jsx(Show, { when: data().dist.toolCall > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distTool, fmt(data().dist.toolCall), t().tok) }) }), _jsx(Show, { when: data().dist.toolResult > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distRes, fmt(data().dist.toolResult), t().tok) }) }), _jsx("text", { fg: pal().text, children: justify(t().distTotal, fmt(data().dist.apiInput), t().tok) })] })] }) }), _jsx(Show, { when: sectionSkills(), children: _jsxs(Show, { when: data().hasSkills, children: [_jsxs("text", { onMouseUp: () => setSkillsOpen((o) => { const n = !o; persistFold("skills", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: skillsOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secSkills }) }), _jsxs("span", { style: { fg: pal().muted }, children: [" (", data().skills.length, ")"] }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((skillsOpen() ? "\u25bc " : "\u25b6 ") + t().secSkills + ` (${data().skills.length})`)) })] }), _jsx(Show, { when: skillsOpen(), children: data().skills.map((sk) => {
-                                            const rightW = visualWidth(fmt(sk.tokens)) + UNIT_GAP + visualWidth(t().tok);
-                                            const maxLabel = Math.max(4, panelWidth() - gutter() - rightW - 1);
-                                            const label = truncateVisual(sk.name, maxLabel);
-                                            return (_jsx("text", { fg: pal().muted, children: justify(label, fmt(sk.tokens), t().tok) }));
-                                        }) })] }) })] }) })] }));
+        }, children: [_jsxs("text", { onMouseUp: () => setOpen((o) => { const n = !o; persistFold("open", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: open() ? "\u25bc " : "\u25b6 " }), _jsxs("span", { style: { fg: pal().primary }, children: [_jsx("b", { children: t().title }), _jsx(Show, { when: open(), children: _jsxs("span", { style: { fg: dimColor(pal().muted, 0.75) }, children: [" v", PLUGIN_VERSION] }) })] }), _jsxs(Show, { when: !open() && data().hasData, children: [_jsxs(Show, { when: data().hasTrendData, children: [_jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded + " " + trendLabel(data().trend)))) }), _jsxs("span", { style: { fg: hitColor() }, children: [pct(), " ", t().hitFolded] }), _jsxs("span", { style: { fg: data().trend !== 0 ? (data().trend > 0 ? pal().success : pal().error) : pal().text }, children: [" ", trendLabel(data().trend)] })] }), _jsxs(Show, { when: !data().hasTrendData, children: [_jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - HEADER_PREFIX - visualWidth(t().title) - visualWidth(pct() + " " + t().hitFolded))) }), _jsxs("span", { style: { fg: hitColor() }, children: [pct(), " ", t().hitFolded] })] })] })] }), _jsxs(Show, { when: open(), children: [_jsx(Show, { when: props.signals.overrideSessionId(), children: (() => {
+                            const prefix = "  \u21b3 " + (langZH() ? "\u5B50\u4EE3\u7406: " : "Sub: ");
+                            const maxSidW = Math.max(6, panelWidth() - visualWidth(prefix));
+                            return (_jsxs("text", { children: [_jsx("span", { style: { fg: pal().muted }, children: prefix }), _jsx("span", { style: { fg: pal().text }, children: truncateVisual(props.signals.overrideSessionId(), maxSidW) })] }));
+                        })() }), _jsxs(Show, { when: data().hasData, fallback: _jsxs(_Fragment, { children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsxs("text", { children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { style: { fg: pal().muted }, children: t().noData })] })] }), children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsxs("text", { children: [_jsxs("span", { style: { fg: pal().text }, children: [t().hit, " "] }), _jsxs("span", { style: { fg: hitColor() }, children: ["[", bar(), "] "] }), _jsx("span", { style: { fg: pal().text }, children: pct() }), _jsx(Show, { when: data().hasTrendData, children: _jsxs("span", { style: { fg: data().trend !== 0 ? (data().trend > 0 ? pal().success : pal().error) : pal().text }, children: [" ", trendLabel(data().trend)] }) })] }), _jsx("text", { fg: pal().muted, children: justify(t().totalHit, (Math.floor(data().sessionHitRate * 10) / 10).toFixed(1) + "%") }), _jsxs(Show, { when: sectionDetail(), children: [_jsxs("text", { onMouseUp: () => setDetailOpen((o) => { const n = !o; persistFold("detail", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: detailOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secDetail }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((detailOpen() ? "\u25bc " : "\u25b6 ") + t().secDetail)) })] }), _jsxs(Show, { when: detailOpen(), children: [_jsx(Show, { when: data().read > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().read, fmt(data().read), t().tok) }) }), _jsx(Show, { when: data().write > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().write, fmt(data().write), t().tok) }) }), _jsx("text", { fg: pal().muted, children: justify(t().miss, fmt(data().freshInput), t().tok) }), _jsx("text", { fg: pal().muted, children: justify(t().out, fmt(data().output), t().tok) }), _jsx(Show, { when: data().saved > 0, children: _jsxs("text", { children: [_jsx("span", { style: { fg: pal().muted }, children: t().saved }), _jsx("span", { children: " ".repeat(Math.max(1, panelWidth() - gutter() - visualWidth(t().saved) - visualWidth("~" + fmtCost(data().saved, currencySymbol(), exchangeRate())))) }), _jsxs("span", { style: { fg: pal().success }, children: ["~", fmtCost(data().saved, currencySymbol(), exchangeRate())] })] }) })] })] }), _jsxs(Show, { when: sectionModel(), children: [_jsxs("text", { onMouseUp: () => setModelOpen((o) => { const n = !o; persistFold("model", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: modelOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secModel }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((modelOpen() ? "\u25bc " : "\u25b6 ") + t().secModel)) })] }), _jsxs(Show, { when: modelOpen(), children: [_jsx("text", { fg: pal().text, children: justify(t().cost, fmtCost(data().cost, currencySymbol(), exchangeRate())) }), _jsx(Show, { when: data().providerName, children: _jsx("text", { fg: pal().muted, children: justify(t().provider, data().providerName) }) }), _jsx("text", { fg: pal().muted, children: justify(t().model, data().model) }), _jsxs(Show, { when: data().hasPricing, children: [_jsx("text", { fg: pal().muted, children: justify(t().rate, currencySymbol() + (data().inputRate * exchangeRate()).toFixed(2) + "/M " + t().inputRate) }), _jsx(Show, { when: data().cacheReadRate > 0, children: _jsx("text", { fg: pal().muted, children: justify("", currencySymbol() + (data().cacheReadRate * exchangeRate()).toFixed(2) + "/M " + t().cacheRate) }) }), _jsx(Show, { when: data().cacheWriteRate > 0, children: _jsx("text", { fg: pal().muted, children: justify("", currencySymbol() + (data().cacheWriteRate * exchangeRate()).toFixed(2) + "/M " + t().writeRate) }) })] })] })] }), _jsx(Show, { when: sectionDist(), children: _jsxs(Show, { when: data().hasDistData, children: [_jsxs("text", { onMouseUp: () => setDistOpen((o) => { const n = !o; persistFold("dist", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: distOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().distTitle }) }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((distOpen() ? "\u25bc " : "\u25b6 ") + t().distTitle)) })] }), _jsxs(Show, { when: distOpen(), children: [_jsx(Show, { when: data().dist.system > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distSys, fmt(data().dist.system), t().tok) }) }), _jsx(Show, { when: data().dist.user > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distUser, fmt(data().dist.user), t().tok) }) }), _jsx(Show, { when: data().dist.agent > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distAgent, fmt(data().dist.agent), t().tok) }) }), _jsx(Show, { when: data().dist.toolCall > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distTool, fmt(data().dist.toolCall), t().tok) }) }), _jsx(Show, { when: data().dist.toolResult > 0, children: _jsx("text", { fg: pal().muted, children: justify(t().distRes, fmt(data().dist.toolResult), t().tok) }) }), _jsx("text", { fg: pal().text, children: justify(t().distTotal, fmt(data().dist.apiInput), t().tok) })] })] }) }), _jsx(Show, { when: sectionSkills(), children: _jsxs(Show, { when: data().hasSkills, children: [_jsxs("text", { onMouseUp: () => setSkillsOpen((o) => { const n = !o; persistFold("skills", n); return n; }), children: [_jsx("span", { style: { fg: pal().muted }, children: skillsOpen() ? "\u25bc " : "\u25b6 " }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: t().secSkills }) }), _jsxs("span", { style: { fg: pal().muted }, children: [" (", data().skills.length, ")"] }), _jsx("span", { style: { fg: pal().muted }, children: sep().slice(visualWidth((skillsOpen() ? "\u25bc " : "\u25b6 ") + t().secSkills + ` (${data().skills.length})`)) })] }), _jsx(Show, { when: skillsOpen(), children: data().skills.map((sk) => {
+                                                const rightW = visualWidth(fmt(sk.tokens)) + UNIT_GAP + visualWidth(t().tok);
+                                                const maxLabel = Math.max(4, panelWidth() - gutter() - rightW - 1);
+                                                const label = truncateVisual(sk.name, maxLabel);
+                                                return (_jsx("text", { fg: pal().muted, children: justify(label, fmt(sk.tokens), t().tok) }));
+                                            }) })] }) }), _jsxs(Show, { when: sectionBalance(), children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsx(Show, { when: balanceState().status === "idle", children: _jsxs("text", { fg: pal().muted, children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { children: t().balNoKey })] }) }), _jsx(Show, { when: balanceState().status === "loading", children: _jsxs("text", { fg: pal().muted, children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { children: t().balLoading })] }) }), _jsx(Show, { when: balanceState().status === "error", children: _jsxs("text", { fg: pal().error, children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { children: (() => {
+                                                        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})` : "");
+                                                    })() })] }) }), _jsx(Show, { when: balanceState().status === "ok" && balanceState().data, children: (() => {
+                                            const list = balanceState().data;
+                                            const pref = balanceCurrency();
+                                            // 偏好币种是 DeepSeek 原生返回的（CNY/USD）→ 直接显示
+                                            const native = pref ? list.find(x => x.currency === pref) : undefined;
+                                            if (native) {
+                                                return (_jsx("text", { fg: pal().text, children: justify(t().balTotal, balanceSymbol(native.currency) + native.total) }));
+                                            }
+                                            // 非原生币种（EUR/JPY/GBP/KRW…）→ 取第一条余额按汇率换算
+                                            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 (_jsx("text", { fg: pal().text, children: justify(t().balTotal, balanceSymbol(pref || base.currency) + shown) }));
+                                        })() })] })] })] })] }));
 }
 // ---------------------------------------------------------------------------
 // Plugin entry
 // ---------------------------------------------------------------------------
 function createSidebarSlot(api, signals) {
+    let lastSlotSid = "";
     return {
         order: 55,
         slots: {
             sidebar_content(ctx, input) {
+                // ── auto-clear override when the user navigates to a different main session ──
+                if (input.session_id !== lastSlotSid) {
+                    lastSlotSid = input.session_id;
+                    if (signals.overrideSessionId()) {
+                        signals.setOverrideSessionId(undefined);
+                        api.kv.set("cache_panel.session", "");
+                    }
+                }
                 return (_jsx(TokenCachePanel, { theme: ctx.theme.current, api: api, sessionId: input.session_id, signals: signals }));
             },
         },
@@ -729,8 +898,12 @@ const 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(undefined);
     const signals = {
         currencySymbol, setCurrencySymbol,
         exchangeRate, setExchangeRate,
@@ -739,7 +912,11 @@ const tui = async (api) => {
         sectionModel, setSectionModel,
         sectionDist, setSectionDist,
         sectionSkills, setSectionSkills,
+        sectionBalance, setSectionBalance,
+        balanceRefresh, setBalanceRefresh,
+        balanceCurrency, setBalanceCurrency,
         borderVisible, setBorderVisible,
+        overrideSessionId, setOverrideSessionId,
     };
     api.slots.register(createSidebarSlot(api, signals));
     // ── slash commands for runtime config ──
@@ -759,6 +936,9 @@ const tui = async (api) => {
                         const defRate = DEFAULT_RATES[opt.value] ?? 1;
                         api.kv.set(`${KV_PREFIX}.currency`, sym);
                         api.kv.set(`${KV_PREFIX}.rate`, defRate);
+                        // 同步余额显示币种偏好：CNY/USD 原生直显，其余币种按汇率换算
+                        api.kv.set(`${KV_PREFIX}.balance_currency`, opt.value);
+                        signals.setBalanceCurrency(opt.value);
                         signals.setCurrencySymbol(sym);
                         signals.setExchangeRate(defRate);
                         api.ui.toast({ message: `Currency: ${opt.value} (${sym}), rate: ${defRate}` });
@@ -793,12 +973,14 @@ const 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(() => (_jsx(api.ui.DialogSelect, { title: "Toggle Section", options: [
                         { title: `Token Detail    [${detailOn ? "ON" : "OFF"}]`, value: "detail" },
                         { title: `Model & Pricing [${modelOn ? "ON" : "OFF"}]`, value: "model" },
                         { title: `Token Dist.     [${distOn ? "ON" : "OFF"}]`, value: "dist" },
                         { title: `Loaded Skills   [${skillsOn ? "ON" : "OFF"}]`, value: "skills" },
+                        { title: `DS Balance      [${balanceOn ? "ON" : "OFF"}]`, value: "balance" },
                         { title: `Panel Border    [${borderOn ? "ON" : "OFF"}]`, value: "border" },
                     ], onSelect: (opt) => {
                         if (opt.value === "border") {
@@ -819,6 +1001,8 @@ const tui = async (api) => {
                                 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"}` });
                         }
                         dialog?.clear();
@@ -837,9 +1021,10 @@ const 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: 8000,
                 });
                 dialog?.clear();
@@ -864,6 +1049,50 @@ const 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`, "");
+                // 已保存的 key 以脱敏形式预填：保留 "sk-" 前缀 + 头 5 尾 5 字符，中间用 * 填充
+                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(() => (_jsx(api.ui.DialogPrompt, { title: zh ? "DeepSeek API Key" : "DeepSeek API Key", description: () => _jsx("text", { children: zh ? "输入 DeepSeek API Key 以显示账户余额（留空清除）" : "Enter your DeepSeek API key to show account balance (leave empty to clear)" }), placeholder: "sk-...", value: masked, onConfirm: (val) => {
+                        const input = val.trim();
+                        // 空 → 清除；含 * （脱敏占位符残留）→ 视为未修改，保留原 key；否则为新 key
+                        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 已保存，正在查询余额..." : "API Key saved, fetching balance..." });
+                        }
+                        else {
+                            api.ui.toast({ message: zh ? "API Key 已清除" : "API Key cleared" });
+                        }
+                        dialog?.clear();
+                    }, onCancel: () => dialog?.clear() })));
+            },
+        },
         {
             title: "Cache: Debug Skills Detection",
             value: "cache.debug-skills",
@@ -908,6 +1137,111 @@ const tui = async (api) => {
                 });
             },
         },
+        {
+            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) => {
+                // ── 扫描当前主 session 的子代理 session ID 列表 ──
+                const rt = api.route.current;
+                const parentSid = rt.name === "session" && rt.params ? String(rt.params.sessionID) : "";
+                const SUBAGENT_TOOLS = 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} · ${sidStr.slice(0, 24)}…` });
+                            }
+                        }
+                    }
+                    catch { }
+                }
+                // 去重
+                const seen = new Set();
+                const unique = children.filter(c => { if (seen.has(c.value))
+                    return false; seen.add(c.value); return true; });
+                if (unique.length > 0) {
+                    // ── 有子代理 → DialogSelect 列表选择 ──
+                    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(() => (_jsx(api.ui.DialogSelect, { title: zh ? "选择子代理" : "Select Sub-Agent", options: options, current: currentIdx >= 0 ? options[currentIdx].value : undefined, onSelect: (opt) => {
+                            if (opt.value === backValue) {
+                                signals.setOverrideSessionId(undefined);
+                                api.kv.set(`${KV_PREFIX}.session`, "");
+                                api.ui.toast({ message: zh ? "已切回主会话" : "Switched to main session" });
+                            }
+                            else {
+                                signals.setOverrideSessionId(opt.value);
+                                api.kv.set(`${KV_PREFIX}.session`, opt.value);
+                                api.ui.toast({ message: (zh ? "已切换至子代理: " : "Showing sub-agent: ") + opt.value.slice(0, 24) + "\u2026" });
+                            }
+                            dialog?.clear();
+                        } })));
+                }
+                else {
+                    // ── 无子代理 → DialogPrompt 手动粘贴 ──
+                    const zh = langZH();
+                    dialog?.replace(() => (_jsx(api.ui.DialogPrompt, { title: signals.overrideSessionId() ? zh ? "切换子代理" : "Switch Sub" : zh ? "查看子代理缓存" : "View Sub Cache", description: () => _jsx("text", { children: zh ? "未找到子代理，请手动粘贴 Session ID" : "No sub-agents found. Paste a Session ID manually" }), placeholder: "ses_...", value: 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() ? "已切换至子代理: " : "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(undefined);
+                api.kv.set(`${KV_PREFIX}.session`, "");
+                api.ui.toast({ message: langZH() ? "已切回主会话" : "Switched to main session" });
+                dialog?.clear();
+            },
+        },
     ]);
 };
 const mod = {