dsh-workbuddy-bridge 0.2.0 → 0.3.1

package/lib/client.js

@@ -31,54 +31,74 @@ window.__ModuleLoader__.load({
 				timeStyle: "short"
 			}).format(new Date(ms));
 		}
-		/**
-		* Locale-formatted cycle-reset time, falling back to the wire string.
-		*
-		* The host forwards the upstream's own timestamp; when it is not a date this
-		* plugin can parse, the raw text is still more useful than nothing.
-		*/
-		function formatCycleReset(time) {
-			const parsed = Date.parse(time);
-			return Number.isNaN(parsed) ? time : formatTime(parsed);
-		}
 		/** Locale-formatted percentage, at most one fraction digit. */
 		function formatPercent(percent) {
 			return new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(percent);
 		}
+		/**
+		* A credit amount, at the precision the ledger actually carries.
+		*
+		* Credits are recorded to two decimals — the desktop app accumulates stage
+		* increments with `Math.round(value * 100) / 100` — so trailing zeros carry no
+		* information: `0.50` is `0.5` and `3.00` is `3`. This mirrors that app's own
+		* `formatCredit` (integers bare, otherwise two decimals with trailing zeros
+		* stripped), so a figure read here matches the one the WorkBuddy client shows
+		* for the same request.
+		*
+		* Deliberately *not* `Intl`-formatted: this is a ledger quantity at a fixed
+		* scale, not a locale-sensitive count, and a thousands separator on a balance
+		* like `5143` would make it differ from the account's own display.
+		*/
+		function formatCredit(credit) {
+			if (!Number.isFinite(credit)) return "";
+			if (Number.isInteger(credit)) return String(credit);
+			return credit.toFixed(2).replace(/\.?0+$/u, "");
+		}
 		//#endregion
 		//#region \0workbuddy-css:/home/runner/work/dsh-workbuddy-bridge/dsh-workbuddy-bridge/src/client/workbuddy.module.css.js
-		const css$1 = "._8BbhmW_page,._8BbhmW_cards{flex-direction:column;gap:12px;display:flex}._8BbhmW_toggleRow{border-top:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;font-size:13px;line-height:1.5;display:flex}._8BbhmW_toggleLabel{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}._8BbhmW_toggleHint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}._8BbhmW_body{flex-direction:column;padding:4px 0 12px;display:flex}._8BbhmW_section{flex-direction:column;gap:6px;margin:12px 0;display:flex}._8BbhmW_title{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:500;line-height:1.5}._8BbhmW_row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}._8BbhmW_summaryRow{flex-wrap:wrap;gap:4px;height:auto;min-height:28px}._8BbhmW_summaryTitle{flex:1;min-width:0}._8BbhmW_statusLine{color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;font-size:12px;line-height:1.5;display:inline-flex}._8BbhmW_text{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.5}._8BbhmW_dim{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._8BbhmW_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}._8BbhmW_package{flex-direction:column;gap:8px;display:flex}._8BbhmW_packageLabel{color:var(--dsw-alias-label-secondary);justify-content:space-between;gap:8px;font-size:13px;line-height:1.5;display:flex}._8BbhmW_track{corner-shape:round;background:var(--dsw-alias-border-l3);border-radius:999px;height:8px;overflow:hidden}._8BbhmW_fill{border-radius:inherit;background:var(--dsw-alias-brand-primary);height:100%}._8BbhmW_list{border:.5px solid var(--dsw-alias-border-l1);border-radius:10px;gap:6px;min-width:0;max-height:280px;margin:0;padding:14px;display:grid;overflow:auto}._8BbhmW_modelRow{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}._8BbhmW_modelMain{align-items:center;gap:8px;min-width:0;display:flex}._8BbhmW_modelStack{flex-direction:column;gap:2px;min-width:0;display:flex}._8BbhmW_name{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}._8BbhmW_modelEnd{text-align:right;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;font-size:12px;line-height:1.5;display:flex}._8BbhmW_meta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5}._8BbhmW_badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}._8BbhmW_sectionActions{justify-content:flex-end;display:flex}._8BbhmW_probeRow{justify-content:space-between;align-items:center;gap:8px;display:flex}._8BbhmW_probeEnd{flex:none;align-items:center;gap:8px;display:inline-flex}._8BbhmW_assist{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:8px;padding:12px;display:flex}._8BbhmW_prompt{min-width:0;color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;flex:220px;margin:0;font-size:12px;line-height:1.6}._8BbhmW_promptRow{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-3);flex-wrap:wrap;align-items:flex-start;gap:8px;padding:8px 9px 8px 11px;display:flex}";
-		const tagId$1 = "dsh-workbuddy-bridge/workbuddy.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+		const css$4 = "._8BbhmW_page,._8BbhmW_cards{flex-direction:column;gap:12px;display:flex}._8BbhmW_toggleRow{border-top:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;font-size:13px;line-height:1.5;display:flex}._8BbhmW_toggleLabel{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}._8BbhmW_toggleHint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}._8BbhmW_body{flex-direction:column;gap:12px;padding:4px 0 12px;display:flex}._8BbhmW_section{flex-direction:column;display:flex}._8BbhmW_section>*+*{margin-top:12px}._8BbhmW_cardActions{align-items:center;gap:8px;display:flex}._8BbhmW_field{flex-direction:column;gap:6px;display:flex}._8BbhmW_head{align-items:center;gap:8px;display:flex}._8BbhmW_main{flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}._8BbhmW_action{flex:none;align-items:center;gap:8px;display:inline-flex}._8BbhmW_note{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}._8BbhmW_part{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;font-size:13px;line-height:1.5;display:inline-flex}._8BbhmW_caption{color:var(--dsw-alias-label-tertiary)}._8BbhmW_figure{min-width:0;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-weight:500;display:inline-flex}._8BbhmW_sectionActions{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;gap:8px;padding-top:10px;display:flex}._8BbhmW_title{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:500;line-height:1.5}._8BbhmW_summaryRow{flex-wrap:wrap;gap:4px;height:auto;min-height:28px}._8BbhmW_summaryTitle{flex:1;min-width:0}._8BbhmW_statusLine{color:var(--dsw-alias-label-tertiary);align-items:center;gap:6px;font-size:12px;line-height:1.5;display:inline-flex}._8BbhmW_text{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.5}._8BbhmW_dim{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}._8BbhmW_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}._8BbhmW_package{flex-direction:column;gap:8px;padding:8px 0;display:flex}._8BbhmW_package+._8BbhmW_package{border-top:.5px solid var(--dsw-alias-border-l2)}._8BbhmW_packageLabel{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;line-height:1.5;display:flex}._8BbhmW_track{corner-shape:round;background:var(--dsw-alias-border-l3);border-radius:999px;height:8px;overflow:hidden}._8BbhmW_fill{border-radius:inherit;background:var(--dsw-alias-brand-primary);height:100%}._8BbhmW_panel{flex-direction:column;gap:12px;height:380px;display:flex}._8BbhmW_panel>*{flex:none}._8BbhmW_list{border:.5px solid var(--dsw-alias-border-l1);border-radius:10px;gap:0;min-width:0;margin:0;padding:6px 14px;display:grid;overflow:auto}._8BbhmW_panel>._8BbhmW_list{flex:auto;min-height:0}._8BbhmW_listHeader{border-bottom:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin:0;padding:6px 0 8px;font-size:12px;line-height:1.5}._8BbhmW_modelRow{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}._8BbhmW_modelRow+._8BbhmW_modelRow{border-top:.5px solid var(--dsw-alias-border-l2)}._8BbhmW_modelMain{align-items:center;gap:8px;min-width:0;display:flex}._8BbhmW_modelCheck{font-size:13px;line-height:1.5}._8BbhmW_modelStack{flex-direction:column;gap:2px;min-width:0;display:flex}._8BbhmW_name{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}._8BbhmW_modelEnd{text-align:right;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;font-size:12px;line-height:1.5;display:flex}._8BbhmW_meta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5}._8BbhmW_badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}._8BbhmW_probeRow{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}._8BbhmW_modelStack+._8BbhmW_modelStack{border-top:.5px solid var(--dsw-alias-border-l2)}._8BbhmW_probeEnd{flex:none;align-items:center;gap:8px;display:inline-flex}._8BbhmW_assist{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:8px;padding:12px;display:flex}._8BbhmW_prompt{min-width:0;color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;flex:220px;margin:0;font-size:12px;line-height:1.6}._8BbhmW_promptRow{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-3);flex-wrap:wrap;align-items:flex-start;gap:8px;padding:8px 9px 8px 11px;display:flex}";
+		const tagId$4 = "dsh-workbuddy-bridge/workbuddy.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-workbuddy-bridge";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
 			document.head.appendChild(tag);
 		}
 		var workbuddy_module_css_default = {
+			"action": "_8BbhmW_action",
 			"assist": "_8BbhmW_assist",
 			"badges": "_8BbhmW_badges",
 			"body": "_8BbhmW_body",
+			"caption": "_8BbhmW_caption",
+			"cardActions": "_8BbhmW_cardActions",
 			"cards": "_8BbhmW_cards",
 			"dim": "_8BbhmW_dim",
 			"error": "_8BbhmW_error",
+			"field": "_8BbhmW_field",
+			"figure": "_8BbhmW_figure",
 			"fill": "_8BbhmW_fill",
+			"head": "_8BbhmW_head",
 			"list": "_8BbhmW_list",
+			"listHeader": "_8BbhmW_listHeader",
+			"main": "_8BbhmW_main",
 			"meta": "_8BbhmW_meta",
+			"modelCheck": "_8BbhmW_modelCheck",
 			"modelEnd": "_8BbhmW_modelEnd",
 			"modelMain": "_8BbhmW_modelMain",
 			"modelRow": "_8BbhmW_modelRow",
 			"modelStack": "_8BbhmW_modelStack",
 			"name": "_8BbhmW_name",
+			"note": "_8BbhmW_note",
 			"package": "_8BbhmW_package",
 			"packageLabel": "_8BbhmW_packageLabel",
 			"page": "_8BbhmW_page",
+			"panel": "_8BbhmW_panel",
+			"part": "_8BbhmW_part",
 			"probeEnd": "_8BbhmW_probeEnd",
 			"probeRow": "_8BbhmW_probeRow",
 			"prompt": "_8BbhmW_prompt",
 			"promptRow": "_8BbhmW_promptRow",
-			"row": "_8BbhmW_row",
 			"section": "_8BbhmW_section",
 			"sectionActions": "_8BbhmW_sectionActions",
 			"statusLine": "_8BbhmW_statusLine",
@@ -92,6 +112,58 @@ window.__ModuleLoader__.load({
 			"track": "_8BbhmW_track"
 		};
 		//#endregion
+		//#region src/client/field.tsx
+		/**
+		* Render one fact: a main line with an optional control, and an optional note.
+		*
+		* @param props - see {@link FieldProps}.
+		*/
+		function Field({ main, note, action }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: workbuddy_module_css_default.field,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: workbuddy_module_css_default.head,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: workbuddy_module_css_default.main,
+						children: main
+					}), action === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: workbuddy_module_css_default.action,
+						children: action
+					})]
+				}), note === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: workbuddy_module_css_default.note,
+					children: note
+				})]
+			});
+		}
+		/**
+		* Render one line of tiered text: `caption value after`.
+		*
+		* Omit `children` for a line that is pure copy — a caption alone renders as the
+		* grey sentence it is, which is how the note under the detection list works.
+		*
+		* @param props - see {@link PartProps}.
+		*/
+		function Part({ caption, children, after }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: workbuddy_module_css_default.part,
+				children: [
+					caption === void 0 || caption === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.caption,
+						children: caption
+					}),
+					children === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.figure,
+						children
+					}),
+					after === void 0 || after === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.caption,
+						children: after
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/panels.tsx
 		/**
 		* The card's three panels and the Agent assist block.
@@ -149,6 +221,23 @@ window.__ModuleLoader__.load({
 			if (badge === "Free now") return t("badgeFreeNow");
 			return badge;
 		}
+		/**
+		* Where the model list on screen came from — the source, as a value.
+		*
+		* Lives here rather than in the card header: the answer describes the state of
+		* the catalog, and the catalog is this panel's subject. It sat in the account
+		* block only because that block had room, which made a fact about the model list
+		* read as a fact about the account.
+		*
+		* Only the source. The moment it was read is a *dynamic* value and is rendered
+		* as its own element beside this one — an interpolated sentence would carry a
+		* localized date whose length changes with the locale, and the label above it
+		* would have to move to keep up.
+		*/
+		function catalogSourceText(catalog, t) {
+			if (catalog.source === "live") return t("catalogSourceLive");
+			return catalog.source === "saved" ? t("catalogSourceSaved") : t("catalogSourceFallback");
+		}
 		/** One model's promotional badges, plus `Free` when the upstream says so. */
 		function ModelBadges({ model, t }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -177,7 +266,13 @@ window.__ModuleLoader__.load({
 				className: workbuddy_module_css_default.package,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: workbuddy_module_css_default.packageLabel,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: quota })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.caption,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.figure,
+						children: quota
+					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: workbuddy_module_css_default.track,
 					role: "progressbar",
@@ -185,45 +280,55 @@ window.__ModuleLoader__.load({
 					"aria-valuetext": quota
 				})]
 			});
