deepseek-harness-wallet 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to this project are documented in this file.
 
+## 0.2.3 - 2026-08-21
+
+- 修复 Provider 分桶实际未参与计费的问题；已勾选的包装路由现在真正进入官方 token/花费桶，并记录新观察到的 Provider。 / Fixed provider aliases not reaching the billing path: opted-in wrapper routes now enter the official token/cost bucket, and newly observed providers are recorded.
+- 修复首次添加账户时凭证同步失败仍显示为当前账户的问题；失败会回滚激活状态。 / Rolled back first-account activation when the host refuses credential synchronization.
+- 修复删除账户后账户专属阈值未写回钱包存储的问题。 / Persisted removal of account-specific thresholds when an account is deleted.
+- 余额错误改为安全枚举，避免把上游错误原文暴露到浏览器；美元/多余额记录的明细选择也统一。 / Replaced raw balance errors with safe enums and aligned multi-currency balance selection.
+- 统一提醒设置的本地存储格式，并兼容旧的毫秒字段；API Key 输入框默认隐藏。 / Unified reminder storage with migration from the legacy millisecond field and made API-key inputs password fields.
+
+## 0.2.2 - 2026-08-20
+
+- 新增 24h 峰谷计费分时时钟：在侧边栏左下角常驻展示当前时段（高峰/低谷半价）、剩余倒计时、实时余额与本场/本约花费；折叠导轨模式下自动收拢为 42px 紧凑环形钟。 / Added a 24h peak/off-peak ring clock in the sidebar footer: live pricing window (peak / 50% off-peak), switch countdown, live balance and session spend; collapses into a 42px compact circle in rail mode.
+- 侧边栏时钟卡片视觉重构：三行式清爽信息流，字号与容器全面放大，右侧内置紧凑竖排「充值」按钮直达官方充值后台，消除横向挤压与文本截断。 / Restyled the sidebar footer card: three-line spacious flow, larger typography, and a compact vertical recharge button that opens official top-up without text truncation.
+- 峰谷切换系统通知：跨越峰谷时段时自动推送桌面系统通知（可在设置中随心开启/关闭），不错过半价调用的省钱窗口。 / Added peak/off-peak desktop switch reminders with a dedicated toggle in settings.
+- 跨组件毫秒级实时同步：输入框钱包芯片与侧边栏时钟卡片通过全局事件总线（`dshw-snapshot-update` / `dshw-refresh`）毫秒级联动，账户切换与会话消耗实时双向一致。 / Cross-component event sync: wallet composer chip and sidebar clock card stay 100% in sync across account switches and live session token usage.
+- 会话花费彻底杜绝 `--` 占位：始终常驻真实货币金额（无消耗显示 $0.00 / ¥0.00），随多币种账户（USD/CNY）实时切换对应格式与估算/精确标签。 / Always-visible numeric session cost: never drops to `--`, defaults to $0.00/¥0.00, and hot-adapts to active account currency (USD/CNY).
+
 ## 0.2.1 - 2026-08-20
 
 - 标签上「本场」恢复常显（¥0.00 也显示，新会话不再缺席）；仅未定价模型仍隐藏。/ The chip shows the session cost again even at ¥0.00; only unpriced models stay hidden.

package/README.md

