dsh-provider-qoder 0.4.2 → 0.5.0

package/lib/client.js

@@ -5,6 +5,7 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region src/dsh/credential-contract.ts
 		/** Shared DSH host/browser contract for the one managed Qoder credential. */
@@ -14,6 +15,172 @@ window.__ModuleLoader__.load({
 			return source === "env" || source?.endsWith("-env") === true;
 		}
 		//#endregion
+		//#region src/client/queue-status.ts
+		/** Match DSH's running status clock: whole hours, minutes and seconds. */
+		function formatQueueDuration(ms, t) {
+			const total = Math.max(0, Math.floor(ms / 1e3));
+			const hours = Math.floor(total / 3600);
+			const minutes = Math.floor(total / 60) % 60;
+			const seconds = total % 60;
+			return (hours > 0 ? `${hours}${t("queueHourUnit")}` : "") + (total >= 60 ? `${minutes}${t("queueMinuteUnit")}` : "") + `${seconds}${t("queueSecondUnit")}`;
+		}
+		function parseQueueSnapshots(value, sessionId) {
+			if (!Array.isArray(value) || value.length > 256) throw new Error("Invalid queue snapshots");
+			return value.map((item) => {
+				if (!item || typeof item !== "object" || item.sessionId !== sessionId || typeof item.callId !== "string" || !item.callId || typeof item.model !== "string" || item.modelName !== void 0 && (typeof item.modelName !== "string" || !item.modelName.trim()) || ![
+					"waitElapsedMs",
+					"maxWaitMs",
+					"updatedAt"
+				].every((key) => typeof item[key] === "number" && Number.isFinite(item[key]) && item[key] >= 0) || !["queueCount", "waitTimeMs"].every((key) => item[key] === void 0 || typeof item[key] === "number" && Number.isFinite(item[key]) && item[key] >= 0)) throw new Error("Invalid queue snapshot");
+				return item;
+			});
+		}
+		function watchQueueStatus(rpc, sessionId, visibility, changed) {
+			let disposed = false;
+			let generation = 0;
+			let timer;
+			let active;
+			let items = [];
+			const poll = async () => {
+				if (disposed || visibility.hidden || active) return;
+				const revision = generation;
+				const controller = new AbortController();
+				active = controller;
+				const timeout = setTimeout(() => controller.abort(), 5e3);
+				try {
+					const result = await rpc.call("queue", { sessionId }, controller.signal);
+					if (disposed || revision !== generation) return;
+					if (!result.ok) throw new Error("Queue status unavailable");
+					items = parseQueueSnapshots(result.value, sessionId);
+					changed({
+						items,
+						unavailable: false
+					});
+				} catch {
+					if (!disposed && revision === generation) changed({
+						items,
+						unavailable: true
+					});
+				} finally {
+					clearTimeout(timeout);
+					if (active === controller) active = void 0;
+					if (!disposed && revision === generation && !visibility.hidden) timer = setTimeout(() => {
+						poll();
+					}, 1e3);
+				}
+			};
+			const stop = () => {
+				generation++;
+				clearTimeout(timer);
+				active?.abort();
+				active = void 0;
+			};
+			const onVisibility = () => {
+				stop();
+				if (!visibility.hidden) poll();
+			};
+			visibility.addEventListener("visibilitychange", onVisibility);
+			poll();
+			return () => {
+				disposed = true;
+				stop();
+				visibility.removeEventListener("visibilitychange", onVisibility);
+			};
+		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/dsh-provider-qoder/dsh-provider-qoder/src/client/QoderQueueStatus.module.css.mjs
+		const css$2 = "._8MdOdG_queues{box-sizing:border-box;width:calc(100% - 2 * var(--dsh-composer-side-clearance,16px) - 2 * var(--dsh-composer-dock-inset,8px));max-width:calc(var(--dsh-composer-card-max-width,952px) - 2 * var(--dsh-composer-dock-inset,8px));padding:0 var(--dsh-composer-dock-inset,8px);--dsw-alias-label-shimmer:var(--dsw-alias-label-deep-diving-shimmer);color:var(--dsw-alias-label-deep-diving,#4d6bfe);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(22px + var(--dsh-content-font-delta,0px));flex:none;margin:0 auto}._8MdOdG_panel{isolation:isolate;border-radius:var(--dsw-radius-lg,16px);width:100%;padding:2px 0;position:relative;overflow:hidden}._8MdOdG_panel:before{z-index:-1;border-radius:inherit;background:var(--dsw-specific-menu,var(--dsw-alias-bg-layer-1,#242629));backdrop-filter:var(--dsw-menu-backdrop-filter,none);content:\"\";pointer-events:none;position:absolute;inset:0}._8MdOdG_panel:after{border:.5px solid var(--dsw-alias-border-l1,#42454a);border-radius:inherit;content:\"\";pointer-events:none;position:absolute;inset:0}._8MdOdG_row{min-width:0}._8MdOdG_row+._8MdOdG_row{box-shadow:inset 0 1px 0 var(--dsw-alias-border-l1,#42454a)}._8MdOdG_row[data-unavailable]{color:var(--dsw-alias-label-secondary)}._8MdOdG_summary{box-sizing:border-box;cursor:pointer;align-items:center;gap:10px;width:100%;min-width:0;min-height:36px;padding:7px 12px;list-style:none;display:flex}._8MdOdG_summary::-webkit-details-marker{display:none}._8MdOdG_summary:focus-visible{outline-offset:-2px;border-radius:var(--dsw-radius-md,8px);outline:2px solid}._8MdOdG_icon{flex:none;width:14px;height:14px}._8MdOdG_text{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;min-width:0}._8MdOdG_chevron{width:6px;height:6px;color:var(--dsw-alias-label-tertiary);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;margin:0 3px 3px;transform:rotate(45deg)}._8MdOdG_row>details[open] ._8MdOdG_chevron{margin-bottom:-3px;transform:rotate(225deg)}._8MdOdG_details{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:2px 16px;padding:0 12px 10px 36px;display:flex}._8MdOdG_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}";
+		const tagId$2 = "dsh-provider-qoder/QoderQueueStatus.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-provider-qoder";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var QoderQueueStatus_module_css_default = {
+			"chevron": "_8MdOdG_chevron",
+			"details": "_8MdOdG_details",
+			"icon": "_8MdOdG_icon",
+			"panel": "_8MdOdG_panel",
+			"queues": "_8MdOdG_queues",
+			"row": "_8MdOdG_row",
+			"summary": "_8MdOdG_summary",
+			"text": "_8MdOdG_text",
+			"visuallyHidden": "_8MdOdG_visuallyHidden"
+		};
+		//#endregion
+		//#region src/client/QoderQueueStatus.tsx
+		function QueueRow({ item, unavailable, t }) {
+			const elapsed = Math.min(item.maxWaitMs, item.waitElapsedMs + Math.max(0, Date.now() - item.updatedAt));
+			const name = item.modelName ?? item.model;
+			const status = unavailable ? t("queueUnavailable") : t("queueWaiting", { model: name });
+			const label = unavailable ? status : t("queueRunningFor", {
+				model: name,
+				duration: formatQueueDuration(elapsed, t)
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: QoderQueueStatus_module_css_default.row,
+				"data-unavailable": unavailable || void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: QoderQueueStatus_module_css_default.visuallyHidden,
+					role: "status",
+					"aria-live": "polite",
+					"aria-atomic": "true",
+					children: status
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+					className: QoderQueueStatus_module_css_default.summary,
+					"aria-label": status,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutlineRegular, {
+							className: QoderQueueStatus_module_css_default.icon,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.TextShimmer, {
+							active: !unavailable,
+							className: QoderQueueStatus_module_css_default.text,
+							"aria-hidden": "true",
+							children: label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: QoderQueueStatus_module_css_default.chevron,
+							"aria-hidden": "true"
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: QoderQueueStatus_module_css_default.details,
+					children: [
+						item.queueCount !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueCount", { count: item.queueCount }) }),
+						item.waitTimeMs !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueEstimate", { seconds: Math.ceil(item.waitTimeMs / 1e3) }) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueBudget", { seconds: Math.ceil(item.maxWaitMs / 1e3) }) }),
+						item.serviceAvailable === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueServiceUnavailable") })
+					]
+				})] })]
+			});
+		}
+		/** A provider contribution in DSH's input dock, using its shared process-row primitives. */
+		function QoderQueueStatus({ sessionId, rpc, t }) {
+			const [view, setView] = (0, react.useState)();
+			(0, react.useEffect)(() => watchQueueStatus(rpc, sessionId, document, (state) => setView({
+				sessionId,
+				state
+			})), [rpc, sessionId]);
+			const state = view?.sessionId === sessionId ? view.state : void 0;
+			if (!state?.items.length) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: QoderQueueStatus_module_css_default.queues,
+				"aria-label": t("queueTitle"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: QoderQueueStatus_module_css_default.panel,
+					children: state.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QueueRow, {
+						item,
+						unavailable: state.unavailable,
+						t
+					}, item.callId))
+				})
+			});
+		}
+		//#endregion
 		//#region src/qoder/catalog.ts
 		function positiveNumber(value) {
 			return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
@@ -170,6 +337,61 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/locales.ts
 		const zh = {
+			accountConnectionTitle: "Qoder 账号",
+			signInDescription: "登录 Qoder，使用当前区域的订阅和模型。",
+			manageAccount: "管理账号",
+			manageCredential: "管理凭据",
+			changeAccount: "更换账号",
+			editPat: "编辑 PAT",
+			patActive: "正在使用 PAT",
+			saveAndUsePat: "保存并使用 PAT",
+			useSavedPat: "使用已保存的 PAT",
+			signInAgain: "重新登录",
+			reopenLogin: "重新打开官网",
+			loginLinkCopied: "链接已复制",
+			loginTimeRemaining: "链接剩余有效时间：{seconds} 秒",
+			regionChanged: "已切换服务区域；原区域如有未完成的登录，已取消。",
+			regionChangeFailed: "服务区域切换失败，请重试。",
+			browserRejected: "Qoder 未完成授权，请重新登录。",
+			browserStorageFailed: "官网授权已完成，但凭据保存失败。请检查存储后重新登录。",
+			authorizationConnectionFailed: "暂时无法连接或读取登录状态，请稍后重试。",
+			patSaveFailed: "PAT 保存或启用失败，请重试。",
+			browserRemoveFailed: "浏览器授权移除失败，请检查凭据存储是否可写后重试。",
+			browserLoginTitle: "Qoder 官网登录",
+			browserMethod: "浏览器授权",
+			savedBrowserAccount: "已保存的浏览器账号",
+			patMethod: "PAT 鉴权",
+			signedOut: "未连接",
+			sharedAuthorization: "当前区域的账号由所有连接此 DSH 实例的客户端共享。",
+			signInQoder: "通过 Qoder 登录",
+			signOutQoder: "移除浏览器授权",
+			usePat: "使用 PAT",
+			useBrowser: "使用已保存的浏览器授权",
+			cancelLogin: "取消登录",
+			openLogin: "打开登录页面",
+			copyLogin: "复制登录链接",
+			copyLoginFailed: "无法复制，请使用“打开登录页面”。",
+			browserWaiting: "等待在 Qoder 官网完成验证与授权…",
+			browserSaving: "正在保存授权…",
+			browserComplete: "已登录。",
+			browserCancelled: "登录已取消。",
+			browserTimeout: "登录链接已过期，请重新发起登录。",
+			browserFailed: "登录未完成，或授权保存失败。请检查账号状态后重试。",
+			browserExpired: "浏览器授权已失效，请重新登录。",
+			browserUnsaved: "续期凭据尚未保存，重启后可能需要重新登录；下次使用时将重试保存。",
+			browserOperationFailed: "无法更新登录状态，请重试。",
+			queueTitle: "Qoder 模型排队",
+			queueWaiting: "{model} 正在排队",
+			queueRunningFor: "{model} 正在排队，用时 {duration} ···",
+			queueHourUnit: "小时",
+			queueMinuteUnit: "分",
+			queueSecondUnit: "秒",
+			queueCount: "排队数量：{count}",
+			queueEstimate: "预计等待 {seconds} 秒",
+			queueElapsed: "已等待 {seconds} 秒",
+			queueUnavailable: "Qoder 排队状态暂不可用",
+			queueServiceUnavailable: "服务暂不可用，继续等待",
+			queueBudget: "等待上限 {seconds} 秒",
 			nav: "Qoder",
 			title: "Qoder 凭据",
 			configured: "已配置",
@@ -183,7 +405,7 @@ window.__ModuleLoader__.load({
 			regionGlobal: "国际版 (Global)",
 			regionChina: "中国区 (CN)",
 			regionHint: "请确保 PAT 与所选服务区域匹配。",
-			tokenLabel: "API 密钥",
+			tokenLabel: "Personal Access Token (PAT)",
 			tokenPlaceholder: "输入新的 Personal Access Token",
 			configuredHint: "已配置——输入新值可替换",
 			readOnly: "当前凭据存储不可写。",
@@ -218,11 +440,12 @@ window.__ModuleLoader__.load({
 			accountTitle: "Qoder",
 			accountLoading: "正在读取账号与额度…",
 			accountFailed: "无法读取账号信息与额度。",
-			accountCredentialHint: "请先在“模型”设置中配置 Qoder Personal Access Token。",
+			accountCredentialHint: "请先在“模型”设置中登录 Qoder 或选择已配置的 PAT。",
 			refresh: "刷新",
 			refreshing: "正在刷新…",
 			userQuotaTitle: "个人额度",
 			orgResourceTitle: "组织资源包",
+			addOnQuotaTitle: "增值额度",
 			dedicatedResourceTitle: "专属资源包",
 			dedicatedResourceExpiresAt: "有效期至：{value}",
 			quotaRemaining: "剩余 {value}%",
@@ -241,6 +464,61 @@ window.__ModuleLoader__.load({
 			searchModeHint: "智能路由模式下，使用 Qoder 模型时走 Qoder 搜索，使用其他模型时自动回退给备用搜索。"
 		};
 		const en = {
+			accountConnectionTitle: "Qoder account",
+			signInDescription: "Sign in to use your subscription and models for this region.",
+			manageAccount: "Manage account",
+			manageCredential: "Manage credentials",
+			changeAccount: "Change account",
+			editPat: "Edit PAT",
+			patActive: "Using PAT",
+			saveAndUsePat: "Save and use PAT",
+			useSavedPat: "Use saved PAT",
+			signInAgain: "Sign in again",
+			reopenLogin: "Reopen Qoder website",
+			loginLinkCopied: "Link copied",
+			loginTimeRemaining: "Link expires in {seconds} seconds",
+			regionChanged: "Region changed; any unfinished sign-in for the previous region was cancelled.",
+			regionChangeFailed: "Could not change region. Please retry.",
+			browserRejected: "Qoder authorization was not completed. Sign in again.",
+			browserStorageFailed: "Website authorization completed, but credentials could not be saved. Check storage and sign in again.",
+			authorizationConnectionFailed: "Could not connect or read sign-in status. Please retry shortly.",
+			patSaveFailed: "Could not save or activate the PAT. Please retry.",
+			browserRemoveFailed: "Could not remove browser authorization. Check that credential storage is writable and retry.",
+			browserLoginTitle: "Qoder website sign-in",
+			browserMethod: "Browser authorization",
+			savedBrowserAccount: "Saved browser account",
+			patMethod: "PAT authentication",
+			signedOut: "Disconnected",
+			sharedAuthorization: "The account for this region is shared by all clients connected to this DSH instance.",
+			signInQoder: "Sign in with Qoder",
+			signOutQoder: "Remove browser authorization",
+			usePat: "Use PAT",
+			useBrowser: "Use saved browser authorization",
+			cancelLogin: "Cancel sign-in",
+			openLogin: "Open sign-in page",
+			copyLogin: "Copy sign-in link",
+			copyLoginFailed: "Could not copy. Use Open sign-in page.",
+			browserWaiting: "Complete verification and authorization on the Qoder website…",
+			browserSaving: "Saving authorization…",
+			browserComplete: "Signed in.",
+			browserCancelled: "Sign-in cancelled.",
+			browserTimeout: "Sign-in link expired. Start a new sign-in.",
+			browserFailed: "Sign-in or saving authorization failed. Check account status and retry.",
+			browserExpired: "Browser authorization expired. Sign in again.",
+			browserUnsaved: "Renewed credentials have not been saved. Restarting may require sign-in; saving will be retried on next use.",
+			browserOperationFailed: "Could not update sign-in status. Please retry.",
+			queueTitle: "Qoder model queue",
+			queueWaiting: "{model} is queued",
+			queueRunningFor: "{model} queued for {duration} ···",
+			queueHourUnit: "h",
+			queueMinuteUnit: "m",
+			queueSecondUnit: "s",
+			queueCount: "Queue count: {count}",
+			queueEstimate: "Estimated wait: {seconds}s",
+			queueElapsed: "Waited {seconds}s",
+			queueUnavailable: "Qoder queue status is temporarily unavailable",
+			queueServiceUnavailable: "Service unavailable; waiting",
+			queueBudget: "Wait limit: {seconds}s",
 			nav: "Qoder",
 			title: "Qoder credential",
 			configured: "Configured",
@@ -254,7 +532,7 @@ window.__ModuleLoader__.load({
 			regionGlobal: "Global",
 			regionChina: "China (CN)",
 			regionHint: "Ensure your PAT matches the selected service region.",
-			tokenLabel: "API Key",
+			tokenLabel: "Personal Access Token (PAT)",
 			tokenPlaceholder: "Enter a new Personal Access Token",
 			configuredHint: "Configured — enter a new value to replace",
 			readOnly: "The current credential store is read-only.",
@@ -289,11 +567,12 @@ window.__ModuleLoader__.load({
 			accountTitle: "Qoder",
 			accountLoading: "Reading account and quota…",
 			accountFailed: "Could not read account details or quota.",
-			accountCredentialHint: "Configure the Qoder Personal Access Token in Models settings first.",
+			accountCredentialHint: "Sign in to Qoder or select a configured PAT in Models settings first.",
 			refresh: "Refresh",
 			refreshing: "Refreshing…",
 			userQuotaTitle: "Personal Quota",
 			orgResourceTitle: "Org Resource Package",
+			addOnQuotaTitle: "Add-on Credits",
 			dedicatedResourceTitle: "Dedicated Resource Package",
 			dedicatedResourceExpiresAt: "Expires at: {value}",
 			quotaRemaining: "{value}% remaining",
@@ -362,8 +641,148 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/model-catalog-editor.ts
+		/** One mounted region owns its directory and asynchronous edits. */
+		var QoderModelCatalogEditor = class {
+			region;
+			operations;
+			active = true;
+			confirmed;
+			snapshot;
+			listeners = /* @__PURE__ */ new Set();
+			constructor(region, models, operations) {
+				this.region = region;
+				this.operations = operations;
+				this.confirmed = models.map(cloneCatalogModel);
+				this.snapshot = {
+					models: this.confirmed,
+					catalog: this.confirmed,
+					unavailableIds: /* @__PURE__ */ new Set()
+				};
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			/** ConfigForms supplies accepted values, including its recovery read after refusal. */
+			replaceModels(models) {
+				const followsConfig = this.snapshot.catalog === this.confirmed;
+				this.confirmed = models.map(cloneCatalogModel);
+				const selected = new Map(this.confirmed.map((model) => [model.id, model]));
+				this.publish({
+					...this.snapshot,
+					models: this.confirmed,
+					catalog: followsConfig ? this.confirmed : this.snapshot.catalog.map((model) => selected.get(model.id) ?? model)
+				});
+			}
+			activate() {
+				this.active = true;
+			}
+			dispose() {
+				this.active = false;
+				this.listeners.clear();
+			}
+			publish(snapshot) {
+				if (!this.active) return;
+				this.snapshot = snapshot;
+				for (const listener of this.listeners) listener();
+			}
+			async discover() {
+				if (!this.active || this.snapshot.pending) return;
+				this.publish({
+					...this.snapshot,
+					pending: "discovering",
+					failure: void 0,
+					failureMessage: void 0
+				});
+				try {
+					const result = await this.operations.discoverModels();
+					if (!this.active) return;
+					if (!result.ok) {
+						this.publish({
+							...this.snapshot,
+							pending: void 0,
+							failure: "modelsFetchFailed",
+							failureMessage: result.error.message
+						});
+						return;
+					}
+					const reconciled = reconcileQoderModels(this.snapshot.catalog, result.value);
+					await this.save(reconciled.selected, reconciled.catalog, reconciled.unavailableIds);
+				} catch (error) {
+					this.publish({
+						...this.snapshot,
+						pending: void 0,
+						failure: "modelsFetchFailed",
+						failureMessage: error instanceof Error ? error.message : void 0
+					});
+				}
+			}
+			async toggle(id, enabled) {
+				if (!this.active || this.snapshot.pending || this.snapshot.unavailableIds.has(id)) return;
+				const selected = new Set(this.snapshot.models.map((model) => model.id));
+				if (enabled) selected.add(id);
+				else selected.delete(id);
+				await this.save(this.snapshot.catalog.filter((model) => selected.has(model.id) && !this.snapshot.unavailableIds.has(model.id)));
+			}
+			async selectTier(id, tierKey) {
+				if (!this.active || this.snapshot.pending || !this.snapshot.models.some((model) => model.id === id)) return;
+				const tokenCount = this.snapshot.catalog.find((model) => model.id === id)?.contextOptions?.[tierKey]?.tokenCount;
+				if (typeof tokenCount !== "number" || !Number.isFinite(tokenCount) || tokenCount <= 0) return;
+				const apply = (candidate) => candidate.id === id ? {
+					...candidate,
+					contextTier: tierKey,
+					contextWindow: tokenCount
+				} : candidate;
+				await this.save(this.snapshot.models.map(apply), this.snapshot.catalog.map(apply));
+			}
+			async save(models, catalog = this.snapshot.catalog, unavailableIds = this.snapshot.unavailableIds) {
+				if (models.length === 0) {
+					this.publish({
+						...this.snapshot,
+						pending: void 0,
+						failure: "modelsRequired",
+						failureMessage: void 0
+					});
+					return;
+				}
+				const submitted = models.map(cloneCatalogModel);
+				const confirmedAtSubmission = this.confirmed;
+				this.publish({
+					...this.snapshot,
+					pending: "saving",
+					failure: void 0,
+					failureMessage: void 0
+				});
+				let saved = false;
+				try {
+					saved = await this.operations.storeModels(this.region, submitted);
+				} catch {}
+				if (!this.active) return;
+				if (saved) {
+					if (this.confirmed === confirmedAtSubmission) this.confirmed = submitted;
+					const accepted = new Map(this.confirmed.map((model) => [model.id, model]));
+					const directory = new Map(catalog.map((model) => [model.id, model]));
+					for (const [id, model] of accepted) directory.set(id, model);
+					this.publish({
+						models: this.confirmed,
+						catalog: [...directory.values()],
+						unavailableIds: new Set([...unavailableIds].filter((id) => !accepted.has(id)))
+					});
+				} else this.publish({
+					models: this.confirmed,
+					catalog: this.confirmed,
+					unavailableIds: /* @__PURE__ */ new Set(),
+					failure: "saveFailed"
+				});
+			}
+		};
+		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-provider-qoder/dsh-provider-qoder/src/client/QoderCredentialCard.module.css.mjs
-		const css$1 = ".SRqrhW_credential{color:var(--dsw-alias-label-primary);border-radius:10px;margin-top:12px}.SRqrhW_credential p{margin:8px 0 0}.SRqrhW_credentialEditor{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.SRqrhW_credentialRowHead{align-items:center;gap:10px;display:flex}.SRqrhW_credentialIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.SRqrhW_credentialName{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.SRqrhW_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.SRqrhW_credentialDotConfigured{background:var(--dsw-alias-state-success-primary)}.SRqrhW_credentialDotMissing{background:var(--dsw-alias-state-error-primary)}.SRqrhW_regionBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.SRqrhW_regionSelector{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.SRqrhW_regionGroup{gap:8px;display:flex}.SRqrhW_regionOption{border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);user-select:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;line-height:18px;transition:all .12s;display:inline-flex}.SRqrhW_regionOption:hover:not(.SRqrhW_regionOptionDisabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.SRqrhW_credential button.SRqrhW_regionOptionActive{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-interactive-bg-selected);color:var(--dsw-alias-brand-primary);font-weight:500}.SRqrhW_regionOptionDisabled{cursor:not-allowed;opacity:.5}.SRqrhW_editButton{box-sizing:border-box;font:inherit;background:0 0;margin-left:auto;font-size:12px;line-height:18px;border:1px solid var(--dsw-alias-border-l2)!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_editButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.SRqrhW_editor{background:var(--dsw-alias-bg-module-platform);border-radius:12px;padding:14px 16px}.SRqrhW_customized{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);margin-top:12px;transition:all .12s;overflow:hidden}.SRqrhW_customizedSummary{box-sizing:border-box;border-radius:var(--dsw-radius-xl,12px);cursor:pointer;width:100%;color:var(--dsw-alias-label-primary);user-select:none;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:18px;list-style:none;transition:background .12s;display:flex}.SRqrhW_customizedSummary:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelSummaryBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.SRqrhW_customizedSummary::-webkit-details-marker{display:none}.SRqrhW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary{border-bottom:.5px solid var(--dsw-alias-border-l2);border-bottom-right-radius:0;border-bottom-left-radius:0}.SRqrhW_customizedBody{padding:12px 14px 14px}.SRqrhW_modelCatalog{flex-direction:column;gap:10px;display:flex}.SRqrhW_modelList{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.SRqrhW_modelList::-webkit-scrollbar{width:4px}.SRqrhW_modelList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);border-radius:2px}.SRqrhW_modelCatalogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.SRqrhW_modelCatalogHeadCompact{justify-content:flex-end;align-items:center;gap:12px;display:flex}.SRqrhW_modelCatalogTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.SRqrhW_modelCatalogMeta{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:2px 0 0!important}.SRqrhW_linkButton{box-sizing:border-box;font:inherit;background:0 0;font-size:12px;line-height:18px;border:none!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoice{border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;font-size:13px;display:flex}.SRqrhW_modelChoice:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoiceHead{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.SRqrhW_modelTier{align-items:center;gap:8px;padding-left:24px;display:flex}.SRqrhW_modelTierLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px}.SRqrhW_modelTierSelect{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);height:24px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 6px;font-size:12px}.SRqrhW_modelTierHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px;margin:0!important}.SRqrhW_modelChoiceName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.SRqrhW_modelChoice code{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_modelRate{min-width:34px;color:var(--dsw-alias-brand-primary);text-align:right;font-size:12px;font-weight:600}.SRqrhW_modelUnavailable{cursor:not-allowed;opacity:.55}.SRqrhW_modelBadge{color:var(--dsw-alias-state-error-primary);font-size:11px}@media (prefers-reduced-motion:reduce){.SRqrhW_customizedSummary:before{transition:none}}.SRqrhW_head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.SRqrhW_heading{margin:0;font-size:18px;font-weight:600}.SRqrhW_status{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_configured,.SRqrhW_success{color:var(--dsw-alias-state-success-primary)}.SRqrhW_label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px;display:block}.SRqrhW_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;height:32px;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;margin-top:6px;padding:0 10px}.SRqrhW_input:focus{border-color:var(--dsw-alias-brand-primary)}.SRqrhW_input::placeholder{color:var(--dsw-alias-label-dimmed)}.SRqrhW_input:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_hint{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.SRqrhW_credential button{cursor:pointer;height:32px;color:var(--dsw-alias-label-primary);border:1px solid #0000;border-radius:16px;padding:0 12px}.SRqrhW_credential button:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)!important}.SRqrhW_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.SRqrhW_secondary{background:0 0;border-color:var(--dsw-alias-border-l2)!important}.SRqrhW_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_danger{background:0 0;border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.SRqrhW_danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.SRqrhW_error{color:var(--dsw-alias-state-error-primary);font-size:12px}.SRqrhW_success{font-size:12px}.SRqrhW_accountSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_accountHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_userInfo{align-items:center;gap:10px;min-width:0;display:flex}.SRqrhW_avatar{background:var(--dsw-alias-brand-primary);width:32px;height:32px;color:var(--dsw-alias-label-primary-foreground);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.SRqrhW_userDetails{flex-direction:column;gap:2px;min-width:0;display:flex}.SRqrhW_userName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.SRqrhW_userEmail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.SRqrhW_refreshBtn{border:1px solid var(--dsw-alias-border-l2)!important;height:26px!important;color:var(--dsw-alias-label-secondary)!important;background:0 0!important;border-radius:13px!important;padding:0 8px!important;font-size:12px!important}.SRqrhW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)!important}.SRqrhW_quotaBlock{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding-top:8px;display:flex}.SRqrhW_quotaHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_quotaLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.SRqrhW_quotaTop{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.SRqrhW_quotaTop strong{color:var(--dsw-alias-brand-primary);font-size:13px}.SRqrhW_quotaDescription{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin:0!important}.SRqrhW_quotaProgress{background:var(--dsw-alias-border-l3);width:100%;height:6px;accent-color:var(--dsw-alias-brand-primary);-webkit-appearance:none;appearance:none;border:0;border-radius:999px;overflow:hidden}.SRqrhW_quotaProgress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.SRqrhW_quotaProgress::-webkit-progress-value{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaProgress::-moz-progress-bar{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaMeta{color:var(--dsw-alias-label-tertiary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.SRqrhW_accountLoadingText,.SRqrhW_accountEmptyText{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.SRqrhW_userNameRow{align-items:center;gap:8px;display:flex}.SRqrhW_planBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-brand-primary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.SRqrhW_orgTag{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_suspendedBanner{background:var(--dsw-alias-state-error-subtle,#ff4d4f1a);color:var(--dsw-alias-state-error-primary);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.SRqrhW_searchModeSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_searchModeHintText{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:12px;line-height:18px}";
+		const css$1 = ".SRqrhW_credential{color:var(--dsw-alias-label-primary);border-radius:10px;margin-top:12px}.SRqrhW_connectionBody{flex-direction:column;gap:10px;display:flex}.SRqrhW_connectionHead,.SRqrhW_subscriberRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.SRqrhW_connectionHead{flex-wrap:wrap}.SRqrhW_subscriberRow{padding:10px 0}.SRqrhW_subscriberAvatar{width:42px;height:42px;color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-interactive-bg-selected);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:600;display:grid}.SRqrhW_subscriberIdentity{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.SRqrhW_subscriberIdentity>span{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_connectionActions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.SRqrhW_loginProgress{background:var(--dsw-alias-interactive-bg-hover);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.SRqrhW_managementPanel{background:var(--dsw-alias-bg-module-platform);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.SRqrhW_credential .SRqrhW_textButton{color:var(--dsw-alias-brand-primary);background:0 0;border:0!important;padding:4px 2px!important}.SRqrhW_primaryLink{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-radius:18px;padding:8px 14px;font-size:12px;text-decoration:none;display:inline-flex}.SRqrhW_credential p.SRqrhW_sharedNote{border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin-top:6px;padding-top:12px;font-size:12px}@media (width<=480px){.SRqrhW_subscriberRow{flex-wrap:wrap}.SRqrhW_subscriberIdentity{flex-basis:calc(100% - 60px)}}.SRqrhW_credential p{margin:8px 0 0}.SRqrhW_credentialEditor{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.SRqrhW_credentialRowHead{align-items:center;gap:10px;display:flex}.SRqrhW_credentialIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.SRqrhW_credentialName{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.SRqrhW_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.SRqrhW_credentialDotConfigured{background:var(--dsw-alias-state-success-primary)}.SRqrhW_credentialDotMissing{background:var(--dsw-alias-state-error-primary)}.SRqrhW_regionBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.SRqrhW_regionSelector{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.SRqrhW_regionGroup{gap:8px;display:flex}.SRqrhW_regionOption{border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);user-select:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;line-height:18px;transition:all .12s;display:inline-flex}.SRqrhW_regionOption:hover:not(.SRqrhW_regionOptionDisabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.SRqrhW_credential button.SRqrhW_regionOptionActive{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-interactive-bg-selected);color:var(--dsw-alias-brand-primary);font-weight:500}.SRqrhW_regionOptionDisabled{cursor:not-allowed;opacity:.5}.SRqrhW_editButton{box-sizing:border-box;font:inherit;background:0 0;margin-left:auto;font-size:12px;line-height:18px;border:1px solid var(--dsw-alias-border-l2)!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_editButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.SRqrhW_editor{background:var(--dsw-alias-bg-module-platform);border-radius:12px;padding:14px 16px}.SRqrhW_customized{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);margin-top:12px;transition:all .12s;overflow:hidden}.SRqrhW_customizedSummary{box-sizing:border-box;border-radius:var(--dsw-radius-xl,12px);cursor:pointer;width:100%;color:var(--dsw-alias-label-primary);user-select:none;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:18px;list-style:none;transition:background .12s;display:flex}.SRqrhW_customizedSummary:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelSummaryBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.SRqrhW_customizedSummary::-webkit-details-marker{display:none}.SRqrhW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary{border-bottom:.5px solid var(--dsw-alias-border-l2);border-bottom-right-radius:0;border-bottom-left-radius:0}.SRqrhW_customizedBody{padding:12px 14px 14px}.SRqrhW_modelCatalog{flex-direction:column;gap:10px;display:flex}.SRqrhW_modelList{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.SRqrhW_modelList::-webkit-scrollbar{width:4px}.SRqrhW_modelList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);border-radius:2px}.SRqrhW_modelCatalogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.SRqrhW_modelCatalogHeadCompact{justify-content:flex-end;align-items:center;gap:12px;display:flex}.SRqrhW_modelCatalogTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.SRqrhW_modelCatalogMeta{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:2px 0 0!important}.SRqrhW_linkButton{box-sizing:border-box;font:inherit;background:0 0;font-size:12px;line-height:18px;border:none!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoice{border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;font-size:13px;display:flex}.SRqrhW_modelChoice:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoiceHead{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.SRqrhW_modelTier{align-items:center;gap:8px;padding-left:24px;display:flex}.SRqrhW_modelTierLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px}.SRqrhW_modelTierSelect{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);height:24px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 6px;font-size:12px}.SRqrhW_modelTierHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px;margin:0!important}.SRqrhW_modelChoiceName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.SRqrhW_modelChoice code{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_modelRate{min-width:34px;color:var(--dsw-alias-brand-primary);text-align:right;font-size:12px;font-weight:600}.SRqrhW_modelUnavailable{cursor:not-allowed;opacity:.55}.SRqrhW_modelBadge{color:var(--dsw-alias-state-error-primary);font-size:11px}@media (prefers-reduced-motion:reduce){.SRqrhW_customizedSummary:before{transition:none}}.SRqrhW_head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.SRqrhW_heading{margin:0;font-size:18px;font-weight:600}.SRqrhW_status{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_configured,.SRqrhW_success{color:var(--dsw-alias-state-success-primary)}.SRqrhW_label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px;display:block}.SRqrhW_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;height:32px;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;margin-top:6px;padding:0 10px}.SRqrhW_input:focus{border-color:var(--dsw-alias-brand-primary)}.SRqrhW_input::placeholder{color:var(--dsw-alias-label-dimmed)}.SRqrhW_input:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_hint{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.SRqrhW_credential button{cursor:pointer;height:32px;color:var(--dsw-alias-label-primary);border:1px solid #0000;border-radius:16px;padding:0 12px}.SRqrhW_credential button:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)!important}.SRqrhW_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.SRqrhW_secondary{background:0 0;border-color:var(--dsw-alias-border-l2)!important}.SRqrhW_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_danger{background:0 0;border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.SRqrhW_danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.SRqrhW_error{color:var(--dsw-alias-state-error-primary);font-size:12px}.SRqrhW_success{font-size:12px}.SRqrhW_accountSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_accountHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_userInfo{align-items:center;gap:10px;min-width:0;display:flex}.SRqrhW_avatar{background:var(--dsw-alias-brand-primary);width:32px;height:32px;color:var(--dsw-alias-label-primary-foreground);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.SRqrhW_userDetails{flex-direction:column;gap:2px;min-width:0;display:flex}.SRqrhW_userName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.SRqrhW_userEmail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.SRqrhW_refreshBtn{border:1px solid var(--dsw-alias-border-l2)!important;height:26px!important;color:var(--dsw-alias-label-secondary)!important;background:0 0!important;border-radius:13px!important;padding:0 8px!important;font-size:12px!important}.SRqrhW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)!important}.SRqrhW_quotaBlock{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding-top:8px;display:flex}.SRqrhW_quotaHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_quotaLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.SRqrhW_quotaTop{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.SRqrhW_quotaTop strong{color:var(--dsw-alias-brand-primary);font-size:13px}.SRqrhW_quotaDescription{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin:0!important}.SRqrhW_quotaProgress{background:var(--dsw-alias-border-l3);width:100%;height:6px;accent-color:var(--dsw-alias-brand-primary);-webkit-appearance:none;appearance:none;border:0;border-radius:999px;overflow:hidden}.SRqrhW_quotaProgress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.SRqrhW_quotaProgress::-webkit-progress-value{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaProgress::-moz-progress-bar{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaMeta{color:var(--dsw-alias-label-tertiary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.SRqrhW_accountLoadingText,.SRqrhW_accountEmptyText{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.SRqrhW_userNameRow{align-items:center;gap:8px;display:flex}.SRqrhW_planBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-brand-primary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.SRqrhW_orgTag{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_suspendedBanner{background:var(--dsw-alias-state-error-subtle,#ff4d4f1a);color:var(--dsw-alias-state-error-primary);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.SRqrhW_searchModeSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_searchModeHintText{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:12px;line-height:18px}";
 		const tagId$1 = "dsh-provider-qoder/QoderCredentialCard.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -380,6 +799,9 @@ window.__ModuleLoader__.load({
 			"actions": "SRqrhW_actions",
 			"avatar": "SRqrhW_avatar",
 			"configured": "SRqrhW_configured",
+			"connectionActions": "SRqrhW_connectionActions",
+			"connectionBody": "SRqrhW_connectionBody",
+			"connectionHead": "SRqrhW_connectionHead",
 			"credential": "SRqrhW_credential",
 			"credentialDot": "SRqrhW_credentialDot",
 			"credentialDotConfigured": "SRqrhW_credentialDotConfigured",
@@ -401,6 +823,8 @@ window.__ModuleLoader__.load({
 			"input": "SRqrhW_input",
 			"label": "SRqrhW_label",
 			"linkButton": "SRqrhW_linkButton",
+			"loginProgress": "SRqrhW_loginProgress",
+			"managementPanel": "SRqrhW_managementPanel",
 			"modelBadge": "SRqrhW_modelBadge",
 			"modelCatalog": "SRqrhW_modelCatalog",
 			"modelCatalogHead": "SRqrhW_modelCatalogHead",
@@ -421,6 +845,7 @@ window.__ModuleLoader__.load({
 			"orgTag": "SRqrhW_orgTag",
 			"planBadge": "SRqrhW_planBadge",
 			"primary": "SRqrhW_primary",
+			"primaryLink": "SRqrhW_primaryLink",
 			"quotaBlock": "SRqrhW_quotaBlock",
 			"quotaDescription": "SRqrhW_quotaDescription",
 			"quotaHeader": "SRqrhW_quotaHeader",
@@ -438,9 +863,14 @@ window.__ModuleLoader__.load({
 			"searchModeHintText": "SRqrhW_searchModeHintText",
 			"searchModeSection": "SRqrhW_searchModeSection",
 			"secondary": "SRqrhW_secondary",
+			"sharedNote": "SRqrhW_sharedNote",
 			"status": "SRqrhW_status",
+			"subscriberAvatar": "SRqrhW_subscriberAvatar",
+			"subscriberIdentity": "SRqrhW_subscriberIdentity",
+			"subscriberRow": "SRqrhW_subscriberRow",
 			"success": "SRqrhW_success",
 			"suspendedBanner": "SRqrhW_suspendedBanner",
+			"textButton": "SRqrhW_textButton",
 			"userDetails": "SRqrhW_userDetails",
 			"userEmail": "SRqrhW_userEmail",
 			"userInfo": "SRqrhW_userInfo",
@@ -449,59 +879,28 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/QoderModelCatalog.tsx
-		function validateModelCatalog(models) {
-			return models.length === 0 ? "modelsRequired" : void 0;
-		}
+		/** The key resets directory state whenever the active Qoder service region changes. */
 		function QoderModelCatalog(props) {
-			const { operations, models, disabled, fetchDisabled, hideTitle, onChange, t } = props;
-			const [fetching, setFetching] = (0, react.useState)(false);
-			const [failure, setFailure] = (0, react.useState)();
-			const [catalog, setCatalog] = (0, react.useState)();
-			const [unavailableIds, setUnavailableIds] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const displayedModels = catalog ?? models;
-			const selectedIds = (0, react.useMemo)(() => new Set(models.map((model) => model.id)), [models]);
-			const fetchModels = async () => {
-				setFetching(true);
-				setFailure(void 0);
-				const result = await operations.discoverModels();
-				setFetching(false);
-				if (!result.ok) {
-					setFailure(result.error.message || t("modelsFetchFailed"));
-					return;
-				}
-				const reconciled = reconcileQoderModels(catalog ?? models, result.value);
-				setCatalog(reconciled.catalog);
-				setUnavailableIds(reconciled.unavailableIds);
-				onChange(reconciled.selected);
-			};
-			const toggleModel = (id, enabled) => {
-				if (unavailableIds.has(id)) return;
-				const source = catalog ?? models;
-				if (catalog === void 0) setCatalog(source);
-				const nextSelected = new Set(selectedIds);
-				if (enabled) nextSelected.add(id);
-				else nextSelected.delete(id);
-				onChange(source.filter((model) => nextSelected.has(model.id) && !unavailableIds.has(model.id)));
-			};
-			const changeContextTier = (id, tierKey) => {
-				const source = catalog ?? models;
-				if (catalog === void 0) setCatalog(source);
-				const apply = (model) => {
-					if (model.id !== id) return model;
-					const tokenCount = model.contextOptions?.[tierKey]?.tokenCount;
-					if (typeof tokenCount !== "number" || !Number.isFinite(tokenCount) || tokenCount <= 0) return model;
-					return {
-						...model,
-						contextTier: tierKey,
-						contextWindow: tokenCount
-					};
-				};
-				const nextCatalog = source.map(apply);
-				setCatalog(nextCatalog);
-				onChange(models.map(apply));
-			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegionModelCatalog, { ...props }, props.region);
+		}
+		function RegionModelCatalog({ operations, models, region, disabled, fetchDisabled, hideTitle, t }) {
+			const [editor] = (0, react.useState)(() => new QoderModelCatalogEditor(region, models, operations));
+			const snapshot = (0, react.useSyncExternalStore)(editor.subscribe, editor.getSnapshot, editor.getSnapshot);
+			(0, react.useLayoutEffect)(() => {
+				editor.activate();
+				return () => editor.dispose();
+			}, [editor]);
+			(0, react.useLayoutEffect)(() => {
+				editor.replaceModels(models);
+			}, [editor, models]);
+			const displayedModels = snapshot.catalog;
+			const unavailableIds = snapshot.unavailableIds;
+			const selectedIds = new Set(snapshot.models.map((model) => model.id));
+			const busy = snapshot.pending !== void 0;
+			const fetching = snapshot.pending === "discovering";
+			const failure = snapshot.failureMessage || (snapshot.failure ? t(snapshot.failure) : void 0);
 			const renderRate = (model) => {
-				if (model.isFree || model.priceFactor === 0) return t("modelRateFree");
+				if (model.priceFactor === 0 || model.priceFactor === void 0 && model.isFree) return t("modelRateFree");
 				if (model.priceFactor === void 0) return t("modelRateUnknown");
 				const current = formatRateFactor(model.priceFactor);
 				if (model.originalPriceFactor !== void 0 && model.originalPriceFactor > model.priceFactor) return t("modelRateDiscount", {
@@ -522,13 +921,13 @@ window.__ModuleLoader__.load({
 							children: t("modelsTitle")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.modelCatalogMeta,
-							children: t("modelsEnabled", { count: models.length })
+							children: t("modelsEnabled", { count: snapshot.models.length })
 						})] }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: QoderCredentialCard_module_css_default.linkButton,
-							disabled: disabled || fetching || Boolean(fetchDisabled),
+							disabled: disabled || busy || Boolean(fetchDisabled),
 							onClick: () => {
-								fetchModels();
+								if (!disabled && !fetchDisabled) editor.discover();
 							},
 							children: fetching ? t("modelsFetching") : t("modelsFetch")
 						})]
@@ -553,9 +952,9 @@ window.__ModuleLoader__.load({
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
 											checked: !unavailable && selectedIds.has(model.id),
-											disabled: disabled || unavailable,
+											disabled: disabled || busy || unavailable,
 											onChange: (event) => {
-												toggleModel(model.id, event.currentTarget.checked);
+												if (!disabled) editor.toggle(model.id, event.currentTarget.checked);
 											}
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -580,9 +979,9 @@ window.__ModuleLoader__.load({
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
 										className: QoderCredentialCard_module_css_default.modelTierSelect,
 										value: selectedTier ?? "",
-										disabled: disabled || unavailable || !selectedIds.has(model.id),
+										disabled: disabled || busy || unavailable || !selectedIds.has(model.id),
 										onChange: (event) => {
-											changeContextTier(model.id, event.currentTarget.value);
+											if (!disabled) editor.selectTier(model.id, event.currentTarget.value);
 										},
 										children: tiers.map((tier) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 											value: tier.key,
@@ -615,18 +1014,31 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Settings card for the Qoder subscription: credential state, subscriber
-		* profile, and every quota block the provider reports.
+		* profile, and every quota block the provider reports. Region changes remount
+		* the account state before any old profile can be displayed.
 		*/
-		function QoderAccountCard({ operations, t, activeLocale }) {
+		function QoderAccountCard(props) {
+			const modelSnapshot = (0, react.useSyncExternalStore)(props.operations.subscribeModels, props.operations.getModelSnapshot, props.operations.getModelSnapshot);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegionAccountCard, {
+				...props,
+				modelSnapshot
+			}, regionOf(modelSnapshot.value));
+		}
+		function RegionAccountCard({ operations, t, activeLocale, modelSnapshot }) {
 			const [credentialState, setCredentialState] = (0, react.useState)({ status: "loading" });
 			const [accountState, setAccountState] = (0, react.useState)({ status: "idle" });
 			const [refreshing, setRefreshing] = (0, react.useState)(false);
 			const [credentialRevision, setCredentialRevision] = (0, react.useState)(0);
-			const [modelSaveError, setModelSaveError] = (0, react.useState)();
 			const latestAccountRequest = (0, react.useRef)(0);
-			const modelSnapshot = (0, react.useSyncExternalStore)(operations.subscribeModels, operations.getModelSnapshot, operations.getModelSnapshot);
+			const latestCredentialRequest = (0, react.useRef)(0);
+			(0, react.useLayoutEffect)(() => () => {
+				latestAccountRequest.current++;
+				latestCredentialRequest.current++;
+			}, []);
 			const loadCredential = (0, react.useCallback)(async () => {
+				const requestId = ++latestCredentialRequest.current;
 				const info = await operations.describe();
+				if (requestId !== latestCredentialRequest.current) return;
 				setCredentialState(info === void 0 ? { status: "failed" } : {
 					status: "ready",
 					info
@@ -745,7 +1157,7 @@ window.__ModuleLoader__.load({
 			const renderAccount = () => {
 				if (!configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: QoderCredentialCard_module_css_default.accountSection,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: QoderCredentialCard_module_css_default.accountEmptyText,
 						children: t("accountCredentialHint")
 					})
@@ -781,13 +1193,14 @@ window.__ModuleLoader__.load({
 				const { profile, usage, plan } = accountState.account;
 				const userQuota = usage?.userQuota;
 				const orgPackage = usage?.orgResourcePackage;
+				const addOnQuota = usage?.addOnQuota;
 				const dedicatedPackages = usage?.dedicatedResourcePackages ?? [];
 				const locale = activeLocale();
 				const avatarInitial = (profile.name || profile.email || "Q").charAt(0).toUpperCase();
 				const resetDate = formatResetDate(usage?.expiresAt);
 				const planExpiry = plan?.endDate ? formatResetDate(plan.endDate) : void 0;
 				const isSuspended = plan?.organization?.isSuspended === true;
-				const hasQuota = (userQuota?.total ?? 0) > 0 || (orgPackage?.total ?? 0) > 0 || dedicatedPackages.some((pkg) => pkg.total > 0);
+				const hasQuota = (userQuota?.total ?? 0) > 0 || (orgPackage?.total ?? 0) > 0 || (addOnQuota?.total ?? 0) > 0 || dedicatedPackages.some((pkg) => pkg.total > 0);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: QoderCredentialCard_module_css_default.accountSection,
 					children: [
@@ -844,6 +1257,7 @@ window.__ModuleLoader__.load({
 						}) : null,
 						renderQuota("userQuota", t("userQuotaTitle"), userQuota, { resetDate }),
 						renderQuota("orgResource", t("orgResourceTitle"), orgPackage, { resetDate }),
+						renderQuota("addOnQuota", t("addOnQuotaTitle"), addOnQuota),
 						dedicatedPackages.map((pkg, index) => renderQuota(`dedicatedResource-${pkg.id ?? index}`, resolveLocalizedText(pkg.title, locale) ?? t("dedicatedResourceTitle"), pkg, {
 							expiresAt: formatResetDate(pkg.expiresAt),
 							description: resolveLocalizedText(pkg.description, locale)
@@ -922,16 +1336,6 @@ window.__ModuleLoader__.load({
 			const currentRegion = regionOf(modelSnapshot.value);
 			const currentModels = modelsOf(modelSnapshot.value, currentRegion);
 			const canModifyModels = modelSnapshot.status === "ready" && modelSnapshot.writable;
-			const handleModelsChange = async (models) => {
-				if (!canModifyModels) return;
-				setModelSaveError(void 0);
-				const failure = validateModelCatalog(models);
-				if (failure) {
-					setModelSaveError(t(failure));
-					return;
-				}
-				if (!await operations.storeModels(currentRegion, models)) setModelSaveError(t("saveFailed"));
-			};
 			const renderModelCatalogSection = () => {
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
 					className: QoderCredentialCard_module_css_default.customized,
@@ -941,29 +1345,23 @@ window.__ModuleLoader__.load({
 							className: QoderCredentialCard_module_css_default.modelSummaryBadge,
 							children: t("modelsEnabled", { count: currentModels.length })
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: QoderCredentialCard_module_css_default.customizedBody,
-						children: [modelSnapshot.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						children: modelSnapshot.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.hint,
 							children: t("modelsLoading")
 						}) : modelSnapshot.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.error,
 							children: t("modelsUnavailable")
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QoderModelCatalog, {
+							region: currentRegion,
 							operations,
 							models: currentModels,
 							disabled: !canModifyModels,
 							fetchDisabled: !configured,
 							hideTitle: true,
-							t,
-							onChange: (models) => {
-								handleModelsChange(models);
-							}
-						}), modelSaveError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: QoderCredentialCard_module_css_default.error,
-							role: "alert",
-							children: modelSaveError
-						}) : null]
+							t
+						})
 					})]
 				});
 			};
@@ -988,228 +1386,539 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/QoderCredentialCard.tsx
-		function QoderCredentialCard({ operations, t }) {
-			const [state, setState] = (0, react.useState)({ status: "loading" });
+		//#region src/client/QoderBrowserLogin.tsx
+		/** A single current identity, with browser and PAT management revealed only when needed. */
+		function QoderBrowserLogin({ region, operations, credentials, onBusyChange, t }) {
+			const [view, setView] = (0, react.useState)();
+			const [pat, setPat] = (0, react.useState)();
+			const [profile, setProfile] = (0, react.useState)();
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)();
+			const [readFailed, setReadFailed] = (0, react.useState)(false);
 			const [editing, setEditing] = (0, react.useState)(false);
+			const [menu, setMenu] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)("");
-			const [regionDraft, setRegionDraft] = (0, react.useState)("global");
-			const [regionDirty, setRegionDirty] = (0, react.useState)(false);
-			const [mutation, setMutation] = (0, react.useState)();
-			const [notice, setNotice] = (0, react.useState)();
-			const modelSnapshot = (0, react.useSyncExternalStore)(operations.subscribeModels, operations.getModelSnapshot, operations.getModelSnapshot);
+			const [copyFailed, setCopyFailed] = (0, react.useState)(false);
+			const [copied, setCopied] = (0, react.useState)(false);
+			const [now, setNow] = (0, react.useState)(Date.now());
+			const [accountRevision, setAccountRevision] = (0, react.useState)(0);
+			const mounted = (0, react.useRef)(false);
+			const revision = (0, react.useRef)(0);
+			const mutating = (0, react.useRef)(false);
+			const waitingRef = (0, react.useRef)(false);
+			const wakeRef = (0, react.useRef)(void 0);
+			const attempt = view?.attempt;
+			const pending = attempt !== void 0 && [
+				"waiting",
+				"verifying",
+				"saving"
+			].includes(attempt.phase);
+			const connected = view?.configured === true && !view.expired;
+			const identity = view?.method === "browser" ? view.profile : profile;
+			const patConfigured = pat?.configured === true && !isEnvironmentCredentialSource(pat.source);
+			const remaining = Math.max(0, Math.ceil(((attempt?.expiresAt ?? now) - now) / 1e3));
+			const read = async () => {
+				const info = await (credentials.describePat ?? credentials.describe)();
+				const result = operations ? await operations.read(region) : void 0;
+				if (result && !result.ok) throw new Error("Authorization status unavailable");
+				if (!result && !info) throw new Error("Credential status unavailable");
+				return {
+					info,
+					value: result?.value ?? {
+						region,
+						method: "pat",
+						configured: info?.configured === true && !isEnvironmentCredentialSource(info.source),
+						writable: false
+					}
+				};
+			};
 			(0, react.useEffect)(() => {
-				if (modelSnapshot.status === "ready" && !regionDirty) setRegionDraft(regionOf(modelSnapshot.value));
-			}, [modelSnapshot, regionDirty]);
-			const load = (0, react.useCallback)(async () => {
-				const info = await operations.describe();
-				setState(info === void 0 ? { status: "failed" } : {
-					status: "ready",
-					info
+				mounted.current = true;
+				let active = true;
+				let timer;
+				const poll = async (identityChanged = false) => {
+					const version = revision.current;
+					try {
+						const result = await read();
+						if (active && mounted.current && version === revision.current && !mutating.current) {
+							waitingRef.current = result.value.attempt !== void 0 && [
+								"waiting",
+								"verifying",
+								"saving"
+							].includes(result.value.attempt.phase);
+							setView(result.value);
+							setPat(result.info);
+							setReadFailed(false);
+							setNow(Date.now());
+							if (identityChanged) setAccountRevision((value) => value + 1);
+						}
+					} catch {
+						if (mounted.current && version === revision.current) setReadFailed(true);
+					}
+					if (active && mounted.current) {
+						clearTimeout(timer);
+						timer = setTimeout(() => {
+							poll();
+						}, waitingRef.current ? 1e3 : 1e4);
+					}
+				};
+				poll();
+				wakeRef.current = () => {
+					clearTimeout(timer);
+					timer = setTimeout(() => {
+						poll();
+					}, 1e3);
+				};
+				const unsubscribe = credentials.subscribe?.(() => {
+					if (mutating.current || !active) return;
+					revision.current++;
+					setProfile(void 0);
+					poll(true);
 				});
-			}, [operations]);
+				return () => {
+					active = false;
+					mounted.current = false;
+					wakeRef.current = void 0;
+					clearTimeout(timer);
+					unsubscribe?.();
+					revision.current++;
+				};
+			}, [
+				operations,
+				credentials,
+				region
+			]);
 			(0, react.useEffect)(() => {
-				load();
-				return operations.subscribe(() => {
-					load();
-				});
-			}, [load, operations]);
-			if (state.status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-				className: QoderCredentialCard_module_css_default.credential,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("loading") })
-			});
-			if (state.status === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: QoderCredentialCard_module_css_default.credential,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: QoderCredentialCard_module_css_default.error,
-					role: "alert",
-					children: t("loadFailed")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: QoderCredentialCard_module_css_default.secondary,
-					onClick: () => {
-						load();
-					},
-					children: t("retry")
-				})]
-			});
-			const configured = state.info.configured && !isEnvironmentCredentialSource(state.info.source);
-			const writable = state.info.writable;
-			const busy = mutation !== void 0;
-			const normalized = draft.trim();
-			const canModifyRegion = modelSnapshot.status === "ready" && modelSnapshot.writable;
-			const currentRegion = regionOf(modelSnapshot.value);
-			const closeEditor = () => {
-				setDraft("");
-				setRegionDraft(regionOf(modelSnapshot.value));
-				setRegionDirty(false);
-				setNotice(void 0);
-				setEditing(false);
-			};
-			const save = async () => {
-				if (busy || !regionDirty && normalized.length === 0 || regionDirty && !canModifyRegion) return;
-				setMutation("saving");
-				setNotice(void 0);
-				if (regionDirty) {
-					if (!await operations.storeRegion(regionDraft)) {
-						setNotice("saveFailed");
-						setMutation(void 0);
+				let active = true;
+				setProfile(void 0);
+				if (view?.method === "pat" && view.configured) {
+					const version = revision.current;
+					credentials.getAccount().then((result) => {
+						if (active && version === revision.current && result?.ok) setProfile(result.value.profile);
+					}).catch(() => {});
+				}
+				return () => {
+					active = false;
+				};
+			}, [
+				credentials,
+				view?.method,
+				view?.configured,
+				accountRevision
+			]);
+			const mutate = async (action) => {
+				if (mutating.current) return;
+				const popup = action === "begin" ? window.open("about:blank", "_blank") : null;
+				if (popup) popup.opener = null;
+				const version = ++revision.current;
+				mutating.current = true;
+				onBusyChange?.(true);
+				setBusy(true);
+				setError(void 0);
+				setMenu(false);
+				try {
+					let result;
+					if (action === "savePat") if (draft.trim()) {
+						if (!await credentials.store(draft.trim())) throw new Error("PAT save failed");
+					} else if (patConfigured) {
+						if (operations) result = await operations.select(region, "pat");
+					} else throw new Error("A PAT is required");
+					else if (action === "removePat") {
+						if (!await credentials.remove()) throw new Error("PAT removal failed");
+					} else if (operations) result = action === "begin" ? await operations.begin(region) : action === "cancel" ? await operations.cancel(region) : await operations.select(region, action);
+					if (result && !result.ok) {
+						if (mounted.current && version === revision.current) {
+							const code = result.error.code;
+							setError(action === "none" ? "browserRemoveFailed" : code === "TIMEOUT" ? "browserTimeout" : code === "UNAUTHENTICATED" ? "browserRejected" : "authorizationConnectionFailed");
+						}
+						popup?.close();
 						return;
 					}
-					setRegionDirty(false);
+					const current = result?.value;
+					if (!mounted.current || version !== revision.current) {
+						popup?.close();
+						return;
+					}
+					if (popup && current?.attempt?.url) popup.location.replace(current.attempt.url);
+					else popup?.close();
+					const refreshed = current ? {
+						value: current,
+						info: pat
+					} : await read();
+					if (!mounted.current || version !== revision.current) {
+						popup?.close();
+						return;
+					}
+					setView(refreshed.value);
+					setPat(refreshed.info);
+					setReadFailed(false);
+					setNow(Date.now());
+					waitingRef.current = refreshed.value.attempt !== void 0 && [
+						"waiting",
+						"verifying",
+						"saving"
+					].includes(refreshed.value.attempt.phase);
+					if (action === "savePat" || action === "removePat") {
+						setDraft("");
+						setEditing(false);
+						setProfile(void 0);
+						setAccountRevision((value) => value + 1);
+					}
+				} catch {
+					popup?.close();
+					if (mounted.current && version === revision.current) setError(action === "savePat" ? "patSaveFailed" : action === "removePat" ? "removeFailed" : action === "none" ? "browserRemoveFailed" : "authorizationConnectionFailed");
+				} finally {
+					mutating.current = false;
+					onBusyChange?.(false);
+					if (mounted.current && version === revision.current) {
+						revision.current++;
+						setBusy(false);
+					}
+					if (mounted.current) wakeRef.current?.();
 				}
-				if (normalized.length === 0 || await operations.store(normalized)) {
-					setDraft("");
-					setNotice("saved");
-					if (normalized.length > 0) await load();
-					setEditing(false);
-				} else setNotice("saveFailed");
-				setMutation(void 0);
 			};
-			const remove = async () => {
-				if (!configured || !writable || busy || !window.confirm(t("confirmRemove"))) return;
-				setMutation("removing");
-				setNotice(void 0);
-				if (await operations.remove()) {
-					setDraft("");
-					await load();
-				} else setNotice("removeFailed");
-				setMutation(void 0);
+			const openPat = () => {
+				setMenu(false);
+				setDraft("");
+				setError(void 0);
+				setEditing(true);
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: `${QoderCredentialCard_module_css_default.credential} ${QoderCredentialCard_module_css_default.credentialEditor}`,
-				"aria-label": t("title"),
+			const initial = (identity?.name || identity?.email || "Q").slice(0, 1).toUpperCase();
+			const failure = attempt?.phase === "failed" ? attempt.failure === "storage" ? "browserStorageFailed" : attempt.failure === "connection" ? "authorizationConnectionFailed" : "browserRejected" : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: QoderCredentialCard_module_css_default.connectionBody,
+				"aria-label": t("accountConnectionTitle"),
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: QoderCredentialCard_module_css_default.credentialRowHead,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: QoderCredentialCard_module_css_default.credentialIdentity,
+					!view ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						children: t(readFailed ? "authorizationConnectionFailed" : "loading")
+					}) : null,
+					readFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: QoderCredentialCard_module_css_default.secondary,
+						onClick: () => wakeRef.current?.(),
+						children: t("retry")
+					}) : null,
+					view ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						connected || view.expired ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.subscriberRow,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: QoderCredentialCard_module_css_default.credentialName,
-									children: t("nav")
+									className: QoderCredentialCard_module_css_default.subscriberAvatar,
+									"aria-hidden": "true",
+									children: initial
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: QoderCredentialCard_module_css_default.regionBadge,
-									children: currentRegion === "china" ? t("regionChina") : t("regionGlobal")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: QoderCredentialCard_module_css_default.subscriberIdentity,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: identity?.name || t(view.method === "pat" ? "patActive" : "browserMethod") }),
+										identity?.email ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: identity.email }) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: QoderCredentialCard_module_css_default.label,
+											children: t(view.method === "browser" ? "browserMethod" : "patMethod")
+										})
+									]
 								}),
+								!pending && !editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.secondary,
+									"aria-expanded": menu,
+									"aria-controls": "qoder-account-management",
+									disabled: busy,
+									onClick: () => setMenu(!menu),
+									children: t(view.method === "pat" ? "manageCredential" : "manageAccount")
+								}) : null
+							]
+						}) : !pending && !editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: QoderCredentialCard_module_css_default.label,
+							children: t("signInDescription")
+						}) : null,
+						pending ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.loginProgress,
+							role: "status",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t(attempt.phase === "saving" ? "browserSaving" : "browserWaiting") }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: `${QoderCredentialCard_module_css_default.credentialDot} ${configured ? QoderCredentialCard_module_css_default.credentialDotConfigured : QoderCredentialCard_module_css_default.credentialDotMissing}`,
-									role: "img",
-									"aria-label": configured ? t("configured") : t("missing"),
-									title: configured ? t("configured") : t("missing")
+									className: QoderCredentialCard_module_css_default.label,
+									children: t("loginTimeRemaining", { seconds: remaining })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: QoderCredentialCard_module_css_default.connectionActions,
+									children: [
+										attempt.url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: QoderCredentialCard_module_css_default.primaryLink,
+											href: attempt.url,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											referrerPolicy: "no-referrer",
+											children: t("reopenLogin")
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: QoderCredentialCard_module_css_default.secondary,
+											disabled: busy || !view.writable,
+											onClick: () => {
+												mutate("cancel");
+											},
+											children: t("cancelLogin")
+										}),
+										attempt.url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: QoderCredentialCard_module_css_default.textButton,
+											onClick: () => {
+												if (!navigator.clipboard) {
+													setCopyFailed(true);
+													return;
+												}
+												navigator.clipboard.writeText(attempt.url).then(() => {
+													if (mounted.current) {
+														setCopied(true);
+														setCopyFailed(false);
+													}
+												}, () => {
+													if (mounted.current) setCopyFailed(true);
+												});
+											},
+											children: t(copied ? "loginLinkCopied" : "copyLogin")
+										}) : null
+									]
 								})
 							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: QoderCredentialCard_module_css_default.editButton,