-			const sizeKnown = size > 0;
-			const detail = sizeKnown ? t("exactRemaining", {
+			const percent = size > 0 ? remain / size * 100 : void 0;
+			const reading = percent === void 0 ? t("creditPackageUnknownSize", { remain: formatNumber(remain) }) : t("packageRemaining", {
 				remain: formatNumber(remain),
-				size: formatNumber(size)
-			}) : t("creditPackageUnknownSize", { remain: formatNumber(remain) });
-			const percent = sizeKnown ? remain / size * 100 : void 0;
+				size: formatNumber(size),
+				percent: formatPercent(percent)
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: workbuddy_module_css_default.package,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: workbuddy_module_css_default.packageLabel,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: percent === void 0 ? t("percentUnknown") : t("percentRemaining", { percent: formatPercent(percent) }) })]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: workbuddy_module_css_default.track,
-						role: "progressbar",
-						"aria-label": label,
-						...percent === void 0 ? { "aria-valuetext": detail } : {
-							"aria-valuemin": 0,
-							"aria-valuemax": 100,
-							"aria-valuenow": percent
-						},
-						children: percent === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: workbuddy_module_css_default.fill,
-							style: { width: `${Math.max(0, Math.min(100, percent))}%` }
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: workbuddy_module_css_default.meta,
-						children: detail
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: workbuddy_module_css_default.packageLabel,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.caption,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: workbuddy_module_css_default.figure,
+						children: reading
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: workbuddy_module_css_default.track,
+					role: "progressbar",
+					"aria-label": label,
+					...percent === void 0 ? { "aria-valuetext": reading } : {
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"aria-valuenow": percent
+					},
+					children: percent === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: workbuddy_module_css_default.fill,
+						style: { width: `${Math.max(0, Math.min(100, percent))}%` }
 					})
-				]
+				})]
 			});
 		}
-		/** The per-package credit breakdown, under the card's own "Credits" tab. */
+		/**
+		* The per-package credit breakdown, under the card's own "Credits" tab.
+		*
+		* Rendered into the **same scroll container the other two panels use**. It
+		* originally rendered straight into the panel with no container at all, so while
+		* the models and detection tabs were capped at 280px this one grew to whatever
+		* the account had — 11 packages on the maintainer's account, roughly three times
+		* the height of the other two tabs (2026-10-02). Switching tabs resized the card
+		* and only this tab had no scrollbar; now all three are one geometry.
+		*/
 		function CreditsPanel({ credits, t }) {
+			const shown = credits.accounts.filter((account) => account.packageName === "enterprise" || account.remain > 0 || account.unlimited === true);
+			if (shown.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: workbuddy_module_css_default.section,
-				children: credits.accounts.filter((account) => account.packageName === "enterprise" || account.remain > 0 || account.unlimited === true).map((account, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBar, {
+				className: workbuddy_module_css_default.list,
+				children: shown.map((account, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBar, {
 					label: account.packageName === "enterprise" ? t("packageEnterprise") : account.packageName,
 					remain: account.remain,
 					size: account.size,
@@ -250,22 +355,34 @@ window.__ModuleLoader__.load({
 		* budget actually requested, while the larger value is a ceiling the upstream
 		* would accept.
 		*/
-		function ModelsPanel({ models, visibility, toggling, disabled, onToggle, t }) {
+		function ModelsPanel({ models, visibility, toggling, disabled, catalog, onToggle, t }) {
 			const rows = [...models ?? []].sort((a, b) => {
 				if (a.contextWindow === void 0) return b.contextWindow === void 0 ? 0 : 1;
 				if (b.contextWindow === void 0) return -1;
 				return b.contextWindow - a.contextWindow;
 			});
-			if (rows.length === 0) return null;
 			const hidden = new Set(visibility?.hidden ?? []);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: workbuddy_module_css_default.section,
-				children: [visibility === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: workbuddy_module_css_default.text,
-					children: t("visibilityIntro")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				catalog === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+					main: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, {
+						caption: t("catalogSourceFrom"),
+						children: catalogSourceText(catalog, t)
+					}),
+					note: catalog.fetchedAt === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, {
+						caption: t("catalogUpdatedAt"),
+						children: formatTime(catalog.fetchedAt)
+					})
+				}),
+				catalog?.error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: workbuddy_module_css_default.error,
+					children: t("catalogError", { message: catalog.error })
+				}),
+				rows.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: workbuddy_module_css_default.list,
-					children: rows.map((model) => {
+					children: [visibility === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: workbuddy_module_css_default.listHeader,
+						children: t("visibilityIntro")
+					}), rows.map((model) => {
 						const capacity = model.contextWindow;
 						const alternative = capacity !== void 0 && model.maxContextWindow !== void 0 && model.maxContextWindow > capacity ? model.maxContextWindow : void 0;
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -279,6 +396,7 @@ window.__ModuleLoader__.load({
 									checked: !hidden.has(model.id),
 									disabled: disabled || toggling.has(model.id),
 									label: model.name,
+									className: workbuddy_module_css_default.modelCheck,
 									onChange: (visible) => {
 										onToggle(model.id, visible, visibility.account);
 									}
@@ -315,25 +433,33 @@ window.__ModuleLoader__.load({
 								]
 							})]
 						}, model.id);
-					})
-				})]
-			});
+					})]
+				})
+			] });
 		}
 		/**
-		* Reasoning-effort detection: one row per detectable model.
+		* Reasoning levels: one row per reasoning model, and what its switch does.
 		*
-		* Two deliberate UX rules:
-		* - **one press detects.** The row states what the model accepts and the button
+		* Three deliberate UX rules:
+		* - **The list covers every reasoning model, not just the detectable ones.**
+		*   Showing only the detectable rows was what made the panel unable to answer
+		*   "why does this model have no levels?" — the models whose answer was already
+		*   known were exactly the ones missing from the list;
+		* - **one press detects.** The row states the current answer and the button
 		*   beside it runs the check; the cost is stated once, above the list, instead
 		*   of being asked again per row. A confirmation whose only other option is
 		*   "cancel" costs a click and answers nothing;
-		* - a `non-validating` result is presented as an observation about the
-		*   parameter ("this model does not check it"), never as a statement that a
-		*   level is unsupported.
+		* - **a settled row says so.** A declared set cannot be improved by detecting,
+		*   so its button names that instead of offering a run that would spend credit
+		*   to learn nothing.
+		*
+		* A `non-validating` result is presented as an observation about the parameter
+		* ("this model does not check it"), never as a statement that a level is
+		* unsupported.
 		*
 		* The tab bar owns the heading, so this panel renders no heading of its own.
 		*/
-		function ProbePanel({ probe, models, busy, onDetect, onClear, t }) {
+		function ProbePanel$1({ probe, models, busy, onDetect, onClear, t }) {
 			const [runningModel, setRunningModel] = (0, react.useState)();
 			const armed = (0, react.useRef)(false);
 			(0, react.useEffect)(() => {
@@ -350,62 +476,62 @@ window.__ModuleLoader__.load({
 				busy,
 				probe.running
 			]);
-			if (probe.candidates.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			if (probe.models.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: workbuddy_module_css_default.text,
 				children: t("probeResultEmpty")
 			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: workbuddy_module_css_default.section,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: workbuddy_module_css_default.text,
-						children: t("probeCostNote")
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: workbuddy_module_css_default.list,
-						children: probe.candidates.map((id) => {
-							const result = probe.results.find((entry) => entry.id === id);
-							const name = models?.find((model) => model.id === id)?.name ?? result?.name ?? id;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: workbuddy_module_css_default.modelStack,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: workbuddy_module_css_default.probeRow,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: workbuddy_module_css_default.name,
-										children: name
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: workbuddy_module_css_default.probeEnd,
-										children: [result === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-											tone: result.validation === "validating" ? "success" : "neutral",
-											children: result.validation === "validating" && result.efforts.length > 0 ? result.efforts.join(" / ") : t(result.validation === "non-validating" ? "probeResultNotValidating" : "probeResultUnknown")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-											size: "sm",
-											disabled: probe.running || busy,
-											onClick: () => {
-												setRunningModel(id);
-												onDetect(id);
-											},
-											children: runningModel === id ? t("probeRunning", { model: name }) : t(result === void 0 ? "probeStart" : "probeRedetect")
-										})]
-									})]
-								}), result === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: workbuddy_module_css_default.meta,
-									children: t("probeResultAt", { time: formatTime(result.probedAt) })
+			const detected = probe.models.filter((entry) => entry.probedAt !== void 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+				main: detected.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, { caption: t("probeDetectedNone") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, {
+					caption: t("probeDetectedCaption"),
+					after: t("probeDetectedUnit"),
+					children: detected.length
+				}),
+				note: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, { caption: t("probeCostNote") }),
+				action: detected.length === 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					size: "sm",
+					disabled: busy,
+					onClick: onClear,
+					children: t("probeClear")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: workbuddy_module_css_default.list,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: workbuddy_module_css_default.listHeader,
+					children: t("probeListIntro")
+				}), probe.models.map((entry) => {
+					const id = entry.id;
+					const name = models?.find((model) => model.id === id)?.name ?? entry.name ?? id;
+					const hasLevels = entry.efforts.length > 0;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: workbuddy_module_css_default.modelStack,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: workbuddy_module_css_default.probeRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: workbuddy_module_css_default.name,
+								children: name
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: workbuddy_module_css_default.probeEnd,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+									tone: hasLevels ? "success" : "neutral",
+									children: hasLevels ? entry.efforts.join(" / ") : t(entry.detectable ? entry.validation === "non-validating" ? "probeResultNotValidating" : "probeResultUnknown" : "probeResultDeclaredNone")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									size: "sm",
+									disabled: busy || probe.running || !entry.detectable,
+									onClick: () => {
+										setRunningModel(id);
+										onDetect(id);
+									},
+									children: runningModel === id && entry.detectable ? t("probeRunning", { model: name }) : !entry.detectable ? t("probeActionDeclared") : t(entry.probedAt === void 0 ? "probeStart" : "probeRedetect")
 								})]
