@jingyi0605/codingns4dsh 0.2.0-beta.2 → 0.2.0-rc.3

package/data/build/dist/client/subscription-slot.js

@@ -2,16 +2,29 @@ import { createElement, useEffect, useRef, useState } from 'react';
 import { isSubscriptionUsageFresh } from '../shared/contracts/subscription.js';
 import { DEFAULT_SUBSCRIPTION_USAGE_SETTINGS } from '../shared/contracts/config.js';
 import { callCliRpc } from './cli-catalog.js';
+import { resolveCodingNsTranslator, useCodingNsTranslator } from './locale.js';
 import { providerIconUrl } from './provider-icons.js';
 import { subscribeSessionAdapters } from './session-adapter-cache.js';
-import { dshPopupSurfaceStyle, dshThemeColor } from './theme.js';
+import { dshPopupSurfaceStyle, dshSettingsButtonStyle, dshSettingsPrimaryButtonStyle, dshThemeColor } from './theme.js';
 import { useDismissOnOutsidePointer } from './popup-dismiss.js';
 const SUBSCRIPTION_STYLE_ID = 'codingns4dsh-subscription-responsive-style';
+/**
+ * 没有 locale 服务时的静态兜底：命名空间绑定固定指向内置中文词典，
+ * 且不产生任何语言变更通知。生产路径由 registerSubscriptionSlot 注入 DSH locale。
+ */
+const FALLBACK_LOCALE = {
+    bind: () => resolveCodingNsTranslator(undefined),
+    getSnapshot: () => ({ revision: 0 }),
+    subscribe: () => () => { },
+    register: () => () => { },
+};
 /**
  * 进程内用量结果缓存：同一适配器/提供商在刷新间隔内直接复用上次结果，
  * 避免每次进入会话或切回同一 Agent 都请求上游；null 结果不缓存，便于刚登录后立刻重试。
  */
 const subscriptionUsageCache = new Map();
