opencode-visual-cache 1.6.2 → 1.7.0-beta.1

package/dist/index.js

@@ -1,58 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/solid/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/solid/jsx-runtime";
 import { createMemo, createSignal, createEffect, onMount, onCleanup, Show, For, untrack } from "solid-js";
-import { PLUGIN_VERSION } from "./_version";
 import { balanceProviders, getBalanceProvider, maskKey, matchBalanceProvider } from "./balance-providers";
 import { LANG_META, createT, detectLang } from "./i18n";
-// ── terminal-width helpers ────────────────────────────────────────
-// CJK characters occupy 2 terminal columns; padEnd/padStart count
-// string length (=1 per char), which breaks alignment with mixed text.
-function charColumns(c) {
-    const code = c.codePointAt(0) ?? 0;
-    if (code < 0x20)
-        return 0; // control
-    if (code < 0x7F)
-        return 1; // ASCII
-    if (code < 0xA0)
-        return 0; // C1 controls
-    // East-Asian wide / fullwidth ranges
-    if ((code >= 0x1100 && code <= 0x115F) || // Hangul Jamo
-        (code >= 0x2E80 && code <= 0xA4CF) || // CJK Radicals … Yi
-        (code >= 0xAC00 && code <= 0xD7A3) || // Hangul
-        (code >= 0xF900 && code <= 0xFAFF) || // CJK Compat
-        (code >= 0xFE10 && code <= 0xFE6F) || // Vertical / Compat
-        (code >= 0xFF01 && code <= 0xFF60) || // Fullwidth
-        (code >= 0xFFE0 && code <= 0xFFE6) || // Fullwidth signs
-        (code >= 0x1F300 && code <= 0x1F64F) || // Misc Symbols (emoji)
-        (code >= 0x20000 && code <= 0x3FFFD)) // SIP / TIP
-        return 2;
-    return 1;
-}
-function visualWidth(s) {
-    let w = 0;
-    for (const c of s)
-        w += charColumns(c);
-    return w;
-}
-function visualPadEnd(s, cols) {
-    const pad = cols - visualWidth(s);
-    return pad > 0 ? s + " ".repeat(pad) : s;
-}
-/** Truncate `s` to fit within `maxCols` visual columns, appending "…" when cut. */
-function truncateVisual(s, maxCols) {
-    if (visualWidth(s) <= maxCols)
-        return s;
-    let result = "", w = 0;
-    for (const c of s) {
-        const cw = charColumns(c);
-        if (w + cw > maxCols - 1) {
-            result += "\u2026";
-            break;
-        }
-        result += c;
-        w += cw;
-    }
-    return result;
-}
+import { MAX_SAT, FALLBACK, CURRENCIES, DEFAULT_RATES, visualWidth, visualPadEnd, truncateVisual, num, fmtCost, fmtCompact, formatBalanceText, desaturateTo, } from "./core";
+import { TokenCachePanel } from "./panel/TokenCachePanel";
 // ── language ──────────────────────────────────────────────────────
 // 语言初始化：环境变量 CACHE_TUI_LANG 覆盖 → 否则按系统 locale 自动检测。
 // 用户通过 /cache-lang 设置的偏好会在 KV 就绪后优先覆盖（见 tui() 内恢复逻辑）。
@@ -60,191 +11,10 @@ const DEBUG_LANG = typeof process !== "undefined" ? process.env?.CACHE_TUI_LANG
 const INIT_LANG = DEBUG_LANG !== undefined && LANG_META.some((m) => m.code === DEBUG_LANG)
     ? DEBUG_LANG
     : detectLang();
