dsh-qoder-connect 0.1.2 → 0.1.4

package/lib/client.js

@@ -61,242 +61,691 @@ window.__ModuleLoader__.load({
 			return status === "error" && typeof wrapped["message"] === "string";
 		}
 		//#endregion
-		//#region src/client/QoderPluginCard.tsx
-		/** Qoder status card contributed to Harness Plugin configuration. */
-		/** China Qoder; the plugin's primary card and default. */
-		const QODER_CN_CARD = {
-			id: "qoder",
-			titleKey: "title",
-			introKey: "intro",
-			signedOutKey: "signedOutHint",
-			patGuideKey: "patGuide",
-			patPlaceholderKey: "patPlaceholder",
-			statusPath: QODER_STATUS_PATH,
-			probePath: QODER_PROBE_PATH,
-			authPath: QODER_AUTH_PATH
+		//#region src/client/quota-settings-store.ts
+		let pollIntervalMs = 3e5;
+		const toggles = {
+			cn: false,
+			global: false
 		};
-		/** Both cards, in display order (China first). */
-		const QODER_CARD_VARIANTS = [QODER_CN_CARD, {
-			id: "qoder-global",
-			titleKey: "titleAI",
-			introKey: "introAI",
-			signedOutKey: "signedOutHintAI",
-			patGuideKey: "patGuideAI",
-			patPlaceholderKey: "patPlaceholderAI",
-			statusPath: QODER_GLOBAL_STATUS_PATH,
-			probePath: QODER_GLOBAL_PROBE_PATH,
-			authPath: QODER_GLOBAL_AUTH_PATH
-		}];
-		const POLL_INTERVAL_MS = 6e4;
-		const cardStyle$1 = {
-			listStyle: "none",
-			borderWidth: "0.5px",
-			borderStyle: "solid",
-			borderColor: "var(--dsw-alias-border-l4)",
-			borderRadius: 16,
-			background: "var(--dsw-alias-bg-layer-3)",
-			transition: "border-color .16s, background .16s"
+		let togglesSnapshot = {
+			cn: false,
+			global: false
 		};
-		/** Hover, matching the built-in card's `:hover`. Inline styles cannot express a pseudo-class. */
-		const cardHoverStyle$1 = { borderColor: "var(--dsw-alias-label-dimmed)" };
-		/** Expanded, matching the built-in card's open state. */
-		const cardOpenStyle$1 = {
-			background: "var(--dsw-alias-bg-layer-2)",
-			borderColor: "var(--dsw-alias-label-dimmed)"
+		const signIn = {
+			cn: false,
+			global: false
 		};
-		const headerStyle = {
-			boxSizing: "border-box",
-			width: "100%",
-			display: "flex",
-			alignItems: "center",
-			gap: 12,
-			border: 0,
-			borderRadius: 12,
-			padding: "14px 16px",
-			background: "transparent",
-			color: "inherit",
-			font: "inherit",
-			textAlign: "left",
-			cursor: "pointer",
-			appearance: "none"
+		let signInSnapshot = {
+			cn: false,
+			global: false
 		};
+		let revision = 0;
+		const listeners = /* @__PURE__ */ new Set();
+		function bump() {
+			revision += 1;
+			for (const listener of listeners) listener();
+		}
+		/** Update the shared poll interval (from the settings document). */
+		function setQuotaPollMs(ms) {
+			if (Number.isFinite(ms) && ms >= 6e4 && pollIntervalMs !== ms) {
+				pollIntervalMs = ms;
+				bump();
+			}
+		}
+		/** Read the configured poll interval. */
+		function quotaPollMs() {
+			return pollIntervalMs;
+		}
+		/** Update both sidebar toggles (from the settings document). */
+		function setQuotaToggles(cn, global) {
+			if (toggles.cn !== cn || toggles.global !== global) {
+				toggles.cn = cn;
+				toggles.global = global;
+				togglesSnapshot = { ...toggles };
+				bump();
+			}
+		}
+		/** Read the current toggles. */
+		function quotaToggles() {
+			return togglesSnapshot;
+		}
+		/** Record a variant's sign-in state from any successful status poll. */
+		function noteQuotaSignIn(variantId, signedIn) {
+			if (variantId === "qoder" && signIn.cn !== signedIn) {
+				signIn.cn = signedIn;
+				signInSnapshot = { ...signIn };
+				bump();
+			} else if (variantId === "qoder-global" && signIn.global !== signedIn) {
+				signIn.global = signedIn;
+				signInSnapshot = { ...signIn };
+				bump();
+			}
+		}
+		/** Read the cached sign-in state. */
+		function quotaSignInState() {
+			return signInSnapshot;
+		}
+		/** Subscribe to any flag change; returns the disposer. */
+		function onQuotaSettingsChange(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		/** The current revision — the useSyncExternalStore snapshot value. */
+		function quotaSettingsRevision() {
+			return revision;
+		}
+		/** Which variant a status route belongs to, from the route path. */
+		function variantOfStatusPath(statusPath) {
+			return statusPath.includes("/global/") ? "qoder-global" : "qoder";
+		}
 		/**
-		* The built-in header's keyboard focus ring.
+		* The last status document per variant, shared by EVERY quota surface.
 		*
-		* `:focus-visible` is what makes the ring appear for keyboard navigation but not
-		* for a mouse click, and an inline style cannot express a pseudo-class — so the
-		* component tracks it and applies this instead. Without it the header falls back
-		* to the browser's own outline, which is the black box that used to appear on
-		* focus where the built-in card shows a brand-coloured ring.
+		* The sidebar cards and the dashboard each used to fetch independently, so a
+		* dashboard refresh updated the panel while the sidebar card kept showing its
+		* previous read until its own next tick — two different numbers for one
+		* account on one screen. One store, one write path
+		* ({@link noteQuotaStatus}), and every subscriber re-renders through the
+		* same revision: whatever surface refreshed last, all of them show it.
+		*
+		* Documents are kept by identity (never mutated), so reference comparisons
+		* in useSyncExternalStore selectors stay cheap and stable.
 		*/
-		const headerFocusStyle$1 = {
-			outline: "2px solid var(--dsw-alias-brand-primary)",
-			outlineOffset: -2
-		};
-		const headTextStyle$1 = {
-			display: "flex",
-			flex: 1,
-			minWidth: 0,
-			flexDirection: "column",
-			gap: 4
-		};
-		const nameStyle = {
-			fontSize: 15,
-			lineHeight: 1.4,
-			fontWeight: 600,
-			color: "var(--dsw-alias-label-primary)"
+		const statusDocuments = {
+			cn: void 0,
+			global: void 0
 		};
-		const descriptionStyle = {
-			fontSize: 13,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-tertiary)"
+		/**
+		* Publish one variant's freshly fetched status document. Downstream
+		* subscribers (both sidebar cards and the dashboard, through whichever
+		* observable wraps this store) re-render on the revision bump.
+		*/
+		function noteQuotaStatus(variantId, status) {
+			if (variantId === "qoder" && statusDocuments.cn !== status) {
+				statusDocuments.cn = status;
+				statusFetchedAt.cn = Date.now();
+				bump();
+			} else if (variantId === "qoder-global" && statusDocuments.global !== status) {
+				statusDocuments.global = status;
+				statusFetchedAt.global = Date.now();
+				bump();
+			}
+			noteQuotaSignIn(variantId, status.status === "signed-in");
+		}
+		/** Read one variant's latest status document. */
+		function quotaStatus(variantId) {
+			return variantId === "qoder" ? statusDocuments.cn : statusDocuments.global;
+		}
+		/** When each variant's document was last fetched (per publish, not per read). */
+		const statusFetchedAt = {
+			cn: void 0,
+			global: void 0
 		};
+		/** Read the time a variant's current document was fetched, if any. */
+		function quotaStatusFetchedAt(variantId) {
+			return variantId === "qoder" ? statusFetchedAt.cn : statusFetchedAt.global;
+		}
 		/**
-		* The disclosure chevron, drawn to match the Settings panel's own card.
+		* Whether ONE variant's shared document is fresh enough to skip a fetch:
+		* the user's rule — a click/mount/interval tick within the configured
+		* interval of the last successful read reuses the cached document, and only
+		* a variant with NO result yet (or a failed read that never landed one)
+		* forces the upstream call. The interval is a cache lifetime, not a metronome.
 		*
-		* The built-in card renders `IconChevronDownOutline14` from the client's shared
-		* icon catalog, which the shell seeds into the module table. This plugin does
-		* not request that catalog, so the same outline is drawn here from the same path
-		* data: the text `⌄` glyph this replaces had a different shape, weight, and
-		* baseline from the icon the cards beside it use.
+		* A `maxAgeMs` of the poll interval comes from the settings document; a
+		* failed last read is NOT tracked here (callers gate failures themselves),
+		* because "the last read failed" still means "no usable result".
+		*
+		* @param variantId - which variant's freshness to test.
+		* @param maxAgeMs - the configured poll interval (cache lifetime).
 		*/
-		function ChevronDownIcon$1() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				width: 14,
-				height: 14,
-				viewBox: "0 0 14 14",
-				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
-					fill: "currentColor"
-				})
-			});
+		function quotaStatusIsFresh(variantId, maxAgeMs) {
+			const fetchedAt = variantId === "qoder" ? statusFetchedAt.cn : statusFetchedAt.global;
+			const document = variantId === "qoder" ? statusDocuments.cn : statusDocuments.global;
+			if (fetchedAt === void 0 || document === void 0) return false;
+			return Date.now() - fetchedAt < maxAgeMs;
 		}
-		/** The built-in card's chevron rule: tertiary color, and only the rotation animates. */
-		const chevronStyle$1 = {
-			flex: "none",
-			display: "flex",
-			color: "var(--dsw-alias-label-tertiary)",
-			transition: "transform .16s"
-		};
-		const cardBodyStyle$1 = {
-			borderTop: ".5px solid var(--dsw-alias-border-l2)",
-			margin: "0 16px",
-			padding: "12px 0 8px"
-		};
-		const bodyStyle = {
-			margin: 0,
-			fontSize: 13,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-tertiary)"
-		};
-		const rowStyle$1 = {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			flexWrap: "wrap",
-			gap: 12
-		};
-		const statusStyle = {
-			display: "flex",
-			alignItems: "center",
-			gap: 8,
-			fontSize: 13,
-			fontWeight: 500,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-primary)"
-		};
-		/** The built-in secondary button: transparent, hairline border, 8px radius. */
-		const buttonStyle$1 = {
-			boxSizing: "border-box",
-			padding: "5px 14px",
-			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 8,
-			background: "transparent",
-			color: "var(--dsw-alias-label-secondary)",
-			font: "inherit",
-			fontSize: 13,
-			lineHeight: 1.5,
-			cursor: "pointer"
-		};
-		const errorStyle = {
-			...bodyStyle,
-			color: "var(--dsw-alias-state-error-primary)"
+		//#endregion
+		//#region src/client/QuotaSettingsCard.tsx
+		/**
+		* The shared quota-settings card: one card above the two variant cards that
+		* configures both sidebar quota widgets.
+		*
+		* Like the built-in plugin cards, it registers into `settings.plugin.item`
+		* keyed by its own settings namespace (`qoder-quota`), binds that
+		* namespace through the client settings scope, and writes through the scope's
+		* revision-fenced `set` — the same durable-write path every preference row
+		* uses. A toggle commits on click: each click is one explicit user choice,
+		* and the scope's ordering makes the last one win, so no staged-draft form is
+		* needed for two booleans and a number.
+		*
+		* The two toggles gate the CN and international sidebar cards respectively;
+		* the interval is one shared poll period. Toggles are disabled while their
+		* variant is signed out: a quota card for an account nobody is signed into
+		* would render an error forever, so the setting waits for a session.
+		*/
+		/** The default poll interval shown before a value is stored. */
+		const POLL_DEFAULT_MS = 3e5;
+		/** Floor the schema also enforces; mirrored here for immediate UI feedback. */
+		const POLL_MIN_MS = 6e4;
+		/** Read the section values out of a scope snapshot (defaults when absent). */
+		function project(scope) {
+			if (scope === void 0) return {
+				status: "unavailable",
+				writable: false,
+				values: {
+					sidebarQuotaCN: false,
+					sidebarQuotaGlobal: false,
+					quotaPollMs: POLL_DEFAULT_MS
+				}
+			};
+			const snapshot = scope.getSnapshot();
+			const value = snapshot.value ?? {};
+			return {
+				status: snapshot.status,
+				writable: snapshot.writable,
+				values: {
+					sidebarQuotaCN: value.sidebarQuotaCN === true,
+					sidebarQuotaGlobal: value.sidebarQuotaGlobal === true,
+					quotaPollMs: typeof value.quotaPollMs === "number" ? value.quotaPollMs : POLL_DEFAULT_MS
+				}
+			};
+		}
+		/**
+		* Stable-reference projection cache.
+		*
+		* React's useSyncExternalStore requires getSnapshot() to return THE SAME
+		* reference between renders unless the store actually changed. project()
+		* builds a fresh object every call, which re-renders forever and crashes the
+		* card with React error #185 ("maximum update depth exceeded") — exactly the
+		* crash the slot ledger reported. The cache below returns the last built
+		* projection until the underlying scope snapshot (or scope identity) changes,
+		* which is the only thing the projection actually derives from.
+		*/
+		let cachedScope;
+		let cachedProjection;
+		const UNAVAILABLE = {
+			status: "unavailable",
+			writable: false,
+			values: {
+				sidebarQuotaCN: false,
+				sidebarQuotaGlobal: false,
+				quotaPollMs: POLL_DEFAULT_MS
+			}
 		};
-		const quotaListStyle = {
+		function stableProject(scope) {
+			if (scope === void 0) return UNAVAILABLE;
+			const next = project(scope);
+			if (cachedProjection === void 0 || cachedScope !== scope || cachedProjection.status !== next.status || cachedProjection.writable !== next.writable || cachedProjection.values.sidebarQuotaCN !== next.values.sidebarQuotaCN || cachedProjection.values.sidebarQuotaGlobal !== next.values.sidebarQuotaGlobal || cachedProjection.values.quotaPollMs !== next.values.quotaPollMs) {
+				cachedScope = scope;
+				cachedProjection = next;
+			}
+			return cachedProjection;
+		}
+		/** One toggle row: label, hint, and a switch drawn to the shell's proportions. */
+		function ToggleRow({ label, hint, checked, disabled, disabledHint, onToggle }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: rowStyle$1,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: rowTextStyle,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: labelStyle$1,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: hintStyle,
+						children: disabled === true && disabledHint !== void 0 ? disabledHint : hint
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "switch",
+					"aria-checked": checked,
+					disabled,
+					"aria-label": label,
+					onClick: () => {
+						if (disabled) return;
+						onToggle(!checked);
+					},
+					style: {
+						...switchStyle,
+						background: checked ? "var(--dsw-alias-brand-primary)" : "var(--dsw-alias-bg-layer-3, rgba(127,127,127,0.2))",
+						justifyContent: checked ? "flex-end" : "flex-start",
+						opacity: disabled === true ? .45 : 1,
+						cursor: disabled === true ? "not-allowed" : "pointer"
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: knobStyle })
+				})]
+			});
+		}
+		/** The inner controls for sidebar quota settings. */
+		function QuotaSettingsContent({ t = (key) => key, scope, signedIn }) {
+			const subscribe = (0, react.useCallback)((onStoreChange) => {
+				return scope?.subscribe(onStoreChange) ?? (() => {});
+			}, [scope]);
+			const projection = (0, react.useSyncExternalStore)(subscribe, () => stableProject(scope));
+			const liveSignIn = (0, react.useSyncExternalStore)(onQuotaSettingsChange, quotaSignInState);
+			const [probe, setProbe] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				let disposed = false;
+				const probeOne = async (path) => {
+					try {
+						const body = await (await fetch(path, { headers: { accept: "application/json" } })).json();
+						if (disposed || !isQoderWebStatus(body)) return void 0;
+						noteQuotaSignIn(variantOfStatusPath(path), body.status === "signed-in");
+						return body.status === "signed-in";
+					} catch {
+						return;
+					}
+				};
+				(async () => {
+					const [cn, global] = await Promise.all([probeOne(QODER_STATUS_PATH), probeOne(QODER_GLOBAL_STATUS_PATH)]);
+					if (!disposed) setProbe({
+						cn: cn === true,
+						global: global === true
+					});
+				})();
+				return () => {
+					disposed = true;
+				};
+			}, []);
+			if (projection.status === "unavailable") return null;
+			const reported = signedIn?.();
+			const deriveSigned = (variant, variantId) => {
+				if (reported !== void 0) return Boolean(reported[variant]);
+				const currentStatus = quotaStatus(variantId);
+				if (currentStatus?.status === "signed-out") return false;
+				const live = liveSignIn[variant];
+				if (probe !== void 0) {
+					if (!probe[variant]) return Boolean(live && currentStatus?.status === "signed-in");
+					return Boolean(live);
+				}
+				return Boolean(live && currentStatus?.status === "signed-in");
+			};
+			const signed = {
+				cn: deriveSigned("cn", "qoder"),
+				global: deriveSigned("global", "qoder-global")
+			};
+			const write = (field, value) => {
+				if (field === "sidebarQuotaCN" && value === true && !signed.cn) return;
+				if (field === "sidebarQuotaGlobal" && value === true && !signed.global) return;
+				scope?.set(field, value);
+			};
+			const minutes = Math.max(POLL_MIN_MS / 6e4, Math.round(projection.values.quotaPollMs / 6e4));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("quotaToggleCN"),
+						hint: t("quotaToggleHint"),
+						checked: projection.values.sidebarQuotaCN,
+						disabled: !signed.cn,
+						disabledHint: t("quotaSignInRequired"),
+						onToggle: (next) => write("sidebarQuotaCN", next)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("quotaToggleGlobal"),
+						hint: t("quotaToggleHint"),
+						checked: projection.values.sidebarQuotaGlobal,
+						disabled: !signed.global,
+						disabledHint: t("quotaSignInRequired"),
+						onToggle: (next) => write("sidebarQuotaGlobal", next)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							...rowStyle$1,
+							borderBottom: "none",
+							paddingBottom: 0
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: rowTextStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: labelStyle$1,
+								children: t("quotaPollLabel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: hintStyle,
+								children: t("quotaPollHint")
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: pollFieldStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "number",
+								min: POLL_MIN_MS / 6e4,
+								step: 1,
+								value: minutes,
+								"aria-label": t("quotaPollLabel"),
+								onChange: (event) => {
+									const mins = Number.parseInt(event.target.value, 10);
+									if (Number.isFinite(mins) && mins > 0) write("quotaPollMs", Math.max(POLL_MIN_MS, mins * 6e4));
+								},
+								style: inputStyle
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: hintStyle,
+								children: t("quotaPollUnit")
+							})]
+						})]
+					}),
+					projection.writable === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: hintStyle,
+						children: t("quotaSettingsSaveFailed")
+					}) : null
+				]
+			});
+		}
+		/**
+		* One settings row: NO box of its own (the bordered rows read as nested
+		* cards, which the user ruled against) — rows are separated by a hairline
+		* bottom rule like the settings shell's own preference lists.
+		*/
+		const rowStyle$1 = {
 			display: "flex",
-			flexDirection: "column",
-			gap: 18,
-			paddingTop: 2
+			alignItems: "center",
+			gap: 12,
+			borderBottom: ".5px solid var(--dsw-alias-border-l2)",
+			paddingBottom: 10
 		};
