dsh-connect-workbuddy 4.14.1 → 5.0.0

package/lib/client.js

@@ -264,6 +264,20 @@ window.__ModuleLoader__.load({
 		function regionCreditsShownOf(value, region) {
 			return regionSlotOf(value, region)["showCreditsInMainUi"] !== false;
 		}
+		/**
+		* Whether the model may call the image-generation tool in one region.
+		*
+		* OPT-IN, unlike every other switch in this file: absent reads as `false`. The
+		* asymmetry is deliberate. The credit line and the provider switch are things
+		* whose absence should behave like a fresh install (on), because a hidden line
+		* or a withdrawn provider is recoverable by clicking. This one authorizes the
+		* MODEL to spend credits on its own — about 5.71 per image, with no per-call
+		* approval available in the host — so an upgrade or an unreadable setting must
+		* leave it OFF rather than silently grant it.
+		*/
+		function regionImageToolEnabledOf(value, region) {
+			return regionSlotOf(value, region)["imageToolEnabled"] === true;
+		}
 		/** The seat a region's readout uses, defaulting to the composer row. */
 		function regionCreditPositionOf(value, region) {
 			return regionSlotOf(value, region)["creditPosition"] === "stats" ? "stats" : "composer";
@@ -295,6 +309,18 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* Build the next `regions` settings value for the image-tool opt-in.
+		*
+		* Same merge rule: ONLY the target region's flag changes, so the directory,
+		* the model selection and the sibling region survive the write.
+		*/
+		function nextRegionImageToolEnabled(value, region, enabled) {
+			return nextRegionSlots(regionsMapOf(value), region, {
+				...regionSlotOf(value, region),
+				imageToolEnabled: enabled
+			});
+		}
+		/**
 		* Project one card row into its persisted `lastCatalog` shape: the native
 		* context window becomes the stored `contextWindow`, and the card-only
 		* presentation fields (`nativeContextWindow`, `multimodal`) are removed BY
@@ -673,6 +699,12 @@ window.__ModuleLoader__.load({
 		* @param slot - the region's COMPLETE next slot (caller owns the merge).
 		* @throws {WorkBuddySettingsWriteError} when neither writer persists the value.
 		*/
+		async function writeRegionImageToolEnabled(scope, region, enabled, slot) {
+			await writeField(scope, "regions", region, slot, (readBack) => {
+				const stored = readBack;
+				return stored !== null && stored !== void 0 && stored["imageToolEnabled"] === enabled;
+			});
+		}
 		async function writeRegionCreditsShown(scope, region, shown, slot) {
 			await writeField(scope, "regions", region, slot, (readBack) => {
 				const stored = readBack;
@@ -4038,6 +4070,37 @@ window.__ModuleLoader__.load({
 .dsm-workbuddy-tab-switch{display:inline-flex;align-items:center;flex:none;margin-left:auto;padding-left:10px;border-left:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24));cursor:pointer}
 .dsm-workbuddy-tab-switch input{margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
 .dsm-workbuddy-tab-switch input:disabled{cursor:default}
+/* SECTION TABS: the card's own top-level split (accounts / models / diagnostics).
+ *
+ * Deliberately NOT the boxed cells above. Those are the REGION scope — a
+ * two-way either/or, each side carrying its own on/off switch — while these are
+ * panels of ONE document, the shape a reader already knows from the app's own
+ * settings window. Two rows of boxes would read as one four-way choice.
+ *
+ * The hidden attribute on each panel is what does the work: an inactive panel
+ * stays MOUNTED, so switching back does not refetch, a half-filled catalog draft
+ * survives the trip, and the account pool keeps its log. It also takes the
+ * inactive panel out of the accessibility tree, which is exactly what
+ * role="tabpanel" wants — unlike display:none reached by a CSS class, it
+ * cannot be overridden by a later rule. */
+.dsm-workbuddy-panels{display:flex;align-items:stretch;gap:2px;margin:16px 0 0;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24))}
+.dsm-workbuddy-panel-tab{appearance:none;font:inherit;cursor:pointer;border:0;background:transparent;padding:7px 11px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--dsw-alias-label-tertiary,#999);font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;transition:color .15s,border-color .15s}
+.dsm-workbuddy-panel-tab:hover:not(.dsm-workbuddy-panel-tab-active){color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-workbuddy-panel-tab:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+.dsm-workbuddy-panel-tab-active{color:var(--dsw-alias-label-primary,#e6e6e6);border-bottom-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-workbuddy-panel{margin-top:12px}
+/* DIAGNOSTICS: a two-column fact table rather than prose. Each row is one thing
+ * the card actually READ, so a bug report can quote a line instead of
+ * paraphrasing the UI. No control lives here on purpose — a diagnostics panel
+ * that can change settings is a settings panel with a worse name. */
+.dsm-workbuddy-diag{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l2,#36373b);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-2,#232529)}
+.dsm-workbuddy-diag-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 12px}
+.dsm-workbuddy-diag-row+.dsm-workbuddy-diag-row{border-top:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24))}
+.dsm-workbuddy-diag-label{flex:none;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
+.dsm-workbuddy-diag-value{min-width:0;color:var(--dsw-alias-label-primary,#e6e6e6);font-size:12px;line-height:18px;text-align:right;overflow-wrap:anywhere}
+.dsm-workbuddy-diag-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.dsm-workbuddy-diag-bad{color:var(--dsw-alias-label-caution,#e8b34b)}
+.dsm-workbuddy-diag-hint{margin:10px 0 0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
 /* PREFERENCE LINES: a checkbox on a line that commits on the click, packed from
    the LEFT — the shape the reference card uses for this exact block.
  *
@@ -4067,7 +4130,7 @@ window.__ModuleLoader__.load({
    CONTRAST colour, so a ticked box painted itself as a heavy black pill — the
    loudest object in a section made of plain 13px text. */
 .dsm-workbuddy-pref input{flex:none;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
-.dsm-workbuddy-pref-check{inline-size:15px;block-size:15px;margin:3px 0 0}
+.dsm-workbuddy-pref-check,.dsm-workbuddy-image-tool-check{inline-size:15px;block-size:15px;margin:3px 0 0}
 .dsm-workbuddy-pref input:disabled{cursor:default}
 .dsm-workbuddy-pref:has(input:disabled){opacity:.6;cursor:default}
 /* The NAME and what it does are TWO lines, not one wrapped blob: first what the
@@ -4168,7 +4231,14 @@ window.__ModuleLoader__.load({
    an error banner, because the fact it states is normal product behaviour
    rather than a failure. Weight is the only signal it needs. */
 .dsm-workbuddy-free-quota-warn{font-weight:600}
-.dsm-workbuddy-model-list{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l2,#36373b);border-radius:10px;overflow:hidden}
+/* The rows scroll INSIDE the box once the list outgrows it: the section owns a
+   fixed share of the card instead of setting its height from the roster's
+   length. Without this the list was the card's height all by itself — 20-odd
+   models, each carrying a budget field, a reasoning picker and an image toggle.
+   The rounded corners survive because the scroll container is the bordered box
+   itself, so the first and last row are clipped by the same radius the border
+   already draws. */
+.dsm-workbuddy-model-list{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l2,#36373b);border-radius:10px;overflow:hidden;max-height:520px;overflow-y:auto}
 .dsm-workbuddy-model{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:10px 12px;background:var(--dsw-alias-bg-layer-2,#232529);transition:opacity .16s}
 .dsm-workbuddy-model-disabled{opacity:.55}
 .dsm-workbuddy-model+.dsm-workbuddy-model{border-top:1px solid var(--dsw-alias-border-l2,#36373b)}
@@ -5190,6 +5260,21 @@ window.__ModuleLoader__.load({
 			* appear before anything billing-side has answered.
 			*/
 			const [statusByRegion, setStatusByRegion] = (0, react.useState)({});
+			/**
+			* Which of the card's three sections is on screen.
+			*
+			* The section tabs exist because the card grew into one 3,500 px column that
+			* carried two unrelated jobs: operating an account (who serves, how much is
+			* left, which order) and editing the catalog (which models, what context
+			* budget, which reasoning tiers). They even commit differently — an account
+			* change lands on the click, a catalog change is a draft until saved — so a
+			* single column put the save button three screens away from what it saves.
+			*
+			* Only the ACTIVE section is visible; the others stay MOUNTED (the `hidden`
+			* attribute), so switching back never refetches, a half-filled draft
+			* survives, and the pool keeps its log.
+			*/
+			const [panel, setPanel] = (0, react.useState)("accounts");
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [settingsRevision, setSettingsRevision] = (0, react.useState)(0);
 			/** Per-region unsaved model edits; a draft on one tab is never dropped by
@@ -5409,6 +5494,14 @@ window.__ModuleLoader__.load({
 				selectionExplicit: false
 			};
 			/**
+			* Whether the ACTIVE region has a usable sign-in.
+			*
+			* The section tabs render only here: a signed-out card is one screen of
+			* instructions, and splitting that into panels would hide the only thing it
+			* has to say behind a tab.
+			*/
+			const signedIn = status.status === "signed-in";
+			/**
 			* Whether the ACTIVE region knows of any account at all.
 			*
 			* This is the poll's precondition in place of `status === 'signed-in'`. The
@@ -5520,6 +5613,19 @@ window.__ModuleLoader__.load({
 				return regionCreditsShownOf(settingsScope?.getSnapshot().value, item);
 			};
 			/**
+			* Whether the model may call the image tool in this region.
+			*
+			* Read off the Host's answer first, like {@link creditsShownOn} and for the
+			* same measured reason — the browser mirror is stale for this namespace on the
+			* affected 0.1.7 deployments, and here a stale `true` would be worse than a
+			* dead checkbox: it would claim the spending capability is on.
+			*/
+			const imageToolOn = (item) => {
+				const usage = statusByRegion[item];
+				if (typeof usage?.imageToolEnabled === "boolean") return usage.imageToolEnabled;
+				return regionImageToolEnabledOf(settingsScope?.getSnapshot().value, item);
+			};
+			/**
 			* Switch one region's provider off or on. The write carries the region's
 			* whole slot through untouched — only `enabled` changes — so the user's
 			* directory, model picks, image opt-ins and budgets survive a round trip.
@@ -5605,6 +5711,19 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setTogglingCredits(void 0);
 				}
 			};
+			const toggleImageTool = async (item, enabled) => {
+				if (settingsScope === void 0) return;
+				setTogglingCredits(item);
+				try {
+					const slot = nextRegionImageToolEnabled(settingsScope.getSnapshot().value, item, enabled)[item];
+					await writeRegionImageToolEnabled(settingsScope, item, enabled, typeof slot === "object" && slot !== null ? slot : {});
+					await refreshUsage(item);
+				} catch (error) {
+					if (mounted.current) setAccountError(error instanceof Error ? error.message : t("row.requestFailed"));
+				} finally {
+					if (mounted.current) setTogglingCredits(void 0);
+				}
+			};
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
@@ -5990,46 +6109,82 @@ window.__ModuleLoader__.load({
 			});
 			const creditPositionCaption = t("row.creditPositionHintInline");
 			const creditPositionDisabledCaption = t("row.creditPositionDisabledHint");
+			/**
+			* The image tool opt-in, rendered above the credit preferences.
+			*
+			* 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.
+			*/
+			const imageToolPreference = activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "dsm-workbuddy-pref",
+				title: t("row.imageToolHint"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					className: "dsm-workbuddy-image-tool-check",
+					checked: activeRegionOn ? imageToolOn(activeRegion) : false,
+					disabled: !activeRegionOn || togglingCredits === activeRegion || !canWrite || saving || poolBusy,
+					onChange: (event) => {
+						toggleImageTool(activeRegion, event.target.checked);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsm-workbuddy-pref-copy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-workbuddy-pref-label",
+						children: t("row.imageToolLabel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-workbuddy-pref-hint",
+						children: t("row.imageToolHint")
+					})]
+				})]
+			}) : null;
 			const creditPreferences = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsm-workbuddy-prefs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-					className: "dsm-workbuddy-pref",
-					title: activeRegion === "cn" ? t("row.showCreditsCnHint") : t("row.showCreditsGlobalHint"),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						type: "checkbox",
-						className: "dsm-workbuddy-pref-check",
-						checked: activeRegionOn ? creditsShownOn(activeRegion) : false,
-						disabled: !activeRegionOn || togglingCredits === activeRegion || !canWrite || saving || poolBusy,
-						onChange: (event) => {
-							toggleCredits(activeRegion, event.target.checked);
-						}
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "dsm-workbuddy-pref-copy",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsm-workbuddy-pref-label",
-							children: activeRegion === "cn" ? t("row.showCreditsCn") : t("row.showCreditsGlobal")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsm-workbuddy-pref-hint",
-							children: t("row.showCreditsHintInline")
-						})]
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: "dsm-workbuddy-pref dsm-workbuddy-pref-indent",
-					title: t("row.creditPositionHint"),
-					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: [
+					imageToolPreference,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "dsm-workbuddy-pref",
+						title: activeRegion === "cn" ? t("row.showCreditsCnHint") : t("row.showCreditsGlobalHint"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							className: "dsm-workbuddy-pref-check",
+							checked: activeRegionOn ? creditsShownOn(activeRegion) : false,
+							disabled: !activeRegionOn || togglingCredits === activeRegion || !canWrite || saving || poolBusy,
+							onChange: (event) => {
+								toggleCredits(activeRegion, event.target.checked);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsm-workbuddy-pref-copy",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsm-workbuddy-pref-label",
-								children: t("row.creditPositionLabel")
-							}), creditPositionPicker]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsm-workbuddy-pref-hint",
-							children: activeRegionOn ? creditPositionCaption : creditPositionDisabledCaption
+								children: activeRegion === "cn" ? t("row.showCreditsCn") : t("row.showCreditsGlobal")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-workbuddy-pref-hint",
+								children: t("row.showCreditsHintInline")
+							})]
 						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: "dsm-workbuddy-pref dsm-workbuddy-pref-indent",
+						title: t("row.creditPositionHint"),
+						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.creditPositionLabel")
+								}), creditPositionPicker]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-workbuddy-pref-hint",
+								children: activeRegionOn ? creditPositionCaption : creditPositionDisabledCaption
+							})]
+						})
 					})
-				})]
+				]
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: `dsm-plugin-card${open ? " dsm-plugin-card-open" : ""}`,
@@ -6107,81 +6262,140 @@ window.__ModuleLoader__.load({
 									}, region);
 								})
 							}),
