dsh-workbuddy-connect 0.3.2 → 0.5.0

package/lib/client.js

@@ -10,9 +10,47 @@ window.__ModuleLoader__.load({
 		/** 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-connect/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-process key the browser half receives with the status
+		* document.
+		*/
+		const WORKBUDDY_PROBE_PATH = "/plugins/dsh-workbuddy-connect/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-connect/ai/status";
+		const WORKBUDDY_AI_PROBE_PATH = "/plugins/dsh-workbuddy-connect/ai/probe";
 		//#endregion
 		//#region src/client/WorkBuddyPluginCard.tsx
 		/** WorkBuddy status card contributed to Harness Plugin configuration. */
+		/** CN WorkBuddy; the plugin's long-standing card and default. */
+		const CN_CARD_VARIANT = {
+			id: "workbuddy",
+			titleKey: "title",
+			introKey: "intro",
+			signedOutKey: "signedOutHint",
+			statusPath: WORKBUDDY_STATUS_PATH,
+			probePath: WORKBUDDY_PROBE_PATH
+		};
+		/** Both cards, in display order. */
+		const CARD_VARIANTS = [CN_CARD_VARIANT, {
+			id: "workbuddy-ai",
+			titleKey: "titleAI",
+			introKey: "introAI",
+			signedOutKey: "signedOutHintAI",
+			statusPath: WORKBUDDY_AI_STATUS_PATH,
+			probePath: WORKBUDDY_AI_PROBE_PATH
+		}];
 		const POLL_INTERVAL_MS = 6e4;
 		const cardStyle = {
 			overflow: "hidden",
@@ -82,7 +120,7 @@ window.__ModuleLoader__.load({
 			fontWeight: 500,
 			color: "var(--dsw-alias-label-primary)"
 		};
-		const buttonStyle = {
+		const buttonStyle$1 = {
 			boxSizing: "border-box",
 			minHeight: 34,
 			padding: "6px 14px",
@@ -148,10 +186,19 @@ window.__ModuleLoader__.load({
 			background: "var(--dsw-alias-state-success-subtle, rgba(34, 160, 107, 0.12))",
 			color: "var(--dsw-alias-state-success-primary, #22a06b)"
 		};
-		/** Localize an upstream promotional badge label, with an unknown-badge fallback. */
+		/**
+		* Localize an upstream promotional badge label, with an unknown-badge fallback.
+		*
+		* The CN catalog spells badges in Chinese (`限时免费`, `夜间折扣`); the
+		* international document's `modelPromotions` carries English (`Free now`). Both
+		* are mapped so the same promotion reads consistently in either UI language,
+		* and anything else passes through verbatim — an unrecognized badge is still
+		* information the upstream chose to show.
+		*/
 		function modelBadgeLabel(badge, t) {
 			if (badge === "限时免费") return t("badgeLimitedFree");
 			if (badge === "夜间折扣") return t("badgeNightDiscount");
+			if (badge === "Free now") return t("badgeFreeNow");
 			return badge;
 		}
 		const progressTrackStyle = {
@@ -160,6 +207,82 @@ window.__ModuleLoader__.load({
 			borderRadius: 999,
 			background: "var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.08))"
 		};
+		/**
+		* Inline confirmation box for a paid detection. Replaces the previous
+		* `window.confirm`: the decision is one line plus two buttons, and a modal
+		* alert for that is heavier than the action it guards.
+		*/
+		const confirmBoxStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10,
+			padding: "10px 12px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1)"
+		};
+		const confirmRowStyle$1 = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8
+		};
+		/** One probeable model's row: name on the left, state and action on the right. */
+		const probeRowStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 12
+		};
+		const probeRowEndStyle = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8,
+			flex: "0 0 auto"
+		};
+		/**
+		* Tab strip for the card body. Kept visually light — a full pill would compete
+		* with the section headings, and the card is already the densest surface the
+		* plugin owns.
+		*/
+		const tabBarStyle = {
+			display: "flex",
+			gap: 4,
+			marginTop: 4,
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const tabStyle = {
+			padding: "6px 12px",
+			border: 0,
+			borderBottom: "2px solid transparent",
+			background: "transparent",
+			color: "var(--dsw-alias-label-tertiary)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px",
+			cursor: "pointer"
+		};
+		const tabActiveStyle = {
+			borderBottom: "2px solid var(--dsw-alias-brand-primary)",
+			color: "var(--dsw-alias-label-primary)",
+			fontWeight: 600
+		};
+		const tabPanelStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 18,
+			paddingTop: 16
+		};
+		/**
+		* Primary action of the inline confirmation. Fill and text colour come from the
+		* theme as a pair: `brand-primary` is a light accent here, so pairing it with a
+		* hardcoded white would render white-on-white.
+		*/
+		const primaryButtonStyle$1 = {
+			...buttonStyle$1,
+			border: "1px solid var(--dsw-alias-button-primary-fill)",
+			background: "var(--dsw-alias-button-primary-fill)",
+			color: "var(--dsw-alias-label-primary-foreground)"
+		};
 		function progressFillStyle(percent) {
 			return {
 				width: `${Math.max(0, Math.min(100, percent))}%`,
@@ -239,18 +362,202 @@ window.__ModuleLoader__.load({
 							children: t("freeModel")
 						}) : null]
 					})]
-				}), model.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				}), model.credits === void 0 ? model.rateUnknown === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: modelRateStyle,
+					children: t("rateUnknown")
+				}) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					style: modelRateStyle,
 					children: t("rate", { rate: model.credits })
 				})]
 			});
 		}