+/** 图标重置按钮的悬停/按下/聚焦/禁用只能由注入样式表表达，内联样式无法命中伪类。 */
+const RESET_BUTTON_CSS = '.codingns4dsh-subscription-reset{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;border:1px solid var(--dsw-alias-border-l2,#d9d9d9);border-radius:50%;background:transparent;color:var(--dsw-alias-label-secondary,GrayText);cursor:pointer;transition:background .15s ease,color .15s ease}.codingns4dsh-subscription-reset:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.08));color:var(--dsw-alias-label-primary,CanvasText)}.codingns4dsh-subscription-reset:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active,rgba(127,127,127,.14))}.codingns4dsh-subscription-reset:focus-visible{outline:none;box-shadow:0 0 0 var(--dsw-focus-ring-width,2px) var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#1677ff))}.codingns4dsh-subscription-reset:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.codingns4dsh-subscription-reset{transition:none}}';
 /** 移动端订阅入口只保留图标，完整数据仍可在点击后的弹层中查看。 */
 function installSubscriptionStyles() {
     if (typeof document === 'undefined' || document.querySelector(`style[data-plugin-css="${SUBSCRIPTION_STYLE_ID}"]`) !== null)
@@ -19,21 +32,28 @@ function installSubscriptionStyles() {
     const style = document.createElement('style');
     style.dataset.plugin = 'codingns4dsh';
     style.dataset.pluginCss = SUBSCRIPTION_STYLE_ID;
-    style.textContent = '@media (max-width: 768px){.codingns4dsh-subscription-trigger{gap:0!important;padding-left:4px!important;padding-right:4px!important}.codingns4dsh-subscription-label,.codingns4dsh-subscription-value{display:none!important}.codingns4dsh-subscription-popover{position:fixed!important;left:12px!important;right:12px!important;bottom:48px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 72px)!important;overflow:auto!important}}';
+    style.textContent = '@media (max-width: 768px){.codingns4dsh-subscription-trigger{gap:0!important;padding-left:4px!important;padding-right:4px!important}.codingns4dsh-subscription-label,.codingns4dsh-subscription-value{display:none!important}.codingns4dsh-subscription-popover{position:fixed!important;left:12px!important;right:12px!important;bottom:48px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 72px)!important;overflow:auto!important}}' + RESET_BUTTON_CSS;
     document.head.appendChild(style);
 }
 /** 在 DSH 原生步骤统计左侧显示当前 Agent 的订阅余量。 */
-export function registerSubscriptionSlot(slots, rpc, getRefreshIntervalMins) {
+export function registerSubscriptionSlot(slots, rpc, getRefreshIntervalMins, locale) {
     installSubscriptionStyles();
+    const t = resolveCodingNsTranslator(locale);
     return slots.inject('conversation.composer.dock', () => slots.register({
         name: 'conversation.composer.dock',
         id: 'codingns4dsh-subscription',
         order: -20,
-        label: 'Agent 订阅余量',
-        inject: (sessionId) => ({ rpc, sessionId, ...(getRefreshIntervalMins === undefined ? {} : { getRefreshIntervalMins }) }),
+        label: t('usage.slotLabel'),
+        inject: (sessionId) => ({
+            rpc,
+            sessionId,
+            locale: locale ?? FALLBACK_LOCALE,
+            ...(getRefreshIntervalMins === undefined ? {} : { getRefreshIntervalMins }),
+        }),
     }, CommandCodeSubscriptionSlot));
 }
 function CommandCodeSubscriptionSlot(props) {
+    const t = useCodingNsTranslator(props.locale ?? FALLBACK_LOCALE);
     const [usage, setUsage] = useState(null);
     const [adapterId, setAdapterId] = useState(null);
     const [providerId, setProviderId] = useState(null);
@@ -42,6 +62,13 @@ function CommandCodeSubscriptionSlot(props) {
     const [loading, setLoading] = useState(false);
     const [clock, setClock] = useState(() => Date.now());
     const rootRef = useRef(null);
+    const resetDialogRef = useRef(null);
+    // 重置成功后的刷新不能重跑加载 effect，否则 usage 会被清空导致底部入口闪断。
+    const refreshRef = useRef(null);
+    const [resetOpen, setResetOpen] = useState(false);
+    const [resetPending, setResetPending] = useState(false);
+    const [resetResult, setResetResult] = useState(null);
+    const [resetError, setResetError] = useState(null);
     const modelSelectionRevision = props.useSession?.((value) => JSON.stringify(value.modelSelection));
     // 切换 Agent 可能只改变 Host 侧会话配置，DSH 会话快照不一定会更新；订阅适配器
     // 缓存的变更才能真正触发重新查询，否则底部会一直显示上一个 Agent 的订阅数据。
@@ -55,6 +82,10 @@ function CommandCodeSubscriptionSlot(props) {
             setAdapterId(null);
             setProviderId(null);
             setOpen(false);
+            setResetOpen(false);
+            setResetPending(false);
+            setResetResult(null);
+            setResetError(null);
             return;
         }
         let active = true;
@@ -63,6 +94,10 @@ function CommandCodeSubscriptionSlot(props) {
         setAdapterId(null);
         setProviderId(null);
         setOpen(false);
+        setResetOpen(false);
+        setResetPending(false);
+        setResetResult(null);
+        setResetError(null);
         const refresh = async () => {
             setLoading(true);
             try {
@@ -85,7 +120,10 @@ function CommandCodeSubscriptionSlot(props) {
                 const intervalMins = props.getRefreshIntervalMins?.() ?? DEFAULT_SUBSCRIPTION_USAGE_SETTINGS.refreshIntervalMins;
                 const cacheKey = `${adapterId}|${selection.providerId ?? ''}`;
                 const cached = subscriptionUsageCache.get(cacheKey);
-                if (cached !== undefined && isSubscriptionUsageFresh(cached.capturedAt, Date.now(), intervalMins)) {
+                // New-API 的余额和 Token 日志可能随 Key/钱包状态快速变化，且旧结果
+                // 容易把历史日志投影到当前站点；每次刷新都重新读取，Sub2API 仍复用原缓存。
+                const canReuseCachedUsage = cached !== undefined && cached.usage.provider?.capability !== 'new-api';
+                if (canReuseCachedUsage && isSubscriptionUsageFresh(cached.capturedAt, Date.now(), intervalMins)) {
                     if (active)
                         setUsage(cached.usage);
                     return;
@@ -110,11 +148,13 @@ function CommandCodeSubscriptionSlot(props) {
                     setLoading(false);
             }
         };
+        refreshRef.current = refresh;
         void refresh();
         const intervalMins = props.getRefreshIntervalMins?.() ?? DEFAULT_SUBSCRIPTION_USAGE_SETTINGS.refreshIntervalMins;
         const timer = intervalMins > 0 ? globalThis.setInterval(() => { void refresh(); }, intervalMins * 60_000) : undefined;
         return () => {
             active = false;
+            refreshRef.current = null;
             if (timer !== undefined)
                 globalThis.clearInterval(timer);
         };
@@ -125,35 +165,96 @@ function CommandCodeSubscriptionSlot(props) {
         const timer = globalThis.setInterval(() => setClock(Date.now()), 60_000);
         return () => globalThis.clearInterval(timer);
     }, [eligible, usage]);
+    const closeResetDialog = () => {
+        if (resetPending)
+            return;
+        setResetOpen(false);
+        setResetResult(null);
+        setResetError(null);
+    };
+    const confirmReset = () => {
+        if (resetPending || adapterId === null)
+            return;
+        const cacheKey = `${adapterId}|${providerId ?? ''}`;
+        setResetPending(true);
+        setResetError(null);
+        void (async () => {
+            try {
+                const result = await callCliRpc(props.rpc, 'subscription/reset', {
+                    adapterId,
+                    ...(providerId === null ? {} : { providerId }),
+                });
+                setResetResult(result.outcome);
+                // 重置改变了窗口与次数，必须绕过进程内缓存重新读取。
+                subscriptionUsageCache.delete(cacheKey);
+                await refreshRef.current?.();
+            }
+            catch (error) {
+                setResetError(error instanceof Error ? error.message : '');
+            }
+            finally {
+                setResetPending(false);
+            }
+        })();
+    };
     useDismissOnOutsidePointer(rootRef, open, () => setOpen(false));
+    useDismissOnOutsidePointer(resetDialogRef, resetOpen && !resetPending, closeResetDialog);
     // 未拿到真实订阅数据时不占用底部栏空间；加载状态不能伪装成订阅存在。
     if (!eligible || usage === null || (usage.sub2api === undefined && usage.deepseek === undefined && usage.providerBalance === undefined && resolveDisplayWindow(usage) === null))
         return null;
     const sub2api = usage.sub2api;
     const deepseek = usage.deepseek;
     const providerBalance = usage.providerBalance;
+    const isNewApiProvider = providerBalance !== undefined && usage.provider?.capability === 'new-api';
     const displayWindow = sub2api === undefined && deepseek === undefined && providerBalance === undefined ? resolveDisplayWindow(usage) : null;
     const remaining = displayWindow?.remainingPercent ?? null;
-    const resetLabel = displayWindow === null ? null : formatCountdown(displayWindow.resetsAt, clock);
-    const providerName = subscriptionProviderName(adapterId, providerId, usage);
+    const resetLabel = displayWindow === null ? null : formatCountdown(displayWindow.resetsAt, t, clock);
+    const providerName = subscriptionProviderName(adapterId, providerId, usage, t);
     const deepseekBalance = deepseek === undefined ? null : selectDeepseekBalance(deepseek);
-    const providerLogoSource = usage.provider?.logoDataUrl ?? (isRemoteWebContext() ? '' : usage.provider?.logoUrl ?? '');
-    const deepseekIconSource = providerLogoSource || (providerBalance === undefined ? providerIconUrl('dsh') : '');
+    const providerBalanceRemaining = providerBalance === undefined ? null : balancePercent(providerBalance.remaining, providerBalance.total);
+    const providerBalancePlan = providerBalance?.planName?.trim() || null;
+    const newApiHeadline = isNewApiProvider && providerBalance !== undefined ? formatNewApiHeadline(providerBalance) : null;
+    // 官方余额读取器可能没有可直连的 Provider Logo；此时统一回退到当前
+    // 适配器注册的内置图标，ZCode 等 Agent 不再显示空 src 的破图。
+    const adapterIconSource = providerIconUrl(adapterId ?? 'dsh') ?? '';
+    const providerLogoSource = usage.provider?.logoDataUrl?.trim() || (!isRemoteWebContext() ? usage.provider?.logoUrl?.trim() : '') || adapterIconSource;
+    const deepseekIconSource = providerLogoSource;
     const label = sub2api === undefined && deepseek === undefined && providerBalance === undefined
-        ? `${providerName} 订阅余量 ${formatPercent(remaining ?? 0)}%`
+        ? t('usage.remainingLabel', { provider: providerName, percent: formatPercent(remaining ?? 0) })
         : sub2api !== undefined
-            ? `${providerName} 上游余额 ${formatSub2ApiMoney(sub2api.balance, sub2api.unit)}`
+            ? t('usage.upstreamBalanceLabel', { provider: providerName, amount: formatSub2ApiMoney(sub2api.balance, sub2api.unit) })
             : deepseek !== undefined
-                ? `${providerName} 余额 ${deepseekBalance === null ? '不可用' : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency)}`
-                : `${providerName} 余量 ${formatProviderBalance(providerBalance)}`;
+                ? t('usage.balanceLabel', { provider: providerName, amount: deepseekBalance === null ? t('usage.unavailable') : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency) })
+                : isNewApiProvider
+                    ? newApiHeadline === null ? providerName : `${providerName} ${newApiHeadline}`
+                    : providerBalancePlan === null
+                        ? t('usage.providerBalanceLabel', { provider: providerName, amount: formatProviderBalance(providerBalance, t('usage.upstreamNotProvided')) })
+                        : t('usage.providerBalancePlanLabel', { provider: providerName, plan: providerBalancePlan, amount: formatProviderBalance(providerBalance, t('usage.upstreamNotProvided')) });
     const logoSource = providerLogoSource || (sub2api === undefined ? '' : (sub2api.logoDataUrl ?? (isRemoteWebContext() ? '' : sub2api.logoUrl)));
+    const resetCredits = usage.resetCredits;
+    // 重置只对官方 Codex 订阅开放；第三方上游走 sub2api 面板，不会带出重置券。
+    const resetRequest = adapterId === 'codex' && resetCredits !== null
+        ? {
+            enabled: resetCredits.availableCount > 0 && !resetPending,
+            onRequest: () => {
+                setOpen(false);
+                setResetResult(null);
+                setResetError(null);
+                setResetOpen(true);
+            },
+        }
+        : null;
     const triggerContent = sub2api === undefined && deepseek === undefined && providerBalance === undefined
         ? createElement('span', { 'aria-hidden': true, style: progressRingStyle() }, createElement('span', { style: { ...progressRingVisualStyle, background: progressRingVisualBackground(remaining === null ? 0 : remaining / 100, false) } }, createElement('span', { style: progressRingValueStyle }, createElement('span', undefined, formatRingPercentage(remaining ?? 0)), createElement('span', { style: progressRingSuffixStyle }, '%'))))
         : sub2api !== undefined
             ? createElement('span', { 'aria-hidden': true, style: sub2apiIdentityStyle }, createElement('img', { src: logoSource || providerIconUrl(adapterId ?? 'dsh') || '', alt: '', width: 20, height: 20, style: sub2apiLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value' }, formatSub2ApiMoney(sub2api.balance, sub2api.unit)))
             : deepseek !== undefined
-                ? createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, deepseekBalance === null ? '--' : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency)))
-                : createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, formatProviderBalance(providerBalance)));
+                ? createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== '' && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, deepseekBalance === null ? '--' : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency)))
+                : isNewApiProvider
+                    ? createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== '' && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), newApiHeadline !== null && createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, newApiHeadline))
+                    : providerBalanceRemaining !== null
+                        ? createRemainingRing(providerBalanceRemaining)
+                        : createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== '' && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, formatProviderBalance(providerBalance, t('usage.upstreamNotProvided'))));
     return createElement('div', { ref: rootRef, style: subscriptionRootStyle }, createElement('button', {
         type: 'button',
         className: 'codingns4dsh-subscription-trigger',
@@ -163,48 +264,312 @@ function CommandCodeSubscriptionSlot(props) {
         'aria-expanded': open,
         style: subscriptionTriggerStyle,
     }, triggerContent, createElement('span', { className: 'codingns4dsh-subscription-label', style: subscriptionLabelStyle }, sub2api === undefined && deepseek === undefined && providerBalance === undefined
-        ? (resetLabel ?? '订阅余量')
-        : sub2api !== undefined ? `今日 ${formatSub2ApiMoney(sub2api.today.cost, sub2api.unit)}` : deepseek !== undefined ? '账户余额' : '官方余量')), open && createElement(SubscriptionPopover, { usage, providerName }));
+        ? (resetLabel ?? t('usage.subscriptionRemaining'))
+        : sub2api !== undefined ? t('usage.todayCostShort', { amount: formatSub2ApiMoney(sub2api.today.cost, sub2api.unit) }) : deepseek !== undefined ? t('usage.accountBalance') : isNewApiProvider ? providerName : providerBalancePlan ?? t('usage.officialRemaining'))), open && createElement(SubscriptionPopover, { usage, providerName, t, nowMs: clock, reset: resetRequest }), resetOpen && createElement(ResetConfirmDialog, {
+        count: resetCredits?.availableCount ?? 0,
+        pending: resetPending,
+        result: resetResult,
+        error: resetError,
+        t,
+        onCancel: closeResetDialog,
+        onConfirm: confirmReset,
+        onClose: closeResetDialog,
+        dialogRef: resetDialogRef,
+    }));
 }