-		const quotaGroupStyle = {
+		const rowTextStyle = {
 			display: "flex",
+			flex: 1,
+			minWidth: 0,
 			flexDirection: "column",
-			gap: 10
+			gap: 2
 		};
-		const quotaTitleStyle = {
-			margin: 0,
+		const labelStyle$1 = {
 			fontSize: 13,
+			fontWeight: 500,
 			lineHeight: 1.5,
-			fontWeight: 600,
 			color: "var(--dsw-alias-label-primary)"
 		};
-		const quotaLabelStyle = {
-			display: "flex",
-			justifyContent: "space-between",
-			gap: 12,
-			fontSize: 13,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-secondary)"
-		};
-		const modelRateStyle = {
+		const hintStyle = {
 			fontSize: 12,
 			lineHeight: 1.5,
 			color: "var(--dsw-alias-label-tertiary)"
 		};
-		const contextPreferenceStyle = {
-			display: "flex",
-			alignItems: "flex-start",
-			gap: 9,
-			padding: "10px 12px",
-			border: ".5px solid var(--dsw-alias-border-l4)",
-			borderRadius: 8,
-			background: "var(--dsw-alias-bg-layer-3)",
-			color: "var(--dsw-alias-label-primary)",
-			fontSize: 13,
-			lineHeight: 1.5
-		};
-		const contextPreferenceCopyStyle = {
-			display: "flex",
-			flexDirection: "column",
-			gap: 2
-		};
-		/** The right-hand cell of one model row: value and its note on one line. */
-		const contextPickerRowStyle = {
+		const switchStyle = {
+			flex: "none",
 			display: "flex",
+			width: 36,
+			height: 20,
+			borderRadius: 10,
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-border-l2)",
+			padding: 1,
+			cursor: "pointer",
 			alignItems: "center",
-			justifyContent: "flex-end",
-			gap: 8,
-			flexWrap: "wrap"
+			transition: "background .16s"
 		};
-		const progressTrackStyle = {
-			height: 8,
-			overflow: "hidden",
-			borderRadius: 999,
-			background: "var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.08))"
+		const knobStyle = {
+			display: "block",
+			width: 16,
+			height: 16,
+			borderRadius: "50%",
+			background: "var(--dsw-alias-bg-layer-1, #fff)",
+			boxShadow: "0 1px 2px rgba(0,0,0,0.2)"
 		};
-		/**
-		* The PAT entry row: the password field takes the row's flexible width, the
-		* Save button keeps its own, and the whole block sits inside the card body
-		* without a nested box (the same rule the settings rows follow).
-		*/
-		const patRowStyle = {
+		const pollFieldStyle = {
 			display: "flex",
 			alignItems: "center",
-			gap: 8,
-			flexWrap: "wrap"
+			gap: 6,
+			flex: "none"
+		};
+		const inputStyle = {
+			boxSizing: "border-box",
+			width: 55,
+			padding: "5px 8px",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			textAlign: "right"
+		};
+		//#endregion
+		//#region src/client/QoderPluginCard.tsx
+		/** Qoder status card contributed to Harness Plugin configuration. */
+		/** China Qoder; the plugin's primary card and default. */
+		const QODER_CN_CARD = {
+			id: "qoder",
+			titleKey: "title",
+			introKey: "intro",
+			signedOutKey: "signedOutHint",
+			patGuideKey: "patGuide",
+			patPlaceholderKey: "patPlaceholder",
+			statusPath: QODER_STATUS_PATH,
+			probePath: QODER_PROBE_PATH,
+			authPath: QODER_AUTH_PATH
+		};
+		/** International Qoder Global. */
+		const QODER_GLOBAL_CARD = {
+			id: "qoder-global",
+			titleKey: "titleAI",
+			introKey: "introAI",
+			signedOutKey: "signedOutHintAI",
+			patGuideKey: "patGuideAI",
+			patPlaceholderKey: "patPlaceholderAI",
+			statusPath: QODER_GLOBAL_STATUS_PATH,
+			probePath: QODER_GLOBAL_PROBE_PATH,
+			authPath: QODER_GLOBAL_AUTH_PATH
+		};
+		/** Both cards, in display order (China first). */
+		const QODER_CARD_VARIANTS = [QODER_CN_CARD, QODER_GLOBAL_CARD];
+		const POLL_INTERVAL_MS = 6e4;
+		const cardStyle = {
+			listStyle: "none",
+			borderWidth: "0.5px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-border-l4)",
+			borderRadius: 16,
+			background: "var(--dsw-alias-bg-layer-3)",
+			transition: "border-color .16s, background .16s"
+		};
+		/** Hover, matching the built-in card's `:hover`. Inline styles cannot express a pseudo-class. */
+		const cardHoverStyle = { borderColor: "var(--dsw-alias-label-dimmed)" };
+		/** Expanded, matching the built-in card's open state. */
+		const cardOpenStyle = {
+			background: "var(--dsw-alias-bg-layer-2)",
+			borderColor: "var(--dsw-alias-label-dimmed)"
+		};
+		const headerStyle = {
+			boxSizing: "border-box",
+			width: "100%",
+			display: "flex",
+			alignItems: "center",
+			gap: 12,
+			border: 0,
+			borderRadius: 12,
+			padding: "14px 16px",
+			background: "transparent",
+			color: "inherit",
+			font: "inherit",
+			textAlign: "left",
+			cursor: "pointer",
+			appearance: "none"
+		};
+		/**
+		* The built-in header's keyboard focus ring.
+		*
+		* `:focus-visible` is what makes the ring appear for keyboard navigation but not
+		* for a mouse click, and an inline style cannot express a pseudo-class — so the
+		* component tracks it and applies this instead. Without it the header falls back
+		* to the browser's own outline, which is the black box that used to appear on
+		* focus where the built-in card shows a brand-coloured ring.
+		*/
+		const headerFocusStyle = {
+			outline: "2px solid var(--dsw-alias-brand-primary)",
+			outlineOffset: -2
+		};
+		const headTextStyle = {
+			display: "flex",
+			flex: 1,
+			minWidth: 0,
+			flexDirection: "column",
+			gap: 4
+		};
+		const nameStyle = {
+			fontSize: 15,
+			lineHeight: 1.4,
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const descriptionStyle = {
+			fontSize: 13,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		/**
+		* The disclosure chevron, drawn to match the Settings panel's own card.
+		*
+		* The built-in card renders `IconChevronDownOutline14` from the client's shared
+		* icon catalog, which the shell seeds into the module table. This plugin does
+		* not request that catalog, so the same outline is drawn here from the same path
+		* data: the text `⌄` glyph this replaces had a different shape, weight, and
+		* baseline from the icon the cards beside it use.
+		*/
+		function ChevronDownIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: 14,
+				height: 14,
+				viewBox: "0 0 14 14",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
+					fill: "currentColor"
+				})
+			});
+		}
+		/** The built-in card's chevron rule: tertiary color, and only the rotation animates. */
+		const chevronStyle = {
+			flex: "none",
+			display: "flex",
+			color: "var(--dsw-alias-label-tertiary)",
+			transition: "transform .16s"
+		};
+		const cardBodyStyle = {
+			borderTop: ".5px solid var(--dsw-alias-border-l2)",
+			margin: "0 16px",
+			padding: "12px 0 8px"
+		};
+		const bodyStyle = {
+			margin: 0,
+			fontSize: 13,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const rowStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			flexWrap: "wrap",
+			gap: 12
+		};
+		const statusStyle = {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			fontSize: 13,
+			fontWeight: 500,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		/** The built-in secondary button: transparent, hairline border, 8px radius. */
+		const buttonStyle$1 = {
+			boxSizing: "border-box",
+			padding: "5px 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: 1.5,
+			cursor: "pointer"
+		};
+		const errorStyle = {
+			...bodyStyle,
+			color: "var(--dsw-alias-state-error-primary)"
+		};
+		const quotaListStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 18,
+			paddingTop: 2
+		};
+		const quotaGroupStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		};
+		const quotaTitleStyle = {
+			margin: 0,
+			fontSize: 13,
+			lineHeight: 1.5,
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const quotaLabelStyle = {
+			display: "flex",
+			justifyContent: "space-between",
+			gap: 12,
+			fontSize: 13,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const modelRateStyle = {
+			fontSize: 12,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const contextPreferenceStyle = {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 9,
+			padding: "10px 12px",
+			border: ".5px solid var(--dsw-alias-border-l4)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 13,
+			lineHeight: 1.5
+		};
+		const contextPreferenceCopyStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		const contextPickerRowStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: 8,
+			flexWrap: "wrap"
+		};
+		const progressTrackStyle = {
+			height: 8,
+			overflow: "hidden",
+			borderRadius: 999,
+			background: "var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.08))"
+		};
+		/**
+		* The PAT entry row: the password field takes the row's flexible width, the
+		* Save button keeps its own, and the whole block sits inside the card body
+		* without a nested box (the same rule the settings rows follow).
+		*/
+		const patRowStyle = {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: "wrap"
 		};
 		const patInputStyle = {
 			boxSizing: "border-box",
@@ -353,11 +802,49 @@ window.__ModuleLoader__.load({
 		*/
 		const primaryButtonStyle$1 = {
 			...buttonStyle$1,
-			border: "1px solid var(--dsw-alias-button-primary-fill)",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-button-primary-fill)",
 			background: "var(--dsw-alias-button-primary-fill)",
 			color: "var(--dsw-alias-label-primary-foreground)"
 		};
-		function progressFillStyle(percent) {
+		const segmentedContainerStyle = {
+			display: "flex",
+			alignItems: "center",
+			background: "var(--dsw-alias-bg-layer-1, rgba(20, 20, 20, 0.6))",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-border-l2, rgba(255, 255, 255, 0.08))",
+			borderRadius: 8,
+			padding: 3,
+			gap: 4,
+			marginTop: 14,
+			marginBottom: 16
+		};
+		function segmentedTabItemStyle(active) {
+			return {
+				flex: 1,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				gap: 8,
+				padding: "6px 12px",
+				borderRadius: 6,
+				borderWidth: "1px",
+				borderStyle: "solid",
+				borderColor: active ? "var(--dsw-alias-border-l4, rgba(255, 255, 255, 0.18))" : "transparent",
+				background: active ? "var(--dsw-alias-bg-layer-3, rgba(255, 255, 255, 0.08))" : "transparent",
+				color: active ? "var(--dsw-alias-label-primary, #fff)" : "var(--dsw-alias-label-tertiary, #8c8c8c)",
+				fontWeight: active ? 500 : 400,
+				fontSize: 13,
+				lineHeight: "18px",
+				cursor: "pointer",
+				appearance: "none",
+				outline: "none",
+				transition: "all .16s ease"
+			};
+		}
+		function progressFillStyle(percent) {
 			return {
 				width: `${Math.max(0, Math.min(100, percent))}%`,
 				height: "100%",
@@ -373,11 +860,11 @@ window.__ModuleLoader__.load({
 		*/
 		function dotStyle(status) {
 			return {
-				width: 9,
-				height: 9,
+				width: 8,
+				height: 8,
 				borderRadius: "50%",
 				flex: "0 0 auto",
-				background: status === "signed-in" ? "var(--dsw-alias-state-success-primary, #22a06b)" : status === "error" ? "var(--dsw-alias-state-error-primary, #d92d20)" : "var(--dsw-alias-label-dimmed, #9aa0a6)"
+				background: status === "signed-in" ? "var(--dsw-alias-state-success-primary, #22a06b)" : status === "error" ? "var(--dsw-alias-state-error-primary, #d92d20)" : "var(--dsw-alias-label-dimmed, #8c8c8c)"
 			};
 		}
 		function formatNumber(value) {
@@ -397,7 +884,6 @@ window.__ModuleLoader__.load({
 			if (!Number.isNaN(parsed)) return formatTime(parsed);
 			return time;
 		}
-		/** Localize where the credential in effect came from. */
 		function patSourceText(source, t) {
 			if (source === "env") return t("patSourceEnv");
 			if (source === "cli") return t("patSourceCli");
@@ -549,72 +1035,35 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/**
-		* Compact token count for display: the catalog's own round numbers (`200000`,
-		* `1000000`) read better as `200K` / `1M`, and no precision is lost because
-		* these values are always whole thousands.
-		*/
 		function formatTokens(tokens) {
 			if (tokens >= 1e6 && tokens % 1e6 === 0) return `${tokens / 1e6}M`;
 			if (tokens >= 1e3 && tokens % 1e3 === 0) return `${tokens / 1e3}K`;
 			return String(tokens);
 		}
 		/** Render Qoder PAT state, quota, catalog, and context capacities as one expandable card. */
-		function QoderPluginCard({ t, variant = QODER_CN_CARD }) {
+		function QoderPluginCard(props) {
+			const { t, scope, signedIn, variant, unified } = props;
 			if (t === void 0) throw new Error("Qoder plugin card requires its translation function");
+			const isUnified = unified === true;
+			const liveSignIn = (0, react.useSyncExternalStore)(onQuotaSettingsChange, quotaSignInState);
+			const [activeVariantId, setActiveVariantId] = (0, react.useState)("qoder");
+			const currentVariant = isUnified ? activeVariantId === "qoder" ? QODER_CN_CARD : QODER_GLOBAL_CARD : variant ?? QODER_CN_CARD;
 			const [open, setOpen] = (0, react.useState)(false);
-			/** Whether the pointer is over the card; drives the same border tint the built-in card gets on hover. */
 			const [hovered, setHovered] = (0, react.useState)(false);
-			/** Keyboard focus on the header, reproducing the built-in's `:focus-visible` ring. */
 			const [headerFocused, setHeaderFocused] = (0, react.useState)(false);
-			/**
-			* The document to render. `undefined` means *not read yet*, which is a
-			* distinct state from "signed out": seeding this with a signed-out document
-			* told an already-signed-in user they were signed out for the whole first
-			* round trip (and forever, if the read never settled).
-			*/
 			const [status, setStatus] = (0, react.useState)();
-			/**
-			* Whether the last **successful** read found a usable credential.
-			*
-			* Kept apart from `status` because the poll's liveness must depend on what the
-			* account actually is, not on what the card last displayed: a failed read
-			* leaves this untouched, so a transient failure cannot disarm the interval,
-			* while a genuine signed-out answer still stops it.
-			*
-			* `undefined` therefore means "no successful read yet", which is also the
-			* condition that decides whether a failed read has anything to preserve.
-			*/
-			const [signedIn, setSignedIn] = (0, react.useState)();
-			/**
-			* Why the most recent read failed, when it did. Rendered as a notice beside
-			* whatever document is still on screen, rather than replacing it.
-			*/
+			const [signedInState, setSignedInState] = (0, react.useState)();
 			const [readFailure, setReadFailure] = (0, react.useState)();
 			const [busy, setBusy] = (0, react.useState)(false);
-			/** The PAT draft in the input box. Never persisted; lives only in component state. */
 			const [patDraft, setPatDraft] = (0, react.useState)("");
-			/** Whether the signed-in card is showing the replace-PAT entry. */
 			const [replacing, setReplacing] = (0, react.useState)(false);
-			/** Whether a PAT save or clear is in flight. Own flag, so the 60s busy label stays honest. */
 			const [patBusy, setPatBusy] = (0, react.useState)(false);
-			/** Why the most recent PAT save/clear failed, when it did. */
 			const [patError, setPatError] = (0, react.useState)();
-			/** The most recent PAT outcome the card should report beside the entry. */
 			const [patNotice, setPatNotice] = (0, react.useState)();
-			/** The password input, so 「更换 PAT」 can focus and pre-clear it. */
 			const patInput = (0, react.useRef)(null);
 			const [tab, setTab] = (0, react.useState)("status");
 			const mounted = (0, react.useRef)(true);
-			/**
-			* Identity of the newest read that may write. Assigned when a read *starts*,
-			* so a response is superseded by anything begun after it — "the response whose
-			* request started last wins". Without this, a slow poll begun before a manual
-			* action could settle after the action's own refresh and restore the older
-			* document.
-			*/
 			const readSeq = (0, react.useRef)(0);
-			/** Manual requests in flight, so unmount can abort them like the poll's. */
 			const manualControllers = (0, react.useRef)(/* @__PURE__ */ new Set());
 			(0, react.useEffect)(() => {
 				mounted.current = true;
@@ -624,39 +1073,17 @@ window.__ModuleLoader__.load({
 					manualControllers.current.clear();
 				};
 			}, []);
-			/** Register a manual request's controller so unmount aborts it. */
 			const trackController = (0, react.useCallback)(() => {
 				const controller = new AbortController();
 				manualControllers.current.add(controller);
 				return controller;
 			}, []);
-			/**
-			* The in-process key authorizing this card's PAT writes, or undefined until a
-			* document carrying one has been read.
-			*
-			* Derived once rather than read off each use site: the `error` arm carries no
-			* key, and reaching for `status.authKey` in three places is three chances to
-			* dereference a state that has none. The constant-time comparison happens on
-			* the host; the card only passes the key through.
-			*/
 			const authKey = status === void 0 || status.status === "error" ? void 0 : status.authKey;
-			/**
-			* Read the status document and apply it under the two policies the card's
-			* correctness rests on:
-			*
-			* - a non-document body (empty, `null`, a non-JSON page) is a failed read, not
-			*   something to store and then dereference in the render;
-			* - a failed read never discards a document already on screen. It is recorded
-			*   and shown as a notice beside that document; only when nothing has been
-			*   read yet does the failure itself become the rendered state.
-			*
-			* Returns whether this read produced the current document.
-			*/
 			const refresh = (0, react.useCallback)(async (signal) => {
 				const seq = ++readSeq.current;
 				const current = () => mounted.current && signal?.aborted !== true && seq === readSeq.current;
 				try {
-					const response = await fetch(variant.statusPath, {
+					const response = await fetch(currentVariant.statusPath, {
 						headers: { accept: "application/json" },
 						credentials: "same-origin",
 						...signal === void 0 ? {} : { signal }
@@ -666,8 +1093,13 @@ window.__ModuleLoader__.load({
 					if (!isQoderWebStatus(value)) throw new Error(t("statusResponseInvalid"));
 					if (!current()) return false;
 					setStatus(value);
-					if (value.status === "signed-in") setSignedIn(true);
-					else if (value.status === "signed-out") setSignedIn(false);
+					if (value.status === "signed-in") {
+						setSignedInState(true);
+						noteQuotaStatus(currentVariant.id, value);
+					} else if (value.status === "signed-out") {
+						setSignedInState(false);
+						noteQuotaStatus(currentVariant.id, value);
+					}
 					setReadFailure(void 0);
 					return true;
 				} catch (error) {
@@ -681,17 +1113,28 @@ window.__ModuleLoader__.load({
 					}
 					return false;
 				}
-			}, [t, variant.statusPath]);
+			}, [currentVariant.statusPath, t]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
+				setStatus(void 0);
+				setSignedInState(void 0);
+				setReadFailure(void 0);
+				setPatDraft("");
+				setReplacing(false);
+				setPatError(void 0);
+				setPatNotice(void 0);
 				const controller = new AbortController();
 				refresh(controller.signal);
 				return () => {
 					controller.abort();
 				};
-			}, [open, refresh]);
+			}, [
+				open,
+				currentVariant.statusPath,
+				refresh
+			]);
 			(0, react.useEffect)(() => {
-				if (!open || signedIn === false) return;
+				if (!open || signedInState === false) return;
 				const controller = new AbortController();
 				const timer = window.setInterval(() => {
 					refresh(controller.signal);
@@ -703,7 +1146,7 @@ window.__ModuleLoader__.load({
 			}, [
 				open,
 				refresh,
-				signedIn
+				signedInState
 			]);
 			const manualRefresh = async () => {
 				setBusy(true);
@@ -729,7 +1172,7 @@ window.__ModuleLoader__.load({
 				setBusy(true);
 				const controller = trackController();
 				try {
-					const response = await fetch(variant.probePath, {
+					const response = await fetch(currentVariant.probePath, {
 						method: "POST",
 						headers: {
 							"Content-Type": "application/json",
@@ -753,11 +1196,11 @@ window.__ModuleLoader__.load({
 					manualControllers.current.delete(controller);
 				}
 			}, [
+				currentVariant.probePath,
 				refresh,
 				status,
 				t,
-				trackController,
-				variant.probePath
+				trackController
 			]);
 			/**
 			* Run one probe-route control action and refresh the card's state afterwards.
@@ -772,7 +1215,7 @@ window.__ModuleLoader__.load({
 				setBusy(true);
 				const controller = trackController();
 				try {
-					const response = await fetch(variant.probePath, {
+					const response = await fetch(currentVariant.probePath, {
 						method: "POST",
 						headers: {
 							"Content-Type": "application/json",
@@ -799,11 +1242,11 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setBusy(false);
 				}
 			}, [
+				currentVariant.probePath,
 				refresh,
 				status,
 				t,
-				trackController,
-				variant.probePath
+				trackController
 			]);
 			/**
 			* Validate and store the pasted PAT (or overwrite the stored one).
@@ -823,7 +1266,7 @@ window.__ModuleLoader__.load({
 				setPatNotice(void 0);
 				const controller = trackController();
 				try {
-					const response = await fetch(variant.authPath, {
+					const response = await fetch(currentVariant.authPath, {
 						method: "POST",
 						headers: {
 							"Content-Type": "application/json",
@@ -850,6 +1293,7 @@ window.__ModuleLoader__.load({
 					setPatDraft("");
 					setReplacing(false);
 					setPatNotice(t("patSaved"));
+					noteQuotaSignIn(currentVariant.id, true);
 					await refresh(controller.signal);
 				} catch (error) {
 					if (mounted.current && controller.signal.aborted !== true) setPatError(t("patSaveFailed", { message: error instanceof Error ? error.message : t("requestFailed") }));
@@ -859,12 +1303,12 @@ window.__ModuleLoader__.load({
 				}
 			}, [
 				authKey,
+				currentVariant.authPath,
 				patBusy,
 				patDraft,
 				refresh,
 				t,
-				trackController,
-				variant.authPath
+				trackController
 			]);
 			/** Remove the stored PAT; the host answer is `{ ok: true }`, then the card re-reads. */
 			const clearPat = (0, react.useCallback)(async () => {
@@ -876,7 +1320,7 @@ window.__ModuleLoader__.load({
 				setReplacing(false);
 				const controller = trackController();
 				try {
-					const response = await fetch(variant.authPath, {
+					const response = await fetch(currentVariant.authPath, {
 						method: "POST",
 						headers: {
 							"Content-Type": "application/json",
@@ -894,6 +1338,14 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					setPatDraft("");
+					const signedOutDoc = {
+						status: "signed-out",
+						authKey: key
+					};
+					setStatus(signedOutDoc);
+					setSignedInState(false);
+					noteQuotaStatus(currentVariant.id, signedOutDoc);
+					noteQuotaSignIn(currentVariant.id, false);
 					await refresh(controller.signal);
 				} catch (error) {
 					if (mounted.current && controller.signal.aborted !== true) setPatError(t("patSaveFailed", { message: error instanceof Error ? error.message : t("requestFailed") }));
@@ -903,11 +1355,11 @@ window.__ModuleLoader__.load({
 				}
 			}, [
 				authKey,
+				currentVariant.authPath,
 				patBusy,
 				refresh,
 				t,
-				trackController,
-				variant.authPath
+				trackController
 			]);
 			/**
 			* 更换 PAT: open the entry over the signed-in document, pre-cleared and
@@ -925,7 +1377,6 @@ window.__ModuleLoader__.load({
 					patInput.current?.focus();
 				});
 			}, []);
-			/** The PAT entry: guide line, password input, Save. Shared by both arms. */
 			const patEntry = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					display: "flex",
@@ -935,7 +1386,7 @@ window.__ModuleLoader__.load({
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: bodyStyle,
-						children: t(variant.patGuideKey)
+						children: t(currentVariant.patGuideKey)
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: patRowStyle,
@@ -944,7 +1395,7 @@ window.__ModuleLoader__.load({
 								ref: patInput,
 								type: "password",
 								value: patDraft,
-								placeholder: t(variant.patPlaceholderKey),
+								placeholder: t(currentVariant.patPlaceholderKey),
 								"aria-label": t("patHeading"),
 								disabled: patBusy,
 								onChange: (event) => {
@@ -990,9 +1441,9 @@ window.__ModuleLoader__.load({
 					})
 				]
 			});
-			const title = t(variant.titleKey);
+			const cardTitle = isUnified ? t("unifiedTitle") : t(currentVariant.titleKey);
+			const cardIntro = isUnified ? t("unifiedIntro") : t(currentVariant.introKey);
 			const label = status === void 0 ? t("loading") : status.status === "signed-in" ? t("signedIn") : status.status === "error" ? t("requestFailed") : t("signedOut");
-			/** One line summarizing the PAT in effect: source, saved-at, and the redacted tail. */
 			const patSummaryLine = (pat) => {
 				const parts = [
 					patSourceText(pat.source, t),
@@ -1004,11 +1455,16 @@ window.__ModuleLoader__.load({
 					children: parts.join(" · ")
 				});
 			};
+			const reported = signedIn?.();
+			const cnSignedIn = reported !== void 0 ? reported.cn : liveSignIn.cn;
+			const globalSignedIn = reported !== void 0 ? reported.global : liveSignIn.global;
+			const cnDotStatus = isUnified && activeVariantId === "qoder" ? status === void 0 ? "loading" : status.status : cnSignedIn ? "signed-in" : "signed-out";
+			const globalDotStatus = isUnified && activeVariantId === "qoder-global" ? status === void 0 ? "loading" : status.status : globalSignedIn ? "signed-in" : "signed-out";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				style: {
-					...cardStyle$1,
-					...hovered ? cardHoverStyle$1 : {},
-					...open ? cardOpenStyle$1 : {}
+					...cardStyle,
+					...hovered ? cardHoverStyle : {},
+					...open ? cardOpenStyle : {}
 				},
 				onMouseEnter: () => {
 					setHovered(true);
@@ -1020,10 +1476,10 @@ window.__ModuleLoader__.load({
 					type: "button",
 					style: {
 						...headerStyle,
-						...headerFocused ? headerFocusStyle$1 : {}
+						...headerFocused ? headerFocusStyle : {}
 					},
 					"aria-expanded": open,
-					"aria-label": `${t(open ? "collapse" : "expand")}: ${title}`,
+					"aria-label": `${t(open ? "collapse" : "expand")}: ${cardTitle}`,
 					onClick: () => {
 						setOpen(!open);
 					},
@@ -1040,30 +1496,60 @@ window.__ModuleLoader__.load({
 						setHeaderFocused(false);
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						style: headTextStyle$1,
+						style: headTextStyle,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: nameStyle,
-							children: title
+							children: cardTitle
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: descriptionStyle,
-							children: t(variant.introKey)
+							children: cardIntro
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: {
-							...chevronStyle$1,
+							...chevronStyle,
 							transform: open ? "rotate(180deg)" : "none"
 						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon$1, {})
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, {})
 					})]
 				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: cardBodyStyle$1,
+					style: cardBodyStyle,
 					children: [
+						isUnified ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaSettingsContent, {
+							t,
+							scope,
+							signedIn
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: segmentedContainerStyle,
+							role: "tablist",
+							"aria-label": "Qoder Version Selection",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": activeVariantId === "qoder",
+								style: segmentedTabItemStyle(activeVariantId === "qoder"),
+								onClick: () => setActiveVariantId("qoder"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: dotStyle(cnDotStatus),
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("variantTabCN") })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": activeVariantId === "qoder-global",
+								style: segmentedTabItemStyle(activeVariantId === "qoder-global"),
+								onClick: () => setActiveVariantId("qoder-global"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: dotStyle(globalDotStatus),
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("variantTabGlobal") })]
+							})]
+						})] }) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 							style: quotaTitleStyle,
 							children: t("accountHeading")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: rowStyle$1,
+							style: rowStyle,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: statusStyle,
@@ -1100,7 +1586,7 @@ window.__ModuleLoader__.load({
 								})] })
 							]
 						}),
-						readFailure === void 0 || signedIn === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						readFailure === void 0 || signedInState === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							style: errorStyle,
 							children: t("statusRefreshFailed", { message: readFailure })
 						}),
@@ -1112,7 +1598,7 @@ window.__ModuleLoader__.load({
 								children: t("jobTokenRefreshed", { time: formatTime(status.jobTokenRefreshedAt) })
 							}),
 							status.catalog === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: rowStyle$1,
+								style: rowStyle,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: bodyStyle,
 									children: status.catalog.source === "live" && status.catalog.fetchedAt !== void 0 ? t("catalogLive", { time: formatTime(status.catalog.fetchedAt) }) : status.catalog.source === "saved" && status.catalog.fetchedAt !== void 0 ? t("catalogSaved", { time: formatTime(status.catalog.fetchedAt) }) : t("catalogFallback")
@@ -1156,7 +1642,7 @@ window.__ModuleLoader__.load({
 								children: [status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: quotaListStyle,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										style: rowStyle$1,
+										style: rowStyle,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 											style: quotaTitleStyle,
 											children: t("creditsHeading")
@@ -1206,7 +1692,7 @@ window.__ModuleLoader__.load({
 						] }) : null,
 						status?.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							style: status.reason === void 0 ? bodyStyle : errorStyle,
-							children: status.reason ?? t(variant.signedOutKey)
+							children: status.reason ?? t(currentVariant.signedOutKey)
 						}), authKey === void 0 ? null : patEntry()] }) : null,
 						status?.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							style: errorStyle,
@@ -1278,7 +1764,7 @@ window.__ModuleLoader__.load({
 		* it names the feature, so it should read as an annotation attached to the icon
 		* rather than compete with the adjacent model selector.
 		*/
-		const labelStyle$1 = {
+		const labelStyle = {
 			fontSize: 11,
 			lineHeight: "16px",
 			color: "var(--dsw-alias-label-tertiary)"
@@ -1287,919 +1773,365 @@ window.__ModuleLoader__.load({
 		const tooltipStyle = {
 			position: "absolute",
 			left: "50%",
-			bottom: "calc(100% + 8px)",
-			zIndex: 1e3,
-			transform: "translateX(-50%)",
-			padding: "4px 8px",
-			borderRadius: 6,
-			background: "var(--dsw-specific-tip, #1f2329)",
-			boxShadow: "var(--dsw-shadow-lv2)",
-			color: "var(--dsw-alias-label-primary, #fff)",
-			fontSize: 12,
-			lineHeight: "18px",
-			whiteSpace: "nowrap",
-			pointerEvents: "none"
-		};
-		/** Confirmation bubble: same anchor, but interactive and allowed to wrap. */
-		const confirmStyle = {
-			position: "absolute",
-			right: 0,
-			bottom: "calc(100% + 8px)",
-			zIndex: 1001,
-			display: "flex",
-			flexDirection: "column",
-			gap: 8,
-			width: 260,
-			padding: "10px 12px",
-			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 8,
-			background: "var(--dsw-alias-bg-layer-1, #fff)",
-			boxShadow: "var(--dsw-shadow-lv2)",
-			color: "var(--dsw-alias-label-primary)",
-			fontSize: 12,
-			lineHeight: "18px"
-		};
-		const confirmRowStyle = {
-			display: "flex",
-			justifyContent: "flex-end",
-			gap: 8
-		};
-		const confirmButtonStyle = {
-			padding: "3px 10px",
-			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 6,
-			background: "transparent",
-			color: "inherit",
-			font: "inherit",
-			fontSize: 12,
-			cursor: "pointer"
-		};
-		/**
-		* Primary action inside the confirmation bubble.
-		*
-		* The fill and its text colour must come as a pair: `brand-primary` resolves to
-		* a light accent in this theme, so hardcoding `color: #fff` on top of it renders
-		* white-on-white. `button-primary-fill` + `label-primary-foreground` is the
-		* theme's own pair for exactly this, and is what `dsh-codex-connect` uses for
-		* the same job.
-		*/
-		const primaryButtonStyle = {
-			...confirmButtonStyle,
-			border: "1px solid var(--dsw-alias-button-primary-fill)",
-			background: "var(--dsw-alias-button-primary-fill)",
-			color: "var(--dsw-alias-label-primary-foreground)"
-		};
-		/**
-		* Result note: a single line + a dismiss button, anchored to the control's
-		* right side. Smaller than the confirmation bubble because it carries an
-		* *outcome*, not a *decision* — the work is done, the user only has to read
-		* and dismiss.
-		*/
-		const noteStyle = {
-			position: "absolute",
-			right: 0,
-			bottom: "calc(100% + 8px)",
-			zIndex: 1001,
-			display: "flex",
-			alignItems: "center",
-			gap: 12,
-			padding: "6px 10px",
-			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 8,
-			background: "var(--dsw-alias-bg-layer-1)",
-			boxShadow: "var(--dsw-shadow-lv2)",
-			color: "var(--dsw-alias-label-primary)",
-			fontSize: 12,
-			lineHeight: "18px",
-			whiteSpace: "nowrap"
-		};
-		/**
-		* The note's dismiss action. Outlined rather than bare text: inside an already
-		* bordered bubble, an unbordered word does not read as something you can click.
-		* Matches the outlined pill convention the plugin's other secondary actions use.
-		*/
-		const noteDismissStyle = {
-			padding: "2px 8px",
-			border: "1px solid var(--dsw-alias-border-l2)",
-			borderRadius: 6,
-			background: "transparent",
-			color: "var(--dsw-alias-label-secondary)",
-			font: "inherit",
-			fontSize: 12,
-			lineHeight: "18px",
-			cursor: "pointer"
-		};
-		/**
-		* The feature's static inline label. Deliberately not a state readout — see the
-		* module comment.
-		*/
-		function useLabel(t) {
-			return t("probeLabel");
-		}
-		/** Pick the model's recorded observation out of the probe section. */
-		function resultFor(status, model) {
-			if (status.status !== "signed-in") return void 0;
-			return status.probe?.results.find((result) => result.id === model);
-		}
-		/**
-		* The one-line tooltip: current state first, then what a click does — the same
-		* two-part shape Fast Mode uses.
-		*
-		* A recorded result outranks a remembered failure. `failed` only means "the last
-		* run from this control did not complete"; the host can record a result for the
-		* same model at any time (a detection started from the settings card, another
-		* conversation, or a finished sweep), and the levels the user paid for are the
-		* more useful answer than the stale failure. Failure copy is what remains when
-		* there is no result to report.
-		*/
-		function tooltipText(t, model, state) {
-			if (state.busy) return t("probeRunning", { model });
-			const result = state.result;
-			if (result !== void 0) {
-				if (result.validation === "validating" && result.efforts.length > 0) return t("probeTooltipVerified", { levels: result.efforts.join(" / ") });
-				if (result.validation === "non-validating") return t("probeTooltipNotValidating");
-				return t("probeTooltipRetry");
-			}
-			if (state.failed) return t("probeTooltipRetry");
-			return t("probeTooltipIdle", { model });
-		}
-		/** Model-independent shell: resolves the selection, then delegates per model. */
-		function QoderProbeControl({ directory, t }) {
-			const subscribe = (0, react.useCallback)((listener) => directory.subscribe(listener), [directory]);
-			const snapshot = (0, react.useCallback)(() => directory.getSnapshot(), [directory]);
-			const selection = (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot).current;
-			const card = selection == null ? void 0 : cardVariantFor(selection.provider);
-			const key = card === void 0 || selection == null ? void 0 : `${card.id}:${selection.model}`;
-			return card === void 0 || selection == null || key === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelProbe, {
-				model: selection.model,
-				card,
-				label: useLabel(t),
-				t
-			}, key);
-		}
-		function ModelProbe({ model, card, label, t }) {
-			const [status, setStatus] = (0, react.useState)();
-			const [busy, setBusy] = (0, react.useState)(false);
-			const [confirming, setConfirming] = (0, react.useState)(false);
-			const [tooltipVisible, setTooltipVisible] = (0, react.useState)(false);
-			const [failed, setFailed] = (0, react.useState)(false);
-			const [note, setNote] = (0, react.useState)();
-			const inFlight = (0, react.useRef)(false);
-			const mounted = (0, react.useRef)(false);
-			const readSeq = (0, react.useRef)(0);
-			const tooltipId = (0, react.useId)();
-			const refresh = (0, react.useCallback)(async (signal) => {
-				const seq = ++readSeq.current;
-				const response = await fetch(card.statusPath, {
-					credentials: "same-origin",
-					headers: { accept: "application/json" },
-					...signal === void 0 ? {} : { signal }
-				});
-				if (!response.ok) throw new Error(`HTTP ${response.status}`);
-				const value = await response.json().catch(() => void 0);
-				if (!isQoderWebStatus(value)) throw new Error(t("statusResponseInvalid"));
-				if (mounted.current && !signal?.aborted && seq === readSeq.current) setStatus(value);
-			}, [card.statusPath, t]);
-			(0, react.useEffect)(() => {
-				mounted.current = true;
-				const controller = new AbortController();
-				const load = () => {
-					refresh(controller.signal).catch(() => {});
-				};
-				load();
-				const timer = window.setInterval(load, RECONCILE_MS);
-				window.addEventListener("focus", load);
-				return () => {
-					mounted.current = false;
-					controller.abort();
-					window.clearInterval(timer);
-					window.removeEventListener("focus", load);
-				};
-			}, [refresh]);
-			const probe = status?.status === "signed-in" ? status.probe : void 0;
-			const key = status?.status === "signed-in" ? status.probeKey : void 0;
-			const result = status === void 0 ? void 0 : resultFor(status, model);
-			const visible = probe?.candidates.includes(model) === true || result !== void 0;
-			(0, react.useEffect)(() => {
-				if (result !== void 0) setFailed(false);
-			}, [result]);
-			(0, react.useEffect)(() => {
-				setConfirming(false);
-				setNote(void 0);
-			}, [model]);
-			const detect = async () => {
-				if (key === void 0 || inFlight.current || probe?.running === true) return;
-				inFlight.current = true;
-				setNote(void 0);
-				setConfirming(false);
-				setBusy(true);
-				setFailed(false);
-				try {
-					const response = await fetch(card.probePath, {
-						method: "POST",
-						credentials: "same-origin",
-						headers: {
-							"Content-Type": "application/json",
-							"X-Qoder-Probe-Key": key
-						},
-						body: JSON.stringify({
-							action: "probe",
-							model
-						})
-					});
-					const body = await response.json();
-					if (!response.ok || body.state !== "ok" || body.validation !== "validating" && body.validation !== "non-validating" || !Array.isArray(body.efforts) || !body.efforts.every((effort) => typeof effort === "string")) throw new Error("probe failed");
-					if (mounted.current) {
-						const completed = {
-							id: model,
-							name: model,
-							validation: body.validation,
-							efforts: body.efforts,
-							probedAt: Date.now()
-						};
-						setNote(completed);
-					}
-					refresh().catch(() => {});
-				} catch {
-					if (mounted.current) setFailed(true);
-				} finally {
-					inFlight.current = false;
-					if (mounted.current) setBusy(false);
-				}
-			};
-			if (!visible) return null;
-			const text = tooltipText(t, model, {
-				busy,
-				result,
-				failed
-			});
-			const disabled = busy || probe?.running === true || key === void 0;
-			const showTooltip = tooltipVisible && !confirming && note === void 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				style: wrapperStyle,
-				onMouseEnter: () => {
-					setTooltipVisible(true);
-				},
-				onMouseLeave: () => {
-					setTooltipVisible(false);
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						"aria-label": text,
-						"aria-describedby": showTooltip ? tooltipId : void 0,
-						"aria-busy": busy,
-						"aria-expanded": confirming,
-						disabled,
-						onClick: () => {
-							setConfirming(true);
-						},
-						onFocus: () => {
-							setTooltipVisible(true);
-						},
-						onBlur: () => {
-							setTooltipVisible(false);
-						},
-						style: {
-							...buttonStyle,
-							opacity: disabled && !confirming ? .6 : 1,
-							cursor: disabled ? "default" : "pointer"
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-							width: "16",
-							height: "16",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "1.6",
-							"aria-hidden": "true",
-							focusable: "false",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-									cx: "12",
-									cy: "12",
-									r: "9"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-									cx: "12",
-									cy: "12",
-									r: "4"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 12 20 4" }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-									cx: "12",
-									cy: "12",
-									r: "1"
-								})
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: labelStyle$1,
-							children: label
-						})]
-					}),
-					showTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						id: tooltipId,
-						role: "tooltip",
-						style: tooltipStyle,
-						children: text
-					}),
-					confirming && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						style: confirmStyle,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("probeBubbleBody") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							style: confirmRowStyle,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: confirmButtonStyle,
-								onClick: () => {
-									setConfirming(false);
-								},
-								children: t("cancel")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: primaryButtonStyle,
-								onClick: () => {
-									detect();
-								},
-								children: t("probeConfirmAction")
-							})]
-						})]
-					}),
-					note === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						role: "status",
-						"aria-live": "polite",
-						style: noteStyle,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: noteText(t, note) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							style: noteDismissStyle,
-							onClick: () => {
-								setNote(void 0);
-							},
-							children: t("probeNoteDismiss")
-						})]
-					})
-				]
-			});
-		}
-		/** Compose the one-line outcome string the note bubble shows. */
-		function noteText(t, result) {
-			if (result.validation === "validating" && result.efforts.length > 0) return t("probeNoteVerified", { levels: result.efforts.join(" / ") });
-			if (result.validation === "non-validating") return t("probeNoteNotValidating");
-			return t("probeNoteUnknown");
-		}
-		//#endregion
-		//#region src/client/quota-settings-store.ts
-		let pollIntervalMs = 3e5;
-		const toggles = {
-			cn: false,
-			global: false
+			bottom: "calc(100% + 8px)",
+			zIndex: 1e3,
+			transform: "translateX(-50%)",
+			padding: "4px 8px",
+			borderRadius: 6,
+			background: "var(--dsw-specific-tip, #1f2329)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary, #fff)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "nowrap",
+			pointerEvents: "none"
 		};
-		const signIn = {
-			cn: false,
-			global: false
+		/** Confirmation bubble: same anchor, but interactive and allowed to wrap. */
+		const confirmStyle = {
+			position: "absolute",
+			right: 0,
+			bottom: "calc(100% + 8px)",
+			zIndex: 1001,
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			width: 260,
+			padding: "10px 12px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1, #fff)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "18px"
+		};
+		const confirmRowStyle = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8
+		};
+		const confirmButtonStyle = {
+			padding: "3px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "transparent",
+			color: "inherit",
+			font: "inherit",
+			fontSize: 12,
+			cursor: "pointer"
 		};
-		let revision = 0;
-		const listeners = /* @__PURE__ */ new Set();
-		function bump() {
-			revision += 1;
-			for (const listener of listeners) listener();
-		}
-		/** Update the shared poll interval (from the settings document). */
-		function setQuotaPollMs(ms) {
-			if (Number.isFinite(ms) && ms >= 6e4 && pollIntervalMs !== ms) {
-				pollIntervalMs = ms;
-				bump();
-			}
-		}
-		/** Read the configured poll interval. */
-		function quotaPollMs() {
-			return pollIntervalMs;
-		}
-		/** Update both sidebar toggles (from the settings document). */
-		function setQuotaToggles(cn, global) {
-			if (toggles.cn !== cn || toggles.global !== global) {
-				toggles.cn = cn;
-				toggles.global = global;
-				bump();
-			}
-		}
-		/** Read the current toggles. */
-		function quotaToggles() {
-			return { ...toggles };
-		}
-		/** Record a variant's sign-in state from any successful status poll. */
-		function noteQuotaSignIn(variantId, signedIn) {
-			if (variantId === "qoder" && signIn.cn !== signedIn) {
-				signIn.cn = signedIn;
-				bump();
-			} else if (variantId === "qoder-global" && signIn.global !== signedIn) {
-				signIn.global = signedIn;
-				bump();
-			}
-		}
-		/** Read the cached sign-in state. */
-		function quotaSignInState() {
-			return { ...signIn };
-		}
-		/** Subscribe to any flag change; returns the disposer. */
-		function onQuotaSettingsChange(listener) {
-			listeners.add(listener);
-			return () => {
-				listeners.delete(listener);
-			};
-		}
-		/** The current revision — the useSyncExternalStore snapshot value. */
-		function quotaSettingsRevision() {
-			return revision;
-		}
-		/** Which variant a status route belongs to, from the route path. */
-		function variantOfStatusPath(statusPath) {
-			return statusPath.includes("/global/") ? "qoder-global" : "qoder";
-		}
 		/**
-		* The last status document per variant, shared by EVERY quota surface.
-		*
-		* The sidebar cards and the dashboard each used to fetch independently, so a
-		* dashboard refresh updated the panel while the sidebar card kept showing its
-		* previous read until its own next tick — two different numbers for one
-		* account on one screen. One store, one write path
-		* ({@link noteQuotaStatus}), and every subscriber re-renders through the
-		* same revision: whatever surface refreshed last, all of them show it.
+		* Primary action inside the confirmation bubble.
 		*
-		* Documents are kept by identity (never mutated), so reference comparisons
-		* in useSyncExternalStore selectors stay cheap and stable.
+		* The fill and its text colour must come as a pair: `brand-primary` resolves to
+		* a light accent in this theme, so hardcoding `color: #fff` on top of it renders
+		* white-on-white. `button-primary-fill` + `label-primary-foreground` is the
+		* theme's own pair for exactly this, and is what `dsh-codex-connect` uses for
+		* the same job.
 		*/
-		const statusDocuments = {
-			cn: void 0,
-			global: void 0
+		const primaryButtonStyle = {
+			...confirmButtonStyle,
+			border: "1px solid var(--dsw-alias-button-primary-fill)",
+			background: "var(--dsw-alias-button-primary-fill)",
+			color: "var(--dsw-alias-label-primary-foreground)"
 		};
 		/**
-		* Publish one variant's freshly fetched status document. Downstream
-		* subscribers (both sidebar cards and the dashboard, through whichever
-		* observable wraps this store) re-render on the revision bump.
+		* Result note: a single line + a dismiss button, anchored to the control's
+		* right side. Smaller than the confirmation bubble because it carries an
+		* *outcome*, not a *decision* — the work is done, the user only has to read
+		* and dismiss.
 		*/
-		function noteQuotaStatus(variantId, status) {
-			if (variantId === "qoder" && statusDocuments.cn !== status) {
-				statusDocuments.cn = status;
-				statusFetchedAt.cn = Date.now();
-				bump();
-			} else if (variantId === "qoder-global" && statusDocuments.global !== status) {
-				statusDocuments.global = status;
-				statusFetchedAt.global = Date.now();
-				bump();
-			}
-			noteQuotaSignIn(variantId, status.status === "signed-in");
-		}
-		/** Read one variant's latest status document. */
-		function quotaStatus(variantId) {
-			return variantId === "qoder" ? statusDocuments.cn : statusDocuments.global;
-		}
-		/** When each variant's document was last fetched (per publish, not per read). */
-		const statusFetchedAt = {
-			cn: void 0,
-			global: void 0
+		const noteStyle = {
+			position: "absolute",
+			right: 0,
+			bottom: "calc(100% + 8px)",
+			zIndex: 1001,
+			display: "flex",
+			alignItems: "center",
+			gap: 12,
+			padding: "6px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "var(--dsw-shadow-lv2)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "18px",
+			whiteSpace: "nowrap"
 		};
-		/** Read the time a variant's current document was fetched, if any. */
-		function quotaStatusFetchedAt(variantId) {
-			return variantId === "qoder" ? statusFetchedAt.cn : statusFetchedAt.global;
-		}
 		/**
-		* Whether ONE variant's shared document is fresh enough to skip a fetch:
-		* the user's rule — a click/mount/interval tick within the configured
-		* interval of the last successful read reuses the cached document, and only
-		* a variant with NO result yet (or a failed read that never landed one)
-		* forces the upstream call. The interval is a cache lifetime, not a metronome.
-		*
-		* A `maxAgeMs` of the poll interval comes from the settings document; a
-		* failed last read is NOT tracked here (callers gate failures themselves),
-		* because "the last read failed" still means "no usable result".
-		*
-		* @param variantId - which variant's freshness to test.
-		* @param maxAgeMs - the configured poll interval (cache lifetime).
+		* The note's dismiss action. Outlined rather than bare text: inside an already
+		* bordered bubble, an unbordered word does not read as something you can click.
+		* Matches the outlined pill convention the plugin's other secondary actions use.
 		*/
-		function quotaStatusIsFresh(variantId, maxAgeMs) {
-			const fetchedAt = variantId === "qoder" ? statusFetchedAt.cn : statusFetchedAt.global;
-			const document = variantId === "qoder" ? statusDocuments.cn : statusDocuments.global;
-			if (fetchedAt === void 0 || document === void 0) return false;
-			return Date.now() - fetchedAt < maxAgeMs;
-		}
-		//#endregion
-		//#region src/client/QuotaSettingsCard.tsx
+		const noteDismissStyle = {
+			padding: "2px 8px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			background: "transparent",
+			color: "var(--dsw-alias-label-secondary)",
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "18px",
+			cursor: "pointer"
+		};
 		/**
-		* The shared quota-settings card: one card above the two variant cards that
-		* configures both sidebar quota widgets.
-		*
-		* Like the built-in plugin cards, it registers into `settings.plugin.item`
-		* keyed by its own settings namespace (`qoder-quota`), binds that
-		* namespace through the client settings scope, and writes through the scope's
-		* revision-fenced `set` — the same durable-write path every preference row
-		* uses. A toggle commits on click: each click is one explicit user choice,
-		* and the scope's ordering makes the last one win, so no staged-draft form is
-		* needed for two booleans and a number.
-		*
-		* The two toggles gate the CN and international sidebar cards respectively;
-		* the interval is one shared poll period. Toggles are disabled while their
-		* variant is signed out: a quota card for an account nobody is signed into
-		* would render an error forever, so the setting waits for a session.
+		* The feature's static inline label. Deliberately not a state readout — see the
+		* module comment.
 		*/
-		/** The default poll interval shown before a value is stored. */
-		const POLL_DEFAULT_MS = 3e5;
-		/** Floor the schema also enforces; mirrored here for immediate UI feedback. */
-		const POLL_MIN_MS = 6e4;
-		/** Read the section values out of a scope snapshot (defaults when absent). */
-		function project(scope) {
-			if (scope === void 0) return {
-				status: "unavailable",
-				writable: false,
-				values: {
-					sidebarQuotaCN: false,
-					sidebarQuotaGlobal: false,
-					quotaPollMs: POLL_DEFAULT_MS
-				}
-			};
-			const snapshot = scope.getSnapshot();
-			const value = snapshot.value ?? {};
-			return {
-				status: snapshot.status,
-				writable: snapshot.writable,
-				values: {
-					sidebarQuotaCN: value.sidebarQuotaCN === true,
-					sidebarQuotaGlobal: value.sidebarQuotaGlobal === true,
-					quotaPollMs: typeof value.quotaPollMs === "number" ? value.quotaPollMs : POLL_DEFAULT_MS
-				}
-			};
+		function useLabel(t) {
+			return t("probeLabel");
+		}
+		/** Pick the model's recorded observation out of the probe section. */
+		function resultFor(status, model) {
+			if (status.status !== "signed-in") return void 0;
+			return status.probe?.results.find((result) => result.id === model);
 		}
 		/**
-		* Stable-reference projection cache.
+		* The one-line tooltip: current state first, then what a click does — the same
+		* two-part shape Fast Mode uses.
 		*
-		* React's useSyncExternalStore requires getSnapshot() to return THE SAME
-		* reference between renders unless the store actually changed. project()
-		* builds a fresh object every call, which re-renders forever and crashes the
-		* card with React error #185 ("maximum update depth exceeded") — exactly the
-		* crash the slot ledger reported. The cache below returns the last built
-		* projection until the underlying scope snapshot (or scope identity) changes,
-		* which is the only thing the projection actually derives from.
+		* A recorded result outranks a remembered failure. `failed` only means "the last
+		* run from this control did not complete"; the host can record a result for the
+		* same model at any time (a detection started from the settings card, another
+		* conversation, or a finished sweep), and the levels the user paid for are the
+		* more useful answer than the stale failure. Failure copy is what remains when
+		* there is no result to report.
 		*/
-		let cachedScope;
-		let cachedSource;
-		let cachedProjection;
-		const UNAVAILABLE = {
-			status: "unavailable",
-			writable: false,
-			values: {
-				sidebarQuotaCN: false,
-				sidebarQuotaGlobal: false,
-				quotaPollMs: POLL_DEFAULT_MS
-			}
-		};
-		function stableProject(scope) {
-			if (scope === void 0) return UNAVAILABLE;
-			const source = scope.getSnapshot();
-			if (scope !== cachedScope || source !== cachedSource || cachedProjection === void 0) {
-				cachedScope = scope;
-				cachedSource = source;
-				cachedProjection = project(scope);
+		function tooltipText(t, model, state) {
+			if (state.busy) return t("probeRunning", { model });
+			const result = state.result;
+			if (result !== void 0) {
+				if (result.validation === "validating" && result.efforts.length > 0) return t("probeTooltipVerified", { levels: result.efforts.join(" / ") });
+				if (result.validation === "non-validating") return t("probeTooltipNotValidating");
+				return t("probeTooltipRetry");
 			}
-			return cachedProjection;
+			if (state.failed) return t("probeTooltipRetry");
+			return t("probeTooltipIdle", { model });
 		}
-		/** One toggle row: label, hint, and a switch drawn to the shell's proportions. */
-		function ToggleRow({ label, hint, checked, disabled, disabledHint, onToggle }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: rowStyle,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: rowTextStyle,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: labelStyle,
-						children: label
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: hintStyle,
-						children: disabled === true && disabledHint !== void 0 ? disabledHint : hint
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					role: "switch",
-					"aria-checked": checked,
-					disabled,
-					"aria-label": label,
-					onClick: () => onToggle(!checked),
-					style: {
-						...switchStyle,
-						background: checked ? "var(--dsw-alias-brand-primary)" : "var(--dsw-alias-bg-layer-3, rgba(127,127,127,0.2))",
-						justifyContent: checked ? "flex-end" : "flex-start",
-						opacity: disabled === true ? .45 : 1,
-						cursor: disabled === true ? "not-allowed" : "pointer"
-					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: knobStyle })
-				})]
-			});
+		/** Model-independent shell: resolves the selection, then delegates per model. */
+		function QoderProbeControl({ directory, t }) {
+			const subscribe = (0, react.useCallback)((listener) => directory.subscribe(listener), [directory]);
+			const snapshot = (0, react.useCallback)(() => directory.getSnapshot(), [directory]);
+			const selection = (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot).current;
+			const card = selection == null ? void 0 : cardVariantFor(selection.provider);
+			const key = card === void 0 || selection == null ? void 0 : `${card.id}:${selection.model}`;
+			return card === void 0 || selection == null || key === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelProbe, {
+				model: selection.model,
+				card,
+				label: useLabel(t),
+				t
+			}, key);
 		}
-		/** The shared quota-settings card. */
-		function QuotaSettingsCard(props) {
-			const { t = (key) => key, scope, signedIn } = props;
-			const projection = (0, react.useSyncExternalStore)(scope?.subscribe.bind(scope) ?? ((listener) => listener), () => stableProject(scope));
-			const [open, setOpen] = (0, react.useState)(false);
-			const [hovered, setHovered] = (0, react.useState)(false);
-			const [headerFocused, setHeaderFocused] = (0, react.useState)(false);
-			const [probe, setProbe] = (0, react.useState)();
+		function ModelProbe({ model, card, label, t }) {
+			const [status, setStatus] = (0, react.useState)();
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [confirming, setConfirming] = (0, react.useState)(false);
+			const [tooltipVisible, setTooltipVisible] = (0, react.useState)(false);
+			const [failed, setFailed] = (0, react.useState)(false);
+			const [note, setNote] = (0, react.useState)();
+			const inFlight = (0, react.useRef)(false);
+			const mounted = (0, react.useRef)(false);
+			const readSeq = (0, react.useRef)(0);
+			const tooltipId = (0, react.useId)();
+			const refresh = (0, react.useCallback)(async (signal) => {
+				const seq = ++readSeq.current;
+				const response = await fetch(card.statusPath, {
+					credentials: "same-origin",
+					headers: { accept: "application/json" },
+					...signal === void 0 ? {} : { signal }
+				});
+				if (!response.ok) throw new Error(`HTTP ${response.status}`);
+				const value = await response.json().catch(() => void 0);
+				if (!isQoderWebStatus(value)) throw new Error(t("statusResponseInvalid"));
+				if (mounted.current && !signal?.aborted && seq === readSeq.current) setStatus(value);
+			}, [card.statusPath, t]);
 			(0, react.useEffect)(() => {
-				let disposed = false;
-				const probeOne = async (path) => {
-					try {
-						const body = await (await fetch(path, { headers: { accept: "application/json" } })).json();
-						if (disposed || !isQoderWebStatus(body)) return void 0;
-						noteQuotaSignIn(variantOfStatusPath(path), body.status === "signed-in");
-						return body.status === "signed-in";
-					} catch {
-						return;
-					}
+				mounted.current = true;
+				const controller = new AbortController();
+				const load = () => {
+					refresh(controller.signal).catch(() => {});
 				};
-				(async () => {
-					const [cn, global] = await Promise.all([probeOne(QODER_STATUS_PATH), probeOne(QODER_GLOBAL_STATUS_PATH)]);
-					if (!disposed) setProbe({
-						cn: cn === true,
-						global: global === true
-					});
-				})();
+				load();
+				const timer = window.setInterval(load, RECONCILE_MS);
+				window.addEventListener("focus", load);
 				return () => {
-					disposed = true;
+					mounted.current = false;
+					controller.abort();
+					window.clearInterval(timer);
+					window.removeEventListener("focus", load);
 				};
-			}, [open]);
-			if (projection.status === "unavailable") return null;
-			const reported = signedIn?.() ?? {
-				cn: false,
-				global: false
-			};
-			const signed = {
-				cn: probe?.cn ?? reported.cn,
-				global: probe?.global ?? reported.global
-			};
-			const write = (field, value) => {
-				scope?.set(field, value);
+			}, [refresh]);
+			const probe = status?.status === "signed-in" ? status.probe : void 0;
+			const key = status?.status === "signed-in" ? status.probeKey : void 0;
+			const result = status === void 0 ? void 0 : resultFor(status, model);
+			const visible = probe?.candidates.includes(model) === true || result !== void 0;
+			(0, react.useEffect)(() => {
+				if (result !== void 0) setFailed(false);
+			}, [result]);
+			(0, react.useEffect)(() => {
+				setConfirming(false);
+				setNote(void 0);
+			}, [model]);
+			const detect = async () => {
+				if (key === void 0 || inFlight.current || probe?.running === true) return;
+				inFlight.current = true;
+				setNote(void 0);
+				setConfirming(false);
+				setBusy(true);
+				setFailed(false);
+				try {
+					const response = await fetch(card.probePath, {
+						method: "POST",
+						credentials: "same-origin",
+						headers: {
+							"Content-Type": "application/json",
+							"X-Qoder-Probe-Key": key
+						},
+						body: JSON.stringify({
+							action: "probe",
+							model
+						})
+					});
+					const body = await response.json();
+					if (!response.ok || body.state !== "ok" || body.validation !== "validating" && body.validation !== "non-validating" || !Array.isArray(body.efforts) || !body.efforts.every((effort) => typeof effort === "string")) throw new Error("probe failed");
+					if (mounted.current) {
+						const completed = {
+							id: model,
+							name: model,
+							validation: body.validation,
+							efforts: body.efforts,
+							probedAt: Date.now()
+						};
+						setNote(completed);
+					}
+					refresh().catch(() => {});
+				} catch {
+					if (mounted.current) setFailed(true);
+				} finally {
+					inFlight.current = false;
+					if (mounted.current) setBusy(false);
+				}
 			};
-			const minutes = Math.max(POLL_MIN_MS / 6e4, Math.round(projection.values.quotaPollMs / 6e4));
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				style: {
-					...cardStyle,
-					...hovered ? cardHoverStyle : {},
-					...open ? cardOpenStyle : {}
-				},
+			if (!visible) return null;
+			const text = tooltipText(t, model, {
+				busy,
+				result,
+				failed
+			});
+			const disabled = busy || probe?.running === true || key === void 0;
+			const showTooltip = tooltipVisible && !confirming && note === void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				style: wrapperStyle,
 				onMouseEnter: () => {
-					setHovered(true);
+					setTooltipVisible(true);
 				},
 				onMouseLeave: () => {
-					setHovered(false);
+					setTooltipVisible(false);
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					"aria-expanded": open,
-					"aria-label": `${t(open ? "collapse" : "expand")}: ${t("quotaSettingsTitle")}`,
-					onClick: () => setOpen((o) => !o),
-					onFocus: (event) => {
-						let keyboard = true;
-						try {
-							keyboard = event.currentTarget.matches(":focus-visible");
-						} catch {
-							keyboard = true;
-						}
-						if (keyboard) setHeaderFocused(true);
-					},
-					onBlur: () => {
-						setHeaderFocused(false);
-					},
-					style: {
-						...headerButtonStyle,
-						...headerFocused ? headerFocusStyle : {}
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						style: headTextStyle,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: titleStyle,
-							children: t("quotaSettingsTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: introStyle,
-							children: t("quotaSettingsIntro")
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						"aria-label": text,
+						"aria-describedby": showTooltip ? tooltipId : void 0,
+						"aria-busy": busy,
+						"aria-expanded": confirming,
+						disabled,
+						onClick: () => {
+							setConfirming(true);
+						},
+						onFocus: () => {
+							setTooltipVisible(true);
+						},
+						onBlur: () => {
+							setTooltipVisible(false);
+						},
 						style: {
-							...chevronStyle,
-							transform: open ? "rotate(180deg)" : "none"
+							...buttonStyle,
+							opacity: disabled && !confirming ? .6 : 1,
+							cursor: disabled ? "default" : "pointer"
 						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDownIcon, {})
-					})]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: cardBodyStyle,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
-							label: t("quotaToggleCN"),
-							hint: t("quotaToggleHint"),
-							checked: projection.values.sidebarQuotaCN,
-							disabled: !signed.cn,
-							disabledHint: t("quotaSignInRequired"),
-							onToggle: (next) => write("sidebarQuotaCN", next)
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
-							label: t("quotaToggleGlobal"),
-							hint: t("quotaToggleHint"),
-							checked: projection.values.sidebarQuotaGlobal,
-							disabled: !signed.global,
-							disabledHint: t("quotaSignInRequired"),
-							onToggle: (next) => write("sidebarQuotaGlobal", next)
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: {
-								...rowStyle,
-								borderBottom: "none",
-								paddingBottom: 0
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: rowTextStyle,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: labelStyle,
-									children: t("quotaPollLabel")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: hintStyle,
-									children: t("quotaPollHint")
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: pollFieldStyle,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "number",
-									min: POLL_MIN_MS / 6e4,
-									step: 1,
-									value: minutes,
-									"aria-label": t("quotaPollLabel"),
-									onChange: (event) => {
-										const mins = Number.parseInt(event.target.value, 10);
-										if (Number.isFinite(mins) && mins > 0) write("quotaPollMs", Math.max(POLL_MIN_MS, mins * 6e4));
-									},
-									style: inputStyle
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: hintStyle,
-									children: t("quotaPollUnit")
-								})]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.6",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "9"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "4"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 12 20 4" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+									cx: "12",
+									cy: "12",
+									r: "1"
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: labelStyle,
+							children: label
+						})]
+					}),
+					showTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: tooltipId,
+						role: "tooltip",
+						style: tooltipStyle,
+						children: text
+					}),
+					confirming && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: confirmStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("probeBubbleBody") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: confirmRowStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: confirmButtonStyle,
+								onClick: () => {
+									setConfirming(false);
+								},
+								children: t("cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: primaryButtonStyle,
+								onClick: () => {
+									detect();
+								},
+								children: t("probeConfirmAction")
 							})]