-							}, id);
-						})
-					}),
-					probe.results.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: workbuddy_module_css_default.sectionActions,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							size: "sm",
-							disabled: busy,
-							onClick: onClear,
-							children: t("probeClear")
-						})
-					})
-				]
-			});
+							})]
+						}), entry.probedAt === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: workbuddy_module_css_default.meta,
+							children: t("probeResultAt", { time: formatTime(entry.probedAt) })
+						})]
+					}, id);
+				})]
+			})] });
 		}
 		/**
 		* The Agent assist block for a path failure: what is wrong, one copyable
@@ -470,8 +596,156 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/PanelBoundary.tsx
+		/**
+		* A boundary that keeps one panel's crash from taking the whole card.
+		*
+		* The host renders each slot under its own error boundary, and that boundary
+		* **latches**: once a child throws, the region stays gone for the life of the
+		* mount. The user's only way back is to disable and re-enable the plugin. So a
+		* throw anywhere inside this card does not cost one panel — it costs the entire
+		* configuration area (2026-10-02: `probe.models` was not an array, and switching
+		* to the detection tab blanked everything below the plugin's own switch).
+		*
+		* React's rule is that an error boundary must be a **class** — `getDerivedStateFromError`
+		* and `componentDidCatch` have no hook equivalent. That is the only reason this
+		* file is not a function component.
+		*
+		* What it is *not*: a substitute for validating inputs. The boundary is the last
+		* line of defence for the failure nobody predicted; the shape guard in
+		* `status-document.ts` is what keeps malformed documents from getting this far.
+		* Both exist because they fail differently — the guard degrades to "nothing to
+		* show", the boundary degrades to "this block says it broke".
+		*/
+		/**
+		* Catch a render error in one panel and render a local fallback instead.
+		*
+		* The fallback is deliberately plain: a block that broke cannot be trusted to
+		* render its own recovery UI, and the one thing the user needs is a way to try
+		* again — which is what `reset` gives, by clearing the caught error so the
+		* children mount afresh.
+		*/
+		var PanelBoundary = class extends react.Component {
+			state = { message: void 0 };
+			static getDerivedStateFromError(error) {
+				return { message: error instanceof Error ? error.message : String(error) };
+			}
+			componentDidCatch(error, info) {
+				console.error(`dsh-workbuddy-bridge: ${this.props.label} failed to render`, error, info);
+			}
+			render() {
+				const { message } = this.state;
+				if (message === void 0) return this.props.children;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: workbuddy_module_css_default.section,
+					role: "alert",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: workbuddy_module_css_default.error,
+							children: this.props.t("panelCrashed", { panel: this.props.label })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: workbuddy_module_css_default.dim,
+							children: message
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: workbuddy_module_css_default.sectionActions,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								onClick: () => {
+									this.setState({ message: void 0 });
+								},
+								children: this.props.t("panelRetry")
+							})
+						})
+					]
+				});
+			}
+		};
+		//#endregion
+		//#region \0workbuddy-css:/home/runner/work/dsh-workbuddy-bridge/dsh-workbuddy-bridge/src/client/coin-glyph.module.css.js
+		const css$3 = ".W7jfGW_glyph{flex:none;align-self:center}";
+		const tagId$3 = "dsh-workbuddy-bridge/coin-glyph.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-workbuddy-bridge";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var coin_glyph_module_css_default = { "glyph": "W7jfGW_glyph" };
+		//#endregion
+		//#region src/client/coin-glyph.tsx
+		/** Render the coin-stack glyph. Decorative: the caller supplies the accessible name. */
+		function CoinGlyph() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				xmlns: "http://www.w3.org/2000/svg",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				"aria-hidden": "true",
+				className: coin_glyph_module_css_default.glyph,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ellipse", {
+						cx: "8",
+						cy: "4.7",
+						rx: "4.7",
+						ry: "1.25"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.3 4.7V10.7A4.7 1.25 0 0 0 12.7 10.7V4.7" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.3 7.7A4.7 1.25 0 0 0 12.7 7.7" })
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/status-document.ts
 		/**
+		* Whether one probe row is safe to read.
+		*
+		* `efforts` is the field the readers actually dereference (`.length`, `.join`),
+		* so it is the one that must be an array — a row whose `efforts` is absent or a
+		* string would throw inside the panel rather than degrade.
+		*/
+		function isEffortRow(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const row = value;
+			return typeof row["id"] === "string" && Array.isArray(row["efforts"]);
+		}
+		/**
+		* Whether the `probe` section is safe to read.
+		*
+		* Validated to the depth the readers go, and no further. `consent` and `running`
+		* are only ever compared, so a missing value degrades correctly on its own;
+		* `models` is iterated and each row's `efforts` is measured, so those two must
+		* actually be arrays.
+		*
+		* The depth matters in both directions. Too shallow and a malformed document
+		* throws inside the panel — which the host's slot boundary turns into a
+		* *latched* failure, so the whole configuration area disappears until the plugin
+		* is toggled (2026-10-02, reached through a client-bundle hot reload that
+		* changed the document shape under a mounted component). Too deep and the guard
+		* starts rejecting documents the host legitimately omits fields from.
+		*/
+		function isProbeSection(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const models = value["models"];
+			return Array.isArray(models) && models.every(isEffortRow);
+		}
+		/**
+		* Whether the `visibility` section is safe to read.
+		*
+		* `hidden` is spread into a `Set` by the models panel, which throws on a
+		* non-iterable; the account key is only compared, so it is left alone.
+		*/
+		function isVisibilitySection(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const hidden = value["hidden"];
+			return hidden === void 0 || Array.isArray(hidden) && hidden.every((id) => typeof id === "string");
+		}
+		/**
 		* Whether a parsed status response really is a status document.
 		*
 		* A 200 is not a promise about the body: it may be empty, literal `null`, a
@@ -479,9 +753,12 @@ window.__ModuleLoader__.load({
 		* read the same route, so both must agree on what is valid — storing an
 		* unreadable value puts something in state that the next render dereferences.
 		*
-		* The check is deliberately limited to the discriminator (plus `error`'s
-		* `message`, which the error paragraph renders): validating optional fields
-		* here would reject documents the host legitimately omits fields from.
+		* Beyond the discriminator this validates the two nested structures a reader
+		* iterates **without** a guard: `probe.models` and `visibility.hidden`. Those
+		* are the ones that turn a malformed document into a thrown render rather than
+		* a degraded one. Everything else stays optional on purpose — validating
+		* optional fields would reject documents the host legitimately omits fields
+		* from, and a reader that only compares a value degrades correctly without help.
 		*
 		* `reasonCode` is therefore *not* rejected here — a card renders `reason`
 		* either way — but every reader must narrow it with
@@ -492,8 +769,35 @@ window.__ModuleLoader__.load({
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
 			const wrapped = value;
 			const status = wrapped["status"];
-			if (status === "signed-out" || status === "signed-in") return true;
-			return status === "error" && typeof wrapped["message"] === "string";
+			if (status === "error") return typeof wrapped["message"] === "string";
+			if (status !== "signed-out" && status !== "signed-in") return false;
+			const probe = wrapped["probe"];
+			if (probe !== void 0 && !isProbeSection(probe)) return false;
+			const visibility = wrapped["visibility"];
+			return visibility === void 0 || isVisibilitySection(visibility);
+		}
+		/**
+		* Whether a parsed credit response really is a credit document.
+		*
+		* Same reasoning as {@link isWorkBuddyWebStatus}: a 200 promises nothing about
+		* the body. Stricter about the payload than the status check because this one
+		* *is* the data — every entry is read and formatted — so a map holding a string
+		* or a `NaN` where a number belongs would reach the label. Entries that are not
+		* finite non-negative numbers are dropped rather than rejecting the whole
+		* document: one malformed row must not blank every other message's label.
+		*/
+		function isWorkBuddySessionCredits(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const wrapped = value;
+			if (typeof wrapped["sessionId"] !== "string") return false;
+			const credits = wrapped["credits"];
+			if (typeof credits !== "object" || credits === null || Array.isArray(credits)) return false;
+			const record = credits;
+			for (const key of Object.keys(record)) {
+				const credit = record[key];
+				if (typeof credit !== "number" || !Number.isFinite(credit) || credit < 0) delete record[key];
+			}
+			return true;
 		}
 		//#endregion
 		//#region src/client/use-status.ts
