dsh-usage-state 0.4.1 → 0.4.3

package/README.en.md

@@ -1,11 +1,11 @@
 # dsh-usage-state
 
-See your **account balance** or **coding-plan quota** at a glance in [DSH (DeepSeek Harness)](https://github.com/deepseek-ai) — right under the composer stats row.
+See your **account balance** or **coding-plan quota** at a glance in [DSH (DeepSeek Harness)](https://github.com/deepseek-ai) — on its own line above the composer input, as wide as the input card.
 
 > 中文说明见 [README.md](README.md)。
 
 ```
-below the composer stats:   z.ai / GLM · 5h 12% (4h0m) ▓▓▓░░░░░ · 7d 59% (3d17h) ▓▓▓▓▓░░░
+its own line above the composer input:   z.ai / GLM · 5h 12% (4h0m) ▓▓▓░░░░░ · 7d 59% (3d17h) ▓▓▓▓▓░░░
                              DeepSeek · ¥58.13
 hover any segment:           Source DeepSeek · Mode API balance · Granted 0 · Topped up 58.13
 ```
@@ -14,7 +14,7 @@ hover any segment:           Source DeepSeek · Mode API balance · Granted 0 ·
 
 - **Works with zero configuration**: the plugin figures out which data source and mode a provider needs, and reuses the API key DSH already has.
 - **Configured per provider, not per model** — readings are account-level, so each provider gets one setting: `Auto` / `API` / `Coding Plan` / `Hidden`. The model list is informational.
-- **One line, always visible**: directly below the composer's stats row (the native stats row and its popover are left untouched, not replaced) — no hover, no click.
+- **One line, always visible**: its own line above the composer input (DSH 0.2 mounts it at `conversation.input.dock`, width-matched to the input card; the native stats row and context meter are left untouched, not replaced) — no hover, no click.
 - **Never invents data**: a failed refresh keeps the last good value and marks it stale (`12m ago ⚠`); rejected keys, endpoint errors and network problems each get a readable reason.
 - **Hover details**: source and mode, the window's absolute reset time, the granted/topped-up split of a balance, the failure reason with the provider's own message.
 - **Bilingual** (zh / en), following the DSH locale setting.
@@ -55,7 +55,7 @@ Nothing showing up after installing? See the troubleshooting table at the end of
 
 1. Open **Settings → Usage state**: one row per provider configured in DSH.
 2. Leave it on **Auto** (it detects the data source and its primary mode), or pick `API` / `Coding Plan` / `Hidden`; use ↑↓ to reorder.
-3. The reading appears directly below the composer's stats row.
+3. The reading appears on its own line above the composer input, as wide as the input card.
 
 If a source needs an endpoint or a key (a self-hosted Sub2API, or a provider without a credential yet), expand that row's **Advanced** block to override the source, set the endpoint, name the credential, or paste a key (written to the DSH credential store).
 
@@ -63,9 +63,9 @@ A very long provider name never pushes the controls around: the card header stay
 
 ## Screenshots
 
-The reading directly below the composer's stats row (shown here with OpenCode Zen Go's three windows; hover any segment for source, mode and the absolute reset time):
+The reading on its own line above the composer (shown here with OpenCode Zen Go's three windows; the row under the card is DSH's own statistics, untouched by this plugin — hover any segment for source, mode and the absolute reset time):
 
-![The reading below the composer](https://raw.githubusercontent.com/takboo/dsh-usage-state/main/assets/screenshots/status-line.webp)
+![The reading on its own line above the composer](https://raw.githubusercontent.com/takboo/dsh-usage-state/main/assets/screenshots/status-line.webp)
 
 Settings: one row per provider; **Auto** detects the data source and its primary mode:
 
@@ -92,7 +92,7 @@ Expanding **Advanced** lets you override the source and endpoint, name a credent
 ## Display, refresh, credentials
 
 - **Placement**: directly below the composer's stats row, aligned with the native row's geometry. The line is always visible — it never depends on hover or a click.
-- **Elements**: provider label · balance + currency · each window (5h / 7d / 30d) used % · reset countdown · mini progress bar · threshold colours (defaults: amber ≥80%, red ≥95%).
+- **Elements**: provider label · balance + currency · each window (5h / 7d / 30d) used % · reset countdown · mini progress ring · threshold colours (defaults: amber ≥80%, red ≥95%).
 - **Semantics**: percentages are always *used*; balances only appear in API mode, and coding-plan mode shows the windows the source actually has (5h / 7d for z.ai and Sub2API, plus 30d for OpenCode Zen Go); a stale reading shows its age instead of hiding.
 - **Refresh**: 2s after a turn ends, plus a 5-minute idle fallback; at most one real request per source per 60s, in-flight calls are shared, failures are not throttled.
 - **Credentials**: override → the provider's declared `apiKeyEnv` → the source's built-in ref → DSH credential store. Keys are written to `~/.dsh/.credentials.yaml`; **this plugin never stores a plaintext key** and the browser never receives a key value.
@@ -101,6 +101,7 @@ Expanding **Advanced** lets you override the source and endpoint, name a credent
 
 - **0.2 line only**: `engines.dsh` = `>=0.2.0-rc.2 <0.3.0-0` (this is what dsh-market's badge and install gate read). On an earlier host, install `0.3.2`.
 - `peerDependencies` carry `@deepseek-ai/dsh-settings` (`^0.2.0-rc.2`) and `@deepseek-ai/schemastery` (`^3.18.2`). The first one is deliberate: the runtime install gate only reads `@deepseek-ai/dsh*` peers, so declaring it makes a 0.1.x host **refuse the install** instead of accepting it and then failing to boot. Both are platform-provided; pnpm may print a `missing peer` warning for them, which is expected.
+- Version `0.4.2` moves the status line to `conversation.input.dock`, giving it **its own line above the composer input** — DSH 0.2 turned the old below-the-input position into a shared row of pills next to the platform's stats and context meter (revisions 19/20).
 - Version `0.4.1` fixes `0.4.0`'s missing readings: the browser half's RPC contribution lacked the `create()` factory 0.2 requires, so `remote.usageState` never mounted — the UI showed **no readings at all** and mislabelled the cause as `Mode not supported`. The same release stops swallowing a rejected mount, says "reading" while the catalog is absent, and adds **real 0.2 registry contract tests** (revision 18). **Use `0.4.1`, not `0.4.0`.**
 - Version `0.4.0` migrates to the 0.2 settings model (`Config` + `configForms`, with cross-entry config read through `configEditor`). Verification and results: [`docs/implementation.md`](docs/implementation.md) §10; rationale: [`docs/design-consensus.md`](docs/design-consensus.md) revision 17.
 - Version `0.3.2` (last of the 0.1 line) only widened `engines.dsh`; **its claimed 0.2 compatibility was wrong** — on `0.2.0-rc.2` it fails the entire web boot because `settingsScope` does not exist there.
@@ -123,6 +124,28 @@ npm run build        # tsdown → lib/ (host index.js + typert.js, browser clien
 npm run watch        # rebuilds client.js only; client changes hot-reload, no page refresh
 ```
 
+**Local loop (no release needed)**: `scripts/dev-local.sh` creates a throwaway profile under `/tmp/dsh-dev` (override with `DSH_HOME`), installs this repository into it as a `link:` and boots a host on its own port with the Desktop app's bundled CLI. Your real profiles are never touched.
+
+```bash
+npm run build                 # lib/ must exist
+scripts/dev-local.sh          # creates/reuses the dev profile, prints the token URL
+# second terminal:
+npm run watch                 # rebuilds client.js on save
+```
+
+Because the profile links this working tree, a rebuild is picked up by the running host: client changes are hot-swapped by `dsh-client-hmr` (the host stat-polls every bundle at 500ms and tells the browser to reload the module over `/plugins/events`) — no restart, no release. Host-side changes (`src/host/**`, `src/index.ts`, `cordis.patch.yml`) need this script restarted.
+
+⚠️ **This profile has no credentials**: `$DSH_HOME/.credentials.yaml` is home-level, and a fresh home starts without keys and without your other plugins (a font plugin changes the very glyph metrics a layout depends on). It is for **structural / host-side** checks only. To judge how something *looks*, install the same build into a profile that already has your keys and plugins — still without publishing:
+
+```bash
+npm pack --pack-destination /tmp --cache /tmp/npm-cache
+dsh plugin --profile web add /tmp/dsh-usage-state-<version>.tgz   # file: install
+dsh plugin --profile web add "$PWD"                               # link: install, for hot reload
+dsh plugin --profile web add dsh-usage-state@<published>          # back to the published build
+```
+
+Bump the version and publish only after you have **seen** the change work.
+
 Host-side changes need a DSH restart; client-side changes do not. The `lib/` output is **committed on purpose**: `dsh plugin add github:...` installs straight from the repository with no build step, and `npm test` guards the bundle envelope, the require allow-list and the `exports` targets.
 
 ## Docs

package/README.md

@@ -2,12 +2,12 @@
 
 **中文** | [English](README.en.md)
 
-在 [DSH（DeepSeek Harness）](https://github.com/deepseek-ai) 里一眼看到你的**账户余额**或**套餐额度**——就在输入框统计行的正下方。
+在 [DSH（DeepSeek Harness）](https://github.com/deepseek-ai) 里一眼看到你的**账户余额**或**套餐额度**——就在输入框上方、与输入卡片同宽的一行（原生统计行与其弹窗原样保留、不做替换）。
 
 > A minimal DSH plugin that shows your account **balance** (API mode) or **coding-plan quota** (5h / 7d / 30d) for the model you are using, right under the composer.
 
 ```
-输入框统计行下方：      z.ai / GLM · 5h 12% (4h0m) ▓▓▓░░░░░ · 7d 59% (3d17h) ▓▓▓▓▓░░░
+输入框上方独立一行：      z.ai / GLM · 5h 12% (4h0m) ▓▓▓░░░░░ · 7d 59% (3d17h) ▓▓▓▓▓░░░
                         DeepSeek · ¥58.13
 悬停任意一段：          Source DeepSeek · Mode API balance · Granted 0 · Topped up 58.13
 ```
@@ -16,7 +16,7 @@
 
 - **零配置可用**：按 provider 自动识别该用哪个数据源与模式，DSH 里配过的密钥会被自动复用，不填任何东西就能看到读数。
 - **账户级配置**：余额与额度是账户级的，所以每个供应商只配一次（`自动` / `API` / `Coding Plan` / `隐藏`），模型清单只作展示。
-- **始终可见一行**：固定在输入框统计行的正下方（原生统计行与其弹窗原样保留、不做替换），不需要悬停或点击。
+- **始终可见一行**：独占一行、位于输入框上方（DSH 0.2 把它挂在 `conversation.input.dock`，与输入卡片同宽居中；原生统计行与上下文计量器原样保留、不做替换），不需要悬停或点击。
 - **失败不撒谎**：请求失败时保留上次成功值并标明「多久之前 + ⚠」，**绝不显示 0 或伪造数据**；密钥无效、接口报错、网络不可达会分别给出可读原因。
 - **悬浮提示**：每段文字悬停显示一行放不下的信息——数据源与模式、窗口的绝对重置时刻、余额的赠送/充值构成、失败原因与原始消息。
 - **中英双语**：跟随 DSH 的语言设置（`locale.preference`），设置页与状态行都不含硬编码文案。
@@ -57,7 +57,7 @@ dsh plugin --profile web add /path/to/dsh-usage-state
 
 1. 打开 **设置 → 用量状态**：DSH 里配置的每个供应商一行。
 2. 保持默认的 **自动** 即可（它会识别数据源与主模式）；需要时改成 `API` / `Coding Plan` / `隐藏`，或用 ↑↓ 调整顺序。
-3. 该供应商的账户读数会出现在输入框统计行的正下方。
+3. 该供应商的账户读数会出现在输入框上方、与输入卡片同宽的一行。
 
 若某个数据源需要端点或密钥（例如自建的 Sub2API、或尚未配置的 z.ai），展开该行的 **高级**：可覆盖数据源、填接口地址、指定凭据名、粘贴密钥（写入 DSH 凭据库）。
 
@@ -65,9 +65,9 @@ dsh plugin --profile web add /path/to/dsh-usage-state
 
 ## 截图
 
-输入框统计行正下方的账户读数（图示为 OpenCode Zen Go 的三个窗口，悬停任意一段可看数据源、模式与绝对重置时刻）：
+输入框上方独占一行的账户读数（图示为 OpenCode Zen Go 的三个窗口；卡片下方那排是 DSH 原生统计，两者互不干扰。悬停任意一段可看数据源、模式与绝对重置时刻）：
 
-![输入框下方的账户读数](https://raw.githubusercontent.com/takboo/dsh-usage-state/main/assets/screenshots/status-line.webp)
+![输入框上方独占一行的账户读数](https://raw.githubusercontent.com/takboo/dsh-usage-state/main/assets/screenshots/status-line.webp)
 
 设置页：每个 provider 一行，默认「自动」会识别数据源与主模式：
 
@@ -95,7 +95,7 @@ dsh plugin --profile web add /path/to/dsh-usage-state
 
 **位置**：输入框统计行的正下方（与原生统计行的几何对齐，跟随 DSH 的会话内容宽度）。读数**始终可见**，不依赖悬停，也不需要点击。
 
-**元素**：供应商标签 · 余额金额 + 币种 · 各窗口（5h / 7d / 30d）已用百分比 · 重置倒计时 · 迷你进度条 · 阈值变色（默认 ≥80% 黄、≥95% 红，可在设置里改）。
+**元素**：供应商标签 · 余额金额 + 币种 · 各窗口（5h / 7d / 30d）已用百分比 · 重置倒计时 · 迷你进度环 · 阈值变色（默认 ≥80% 黄、≥95% 红，可在设置里改）。
 
 **口径**：百分比一律是**已用**（与 z.ai / Claude 官方一致）；API 模式显示余额，Coding Plan 模式显示该数据源实际提供的窗口（z.ai 与 Sub2API 是 5h / 7d，OpenCode Zen Go 多一个 30d）。
 
@@ -125,6 +125,7 @@ dsh plugin --profile web add /path/to/dsh-usage-state
 
 - **只支持 DSH 0.2 线**：`engines.dsh` = `>=0.2.0-rc.2 <0.3.0-0`（市场读它做徽标与"可安装"判定）。0.2 之前的宿主请装 `0.3.2`。
 - `peerDependencies` 里有 `@deepseek-ai/dsh-settings`（`^0.2.0-rc.2`）与 `@deepseek-ai/schemastery`（`^3.18.2`）：前者是**故意的**——平台的运行时安装闸门只读 `@deepseek-ai/dsh*` 的 peer，声明它可以让 0.1.x 宿主在**安装时**就拒绝，而不是装上之后把启动搞崩；两者都由平台提供，pnpm 可能为此打一行 `missing peer` 警告，属预期。
+- 版本 `0.4.2`：状态行迁到 `conversation.input.dock`，成为**输入框上方的独立一行**（0.1 时代它在输入框之下，而 0.2 把那个位置改成了与平台统计、上下文计量器共排的一排 pill——见修订 19/20）。
 - 版本 `0.4.1`：修 `0.4.0` 的读数缺失——客户端 RPC contribution 的参数 codec 少了 0.2 要求的 `create()`，`remote.usageState` 因此从未挂载，界面表现为**没有任何读数**并误报 `Mode not supported`。同一轮还让挂载失败不再被静默吞掉、catalog 未到时改说「读取中」，并把**真实 0.2 registry 契约测试**写进单测（修订 18）。**请用 `0.4.1`，不要用 `0.4.0`。**
 - 版本 `0.4.0`：迁到 0.2 原生设置模型（`Config` + `configForms`，宿主侧 `configEditor` 读跨条目配置）。验证方式与结论见 [`docs/implementation.md`](docs/implementation.md) §10、决策见 [`docs/design-consensus.md`](docs/design-consensus.md) 修订 17。
 - 版本 `0.3.2`（0.1 线末版）：仅放宽 `engines.dsh`；**它声称的 0.2 兼容是错的**（0.3.2 在 0.2.0-rc.2 上会因 `settingsScope` 不存在而让整个 web 启动失败）。
@@ -147,6 +148,28 @@ npm run build        # tsdown → lib/（宿主 index.js + typert.js，浏览器
 npm run watch        # 只重建 client.js；客户端会被 HMR 热替换，无需刷新页面
 ```
 
+**本地回路（不需要发版）**：`scripts/dev-local.sh` 会在 `/tmp/dsh-dev` 建一个**一次性 profile**，把本仓库以 `link:` 装进去并起一个独立端口的宿主；你的真实 profile 完全不受影响。
+
+```bash
+npm run build                 # 先有 lib/
+scripts/dev-local.sh          # 建/复用 dev profile + 起宿主，打印带 token 的 URL
+# 另一个终端：
+npm run watch                 # 保存即重建 client.js
+```
+
+客户端改动由 `dsh-client-hmr` 热替换（宿主每 500ms 轮询 bundle，经 `/plugins/events` 通知浏览器重载模块）——**不用重启、不用发版**；宿主改动（`src/host/**`、`src/index.ts`、`cordis.patch.yml`）需要重启该脚本。
+
+⚠️ **这个 profile 没有凭据**：`$DSH_HOME/.credentials.yaml` 是 home 级的，全新 home 里没有 key，也没有你其它插件（**字体插件会改变排版所依赖的字形度量**）。所以它只适合**结构/宿主侧**核对。要看**实际观感**，把同一份构建装进已有 key 与插件的 profile，同样不用发版：
+
+```bash
+npm pack --pack-destination /tmp --cache /tmp/npm-cache
+dsh plugin --profile web add /tmp/dsh-usage-state-<version>.tgz   # file: 安装
+dsh plugin --profile web add "$PWD"                               # 想热迭代就用 link:
+dsh plugin --profile web add dsh-usage-state@<已发布版本>          # 回到线上版本
+```
+
+只有当你**亲眼确认**改动可用之后，才值得动版本号与 npm 发布。
+
 宿主机改动需要重启 DSH；客户端改动 `npm run watch` 即可。`lib/` 产物**必须提交进仓库**——`dsh plugin add github:...` 直接装仓库、没有构建步骤（`npm test` 里的构建守卫会检查信封、require 白名单与 `exports` 指向）。
 
 ```

package/lib/client.js

@@ -1056,7 +1056,6 @@ window.__ModuleLoader__.load({
 			CNY: "¥",
 			USD: "$"
 		};
-		const PROGRESS_WIDTH = 8;
 		/** `¥66.28`, `$6.80`, `EUR 1.50`; an unknown code keeps its numeric form. */
 		function formatBalance(balance) {
 			const amount = balance.amount.toFixed(2);
@@ -1088,10 +1087,6 @@ window.__ModuleLoader__.load({
 			const minutes = Math.floor(seconds / 60);
 			return minutes >= 1 ? `${minutes}m` : `${seconds}s`;
 		}
-		function progressBar(percent, width = PROGRESS_WIDTH) {
-			const filled = Math.min(width, Math.max(0, Math.round(percent / 100 * width)));
-			return "█".repeat(filled) + "░".repeat(width - filled);
-		}
 		function severityOf(usedPercent, display) {
 			if (usedPercent >= display.thresholdCriticalPercent) return "critical";
 			if (usedPercent >= display.thresholdWarnPercent) return "warn";
@@ -1162,7 +1157,7 @@ window.__ModuleLoader__.load({
 					severity: severityOf(window.usedPercent, display)
 				};
 				if (window.resetsAt !== void 0 && window.resetsAt > now) segment.resetsAt = window.resetsAt;
-				if (display.progressBar) segment.bar = progressBar(window.usedPercent);
+				if (display.progressBar) segment.progress = Math.min(100, Math.max(0, window.usedPercent));
 				segments.push(segment);
 			}
 			return segments;
@@ -1245,7 +1240,7 @@ window.__ModuleLoader__.load({
 						percent: segment.percent,
 						severity: segment.severity,
 						...countdown === void 0 ? {} : { countdown },
-						...segment.bar === void 0 ? {} : { bar: segment.bar },
+						...segment.progress === void 0 ? {} : { progress: segment.progress },
 						...tooltipOf([resetHint, context]) === void 0 ? {} : { tooltip: tooltipOf([resetHint, context]) }
 					});
 					break;
@@ -1268,27 +1263,106 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/StatusLine.tsx
 		/**
-		* The composer mount point: one line directly under the platform's stats row, so
-		* it reads as that row's second line rather than a stray block.
+		* The composer mount point: one full-width line in the composer stack, directly
+		* above the input card.
+		*
+		* `conversation.input.dock` is a stretched column child (`.composerStack` is a column
+		* flex with no `align-items`), so the width comes from the card's own custom
+		* property, exactly like the platform's queued-message dock in that slot. It is
+		* **not** the row below the card: `conversation.composer.dock` there is one centered
+		* flex row shared with the platform's stats pill and the context meter, where a
+		* contribution can only ever be a pill beside them (revisions 19 and 20).
 		*/
 		const DOCK_STYLE = {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			gap: "8px",
-			fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+			gap: "6px",
+			/**
+			* Exactly the typography the platform's own stats row uses under the card
+			* (`StatsPills.module.css`, `.root`), copied expression for expression:
+			*
+			*   font-size: calc(var(--dsh-content-font-size-secondary, 13px) - 1px)
+			*   line-height: calc(20px + var(--dsh-content-font-delta-secondary, 0px))
+			*
+			* `font: inherit` looked right in the dock row (the platform's pills inherit there)
+			* but not above the card: this element is a child of `.composerStack`, so it
+			* inherited the *input card's* `--dsh-content-font-size` (14px) and rendered a size
+			* larger than the row below it. Font family is deliberately left alone, so a
+			* UI-font plugin still applies.
+			*/
+			fontSize: "calc(var(--dsh-content-font-size-secondary, 13px) - 1px)",
 			lineHeight: "calc(20px + var(--dsh-content-font-delta-secondary, 0px))",
 			fontVariantNumeric: "tabular-nums",
 			whiteSpace: "nowrap",
-			overflow: "hidden",
-			textOverflow: "ellipsis",
+			flexWrap: "wrap",
+			rowGap: "2px",
 			width: "100%",
-			maxWidth: "var(--dsh-chat-content-width)",
+			maxWidth: "var(--dsh-composer-card-max-width)",
 			margin: "0 auto",
-			padding: "4px calc(var(--dsh-composer-side-clearance) + 16px) 0"
+			padding: "0 var(--dsh-composer-side-clearance)"
 		};
 		const LABEL_STYLE = { color: "var(--dsw-alias-label-tertiary)" };
 		const SEPARATOR_STYLE = { color: "var(--dsw-alias-separator-primary, var(--dsw-alias-label-dimmed))" };
+		/**
+		* One segment and the separator that introduces it, boxed together.
+		*
+		* The line wraps between these boxes, never inside one: with the separator as a
+		* sibling of the segments, a wrap ended a line on a dangling `·` while the segment it
+		* introduces moved to the next line.
+		*/
+		const PART_STYLE = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "6px"
+		};
+		/**
+		* The platform's own ring geometry (`ContextMeter.module.css`): a 14x14 viewBox with
+		* two circles of radius 5.5 and a 2px stroke, the filled one rotated so the arc
+		* starts at twelve o'clock.
+		*/
+		const RING_RADIUS = 5.5;
+		const RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
+		/**
+		* How full a window is, drawn rather than typed.
+		*
+		* This replaced an eight-cell `█`/`░` text bar. Those glyphs are not covered by the
+		* shell's UI font, so a fallback served them at roughly twice the advance width and
+		* three bars wrapped the line — and pinning them to a monospace stack only made the
+		* width predictable, not small. An SVG ring has no glyph metrics at all, and it
+		* matches the context meter sitting in the platform's stats row.
+		*
+		* The stroke uses `currentColor`, so the severity colour on the segment carries into
+		* the ring; the track copies the platform's `--dsw-alias-border-l3`.
+		*/
+		function ProgressRing({ percent }) {
+			const filled = RING_CIRCUMFERENCE * Math.min(100, Math.max(0, percent)) / 100;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				viewBox: "0 0 14 14",
+				width: "14",
+				height: "14",
+				"aria-hidden": "true",
+				style: { flex: "none" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "7",
+					cy: "7",
+					r: RING_RADIUS,
+					fill: "none",
+					stroke: "var(--dsw-alias-border-l3)",
+					strokeWidth: "2"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "7",
+					cy: "7",
+					r: RING_RADIUS,
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeDasharray: `${filled} ${RING_CIRCUMFERENCE}`,
+					transform: "rotate(-90 7 7)"
+				})]
+			});
+		}
 		function severityColor(severity) {
 			if (severity === "critical") return "var(--dsw-alias-state-error-primary)";
 			if (severity === "warn") return "var(--dsw-alias-state-warn-primary)";
@@ -1318,11 +1392,16 @@ window.__ModuleLoader__.load({
 					children: part.text
 				}, key);
 				case "window": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					style: { color: severityColor(part.severity) },
+					style: {
+						color: severityColor(part.severity),
+						display: "inline-flex",
+						alignItems: "center",
+						gap: "4px"
+					},
 					children: [
+						part.progress === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressRing, { percent: part.progress }),
 						part.text,
-						part.countdown === void 0 ? "" : ` (${part.countdown})`,
-						part.bar === void 0 ? "" : ` ${part.bar}`
+						part.countdown === void 0 ? "" : ` (${part.countdown})`
 					]
 				}, key);
 				case "state": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1395,11 +1474,15 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				"data-usage-state": "dock",
 				style: DOCK_STYLE,
-				children: fullParts.map((part, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: SEPARATOR_STYLE,
-					"aria-hidden": "true",
-					children: "·"
-				}) : null, withTooltip(renderPart(part, t, index), part.tooltip, index)] }, index))
+				children: fullParts.map((part, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					"data-usage-part": index === 0 ? "first" : "following",
+					style: PART_STYLE,
+					children: [index > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: SEPARATOR_STYLE,
+						"aria-hidden": "true",
+						children: "·"
+					}) : null, withTooltip(renderPart(part, t, index), part.tooltip, index)]
+				}, index))
 			});
 		}
 		//#endregion
@@ -1626,9 +1709,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/slots.ts
 		const STATUS_LINE_SLOTS = [{
-			name: "conversation.composer.dock",
+			name: "conversation.input.dock",
 			id: "usage-state",
-			order: 1,
+			order: 200,
 			locale: "usage-state"
 		}];
 		//#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-usage-state",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "type": "module",
   "description": "DSH plugin: show account balance (API mode) or coding-plan quota (5h/7d/30d) for the model in use",
   "license": "MIT",