-function SubscriptionPopover({ usage, providerName }) {
+function SubscriptionPopover({ usage, providerName, t, nowMs, reset }) {
     if (usage.sub2api !== undefined)
-        return createElement(Sub2ApiPopover, { usage: usage.sub2api, providerName });
+        return createElement(Sub2ApiPopover, { usage: usage.sub2api, providerName, t });
     if (usage.deepseek !== undefined)
-        return createElement(DeepseekPopover, { usage: usage.deepseek, providerName });
-    if (usage.providerBalance !== undefined)
-        return createElement(ProviderBalancePopover, { usage: usage.providerBalance, providerName });
+        return createElement(DeepseekPopover, { usage: usage.deepseek, providerName, t });
+    if (usage.providerBalance !== undefined) {
+        if (usage.provider?.capability === 'new-api')
+            return createElement(NewApiPopover, { usage: usage.providerBalance, providerName, t });
+        return createElement(ProviderBalancePopover, { usage: usage.providerBalance, providerName, t, nowMs });
+    }
     const windows = [
-        { id: 'primary', label: formatSubscriptionWindowLabel(usage.primary, '5 小时额度'), window: usage.primary },
-        { id: 'secondary', label: formatSubscriptionWindowLabel(usage.secondary, '周额度'), window: usage.secondary },
-        { id: 'monthly', label: formatSubscriptionWindowLabel(usage.monthly, '月额度'), window: usage.monthly },
+        { id: 'primary', label: formatSubscriptionWindowLabel(usage.primary, t('usage.windowFiveHour'), t), window: usage.primary },
+        { id: 'secondary', label: formatSubscriptionWindowLabel(usage.secondary, t('usage.windowWeekly'), t), window: usage.secondary },
+        { id: 'monthly', label: formatSubscriptionWindowLabel(usage.monthly, t('usage.windowMonthly'), t), window: usage.monthly },
     ];
-    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 订阅使用情况`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 订阅`), usage.planType && createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatPlanType(usage.planType))), ...windows.map(({ id, label, window }) => window === null ? null : createElement('section', { key: id, style: windowStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, label), createElement('span', undefined, `${formatPercent(window.remainingPercent)}%`)), createElement('div', { role: 'progressbar', 'aria-label': `${label}剩余 ${formatPercent(window.remainingPercent)}%`, 'aria-valuemin': 0, 'aria-valuemax': 100, 'aria-valuenow': window.remainingPercent, style: barStyle }, createElement('span', { style: { ...barFillStyle, width: `${window.remainingPercent}%` } })), window.resetsAt !== null && createElement('div', { style: resetStyle }, `重置于 ${formatCountdown(window.resetsAt)}`))));
+    const credits = usage.credits ?? null;
+    const creditText = credits === null
+        ? null
+        : credits.unlimited
+            ? t('usage.creditUnlimited')
+            : credits.balance !== null
+                ? formatCreditBalance(credits.balance)
+                : credits.hasCredits ? '0.00' : '--';
+    const expiries = usage.resetCredits === null
+        ? []
+        : usage.resetCredits.credits
+            .map((credit) => credit.expiresAt)
+            .filter((expiry) => expiry !== null)
+            .sort((left, right) => left - right);
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': t('usage.popoverSubscriptionUsage', { provider: providerName }), style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, t('usage.popoverSubscriptionTitle', { provider: providerName })), usage.planType && createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatPlanType(usage.planType))), ...windows.map(({ id, label, window }) => window === null ? null : createElement('section', { key: id, style: windowStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, label), createElement('span', undefined, `${formatPercent(window.remainingPercent)}%`)), createElement('div', { role: 'progressbar', 'aria-label': t('usage.windowRemaining', { label, percent: formatPercent(window.remainingPercent) }), 'aria-valuemin': 0, 'aria-valuemax': 100, 'aria-valuenow': window.remainingPercent, style: barStyle }, createElement('span', { style: { ...barFillStyle, width: `${window.remainingPercent}%` } })), window.resetsAt !== null && createElement('div', { style: resetStyle }, t('usage.resetsIn', { time: formatCountdown(window.resetsAt, t) })))), (creditText !== null || usage.resetCredits !== null) && createElement('section', { style: resetCreditsSectionStyle }, creditText !== null && createElement('div', { style: resetCreditsRowStyle }, createElement('span', undefined, t('usage.creditBalanceLabel')), createElement('span', { style: resetCreditsValueStyle }, creditText)), usage.resetCredits !== null && createElement('div', { style: resetCreditsRowStyle }, createElement('span', undefined, t('usage.resetCreditsLabel')), createElement('span', { style: resetCreditsValueGroupStyle }, createElement('span', { style: resetCreditsValueStyle }, t('usage.resetCreditsCount', { count: usage.resetCredits.availableCount })), reset !== null && createElement('button', {
+        type: 'button',
+        className: 'codingns4dsh-subscription-reset',
+        disabled: !reset.enabled,
+        onClick: reset.onRequest,
+        title: reset.enabled ? t('usage.resetTooltipReady') : t('usage.resetTooltipNone'),
+        'aria-label': t('usage.resetButton'),
+    }, createElement(ResetIcon, undefined)))), expiries.slice(0, 3).map((expiry, index) => createElement('div', { key: `${expiry}-${index}`, style: resetCreditsExpiryStyle }, t('usage.resetCreditsExpiresAt', { time: formatResetExpiry(expiry, t, nowMs) }))), expiries.length > 3 && createElement('div', { style: resetCreditsExpiryStyle }, t('usage.resetCreditsMore', { count: expiries.length - 3 }))));
+}
+/** 重置按钮复用会话变更视图的刷新字形，保持插件内图标语言一致。 */
+function ResetIcon() {
+    return createElement('svg', { width: 14, height: 14, viewBox: '0 0 20 20', fill: 'none', 'aria-hidden': true }, createElement('path', { d: 'M16 8.5A6.2 6.2 0 1 0 16.1 12', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round' }), createElement('path', { d: 'M16 4.5v4h-4', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' }));
+}
+function ResetConfirmDialog({ count, pending, result, error, t, onCancel, onConfirm, onClose, dialogRef }) {
+    const finished = result !== null || error !== null;
+    const message = pending
+        ? t('usage.resetDialogPending')
+        : result !== null
+            ? resetOutcomeMessage(result, t)
+            : error !== null && error.trim() !== ''
+                ? error
+                : t('usage.resetDialogBody', { count });
+    const messageColor = error !== null
+        ? dshThemeColor.error
+        : result === 'reset' || result === 'alreadyRedeemed' ? dshThemeColor.success : dshThemeColor.labelTertiary;
+    return createElement('div', { className: 'codingns4dsh-subscription-reset-overlay', role: 'presentation', style: resetDialogOverlayStyle }, createElement('div', {
+        ref: dialogRef,
+        role: 'dialog',
+        'aria-modal': true,
+        'aria-label': t('usage.resetDialogTitle'),
+        style: resetDialogStyle,
+    }, createElement('div', { style: { display: 'grid', gap: 4 } }, createElement('strong', { style: { fontSize: 14, lineHeight: 1.4 } }, t('usage.resetDialogTitle')), createElement('span', { style: { color: messageColor, fontSize: 12, lineHeight: '18px' } }, message)), createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: 8, paddingTop: 4 } }, finished
+        ? createElement('button', { type: 'button', onClick: onClose, style: dshSettingsPrimaryButtonStyle }, t('usage.resetDialogClose'))
+        : createElement('button', { type: 'button', disabled: pending, onClick: onCancel, style: dshSettingsButtonStyle, autoFocus: true }, t('usage.resetDialogCancel')), !finished && createElement('button', { type: 'button', disabled: pending, onClick: onConfirm, style: dshSettingsPrimaryButtonStyle }, t('usage.resetDialogConfirm')))));
+}
+function resetOutcomeMessage(outcome, t) {
+    switch (outcome) {
+        case 'reset': return t('usage.resetOutcomeReset');
+        case 'alreadyRedeemed': return t('usage.resetOutcomeAlreadyRedeemed');
+        case 'nothingToReset': return t('usage.resetOutcomeNothingToReset');
+        case 'noCredit': return t('usage.resetOutcomeNoCredit');
+    }
 }
 /** 根据服务端返回的窗口时长生成准确的额度标签，避免把七天窗口误显示成五小时。 */