@@ -520,7 +824,7 @@ window.__ModuleLoader__.load({
 		* document rather than in place of it.
 		*/
 		/** How often the status document is re-read while a variant is signed in. */
-		const POLL_INTERVAL_MS = 6e4;
+		const POLL_INTERVAL_MS$2 = 6e4;
 		/**
 		* Own one variant's status document.
 		* @param variant - which product's routes and copy to use.
@@ -661,28 +965,39 @@ window.__ModuleLoader__.load({
 				const timer = window.setInterval(() => {
 					if (signedOut.current) return;
 					read(controller.signal);
-				}, POLL_INTERVAL_MS);
+				}, POLL_INTERVAL_MS$2);
 				return () => {
 					window.clearInterval(timer);
 					controller.abort();
 				};
 			}, [read]);
+			const refresh = (0, react.useCallback)(async () => {
+				setBusy(true);
+				const controller = track();
+				try {
+					await read(controller.signal);
+				} finally {
+					inFlight.current.delete(controller);
+					if (mounted.current) setBusy(false);
+				}
+			}, [read, track]);
 			return {
 				status,
 				readFailure,
 				busy,
 				toggling,
-				refresh: (0, react.useCallback)(async () => {
-					setBusy(true);
-					const controller = track();
-					try {
-						await read(controller.signal);
-					} finally {
-						inFlight.current.delete(controller);
-						if (mounted.current) setBusy(false);
+				refresh,
+				refreshAll: (0, react.useCallback)(async () => {
+					if ((status?.status === "signed-in" ? status.probeKey : void 0) === void 0) {
+						await refresh();
+						return;
 					}
-				}, [read, track]),
-				refreshModels: (0, react.useCallback)(() => control({ action: "refresh" }), [control]),
+					await control({ action: "refresh" });
+				}, [
+					control,
+					refresh,
+					status
+				]),
 				detect: (0, react.useCallback)((model) => control({
 					action: "probe",
 					model
@@ -719,6 +1034,18 @@ window.__ModuleLoader__.load({
 		* reasoning-effort detection.
 		*/
 		/**
+		* Locale key per tab, so the crash fallback can name the block it replaced.
+		*
+		* The tabs' own `label` field is a `ReactNode` (the host's `SegmentedTab` allows
+		* a node), so it cannot be fed back to `t()`. This map is the one place that
+		* knows both the tab identity and the key behind its label.
+		*/
+		const TAB_LABEL_KEY = {
+			credits: "tabCredits",
+			models: "tabModels",
+			probe: "tabProbe"
+		};
+		/**
 		* The state dot's semantic.
 		*
 		* Takes `'loading'` as well as the document's own states: before the first
@@ -731,23 +1058,42 @@ window.__ModuleLoader__.load({
 			if (status.status === "signed-in") return "done";
 			return status.status === "error" ? "error" : "idle";
 		}
-		/** The one-line account state. `undefined` status is "not read yet", not signed-out. */
-		function accountLabel(status, t) {
-			if (status === void 0) return t("loading");
-			if (status.status === "signed-in") return status.nickname === void 0 ? t("signedIn") : t("signedInAs", { nickname: status.nickname });
-			return status.status === "error" ? t("requestFailed") : t("signedOut");
+		/**
+		* What the account state says, in one place.
+		*
+		* **One home, because two homes already disagreed.** The collapsed header renders
+		* this as one string and the expanded block renders it as a caption plus a value;
+		* when each derived the line itself, the body branched on *having an identity*
+		* instead of on the sign-in state — and since a signed-out document has no
+		* identity either, a signed-out card read 未登录 in the header and 已登录 in the
+		* body, with the state dot correctly unlit beside them (reported 2026-10-03).
+		*
+		* The identity is the nickname when the desktop app reports one, otherwise the
+		* account id: the credential does not always carry a nickname, while the id is
+		* what the per-account state (hidden models, probe records) is keyed by, so it is
+		* the one name that is always there.
+		*/
+		function accountLine(status, t) {
+			if (status === void 0) return { caption: t("loading") };
+			if (status.status === "signed-in") {
+				const identity = status.nickname ?? status.uid;
+				return identity === void 0 ? { caption: t("signedIn") } : {
+					caption: t("signedInLabel"),
+					value: identity
+				};
+			}
+			return { caption: status.status === "error" ? t("requestFailed") : t("signedOut") };
 		}
-		/** Where the model list on screen came from, and when. */
-		function catalogProvenance(catalog, t) {
-			const when = catalog.fetchedAt === void 0 ? void 0 : formatTime(catalog.fetchedAt);
-			const line = catalog.source === "live" && when !== void 0 ? t("catalogLive", { time: when }) : catalog.source === "saved" && when !== void 0 ? t("catalogSaved", { time: when }) : t("catalogFallback");
-			return catalog.appVersion === void 0 ? line : `${line} · ${t("catalogAppVersion", { version: catalog.appVersion })}`;
+		/** The same line flattened for the collapsed header, where it is one string. */
+		function accountLabel(status, t) {
+			const { caption, value } = accountLine(status, t);
+			return value === void 0 ? caption : `${caption} ${value}`;
 		}
 		/** Render one variant's live status card. */
 		function WorkBuddyCard({ variant, t }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [tab, setTab] = (0, react.useState)("credits");
-			const { status, readFailure, busy, toggling, refresh, refreshModels, detect, clearDetections, setVisibility } = useWorkBuddyStatus(variant, t);
+			const { status, readFailure, busy, toggling, refresh, refreshAll, detect, clearDetections, setVisibility } = useWorkBuddyStatus(variant, t);
 			const baseId = (0, react.useId)();
 			const creditsTab = {
 				value: "credits",
@@ -780,6 +1126,7 @@ window.__ModuleLoader__.load({
 			*/
 			const assistCode = status?.status === "signed-out" ? assistCodeFor(status.reasonCode) : void 0;
 			const signedIn = status?.status === "signed-in" ? status : void 0;
+			const account = accountLine(status, t);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
 				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: dotState(status) }),
 				title: t(variant.titleKey),
@@ -800,78 +1147,48 @@ window.__ModuleLoader__.load({
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: workbuddy_module_css_default.body,
 					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: workbuddy_module_css_default.cardActions,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, {}),
+								disabled: busy,
+								onClick: () => {
+									refreshAll();
+								},
+								children: busy ? t("refreshingAll") : t("refreshAll")
+							})
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: workbuddy_module_css_default.section,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-									className: workbuddy_module_css_default.title,
-									children: t("accountHeading")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: workbuddy_module_css_default.row,
-									children: assistCode === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-										size: "sm",
-										disabled: busy,
-										onClick: () => {
-											refresh();
-										},
-										children: busy ? t("refreshing") : t("refresh")
-									}) : null
-								}),
-								readFailure === void 0 || status === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: workbuddy_module_css_default.error,
-									children: t("statusRefreshFailed", { message: readFailure })
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+								main: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, {
+									caption: account.caption,
+									children: account.value === void 0 ? void 0 : account.value
 								}),
-								signedIn?.expiresAt === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: workbuddy_module_css_default.text,
-									children: t("accessTokenExpires", { time: formatTime(signedIn.expiresAt) })
+								note: signedIn?.expiresAt === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Part, {
+									caption: t("sessionExpiryLabel"),
+									children: formatTime(signedIn.expiresAt)
 								})
-							]
-						}),
-						signedIn === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							signedIn.catalog === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: workbuddy_module_css_default.row,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: workbuddy_module_css_default.text,
-									children: catalogProvenance(signedIn.catalog, t)
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-									size: "sm",
-									disabled: busy,
-									onClick: () => {
-										refreshModels();
-									},
-									children: busy ? t("refreshingModels") : t("refreshModels")
-								})]
-							}),
-							signedIn.catalog?.error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							}), readFailure === void 0 || status === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: workbuddy_module_css_default.error,
-								children: t("catalogError", { message: signedIn.catalog.error })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
-								items: tabs,
-								value: tab,
-								onChange: setTab,
-								label: t("tabLabel")
-							}),
-							tab === "credits" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: workbuddy_module_css_default.section,
+								children: t("statusRefreshFailed", { message: readFailure })
+							})]
+						}),
+						signedIn === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+							items: tabs,
+							value: tab,
+							onChange: setTab,
+							label: t("tabLabel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PanelBoundary, {
+							label: t(TAB_LABEL_KEY[tab]),
+							t,
+							children: tab === "credits" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: workbuddy_module_css_default.panel,
 								id: creditsTab.panelId,
 								role: "tabpanel",
 								"aria-labelledby": creditsTab.id,
 								children: [
-									signedIn.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: workbuddy_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: workbuddy_module_css_default.row,
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: workbuddy_module_css_default.title,
-												children: signedIn.credits.unlimited === true ? t("creditsTotalUnlimited") : t("creditsTotal", { total: formatNumber(signedIn.credits.total) })
-											})
-										}), signedIn.credits.cycleResetTime === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: workbuddy_module_css_default.dim,
-											children: t("cycleResetAt", { time: formatCycleReset(signedIn.credits.cycleResetTime) })
-										})]
-									}),
+									signedIn.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, { main: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Part, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CoinGlyph, {}), signedIn.credits.unlimited === true ? t("creditsTotalUnlimitedValue") : formatNumber(signedIn.credits.total)] }) }),
 									signedIn.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditsPanel, {
 										credits: signedIn.credits,
 										t
@@ -882,7 +1199,7 @@ window.__ModuleLoader__.load({
 									})
 								]
 							}) : tab === "models" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: workbuddy_module_css_default.section,
+								className: workbuddy_module_css_default.panel,
 								id: modelsTab.panelId,
 								role: "tabpanel",
 								"aria-labelledby": modelsTab.id,
@@ -891,17 +1208,18 @@ window.__ModuleLoader__.load({
 									visibility: signedIn.visibility,
 									toggling,
 									disabled: busy,
+									catalog: signedIn.catalog,
 									t,
 									onToggle: (model, visible, account) => {
 										setVisibility(model, visible, account);
 									}
 								})
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: workbuddy_module_css_default.section,
+								className: workbuddy_module_css_default.panel,
 								id: probeTab.panelId,
 								role: "tabpanel",
 								"aria-labelledby": probeTab.id,
-								children: signedIn.probe === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbePanel, {
+								children: signedIn.probe === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbePanel$1, {
 									probe: signedIn.probe,
 									models: signedIn.models,
 									busy,
@@ -914,7 +1232,7 @@ window.__ModuleLoader__.load({
 									}
 								})
 							})
-						] }),
+						}, tab)] }),
 						status?.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: status.reason === void 0 ? workbuddy_module_css_default.text : workbuddy_module_css_default.error,
 							children: status.reason ?? t(variant.signedOutKey)
@@ -935,21 +1253,68 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
+		//#endregion
+		//#region src/shared/paths.ts
+		/** Node-free constants and types shared by the Host and browser halves. */
+		/** Plugin-owned status endpoint consumed by its browser half. */
+		const WORKBUDDY_STATUS_PATH = "/plugins/dsh-workbuddy-bridge/status";
+		/**
+		* Plugin-owned probe control endpoint.
+		*
+		* Separate from the status route because it accepts writes: the status route's
+		* loopback Host/Origin guard protects against a DNS-rebinding *page*, which is
+		* not the same as authorizing a state-changing action. This route therefore
+		* also requires the in-memory key the browser half receives with the status
+		* document.
+		*/
+		const WORKBUDDY_PROBE_PATH = "/plugins/dsh-workbuddy-bridge/probe";
+		/**
+		* The international (WorkBuddy AI) variant's own pair of routes.
+		*
+		* Kept as separate constants rather than a computed suffix so both halves
+		* reference literal strings: the browser bundle and the host bundle are built
+		* independently, and a shared expression is one build-config drift away from
+		* the desk asking a route the host never mounted.
+		*/
+		const WORKBUDDY_AI_STATUS_PATH = "/plugins/dsh-workbuddy-bridge/ai/status";
+		const WORKBUDDY_AI_PROBE_PATH = "/plugins/dsh-workbuddy-bridge/ai/probe";
+		/**
+		* Plugin-owned per-message credit route.
+		*
+		* A read-only GET taking `?sessionId=…`, answering `messageId → credit` for one
+		* Session. It is its own route rather than a field of the status document
+		* because the two have different lifetimes: the status document is per
+		* *account* and is re-read when the account changes, while credit accounting
+		* is per *Session* and grows as messages are sent.
+		*
+		* **One route for both variants, on purpose.** The accounting is attributed to
+		* a DSH `messageId` before it is stored, and a message id belongs to one
+		* Session regardless of which provider served it — a conversation can switch
+		* between the two WorkBuddy products (or away from both) mid-thread. A route
+		* per variant would force the message row to know which provider answered a
+		* message *it is merely labelling*, and would strand every message whose turn
+		* ran under the other variant.
+		*
+		* No key is required: the route only reads what this plugin already observed on
+		* its own loopback stream, carries no credential material, and answers loopback
+		* requests through the same Host/Origin guard as the status route.
+		*/
+		const WORKBUDDY_CREDIT_PATH = "/plugins/dsh-workbuddy-bridge/credit";
 		/** Both variants, in display order. */
 		const CARD_VARIANTS = [{
 			id: "workbuddy",
 			titleKey: "title",
 			signedOutKey: "signedOutHint",
-			statusPath: "/plugins/dsh-workbuddy-bridge/status",
-			probePath: "/plugins/dsh-workbuddy-bridge/probe",
+			statusPath: WORKBUDDY_STATUS_PATH,
+			probePath: WORKBUDDY_PROBE_PATH,
 			appName: "WorkBuddy",
 			unavailableKey: "assistUnavailableCN"
 		}, {
 			id: "workbuddy-ai",
 			titleKey: "titleAI",
 			signedOutKey: "signedOutHintAI",
-			statusPath: "/plugins/dsh-workbuddy-bridge/ai/status",
-			probePath: "/plugins/dsh-workbuddy-bridge/ai/probe",
+			statusPath: WORKBUDDY_AI_STATUS_PATH,
+			probePath: WORKBUDDY_AI_PROBE_PATH,
 			appName: "WorkBuddy AI",
 			unavailableKey: "assistUnavailableAI"
 		}];
