dsh-connect-workbuddy 5.8.5 → 5.10.0

package/lib/client.js

@@ -50,6 +50,18 @@ window.__ModuleLoader__.load({
 		const WORKBUDDY_BENEFIT_CLAIM_PATH = "/plugins/dsh-connect-workbuddy/benefit/claim";
 		/** Plugin-owned live model refresh endpoint. */
 		const WORKBUDDY_MODELS_REFRESH_PATH = "/plugins/dsh-connect-workbuddy/models/refresh";
+		/**
+		* Plugin-owned MEDIA model list endpoint (image + video, read from the region's
+		* `/v3/config`).
+		*
+		* Separate from {@link WORKBUDDY_MODELS_REFRESH_PATH} because it answers a
+		* different question from a different document projection: the refresh route
+		* returns the CHAT roster, from which `selectCliModels` drops every media
+		* entry, while this one keeps the `text-to-image`/`image-to-image`/
+		* `text-to-video`/`image-to-video` rows the card lists. Read-only and free —
+		* it is the same GET the image tool already performs.
+		*/
+		const WORKBUDDY_MEDIA_MODELS_PATH = "/plugins/dsh-connect-workbuddy/media-models";
 		/** Plugin-owned local account rescan endpoint. */
 		const WORKBUDDY_ACCOUNTS_REFRESH_PATH = "/plugins/dsh-connect-workbuddy/accounts/refresh";
 		/**
@@ -2129,8 +2141,27 @@ window.__ModuleLoader__.load({
 		*
 		* Any other malformed value is left to the caller to drop — a wrong window
 		* would hide a live promotion, and guessing is not this parser's job.
+		*
+		* THE TYPE GUARD IS LOAD-BEARING, NOT DEFENSIVE DECORATION (issue #139). The
+		* upstream feeds a string, and `parseDaily`'s own `text()` would already have
+		* dropped a number — but the SAVED `lastCatalog` is a second, independent
+		* entrance to this function, and nothing on that path type-checks. A promotion
+		* object rides through `toPersistedWorkBuddyModel` untouched (the settings
+		* schema keeps unknown keys), survives `resolveRoster`, and reaches the
+		* renderer's `selectPromoBadge`. A numeric `start` there used to throw
+		* `value.trim is not a function` DURING RENDER, which the host's slot error
+		* boundary turned into a blank configuration section — the page looked as if
+		* the plugin had never installed.
+		*
+		* Refusing a non-string is the same answer the parser already gives every
+		* other unreadable shape: drop the window rather than guess. Interpreting a
+		* number as "minutes since midnight" was considered and rejected — `1380`
+		* happens to mean 23:00, but no upstream has ever published that shape, and
+		* inventing hours for a promotion the upstream never described is exactly the
+		* overstatement this module exists to prevent.
 		*/
 		function minutesOfClock(value) {
+			if (typeof value !== "string") return void 0;
 			const match = /^(\d{1,2}):(\d{2})$/.exec(value.trim());
 			if (match === null) return void 0;
 			const hours = Number(match[1]);
@@ -4962,6 +4993,27 @@ window.__ModuleLoader__.load({
 .dsm-workbuddy-pref-lead{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
 .dsm-workbuddy-pref-lead .dsm-workbuddy-pref-label{flex:none}
 .dsm-workbuddy-pref-hint{color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:17px}
+/* The media roster: a READ-ONLY list, so it is drawn as quiet rows rather than
+   as a table — it answers "what can this tab draw with" in passing, and must
+   not compete with the switches above it for attention. The id is monospace
+   and dimmer than the name because it is the string a tool call has to pass,
+   not the thing a human reads; the tag chips carry the only colour, one hue
+   per direction (text→image vs image→image), so the grouping is visible
+   without a legend. */
+/* Aligned with the indented rows above it, but under its OWN class: the
+   credit position picker owns .dsm-workbuddy-pref-indent, and the card suite
+   resolves that selector expecting the picker. This block is a block (lead
+   row + hint + list), not a single indented line. */
+.dsm-workbuddy-media{padding-left:25px}
+.dsm-workbuddy-media-list{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
+.dsm-workbuddy-media-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-width:0}
+.dsm-workbuddy-media-name{color:var(--dsw-alias-label-secondary,#b8bcc4);font-size:12px}
+.dsm-workbuddy-media-id{color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
+.dsm-workbuddy-media-tags{display:inline-flex;flex-wrap:wrap;gap:4px}
+.dsm-workbuddy-media-tag{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:0 6px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#8b8f98)}
+.dsm-workbuddy-media-empty,.dsm-workbuddy-media-error{font-size:12px;line-height:17px}
+.dsm-workbuddy-media-empty{color:var(--dsw-alias-label-tertiary,#8b8f98)}
+.dsm-workbuddy-media-error{color:var(--dsw-alias-label-error,#e5675f)}
 /* The supplement to the host's fixed quota sentence (issue #63). The plugin no
    longer claims the host's shell.quota-notice chain seat, so this no longer
    paints into shell.overlay — that seat is the reason the previous build's
@@ -6043,6 +6095,32 @@ window.__ModuleLoader__.load({
 		* text-only model and an unverified one look identically broken next to their
 		* checked siblings.
 		*/
+		/**
+		* The media roster from the Host's JSON, tolerantly.
+		*
+		* Anything that is not a row with a string id and a name is DROPPED, never
+		* rendered: this is a read-only list, and a half-shaped entry is not worth an
+		* exception that would take down the whole card. A Host older than the route
+		* (or any other answer without `models`) yields an empty list, which the block
+		* shows as "this tab publishes none" instead of as a failure.
+		*/
+		function readMediaRoster(value) {
+			const models = value?.models;
+			if (!Array.isArray(models)) return void 0;
+			const rows = [];
+			for (const entry of models) {
+				const record = entry;
+				if (record === null || typeof record !== "object") continue;
+				if (typeof record.id !== "string" || record.id === "") continue;
+				const tags = Array.isArray(record.tags) ? record.tags.filter((tag) => typeof tag === "string") : [];
+				rows.push({
+					id: record.id,
+					name: typeof record.name === "string" ? record.name : record.id,
+					tags
+				});
+			}
+			return rows;
+		}
 		function imageCheckboxHint(model, t) {
 			switch (nativeModalityOf(model.id)) {
 				case "multimodal": return t("row.modelImage");
@@ -6306,8 +6384,82 @@ window.__ModuleLoader__.load({
 				};
 			}
 		}
-		/** Render WorkBuddy sign-in state, credits, and model selection as one card. */
-		function WorkBuddyCard({ t, settingsScope, view }) {
+		/**
+		* The configuration area's own crash face (issue #139).
+		*
+		* WHY THIS EXISTS. The host wraps every slot entry in its own
+		* `SlotErrorBoundary`, and that boundary's failure face is an EMPTY
+		* `<div data-slot-error>` (`dsh-client-ui-renderer`). So a render-time throw
+		* anywhere inside this card does not look like an error — it looks like the
+		* plugin never installed: the header stays, the whole configuration area
+		* vanishes, and the only trace is one `console.error` line. That is precisely
+		* how issue #139 was reported ("配置区整块消失"), and it is why the reporter
+		* could not tell a real crash from a missing card.
+		*
+		* WHAT IT BUYS. The same catch, with a face that says what happened: the
+		* message goes on screen, so a report can quote it without opening devtools.
+		* It does NOT hide the error — `componentDidCatch` still logs it, so the
+		* console keeps the full stack the host would have printed anyway.
+		*
+		* SCOPE: the BODY only, never the header. A user whose configuration crashed
+		* must still be able to collapse and re-expand the card, and the header is
+		* pure static markup — it cannot be the thing that threw.
+		*
+		* LIMITS, stated so nobody expects more than React gives: a boundary catches
+		* errors thrown during RENDER, in lifecycle methods, and in constructors. It
+		* does NOT catch throws from event handlers, timers, or promise callbacks —
+		* so an async failure still surfaces the way it did before (inline error text
+		* or the console), which is the correct behaviour for those paths.
+		*/
+		var CardBodyBoundary = class extends react.Component {
+			state = {
+				failed: false,
+				message: void 0
+			};
+			static getDerivedStateFromError(error) {
+				if (error instanceof Error && error.name === "SlotAssemblyError") throw error;
+				return {
+					failed: true,
+					message: error instanceof Error ? error.message : String(error)
+				};
+			}
+			componentDidCatch(error, info) {
+				try {
+					console.error("[dsh-connect-workbuddy] configuration area failed to render:", error, info.componentStack);
+				} catch {}
+			}
+			render() {
+				if (!this.state.failed) return this.props.children;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsm-workbuddy-usage",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-usage-error",
+							children: this.props.t("row.cardCrashed")
+						}),
+						this.state.message === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-usage-error dsm-workbuddy-diag-mono",
+							children: this.state.message
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-diag-hint",
+							children: this.props.t("row.cardCrashedHint")
+						})
+					]
+				});
+			}
+		};
+		/**
+		* Render WorkBuddy sign-in state, credits, and model selection as one card.
+		*
+		* The body is wrapped in {@link CardBodyBoundary} INSIDE the render, not here:
+		* the header must keep working when the body throws (see that class).
+		*/
+		function WorkBuddyCard(props) {
+			if (props.t === void 0) throw new Error("WorkBuddy plugin card requires its translation function");
+			return (0, react.createElement)(WorkBuddyCardBody, props);
+		}
+		function WorkBuddyCardBody({ t, settingsScope, view }) {
 			if (t === void 0) throw new Error("WorkBuddy plugin card requires its translation function");
 			const [open, setOpen] = (0, react.useState)(view === "page");
 			/** The region whose tab is on screen; each tab is its own provider stack. */
@@ -6350,6 +6502,18 @@ window.__ModuleLoader__.load({
 			const [saveError, setSaveError] = (0, react.useState)(void 0);
 			const [switchingAccount, setSwitchingAccount] = (0, react.useState)(false);
 			/**
+			* The region's MEDIA model roster (read-only), keyed by region.
+			*
+			* NOT part of `statusByRegion`: the usage document is the editable model
+			* directory, and folding media rows into it would put them in the saved
+			* `lastCatalog` — where the adapter would offer an image model as a chat
+			* model. It is a separate, cheap, read-only read that only the capability
+			* panel needs.
+			*/
+			const [mediaByRegion, setMediaByRegion] = (0, react.useState)({});
+			const [mediaError, setMediaError] = (0, react.useState)(void 0);
+			const [mediaBusy, setMediaBusy] = (0, react.useState)(false);
+			/**
 			* Whether the account pool's save is in flight. Both sections write into one
 			* region slot and the Host merges per-region, so two concurrent saves can
 			* interleave on a stale base and revert each other while both report success
@@ -7019,6 +7183,72 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setTogglingCredits(void 0);
 				}
 			};
+			/**
+			* Read the active region's media roster. Read-only and free (the same GET the
+			* image tool performs), so it is safe to run whenever the capability panel is
+			* shown; `refresh` bypasses the Host's 5-minute cache for the explicit
+			* button, because a user who just enabled an image model upstream should not
+			* have to wait out a TTL to see it.
+			*
+			* A failure lands in `mediaError` INSIDE the block and nowhere else: it must
+			* not touch `statusByRegion`, or one unreachable roster would replace the
+			* whole panel with an error screen.
+			*/
+			const loadMediaModels = (0, react.useCallback)(async (region, refresh, signal) => {
+				try {
+					const url = refresh ? `${withWorkBuddyRegion(WORKBUDDY_MEDIA_MODELS_PATH, region)}&refresh=1` : withWorkBuddyRegion(WORKBUDDY_MEDIA_MODELS_PATH, region);
+					const response = await fetch(url, {
+						method: "POST",
+						headers: { accept: "application/json" },
+						credentials: "same-origin",
+						...signal === void 0 ? {} : { signal }
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}`);
+					const models = readMediaRoster(await response.json().catch(() => void 0));
+					if (models === void 0) throw new Error(`HTTP ${response.status}`);
+					if (!mounted.current || signal?.aborted === true) return;
+					setMediaByRegion((prev) => ({
+						...prev,
+						[region]: models
+					}));
+					setMediaError(void 0);
+				} catch (error) {
+					if (!mounted.current || signal?.aborted === true) return;
+					setMediaError(error instanceof Error ? error.message : t("row.requestFailed"));
+				}
+			}, [t]);
+			/**
+			* Regions whose media roster has already been asked for, so showing the
+			* capability panel does not re-read the roster on every render — and so a
+			* FAILED read is not retried in a loop. The explicit "re-read" button is the
+			* only thing that asks twice, because a user who just enabled a model
+			* upstream is the one case where a fresh answer is the point.
+			*/
+			const mediaRequested = (0, react.useRef)(/* @__PURE__ */ new Set());
+			/**
+			* Read the media roster once per region, when the capability panel is opened.
+			*
+			* Lazy rather than alongside the usage fetch: the roster is only visible in
+			* this one panel, and the usage fetch runs for BOTH regions on every open. If
+			* the secret store happens to hold a credential for the region the user is not
+			* looking at, an eager read would spend a request nobody asked for.
+			*/
+			(0, react.useEffect)(() => {
+				if (!open || panel !== "capabilities" || !hasAccounts) return;
+				if (mediaRequested.current.has(activeRegion)) return;
+				mediaRequested.current.add(activeRegion);
+				const controller = new AbortController();
+				loadMediaModels(activeRegion, false, controller.signal);
+				return () => {
+					controller.abort();
+				};
+			}, [
+				open,
+				panel,
+				activeRegion,
+				hasAccounts,
+				loadMediaModels
+			]);
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
@@ -7508,12 +7738,14 @@ window.__ModuleLoader__.load({
 			*
 			* It sits first because it is the only preference here that authorizes SPEND
 			* rather than display: the credit line is a readout, this one lets the model
-			* buy an image (about 5.71 credits) without asking again. CN-only, because the
-			* upstream publishes a `text-to-image` model on the CN gateway and none at all
-			* internationally — showing the box on the global tab would offer a control
-			* that can never do anything.
+			* buy an image without asking again. Shown on BOTH tabs: each gateway now
+			* publishes its own `text-to-image` model (CN `hunyuan-image-alpha`,
+			* international `hy-image-3.5`, measured 2026-10-25), so the global box is no
+			* longer a control that can never do anything. The flag is per-region and the
+			* tool uses whichever region is BOTH enabled and switched on (CN first), so
+			* ticking it here only ever authorizes spending on THIS tab.
 			*/
-			const imageToolPreference = activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			const imageToolPreference = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 				className: "dsm-workbuddy-pref",
 				title: t("row.imageToolHint"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -7534,7 +7766,86 @@ window.__ModuleLoader__.load({
 						children: t("row.imageToolHint")
 					})]
 				})]
-			}) : null;
+			});
+			/**
+			* What this region can actually draw, READ-ONLY.
+			*
+			* There is deliberately no picker here. Each tag group holds exactly one
+			* model in both regions today (measured 2026-10-25), so a dropdown would be a
+			* choice of one — the card would be inviting a decision that does not exist.
+			* What the user DOES need is the answer to "can this tab draw at all, and
+			* with what" — which is also what makes the image-tool switch above
+			* meaningful on the international tab.
+			*
+			* Indented like the position picker, because it is a property of the switch
+			* above it rather than a fourth independent setting.
+			*/
+			const mediaTagLabels = {
+				"text-to-image": t("row.mediaTagTextToImage"),
+				"image-to-image": t("row.mediaTagImageToImage"),
+				"text-to-video": t("row.mediaTagTextToVideo"),
+				"image-to-video": t("row.mediaTagImageToVideo")
+			};
+			const activeMedia = mediaByRegion[activeRegion];
+			const mediaModelsPreference = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-workbuddy-pref dsm-workbuddy-media",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsm-workbuddy-pref-copy",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsm-workbuddy-pref-lead",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-workbuddy-pref-label",
+								children: t("row.mediaModelsLabel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsm-btn dsm-btn-outline",
+								disabled: mediaBusy || !activeRegionOn,
+								onClick: () => {
+									setMediaBusy(true);
+									loadMediaModels(activeRegion, true).finally(() => {
+										if (mounted.current) setMediaBusy(false);
+									});
+								},
+								children: mediaBusy ? t("row.mediaModelsRefreshing") : t("row.mediaModelsRefresh")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-pref-hint",
+							children: t("row.mediaModelsHint")
+						}),
+						mediaError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-media-error",
+							children: t("row.mediaModelsError", { message: mediaError })
+						}) : activeMedia === void 0 ? null : activeMedia.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-media-empty",
+							children: t("row.mediaModelsEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: "dsm-workbuddy-media-list",
+							children: activeMedia.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "dsm-workbuddy-media-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-name",
+										children: model.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-id",
+										children: model.id
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-tags",
+										children: model.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsm-workbuddy-media-tag",
+											children: mediaTagLabels[tag] ?? tag
+										}, tag))
+									})
+								]
+							}, model.id))
+						})
+					]
+				})
+			});
 			/**
 			* The CLI-route switch.
 			*
@@ -7777,6 +8088,7 @@ window.__ModuleLoader__.load({
 					cliBridgePreference,
 					cliBridgeSwitchedOn() ? cliBridgePickers : null,
 					imageToolPreference,
+					mediaModelsPreference,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 						className: "dsm-workbuddy-pref",
 						title: activeRegion === "cn" ? t("row.showCreditsCnHint") : t("row.showCreditsGlobalHint"),
@@ -7852,627 +8164,632 @@ window.__ModuleLoader__.load({
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dsm-plugin-card-body",
 					hidden: !open,
-					children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsm-workbuddy-usage",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-workbuddy-tabs",
-								role: "tablist",
-								"aria-label": title,
-								children: WORKBUDDY_REGIONS.map((region) => {
-									const regionStatus = statusByRegion[region];
-									const regionOnState = regionOn(region);
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-workbuddy-tab-cell",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBodyBoundary, {
+						t,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-workbuddy-usage",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-workbuddy-tabs",
+									role: "tablist",
+									"aria-label": title,
+									children: WORKBUDDY_REGIONS.map((region) => {
+										const regionStatus = statusByRegion[region];
+										const regionOnState = regionOn(region);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-workbuddy-tab-cell",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												role: "tab",
+												"aria-selected": region === activeRegion,
+												className: `dsm-workbuddy-tab${region === activeRegion ? " dsm-workbuddy-tab-active" : ""}${regionOnState ? "" : " dsm-workbuddy-tab-off"}`,
+												onClick: () => {
+													setActiveRegion(region);
+													setAccountError(void 0);
+												},
+												children: [regionStatus === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"aria-hidden": "true",
+													className: "dsm-workbuddy-tab-dot",
+													style: dotStyle(regionStatus.status)
+												}), region === "cn" ? t("row.tabCn") : t("row.tabGlobal")]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+												className: "dsm-workbuddy-tab-switch",
+												title: t("row.tabSwitchHint"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "checkbox",
+													checked: regionOnState,
+													disabled: togglingRegion === region || !canWrite || saving || poolBusy,
+													"aria-label": t("row.tabSwitchAria", { region: region === "cn" ? t("row.tabCn") : t("row.tabGlobal") }),
+													onChange: (event) => {
+														toggleRegion(region, event.target.checked);
+													}
+												})
+											})]
+										}, region);
+									})
+								}),
+								signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-workbuddy-panels",
+									role: "tablist",
+									"aria-label": t("row.panelAria"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											role: "tab",
-											"aria-selected": region === activeRegion,
-											className: `dsm-workbuddy-tab${region === activeRegion ? " dsm-workbuddy-tab-active" : ""}${regionOnState ? "" : " dsm-workbuddy-tab-off"}`,
+											id: "dsm-workbuddy-tab-accounts",
+											"aria-controls": "dsm-workbuddy-panel-accounts",
+											"aria-selected": panel === "accounts",
+											className: `dsm-workbuddy-panel-tab${panel === "accounts" ? " dsm-workbuddy-panel-tab-active" : ""}`,
 											onClick: () => {
-												setActiveRegion(region);
-												setAccountError(void 0);
+												setPanel("accounts");
 											},
-											children: [regionStatus === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												"aria-hidden": "true",
-												className: "dsm-workbuddy-tab-dot",
-												style: dotStyle(regionStatus.status)
-											}), region === "cn" ? t("row.tabCn") : t("row.tabGlobal")]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: "dsm-workbuddy-tab-switch",
-											title: t("row.tabSwitchHint"),
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												type: "checkbox",
-												checked: regionOnState,
-												disabled: togglingRegion === region || !canWrite || saving || poolBusy,
-												"aria-label": t("row.tabSwitchAria", { region: region === "cn" ? t("row.tabCn") : t("row.tabGlobal") }),
-												onChange: (event) => {
-													toggleRegion(region, event.target.checked);
-												}
-											})
-										})]
-									}, region);
-								})
-							}),
-							signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-workbuddy-panels",
-								role: "tablist",
-								"aria-label": t("row.panelAria"),
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "tab",
-										id: "dsm-workbuddy-tab-accounts",
-										"aria-controls": "dsm-workbuddy-panel-accounts",
-										"aria-selected": panel === "accounts",
-										className: `dsm-workbuddy-panel-tab${panel === "accounts" ? " dsm-workbuddy-panel-tab-active" : ""}`,
-										onClick: () => {
-											setPanel("accounts");
-										},
-										children: t("row.panelAccounts")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "tab",
-										id: "dsm-workbuddy-tab-models",
-										"aria-controls": "dsm-workbuddy-panel-models",
-										"aria-selected": panel === "models",
-										className: `dsm-workbuddy-panel-tab${panel === "models" ? " dsm-workbuddy-panel-tab-active" : ""}`,
-										onClick: () => {
-											setPanel("models");
-										},
-										children: t("row.panelModels")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "tab",
-										id: "dsm-workbuddy-tab-capabilities",
-										"aria-controls": "dsm-workbuddy-panel-capabilities",
-										"aria-selected": panel === "capabilities",
-										className: `dsm-workbuddy-panel-tab${panel === "capabilities" ? " dsm-workbuddy-panel-tab-active" : ""}`,
-										onClick: () => {
-											setPanel("capabilities");
-										},
-										children: t("row.panelCapabilities")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "tab",
-										id: "dsm-workbuddy-tab-diag",
-										"aria-controls": "dsm-workbuddy-panel-diag",
-										"aria-selected": panel === "diag",
-										className: `dsm-workbuddy-panel-tab${panel === "diag" ? " dsm-workbuddy-panel-tab-active" : ""}`,
-										onClick: () => {
-											setPanel("diag");
-										},
-										children: t("row.panelDiag")
-									})
-								]
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-workbuddy-panel",
-								role: "tabpanel",
-								id: "dsm-workbuddy-panel-accounts",
-								"aria-labelledby": "dsm-workbuddy-tab-accounts",
-								hidden: signedIn && panel !== "accounts",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-models-summary",
-										children: t("row.tabHint")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-models-summary dsm-workbuddy-free-quota-warn",
-										children: t("row.tabFreeQuotaWarn")
-									}),
-									!activeRegionOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-tab-off-notice",
-										children: t("row.tabOffNotice")
-									}) : null,
-									status.status === "error" || status.status === "signed-in" && status.creditsError !== void 0 ? status.status === "signed-in" && status.credentialRejected === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-usage-hint",
-										children: t("row.reloginHint")
-									}) : null,
-									accountError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-account-error",
-										role: "alert",
-										children: accountError
-									}),
-									selectionLost ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-usage-hint",
-										children: t("row.selectionLostHint")
-									}) : null,
-									status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										status.credentialRejected === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-											className: "dsm-workbuddy-usage-error",
-											role: "alert",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("row.credentialRejectedTitle") }),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedIntro", { accountName: nameOf(status.accountName) }) }),
-												status.recovery?.usableAccount !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedSwitch", { accountName: nameOf(status.recovery.usableAccount.accountName) }) }) : status.recovery?.reloginRequired === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedRelogin") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedChoose") }),
-												status.recovery?.usableAccount === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dsm-btn dsm-btn-outline",
-													disabled: switchingAccount || !canWrite,
-													onClick: () => {
-														const target = status.recovery?.usableAccount;
-														if (target !== void 0) switchAccount(target.accountId);
-													},
-													children: switchingAccount ? t("row.accountsScanning") : t("row.credentialRejectedSwitchAction", { accountName: nameOf(status.recovery.usableAccount.accountName) })
-												})
-											]
-										}) : null,
-										status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-workbuddy-usage-error",
-											children: t("row.creditsError", { message: status.creditsError })
+											children: t("row.panelAccounts")
 										}),
-										status.refreshError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-workbuddy-usage-error",
-											role: "alert",
-											children: t("row.requestFailedHint", { message: status.refreshError })
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "tab",
+											id: "dsm-workbuddy-tab-models",
+											"aria-controls": "dsm-workbuddy-panel-models",
+											"aria-selected": panel === "models",
+											className: `dsm-workbuddy-panel-tab${panel === "models" ? " dsm-workbuddy-panel-tab-active" : ""}`,
+											onClick: () => {
+												setPanel("models");
+											},
+											children: t("row.panelModels")
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPool, {
-											t,
-											region: activeRegion,
-											...status.pool === void 0 ? {} : { pool: status.pool },
-											...settingsScope === void 0 ? {} : { settingsScope },
-											onRescan: () => {
-												rescanAccounts();
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "tab",
+											id: "dsm-workbuddy-tab-capabilities",
+											"aria-controls": "dsm-workbuddy-panel-capabilities",
+											"aria-selected": panel === "capabilities",
+											className: `dsm-workbuddy-panel-tab${panel === "capabilities" ? " dsm-workbuddy-panel-tab-active" : ""}`,
+											onClick: () => {
+												setPanel("capabilities");
 											},
-											rescanning: busy,
-											onSelectAccount: (accountId) => {
-												switchAccount(accountId);
+											children: t("row.panelCapabilities")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											role: "tab",
+											id: "dsm-workbuddy-tab-diag",
+											"aria-controls": "dsm-workbuddy-panel-diag",
+											"aria-selected": panel === "diag",
+											className: `dsm-workbuddy-panel-tab${panel === "diag" ? " dsm-workbuddy-panel-tab-active" : ""}`,
+											onClick: () => {
+												setPanel("diag");
 											},
-											selectingAccount: switchingAccount,
-											accountTools,
-											siblingBusy: saving || togglingRegion !== void 0,
-											onBusyChange: setPoolBusy,
-											onSaved: async () => await refreshUsage(activeRegion) !== void 0,
-											onRefresh: () => refreshUsage(activeRegion)
+											children: t("row.panelDiag")
 										})
-									] }) : null
-								]
-							}),
-							signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-workbuddy-panel",
-								role: "tabpanel",
-								id: "dsm-workbuddy-panel-models",
-								"aria-labelledby": "dsm-workbuddy-tab-models",
-								hidden: panel !== "models",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-									className: "dsm-workbuddy-models",
-									"aria-label": t("row.modelsTitle"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-workbuddy-models-fold",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsm-workbuddy-models-head",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: "dsm-workbuddy-models-title-row",
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
-														className: "dsm-workbuddy-models-title",
-														children: [t("row.modelsTitle"), dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "dsm-workbuddy-models-dirty",
-															children: t("row.modelsDirty")
-														}) : null]
+									]
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-workbuddy-panel",
+									role: "tabpanel",
+									id: "dsm-workbuddy-panel-accounts",
+									"aria-labelledby": "dsm-workbuddy-tab-accounts",
+									hidden: signedIn && panel !== "accounts",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-models-summary",
+											children: t("row.tabHint")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-models-summary dsm-workbuddy-free-quota-warn",
+											children: t("row.tabFreeQuotaWarn")
+										}),
+										!activeRegionOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-tab-off-notice",
+											children: t("row.tabOffNotice")
+										}) : null,
+										status.status === "error" || status.status === "signed-in" && status.creditsError !== void 0 ? status.status === "signed-in" && status.credentialRejected === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-usage-hint",
+											children: t("row.reloginHint")
+										}) : null,
+										accountError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-account-error",
+											role: "alert",
+											children: accountError
+										}),
+										selectionLost ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-usage-hint",
+											children: t("row.selectionLostHint")
+										}) : null,
+										status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+											status.credentialRejected === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+												className: "dsm-workbuddy-usage-error",
+												role: "alert",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("row.credentialRejectedTitle") }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedIntro", { accountName: nameOf(status.accountName) }) }),
+													status.recovery?.usableAccount !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedSwitch", { accountName: nameOf(status.recovery.usableAccount.accountName) }) }) : status.recovery?.reloginRequired === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedRelogin") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("row.credentialRejectedChoose") }),
+													status.recovery?.usableAccount === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-outline",
+														disabled: switchingAccount || !canWrite,
+														onClick: () => {
+															const target = status.recovery?.usableAccount;
+															if (target !== void 0) switchAccount(target.accountId);
+														},
+														children: switchingAccount ? t("row.accountsScanning") : t("row.credentialRejectedSwitchAction", { accountName: nameOf(status.recovery.usableAccount.accountName) })
 													})
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-													className: "dsm-workbuddy-models-summary",
-													children: t("row.modelsSummary", { count: activeEnabledIds.size })
-												})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-workbuddy-models-head-actions",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline",
-															disabled: busy,
-															onClick: () => {
-																refreshModels();
-															},
-															children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
-															disabled: busy || sweeping !== void 0 || activeEnabledIds.size === 0,
-															title: t("row.modelsTestEnabledHint"),
-															onClick: sweepEnabledModels,
-															children: sweeping === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
-																done: sweeping.done,
-																total: sweeping.total
-															})
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
-															disabled: busy || sweeping !== void 0 || visibleModels.length === 0,
-															title: t("row.modelsTestAllHint"),
-															onClick: sweepAllModels,
-															children: sweeping === void 0 ? t("row.modelsTestAll") : t("row.modelsTesting", {
-																done: sweeping.done,
-																total: sweeping.total
-															})
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
-															disabled: busy || tpsSweeping !== void 0 || tpsBusy || activeEnabledIds.size === 0,
-															title: t("row.tpsSweepEnabledHint"),
-															onClick: sweepTpsEnabledModels,
-															children: tpsSweeping === void 0 ? t("row.tpsSweepEnabled") : t("row.tpsTesting", {
-																done: tpsSweeping.done,
-																total: tpsSweeping.total
-															})
-														})
-													]
-												})]
+												]
+											}) : null,
+											status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-workbuddy-usage-error",
+												children: t("row.creditsError", { message: status.creditsError })
 											}),
-											probeError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-bad",
+											status.refreshError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-workbuddy-usage-error",
 												role: "alert",
-												children: t("row.probeError", { message: probeError })
-											}),
-											sweepSummary === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsm-workbuddy-models-sweep-summary",
-												role: "status",
-												children: sweepSummary
+												children: t("row.requestFailedHint", { message: status.refreshError })
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: "dsm-workbuddy-model-list",
-												children: visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: `dsm-workbuddy-model${activeEnabledIds.has(model.id) ? "" : " dsm-workbuddy-model-disabled"}`,
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: "dsm-workbuddy-model-head",
-															children: [
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																	className: "dsm-workbuddy-model-enabled",
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																		type: "checkbox",
-																		checked: activeEnabledIds.has(model.id),
-																		disabled: !canWrite || saving,
-																		onChange: () => {
-																			toggleModel(model.id);
-																		}
-																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																		className: "dsm-workbuddy-model-copy",
-																		children: [
-																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																				className: "dsm-workbuddy-model-name",
-																				children: [model.name, effectiveRate(model) === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																					className: "dsm-workbuddy-model-name-rate",
-																					children: ["x", effectiveRate(model).toFixed(2)]
-																				})]
-																			}),
-																			promoChip(model),
-																			busyIcon(busyLevels[model.id], uiLanguage())
-																		]
-																	})]
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																	className: "dsm-workbuddy-model-image",
-																	title: imageCheckboxHint(model, t),
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																		type: "checkbox",
-																		checked: activeImageIds.has(model.id),
-																		disabled: !canWrite || saving,
-																		onChange: () => {
-																			toggleImage(model.id);
-																		}
-																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelImage") })]
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-																	className: `dsm-workbuddy-model-off${offBlocked(model) ? " dsm-workbuddy-model-off-blocked" : ""}`,
-																	title: offBlocked(model) ? t("row.modelOffRefusedHint") : t("row.modelOffHint"),
-																	children: [
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountPool, {
+												t,
+												region: activeRegion,
+												...status.pool === void 0 ? {} : { pool: status.pool },
+												...settingsScope === void 0 ? {} : { settingsScope },
+												onRescan: () => {
+													rescanAccounts();
+												},
+												rescanning: busy,
+												onSelectAccount: (accountId) => {
+													switchAccount(accountId);
+												},
+												selectingAccount: switchingAccount,
+												accountTools,
+												siblingBusy: saving || togglingRegion !== void 0,
+												onBusyChange: setPoolBusy,
+												onSaved: async () => await refreshUsage(activeRegion) !== void 0,
+												onRefresh: () => refreshUsage(activeRegion)
+											})
+										] }) : null
+									]
+								}),
+								signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-workbuddy-panel",
+									role: "tabpanel",
+									id: "dsm-workbuddy-panel-models",
+									"aria-labelledby": "dsm-workbuddy-tab-models",
+									hidden: panel !== "models",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+										className: "dsm-workbuddy-models",
+										"aria-label": t("row.modelsTitle"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-workbuddy-models-fold",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-workbuddy-models-head",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "dsm-workbuddy-models-title-row",
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+															className: "dsm-workbuddy-models-title",
+															children: [t("row.modelsTitle"), dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dsm-workbuddy-models-dirty",
+																children: t("row.modelsDirty")
+															}) : null]
+														})
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dsm-workbuddy-models-summary",
+														children: t("row.modelsSummary", { count: activeEnabledIds.size })
+													})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "dsm-workbuddy-models-head-actions",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline",
+																disabled: busy,
+																onClick: () => {
+																	refreshModels();
+																},
+																children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
+																disabled: busy || sweeping !== void 0 || activeEnabledIds.size === 0,
+																title: t("row.modelsTestEnabledHint"),
+																onClick: sweepEnabledModels,
+																children: sweeping === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
+																	done: sweeping.done,
+																	total: sweeping.total
+																})
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
+																disabled: busy || sweeping !== void 0 || visibleModels.length === 0,
+																title: t("row.modelsTestAllHint"),
+																onClick: sweepAllModels,
+																children: sweeping === void 0 ? t("row.modelsTestAll") : t("row.modelsTesting", {
+																	done: sweeping.done,
+																	total: sweeping.total
+																})
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline dsm-workbuddy-models-sweep",
+																disabled: busy || tpsSweeping !== void 0 || tpsBusy || activeEnabledIds.size === 0,
+																title: t("row.tpsSweepEnabledHint"),
+																onClick: sweepTpsEnabledModels,
+																children: tpsSweeping === void 0 ? t("row.tpsSweepEnabled") : t("row.tpsTesting", {
+																	done: tpsSweeping.done,
+																	total: tpsSweeping.total
+																})
+															})
+														]
+													})]
+												}),
+												probeError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-bad",
+													role: "alert",
+													children: t("row.probeError", { message: probeError })
+												}),
+												sweepSummary === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dsm-workbuddy-models-sweep-summary",
+													role: "status",
+													children: sweepSummary
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "dsm-workbuddy-model-list",
+													children: visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: `dsm-workbuddy-model${activeEnabledIds.has(model.id) ? "" : " dsm-workbuddy-model-disabled"}`,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: "dsm-workbuddy-model-head",
+																children: [
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																		className: "dsm-workbuddy-model-enabled",
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 																			type: "checkbox",
-																			checked: activeOffIds.has(model.id),
-																			disabled: !canWrite || saving || offBlocked(model),
-																			onChange: () => {
-																				toggleOff(model.id);
-																			}
-																		}),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOff") }),
-																		offBlocked(model) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			className: "dsm-workbuddy-model-off-flag",
-																			children: t("row.modelOffRefused")
-																		}) : null
-																	]
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-																	className: "dsm-workbuddy-context-budget",
-																	"aria-label": t("row.contextBudget"),
-																	children: [
-																		model.nativeContextWindow > 2e5 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																			type: "radio",
-																			name: `context-${model.id}`,
-																			checked: (activeContextBudgets[model.id] ?? 2e5) === 2e5,
+																			checked: activeEnabledIds.has(model.id),
 																			disabled: !canWrite || saving,
 																			onChange: () => {
-																				setContextBudget(model.id, 2e5);
+																				toggleModel(model.id);
 																			}
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "200K" })] }) : null,
-																		model.nativeContextWindow > 5e5 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																			type: "radio",
-																			name: `context-${model.id}`,
-																			checked: activeContextBudgets[model.id] === 5e5,
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																			className: "dsm-workbuddy-model-copy",
+																			children: [
+																				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																					className: "dsm-workbuddy-model-name",
+																					children: [model.name, effectiveRate(model) === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																						className: "dsm-workbuddy-model-name-rate",
+																						children: ["x", effectiveRate(model).toFixed(2)]
+																					})]
+																				}),
+																				promoChip(model),
+																				busyIcon(busyLevels[model.id], uiLanguage())
+																			]
+																		})]
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																		className: "dsm-workbuddy-model-image",
+																		title: imageCheckboxHint(model, t),
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																			type: "checkbox",
+																			checked: activeImageIds.has(model.id),
 																			disabled: !canWrite || saving,
 																			onChange: () => {
-																				setContextBudget(model.id, 5e5);
+																				toggleImage(model.id);
 																			}
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "500K" })] }) : null,
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																			type: "radio",
-																			name: `context-${model.id}`,
-																			checked: model.nativeContextWindow <= 2e5 || activeContextBudgets[model.id] === model.nativeContextWindow,
-																			disabled: model.nativeContextWindow <= 2e5 || !canWrite || saving,
-																			onChange: () => {
-																				setContextBudget(model.id, model.nativeContextWindow);
-																			}
-																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.nativeContextWindow, t("row.modelUnknown")) })] })
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelImage") })]
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																		className: `dsm-workbuddy-model-off${offBlocked(model) ? " dsm-workbuddy-model-off-blocked" : ""}`,
+																		title: offBlocked(model) ? t("row.modelOffRefusedHint") : t("row.modelOffHint"),
+																		children: [
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																				type: "checkbox",
+																				checked: activeOffIds.has(model.id),
+																				disabled: !canWrite || saving || offBlocked(model),
+																				onChange: () => {
+																					toggleOff(model.id);
+																				}
+																			}),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOff") }),
+																			offBlocked(model) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																				className: "dsm-workbuddy-model-off-flag",
+																				children: t("row.modelOffRefused")
+																			}) : null
+																		]
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+																		className: "dsm-workbuddy-context-budget",
+																		"aria-label": t("row.contextBudget"),
+																		children: [
+																			model.nativeContextWindow > 2e5 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																				type: "radio",
+																				name: `context-${model.id}`,
+																				checked: (activeContextBudgets[model.id] ?? 2e5) === 2e5,
+																				disabled: !canWrite || saving,
+																				onChange: () => {
+																					setContextBudget(model.id, 2e5);
+																				}
+																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "200K" })] }) : null,
+																			model.nativeContextWindow > 5e5 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																				type: "radio",
+																				name: `context-${model.id}`,
+																				checked: activeContextBudgets[model.id] === 5e5,
+																				disabled: !canWrite || saving,
+																				onChange: () => {
+																					setContextBudget(model.id, 5e5);
+																				}
+																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "500K" })] }) : null,
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																				type: "radio",
+																				name: `context-${model.id}`,
+																				checked: model.nativeContextWindow <= 2e5 || activeContextBudgets[model.id] === model.nativeContextWindow,
+																				disabled: model.nativeContextWindow <= 2e5 || !canWrite || saving,
+																				onChange: () => {
+																					setContextBudget(model.id, model.nativeContextWindow);
+																				}
+																			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.nativeContextWindow, t("row.modelUnknown")) })] })
+																		]
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																		className: "dsm-workbuddy-model-actions-buttons",
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																			type: "button",
+																			className: "dsm-btn dsm-btn-outline dsm-workbuddy-model-probe",
+																			disabled: probing[model.id] === true || status.status !== "signed-in",
+																			title: t("row.probeHint"),
+																			onClick: () => {
+																				probeModels([model.id]);
+																			},
+																			children: probing[model.id] === true ? t("row.probing") : t("row.probe")
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																			type: "button",
+																			className: "dsm-btn dsm-btn-outline dsm-workbuddy-model-probe",
+																			disabled: tpsProbing[model.id] === true || status.status !== "signed-in",
+																			title: t("row.tpsHint"),
+																			onClick: () => {
+																				measureTpsFor([model.id]);
+																			},
+																			children: tpsProbing[model.id] === true ? t("row.tpsMeasuring") : t("row.tpsMeasure")
+																		})]
+																	})
+																]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: "dsm-workbuddy-model-details",
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																	className: "dsm-workbuddy-model-meta",
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelContext", { context: formatCapacity(model.nativeContextWindow, t("row.modelUnknown")) }) }),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOutput", { output: formatCapacity(model.maxTokens, t("row.modelUnknown")) }) }),
+																		model.reasoning === void 0 || model.reasoning.supportedEfforts === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelReasoning", { efforts: model.reasoning.supportedEfforts.join(" / ") }) })
 																	]
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																	className: "dsm-workbuddy-model-actions-buttons",
-																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																		type: "button",
-																		className: "dsm-btn dsm-btn-outline dsm-workbuddy-model-probe",
-																		disabled: probing[model.id] === true || status.status !== "signed-in",
-																		title: t("row.probeHint"),
-																		onClick: () => {
-																			probeModels([model.id]);
-																		},
-																		children: probing[model.id] === true ? t("row.probing") : t("row.probe")
-																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-																		type: "button",
-																		className: "dsm-btn dsm-btn-outline dsm-workbuddy-model-probe",
-																		disabled: tpsProbing[model.id] === true || status.status !== "signed-in",
-																		title: t("row.tpsHint"),
-																		onClick: () => {
-																			measureTpsFor([model.id]);
-																		},
-																		children: tpsProbing[model.id] === true ? t("row.tpsMeasuring") : t("row.tpsMeasure")
-																	})]
 																})
-															]
+															}),
+															(() => {
+																const result = probes[activeRegion]?.[model.id];
+																if (result === void 0) return null;
+																const view = probeResultView(result, t);
+																const reason = inlineProbeReason(result.outcome, result.message);
+																return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+																	className: `dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-${view.tone}`,
+																	role: "status",
+																	...result.message === void 0 ? {} : { title: result.message },
+																	children: [view.text, reason === void 0 ? null : " · " + reason]
+																});
+															})(),
+															(() => {
+																const measured = tpsResults[model.id];
+																if (measured === void 0) return null;
+																const view = tpsResultView(measured, t, tpsMeasuredAt[model.id]);
+																return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+																	className: `dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-${view.tone}`,
+																	role: "status",
+																	children: view.text
+																});
+															})()
+														]
+													}, model.id))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dsm-workbuddy-model-capability-note",
+													children: t("row.modelCapabilityPending")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-workbuddy-model-actions",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+															className: "dsm-workbuddy-usage-cheer",
+															href: WORKBUDDY_GITHUB_URL,
+															target: "_blank",
+															rel: "noopener noreferrer",
+															children: [t("row.cheer"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dsm-workbuddy-usage-cheer-star",
+																"aria-hidden": "true",
+																children: "★"
+															})]
 														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: "dsm-workbuddy-model-details",
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: "dsm-workbuddy-model-meta",
-																children: [
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelContext", { context: formatCapacity(model.nativeContextWindow, t("row.modelUnknown")) }) }),
-																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOutput", { output: formatCapacity(model.maxTokens, t("row.modelUnknown")) }) }),
-																	model.reasoning === void 0 || model.reasoning.supportedEfforts === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelReasoning", { efforts: model.reasoning.supportedEfforts.join(" / ") }) })
-																]
-															})
+														saveError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsm-workbuddy-model-save-error",
+															children: t("row.saveError", { message: saveError })
 														}),
-														(() => {
-															const result = probes[activeRegion]?.[model.id];
-															if (result === void 0) return null;
-															const view = probeResultView(result, t);
-															const reason = inlineProbeReason(result.outcome, result.message);
-															return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-																className: `dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-${view.tone}`,
-																role: "status",
-																...result.message === void 0 ? {} : { title: result.message },
-																children: [view.text, reason === void 0 ? null : " · " + reason]
-															});
-														})(),
-														(() => {
-															const measured = tpsResults[model.id];
-															if (measured === void 0) return null;
-															const view = tpsResultView(measured, t, tpsMeasuredAt[model.id]);
-															return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-																className: `dsm-workbuddy-model-probe-result dsm-workbuddy-model-probe-result-${view.tone}`,
-																role: "status",
-																children: view.text
-															});
-														})()
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: "dsm-workbuddy-model-actions-buttons",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline",
+																disabled: !dirty || saving || poolBusy || togglingRegion !== void 0,
+																onClick: discardModels,
+																children: t("row.discard")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-primary",
+																disabled: !dirty || saving || poolBusy || togglingRegion !== void 0 || activeEnabledIds.size === 0,
+																onClick: () => {
+																	saveModels();
+																},
+																children: saving ? t("row.saving") : t("row.save")
+															})]
+														})
 													]
-												}, model.id))
+												})
+											]
+										})
+									})
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-workbuddy-panel",
+									role: "tabpanel",
+									id: "dsm-workbuddy-panel-capabilities",
+									"aria-labelledby": "dsm-workbuddy-tab-capabilities",
+									hidden: signedIn && panel !== "capabilities",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-workbuddy-panel-note",
+											children: t("row.panelCapabilitiesHint")
+										}),
+										creditPreferences,
+										upstreamSwitches
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-workbuddy-panel",
+									role: "tabpanel",
+									id: "dsm-workbuddy-panel-diag",
+									"aria-labelledby": "dsm-workbuddy-tab-diag",
+									hidden: !signedIn || panel !== "diag",
+									children: status.status !== "signed-in" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsm-workbuddy-diag",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagRegion")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value",
+													children: status.region === "cn" ? t("row.tabCn") : t("row.tabGlobal")
+												})]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsm-workbuddy-model-capability-note",
-												children: t("row.modelCapabilityPending")
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagDomain")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-mono",
+													children: status.domain === void 0 || status.domain === "" ? t("row.modelUnknown") : status.domain
+												})]
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsm-workbuddy-model-actions",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-														className: "dsm-workbuddy-usage-cheer",
-														href: WORKBUDDY_GITHUB_URL,
-														target: "_blank",
-														rel: "noopener noreferrer",
-														children: [t("row.cheer"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "dsm-workbuddy-usage-cheer-star",
-															"aria-hidden": "true",
-															children: "★"
-														})]
-													}),
-													saveError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-workbuddy-model-save-error",
-														children: t("row.saveError", { message: saveError })
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: "dsm-workbuddy-model-actions-buttons",
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline",
-															disabled: !dirty || saving || poolBusy || togglingRegion !== void 0,
-															onClick: discardModels,
-															children: t("row.discard")
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-primary",
-															disabled: !dirty || saving || poolBusy || togglingRegion !== void 0 || activeEnabledIds.size === 0,
-															onClick: () => {
-																saveModels();
-															},
-															children: saving ? t("row.saving") : t("row.save")
-														})]
-													})
-												]
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagAccount")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value",
+													children: nameOf(status.accountName)
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagToken")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-mono",
+													children: formatDate(status.tokenExpiresAtMs)
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagCatalog")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value",
+													children: formatNumber(status.models.length)
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagEnabled")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value",
+													children: formatNumber(status.enabledModelIds.length)
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagPool")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-value",
+													children: status.pool?.enabled === true ? t("row.diagPoolOn", { count: status.pool.accounts.length }) : t("row.diagPoolOff")
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-workbuddy-diag-row",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-diag-label",
+													children: t("row.diagFailures")
+												}), (() => {
+													const failures = [];
+													if (status.credentialRejected === true) failures.push(t("row.credentialRejectedTitle"));
+													if (status.refreshError !== void 0) failures.push(status.refreshError);
+													if (status.creditsError !== void 0) failures.push(status.creditsError);
+													const unreadable = status.models.reduce((count, model) => count + (model.promos ?? []).filter((promo) => promo.schedule?.dailyUnusable === true).length, 0);
+													if (unreadable > 0) failures.push(t("row.diagPromoUnreadable", { count: unreadable }));
+													return failures.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-workbuddy-diag-value",
+														children: t("row.diagNoFailures")
+													}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-bad dsm-workbuddy-diag-mono",
+														children: failures.join(" · ")
+													});
+												})()]
 											})
 										]
-									})
-								})
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-workbuddy-panel",
-								role: "tabpanel",
-								id: "dsm-workbuddy-panel-capabilities",
-								"aria-labelledby": "dsm-workbuddy-tab-capabilities",
-								hidden: signedIn && panel !== "capabilities",
-								children: [
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsm-workbuddy-diag-hint",
+										children: t("row.diagHint")
+									})] })
+								}),
+								status.status === "signed-out" && loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-workbuddy-usage-text",
+									role: "status",
+									children: t("row.accountsLoading")
+								}) : null,
+								status.status === "signed-out" && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-workbuddy-panel-note",
-										children: t("row.panelCapabilitiesHint")
+										className: "dsm-workbuddy-usage-text",
+										children: signedOutText(notice, t)
 									}),
-									creditPreferences,
-									upstreamSwitches
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-workbuddy-panel",
-								role: "tabpanel",
-								id: "dsm-workbuddy-panel-diag",
-								"aria-labelledby": "dsm-workbuddy-tab-diag",
-								hidden: !signedIn || panel !== "diag",
-								children: status.status !== "signed-in" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsm-workbuddy-diag",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagRegion")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value",
-												children: status.region === "cn" ? t("row.tabCn") : t("row.tabGlobal")
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagDomain")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-mono",
-												children: status.domain === void 0 || status.domain === "" ? t("row.modelUnknown") : status.domain
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagAccount")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value",
-												children: nameOf(status.accountName)
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagToken")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-mono",
-												children: formatDate(status.tokenExpiresAtMs)
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagCatalog")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value",
-												children: formatNumber(status.models.length)
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagEnabled")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value",
-												children: formatNumber(status.enabledModelIds.length)
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagPool")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-value",
-												children: status.pool?.enabled === true ? t("row.diagPoolOn", { count: status.pool.accounts.length }) : t("row.diagPoolOff")
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-workbuddy-diag-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-workbuddy-diag-label",
-												children: t("row.diagFailures")
-											}), (() => {
-												const failures = [];
-												if (status.credentialRejected === true) failures.push(t("row.credentialRejectedTitle"));
-												if (status.refreshError !== void 0) failures.push(status.refreshError);
-												if (status.creditsError !== void 0) failures.push(status.creditsError);
-												return failures.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-workbuddy-diag-value",
-													children: t("row.diagNoFailures")
-												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-workbuddy-diag-value dsm-workbuddy-diag-bad dsm-workbuddy-diag-mono",
-													children: failures.join(" · ")
-												});
-											})()]
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsm-workbuddy-usage-account-actions",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsm-btn dsm-btn-outline",
+											disabled: busy,
+											onClick: () => {
+												rescanAccounts();
+											},
+											children: busy ? t("row.accountsScanning") : t("row.accountsRescan")
 										})
-									]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-workbuddy-diag-hint",
-									children: t("row.diagHint")
-								})] })
-							}),
-							status.status === "signed-out" && loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-workbuddy-usage-text",
-								role: "status",
-								children: t("row.accountsLoading")
-							}) : null,
-							status.status === "signed-out" && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-workbuddy-usage-text",
-									children: signedOutText(notice, t)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsm-workbuddy-usage-account-actions",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsm-btn dsm-btn-outline",
-										disabled: busy,
-										onClick: () => {
-											rescanAccounts();
-										},
-										children: busy ? t("row.accountsScanning") : t("row.accountsRescan")
-									})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsm-workbuddy-pool-tools",
-									children: accountTools
-								}),
-								searched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchedPaths, {
-									items: searched,
-									t
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsm-workbuddy-pool-tools",
+										children: accountTools
+									}),
+									searched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchedPaths, {
+										items: searched,
+										t
+									}) : null
+								] }) : null,
+								status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-workbuddy-usage-error",
+									children: status.message
 								}) : null
-							] }) : null,
-							status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-workbuddy-usage-error",
-								children: status.message
-							}) : null
-						]
+							]
+						})
 					}) : null
 				})]
 			});
@@ -10229,6 +10546,9 @@ window.__ModuleLoader__.load({
 			"row.diagPoolOff": "off",
 			"row.diagFailures": "Last failure",
 			"row.diagNoFailures": "Nothing reported.",
+			"row.diagPromoUnreadable": "{count} promotion hour(s) unreadable — badge hidden",
+			"row.cardCrashed": "The configuration area failed to render.",
+			"row.cardCrashedHint": "The model provider itself is unaffected — chat and credits keep working. Quote the line above in a bug report.",
 			"row.modelsTitle": "Models",
 			"row.modelsSummary": "{count} enabled",
 			"row.modelsDirty": "unsaved changes",
@@ -10515,7 +10835,17 @@ window.__ModuleLoader__.load({
 			"row.cliBridgeRegionOrderGlobalOnly": "Global only",
 			"row.cliBridgePickersHint": "All three pickers write the global cliBridge block; \"CLI default\" on model and effort is an explicit empty value, not \"unset\" — the CLI then uses its own defaults; the region picker writes cliBridge.regionOrder.",
 			"row.imageToolLabel": "Let the model draw images",
-			"row.imageToolHint": "Adds the workbuddy_draw_image tool, which the MODEL may call on its own — about 5.71 credits per image, with no per-call confirmation. Off means the tool is not registered at all.",
+			"row.imageToolHint": "Adds the workbuddy_draw_image tool, which the MODEL may call on its own — about 5.71 credits per image on the CN gateway and about 0.03 on the international one, with no per-call confirmation. Ticking it here only authorizes THIS tab's region. Off everywhere means the tool is not registered at all.",
+			"row.mediaModelsLabel": "Image models in this region",
+			"row.mediaModelsHint": "Read from this account's product configuration. The draw tool picks its model from here: a prompt without an image uses a text-to-image model, one WITH an image uses an image-to-image model. Read-only — to use a different model, pass it to the tool.",
+			"row.mediaModelsEmpty": "This region publishes no image or video model.",
+			"row.mediaModelsError": "Could not read the media model list: {message}",
+			"row.mediaModelsRefresh": "Re-read",
+			"row.mediaModelsRefreshing": "Reading…",
+			"row.mediaTagTextToImage": "text → image",
+			"row.mediaTagImageToImage": "image → image",
+			"row.mediaTagTextToVideo": "text → video",
+			"row.mediaTagImageToVideo": "image → video",
 			"row.showCreditsCn": "Show credits in the composer toolbar",
 			"row.showCreditsGlobal": "Show credits in the composer toolbar",
 			"row.showCreditsCnHint": "Show the domestic (WB CN) credit balance in the composer toolbar, but only while this session uses a WB CN model. Click it for per-account balances and a one-click test of the checked accounts (the test spends real credits). The readout refreshes by itself every 5 minutes; the per-account table every 60 seconds while it is open.",
@@ -10641,6 +10971,9 @@ window.__ModuleLoader__.load({
 			"row.diagPoolOff": "关闭",
 			"row.diagFailures": "最近一次失败",
 			"row.diagNoFailures": "没有报错。",
+			"row.diagPromoUnreadable": "{count} 条活动时段读不懂 —— 徽标已隐藏",
+			"row.cardCrashed": "配置区渲染失败。",
+			"row.cardCrashedHint": "模型服务本身未受影响，对话与积分仍可用。反馈问题时请附上上面这行。",
 			"row.modelsTitle": "模型",
 			"row.modelsSummary": "已启用 {count} 个",
 			"row.modelsDirty": "有未保存的修改",
@@ -10927,7 +11260,17 @@ window.__ModuleLoader__.load({
 			"row.cliBridgeRegionOrderGlobalOnly": "仅国际",
 			"row.cliBridgePickersHint": "三个选择都写入全局 cliBridge 块；模型/档位的\"CLI 默认\"是显式的空值而非未设置，届时 CLI 使用自己的默认；区域选择写入 cliBridge.regionOrder。",
 			"row.imageToolLabel": "允许模型自主生图",
-			"row.imageToolHint": "开启后模型可以自己调用 workbuddy_draw_image 画图——约 5.71 积分/张，没有逐次确认。关闭时该工具根本不会注册。",
+			"row.imageToolHint": "开启后模型可以自己调用 workbuddy_draw_image 画图——国内区约 5.71、国际区约 0.03 积分/张，没有逐次确认。在这里勾选只授权当前这一区的账号。两区都关着时该工具根本不会注册。",
+			"row.mediaModelsLabel": "本区可用的图像模型",
+			"row.mediaModelsHint": "读自当前账号的产品配置。生图工具就按这里挑模型：不填图片走「文生图」那一组，填了图片走「图生图」那一组。这里是只读的——想换模型请在调用工具时指定。",
+			"row.mediaModelsEmpty": "这一区的产品配置里没有图像或视频模型。",
+			"row.mediaModelsError": "读取媒体模型清单失败：{message}",
+			"row.mediaModelsRefresh": "重新读取",
+			"row.mediaModelsRefreshing": "正在读取…",
+			"row.mediaTagTextToImage": "文生图",
+			"row.mediaTagImageToImage": "图生图",
+			"row.mediaTagTextToVideo": "文生视频",
+			"row.mediaTagImageToVideo": "图生视频",
 			"row.showCreditsCn": "在输入框工具栏显示积分读数",
 			"row.showCreditsGlobal": "在输入框工具栏显示积分读数",
 			"row.showCreditsCnHint": "在对话输入框工具栏显示国内版（WB CN）剩余积分，仅当本会话使用 WB CN 模型时出现。点击可看各账号余额并一键测试勾选的账号（测试会真实消耗积分）。读数每 5 分钟自动刷新；各账号明细在面板打开时每 60 秒刷新。",