deepseek-harness-wallet 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project are documented in this file.
 
+## 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

@@ -23,6 +23,7 @@
 ```
 
 - **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).
 - **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.

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) {
@@ -627,6 +631,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,

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.2'
     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'
@@ -948,6 +1062,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')) }
@@ -1232,6 +1352,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))
@@ -1352,6 +1507,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 +1806,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 +1847,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 +1935,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
@@ -2110,6 +2538,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')
           }
@@ -2134,6 +2567,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))
@@ -2157,6 +2595,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')
           }
@@ -2573,15 +3016,26 @@ 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' },
-          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),
-          React.createElement('div', { className: 'dshw_balSub' },
-            sessionCostLabel(bal.currency) + ' ' + (official.cost === null ? '--' : sessionCostText(official.cost, bal.currency)),
-            React.createElement('span', { className: 'dshw_balDot' }, '\u00b7'),
-            subParts))
+        return React.createElement('div', {
+          className: low ? 'dshw_balanceCard dshw_low' : 'dshw_balanceCard',
+          style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' }
+        },
+          React.createElement('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+            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),
+            React.createElement('div', { className: 'dshw_balSub' },
+              sessionCostLabel(bal.currency) + ' ' + (official.cost === null ? '--' : sessionCostText(official.cost, bal.currency)),
+              React.createElement('span', { className: 'dshw_balDot' }, '\u00b7'),
+              subParts)),
+          React.createElement('button', {
+            type: 'button',
+            className: 'dshw_btn dshw_btnPrimary',
+            style: { height: '28px', padding: '0 10px', fontSize: '11px', flex: 'none', whiteSpace: 'nowrap' },
+            onClick: onRechargeClick,
+            'aria-label': '前往官方充值'
+          }, '↗ 充值'))
       }
 
       // All controls in one bordered card with compact rows; the threshold
@@ -2689,7 +3143,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 +3161,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 +3170,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)
@@ -2831,6 +3285,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 */ }
       }
     }
 
@@ -2850,6 +3314,10 @@ function fmtCurrency(value, currency) {
       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.2",
   "type": "module",
   "main": "index.js",
   "exports": {