@@ -969,35 +1334,33 @@ window.__ModuleLoader__.load({
 			signedOutHint: "Sign in once in the WorkBuddy desktop app; this plugin follows that sign-in automatically.",
 			signedOutHintAI: "Sign in once in the WorkBuddy AI desktop app; this plugin follows that sign-in automatically.",
 			signedIn: "Signed in",
-			signedInAs: "Signed in as {nickname}",
-			accessTokenExpires: "Sign-in expires {time}; it renews automatically.",
-			accountHeading: "Account",
+			signedInLabel: "Signed in as",
+			sessionExpiryLabel: "Expires",
 			requestFailed: "Request failed",
 			statusRefreshFailed: "Refresh failed: {message} — showing the last known state",
 			statusResponseInvalid: "WorkBuddy returned an unreadable status reply",
-			catalogLive: "Model list updated {time}",
-			catalogSaved: "Showing the saved model list from {time}",
-			catalogFallback: "Showing the built-in model list (not yet updated from WorkBuddy)",
+			catalogSourceFrom: "From",
+			catalogSourceLive: "the app",
+			catalogSourceSaved: "a saved copy",
+			catalogSourceFallback: "the built-in list",
+			catalogUpdatedAt: "Updated",
 			catalogError: "Last update failed: {message}",
-			catalogAppVersion: "App version {version}",
-			refresh: "Refresh",
-			refreshing: "Refreshing…",
-			refreshModels: "Refresh model list",
-			refreshingModels: "Refreshing models…",
+			refreshAll: "Refresh all",
+			refreshingAll: "Refreshing…",
 			tabLabel: "WorkBuddy detail",
 			tabCredits: "Credits",
 			tabModels: "Models",
 			tabProbe: "Detection",
-			creditsTotal: "Total: {total}",
-			creditsTotalUnlimited: "Total: Unlimited",
+			creditsTotalUnlimitedValue: "Unlimited",
 			unlimitedQuota: "Unlimited",
 			packageEnterprise: "Enterprise quota",
-			cycleResetAt: "Resets {time}",
-			percentRemaining: "{percent}% remaining",
-			percentUnknown: "Remaining share unknown",
-			exactRemaining: "{remain} / {size} remaining",
+			packageRemaining: "{remain} / {size} left ({percent}%)",
 			creditPackageUnknownSize: "{remain} remaining",
 			creditsError: "Credit unavailable: {message}",
+			creditConsumed: "Used {credit}",
+			creditConsumedTitle: "Credit this message consumed, as reported by WorkBuddy",
+			creditRemainingUnlimited: "Unlimited",
+			creditBalanceTitle: "Remaining credit on your {product} account",
 			freeModel: "Free",
 			badgeLimitedFree: "Limited-time free",
 			badgeNightDiscount: "Night discount",
@@ -1009,27 +1372,40 @@ window.__ModuleLoader__.load({
 			contextUnknown: "no declared context window",
 			visibilityIntro: "Uncheck a model to hide it from the picker. The choice is saved per signed-in account; chats already using a hidden model keep working.",
 			visibilityStaleAccount: "The signed-in account changed — this change was not saved.",
-			probeCostNote: "Some models reason but declare no selectable effort levels. Detecting sends a few real requests to one model and may consume a small amount of credit.",
+			probeDetectedCaption: "Detected",
+			probeDetectedUnit: "",
+			probeDetectedNone: "Nothing detected yet",
+			/** Why the list contains models that need no detection — the list's own header. */
+			probeListIntro: "Some models reason but declare no selectable effort levels.",
+			/** What a run costs — the explanation belonging to the action. */
+			probeCostNote: "Detecting sends a few real requests to one model and may consume a small amount of credit.",
 			probeStart: "Detect",
 			probeRedetect: "Detect again",
 			probeRunning: "Detecting {model}…",
 			probeClear: "Clear results",
 			probeResultNotValidating: "This model does not check the effort parameter",
-			probeResultUnknown: "Detection did not complete",
+			probeResultUnknown: "Not detected yet",
+			probeResultDeclaredNone: "The provider declares no levels",
 			probeResultAt: "Detected {time}",
-			probeResultEmpty: "No models need detecting right now.",
-			probeFailed: "Detection failed: {message}",
+			probeResultEmpty: "No reasoning models are being served right now.",
+			probeActionDeclared: "Declared",
 			probeLabel: "Reasoning levels",
 			probePanelLevels: "Supported levels",
-			probePanelNone: "Not detected yet",
+			probePanelNoLevels: "No level can be selected",
 			probePanelNote: "Detection sends a few requests to this model and may consume a small amount of credit.",
 			probePanelDetect: "Detect",
 			probePanelDetecting: "Detecting…",
 			probePanelRedetect: "Detect again",
+			probePanelNotNeeded: "Already declared — nothing to detect",
 			probePanelNotValidating: "This model does not check the effort parameter.",
+			probePanelDeclaredNone: "This model declares no selectable levels.",
 			probePanelFailed: "Detection did not finish. You can run it again.",
-			probeTooltipIdle: "Detect the reasoning levels {model} supports",
-			probeTooltipLevels: "Supported levels: {levels}",
+			panelCrashed: "The {panel} section stopped working.",
+			panelRetry: "Try again",
+			probeTooltipIdle: "This model offers no levels yet — click to detect them",
+			probeTooltipRunning: "Detecting…",
+			probeTooltipLevels: "Detected levels: {levels}",
+			probeTooltipDeclared: "Levels declared by the provider: {levels}",
 			probeTooltipNotValidating: "This model ignores the reasoning-level parameter",
 			probeTooltipFailed: "Detection did not finish · click to run it again",
 			authFile: "WorkBuddy auth file",
@@ -1073,35 +1449,33 @@ window.__ModuleLoader__.load({
 			signedOutHint: "在 WorkBuddy 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
 			signedOutHintAI: "在 WorkBuddy AI 国际版桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
 			signedIn: "已登录",
-			signedInAs: "已登录：{nickname}",
-			accessTokenExpires: "登录将于 {time} 过期，届时自动续期。",
-			accountHeading: "账号",
+			signedInLabel: "已登录",
+			sessionExpiryLabel: "有效期至",
+			catalogSourceFrom: "来自",
+			catalogSourceLive: "客户端实时读取",
+			catalogSourceSaved: "已保存的副本",
+			catalogSourceFallback: "内置列表",
+			catalogUpdatedAt: "更新于",
 			requestFailed: "请求失败",
 			statusRefreshFailed: "刷新失败：{message} — 当前显示的是上次成功获取的状态",
 			statusResponseInvalid: "WorkBuddy 返回的状态数据无法识别",
-			catalogLive: "模型列表更新于 {time}",
-			catalogSaved: "当前显示已保存的模型列表，更新于 {time}",
-			catalogFallback: "当前显示内置模型列表（尚未从 WorkBuddy 更新）",
 			catalogError: "上次更新失败：{message}",
-			catalogAppVersion: "App 版本 {version}",
-			refresh: "刷新",
-			refreshing: "正在刷新…",
-			refreshModels: "刷新模型列表",
-			refreshingModels: "正在刷新模型…",
+			refreshAll: "刷新全部",
+			refreshingAll: "正在刷新…",
 			tabLabel: "WorkBuddy 详情",
 			tabCredits: "积分",
 			tabModels: "模型",
 			tabProbe: "检测",
-			creditsTotal: "合计：{total}",
-			creditsTotalUnlimited: "合计：不限额",
+			creditsTotalUnlimitedValue: "不限额",
 			unlimitedQuota: "不限额",
 			packageEnterprise: "企业额度",
-			cycleResetAt: "重置时间：{time}",
-			percentRemaining: "剩余 {percent}%",
-			percentUnknown: "剩余占比未知",
-			exactRemaining: "剩余 {remain} / {size}",
+			packageRemaining: "剩余 {remain} / {size}（{percent}%）",
 			creditPackageUnknownSize: "剩余 {remain}",
 			creditsError: "积分查询失败：{message}",
+			creditConsumed: "共消耗 {credit}",
+			creditConsumedTitle: "本条消息消耗的积分（由 WorkBuddy 返回）",
+			creditRemainingUnlimited: "不限额",
+			creditBalanceTitle: "{product} 账号剩余积分",
 			freeModel: "免费",
 			badgeLimitedFree: "限时免费",
 			badgeNightDiscount: "夜间折扣",
@@ -1113,27 +1487,38 @@ window.__ModuleLoader__.load({
 			contextUnknown: "未声明上下文窗口",
 			visibilityIntro: "取消勾选即可将该模型从选择器中隐藏；按登录账号分别保存，已在用该模型的会话不受影响。",
 			visibilityStaleAccount: "登录账号已切换——本次修改未保存。",
-			probeCostNote: "部分模型具备思考能力，但没有声明可选档位。检测会向一个模型发送少量真实请求以确认可用档位，可能消耗少量积分。",
+			probeDetectedCaption: "已检测",
+			probeDetectedUnit: "个模型",
+			probeDetectedNone: "尚未检测",
+			probeListIntro: "部分模型具备思考能力，但没有声明可选档位。",
+			probeCostNote: "检测会向一个模型发送少量真实请求以确认可用档位，可能消耗少量积分。",
 			probeStart: "开始检测",
 			probeRedetect: "重新检测",
 			probeRunning: "正在检测 {model}…",
 			probeClear: "清除结果",
 			probeResultNotValidating: "该模型不校验档位参数",
-			probeResultUnknown: "检测未完成",
+			probeResultUnknown: "尚未检测",
+			probeResultDeclaredNone: "上游未声明档位",
 			probeResultAt: "检测于 {time}",
-			probeResultEmpty: "当前没有需要检测的模型。",
-			probeFailed: "检测失败：{message}",
+			probeResultEmpty: "当前没有提供可选档位的推理模型。",
+			probeActionDeclared: "已声明",
 			probeLabel: "推理档位",
 			probePanelLevels: "支持的档位",
-			probePanelNone: "尚未检测",
+			probePanelNoLevels: "无可选档位",
 			probePanelNote: "检测会向该模型发送若干请求，可能消耗少量积分。",
 			probePanelDetect: "检测",
 			probePanelDetecting: "检测中…",
 			probePanelRedetect: "重新检测",
+			probePanelNotNeeded: "上游已声明档位，无需检测",
 			probePanelNotValidating: "该模型不校验档位参数。",
+			probePanelDeclaredNone: "上游未声明可选档位。",
 			probePanelFailed: "检测未完成，可以再检测一次。",
-			probeTooltipIdle: "检测 {model} 支持的推理档位",
-			probeTooltipLevels: "支持的档位：{levels}",
+			panelCrashed: "{panel}这一块无法显示。",
+			panelRetry: "重试",
+			probeTooltipIdle: "该模型暂无档位，点击可检测",
+			probeTooltipRunning: "正在检测…",
+			probeTooltipLevels: "检测出的档位：{levels}",
+			probeTooltipDeclared: "上游声明的档位：{levels}",
 			probeTooltipNotValidating: "该模型忽略推理档位参数",
 			probeTooltipFailed: "检测未完成 · 点击可再检测一次",
 			authFile: "WorkBuddy 登录文件",
@@ -1279,13 +1664,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0workbuddy-css:/home/runner/work/dsh-workbuddy-bridge/dsh-workbuddy-bridge/src/client/probe-control.module.css.js
-		const css = ".EVr7sG_wrapper{align-items:center;display:inline-flex;position:relative}.EVr7sG_trigger{corner-shape:round;cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.EVr7sG_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.EVr7sG_trigger:disabled{cursor:default;color:var(--dsw-alias-label-dimmed)}.EVr7sG_trigger:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.EVr7sG_panel{isolation:isolate;z-index:1100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(280px,100vw - 24px);max-width:min(360px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;padding:12px;font-size:12px;line-height:1.5;position:fixed}.EVr7sG_panel:before{z-index:-1;border-radius:inherit;background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);content:\"\";pointer-events:none;position:absolute;inset:0}.EVr7sG_panelTitle{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.EVr7sG_panelTitleIcon{color:var(--dsw-alias-label-secondary);flex:none;align-items:center;display:inline-flex}.EVr7sG_panelTitleText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.EVr7sG_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin:8px 0 10px}.EVr7sG_levelsLabel{color:var(--dsw-alias-label-tertiary);margin:0 0 2px;font-size:12px;line-height:1.5}.EVr7sG_levels{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500;line-height:1.5}.EVr7sG_note,.EVr7sG_dim{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.6}.EVr7sG_dim{margin-top:2px}.EVr7sG_panelActions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}";
-		const tagId = "dsh-workbuddy-bridge/probe-control.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+		const css$2 = ".EVr7sG_wrapper{align-items:center;display:inline-flex;position:relative}.EVr7sG_trigger{corner-shape:round;cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.EVr7sG_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.EVr7sG_trigger:disabled{cursor:default;color:var(--dsw-alias-label-dimmed)}.EVr7sG_trigger:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.EVr7sG_panel{isolation:isolate;z-index:1100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(280px,100vw - 24px);max-width:min(360px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;padding:12px;font-size:12px;line-height:1.5;position:fixed}.EVr7sG_panel:before{z-index:-1;border-radius:inherit;background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);content:\"\";pointer-events:none;position:absolute;inset:0}.EVr7sG_panelTitle{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.EVr7sG_panelTitleIcon{color:var(--dsw-alias-label-secondary);flex:none;align-items:center;display:inline-flex}.EVr7sG_panelTitleText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.EVr7sG_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin:8px 0 10px}.EVr7sG_levelsLabel{color:var(--dsw-alias-label-tertiary);margin:0 0 2px;font-size:12px;line-height:1.5}.EVr7sG_levels{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500;line-height:1.5}.EVr7sG_note,.EVr7sG_dim{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.6}.EVr7sG_dim{margin-top:2px}.EVr7sG_panelActions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}";
+		const tagId$2 = "dsh-workbuddy-bridge/probe-control.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "dsh-workbuddy-bridge";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var probe_control_module_css_default = {
@@ -1358,55 +1743,110 @@ window.__ModuleLoader__.load({
 		/** Gap between the control and the popover, and the viewport margin it keeps. */
 		const POPOVER_GAP = 8;
 		const POPOVER_MARGIN = 12;
-		/** Pick the model's recorded observation out of the probe section. */
-		function resultFor(status, model) {
+		/** One model's row out of the probe section's single list. */
+		function effortModelFor(status, model) {
 			if (status.status !== "signed-in") return void 0;
-			return status.probe?.results.find((result) => result.id === model);
+			return status.probe?.models.find((entry) => entry.id === model);
 		}
 		/**
-		* What hovering the icon says: the levels this model accepts, when they are
-		* known.
-		*
-		* The answer is the *result*, not the action — a user hovering a small glyph
-		* beside the model picker is asking "what does this model support?", and the
-		* action is what the panel they can open is for.
-		*
-		* A recorded result outranks a remembered failure: `failed` only means "the last
-		* run from this control did not finish", and the host can record a result for
-		* the same model at any time (a detection started from the settings card,
-		* another conversation, or a finished sweep). The levels the user already paid
-		* for are the better answer; failure copy is what remains when there is none.
+		* What hovering the icon says.
+		*
+		* The bulb answers one question — *can I pick a thinking level on this model?* —
+		* so the tooltip leads with that answer and only then explains it. Three states,
+		* and the distinction between the last two is the whole point:
+		*
+		* - levels are offered: name them, and where they came from;
+		* - nothing is offered but a detection could still find some: say so, and that
+		*   pressing is what asks;
+		* - nothing is offered and a detection already proved there is nothing to find:
+		*   say *that*, rather than implying the question is still open. Reporting a
+		*   completed answer as "not checked yet" was the old copy's defect.
+		*
+		* A remembered failure is the last resort: it describes this control's own run,
+		* while `entry` describes the model, and the model is what the user asked about.
 		*/
-		function tooltipText(t, model, state) {
-			if (state.busy) return t("probeRunning", { model });
-			const result = state.result;
-			if (result !== void 0) {
-				if (result.validation === "validating" && result.efforts.length > 0) return t("probeTooltipLevels", { levels: result.efforts.join(" / ") });
-				if (result.validation === "non-validating") return t("probeTooltipNotValidating");
+		function tooltipText(t, state) {
+			if (state.busy) return t("probeTooltipRunning");
+			const entry = state.entry;
+			if (entry !== void 0) {
+				if (entry.efforts.length > 0) return t(entry.source === "declared" ? "probeTooltipDeclared" : "probeTooltipLevels", { levels: entry.efforts.join(" / ") });
+				if (entry.validation === "non-validating") return t("probeTooltipNotValidating");
+				if (entry.detectable) return t("probeTooltipIdle");
 				return t("probeTooltipFailed");
 			}
-			return state.failed ? t("probeTooltipFailed") : t("probeTooltipIdle", { model });
+			return state.failed ? t("probeTooltipFailed") : t("probeTooltipIdle");
 		}
-		/** The levels this model accepts, as one line; undefined when there are none to show. */
-		function levelsLine(result) {
-			if (result === void 0) return void 0;
-			if (result.validation === "validating" && result.efforts.length > 0) return result.efforts.join(" / ");
+		/** The levels this model offers as one line; undefined when there are none. */
+		function levelsLine(entry) {
+			if (entry === void 0 || entry.efforts.length === 0) return void 0;
+			return entry.efforts.join(" / ");
 		}
-		/** Model-independent shell: resolves the selection, then delegates per model. */
+		/** Model-independent shell: resolves the selection, then delegates per variant. */
 		function WorkBuddyProbeControl({ directory, t }) {
 			const subscribe = (0, react.useCallback)((listener) => directory.subscribe(listener), [directory]);
 			const snapshot = (0, react.useCallback)(() => directory.getSnapshot(), [directory]);
 			const selection = (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot).current;
-			const card = selection === void 0 ? void 0 : cardVariantFor(selection.provider);
-			if (card === void 0 || selection === void 0) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelProbe, {
-				model: selection.model,
+			const card = selection == null ? void 0 : cardVariantFor(selection.provider);
+			if (card === void 0 || selection == null) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VariantProbe, {
 				card,
+				model: selection.model,
 				t
-			}, `${card.id}:${selection.model}`);
+			}, card.id);
 		}
-		function ModelProbe({ model, card, t }) {
+		/**
+		* One variant's status document, held above the model-keyed layer.
+		*
+		* Living here means a model switch is a prop update rather than a remount, so
+		* the document read for the previous model is already in hand and the new
+		* model's row is rendered from it on the first frame — no gap, and no request.
+		*
+		* The reads that *do* belong here are the ones keyed to the account: the
+		* mount-time load, the reconcile poll (a detection run in another conversation
+		* or in the settings card has to reach this control), and the focus refresh.
+		*/
+		function VariantProbe({ card, model, t }) {
 			const [status, setStatus] = (0, react.useState)();
+			const mounted = (0, react.useRef)(false);
+			/** Number of the newest read that may write; assigned when a read starts. */
+			const readSeq = (0, react.useRef)(0);
+			const refresh = (0, react.useCallback)(async (signal) => {
+				const seq = ++readSeq.current;
+				const response = await fetch(card.statusPath, {
+					credentials: "same-origin",
+					headers: { accept: "application/json" },
+					...signal === void 0 ? {} : { signal }
+				});
+				if (!response.ok) throw new Error(`HTTP ${response.status}`);
+				const value = await response.json().catch(() => void 0);
+				if (!isWorkBuddyWebStatus(value)) throw new Error(t("statusResponseInvalid"));
+				if (mounted.current && signal?.aborted !== true && seq === readSeq.current) setStatus(value);
+			}, [card.statusPath, t]);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				const controller = new AbortController();
+				const load = () => {
+					refresh(controller.signal).catch(() => {});
+				};
+				load();
+				const timer = window.setInterval(load, RECONCILE_MS);
+				window.addEventListener("focus", load);
+				return () => {
+					mounted.current = false;
+					controller.abort();
+					window.clearInterval(timer);
+					window.removeEventListener("focus", load);
+				};
+			}, [refresh]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelProbe, {
+				model,
+				status,
+				probePath: card.probePath,
+				refresh,
+				t
+			}, model);
+		}
+		function ModelProbe({ model, status, probePath, refresh, t }) {
 			const [busy, setBusy] = (0, react.useState)(false);
 			/**
 			* Whether the panel is open.
@@ -1422,12 +1862,11 @@ window.__ModuleLoader__.load({
 			* The outcome of the run this control just performed.
 			*
 			* Kept so a fresh answer is shown immediately, without waiting for the next
-			* status read; `result` from the document is what stands when there is none.
+			* status read; the document's own row is what stands when there is none.
 			*/
 			const [fresh, setFresh] = (0, react.useState)();
 			const inFlight = (0, react.useRef)(false);
 			const mounted = (0, react.useRef)(false);
-			const readSeq = (0, react.useRef)(0);
 			/** The control itself: the popover's anchor and the "inside" test for dismissal. */
 			const rootRef = (0, react.useRef)(null);
 			/**
@@ -1436,41 +1875,29 @@ window.__ModuleLoader__.load({
 			* which would otherwise read a click on the panel as a click outside it.
 			*/
 			const panelRef = (0, react.useRef)(null);
-			const refresh = (0, react.useCallback)(async (signal) => {
-				const seq = ++readSeq.current;
-				const response = await fetch(card.statusPath, {
-					credentials: "same-origin",
-					headers: { accept: "application/json" },
-					...signal === void 0 ? {} : { signal }
-				});
-				if (!response.ok) throw new Error(`HTTP ${response.status}`);
-				const value = await response.json().catch(() => void 0);
-				if (!isWorkBuddyWebStatus(value)) throw new Error(t("statusResponseInvalid"));
-				if (mounted.current && signal?.aborted !== true && seq === readSeq.current) setStatus(value);
-			}, [card.statusPath, t]);
 			(0, react.useEffect)(() => {
 				mounted.current = true;
-				const controller = new AbortController();
-				const load = () => {
-					refresh(controller.signal).catch(() => {});
-				};
-				load();
-				const timer = window.setInterval(load, RECONCILE_MS);
-				window.addEventListener("focus", load);
 				return () => {
 					mounted.current = false;
-					controller.abort();
-					window.clearInterval(timer);
-					window.removeEventListener("focus", load);
 				};
-			}, [refresh]);
+			}, []);
 			const probe = status?.status === "signed-in" ? status.probe : void 0;
 			const key = status?.status === "signed-in" ? status.probeKey : void 0;
-			const result = status === void 0 ? void 0 : resultFor(status, model);
-			const visible = probe?.candidates.includes(model) === true || result !== void 0;
+			const entry = status === void 0 ? void 0 : effortModelFor(status, model);
+			/**
+			* The bulb is shown for every reasoning model the host reports, and hidden
+			* only where the host says there is nothing to say.
+			*
+			* The old gate was `candidates.includes(model) || hasRecord`, i.e. "this model
+			* could be probed, or has been". That is a statement about *detection*, and it
+			* left the bulb off exactly the models whose switch already worked — a
+			* declared set made a model ineligible, so the best-configured models were the
+			* ones with no control beside them, and the user read that as a bug.
+			*/
+			const visible = entry !== void 0;
 			(0, react.useEffect)(() => {
-				if (result !== void 0) setFailed(false);
-			}, [result]);
+				if (entry?.validation !== void 0) setFailed(false);
+			}, [entry?.validation]);
 			(0, react.useEffect)(() => {
 				setOpen(false);
 				setFresh(void 0);
@@ -1482,7 +1909,7 @@ window.__ModuleLoader__.load({
 				setBusy(true);
 				setFailed(false);
 				try {
-					const response = await fetch(card.probePath, {
+					const response = await fetch(probePath, {
 						method: "POST",
 						credentials: "same-origin",
 						headers: {
@@ -1495,14 +1922,20 @@ window.__ModuleLoader__.load({
 						})
 					});
 					const body = await response.json();
-					if (!response.ok || body.state !== "ok" || body.validation !== "validating" && body.validation !== "non-validating" || !Array.isArray(body.efforts) || !body.efforts.every((effort) => typeof effort === "string")) throw new Error("probe failed");
-					if (mounted.current) setFresh({
-						id: model,
-						name: model,
-						validation: body.validation,
-						efforts: body.efforts,
-						probedAt: Date.now()
-					});
+					const validation = body.validation;
+					if (!response.ok || body.state !== "ok" || validation !== "validating" && validation !== "non-validating" || !Array.isArray(body.efforts) || !body.efforts.every((effort) => typeof effort === "string")) throw new Error("probe failed");
+					if (mounted.current) {
+						const validating = validation === "validating";
+						setFresh({
+							id: model,
+							name: model,
+							efforts: validating ? body.efforts : [],
+							source: validating ? "observed" : "none",
+							detectable: true,
+							validation,
+							probedAt: Date.now()
+						});
+					}
 					refresh().catch(() => {});
 				} catch {
 					if (mounted.current) setFailed(true);
@@ -1523,16 +1956,18 @@ window.__ModuleLoader__.load({
 				setOpen(false);
 			}, panelRef);
 			if (!visible) return null;
-			const text = tooltipText(t, model, {
+			const text = tooltipText(t, {
 				busy,
-				result,
+				entry,
 				failed
 			});
-			const disabled = busy || probe?.running === true || key === void 0;
-			const shown = fresh ?? result;
+			const shown = fresh ?? entry;
 			const levels = levelsLine(shown);
 			const notValidating = shown?.validation === "non-validating";
-			const lit = shown !== void 0;
+			const lit = levels !== void 0;
+			const detectable = shown?.detectable === true;
+			const triggerDisabled = busy || probe?.running === true || key === void 0;
+			const actionDisabled = !detectable || triggerDisabled;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: probe_control_module_css_default.wrapper,
 				ref: rootRef,
@@ -1547,71 +1982,121 @@ window.__ModuleLoader__.load({
 						"aria-label": text,
 						"aria-busy": busy,
 						"aria-expanded": open,
-						disabled,
+						disabled: triggerDisabled,
 						onClick: () => {
 							setOpen(!open);
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeIcon, { lit })
 					})
-				}), open ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					ref: panelRef,
-					className: probe_control_module_css_default.panel,
+				}), open ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbePanel, {
+					panelRef,
 					style: position ?? MEASURE_STYLE,
-					role: "dialog",
-					"aria-label": t("probeLabel"),
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: probe_control_module_css_default.panelTitle,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: probe_control_module_css_default.panelTitleIcon,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeIcon, { lit })
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: probe_control_module_css_default.panelTitleText,
-								children: model
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: probe_control_module_css_default.titleRule,
-							"aria-hidden": true
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: probe_control_module_css_default.levelsLabel,
-							children: t("probePanelLevels")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: probe_control_module_css_default.levels,
-							role: "status",
-							"aria-live": "polite",
-							children: levels ?? t("probePanelNone")
-						}),
-						notValidating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: probe_control_module_css_default.dim,
-							children: t("probePanelNotValidating")
-						}) : null,
-						failed && shown === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: probe_control_module_css_default.dim,
-							children: t("probePanelFailed")
-						}) : null,
-						levels === void 0 && !notValidating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: probe_control_module_css_default.note,
-							children: t("probePanelNote")
-						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: probe_control_module_css_default.panelActions,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								size: "sm",
-								variant: "primary",
-								disabled,
-								onClick: () => {
-									detect();
-								},
-								children: busy ? t("probePanelDetecting") : levels === void 0 ? t("probePanelDetect") : t("probePanelRedetect")
-							})
-						})
-					]
+					model,
+					lit,
+					levels,
+					notValidating,
+					detectable,
+					failed,
+					shown,
+					busy,
+					actionDisabled,
+					onDetect: () => {
+						detect();
+					},
+					t
 				}), document.body) : null]
 			});
 		}