-							"aria-expanded": editing,
-							"aria-controls": "qoder-credential-editor",
-							onClick: () => {
-								if (editing) closeEditor();
-								else {
-									setNotice(void 0);
-									setEditing(true);
-								}
-							},
-							children: t("edit")
+						}) : null,
+						view.expired ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							className: QoderCredentialCard_module_css_default.error,
+							children: t("browserExpired")
+						}) : null,
+						view.unsaved ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							className: QoderCredentialCard_module_css_default.error,
+							children: t("browserUnsaved")
+						}) : null,
+						!pending && attempt?.phase === "timeout" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							className: QoderCredentialCard_module_css_default.error,
+							children: t("browserTimeout")
+						}) : null,
+						!pending && failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							className: QoderCredentialCard_module_css_default.error,
+							children: t(failure)
+						}) : null,
+						menu && !pending && !editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							id: "qoder-account-management",
+							className: QoderCredentialCard_module_css_default.managementPanel,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.textButton,
+									disabled: busy || !view.writable,
+									onClick: () => {
+										mutate("begin");
+									},
+									children: t("changeAccount")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.textButton,
+									disabled: busy || !pat?.writable,
+									onClick: openPat,
+									children: t(view.method === "pat" ? "editPat" : "usePat")
+								}),
+								view.method !== "browser" && view.profile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.textButton,
+									disabled: busy || !view.writable,
+									onClick: () => {
+										mutate("browser");
+									},
+									children: t("useBrowser")
+								}) : null,
+								view.profile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.danger,
+									disabled: busy || !view.writable,
+									onClick: () => {
+										mutate("none");
+									},
+									children: t("signOutQoder")
+								}) : null
+							]
+						}) : null,
+						!pending && !editing && (!connected || view.expired) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.connectionActions,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.primary,
+									disabled: busy || !view.writable,
+									onClick: () => {
+										mutate("begin");
+									},
+									children: t(view.expired ? "signInAgain" : "signInQoder")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.textButton,
+									disabled: busy || !pat?.writable,
+									onClick: openPat,
+									children: t("usePat")
+								}),
+								view.profile && view.method !== "browser" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: QoderCredentialCard_module_css_default.textButton,
+									disabled: busy || !view.writable,
+									onClick: () => {
+										mutate("browser");
+									},
+									children: t("useBrowser")
+								}) : null
+							]
+						}) : null,
+						editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.editor,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: QoderCredentialCard_module_css_default.label,
+									htmlFor: "qoder-managed-credential",
+									children: t("tokenLabel")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									id: "qoder-managed-credential",
+									className: QoderCredentialCard_module_css_default.input,
+									type: "password",
+									autoComplete: "new-password",
+									value: draft,
+									disabled: busy || !pat?.writable,
+									placeholder: patConfigured ? t("configuredHint") : t("tokenPlaceholder"),
+									onChange: (event) => setDraft(event.currentTarget.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: QoderCredentialCard_module_css_default.connectionActions,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: QoderCredentialCard_module_css_default.primary,
+											disabled: busy || !pat?.writable || !draft.trim() && !patConfigured,
+											onClick: () => {
+												mutate("savePat");
+											},
+											children: t(busy ? "saving" : draft.trim() || !patConfigured ? "saveAndUsePat" : "useSavedPat")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: QoderCredentialCard_module_css_default.secondary,
+											disabled: busy,
+											onClick: () => {
+												setDraft("");
+												setEditing(false);
+												setError(void 0);
+											},
+											children: t("cancel")
+										}),
+										patConfigured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: QoderCredentialCard_module_css_default.danger,
+											disabled: busy || !pat?.writable,
+											onClick: () => {
+												if (window.confirm(t("confirmRemove"))) mutate("removePat");
+											},
+											children: t("remove")
+										}) : null
+									]
+								})
+							]
+						}) : null
+					] }) : null,
+					view && !view.writable && !pat?.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: QoderCredentialCard_module_css_default.label,
+						children: t("readOnly")
+					}) : null,
+					copyFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: QoderCredentialCard_module_css_default.error,
+						children: t("copyLoginFailed")
+					}) : null,
+					error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: QoderCredentialCard_module_css_default.error,
+						children: t(error)
+					}) : null,
+					readFailed && view ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: QoderCredentialCard_module_css_default.error,
+						children: t("authorizationConnectionFailed")
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/QoderCredentialCard.tsx
+		/** Region selection stays outside the keyed account state, so old identities never flash. */
+		function QoderCredentialCard({ operations, t }) {
+			const snapshot = (0, react.useSyncExternalStore)(operations.subscribeModels, operations.getModelSnapshot, operations.getModelSnapshot);
+			const region = regionOf(snapshot.value);
+			const [changing, setChanging] = (0, react.useState)(false);
+			const [accountBusy, setAccountBusy] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)();
+			const mutating = (0, react.useRef)(false);
+			const canChange = snapshot.status === "ready" && snapshot.writable && !changing && !accountBusy;
+			const changeRegion = async (next) => {
+				if (!canChange || next === region || mutating.current) return;
+				mutating.current = true;
+				setChanging(true);
+				setNotice(void 0);
+				try {
+					setNotice(await operations.storeRegion(next) ? "regionChanged" : "regionChangeFailed");
+				} catch {
+					setNotice("regionChangeFailed");
+				} finally {
+					mutating.current = false;
+					setChanging(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: `${QoderCredentialCard_module_css_default.credential} ${QoderCredentialCard_module_css_default.credentialEditor}`,
+				"aria-label": t("accountConnectionTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: QoderCredentialCard_module_css_default.connectionHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+							className: QoderCredentialCard_module_css_default.credentialName,
+							children: t("accountConnectionTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: QoderCredentialCard_module_css_default.regionGroup,
+							role: "radiogroup",
+							"aria-label": t("regionLabel"),
+							children: ["global", "china"].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								role: "radio",
+								"aria-checked": region === value,
+								disabled: !canChange,
+								className: `${QoderCredentialCard_module_css_default.regionOption} ${region === value ? QoderCredentialCard_module_css_default.regionOptionActive : ""}`,
+								onClick: () => {
+									changeRegion(value);
+								},
+								children: t(value === "china" ? "regionChina" : "regionGlobal")
+							}, value))
 						})]
 					}),