-function formatSubscriptionWindowLabel(window, fallback) {
+function formatSubscriptionWindowLabel(window, fallback, t) {
     const durationMins = window?.windowDurationMins;
     if (durationMins === null || durationMins === undefined || !Number.isFinite(durationMins) || durationMins <= 0)
         return fallback;
     if (durationMins % (24 * 60) === 0)
-        return `${durationMins / (24 * 60)} 天额度`;
+        return t('usage.windowDays', { count: durationMins / (24 * 60) });
     if (durationMins % 60 === 0)
-        return `${durationMins / 60} 小时额度`;
-    return `${durationMins} 分钟额度`;
+        return t('usage.windowHours', { count: durationMins / 60 });
+    return t('usage.windowMinutes', { count: durationMins });
 }
-function ProviderBalancePopover({ usage, providerName }) {
-    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 官方余量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 官方余量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatProviderBalance(usage))), usage.used !== null && usage.total !== null && createElement('div', { style: upstreamMetaStyle }, `已用 ${formatProviderBalanceValue(usage.used, usage.unit)} / ${formatProviderBalanceValue(usage.total, usage.unit)}`), usage.details.length === 0
-        ? createElement('div', { style: resetStyle }, '暂无更多统计')
-        : usage.details.map((item) => createElement('div', { key: item.label, style: deepseekBalanceDetailsStyle }, createElement('span', undefined, item.label), createElement('span', undefined, String(item.value)))));
+/**
+ * New-API 的普通 Key 没有 Sub2API 那种统一的完整统计对象。
+ * 这里只投影读取器明确拿到的真实数值，隐藏内部 quota、Key 状态和占位文本，
+ * 并把日志返回的模型/日期汇总拆成短表格，避免一整串文本撑坏弹层。
+ */
+function NewApiPopover({ usage, providerName, t }) {
+    const labels = NEW_API_DETAIL_LABELS;
+    const details = usage.details.filter((item) => isNewApiDisplayValue(item.value));
+    const find = (...labels) => {
+        for (const label of labels) {
+            const item = details.find((candidate) => candidate.label === label);
+            if (item !== undefined)
+                return item.value;
+        }
+        return null;
+    };
+    const stats = [];
+    const remaining = resolveNewApiRemaining(usage, details);
+    if (remaining !== null)
+        stats.push({ label: t('usage.newApiBalance'), value: formatNewApiBalanceAmount(remaining, usage.unit) });
+    // Token 接口的 total_used 是内部 quota，即使 unit 写成 TOKENS 也不把它
+    // 当作真实 Token；只有日志明确聚合出的 Token 才能展示。
+    const todayTokens = find(labels.todayTokensLogs);
+    if (todayTokens !== null)
+        stats.push({ label: t('usage.statTodayTokens'), value: formatNewApiMetric(todayTokens, usage.unit, true) });
+    const totalTokens = find(labels.totalTokensLogs);
+    if (totalTokens !== null)
+        stats.push({ label: t('usage.statTotalTokens'), value: formatNewApiMetric(totalTokens, usage.unit, true) });
+    const feeUnit = resolveNewApiFeeUnit(usage, details, labels);
+    const todayCost = find(labels.todayCost);
+    if (todayCost !== null && feeUnit !== null)
+        stats.push({ label: t('usage.statTodayCost'), value: formatNewApiMetric(todayCost, feeUnit, false) });
+    const totalCost = find(labels.totalCost);
+    if (totalCost !== null && feeUnit !== null)
+        stats.push({ label: t('usage.statTotalCost'), value: formatNewApiMetric(totalCost, feeUnit, false) });
+    const cacheHitRate = find(labels.cacheHitRateLogs);
+    if (cacheHitRate !== null)
+        stats.push({ label: t('usage.statTotalCacheHitRate'), value: String(cacheHitRate) });
+    const models = parseNewApiStats(find(labels.modelsLogs));
+    const daily = parseNewApiStats(find(labels.dailyLogs));
+    const headline = formatNewApiHeadline(usage, details);
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': t('usage.upstreamUsageTitle', { provider: providerName }), style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, t('usage.upstreamUsageTitle', { provider: providerName })), headline !== null && createElement('span', { style: { color: dshThemeColor.labelTertiary } }, headline)), stats.length > 0 && createElement('div', { style: sub2apiStatsGridStyle }, ...stats.map((stat) => createSub2ApiStat(stat.label, stat.value))), models.length > 0 && createNewApiStatsTable(t('usage.byModel'), models, t('usage.colModel'), t('usage.colRequests'), t('usage.colToken')), daily.length > 0 && createNewApiStatsTable(t('usage.byDay'), daily, t('usage.colDate'), t('usage.colRequests'), t('usage.colToken')));
+}
+const NEW_API_DETAIL_LABELS = {
+    todayTokensLogs: `${String.fromCodePoint(0x4eca, 0x65e5)} Token${String.fromCodePoint(0xff08, 0x6700, 0x8fd1, 0x65e5, 0x5fd7, 0xff09)}`,
+    totalTokensLogs: `${String.fromCodePoint(0x7d2f, 0x8ba1)} Token${String.fromCodePoint(0xff08, 0x6700, 0x8fd1, 0x65e5, 0x5fd7, 0xff09)}`,
+    todayCost: String.fromCodePoint(0x4eca, 0x65e5, 0x8d39, 0x7528),
+    totalCost: String.fromCodePoint(0x7d2f, 0x8ba1, 0x8d39, 0x7528),
+    cacheHitRateLogs: `${String.fromCodePoint(0x7f13, 0x5b58, 0x547d, 0x4e2d, 0x7387)}${String.fromCodePoint(0xff08, 0x6700, 0x8fd1, 0x65e5, 0x5fd7, 0xff09)}`,
+    modelsLogs: `${String.fromCodePoint(0x6309, 0x6a21, 0x578b, 0x7edf, 0x8ba1)}${String.fromCodePoint(0xff08, 0x6700, 0x8fd1, 0x65e5, 0x5fd7, 0xff09)}`,
+    dailyLogs: `${String.fromCodePoint(0x6309, 0x65e5, 0x7edf, 0x8ba1)}${String.fromCodePoint(0xff08, 0x6700, 0x8fd1, 0x65e5, 0x5fd7, 0xff09)}`,
+    remainingBalance: String.fromCodePoint(0x4f59, 0x989d, 0x2f, 0x5269, 0x4f59, 0x989d, 0x5ea6),
+    unavailable: String.fromCodePoint(0x4e0a, 0x6e38, 0x672a, 0x63d0, 0x4f9b),
+    unknownUnit: String.fromCodePoint(0x4e0a, 0x6e38, 0x5355, 0x4f4d, 0x672a, 0x660e, 0x786e),
+    upstreamUnit: String.fromCodePoint(0x4e0a, 0x6e38, 0x5355, 0x4f4d),
+    delimiter: String.fromCodePoint(0xff1b),
+};
+function resolveNewApiFeeUnit(usage, details, labels) {
+    if (usage.currency?.trim().toUpperCase() === 'USD')
+        return 'USD';
+    const declared = details.find((item) => item.label === labels.upstreamUnit);
+    return typeof declared?.value === 'string' && declared.value.trim().toUpperCase() === 'USD' ? 'USD' : null;
+}
+function isNewApiDisplayValue(value) {
+    if (typeof value === 'number')
+        return Number.isFinite(value);
+    const normalized = value.trim();
+    return normalized !== '' && normalized !== '--' && normalized !== NEW_API_DETAIL_LABELS.unavailable && normalized !== NEW_API_DETAIL_LABELS.unknownUnit;
 }