-						}),
-						projection.writable === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: hintStyle,
-							children: t("quotaSettingsSaveFailed")
-						}) : null
-					]
-				}) : null]
+						})]
+					}),
+					note === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						role: "status",
+						"aria-live": "polite",
+						style: noteStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: noteText(t, note) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: noteDismissStyle,
+							onClick: () => {
+								setNote(void 0);
+							},
+							children: t("probeNoteDismiss")
+						})]
+					})
+				]
 			});
 		}
-		/** The disclosure chevron, drawn from the same path data as the variant cards'. */
-		function ChevronDownIcon() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				width: 14,
-				height: 14,
-				viewBox: "0 0 14 14",
-				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
-					fill: "currentColor"
-				})
-			});
+		/** Compose the one-line outcome string the note bubble shows. */
+		function noteText(t, result) {
+			if (result.validation === "validating" && result.efforts.length > 0) return t("probeNoteVerified", { levels: result.efforts.join(" / ") });
+			if (result.validation === "non-validating") return t("probeNoteNotValidating");
+			return t("probeNoteUnknown");
 		}
-		const cardStyle = {
-			listStyle: "none",
-			borderWidth: "0.5px",
-			borderStyle: "solid",
-			borderColor: "var(--dsw-alias-border-l4)",
-			borderRadius: 16,
-			background: "var(--dsw-alias-bg-layer-3)",
-			transition: "border-color .16s, background .16s"
-		};
-		/** Hover, matching the built-in card's `:hover` (inline styles cannot express pseudo-classes). */
-		const cardHoverStyle = { borderColor: "var(--dsw-alias-label-dimmed)" };
-		/** Expanded, matching the built-in card's open state. */
-		const cardOpenStyle = {
-			background: "var(--dsw-alias-bg-layer-2)",
-			borderColor: "var(--dsw-alias-label-dimmed)"
-		};
-		const headerButtonStyle = {
-			boxSizing: "border-box",
-			width: "100%",
-			display: "flex",
-			alignItems: "center",
-			gap: 12,
-			border: 0,
-			borderRadius: 12,
-			padding: "14px 16px",
-			background: "transparent",
-			color: "inherit",
-			font: "inherit",
-			textAlign: "left",
-			cursor: "pointer",
-			appearance: "none"
-		};
-		const headerFocusStyle = {
-			outline: "2px solid var(--dsw-alias-brand-primary)",
-			outlineOffset: -2
-		};
-		const headTextStyle = {
-			display: "flex",
-			flex: 1,
-			minWidth: 0,
-			flexDirection: "column",
-			gap: 4
-		};
-		const titleStyle = {
-			fontSize: 15,
-			lineHeight: 1.4,
-			fontWeight: 600,
-			color: "var(--dsw-alias-label-primary)"
-		};
-		const introStyle = {
-			fontSize: 13,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-tertiary)"
-		};
-		/** The variant cards' chevron rule. */
-		const chevronStyle = {
-			flex: "none",
-			display: "flex",
-			color: "var(--dsw-alias-label-tertiary)",
-			transition: "transform .16s"
-		};
-		/** The variant cards' body: hairline top border, inset margins, no extra box. */
-		const cardBodyStyle = {
-			borderTop: ".5px solid var(--dsw-alias-border-l2)",
-			margin: "0 16px",
-			padding: "12px 0 8px"
-		};
-		/**
-		* One settings row: NO box of its own (the bordered rows read as nested
-		* cards, which the user ruled against) — rows are separated by a hairline
-		* bottom rule like the settings shell's own preference lists.
-		*/
-		const rowStyle = {
-			display: "flex",
-			alignItems: "center",
-			gap: 12,
-			borderBottom: ".5px solid var(--dsw-alias-border-l2)",
-			paddingBottom: 10
-		};
-		const rowTextStyle = {
-			display: "flex",
-			flex: 1,
-			minWidth: 0,
-			flexDirection: "column",
-			gap: 2
-		};
-		const labelStyle = {
-			fontSize: 13,
-			fontWeight: 500,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-primary)"
-		};
-		const hintStyle = {
-			fontSize: 12,
-			lineHeight: 1.5,
-			color: "var(--dsw-alias-label-tertiary)"
-		};
-		const switchStyle = {
-			flex: "none",
-			display: "flex",
-			width: 36,
-			height: 20,
-			borderRadius: 10,
-			borderWidth: "1px",
-			borderStyle: "solid",
-			borderColor: "var(--dsw-alias-border-l2)",
-			padding: 1,
-			cursor: "pointer",
-			alignItems: "center",
-			transition: "background .16s"
-		};
-		const knobStyle = {
-			display: "block",
-			width: 16,
-			height: 16,
-			borderRadius: "50%",
-			background: "var(--dsw-alias-bg-layer-1, #fff)",
-			boxShadow: "0 1px 2px rgba(0,0,0,0.2)"
-		};
-		const pollFieldStyle = {
-			display: "flex",
-			alignItems: "center",
-			gap: 6,
-			flex: "none"
-		};
-		const inputStyle = {
-			boxSizing: "border-box",
-			width: 55,
-			padding: "5px 8px",
-			borderWidth: "1px",
-			borderStyle: "solid",
-			borderColor: "var(--dsw-alias-border-l2)",
-			borderRadius: 8,
-			background: "var(--dsw-alias-bg-layer-2)",
-			color: "var(--dsw-alias-label-primary)",
-			font: "inherit",
-			fontSize: 13,
-			textAlign: "right"
-		};
 		//#endregion
 		//#region src/client/quota-merge.ts
 		/**
@@ -2441,6 +2373,7 @@ window.__ModuleLoader__.load({
 			(0, react.useSyncExternalStore)(onQuotaSettingsChange, quotaSettingsRevision);
 			const enabled = variantId === "qoder" ? quotaToggles().cn : quotaToggles().global;
 			const status = quotaStatus(variantId);
+			const signedIn = status?.status === "signed-in";
 			(0, react.useEffect)(() => {
 				if (statusPath === void 0 || !enabled) return void 0;
 				let disposed = false;
@@ -2464,21 +2397,22 @@ window.__ModuleLoader__.load({
 						if (!disposed) setFailed(true);
 					}
 				};
+				const isHidden = () => typeof document !== "undefined" && document.hidden;
 				const loop = () => {
-					if (document.hidden) return;
+					if (isHidden()) return;
 					refresh();
 				};
 				timer = window.setInterval(loop, Math.max(6e4, quotaPollMs()));
 				refresh();
 				const onVisible = () => {
-					if (!document.hidden) loop();
+					if (!isHidden()) loop();
 				};
-				document.addEventListener("visibilitychange", onVisible);
+				if (typeof document !== "undefined") document.addEventListener("visibilitychange", onVisible);
 				return () => {
 					disposed = true;
 					controller.abort();
 					if (timer !== void 0) window.clearInterval(timer);
-					document.removeEventListener("visibilitychange", onVisible);
+					if (typeof document !== "undefined") document.removeEventListener("visibilitychange", onVisible);
 				};
 			}, [
 				statusPath,
@@ -2507,7 +2441,11 @@ window.__ModuleLoader__.load({
 				className: "qdp-railButton",
 				"aria-label": title,
 				title,
-				onClick: () => open?.(),
+				disabled: !signedIn,
+				onClick: () => {
+					if (!signedIn) return;
+					open?.();
+				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Ring, {
 					percent: ringPercent,
 					warn: ringWarn,
@@ -2519,7 +2457,11 @@ window.__ModuleLoader__.load({
 				className: "qdp-foot",
 				"aria-label": title,
 				title,
-				onClick: () => open?.(),
+				disabled: !signedIn,
+				onClick: () => {
+					if (!signedIn) return;
+					open?.();
+				},
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 					className: "qdp-footTop",
 					children: [
@@ -2983,6 +2925,10 @@ window.__ModuleLoader__.load({
 			intro: "Use the models from your Qoder (China) account directly in DSH — paste a Personal Access Token, no browser sign-in flow.",
 			titleAI: "Qoder Global",
 			introAI: "Use the models from your Qoder Global account directly in DSH — paste a Personal Access Token, no browser sign-in flow.",
+			unifiedTitle: "Qoder",
+			unifiedIntro: "Manage Qoder (China) and Qoder Global models, credentials, and sidebar quota displays.",
+			variantTabCN: "China",
+			variantTabGlobal: "Global",
 			expand: "Expand",
 			collapse: "Collapse",
 			loading: "Loading account…",
@@ -3113,6 +3059,10 @@ window.__ModuleLoader__.load({
 			intro: "保存个人访问令牌（PAT）后，即可在 DSH 中直接使用 Qoder 国内版的模型。",
 			titleAI: "Qoder Global（国际版）",
 			introAI: "保存个人访问令牌（PAT）后，即可在 DSH 中直接使用 Qoder Global 的模型。",
+			unifiedTitle: "Qoder",
+			unifiedIntro: "统一管理 Qoder（国内版）与 Qoder Global（国际版）模型、凭证及侧栏额度展示。",
+			variantTabCN: "国内版",
+			variantTabGlobal: "国际版",
 			expand: "展开",
 			collapse: "收起",
 			loading: "正在读取账号…",
@@ -3299,10 +3249,6 @@ window.__ModuleLoader__.load({
 					en
 				}), "dsh-qoder-connect: settings copy");
 				const t = ctx.locale.bind(namespace);
-				const quotaSettingsInjected = {
-					t,
-					signedIn: () => quotaSignInState()
-				};
 				let quotaScope;
 				try {
 					const scope = ctx.settingsScope.bind({ namespace: "qoder-quota" });
@@ -3319,20 +3265,13 @@ window.__ModuleLoader__.load({
 				}
 				ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
 					name: "settings.plugin.item",
-					key: "qoder-quota",
+					key: "qoder",
 					priority: 50,
-					inject: () => ({
-						...quotaSettingsInjected,
-						scope: quotaScope
-					})
-				}, QuotaSettingsCard));
-				for (const [index, variant] of QODER_CARD_VARIANTS.entries()) ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
-					name: "settings.plugin.item",
-					key: variant.id,
-					priority: 60 + index * 10,
 					inject: () => ({
 						t,
-						variant
+						scope: quotaScope,
+						signedIn: () => quotaSignInState(),
+						unified: true
 					})
 				}, QoderPluginCard));
 				const QUOTA_PANEL_ID = "qoder-quota-panel";