opencode-visual-cache 1.6.4 → 1.6.5

package/dist/_version.d.ts

@@ -1 +1 @@
-export declare const PLUGIN_VERSION = "1.6.4";
+export declare const PLUGIN_VERSION = "1.6.5";

package/dist/_version.js

@@ -1,2 +1,2 @@
 // auto-generated
-export const PLUGIN_VERSION = "1.6.4";
+export const PLUGIN_VERSION = "1.6.5";

package/dist/balance-providers.d.ts

@@ -2,6 +2,14 @@
 export interface BalanceEntry {
     currency: string;
     total: string;
+    display?: string;
+    details?: BalanceDetail[];
+}
+export type BalanceDetailKey = "plan" | "used" | "remaining" | "window" | "reset" | "codeReview" | "credits" | "resetCredits";
+export interface BalanceDetail {
+    key: BalanceDetailKey;
+    value: string;
+    windowSeconds?: number;
 }
 /** provider 统一错误：message 即错误码（401/403/EMPTY/…），显示层直接展示。 */
 export declare class BalanceError extends Error {
@@ -13,6 +21,7 @@ export interface BalanceProvider {
     keyPlaceholder?: string;
     fetchBalance(apiKey: string, signal?: AbortSignal): Promise<BalanceEntry[]>;
 }
+export declare function parseOpenAIUsage(raw: unknown, nowMs?: number): BalanceEntry[];
 /** 已注册的 provider 列表（按需追加新适配器）。 */
 export declare const balanceProviders: BalanceProvider[];
 /** 按 id 取 provider；未知 id 回退到第一个。 */

package/dist/balance-providers.js

@@ -129,8 +129,226 @@ const hyperProvider = {
         return [{ currency: "USD", total: usd }];
     },
 };
