dsh-peak-status 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 dsh-peak-status contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,93 @@
+# dsh-peak-status
+
+English | [中文](README.zh-CN.md)
+
+A peak-hour indicator for the [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) web GUI. A small native chip in the session header shows whether the current **Beijing time** falls inside DeepSeek's API **peak window**, with a live clock, a countdown to the next transition, and a pricing hint.
+
+![peak indicator preview](assets/peak-indicator.png)
+
+## What it shows
+
+DeepSeek's official peak/valley API pricing took effect on **2026-08-17**:
+
+| State | Beijing time (daily) | Price |
+| :-- | :-- | :-- |
+| 🔴 **高峰 / peak** | 09:00–12:00 and 14:00–18:00 | peak price (= off-peak ×2) |
+| 🟢 **空闲 / off-peak** | everything else | half of peak |
+
+The chip (top-right of the conversation header, inside the native `conversation.session.header.utilities` strip) renders:
+
+- a colored status dot — **red = peak, green = off-peak**
+- the live Beijing clock (`HH:MM:SS`, timezone `Asia/Shanghai`, independent of the machine's timezone)
+- a countdown: `剩 3h 54m · 价格 ×2` (peak) / `距高峰 3h 54m · 半价` (off-peak)
+- click to expand a small popover with the full detail: peak windows, next transition with `HH:MM:SS` countdown, a phase progress bar, and the pricing note
+
+Everything is themed with the web UI's native `--dsw-alias-*` variables, so it blends into the interface — no floating overlays.
+
+## Install
+
+The plugin is a real package mounted through the profile's patch layer, so it **survives dsh web restarts**.
+
+### Via the dsh CLI (after publishing to npm)
+
+```sh
+dsh plugin --profile web add dsh-peak-status
+```
+
+### Manual / from source
+
+1. Copy (or link) the `dsh-peak-status` folder into the profile's `node_modules`:
+
+   ```sh
+   # from the repo root
+   cp -R . "$HOME/.dsh/profiles/web/node_modules/dsh-peak-status"
+   ```
+
+2. Add one insert to `~/.dsh/profiles/web/cordis.patch.yml`:
+
+   ```yaml
+   - insert:
+       - id: dsh-peak-status
+         name: 'dsh-peak-status'
+   ```
+
+3. Refresh the page (the patch file is watched and hot-reloads); restart `dsh web` if the chip does not appear.
+
+## Build
+
+The shipped `lib/` is generated from `src/`:
+
+```sh
+npm run build     # copies src/*.js -> lib/
+npm run check     # syntax-check both halves
+npm test          # boundary tests for the peak algorithm
+```
+
+`npm publish` runs `prepack` (build) automatically.
+
+## Peak window policy
+
+The peak windows are hard-coded in `src/client.js` (`BOUNDS = [540, 720, 840, 1080]` — 09:00, 12:00, 14:00, 18:00 in minutes of day). If DeepSeek ever changes the schedule, update that one constant and rebuild. Open an issue or PR in this repository and the community plugin list ([awesome-dsh-plugin](https://awesome-dsh-plugin.com)) will pick it up.
+
+## Repository layout
+
+```
+dsh-peak-status/
+├── src/             # source of truth (host half + browser half)
+├── lib/             # built output, committed for zero-friction installs
+├── scripts/         # build + tests
+├── cordis.patch.yml # bundle patch used by `dsh plugin add`
+└── package.json     # dsh.bundle / dsh.client declarations
+```
+
+## Publish
+
+```sh
+npm publish          # prepack builds lib/ automatically
+```
+
+Then `dsh plugin --profile web add dsh-peak-status` installs the published version.
+
+## License
+
+[MIT](LICENSE)

package/README.zh-CN.md

@@ -0,0 +1,93 @@
+# dsh-peak-status
+
+[English](README.md) | 中文
+
+[DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) Web GUI 的高峰时段指示灯。在会话头部右上角（原生 `conversation.session.header.utilities` 工具位）显示一个融入界面的小胶囊，实时告诉你当前**北京时间**是否处于 DeepSeek API 的**高峰时段**，带秒级时钟、下一转折倒计时和价格提示。
+
+![peak indicator 预览](assets/peak-indicator.png)
+
+## 功能
+
+DeepSeek 官方峰谷定价于 **2026-08-17** 生效：
+
+| 状态 | 北京时间（每日） | 价格 |
+| :-- | :-- | :-- |
+| 🔴 **高峰** | 09:00–12:00 和 14:00–18:00 | 高峰价（= 空闲 ×2） |
+| 🟢 **空闲** | 其余时间 | 高峰的一半 |
+
+胶囊显示内容：
+
+- 状态圆点——**红 = 高峰，绿 = 空闲**
+- 实时北京时钟（`HH:MM:SS`，时区 `Asia/Shanghai`，与本机时区无关）
+- 倒计时：`剩 3h 54m · 价格 ×2`（高峰）/ `距高峰 3h 54m · 半价`（空闲）
+- 点击展开下拉详情：高峰窗口、下一转折（含 `HH:MM:SS` 倒计时）、当前阶段进度条、价格说明
+
+全部使用 Web UI 原生 `--dsw-alias-*` 主题变量，与界面完全融合，没有悬浮贴片。
+
+## 安装
+
+插件是经 profile 补丁层挂载的真实包，**重启 dsh web 不会消失**。
+
+### dsh CLI 安装（发布到 npm 后）
+
+```sh
+dsh plugin --profile web add dsh-peak-status
+```
+
+### 手动 / 源码安装
+
+1. 把 `dsh-peak-status` 目录复制（或链接）进 profile 的 `node_modules`：
+
+   ```sh
+   # 在仓库根目录执行
+   cp -R . "$HOME/.dsh/profiles/web/node_modules/dsh-peak-status"
+   ```
+
+2. 在 `~/.dsh/profiles/web/cordis.patch.yml` 里加一行插入：
+
+   ```yaml
+   - insert:
+       - id: dsh-peak-status
+         name: 'dsh-peak-status'
+   ```
+
+3. 刷新页面（补丁文件有监听、支持热加载）；没出现就重启一次 `dsh web`。
+
+## 构建
+
+发布的 `lib/` 由 `src/` 生成：
+
+```sh
+npm run build     # 把 src/*.js 复制到 lib/
+npm run check     # 两个半区的语法检查
+npm test          # 高峰判定算法边界测试
+```
+
+`npm publish` 会自动执行 `prepack`（构建）。
+
+## 高峰时段策略
+
+高峰窗口硬编码在 `src/client.js` 的 `BOUNDS = [540, 720, 840, 1080]`（一天中的分钟：09:00、12:00、14:00、18:00）。如果 DeepSeek 以后调整时段，改这一个常量重新构建即可；也可以在本仓库提 Issue/PR，社区插件列表（[awesome-dsh-plugin](https://awesome-dsh-plugin.com)）会自动收录。
+
+## 目录结构
+
+```
+dsh-peak-status/
+├── src/             # 源码（宿主半区 + 浏览器半区）
+├── lib/             # 构建产物（已提交，零门槛安装）
+├── scripts/         # 构建与测试脚本
+├── cordis.patch.yml # dsh plugin add 使用的 bundle 补丁
+└── package.json     # dsh.bundle / dsh.client 声明
+```
+
+## 发布
+
+```sh
+npm publish          # prepack 会自动构建 lib/
+```
+
+之后 `dsh plugin --profile web add dsh-peak-status` 即可安装已发布版本。
+
+## 许可证
+
+[MIT](LICENSE)

package/cordis.patch.yml

@@ -0,0 +1,4 @@
+# dsh bundle patch: inserts the plugin row into a profile's layer stack.
+- insert:
+    - id: dsh-peak-status
+      name: 'dsh-peak-status'

package/lib/client.js

@@ -0,0 +1,233 @@
+/**
+ * dsh-peak-status — browser half.
+ *
+ * A compact status chip in the session header's right-aligned utilities
+ * strip (conversation.session.header.utilities) — the very top of the
+ * conversation — fully themed with the web UI's native --dsw-alias-*
+ * variables so it blends into the interface.
+ *
+ * Shows whether the current Beijing time falls in DeepSeek's API peak
+ * window. Official definition (effective 2026-08-17):
+ *   peak:     daily 09:00–12:00 and 14:00–18:00 (Beijing time)
+ *   off-peak: everything else (priced at half of peak)
+ *
+ * Red = peak (bold), green = off-peak; live Beijing clock, countdown to the
+ * next transition, click to expand a small popover with the full detail.
+ * Mounted persistently via the profile's cordis.patch.yml, so it survives
+ * restarts.
+ */
+(function () {
+  // The host client-modules expects a bundle to register the id of the entry
+  // it is mounted as — the package name ("@local/dsh-peak-status" for a
+  // profile @local install, "dsh-peak-status" when installed from npm).
+  // Derive it from the bundle URL at runtime so one artifact works in every
+  // mount shape (bundles are loaded via <script>, so document.currentScript
+  // is the plugin script while this top-level code runs).
+  var MODULE_ID = (function () {
+    try {
+      var el = document.currentScript
+      if (el && el.src) {
+        var m = /\/plugins\/(.+?)\/client\.js/.exec(el.src)
+        if (m) return decodeURIComponent(m[1])
+      }
+    } catch (error) { /* ignore */ }
+    return null
+  })()
+
+  var MODULE_FACTORY = (require) => {
+    var module = { exports: {} }
+    var exports = module.exports
+    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
+
+    var react = require('react')
+
+    var TZ = 'Asia/Shanghai'
+    // Peak window boundaries in minutes of day: 09:00, 12:00, 14:00, 18:00.
+    var BOUNDS = [540, 720, 840, 1080]
+
+    var FONT = 'var(--dsw-font-family, system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif)'
+    var DIM = 'var(--dsw-alias-label-secondary, var(--dsh-text-dim, #8a8f98))'
+    var PEAK_COLOR = 'var(--dsw-alias-state-error-primary, #e5484d)'
+    var OFF_COLOR = 'var(--dsw-alias-state-success-primary, #30a46c)'
+
+    function bjParts() {
+      var parts = new Intl.DateTimeFormat('en-GB', {
+        timeZone: TZ, hour12: false,
+        hour: '2-digit', minute: '2-digit', second: '2-digit',
+      }).formatToParts(new Date())
+      var get = function (type) {
+        for (var i = 0; i < parts.length; i++) {
+          if (parts[i].type === type) return Number(parts[i].value)
+        }
+        return 0
+      }
+      return { h: get('hour'), m: get('minute'), s: get('second') }
+    }
+
+    function compute(t) {
+      var now = t.h * 60 + t.m
+      var peak = (now >= BOUNDS[0] && now < BOUNDS[1]) || (now >= BOUNDS[2] && now < BOUNDS[3])
+      var next = null
+      for (var i = 0; i < BOUNDS.length; i++) {
+        if (BOUNDS[i] > now) { next = { min: BOUNDS[i], tomorrow: false }; break }
+      }
+      if (next === null) next = { min: BOUNDS[0], tomorrow: true }
+      var secsToNext = (next.min - now) * 60 - t.s + (next.tomorrow ? 24 * 3600 : 0)
+      var phaseStart = 0
+      for (var j = BOUNDS.length - 1; j >= 0; j--) {
+        if (BOUNDS[j] <= now) { phaseStart = BOUNDS[j]; break }
+      }
+      var phaseLenMin = (next.min - now) + (next.tomorrow ? 1440 : 0) + (now - phaseStart)
+      var progress = phaseLenMin > 0 ? Math.min(100, Math.max(0, ((now - phaseStart) / phaseLenMin) * 100)) : 0
+      return { peak: peak, next: next, secsToNext: secsToNext, progress: progress }
+    }
+
+    function pad(n) { return (n < 10 ? '0' : '') + n }
+    function fmtClock(t) { return pad(t.h) + ':' + pad(t.m) + ':' + pad(t.s) }
+    function fmtBoundary(min) { return pad(Math.floor(min / 60)) + ':' + pad(min % 60) }
+    function fmtDur(totalSecs) {
+      var s = Math.max(0, Math.round(totalSecs))
+      var h = Math.floor(s / 3600)
+      var m = Math.floor((s % 3600) / 60)
+      return (h > 0 ? h + 'h ' : '') + m + 'm'
+    }
+    function fmtDurFull(totalSecs) {
+      var s = Math.max(0, Math.round(totalSecs))
+      var h = Math.floor(s / 3600)
+      var m = Math.floor((s % 3600) / 60)
+      var sec = s % 60
+      return pad(h) + ':' + pad(m) + ':' + pad(sec)
+    }
+
+    function PeakChip() {
+      var tickState = react.useState(bjParts())
+      var tick = tickState[0]
+      var setTick = tickState[1]
+      var open = react.useState(false)
+      var setOpen = open[1]
+
+      react.useEffect(function () {
+        var id = setInterval(function () { setTick(bjParts()) }, 1000)
+        return function () { clearInterval(id) }
+      }, [])
+
+      var s = compute(tick)
+      var color = s.peak ? PEAK_COLOR : OFF_COLOR
+      var clock = fmtClock(tick)
+      var boundaryLabel = fmtBoundary(s.next.min) + (s.next.tomorrow ? '（明天）' : '')
+
+      var chip = react.createElement(
+        'div',
+        {
+          onClick: function () { setOpen(!open[0]) },
+          title: s.peak
+            ? '高峰期（北京时间 9:00-12:00 / 14:00-18:00）：价格 = 空闲 ×2。' + boundaryLabel + ' 结束，点击展开详情'
+            : '空闲期：价格为高峰一半。下一高峰 ' + boundaryLabel + '，点击展开详情',
+          style: {
+            display: 'inline-flex', alignItems: 'center', gap: 6,
+            fontFamily: FONT, fontSize: 12, lineHeight: '20px',
+            padding: '1px 10px', borderRadius: 999,
+            background: 'var(--dsw-alias-bg-layer-1, #f7f8fa)',
+            border: '1px solid var(--dsw-alias-border-l1, #e4e7ec)',
+            color: DIM, cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap',
+          },
+        },
+        [
+          react.createElement('span', { key: 'dot', style: { width: 7, height: 7, borderRadius: '50%', background: color, flexShrink: 0 } }),
+          react.createElement('span', { key: 'state', style: { fontWeight: s.peak ? 700 : 500, color: color } },
+            s.peak ? '高峰期' : '空闲期'),
+          react.createElement('span', { key: 'clock', style: { fontVariantNumeric: 'tabular-nums' } }, clock),
+          react.createElement('span', { key: 'count', style: { fontVariantNumeric: 'tabular-nums' } },
+            s.peak
+              ? ('剩 ' + fmtDur(s.secsToNext) + ' · 价格 ×2')
+              : ('距高峰 ' + fmtDur(s.secsToNext) + ' · 半价')),
+          react.createElement('span', { key: 'caret', style: { fontSize: 9, opacity: 0.7 } }, open[0] ? '▾' : '▸'),
+        ],
+      )
+
+      if (!open[0]) return chip
+
+      var popover = react.createElement(
+        'div',
+        {
+          style: {
+            position: 'absolute', top: 'calc(100% + 6px)', right: 0, width: 264,
+            zIndex: 60, display: 'flex', flexDirection: 'column', gap: 5,
+            fontFamily: FONT, fontSize: 11.5, lineHeight: 1.6,
+            color: DIM,
+            background: 'var(--dsw-alias-bg-overlay, var(--dsw-alias-bg-base, #ffffff))',
+            border: '1px solid var(--dsw-alias-border-l1, #e4e7ec)',
+            borderRadius: 10, padding: '8px 11px',
+            boxShadow: 'var(--dsw-shadow-lv2, 0 8px 24px rgba(15,23,42,.14))',
+          },
+        },
+        [
+          react.createElement('div', { key: 'l1', style: { display: 'flex', alignItems: 'center', gap: 6 } }, [
+            react.createElement('span', { key: 'st', style: { fontWeight: 700, color: color } },
+              s.peak ? '高峰时段' : '空闲时段'),
+            react.createElement('span', { key: 'tm', style: { fontVariantNumeric: 'tabular-nums' } },
+              clock + '（北京）'),
+            react.createElement('span', { key: 'price', style: { color: color, fontWeight: 500 } },
+              s.peak ? '价格 ×2' : '半价'),
+          ]),
+          react.createElement('div', { key: 'l2' },
+            '高峰窗口：09:00–12:00 / 14:00–18:00（每日）'),
+          react.createElement('div', { key: 'l3', style: { fontVariantNumeric: 'tabular-nums' } },
+            '下一转折：' + boundaryLabel + ' · 倒计时 ' + fmtDurFull(s.secsToNext)),
+          react.createElement('div', { key: 'bar', style: { display: 'flex', alignItems: 'center', gap: 8 } }, [
+            react.createElement('div', { key: 'track', style: { flex: 1, height: 4, borderRadius: 2, background: 'var(--dsw-alias-border-l1, #e4e7ec)', overflow: 'hidden' } },
+              react.createElement('div', { key: 'fill', style: {
+                height: '100%', width: s.progress.toFixed(1) + '%',
+                background: color, borderRadius: 2, transition: 'width .4s ease',
+              } }),
+            ),
+            react.createElement('span', { key: 'pct', style: { fontSize: 10.5, fontVariantNumeric: 'tabular-nums' } },
+              s.progress.toFixed(0) + '%'),
+          ]),
+          react.createElement('div', { key: 'foot', style: { fontSize: 10.5, lineHeight: 1.5, opacity: 0.85 } },
+            '官方峰谷定价 2026-08-17 生效：空闲时段价格为高峰一半。'),
+        ],
+      )
+
+      return react.createElement(
+        'div',
+        { style: { position: 'relative', display: 'inline-block' } },
+        [chip, popover],
+      )
+    }
+
+    function apply(ctx) {
+      try {
+        var slots = ctx.get('slots')
+        if (slots === undefined) return
+        slots.inject('conversation.session.header.utilities', function () {
+          return slots.register(
+            { name: 'conversation.session.header.utilities', id: 'dsh-peak-status', order: 1 },
+            PeakChip,
+          )
+        })
+      } catch (error) {
+        console.warn('[dsh-peak-status] apply failed:', error)
+      }
+    }
+
+    var inject = ['slots']
+
+    exports.apply = apply
+    exports.inject = inject
+    return module.exports
+  }
+
+  function registerModule(id) {
+    window.__ModuleLoader__.load({ id: id, factory: MODULE_FACTORY })
+  }
+
+  if (MODULE_ID !== null) {
+    registerModule(MODULE_ID)
+  } else {
+    // Script URL unavailable — cover both install shapes so neither mount
+    // fails the "loaded without registering" check.
+    registerModule('@local/dsh-peak-status')
+    registerModule('dsh-peak-status')
+  }
+})()

package/lib/index.js

@@ -0,0 +1,11 @@
+/**
+ * dsh-peak-status — host half.
+ *
+ * No host behavior: the browser half renders the peak indicator chip.
+ * Kept as a real (no-op) plugin so the loader entry mounts — the
+ * client-modules scan only admits entries whose host fiber is active.
+ */
+
+export const apply = function () {
+  // Intentionally empty.
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "dsh-peak-status",
+  "version": "1.0.0",
+  "description": "Peak-hour indicator for the DSH web GUI: a native header chip showing whether the current Beijing time is inside DeepSeek's API peak window (daily 09:00–12:00 / 14:00–18:00), with a live clock, countdown, and ×2/off-peak pricing hints. · DSH Web GUI 高峰指示灯：原生会话头部胶囊，实时显示当前北京时间是否处于 DeepSeek API 高峰时段。",
+  "type": "module",
+  "main": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "src",
+    "cordis.patch.yml",
+    "README.md",
+    "README.zh-CN.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepack": "npm run build",
+    "check": "node --check src/index.js && node --check src/client.js",
+    "test": "node scripts/test-peak.mjs"
+  },
+  "keywords": [
+    "dsh",
+    "deepseek",
+    "harness",
+    "dsh-plugin",
+    "peak",
+    "pricing",
+    "status",
+    "web-ui"
+  ],
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xiaoyi-xx/dsh-peak-status.git"
+  },
+  "homepage": "https://github.com/xiaoyi-xx/dsh-peak-status",
+  "bugs": {
+    "url": "https://github.com/xiaoyi-xx/dsh-peak-status/issues"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [],
+      "platform": "web"
+    }
+  }
+}

package/src/client.js

@@ -0,0 +1,233 @@
+/**
+ * dsh-peak-status — browser half.
+ *
+ * A compact status chip in the session header's right-aligned utilities
+ * strip (conversation.session.header.utilities) — the very top of the
+ * conversation — fully themed with the web UI's native --dsw-alias-*
+ * variables so it blends into the interface.
+ *
+ * Shows whether the current Beijing time falls in DeepSeek's API peak
+ * window. Official definition (effective 2026-08-17):
+ *   peak:     daily 09:00–12:00 and 14:00–18:00 (Beijing time)
+ *   off-peak: everything else (priced at half of peak)
+ *
+ * Red = peak (bold), green = off-peak; live Beijing clock, countdown to the
+ * next transition, click to expand a small popover with the full detail.
+ * Mounted persistently via the profile's cordis.patch.yml, so it survives
+ * restarts.
+ */
+(function () {
+  // The host client-modules expects a bundle to register the id of the entry
+  // it is mounted as — the package name ("@local/dsh-peak-status" for a
+  // profile @local install, "dsh-peak-status" when installed from npm).
+  // Derive it from the bundle URL at runtime so one artifact works in every
+  // mount shape (bundles are loaded via <script>, so document.currentScript
+  // is the plugin script while this top-level code runs).
+  var MODULE_ID = (function () {
+    try {
+      var el = document.currentScript
+      if (el && el.src) {
+        var m = /\/plugins\/(.+?)\/client\.js/.exec(el.src)
+        if (m) return decodeURIComponent(m[1])
+      }
+    } catch (error) { /* ignore */ }
+    return null
+  })()
+
+  var MODULE_FACTORY = (require) => {
+    var module = { exports: {} }
+    var exports = module.exports
+    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
+
+    var react = require('react')
+
+    var TZ = 'Asia/Shanghai'
+    // Peak window boundaries in minutes of day: 09:00, 12:00, 14:00, 18:00.
+    var BOUNDS = [540, 720, 840, 1080]
+
+    var FONT = 'var(--dsw-font-family, system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif)'
+    var DIM = 'var(--dsw-alias-label-secondary, var(--dsh-text-dim, #8a8f98))'
+    var PEAK_COLOR = 'var(--dsw-alias-state-error-primary, #e5484d)'
+    var OFF_COLOR = 'var(--dsw-alias-state-success-primary, #30a46c)'
+
+    function bjParts() {
+      var parts = new Intl.DateTimeFormat('en-GB', {
+        timeZone: TZ, hour12: false,
+        hour: '2-digit', minute: '2-digit', second: '2-digit',
+      }).formatToParts(new Date())
+      var get = function (type) {
+        for (var i = 0; i < parts.length; i++) {
+          if (parts[i].type === type) return Number(parts[i].value)
+        }
+        return 0
+      }
+      return { h: get('hour'), m: get('minute'), s: get('second') }
+    }
+
+    function compute(t) {
+      var now = t.h * 60 + t.m
+      var peak = (now >= BOUNDS[0] && now < BOUNDS[1]) || (now >= BOUNDS[2] && now < BOUNDS[3])
+      var next = null
+      for (var i = 0; i < BOUNDS.length; i++) {
+        if (BOUNDS[i] > now) { next = { min: BOUNDS[i], tomorrow: false }; break }
+      }
+      if (next === null) next = { min: BOUNDS[0], tomorrow: true }
+      var secsToNext = (next.min - now) * 60 - t.s + (next.tomorrow ? 24 * 3600 : 0)
+      var phaseStart = 0
+      for (var j = BOUNDS.length - 1; j >= 0; j--) {
+        if (BOUNDS[j] <= now) { phaseStart = BOUNDS[j]; break }
+      }
+      var phaseLenMin = (next.min - now) + (next.tomorrow ? 1440 : 0) + (now - phaseStart)
+      var progress = phaseLenMin > 0 ? Math.min(100, Math.max(0, ((now - phaseStart) / phaseLenMin) * 100)) : 0
+      return { peak: peak, next: next, secsToNext: secsToNext, progress: progress }
+    }
+
+    function pad(n) { return (n < 10 ? '0' : '') + n }
+    function fmtClock(t) { return pad(t.h) + ':' + pad(t.m) + ':' + pad(t.s) }
+    function fmtBoundary(min) { return pad(Math.floor(min / 60)) + ':' + pad(min % 60) }
+    function fmtDur(totalSecs) {
+      var s = Math.max(0, Math.round(totalSecs))
+      var h = Math.floor(s / 3600)
+      var m = Math.floor((s % 3600) / 60)
+      return (h > 0 ? h + 'h ' : '') + m + 'm'
+    }
+    function fmtDurFull(totalSecs) {
+      var s = Math.max(0, Math.round(totalSecs))
+      var h = Math.floor(s / 3600)
+      var m = Math.floor((s % 3600) / 60)
+      var sec = s % 60
+      return pad(h) + ':' + pad(m) + ':' + pad(sec)
+    }
+
+    function PeakChip() {
+      var tickState = react.useState(bjParts())
+      var tick = tickState[0]
+      var setTick = tickState[1]
+      var open = react.useState(false)
+      var setOpen = open[1]
+
+      react.useEffect(function () {
+        var id = setInterval(function () { setTick(bjParts()) }, 1000)
+        return function () { clearInterval(id) }
+      }, [])
+
+      var s = compute(tick)
+      var color = s.peak ? PEAK_COLOR : OFF_COLOR
+      var clock = fmtClock(tick)
+      var boundaryLabel = fmtBoundary(s.next.min) + (s.next.tomorrow ? '（明天）' : '')
+
+      var chip = react.createElement(
+        'div',
+        {
+          onClick: function () { setOpen(!open[0]) },
+          title: s.peak
+            ? '高峰期（北京时间 9:00-12:00 / 14:00-18:00）：价格 = 空闲 ×2。' + boundaryLabel + ' 结束，点击展开详情'
+            : '空闲期：价格为高峰一半。下一高峰 ' + boundaryLabel + '，点击展开详情',
+          style: {
+            display: 'inline-flex', alignItems: 'center', gap: 6,
+            fontFamily: FONT, fontSize: 12, lineHeight: '20px',
+            padding: '1px 10px', borderRadius: 999,
+            background: 'var(--dsw-alias-bg-layer-1, #f7f8fa)',
+            border: '1px solid var(--dsw-alias-border-l1, #e4e7ec)',
+            color: DIM, cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap',
+          },
+        },
+        [
+          react.createElement('span', { key: 'dot', style: { width: 7, height: 7, borderRadius: '50%', background: color, flexShrink: 0 } }),
+          react.createElement('span', { key: 'state', style: { fontWeight: s.peak ? 700 : 500, color: color } },
+            s.peak ? '高峰期' : '空闲期'),
+          react.createElement('span', { key: 'clock', style: { fontVariantNumeric: 'tabular-nums' } }, clock),
+          react.createElement('span', { key: 'count', style: { fontVariantNumeric: 'tabular-nums' } },
+            s.peak
+              ? ('剩 ' + fmtDur(s.secsToNext) + ' · 价格 ×2')
+              : ('距高峰 ' + fmtDur(s.secsToNext) + ' · 半价')),
+          react.createElement('span', { key: 'caret', style: { fontSize: 9, opacity: 0.7 } }, open[0] ? '▾' : '▸'),
+        ],
+      )
+
+      if (!open[0]) return chip
+
+      var popover = react.createElement(
+        'div',
+        {
+          style: {
+            position: 'absolute', top: 'calc(100% + 6px)', right: 0, width: 264,
+            zIndex: 60, display: 'flex', flexDirection: 'column', gap: 5,
+            fontFamily: FONT, fontSize: 11.5, lineHeight: 1.6,
+            color: DIM,
+            background: 'var(--dsw-alias-bg-overlay, var(--dsw-alias-bg-base, #ffffff))',
+            border: '1px solid var(--dsw-alias-border-l1, #e4e7ec)',
+            borderRadius: 10, padding: '8px 11px',
+            boxShadow: 'var(--dsw-shadow-lv2, 0 8px 24px rgba(15,23,42,.14))',
+          },
+        },
+        [
+          react.createElement('div', { key: 'l1', style: { display: 'flex', alignItems: 'center', gap: 6 } }, [
+            react.createElement('span', { key: 'st', style: { fontWeight: 700, color: color } },
+              s.peak ? '高峰时段' : '空闲时段'),
+            react.createElement('span', { key: 'tm', style: { fontVariantNumeric: 'tabular-nums' } },
+              clock + '（北京）'),
+            react.createElement('span', { key: 'price', style: { color: color, fontWeight: 500 } },
+              s.peak ? '价格 ×2' : '半价'),
+          ]),
+          react.createElement('div', { key: 'l2' },
+            '高峰窗口：09:00–12:00 / 14:00–18:00（每日）'),
+          react.createElement('div', { key: 'l3', style: { fontVariantNumeric: 'tabular-nums' } },
+            '下一转折：' + boundaryLabel + ' · 倒计时 ' + fmtDurFull(s.secsToNext)),
+          react.createElement('div', { key: 'bar', style: { display: 'flex', alignItems: 'center', gap: 8 } }, [
+            react.createElement('div', { key: 'track', style: { flex: 1, height: 4, borderRadius: 2, background: 'var(--dsw-alias-border-l1, #e4e7ec)', overflow: 'hidden' } },
+              react.createElement('div', { key: 'fill', style: {
+                height: '100%', width: s.progress.toFixed(1) + '%',
+                background: color, borderRadius: 2, transition: 'width .4s ease',
+              } }),
+            ),
+            react.createElement('span', { key: 'pct', style: { fontSize: 10.5, fontVariantNumeric: 'tabular-nums' } },
+              s.progress.toFixed(0) + '%'),
+          ]),
+          react.createElement('div', { key: 'foot', style: { fontSize: 10.5, lineHeight: 1.5, opacity: 0.85 } },
+            '官方峰谷定价 2026-08-17 生效：空闲时段价格为高峰一半。'),
+        ],
+      )
+
+      return react.createElement(
+        'div',
+        { style: { position: 'relative', display: 'inline-block' } },
+        [chip, popover],
+      )
+    }
+
+    function apply(ctx) {
+      try {
+        var slots = ctx.get('slots')
+        if (slots === undefined) return
+        slots.inject('conversation.session.header.utilities', function () {
+          return slots.register(
+            { name: 'conversation.session.header.utilities', id: 'dsh-peak-status', order: 1 },
+            PeakChip,
+          )
+        })
+      } catch (error) {
+        console.warn('[dsh-peak-status] apply failed:', error)
+      }
+    }
+
+    var inject = ['slots']
+
+    exports.apply = apply
+    exports.inject = inject
+    return module.exports
+  }
+
+  function registerModule(id) {
+    window.__ModuleLoader__.load({ id: id, factory: MODULE_FACTORY })
+  }
+
+  if (MODULE_ID !== null) {
+    registerModule(MODULE_ID)
+  } else {
+    // Script URL unavailable — cover both install shapes so neither mount
+    // fails the "loaded without registering" check.
+    registerModule('@local/dsh-peak-status')
+    registerModule('dsh-peak-status')
+  }
+})()

package/src/index.js

@@ -0,0 +1,11 @@
+/**
+ * dsh-peak-status — host half.
+ *
+ * No host behavior: the browser half renders the peak indicator chip.
+ * Kept as a real (no-op) plugin so the loader entry mounts — the
+ * client-modules scan only admits entries whose host fiber is active.
+ */
+
+export const apply = function () {
+  // Intentionally empty.
+}