-					notice === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: notice === "saved" ? QoderCredentialCard_module_css_default.success : QoderCredentialCard_module_css_default.error,
+					notice ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						role: "status",
+						className: notice === "regionChangeFailed" ? QoderCredentialCard_module_css_default.error : QoderCredentialCard_module_css_default.label,
 						children: t(notice)
-					}),
-					editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						id: "qoder-credential-editor",
-						className: QoderCredentialCard_module_css_default.editor,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: QoderCredentialCard_module_css_default.regionSelector,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: QoderCredentialCard_module_css_default.label,
-									children: t("regionLabel")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: QoderCredentialCard_module_css_default.regionGroup,
-									role: "radiogroup",
-									"aria-label": t("regionLabel"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "radio",
-										"aria-checked": regionDraft === "global",
-										className: `${QoderCredentialCard_module_css_default.regionOption} ${regionDraft === "global" ? QoderCredentialCard_module_css_default.regionOptionActive : ""}`,
-										disabled: !canModifyRegion || busy,
-										onClick: () => {
-											setRegionDraft("global");
-											setRegionDirty(true);
-										},
-										children: t("regionGlobal")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "radio",
-										"aria-checked": regionDraft === "china",
-										className: `${QoderCredentialCard_module_css_default.regionOption} ${regionDraft === "china" ? QoderCredentialCard_module_css_default.regionOptionActive : ""}`,
-										disabled: !canModifyRegion || busy,
-										onClick: () => {
-											setRegionDraft("china");
-											setRegionDirty(true);
-										},
-										children: t("regionChina")
-									})]
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-								className: QoderCredentialCard_module_css_default.label,
-								htmlFor: "qoder-managed-credential",
-								children: t("tokenLabel")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								id: "qoder-managed-credential",
-								className: QoderCredentialCard_module_css_default.input,
-								type: "password",
-								autoComplete: "new-password",
-								value: draft,
-								disabled: !writable || busy,
-								placeholder: configured ? t("configuredHint") : t("tokenPlaceholder"),
-								onChange: (event) => setDraft(event.currentTarget.value)
-							}),
-							!writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: QoderCredentialCard_module_css_default.error,
-								role: "alert",
-								children: t("readOnly")
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: QoderCredentialCard_module_css_default.actions,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: QoderCredentialCard_module_css_default.secondary,
-										disabled: busy,
-										onClick: closeEditor,
-										children: t("cancel")
-									}),
-									configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: QoderCredentialCard_module_css_default.danger,
-										disabled: !writable || busy,
-										onClick: () => {
-											remove();
-										},
-										children: mutation === "removing" ? t("removing") : t("remove")
-									}) : null,
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: QoderCredentialCard_module_css_default.primary,
-										disabled: busy || !regionDirty && normalized.length === 0 || regionDirty && !canModifyRegion || normalized.length > 0 && !writable,
-										onClick: () => {
-											save();
-										},
-										children: mutation === "saving" ? t("saving") : t("save")
-									})
-								]
-							})
-						]
-					}) : null
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QoderBrowserLogin, {
+						region,
+						operations: operations.authorization,
+						credentials: operations,
+						onBusyChange: setAccountBusy,
+						t
+					}, region),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: QoderCredentialCard_module_css_default.sharedNote,
+						children: t("sharedAuthorization")
+					})
 				]
 			});
 		}