+		/**
+		* The open popover's contents.
+		*
+		* Split out of {@link ModelProbe} because the panel is a self-contained reading
+		* of one model — a title, the levels, why there are none, and the one action —
+		* while the parent is a state machine (reads, races, an anchored portal). The
+		* boundary is *what the panel needs to know*, not a slice of the parent's state:
+		* every prop here is already computed by the time the panel renders, and the
+		* panel holds none of its own. That is what keeps the split from moving the
+		* implicit constraints the parent carries.
+		*/
+		function ProbePanel({ panelRef, style, model, lit, levels, notValidating, detectable, failed, shown, busy, actionDisabled, onDetect, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: panelRef,
+				className: probe_control_module_css_default.panel,
+				style,
+				role: "dialog",
+				"aria-label": t("probeLabel"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: probe_control_module_css_default.panelTitle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: probe_control_module_css_default.panelTitleIcon,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeIcon, { lit })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: probe_control_module_css_default.panelTitleText,
+							children: model
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: probe_control_module_css_default.titleRule,
+						"aria-hidden": true
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: probe_control_module_css_default.levelsLabel,
+						children: t("probePanelLevels")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: probe_control_module_css_default.levels,
+						role: "status",
+						"aria-live": "polite",
+						children: levels ?? t("probePanelNoLevels")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PanelReason, {
+						notValidating,
+						levels,
+						detectable,
+						shown,
+						failed,
+						t
+					}),
+					detectable && levels === void 0 && !notValidating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: probe_control_module_css_default.note,
+						children: t("probePanelNote")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: probe_control_module_css_default.panelActions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "primary",
+							disabled: actionDisabled,
+							onClick: onDetect,
+							children: busy ? t("probePanelDetecting") : !detectable ? t("probePanelNotNeeded") : levels === void 0 ? t("probePanelDetect") : t("probePanelRedetect")
+						})
+					})
+				]
+			});
+		}
+		/**
+		* The one line explaining *why* there are no levels, when that is the answer.
+		*
+		* Three facts, kept apart on purpose — see the call site. Extracted so the three
+		* mutually exclusive branches read as one decision rather than three adjacent
+		* conditionals interleaved with unrelated markup.
+		*/
+		function PanelReason({ notValidating, levels, detectable, shown, failed, t }) {
+			if (notValidating) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: probe_control_module_css_default.dim,
+				children: t("probePanelNotValidating")
+			});
+			if (levels === void 0 && !detectable && shown !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: probe_control_module_css_default.dim,
+				children: t("probePanelDeclaredNone")
+			});
+			if (failed && shown === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: probe_control_module_css_default.dim,
+				children: t("probePanelFailed")
+			});
+			return null;
+		}
 		/** The bulb's body — the maintainer's artwork, one filled path with the base cut out. */
 		const BULB_BODY = "M496 64C681.6 64 832 208.896 832 387.648c0 124.544-73.152 232.704-180.352 286.784v24.256c0 6.912-0.64 13.76-1.856 20.288a56.32 56.32 0 0 1 20.672 20.416 54.848 54.848 0 0 1 7.552 27.712v37.312c0 29.312-23.04 53.312-52.288 55.808l-2.816 0.192h-23.04c0 54.976-46.336 99.584-103.424 99.584-57.024 0-103.296-44.544-103.296-99.584h-19.776l-2.24-0.128h-3.84a58.24 58.24 0 0 1-36.48-18.432 55.808 55.808 0 0 1-14.72-37.44v-37.312c0-20.16 11.008-37.888 27.328-47.744a104.064 104.064 0 0 1-1.984-20.672v-23.744C233.6 621.056 160 512.576 160 387.584 160.064 208.96 310.4 64 496 64z m-45.632 796.288c0 24.064 20.48 43.712 46.08 43.712 25.728 0 46.144-19.712 46.208-43.52v-0.192H450.368z m-76.992-56h247.296l0.064-37.056-0.512-0.32H373.632l-0.256 37.376zM496 120.064c-154.112 0-278.656 120-278.656 267.52 0 100.8 58.624 191.68 150.208 237.44l31.104 15.68 0.064 50.56c0 3.968 0.384 7.552 0.896 10.816l0.576 1.984H467.84V704h70.4v-0.128l55.488-0.32 0.512-1.472c0.64-3.776 0.96-7.552 0.96-11.328l-0.96-50.56 31.04-15.616c91.2-45.952 149.312-136.576 149.312-236.992 0-147.584-124.544-267.648-278.656-267.648v0.128z";
 		/** The bolt drawn inside the bulb once a detection has landed. */