+function decodeJwtPayload(token) {
+    try {
+        const encoded = token.split(".")[1];
+        if (!encoded || typeof atob !== "function")
+            return undefined;
+        const binary = atob(encoded.replace(/-/g, "+").replace(/_/g, "/"));
+        const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
+        return JSON.parse(new TextDecoder().decode(bytes));
+    }
+    catch {
+        return undefined;
+    }
+}
+function getChatGPTAccountId(token) {
+    const payload = decodeJwtPayload(token);
+    const auth = payload?.["https://api.openai.com/auth"];
+    if (auth && typeof auth === "object") {
+        const accountId = auth.chatgpt_account_id;
+        if (typeof accountId === "string" && accountId)
+            return accountId;
+    }
+    const accountId = payload?.chatgpt_account_id;
+    return typeof accountId === "string" && accountId ? accountId : undefined;
+}
+function asRecord(value) {
+    return value && typeof value === "object" && !Array.isArray(value) ? value : undefined;
+}
+function asFiniteNumber(value) {
+    const number = typeof value === "number" ? value : typeof value === "string" && value.trim() ? Number(value) : NaN;
+    return Number.isFinite(number) ? number : undefined;
+}
+function clampPercent(value) {
+    return Math.max(0, Math.min(100, value));
+}
+function formatPercent(value) {
+    return Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1);
+}
+function formatCreditAmount(value) {
+    if (Number.isInteger(value))
+        return String(value);
+    return value.toFixed(2).replace(/\.?0+$/, "");
+}
+function getPercentages(snapshot) {
+    const explicitUsed = asFiniteNumber(snapshot.used_percent);
+    const explicitRemaining = asFiniteNumber(snapshot.remaining_percent);
+    if (explicitUsed !== undefined || explicitRemaining !== undefined) {
+        const used = clampPercent(explicitUsed ?? 100 - explicitRemaining);
+        const remaining = clampPercent(explicitRemaining ?? 100 - used);
+        return { used, remaining };
+    }
+    const limit = asFiniteNumber(snapshot.limit);
+    const usedAmount = asFiniteNumber(snapshot.used);
+    const remainingAmount = asFiniteNumber(snapshot.remaining);
+    if (limit !== undefined && limit > 0 && (usedAmount !== undefined || remainingAmount !== undefined)) {
+        const used = usedAmount !== undefined ? (usedAmount / limit) * 100 : 100 - (remainingAmount / limit) * 100;
+        const remaining = remainingAmount !== undefined ? (remainingAmount / limit) * 100 : 100 - used;
+        return { used: clampPercent(used), remaining: clampPercent(remaining) };
+    }
+    const amountTotal = (usedAmount ?? 0) + (remainingAmount ?? 0);
+    if (amountTotal > 0 && (usedAmount !== undefined || remainingAmount !== undefined)) {
+        const used = usedAmount !== undefined ? (usedAmount / amountTotal) * 100 : 0;
+        return { used: clampPercent(used), remaining: clampPercent(100 - used) };
+    }
+    return undefined;
+}
+function getRateWindows(rateLimit) {
+    const record = asRecord(rateLimit);
+    if (!record)
+        return [];
+    return Object.entries(record)
+        .map(([name, value], order) => {
+        const data = asRecord(value);
+        if (!data)
+            return undefined;
+        const normalizedName = name.toLowerCase();
+        if (normalizedName.includes("individual"))
+            return undefined;
+        const windowSeconds = asFiniteNumber(data.limit_window_seconds);
+        const looksLikeWindow = normalizedName.includes("window") ||
+            windowSeconds !== undefined ||
+            "used_percent" in data ||
+            "remaining_percent" in data;
+        if (!looksLikeWindow)
+            return undefined;
+        return { data, windowSeconds, order };
+    })
+        .filter((window) => window !== undefined)
+        .sort((a, b) => (a.windowSeconds ?? Number.MAX_SAFE_INTEGER) - (b.windowSeconds ?? Number.MAX_SAFE_INTEGER) || a.order - b.order);
+}
+function getResetAfterSeconds(snapshot, nowMs) {
+    const relative = asFiniteNumber(snapshot.reset_after_seconds);
+    if (relative !== undefined)
+        return Math.max(0, Math.round(relative));
+    for (const key of ["reset_at", "resets_at", "resetAt", "resetsAt"]) {
+        const timestamp = asFiniteNumber(snapshot[key]);
+        if (timestamp === undefined)
+            continue;
+        const timestampSeconds = timestamp > 1e12 ? timestamp / 1000 : timestamp;
+        return Math.max(0, Math.round(timestampSeconds - nowMs / 1000));
+    }
+    return undefined;
+}
+function appendQuotaDetails(details, percentages, windowSeconds) {
+    const scope = windowSeconds === undefined ? {} : { windowSeconds };
+    details.push({ key: "used", value: `${formatPercent(percentages.used)}%`, ...scope });
+    details.push({ key: "remaining", value: `${formatPercent(percentages.remaining)}%`, ...scope });
+}
+export function parseOpenAIUsage(raw, nowMs = Date.now()) {
+    const json = asRecord(raw);
+    if (!json)
+        throw new BalanceError("EMPTY");
+    const details = [];
+    if (typeof json.plan_type === "string" && json.plan_type) {
+        details.push({ key: "plan", value: json.plan_type.toUpperCase() });
+    }
+    const rateLimit = asRecord(json.rate_limit);
+    const remainingValues = [];
+    let hasRateQuota = false;
+    for (const window of getRateWindows(rateLimit)) {
+        const percentages = getPercentages(window.data);
+        if (percentages) {
+            appendQuotaDetails(details, percentages, window.windowSeconds);
+            remainingValues.push(percentages.remaining);
+            hasRateQuota = true;
+        }
+        const resetAfter = getResetAfterSeconds(window.data, nowMs);
+        if (resetAfter !== undefined) {
+            details.push({
+                key: "reset",
+                value: String(resetAfter),
+                ...(window.windowSeconds === undefined ? {} : { windowSeconds: window.windowSeconds }),
+            });
+        }
+    }
+    const spendControl = asRecord(asRecord(json.spend_control)?.individual_limit);
+    const individualLimit = asRecord(json.individual_limit) ?? asRecord(rateLimit?.individual_limit) ?? spendControl;
+    const individualPercentages = individualLimit ? getPercentages(individualLimit) : undefined;
+    if (individualPercentages) {
+        remainingValues.push(individualPercentages.remaining);
+        if (!hasRateQuota)
+            appendQuotaDetails(details, individualPercentages);
+    }
+    if (individualLimit) {
+        const resetAfter = getResetAfterSeconds(individualLimit, nowMs);
+        if (resetAfter !== undefined)
+            details.push({ key: "reset", value: String(resetAfter) });
+    }
+    const codeReviewWindow = asRecord(asRecord(json.code_review_rate_limit)?.primary_window);
+    const codeReviewUsed = asFiniteNumber(codeReviewWindow?.used_percent);
+    if (codeReviewUsed !== undefined) {
+        details.push({ key: "codeReview", value: `${formatPercent(clampPercent(100 - codeReviewUsed))}%` });
+    }
+    const credits = asRecord(json.credits);
+    let hasCreditDetail = false;
+    if (credits?.unlimited === true) {
+        details.push({ key: "credits", value: "unlimited" });
+        hasCreditDetail = true;
+    }
+    else {
+        const creditBalance = asFiniteNumber(credits?.balance);
+        if (creditBalance !== undefined) {
+            details.push({ key: "credits", value: `$${creditBalance.toFixed(2)}` });
+            hasCreditDetail = true;
+        }
+        else if (individualLimit) {
+            const remaining = asFiniteNumber(individualLimit.remaining);
+            const limit = asFiniteNumber(individualLimit.limit);
+            const amounts = [remaining, limit].filter((value) => value !== undefined);
+            if (amounts.length > 0) {
+                details.push({ key: "credits", value: amounts.map(formatCreditAmount).join(" / ") });
+                hasCreditDetail = true;
+            }
+        }
+    }
+    const resetCredits = asFiniteNumber(asRecord(json.rate_limit_reset_credits)?.available_count);
+    if (resetCredits !== undefined)
+        details.push({ key: "resetCredits", value: String(resetCredits) });
+    if (details.length === 0 || (!hasRateQuota && !individualPercentages && !hasCreditDetail && resetCredits === undefined)) {
+        throw new BalanceError("EMPTY");
+    }
+    const summaryRemaining = remainingValues.length > 0 ? Math.min(...remainingValues) : undefined;
+    const summary = summaryRemaining === undefined ? undefined : formatPercent(summaryRemaining);
+    return [{
+            currency: "CODEX",
+            total: summary === undefined ? "0" : `${summary}%`,
+            display: summary === undefined ? "Codex" : `Codex ${summary}%`,
+            details,
+        }];
+}
+const openaiProvider = {
+    id: "openai",
+    name: "OpenAI Codex",
+    keyPlaceholder: "OAuth access token (eyJ...)",
+    async fetchBalance(accessToken, signal) {
+        const headers = {
+            Authorization: `Bearer ${accessToken}`,
+            Accept: "application/json",
+            Referer: "https://chatgpt.com/",
+            "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 Chrome/147.0.0.0 Safari/537.36",
+            "OpenAI-Beta": "codex-1",
+            "oai-language": "zh-CN",
+            originator: "Codex Desktop",
+        };
+        const accountId = getChatGPTAccountId(accessToken);
+        if (accountId)
+            headers["ChatGPT-Account-Id"] = accountId;
+        const res = await fetch("https://chatgpt.com/backend-api/wham/usage", { headers, signal });
+        if (!res.ok) {
+            if (res.status === 401)
+                throw new BalanceError("401");
+            if (res.status === 403)
+                throw new BalanceError("403");
+            throw new BalanceError(String(res.status));
+        }
+        const json = await res.json();
+        return parseOpenAIUsage(json);
+    },
+};
 /** 已注册的 provider 列表（按需追加新适配器）。 */