@@ -1227,17 +1936,102 @@ window.__ModuleLoader__.load({
 				"qoder-subscription"
 			].includes(provider ?? "");
 		}
-		function historicalContextWindow(current, lastUsed, contextWindow) {
-			return current.provider === lastUsed?.provider && current.model === lastUsed?.model ? contextWindow : void 0;
-		}
-		/** Composer selections belong to the current session; model defaults live in settings. */
-		async function saveContextSelection(operations, sessionId, region, modelId, tierKey) {
-			try {
-				return await operations.setSessionTier?.(sessionId, modelId, tierKey, region) ? "saved" : "session-failed";
-			} catch {
-				return "session-failed";
+		//#endregion
+		//#region src/client/session-tier-state.ts
+		/** A mounted view of the host's accepted selection; it owns no manual tier map. */
+		var SessionTierState = class {
+			snapshot = {
+				loading: true,
+				saving: false,
+				error: false
+			};
+			listeners = /* @__PURE__ */ new Set();
+			generation = 0;
+			active = false;
+			lifetime = 0;
+			unsubscribe;
+			scope;
+			operations;
+			constructor(scope, operations) {
+				this.scope = scope;
+				this.operations = operations;
 			}
-		}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			publish(value) {
+				this.snapshot = {
+					...this.snapshot,
+					...value
+				};
+				for (const listener of this.listeners) listener();
+			}
+			activate() {
+				this.active = true;
+				this.lifetime++;
+				this.publish({ saving: false });
+				this.unsubscribe = this.operations.subscribeSessionTiers?.(this.scope, () => {
+					this.refresh();
+				});
+				this.refresh();
+			}
+			dispose() {
+				this.active = false;
+				this.generation++;
+				this.unsubscribe?.();
+				this.unsubscribe = void 0;
+			}
+			matches(value) {
+				return !!value && value.region === this.scope.region && value.sessionId === this.scope.sessionId && value.modelId === this.scope.modelId;
+			}
+			async refresh() {
+				if (!this.active) return;
+				const generation = ++this.generation;
+				this.publish({ loading: true });
+				try {
+					const selection = await this.operations.readSessionTier?.(this.scope);
+					if (this.active && generation === this.generation) this.publish(this.matches(selection) ? {
+						selection,
+						loading: false,
+						error: false
+					} : {
+						loading: false,
+						error: true
+					});
+				} catch {
+					if (this.active && generation === this.generation) this.publish({
+						loading: false,
+						error: true
+					});
+				}
+			}
+			async select(tierKey) {
+				if (!this.active || this.snapshot.loading || this.snapshot.saving || !this.snapshot.selection) return;
+				if (tierKey === this.snapshot.selection.tierKey && !this.snapshot.error) return;
+				const generation = ++this.generation;
+				const lifetime = this.lifetime;
+				this.publish({
+					saving: true,
+					error: false
+				});
+				try {
+					const { sessionId, modelId, region } = this.scope;
+					const selection = await this.operations.setSessionTier?.(sessionId, modelId, tierKey, region);
+					if (this.active && generation === this.generation) this.publish(this.matches(selection) ? {
+						selection,
+						error: false
+					} : { error: true });
+				} catch {
+					if (this.active && generation === this.generation) this.publish({ error: true });
+				} finally {
+					if (this.active && lifetime === this.lifetime) this.publish({ saving: false });
+				}
+			}
+		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-provider-qoder/dsh-provider-qoder/src/client/QoderContextSelect.module.css.mjs
 		const css = ".hiDrJa_root{align-items:center;display:inline-flex;position:relative}.hiDrJa_trigger{height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;user-select:none;background:0 0;border:none;border-radius:24px;outline:none;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;transition:background .12s,color .12s;display:flex}.hiDrJa_trigger:hover,.hiDrJa_triggerActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.hiDrJa_trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.hiDrJa_icon{color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;display:inline-flex}.hiDrJa_label{white-space:nowrap}.hiDrJa_chevron{color:var(--dsw-alias-label-caption);align-items:center;transition:transform .12s;display:inline-flex}.hiDrJa_chevronOpen{transform:rotate(180deg)}.hiDrJa_menu{z-index:1100;background:var(--dsw-menu-surface-fill);min-width:180px;backdrop-filter:var(--dsw-menu-backdrop-filter);border:1px solid var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;padding:4px;animation:.12s hiDrJa_fadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}@keyframes hiDrJa_fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hiDrJa_menuHeader{text-transform:uppercase;letter-spacing:.5px;color:var(--dsw-alias-label-tertiary);border-bottom:1px solid var(--dsw-alias-border-l1);margin-bottom:4px;padding:6px 10px 4px;font-size:11px;font-weight:600}.hiDrJa_option{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;line-height:20px;transition:background .1s;display:flex}.hiDrJa_option:hover{background:var(--dsw-alias-interactive-bg-hover)}.hiDrJa_optionSelected{color:var(--dsw-alias-state-brand);font-weight:600}.hiDrJa_optionInfo{align-items:center;gap:6px;display:flex}.hiDrJa_tag{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-caption);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:500}.hiDrJa_check{color:var(--dsw-alias-state-brand);align-items:center;font-size:12px;display:inline-flex}.hiDrJa_error{color:var(--dsw-alias-label-primary);max-width:240px;font-size:12px}";
@@ -1270,30 +2064,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/QoderContextSelect.tsx
 		function QoderContextSelect(props) {
-			const { directory, operations, t, sessionId, useProjection } = props;
-			const [open, setOpen] = (0, react.useState)(false);
-			const [manualTiers, setManualTiers] = (0, react.useState)({});
-			const [pending, setPending] = (0, react.useState)(false);
-			const [error, setError] = (0, react.useState)(null);
-			const saving = (0, react.useRef)(false);
-			const rootRef = (0, react.useRef)(null);
+			const { directory, operations, sessionId, useProjection } = props;
 			const directoryState = (0, react.useSyncExternalStore)((fn) => directory ? directory.subscribe(fn) : () => () => {}, () => directory ? directory.getSnapshot() : null);
 			const modelSnapshot = (0, react.useSyncExternalStore)((fn) => operations ? operations.subscribeModels(fn) : () => () => {}, () => operations ? operations.getModelSnapshot() : null);
-			(0, react.useEffect)(() => {
-				if (!open) return;
-				const handleClickOutside = (e) => {
-					if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
-				};
-				const handleKeyDown = (e) => {
-					if (e.key === "Escape") setOpen(false);
-				};
-				document.addEventListener("mousedown", handleClickOutside);
-				document.addEventListener("keydown", handleKeyDown);
-				return () => {
-					document.removeEventListener("mousedown", handleClickOutside);
-					document.removeEventListener("keydown", handleKeyDown);
-				};
-			}, [open]);
 			const modelProj = useProjection ? useProjection("modelSelection") : void 0;
 			const pressure = useProjection ? useProjection("contextPressure") : void 0;
 			if (!operations) return null;
@@ -1309,34 +2082,71 @@ window.__ModuleLoader__.load({
 			const currentProviderId = current.provider ?? (current.model.includes("/") ? current.model.split("/")[0] : void 0);
 			const activeModel = models.find((m) => m.id === currentModelId || m.id === current.model);
 			if (!isQoderProvider(currentProviderId) || !activeModel) return null;
-			const tiers = contextTiersOf(activeModel);
-			if (tiers.length <= 1) return null;
-			const sessionKey = sessionId ? JSON.stringify([
+			if (contextTiersOf(activeModel).length <= 1) return null;
+			if (!sessionId) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionContextSelect, {
+				...props,
+				sessionId,
+				operations,
+				region,
+				activeModel,
+				historicalWindow: pressure?.contextWindow,
+				lastUsed: modelProj?.lastUsed
+			}, JSON.stringify([
 				region,
 				sessionId,
 				activeModel.id
-			]) : void 0;
-			const historicalWindow = operations.canRestoreContextHistory?.() === false ? void 0 : historicalContextWindow(current, modelProj?.lastUsed, pressure?.contextWindow);
-			const currentTier = resolveContextTier(activeModel, sessionKey ? manualTiers[sessionKey] : void 0, historicalWindow);
-			if (!currentTier) return null;
-			const selectedTierKey = currentTier.key;
-			const selectTier = async (tierKey) => {
+			]));
+		}
+		function SessionContextSelect({ operations, sessionId, region, activeModel, t, historicalWindow, lastUsed }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
+			const state = (0, react.useMemo)(() => new SessionTierState({
+				region,
+				sessionId,
+				modelId: activeModel.id
+			}, operations), [
+				region,
+				sessionId,
+				activeModel.id,
+				operations
+			]);
+			const snapshot = (0, react.useSyncExternalStore)(state.subscribe, state.getSnapshot);
+			(0, react.useLayoutEffect)(() => {
+				state.activate();
+				return () => state.dispose();
+			}, [state]);
+			(0, react.useEffect)(() => {
+				state.refresh();
+			}, [
+				state,
+				JSON.stringify(activeModel),
+				historicalWindow,
+				lastUsed?.provider,
+				lastUsed?.model
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const handleClickOutside = (e) => {
+					if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+				};
+				const handleKeyDown = (e) => {
+					if (e.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("mousedown", handleClickOutside);
+				document.addEventListener("keydown", handleKeyDown);
+				return () => {
+					document.removeEventListener("mousedown", handleClickOutside);
+					document.removeEventListener("keydown", handleKeyDown);
+				};
+			}, [open]);
+			const tiers = contextTiersOf(activeModel);
+			const currentTier = snapshot.selection;
+			const selectedTierKey = currentTier?.tierKey;
+			const pending = snapshot.loading || snapshot.saving;
+			const selectTier = (tierKey) => {
 				setOpen(false);
-				if (!sessionId || !sessionKey || saving.current) return;
-				if (tierKey === selectedTierKey && error?.key !== sessionKey) return;
-				saving.current = true;
-				setPending(true);
-				setError(null);
-				try {
-					if (await saveContextSelection(operations, sessionId, region, activeModel.id, tierKey) === "saved") setManualTiers((prev) => ({
-						...prev,
-						[sessionKey]: tierKey
-					}));
-					else setError({ key: sessionKey });
-				} finally {
-					saving.current = false;
-					setPending(false);
-				}
+				state.select(tierKey);
 			};
 			const defaultSuffix = t ? t("contextTierDefaultSuffix").replace(/[（）()]/g, "") : "默认";
 			const selectTitle = t ? t("contextSelectTitle") : "选择上下文大小";
@@ -1348,10 +2158,10 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						className: `${QoderContextSelect_module_css_default.trigger} ${open ? QoderContextSelect_module_css_default.triggerActive : ""}`,
-						disabled: pending || !sessionId,
+						disabled: pending || !currentTier,
 						"aria-expanded": open,
 						"aria-label": selectTitle,
-						title: `${selectTitle}: ${formatContextTokens(currentTier.tokenCount)}`,
+						title: `${selectTitle}: ${currentTier ? formatContextTokens(currentTier.tokenCount) : "…"}`,
 						onClick: () => setOpen((prev) => !prev),
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1366,7 +2176,7 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: QoderContextSelect_module_css_default.label,
-								children: formatContextTokens(currentTier.tokenCount)
+								children: currentTier ? formatContextTokens(currentTier.tokenCount) : "…"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: `${QoderContextSelect_module_css_default.chevron} ${open ? QoderContextSelect_module_css_default.chevronOpen : ""}`,
@@ -1384,10 +2194,21 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					error && error.key === sessionKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					snapshot.error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						role: "alert",
 						className: QoderContextSelect_module_css_default.error,
-						children: t ? t("contextSelectFailed") : "contextSelectFailed"
+						children: [
+							t ? t("contextSelectFailed") : "contextSelectFailed",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								disabled: pending,
+								onClick: () => {
+									state.refresh();
+								},
+								children: t ? t("refresh") : "refresh"
+							})
+						]
 					}),
 					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: QoderContextSelect_module_css_default.menu,
@@ -1401,6 +2222,7 @@ window.__ModuleLoader__.load({
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								role: "menuitemradio",
+								disabled: pending,
 								"aria-checked": isSelected,
 								className: `${QoderContextSelect_module_css_default.option} ${isSelected ? QoderContextSelect_module_css_default.optionSelected : ""}`,
 								onClick: () => {
@@ -1456,6 +2278,97 @@ window.__ModuleLoader__.load({
 			return typeof value === "string" && qoderRpcErrorCodes.includes(value);
 		}
 		//#endregion
+		//#region src/client/session-tier-events.ts
+		/** One authenticated host change stream shared by the mounted composer controls. */
+		function createSessionTierEvents(send = (...args) => globalThis.fetch(...args)) {
+			const listeners = /* @__PURE__ */ new Set();
+			let active;
+			let disposed = false;
+			const notify = (scope) => {
+				for (const entry of listeners) if (!scope || entry.scope.region === scope.region && entry.scope.sessionId === scope.sessionId && entry.scope.modelId === scope.modelId) try {
+					entry.listener();
+				} catch {}
+			};
+			const start = () => {
+				if (active || disposed || !listeners.size) return;
+				const controller = new AbortController();
+				active = controller;
+				follow(controller).finally(() => {
+					if (active === controller) active = void 0;
+				});
+			};
+			async function follow(controller) {
+				let delay = 1e3;
+				while (!controller.signal.aborted) {
+					try {
+						const response = await send(qoderRpcPath("sessionTierEvents"), {
+							method: "POST",
+							credentials: "include",
+							signal: controller.signal,
+							headers: { "content-type": "application/json" },
+							body: "{}"
+						});
+						if (!response.ok || !response.body) throw new Error("Context tier stream unavailable");
+						const reader = response.body.getReader();
+						const decoder = new TextDecoder();
+						let buffered = "";
+						try {
+							while (!controller.signal.aborted) {
+								const { value, done } = await reader.read();
+								if (done) break;
+								buffered += decoder.decode(value, { stream: true });
+								let newline;
+								while ((newline = buffered.indexOf("\n")) >= 0) {
+									const item = JSON.parse(buffered.slice(0, newline));
+									buffered = buffered.slice(newline + 1);
+									delay = 1e3;
+									if (item.ready === true) notify();
+									else if ((item.region === "global" || item.region === "china") && typeof item.sessionId === "string" && typeof item.modelId === "string") notify(item);
+								}
+							}
+						} finally {
+							await reader.cancel().catch(() => {});
+							reader.releaseLock();
+						}
+					} catch {}
+					if (controller.signal.aborted) break;
+					await new Promise((resolve) => {
+						const finish = () => {
+							clearTimeout(timer);
+							controller.signal.removeEventListener("abort", finish);
+							resolve();
+						};
+						const timer = setTimeout(finish, delay);
+						controller.signal.addEventListener("abort", finish, { once: true });
+					});
+					delay = Math.min(delay * 2, 3e4);
+				}
+			}
+			return {
+				subscribe(scope, listener) {
+					const entry = {
+						scope,
+						listener
+					};
+					listeners.add(entry);
+					start();
+					return () => {
+						listeners.delete(entry);
+						if (!listeners.size) {
+							active?.abort();
+							active = void 0;
+						}
+					};
+				},
+				dispose() {
+					disposed = true;
+					listeners.clear();
+					active?.abort();
+					active = void 0;
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/rpc-client.ts
 		/**
 		* Browser caller for the Qoder settings RPC.
@@ -1551,23 +2464,29 @@ window.__ModuleLoader__.load({
 			}), "provider-qoder: credential copy");
 			const credentials = ctx.remote.credentials;
 			const rpc = createQoderRpcCaller();
-			let historyRegion;
-			let historyRegionChanged = false;
-			const readModelSnapshot = () => {
-				const snapshot = modelScope.getSnapshot();
-				if (snapshot.value) {
-					const region = snapshot.value.region ?? "global";
-					if (historyRegion !== void 0 && historyRegion !== region) historyRegionChanged = true;
-					historyRegion = region;
-				}
-				return snapshot;
+			const tierEvents = createSessionTierEvents();
+			ctx.effect(() => () => tierEvents.dispose(), "provider-qoder: session context tier events");
+			const readModelSnapshot = () => modelScope.getSnapshot();
+			const authorizationOperations = {
+				read: (region) => rpc.call("authorization", { region }),
+				begin: (region) => rpc.call("beginLogin", { region }),
+				cancel: (region) => rpc.call("cancelLogin", { region }),
+				select: (region, method) => rpc.call("selectAuthorization", {
+					region,
+					method
+				})
 			};
-			readModelSnapshot();
-			ctx.effect(() => modelScope.subscribe(() => {
-				readModelSnapshot();
-			}), "provider-qoder: context history region");
 			const operations = {
+				authorization: authorizationOperations,
 				describe: async () => {
+					const result = await authorizationOperations.read(regionOf(readModelSnapshot().value));
+					return result.ok ? {
+						configured: result.value.configured && !result.value.expired,
+						source: result.value.method,
+						writable: result.value.writable
+					} : void 0;
+				},
+				describePat: async () => {
 					try {
 						const response = await credentials.describe([qoderCredentialRef]);
 						return response.ok ? response.value[qoderCredentialRef] : void 0;
@@ -1577,7 +2496,13 @@ window.__ModuleLoader__.load({
 				},
 				store: async (value) => {
 					try {
-						return (await credentials.set(qoderCredentialRef, value.trim())).ok;
+						const response = await credentials.set(qoderCredentialRef, value.trim());
+						if (response.ok) {
+							const region = regionOf(readModelSnapshot().value);
+							const current = await authorizationOperations.read(region);
+							if (current.ok && current.value.method !== "pat") return (await authorizationOperations.select(region, "pat")).ok;
+						}
+						return response.ok;
 					} catch {
 						return false;
 					}
@@ -1591,16 +2516,15 @@ window.__ModuleLoader__.load({
 				},
 				getAccount: async (force) => await rpc.call("account", { force }),
 				getModelSnapshot: readModelSnapshot,
-				canRestoreContextHistory: () => !historyRegionChanged,
 				subscribeModels: (listener) => modelScope.subscribe(listener),
 				storeModels: async (region, models) => {
 					try {
-						const current = modelScope.getSnapshot().value;
-						const clonedModels = models.map(cloneCatalogModel);
-						return await modelScope.set("modelsByRegion", {
-							...current?.modelsByRegion,
-							[region]: clonedModels
-						}) !== false;
+						const clonedModels = JSON.parse(JSON.stringify(models));
+						return await modelScope.mutate([{
+							op: "set",
+							path: ["modelsByRegion", region],
+							value: clonedModels
+						}]) !== false;
 					} catch {
 						return false;
 					}
@@ -1621,20 +2545,56 @@ window.__ModuleLoader__.load({
 				},
 				discoverModels: async () => await rpc.call("models", {}),
 				setSessionTier: async (sessionId, modelId, tierKey, region) => {
+					const scope = {
+						sessionId,
+						modelId,
+						tierKey,
+						region
+					};
 					try {
-						return (await rpc.call("sessionTier", {
-							sessionId,
-							modelId,
-							tierKey,
-							region
-						})).ok;
-					} catch {
-						return false;
+						const res = await rpc.call("sessionTier", scope);
+						if (!res.ok) console.error("[Qoder context tier] Failed to save selection", {
+							...scope,
+							error: res.error
+						});
+						return res.ok ? res.value : void 0;
+					} catch (error) {
+						console.error("[Qoder context tier] Failed to save selection", {
+							...scope,
+							error
+						});
+						return;
 					}
 				},
-				subscribe: (listener) => ctx.remote.$on("credentials/reference-updated", (ref) => {
-					if (ref === "QODER_MANAGED_CREDENTIAL") listener();
-				})
+				readSessionTier: async (scope) => {
+					try {
+						const result = await rpc.call("readSessionTier", scope);
+						if (!result.ok) console.error("[Qoder context tier] Failed to read selection", {
+							...scope,
+							error: result.error
+						});
+						return result.ok ? result.value : void 0;
+					} catch (error) {
+						console.error("[Qoder context tier] Failed to read selection", {
+							...scope,
+							error
+						});
+						return;
+					}
+				},
+				subscribeSessionTiers: (scope, listener) => tierEvents.subscribe(scope, listener),
+				subscribe: (listener) => {
+					const reference = ctx.remote.$on("credentials/reference-updated", (ref) => {
+						if (ref === "QODER_MANAGED_CREDENTIAL") listener();
+					});
+					const record = ctx.remote.$on("credentials/record-updated", (key) => {
+						if (key === `provider-qoder/${regionOf(readModelSnapshot().value)}`) listener();
+					});
+					return () => {
+						reference();
+						record();
+					};
+				}
 			};
 			const rawT = ctx.locale.bind(localeNamespace);
 			const t = (key, values) => {
@@ -1646,6 +2606,17 @@ window.__ModuleLoader__.load({
 			* switch re-resolves provider copy instead of reusing a setup-time snapshot.
 			*/
 			const activeLocale = () => ctx.locale.getLocale().active;
+			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "qoder-model-queue",
+				order: 30,
+				locale: localeNamespace,
+				inject: (sessionId) => ({
+					sessionId,
+					rpc,
+					t
+				})
+			}, QoderQueueStatus));
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "qoder",