-// ── color helpers ────────────────────────────────────────────────
-/** Extract { r, g, b } (0–255) from a hex string or RGBA-like object. */
-function rgb(raw) {
-    if (typeof raw === "string" && raw.startsWith("#")) {
-        const h = raw.slice(1);
-        return {
-            r: parseInt(h.slice(0, 2), 16),
-            g: parseInt(h.slice(2, 4), 16),
-            b: parseInt(h.slice(4, 6), 16),
-        };
-    }
-    if (raw && typeof raw === "object") {
-        const o = raw;
-        if (typeof o.r === "number" && typeof o.g === "number" && typeof o.b === "number") {
-            // RGBA channels may be 0-1 floats; detect and upscale.
-            const scale = o.r > 1 || o.g > 1 || o.b > 1 ? 1 : 255;
-            return {
-                r: Math.round(o.r * scale),
-                g: Math.round(o.g * scale),
-                b: Math.round(o.b * scale),
-            };
-        }
-    }
-    return null;
-}
-/** HSL saturation of an RGB color (0–1). */
-function saturation(r, g, b) {
-    const max = Math.max(r, g, b) / 255;
-    const min = Math.min(r, g, b) / 255;
-    const delta = max - min;
-    if (delta === 0)
-        return 0;
-    const L = (max + min) / 2;
-    return L <= 0.5 ? delta / (max + min) : delta / (2 - max - min);
-}
-/**
- * If the colour's saturation exceeds `maxSat`, pull it toward grey
- * until saturation drops to maxSat.  Returns a hex string.
- */
-function desaturateTo(raw, maxSat, fallback) {
-    const c = rgb(raw);
-    if (!c)
-        return fallback;
-    const sat = saturation(c.r, c.g, c.b);
-    if (sat <= maxSat) {
-        // already muted — return as hex
-        return "#" + [c.r, c.g, c.b].map((v) => v.toString(16).padStart(2, "0")).join("");
-    }
-    /**
-     * Binary search for the optimal grey-mix ratio α (0…1).
-     *
-     * 12 iterations → 1/2^12 ≈ 1/4096 resolution.  The downstream RGB
-     * channels are only 0–255 (8 bit), so 8 iterations (1/256) would
-     * technically suffice; 12 is intentionally over-budget — the extra
-     * precision costs almost nothing and guarantees the saturation probe
-     * converges to within a fraction of an 8‑bit step, eliminating
-     * colour banding in edge cases.
-     */
-    // Bt.601 luma (perceptual brightness used as the grey anchor)
-    const luma = c.r * 0.299 + c.g * 0.587 + c.b * 0.114;
-    let lo = 0, hi = 1;
-    for (let i = 0; i < 12; i++) {
-        const mid = (lo + hi) / 2;
-        const nr = Math.round(c.r + (luma - c.r) * mid);
-        const ng = Math.round(c.g + (luma - c.g) * mid);
-        const nb = Math.round(c.b + (luma - c.b) * mid);
-        if (saturation(nr, ng, nb) > maxSat)
-            lo = mid;
-        else
-            hi = mid;
-    }
-    const nr = Math.round(c.r + (luma - c.r) * hi);
-    const ng = Math.round(c.g + (luma - c.g) * hi);
-    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",
-    text: "#C5C5BB",
-    muted: "#7A7A72",
-    success: "#9CAF8B",
-    warning: "#C5B88D",
-    error: "#B08A8A",
-    border: "#6B6B63",
-};
-/**
- * Desaturation ceiling for the Morandi-style palette.
- *
- * Morandi colours float around 0.15–0.30 saturation in HSL space.
- * 0.28 sits near the upper end of that range: it strips the aggressive
- * punch from high-saturation themes (Dracula, Solarized …) while
- * preserving enough colour identity that green / orange / red hit-rate
- * coding stays distinguishable.
- *
- * Lower → more grey, harder to tell colours apart.
- * Higher → bright themes bleed through and defeat the muted look.
- */
-const MAX_SAT = 0.28;
-function progressBar(percent, width) {
-    const clamped = Math.max(0, Math.min(100, percent));
-    const filled = Math.round((clamped / 100) * width);
-    const empty = Math.max(0, width - filled);
-    return "\u2588".repeat(filled) + "\u2591".repeat(empty);
-}
-function fmt(n) {
-    if (n >= 1_000_000)
-        return (n / 1_000_000).toFixed(1) + "M";
-    if (n >= 10_000)
-        return (n / 1_000).toFixed(1) + "K";
-    return n.toLocaleString("en-US");
-}
-function num(v) {
-    return typeof v === "number" && Number.isFinite(v) ? v : 0;
-}
-function fmtCost(n, symbol = "$", rate = 1) {
-    const v = n * rate;
-    if (v >= 1)
-        return symbol + v.toFixed(2);
-    if (v >= 0.01)
-        return symbol + v.toFixed(3);
-    return symbol + v.toFixed(4);
-}
-// ── token estimation ──
-// Character-based BPE approximation.  Default ratios (~4 ASCII or ~1.5 CJK
-// chars per token) work well for natural language but systematically
-// under-count tokens in JSON and source code where every punctuation mark
-// tends to be its own token.  Detect these cases and tighten the ratio.
-// See: GPT-4 / Claude tokenizer behaviour with structured text.
-function estimateTokens(text) {
-    if (!text || text.length === 0)
-        return 0;
-    let ascii = 0;
-    let cjk = 0;
-    for (const c of text) {
-        const code = c.codePointAt(0) ?? 0;
-        if (code >= 0x4E00 && code <= 0x9FFF)
-            cjk++; // CJK Unified
-        else if (code >= 0x3040 && code <= 0x30FF)
-            cjk++; // Hiragana/Katakana
-        else if (code >= 0xAC00 && code <= 0xD7A3)
-            cjk++; // Hangul
-        else if (code >= 0x1100 && code <= 0x11FF)
-            cjk++; // Hangul Jamo
-        else if (code >= 0x2E80 && code <= 0x2EFF)
-            cjk++; // CJK Radicals
-        else
-            ascii++;
-    }
-    // Real BPE tokenizers (cl100k_base, o200k_base) average ~3.5-4.0
-    // ASCII chars/token for both JSON and source code — close to prose.
-    // The old 2.0 / 2.5 ratios matched minified-JS extremes, not typical
-    // payloads, and systematically over-estimated token counts.
-    const trimmed = text.trimStart();
-    // Strip markdown code-fence prefix so that ```json … is detected as JSON
-    const strippedFence = trimmed.replace(/^\x60{3}\w*\s*\n?/, "");
-    const jsonLike = (strippedFence.startsWith("{") || strippedFence.startsWith("["))
-        && /"[^"]+"\s*:/.test(text);
-    const codeLike = !jsonLike
-        && /```|^import |^export |^function |^const |^let |^var |^class |^interface |^type |^def |^fn |^pub |^use |^mod |^package /m.test(text);
-    const asciiPerToken = jsonLike ? 3.5 : codeLike ? 3.5 : 4;
-    return Math.max(1, Math.ceil(ascii / asciiPerToken + cjk / 1.0));
-}
+// ---------------------------------------------------------------------------
+// Balance state
+// ---------------------------------------------------------------------------
 const BALANCE_POLL_MS = 5 * 60 * 1000; // 5 minutes
-/**
- * 将余额从来源币种换算为目标币种。
- * 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;
-}
 /**
  * 从 OpenCode 已认证的 provider 读取 API key 作为余额查询的自动兜底。
  * 匹配复用前缀逻辑：先精确匹配 id，再前缀匹配（如 moonshotai-cn → moonshot）。
@@ -268,54 +38,12 @@ function findOpencodeKey(api, provider) {
         return "";
     }
 }
-/** 货币符号：优先取 /cache-currency 内置映射，未知币种回退为代码。 */
-function balanceSymbol(currency) {
-    const sym = CURRENCIES[currency];
-    return sym ?? currency + " ";
-}
-/** 紧凑数字缩写（底部状态栏用）：1234 → "1.2K"，1234567 → "1.2M"。 */
-function fmtCompact(n) {
-    if (n >= 1e6)
-        return (n / 1e6).toFixed(1) + "M";
-    if (n >= 1e3)
-        return (n / 1e3).toFixed(1) + "K";
-    return String(Math.round(n));
-}
-/** 余额数值格式化：≥1 或 0 显示固定 2 位小数；小额（<1）保留精度（最多 6 位），避免抹成 0.00。 */
-function formatBalanceAmount(total) {
-    const n = parseFloat(total);
-    if (!Number.isFinite(n))
-        return total;
-    if (n === 0 || n >= 1)
-        return n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-    return n.toLocaleString("en-US", { maximumFractionDigits: 6 });
-}
-/**
- * 将余额列表格式化为单行文本。
- * 优先直接显示偏好币种（CNY/USD…）；偏好币种为换算币种时按汇率折算第一条余额。
- */
-function formatBalanceText(list, pref, rate) {
-    const native = pref ? list.find((x) => x.currency === pref) : undefined;
-    if (native)
-        return balanceSymbol(native.currency) + formatBalanceAmount(native.total);
-    const base = list[0];
-    const baseAmt = parseFloat(base.total);
-    const converted = Number.isFinite(baseAmt)
-        ? convertBalance(pref || base.currency, rate, baseAmt, base.currency)
-        : baseAmt;
-    const shown = pref && base.currency !== pref
-        ? converted.toLocaleString("en-US", { maximumFractionDigits: 2 })
-        : formatBalanceAmount(base.total);
-    return balanceSymbol(pref || base.currency) + shown;
-}
-const CURRENCIES = {
-    USD: "$", CNY: "¥", EUR: "€", JPY: "JP¥", GBP: "£", KRW: "₩",
-};
-/** Approximate USD exchange rates — used as defaults when switching currency.
- *  Users can override via /cache-rate.  Last updated 2026-05. */
-const DEFAULT_RATES = {
-    USD: 1, CNY: 7.2, EUR: 0.92, JPY: 150, GBP: 0.79, KRW: 1350,
-};
+// ---------------------------------------------------------------------------
+// Sidebar component
+// ---------------------------------------------------------------------------
+/** Signals shared between the TUI component and slash commands.
+ *  Created in the `tui` function scope so they do not survive module reload —
+ *  the component re-creates them on mount and restores user config from kv. */
 const MIN_PANEL_WIDTH = 20;
 const DEFAULT_PANEL_WIDTH = 26;
 /** ── layout measurement constants (visual columns) ── */
@@ -325,540 +53,6 @@ const BAR_GAP = 1; // "]" 后面的空格
 const PCT_FIXED_WIDTH = 5; // "XX.X%" 固定 5 字符宽度
 const HEADER_PREFIX = 2; // 折叠态标题行：▶/▼ 图标 + 后面的空格
 const UNIT_GAP = 1; // 计量单位前的空格（如 "tok"）
-function TokenCachePanel(props) {
-    const [panelWidth, setPanelWidth] = createSignal(DEFAULT_PANEL_WIDTH);
-    const [open, setOpen] = createSignal(true);
-    const [detailOpen, setDetailOpen] = createSignal(true);
-    const [modelOpen, setModelOpen] = createSignal(true);
-    const [distOpen, setDistOpen] = createSignal(false);
-    const [skillsOpen, setSkillsOpen] = createSignal(true);
-    let boxEl;
-    // 侧边栏可见性通知：本面板挂载 ⇒ 宿主侧边栏可见（固定占用 42 列输入框宽度）
-    createEffect(() => {
-        props.signals.setSidebarVisible(true);
-        onCleanup(() => props.signals.setSidebarVisible(false));
-    });
-    // ── shared signals (de-structured so internal code is unchanged) ──
-    const { currencySymbol, setCurrencySymbol, exchangeRate, setExchangeRate, langCode, sectionDetail, setSectionDetail, sectionModel, setSectionModel, sectionDist, setSectionDist, sectionSkills, setSectionSkills, sectionBalance, setSectionBalance, balanceRefresh, balanceProviderId, setBalanceProviderId, autoBalance, setAutoBalance, balanceUnsupported, setBalanceUnsupported, balanceState, balanceCurrency, setBalanceCurrency, borderVisible, setBorderVisible, } = props.signals;
-    // ── reactive translation (follows langCode signal) ──
-    const t = createT(() => langCode());
-    // ── scan session messages reactively ──
-    // SolidJS createMemo re-evaluates whenever the underlying
-    // api.state.session state changes — no event listener needed.
-    // ── distribution cache ────────────────────────────────────────
-    // When data() re-computes before api.state.part() is warm (e.g. after
-    // a view switch), hasDistData flips to false and the distribution
-    // block disappears.  Keep the last valid snapshot so the UI stays
-    // stable until the next successful computation arrives.
-    const [lastDist, setLastDist] = createSignal({
-        system: 0, user: 0, agent: 0, toolCall: 0, toolResult: 0,
-        output: 0, reasoning: 0, apiOutput: 0, apiInput: 0, stepCost: 0, stepCount: 0,
-    });
-    const [lastHasDist, setLastHasDist] = createSignal(false);
-    const [dataSignal, setDataSignal] = createSignal({
-        hitRate: 0, read: 0, write: 0, freshInput: 0, output: 0,
-        cost: 0, saved: 0, model: "", inputRate: 0, cacheReadRate: 0, cacheWriteRate: 0,
-        hasPricing: false, hasData: false, trend: 0, hasTrendData: false,
-        providerName: "", sessionHitRate: 0,
-        dist: { system: 0, user: 0, agent: 0, toolCall: 0, toolResult: 0, output: 0, reasoning: 0, apiOutput: 0, apiInput: 0, stepCost: 0, stepCount: 0 },
-        hasDistData: false,
-        skills: [],
-        hasSkills: false,
-    });
-    const [refreshTick, setRefreshTick] = createSignal(0);
-    // 当前 provider 显示名（余额查询状态为共享信号，见 PanelSignals.balanceState）
-    const providerName = createMemo(() => getBalanceProvider(balanceProviderId()).name);
-    // 自动切换当前会话的 provider（前缀匹配）。手动切换会关闭此行为。
-    // 直接追踪 messages 取最后一条 assistant 消息的 providerID——
-    // 不依赖 session.model 的响应式更新（模型切换时该链路可能不触发重算）。
-    createEffect(() => {
-        if (!autoBalance())
-            return;
-        const sid = props.signals.overrideSessionId() ?? props.sessionId;
-        const msgs = props.api.state.session.messages(sid);
-        let pid = "";
-        for (let i = msgs.length - 1; i >= 0; i--) {
-            const m = msgs[i];
-            if (m.role === "assistant" && m.providerID) {
-                pid = m.providerID;
-                break;
-            }
-        }
-        // 会话尚无 assistant 消息（新会话 / 刚切换模型未对话 / 消息未加载）
-        // → 回退到会话级模型元数据，反映当前正在使用的 provider
-        if (!pid) {
-            try {
-                const session = props.api.state.session.get(sid);
-                pid = session?.model?.providerID ?? "";
-            }
-            catch { /* ignore */ }
-        }
-        if (!pid)
-            return;
-        const hit = matchBalanceProvider(pid);
-        if (hit) {
-            setBalanceUnsupported(false);
-            if (hit.id !== balanceProviderId()) {
-                setBalanceProviderId(hit.id);
-                props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
-            }
-        }
-        else {
-            // 当前提供商没有余额适配器 → 标记不支持，余额显示 N/A 并停止轮询
-            setBalanceUnsupported(true);
-        }
-    });
-    // ── 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 数据就绪时自动重新执行）
-        const msgs = props.api.state.session.messages(sid);
-        const session = typeof props.api.state.session.get === "function"
-            ? props.api.state.session.get(sid)
-            : undefined;
-        // 累计值优先使用 Session 聚合字段（数据库级，不受 sync 层 limit:100 截断）
-        // 若字段不存在（旧版本 SDK），降级到消息遍历累加
-        let input = session?.tokens?.input ?? 0;
-        let read = session?.tokens?.cache?.read ?? 0;
-        let write = session?.tokens?.cache?.write ?? 0;
-        let output = session?.tokens?.output ?? 0;
-        let cost = session?.cost ?? 0;
-        let pid = session?.model?.providerID ?? "";
-        let mid = session?.model?.id ?? "";
-        const fallbackTokens = session?.tokens == null;
-        const fallbackCost = session?.cost == null;
-        const fallbackModel = !pid || !mid;
-        let prevMsgHitRate = -1, lastMsgHitRate = -1;
-        for (const msg of msgs) {
-            if (msg.role !== "assistant")
-                continue;
-            const tok = msg.tokens;
-            if (!tok)
-                continue;
-            const mit = num(tok.input) + num(tok.cache?.read) + num(tok.cache?.write), mrt = num(tok.cache?.read);
-            if (mit > 0) {
-                prevMsgHitRate = lastMsgHitRate;
-                lastMsgHitRate = (mrt / mit) * 100;
-            }
-            if (fallbackTokens) {
-                input += num(tok.input);
-                read += num(tok.cache?.read);
-                write += num(tok.cache?.write);
-                output += num(tok.output);
-            }
-            if (fallbackCost) {
-                cost += num(msg.cost);
-            }
-            if (fallbackModel && msg.providerID && msg.modelID) {
-                pid = msg.providerID;
-                mid = msg.modelID;
-            }
-        }
-        let saved = 0, inputRate = 0, cacheReadRate = 0, cacheWriteRate = 0;
-        if (read > 0 && pid && mid && Array.isArray(props.api.state.provider))
-            for (const provider of props.api.state.provider) {
-                if (provider.id !== pid)
-                    continue;
-                const model = provider.models[mid];
-                if (!model?.cost)
-                    continue;
-                inputRate = num(model.cost.input);
-                cacheReadRate = num(model.cost.cache?.read);
-                cacheWriteRate = num(model.cost.cache?.write);
-                if (inputRate > cacheReadRate)
-                    saved = (read * (inputRate - cacheReadRate)) / 1_000_000;
-                break;
-            }
-        const hitRate = lastMsgHitRate >= 0 ? lastMsgHitRate : 0;
-        // 总命中率分母含缓存写（业界口径：read / (input+read+write)）
-        const freshTotal = input + read + write, sessionHitRate = freshTotal > 0 ? (read / freshTotal) * 100 : 0;
-        const model = mid.split("/").pop() ?? mid, hasPricing = inputRate > 0 || cacheReadRate > 0 || cacheWriteRate > 0;
-        const hasTrendData = prevMsgHitRate >= 0 && lastMsgHitRate >= 0;
-        const trend = hasTrendData ? lastMsgHitRate - prevMsgHitRate : 0, providerName = pid || "";
-        // untrack 只包裹已知触发死锁的 API
-        const distData = untrack(() => {
-            let dist = { system: 0, user: 0, agent: 0, toolCall: 0, toolResult: 0, output: 0, reasoning: 0, apiOutput: 0, apiInput: 0, stepCost: 0, stepCount: 0 };
-            let hasDistData = false;
-            const loadedSkills = new Map();
-            try {
-                const cfg = props.api.state.config;
-                const agentName = String(session?.agent ?? cfg?.default_agent ?? "build");
-                const agents = cfg?.agent;
-                const agentCfg = agents?.[agentName];
-                const sysPrompt = typeof agentCfg?.prompt === "string" ? agentCfg.prompt : "";
-                if (sysPrompt)
-                    dist.system = estimateTokens(sysPrompt);
-                let lastAssMsg;
-                for (const msg of msgs) {
-                    if (msg.role === "user") {
-                        const um = msg;
-                        if (um.system)
-                            dist.system += estimateTokens(um.system);
-                        let parts = [];
-                        try {
-                            parts = props.api.state.part(msg.id);
-                        }
-                        catch { }
-                        for (const p of parts) {
-                            if (p.type === "text" && !p.synthetic && !p.ignored)
-                                dist.user += estimateTokens(p.text);
-                            else if (p.type === "file") {
-                                const fp = p;
-                                if (fp.source?.text?.value)
-                                    dist.user += estimateTokens(fp.source.text.value);
-                            }
-                        }
-                    }
-                    else if (msg.role === "assistant") {
-                        const am = msg;
-                        dist.output += num(am.tokens?.output);
-                        dist.reasoning += num(am.tokens?.reasoning);
-                        let parts = [];
-                        try {
-                            parts = props.api.state.part(msg.id);
-                        }
-                        catch { }
-                        for (const p of parts) {
-                            if (p.type === "tool") {
-                                const tp = p;
-                                let rawInput = "";
-                                try {
-                                    rawInput = tp.state.raw ?? (tp.state.input != null ? JSON.stringify(tp.state.input) : "");
-                                }
-                                catch { }
-                                if (rawInput)
-                                    dist.toolCall += estimateTokens(rawInput);
-                                // 子代理委托（task 工具）：任务描述计入子代理指令（1.15.x 无 subtask part）
-                                if (tp.tool === "task" && tp.state?.input) {
-                                    const ti = tp.state.input;
-                                    const prompt = typeof ti.prompt === "string" ? ti.prompt : "";
-                                    const desc = typeof ti.description === "string" ? ti.description : "";
-                                    dist.agent += estimateTokens(prompt || desc);
-                                }
-                                if (tp.state.status === "completed") {
-                                    const c = tp.state;
-                                    if (c.output)
-                                        dist.toolResult += estimateTokens(c.output);
-                                }
-                                else if (tp.state.status === "error") {
-                                    const e = tp.state;
-                                    if (e.error)
-                                        dist.toolResult += estimateTokens(e.error);
-                                }
-                                if (tp.tool === "skill" && tp.state.status === "completed") {
-                                    // TUI SDK strips tool metadata — extract skill name from well-known output format.
-                                    // Cross-validated against api.client.app.skills() when available.
-                                    let name = tp.state.metadata?.name;
-                                    if (typeof name !== "string") {
-                                        const m = typeof tp.state.output === "string"
-                                            ? tp.state.output.match(/^#{1,2}\s*Skill:\s*(.+)/m)
-                                            : null;
-                                        if (m)
-                                            name = m[1].trim();
-                                    }
-                                    if (typeof name === "string") {
-                                        const tokens = typeof tp.state.output === "string" ? estimateTokens(tp.state.output) : 0;
-                                        const existing = loadedSkills.get(name);
-                                        if (!existing || existing.tokens < tokens) {
-                                            loadedSkills.set(name, { name, tokens });
-                                        }
-                                    }
-                                }
-                            }
-                            else if (p.type === "subtask") {
-                                const sub = p;
-                                dist.agent += estimateTokens(sub.prompt || sub.description || "");
-                            }
-                        }
-                    }
-                }
-                // 从后往前找最后一条有 token 数据的 assistant 消息（避免取到 streaming 中未填充的消息）
-                for (let i = msgs.length - 1; i >= 0; i--) {
-                    if (msgs[i].role !== "assistant")
-                        continue;
-                    const tok = msgs[i].tokens;
-                    if (tok && ((tok.input ?? 0) > 0 || (tok.cache?.read ?? 0) > 0 || (tok.cache?.write ?? 0) > 0)) {
-                        lastAssMsg = msgs[i];
-                        break;
-                    }
-                }
-                // 取最后一条有数据消息的总输入（含缓存读/写）作为当前 context 大小
-                dist.apiInput = num(lastAssMsg?.tokens?.input) + num(lastAssMsg?.tokens?.cache?.read) + num(lastAssMsg?.tokens?.cache?.write);
-                dist.apiOutput = num(lastAssMsg?.tokens?.output);
-                // 本回合（最后一条有数据消息所在的 parentID 链）的 API 调用次数与末次成本。
-                // opencode 将回合内每次工具调用循环拆为独立 assistant 消息（各含 1 个 step-finish），
-                // 故按 parentID 链聚合统计，而非单条消息。
-                if (lastAssMsg) {
-                    const roundParent = lastAssMsg.parentID;
-                    let lastCost;
-                    for (let i = msgs.length - 1; i >= 0; i--) {
-                        const m = msgs[i];
-                        if (m.role !== "assistant")
-                            continue;
-                        if (m.parentID !== roundParent)
-                            break;
-                        let parts = [];
-                        try {
-                            parts = props.api.state.part(m.id);
-                        }
-                        catch { }
-                        for (const p of parts) {
-                            if (p.type !== "step-finish")
-                                continue;
-                            dist.stepCount++;
-                            const sc = p.cost;
-                            if (lastCost === undefined && typeof sc === "number" && Number.isFinite(sc))
-                                lastCost = sc;
-                        }
-                    }
-                    if (lastCost !== undefined)
-                        dist.stepCost = lastCost;
-                }
-                hasDistData = dist.system + dist.user + dist.agent + dist.toolCall + dist.toolResult > 0 || dist.apiOutput > 0 || dist.apiInput > 0 || dist.reasoning > 0;
-            }
-            catch { }
-            const finalDist = hasDistData ? dist : lastDist(), finalHasDist = hasDistData || lastHasDist();
-            const skills = [...loadedSkills.values()];
-            return { finalDist, finalHasDist, skills };
-        });
-        setDataSignal({
-            hitRate, read, write, freshInput: input, output, cost, saved, model,
-            inputRate, cacheReadRate, cacheWriteRate, hasPricing,
-            hasData: read > 0 || write > 0 || input > 0 || output > 0 || cost > 0,
-            trend, hasTrendData, providerName, sessionHitRate,
-            dist: distData.finalDist, hasDistData: distData.finalHasDist,
-            skills: distData.skills, hasSkills: distData.skills.length > 0,
-        });
-    });
-    const data = createMemo(() => {
-        return dataSignal();
-    });
-    // Persist the last valid distribution so that data() can fall back
-    // to it while api.state.part() is re-hydrating after a view switch.
-    createEffect(() => {
-        const d = data();
-        if (d.hasDistData) {
-            setLastDist({ ...d.dist });
-            setLastHasDist(true);
-            // Also persist across component remounts (view switches)
-            try {
-                props.api.kv.set(`${KV_PREFIX}.dist_snapshot`, { ...d.dist });
-            }
-            catch { }
-        }
-    });
-    // ── token distribution (in-process via api.state.part) ──
-    const [partVersion, setPartVersion] = createSignal(0);
-    // Persist fold state to api.kv
-    const KV_PREFIX = "cache_panel";
-    const persistFold = (key, val) => {
-        try {
-            props.api.kv.set(`${KV_PREFIX}.${key}`, val);
-        }
-        catch { }
-    };
-    onMount(() => {
-        // Reset panelWidth on (re)mount so the layout uses a clean
-        // default until onSizeChange measures the live box dimensions.
-        setPanelWidth(DEFAULT_PANEL_WIDTH);
-        // Restore fold state from persisted storage (non-critical — fire and forget)
-        try {
-            setOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.open`, false)));
-            setDetailOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.detail`, true)));
-            setModelOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.model`, true)));
-            setDistOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.dist`, false)));
-            setSkillsOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.skills`, true)));
-        }
-        catch { }
-        // Restore user config (currency, rate, section visibility).
-        // Try synchronously first (kv is usually ready on mount), fall back to
-        // polling if the module was reloaded and kv hasn't initialised yet.
-        const doRestore = () => {
-            try {
-                const sym = props.api.kv.get(`${KV_PREFIX}.currency`);
-                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);
-                // Restore balance provider (fall back to default when unknown)
-                const savedProvider = props.api.kv.get(`${KV_PREFIX}.balance.provider`);
-                if (typeof savedProvider === "string" && balanceProviders.some((p) => p.id === savedProvider)) {
-                    setBalanceProviderId(savedProvider);
-                    setBalanceUnsupported(false);
-                }
-                // Restore auto-switch (default on)
-                const savedAuto = props.api.kv.get(`${KV_PREFIX}.balance.auto`);
-                if (typeof savedAuto === "boolean")
-                    setAutoBalance(savedAuto);
-                // Migrate legacy DeepSeek key (cache_panel.ds_key → cache_panel.balance.deepseek.key)
-                const legacyKey = props.api.kv.get(`${KV_PREFIX}.ds_key`, "");
-                if (legacyKey) {
-                    const dsKey = props.api.kv.get(`${KV_PREFIX}.balance.deepseek.key`, "");
-                    if (!dsKey)
-                        props.api.kv.set(`${KV_PREFIX}.balance.deepseek.key`, legacyKey);
-                    props.api.kv.set(`${KV_PREFIX}.ds_key`, "");
-                }
-                // 恢复的 provider 可能与默认值不同，强制重新查询
-                props.signals.setBalanceRefresh(props.signals.balanceRefresh() + 1);
-                setSectionDetail(Boolean(props.api.kv.get(`${KV_PREFIX}.section.detail`, true)));
-                setSectionModel(Boolean(props.api.kv.get(`${KV_PREFIX}.section.model`, true)));
-                setSectionDist(Boolean(props.api.kv.get(`${KV_PREFIX}.section.dist`, true)));
-                setSectionSkills(Boolean(props.api.kv.get(`${KV_PREFIX}.section.skills`, true)));
-                setSectionBalance(Boolean(props.api.kv.get(`${KV_PREFIX}.section.balance`, true)));
-                const bv = props.api.kv.get(`${KV_PREFIX}.border`, true);
-                setBorderVisible(bv !== false);
-                // Restore distribution snapshot so the token distribution block
-                // doesn't blank out while api.state.part() re-hydrates.
-                const cachedDist = props.api.kv.get(`${KV_PREFIX}.dist_snapshot`);
-                if (cachedDist) {
-                    setLastDist(cachedDist);
-                    setLastHasDist(true);
-                }
-            }
-            catch {
-                // kv read failed — signals stay at defaults
-            }
-            // Re-measure panel width after config signals have settled
-            if (boxEl && typeof boxEl.width === "number" && boxEl.width > 0) {
-                setPanelWidth(Math.max(MIN_PANEL_WIDTH, boxEl.width));
-            }
-        };
-        if (props.api.kv.ready) {
-            doRestore();
-        }
-        else {
-            // Poll kv.ready with a 1-second timeout to avoid infinite busy-wait
-            // on platforms where kv initialisation may be delayed (Linux single-thread
-            // mode, session switch storms, etc.).
-            const MAX_POLL = 100;
-            let tries = 0;
-            const pollRestore = () => {
-                if (!props.api.kv.ready) {
-                    if (++tries > MAX_POLL) {
-                        doRestore();
-                        return;
-                    }
-                    setTimeout(pollRestore, 10);
-                    return;
-                }
-                doRestore();
-            };
-            pollRestore();
-        }
-        // Debounce partVersion updates so that event bursts during session
-        // switching / streaming don't cause data() to re-compute on every
-        // single event (up to hundreds per second on Linux single-thread).
-        let partTimer;
-        const bumpPartVersion = () => {
-            clearTimeout(partTimer);
-            partTimer = setTimeout(() => setPartVersion((v) => v + 1), 100);
-        };
-        const unsubPart = props.api.event.on("message.part.updated", () => { bumpPartVersion(); setRefreshTick(v => v + 1); });
-        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(); });
-    });
-    // ── colours ──
-    // Pull from the current theme, auto-desaturate if too punchy,
-    // fall back to Morandi when a key is missing from the theme.
-    const pal = createMemo(() => {
-        const t = props.theme;
-        const sat = (k, fb) => desaturateTo(t[k], MAX_SAT, fb);
-        return {
-            primary: sat("primary", FALLBACK.primary),
-            text: sat("text", FALLBACK.text),
-            muted: sat("textMuted", FALLBACK.muted),
-            success: sat("success", FALLBACK.success),
-            warning: sat("warning", FALLBACK.warning),
-            error: sat("error", FALLBACK.error),
-            border: sat("border", FALLBACK.border),
-        };
-    });
-    const hitColor = createMemo(() => {
-        const r = data().hitRate;
-        if (r >= 85)
-            return pal().success;
-        if (r >= 70)
-            return pal().warning;
-        return pal().error;
-    });
-    /** Horizontal space eaten by border (1+1 when visible) + padding (2+2 when visible). */
-    const gutter = createMemo(() => borderVisible() ? 6 : 0);
-    const sep = createMemo(() => "\u2500".repeat(Math.max(1, panelWidth() - gutter())));
-    function trendLabel(t) {
-        // |t| < 0.05 视为无变化：避免显示 "↑0.0%" 的矛盾（箭头存在但数值截断为零）
-        if (Math.abs(t) < 0.05)
-            return "-";
-        return (t > 0 ? "\u2191" : "\u2193") + Math.abs(t).toFixed(1) + "%";
-    }
-    const barW = createMemo(() => {
-        const trendSpace = data().hasTrendData ? LABEL_GAP + visualWidth(trendLabel(data().trend)) : 0;
-        const overhead = visualWidth(t("hit")) + LABEL_GAP + BAR_BRACKETS + BAR_GAP + PCT_FIXED_WIDTH + trendSpace + gutter();
-        return Math.max(3, panelWidth() - overhead);
-    });
-    const bar = createMemo(() => progressBar(data().hitRate, barW()));
-    const pct = createMemo(() => (Math.floor(data().hitRate * 10) / 10).toFixed(1) + "%");
-    // When border visibility changes the box dimensions shift, which
-    // may not reliably trigger onSizeChange across (re)mount cycles.
-    // Force panelWidth to resync with the live box after every change.
-    createEffect(() => {
-        borderVisible();
-        if (boxEl && typeof boxEl.width === "number" && boxEl.width > 0) {
-            const w = Math.max(MIN_PANEL_WIDTH, boxEl.width);
-            setPanelWidth((prev) => (prev === w ? prev : w));
-        }
-    });
-    // left-align label, right-align value — auto-fill space between
-    const justify = (label, value, unit = "") => {
-        const gauge = panelWidth() - gutter();
-        const used = visualWidth(label) + visualWidth(value) + (unit ? visualWidth(unit) + UNIT_GAP : 0);
-        const gap = Math.max(1, gauge - used);
-        return label + " ".repeat(gap) + value + (unit ? " " + unit : "");
-    };
-    return (_jsxs("box", { border: borderVisible(), ...(borderVisible() ? { borderColor: pal().border } : {}), paddingTop: 0, paddingBottom: 0, paddingLeft: borderVisible() ? 2 : 0, paddingRight: borderVisible() ? 2 : 0, flexDirection: "column", gap: 0, ref: boxEl, onSizeChange: () => {
-            // 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: 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: Math.abs(data().trend) >= 0.05 ? (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 " + t("subPrefix");
-                            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: Math.abs(data().trend) >= 0.05 ? (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 + data().write), t("tok")) }), _jsx("text", { fg: pal().muted, children: justify(t("out"), fmt(data().output), t("tok")) }), _jsx(Show, { when: data().dist.stepCount >= 2, children: _jsx("text", { fg: pal().muted, children: justify(t("stepsCount", { n: data().dist.stepCount }), fmtCost(data().dist.stepCost, currencySymbol(), exchangeRate())) }) }), _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(Show, { when: data().dist.reasoning > 0, children: _jsx("text", { fg: pal().muted, children: justify(t("distReason"), fmt(data().dist.reasoning), 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: balanceUnsupported(), children: _jsxs("text", { fg: pal().muted, children: [_jsx("span", { style: { fg: pal().muted }, children: "> " }), _jsx("span", { children: t("balUnsupported") })] }) }), _jsxs(Show, { when: !balanceUnsupported(), children: [_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", { p: providerName() }) })] }) }), _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: _jsx("text", { fg: pal().text, children: justify(t("balTotal"), formatBalanceText(balanceState().data, balanceCurrency(), exchangeRate())) }) })] })] })] })] })] }));
-}
 // ---------------------------------------------------------------------------
 // Plugin entry
 // ---------------------------------------------------------------------------