-export const balanceProviders = [deepseekProvider, siliconflowProvider, openrouterProvider, moonshotProvider, hyperProvider];
+export const balanceProviders = [deepseekProvider, siliconflowProvider, openrouterProvider, moonshotProvider, hyperProvider, openaiProvider];
 /** 按 id 取 provider；未知 id 回退到第一个。 */
 export function getBalanceProvider(id) {
     return balanceProviders.find((p) => p.id === id) ?? balanceProviders[0] ?? deepseekProvider;

package/dist/i18n.d.ts

@@ -38,6 +38,19 @@ declare const ZH_T: {
     readonly balErrEmpty: "未获取到余额数据";
     readonly balErrTimeout: "查询超时";
     readonly balUnsupported: "当前提供商不支持余额查询";
+    readonly balDetailPlan: "套餐";
+    readonly balDetailUsed: "已用";
+    readonly balDetailRemaining: "剩余";
+    readonly balDetailWindow: "周期";
+    readonly balDetailReset: "重置";
+    readonly balDetailCodeReview: "Code Review";
+    readonly balDetailCredits: "Credits";
+    readonly balDetailResetCredits: "重置次数";
+    readonly balUnlimited: "无限";
+    readonly balDay: "天";
+    readonly balHour: "小时";
+    readonly balMinute: "分钟";
+    readonly balResetSoon: "即将重置";
     readonly barHit: "命中率";
     readonly barBal: "余额";
     readonly barTok: "Tokens";

package/dist/i18n.js

@@ -41,6 +41,19 @@ const ZH_T = {
     balErrEmpty: "未获取到余额数据",
     balErrTimeout: "查询超时",
     balUnsupported: "当前提供商不支持余额查询",
+    balDetailPlan: "套餐",
+    balDetailUsed: "已用",
+    balDetailRemaining: "剩余",
+    balDetailWindow: "周期",
+    balDetailReset: "重置",
+    balDetailCodeReview: "Code Review",
+    balDetailCredits: "Credits",
+    balDetailResetCredits: "重置次数",
+    balUnlimited: "无限",
+    balDay: "天",
+    balHour: "小时",
+    balMinute: "分钟",
+    balResetSoon: "即将重置",
     barHit: "命中率",
     barBal: "余额",
     barTok: "Tokens",
@@ -122,6 +135,19 @@ const EN_T = {
     balErrEmpty: "No balance data",
     balErrTimeout: "Request timed out",
     balUnsupported: "Balance query unsupported",
+    balDetailPlan: "Plan",
+    balDetailUsed: "Used",
+    balDetailRemaining: "Remaining",
+    balDetailWindow: "Window",
+    balDetailReset: "Reset",
+    balDetailCodeReview: "Code Review",
+    balDetailCredits: "Credits",
+    balDetailResetCredits: "Reset credits",
+    balUnlimited: "Unlimited",
+    balDay: "d",
+    balHour: "h",
+    balMinute: "m",
+    balResetSoon: "soon",
     barHit: "Hit",
     barBal: "Balance",
     barTok: "Tokens",
@@ -203,6 +229,19 @@ const JA_T = {
     balErrEmpty: "残高データなし",
     balErrTimeout: "タイムアウト",
     balUnsupported: "このプロバイダは残高照会非対応",
+    balDetailPlan: "プラン",
+    balDetailUsed: "使用済み",
+    balDetailRemaining: "残り",
+    balDetailWindow: "期間",
+    balDetailReset: "リセット",
+    balDetailCodeReview: "Code Review",
+    balDetailCredits: "Credits",
+    balDetailResetCredits: "リセット回数",
+    balUnlimited: "無制限",
+    balDay: "日",
+    balHour: "時間",
+    balMinute: "分",
+    balResetSoon: "まもなく",
     barHit: "ヒット率",
     barBal: "残高",
     barTok: "Tokens",
@@ -284,6 +323,19 @@ const KO_T = {
     balErrEmpty: "잔액 데이터 없음",
     balErrTimeout: "시간 초과",
     balUnsupported: "이 프로바이더는 잔액 조회 미지원",
+    balDetailPlan: "플랜",
+    balDetailUsed: "사용",
+    balDetailRemaining: "잔여",
+    balDetailWindow: "주기",
+    balDetailReset: "재설정",
+    balDetailCodeReview: "Code Review",
+    balDetailCredits: "Credits",
+    balDetailResetCredits: "재설정 횟수",
+    balUnlimited: "무제한",
+    balDay: "일",
+    balHour: "시간",
+    balMinute: "분",
+    balResetSoon: "곧 재설정",
     barHit: "히트율",
     barBal: "잔액",
     barTok: "Tokens",

package/dist/index.js

@@ -248,15 +248,57 @@ function convertBalance(target, targetRate, amount, from) {
 /**
  * 从 OpenCode 已认证的 provider 读取 API key 作为余额查询的自动兜底。
  * 匹配复用前缀逻辑：先精确匹配 id，再前缀匹配（如 moonshotai-cn → moonshot）。
- * key 来源：auth.json（provider.key）或配置（provider.options.apiKey）。
- * 仅当手动配置的 key 缺失时使用；读取失败或未匹配返回空串。
+ * OpenAI 优先读取 auth.json OAuth；其他 provider 读取 provider.key / provider.options.apiKey。
+ * 读取失败或未匹配返回空串。
  */
+function readOpenAIOAuthToken(api) {
+    try {
+        // OpenAI OAuth credentials are stored separately from provider.key.
+        const loader = typeof process !== "undefined" ? process?.getBuiltinModule : undefined;
+        const fs = loader?.("node:fs");
+        if (!fs)
+            return "";
+        const stateDir = api.state.path.state.replace(/[\\/]+$/, "");
+        const home = typeof process !== "undefined" ? (process?.env.HOME || process?.env.USERPROFILE || "") : "";
+        const dataHome = typeof process !== "undefined" ? process?.env.XDG_DATA_HOME : undefined;
+        const paths = [
+            stateDir ? `${stateDir}/auth.json` : "",
+            dataHome ? `${dataHome}/opencode/auth.json` : "",
+            home ? `${home}/.local/share/opencode/auth.json` : "",
+        ];
+        for (const path of paths) {
+            if (!path)
+                continue;
+            try {
+                const auth = JSON.parse(fs.readFileSync(path, "utf8"));
+                const openai = auth.openai;
+                if (openai && typeof openai === "object") {
+                    const record = openai;
+                    if (record.type === "oauth" && typeof record.access === "string")
+                        return record.access;
+                }
+            }
+            catch { /* try the next known auth path */ }
+        }
+        return "";
+    }
+    catch {
+        return "";
+    }
+}
 function findOpencodeKey(api, provider) {
     try {
         const provs = api.state.provider;
         // 大小写不敏感：精确匹配 id，否则前缀匹配（如 moonshotai-cn → moonshot）
         const id = provider.id.toLowerCase();
         const hit = provs.find((p) => p.id.toLowerCase() === id) ?? provs.find((p) => p.id.toLowerCase().startsWith(id));
+        const isOpenAI = id === "openai";
+        // OAuth token 优先于 provider.key，避免把配置中的占位值当成 access token。
+        if (isOpenAI) {
+            const oauth = readOpenAIOAuthToken(api);
+            if (oauth)
+                return oauth;
+        }
         if (!hit)
             return "";
         const k = typeof hit.key === "string" ? hit.key : "";
@@ -295,6 +337,9 @@ function formatBalanceAmount(total) {
  * 优先直接显示偏好币种（CNY/USD…）；偏好币种为换算币种时按汇率折算第一条余额。
  */
 function formatBalanceText(list, pref, rate) {
+    const custom = list.find((x) => x.display);
+    if (custom?.display)
+        return custom.display;
     const native = pref ? list.find((x) => x.currency === pref) : undefined;
     if (native)
         return balanceSymbol(native.currency) + formatBalanceAmount(native.total);
@@ -308,6 +353,16 @@ function formatBalanceText(list, pref, rate) {
         : formatBalanceAmount(base.total);
     return balanceSymbol(pref || base.currency) + shown;
 }
+const BALANCE_DETAIL_LABELS = {
+    plan: "balDetailPlan",
+    used: "balDetailUsed",
+    remaining: "balDetailRemaining",
+    window: "balDetailWindow",
+    reset: "balDetailReset",
+    codeReview: "balDetailCodeReview",
+    credits: "balDetailCredits",
+    resetCredits: "balDetailResetCredits",
+};
 const CURRENCIES = {
     USD: "$", CNY: "¥", EUR: "€", JPY: "JP¥", GBP: "£", KRW: "₩",
 };
@@ -332,6 +387,7 @@ function TokenCachePanel(props) {
     const [modelOpen, setModelOpen] = createSignal(true);
     const [distOpen, setDistOpen] = createSignal(false);
     const [skillsOpen, setSkillsOpen] = createSignal(true);
+    const [balanceOpen, setBalanceOpen] = createSignal(false);
     let boxEl;
     // 侧边栏可见性通知：本面板挂载 ⇒ 宿主侧边栏可见（固定占用 42 列输入框宽度）
     createEffect(() => {
@@ -342,6 +398,38 @@ function TokenCachePanel(props) {
     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());
+    const formatBalanceDuration = (seconds, fallback = "") => {
+        if (!Number.isFinite(seconds))
+            return "";
+        let remaining = Math.max(0, Math.round(seconds));
+        const days = Math.floor(remaining / 86400);
+        remaining %= 86400;
+        const hours = Math.floor(remaining / 3600);
+        remaining %= 3600;
+        const minutes = Math.floor(remaining / 60);
+        const parts = [];
+        if (days > 0)
+            parts.push(`${days}${t("balDay")}`);
+        if (hours > 0 && parts.length < 2)
+            parts.push(`${hours}${t("balHour")}`);
+        if (minutes > 0 && parts.length < 2)
+            parts.push(`${minutes}${t("balMinute")}`);
+        return parts.join(langCode() === "en" ? " " : "") || fallback;
+    };
+    const formatBalanceDetailValue = (detail) => {
+        if (detail.value === "unlimited")
+            return t("balUnlimited");
+        if (detail.key !== "reset")
+            return detail.value;
+        return formatBalanceDuration(Number(detail.value), t("balResetSoon")) || detail.value;
+    };
+    const formatBalanceDetailLabel = (detail) => {
+        const label = t(BALANCE_DETAIL_LABELS[detail.key]);
+        if (detail.windowSeconds === undefined)
+            return label;
+        const window = formatBalanceDuration(detail.windowSeconds);
+        return window ? `${label} (${window})` : label;
+    };
     // ── scan session messages reactively ──
     // SolidJS createMemo re-evaluates whenever the underlying
     // api.state.session state changes — no event listener needed.
@@ -646,6 +734,7 @@ function TokenCachePanel(props) {
     const data = createMemo(() => {
         return dataSignal();
     });
+    const balanceDetails = createMemo(() => balanceState().data?.find((entry) => entry.details)?.details ?? []);
     // 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(() => {
@@ -681,6 +770,7 @@ function TokenCachePanel(props) {
             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)));
+            setBalanceOpen(Boolean(props.api.kv.get(`${KV_PREFIX}.balance.open`, false)));
         }
         catch { }
         // Restore user config (currency, rate, section visibility).
@@ -833,6 +923,14 @@ function TokenCachePanel(props) {
         const gap = Math.max(1, gauge - used);
         return label + " ".repeat(gap) + value + (unit ? " " + unit : "");
     };
+    const balanceHeader = () => {
+        const arrow = balanceDetails().length > 0 ? (balanceOpen() ? "\u25bc " : "\u25b6 ") : "";
+        const title = t("secBalance");
+        const summary = balanceState().data ? formatBalanceText(balanceState().data, balanceCurrency(), exchangeRate()) : "";
+        const gauge = panelWidth() - gutter();
+        const dividerLength = Math.max(1, gauge - visualWidth(arrow + title) - visualWidth(summary) - 1);
+        return { arrow, title, summary, divider: sep().slice(0, dividerLength) };
+    };
     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;
@@ -846,7 +944,7 @@ function TokenCachePanel(props) {
                                                 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: (() => {
+                                            }) })] }) }), _jsxs(Show, { when: sectionBalance(), children: [_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");
@@ -857,7 +955,11 @@ function TokenCachePanel(props) {
                                                                 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())) }) })] })] })] })] })] }));
