@sligqoer/dsh-usage-stats 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # 更新日志 / Changelog
 
+## 0.2.4 - 2026-10-17
+
+<a id="v024-zh"></a>
+**简体中文** · [English](#v024-en)
+
+### 🎨 体验优化
+
+- 检测页按「选择检测模型 → 确认预算 → 检测结果」显示当前步骤，突出预算与开始操作，增加请求进度、取消入口和空状态。
+- 调整字体、间距和状态颜色，适配深浅主题与窄窗口；预算参数、检测详情和指纹引擎信息默认折叠，更新异常仍直接显示。
+
+### 🐛 问题修复
+
+- 适配 DSH Desktop 0.2.1-rc.2，并兼容 0.2.1-rc.1、0.2.1-alpha.2、0.2.0-rc.2 和 0.2.0-rc.1，保留已有桌面渲染器标记兼容。
+- 更换模型或参数后重新确认预算，历史结果保留原检测条件；检测运行中不再提前显示无法判定的说明，精简重复提示。
+
+<a id="v024-en"></a>
+**English** · [简体中文](#v024-zh)
+
+### 🎨 Improvements
+
+- Guide detection through model selection, budget confirmation and results, with clearer primary actions, request progress, cancellation and empty states.
+- Refine typography, spacing and status colors for light and dark themes and narrow windows. Collapse budget parameters, technical details and engine information by default while keeping update warnings visible.
+
+### 🐛 Bug Fixes
+
+- Support DSH Desktop 0.2.1-rc.2 alongside 0.2.1-rc.1, 0.2.1-alpha.2, 0.2.0-rc.2 and 0.2.0-rc.1, retaining both desktop renderer markers.
+- Require a new budget after model or parameter changes and keep saved results tied to their original settings. Avoid premature inconclusive explanations while detection runs and remove repeated notices.
+
+## 0.2.3 - 2026-10-16
+
+<a id="v023-zh"></a>
+**简体中文** · [English](#v023-en)
+
+### 🐛 问题修复
+
+- 适配 DSH Desktop 0.2.0-rc.2 的桌面渲染器标记：preload 桥 `dshDesktop` 只暴露 `protocolVersion`，不再提供 `deviceInfo` 函数。「用量统计」设置页此前因此不注册，现在新旧两种标记都接受，纯浏览器访问仍保持不挂载。`0.2.1-alpha.2` 与 `0.2.0-rc.2` 两个宿主版本均受支持。
+
+<a id="v023-en"></a>
+**English** · [简体中文](#v023-zh)
+
+### 🐛 Bug Fixes
+
+- Adapt to the DSH Desktop 0.2.0-rc.2 renderer marker: the `dshDesktop` preload bridge exposes only `protocolVersion` and no longer carries a `deviceInfo` function. The usage statistics settings page failed to register because of this; both markers are now accepted, while plain browser tabs still never mount. Both `0.2.1-alpha.2` and `0.2.0-rc.2` hosts remain supported.
+
 ## 0.2.2 - 2026-10-16
 
 <a id="v022-zh"></a>

package/README.en.md

@@ -11,7 +11,7 @@
 
 <p align="center">
   <a href="#installation"><img src="https://img.shields.io/badge/DSH-Desktop-2563eb?style=flat-square" alt="DSH Desktop"></a>
-  <a href="https://github.com/Jockjrop/dsh-usage-stats/releases/latest"><img src="https://img.shields.io/badge/release-v0.2.1-64748b?style=flat-square" alt="Plugin version 0.2.1"></a>
+  <a href="https://github.com/Jockjrop/dsh-usage-stats/releases/latest"><img src="https://img.shields.io/badge/release-v0.2.4-64748b?style=flat-square" alt="Plugin version 0.2.4"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-22c55e?style=flat-square" alt="Apache 2.0 license"></a>
 </p>
 
@@ -60,13 +60,13 @@
 | --- | --- |
 | **Usage** | View today's and lifetime tokens, active days, hourly calls, daily/weekly heatmaps, trends, model breakdowns and output speed. |
 | **Quotas** | Check provider balances, account credits and quota windows, with manual or scheduled refresh and custom queries. |
-| **Detection** | Select a provider and model independently, confirm a budget, then run LM Fingerprint sampling and review candidate rankings, sample status and history. |
+| **Detection** | Select a provider and model independently, confirm a budget, then run LM Fingerprint sampling and review request progress, sample status, candidate rankings and saved results. |
 | **Controls** | Adjust display preferences, quota query settings, the advanced model selector and per-model reasoning levels. |
 
 - **Follow usage trends:** browse daily/weekly heatmaps, switch between 7/30-day trends and compare providers and models.
 - **Compare output speed:** rank models by TPS and show average time to first token (TTFT); samples without valid timing are excluded from speed rankings.
 - **Refresh quotas on demand:** use DSH credentials for configured providers. Account quotas require the corresponding plugin or host service. Automatic refresh is off by default.
-- **Run independent detection:** use three samples by default or one for screening. Confirm the budget before manually starting; cancellation, timeouts and usage budgets are supported.
+- **Run independent detection:** follow model selection, budget confirmation and results. Use three samples by default or one for screening, with progress, cancellation, timeouts and usage budgets.
 - **Adjust model settings:** control the advanced model selector and reasoning features independently while retaining model properties, parameter mappings and saved preferences.
 - **Follow the application language:** Chinese, English and Japanese UI text follows DSH's selected language; custom names and quota labels remain unchanged.
 
@@ -74,7 +74,7 @@ Detection compares random-number samples with a reference library. Rankings and
 
 ## Installation
 
-Plugin version **0.2.2** requires **DSH Desktop `0.2.1-alpha.2` or `0.2.0-rc.2`**. The host plugin manager rejects installation or activation on a mismatched runtime.
+Plugin version **0.2.4** supports **DSH Desktop `0.2.1-rc.2`** and retains compatibility with `0.2.1-rc.1`, `0.2.1-alpha.2`, `0.2.0-rc.2` and `0.2.0-rc.1`. The host plugin manager rejects installation or activation on a mismatched runtime.
 
 **Recommended: install the [npm package `@sligqoer/dsh-usage-stats`](https://www.npmjs.com/package/@sligqoer/dsh-usage-stats) through DSH Desktop.** It includes prebuilt modules, needs no Git checkout or local build, and supports Check updates when installed by package name.
 
@@ -100,16 +100,16 @@ Click **Enable now**, then open **Settings → Usage Stats**. Fully exit and reo
 Enter this in the same installer for this release:
 
 ```text
-@sligqoer/dsh-usage-stats@0.2.1
+@sligqoer/dsh-usage-stats@0.2.4
 ```
 
 Alternatively, download a `.tgz` and `SHA256SUMS` from the [GitHub release page](https://github.com/Jockjrop/dsh-usage-stats/releases/latest), verify the hash and enter the archive's local absolute path. Do not extract it before installation.
 
 ```powershell
-Get-FileHash ./sligqoer-dsh-usage-stats-0.2.1.tgz -Algorithm SHA256
+Get-FileHash ./sligqoer-dsh-usage-stats-0.2.4.tgz -Algorithm SHA256
 ```
 
-Assets include `sligqoer-dsh-usage-stats-0.2.1.tgz`, the equivalent `dsh-usage-stats.tgz`, and `SHA256SUMS`. Both archives contain identical modules.
+Assets include `sligqoer-dsh-usage-stats-0.2.4.tgz`, the equivalent `dsh-usage-stats.tgz`, and `SHA256SUMS`. Both archives contain identical modules.
 
 </details>
 
@@ -126,9 +126,11 @@ If you use the old `dsh-usage-stats` package name, uninstall it once and install
 
 1. Open Usage for the overview, trends, heatmaps and output speed. Use Controls to adjust model breakdown and speed visibility.
 2. Refresh provider or account cards in Quotas. Automatic refresh is off by default; enable it in Controls after confirming the notice.
-3. Select a provider and model in Detection, set sample counts and output limits, confirm a budget, then start manually. Reading catalogs or saved results never starts detection.
+3. Select a provider and model in Detection, set sample counts and output limits, click **Preview detection budget**, then confirm with **Start detection (uses tokens)**. Reading catalogs or saved results never starts detection.
 4. Use Controls to toggle the advanced model selector, reasoning features and detection independently, or edit custom quota queries.
 
+Detection guides you through choosing a model, confirming the budget and reviewing results. Changing the model or parameters requires a new budget preview. While a test runs, you can follow request progress and sample status or cancel it. Saved results retain their original model and parameters; detection details and engine information expand on demand.
+
 ## Data and compatibility
 
 Local data is stored under `DSH_HOME/storages`:
@@ -184,4 +186,4 @@ npm run release
 
 Edit `src/` and run `npm run build` to generate `lib/`. `npm run check:release` checks versions, generated files, third-party integrity and private workspace files. `npm run release` builds the package and verifies installation and loading in an isolated temporary project; artifacts go to `release/`.
 
-The GitHub workflow requires the tag to match the package version (`v0.2.1` for this release) and publishes the same verified archive to npm and GitHub Releases. The npm trusted publisher workflow file is `.github/workflows/release.yml`. Third-party assets, source revisions and licenses are recorded in `third_party/` and [NOTICE](NOTICE). This project uses the [Apache-2.0 license](LICENSE).
+The GitHub workflow requires the tag to match the package version (`v0.2.4` for this release) and publishes the same verified archive to npm and GitHub Releases. The npm trusted publisher workflow file is `.github/workflows/release.yml`. Third-party assets, source revisions and licenses are recorded in `third_party/` and [NOTICE](NOTICE). This project uses the [Apache-2.0 license](LICENSE).

package/README.md

@@ -11,7 +11,7 @@
 
 <p align="center">
   <a href="#安装"><img src="https://img.shields.io/badge/DSH-Desktop-2563eb?style=flat-square" alt="DSH 桌面端"></a>
-  <a href="https://github.com/Jockjrop/dsh-usage-stats/releases/latest"><img src="https://img.shields.io/badge/release-v0.2.1-64748b?style=flat-square" alt="插件版本 0.2.1"></a>
+  <a href="https://github.com/Jockjrop/dsh-usage-stats/releases/latest"><img src="https://img.shields.io/badge/release-v0.2.4-64748b?style=flat-square" alt="插件版本 0.2.4"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-22c55e?style=flat-square" alt="Apache 2.0 许可"></a>
 </p>
 
@@ -60,13 +60,13 @@
 | --- | --- |
 | **用量** | 查看今日与累计 Token、使用天数、小时调用次数、每日／每周热力图、趋势、模型明细与输出速度。 |
 | **配额** | 集中查看供应商余额、账号积分与周期配额，支持手动或定时刷新及自定义查询。 |
-| **检测** | 独立选择供应商和模型，确认预算后运行 LM Fingerprint 检测，查看候选排名、采样状态与历史记录。 |
+| **检测** | 独立选择供应商和模型，确认预算后运行 LM Fingerprint 检测，查看请求进度、采样状态、候选排名与历史结果。 |
 | **控制** | 调整展示偏好、配额查询设置、高级模型选择器与逐模型推理强度。 |
 
 - **看清使用趋势**：按日／周浏览热力图，切换 7／30 天趋势，按供应商与模型查看用量。
 - **比较输出速度**：按 TPS 排序，显示平均首 Token 耗时（TTFT）；缺少有效时间记录的样本不参与速度排名。
 - **按需刷新配额**：通过 DSH 凭据服务查询已配置供应商，账号配额需要对应的账号插件或宿主服务。自动查询默认关闭。
-- **独立运行检测**：默认采样 3 次，也可选择 1 次初筛；先确认预算，再手动开始，支持取消、超时和用量预算控制。
+- **独立运行检测**：按步骤选择模型、确认预算并查看结果；默认采样 3 次，也可选择 1 次初筛，支持进度查看、取消、超时和用量预算控制。
 - **调整模型设置**：分别控制高级模型选择器与模型推理强度，保留已有的模型属性、参数映射和个人设置。
 - **跟随应用语言**：支持中文、英语和日语，随 DSH 所选语言切换；用户自定义名称与配额标签保持原样。
 
@@ -74,7 +74,7 @@
 
 ## 安装
 
-当前插件版本为 **0.2.2**，适配 **DSH Desktop `0.2.1-alpha.2` 和 `0.2.0-rc.2`**。版本不匹配时，宿主插件管理器会拒绝安装或启用。
+当前插件版本为 **0.2.4**，适配 **DSH Desktop `0.2.1-rc.2`**，并保留 `0.2.1-rc.1`、`0.2.1-alpha.2`、`0.2.0-rc.2` 和 `0.2.0-rc.1` 支持。版本不匹配时，宿主插件管理器会拒绝安装或启用。
 
 **推荐通过 DSH Desktop 安装 [npm 包 `@sligqoer/dsh-usage-stats`](https://www.npmjs.com/package/@sligqoer/dsh-usage-stats)。** 已包含预构建模块，无需克隆仓库或在本机构建；通过包名安装后可使用插件页的「检查更新」。
 
@@ -100,16 +100,16 @@
 安装本次版本时，在同一入口填入：
 
 ```text
-@sligqoer/dsh-usage-stats@0.2.1
+@sligqoer/dsh-usage-stats@0.2.4
 ```
 
 也可从 [GitHub 发布页](https://github.com/Jockjrop/dsh-usage-stats/releases/latest)下载 `.tgz` 安装包和 `SHA256SUMS`，校验后填入压缩包的本地绝对路径，无需解压。
 
 ```powershell
-Get-FileHash ./sligqoer-dsh-usage-stats-0.2.1.tgz -Algorithm SHA256
+Get-FileHash ./sligqoer-dsh-usage-stats-0.2.4.tgz -Algorithm SHA256
 ```
 
-发布附件包含版本安装包 `sligqoer-dsh-usage-stats-0.2.1.tgz`、通用安装包 `dsh-usage-stats.tgz` 和校验文件 `SHA256SUMS`；两个安装包内容一致。
+发布附件包含版本安装包 `sligqoer-dsh-usage-stats-0.2.4.tgz`、通用安装包 `dsh-usage-stats.tgz` 和校验文件 `SHA256SUMS`；两个安装包内容一致。
 
 </details>
 
@@ -126,9 +126,11 @@ Get-FileHash ./sligqoer-dsh-usage-stats-0.2.1.tgz -Algorithm SHA256
 
 1. 在「用量」查看概览、趋势、热力图和输出速度；在「控制」调整模型明细与速度的显示。
 2. 在「配额」点击供应商或账号卡片的刷新按钮。自动查询默认关闭，可在「控制」确认提示后开启。
-3. 在「检测」选择供应商与模型、设置采样次数和输出上限，确认预算后手动开始。读取目录或历史结果不会启动检测。
+3. 在「检测」选择供应商与模型，设置采样次数和输出上限，点击「查看检测预算」，确认后点击「开始检测（会消耗 Token）」。读取目录或历史结果不会启动检测。
 4. 在「控制」分别开启或关闭高级模型选择器、模型推理强度和模型检测，编辑自定义配额查询。
 
+检测页按「选择检测模型 → 确认预算 → 检测结果」提示当前步骤。更改模型或参数后，需要重新查看预算；检测中可查看请求进度、逐次采样状态并取消。历史结果保留原模型与参数，检测详情和指纹引擎信息可按需展开。
+
 ## 数据与兼容
 
 本地数据位于 `DSH_HOME/storages`：
@@ -184,4 +186,4 @@ npm run release
 
 修改 `src/` 后运行 `npm run build` 生成 `lib/`。`npm run check:release` 检查版本、构建一致性、第三方完整性与工作区隐私文件；`npm run release` 构建安装包并在独立临时项目中验证安装与加载，输出位于 `release/`。
 
-GitHub 发布流程要求标签与包版本一致（本版为 `v0.2.1`），通过检查后使用同一份安装包发布 npm 与 GitHub Release。npm 可信发布对应的工作流文件为 `.github/workflows/release.yml`。第三方资源、来源版本和许可记录于 `third_party/` 与 [NOTICE](NOTICE)，本项目使用 [Apache-2.0 许可证](LICENSE)。
+GitHub 发布流程要求标签与包版本一致（本版为 `v0.2.4`），通过检查后使用同一份安装包发布 npm 与 GitHub Release。npm 可信发布对应的工作流文件为 `.github/workflows/release.yml`。第三方资源、来源版本和许可记录于 `third_party/` 与 [NOTICE](NOTICE)，本项目使用 [Apache-2.0 许可证](LICENSE)。

package/lib/client.js

@@ -8,7 +8,7 @@ var SECTION_ID = 'usage-stats'
 
 var STYLE_ID = 'dsh-usage-stats-styles'
 
-var PLUGIN_VERSION = "0.2.2"
+var PLUGIN_VERSION = "0.2.4"
 
 var localeService = null
 
@@ -760,6 +760,22 @@ Object.assign(messages, {
       '按渠道配置网关': ['Configure routes by channel', 'チャンネルごとの接続経路'],
       '渠道网关用于登录、模型目录、额度与调用；单个模型可在详情中覆盖调用出口。': ['Channel routes cover login, catalogs, balances and calls. Model details can override the call route.', 'チャンネルの経路はログイン・一覧・残高・呼び出しに適用されます。モデル詳細で呼び出し経路を変更できます。'],
       '代理只改变网络出口，不能保证解除账号地区或模型权限限制。直连仍可能经过系统 TUN。': ['A proxy changes network egress; account regions and model permissions remain provider-controlled. Direct connections may still use the system TUN.', 'プロキシは接続経路を変更します。アカウントの地域とモデル権限は提供元が管理します。直接接続もシステムTUNを通る場合があります。'],
+      '确认预算': ['Confirm budget', '予算を確認'],
+      '检测步骤': ['Detection steps', '検出の手順'],
+      '尚未选择模型': ['No model selected yet', 'モデルが未選択です'],
+      '检测会在参考库中排序候选模型；结果为参考排名，不证明模型身份。': ['The detection ranks candidate models in the reference set. Rankings do not prove model identity.', '検出は参照集合内で候補モデルを順位付けします。順位はモデルの身元を証明するものではありません。'],
+      '尚未检测本模型': ['This model has not been detected yet', 'このモデルは未検出です'],
+      '检测进行中': ['Detection in progress', '検出を実行中です'],
+      '{count} 次 · 单次 {tokens} Token': ['{count} calls · {tokens} tokens each', '{count} 回・1回 {tokens} Token'],
+      '先查看检测预算，确认后再开始。': ['Preview the detection budget, then confirm to start.', '検出予算を確認してから開始してください。'],
+      '等待检测结果': ['Awaiting detection results', '検出結果を待っています'],
+      '确认预算并开始后，这里会显示采样进度与候选排名。': ['After you confirm the budget and start, sample progress and candidate rankings appear here.', '予算を確認して開始すると、サンプルの進捗と候補順位がここに表示されます。'],
+      '检测进度': ['Detection progress', '検出の進捗'],
+      '正在分析指纹…': ['Analyzing fingerprints…', '指紋を分析中…'],
+      '本次检测参数': ['Parameters for this test', '今回の検出パラメーター'],
+      '已确认预算，可开始检测。': ['Budget confirmed. Ready to start detection.', '予算を確認しました。検出を開始できます。'],
+      '更改模型或参数后，需要重新查看检测预算。': ['Preview the budget again after changing the model or parameters.', 'モデルやパラメーターを変更したら、予算を再確認してください。'],
+      '检测已结束': ['Detection finished', '検出が終了しました'],
     })
 
 function t(text, params) {
@@ -1092,27 +1108,54 @@ var styles = [
       '.dshus-speed-value { text-align: right; white-space: nowrap; font-size: 20px; font-weight: 600; }',
       '@container (max-width: 420px) { .dshus-speed-head, .dshus-speed-row { grid-template-columns: 18px minmax(0, 1fr) 64px 60px; gap: 8px; } .dshus-speed-value { font-size: 18px; } }',
       '@container (max-width: 360px) { .dshus-module.dshus-speed-module { padding: 12px; } .dshus-speed-head, .dshus-speed-row { grid-template-columns: 18px minmax(0, 1fr) 58px 54px; gap: 6px; } }',
-      '.dshus-detection-verdict { margin: 12px 0 8px; font-size: 14px; line-height: 1.6; font-weight: 600; }',
-      '.dshus-detection-verdict[data-verdict="inconclusive"], .dshus-detection-verdict[data-verdict="running"] { font-size: 20px; line-height: 1.5; }',
+      '.dshus-detection-panel { min-width: 0; scrollbar-color: var(--dsw-alias-border-l2, #d0d5dd) transparent; accent-color: var(--dsw-alias-brand-primary, #3b82f6); caret-color: var(--dsw-alias-label-primary, #1f2430); }',
+      '.dshus-detection-panel ::selection { background: var(--dsw-alias-bg-multi-select, #dbeafe); color: var(--dsw-alias-label-primary, #1f2430); }',
+      '.dshus-detection-panel > .dshus-module { box-shadow: none; padding: 20px; }',
+      '.dshus-detection-panel .dshus-module h3 { color: var(--dsw-alias-label-primary, #1f2430); letter-spacing: normal; }',
+      '.dshus-detection-intro { margin: 0 0 18px; max-width: 72ch; font-size: 13px; line-height: 1.65; color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-verdict { margin: 12px 0 8px; font-size: 14px; line-height: 1.6; font-weight: 600; overflow-wrap: anywhere; }',
+      '.dshus-detection-verdict[data-verdict="running"], .dshus-detection-verdict[data-verdict="inconclusive"] { font-size: 22px; line-height: 1.35; letter-spacing: -0.01em; }',
+      '.dshus-detection-verdict[data-verdict="ranking-only"], .dshus-detection-verdict[data-verdict="inconclusive"] { color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-verdict[data-verdict="candidate-consistent"] { color: var(--dsw-alias-state-success-primary, #16794a); }',
+      '.dshus-detection-verdict[data-verdict="candidate-different"] { color: var(--dsw-alias-state-warn-label, #946200); }',
+      '.dshus-steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 20px; padding: 0 0 18px; border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb); font-variant-numeric: tabular-nums; }',
+      '.dshus-step { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 10px; min-width: 0; padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; }',
+      '.dshus-step[data-state="current"] { border-color: var(--dsw-alias-border-l2, #e5e7eb); background: var(--dsw-alias-bg-layer-3, #f3f4f6); }',
+      '.dshus-step-mark { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid var(--dsw-alias-border-l2, #d4d4d9); border-radius: 50%; background: var(--dsw-alias-bg-layer-1, #fff); color: var(--dsw-alias-label-secondary, #4b5563); font-size: 11.5px; font-weight: 600; line-height: 1; }',
+      '.dshus-step[data-state="current"] .dshus-step-mark { border-color: var(--dsw-alias-label-primary, #1f2430); background: var(--dsw-alias-label-primary, #1f2430); color: var(--dsw-alias-label-primary-inverted, #fff); }',
+      '.dshus-step[data-state="done"] .dshus-step-mark { color: var(--dsw-alias-label-primary, #1f2430); }',
+      '.dshus-step-body { display: grid; gap: 3px; min-width: 0; }',
+      '.dshus-step-title { color: var(--dsw-alias-label-secondary, #4b5563); font-size: 13px; font-weight: 500; line-height: 1.5; }',
+      '.dshus-step[data-state="current"] .dshus-step-title { color: var(--dsw-alias-label-primary, #1f2430); font-weight: 600; }',
+      '.dshus-step-detail { color: var(--dsw-alias-label-secondary, #4b5563); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }',
+      '.dshus-detection-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 18px 0 0; }',
+      '.dshus-detection-panel .dshus-btn { min-height: 36px; height: auto; padding: 8px 12px; line-height: 1.4; white-space: normal; text-align: center; justify-content: center; }',
+      '.dshus-detection-panel .dshus-btn-primary { border-color: var(--dsw-alias-label-primary, #1f2430); background: var(--dsw-alias-label-primary, #1f2430); color: var(--dsw-alias-label-primary-inverted, #fff); font-weight: 500; }',
+      '.dshus-detection-panel .dshus-btn-primary:hover:not(:disabled) { background: var(--dsw-alias-label-secondary, #4b5563); border-color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-panel .dshus-btn:focus-visible, .dshus-detection-panel .dshus-field:focus-visible, .dshus-detection-engine > summary:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #3b82f6); outline-offset: 3px; }',
       '.dshus-detection-fields { display: grid; gap: 8px; margin: 12px 0; }',
       '.dshus-detection-fields div { display: flex; gap: 12px; align-items: baseline; min-width: 0; }',
       '.dshus-detection-fields dt { flex: 0 0 86px; color: var(--dsw-alias-label-secondary, #6b7280); font-size: 12px; }',
       '.dshus-detection-fields dd { margin: 0; overflow-wrap: anywhere; font-size: 13px; }',
-      '.dshus-detection-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }',
+      '.dshus-detection-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 4px 0 14px; }',
       '.dshus-detection-limits { grid-template-columns: repeat(3, minmax(0, 1fr)); }',
       '.dshus-detection-field { display: grid; gap: 7px; min-width: 0; }',
       '.dshus-detection-field .dshus-field { width: 100%; min-height: 36px; }',
-      '.dshus-detection-reference { padding: 12px 0; margin: 12px 0 0; border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb); font-size: 13px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }',
+      '.dshus-detection-reference { padding: 14px 0 0; margin: 16px 0 0; border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb); font-size: 13px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }',
       '.dshus-detection-reference p { margin: 6px 0; line-height: 1.6; }',
+      '.dshus-detection-ready { font-weight: 500; }',
+      '.dshus-detection-quote-details { margin-top: 10px; font-size: 13px; }',
+      '.dshus-detection-quote-details > summary { cursor: pointer; color: var(--dsw-alias-label-secondary, #4b5563); line-height: 24px; }',
+      '.dshus-detection-quote-details > summary:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #3b82f6); outline-offset: 3px; }',
       '.dshus-detection-summary { scroll-margin-top: 90px; }',
-      '.dshus-detection-headline { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; margin: 20px 0 12px; }',
-      '.dshus-detection-headline h4 { margin: 0; font-size: 28px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }',
+      '.dshus-detection-headline { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; margin: 18px 0 12px; }',
+      '.dshus-detection-headline h4 { margin: 0; font-size: 26px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }',
       '.dshus-detection-confidence { display: flex; flex-direction: column; gap: 4px; text-align: right; font-size: 12px; line-height: 1.5; color: var(--dsw-alias-label-secondary, #4b5563); }',
-      '.dshus-detection-confidence strong { font-size: 28px; line-height: 1.3; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2430); font-variant-numeric: tabular-nums; }',
-      '.dshus-detection-warning { color: var(--dsw-alias-label-primary, #1f2430); font-weight: 600; }',
+      '.dshus-detection-confidence strong { font-size: 24px; line-height: 1.3; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2430); font-variant-numeric: tabular-nums; }',
+      '.dshus-detection-warning { color: var(--dsw-alias-state-warn-label, #946200); font-weight: 500; }',
       '.dshus-detection-list-title { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 24px 0 8px; font-size: 13px; }',
       '.dshus-detection-list-title h4 { margin: 0; font-size: inherit; font-weight: 600; }',
-      '.dshus-detection-list-title > span { font-size: 12px; color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-list-title > span { font-size: 12px; color: var(--dsw-alias-label-secondary, #4b5563); text-align: right; }',
       '.dshus-detection-rankings { list-style: none; padding: 0; margin: 0; font-variant-numeric: tabular-nums; }',
       '.dshus-detection-rank { display: grid; grid-template-columns: 20px minmax(0, 1fr) minmax(64px, 24%) 64px; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb); font-size: 13px; }',
       '.dshus-detection-rank[data-unscored] { grid-template-columns: 20px minmax(0, 1fr) 80px; }',
@@ -1123,18 +1166,34 @@ var styles = [
       '.dshus-detection-bar { height: 6px; border-radius: 3px; overflow: hidden; background: var(--dsw-alias-bg-layer-3, #e5e7eb); }',
       '.dshus-detection-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--dsw-alias-brand-primary, #3b82f6); }',
       '.dshus-detection-samples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 16px 0; margin: 0; border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb); border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb); list-style: none; font-size: 12px; line-height: 1.6; }',
+      '.dshus-detection-samples[data-count="1"] { grid-template-columns: minmax(0, 1fr); }',
       '.dshus-detection-sample { display: flex; flex-direction: column; gap: 4px; min-width: 0; overflow-wrap: anywhere; }',
       '.dshus-detection-sample strong { font-size: 13px; font-weight: 600; }',
+      '.dshus-detection-sample[data-outcome="scored"] strong { color: var(--dsw-alias-state-success-primary, #16794a); }',
+      '.dshus-detection-sample[data-outcome="sampling"] strong { color: var(--dsw-alias-brand-primary, #3b82f6); }',
       '.dshus-detection-sample > span { color: var(--dsw-alias-label-secondary, #4b5563); font-variant-numeric: tabular-nums; }',
       '.dshus-detection-sample[data-outcome="incomplete"] strong, .dshus-detection-sample[data-outcome="unavailable"] strong, .dshus-detection-sample[data-outcome="timeout"] strong, .dshus-detection-sample[data-outcome="unparseable"] strong { color: var(--dsw-alias-state-error-primary, #b42318); }',
       '.dshus-detection-model, .dshus-detection-cost { font-size: 13px; line-height: 1.6; margin: 8px 0; overflow-wrap: anywhere; }',
       '.dshus-detection-model { color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-progress { margin: 16px 0 20px; }',
+      '.dshus-detection-progress-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }',
+      '.dshus-detection-progress-head p { margin: 0; font-size: 13px; line-height: 1.6; color: var(--dsw-alias-label-secondary, #4b5563); }',
+      '.dshus-detection-progress progress { display: block; width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 3px; background: var(--dsw-alias-bg-layer-3, #e5e7eb); accent-color: var(--dsw-alias-brand-primary, #3b82f6); }',
+      '.dshus-detection-progress progress::-webkit-progress-bar { background: var(--dsw-alias-bg-layer-3, #e5e7eb); border-radius: 3px; }',
+      '.dshus-detection-progress progress::-webkit-progress-value { background: var(--dsw-alias-brand-primary, #3b82f6); border-radius: 3px; }',
+      '.dshus-detection-progress progress::-moz-progress-bar { background: var(--dsw-alias-brand-primary, #3b82f6); border-radius: 3px; }',
+      '.dshus-detection-empty-title { margin: 0 0 6px; font-size: 16px; line-height: 1.5; font-weight: 500; }',
+      '.dshus-detection-engine > summary { cursor: pointer; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; border-radius: 4px; }',
+      '.dshus-detection-engine-meta { margin-left: 12px; color: var(--dsw-alias-label-secondary, #4b5563); font-size: 12px; }',
+      '.dshus-detection-engine-notice { display: block; margin-top: 8px; color: var(--dsw-alias-state-warn-label, #946200); font-size: 13px; }',
+      '.dshus-detection-engine[open] > summary { margin-bottom: 12px; }',
       '.dshus-disclosure { border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb); margin-top: 16px; padding-top: 12px; font-size: 13px; }',
       '.dshus-disclosure > summary { cursor: pointer; color: var(--dsw-alias-label-secondary, #4b5563); line-height: 24px; }',
       '.dshus-disclosure > summary:hover { color: var(--dsw-alias-label-primary, #1f2430); }',
       '.dshus-disclosure > summary:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #3b82f6); outline-offset: 4px; border-radius: 4px; }',
-      '@container (max-width: 520px) { .dshus-detection-form { grid-template-columns: minmax(0, 1fr); gap: 12px; } }',
+      '@container (max-width: 520px) { .dshus-detection-panel > .dshus-module { padding: 16px; } .dshus-detection-form { grid-template-columns: minmax(0, 1fr); gap: 12px; } .dshus-steps { grid-template-columns: minmax(0, 1fr); gap: 2px; margin-bottom: 16px; padding-bottom: 14px; } .dshus-step { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; padding: 8px 10px; } .dshus-step-mark { width: 20px; height: 20px; font-size: 11px; } .dshus-detection-actions .dshus-btn { flex: 1 1 100%; } .dshus-detection-engine-meta { display: block; margin: 6px 0 0; } }',
       '@container (max-width: 520px) { .dshus-detection-headline { grid-template-columns: minmax(0, 1fr); gap: 12px; } .dshus-detection-confidence { text-align: left; } .dshus-detection-headline h4, .dshus-detection-confidence strong { font-size: 24px; } .dshus-detection-rank { grid-template-columns: 20px minmax(0, 1fr) 64px; row-gap: 8px; } .dshus-detection-rank-name { grid-column: 2; grid-row: 1; } .dshus-detection-rank-value { grid-column: 3; grid-row: 1; } .dshus-detection-bar { grid-column: 2 / 4; grid-row: 2; } .dshus-detection-samples { grid-template-columns: minmax(0, 1fr); gap: 12px; } .dshus-detection-sample { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; } .dshus-detection-sample > span:first-of-type { text-align: right; } .dshus-detection-sample > .dshus-detection-sample-limit { grid-column: 1 / -1; } }',
+      '@media (prefers-reduced-motion: reduce) { .dshus-detection-panel .dshus-spin { animation: none; } }',
       '@container (max-width: 420px) { .dshus-tab { padding-left: 12px; padding-right: 12px; } }',
       '.dshus-saved-query { display: flex; align-items: center; gap: 8px; padding-top: 10px; font-size: 13px; }',
       '.dshus-saved-query span { flex: 1; min-width: 0; overflow-wrap: anywhere; }',
@@ -3123,6 +3182,10 @@ function DetectionPanel(props) {
       var quote = quoted && quoted.key === quoteKey && quoted.body
       var running = job && job.status === 'running'
       var selectedReady = providers.some(function (item) { return item.provider === provider }) && modelsProvider === provider && models.some(function (item) { return item.id === model }) && !modelsLoading
+      var jobIsCurrent = job && job.sessionId === sessionId && job.selection.provider === provider && job.selection.model === model && (job.selection.reasoningEffort || '') === effort
+      var savedPlan = job && job.plan || {}, savedOutputLimit = savedPlan.maxTokens || savedPlan.maxOutputTokens && savedPlan.requests && savedPlan.maxOutputTokens / savedPlan.requests
+      var resultMatchesSetup = jobIsCurrent && (!savedPlan.requests || savedPlan.requests === count) && (!savedPlan.budgetTokens || savedPlan.budgetTokens === budget) && (!savedOutputLimit || savedOutputLimit === maxTokens)
+      var currentStep = running || resultMatchesSetup && !quote ? 2 : selectedReady ? 1 : 0
       React.useEffect(function () {
         if (manualSelection.current || busy || running || !suggested || !suggested.provider || !suggested.model) return
         setSelection(function (previous) { return previous.provider === suggested.provider && previous.model === suggested.model && (previous.reasoningEffort || '') === (suggested.reasoningEffort || '') ? previous : suggested })
@@ -3239,12 +3302,27 @@ function DetectionPanel(props) {
       }
       function field(label, element) { return React.createElement('label', { className: 'dshus-detection-field' }, React.createElement('span', { className: 'dshus-setting-label' }, t(label)), element) }
       function probability(value) { return Number.isFinite(value) ? (value * 100).toFixed(1) + '%' : '—' }
+      function stepsView() {
+        var steps = [
+          { title: '选择检测模型', detail: model || t('尚未选择模型') },
+          { title: '确认预算', detail: t('{count} 次 · 单次 {tokens} Token', { count: count, tokens: fmt(maxTokens) }) },
+          { title: '检测结果', detail: t(running ? '检测进行中' : resultMatchesSetup ? job.status === 'cancelled' ? '已取消' : '检测已结束' : '等待检测结果') },
+        ]
+        return React.createElement('ol', { className: 'dshus-steps', 'aria-label': t('检测步骤') }, steps.map(function (step, index) {
+          var state = index === currentStep ? 'current' : index < currentStep ? 'done' : 'upcoming'
+          return React.createElement('li', { key: step.title, className: 'dshus-step', 'data-state': state, 'aria-current': state === 'current' ? 'step' : undefined },
+            React.createElement('span', { className: 'dshus-step-mark', 'aria-hidden': true }, index + 1),
+            React.createElement('div', { className: 'dshus-step-body' },
+              React.createElement('span', { className: 'dshus-step-title' }, t(step.title)),
+              React.createElement('span', { className: 'dshus-step-detail' }, step.detail)))
+        }))
+      }
       function samplesView(results, plan, validSamples) {
         var labels = { scored: '有效', incomplete: '输出截断', unparseable: '格式无效', unavailable: '请求失败', timeout: '超时', cancelled: '已取消', sampling: '采样中', pending: '未采样' }
         var total = plan.requests || 3
         return React.createElement(React.Fragment, null,
           React.createElement('div', { className: 'dshus-detection-list-title' }, React.createElement('h4', null, t('采样状态')), React.createElement('span', null, t('有效样本 {valid} / {total}', { valid: validSamples, total: total }))),
-          React.createElement('ol', { className: 'dshus-detection-samples', 'aria-label': t('采样状态') }, Array.from({ length: total }, function (_, index) {
+          React.createElement('ol', { className: 'dshus-detection-samples', 'aria-label': t('采样状态'), 'data-count': total }, Array.from({ length: total }, function (_, index) {
             var item = results[index], outcome = item ? item.outcome : running && index === results.length && job.phase !== 'scoring' ? 'sampling' : 'pending'
             var expected = item ? item.expected : plan.numbers && plan.numbers[index]
             return React.createElement('li', { key: index, className: 'dshus-detection-sample', 'data-outcome': outcome },
@@ -3254,26 +3332,33 @@ function DetectionPanel(props) {
           })))
       }
       function jobView() {
-        var historical = job.status !== 'running' && (job.sessionId !== sessionId || job.selection.provider !== provider || job.selection.model !== model || (job.selection.reasoningEffort || '') !== effort)
+        var historical = !running && !resultMatchesSetup
         var identity = job.identity, candidates = identity && identity.candidates || []
         var summary = job.conclusion || { verdict: running ? 'running' : 'inconclusive', reason: job.status === 'cancelled' ? 'cancelled' : 'unfinished' }
         var titles = { running: '检测运行中', 'candidate-consistent': '首选候选与请求模型一致', 'candidate-different': '首选候选与请求模型不同', 'ranking-only': '候选排序', inconclusive: '无法判定' }
         var explanations = { 'model-not-enrolled': '请求模型不在参考库中，候选仅供比较。', 'merged-class': '参考库将这些型号合并为同一类，无法区分具体型号。', 'low-confidence': '置信度不足，候选仅供比较。', cancelled: '检测已取消，已发生的用量仍会统计。', interrupted: '宿主重启时检测尚未完成，请重新检测。', budget: '已达到 Token 预算，检测未完成。', timeout: '请求超时，检测未完成。', 'request-failed': '通道请求失败，检测未完成。', truncated: '随机数输出被截断；请提高单次输出上限，重新查看预算后检测。', format: '有效随机数不足，已停止后续请求。', distribution: '随机数分布异常，本次结果无法判定。', unfinished: '尚未取得足够指纹数据，无法判定。' }
         var calibrated = !!(identity && identity.usedSamples === 3 && !identity.unusualDistribution && Number.isFinite(identity.probability))
         var results = job.results || [], plan = job.plan || {}, validSamples = results.filter(function (item) { return item.outcome === 'scored' }).length
+        var totalRequests = plan.requests || 3, progress = Math.max(0, Math.min(totalRequests, job.progress || 0))
         var perRequestLimit = plan.maxTokens || plan.maxOutputTokens && plan.requests && plan.maxOutputTokens / plan.requests
         var providerName = providers.find(function (item) { return item.provider === job.selection.provider })
         var usage = job.usage || {}, jobTokens = (usage.inputTokens || 0) + (usage.outputTokens || 0) + (usage.cacheReadTokens || 0) + (usage.cacheWriteTokens || 0)
         return React.createElement('div', { className: 'dshus-module dshus-detection-summary', role: 'region', 'aria-label': t('检测结果'), ref: resultRef },
           React.createElement('h3', { title: historical ? t('历史结果，仅对应下方列出的模型和参数。') : undefined }, t(historical ? '上次检测结果' : '检测结果')),
+          historical && React.createElement('p', { className: 'dshus-setting-help' }, t('历史结果，仅对应下方列出的模型和参数。')),
           React.createElement('p', { className: 'dshus-detection-model' }, job.selection.model, ' · ', providerName ? providerName.name : job.selection.provider),
           candidates.length > 0 && React.createElement('div', { className: 'dshus-detection-headline' },
             React.createElement('h4', { 'aria-label': t('首选候选') }, candidates[0].name),
             React.createElement('div', { className: 'dshus-detection-confidence' }, React.createElement('span', null, t(calibrated ? '库内置信度' : '仅排序')), calibrated && React.createElement('strong', null, probability(identity.probability)))),
           React.createElement('p', { className: 'dshus-detection-verdict', 'data-verdict': summary.verdict, role: 'status' }, t(titles[summary.verdict] || '无法判定')),
-          explanations[summary.reason] && React.createElement('p', { className: 'dshus-setting-help' }, t(explanations[summary.reason])),
+          explanations[summary.reason] && !(running && summary.reason === 'unfinished') && React.createElement('p', { className: 'dshus-setting-help' }, t(explanations[summary.reason])),
           candidates.length > 0 && identity.usedSamples < 3 && React.createElement('p', { className: 'dshus-setting-help' }, t('仅基于 {count} 个有效样本展示排名；3 个有效样本才显示库内置信度。', { count: identity.usedSamples })),
-          calibrated && identity.probability < .75 && React.createElement('p', { className: 'dshus-setting-help dshus-detection-warning' }, t('置信度不足（低于 75%）')),
+          calibrated && identity.probability < .75 && summary.reason !== 'low-confidence' && React.createElement('p', { className: 'dshus-setting-help dshus-detection-warning' }, t('置信度不足（低于 75%）')),
+          running && React.createElement('div', { className: 'dshus-detection-progress' },
+            React.createElement('div', { className: 'dshus-detection-progress-head' },
+              React.createElement('p', { role: 'status' }, job.phase === 'scoring' ? t('正在分析指纹…') : t('已完成 {progress} 次请求，上限 {requests} 次', { progress: progress, requests: totalRequests })),
+              React.createElement('button', { type: 'button', className: 'dshus-btn', disabled: cancelling, onClick: cancel }, t(cancelling ? '正在取消…' : '取消检测'))),
+            React.createElement('progress', { max: totalRequests, value: progress, 'aria-label': t('检测进度') })),
           candidates.length > 0 && React.createElement(React.Fragment, null,
             React.createElement('div', { className: 'dshus-detection-list-title' }, React.createElement('h4', null, t('候选排名')), React.createElement('span', null, t(calibrated ? '库内置信度' : '指纹得分'))),
             React.createElement('ol', { className: 'dshus-detection-rankings', 'aria-label': t('候选排名') }, candidates.map(function (candidate, index) {
@@ -3284,8 +3369,6 @@ function DetectionPanel(props) {
                 React.createElement('span', { className: 'dshus-detection-rank-value', 'aria-label': t(calibrated ? '库内置信度' : '指纹得分') }, calibrated ? probability(candidate.probability) : Number(candidate.score).toFixed(3)))
             }))),
           samplesView(results, plan, validSamples),
-          running && React.createElement('p', { className: 'dshus-setting-help' }, t('已完成 {progress} 次请求，上限 {requests} 次', { progress: job.progress, requests: job.plan.requests })),
-          running && React.createElement('button', { type: 'button', className: 'dshus-btn', disabled: cancelling, onClick: cancel }, t(cancelling ? '正在取消…' : '取消检测')),
           job.usageReported && React.createElement('p', { className: 'dshus-detection-cost', title: fmtExact(jobTokens) }, t(job.usageSaved ? '本次消耗 {tokens} Token · 已计入统计' : '本次已上报消耗 {tokens} Token', { tokens: fmt(jobTokens) })),
           job.usageIncomplete && React.createElement('p', { className: 'dshus-setting-help' }, t('部分检测用量尚未上报，可能已产生费用。')),
           job.message && React.createElement('p', { className: 'dshus-setting-help' }, uiError(job.message)),
@@ -3302,8 +3385,10 @@ function DetectionPanel(props) {
               React.createElement('tbody', null, candidates.map(function (candidate) { return React.createElement('tr', { key: candidate.id }, React.createElement('td', null, candidate.name), React.createElement('td', null, Number(candidate.score).toFixed(3)), React.createElement('td', null, probability(calibrated ? candidate.probability : null))) })))),
             job.channel && React.createElement('p', null, t('本次通道表现'), ' · TPS ', Number.isFinite(job.channel.tps) ? job.channel.tps.toFixed(1) : '—', ' tok/s · TTFT ', Number.isFinite(job.channel.ttftMs) ? (job.channel.ttftMs / 1000).toFixed(2) + ' s' : '—')))
       }
-      return React.createElement(React.Fragment, null,
+      return React.createElement('div', { className: 'dshus-detection-panel' },
         React.createElement('div', { className: 'dshus-module' }, React.createElement('h3', null, t('模型检测')),
+          React.createElement('p', { className: 'dshus-detection-intro' }, t('检测会在参考库中排序候选模型；结果为参考排名，不证明模型身份。')),
+          stepsView(),
           React.createElement('div', { className: 'dshus-detection-form' },
             field('检测供应商', React.createElement('select', { id: 'dshus-detection-provider', 'aria-label': t('检测供应商'), className: 'dshus-field', value: provider, disabled: busy || running || providersLoading, onChange: selectProvider },
               React.createElement('option', { value: '' }, t(providersLoading ? '正在加载供应商…' : providers.length ? '选择已有供应商' : '没有已配置的供应商')),
@@ -3311,28 +3396,39 @@ function DetectionPanel(props) {
             field('检测模型', React.createElement('select', { id: 'dshus-detection-model', 'aria-label': t('检测模型'), className: 'dshus-field', value: model, disabled: busy || running || modelsLoading || !provider, onChange: selectModel },
               React.createElement('option', { value: '' }, t(modelsLoading ? '正在加载模型…' : models.length ? '选择检测模型' : '没有可用模型')),
               models.map(function (item) { return React.createElement('option', { key: item.id, value: item.id }, item.name) })))),
-          React.createElement('p', { className: 'dshus-setting-help' }, t('可选择任意已配置模型；检测选择不会更改会话模型。')),
-          React.createElement('p', { className: 'dshus-setting-help' }, t('使用 LM Fingerprint 官方随机数指纹，默认 3 次请求；不发送会话内容。'))),
+          React.createElement('p', { className: 'dshus-setting-help' }, t('可选择任意已配置模型；检测选择不会更改会话模型。'))),
         error && React.createElement('div', { className: 'dshus-error', role: 'alert' }, uiError(error)),
         job && jobView(),
         React.createElement('div', { className: 'dshus-module' }, React.createElement('h3', null, t('随机数指纹检测')),
+          React.createElement('p', { className: 'dshus-detection-intro' }, t('使用 LM Fingerprint 官方随机数指纹，默认 3 次请求；不发送会话内容。')),
           React.createElement('div', { className: 'dshus-detection-form dshus-detection-limits' },
             field('采样次数', React.createElement('select', { id: 'dshus-detection-samples', className: 'dshus-field', value: count, disabled: busy || running, onChange: function (event) { setCount(Number(event.target.value)) } },
               React.createElement('option', { value: 3 }, t('标准检测（3 次）')), React.createElement('option', { value: 1 }, t('低耗初筛（1 次，仅排序）')))),
             field('单次输出上限', React.createElement('input', { id: 'dshus-detection-output-limit', type: 'number', className: 'dshus-field', min: 1024, max: 16384, step: 1, value: maxTokens, disabled: busy || running, onChange: function (event) { setMaxTokens(Number(event.target.value)) } })),
             field('已上报 Token 预算', React.createElement('input', { id: 'dshus-detection-budget', type: 'number', className: 'dshus-field', min: 1024, max: 50000, step: 1, value: budget, disabled: busy || running, onChange: function (event) { setBudget(Number(event.target.value)) } }))),
           React.createElement('p', { className: 'dshus-setting-help' }, t('输出上限限制每次响应；总预算在每次请求结束后检查，达到后停止后续请求。')),
-          React.createElement('div', { className: 'dshus-control-actions' },
-            React.createElement('button', { type: 'button', className: 'dshus-btn', onClick: preview, disabled: busy || running || !selectedReady || !catalog }, t(busy ? '正在处理…' : '查看检测预算')),
-            React.createElement('button', { type: 'button', className: 'dshus-btn', onClick: start, disabled: busy || running || !quote }, t('开始检测（会消耗 Token）'))),
-          quote && React.createElement('div', { className: 'dshus-detection-reference', role: 'status' }, fields(quote.testSelection),
+          quote && React.createElement('div', { className: 'dshus-detection-reference', role: 'status' },
+            React.createElement('p', { className: 'dshus-detection-ready' }, t('已确认预算，可开始检测。')),
             React.createElement('p', { className: 'dshus-cost-note' }, t('请求最多 {requests} 次 · 输入约 {estimatedInputTokens} Token · 输出上限 {maxOutputTokens} Token', Object.fromEntries(Object.entries(quote.plan).map(function (entry) { return [entry[0], typeof entry[1] === 'number' ? fmtExact(entry[1]) : entry[1]] })))),
-            React.createElement('p', { className: 'dshus-setting-help' }, t('每次最多 {maxTokens} Token · 所有请求输出最多 {maxOutputTokens} Token', { maxTokens: fmtExact(quote.plan.maxTokens), maxOutputTokens: fmtExact(quote.plan.maxOutputTokens) })),
-            React.createElement('p', { className: 'dshus-setting-help' }, t('预算按已上报用量检查；推理、未上报用量及供应商重试按通道规则计费。')))),
-        React.createElement('div', { className: 'dshus-module' }, React.createElement('h3', null, t('指纹引擎与参考库')),
-          catalog && React.createElement('p', null, 'lmfpd ', catalog.version, ' · ', String(catalog.builtAt || '').slice(0, 10), ' · ', t('{count} 个参考模型', { count: catalog.modelCount })),
+            React.createElement('p', { className: 'dshus-setting-help' }, t('预算按已上报用量检查；推理、未上报用量及供应商重试按通道规则计费。')),
+            React.createElement('details', { className: 'dshus-detection-quote-details', key: quote.id },
+              React.createElement('summary', null, t('本次检测参数')),
+              fields(quote.testSelection),
+              React.createElement('p', { className: 'dshus-setting-help' }, t('每次最多 {maxTokens} Token · 所有请求输出最多 {maxOutputTokens} Token', { maxTokens: fmtExact(quote.plan.maxTokens), maxOutputTokens: fmtExact(quote.plan.maxOutputTokens) })))),
+          React.createElement('div', { className: 'dshus-detection-actions' },
+            React.createElement('button', { type: 'button', className: 'dshus-btn' + (!quote ? ' dshus-btn-primary' : ''), onClick: preview, disabled: busy || running || !selectedReady || !catalog }, t(busy ? '正在处理…' : '查看检测预算')),
+            React.createElement('button', { type: 'button', className: 'dshus-btn' + (quote ? ' dshus-btn-primary' : ''), onClick: start, disabled: busy || running || !quote }, t('开始检测（会消耗 Token）'))),
+          !running && React.createElement('p', { className: 'dshus-setting-help' }, t(quote ? '更改模型或参数后，需要重新查看检测预算。' : '先查看检测预算，确认后再开始。'))),
+        !job && React.createElement('div', { className: 'dshus-module dshus-detection-empty', role: 'region', 'aria-label': t('检测结果') },
+          React.createElement('h3', null, t('检测结果')),
+          React.createElement('p', { className: 'dshus-detection-empty-title' }, t('尚未检测本模型')),
+          React.createElement('p', { className: 'dshus-setting-help' }, t('确认预算并开始后，这里会显示采样进度与候选排名。'))),
+        React.createElement('details', { className: 'dshus-module dshus-detection-engine' },
+          React.createElement('summary', null, t('指纹引擎与参考库'),
+            catalog && React.createElement('span', { className: 'dshus-detection-engine-meta' }, 'lmfpd ', catalog.version || '—', catalog.builtAt && ' · ' + String(catalog.builtAt).slice(0, 10), Number.isFinite(catalog.modelCount) && ' · ' + t('{count} 个参考模型', { count: catalog.modelCount })),
+            catalog && catalog.warning && React.createElement('span', { className: 'dshus-detection-engine-notice', role: 'status' }, uiError(catalog.warning)),
+            (updating || catalog && catalog.updating) && React.createElement('span', { className: 'dshus-detection-engine-notice', role: 'status' }, t('正在检查更新…'))),
           React.createElement('p', { className: 'dshus-setting-help' }, t('每日检查上游更新，校验成功后启用；更新失败继续使用本地版本。')),
-          catalog && catalog.warning && React.createElement('p', { className: 'dshus-setting-help', role: 'status' }, uiError(catalog.warning)),
           React.createElement('div', { className: 'dshus-control-actions' },
             React.createElement('button', { type: 'button', className: 'dshus-btn', disabled: updating || running || busy || !!(catalog && catalog.updating), onClick: updateEngine }, t(updating || catalog && catalog.updating ? '正在检查更新…' : '检查上游更新')),
             React.createElement('a', { className: 'dshus-btn', href: 'https://lm.ikale.io/docs/', target: '_blank', rel: 'noreferrer' }, t('官方文档')))))
@@ -5477,7 +5573,14 @@ function registerLocale(ctx) {
 }
 
 function apply(ctx) {
-  if (!window.dshDesktop || typeof window.dshDesktop.deviceInfo !== 'function') return
+  // DSH Desktop marks its renderer through the preload bridge dshDesktop.
+  // 0.2.0-rc.2 exposes only { protocolVersion: 1 }; older builds carried a
+  // deviceInfo() function. Accept either marker so the settings section
+  // registers on both, while plain browser tabs (no bridge) still bail out.
+  if (typeof window === 'undefined' || !window.dshDesktop) return
+  var hasDeviceInfo = typeof window.dshDesktop.deviceInfo === 'function'
+  var hasProtocolVersion = typeof window.dshDesktop.protocolVersion === 'number'
+  if (!hasDeviceInfo && !hasProtocolVersion) return
   var slots = ctx.get('slots'); if (!slots) return
   registerLocale(ctx)
   var api = new UsageApi()

package/locale/en.json

@@ -1,6 +1,6 @@
 {
   "meta": {
     "title": "Usage statistics",
-    "description": "Usage statistics, provider quotas, model detection and controls for DSH Desktop 0.2.1-alpha.2 and 0.2.0-rc.2."
+    "description": "Usage statistics, provider quotas, model detection and controls for DSH Desktop 0.2.1-rc.2, 0.2.1-rc.1, 0.2.1-alpha.2, 0.2.0-rc.2 and 0.2.0-rc.1."
   }
 }

package/locale/ja.json

@@ -1,6 +1,6 @@
 {
   "meta": {
     "title": "利用状況",
-    "description": "利用統計、提供元の利用枠、モデル検査、操作設定。DSH Desktop 0.2.1-alpha.2 と 0.2.0-rc.2 に対応。"
+    "description": "利用統計、提供元の利用枠、モデル検査、操作設定。DSH Desktop 0.2.1-rc.2、0.2.1-rc.1、0.2.1-alpha.2、0.2.0-rc.2 と 0.2.0-rc.1 に対応。"
   }
 }

package/locale/zh.json

@@ -1,6 +1,6 @@
 {
   "meta": {
     "title": "用量统计",
-    "description": "会话用量统计、供应商配额、模型检测与控制设置。适用于 DSH Desktop 0.2.1-alpha.2 和 0.2.0-rc.2。"
+    "description": "会话用量统计、供应商配额、模型检测与控制设置。适用于 DSH Desktop 0.2.1-rc.2、0.2.1-rc.1、0.2.1-alpha.2、0.2.0-rc.2 和 0.2.0-rc.1。"
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sligqoer/dsh-usage-stats",
   "description": "DSH Desktop 的用量统计、供应商配额、模型检测与控制插件。",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "repository": {
     "type": "git",
@@ -54,7 +54,7 @@
   "license": "Apache-2.0",
   "icon": "screenshots/icon.svg",
   "peerDependencies": {
-    "@deepseek-ai/dsh": "0.2.1-alpha.2 || 0.2.0-rc.2"
+    "@deepseek-ai/dsh": "0.2.1-rc.2 || 0.2.1-rc.1 || 0.2.1-alpha.2 || 0.2.0-rc.2 || 0.2.0-rc.1"
   },
   "peerDependenciesMeta": {
     "@deepseek-ai/dsh": {