+		/**
+		* Context capacity, listed in full.
+		*
+		* Every model the upstream reports a capacity for, largest first. A one-line
+		* summary with the exceptions on hover was tried and rejected: capacity is
+		* reference data you scan by model, and hiding most of it behind a hover made
+		* the common case (a model you already have in mind) the hard one to look up.
+		*
+		* Purely a report of the upstream's own numbers. The plugin offers no tier
+		* picker: the CN catalog declares one capacity per model and publishes no
+		* alternatives, so a menu there would mean inventing client-side policy. The
+		* international document does declare alternatives (`supportedLengths`), and
+		* they are shown as a secondary figure rather than merged into one number —
+		* the default is the budget actually requested, while the larger value is a
+		* ceiling the upstream would accept.
+		*/
+		function ContextTable({ models, t }) {
+			const known = (models ?? []).filter((model) => model.contextWindow !== void 0).sort((a, b) => b.contextWindow - a.contextWindow);
+			if (known.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaListStyle,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					style: quotaTitleStyle,
+					children: t("contextHeading")
+				}), known.map((model) => {
+					const capacity = model.contextWindow;
+					const alternative = model.maxContextWindow !== void 0 && model.maxContextWindow > capacity ? model.maxContextWindow : void 0;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: quotaLabelStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: modelOfferStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: { textAlign: "right" },
+								children: formatTokens(capacity)
+							}), alternative === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: modelRateStyle,
+								children: t("contextUpTo", { size: formatTokens(alternative) })
+							})]
+						})]
+					}, model.id);
+				})]
+			});
+		}
+		/**
+		* Compact token count for display: the catalog's own round numbers (`200000`,
+		* `1000000`) read better as `200K` / `1M`, and no precision is lost because
+		* these values are always whole thousands.
+		*/
+		function formatTokens(tokens) {
+			if (tokens >= 1e6 && tokens % 1e6 === 0) return `${tokens / 1e6}M`;
+			if (tokens >= 1e3 && tokens % 1e3 === 0) return `${tokens / 1e3}K`;
+			return String(tokens);
+		}
+		/**
+		* Reasoning-effort detection section: consent switches, per-model detection,
+		* and the recorded observations.
+		*
+		* Two deliberate UX rules from the plan (§3.1, §3.2):
+		* - the confirmation is shown *before* any request, and its copy states the
+		*   credit caveat;
+		* - 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.
+		*/
+		function ProbeSection({ probe, t, onDetect, onClear, busy }) {
+			const [pending, setPending] = (0, react.useState)();
+			const [runningModel, setRunningModel] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				if (pending !== void 0 && !probe.candidates.includes(pending)) setPending(void 0);
+			}, [pending, probe.candidates]);
+			const runningArmed = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (runningModel === void 0) return;
+				if (busy || probe.running) {
+					runningArmed.current = true;
+					return;
+				}
+				if (!runningArmed.current) return;
+				runningArmed.current = false;
+				setRunningModel(void 0);
+			}, [
+				runningModel,
+				busy,
+				probe.running
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaListStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						style: quotaTitleStyle,
+						children: t("probeHeading")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: t("probeIntro")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: t("probeConsentHint")
+					}),
+					probe.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: t("probeRunningGeneric")
+					}) : null,
+					probe.candidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: t("probeResultEmpty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: quotaGroupStyle,
+						children: probe.candidates.map((id) => {
+							const result = probe.results.find((entry) => entry.id === id);
+							const name = result?.name ?? id;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: modelOfferStyle,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: probeRowStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											style: probeRowEndStyle,
+											children: [result === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: modelBadgeChipStyle,
+												children: result.validation === "validating" && result.efforts.length > 0 ? result.efforts.join(" / ") : t(result.validation === "non-validating" ? "probeResultNotValidating" : "probeResultUnknown")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: buttonStyle$1,
+												disabled: probe.running || busy,
+												onClick: () => {
+													setPending(id);
+												},
+												children: runningModel === id ? t("probeRunning", { model: id }) : t(result === void 0 ? "probeStart" : "probeRedetect")
+											})]
+										})]
+									}),
+									result === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: modelRateStyle,
+										children: t("probeResultAt", { time: formatTime(result.probedAt) })
+									}),
+									pending === id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: confirmBoxStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											style: bodyStyle,
+											children: t("probeConfirmBody", { model: name })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: confirmRowStyle$1,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: buttonStyle$1,
+												onClick: () => {
+													setPending(void 0);
+												},
+												children: t("cancel")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: primaryButtonStyle$1,
+												disabled: probe.running || busy,
+												onClick: () => {
+													setRunningModel(id);
+													setPending(void 0);
+													onDetect(id);
+												},
+												children: t("probeConfirmAction")
+											})]
+										})]
+									}) : null
+								]
+							}, id);
+						})
+					}),
+					probe.results.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: buttonStyle$1,
+						disabled: busy,
+						onClick: () => {
+							onClear();
+						},
+						children: t("probeClear")
+					})
+				]
+			});
+		}
 		/** Render WorkBuddy sign-in state and credit as one expandable card. */