+                                                            })() })] }) }), _jsxs(Show, { when: balanceState().status === "ok" && balanceState().data, children: [_jsxs(Show, { when: balanceDetails().length > 0, children: [_jsxs("text", { fg: pal().text, onMouseUp: () => {
+                                                                    const next = !balanceOpen();
+                                                                    setBalanceOpen(next);
+                                                                    persistFold("balance.open", next);
+                                                                }, children: [_jsx("span", { style: { fg: pal().muted }, children: balanceHeader().arrow }), _jsx("span", { style: { fg: pal().primary }, children: _jsx("b", { children: balanceHeader().title }) }), _jsx("span", { style: { fg: pal().muted }, children: balanceHeader().divider }), _jsx("span", { children: " " + balanceHeader().summary })] }), _jsx(Show, { when: balanceOpen(), children: balanceDetails().map((detail) => (_jsx("text", { fg: pal().muted, children: justify(formatBalanceDetailLabel(detail) + ":", formatBalanceDetailValue(detail)) }))) })] }), _jsxs(Show, { when: balanceDetails().length === 0, children: [_jsx("text", { fg: pal().muted, children: sep() }), _jsx("text", { fg: pal().text, children: justify(t("balTotal"), formatBalanceText(balanceState().data, balanceCurrency(), exchangeRate())) })] })] })] })] })] })] })] }));
 }
 // ---------------------------------------------------------------------------
 // Plugin entry