-function DeepseekPopover({ usage, providerName }) {
-    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 账户余额`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 账户余额`), createElement('span', { style: { color: usage.isAvailable === false ? dshThemeColor.error : dshThemeColor.labelTertiary } }, usage.isAvailable === false ? '不可用' : '可用')), usage.balances.map((balance) => createElement('section', { key: balance.currency, style: deepseekBalanceSectionStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, balance.currency), createElement('strong', undefined, formatDeepseekMoney(balance.totalBalance, balance.currency))), createElement('div', { style: deepseekBalanceDetailsStyle }, createElement('span', undefined, `赠送 ${formatDeepseekMoney(balance.grantedBalance, balance.currency)}`), createElement('span', undefined, `充值 ${formatDeepseekMoney(balance.toppedUpBalance, balance.currency)}`)))), createElement('div', { style: deepseekUnavailableStatsStyle }, '官方 DeepSeek API 当前只提供账户余额接口，暂无请求量、Token 或费用明细。'));
+function formatNewApiMetric(value, unit, token) {
+    const numeric = typeof value === 'number' ? value : Number(value);
+    if (!Number.isFinite(numeric))
+        return String(value);
+    if (token)
+        return formatCompactTokenCount(numeric);
+    return formatProviderBalanceAmount(numeric, unit);
 }