@@ -1657,6 +2142,272 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/use-session-credits.ts
+		/**
+		* One Session's per-message credit accounting, as the browser half reads it.
+		*
+		* The Host half observes what each response cost on the upstream stream and
+		* attributes it to a DSH message id; this hook fetches that map and keeps it
+		* fresh. Two surfaces share it — the composer balance label and the per-message
+		* credit row — so the fetch policy lives here once rather than in both.
+		*
+		* **A failure is silent, and that is the intended degradation.** The number is
+		* an annotation on a message that already rendered; a failed read must never
+		* turn into an error strip over a conversation, and an unreadable map must
+		* never be confused with "these messages were free". So a failure leaves the
+		* last good map in place and the affected rows simply show no credit.
+		*
+		* @module dsh-workbuddy-bridge/client/use-session-credits
+		*/
+		/** How often the map is re-read while a Session is open, in milliseconds. */
+		const POLL_INTERVAL_MS$1 = 3e4;
+		/**
+		* Read and poll one Session's credit map.
+		*
+		* @param path - the variant's credit route.
+		* @param sessionId - the Session to read for; the hook is inert without one.
+		* @param enabled - whether the reading surface is currently mounted. The
+		* composer label and the message row both come and go, and this stops the poll
+		* when neither is showing.
+		*/
+		function useWorkBuddySessionCredits(path, sessionId, enabled) {
+			const [credits, setCredits] = (0, react.useState)();
+			const mounted = (0, react.useRef)(true);
+			/** Number of the newest read allowed to write; assigned when a read starts. */
+			const readSeq = (0, react.useRef)(0);
+			const read = (0, react.useCallback)(async (signal) => {
+				if (sessionId === void 0 || sessionId === "") return;
+				const seq = ++readSeq.current;
+				try {
+					const response = await fetch(`${path}?sessionId=${encodeURIComponent(sessionId)}`, {
+						credentials: "same-origin",
+						headers: { accept: "application/json" },
+						signal
+					});
+					if (!response.ok) return;
+					const value = await response.json().catch(() => void 0);
+					if (!isWorkBuddySessionCredits(value)) return;
+					if (!mounted.current || signal.aborted || seq !== readSeq.current) return;
+					setCredits(value.credits);
+				} catch {}
+			}, [path, sessionId]);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				if (!enabled || sessionId === void 0 || sessionId === "") return;
+				const controller = new AbortController();
+				read(controller.signal);
+				const timer = window.setInterval(() => {
+					read(controller.signal);
+				}, POLL_INTERVAL_MS$1);
+				const onFocus = () => {
+					read(controller.signal);
+				};
+				window.addEventListener("focus", onFocus);
+				return () => {
+					mounted.current = false;
+					controller.abort();
+					window.clearInterval(timer);
+					window.removeEventListener("focus", onFocus);
+				};
+			}, [
+				enabled,
+				read,
+				sessionId
+			]);
+			return { credits };
+		}
+		//#endregion
+		//#region \0workbuddy-css:/home/runner/work/dsh-workbuddy-bridge/dsh-workbuddy-bridge/src/client/credit-label.module.css.js
+		const css$1 = "._9Bx4Wa_label{white-space:nowrap;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);color:var(--dsw-alias-label-tertiary);padding-left:4px;line-height:1}";
+		const tagId$1 = "dsh-workbuddy-bridge/credit-label.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-workbuddy-bridge";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var credit_label_module_css_default = { "label": "_9Bx4Wa_label" };
+		//#endregion
+		//#region src/client/credit-label.tsx
+		/**
+		* The per-message credit label, in the assistant message's action row.
+		*
+		* WorkBuddy's own client puts "共消耗 X" under a finished answer; this is the
+		* same fact for the same reason — the cost of a message is not visible anywhere
+		* else, and a user comparing models is asking exactly "what did that one cost
+		* me?".
+		*
+		* **It belongs to the WorkBuddy models and is shown only for them.** When the
+		* session's current selection is a model from another provider, the label
+		* renders nothing and reads nothing: a WorkBuddy credit figure next to a
+		* DeepSeek-account answer would describe a ledger that answer never touched.
+		* Gating on the *current* selection (rather than on each message's own
+		* provider) is deliberate — the user asked for exactly this, and it keeps the
+		* row's meaning consistent with the model picker sitting in the same UI.
+		*
+		* **It renders nothing when there is nothing to say.** The plugin only shows a
+		* number it actually observed on the upstream stream (see
+		* `src/llm/credit-log.ts`), so a message predating the feature, a failed
+		* stream, or an upstream answer that carried no cost produces an empty row
+		* rather than a confident `0`. That choice is deliberate and load-bearing: a
+		* fabricated zero is worse than a blank, because the user cannot tell it apart
+		* from free.
+		*
+		* Styling copies the sibling `endInfo` cluster — tertiary label tone at the
+		* secondary font size — so the label reads as part of the same row as the clock
+		* and the usage pill rather than as something bolted on.
+		*
+		* @module dsh-workbuddy-bridge/client/credit-label
+		*/
+		/** Show what one message cost, when this session runs a WorkBuddy model. */
+		function WorkBuddyCreditLabel({ messageId, sessionId, directory, t }) {
+			const selection = (0, react.useSyncExternalStore)((0, react.useCallback)((listener) => directory.subscribe(listener), [directory]), (0, react.useCallback)(() => directory.getSnapshot(), [directory]), (0, react.useCallback)(() => directory.getSnapshot(), [directory])).current;
+			const onWorkBuddy = selection !== null && cardVariantFor(selection.provider) !== void 0;
+			const { credits } = useWorkBuddySessionCredits(WORKBUDDY_CREDIT_PATH, sessionId, onWorkBuddy && sessionId !== "");
+			if (!onWorkBuddy) return null;
+			const credit = credits?.[messageId];
+			if (credit === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: credit_label_module_css_default.label,
+				title: t("creditConsumedTitle"),
+				children: t("creditConsumed", { credit: formatCredit(credit) })
+			});
+		}
+		//#endregion
+		//#region \0workbuddy-css:/home/runner/work/dsh-workbuddy-bridge/dsh-workbuddy-bridge/src/client/credit-balance.module.css.js
+		const css = ".Rbiksq_readout{white-space:nowrap;height:28px;color:var(--dsw-alias-label-tertiary);align-items:center;gap:4px;display:inline-flex}.Rbiksq_amount{font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);font-variant-numeric:tabular-nums;line-height:1}";
+		const tagId = "dsh-workbuddy-bridge/credit-balance.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-workbuddy-bridge";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var credit_balance_module_css_default = {
+			"amount": "Rbiksq_amount",
+			"readout": "Rbiksq_readout"
+		};
+		//#endregion
+		//#region src/client/credit-balance.tsx
+		/**
+		* Remaining credit, in the composer row immediately left of the model picker.
+		*
+		* This is the one place the figure is worth carrying: choosing a model is the
+		* moment the balance decides anything, and the card's own Credits tab is two
+		* clicks away from where the choice is made. It answers "how much have I got?"
+		* next to the control that spends it.
+		*
+		* **It is a readout, not a control.** A coin glyph followed by the number, in
+		* the same 28px row as the reasoning-level bulb beside it. The words "remaining"
+		* / "剩余" are deliberately absent: at this size a sentence competes with the
+		* number it is labelling, and the glyph already says *what* the number is. The
+		* full sentence survives as the `title` for anyone who hovers, and the card's
+		* Credits tab remains the place that spells the figure out.
+		*
+		* **It is shown only while the session runs a WorkBuddy model.** The balance
+		* belongs to the WorkBuddy account, so it is offered exactly where that account
+		* is the one being spent; a session on any other provider renders nothing and
+		* reads nothing. That keeps the composer row describing the model sitting in
+		* it, and avoids putting a second provider's ledger next to a model it cannot
+		* pay for.
+		*
+		* **It renders nothing rather than a guess.** Three states produce no label: the
+		* selection is not a WorkBuddy model, the status read has not answered yet, and
+		* the read failed. A blanket `0` or a `—` would be read as a balance, and being
+		* wrong about a balance is worse than being quiet — the same rule the message
+		* label follows.
+		*
+		* The seat is `conversation.input.right`, a `list` slot whose occupant becomes
+		* the immediate flex sibling of the model seat. Registering there rather than
+		* at `conversation.input.model` is deliberate and is pinned by
+		* `tests/redlines.spec.ts`: that seat is `single` and already holds the shipped
+		* `ModelSelect`, so a second registration at the same priority throws and takes
+		* the host's own picker down with it.
+		*
+		* @module dsh-workbuddy-bridge/client/credit-balance
+		*/
+		/**
+		* How often the balance is re-read while the composer is mounted.
+		*
+		* Two minutes rather than the status card's one: each read is a real billing
+		* request upstream, the figure only moves when credit is spent, and a window
+		* regaining focus forces a fresh read anyway.
+		*/
+		const POLL_INTERVAL_MS = 12e4;
+		/** Read one variant's status route and reduce it to a balance. */
+		async function readBalance(card, signal) {
+			try {
+				const response = await fetch(card.statusPath, {
+					credentials: "same-origin",
+					headers: { accept: "application/json" },
+					signal
+				});
+				if (!response.ok) return { kind: "unknown" };
+				const value = await response.json().catch(() => void 0);
+				if (!isWorkBuddyWebStatus(value) || value.status !== "signed-in") return { kind: "unknown" };
+				const credits = value.credits;
+				if (credits === void 0) return { kind: "unknown" };
+				return credits.unlimited === true ? { kind: "unlimited" } : {
+					kind: "total",
+					total: credits.total
+				};
+			} catch {
+				return { kind: "unknown" };
+			}
+		}
+		/**
+		* Show the signed-in WorkBuddy account's remaining credit beside the picker.
+		*
+		* The account is not per-session, so this reads the status route rather than
+		* the credit route: the balance belongs to whoever is signed in, while the
+		* per-message costs belong to the conversation.
+		*/
+		function WorkBuddyCreditBalance({ directory, t }) {
+			const selection = (0, react.useSyncExternalStore)((0, react.useCallback)((listener) => directory.subscribe(listener), [directory]), (0, react.useCallback)(() => directory.getSnapshot(), [directory]), (0, react.useCallback)(() => directory.getSnapshot(), [directory])).current;
+			const card = selection === null ? void 0 : cardVariantFor(selection.provider);
+			const [balance, setBalance] = (0, react.useState)({ kind: "unknown" });
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				if (card === void 0) {
+					setBalance({ kind: "unknown" });
+					return;
+				}
+				const controller = new AbortController();
+				const read = async () => {
+					const next = await readBalance(card, controller.signal);
+					if (!mounted.current || controller.signal.aborted) return;
+					setBalance(next);
+				};
+				read();
+				const timer = window.setInterval(() => {
+					read();
+				}, POLL_INTERVAL_MS);
+				const onFocus = () => {
+					read();
+				};
+				window.addEventListener("focus", onFocus);
+				return () => {
+					mounted.current = false;
+					controller.abort();
+					window.clearInterval(timer);
+					window.removeEventListener("focus", onFocus);
+				};
+			}, [card]);
+			if (card === void 0 || balance.kind === "unknown") return null;
+			const figure = balance.kind === "unlimited" ? t("creditRemainingUnlimited") : formatCredit(balance.total);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: credit_balance_module_css_default.readout,
+				title: t("creditBalanceTitle", { product: card.appName }),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CoinGlyph, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: credit_balance_module_css_default.amount,
+					children: figure
+				})]
+			});
+		}
+		//#endregion
 		//#region src/client/config-controller.ts
 		/**
 		* A boolean field. Staged as text like every other field, so one save covers
@@ -1769,6 +2520,29 @@ window.__ModuleLoader__.load({
 		const PROBE_SEAT = "conversation.input.right";
 		/** Entry id within that seat, so the registration is named in exactly one place. */
 		const PROBE_SEAT_ID = "workbuddy-probe";