@@ -3,7 +3,7 @@
 [![npm version](https://img.shields.io/npm/v/deepseek-harness-wallet?label=npm&color=5965d8)](https://www.npmjs.com/package/deepseek-harness-wallet)
 [![GitHub release](https://img.shields.io/github/v/release/feibi-mochi/deepseek-harness-control-center?label=release&color=5965d8)](https://github.com/feibi-mochi/deepseek-harness-control-center/releases)
 [![CI](https://github.com/feibi-mochi/deepseek-harness-control-center/actions/workflows/validate.yml/badge.svg)](https://github.com/feibi-mochi/deepseek-harness-control-center/actions/workflows/validate.yml)
-[![DeepSeek Harness](https://img.shields.io/badge/DeepSeek%20Harness-0.1.0--rc.6-4aa3ff)](https://github.com/deepseek-ai/DeepSeek-Harness)
+[![DeepSeek Harness](https://img.shields.io/badge/DeepSeek%20Harness-0.1.0--rc.8-4aa3ff)](https://github.com/deepseek-ai/DeepSeek-Harness)
 [![License: MIT](https://img.shields.io/badge/license-MIT-3b7a57)](./LICENSE)
 
 **DeepSeek Harness monitoring, alerts, recharge, and session control center.**
@@ -23,8 +23,10 @@
 ```
 
 - **Official DeepSeek** — live balance (60s global refresh with fast boot retries), current-session cost locked to the price active for each usage event (including the 2026-08-17 peak/off-peak rollout), and token breakdown.
+- **24h peak/off-peak ring clock** — resident sidebar footer widget indicating real-time pricing windows (peak vs. 50% discount off-peak), countdown to next switch, and optional desktop switch notifications.
 - **Third-party total** — current-session tokens (input / cache read / output). No balance guessing, no cost math, zero configuration.
-- **Click the chip** to open the detail panel: correctly formatted per-currency balances, cost and token splits, a freely editable low-balance threshold in CNY (two decimals, persisted globally; alerts only compare a CNY balance and never mix currencies), manual refresh, and a jump to the official recharge page (first click shows the domain for confirmation — anti-phishing).
+- **Provider classification** — observed wrapper routes appear in the settings page; opted-in routes join the official token/cost bucket and are priced with the official table.
+- **Click the chip** to open the detail panel: correctly formatted per-currency balances, cost and token splits, a freely editable low-balance threshold for the active account and currency (two decimals, persisted per account; alerts never mix currencies), manual refresh, and a jump to the official recharge page (first click shows the domain for confirmation — anti-phishing).
 - **Move, dock, and scale** — drag the chip freely, preview nearby snap targets, use compact horizontal or vertical layouts, adjust its scale from the control panel, and show official or third-party data independently. The choices are remembered locally.
 - **Floating window mode** — detach the detail panel into a draggable window with a remembered position, or minimize it directly to a freely movable dot; the dot turns red below the threshold.
 - **Completion reminders** — optionally notify when a conversation finishes, with persistent or timed modes, queueing and deduplication for simultaneous completions, cross-tab coordination, and an in-page fallback when system notifications are unavailable.
@@ -126,7 +128,7 @@ For buildable DSH hosts, the npm package and repository include a versioned [Age
 
 | Item | Behavior |
 | --- | --- |
-| Token accounting | Listens to the `llm/stream` event and buckets per provider (`deepseek-official` vs. everything else) and per session; each usage event also locks its contemporaneous official price, so multiple sessions and pricing windows never mix. |
+| Token accounting | Listens to the `llm/stream` event and buckets per session and provider: `deepseek-official` plus explicitly opted-in wrapper routes use the official bucket; other providers stay third-party; each usage event also locks its contemporaneous official price, so multiple sessions and pricing windows never mix. |
 | Balance | The key from the credentials seam (or the active account's key) never leaves this machine except as the `Authorization` header of the official `/user/balance` request. |
 | Accounts | Keys live in `$DSH_HOME/storages/accounts.json` (plaintext, matching the harness's own credential storage); the UI only ever shows masked keys, and switching writes the chosen key into the credentials seam for LLM billing. |
 | Session log | The plugin writes no events; its data lives in `$DSH_HOME/storages/wallet.json`. |

package/index.js

@@ -36,6 +36,10 @@ const BALANCE_REFRESH_MS = 60_000
 const STORE_VERSION = 2
 
 // Beijing (UTC+8, no DST) peak windows: 09:00-12:00 and 14:00-18:00.
+// Exposed to clients via snapshot.pricingWindows so the ring clock renders
+// from the active policy instead of hard-coding hours in the bundle.
+const PEAK_WINDOWS = [{ startHour: 9, endHour: 12 }, { startHour: 14, endHour: 18 }]
+const OFF_PEAK_RATE = 0.5
 const BEIJING_OFFSET_MS = 8 * 3600_000
 
 export function isBeijingPeak(atMs) {
@@ -382,16 +386,18 @@ export function removeAccount(id) {
   const index = accounts.accounts.findIndex((account) => account.id === id)
   if (index < 0) return { ok: false, error: 'account not found' }
   accounts.accounts.splice(index, 1)
-  // Drop the account's own threshold line along with it.
+  // Drop the account's own threshold line along with it. The caller persists
+  // wallet.json separately from accounts.json when this flag is true.
+  let thresholdRemoved = false
   if (store.accountThresholds && Object.hasOwn(store.accountThresholds, id)) {
     delete store.accountThresholds[id]
-    scheduleAccountsSave(null)
+    thresholdRemoved = true
   }
   // Deliberately NOT unsetting the credentials seam: the key currently in
   // .credentials.yaml keeps working for LLM billing; the UI just reports
   // "no active account" and balance falls back to the seam key.
   if (accounts.activeId === id) accounts.activeId = null
-  return { ok: true }
+  return { ok: true, thresholdRemoved }
 }
 
 export function accountListView() {
@@ -481,12 +487,18 @@ function recordUsage(options, usage, atMs = Date.now()) {
   if (typeof sessionId !== 'string' || sessionId === '' || typeof provider !== 'string' || provider === '') return
   if (typeof model !== 'string' || model === '__proto__' || model === 'prototype' || model === 'constructor') return
   if (sessionId === '__proto__' || sessionId === 'prototype' || sessionId === 'constructor') return
+  // Remember every non-builtin route observed by the stream tap. The settings
+  // page can then promote wrapper routes into the official billing bucket.
+  if (provider !== OFFICIAL_PROVIDER && !store.knownProviders.includes(provider)) {
+    store.knownProviders = normalizeProviderList([...store.knownProviders, provider])
+  }
   if (!Object.hasOwn(store.sessions, sessionId)) {
     store.sessions[sessionId] = { official: emptyBucket(true), third: emptyBucket(false) }
   }
   const session = store.sessions[sessionId]
-  const bucket = provider === OFFICIAL_PROVIDER ? session.official : session.third
-  if (provider === OFFICIAL_PROVIDER) addOfficialUsage(bucket, model, usage, atMs)
+  const official = isOfficialProvider(provider, store.officialProviders)
+  const bucket = official ? session.official : session.third
+  if (official) addOfficialUsage(bucket, model, usage, atMs)
   else {
     if (!Object.hasOwn(bucket.models, model)) bucket.models[model] = emptyCounters()
     addUsage(bucket.models[model], usage)
@@ -499,13 +511,13 @@ let balanceRefresh = null
 async function performBalanceRefresh(ctx) {
   const credentials = ctx.get('credentials')
   if (credentials === undefined) {
-    balance = { fetchedAt: Date.now(), available: false, balances: [], error: 'no credentials service' }
+    balance = { fetchedAt: Date.now(), available: false, balances: [], error: 'no-credentials' }
     return
   }
   try {
     const key = await resolveBalanceKey(ctx)
     if (key === undefined || key === '') {
-      balance = { fetchedAt: Date.now(), available: false, balances: [], error: 'no API key' }
+      balance = { fetchedAt: Date.now(), available: false, balances: [], error: 'no-api-key' }
       return
     }
     const controller = new AbortController()
@@ -516,23 +528,36 @@ async function performBalanceRefresh(ctx) {
         headers: { authorization: 'Bearer ' + key },
         signal: controller.signal,
       })
-      if (!response.ok) throw new Error('status ' + response.status)
+      if (!response.ok) {
+        const code = response.status === 401 || response.status === 403
+          ? 'unauthorized'
+          : response.status === 429 ? 'rate-limited' : 'upstream-unavailable'
+        const error = new Error(code)
+        error.code = code
+        throw error
+      }
       const data = await response.json()
+      const available = data !== null && typeof data === 'object' && data.is_available === true
       balance = {
         fetchedAt: Date.now(),
-        available: data.is_available === true,
-        balances: Array.isArray(data.balance_infos) ? data.balance_infos : [],
-        error: null,
+        available,
+        balances: available && Array.isArray(data.balance_infos) ? data.balance_infos : [],
+        error: available ? null : 'balance-unavailable',
       }
     } finally {
       clearTimeout(timer)
     }
   } catch (error) {
+    const code = error && typeof error === 'object' && typeof error.code === 'string'
+      ? error.code
+      : error && typeof error === 'object' && error.name === 'AbortError'
+        ? 'timeout'
+        : error instanceof SyntaxError ? 'invalid-response' : 'upstream-unavailable'
     balance = {
       fetchedAt: Date.now(),
       available: false,
       balances: [],
-      error: error instanceof Error ? error.message : String(error),
+      error: code,
     }
   }
 }
@@ -627,6 +652,14 @@ function snapshotView(sessionId) {
         return line > 0 && balanceTotal() < line
       })(),
     rechargeUrl: RECHARGE_URL,
+    // Peak/off-peak policy for the ring clock; billed in Asia/Shanghai.
+    pricingWindows: {
+      timezone: 'Asia/Shanghai',
+      offsetMinutes: 480,
+      windows: PEAK_WINDOWS.map(w => ({ startHour: w.startHour, endHour: w.endHour })),
+      offPeakRate: OFF_PEAK_RATE,
+      isPeak: isBeijingPeak(Date.now()),
+    },
     accounts: {
       activeId: accounts.activeId,
       activeName: active !== null ? active.name : null,
@@ -824,7 +857,8 @@ export function apply(ctx, config) {
         if (body === null || typeof body.name !== 'string' || typeof body.apiKey !== 'string') {
           return json(res, 400, { ok: false, error: 'name and apiKey are required' })
         }
-        const needSync = accounts.activeId === null
+        const previousActiveId = accounts.activeId
+        const needSync = previousActiveId === null
         const result = addAccount(body.name, body.apiKey)
         if (!result.ok) return json(res, 400, { ok: false, error: result.error })
         scheduleAccountsSave(ctx.logger)
@@ -832,6 +866,13 @@ export function apply(ctx, config) {
         if (needSync) {
           // First account: activate it so the LLM seam follows the new key.
           sync = await activateAccount(ctx, result.account.id)
+          // addAccount marks the first row active optimistically. If the host
+          // refuses the credential write, roll it back so UI/balance state does
+          // not claim a billing account that the LLM route is not using.
+          if (!sync.ok && accounts.activeId === result.account.id) {
+            accounts.activeId = previousActiveId
+            scheduleAccountsSave(ctx.logger)
+          }
         }
         return json(res, 200, {
           ok: true,
@@ -872,6 +913,7 @@ export function apply(ctx, config) {
         const result = removeAccount(body.id)
         if (!result.ok) return json(res, 400, { ok: false, error: result.error })
         scheduleAccountsSave(ctx.logger)
+        if (result.thresholdRemoved) scheduleSave(ctx.logger)
         return json(res, 200, { ok: true, ...accountListView() })
       },
     })

package/lib/client.js

@@ -14,7 +14,7 @@ window.__ModuleLoader__.load({
 
     var POLL_MS = 15000
     // Keep in lockstep with package.json; a test enforces the sync.
-    var WALLET_VERSION = '0.2.1'
+    var WALLET_VERSION = '0.2.3'
     var CONFIRM_KEY = 'dsh-wallet-recharge-confirmed'
     var CHIP_LAYOUT_KEY = 'dshw-chip-layout-v4'
     var PANEL_POS_KEY = 'dshw-panel-pos-v1'
@@ -24,6 +24,11 @@ window.__ModuleLoader__.load({
     var NOTIFY_CONFIG_EVENT = 'dshw-completion-notify-change'
     var SETTINGS_EVENT = 'dshw-settings-change'
     var LOW_BLINK_KEY = 'dshw-low-blink-v1'
+    var PEAK_RING_KEY = 'dshw-peakring-v1'
+    var CLASSIC_CARD_KEY = 'dshw-classic-card-v1'
+    var PEAK_NOTIFY_KEY = 'dshw-peaknotify-v1'
+    var PEAK_NOTIFY_LAST_KEY = 'dshw-peaknotify-last-v1'
+    var PEAK_RING_EVENT = 'dshw-peakring-change'
     var NOTIFY_LEADER_KEY = 'dshw-completion-notify-leader-v1'
     var PERMANENT_DELETE_KEY = 'dshw-permanent-delete-v1'
     var PERMANENT_DELETE_EVENT = 'dshw-permanent-delete-change'
@@ -409,6 +414,30 @@ window.__ModuleLoader__.load({
       '.dshw_settingsFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}',
       '.dshw_settingsFooterActions{display:flex;align-items:center;gap:7px}',
       '.dshw_settingsFooter .dshw_btn{height:30px;padding:0 14px}',
+      '.dshw_footRing{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:70px;margin:2px 0 5px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));border-radius:11px;background:var(--dsw-alias-bg-l1,rgba(127,127,127,.035));color:var(--dsw-alias-label-primary,#1f2328);font-size:12.5px;cursor:default;user-select:none;transition:all .15s ease}',
+      '.dshw_footRing:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06));border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.15))}',
+      '.dshw_footRing.dshw_low{border-color:var(--dsw-alias-state-error-primary,#e5534b)}',
+      '.dshw_footRingRail{width:42px;height:42px;min-height:42px;margin:3px 0 6px;padding:0;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer}',
+      '.dshw_footRingRail:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}',
+      '.dshw_footRingLabel{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}',
+      '.dshw_footRingHeader{display:flex;align-items:center;gap:6px;white-space:nowrap}',
+      '.dshw_footRingTitle{font-size:13.5px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+      '.dshw_footRingBadge{font-size:10px;font-weight:600;padding:1px 5px;line-height:15px;border-radius:3px;flex:none}',
+      '.dshw_footRingBadgePeak{background:var(--dsw-alias-state-error-soft,rgba(229,83,75,.12));color:var(--dsw-alias-state-error-primary,#e5534b)}',
+      '.dshw_footRingBadgeOff{background:var(--dsw-alias-state-success-soft,rgba(26,127,55,.12));color:var(--dsw-alias-state-success-primary,#1a7f37)}',
+      '.dshw_footRingMoney{font-size:12.5px;font-variant-numeric:tabular-nums;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}',
+      '.dshw_footRingMoney.dshw_low .dshw_footBalNum{color:var(--dsw-alias-state-error-primary,#e5534b);font-weight:700}',
+      '.dshw_footRingCountdown{font-size:11px;color:var(--dsw-alias-label-secondary,rgba(31,35,40,.72));line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}',
+      '.dshw_footRingRecharge{flex:none;display:flex;align-items:center}',
+      '.dshw_footRingBtnRechargeVertical{border:1px solid var(--dsw-alias-brand-primary,#4aa3ff);background:var(--dsw-alias-brand-soft,rgba(74,163,255,.10));color:var(--dsw-alias-brand-primary,#4aa3ff);border-radius:6px;width:24px;min-height:48px;padding:5px 0;font-size:12px;font-weight:650;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1;transition:all .15s ease;flex:none;box-sizing:border-box;user-select:none}',
+      '.dshw_footRingBtnRechargeVertical:hover{background:var(--dsw-alias-brand-primary,#4aa3ff);color:#fff}',
+      '.dshw_ringPeak{stroke:var(--dsw-alias-state-error-primary,#e5534b)}',
+      '.dshw_ringOff{stroke:var(--dsw-alias-state-success-primary,#1a7f37)}',
+      '.dshw_ringNeutral{stroke:var(--dsw-alias-border-l3,rgba(0,0,0,.18))}',
+      '.dshw_peakRing circle{transition:stroke-width .3s ease}',
+      '.dshw_ringNow{stroke-width:6;filter:brightness(1.15)}',
+      '.dshw_ringPointer{fill:var(--dsw-alias-label-primary,#1f2328)}',
+      '.dshw_ringTick{fill:var(--dsw-alias-label-quaternary,rgba(31,35,40,.45))}',
       '@media (max-width:760px){.dshw_settingsGrid,.dshw_settingsSection .dshw_setCard{grid-template-columns:1fr}.dshw_settingsSection .dshw_setCard>.dshw_setCell.wide{grid-column:1}.dshw_accountAdd{grid-template-columns:1fr}.dshw_settingsFooter{align-items:flex-start;flex-direction:column-reverse}.dshw_settingsFooterActions{width:100%}.dshw_settingsFooterActions .dshw_btn{flex:1}.dshw_settingsHeroMeta{white-space:normal;flex-wrap:wrap}}',
       '.dshw_actionRow{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:2px 0}',
       '.dshw_textDanger{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 4px;border:none;background:transparent;font:inherit;font-size:11px;color:var(--dsw-alias-label-quaternary,rgba(31,35,40,.45));cursor:pointer;border-radius:4px;transition:color .12s,background-color .12s}',
@@ -458,12 +487,12 @@ window.__ModuleLoader__.load({
     // ratio, not a live FX quote.
     var USD_ESTIMATE_PER_CNY = 7.25
     function sessionCostText(costCNY, currency) {
-      if (costCNY === null || costCNY === undefined) return '--'
+      var val = (costCNY === null || costCNY === undefined) ? 0 : costCNY
       if (currency === 'USD') {
-        var usd = costCNY / USD_ESTIMATE_PER_CNY
+        var usd = val / USD_ESTIMATE_PER_CNY
         return fmtCurrency(usd, 'USD')
       }
-      return fmtCurrency(costCNY, currency || 'CNY')
+      return fmtCurrency(val, currency || 'CNY')
     }
     // 本约 = "本次为估算值"：美元账户的花费由 CNY 价折算，标签本身承担
     // 约算含义，数字前不再加 ≈ 符号；CNY 账户是精确值，用"本场"。
@@ -471,7 +500,92 @@ window.__ModuleLoader__.load({
       return currency === 'USD' ? '本约' : '本场'
     }
 
-function fmtCurrency(value, currency) {
+    // Ring clock: 24h circle, peak arcs from snapshot.pricingWindows (never
+    // hard-coded in the bundle), pointer at current time, active arc bolded.
+    // Noon = 0h at 12 o'clock, clockwise. Optional size scales the 76-unit
+    // viewBox down for tight hosts (sidebar foot row / rail circle); optional
+    // ariaText overrides the fallback label with the full screen-reader state.
+    function peakRingSVG(windows, nowHour, size, ariaText) {
+      var sizePx = typeof size === 'number' && size > 0 ? size : 76
+      var R = 28
+      var CX = 38
+      var CY = 38
+      var CIRC = 2 * Math.PI * R
+      // No pricing policy resolved: one neutral full ring, no arcs, no pointer
+      // — the clock shows an unconfigured state and claims no price.
+      if (!Array.isArray(windows) || windows.length === 0) {
+        return React.createElement('svg', {
+          width: sizePx, height: sizePx, viewBox: '0 0 76 76',
+          role: 'img', className: 'dshw_peakRing',
+          'aria-label': ariaText || '峰谷计费时段未配置'
+        },
+          React.createElement('circle', { key: 'neutral', cx: CX, cy: CY, r: R, fill: 'none', className: 'dshw_ringNeutral', strokeWidth: 4 }))
+      }
+      var segs = []
+      // Build segments: which arcs are peak vs off
+      var cursor = 0
+      var sorted = (windows || []).slice().sort(function (a, b) { return a.startHour - b.startHour })
+      var marks = []
+      for (var i = 0; i < sorted.length; i++) {
+        var w = sorted[i]
+        if (w.startHour > cursor) segs.push({ start: cursor, end: w.startHour, peak: false })
+        segs.push({ start: w.startHour, end: w.endHour, peak: true })
+        marks.push(w.startHour, w.endHour)
+        cursor = w.endHour
+      }
+      if (cursor < 24) segs.push({ start: cursor, end: 24, peak: false })
+      // Is the current hour inside a peak window?
+      var inPeak = false
+      for (var j = 0; j < sorted.length; j++) {
+        if (nowHour >= sorted[j].startHour && nowHour < sorted[j].endHour) { inPeak = true; break }
+      }
+      var children = []
+      for (var k = 0; k < segs.length; k++) {
+        var seg = segs[k]
+        var frac = (seg.end - seg.start) / 24
+        var offset = 1 - (seg.start / 24) // stroke-dashoffset rotates clockwise from 3 o'clock; we want 0h at 12
+        var isNow = (nowHour >= seg.start && nowHour < seg.end)
+        children.push(React.createElement('circle', {
+          key: 'seg' + k,
+          cx: CX, cy: CY, r: R,
+          fill: 'none',
+          className: (seg.peak ? 'dshw_ringPeak' : 'dshw_ringOff') + (isNow ? ' dshw_ringNow' : ''),
+          strokeWidth: isNow ? 6.5 : 4,
+          strokeDasharray: (frac * CIRC).toFixed(2) + ' ' + (CIRC - frac * CIRC).toFixed(2),
+          strokeDashoffset: (offset * CIRC).toFixed(2),
+          transform: 'rotate(-90 ' + CX + ' ' + CY + ')' // 0h at 12 o'clock
+        }))
+      }
+      // Boundary ticks: dots at rest, the exact times ride the hover tooltip
+      for (var m = 0; m < marks.length; m++) {
+        var angle = (marks[m] / 24) * 360 - 90
+        var rad = angle * Math.PI / 180
+        var tx = CX + (R + 7) * Math.cos(rad)
+        var ty = CY + (R + 7) * Math.sin(rad)
+        children.push(React.createElement('circle', { key: 'tick' + m, cx: tx.toFixed(1), cy: ty.toFixed(1), r: 2, className: 'dshw_ringTick' }))
+      }
+      // Pointer: a small triangle riding the ring, apex touching the arc —
+      // secondary to the bolded current segment (a 1-min move is 0.25°, invisible)
+      var pAngle = (nowHour / 24) * 360 - 90
+      var pRad = pAngle * Math.PI / 180
+      var cosR = Math.cos(pRad)
+      var sinR = Math.sin(pRad)
+      var apexX = CX + (R - 1) * cosR
+      var apexY = CY + (R - 1) * sinR
+      var baseCx = CX + (R + 7) * cosR
+      var baseCy = CY + (R + 7) * sinR
+      var tri = (baseCx + 3.5 * -sinR).toFixed(1) + ',' + (baseCy + 3.5 * cosR).toFixed(1)
+        + ' ' + apexX.toFixed(1) + ',' + apexY.toFixed(1)
+        + ' ' + (baseCx - 3.5 * -sinR).toFixed(1) + ',' + (baseCy - 3.5 * cosR).toFixed(1)
+      children.push(React.createElement('polygon', { key: 'ptr', points: tri, className: 'dshw_ringPointer' }))
+      return React.createElement('svg', {
+        width: sizePx, height: sizePx, viewBox: '0 0 76 76',
+        role: 'img', className: 'dshw_peakRing',
+        'aria-label': ariaText || (inPeak ? '当前为高峰时段' : '当前为低谷时段（半价）')
+      }, children)
+    }
+
+    function fmtCurrency(value, currency) {
       var number = typeof value === 'number' ? value : Number.parseFloat(value)
       if (!Number.isFinite(number)) return '--'
       var code = typeof currency === 'string' && /^[A-Z]{3}$/.test(currency.toUpperCase()) ? currency.toUpperCase() : 'CNY'
@@ -485,6 +599,32 @@ function fmtCurrency(value, currency) {
       }
     }
 
+    function selectBalanceInfo(balance) {
+      if (!balance || !Array.isArray(balance.balances) || balance.balances.length === 0) return null
+      var currency = typeof balance.currency === 'string' ? balance.currency.toUpperCase() : null
+      if (currency) {
+        var matching = balance.balances.find(function (info) {
+          return info && typeof info.currency === 'string' && info.currency.toUpperCase() === currency
+        })
+        if (matching) return matching
+      }
+      return balance.balances[0]
+    }
+
+    function balanceErrorText(error) {
+      switch (error) {
+        case 'no-credentials': return '宿主凭证服务不可用'
+        case 'no-api-key': return '未配置 DeepSeek API Key'
+        case 'unauthorized': return 'API Key 无效或已过期'
+        case 'rate-limited': return '余额接口请求过于频繁'
+        case 'timeout': return '余额接口请求超时'
+        case 'invalid-response': return '余额接口返回无效数据'
+        case 'balance-unavailable': return '余额暂不可用'
+        case 'upstream-unavailable': return '余额接口暂时不可用'
+        default: return '余额暂不可用'
+      }
+    }
+
     function computePanelPosition(chipRect, panelRect, viewportWidth, viewportHeight) {
       var margin = 8
       var gap = 6
@@ -550,6 +690,11 @@ function fmtCurrency(value, currency) {
     function normalizeNotifyConfig(value) {
       var enabled = !value || value.enabled !== false
       var timeout = value && Number.parseInt(value.timeout, 10)
+      // Migrate the brief settings-page schema that stored milliseconds under
+      // autoCloseMs. The canonical shared shape is { enabled, timeout }.
+      if ([0, 5, 10, 30, 60].indexOf(timeout) === -1 && value && Object.hasOwn(value, 'autoCloseMs')) {
+        timeout = value.autoCloseMs === null ? 0 : Math.round(Number(value.autoCloseMs) / 1000)
+      }
       if ([0, 5, 10, 30, 60].indexOf(timeout) === -1) timeout = 10
       return { enabled: enabled, timeout: timeout }
     }
@@ -608,7 +753,7 @@ function fmtCurrency(value, currency) {
         }
         var item = active.item
         var remaining = queue.length
-        var body = item.title + (remaining > 0 ? '\n另有 ' + remaining + ' 个对话等待提醒' : '\n点击打开该对话')
+        var body = item.title + (remaining > 0 ? '\r\n另有 ' + remaining + ' 个对话等待提醒' : '\r\n点击打开该对话')
         if (active.timer !== null) clearTimeout(active.timer)
         if (active.notification) {
           active.notification.onclose = null
@@ -937,7 +1082,7 @@ function fmtCurrency(value, currency) {
       var [notifyEnabled, setNotifyEnabled] = React.useState(function () { return readNotifyConfig().enabled })
       var [notifyTimeout, setNotifyTimeout] = React.useState(function () {
         var cfg = readNotifyConfig()
-        return cfg.autoCloseMs === null ? 'keep' : String(Math.round(cfg.autoCloseMs / 1000))
+        return cfg.timeout === 0 ? 'keep' : String(cfg.timeout)
       })
       var [lowBlinkEnabled, setLowBlinkEnabled] = React.useState(function () {
         try { return compatibility.storage.getItem(LOW_BLINK_KEY) !== 'false' } catch (e) { return true }
@@ -948,6 +1093,12 @@ function fmtCurrency(value, currency) {
       var [pdSupported, setPdSupported] = React.useState(function () {
         return compatibility.hasCapability('permanentDelete')
       })
+      var [ringEnabled, setRingEnabled] = React.useState(function () {
+        try { return compatibility.storage.getItem(PEAK_RING_KEY) !== 'false' } catch (e) { return true }
+      })
+      var [peakNotifyEnabled, setPeakNotifyEnabled] = React.useState(function () {
+        try { return compatibility.storage.getItem(PEAK_NOTIFY_KEY) === 'true' } catch (e) { return false }
+      })
       React.useEffect(function () {
         if (typeof window.addEventListener !== 'function') return
         function refreshCap() { setPdSupported(compatibility.hasCapability('permanentDelete')) }
@@ -1000,13 +1151,13 @@ function fmtCurrency(value, currency) {
       }
 
       function persistNotify(enabled, timeout) {
-        var autoCloseMs = timeout === 'keep' ? null : Number.parseInt(timeout, 10) * 1000
-        if (!Number.isFinite(autoCloseMs) && timeout !== 'keep') autoCloseMs = 10000
+        var timeoutSeconds = timeout === 'keep' ? 0 : Number.parseInt(timeout, 10)
+        if ([0, 5, 10, 30, 60].indexOf(timeoutSeconds) === -1) timeoutSeconds = 10
         try {
-          compatibility.storage.setItem(NOTIFY_CONFIG_KEY, JSON.stringify({ enabled: enabled, autoCloseMs: autoCloseMs }))
+          compatibility.storage.setItem(NOTIFY_CONFIG_KEY, JSON.stringify({ enabled: enabled, timeout: timeoutSeconds }))
         } catch (e) { /* ignore */ }
         setNotifyEnabled(enabled)
-        setNotifyTimeout(timeout)
+        setNotifyTimeout(timeoutSeconds === 0 ? 'keep' : String(timeoutSeconds))
         compatibility.dispatch(NOTIFY_CONFIG_EVENT)
       }
 
@@ -1104,7 +1255,7 @@ function fmtCurrency(value, currency) {
       var lowBalance = snapshot && snapshot.lowBalance === true
       var sessionCost = snapshot && snapshot.session && snapshot.session.official && snapshot.session.official.cost !== null && snapshot.session.official.cost !== undefined ? sessionCostText(snapshot.session.official.cost, snapshot && snapshot.balance ? snapshot.balance.currency : null) : '--'
       var currencyCode = bal && typeof bal.currency === 'string' ? bal.currency : 'CNY'
-      var primaryBalance = bal && Array.isArray(bal.balances) && bal.balances.length > 0 ? bal.balances[0] : null
+      var primaryBalance = selectBalanceInfo(bal)
       var toppedText = primaryBalance ? fmtCurrency(primaryBalance.topped_up_balance, primaryBalance.currency) : '--'
       var grantedText = primaryBalance ? fmtCurrency(primaryBalance.granted_balance, primaryBalance.currency) : '--'
       rows.push(React.createElement('div', { key: 'head', className: 'dshw_settingsHeader' },
@@ -1232,6 +1383,41 @@ function fmtCurrency(value, currency) {
                 }
               }),
               React.createElement('span', { className: 'dshw_track', 'aria-hidden': 'true' }),
+              React.createElement('span', { className: 'dshw_knob', 'aria-hidden': 'true' }))),
+          React.createElement('div', { className: 'dshw_settingChoice' },
+            React.createElement('span', { className: 'dshw_settingChoiceCopy' },
+              React.createElement('strong', null, '峰谷时钟'),
+              React.createElement('span', null, '侧边栏底部环形钟（零文字）')),
+            React.createElement('label', { className: 'dshw_switch', title: '在侧边栏设置按钮上方显示峰谷环形钟' },
+              React.createElement('input', {
+                type: 'checkbox', checked: ringEnabled,
+                'aria-label': '显示侧边栏峰谷时钟',
+                onChange: function (event) {
+                  var enabled = event.target.checked
+                  setRingEnabled(enabled)
+                  try { compatibility.storage.setItem(PEAK_RING_KEY, String(enabled)) } catch (e) { /* ignore */ }
+                  try { compatibility.dispatch(SETTINGS_EVENT) } catch (e) { /* ignore */ }
+                  try { compatibility.dispatch(PEAK_RING_EVENT) } catch (e) { /* ignore */ }
+                }
+              }),
+              React.createElement('span', { className: 'dshw_track', 'aria-hidden': 'true' }),
+              React.createElement('span', { className: 'dshw_knob', 'aria-hidden': 'true' }))),
+          React.createElement('div', { className: 'dshw_settingChoice' },
+            React.createElement('span', { className: 'dshw_settingChoiceCopy' },
+              React.createElement('strong', null, '峰谷切换提醒'),
+              React.createElement('span', null, '进入高峰/低谷时通知一次')),
+            React.createElement('label', { className: 'dshw_switch', title: '峰谷切换时间点各通知一次，不重复弹出' },
+              React.createElement('input', {
+                type: 'checkbox', checked: peakNotifyEnabled,
+                'aria-label': '开启峰谷切换提醒',
+                onChange: function (event) {
+                  var enabled = event.target.checked
+                  setPeakNotifyEnabled(enabled)
+                  try { compatibility.storage.setItem(PEAK_NOTIFY_KEY, String(enabled)) } catch (e) { /* ignore */ }
+                  try { compatibility.dispatch(SETTINGS_EVENT) } catch (e) { /* ignore */ }
+                }
+              }),
+              React.createElement('span', { className: 'dshw_track', 'aria-hidden': 'true' }),
               React.createElement('span', { className: 'dshw_knob', 'aria-hidden': 'true' })))))
       )
       rows.push(React.createElement('div', { key: 'setcard', className: 'dshw_setCard' }, cells))
@@ -1322,7 +1508,7 @@ function fmtCurrency(value, currency) {
           onChange: function (event) { setNameDraft(event.target.value) }
         }),
         React.createElement('input', {
-          className: 'dshw_input',
+          className: 'dshw_input', type: 'password',
           placeholder: 'sk-...', 'aria-label': 'API Key',
           value: keyDraft,
           onInput: function (event) { setKeyDraft(event.target.value) },
@@ -1352,6 +1538,246 @@ function fmtCurrency(value, currency) {
       return React.createElement('div', { className: 'dshw_settingsSection', style: { display: 'flex', flexDirection: 'column', gap: '6px', fontSize: '12px', color: 'var(--dsw-alias-label-primary,#1f2328)' } }, rows)
     }
 
+    // Wall-clock hour (0-24, fractional) inside an IANA timezone, via Intl —
+    // never a fixed UTC offset, so DST-observing zones stay correct. Falls back
+    // to the policy's declared offset only if Intl cannot resolve the zone.
+    function wallHourIn(tz, offsetMinutes, date) {
+      try {
+        var text = new Intl.DateTimeFormat('en-GB', {
+          timeZone: tz, hour: '2-digit', minute: '2-digit', hour12: false
+        }).format(date)
+        var parts = text.split(':')
+        var h = Number.parseFloat(parts[0])
+        var m = Number.parseFloat(parts[1])
+        if (Number.isFinite(h) && Number.isFinite(m)) return (h % 24) + m / 60
+      } catch (e) { /* fall through to the fixed offset */ }
+      return (date.getTime() + (offsetMinutes || 0) * 60000) % 86400000 / 3600000
+    }
+
+    // Pure peak-clock math shared by the sidebar ring: current period, next
+    // boundary (wrapping past midnight), the reminder dedup id, and the
+    // zero-text-friendly tooltip / screen-reader strings. windows come from
+    // the wallet snapshot; anything malformed collapses to the neutral state.
+    function peakClockState(policy, nowHour, nowMs) {
+      var windows = policy && Array.isArray(policy.windows) ? policy.windows.filter(function (w) {
+        return w && Number.isFinite(w.startHour) && Number.isFinite(w.endHour) && w.endHour > w.startHour
+      }) : []
+      if (windows.length === 0) {
+        return { configured: false, windows: [], ariaText: '峰谷计费时段未配置', tip: '峰谷时钟 · 计费时段未配置', periodId: null }
+      }
+      var inPeak = false
+      var segStart = null
+      var segEnd = null
+      for (var i = 0; i < windows.length; i++) {
+        if (nowHour >= windows[i].startHour && nowHour < windows[i].endHour) {
+          inPeak = true; segStart = windows[i].startHour; segEnd = windows[i].endHour; break
+        }
+      }
+      if (!inPeak) {
+        // Off-peak segment runs from the last passed boundary to the next one.
+        var bounds = []
+        for (var b = 0; b < windows.length; b++) bounds.push(windows[b].startHour, windows[b].endHour)
+        bounds.sort(function (a, b2) { return a - b2 })
+        segStart = -1
+        segEnd = 25
+        for (var c = 0; c < bounds.length; c++) {
+          if (bounds[c] <= nowHour && bounds[c] > segStart) segStart = bounds[c]
+          if (bounds[c] > nowHour && bounds[c] < segEnd) segEnd = bounds[c]
+        }
+        if (segStart < 0) segStart = bounds[bounds.length - 1] - 24 // late evening wraps to yesterday's last edge
+      }
+      // Late evening off-peak is past every boundary: the next switch is the
+      // FIRST boundary of tomorrow (segEnd still sits at its 25 sentinel).
+      var nextHour = !inPeak && segEnd > 24 ? bounds[0] : segEnd
+      function hh(h) { return String(Math.floor(((h % 24) + 24) % 24)).padStart(2, '0') + ':00' }
+      var winText = windows.map(function (w) { return hh(w.startHour) + '–' + hh(w.endHour) }).join(' / ')
+      var tzName = policy.timezone || 'Asia/Shanghai'
+      var rate = typeof policy.offPeakRate === 'number' && policy.offPeakRate > 0 ? policy.offPeakRate : 0.5
+      var rateWord = rate === 0.5 ? '半价' : '×' + rate
+      var hoursLeft = (nextHour - nowHour + 24) % 24
+      var msLeft = Math.round(hoursLeft * 3600000)
+      var hLeft = Math.floor(msLeft / 3600000)
+      var mLeft = Math.floor((msLeft % 3600000) / 60000)
+      var leftText = hLeft > 0 ? hLeft + ' 小时 ' + mLeft + ' 分' : mLeft + ' 分钟'
+      var leftShort = hLeft > 0 ? (hLeft + 'h' + (mLeft > 0 ? mLeft + 'm' : '')) : (mLeft + 'm')
+      var switchText = inPeak ? (hh(nextHour) + ' 后' + rateWord) : (hh(nextHour) + ' 恢复标准价')
+      var period = inPeak ? '高峰' : '低谷' + rateWord
+      var periodName = inPeak ? '高峰时段' : '低谷时段'
+      var rateBadge = inPeak ? '标准价' : (rate === 0.5 ? '半价' : '×' + rate)
+      var countdownSummary = hh(nextHour) + ' 切换 · 剩 ' + leftShort
+      var windowSummary = '高峰 ' + winText
+      // Dual timezone: billing is judged in the policy's base zone; a device
+      // elsewhere also sees the local-clock span of the CURRENT segment.
+      var localNote = ''
+      try {
+        var localTz = Intl.DateTimeFormat().resolvedOptions().timeZone
+        if (localTz && localTz !== tzName && Number.isFinite(nowMs)) {
+          var hoursAgo = (nowHour - segStart + 24) % 24
+          var segLenH = ((nextHour - segStart) % 24 + 24) % 24 || 24
+          var startInstant = nowMs - hoursAgo * 3600000
+          var endInstant = startInstant + segLenH * 3600000
+          var fmtLocal = new Intl.DateTimeFormat('en-GB', { hour: '2-digit', minute: '2-digit', hour12: false })
+          localNote = ' · 当地 ' + fmtLocal.format(startInstant) + '–' + fmtLocal.format(endInstant)
+        }
+      } catch (e) { /* timezone introspection is best-effort */ }
+      var ariaText = inPeak
+        ? '当前为高峰时段，' + tzName + ' ' + winText + '，按标准价计费'
+        : '当前为低谷时段，按平价的 ' + rate + ' 倍计费，' + tzName + ' 高峰 ' + winText
+      var tip = '峰谷时钟 · 当前' + period + ' · ' + switchText + ' · 还有 ' + leftText
+        + ' · 高峰 ' + winText + '（' + tzName + '）' + localNote
+      return {
+        configured: true, windows: windows, inPeak: inPeak,
+        nextHour: nextHour, ariaText: ariaText, tip: tip,
+        periodName: periodName, rateBadge: rateBadge,
+        countdownSummary: countdownSummary, windowSummary: windowSummary,
+        // Reminder dedup id: entering this period at this boundary fires once.
+        periodId: (inPeak ? 'p' : 'o') + Math.round(segStart * 100),
+        switchBody: inPeak ? '已进入高峰时段，按标准价计费' : '已进入低谷时段，按平价的 ' + rate + ' 倍计费',
+      }
+    }
+
+    // Sidebar foot occupant: the 24h peak/off-peak ring clock, registered on
+    // the host's sidebar.footer.action list so it sits in the strip the
+    // Sidebar foot occupant: the 24h peak/off-peak ring clock, registered on
+    // the host's sidebar.footer.action list so it sits in the strip the
+    // sidebar keeps right above its Settings row (bottom left). Zero in-ring text —
+    // the arcs, the bolded current segment and the hover tooltip carry the meaning.
+    // In wide mode, it displays the 46px ring clock alongside status, balance/cost, and countdown.
+    // In rail mode, it collapses to a 34px centered circular widget.
+    function PeakRingFooter(props) {
+      props = props || {}
+      var wide = props.wide !== false
+      var [shown, setShown] = React.useState(function () {
+        try { return compatibility.storage.getItem(PEAK_RING_KEY) !== 'false' } catch (e) { return true }
+      })
+      var [snapshot, setSnapshot] = React.useState(undefined) // undefined = loading
+      var [nowMs, setNowMs] = React.useState(function () { return Date.now() })
+
+      React.useEffect(function () {
+        var stopped = false
+        function loadSnap() {
+          fetch('/api/wallet/snapshot').then(function (resp) { return resp.json() }).then(function (json) {
+            if (!stopped && json && json.ok) setSnapshot(json)
+          }).catch(function () { if (!stopped) setSnapshot({ ok: false }) })
+        }
+        loadSnap()
+        var listensEvents = typeof window.addEventListener === 'function'
+        function onRingChange() {
+          try { setShown(compatibility.storage.getItem(PEAK_RING_KEY) !== 'false') } catch (e) { /* ignore */ }
+          loadSnap()
+        }
+        function onSnapUpdate(event) {
+          if (!stopped && event && event.detail && event.detail.ok) {
+            setSnapshot(event.detail)
+          }
+        }
+        if (listensEvents) {
+          window.addEventListener(PEAK_RING_EVENT, onRingChange)
+          window.addEventListener(SETTINGS_EVENT, onRingChange)
+          window.addEventListener('dshw-refresh', onRingChange)
+          window.addEventListener('dshw-snapshot-update', onSnapUpdate)
+        }
+        var timer = window.setInterval(function () {
+          setNowMs(Date.now())
+          loadSnap()
+        }, 30000)
+        return function () {
+          stopped = true
+          window.clearInterval(timer)
+          if (listensEvents) {
+            window.removeEventListener(PEAK_RING_EVENT, onRingChange)
+            window.removeEventListener(SETTINGS_EVENT, onRingChange)
+            window.removeEventListener('dshw-refresh', onRingChange)
+            window.removeEventListener('dshw-snapshot-update', onSnapUpdate)
+          }
+        }
+      }, [])
+
+      var policy = snapshot && snapshot.pricingWindows ? snapshot.pricingWindows : null
+
+      React.useEffect(function () {
+        if (policy === undefined || policy === null) return
+        try {
+          if (compatibility.storage.getItem(PEAK_NOTIFY_KEY) !== 'true') return
+        } catch (e) { return }
+        var tzName = policy.timezone || 'Asia/Shanghai'
+        var state = peakClockState(policy, wallHourIn(tzName, policy.offsetMinutes, new Date(nowMs)), nowMs)
+        if (!state.periodId) return
+        var last = null
+        try { last = compatibility.storage.getItem(PEAK_NOTIFY_LAST_KEY) } catch (e) { /* ignore */ }
+        if (last === state.periodId) return
+        try { compatibility.storage.setItem(PEAK_NOTIFY_LAST_KEY, state.periodId) } catch (e) { /* ignore */ }
+        if (last === null) return
+        try {
+          compatibility.notify('DeepSeek Harness · 峰谷切换', {
+            body: state.switchBody, tag: 'dsh-wallet-peak'
+          })
+        } catch (e) { /* ignore */ }
+      }, [policy, nowMs])
+
+      if (!shown || snapshot === undefined) return null
+      var tzName = policy && policy.timezone ? policy.timezone : 'Asia/Shanghai'
+      var offsetMinutes = policy && typeof policy.offsetMinutes === 'number' ? policy.offsetMinutes : 480
+      var state = peakClockState(policy, wallHourIn(tzName, offsetMinutes, new Date(nowMs)), nowMs)
+
+      var bal = snapshot && snapshot.balance ? snapshot.balance : {}
+      var balCurrency = bal && bal.currency ? bal.currency : 'CNY'
+      var balText = bal.total !== null && bal.total !== undefined ? fmtCurrency(bal.total, balCurrency) : fmtCurrency(0, balCurrency)
+      var session = snapshot && snapshot.session ? snapshot.session : {}
+      var official = session && session.official ? session.official : {}
+      var costValue = (official.cost === null || official.cost === undefined) ? 0 : official.cost
+      var costText = sessionCostText(costValue, balCurrency)
+      var costLabel = sessionCostLabel(balCurrency)
+      var low = snapshot && snapshot.lowBalance === true
+
+      return React.createElement('div', {
+        className: 'dshw_footRing' + (wide ? '' : ' dshw_footRingRail') + (low ? ' dshw_low' : ''),
+        title: state.tip + ' · 余额 ' + balText + ' · ' + costLabel + ' ' + costText + (wide ? '' : ' · 点击前往官方充值'),
+        'aria-label': state.ariaText + '，余额 ' + balText + '，' + costLabel + ' ' + costText,
+        role: 'region',
+        onClick: wide ? undefined : function () { window.open('https://platform.deepseek.com/top_up', '_blank', 'noopener') }
+      },
+        React.createElement('div', { style: { flex: 'none', display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+          peakRingSVG(state.configured ? state.windows : null, wallHourIn(tzName, offsetMinutes, new Date(nowMs)), wide ? 50 : 36, state.ariaText)
+        ),
+        wide ? React.createElement('div', { className: 'dshw_footRingLabel' },
+          React.createElement('div', { className: 'dshw_footRingHeader' },
+            React.createElement('span', {
+              className: 'dshw_footRingTitle',
+              style: { color: state.configured ? (state.inPeak ? 'var(--dsw-alias-state-error-primary,#e5534b)' : 'var(--dsw-alias-state-success-primary,#1a7f37)') : 'inherit' }
+            }, state.configured ? state.periodName : '峰谷时钟'),
+            state.configured && !state.inPeak ? React.createElement('span', {
+              className: 'dshw_footRingBadge dshw_footRingBadgeOff'
+            }, state.rateBadge) : null
+          ),
+          React.createElement('div', { className: 'dshw_footRingMoney' + (low ? ' dshw_low' : '') },
+            React.createElement('span', { className: 'dshw_muted' }, '余额 '),
+            React.createElement('span', { className: 'dshw_footBalNum', style: { fontWeight: '600' } }, balText),
+            React.createElement('span', { className: 'dshw_balDot', style: { margin: '0 3px' } }, '·'),
+            React.createElement('span', { className: 'dshw_muted' }, costLabel + ' '),
+            React.createElement('span', { style: { fontWeight: '600' } }, costText)
+          ),
+          React.createElement('span', { className: 'dshw_footRingCountdown' },
+            state.configured ? state.countdownSummary : '计费时段未配置')
+        ) : null,
+        wide ? React.createElement('div', { className: 'dshw_footRingRecharge' },
+          React.createElement('button', {
+            type: 'button',
+            className: 'dshw_footRingBtnRechargeVertical',
+            title: 'DeepSeek 开放平台 · 前往官方充值',
+            'aria-label': '前往官方充值',
+            onClick: function (e) {
+              if (e && typeof e.stopPropagation === 'function') e.stopPropagation()
+              window.open('https://platform.deepseek.com/top_up', '_blank', 'noopener')
+            }
+          },
+            React.createElement('span', { style: { lineHeight: 1 } }, '充'),
+            React.createElement('span', { style: { lineHeight: 1 } }, '值')
+          )
+        ) : null
+      )
+    }
+
     function WalletChip(props) {
       props = props || {}
       var sessionId = props.sessionId
@@ -1411,7 +1837,7 @@ function fmtCurrency(value, currency) {
         try { return normalizeChipScale(compatibility.storage.getItem(CHIP_SCALE_KEY)) } catch (e) { return 1 }
       })
       var [homeMode, setHomeMode] = React.useState('full')
-      var chipLiftHostRef = React.useRef(null)
+            var chipLiftHostRef = React.useRef(null)
       var [dataVisibility, setDataVisibility] = React.useState(function () {
         try {
           var savedVisibility = compatibility.storage.getItem(DATA_VISIBILITY_KEY)
@@ -1452,6 +1878,34 @@ function fmtCurrency(value, currency) {
         refreshHostCapabilities()
         return function () { window.removeEventListener(HOST_CAPABILITY_EVENT, refreshHostCapabilities) }
       }, [])
+
+      React.useEffect(function () {
+        var pw = data && data.pricingWindows
+        if (!pw || !pw.windows) return
+        var checkNotify = function () {
+          try {
+            if (compatibility.storage.getItem(PEAK_NOTIFY_KEY) !== 'true') return
+          } catch (e) { return }
+          var now = Date.now()
+          var tz = pw.timezone || 'Asia/Shanghai'
+          var offMin = typeof pw.offsetMinutes === 'number' ? pw.offsetMinutes : 480
+          var st = peakClockState(pw, wallHourIn(tz, offMin, new Date(now)), now)
+          if (!st.periodId) return
+          var last = null
+          try { last = compatibility.storage.getItem(PEAK_NOTIFY_LAST_KEY) } catch (e) { /* ignore */ }
+          if (last === st.periodId) return
+          try { compatibility.storage.setItem(PEAK_NOTIFY_LAST_KEY, st.periodId) } catch (e) { /* ignore */ }
+          if (last === null) return
+          try {
+            compatibility.notify('DeepSeek Harness · 峰谷切换', {
+              body: st.switchBody, tag: 'dsh-wallet-peak'
+            })
+          } catch (e) { /* ignore */ }
+        }
+        checkNotify()
+        var timer = setInterval(checkNotify, 60000)
+        return function () { clearInterval(timer) }
+      }, [data])
       var showOfficial = dataVisibility.official
       var showThird = dataVisibility.third
       var chipScaleRef = React.useRef(chipScale)
@@ -1512,6 +1966,11 @@ function fmtCurrency(value, currency) {
             if (!alive) return
             dataRef.current = json
             setData(json)
+            try {
+              if (typeof window.dispatchEvent === 'function' && typeof CustomEvent === 'function') {
+                window.dispatchEvent(new CustomEvent('dshw-snapshot-update', { detail: json }))
+              }
+            } catch (e) { /* ignore */ }
             if (json.threshold !== undefined && json.threshold !== null) {
               // Follow the active currency's own threshold line: switching
               // accounts (and thus currency) refreshes the draft unless the
@@ -1524,7 +1983,8 @@ function fmtCurrency(value, currency) {
             if (showOfficial && json.lowBalance) {
               if (!notifiedRef.current) {
                 try {
-                  var lowNotice = compatibility.notify('DeepSeek \u4f59\u989d\u4e0d\u8db3', { body: '\u4f59\u989d\u5df2\u4f4e\u4e8e\u63d0\u9192\u7ebf ' + json.threshold + ' \u5143', tag: 'dsh-wallet-low' })
+                  var lowCurrency = json.balance && json.balance.currency ? json.balance.currency : 'CNY'
+                  var lowNotice = compatibility.notify('DeepSeek 余额不足', { body: '余额已低于提醒线 ' + fmtCurrency(json.threshold, lowCurrency), tag: 'dsh-wallet-low' })
                   if (lowNotice) notifiedRef.current = true
                 } catch (e) { /* ignore */ }
               }
@@ -2110,6 +2570,11 @@ function fmtCurrency(value, currency) {
               : '\u5df2\u6dfb\u52a0' + (json.syncError ? '\uff08\u540c\u6b65\u5931\u8d25: ' + json.syncError + '\uff09' : ''))
             loadAccounts()
             refreshBalance()
+            try {
+              if (typeof window.dispatchEvent === 'function' && typeof CustomEvent === 'function') {
+                window.dispatchEvent(new CustomEvent('dshw-refresh'))
+              }
+            } catch (e) { /* ignore */ }
           } else {
             setAccountNotice((json && json.error) || '\u6dfb\u52a0\u5931\u8d25')
           }
@@ -2121,7 +2586,7 @@ function fmtCurrency(value, currency) {
 
       function activateAccount(id, name) {
         if (switchingId !== null) return
-        if (!window.confirm('\u5207\u6362\u5230\u8d26\u6237\u300c' + name + '\u300d\uff1f\n\u5207\u6362\u540e\uff0c\u540e\u7eed LLM \u8bf7\u6c42\u5c06\u4f7f\u7528\u8be5\u8d26\u6237\u7684 Key \u8ba1\u8d39\u3002')) return
+        if (!window.confirm('\u5207\u6362\u5230\u8d26\u6237\u300c' + name + '\u300d\uff1f\r\n\u5207\u6362\u540e\uff0c\u540e\u7eed LLM \u8bf7\u6c42\u5c06\u4f7f\u7528\u8be5\u8d26\u6237\u7684 Key \u8ba1\u8d39\u3002')) return
         setSwitchingId(id)
         setAccountNotice(null)
         fetch('/api/wallet/accounts/activate', {
@@ -2134,6 +2599,11 @@ function fmtCurrency(value, currency) {
             setAccountNotice('\u5df2\u5207\u6362\u5230\u300c' + json.account.name + '\u300d')
             loadAccounts()
             refreshBalance()
+            try {
+              if (typeof window.dispatchEvent === 'function' && typeof CustomEvent === 'function') {
+                window.dispatchEvent(new CustomEvent('dshw-refresh'))
+              }
+            } catch (e) { /* ignore */ }
             // 切换账号: 解锁 + 激活响应自带阈值, 输入框零等待跳转
             thresholdInitializedRef.current = false
             if (json.threshold !== undefined && json.threshold !== null) setThresholdDraft(json.threshold.toFixed(2))
@@ -2147,7 +2617,7 @@ function fmtCurrency(value, currency) {
       }
 
       function removeAccount(id, name) {
-        if (!window.confirm('\u5220\u9664\u8d26\u6237\u300c' + name + '\u300d\uff1f\n\u4ec5\u5220\u9664\u672c\u63d2\u4ef6\u7684\u8d26\u6237\u8bb0\u5f55\uff0c\u4e0d\u5f71\u54cd .credentials.yaml \u4e2d\u5df2\u6709\u7684 Key\u3002')) return
+        if (!window.confirm('\u5220\u9664\u8d26\u6237\u300c' + name + '\u300d\uff1f\r\n\u4ec5\u5220\u9664\u672c\u63d2\u4ef6\u7684\u8d26\u6237\u8bb0\u5f55\uff0c\u4e0d\u5f71\u54cd .credentials.yaml \u4e2d\u5df2\u6709\u7684 Key\u3002')) return
         fetch('/api/wallet/accounts/remove', {
           method: 'POST',
           headers: { 'content-type': 'application/json' },
@@ -2157,6 +2627,11 @@ function fmtCurrency(value, currency) {
             setAccountNotice('\u5df2\u5220\u9664')
             loadAccounts()
             refreshBalance()
+            try {
+              if (typeof window.dispatchEvent === 'function' && typeof CustomEvent === 'function') {
+                window.dispatchEvent(new CustomEvent('dshw-refresh'))
+              }
+            } catch (e) { /* ignore */ }
           } else {
             setAccountNotice((json && json.error) || '\u5220\u9664\u5931\u8d25')
           }
@@ -2425,7 +2900,7 @@ function fmtCurrency(value, currency) {
         type: 'number',
         min: '0',
         step: 'any',
-        'aria-label': '\u4f59\u989d\u63d0\u9192\u9608\u503c\uff08CNY\uff09',
+        'aria-label': '余额提醒阈值（' + (bal.currency || 'CNY') + '）',
         value: thresholdDraft === null ? '' : thresholdDraft,
         onChange: function (event) {
           thresholdInitializedRef.current = 'editing'
@@ -2560,10 +3035,10 @@ function fmtCurrency(value, currency) {
       function balanceCard() {
         if (!bal.available || !bal.balances || bal.balances.length === 0) {
           return React.createElement('div', { className: 'dshw_balanceCard' },
-            React.createElement('div', { className: 'dshw_muted' }, bal.error ? ('\u4f59\u989d\u4e0d\u53ef\u7528: ' + bal.error) : '\u4f59\u989d\u67e5\u8be2\u4e2d\u2026'))
+            React.createElement('div', { className: 'dshw_muted' }, bal.error ? balanceErrorText(bal.error) : '余额查询中…'))
         }
-        var first = bal.balances[0]
-        var others = bal.balances.slice(1)
+        var first = selectBalanceInfo(bal)
+        var others = bal.balances.filter(function (info) { return info !== first })
         var subParts = [
           React.createElement('span', { key: 'top' }, '\u5145\u503c ' + fmtCurrency(first.topped_up_balance, first.currency)),
           React.createElement('span', { key: 'd1', className: 'dshw_balDot' }, '\u00b7'),
@@ -2573,11 +3048,13 @@ function fmtCurrency(value, currency) {
           subParts.push(React.createElement('span', { key: 'd' + i, className: 'dshw_balDot' }, '\u00b7'))
           subParts.push(React.createElement('span', { key: 'x' + i }, info.currency + ' ' + fmtCurrency(info.total_balance, info.currency)))
         })
-        return React.createElement('div', { className: low ? 'dshw_balanceCard dshw_low' : 'dshw_balanceCard' },
+        return React.createElement('div', {
+          className: low ? 'dshw_balanceCard dshw_low' : 'dshw_balanceCard'
+        },
           React.createElement('div', { className: 'dshw_balLine' },
             React.createElement('span', { className: 'dshw_muted' }, '\u4f59\u989d'),
             React.createElement('span', { className: 'dshw_balNum' }, fmtCurrency(first.total_balance, first.currency)),
-            low ? React.createElement('span', { className: 'dshw_balWarn', title: '\u4f4e\u4e8e\u63d0\u9192\u9608\u503c \u00a5' + (snapshot.threshold !== undefined ? snapshot.threshold : '') }, '\u4f59\u989d\u504f\u4f4e') : null),
+            low ? React.createElement('span', { className: 'dshw_balWarn', title: '低于提醒阈值 ' + fmtCurrency(snapshot.threshold !== undefined ? snapshot.threshold : 0, bal.currency || 'CNY') }, '余额偏低') : null),
           React.createElement('div', { className: 'dshw_balSub' },
             sessionCostLabel(bal.currency) + ' ' + (official.cost === null ? '--' : sessionCostText(official.cost, bal.currency)),
             React.createElement('span', { className: 'dshw_balDot' }, '\u00b7'),
@@ -2689,7 +3166,7 @@ function fmtCurrency(value, currency) {
       },
         floatBtnRow,
         showOfficial ? React.createElement(React.Fragment, null,
-          React.createElement('div', { className: 'dshw_title' }, (snapshot.accounts && snapshot.accounts.activeName) ? '\u5b98\u65b9 DeepSeek \u00b7 ' + snapshot.accounts.activeName : '\u5b98\u65b9 DeepSeek'),
+          React.createElement('div', { className: 'dshw_title' }, (snapshot.accounts && snapshot.accounts.activeName) ? '官方 DeepSeek · ' + snapshot.accounts.activeName : '官方 DeepSeek'),
           balanceCard(),
           official.tokens ? React.createElement('div', { key: 'o-t', className: 'dshw_row' },
             React.createElement('span', { className: 'dshw_muted' }, '\u5b98\u65b9 token'),
@@ -2707,7 +3184,7 @@ function fmtCurrency(value, currency) {
               className: 'dshw_btn dshw_btnPrimary',
               onClick: onRechargeClick
             }, '\u2197 \u5145\u503c'),
-            React.createElement('button', { type: 'button', className: 'dshw_btn', onClick: refreshBalance }, '\u5237\u65b0\u4f59\u989d'),
+            React.createElement('button', { type: 'button', className: 'dshw_btn', onClick: refreshBalance }, '刷新余额'),
             React.createElement('button', {
               type: 'button',
               className: 'dshw_btn',
@@ -2716,7 +3193,7 @@ function fmtCurrency(value, currency) {
               onClick: function () {
                 if (window.confirm('确认清除本会话的余额与 token 数据？不可恢复。')) clearSession()
               }
-            }, '\u6e05\u9664')),
+            }, '清除')),
           React.createElement('div', { className: 'dshw_divider' })) : null,
         accountsSection(),
         React.createElement('div', { style: { marginTop: '8px', textAlign: 'right', fontSize: '10px', color: 'var(--dsw-alias-label-quaternary,rgba(31,35,40,.45))', userSelect: 'none' } }, 'DeepSeek Harness Control Center v' + WALLET_VERSION)
@@ -2774,7 +3251,7 @@ function fmtCurrency(value, currency) {
           permanentDeleteControl,
           showOfficial ? React.createElement(React.Fragment, null,
             React.createElement('div', { className: 'dshw_row' },
-              React.createElement('span', { className: 'dshw_muted' }, '阈值(¥,0=关)'),
+              React.createElement('span', { className: 'dshw_muted' }, '阈值(' + (bal.currency || 'CNY') + ',0=关)'),
               thresholdInput),
             React.createElement('div', { className: 'dshw_row' },
               React.createElement('button', { type: 'button', className: 'dshw_btn', onClick: refreshBalance }, '刷新'),
@@ -2831,6 +3308,16 @@ function fmtCurrency(value, currency) {
             inject: function () { return {} }
           }, WalletSettingsSection)
         })
+        try {
+          ctx.slots.inject('sidebar.footer.action', function () {
+            return ctx.slots.register({
+              name: 'sidebar.footer.action',
+              id: 'wallet-peak-ring',
+              order: 50,
+              inject: function () { return {} }
+            }, PeakRingFooter)
+          })
+        } catch (e) { /* host without the sidebar footer slot */ }
       }
     }
 
@@ -2845,11 +3332,17 @@ function fmtCurrency(value, currency) {
       computePanelPosition: computePanelPosition,
       createCompatibilityAdapter: createCompatibilityAdapter,
       fmtCurrency: fmtCurrency,
+      selectBalanceInfo: selectBalanceInfo,
+      balanceErrorText: balanceErrorText,
       installCompletionNotifier: installCompletionNotifier,
       normalizeDataVisibility: normalizeDataVisibility,
       normalizeNotifyConfig: normalizeNotifyConfig,
       normalizeChipLayout: normalizeChipLayout,
       normalizeChipScale: normalizeChipScale,
+      peakClockState: peakClockState,
+      wallHourIn: wallHourIn,
+      peakRingSVG: peakRingSVG,
+      PeakRingFooter: PeakRingFooter,
       WalletSettingsSection: WalletSettingsSection,
       settleDotPosition: settleDotPosition
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "deepseek-harness-wallet",
   "description": "Local-first account monitoring, usage accounting, official recharge, completion reminders, flexible layout, host-gated session controls, and multi-account management with hot account switching for DeepSeek Harness.",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "type": "module",
   "main": "index.js",
   "exports": {