-		function WorkBuddyPluginCard({ t }) {
+		function WorkBuddyPluginCard({ t, variant = CN_CARD_VARIANT }) {
 			if (t === void 0) throw new Error("WorkBuddy plugin card requires its translation function");
 			const [open, setOpen] = (0, react.useState)(false);
 			const [status, setStatus] = (0, react.useState)({ status: "signed-out" });
 			const [busy, setBusy] = (0, react.useState)(false);
+			const [tab, setTab] = (0, react.useState)("status");
 			const mounted = (0, react.useRef)(true);
 			(0, react.useEffect)(() => {
 				mounted.current = true;
@@ -260,7 +567,7 @@ window.__ModuleLoader__.load({
 			}, []);
 			const refresh = (0, react.useCallback)(async (signal) => {
 				try {
-					const response = await fetch(WORKBUDDY_STATUS_PATH, {
+					const response = await fetch(variant.statusPath, {
 						headers: { accept: "application/json" },
 						credentials: "same-origin",
 						...signal === void 0 ? {} : { signal }
@@ -274,7 +581,7 @@ window.__ModuleLoader__.load({
 						message: error instanceof Error ? error.message : t("requestFailed")
 					});
 				}
-			}, [t]);
+			}, [t, variant.statusPath]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
 				const controller = new AbortController();
@@ -306,8 +613,98 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setBusy(false);
 				}
 			};
-			const title = t("title");
-			const label = status.status === "signed-in" ? status.nickname === void 0 ? t("signedInAs", { nickname: "" }).replace(/[:：]\s*$/, "") : t("signedInAs", { nickname: status.nickname }) : status.status === "error" ? t("requestFailed") : t("signedOut");
+			/**
+			* Ask the host to re-read the credential and re-fetch this variant's catalog.
+			*
+			* Shares the probe route's key and guards: it is a write that spends an
+			* upstream request, so it does not belong on the read-only status GET. A
+			* failure is surfaced through the refreshed document's `catalog.error` rather
+			* than thrown away, so the reason survives the round trip.
+			*/
+			const refreshModels = (0, react.useCallback)(async () => {
+				const key = status.status === "signed-in" ? status.probeKey : void 0;
+				if (key === void 0) return;
+				setBusy(true);
+				try {
+					const response = await fetch(variant.probePath, {
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+							"X-WorkBuddy-Probe-Key": key
+						},
+						credentials: "same-origin",
+						body: JSON.stringify({ action: "refresh" })
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}`);
+				} catch (error) {
+					if (mounted.current) setStatus((previous) => ({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					}));
+					return;
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+				await refresh();
+			}, [
+				refresh,
+				status,
+				t,
+				variant.probePath
+			]);
+			/**
+			* Run one control action and refresh the card's state afterwards.
+			*
+			* The key travels in a header, not the body: it authorizes the write, and
+			* the host never accepts a prompt, a sentinel, or a model outside its own
+			* catalog from here.
+			*/
+			const control = (0, react.useCallback)(async (action) => {
+				const key = status.status === "signed-in" ? status.probeKey : void 0;
+				if (key === void 0) return;
+				setBusy(true);
+				try {
+					const response = await fetch(variant.probePath, {
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+							"X-WorkBuddy-Probe-Key": key
+						},
+						credentials: "same-origin",
+						body: JSON.stringify(action)
+					});
+					const value = await response.json().catch(() => void 0);
+					if (!response.ok) {
+						const message = typeof value === "object" && value !== null && "error" in value ? String(value["error"]) : `HTTP ${response.status}`;
+						throw new Error(message);
+					}
+					await refresh();
+				} catch (error) {
+					if (mounted.current) setStatus((previous) => ({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					}));
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			}, [
+				refresh,
+				status,
+				t,
+				variant.probePath
+			]);
+			/**
+			* Start a detection. Confirmation happens inline in the section, so this is
+			* only ever called after the user has already agreed.
+			*/
+			const confirmDetect = (0, react.useCallback)((modelId) => {
+				control({
+					action: "probe",
+					model: modelId
+				});
+			}, [control]);
+			const title = t(variant.titleKey);
+			const label = status.status === "signed-in" ? status.nickname === void 0 ? t("signedInAs", { nickname: "" }).trimEnd().replace(/[:：]$/, "") : t("signedInAs", { nickname: status.nickname }) : status.status === "error" ? t("requestFailed") : t("signedOut");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				style: cardStyle,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -325,7 +722,7 @@ window.__ModuleLoader__.load({
 							children: title
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: descriptionStyle,
-							children: t("intro")
+							children: t(variant.introKey)
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"aria-hidden": "true",
@@ -353,7 +750,7 @@ window.__ModuleLoader__.load({
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: buttonStyle,
+								style: buttonStyle$1,
 								disabled: busy,
 								onClick: () => {
 									manualRefresh();
@@ -366,42 +763,110 @@ window.__ModuleLoader__.load({
 								style: bodyStyle,
 								children: t("accessTokenExpires", { time: formatTime(status.expiresAt) })
 							}),
-							status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: quotaListStyle,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: rowStyle,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-										style: quotaTitleStyle,
-										children: t("creditsHeading")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: bodyStyle,
-										children: t("creditsTotal", { total: formatNumber(status.credits.total) })
-									})]
-								}), status.credits.accounts.filter((account) => account.remain > 0).map((account, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBar, {
-									label: account.packageName,
-									remain: account.remain,
-									size: account.size,
-									t
-								}, `${account.packageName}-${String(index)}`))]
+							status.catalog === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: rowStyle,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: bodyStyle,
+									children: [status.catalog.source === "live" && status.catalog.fetchedAt !== void 0 ? t("catalogLive", { time: formatTime(status.catalog.fetchedAt) }) : status.catalog.source === "saved" && status.catalog.fetchedAt !== void 0 ? t("catalogSaved", { time: formatTime(status.catalog.fetchedAt) }) : t("catalogFallback"), status.catalog.appVersion === void 0 ? "" : ` · ${t("catalogAppVersion", { version: status.catalog.appVersion })}`]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: buttonStyle$1,
+									disabled: busy,
+									onClick: () => {
+										refreshModels();
+									},
+									children: busy ? t("refreshingModels") : t("refreshModels")
+								})]
 							}),
-							status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							status.catalog?.error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								style: errorStyle,
-								children: t("creditsError", { message: status.creditsError })
+								children: t("catalogError", { message: status.catalog.error })
 							}),
-							status.models === void 0 || status.models.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: quotaListStyle,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-									style: quotaTitleStyle,
-									children: t("modelsHeading")
-								}), status.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelOfferRow, {
-									model,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								role: "tablist",
+								style: tabBarStyle,
+								children: [
+									"status",
+									"context",
+									"details"
+								].map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "tab",
+									"aria-selected": tab === id,
+									onClick: () => {
+										setTab(id);
+									},
+									style: {
+										...tabStyle,
+										...tab === id ? tabActiveStyle : {}
+									},
+									children: t(id === "status" ? "tabStatus" : id === "context" ? "tabContext" : "tabDetails")
+								}, id))
+							}),
+							tab === "status" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: tabPanelStyle,
+								children: [
+									status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: quotaListStyle,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: rowStyle,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+												style: quotaTitleStyle,
+												children: t("creditsHeading")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: bodyStyle,
+												children: t("creditsTotal", { total: formatNumber(status.credits.total) })
+											})]
+										})
+									}),
+									status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										style: errorStyle,
+										children: t("creditsError", { message: status.creditsError })
+									}),
+									status.probe === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeSection, {
+										probe: status.probe,
+										t,
+										busy,
+										onDetect: confirmDetect,
+										onClear: () => {
+											control({ action: "clear" });
+										}
+									})
+								]
+							}) : tab === "context" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: tabPanelStyle,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextTable, {
+									models: status.models,
 									t
-								}, model.id))]
+								})
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: tabPanelStyle,
+								children: [status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: quotaListStyle,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										style: quotaTitleStyle,
+										children: t("creditsDetailHeading")
+									}), status.credits.accounts.filter((account) => account.remain > 0).map((account, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBar, {
+										label: account.packageName,
+										remain: account.remain,
+										size: account.size,
+										t
+									}, `${account.packageName}-${String(index)}`))]
+								}), status.models === void 0 || status.models.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: quotaListStyle,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										style: quotaTitleStyle,
+										children: t("modelsHeading")
+									}), status.models.filter((model) => model.free === true || (model.badges?.length ?? 0) > 0).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelOfferRow, {
+										model,
+										t
+									}, model.id))]
+								})]
 							})
 						] }) : null,
 						status.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							style: bodyStyle,
-							children: t("signedOutHint")
+							style: status.reason === void 0 ? bodyStyle : errorStyle,
+							children: status.reason ?? t(variant.signedOutKey)
 						}) : null,
 						status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							style: errorStyle,
@@ -412,19 +877,441 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/WorkBuddyProbeControl.tsx
+		/**
+		* Per-model reasoning-effort entry beside the Composer's model selector.
+		*
+		* Interaction follows the Fast Mode control `dsh-codex-connect` ships in this
+		* same seat, which is the established shape for composer chrome here:
+		*
+		* - a **static inline label** next to the icon names the feature ("Reasoning
+		*   levels"), set smaller and dimmer than the surrounding chrome so it reads as
+		*   an annotation on the icon. It never carries state: the verified levels
+		*   already appear in the model dropdown (the adapter exposes them as
+		*   selectable efforts), so repeating them here would duplicate the real answer
+		*   and make the label's width jump as results change.
+		* - a **hover/focus tooltip** carries the state and the click's purpose, the way
+		*   Fast Mode's tooltip explains its current speed.
+		* - the **confirmation** is a small bubble anchored to the control, not a
+		*   `window.confirm`. Probing spends real credit, so a confirmation stays — but
+		*   it belongs next to the thing it acts on, sized to one line plus two small
+		*   buttons.
+		*
+		* @module dsh-workbuddy-connect/client/probe-control
+		*/
+		/**
+		* The card (and therefore the routes) a selected provider belongs to.
+		*
+		* The control serves both WorkBuddy providers from one seat, so the provider id
+		* is what selects the status and probe endpoints. Returning `undefined` for any
+		* other provider is what keeps the icon off every non-WorkBuddy model.
+		*/
+		function cardVariantFor(provider) {
+			return CARD_VARIANTS.find((card) => card.id === provider);
+		}
+		/** How often the control re-checks state when the window regains focus. */
+		const RECONCILE_MS = 6e4;
+		const wrapperStyle = {
+			display: "inline-flex",
+			position: "relative",
+			alignItems: "center",
+			transform: "translateY(2px)",
+			marginRight: -8
+		};
+		const buttonStyle = {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 2,
+			height: 30,
+			padding: "0 6px",
+			border: 0,
+			borderRadius: 8,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			whiteSpace: "nowrap",
+			cursor: "pointer"
+		};
+		/**
+		* The inline label. Smaller and dimmer than the surrounding chrome on purpose:
+		* it names the feature, so it should read as an annotation attached to the icon
+		* rather than compete with the adjacent model selector.
+		*/
+		const labelStyle = {
+			fontSize: 11,
+			lineHeight: "16px",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		/** Tooltip bubble: the Fast Mode shape (nowrap, one line, above the control). */
+		const tooltipStyle = {
+			position: "absolute",
+			left: "50%",
+			bottom: "calc(100% + 8px)",
+			zIndex: 1e3,
+			transform: "translateX(-50%)",
+			padding: "4px 8px",
+			borderRadius: 6,
+			background: "var(--dsw-specific-tip, #1f2329)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary, #fff)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "nowrap",
+			pointerEvents: "none"
+		};
+		/** Confirmation bubble: same anchor, but interactive and allowed to wrap. */
+		const confirmStyle = {
+			position: "absolute",
+			right: 0,
+			bottom: "calc(100% + 8px)",
+			zIndex: 1001,
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			width: 260,
+			padding: "10px 12px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1, #fff)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const confirmRowStyle = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8
+		};
+		const confirmButtonStyle = {
+			padding: "3px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "transparent",
+			color: "inherit",
+			font: "inherit",
+			fontSize: 12,
+			cursor: "pointer"
+		};
+		/**
+		* Primary action inside the confirmation bubble.
+		*
+		* The fill and its text colour must come as a pair: `brand-primary` resolves to
+		* a light accent in this theme, so hardcoding `color: #fff` on top of it renders
+		* white-on-white. `button-primary-fill` + `label-primary-foreground` is the
+		* theme's own pair for exactly this, and is what `dsh-codex-connect` uses for
+		* the same job.
+		*/
+		const primaryButtonStyle = {
+			...confirmButtonStyle,
+			border: "1px solid var(--dsw-alias-button-primary-fill)",
+			background: "var(--dsw-alias-button-primary-fill)",
+			color: "var(--dsw-alias-label-primary-foreground)"
+		};
+		/**
+		* Result note: a single line + a dismiss button, anchored to the control's
+		* right side. Smaller than the confirmation bubble because it carries an
+		* *outcome*, not a *decision* — the work is done, the user only has to read
+		* and dismiss.
+		*/
+		const noteStyle = {
+			position: "absolute",
+			right: 0,
+			bottom: "calc(100% + 8px)",
+			zIndex: 1001,
+			display: "flex",
+			alignItems: "center",
+			gap: 12,
+			padding: "6px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "nowrap"
+		};
+		/**
+		* The note's dismiss action. Outlined rather than bare text: inside an already
+		* bordered bubble, an unbordered word does not read as something you can click.
+		* Matches the outlined pill convention the plugin's other secondary actions use.
+		*/
+		const noteDismissStyle = {
+			padding: "2px 8px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			cursor: "pointer"
+		};
+		/**
+		* The feature's static inline label. Deliberately not a state readout — see the
+		* module comment.
+		*/
+		function useLabel(t) {
+			return t("probeLabel");
+		}
+		/** Pick the model's recorded observation out of the probe section. */
+		function resultFor(status, model) {
+			if (status.status !== "signed-in") return void 0;
+			return status.probe?.results.find((result) => result.id === model);
+		}
+		/**
+		* The one-line tooltip: current state first, then what a click does — the same
+		* two-part shape Fast Mode uses.
+		*/
+		function tooltipText(t, model, state) {
+			if (state.busy) return t("probeRunning", { model });
+			if (state.failed) return t("probeTooltipRetry");
+			const result = state.result;
+			if (result === void 0) return t("probeTooltipIdle", { model });
+			if (result.validation === "validating" && result.efforts.length > 0) return t("probeTooltipVerified", { levels: result.efforts.join(" / ") });
+			if (result.validation === "non-validating") return t("probeTooltipNotValidating");
+			return t("probeTooltipRetry");
+		}
+		/** Model-independent shell: resolves the selection, then delegates per model. */
+		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);
+			const key = card === void 0 || selection === void 0 ? void 0 : `${card.id}:${selection.model}`;
+			return card === void 0 || selection === void 0 || key === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelProbe, {
+				model: selection.model,
+				card,
+				label: useLabel(t),
+				t
+			}, key);
+		}
+		function ModelProbe({ model, card, label, t }) {
+			const [status, setStatus] = (0, react.useState)();
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [confirming, setConfirming] = (0, react.useState)(false);
+			const [tooltipVisible, setTooltipVisible] = (0, react.useState)(false);
+			const [failed, setFailed] = (0, react.useState)(false);
+			const [note, setNote] = (0, react.useState)();
+			const inFlight = (0, react.useRef)(false);
+			const mounted = (0, react.useRef)(false);
+			const tooltipId = (0, react.useId)();
+			const refresh = (0, react.useCallback)(async (signal) => {
+				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();
+				if (mounted.current && !signal?.aborted) setStatus(value);
+			}, [card.statusPath]);
+			(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;
+			(0, react.useEffect)(() => {
+				setConfirming(false);
+				setNote(void 0);
+			}, [model]);
+			const detect = async () => {
+				if (key === void 0 || inFlight.current || probe?.running === true) return;
+				inFlight.current = true;
+				setNote(void 0);
+				setConfirming(false);
+				setBusy(true);
+				setFailed(false);
+				try {
+					const response = await fetch(card.probePath, {
+						method: "POST",
+						credentials: "same-origin",
+						headers: {
+							"Content-Type": "application/json",
+							"X-WorkBuddy-Probe-Key": key
+						},
+						body: JSON.stringify({
+							action: "probe",
+							model
+						})
+					});
+					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) {
+						const completed = {
+							id: model,
+							name: model,
+							validation: body.validation,
+							efforts: body.efforts,
+							probedAt: Date.now()
+						};
+						setNote(completed);
+					}
+					refresh().catch(() => {});
+				} catch {
+					if (mounted.current) setFailed(true);
+				} finally {
+					inFlight.current = false;
+					if (mounted.current) setBusy(false);
+				}
+			};
+			if (!visible) return null;
+			const text = tooltipText(t, model, {
+				busy,
+				result,
+				failed
+			});
+			const disabled = busy || probe?.running === true || key === void 0;
+			const showTooltip = tooltipVisible && !confirming && note === void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				style: wrapperStyle,
+				onMouseEnter: () => {
+					setTooltipVisible(true);
+				},
+				onMouseLeave: () => {
+					setTooltipVisible(false);
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						"aria-label": text,
+						"aria-describedby": showTooltip ? tooltipId : void 0,
+						"aria-busy": busy,
+						"aria-expanded": confirming,
+						disabled,
+						onClick: () => {
+							setConfirming(true);
+						},
+						onFocus: () => {
+							setTooltipVisible(true);
+						},
+						onBlur: () => {
+							setTooltipVisible(false);
+						},
+						style: {
+							...buttonStyle,
+							opacity: disabled && !confirming ? .6 : 1,
+							cursor: disabled ? "default" : "pointer"
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.6",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "9"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "4"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 12 20 4" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "1"
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: labelStyle,
+							children: label
+						})]
+					}),
+					showTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: tooltipId,
+						role: "tooltip",
+						style: tooltipStyle,
+						children: text
+					}),
+					confirming && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: confirmStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("probeBubbleBody") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: confirmRowStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: confirmButtonStyle,
+								onClick: () => {
+									setConfirming(false);
+								},
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: primaryButtonStyle,
+								onClick: () => {
+									detect();
+								},
+								children: t("probeConfirmAction")
+							})]
+						})]
+					}),
+					note === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						role: "status",
+						"aria-live": "polite",
+						style: noteStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: noteText(t, note) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: noteDismissStyle,
+							onClick: () => {
+								setNote(void 0);
+							},
+							children: t("probeNoteDismiss")
+						})]
+					})
+				]
+			});
+		}
+		/** Compose the one-line outcome string the note bubble shows. */
+		function noteText(t, result) {
+			if (result.validation === "validating" && result.efforts.length > 0) return t("probeNoteVerified", { levels: result.efforts.join(" / ") });
+			if (result.validation === "non-validating") return t("probeNoteNotValidating");
+			return t("probeNoteUnknown");
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		/** Plugin-card copy registered under the settings.workbuddy locale namespace. */
 		const en = {
 			title: "DSH WorkBuddy Connect",
 			intro: "Use the models in the WorkBuddy desktop app directly in DSH — zero configuration, ready out of the box.",
+			titleAI: "DSH WorkBuddy AI Connect",
+			introAI: "Use the models in the WorkBuddy AI international desktop app directly in DSH — zero configuration, ready out of the box.",
 			expand: "Expand",
 			collapse: "Collapse",
 			loading: "Loading account…",
 			signedOut: "Not signed in",
 			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.",
 			signedInAs: "Signed in as {nickname}",
 			accessTokenExpires: "Access token expires {time} (refresh is automatic)",
 			creditsHeading: "Remaining credit",
+			tabStatus: "Status",
+			tabContext: "Context window",
+			tabDetails: "Credit details",
+			creditsDetailHeading: "By package",
 			creditsTotal: "Total: {total}",
 			percentRemaining: "{percent}% remaining",
 			exactRemaining: "{remain} / {size} remaining",
@@ -432,25 +1319,72 @@ window.__ModuleLoader__.load({
 			creditsError: "Credit unavailable: {message}",
 			refresh: "Refresh",
 			refreshing: "Refreshing…",
+			refreshModels: "Refresh model list",
+			refreshingModels: "Refreshing models…",
+			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)",
+			catalogError: "Last update failed: {message}",
+			catalogAppVersion: "App version {version}",
 			requestFailed: "Request failed",
 			accountHeading: "Account",
 			modelsHeading: "Model offers",
+			contextHeading: "Context window",
+			contextUpTo: "up to {size}",
 			freeModel: "Free",
 			badgeLimitedFree: "Limited-time free",
 			badgeNightDiscount: "Night discount",
-			rate: "{rate} credits per message"
+			badgeFreeNow: "Free now",
+			rate: "{rate} credits per message",
+			rateUnknown: "Price unavailable — refresh to update",
+			probeLabel: "Reasoning levels",
+			probeTooltipIdle: "Detect the reasoning levels {model} accepts",
+			probeTooltipVerified: "Accepted levels: {levels} · click to detect again",
+			probeTooltipNotValidating: "This model does not check the effort parameter",
+			probeTooltipRetry: "Detection did not complete · click to retry",
+			probeBubbleBody: "Send test requests to confirm the available reasoning levels. May consume a small amount of credit.",
+			probeConfirmAction: "Confirm",
+			probeNoteVerified: "Detected: {levels}",
+			probeNoteNotValidating: "This model does not check the effort parameter",
+			probeNoteUnknown: "Detection did not complete",
+			probeNoteDismiss: "Got it",
+			probeHeading: "Reasoning effort detection",
+			probeResultNoLevels: "No tested levels were accepted.",
+			probeIntro: "Some models reason but declare no selectable effort levels. Detecting which levels a model accepts sends a few real requests that may consume credit.",
+			probeConsentHint: "Each detection sends test requests to one model to confirm its available reasoning levels, and may consume a small amount of credit.",
+			probeStart: "Detect",
+			probeRedetect: "Detect again",
+			probeRunning: "Detecting {model}…",
+			probeRunningGeneric: "Detecting…",
+			probeClear: "Clear detected results",
+			probeCandidates: "Detectable models: {count}",
+			probeConfirmBody: "Send test requests to {model} to confirm its available reasoning levels. May consume a small amount of credit.",
+			cancel: "Cancel",
+			probeResultVerified: "Verified levels: {levels}",
+			probeResultNotValidating: "This model does not check the effort parameter",
+			probeResultUnknown: "Detection did not complete",
+			probeResultAt: "Detected {time}",
+			probeResultEmpty: "No detectable models right now.",
+			probeFailed: "Detection failed: {message}"
 		};
 		const zh = {
 			title: "DSH WorkBuddy Connect",
 			intro: "在 DSH 中直接使用 WorkBuddy 桌面 App 包含的模型，开箱即用，无需额外配置。",
+			titleAI: "DSH WorkBuddy AI Connect",
+			introAI: "在 DSH 中直接使用 WorkBuddy AI 国际版桌面 App 包含的模型，开箱即用，无需额外配置。",
 			expand: "展开",
 			collapse: "收起",
 			loading: "正在读取账号…",
 			signedOut: "未登录",
 			signedOutHint: "在 WorkBuddy 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
+			signedOutHintAI: "在 WorkBuddy AI 国际版桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
 			signedInAs: "已登录：{nickname}",
 			accessTokenExpires: "访问令牌 {time} 过期（自动续期）",
 			creditsHeading: "剩余积分",
+			tabStatus: "状态",
+			tabContext: "上下文窗口",
+			tabDetails: "积分详情",
+			creditsDetailHeading: "按套餐",
 			creditsTotal: "合计：{total}",
 			percentRemaining: "剩余 {percent}%",
 			exactRemaining: "剩余 {remain} / {size}",
@@ -458,13 +1392,53 @@ window.__ModuleLoader__.load({
 			creditsError: "积分查询失败：{message}",
 			refresh: "刷新",
 			refreshing: "正在刷新…",
+			refreshModels: "刷新模型列表",
+			refreshingModels: "正在刷新模型…",
+			catalogLive: "模型列表更新于 {time}",
+			catalogSaved: "当前显示已保存的模型列表，更新于 {time}",
+			catalogFallback: "当前显示内置模型列表（尚未从 WorkBuddy 更新）",
+			catalogError: "上次更新失败：{message}",
+			catalogAppVersion: "App 版本 {version}",
 			requestFailed: "请求失败",
 			accountHeading: "账号",
 			modelsHeading: "模型优惠",
+			contextHeading: "上下文窗口",
+			contextUpTo: "最高 {size}",
 			freeModel: "免费",
 			badgeLimitedFree: "限时免费",
 			badgeNightDiscount: "夜间折扣",
-			rate: "{rate} 积分/次"
+			badgeFreeNow: "限时免费",
+			rate: "{rate} 积分/次",
+			rateUnknown: "价格未知 — 刷新后更新",
+			probeLabel: "推理等级",
+			probeTooltipIdle: "检测 {model} 可用的推理档位",
+			probeTooltipVerified: "已接受：{levels} · 点击可重新检测",
+			probeTooltipNotValidating: "该模型不校验该参数",
+			probeTooltipRetry: "检测未完成 · 点击重试",
+			probeBubbleBody: "发送探测请求以确认可用推理档位。可能消耗少量积分。",
+			probeConfirmAction: "确认检测",
+			probeNoteVerified: "已检测：{levels}",
+			probeNoteNotValidating: "该模型不校验该参数",
+			probeNoteUnknown: "检测未完成",
+			probeNoteDismiss: "知道了",
+			probeHeading: "推理档位检测",
+			probeResultNoLevels: "本次测试的档位均未被接受。",
+			probeIntro: "部分模型具备思考能力，但没有声明可选档位。检测会发送少量真实请求，可能消耗积分。",
+			probeConsentHint: "每次检测会向该模型发送探测请求，以确认可用推理档位，可能消耗少量积分。",
+			probeStart: "开始检测",
+			probeRedetect: "重新检测",
+			probeRunning: "正在检测 {model}…",
+			probeRunningGeneric: "正在检测…",
+			probeClear: "清除已探测结果",
+			probeCandidates: "可检测模型：{count} 个",
+			probeConfirmBody: "向 {model} 发送探测请求，以确认可用推理档位。可能消耗少量积分。",
+			cancel: "取消",
+			probeResultVerified: "已验证接受的档位：{levels}",
+			probeResultNotValidating: "该模型不校验该参数",
+			probeResultUnknown: "检测未完成",
+			probeResultAt: "检测于 {time}",
+			probeResultEmpty: "当前没有可检测的模型。",
+			probeFailed: "检测失败：{message}"
 		};
 		//#endregion
 		//#region src/client/index.tsx
@@ -509,12 +1483,26 @@ window.__ModuleLoader__.load({
 					en
 				}), "dsh-workbuddy-connect: settings copy");
 				const t = ctx.locale.bind(namespace);
-				ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+				for (const [index, variant] of CARD_VARIANTS.entries()) ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
 					name: "settings.plugin.item",
-					key: "workbuddy",
-					priority: 30,
-					inject: () => ({ t })
+					key: variant.id,
+					priority: 30 - index,
+					inject: () => ({
+						t,
+						variant
+					})
 				}, WorkBuddyPluginCard));
+				ctx.inject(["modelDirectories"], (scope) => {
+					scope.slots.inject("conversation.input.right", () => scope.slots.register({
+						name: "conversation.input.right",
+						id: "workbuddy-probe",
+						order: 10,
+						inject: (sessionId) => ({
+							directory: scope.modelDirectories.directoryFor(sessionId).store,
+							t
+						})
+					}, WorkBuddyProbeControl));
+				});
 			} catch (error) {
 				console.error("[dsh-workbuddy-connect] client card failed to load (host provider unaffected):", error);
 			}