dsh-provider-qoder 0.1.0

package/lib/client.js

@@ -0,0 +1,944 @@
+window.__ModuleLoader__.load({
+	id: "dsh-provider-qoder",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/credential-contract.ts
+		/** Shared Host/browser contract for the one managed Qoder credential. */
+		const qoderCredentialRef = "QODER_MANAGED_CREDENTIAL";
+		/** DSH's local provider uses `env` and `*-env` for ambient credential layers. */
+		function isEnvironmentCredentialSource(source) {
+			return source === "env" || source?.endsWith("-env") === true;
+		}
+		//#endregion
+		//#region \0dsh-css:D:\code\dsh\dsh-llm-qoder\src\client\QoderCredentialCard.module.css.mjs
+		const css = ".OAuTmW_credential{color:var(--dsw-alias-label-primary);border-radius:10px;margin-top:12px}.OAuTmW_credential p{margin:8px 0 0}.OAuTmW_credentialEditor{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.OAuTmW_credentialRowHead{align-items:center;gap:10px;display:flex}.OAuTmW_credentialIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.OAuTmW_credentialName{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.OAuTmW_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.OAuTmW_credentialDotConfigured{background:var(--dsw-alias-state-success-primary)}.OAuTmW_credentialDotMissing{background:var(--dsw-alias-state-error-primary)}.OAuTmW_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}.OAuTmW_regionSelector{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.OAuTmW_regionGroup{gap:8px;display:flex}.OAuTmW_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}.OAuTmW_regionOption:hover:not(.OAuTmW_regionOptionDisabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.OAuTmW_credential button.OAuTmW_regionOptionActive{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-interactive-bg-selected);color:var(--dsw-alias-brand-primary);font-weight:500}.OAuTmW_regionOptionDisabled{cursor:not-allowed;opacity:.5}.OAuTmW_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}.OAuTmW_editButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.OAuTmW_editor{background:var(--dsw-alias-bg-module-platform);border-radius:12px;padding:14px 16px}.OAuTmW_customized{border-top:1px solid var(--dsw-alias-border-l2);margin-top:14px;padding-top:10px}.OAuTmW_customizedSummary{cursor:pointer;width:fit-content;color:var(--dsw-alias-label-secondary);border-radius:6px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px;list-style:none;display:flex}.OAuTmW_customizedSummary::-webkit-details-marker{display:none}.OAuTmW_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)}.OAuTmW_customized[open]>.OAuTmW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.OAuTmW_customizedBody{padding-top:12px}.OAuTmW_modelCatalog,.OAuTmW_modelList{flex-direction:column;gap:10px;display:flex}.OAuTmW_modelCatalogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.OAuTmW_modelCatalogTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.OAuTmW_modelCatalogMeta{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:2px 0 0!important}.OAuTmW_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}.OAuTmW_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.OAuTmW_modelChoice{cursor:pointer;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:grid}.OAuTmW_modelChoice:hover{background:var(--dsw-alias-interactive-bg-hover)}.OAuTmW_modelChoiceName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.OAuTmW_modelChoice code{color:var(--dsw-alias-label-tertiary);font-size:11px}.OAuTmW_modelRate{min-width:34px;color:var(--dsw-alias-brand-primary);text-align:right;font-size:12px;font-weight:600}.OAuTmW_modelUnavailable{cursor:not-allowed;opacity:.55}.OAuTmW_modelBadge{color:var(--dsw-alias-state-error-primary);font-size:11px}@media (prefers-reduced-motion:reduce){.OAuTmW_customizedSummary:before{transition:none}}.OAuTmW_head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.OAuTmW_heading{margin:0;font-size:18px;font-weight:600}.OAuTmW_status{color:var(--dsw-alias-label-secondary);font-size:12px}.OAuTmW_configured,.OAuTmW_success{color:var(--dsw-alias-state-success-primary)}.OAuTmW_label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px;display:block}.OAuTmW_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}.OAuTmW_input:focus{border-color:var(--dsw-alias-brand-primary)}.OAuTmW_input::placeholder{color:var(--dsw-alias-label-dimmed)}.OAuTmW_input:disabled{cursor:not-allowed;opacity:.4}.OAuTmW_hint{color:var(--dsw-alias-label-secondary);font-size:12px}.OAuTmW_actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.OAuTmW_credential button{cursor:pointer;height:32px;color:var(--dsw-alias-label-primary);border:1px solid #0000;border-radius:16px;padding:0 12px}.OAuTmW_credential button:disabled{cursor:not-allowed;opacity:.4}.OAuTmW_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)!important}.OAuTmW_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.OAuTmW_secondary{background:0 0;border-color:var(--dsw-alias-border-l2)!important}.OAuTmW_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.OAuTmW_danger{background:0 0;border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.OAuTmW_danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.OAuTmW_error{color:var(--dsw-alias-state-error-primary);font-size:12px}.OAuTmW_success{font-size:12px}.OAuTmW_accountSection{background:var(--dsw-alias-bg-module-platform);border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.OAuTmW_accountHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.OAuTmW_userInfo{align-items:center;gap:10px;min-width:0;display:flex}.OAuTmW_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}.OAuTmW_userDetails{flex-direction:column;gap:2px;min-width:0;display:flex}.OAuTmW_userName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.OAuTmW_userEmail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.OAuTmW_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}.OAuTmW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)!important}.OAuTmW_quotaBlock{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding-top:8px;display:flex}.OAuTmW_quotaHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.OAuTmW_quotaLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.OAuTmW_quotaTop{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.OAuTmW_quotaTop strong{color:var(--dsw-alias-brand-primary);font-size:13px}.OAuTmW_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}.OAuTmW_quotaProgress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.OAuTmW_quotaProgress::-webkit-progress-value{background:var(--dsw-alias-brand-primary);border-radius:999px}.OAuTmW_quotaProgress::-moz-progress-bar{background:var(--dsw-alias-brand-primary);border-radius:999px}.OAuTmW_quotaMeta{color:var(--dsw-alias-label-tertiary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.OAuTmW_accountLoadingText,.OAuTmW_accountEmptyText{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}";
+		const tagId = "dsh-provider-qoder/QoderCredentialCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-provider-qoder";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var QoderCredentialCard_module_css_default = {
+			"accountEmptyText": "OAuTmW_accountEmptyText",
+			"accountHead": "OAuTmW_accountHead",
+			"accountLoadingText": "OAuTmW_accountLoadingText",
+			"accountSection": "OAuTmW_accountSection",
+			"actions": "OAuTmW_actions",
+			"avatar": "OAuTmW_avatar",
+			"configured": "OAuTmW_configured",
+			"credential": "OAuTmW_credential",
+			"credentialDot": "OAuTmW_credentialDot",
+			"credentialDotConfigured": "OAuTmW_credentialDotConfigured",
+			"credentialDotMissing": "OAuTmW_credentialDotMissing",
+			"credentialEditor": "OAuTmW_credentialEditor",
+			"credentialIdentity": "OAuTmW_credentialIdentity",
+			"credentialName": "OAuTmW_credentialName",
+			"credentialRowHead": "OAuTmW_credentialRowHead",
+			"customized": "OAuTmW_customized",
+			"customizedBody": "OAuTmW_customizedBody",
+			"customizedSummary": "OAuTmW_customizedSummary",
+			"danger": "OAuTmW_danger",
+			"editButton": "OAuTmW_editButton",
+			"editor": "OAuTmW_editor",
+			"error": "OAuTmW_error",
+			"head": "OAuTmW_head",
+			"heading": "OAuTmW_heading",
+			"hint": "OAuTmW_hint",
+			"input": "OAuTmW_input",
+			"label": "OAuTmW_label",
+			"linkButton": "OAuTmW_linkButton",
+			"modelBadge": "OAuTmW_modelBadge",
+			"modelCatalog": "OAuTmW_modelCatalog",
+			"modelCatalogHead": "OAuTmW_modelCatalogHead",
+			"modelCatalogMeta": "OAuTmW_modelCatalogMeta",
+			"modelCatalogTitle": "OAuTmW_modelCatalogTitle",
+			"modelChoice": "OAuTmW_modelChoice",
+			"modelChoiceName": "OAuTmW_modelChoiceName",
+			"modelList": "OAuTmW_modelList",
+			"modelRate": "OAuTmW_modelRate",
+			"modelUnavailable": "OAuTmW_modelUnavailable",
+			"primary": "OAuTmW_primary",
+			"quotaBlock": "OAuTmW_quotaBlock",
+			"quotaHeader": "OAuTmW_quotaHeader",
+			"quotaLabel": "OAuTmW_quotaLabel",
+			"quotaMeta": "OAuTmW_quotaMeta",
+			"quotaProgress": "OAuTmW_quotaProgress",
+			"quotaTop": "OAuTmW_quotaTop",
+			"refreshBtn": "OAuTmW_refreshBtn",
+			"regionBadge": "OAuTmW_regionBadge",
+			"regionGroup": "OAuTmW_regionGroup",
+			"regionOption": "OAuTmW_regionOption",
+			"regionOptionActive": "OAuTmW_regionOptionActive",
+			"regionOptionDisabled": "OAuTmW_regionOptionDisabled",
+			"regionSelector": "OAuTmW_regionSelector",
+			"secondary": "OAuTmW_secondary",
+			"status": "OAuTmW_status",
+			"success": "OAuTmW_success",
+			"userDetails": "OAuTmW_userDetails",
+			"userEmail": "OAuTmW_userEmail",
+			"userInfo": "OAuTmW_userInfo",
+			"userName": "OAuTmW_userName"
+		};
+		//#endregion
+		//#region src/client/QoderAccountCard.tsx
+		function formatResetDate(dateStr) {
+			if (!dateStr) return void 0;
+			const date = new Date(dateStr);
+			if (Number.isNaN(date.getTime())) return void 0;
+			return date.toLocaleString(void 0, {
+				month: "numeric",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+		}
+		function QoderAccountCard({ operations, t }) {
+			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 latestAccountRequest = (0, react.useRef)(0);
+			const loadCredential = (0, react.useCallback)(async () => {
+				const info = await operations.describe();
+				setCredentialState(info === void 0 ? { status: "failed" } : {
+					status: "ready",
+					info
+				});
+			}, [operations]);
+			const loadAccount = (0, react.useCallback)(async (force = false) => {
+				const requestId = ++latestAccountRequest.current;
+				if (force) setRefreshing(true);
+				else setAccountState({ status: "loading" });
+				try {
+					const result = await operations.getAccount(force);
+					if (requestId !== latestAccountRequest.current) return;
+					if (result?.ok) setAccountState({
+						status: "ready",
+						account: result.data
+					});
+					else setAccountState({
+						status: "failed",
+						error: result?.error
+					});
+				} catch (error) {
+					if (requestId !== latestAccountRequest.current) return;
+					setAccountState({
+						status: "failed",
+						error: error instanceof Error ? error.message : String(error)
+					});
+				} finally {
+					if (requestId === latestAccountRequest.current) setRefreshing(false);
+				}
+			}, [operations]);
+			(0, react.useEffect)(() => {
+				loadCredential();
+				return operations.subscribe(() => {
+					loadCredential();
+					setCredentialRevision((revision) => revision + 1);
+				});
+			}, [loadCredential, operations]);
+			const configured = credentialState.status === "ready" && credentialState.info.configured && !isEnvironmentCredentialSource(credentialState.info.source);
+			(0, react.useEffect)(() => {
+				if (configured) loadAccount(false);
+				else {
+					latestAccountRequest.current++;
+					setRefreshing(false);
+					setAccountState({ status: "idle" });
+				}
+			}, [
+				configured,
+				credentialRevision,
+				loadAccount
+			]);
+			if (credentialState.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 (credentialState.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: () => {
+						loadCredential();
+					},
+					children: t("retry")
+				})]
+			});
+			const renderQuota = (label, quota, resetDate) => {
+				if (!quota || quota.total <= 0) return null;
+				const remainingPercent = Math.max(0, Math.min(100, Math.round(quota.remaining / quota.total * 100)));
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: QoderCredentialCard_module_css_default.quotaBlock,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.quotaHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: QoderCredentialCard_module_css_default.quotaLabel,
+								children: label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("quotaRemaining", { value: remainingPercent }) })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: QoderCredentialCard_module_css_default.quotaTop,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("quotaUsed", {
+								used: quota.used.toFixed(1),
+								total: quota.total.toFixed(1),
+								unit: quota.unit
+							}) })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("progress", {
+							className: QoderCredentialCard_module_css_default.quotaProgress,
+							max: quota.total,
+							value: Math.min(quota.total, quota.used),
+							"aria-label": `${label} ${t("quotaRemaining", { value: remainingPercent })}`
+						}),
+						resetDate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: QoderCredentialCard_module_css_default.quotaMeta,
+							children: t("resetsAt", { value: resetDate })
+						}) : null
+					]
+				}, label);
+			};
+			const renderAccount = () => {
+				if (!configured) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: QoderCredentialCard_module_css_default.hint,
+					children: t("accountCredentialHint")
+				});
+				if (accountState.status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: QoderCredentialCard_module_css_default.accountSection,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: QoderCredentialCard_module_css_default.accountLoadingText,
+						children: t("accountLoading")
+					})
+				});
+				if (accountState.status === "failed") {
+					const detail = accountState.error ? ` (${accountState.error})` : "";
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: QoderCredentialCard_module_css_default.accountSection,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.accountHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: QoderCredentialCard_module_css_default.error,
+								children: [t("accountFailed"), detail]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: QoderCredentialCard_module_css_default.refreshBtn,
+								onClick: () => {
+									loadAccount(true);
+								},
+								children: t("retry")
+							})]
+						})
+					});
+				}
+				if (accountState.status !== "ready") return null;
+				const { profile, usage } = accountState.account;
+				const userQuota = usage?.userQuota;
+				const orgPackage = usage?.orgResourcePackage;
+				const avatarInitial = (profile.name || profile.email || "Q").charAt(0).toUpperCase();
+				const resetDate = formatResetDate(usage?.expiresAt);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: QoderCredentialCard_module_css_default.accountSection,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: QoderCredentialCard_module_css_default.accountHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: QoderCredentialCard_module_css_default.userInfo,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: QoderCredentialCard_module_css_default.avatar,
+									"aria-hidden": "true",
+									children: avatarInitial
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: QoderCredentialCard_module_css_default.userDetails,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: QoderCredentialCard_module_css_default.userName,
+										children: profile.name || "Qoder Subscriber"
+									}), profile.email ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: QoderCredentialCard_module_css_default.userEmail,
+										children: profile.email
+									}) : null]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: QoderCredentialCard_module_css_default.refreshBtn,
+								disabled: refreshing,
+								onClick: () => {
+									loadAccount(true);
+								},
+								children: refreshing ? t("refreshing") : t("refresh")
+							})]
+						}),
+						usage?.isQuotaExceeded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: QoderCredentialCard_module_css_default.error,
+							children: t("quotaExceeded")
+						}) : null,
+						renderQuota(t("userQuotaTitle"), userQuota, resetDate),
+						renderQuota(t("orgResourceTitle"), orgPackage, resetDate),
+						(!userQuota || userQuota.total <= 0) && (!orgPackage || orgPackage.total <= 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: QoderCredentialCard_module_css_default.accountEmptyText,
+							children: t("noQuota")
+						}) : null
+					]
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: QoderCredentialCard_module_css_default.credential,
+				"aria-label": t("accountTitle"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: QoderCredentialCard_module_css_default.head,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: QoderCredentialCard_module_css_default.heading,
+						children: t("accountTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: configured ? `${QoderCredentialCard_module_css_default.status} ${QoderCredentialCard_module_css_default.configured}` : QoderCredentialCard_module_css_default.status,
+						children: configured ? t("configured") : t("missing")
+					})]
+				}), renderAccount()]
+			});
+		}
+		//#endregion
+		//#region src/client/credential-operations.ts
+		function reconcileQoderModels(known, discovered) {
+			const availableIds = new Set(discovered.map((model) => model.id));
+			const unavailable = known.filter((model) => !availableIds.has(model.id));
+			return {
+				catalog: [...discovered, ...unavailable],
+				selected: [...discovered],
+				unavailableIds: new Set(unavailable.map((model) => model.id))
+			};
+		}
+		//#endregion
+		//#region src/client/QoderModelCatalog.tsx
+		function validateModelCatalog(models) {
+			return models.length === 0 ? "modelsRequired" : void 0;
+		}
+		function QoderModelCatalog(props) {
+			const { operations, models, disabled, 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 || t("modelsFetchFailed"));
+					return;
+				}
+				const reconciled = reconcileQoderModels(catalog ?? models, result.data);
+				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)));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: QoderCredentialCard_module_css_default.modelCatalog,
+				"aria-label": t("modelsTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: QoderCredentialCard_module_css_default.modelCatalogHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+							className: QoderCredentialCard_module_css_default.modelCatalogTitle,
+							children: t("modelsTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: QoderCredentialCard_module_css_default.modelCatalogMeta,
+							children: t("modelsEnabled", { count: models.length })
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: QoderCredentialCard_module_css_default.linkButton,
+							disabled: disabled || fetching,
+							onClick: () => {
+								fetchModels();
+							},
+							children: fetching ? t("modelsFetching") : t("modelsFetch")
+						})]
+					}),
+					failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: QoderCredentialCard_module_css_default.error,
+						role: "alert",
+						children: failure
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: QoderCredentialCard_module_css_default.modelList,
+						children: displayedModels.map((model) => {
+							const unavailable = unavailableIds.has(model.id);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: `${QoderCredentialCard_module_css_default.modelChoice} ${unavailable ? QoderCredentialCard_module_css_default.modelUnavailable : ""}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: !unavailable && selectedIds.has(model.id),
+										disabled: disabled || unavailable,
+										onChange: (event) => {
+											toggleModel(model.id, event.currentTarget.checked);
+										}
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: QoderCredentialCard_module_css_default.modelChoiceName,
+										children: model.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: QoderCredentialCard_module_css_default.modelRate,
+										children: model.priceFactor === void 0 ? t("modelRateUnknown") : t("modelRate", { value: model.priceFactor })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: model.id }),
+									unavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: QoderCredentialCard_module_css_default.modelBadge,
+										children: t("modelUnavailable")
+									}) : null
+								]
+							}, model.id);
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/QoderCredentialCard.tsx
+		function modelsOf(value) {
+			if (typeof value !== "object" || value === null) return [];
+			const models = value.models;
+			return Array.isArray(models) ? models : [];
+		}
+		function regionOf(value) {
+			if (typeof value !== "object" || value === null) return "global";
+			return value.region === "china" ? "china" : "global";
+		}
+		function QoderCredentialCard({ operations, t }) {
+			const [state, setState] = (0, react.useState)({ status: "loading" });
+			const [editing, setEditing] = (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 [modelDraft, setModelDraft] = (0, react.useState)([]);
+			const [modelsDirty, setModelsDirty] = (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);
+			(0, react.useEffect)(() => {
+				if (modelSnapshot.status === "ready") {
+					if (!modelsDirty) setModelDraft(modelsOf(modelSnapshot.value));
+					if (!regionDirty) setRegionDraft(regionOf(modelSnapshot.value));
+				}
+			}, [
+				modelSnapshot,
+				modelsDirty,
+				regionDirty
+			]);
+			const load = (0, react.useCallback)(async () => {
+				const info = await operations.describe();
+				setState(info === void 0 ? { status: "failed" } : {
+					status: "ready",
+					info
+				});
+			}, [operations]);
+			(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 modelFailure = modelSnapshot.status === "ready" ? validateModelCatalog(modelDraft) : void 0;
+			const modelWritable = modelSnapshot.status === "ready" && modelSnapshot.writable;
+			const currentRegion = regionOf(modelSnapshot.value);
+			const closeEditor = () => {
+				setDraft("");
+				setModelDraft(modelsOf(modelSnapshot.value));
+				setRegionDraft(regionOf(modelSnapshot.value));
+				setModelsDirty(false);
+				setRegionDirty(false);
+				setNotice(void 0);
+				setEditing(false);
+			};
+			const save = async () => {
+				if (busy || !modelsDirty && !regionDirty && normalized.length === 0 || modelsDirty && (!modelWritable || modelFailure !== void 0) || regionDirty && !modelWritable) return;
+				setMutation("saving");
+				setNotice(void 0);
+				if (regionDirty) {
+					if (!await operations.storeRegion(regionDraft)) {
+						setNotice("saveFailed");
+						setMutation(void 0);
+						return;
+					}
+					setRegionDirty(false);
+				}
+				if (modelsDirty) {
+					if (!await operations.storeModels(modelDraft)) {
+						setNotice("saveFailed");
+						setMutation(void 0);
+						return;
+					}
+					setModelsDirty(false);
+				}
+				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);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: `${QoderCredentialCard_module_css_default.credential} ${QoderCredentialCard_module_css_default.credentialEditor}`,
+				"aria-label": t("title"),
+				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,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: QoderCredentialCard_module_css_default.credentialName,
+									children: t("nav")
+								}),
+								/* @__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.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")
+								})
+							]
+						}), /* @__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")
+						})]
+					}),
+					notice === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: notice === "saved" ? QoderCredentialCard_module_css_default.success : QoderCredentialCard_module_css_default.error,
+						role: "status",
+						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: !modelWritable || 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: !modelWritable || 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)("details", {
+								className: QoderCredentialCard_module_css_default.customized,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+									className: QoderCredentialCard_module_css_default.customizedSummary,
+									children: t("customized")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: QoderCredentialCard_module_css_default.customizedBody,
+									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, {
+										operations,
+										models: modelDraft,
+										disabled: !modelWritable || busy,
+										t,
+										onChange: (models) => {
+											setModelDraft(models);
+											setModelsDirty(true);
+										}
+									}), modelSnapshot.status === "ready" && modelFailure !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: QoderCredentialCard_module_css_default.error,
+										children: t(modelFailure)
+									}) : 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 || !modelsDirty && !regionDirty && normalized.length === 0 || modelsDirty && (modelSnapshot.status !== "ready" || modelFailure !== void 0 || !modelWritable) || regionDirty && (modelSnapshot.status !== "ready" || !modelWritable) || normalized.length > 0 && !writable,
+										onClick: () => {
+											save();
+										},
+										children: mutation === "saving" ? t("saving") : t("save")
+									})
+								]
+							})
+						]
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		const zh = {
+			nav: "Qoder",
+			title: "Qoder 凭据",
+			configured: "已配置",
+			missing: "未配置",
+			loading: "正在读取凭据状态…",
+			loadFailed: "无法读取凭据状态。",
+			retry: "重试",
+			edit: "编辑",
+			cancel: "取消",
+			regionLabel: "服务区域",
+			regionGlobal: "国际版 (Global)",
+			regionChina: "中国区 (CN)",
+			regionHint: "请确保 PAT 与所选服务区域匹配。",
+			tokenLabel: "API 密钥",
+			tokenPlaceholder: "输入新的 Personal Access Token",
+			configuredHint: "已配置——输入新值可替换",
+			readOnly: "当前凭据存储不可写。",
+			save: "保存",
+			saving: "正在保存…",
+			saved: "Qoder 设置已保存。",
+			saveFailed: "Qoder 设置保存失败，请重试。",
+			remove: "删除",
+			removing: "正在删除…",
+			removeFailed: "凭据删除失败，请重试。",
+			confirmRemove: "删除已保存的 Qoder 凭据？删除后，新的模型请求将无法运行。",
+			customized: "自定义设置",
+			modelsTitle: "模型目录",
+			modelsLoading: "正在读取模型设置…",
+			modelsUnavailable: "当前无法读取或保存模型设置。",
+			modelsEnabled: "已启用 {count} 个模型",
+			modelsFetch: "获取可用模型",
+			modelsFetching: "正在获取…",
+			modelsFetchFailed: "无法获取可用模型。",
+			modelsRequired: "至少需要保留一个模型。",
+			modelUnavailable: "不可用",
+			modelRate: "{value}x",
+			modelRateUnknown: "倍率未知",
+			accountTitle: "Qoder",
+			accountLoading: "正在读取账号与额度…",
+			accountFailed: "无法读取账号信息与额度。",
+			accountCredentialHint: "请先在“模型”设置中配置 Qoder Personal Access Token。",
+			refresh: "刷新",
+			refreshing: "正在刷新…",
+			userQuotaTitle: "个人额度",
+			orgResourceTitle: "组织资源包",
+			quotaRemaining: "剩余 {value}%",
+			quotaUsed: "已用 {used} / {total} {unit}",
+			resetsAt: "重置时间：{value}",
+			noQuota: "暂无可用额度信息",
+			quotaExceeded: "当前订阅额度已用尽。"
+		};
+		const en = {
+			nav: "Qoder",
+			title: "Qoder credential",
+			configured: "Configured",
+			missing: "Not configured",
+			loading: "Reading credential status…",
+			loadFailed: "Could not read credential status.",
+			retry: "Retry",
+			edit: "Edit",
+			cancel: "Cancel",
+			regionLabel: "Service Region",
+			regionGlobal: "Global",
+			regionChina: "China (CN)",
+			regionHint: "Ensure your PAT matches the selected service region.",
+			tokenLabel: "API Key",
+			tokenPlaceholder: "Enter a new Personal Access Token",
+			configuredHint: "Configured — enter a new value to replace",
+			readOnly: "The current credential store is read-only.",
+			save: "Save",
+			saving: "Saving…",
+			saved: "Qoder settings saved.",
+			saveFailed: "Could not save the Qoder settings. Try again.",
+			remove: "Remove",
+			removing: "Removing…",
+			removeFailed: "Could not remove the credential. Try again.",
+			confirmRemove: "Remove the stored Qoder credential? New model requests will stop working.",
+			customized: "Custom settings",
+			modelsTitle: "Model catalog",
+			modelsLoading: "Reading model settings…",
+			modelsUnavailable: "Model settings cannot currently be read or saved.",
+			modelsEnabled: "{count} models enabled",
+			modelsFetch: "Fetch available models",
+			modelsFetching: "Fetching…",
+			modelsFetchFailed: "Could not fetch available models.",
+			modelsRequired: "Keep at least one model.",
+			modelUnavailable: "Unavailable",
+			modelRate: "{value}x",
+			modelRateUnknown: "Rate unknown",
+			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.",
+			refresh: "Refresh",
+			refreshing: "Refreshing…",
+			userQuotaTitle: "Personal Quota",
+			orgResourceTitle: "Org Resource Package",
+			quotaRemaining: "{value}% remaining",
+			quotaUsed: "Used {used} / {total} {unit}",
+			resetsAt: "Resets: {value}",
+			noQuota: "No quota metrics available",
+			quotaExceeded: "The current subscription quota is exhausted."
+		};
+		//#endregion
+		//#region src/client/index.ts
+		const localeNamespace = "settings.qoderCredential";
+		const qoderChannel = "/qoder-subscription";
+		const settingsNamespace = "provider-qoder";
+		const inject = [
+			"slots",
+			"locale",
+			"remote",
+			"remote.credentials",
+			"connection",
+			"settingsScope"
+		];
+		const fill = (text, values) => {
+			if (!values) return text;
+			return Object.entries(values).reduce((next, [key, value]) => next.replace(new RegExp(`\\{${key}\\}`, "g"), String(value)), text);
+		};
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(localeNamespace, {
+				zh,
+				en
+			}), "provider-qoder: credential copy");
+			const credentials = ctx.remote.credentials;
+			const connection = ctx.connection;
+			const modelScope = ctx.settingsScope.bind({ namespace: settingsNamespace });
+			const operations = {
+				describe: async () => {
+					try {
+						const response = await credentials.describe([qoderCredentialRef]);
+						return response.ok ? response.value[qoderCredentialRef] : void 0;
+					} catch {
+						return;
+					}
+				},
+				store: async (value) => {
+					try {
+						return (await credentials.set(qoderCredentialRef, value.trim())).ok;
+					} catch {
+						return false;
+					}
+				},
+				remove: async () => {
+					try {
+						return (await credentials.unset(qoderCredentialRef)).ok;
+					} catch {
+						return false;
+					}
+				},
+				getAccount: async (force) => {
+					try {
+						const response = await connection.rpc.call(qoderChannel, "account", { force });
+						if (response.ok) return {
+							ok: true,
+							data: response.value
+						};
+						return {
+							ok: false,
+							error: response.error?.message || "RPC returned error"
+						};
+					} catch (error) {
+						return {
+							ok: false,
+							error: error instanceof Error ? error.message : String(error)
+						};
+					}
+				},
+				getModelSnapshot: () => modelScope.getSnapshot(),
+				subscribeModels: (listener) => modelScope.subscribe(listener),
+				storeModels: async (models) => {
+					try {
+						await modelScope.set("models", models);
+						return true;
+					} catch {
+						return false;
+					}
+				},
+				storeRegion: async (region) => {
+					try {
+						await modelScope.set("region", region);
+						return true;
+					} catch {
+						return false;
+					}
+				},
+				discoverModels: async () => {
+					try {
+						const response = await connection.rpc.call(qoderChannel, "models", {});
+						if (response.ok) return {
+							ok: true,
+							data: response.value
+						};
+						return {
+							ok: false,
+							error: response.error?.message || "RPC returned error"
+						};
+					} catch (error) {
+						return {
+							ok: false,
+							error: error instanceof Error ? error.message : String(error)
+						};
+					}
+				},
+				subscribe: (listener) => ctx.remote.$on("credentials/reference-updated", (ref) => {
+					if (ref === "QODER_MANAGED_CREDENTIAL") listener();
+				})
+			};
+			const rawT = ctx.locale.bind(localeNamespace);
+			const t = (key, values) => {
+				const raw = rawT(key);
+				return fill(raw, values);
+			};
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "qoder",
+				order: 15,
+				label: () => t("nav"),
+				locale: localeNamespace,
+				inject: () => ({
+					operations,
+					t
+				})
+			}, QoderAccountCard));
+			ctx.slots.inject("settings.models.footer", () => ctx.slots.register({
+				name: "settings.models.footer",
+				id: "qoder-credential",
+				order: 15,
+				inject: () => ({
+					operations,
+					t
+				})
+			}, QoderCredentialCard));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});