-							/* @__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,
-							creditPreferences,
-							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")
+							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-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,
-							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);
+							/* @__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,
+									creditPreferences,
+									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 })
+										}),
+										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)(AccountPool, {
+											t,
+											region: activeRegion,
+											...status.pool === void 0 ? {} : { pool: status.pool },
+											...settingsScope === void 0 ? {} : { settingsScope },
+											onRescan: () => {
+												rescanAccounts();
+											},
+											rescanning: busy,
+											onSelectAccount: (accountId) => {
+												switchAccount(accountId);
 											},
-											children: switchingAccount ? t("row.accountsScanning") : t("row.credentialRejectedSwitchAction", { accountName: nameOf(status.recovery.usableAccount.accountName) })
+											selectingAccount: switchingAccount,
+											accountTools,
+											siblingBusy: saving || togglingRegion !== void 0,
+											onBusyChange: setPoolBusy,
+											onSaved: async () => await refreshUsage(activeRegion) !== void 0,
+											onRefresh: () => refreshUsage(activeRegion)
 										})
-									]
-								}) : 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 })
-								}),
-								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)(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)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+									] }) : 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", {
@@ -6430,7 +6644,111 @@ window.__ModuleLoader__.load({
 										]
 									})
 								})
-							] }) : null,
+							}) : null,
+							/* @__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)("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",
@@ -7500,6 +7818,22 @@ window.__ModuleLoader__.load({
 			"row.accountsWriteFailed": "The account change was not saved: {message} — the active profile's configuration file could not be updated (on Windows it may be locked by an antivirus scanner or a sync client). Your previous choice is still in effect; close whatever holds that file and try again (see docs/WINDOWS.md in the plugin repo for the exact path).",
 			"row.selectionLostHint": "The saved account no longer exists locally.",
 			"row.selectionLostMessage": "The account saved for this region is no longer among the local sign-ins (WorkBuddy replaced its login or cleaned up backups). Your other sign-ins are fine — pick a current one from the list above. Signing in again in the desktop app will not fix this.",
+			"row.panelAccounts": "Accounts",
+			"row.panelModels": "Models",
+			"row.panelDiag": "Diagnostics",
+			"row.panelAria": "Card sections",
+			"row.diagHint": "What this card actually read, so a report can quote it. Nothing here changes a setting.",
+			"row.diagRegion": "Region",
+			"row.diagDomain": "Upstream domain",
+			"row.diagAccount": "Serving account",
+			"row.diagToken": "Sign-in expires",
+			"row.diagCatalog": "Models in the catalog",
+			"row.diagEnabled": "Enabled models",
+			"row.diagPool": "Account pool",
+			"row.diagPoolOn": "on · {count} accounts",
+			"row.diagPoolOff": "off",
+			"row.diagFailures": "Last failure",
+			"row.diagNoFailures": "Nothing reported.",
 			"row.modelsTitle": "Models",
 			"row.modelsSummary": "{count} enabled",
 			"row.modelsDirty": "unsaved changes",
@@ -7732,6 +8066,8 @@ window.__ModuleLoader__.load({
 			"row.poolRowRemoved": "{accountName}: hidden from the list. 「Detect accounts again」 re-adds it; the desktop app stays signed in.",
 			"row.poolRowRemoving": "Removing the account…",
 			"row.poolRowRemoveDesktopOnly": "{accountName}: hidden from the list — this account comes from the desktop app's own sign-in, which is left untouched. 「Detect accounts again」 re-adds it.",
+			"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.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 manual refresh (refreshes by itself every 5 minutes).",
@@ -7826,6 +8162,22 @@ window.__ModuleLoader__.load({
 			"row.accountsWriteFailed": "账号改动未保存：{message} —— 当前 profile 的配置文件写入失败（Windows 上可能被杀毒软件或同步盘占用）。当前仍是原来保存的选择，请先关闭占用该文件的程序再重试（文件的确切路径见插件仓库的 docs/WINDOWS.md）。",
 			"row.selectionLostHint": "已保存的账号在本机已不存在。",
 			"row.selectionLostMessage": "该区域保存的账号已不在本机登录列表中（WorkBuddy 更换了登录或清理了备份文件）。本机其他登录仍然可用——请在上方列表中重新选择一个当前账号。重新登录桌面端 App 无法修复此问题。",
+			"row.panelAccounts": "账号",
+			"row.panelModels": "模型",
+			"row.panelDiag": "诊断",
+			"row.panelAria": "卡片分区",
+			"row.diagHint": "这张卡片实际读到了什么，方便贴进问题反馈。这里没有任何会改动设置的控件。",
+			"row.diagRegion": "区域",
+			"row.diagDomain": "上游域名",
+			"row.diagAccount": "当前服务账号",
+			"row.diagToken": "登录有效期至",
+			"row.diagCatalog": "目录中的模型",
+			"row.diagEnabled": "已启用的模型",
+			"row.diagPool": "账号池",
+			"row.diagPoolOn": "开启 · {count} 个账号",
+			"row.diagPoolOff": "关闭",
+			"row.diagFailures": "最近一次失败",
+			"row.diagNoFailures": "没有报错。",
 			"row.modelsTitle": "模型",
 			"row.modelsSummary": "已启用 {count} 个",
 			"row.modelsDirty": "有未保存的修改",
@@ -8058,6 +8410,8 @@ window.__ModuleLoader__.load({
 			"row.poolRowRemoved": "{accountName}：已从列表中隐藏。点「重新检测账号」会重新加入，桌面 App 的登录不受影响。",
 			"row.poolRowRemoving": "正在删除账号…",
 			"row.poolRowRemoveDesktopOnly": "{accountName}：已从列表中隐藏——这个账号来自桌面 App 自己的登录，该登录未被改动。点「重新检测账号」会重新加入。",
+			"row.imageToolLabel": "允许模型自主生图",
+			"row.imageToolHint": "开启后模型可以自己调用 workbuddy_draw_image 画图——约 5.71 积分/张，没有逐次确认。关闭时该工具根本不会注册。",
 			"row.showCreditsCn": "在输入框工具栏显示积分读数",
 			"row.showCreditsGlobal": "在输入框工具栏显示积分读数",
 			"row.showCreditsCnHint": "在对话输入框工具栏显示国内版（WB CN）剩余积分，仅当本会话使用 WB CN 模型时出现。点击可看各账号余额并手动刷新（每 5 分钟也会自动刷新）。",