+		/**
+		* The remaining-credit label's entry id, in the same `list` seat as the probe
+		* control.
+		*
+		* Sharing {@link PROBE_SEAT} rather than taking a seat of its own is what keeps
+		* the balance flush against the model picker: `conversation.input.right` renders
+		* as the immediate previous flex sibling of `conversation.input.model`, and two
+		* entries in one `list` seat keep that position. Both are ordered, so the
+		* balance can sit closer to the picker than the probe icon.
+		*/
+		const BALANCE_SEAT_ID = "workbuddy-credit-balance";
+		/**
+		* The assistant message's action strip — the row holding copy, the plugin
+		* actions, branch and the usage pill.
+		*
+		* A `list` seat declared by `dsh-client-ui-chat`, scoped to the session, whose
+		* owner currency is `{ messageId }`. The shipped Like/Dislike entry registers
+		* into it too, which is why this is the supported place for a per-message
+		* annotation: it is the row WorkBuddy's own client puts "共消耗" in.
+		*/
+		const MESSAGE_ACTIONS_SEAT = "conversation.chat.assistant-actions";
+		/** Entry id for the per-message credit label. */
+		const CREDIT_LABEL_SEAT_ID = "workbuddy-credit-label";
 		function apply(ctx) {
 			const t = ctx.locale.bind(NS);
 			ctx.effect(() => ctx.locale.register(NS, {
@@ -1786,15 +2560,40 @@ window.__ModuleLoader__.load({
 				inject: () => config.inject()
 			}, WorkBuddyConfigPage))), "dsh-workbuddy-bridge: configuration page");
 			ctx.inject(["modelDirectories"], (scope) => {
-				scope.slots.inject(PROBE_SEAT, () => scope.slots.register({
-					name: PROBE_SEAT,
-					id: PROBE_SEAT_ID,
-					inject: (sessionId) => ({
-						directory: scope.modelDirectories.directoryFor(sessionId).store,
-						t
-					})
-				}, WorkBuddyProbeControl));
+				scope.slots.inject(PROBE_SEAT, () => {
+					const releaseProbe = scope.slots.register({
+						name: PROBE_SEAT,
+						id: PROBE_SEAT_ID,
+						inject: (sessionId) => ({
+							directory: scope.modelDirectories.directoryFor(sessionId).store,
+							t
+						})
+					}, WorkBuddyProbeControl);
+					const releaseBalance = scope.slots.register({
+						name: PROBE_SEAT,
+						id: BALANCE_SEAT_ID,
+						order: -10,
+						inject: (sessionId) => ({
+							directory: scope.modelDirectories.directoryFor(sessionId).store,
+							t
+						})
+					}, WorkBuddyCreditBalance);
+					return () => {
+						releaseBalance();
+						releaseProbe();
+					};
+				});
 			});
+			ctx.inject(["modelDirectories"], (scope) => scope.slots.inject(MESSAGE_ACTIONS_SEAT, () => scope.slots.register({
+				name: MESSAGE_ACTIONS_SEAT,
+				id: CREDIT_LABEL_SEAT_ID,
+				locale: NS,
+				inject: (sessionId) => ({
+					directory: scope.modelDirectories.directoryFor(sessionId).store,
+					sessionId,
+					t
+				})
+			}, WorkBuddyCreditLabel)));
 		}
 		//#endregion
 		exports.BUNDLE_NAME = BUNDLE_NAME;