dsh-provider-qoder 0.4.3 → 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,7 +440,7 @@ window.__ModuleLoader__.load({
 			accountTitle: "Qoder",
 			accountLoading: "正在读取账号与额度…",
 			accountFailed: "无法读取账号信息与额度。",
-			accountCredentialHint: "请先在“模型”设置中配置 Qoder Personal Access Token。",
+			accountCredentialHint: "请先在“模型”设置中登录 Qoder 或选择已配置的 PAT。",
 			refresh: "刷新",
 			refreshing: "正在刷新…",
 			userQuotaTitle: "个人额度",
@@ -242,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",
@@ -255,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.",
@@ -290,7 +567,7 @@ 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",
@@ -505,7 +782,7 @@ window.__ModuleLoader__.load({
 		};
 		//#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");
@@ -522,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",
@@ -543,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",
@@ -563,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",
@@ -580,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",
@@ -612,7 +900,7 @@ window.__ModuleLoader__.load({
 			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", {
@@ -869,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")
 					})
@@ -1098,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;
+					}
+					const current = result?.value;
+					if (!mounted.current || version !== revision.current) {
+						popup?.close();
 						return;
 					}
-					setRegionDirty(false);
+					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")
+					})
 				]
 			});
 		}
@@ -1868,8 +2467,26 @@ window.__ModuleLoader__.load({
 			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
+				})
+			};
 			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;
@@ -1879,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;
 					}
@@ -1922,26 +2545,56 @@ window.__ModuleLoader__.load({
 				},
 				discoverModels: async () => await rpc.call("models", {}),
 				setSessionTier: async (sessionId, modelId, tierKey, region) => {
+					const scope = {
+						sessionId,
+						modelId,
+						tierKey,
+						region
+					};
 					try {
-						const res = await rpc.call("sessionTier", {
-							sessionId,
-							modelId,
-							tierKey,
-							region
+						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 {
+					} catch (error) {
+						console.error("[Qoder context tier] Failed to save selection", {
+							...scope,
+							error
+						});
 						return;
 					}
 				},
 				readSessionTier: async (scope) => {
-					const result = await rpc.call("readSessionTier", scope);
-					return result.ok ? result.value : void 0;
+					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) => ctx.remote.$on("credentials/reference-updated", (ref) => {
-					if (ref === "QODER_MANAGED_CREDENTIAL") 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) => {
@@ -1953,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",