-function Sub2ApiPopover({ usage, providerName }) {
-    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 上游用量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 上游用量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatSub2ApiMoney(usage.balance, usage.unit))), createElement('div', { style: upstreamMetaStyle }, createElement('span', { style: upstreamTypeStyle }, usage.upstreamType), usage.upstreamUrl === ''
-        ? createElement('span', { style: upstreamMutedStyle }, '地址未提供')
-        : createElement('a', { href: usage.upstreamUrl, target: '_blank', rel: 'noreferrer', title: usage.upstreamUrl, style: upstreamLinkStyle }, usage.upstreamUrl)), createElement('div', { style: sub2apiStatsGridStyle }, createSub2ApiStat('今日请求数', formatInteger(usage.today.requests)), createSub2ApiStat('今日 Token 用量', formatSub2ApiTokens(usage.today.totalTokens)), createSub2ApiStat('今日费用', formatSub2ApiMoney(usage.today.cost, usage.unit)), createSub2ApiStat('累计请求数', formatInteger(usage.total.requests)), createSub2ApiStat('累计 Token 用量', formatSub2ApiTokens(usage.total.totalTokens)), createSub2ApiStat('累计费用', formatSub2ApiMoney(usage.total.cost, usage.unit)), createSub2ApiStat('今日缓存命中率', formatSub2ApiPercent(usage.today.cacheHitRate)), createSub2ApiStat('累计缓存命中率', formatSub2ApiPercent(usage.total.cacheHitRate))), createElement('section', { style: sub2apiSectionStyle }, createElement('strong', { style: sub2apiSectionTitleStyle }, '按模型统计'), usage.models.length === 0
-        ? createElement('div', { style: resetStyle }, '暂无按模型统计')
-        : createElement('div', { style: sub2apiTableScrollStyle }, createElement('table', { style: sub2apiTableStyle }, createElement('thead', undefined, createElement('tr', undefined, createElement('th', { style: sub2apiThStyle }, '模型'), createElement('th', { style: sub2apiThStyle }, '请求'), createElement('th', { style: sub2apiThStyle }, 'Token'), createElement('th', { style: sub2apiThStyle }, '费用'), createElement('th', { style: sub2apiThStyle }, '缓存'))), createElement('tbody', undefined, ...usage.models.map((model) => createModelRow(model, usage.unit)))))));
+function formatNewApiHeadline(usage, details = usage.details) {
+    // New-API 可能同时返回 unlimited_quota=true 与明确的 remaining。这里只
+    // 显示明确余额；令牌额度标记不是账户余额，不能投影成“无限额度”。
+    const remaining = resolveNewApiRemaining(usage, details);
+    if (remaining !== null && Number.isFinite(remaining))
+        return formatNewApiBalanceValue(remaining, usage.unit);
+    return null;
+}
+function resolveNewApiRemaining(usage, details) {
+    if (usage.remaining !== null && Number.isFinite(usage.remaining))
+        return usage.remaining;
+    const detail = details.find((item) => item.label === NEW_API_DETAIL_LABELS.remainingBalance);
+    return typeof detail?.value === 'number' && Number.isFinite(detail.value) ? detail.value : null;
+}
+function formatNewApiBalanceValue(value, unit) {
+    const normalized = unit?.trim().toUpperCase() ?? '';
+    if (normalized === '')
+        return formatNewApiDecimal(value);
+    if (normalized !== 'USD')
+        return formatProviderBalanceValue(value, unit);
+    return `$${formatNewApiDecimal(value)}`;
+}
+function formatNewApiBalanceAmount(value, unit) {
+    const normalized = unit?.trim().toUpperCase() ?? '';
+    if (normalized === '')
+        return formatNewApiDecimal(value);
+    if (normalized !== 'USD')
+        return formatProviderBalanceAmount(value, unit);
+    return `$${formatNewApiDecimal(value)}`;
+}
+function formatNewApiDecimal(value) {
+    if (!Number.isFinite(value))
+        return '--';
+    if (value === 0)
+        return '0.00';
+    if (Math.abs(value) >= 0.01)
+        return value.toFixed(2);
+    const precision = 6;
+    return value.toFixed(precision).replace(/0+$/u, '').replace(/\.$/u, '');
+}
+function parseNewApiStats(value) {
+    if (typeof value !== 'string')
+        return [];
+    return value.split(NEW_API_DETAIL_LABELS.delimiter).flatMap((part) => {
+        const match = /^\s*(.+?):\s*([\d,.]+(?:[KMB])?)\s*Token\s*\/\s*([\d,]+)\s*次\s*$/u.exec(part);
+        if (match === null)
+            return [];
+        return [{ name: match[1].trim(), tokens: match[2], requests: match[3] }];
+    });
+}
+function createNewApiStatsTable(title, rows, nameLabel, requestsLabel, tokensLabel) {
+    return createElement('section', { style: sub2apiSectionStyle }, createElement('strong', { style: sub2apiSectionTitleStyle }, title), createElement('div', { style: sub2apiTableScrollStyle }, createElement('table', { style: sub2apiTableStyle }, createElement('thead', undefined, createElement('tr', undefined, createElement('th', { style: sub2apiThStyle }, nameLabel), createElement('th', { style: sub2apiThStyle }, requestsLabel), createElement('th', { style: sub2apiThStyle }, tokensLabel))), createElement('tbody', undefined, ...rows.map((row) => createElement('tr', { key: `${row.name}-${row.requests}` }, createElement('td', { style: sub2apiTdStyle }, row.name), createElement('td', { style: sub2apiTdStyle }, row.requests), createElement('td', { style: sub2apiTdStyle }, row.tokens)))))));
+}
+function ProviderBalancePopover({ usage, providerName, t, nowMs }) {
+    const models = summarizeProviderBalance(usage);
+    const overallPercent = balancePercent(usage.remaining, usage.total);
+    const details = usage.details.filter((item) => !isProviderModelDetail(item.label));
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': t('usage.officialRemainingPopover', { provider: providerName }), style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('span', { style: providerBalanceHeadingStyle }, createElement('strong', undefined, providerName), usage.planName?.trim() && createElement('span', { style: providerBalancePlanStyle }, usage.planName.trim())), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatProviderBalance(usage, t('usage.upstreamNotProvided')))), overallPercent !== null && usage.remaining !== null && usage.total !== null && createElement(BalanceProgress, {
+        label: t('usage.officialRemainingPopover', { provider: providerName }),
+        percent: overallPercent,
+        value: `${formatProviderBalanceAmount(usage.remaining, usage.unit)} / ${formatProviderBalanceAmount(usage.total, usage.unit)}`,
+        style: overallBalanceStyle,
+    }), usage.used !== null && createElement('div', { style: balanceMetaStyle }, t('usage.usedShort', { amount: formatProviderBalanceAmount(usage.used, usage.unit) })), createElement('section', { style: providerDetailsSectionStyle }, createElement('strong', { style: providerBalanceSectionTitleStyle }, t('usage.providerDetails')), details.length === 0
+        ? createElement('div', { style: resetStyle }, t('usage.upstreamNotProvided'))
+        : details.map((item, index) => createElement('div', { key: `${item.label}-${index}`, style: providerDetailRowStyle }, createElement('span', undefined, item.label), createElement('span', { style: providerDetailValueStyle }, formatProviderDetailValue(item.value, t))))), models.length === 0
+        ? createElement('div', { style: resetStyle }, t('usage.noMoreStats'))
+        : models.map((model) => createElement('section', { key: model.name, style: providerBalanceModelStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, model.name), createElement('span', undefined, model.total === null ? formatProviderBalanceAmount(model.remaining ?? 0, usage.unit) : `${formatProviderBalanceAmount(model.remaining ?? 0, usage.unit)} / ${formatProviderBalanceAmount(model.total, usage.unit)}`)), model.total !== null && model.remaining !== null && createElement(BalanceProgress, {
+            label: model.name,
+            percent: balancePercent(model.remaining, model.total) ?? 0,
+            value: '',
+        }), createElement('div', { style: balanceMetaStyle }, model.used === null ? null : createElement('span', undefined, t('usage.usedShort', { amount: formatProviderBalanceAmount(model.used, usage.unit) })), model.periodEnd === null ? null : createElement('span', undefined, t('usage.expiresIn', { time: formatExpiryCountdown(model.periodEnd, t, nowMs) }))))));
+}
+function BalanceProgress({ label, percent, value, style }) {
+    const normalized = Math.max(0, Math.min(100, percent));
+    return createElement('div', { style: style ?? providerBalanceProgressStyle }, createElement('div', { style: balanceProgressHeaderStyle }, createElement('span', { style: visuallyHiddenStyle }, label), value !== '' && createElement('span', { style: balanceProgressValueStyle }, value), createElement('span', { style: balanceProgressPercentStyle }, `${Math.round(normalized)}%`)), createElement('div', { role: 'progressbar', 'aria-label': label, 'aria-valuemin': 0, 'aria-valuemax': 100, 'aria-valuenow': normalized, style: providerBalanceBarStyle }, createElement('span', { style: { ...providerBalanceBarFillStyle, width: `${normalized}%` } })));
+}
+function summarizeProviderBalance(usage) {
+    const models = new Map();
+    for (const item of usage.details) {
+        const label = item.label.trim();
+        const matched = PROVIDER_DETAIL_SUFFIXES.find(({ suffix }) => label.endsWith(` ${suffix}`));
+        if (matched === undefined)
+            continue;
+        const name = label.slice(0, -(matched.suffix.length + 1)).trim();
+        if (name === '')
+            continue;
+        const model = models.get(name) ?? { name, remaining: null, used: null, total: null, periodEnd: null };
+        if (matched.kind === 'remaining')
+            model.remaining = typeof item.value === 'number' ? item.value : null;
+        else if (matched.kind === 'used')
+            model.used = typeof item.value === 'number' ? item.value : null;
+        else if (matched.kind === 'total')
+            model.total = typeof item.value === 'number' ? item.value : null;
+        else
+            model.periodEnd = typeof item.value === 'string' ? item.value : null;
+        models.set(name, model);
+    }
+    return [...models.values()];
+}
+function isProviderModelDetail(label) {
+    const normalized = label.trim();
+    return PROVIDER_DETAIL_SUFFIXES.some(({ suffix }) => normalized.endsWith(` ${suffix}`));
+}
+function formatProviderDetailValue(value, t) {
+    if (typeof value === 'number')
+        return Number.isFinite(value) ? String(value) : t('usage.upstreamNotProvided');
+    const normalized = value.trim();
+    return normalized === '' || normalized === '--' ? t('usage.upstreamNotProvided') : normalized;
+}
+const PROVIDER_DETAIL_SUFFIXES = [
+    { suffix: String.fromCodePoint(0x5269, 0x4f59), kind: 'remaining' },
+    { suffix: String.fromCodePoint(0x5df2, 0x7528), kind: 'used' },
+    { suffix: String.fromCodePoint(0x603b, 0x91cf), kind: 'total' },
+    { suffix: String.fromCodePoint(0x5468, 0x671f, 0x7ed3, 0x675f), kind: 'periodEnd' },
+    { suffix: 'remaining', kind: 'remaining' },
+    { suffix: 'used', kind: 'used' },
+    { suffix: 'total', kind: 'total' },
+    { suffix: 'period end', kind: 'periodEnd' },
+];
+function balancePercent(remaining, total) {
+    if (remaining === null || total === null || !Number.isFinite(remaining) || !Number.isFinite(total) || total <= 0)
+        return null;
+    return Math.max(0, Math.min(100, remaining / total * 100));
+}
+function DeepseekPopover({ usage, providerName, t }) {
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': t('usage.providerAccountBalance', { provider: providerName }), style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, t('usage.providerAccountBalance', { provider: providerName })), createElement('span', { style: { color: usage.isAvailable === false ? dshThemeColor.error : dshThemeColor.labelTertiary } }, usage.isAvailable === false ? t('usage.unavailable') : t('usage.available'))), usage.balances.map((balance) => createElement('section', { key: balance.currency, style: deepseekBalanceSectionStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, balance.currency), createElement('strong', undefined, formatDeepseekMoney(balance.totalBalance, balance.currency))), createElement('div', { style: deepseekBalanceDetailsStyle }, createElement('span', undefined, t('usage.granted', { amount: formatDeepseekMoney(balance.grantedBalance, balance.currency) })), createElement('span', undefined, t('usage.toppedUp', { amount: formatDeepseekMoney(balance.toppedUpBalance, balance.currency) }))))), createElement('div', { style: deepseekUnavailableStatsStyle }, t('usage.deepseekApiNote')));
+}
+function Sub2ApiPopover({ usage, providerName, t }) {
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': t('usage.upstreamUsageTitle', { provider: providerName }), style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, t('usage.upstreamUsageTitle', { provider: providerName })), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatSub2ApiMoney(usage.balance, usage.unit))), createElement('div', { style: upstreamMetaStyle }, createElement('span', { style: upstreamTypeStyle }, usage.upstreamType), usage.upstreamUrl === ''
+        ? createElement('span', { style: upstreamMutedStyle }, t('usage.addressMissing'))
+        : createElement('a', { href: usage.upstreamUrl, target: '_blank', rel: 'noreferrer', title: usage.upstreamUrl, style: upstreamLinkStyle }, usage.upstreamUrl)), createElement('div', { style: sub2apiStatsGridStyle }, createSub2ApiStat(t('usage.statTodayRequests'), formatInteger(usage.today.requests)), createSub2ApiStat(t('usage.statTodayTokens'), formatSub2ApiTokens(usage.today.totalTokens)), createSub2ApiStat(t('usage.statTodayCost'), formatSub2ApiMoney(usage.today.cost, usage.unit)), createSub2ApiStat(t('usage.statTotalRequests'), formatInteger(usage.total.requests)), createSub2ApiStat(t('usage.statTotalTokens'), formatSub2ApiTokens(usage.total.totalTokens)), createSub2ApiStat(t('usage.statTotalCost'), formatSub2ApiMoney(usage.total.cost, usage.unit)), createSub2ApiStat(t('usage.statTodayCacheHitRate'), formatSub2ApiPercent(usage.today.cacheHitRate)), createSub2ApiStat(t('usage.statTotalCacheHitRate'), formatSub2ApiPercent(usage.total.cacheHitRate))), createElement('section', { style: sub2apiSectionStyle }, createElement('strong', { style: sub2apiSectionTitleStyle }, t('usage.byModel')), usage.models.length === 0
+        ? createElement('div', { style: resetStyle }, t('usage.noModelStats'))
+        : createElement('div', { style: sub2apiTableScrollStyle }, createElement('table', { style: sub2apiTableStyle }, createElement('thead', undefined, createElement('tr', undefined, createElement('th', { style: sub2apiThStyle }, t('usage.colModel')), createElement('th', { style: sub2apiThStyle }, t('usage.colRequests')), createElement('th', { style: sub2apiThStyle }, t('usage.colToken')), createElement('th', { style: sub2apiThStyle }, t('usage.colCost')), createElement('th', { style: sub2apiThStyle }, t('usage.colCache')))), createElement('tbody', undefined, ...usage.models.map((model) => createModelRow(model, usage.unit)))))));
 }
 function createSub2ApiStat(label, value) {
     return createElement('div', { style: sub2apiStatStyle }, createElement('span', { style: sub2apiStatLabelStyle }, label), createElement('strong', undefined, value));
@@ -218,22 +583,23 @@ function resolveDisplayWindow(usage) {
 function selectDeepseekBalance(usage) {
     return usage.balances.find((balance) => balance.currency.toUpperCase() === 'USD') ?? usage.balances[0] ?? null;
 }
+/** 已具备用量读取契约的适配器才挂载底部订阅入口。 */
 function isSubscriptionAdapter(adapterId) {
-    return adapterId === 'command-code' || adapterId === 'codex' || adapterId === 'claude-code' || adapterId === 'dsh' || adapterId === 'grok' || adapterId === 'kimi' || adapterId === 'opencode';
+    return adapterId === 'command-code' || adapterId === 'codex' || adapterId === 'claude-code' || adapterId === 'codebuddy' || adapterId === 'codebuddy-cn' || adapterId === 'dsh' || adapterId === 'grok' || adapterId === 'kimi' || adapterId === 'opencode' || adapterId === 'workbuddy' || adapterId === 'zcode';
 }
 function isRemoteWebContext() {
     return globalThis.__CODINGNS4DSH_REMOTE_WEB_CONTEXT__ === true;
 }
-function subscriptionProviderName(adapterId, providerId, usage) {
+function subscriptionProviderName(adapterId, providerId, usage, t) {
     if (usage.provider?.displayName)
         return usage.provider.displayName;
     if (adapterId === 'dsh' && providerId !== null) {
         if (/^(?:deepseek(?:-official)?|official-deepseek)$/iu.test(providerId))
-            return 'DeepSeek 官方';
+            return t('usage.providerDeepseekOfficial');
         return formatProviderName(providerId);
     }
     if (adapterId === 'dsh' && usage.sub2api !== undefined)
-        return `${usage.sub2api.upstreamType} 上游`;
+        return t('usage.providerUpstream', { name: usage.sub2api.upstreamType });
     switch (adapterId) {
         case 'command-code': return 'Command Code';
         case 'codex': return 'Codex';
@@ -242,6 +608,10 @@ function subscriptionProviderName(adapterId, providerId, usage) {
         case 'grok': return 'Grok';
         case 'kimi': return 'Kimi Code';
         case 'opencode': return 'OpenCode';
+        case 'zcode': return 'ZCode';
+        case 'codebuddy': return 'CodeBuddy';
+        case 'codebuddy-cn': return 'CodeBuddy';
+        case 'workbuddy': return 'WorkBuddy';
         default: return 'Agent';
     }
 }
@@ -265,24 +635,51 @@ function formatDeepseekMoney(value, currency) {
         return `¥${amount}`;
     return `${amount} ${normalizedCurrency}`;
 }
-function formatProviderBalance(usage) {
+function formatProviderBalance(usage, unavailable = '--') {
     if (usage === undefined || usage.remaining === null)
-        return '--';
+        return unavailable;
     return formatProviderBalanceValue(usage.remaining, usage.unit);
 }
 function formatProviderBalanceValue(value, unit) {
+    const normalized = unit?.trim().toUpperCase() ?? '';
+    const amount = formatProviderBalanceAmount(value, unit);
+    if (normalized === '%' || normalized === 'USD')
+        return amount;
+    return `${amount}${normalized === '' ? '' : ` ${normalized}`}`;
+}
+function formatProviderBalanceAmount(value, unit) {
     const normalized = unit?.trim().toUpperCase() ?? '';
     if (normalized === '%')
         return `${value.toFixed(0)}%`;
+    // 小于 0.01 的非零余额不能被固定两位小数舍成 $0.00；复用
+    // New-API 的金额格式化规则，正常金额保留两位，小额保留非零有效位。
     if (normalized === 'USD')
-        return `$${value.toFixed(2)}`;
-    return `${value.toFixed(2)}${normalized === '' ? '' : ` ${normalized}`}`;
+        return `$${formatNewApiDecimal(value)}`;
+    return isTokenUnit(normalized) ? formatCompactTokenCount(value) : value.toFixed(2);
 }
-function formatSub2ApiTokens(value) { return new Intl.NumberFormat('zh-CN', { notation: 'compact', maximumFractionDigits: 1 }).format(value); }
+function formatSub2ApiTokens(value) { return formatCompactTokenCount(value); }
+function formatCompactTokenCount(value) {
+    if (!Number.isFinite(value))
+        return '--';
+    const absolute = Math.abs(value);
+    const format = (divisor, suffix) => {
+        const amount = value / divisor;
+        const rounded = Math.round(amount * 10) / 10;
+        return `${Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toFixed(1)}${suffix}`;
+    };
+    if (absolute >= 1_000_000_000)
+        return format(1_000_000_000, 'B');
+    if (absolute >= 1_000_000)
+        return format(1_000_000, 'M');
+    if (absolute >= 1_000)
+        return format(1_000, 'K');
+    return String(Math.round(value));
+}
+function isTokenUnit(unit) { return /^(?:TOKENS?|TOKEN_COUNT)$/u.test(unit); }
 function formatSub2ApiPercent(value) { return `${Math.max(0, Math.min(100, value)).toFixed(1)}%`; }
 function formatInteger(value) { return new Intl.NumberFormat('zh-CN').format(Math.max(0, Math.round(value))); }
 function formatPlanType(value) { return value.replace(/^individual-/u, '').replace(/(^|-)([a-z])/gu, (_match, _separator, letter) => ` ${letter.toUpperCase()}`).trim(); }
-function formatCountdown(timestampSeconds, nowMs = Date.now()) {
+function formatCountdown(timestampSeconds, t, nowMs = Date.now()) {
     if (timestampSeconds === null)
         return null;
     const minutes = Math.max(0, Math.ceil((timestampSeconds * 1000 - nowMs) / 60_000));
@@ -290,10 +687,28 @@ function formatCountdown(timestampSeconds, nowMs = Date.now()) {
     const hours = Math.floor((minutes % 1440) / 60);
     const remainder = minutes % 60;
     if (days > 0)
-        return `${days}天${hours}小时后`;
+        return t('usage.countdownDaysHours', { days, hours });
     if (hours > 0)
-        return `${hours}小时${remainder > 0 ? `${remainder}分钟` : ''}后`;
-    return `${remainder}分钟后`;
+        return remainder > 0 ? t('usage.countdownHoursMinutes', { hours, minutes: remainder }) : t('usage.countdownHours', { hours });
+    return t('usage.countdownMinutes', { minutes: remainder });
+}
+function formatExpiryCountdown(value, t, nowMs) {
+    const timestamp = Date.parse(value);
+    if (Number.isNaN(timestamp))
+        return value;
+    if (timestamp <= nowMs)
+        return t('usage.expired');
+    return formatCountdown(timestamp / 1000, t, nowMs) ?? t('usage.expired');
+}
+function formatResetExpiry(expiry, t, nowMs) {
+    if (expiry * 1000 <= nowMs)
+        return t('usage.resetCreditsExpired');
+    return formatCountdown(expiry, t, nowMs) ?? t('usage.resetCreditsExpired');
+}
+/** 点数余额保留两位小数展示；无法解析时原样保留上游字符串。 */
+function formatCreditBalance(value) {
+    const numeric = Number(value);
+    return Number.isFinite(numeric) ? numeric.toFixed(2) : value;
 }
 const subscriptionRootStyle = { position: 'relative', minWidth: 0, display: 'inline-flex', alignItems: 'center' };
 const subscriptionTriggerStyle = { display: 'inline-flex', alignItems: 'center', gap: 6, height: 28, border: 0, borderRadius: 14, padding: '0 8px 0 4px', color: dshThemeColor.labelSecondary, background: 'transparent', cursor: 'pointer', fontSize: 13, lineHeight: '20px' };
@@ -303,8 +718,24 @@ const sub2apiLogoStyle = { display: 'block', borderRadius: 4, objectFit: 'contai
 const deepseekBalanceIdentityStyle = { display: 'inline-flex', alignItems: 'center', gap: 5, whiteSpace: 'nowrap', fontVariantNumeric: 'tabular-nums' };
 const deepseekLogoStyle = { display: 'block', borderRadius: 5, objectFit: 'contain' };
 const deepseekBalanceStyle = { display: 'inline-flex', alignItems: 'center', color: dshThemeColor.labelSecondary, fontSize: 13, fontWeight: 600, fontVariantNumeric: 'tabular-nums' };
+const providerBalanceHeadingStyle = { display: 'grid', gap: 2, minWidth: 0 };
+const providerBalancePlanStyle = { color: dshThemeColor.labelTertiary, fontSize: 11, fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
 const deepseekBalanceSectionStyle = { display: 'grid', gap: 6, marginTop: 10, padding: '10px 0 2px', borderTop: `1px solid ${dshThemeColor.border}` };
 const deepseekBalanceDetailsStyle = { display: 'flex', justifyContent: 'space-between', gap: 12, color: dshThemeColor.labelTertiary, fontSize: 12 };
+const overallBalanceStyle = { display: 'grid', gap: 5, marginTop: 10 };
+const providerDetailsSectionStyle = { display: 'grid', gap: 6, marginTop: 12, paddingTop: 10, borderTop: `1px solid ${dshThemeColor.border}` };
+const providerBalanceSectionTitleStyle = { fontSize: 12, color: dshThemeColor.labelSecondary };
+const providerDetailRowStyle = { display: 'flex', justifyContent: 'space-between', gap: 12, color: dshThemeColor.labelTertiary, fontSize: 12, lineHeight: '17px' };
+const providerDetailValueStyle = { color: dshThemeColor.labelSecondary, textAlign: 'right', overflowWrap: 'anywhere' };
+const providerBalanceModelStyle = { display: 'grid', gap: 6, marginTop: 12, paddingTop: 10, borderTop: `1px solid ${dshThemeColor.border}` };
+const providerBalanceProgressStyle = { display: 'grid', gap: 5, marginTop: 10 };
+const balanceProgressHeaderStyle = { display: 'flex', justifyContent: 'space-between', gap: 8, minWidth: 0, color: dshThemeColor.labelTertiary, fontSize: 11, fontVariantNumeric: 'tabular-nums' };
+const balanceProgressValueStyle = { color: dshThemeColor.labelSecondary, fontWeight: 600 };
+const balanceProgressPercentStyle = { color: dshThemeColor.labelTertiary, fontVariantNumeric: 'tabular-nums' };
+const balanceMetaStyle = { display: 'flex', justifyContent: 'space-between', gap: 12, color: dshThemeColor.labelTertiary, fontSize: 11, lineHeight: '16px', fontVariantNumeric: 'tabular-nums' };
+const visuallyHiddenStyle = { position: 'absolute', width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden', clip: 'rect(0, 0, 0, 0)', whiteSpace: 'nowrap', border: 0 };
+const providerBalanceBarStyle = { height: 7, overflow: 'hidden', borderRadius: 4, background: dshThemeColor.border };
+const providerBalanceBarFillStyle = { display: 'block', height: '100%', borderRadius: 4, background: dshThemeColor.accent, transition: 'width .2s ease' };
 const deepseekUnavailableStatsStyle = { marginTop: 12, paddingTop: 10, borderTop: `1px solid ${dshThemeColor.border}`, color: dshThemeColor.labelTertiary, fontSize: 12, lineHeight: '17px' };
 const progressRingVisualStyle = { boxSizing: 'border-box', width: '100%', height: '100%', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', padding: 2, borderRadius: 'inherit' };
 const progressRingValueStyle = { boxSizing: 'border-box', width: '100%', height: '100%', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 0.5, borderRadius: 'inherit', background: dshThemeColor.menuBackground, fontSize: 7, lineHeight: 1, fontWeight: 700, color: dshThemeColor.labelPrimary, whiteSpace: 'nowrap' };
@@ -320,6 +751,13 @@ const barStyle = { height: 7, overflow: 'hidden', borderRadius: 4, background: d
 const barFillStyle = { display: 'block', height: '100%', borderRadius: 4, background: dshThemeColor.accent, transition: 'width .2s ease' };
 const resetStyle = { color: dshThemeColor.labelTertiary, fontSize: 12 };
 const subscriptionPopoverStyle = { ...dshPopupSurfaceStyle, position: 'absolute', zIndex: 1200, bottom: 'calc(100% + 8px)', left: 0, width: 'max-content', minWidth: 280, maxWidth: 'min(400px, calc(100vw - 24px))', boxSizing: 'border-box', padding: 14, borderRadius: 12 };
+const resetCreditsSectionStyle = { display: 'grid', gap: 6, marginTop: 10, padding: '10px 12px', border: `1px solid ${dshThemeColor.border}`, borderRadius: 10, background: dshThemeColor.surfaceSubtle };
+const resetCreditsRowStyle = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, color: dshThemeColor.labelSecondary, fontSize: 13 };
+const resetCreditsValueGroupStyle = { display: 'inline-flex', alignItems: 'center', gap: 8 };
+const resetCreditsValueStyle = { color: dshThemeColor.labelPrimary, fontWeight: 600, fontVariantNumeric: 'tabular-nums' };
+const resetCreditsExpiryStyle = { color: dshThemeColor.labelTertiary, fontSize: 11, lineHeight: '16px', fontVariantNumeric: 'tabular-nums' };
+const resetDialogOverlayStyle = { position: 'fixed', inset: 0, zIndex: 1400, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 20, boxSizing: 'border-box', background: dshThemeColor.overlay };
+const resetDialogStyle = { ...dshPopupSurfaceStyle, width: 'min(100%, 420px)', boxSizing: 'border-box', padding: 16, borderRadius: 12, display: 'grid', gap: 12 };
 const sub2apiStatsGridStyle = { display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8, paddingTop: 12 };
 const sub2apiStatStyle = { display: 'grid', gap: 2, minWidth: 0 };
 const sub2apiStatLabelStyle = { color: dshThemeColor.labelTertiary, fontSize: 11 };
@@ -331,6 +769,9 @@ const sub2apiThStyle = { padding: '4px 5px', textAlign: 'left', color: dshThemeC
 const sub2apiTdStyle = { padding: '5px', borderTop: `1px solid ${dshThemeColor.border}`, color: dshThemeColor.labelSecondary, overflowWrap: 'anywhere' };
 function progressRingStyle() { return { position: 'relative', display: 'inline-flex', flex: '0 0 28px', width: 28, height: 28, alignItems: 'center', justifyContent: 'center', borderRadius: '50%', padding: 0, border: 0, boxShadow: `inset 0 0 0 1px ${dshThemeColor.border}`, background: 'transparent' }; }
 function progressRingVisualBackground(progress, loading) { return loading ? dshThemeColor.border : `conic-gradient(${dshThemeColor.accent} ${Math.max(0, Math.min(1, progress)) * 360}deg, ${dshThemeColor.border} 0deg)`; }
+function createRemainingRing(percent) {
+    return createElement('span', { 'aria-hidden': true, style: progressRingStyle() }, createElement('span', { style: { ...progressRingVisualStyle, background: progressRingVisualBackground(percent / 100, false) } }, createElement('span', { style: progressRingValueStyle }, createElement('span', undefined, formatRingPercentage(percent)), createElement('span', { style: progressRingSuffixStyle }, '%'))));
+}
 export { CommandCodeSubscriptionSlot };
 export const registerCommandCodeSubscriptionSlot = registerSubscriptionSlot;
 //# sourceMappingURL=subscription-slot.js.map