balance-dsh 1.2.2 → 1.3.0

package/lib/client.js

@@ -35,24 +35,44 @@ window.__ModuleLoader__.load({
 .balance-footer__error{color:var(--dsw-alias-state-error-primary)}
 .balance-topup{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:calc(100% + 4px);min-width:0;height:42px;margin:0 -2px;padding:0 10px 0 8px;color:var(--dsw-alias-state-error-primary,#e5484d);font-size:14px;font-weight:600;line-height:22px;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden}
 .balance-topup:hover{text-decoration:underline}
-/* ── 收起态：悬浮 FAB（保持原样） ── */
-.balance-fab{box-sizing:border-box;position:fixed;left:68px;bottom:12px;z-index:40;height:32px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform,var(--dsw-alias-bg-base));border:1px solid var(--dsw-alias-border-l2);border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;pointer-events:auto;box-shadow:0 4px 12px rgba(0,0,0,.10)}
-.balance-fab:hover{background:var(--dsw-alias-interactive-bg-hover)}
-.balance-fab-dark{color:#fff;background:var(--dsw-alias-state-error-primary,#e5484d);border-color:var(--dsw-alias-state-error-primary,#e5484d)}
-.balance-fab-dark:hover{background:#cf3a3f}
-.balance-usage-line{box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
-.balance-usage-line strong{color:var(--dsw-alias-label-primary);font-weight:600}
+/* ── 收起态：圆形悬浮 FAB（组件里 portal 到 body，绕开收起态 footArea 的 display:none） ──
+   liquid glass：半透明底 + backdrop-filter 模糊下层界面 + 顶部高光内阴影 + 柔和外投影。
+   backdrop-filter 要求自身背景半透明才出效果，所以底色用 color-mix 掺透明，
+   并保留主题变量（深/浅色主题都能跟着走）。
+   ⚠️ 必须显式写 corner-shape:round：DSH 主题包（dsh-client-ui-theme）里有一条
+   *,:before,:after{corner-shape:var(--dsw-corner-shape)}，而 --dsw-corner-shape
+   默认是 superellipse(1.5)——不覆盖的话 border-radius:50% 会被渲染成"圆角方形"
+   （squircle），根本不是圆（2026-09-28 用户反馈「很奇怪啊」，截图是 squircle）。
+   DSH 自己的 .pill 也是这么显式写 corner-shape:round 抵消的。 */
+.balance-fab{box-sizing:border-box;position:fixed;left:44px;bottom:12px;z-index:9998;width:60px;height:60px;padding:0;border-radius:50%;corner-shape:round;display:inline-flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;pointer-events:auto;background:color-mix(in srgb,var(--dsw-alias-bg-module-platform,var(--dsw-alias-bg-base,#1b1b1c)) 58%,transparent);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid color-mix(in srgb,var(--dsw-alias-label-primary) 14%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 26%,transparent),inset 0 -1px 1px color-mix(in srgb,#fff 8%,transparent),0 6px 20px rgba(0,0,0,.28);transition:transform .18s var(--ds-ease-in-out,ease-out),background .18s var(--ds-ease-in-out,ease-out),box-shadow .18s var(--ds-ease-in-out,ease-out)}
+.balance-fab:hover{transform:scale(1.06);background:color-mix(in srgb,var(--dsw-alias-bg-module-platform,var(--dsw-alias-bg-base,#1b1b1c)) 76%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 34%,transparent),inset 0 -1px 1px color-mix(in srgb,#fff 10%,transparent),0 10px 26px rgba(0,0,0,.34)}
+.balance-fab:active{transform:scale(.95)}
+/* 金额偏长时（如 ¥1234.56）自动收一号字，免得 60px 圆里挤爆 */
+.balance-fab--dense{font-size:11px;letter-spacing:-.03em}
+.balance-fab-dark{color:#fff;background:color-mix(in srgb,#e5484d 62%,transparent);border-color:color-mix(in srgb,#fff 22%,transparent)}
+.balance-fab-dark:hover{background:color-mix(in srgb,#e5484d 78%,transparent)}
+/* ── 消耗行 pill：规格逐条照抄 DSH 原生 StatsPills 的 .pill（_091hzG_pill）── */
+.balance-usage-wrap{min-width:0;display:inline-flex}
+.balance-usage-line{box-sizing:border-box;corner-shape:round;max-width:100%;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);font-variant-numeric:tabular-nums;line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:1px 8px;display:inline-flex;cursor:pointer;transition:background .15s var(--ds-ease-in-out,.2s)}
+.balance-usage-line svg{flex:none;width:14px;height:14px}
+.balance-usage-line:hover,.balance-usage-line[aria-expanded="true"]{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-secondary)}
+.balance-usage-label{text-overflow:ellipsis;min-width:0;overflow:hidden}
+/* ── 消耗明细浮层：规格照抄 DSH 原生「会话统计」面板（.HS2XBG_panel/.title/.titleRule/.details）── */
+.balance-usage-panel{box-sizing:border-box;position:fixed;z-index:1100;border:0;border-radius:var(--dsw-radius-lg,12px);background:var(--dsw-specific-menu,var(--dsw-alias-bg-module-platform,#242526));width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);backdrop-filter:var(--dsw-menu-backdrop-filter,none);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent,0 8px 24px rgba(0,0,0,.32));color:var(--dsw-alias-label-secondary);cursor:default;padding:16px;font-size:12px;line-height:18px;animation:balance-stats-panel-in .12s var(--ds-ease-in-out,ease-out) both}
+.balance-usage-panel__title{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--dsw-alias-label-primary);font-weight:500}
+.balance-usage-panel__title--second{margin-top:16px}
+.balance-usage-panel__rule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}
+.balance-usage-panel__value{font-variant-numeric:tabular-nums}
+.balance-usage-panel__label{display:inline-flex;align-items:center;gap:6px;min-width:0}
+.balance-usage-panel__label svg{flex:none;width:14px;height:14px}
+.balance-usage-panel__details{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;color:var(--dsw-alias-label-tertiary)}
+.balance-usage-panel__details dt,.balance-usage-panel__details dd{min-width:0;margin:0}
+.balance-usage-panel__details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}
 /* ── 跨会话统计浮层（余额元素的子级，向右/向上展开） ── */
 .balance-stats-anchor{position:relative;display:flex;min-width:0;overflow:visible}
 .balance-stats-anchor--wide{width:100%}
-.balance-stats-anchor--compact{position:fixed;left:68px;bottom:12px;z-index:10000}
+.balance-stats-anchor--compact{position:fixed;left:44px;bottom:12px;z-index:9998}
 .balance-stats-anchor--compact .balance-fab{position:static}
-.balance-platform-layer{box-sizing:border-box;position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:var(--dsw-alias-bg-base-platform,var(--dsw-alias-bg-base,#1b1b1c));animation:balance-stats-backdrop-in .16s var(--ds-ease-in-out,ease-out) both}
-.balance-platform-header{flex:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-bottom:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.2));-webkit-app-region:drag}
-.balance-platform-back{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font:inherit;font-size:13px;cursor:pointer;-webkit-app-region:no-drag;transition:background .15s var(--ds-ease-in-out,.2s)}
-.balance-platform-back svg{flex:none;display:block}
-.balance-platform-back:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
-.balance-platform-viewport{flex:1;min-height:0}
 .balance-stats-layer{box-sizing:border-box;position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--dsw-alias-bg-mask-1,rgba(0,0,0,.24));backdrop-filter:var(--dsw-mask-blur,blur(2px));-webkit-backdrop-filter:var(--dsw-mask-blur,blur(2px));animation:balance-stats-backdrop-in .16s var(--ds-ease-in-out,ease-out) both}
 .balance-stats-layer--closing{pointer-events:none;animation:balance-stats-backdrop-out .14s var(--ds-ease-in-out,ease-in) both}
 .balance-stats-panel{box-sizing:border-box;position:relative;z-index:10000;width:min(800px,100%);max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:0 0 24px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base,#fff));border:0;border-radius:24px;box-shadow:var(--dsw-elevation-prominent,0 14px 36px rgba(0,0,0,.24));transform-origin:center center;will-change:transform,opacity;contain:layout style;animation:balance-stats-panel-in .26s var(--ds-ease-in-out,ease-out) .04s both;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2,rgba(127,127,127,.35));--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2,rgba(127,127,127,.55))}
@@ -105,8 +125,13 @@ window.__ModuleLoader__.load({
 .balance-heatmap-cell--4{background:rgba(22,163,74,.95)}
 .balance-heatmap-cell--blank{visibility:hidden}
 .balance-stats-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--dsw-alias-label-secondary);font-size:11px}
-.balance-stats-link{padding:7px 12px;border:1px solid var(--dsw-alias-border-l2,#d9d9df);border-radius:8px;color:var(--dsw-alias-label-primary);text-decoration:none;background:var(--dsw-alias-bg-module-platform,rgba(127,127,127,.04))}
+/* 底部操作区：官方用量 / 去充值走原生平台视口（带平台凭据、无需网页登录）；
+   更多账号信息对齐 DSH 原生账号卡片，开平台首页（外部窗口，原生视口只认 usage / top-up） */
+.balance-stats-actions{display:flex;flex:none;align-items:center;gap:8px}
+.balance-stats-link{padding:7px 12px;border:1px solid var(--dsw-alias-border-l2,#d9d9df);border-radius:8px;color:var(--dsw-alias-label-primary);text-decoration:none;white-space:nowrap;background:var(--dsw-alias-bg-module-platform,rgba(127,127,127,.04))}
 .balance-stats-link:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}
+.balance-stats-link--primary{border-color:transparent;color:#fff;background:var(--dsw-alias-state-business-primary,#4d6bfe)}
+.balance-stats-link--primary:hover{background:var(--dsw-alias-state-business-primary-hover,#3f5ae0)}
 .balance-stats-group{box-sizing:border-box;margin-bottom:0;padding:11px;border:1px solid var(--dsw-alias-border-l2,#d9d9df);border-radius:10px;background:var(--dsw-alias-bg-module-platform,rgba(127,127,127,.04));animation:balance-stats-card-in .22s var(--ds-ease-in-out,ease-out) both}
 .balance-stats-group__title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 6px;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}
 .balance-stats-group__hint{color:var(--dsw-alias-label-secondary);font-weight:400;font-variant-numeric:tabular-nums}
@@ -127,6 +152,46 @@ window.__ModuleLoader__.load({
 :has(> :has(> [data-slot="sidebar.footer.action"])):has(.balance-footer, .balance-topup) > :has(> [data-slot="sidebar.settings"]){order:-1;flex:0 0 auto;width:32px;min-width:0}
 :has(> :has(> [data-slot="sidebar.footer.action"])):has(.balance-footer, .balance-topup) [data-slot="sidebar.settings"] button{width:32px;height:32px;margin:0;padding:0;justify-content:center;border-radius:50%;gap:0}
 :has(> :has(> [data-slot="sidebar.footer.action"])):has(.balance-footer, .balance-topup) [data-slot="sidebar.settings"] button span{display:none}
+/* ── 插件配置卡片：DSH「插件」页 → balance-dsh 详情页（slot plugins.bundle.config） ──
+   用插件自己的稳定类名（不依赖 DSH 的 CSS Modules hash）；主题变量一律带回退值，
+   变量缺失时仍然可读，不会变成透明文字。开关/按钮的真圆角要显式 corner-shape:round，
+   否则会被 DSH 主题的全局 superellipse 画成方圆角。 */
+.balance-settings{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:16px 18px;border:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.22));border-radius:var(--dsw-radius-lg,16px);background:var(--dsw-alias-bg-module-platform,transparent)}
+.balance-settings__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
+.balance-settings__title{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary)}
+.balance-settings__version{font-size:12px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
+.balance-settings__desc{margin:4px 0 0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.balance-settings__group{margin:14px 0 0;padding:12px 0 0;border-top:.5px solid var(--dsw-alias-border-l2,rgba(127,127,127,.22))}
+.balance-settings__group-title{margin:0 0 2px;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary)}
+.balance-settings__head-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:0;border:0;background:0 0;font:inherit;text-align:left;cursor:pointer;color:inherit}
+.balance-settings__head-btn:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px;border-radius:var(--dsw-radius-sm,6px)}
+.balance-settings__head-text{flex:1;min-width:0}
+.balance-settings__chevron{flex:none;color:var(--dsw-alias-label-tertiary);transition:transform .16s ease}
+.balance-settings[data-open="true"] .balance-settings__chevron{transform:rotate(180deg)}
+.balance-settings__body{margin:12px 0 0;padding:12px 0 0;border-top:.5px solid var(--dsw-alias-border-l2,rgba(127,127,127,.22))}
+.balance-settings__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
+.balance-settings__label{display:flex;flex-direction:column;gap:2px;min-width:0}
+.balance-settings__label-text{font-size:13px;line-height:19px;color:var(--dsw-alias-label-primary)}
+.balance-settings__hint{font-size:12px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.balance-settings__control{display:flex;align-items:center;gap:6px;flex:none}
+.balance-settings__unit{font-size:12px;color:var(--dsw-alias-label-tertiary)}
+.balance-settings__input{box-sizing:border-box;width:92px;height:34px;padding:0 12px;border:.5px solid var(--dsw-alias-border-l4,rgba(127,127,127,.35));border-radius:var(--dsw-radius-md,8px);background:var(--dsw-alias-bg-layer-3,rgba(127,127,127,.1));color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;outline:none}
+.balance-settings__input:focus-visible{outline:none;border-color:var(--dsw-alias-state-business-primary,#4d6bfe)}
+.balance-settings__input--wide{width:100%;min-width:0}
+.balance-settings__toggle{position:relative;box-sizing:border-box;flex:none;width:36px;height:20px;padding:2px;border:none;border-radius:999px;corner-shape:round;background:var(--dsw-alias-border-l3,rgba(127,127,127,.35));cursor:pointer;transition:background .12s ease}
+.balance-settings__toggle[aria-checked="true"]{background:var(--dsw-alias-brand-primary,#4d6bfe)}
+.balance-settings__toggle::after{content:"";display:block;width:16px;height:16px;border-radius:50%;corner-shape:round;background:var(--dsw-alias-switch-thumb,#fff);transition:transform .12s ease}
+.balance-settings__toggle[aria-checked="true"]::after{background:var(--dsw-alias-label-primary-foreground,#fff);transform:translateX(16px)}
+.balance-settings__actions{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:12px 0 0;border-top:.5px solid var(--dsw-alias-border-l2,rgba(127,127,127,.22))}
+.balance-settings__status{flex:1;min-width:0;font-size:12px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.balance-settings__status--error{color:var(--dsw-alias-state-error-primary,#e5484d)}
+.balance-settings__status--ok{color:var(--dsw-alias-state-success-primary,#22c55e)}
+.balance-settings__btn{box-sizing:border-box;flex:none;padding:5px 14px;border:1px solid transparent;border-radius:var(--dsw-radius-md,8px);background:0 0;color:var(--dsw-alias-label-secondary);font:inherit;font-size:13px;line-height:1.5;cursor:pointer;transition:opacity .12s ease,color .12s ease}
+.balance-settings__btn:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
+.balance-settings__btn:disabled{opacity:.4;cursor:default}
+.balance-settings__btn--primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
+.balance-settings__btn--primary:hover:not(:disabled){opacity:.88;color:var(--dsw-alias-bg-layer-3)}
+.balance-settings__summary{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
 `;
 
     const tagId = "balance/balance-widget.css";
@@ -185,25 +250,28 @@ window.__ModuleLoader__.load({
     }
 
     /** 分时段金额：优先按服务端已标注的各模型 cost 累加（byModel）；
-     *  无 byModel 时回退到旧的单模型逻辑：高峰桶按目录价 ×2、空闲桶按目录价（兼容子代理/旧数据）。 */
-    function computeSplitCost(usage, p) {
+     *  无 byModel 时回退到旧的单模型逻辑：高峰桶按目录价 × 倍率、空闲桶按目录价（兼容子代理/旧数据）。
+     *  ⚠️ p 必须是**目录价**（服务端 pricing 字段即目录价），倍率由 peakMultiplier 单独给，
+     *  否则会与这里的乘法重复翻倍（高峰变 ×4）。 */
+    function computeSplitCost(usage, p, multiplier = 2) {
       if (Array.isArray(usage.byModel) && usage.byModel.length > 0) {
         let total = 0;
         for (const b of usage.byModel) {
-          total += typeof b.cost === "number" && Number.isFinite(b.cost) ? b.cost : computeSingleSplitCost(b, p);
+          total += typeof b.cost === "number" && Number.isFinite(b.cost) ? b.cost : computeSingleSplitCost(b, p, multiplier);
         }
         return total;
       }
-      return computeSingleSplitCost(usage, p);
+      return computeSingleSplitCost(usage, p, multiplier);
     }
-    function computeSingleSplitCost(usage, p) {
-      const costOf = (u) =>
-        ((u.inputTokens ?? 0) * p.inputCnyPerMillion +
+    function computeSingleSplitCost(usage, p, multiplier = 2) {
+      const costOf = (u, factor) =>
+        (((u.inputTokens ?? 0) * p.inputCnyPerMillion +
           (u.cacheReadTokens ?? 0) * p.cacheReadCnyPerMillion +
           (u.cacheWriteTokens ?? 0) * p.cacheWriteCnyPerMillion) /
           1_000_000 +
-        ((u.outputTokens ?? 0) * p.outputCnyPerMillion) / 1_000_000;
-      return costOf(usage.peak) * 2 + costOf(usage.offpeak);
+          ((u.outputTokens ?? 0) * p.outputCnyPerMillion) / 1_000_000) *
+        factor;
+      return costOf(usage.peak, multiplier) + costOf(usage.offpeak, 1);
     }
       function formatTokens(n) {
         if (n >= 1_000_000) return (n / 1_000_000).toFixed(1).replace(/\.0$/, "") + "M";
@@ -211,148 +279,56 @@ window.__ModuleLoader__.load({
         return String(n);
       }
 
-    // ─── 打开 DeepSeek 平台页面（用量 / 充值） ─────────────────────────────
-    // 三级策略，逐级回退：
-    //  1) DSH 官方版的「原生平台视口」——preload 通过 contextBridge 暴露的 globalThis.dshPlatform
-    //     （接口：open(page, bounds) / setBounds(bounds) / close()，page 取 "usage" | "top-up"）。
-    //     DSH 设置→账号与余额里的「查询用量」按钮就走它（dsh-client-ui-settings-account 的
-    //     PlatformOverlay + dshPlatform.open）。这个原生子窗口自带平台凭据（官方注释：
-    //     "the native child owns remote content and credentials"），所以**不需要网页登录**。
-    //     注意：那个包的 platformPages 是包内私有 store，插件无法触发 DSH 自己的 host，
-    //     因此这里自己画同款覆盖层并把视口坐标喂给 bridge。
-    //  2) 应用内侧栏浏览器（dsh-client-ui-sidebar-browser）——旧版/无原生视口时用，
-    //     按 DSH 自身 openExternalLink 的判定：sidebarRightTabs 注册了 "browser" 才可用。
-    //     该视口**没有**平台凭据，打开 platform.deepseek.com 会要求网页登录。
-    //  3) window.open 交给系统浏览器。
-    // 全程 try/catch：DSH 内部机制无兼容承诺，任一级失败都要继续降级，不能拖垮插件。
-    let pluginCtx = null;
+    // ─── 打开 DeepSeek 平台页面（用量 / 充值 / 账号信息） ───────────────────
+    // **一律交给系统默认浏览器**（window.open，DSH 的 Electron 主进程会转给 shell.openExternal）。
+    // 用户 2026-10-04 明确要求：不要在软件内开网页。
+    // 历史（已删除，别再恢复）：曾实现三级策略——① DSH 官方版 preload 暴露的 globalThis.dshPlatform
+    // 原生平台视口（自带平台凭据、无需网页登录）② 应用内侧栏浏览器（无凭据，会要求登录）
+    // ③ 系统浏览器。原生视口那套覆盖层（openPlatformPage / closePlatformPage /
+    // .balance-platform-* 样式）与侧栏浏览器回退都已随本次改动删除。
     const USAGE_URL = "https://platform.deepseek.com/usage";
     const TOP_UP_URL = "https://platform.deepseek.com/top_up";
-
-    /** 当前原生平台视口的覆盖层；null 表示未打开。 */
-    let platformOverlay = null;
-
-    /** 关闭原生平台视口覆盖层（幂等；bridge.close + 摘除 DOM + 解绑监听）。 */
-    function closePlatformPage() {
-      if (platformOverlay === null) return;
-      const { layer, bridge, observer, onKey } = platformOverlay;
-      platformOverlay = null;
-      try {
-        observer.disconnect();
-      } catch {
-        /* ignore */
-      }
-      try {
-        window.removeEventListener("keydown", onKey, true);
-      } catch {
-        /* ignore */
-      }
-      try {
-        const closing = bridge.close();
-        if (closing && typeof closing.catch === "function") closing.catch(() => {});
-      } catch {
-        /* ignore */
-      }
-      try {
-        layer.remove();
-      } catch {
-        /* ignore */
-      }
-    }
+    // 「更多账号信息」＝ DSH 原生账号卡片同款入口：它用的是 new URL("/", usageUrl).href，
+    // 即平台首页（不是某个子页）。原生那个 <a> 没有走原生平台视口（视口只认 usage / top-up），
+    // 是直接开外部窗口，所以这里也传 page = null。
+    const PLATFORM_HOME_URL = "https://platform.deepseek.com/";
 
     /**
-     * 用原生平台视口打开官方平台页面。
-     * @param page - "usage"（用量）或 "top-up"（充值）。
-     * @returns 是否成功接管（false 时调用方继续降级）。
+     * 量出聊天输入卡片（composer card）的垂直中心（视口坐标）。
+     * 收起态圆形余额靠它做「垂直中心对齐聊天栏」，所以不写死像素。
+     * @returns 中心 y；量不到返回 null，调用方回退到 CSS 的固定 bottom。
      */
-    function openPlatformPage(page) {
-      const bridge = typeof globalThis === "undefined" ? void 0 : globalThis.dshPlatform;
-      if (!bridge || typeof bridge.open !== "function") return false;
+    function measureComposerCenterY() {
+      if (typeof document === "undefined") return null;
       try {
-        closePlatformPage();
-        const layer = document.createElement("div");
-        layer.className = "balance-platform-layer";
-        const header = document.createElement("header");
-        header.className = "balance-platform-header";
-        // 与 DSH 的 PlatformOverlay 一致：让标题栏可拖动窗口
-        header.setAttribute("data-window-drag", "");
-        const back = document.createElement("button");
-        back.type = "button";
-        back.className = "balance-platform-back";
-        // 与 DSH 的 PlatformOverlay 一致：chevron 图标 + 文案。DSH 用的是 primitives 的
-        // IconChevronLeftOutlineRegular 组件；这里覆盖层是纯 DOM，自绘同款 SVG，
-        // 免得为了一个图标把 React 渲染引进覆盖层。
-        const chevron = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        chevron.setAttribute("viewBox", "0 0 16 16");
-        chevron.setAttribute("width", "16");
-        chevron.setAttribute("height", "16");
-        chevron.setAttribute("aria-hidden", "true");
-        const chevronPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
-        chevronPath.setAttribute("d", "M10 3.5 5.5 8 10 12.5");
-        chevronPath.setAttribute("fill", "none");
-        chevronPath.setAttribute("stroke", "currentColor");
-        chevronPath.setAttribute("stroke-width", "1.6");
-        chevronPath.setAttribute("stroke-linecap", "round");
-        chevronPath.setAttribute("stroke-linejoin", "round");
-        chevron.appendChild(chevronPath);
-        back.appendChild(chevron);
-        back.appendChild(document.createTextNode("返回 DeepSeek Harness"));
-        back.addEventListener("click", closePlatformPage);
-        header.appendChild(back);
-        const viewport = document.createElement("div");
-        viewport.className = "balance-platform-viewport";
-        layer.appendChild(header);
-        layer.appendChild(viewport);
-        document.body.appendChild(layer);
-
-        // 原生视口按 CSS 像素贴合这个占位元素（DSH 也是拿 getBoundingClientRect()）
-        const bounds = () => {
-          const rect = viewport.getBoundingClientRect();
-          return { x: rect.x, y: rect.y, width: rect.width, height: rect.height };
-        };
-        const observer = new ResizeObserver(() => {
-          if (platformOverlay === null) return;
-          try {
-            const moved = bridge.setBounds(bounds());
-            if (moved && typeof moved.catch === "function") moved.catch(() => {});
-          } catch {
-            /* ignore */
+        const host = document.querySelector('[data-slot="conversation.composer.bar"]');
+        if (host) {
+          const own = host.getBoundingClientRect();
+          if (own.height > 0) return own.top + own.height / 2;
+          // slot 出口容器常常是 display:contents（不生成盒子，rect 全 0），
+          // 那种情况取后代里面积最大的元素当卡片
+          let best = null;
+          for (const el of host.querySelectorAll("*")) {
+            const rect = el.getBoundingClientRect();
+            if (rect.width <= 0 || rect.height <= 0) continue;
+            if (best === null || rect.width * rect.height > best.width * best.height) best = rect;
           }
-        });
-        const onKey = (event) => {
-          if (event.key === "Escape") closePlatformPage();
-        };
-        platformOverlay = { layer, bridge, observer, onKey };
-        observer.observe(viewport);
-        window.addEventListener("keydown", onKey, true);
-        const opened = bridge.open(page, bounds());
-        if (opened && typeof opened.catch === "function") opened.catch(() => closePlatformPage());
-        return true;
-      } catch {
-        closePlatformPage();
-        return false;
-      }
-    }
-
-    /** 打开应用内嵌浏览器的标签页（无原生视口时的二级回退）。 */
-    function openSidebarBrowser(url) {
-      try {
-        const get = pluginCtx && typeof pluginCtx.get === "function" ? pluginCtx.get.bind(pluginCtx) : null;
-        if (get === null) return false;
-        const right = get("sidebarRight");
-        const tabs = get("sidebarRightTabs");
-        const hasBrowser = tabs && typeof tabs.get === "function" && tabs.get("browser") !== undefined;
-        if (right && typeof right.openTab === "function" && hasBrowser) {
-          right.openTab("browser", { params: { url } });
-          return true;
+          if (best) return best.top + best.height / 2;
+        }
+        // 再回退到输入元素本身（老版本 DSH 没有 data-slot 标记）
+        const editor = document.querySelector('textarea, [contenteditable="true"], [role="textbox"]');
+        if (editor) {
+          const rect = editor.getBoundingClientRect();
+          if (rect.height > 0) return rect.top + rect.height / 2;
         }
       } catch {
-        // 侧栏浏览器不可用（旧版 DSH / 服务未就绪）
+        /* 结构变了就当量不到，交给 CSS 兜底 */
       }
-      return false;
+      return null;
     }
 
-    /** 最终回退：交给系统浏览器。 */
+    /** 打开外部网页：交给系统默认浏览器。DSH 的 Electron 主进程拦截 window.open
+     *  并转给 shell.openExternal，所以这里不会弹出应用内窗口。 */
     function openInSystemBrowser(url) {
       try {
         window.open(url, "_blank", "noopener,noreferrer");
@@ -361,10 +337,8 @@ window.__ModuleLoader__.load({
       }
     }
 
-    /** 打开平台页面：原生视口 → 侧栏浏览器 → 系统浏览器。 */
+    /** 打开平台页面：一律走系统默认浏览器，不在应用内开原生视口或内嵌浏览器。 */
     function openPlatformOrUrl(page, url) {
-      if (openPlatformPage(page)) return;
-      if (openSidebarBrowser(url)) return;
       openInSystemBrowser(url);
     }
 
@@ -549,19 +523,105 @@ window.__ModuleLoader__.load({
       const onDuty = PEAK_WEEKDAYS.includes(weekday) || kind === "workday"; // 调休上班的周末按工作日算
       return onDuty && PEAK_WINDOWS.some((w) => hour >= w.start && hour < w.end) ? "peak" : "offpeak";
     }
-    /** 按当前时段调整价格：高峰 ×2、空闲原价。注意：若服务端已配 config.peak:true
-     *  （强制高峰价翻倍），此处会再乘一次，两种方式不要同时使用。 */
-    function periodAdjustedPricing(p) {
+    /** 按当前时段调整价格：高峰 × 倍率、空闲原价。
+     *  ⚠️ p 必须是**目录价**（服务端 pricing 字段即目录价）；倍率来自设置的 peakMultiplier，
+     *  若服务端传来的价已含倍率，这里会再乘一次造成金额虚高。 */
+    function periodAdjustedPricing(p, multiplier = 2) {
       if (currentPeriod() !== "peak") return p;
       return {
-        inputCnyPerMillion: p.inputCnyPerMillion * 2,
-        cacheReadCnyPerMillion: p.cacheReadCnyPerMillion * 2,
-        cacheWriteCnyPerMillion: p.cacheWriteCnyPerMillion * 2,
-        outputCnyPerMillion: p.outputCnyPerMillion * 2,
+        inputCnyPerMillion: p.inputCnyPerMillion * multiplier,
+        cacheReadCnyPerMillion: p.cacheReadCnyPerMillion * multiplier,
+        cacheWriteCnyPerMillion: p.cacheWriteCnyPerMillion * multiplier,
+        outputCnyPerMillion: p.outputCnyPerMillion * multiplier,
+      };
+    }
+
+    // ─── 插件设置：与 DSH「插件」页的配置卡片共用同一份 ────────────────────
+    // 设置真身在服务端的 <dshHome>/balance-dsh.json（见 lib/index.js），客户端只做
+    // 读缓存 + 写提交。默认值与服务端 DEFAULT_SETTINGS 逐字段保持一致：服务端暂时
+    // 不可用（例如服务端改动还没重启生效）时 UI 仍按默认值工作，不会白屏或报错。
+    const SETTINGS_DEFAULTS = {
+      refreshIntervalSec: 60,
+      lowBalanceThreshold: 10,
+      apiKey: "",
+      showBalanceRow: true,
+      showUsagePill: true,
+      showPeriodLabel: true,
+      showFab: true,
+      fabSize: 60,
+      fabLeft: 44,
+      statsSessionLimit: 200,
+      statsCacheSec: 300,
+      peakMultiplier: 2,
+      priceFlash: null,
+      pricePro: null,
+    };
+
+    let settingsCache = { value: { ...SETTINGS_DEFAULTS }, loaded: false, version: "" };
+    const settingsListeners = new Set();
+    let settingsInFlight = null;
+
+    function emitSettings() {
+      for (const listener of settingsListeners) listener();
+    }
+
+    /** 拉一次设置（并发自动合并）；成功后写缓存并通知订阅者。 */
+    function fetchSettingsOnce(force) {
+      if (settingsInFlight !== null) return settingsInFlight;
+      if (!force && settingsCache.loaded) return Promise.resolve(settingsCache.value);
+      settingsInFlight = (async () => {
+        try {
+          const res = await fetch("/balance-api?config=1");
+          const data = await res.json();
+          if (data && data.ok === true && data.settings) {
+            settingsCache = {
+              value: { ...SETTINGS_DEFAULTS, ...data.settings },
+              loaded: true,
+              version: typeof data.version === "string" ? data.version : settingsCache.version,
+            };
+          }
+        } catch {
+          // 服务端不可用：保持默认值，不打扰用户
+        } finally {
+          settingsInFlight = null;
+        }
+        emitSettings();
+        return settingsCache.value;
+      })();
+      return settingsInFlight;
+    }
+
+    /** 提交设置补丁；成功后以服务端回传的完整设置为准（服务端会做校验与夹紧）。 */
+    async function saveSettings(patch) {
+      const res = await fetch("/balance-api?config=1", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ settings: { ...settingsCache.value, ...patch } }),
+      });
+      const data = await res.json();
+      if (!data || data.ok !== true) throw new Error((data && data.error) || "保存失败");
+      settingsCache = {
+        value: { ...SETTINGS_DEFAULTS, ...data.settings },
+        loaded: true,
+        version: typeof data.version === "string" ? data.version : settingsCache.version,
       };
+      emitSettings();
+      return settingsCache.value;
     }
 
-    // ─── 余额数据：模块级共享缓存 + 60s 轮询 ──────────────────────────────
+    /** 订阅设置（首次挂载异步拉一次）。 */
+    function useSettings() {
+      const [, force] = react.useState(0);
+      react.useEffect(() => {
+        const listener = () => force((n) => n + 1);
+        settingsListeners.add(listener);
+        void fetchSettingsOnce(false);
+        return () => settingsListeners.delete(listener);
+      }, []);
+      return settingsCache.value;
+    }
+
+    // ─── 余额数据：模块级共享缓存 + 轮询（间隔取自 refreshIntervalSec） ────
     // 切换会话时 header 组件会重新挂载，若每个实例各自拉取会先消失再出现（闪烁）；
     // 缓存全局存一份，任何实例挂载都直接读缓存，无需重新请求。
     let balanceCache = { status: "loading", balance: null, error: null, refreshing: false };
@@ -594,19 +654,38 @@ window.__ModuleLoader__.load({
       emitBalance();
     }
 
+    // 轮询间隔由设置 refreshIntervalSec 决定：间隔变了要重建定时器。
+    let balancePollIntervalSec = 0;
+
     function ensureBalancePolling() {
-      if (balancePollTimer !== null) return;
+      const raw = Number(settingsCache.value.refreshIntervalSec);
+      const sec = Number.isFinite(raw) && raw > 0 ? raw : 60;
+      if (balancePollTimer !== null && balancePollIntervalSec === sec) return;
+      if (balancePollTimer !== null) {
+        clearInterval(balancePollTimer);
+        balancePollTimer = null;
+      }
+      balancePollIntervalSec = sec;
       fetchBalanceOnce();
-      balancePollTimer = setInterval(fetchBalanceOnce, 60_000);
+      balancePollTimer = setInterval(fetchBalanceOnce, sec * 1000);
     }
 
     function useBalance() {
       const [, force] = react.useState(0);
       react.useEffect(() => {
-        const listener = () => force((n) => n + 1);
+        // 余额变化 → 重渲染；设置变化 → 重渲染并按新间隔重建轮询
+        const listener = () => {
+          force((n) => n + 1);
+          ensureBalancePolling();
+        };
         balanceListeners.add(listener);
+        settingsListeners.add(listener);
+        void fetchSettingsOnce(false);
         ensureBalancePolling();
-        return () => balanceListeners.delete(listener);
+        return () => {
+          balanceListeners.delete(listener);
+          settingsListeners.delete(listener);
+        };
       }, []);
       return balanceCache;
     }
@@ -979,10 +1058,27 @@ window.__ModuleLoader__.load({
                         (stats?.limited ? "（为保证性能仅取最近 200 个）" : "") +
                         "；按北京时间和实际模型峰谷价格估算，结果缓存 5 分钟。",
                     }),
-                    jsx.jsx("a", {
-                      className: "balance-stats-link",
-                      ...externalLink(USAGE_URL, "usage"),
-                      children: "查看官方用量",
+                    jsx.jsxs("div", {
+                      className: "balance-stats-actions",
+                      children: [
+                        jsx.jsx("a", {
+                          className: "balance-stats-link",
+                          ...externalLink(USAGE_URL, "usage"),
+                          children: "查看官方用量",
+                        }),
+                        // 官方「去充值」走同一个原生平台视口（带平台凭据，不用网页登录）
+                        jsx.jsx("a", {
+                          className: "balance-stats-link balance-stats-link--primary",
+                          ...externalLink(TOP_UP_URL, "top-up"),
+                          children: "去充值",
+                        }),
+                        // 「更多账号信息」对齐 DSH 原生账号卡片：开平台首页（外部窗口）
+                        jsx.jsx("a", {
+                          className: "balance-stats-link",
+                          ...externalLink(PLATFORM_HOME_URL, null),
+                          children: "更多账号信息",
+                        }),
+                      ],
                     }),
                   ],
                 }),
@@ -1040,6 +1136,17 @@ window.__ModuleLoader__.load({
     // ─── 余额显示：单击统计，双击 DeepSeek 用量页，右键刷新 ─────────────
     function BalanceFooter({ wide }) {
       const state = useBalance();
+      const settings = useSettings();
+      // 设置里的外观值：夹到安全范围，手改 JSON 写出畸形值也不会把 UI 搞坏
+      const rawSize = Number(settings.fabSize);
+      const fabSize = Number.isFinite(rawSize) ? Math.min(120, Math.max(32, rawSize)) : 60;
+      const rawLeft = Number(settings.fabLeft);
+      const fabLeft = Number.isFinite(rawLeft) ? Math.min(600, Math.max(0, rawLeft)) : 44;
+      const rawThreshold = Number(settings.lowBalanceThreshold);
+      const lowThreshold = Number.isFinite(rawThreshold) ? rawThreshold : 10;
+      // 圆钮里字号随直径等比缩放（60px → 13px；长金额 → 11px）
+      const fabFont = Math.max(9, Math.round((fabSize * 13) / 60));
+      const fabFontDense = Math.max(8, Math.round((fabSize * 11) / 60));
       const [statsOpen, setStatsOpen] = react.useState(false);
       const [statsClosing, setStatsClosing] = react.useState(false);
       const clickTimer = react.useRef(null);
@@ -1051,6 +1158,45 @@ window.__ModuleLoader__.load({
         if (clickTimer.current !== null) clearTimeout(clickTimer.current);
         if (closeTimer.current !== null) clearTimeout(closeTimer.current);
       }, []);
+      // 收起态：让圆形余额与聊天输入卡片（composer card）**垂直居中对齐**。
+      // 卡片位置随窗口尺寸、输入行数变化，硬编码 bottom 必然错位，所以运行时测量。
+      // DSH 的 slot 契约里 conversation.composer.bar = "Resident composer body"（就是那张卡片），
+      // 而本插件的消耗行挂在 conversation.composer.dock（卡片下方的 ambient entries）。
+      react.useEffect(() => {
+        if (wide) return;
+        const anchor = anchorRef.current;
+        if (!anchor) return;
+        const apply = () => {
+          const centerY = measureComposerCenterY();
+          if (centerY === null) {
+            // 测不到（旧版 DSH / 卡片尚未渲染）→ 交回 CSS 里的 bottom:12px 兜底
+            anchor.style.top = "";
+            anchor.style.bottom = "";
+            return;
+          }
+          // 必须同时清掉 bottom：fixed 元素同时有 top 和 bottom 会被拉伸
+          anchor.style.bottom = "auto";
+          anchor.style.top = Math.round(centerY - (anchor.offsetHeight || fabSize) / 2) + "px";
+        };
+        apply();
+        window.addEventListener("resize", apply);
+        let observer = null;
+        try {
+          const card = document.querySelector('[data-slot="conversation.composer.bar"]');
+          if (typeof ResizeObserver === "function" && card) {
+            observer = new ResizeObserver(apply);
+            observer.observe(card);
+          }
+        } catch {
+          /* 结构变了就只靠 resize 兜底 */
+        }
+        return () => {
+          window.removeEventListener("resize", apply);
+          if (observer) observer.disconnect();
+          anchor.style.top = "";
+          anchor.style.bottom = "";
+        };
+      }, [wide, fabSize]);
       const closeStats = react.useCallback(() => {
         if (!statsOpen || statsClosing) return;
         setStatsClosing(true);
@@ -1100,14 +1246,15 @@ window.__ModuleLoader__.load({
         onDoubleClick: openUsagePage,
         onContextMenu: onBalanceContextMenu,
       };
-      const withPanel = (node) => jsx.jsxs("div", {
+      const withPanel = (node, hint, anchorStyle) => jsx.jsxs("div", {
         ref: anchorRef,
         className: "balance-stats-anchor balance-stats-anchor--" + (wide ? "wide" : "compact"),
+        style: anchorStyle,
         children: [
           // 悬停提示走 DSH 主题化浮层：primitives.Tooltip 内部是 cloneElement(children, {ref})，
           // 不会插入额外 DOM 层，因此不破坏余额行在 flex 容器里的 42px 布局（浮层本身 portal 到 body）。
           jsx.jsx(primitives.Tooltip, {
-            label: "单击查看余额与使用统计，双击打开 DeepSeek API 用量页，右键刷新",
+            label: hint || "单击查看余额与使用统计，双击打开 DeepSeek API 用量页，右键刷新",
             side: "top",
             delayMs: 400,
             children: node,
@@ -1127,25 +1274,44 @@ window.__ModuleLoader__.load({
       });
 
       if (!wide) {
+        // 设置里关掉圆钮就整个不渲染（统计面板入口随之消失，符合「关掉显示」的预期）
+        if (settings.showFab === false) return null;
         if (state.status === "error" || !state.balance) return null;
         const b = state.balance;
+        // 尺寸 / 水平位置由设置决定，用内联样式覆盖 CSS 默认值（CSS 保留 60px/44px 兜底）
+        const fabStyle = { width: fabSize + "px", height: fabSize + "px", left: fabLeft + "px" };
+        const anchorStyle = { left: fabLeft + "px" };
         const total = Number.parseFloat(b.total_balance ?? "0");
         const depleted = b.is_available === false || !Number.isFinite(total) || total <= 0;
-        if (depleted) {
-          return jsx.jsx("a", {
-            className: "balance-fab balance-fab-dark",
-            ...externalLink(TOP_UP_URL, "top-up", { onContextMenu: onBalanceContextMenu }),
-            children: "去充值",
-          });
-        }
-        return withPanel(jsx.jsx("a", {
-          className: "balance-fab",
-          ...externalLink(USAGE_URL, "usage"),
-          ...interactions,
-          children: "¥" + b.total_balance,
-        }));
+        // ⚠️ 必须 portal 到 body：收起态 DSH 把整个 footArea 设为 display:none
+        // （`[data-windows-titlebar] .<hash>_collapsed .<hash>_footArea{display:none}`），
+        // 而 `sidebar.footer.action` 就在 footArea 里。display:none 的祖先不会生成盒子，
+        // 后代即使 position:fixed 也完全不渲染——组件确实被调用了（wide=false），但 DOM 不可见。
+        // portal 到 body 后 position:fixed 才真正生效（2026-09-28 用户反馈「收起侧边栏余额不显示」）。
+        // 圆形 FAB 放不下长文本：余额显示「¥<金额>」，余额耗尽时用「充值」而不是「去充值」
+        const balanceText = "¥" + b.total_balance;
+        // 两种情况都经 withPanel：收起态的定位落在它渲染的 .balance-stats-anchor--compact 上
+        // （测量 effect 通过 anchorRef 设 top），裸 FAB 就没有 anchor 可量了。
+        const fab = depleted
+          ? withPanel(jsx.jsx("a", {
+              className: "balance-fab balance-fab-dark",
+              style: { ...fabStyle, fontSize: fabFont + "px" },
+              ...externalLink(TOP_UP_URL, "top-up", { onContextMenu: onBalanceContextMenu }),
+              children: "充值",
+            }), "余额不足，单击前往充值", anchorStyle)
+          : withPanel(jsx.jsx("a", {
+              className: "balance-fab" + (balanceText.length > 6 ? " balance-fab--dense" : ""),
+              style: { ...fabStyle, fontSize: (balanceText.length > 6 ? fabFontDense : fabFont) + "px" },
+              ...externalLink(USAGE_URL, "usage"),
+              ...interactions,
+              children: balanceText,
+            }), undefined, anchorStyle);
+        return typeof document === "undefined" ? fab : reactDom.createPortal(fab, document.body);
       }
 
+      // 展开态余额行：设置里关掉就不渲染（收起态圆钮由上面的 showFab 单独控制）
+      if (settings.showBalanceRow === false) return null;
+
       if (state.status === "error") {
         return withPanel(jsx.jsx("div", {
           className: "balance-footer",
@@ -1190,7 +1356,13 @@ window.__ModuleLoader__.load({
       }
 
       const period = currentPeriod();
-      const low = total > 0 && total < 10;
+      const low = total > 0 && total < lowThreshold;
+      // 时段标签可关：关掉后只留金额（「刷新中…」的反馈也一起隐藏，保持一行干净）
+      const periodNode = settings.showPeriodLabel === false
+        ? null
+        : state.refreshing
+          ? jsx.jsx("span", { className: "balance-footer__period-inline balance-footer__period-inline--refreshing", children: "刷新中…" })
+          : jsx.jsx("span", { className: "balance-footer__period-inline balance-footer__period-inline--" + period, children: period === "peak" ? "高峰" : "空闲" });
       return withPanel(jsx.jsxs("div", {
         className: "balance-footer",
         ...interactions,
@@ -1201,10 +1373,8 @@ window.__ModuleLoader__.load({
             className: "balance-footer__value" + (low ? " balance-footer__value--low" : " balance-footer__value--healthy"),
             children: [
               totalText,
-              " • ",
-              state.refreshing
-                ? jsx.jsx("span", { className: "balance-footer__period-inline balance-footer__period-inline--refreshing", children: "刷新中…" })
-                : jsx.jsx("span", { className: "balance-footer__period-inline balance-footer__period-inline--" + period, children: period === "peak" ? "高峰" : "空闲" }),
+              periodNode === null ? null : " • ",
+              periodNode,
             ],
           }),
         ],
@@ -1213,12 +1383,47 @@ window.__ModuleLoader__.load({
 
     // ─── 当前会话消耗：输入区 dock ──────────────────────────────────────────
 function UsageCostLine({ useProjection, sessionId }) {
+      const settings = useSettings();
       const p = usePricing();
+      // 高峰倍率来自设置（服务端 pricing 字段是目录价，倍率由这里单独乘）
+      const peakMultiplier = (() => {
+        const n = Number(settings.peakMultiplier);
+        return Number.isFinite(n) && n > 0 ? n : 2;
+      })();
       const model = useCurrentModel();
       const usage = typeof useProjection === "function" ? useProjection("tokenUsage") : undefined;
       const [splitUsage, setSplitUsage] = react.useState(null);
       const [subagentUsage, setSubagentUsage] = react.useState(null);
       const [splitReady, setSplitReady] = react.useState(false);
+      // 消耗明细面板：**点击展开**（对齐 DSH 原生「会话统计」的交互——点开切换 + 选中态 + portal 浮层）
+      const [detailsOpen, setDetailsOpen] = react.useState(false);
+      const detailsAnchorRef = react.useRef(null);
+      const detailsPanelRef = react.useRef(null);
+      // 定位与"点外部关闭"复用 DSH primitives 的 hook，行为/视觉都与原生浮层一致。
+      // 运行时探测（DSH 内部 API 无兼容承诺）：hook 不存在时退化为无定位（面板仍渲染），不拖垮消耗行。
+      // 注意这里的条件调用是安全的——primitives 是模块级常量，同一组件生命周期内判定结果恒定。
+      const anchoredPosition =
+        typeof primitives.useAnchoredPosition === "function"
+          ? primitives.useAnchoredPosition({
+              open: detailsOpen,
+              anchorRef: detailsAnchorRef,
+              panelRef: detailsPanelRef,
+              side: "top",
+              gap: 6,
+              margin: 8,
+            })
+          : null;
+      if (typeof primitives.useDismissOnOutsidePointer === "function") {
+        primitives.useDismissOnOutsidePointer(detailsAnchorRef, detailsOpen, setDetailsOpen, detailsPanelRef);
+      }
+      react.useEffect(() => {
+        if (!detailsOpen) return;
+        const onKeyDown = (event) => {
+          if (event.key === "Escape") setDetailsOpen(false);
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+      }, [detailsOpen]);
 
       // 会话 token 总量（未缓存输入 + 缓存读/写 + 输出）；为 0 时代表还没有消耗。
       const usageKey = usage
@@ -1274,67 +1479,385 @@ function UsageCostLine({ useProjection, sessionId }) {
       // 服务端分桶可能"非 null 但为空"（拿不到该会话事件），此时必须回退本地投影估算，否则金额会显示 ¥0.0000
       const splitUsable =
         split != null && ((Array.isArray(split.byModel) && split.byModel.length > 0) || (split.totalTokens ?? 0) > 0);
-      const cost = splitUsable ? computeSplitCost(split, p) : computeCost(usage, periodAdjustedPricing(p));
+      const cost = splitUsable ? computeSplitCost(split, p, peakMultiplier) : computeCost(usage, periodAdjustedPricing(p, peakMultiplier));
       const peakTokens = splitUsable ? split.peak.inputTokens + split.peak.cacheReadTokens + split.peak.cacheWriteTokens + split.peak.outputTokens : 0;
       const offpeakTokens = splitUsable ? split.offpeak.inputTokens + split.offpeak.cacheReadTokens + split.offpeak.cacheWriteTokens + split.offpeak.outputTokens : 0;
 
       // 子代理消耗（与主会话分开，同样跨时段精确计费）
       const hasSubagent = splitReady && subagentUsage && subagentUsage.totalTokens > 0;
-      const subCost = hasSubagent ? computeSplitCost(subagentUsage, p) : 0;
+      const subCost = hasSubagent ? computeSplitCost(subagentUsage, p, peakMultiplier) : 0;
       const subNewTokens = hasSubagent
         ? (subagentUsage.inputTokens ?? 0) + (subagentUsage.outputTokens ?? 0)
         : 0;
       const subCount = hasSubagent ? (subagentUsage.sessions ?? 0) : 0;
 
-      const detailLines = [
-        "模型：" + (model || "未知（按 deepseek-v4-flash 价估算）"),
-        "新增：" + formatTokens(newTokens) + " tokens（未缓存输入 " + formatTokens(uncachedInput) + " + 输出 " + formatTokens(output) + "）",
-        "计费：" + formatTokens(billedTotal) + " tokens（含缓存重读 " + formatTokens(cacheRead) + "、缓存写入 " + formatTokens(cacheWrite) + "）",
+      // 缓存命中率口径与 DSH 相同：缓存读取 / (缓存读取 + 未缓存输入)
+      const cacheHitBase = cacheRead + uncachedInput;
+      const cacheHitPercent = cacheHitBase > 0 ? Math.round((cacheRead / cacheHitBase) * 100) : 0;
+
+      // pill = 图标 + 文字标签 + 金额：DSH 那颗 pill 已经在显示「{tok} · 缓存命中 {%}」，
+      // 所以这里不再重复那些数字，但**保留文字说明**（用户要求「最早之前的文字」）。
+      // 图标与 DSH 那颗保持一致（都用 IconDatabaseOutlineRegular）——换别的图标会「不搭配」
+      // （2026-09-28 反馈「图标换了 不搭配」，仪表版被否掉）。
+      // 图标缺失（DSH 改 API）时不渲染，文字照常显示，不影响点击。
+      const children = [
+        typeof primitives.IconDatabaseOutlineRegular === "function"
+          ? jsx.jsx(primitives.IconDatabaseOutlineRegular, { key: "icon" })
+          : null,
+        jsx.jsx("span", { key: "label", className: "balance-usage-label", children: "本会话消耗" }),
+        jsx.jsx("span", { key: "cost", className: "balance-usage-label", children: "≈ ¥" + cost.toFixed(4) }),
+      ];
+
+      // ── 点击展开的明细浮层（结构与 DSH 原生「会话统计」一致：标题 + 分隔线 + dl 两列网格）──
+      const usageDetails = [
+        ["缓存命中", cacheHitPercent + "%"],
+        ["未缓存输入", formatTokens(uncachedInput) + " tok"],
+        ["缓存读取", formatTokens(cacheRead) + " tok"],
+      ];
+      if (cacheWrite > 0) usageDetails.push(["缓存写入", formatTokens(cacheWrite) + " tok"]);
+      usageDetails.push(["输出", formatTokens(output) + " tok"]);
+
+      const costDetails = [
+        ["新增 tokens", formatTokens(newTokens) + " tok"],
+        ["计费 tokens", formatTokens(billedTotal) + " tok"],
+        ["模型", model || "未知（按 flash 价估算）"],
       ];
       if (splitUsable) {
-        detailLines.push(
-          "时段拆分：高峰 " + formatTokens(peakTokens) + " tokens + 空闲 " + formatTokens(offpeakTokens) + " tokens",
-          "估算金额：¥" + cost.toFixed(4) + "（高峰桶按目录价×2、空闲桶按目录价）",
+        costDetails.push(
+          ["高峰 tokens", formatTokens(peakTokens) + " tok"],
+          ["空闲 tokens", formatTokens(offpeakTokens) + " tok"],
         );
-      } else {
-        detailLines.push("估算金额：¥" + cost.toFixed(4) + "（按当前时段价估算）");
       }
       if (hasSubagent) {
-        const subPeak = subagentUsage.peak.inputTokens + subagentUsage.peak.cacheReadTokens + subagentUsage.peak.cacheWriteTokens + subagentUsage.peak.outputTokens;
-        const subOff = subagentUsage.offpeak.inputTokens + subagentUsage.offpeak.cacheReadTokens + subagentUsage.offpeak.cacheWriteTokens + subagentUsage.offpeak.outputTokens;
-        detailLines.push(
-          "子代理消耗：新增 " + formatTokens(subNewTokens) + " tokens、计费 " + formatTokens(subagentUsage.totalTokens) + " tokens（" + subCount + " 个子代理）",
-          "子代理金额：¥" + subCost.toFixed(4) + "（高峰桶×2、空闲桶按目录价）",
+        costDetails.push(
+          ["子代理", subCount + " 个"],
+          ["子代理 tokens", "+" + formatTokens(subNewTokens) + " / 计费 " + formatTokens(subagentUsage.totalTokens)],
         );
       }
-      const children = [
-        jsx.jsx("span", { children: "本会话消耗" }),
-        jsx.jsx("span", { children: jsx.jsx("strong", { children: formatTokens(newTokens) + " tokens" }) }),
+
+      const detailRows = (prefix, rows) =>
+        rows.flatMap(([label, value], index) => [
+          jsx.jsx("dt", { key: prefix + index + "t", children: label }),
+          jsx.jsx("dd", { key: prefix + index + "d", children: value }),
+        ]);
+
+      const panelChildren = [
+        jsx.jsxs("div", {
+          className: "balance-usage-panel__title",
+          children: [
+            jsx.jsxs("span", {
+              className: "balance-usage-panel__label",
+              children: [
+                typeof primitives.IconDatabaseOutlineRegular === "function"
+                  ? jsx.jsx(primitives.IconDatabaseOutlineRegular, {})
+                  : null,
+                "Token 用量",
+              ],
+            }),
+            jsx.jsx("span", { className: "balance-usage-panel__value", children: formatTokens(billedTotal) + " tok" }),
+          ],
+        }),
+        jsx.jsx("div", { className: "balance-usage-panel__rule" }),
+        jsx.jsx("dl", { className: "balance-usage-panel__details", children: detailRows("u", usageDetails) }),
+        jsx.jsxs("div", {
+          className: "balance-usage-panel__title balance-usage-panel__title--second",
+          children: [
+            jsx.jsxs("span", {
+              className: "balance-usage-panel__label",
+              children: [
+                typeof primitives.IconGaugeOutlineRegular === "function"
+                  ? jsx.jsx(primitives.IconGaugeOutlineRegular, {})
+                  : null,
+                "本会话金额",
+              ],
+            }),
+            jsx.jsx("span", { className: "balance-usage-panel__value", children: "≈ ¥" + cost.toFixed(4) }),
+          ],
+        }),
+        jsx.jsx("div", { className: "balance-usage-panel__rule" }),
+        jsx.jsx("dl", { className: "balance-usage-panel__details", children: detailRows("c", costDetails) }),
       ];
-      if (billedTotal > newTokens) {
-        children.push(jsx.jsx("span", { children: "计费 " + formatTokens(billedTotal) }));
-      }
-      children.push(jsx.jsxs("span", { children: ["≈ ", jsx.jsx("strong", { children: "¥" + cost.toFixed(4) })] }));
-      if (hasSubagent) {
-        children.push(jsx.jsx("span", { children: "子代理 +" + formatTokens(subNewTokens) + " ≈ ¥" + subCost.toFixed(4) }));
+
+      // 设置里关掉消耗行就整个不渲染（点开的明细浮层随之一并消失）
+      if (settings.showUsagePill === false) return null;
+
+      return jsx.jsxs("div", {
+        className: "balance-usage-wrap",
+        children: [
+          jsx.jsx("button", {
+            type: "button",
+            ref: detailsAnchorRef,
+            className: "balance-usage-line",
+            "aria-haspopup": "dialog",
+            "aria-expanded": detailsOpen,
+            "aria-label": "本会话 Token 用量与金额明细",
+            onClick: () => setDetailsOpen((value) => !value),
+            children,
+          }),
+          detailsOpen
+            ? reactDom.createPortal(
+                jsx.jsx("div", {
+                  ref: detailsPanelRef,
+                  className: "balance-usage-panel",
+                  role: "dialog",
+                  "aria-label": "本会话 Token 用量",
+                  style: anchoredPosition ?? void 0,
+                  children: panelChildren,
+                }),
+                document.body,
+              )
+            : null,
+        ],
+      });
+    }
+
+    // ─── 插件配置卡片：DSH「插件」页 → balance-dsh → 设置 ─────────────────────
+    // slot 契约（dsh-client-ui-plugin-manager 的 plugins.bundle.config，keyed 类型）：
+    //   key        = bundle 的包名，本插件即 "balance-dsh"
+    //   ownerProps = { view: "summary" | "page", form?: ConfigPageForm }
+    //   view="summary" → 插件列表里的单行摘要；view="page" → 详情页完整表单
+    //                   （渲染在 bundle 描述与行列表之间）
+    // 刻意**不用** ownerProps.form：那要接入 DSH 的 settings schema（内部 API，
+    // 无兼容承诺），配置值改走插件自己的 /balance-api?config=1（见 lib/index.js），
+    // 所以这里忽略 form、自己读写。缺失 view / props 时按 page 渲染，不会崩。
+    function BalanceSettingsCard(props) {
+      const view = props && props.view;
+      const settings = useSettings();
+      const [draft, setDraft] = react.useState(null);
+      const [saving, setSaving] = react.useState(false);
+      const [status, setStatus] = react.useState({ kind: "", text: "" });
+
+      // 拿到设置后灌一次草稿；draft 已有内容就不再覆盖，避免打断正在输入的用户
+      react.useEffect(() => {
+        setDraft((current) => (current === null ? { ...settings } : current));
+      }, [settings]);
+
+      const value = draft === null ? settings : draft;
+      // 实时保存：改动后 debounce 落盘，避免连续输入时每敲一个键都发一次请求。
+      // 用 ref 拿「最新值」，否则快速连续改两个字段时第二个 patch 会基于过期闭包丢改动。
+      const valueRef = react.useRef(value);
+      valueRef.current = value;
+      const saveTimer = react.useRef(null);
+      const pendingRef = react.useRef(null);
+      react.useEffect(() => () => {
+        if (saveTimer.current) clearTimeout(saveTimer.current);
+      }, []);
+
+      const commit = async (next) => {
+        setSaving(true);
+        try {
+          await saveSettings(next);
+          setStatus({ kind: "ok", text: "已保存" });
+        } catch (error) {
+          setStatus({ kind: "error", text: error && error.message ? error.message : String(error) });
+        } finally {
+          setSaving(false);
+        }
+      };
+      const queueSave = (next) => {
+        pendingRef.current = next;
+        if (saveTimer.current) clearTimeout(saveTimer.current);
+        setStatus({ kind: "", text: "修改中…" });
+        saveTimer.current = setTimeout(() => {
+          saveTimer.current = null;
+          const payload = pendingRef.current;
+          pendingRef.current = null;
+          if (payload) commit(payload);
+        }, 350);
+      };
+      const patch = (key, next) => {
+        const merged = { ...valueRef.current, [key]: next };
+        setDraft(merged);
+        queueSave(merged);
+      };
+      const onReset = () => {
+        const next = { ...SETTINGS_DEFAULTS };
+        setDraft(next);
+        queueSave(next);
+      };
+
+      // 插件列表里的单行摘要
+      if (view === "summary") {
+        const shown = [
+          value.showBalanceRow !== false ? "余额行" : null,
+          value.showUsagePill !== false ? "消耗行" : null,
+          value.showFab !== false ? "圆钮 " + value.fabSize + "px" : null,
+        ].filter(Boolean).join(" · ");
+        return jsx.jsx("span", {
+          className: "balance-settings__summary",
+          children: "每 " + value.refreshIntervalSec + "s 刷新余额 · " + (shown === "" ? "界面全部隐藏" : shown),
+        });
       }
-      return jsx.jsx(primitives.Tooltip, {
-        label: detailLines.join("\n"),
-        side: "top",
-        delayMs: 300,
-        children: jsx.jsxs("div", {
-          className: "balance-usage-line",
-          children,
+
+      const row = (key, label, hint, control) => jsx.jsxs("div", {
+        className: "balance-settings__row",
+        children: [
+          jsx.jsxs("div", {
+            className: "balance-settings__label",
+            children: [
+              jsx.jsx("span", { className: "balance-settings__label-text", children: label }),
+              hint ? jsx.jsx("span", { className: "balance-settings__hint", children: hint }) : null,
+            ],
+          }),
+          jsx.jsx("div", { className: "balance-settings__control", children: control }),
+        ],
+      }, key);
+
+      const toggle = (key, label, onClick) => jsx.jsx("button", {
+        type: "button",
+        role: "switch",
+        "aria-checked": value[key] === true,
+        "aria-label": label,
+        className: "balance-settings__toggle",
+        onClick: onClick || (() => patch(key, value[key] !== true)),
+      });
+
+      const numberInput = (key, min, max) => jsx.jsx("input", {
+        className: "balance-settings__input",
+        type: "number",
+        min,
+        max,
+        step: 1,
+        value: value[key],
+        onChange: (event) => patch(key, event.target.value),
+      });
+
+      const numberRow = (key, label, hint, min, max, unit) =>
+        row(key, label, hint, [
+          numberInput(key, min, max),
+          jsx.jsx("span", { className: "balance-settings__unit", children: unit, key: key + "-unit" }),
+        ]);
+
+      const toggleRow = (key, label, hint) => row(key, label, hint, toggle(key, label));
+
+      // 整张设置卡片可折叠（默认收起）：形式对齐 DSH 原生 DisclosureRow —— 一行
+      // 标题 + 描述 + 右侧 chevron，展开时箭头翻转 180 度。
+      const [openSettings, setOpenSettings] = react.useState(false);
+      const chevron = jsx.jsx("svg", {
+        className: "balance-settings__chevron",
+        viewBox: "0 0 16 16",
+        width: 14,
+        height: 14,
+        "aria-hidden": "true",
+        children: jsx.jsx("path", {
+          d: "M4 6.5l4 4 4-4",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.5,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
         }),
       });
+      const group = (key, title, rows) => jsx.jsxs("div", {
+        className: "balance-settings__group",
+        children: [
+          jsx.jsx("div", { className: "balance-settings__group-title", children: title }),
+          ...rows,
+        ],
+      }, key);
+
+      // 自定义价格已从界面移除：价格本来就跟随官方内置价表（官方调价时更新插件即可），
+      // 普通用户没有自己填的必要。服务端仍支持 settings.priceByModel 覆盖价，
+      // 需要的人可以直接改 ~/.dsh/balance-dsh.json。
+
+      return jsx.jsxs("div", {
+        className: "balance-settings",
+        "data-open": openSettings ? "true" : "false",
+        children: [
+          jsx.jsxs("button", {
+            type: "button",
+            className: "balance-settings__head-btn",
+            "aria-expanded": openSettings,
+            onClick: () => setOpenSettings((prev) => prev !== true),
+            children: [
+              jsx.jsxs("div", {
+                className: "balance-settings__head-text",
+                children: [
+                  jsx.jsxs("div", {
+                    className: "balance-settings__head",
+                    children: [
+                      jsx.jsx("span", { className: "balance-settings__title", children: "余额与用量" }),
+                      settingsCache.version
+                        ? jsx.jsx("span", { className: "balance-settings__version", children: "v" + settingsCache.version })
+                        : null,
+                    ],
+                  }),
+                  jsx.jsx("p", {
+                    className: "balance-settings__desc",
+                    children: "余额刷新频率、界面显示开关、收起态圆钮外观、统计范围与计费口径。改动即时保存并生效；其中服务端相关项需重启 DSH。",
+                  }),
+                ],
+              }),
+              chevron,
+            ],
+          }),
+
+          openSettings ? jsx.jsxs("div", {
+            className: "balance-settings__body",
+            children: [
+              group("balance", "余额", [
+            numberRow("refreshIntervalSec", "余额刷新间隔", "轮询间隔；对话产生新消耗时也会顺带刷新。", 5, 3600, "秒"),
+            numberRow("lowBalanceThreshold", "低余额警示阈值", "余额低于该值时金额转为琥珀色。", 0, 100000, "元"),
+            row("apiKey", "API Key", "官方账号未登录或读不到余额时的回退凭据；留空则只用官方账号。",
+              jsx.jsx("input", {
+                className: "balance-settings__input",
+                style: { width: "280px" },
+                type: "password",
+                autoComplete: "off",
+                placeholder: "sk-…（留空 = 不设置）",
+                value: value.apiKey == null ? "" : value.apiKey,
+                onChange: (event) => patch("apiKey", event.target.value),
+              })),
+          ]),
+
+          group("display", "界面显示", [
+            toggleRow("showBalanceRow", "侧边栏余额行", "展开侧边栏时底部紧挨设置齿轮的那一行。"),
+            toggleRow("showUsagePill", "会话消耗行", "输入框下方的「本会话消耗」胶囊（含点开的明细浮层）。"),
+            toggleRow("showPeriodLabel", "高峰 / 空闲标签", "余额行里金额后面的时段提示。"),
+          ]),
+
+          group("fab", "收起态圆钮", [
+            toggleRow("showFab", "显示圆钮", "收起侧边栏时左下角的悬浮圆形余额。"),
+            numberRow("fabSize", "直径", "圆钮大小；圆内字号按比例缩放。", 32, 120, "px"),
+            numberRow("fabLeft", "距左缘", "数值越大越靠右。", 0, 600, "px"),
+          ]),
+
+          group("stats", "用量统计", [
+            numberRow("statsSessionLimit", "扫描会话数上限", "统计面板最多回看多少个历史会话（越大越慢）。", 10, 2000, "个"),
+            numberRow("statsCacheSec", "统计缓存时长", "统计结果缓存多久；0 = 每次重新扫描。", 0, 3600, "秒"),
+          ]),
+
+          group("billing", "计费", [
+            numberRow("peakMultiplier", "高峰时段倍率", "官方为 2（高峰价 = 空闲价 × 倍率）。", 1, 10, "倍"),
+          ]),
+
+          jsx.jsxs("div", {
+            className: "balance-settings__actions",
+            children: [
+              jsx.jsx("span", {
+                className: "balance-settings__status" +
+                  (status.kind === "error" ? " balance-settings__status--error" : status.kind === "ok" ? " balance-settings__status--ok" : ""),
+                children: saving ? "保存中…" : status.text,
+              }),
+              jsx.jsx("button", {
+                type: "button",
+                className: "balance-settings__btn",
+                onClick: onReset,
+                disabled: saving,
+                children: "恢复默认",
+              }),
+            ],
+          }),
+            ],
+          }) : null,
+        ],
+      });
     }
 
     // ─── 插件主体 ───────────────────────────────────────────────────────────
     const inject = ["slots", "sessions"];
 
     function apply(ctx) {
-      // 保存 ctx：用于探测官方版 DSH 的侧栏内嵌浏览器（ctx.sidebarRight / ctx.sidebarRightTabs）
-      pluginCtx = ctx;
       // 拿到 sessions 服务，用于解析当前会话使用的模型（按模型取价）
       sessionsFace = ctx.sessions;
       // 余额显示：展开态底部胶囊（order 20 排在市场 10 之后、紧挨设置）；收起态悬浮 FAB
@@ -1360,6 +1883,22 @@ function UsageCostLine({ useProjection, sessionId }) {
           UsageCostLine,
         ),
       );
+
+      // DSH「插件」页 → 点 balance-dsh → 详情页里的配置卡片。
+      // slot 契约：plugins.bundle.config 是 keyed 类型，key 必须是 **bundle 的包名**
+      // （本插件 = "balance-dsh"），DSH 的插件管理页按这个 key 派发。
+      // 该 slot 由 dsh-client-ui-plugin-manager 声明（页面没打开时不存在），但
+      // slots.inject 是惰性的——slot 出现时才回调，所以这里直接注册即可。
+      // 旧版 DSH 没有这个 slot 时 inject 静默无效，不影响其余功能。
+      ctx.slots.inject("plugins.bundle.config", () =>
+        ctx.slots.register(
+          {
+            name: "plugins.bundle.config",
+            key: "balance-dsh",
+          },
+          BalanceSettingsCard,
+        ),
+      );
     }
 
     exports.apply = apply;