dsh-provider-qoder 0.4.1 → 0.4.3

package/lib/client.js

@@ -69,6 +69,29 @@ window.__ModuleLoader__.load({
 				tokenCount
 			};
 		}
+		/** Clone a model catalog entry, detaching any contextOptions object. */
+		function cloneCatalogModel(model) {
+			return {
+				...model,
+				...model.contextOptions !== void 0 ? { contextOptions: { ...model.contextOptions } } : {}
+			};
+		}
+		/** Carry subscriber context choices only while the refreshed catalog supports them. */
+		function mergeAdvertisedContext(remembered, advertised, updated) {
+			const merged = { ...updated };
+			delete merged.contextOptions;
+			delete merged.contextTier;
+			if (advertised.contextOptions !== void 0) merged.contextOptions = { ...advertised.contextOptions };
+			const tier = selectedContextTier({
+				contextTier: remembered.contextTier,
+				contextOptions: merged.contextOptions
+			});
+			if (tier !== void 0) {
+				merged.contextTier = tier.key;
+				merged.contextWindow = tier.tokenCount;
+			} else if (advertised.contextWindow !== void 0) merged.contextWindow = remembered.contextTier !== void 0 ? advertised.contextWindow : Math.min(remembered.contextWindow ?? advertised.contextWindow, advertised.contextWindow);
+			return merged;
+		}
 		const defaultMaxTokens = 32768;
 		const defaultModels = [
 			{
@@ -120,6 +143,31 @@ window.__ModuleLoader__.load({
 			}
 		];
 		//#endregion
+		//#region src/client/credential-operations.ts
+		function regionOf(value) {
+			if (typeof value !== "object" || value === null) return "global";
+			return value.region === "china" ? "china" : "global";
+		}
+		function modelsOf(section, region) {
+			const scoped = section?.modelsByRegion?.[region];
+			return Array.isArray(scoped) ? scoped : defaultModels.map((model) => ({ ...model }));
+		}
+		function reconcileQoderModels(known, discovered) {
+			const availableIds = new Set(discovered.map((model) => model.id));
+			const unavailable = known.filter((model) => !availableIds.has(model.id)).map(cloneCatalogModel);
+			const previous = new Map(known.map((model) => [model.id, model]));
+			const reconciled = discovered.map((model) => {
+				const remembered = previous.get(model.id);
+				if (remembered === void 0) return cloneCatalogModel(model);
+				return mergeAdvertisedContext(remembered, model, model);
+			});
+			return {
+				catalog: [...reconciled, ...unavailable],
+				selected: reconciled,
+				unavailableIds: new Set(unavailable.map((model) => model.id))
+			};
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		const zh = {
 			nav: "Qoder",
@@ -165,7 +213,6 @@ window.__ModuleLoader__.load({
 			contextTierDefaultSuffix: "（默认）",
 			contextTierHint: "选择该模型使用的上下文档位；更大的档位会同时提升 DSH 的上下文预算并改变 Qoder 请求使用的档位。",
 			contextSelectFailed: "上下文切换失败，请重试。",
-			contextDefaultFailed: "当前会话已切换，但新会话默认值保存失败。",
 			contextSelectTitle: "选择上下文大小",
 			contextSelectMenuHeader: "上下文容量",
 			accountTitle: "Qoder",
@@ -176,6 +223,7 @@ window.__ModuleLoader__.load({
 			refreshing: "正在刷新…",
 			userQuotaTitle: "个人额度",
 			orgResourceTitle: "组织资源包",
+			addOnQuotaTitle: "增值额度",
 			dedicatedResourceTitle: "专属资源包",
 			dedicatedResourceExpiresAt: "有效期至：{value}",
 			quotaRemaining: "剩余 {value}%",
@@ -237,7 +285,6 @@ window.__ModuleLoader__.load({
 			contextTierDefaultSuffix: " (default)",
 			contextTierHint: "Select the context tier for this model. A larger tier raises the DSH context budget and changes the tier the Qoder request uses.",
 			contextSelectFailed: "Could not change the context window. Please retry.",
-			contextDefaultFailed: "Session updated, but the default for new sessions could not be saved.",
 			contextSelectTitle: "Select context window size",
 			contextSelectMenuHeader: "Context Capacity",
 			accountTitle: "Qoder",
@@ -248,6 +295,7 @@ window.__ModuleLoader__.load({
 			refreshing: "Refreshing…",
 			userQuotaTitle: "Personal Quota",
 			orgResourceTitle: "Org Resource Package",
+			addOnQuotaTitle: "Add-on Credits",
 			dedicatedResourceTitle: "Dedicated Resource Package",
 			dedicatedResourceExpiresAt: "Expires at: {value}",
 			quotaRemaining: "{value}% remaining",
@@ -316,48 +364,145 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#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)).map((model) => ({
-				...model,
-				...model.contextOptions !== void 0 ? { contextOptions: { ...model.contextOptions } } : {}
-			}));
-			const previous = new Map(known.map((model) => [model.id, model]));
-			const reconciled = discovered.map((model) => {
-				const remembered = previous.get(model.id);
-				if (remembered === void 0) return {
-					...model,
-					...model.contextOptions !== void 0 ? { contextOptions: { ...model.contextOptions } } : {}
+		//#region src/client/model-catalog-editor.ts
+		/** One mounted region owns its directory and asynchronous edits. */
+		var QoderModelCatalogEditor = class {
+			region;
+			operations;
+			active = true;
+			confirmed;
+			snapshot;
+			listeners = /* @__PURE__ */ new Set();
+			constructor(region, models, operations) {
+				this.region = region;
+				this.operations = operations;
+				this.confirmed = models.map(cloneCatalogModel);
+				this.snapshot = {
+					models: this.confirmed,
+					catalog: this.confirmed,
+					unavailableIds: /* @__PURE__ */ new Set()
 				};
-				const carried = selectedContextTier({
-					contextTier: remembered.contextTier,
-					contextOptions: model.contextOptions ?? remembered.contextOptions
-				});
-				const options = model.contextOptions ?? remembered.contextOptions;
-				const clonedOptions = options !== void 0 ? { contextOptions: { ...options } } : {};
-				if (carried !== void 0) return {
-					...model,
-					...clonedOptions,
-					contextTier: carried.key,
-					contextWindow: carried.tokenCount
-				};
-				const budget = remembered.contextWindow;
-				return budget === void 0 || model.contextWindow === void 0 ? {
-					...model,
-					...clonedOptions
-				} : {
-					...model,
-					...clonedOptions,
-					contextWindow: Math.min(budget, model.contextWindow)
+			}
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
 				};
-			});
-			return {
-				catalog: [...reconciled, ...unavailable],
-				selected: reconciled,
-				unavailableIds: new Set(unavailable.map((model) => model.id))
 			};
-		}
+			/** ConfigForms supplies accepted values, including its recovery read after refusal. */
+			replaceModels(models) {
+				const followsConfig = this.snapshot.catalog === this.confirmed;
+				this.confirmed = models.map(cloneCatalogModel);
+				const selected = new Map(this.confirmed.map((model) => [model.id, model]));
+				this.publish({
+					...this.snapshot,
+					models: this.confirmed,
+					catalog: followsConfig ? this.confirmed : this.snapshot.catalog.map((model) => selected.get(model.id) ?? model)
+				});
+			}
+			activate() {
+				this.active = true;
+			}
+			dispose() {
+				this.active = false;
+				this.listeners.clear();
+			}
+			publish(snapshot) {
+				if (!this.active) return;
+				this.snapshot = snapshot;
+				for (const listener of this.listeners) listener();
+			}
+			async discover() {
+				if (!this.active || this.snapshot.pending) return;
+				this.publish({
+					...this.snapshot,
+					pending: "discovering",
+					failure: void 0,
+					failureMessage: void 0
+				});
+				try {
+					const result = await this.operations.discoverModels();
+					if (!this.active) return;
+					if (!result.ok) {
+						this.publish({
+							...this.snapshot,
+							pending: void 0,
+							failure: "modelsFetchFailed",
+							failureMessage: result.error.message
+						});
+						return;
+					}
+					const reconciled = reconcileQoderModels(this.snapshot.catalog, result.value);
+					await this.save(reconciled.selected, reconciled.catalog, reconciled.unavailableIds);
+				} catch (error) {
+					this.publish({
+						...this.snapshot,
+						pending: void 0,
+						failure: "modelsFetchFailed",
+						failureMessage: error instanceof Error ? error.message : void 0
+					});
+				}
+			}
+			async toggle(id, enabled) {
+				if (!this.active || this.snapshot.pending || this.snapshot.unavailableIds.has(id)) return;
+				const selected = new Set(this.snapshot.models.map((model) => model.id));
+				if (enabled) selected.add(id);
+				else selected.delete(id);
+				await this.save(this.snapshot.catalog.filter((model) => selected.has(model.id) && !this.snapshot.unavailableIds.has(model.id)));
+			}
+			async selectTier(id, tierKey) {
+				if (!this.active || this.snapshot.pending || !this.snapshot.models.some((model) => model.id === id)) return;
+				const tokenCount = this.snapshot.catalog.find((model) => model.id === id)?.contextOptions?.[tierKey]?.tokenCount;
+				if (typeof tokenCount !== "number" || !Number.isFinite(tokenCount) || tokenCount <= 0) return;
+				const apply = (candidate) => candidate.id === id ? {
+					...candidate,
+					contextTier: tierKey,
+					contextWindow: tokenCount
+				} : candidate;
+				await this.save(this.snapshot.models.map(apply), this.snapshot.catalog.map(apply));
+			}
+			async save(models, catalog = this.snapshot.catalog, unavailableIds = this.snapshot.unavailableIds) {
+				if (models.length === 0) {
+					this.publish({
+						...this.snapshot,
+						pending: void 0,
+						failure: "modelsRequired",
+						failureMessage: void 0
+					});
+					return;
+				}
+				const submitted = models.map(cloneCatalogModel);
+				const confirmedAtSubmission = this.confirmed;
+				this.publish({
+					...this.snapshot,
+					pending: "saving",
+					failure: void 0,
+					failureMessage: void 0
+				});
+				let saved = false;
+				try {
+					saved = await this.operations.storeModels(this.region, submitted);
+				} catch {}
+				if (!this.active) return;
+				if (saved) {
+					if (this.confirmed === confirmedAtSubmission) this.confirmed = submitted;
+					const accepted = new Map(this.confirmed.map((model) => [model.id, model]));
+					const directory = new Map(catalog.map((model) => [model.id, model]));
+					for (const [id, model] of accepted) directory.set(id, model);
+					this.publish({
+						models: this.confirmed,
+						catalog: [...directory.values()],
+						unavailableIds: new Set([...unavailableIds].filter((id) => !accepted.has(id)))
+					});
+				} else this.publish({
+					models: this.confirmed,
+					catalog: this.confirmed,
+					unavailableIds: /* @__PURE__ */ new Set(),
+					failure: "saveFailed"
+				});
+			}
+		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-provider-qoder/dsh-provider-qoder/src/client/QoderCredentialCard.module.css.mjs
 		const css$1 = ".SRqrhW_credential{color:var(--dsw-alias-label-primary);border-radius:10px;margin-top:12px}.SRqrhW_credential p{margin:8px 0 0}.SRqrhW_credentialEditor{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.SRqrhW_credentialRowHead{align-items:center;gap:10px;display:flex}.SRqrhW_credentialIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.SRqrhW_credentialName{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.SRqrhW_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.SRqrhW_credentialDotConfigured{background:var(--dsw-alias-state-success-primary)}.SRqrhW_credentialDotMissing{background:var(--dsw-alias-state-error-primary)}.SRqrhW_regionBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.SRqrhW_regionSelector{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.SRqrhW_regionGroup{gap:8px;display:flex}.SRqrhW_regionOption{border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);user-select:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;line-height:18px;transition:all .12s;display:inline-flex}.SRqrhW_regionOption:hover:not(.SRqrhW_regionOptionDisabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.SRqrhW_credential button.SRqrhW_regionOptionActive{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-interactive-bg-selected);color:var(--dsw-alias-brand-primary);font-weight:500}.SRqrhW_regionOptionDisabled{cursor:not-allowed;opacity:.5}.SRqrhW_editButton{box-sizing:border-box;font:inherit;background:0 0;margin-left:auto;font-size:12px;line-height:18px;border:1px solid var(--dsw-alias-border-l2)!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_editButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.SRqrhW_editor{background:var(--dsw-alias-bg-module-platform);border-radius:12px;padding:14px 16px}.SRqrhW_customized{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);margin-top:12px;transition:all .12s;overflow:hidden}.SRqrhW_customizedSummary{box-sizing:border-box;border-radius:var(--dsw-radius-xl,12px);cursor:pointer;width:100%;color:var(--dsw-alias-label-primary);user-select:none;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:18px;list-style:none;transition:background .12s;display:flex}.SRqrhW_customizedSummary:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelSummaryBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.SRqrhW_customizedSummary::-webkit-details-marker{display:none}.SRqrhW_customizedSummary:before{content:\"\";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .12s;transform:rotate(-45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary:before{transform:rotate(45deg)translate(-1px,-1px)}.SRqrhW_customized[open]>.SRqrhW_customizedSummary{border-bottom:.5px solid var(--dsw-alias-border-l2);border-bottom-right-radius:0;border-bottom-left-radius:0}.SRqrhW_customizedBody{padding:12px 14px 14px}.SRqrhW_modelCatalog{flex-direction:column;gap:10px;display:flex}.SRqrhW_modelList{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.SRqrhW_modelList::-webkit-scrollbar{width:4px}.SRqrhW_modelList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);border-radius:2px}.SRqrhW_modelCatalogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.SRqrhW_modelCatalogHeadCompact{justify-content:flex-end;align-items:center;gap:12px;display:flex}.SRqrhW_modelCatalogTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}.SRqrhW_modelCatalogMeta{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:2px 0 0!important}.SRqrhW_linkButton{box-sizing:border-box;font:inherit;background:0 0;font-size:12px;line-height:18px;border:none!important;border-radius:14px!important;height:28px!important;padding:0 10px!important}.SRqrhW_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoice{border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;font-size:13px;display:flex}.SRqrhW_modelChoice:hover{background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_modelChoiceHead{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.SRqrhW_modelTier{align-items:center;gap:8px;padding-left:24px;display:flex}.SRqrhW_modelTierLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px}.SRqrhW_modelTierSelect{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);height:24px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 6px;font-size:12px}.SRqrhW_modelTierHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:18px;margin:0!important}.SRqrhW_modelChoiceName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.SRqrhW_modelChoice code{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_modelRate{min-width:34px;color:var(--dsw-alias-brand-primary);text-align:right;font-size:12px;font-weight:600}.SRqrhW_modelUnavailable{cursor:not-allowed;opacity:.55}.SRqrhW_modelBadge{color:var(--dsw-alias-state-error-primary);font-size:11px}@media (prefers-reduced-motion:reduce){.SRqrhW_customizedSummary:before{transition:none}}.SRqrhW_head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.SRqrhW_heading{margin:0;font-size:18px;font-weight:600}.SRqrhW_status{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_configured,.SRqrhW_success{color:var(--dsw-alias-state-success-primary)}.SRqrhW_label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px;display:block}.SRqrhW_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;height:32px;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;margin-top:6px;padding:0 10px}.SRqrhW_input:focus{border-color:var(--dsw-alias-brand-primary)}.SRqrhW_input::placeholder{color:var(--dsw-alias-label-dimmed)}.SRqrhW_input:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_hint{color:var(--dsw-alias-label-secondary);font-size:12px}.SRqrhW_actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.SRqrhW_credential button{cursor:pointer;height:32px;color:var(--dsw-alias-label-primary);border:1px solid #0000;border-radius:16px;padding:0 12px}.SRqrhW_credential button:disabled{cursor:not-allowed;opacity:.4}.SRqrhW_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)!important}.SRqrhW_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.SRqrhW_secondary{background:0 0;border-color:var(--dsw-alias-border-l2)!important}.SRqrhW_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.SRqrhW_danger{background:0 0;border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.SRqrhW_danger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.SRqrhW_error{color:var(--dsw-alias-state-error-primary);font-size:12px}.SRqrhW_success{font-size:12px}.SRqrhW_accountSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_accountHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_userInfo{align-items:center;gap:10px;min-width:0;display:flex}.SRqrhW_avatar{background:var(--dsw-alias-brand-primary);width:32px;height:32px;color:var(--dsw-alias-label-primary-foreground);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.SRqrhW_userDetails{flex-direction:column;gap:2px;min-width:0;display:flex}.SRqrhW_userName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.SRqrhW_userEmail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.SRqrhW_refreshBtn{border:1px solid var(--dsw-alias-border-l2)!important;height:26px!important;color:var(--dsw-alias-label-secondary)!important;background:0 0!important;border-radius:13px!important;padding:0 8px!important;font-size:12px!important}.SRqrhW_refreshBtn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)!important}.SRqrhW_quotaBlock{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:6px;padding-top:8px;display:flex}.SRqrhW_quotaHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.SRqrhW_quotaLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.SRqrhW_quotaTop{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.SRqrhW_quotaTop strong{color:var(--dsw-alias-brand-primary);font-size:13px}.SRqrhW_quotaDescription{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin:0!important}.SRqrhW_quotaProgress{background:var(--dsw-alias-border-l3);width:100%;height:6px;accent-color:var(--dsw-alias-brand-primary);-webkit-appearance:none;appearance:none;border:0;border-radius:999px;overflow:hidden}.SRqrhW_quotaProgress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.SRqrhW_quotaProgress::-webkit-progress-value{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaProgress::-moz-progress-bar{background:var(--dsw-alias-brand-primary);border-radius:999px}.SRqrhW_quotaMeta{color:var(--dsw-alias-label-tertiary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.SRqrhW_accountLoadingText,.SRqrhW_accountEmptyText{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.SRqrhW_userNameRow{align-items:center;gap:8px;display:flex}.SRqrhW_planBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-brand-primary);border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.SRqrhW_orgTag{color:var(--dsw-alias-label-tertiary);font-size:11px}.SRqrhW_suspendedBanner{background:var(--dsw-alias-state-error-subtle,#ff4d4f1a);color:var(--dsw-alias-state-error-primary);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.SRqrhW_searchModeSection{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-xl,12px);background:var(--dsw-alias-bg-module-platform);flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.SRqrhW_searchModeHintText{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:12px;line-height:18px}";
@@ -446,57 +591,26 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/QoderModelCatalog.tsx
-		function validateModelCatalog(models) {
-			return models.length === 0 ? "modelsRequired" : void 0;
-		}
+		/** The key resets directory state whenever the active Qoder service region changes. */
 		function QoderModelCatalog(props) {
-			const { operations, models, disabled, fetchDisabled, hideTitle, onChange, t } = props;
-			const [fetching, setFetching] = (0, react.useState)(false);
-			const [failure, setFailure] = (0, react.useState)();
-			const [catalog, setCatalog] = (0, react.useState)();
-			const [unavailableIds, setUnavailableIds] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const displayedModels = catalog ?? models;
-			const selectedIds = (0, react.useMemo)(() => new Set(models.map((model) => model.id)), [models]);
-			const fetchModels = async () => {
-				setFetching(true);
-				setFailure(void 0);
-				const result = await operations.discoverModels();
-				setFetching(false);
-				if (!result.ok) {
-					setFailure(result.error.message || t("modelsFetchFailed"));
-					return;
-				}
-				const reconciled = reconcileQoderModels(catalog ?? models, result.value);
-				setCatalog(reconciled.catalog);
-				setUnavailableIds(reconciled.unavailableIds);
-				onChange(reconciled.selected);
-			};
-			const toggleModel = (id, enabled) => {
-				if (unavailableIds.has(id)) return;
-				const source = catalog ?? models;
-				if (catalog === void 0) setCatalog(source);
-				const nextSelected = new Set(selectedIds);
-				if (enabled) nextSelected.add(id);
-				else nextSelected.delete(id);
-				onChange(source.filter((model) => nextSelected.has(model.id) && !unavailableIds.has(model.id)));
-			};
-			const changeContextTier = (id, tierKey) => {
-				const source = catalog ?? models;
-				if (catalog === void 0) setCatalog(source);
-				const apply = (model) => {
-					if (model.id !== id) return model;
-					const tokenCount = model.contextOptions?.[tierKey]?.tokenCount;
-					if (typeof tokenCount !== "number" || !Number.isFinite(tokenCount) || tokenCount <= 0) return model;
-					return {
-						...model,
-						contextTier: tierKey,
-						contextWindow: tokenCount
-					};
-				};
-				const nextCatalog = source.map(apply);
-				setCatalog(nextCatalog);
-				onChange(models.map(apply));
-			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegionModelCatalog, { ...props }, props.region);
+		}
+		function RegionModelCatalog({ operations, models, region, disabled, fetchDisabled, hideTitle, t }) {
+			const [editor] = (0, react.useState)(() => new QoderModelCatalogEditor(region, models, operations));
+			const snapshot = (0, react.useSyncExternalStore)(editor.subscribe, editor.getSnapshot, editor.getSnapshot);
+			(0, react.useLayoutEffect)(() => {
+				editor.activate();
+				return () => editor.dispose();
+			}, [editor]);
+			(0, react.useLayoutEffect)(() => {
+				editor.replaceModels(models);
+			}, [editor, models]);
+			const displayedModels = snapshot.catalog;
+			const unavailableIds = snapshot.unavailableIds;
+			const selectedIds = new Set(snapshot.models.map((model) => model.id));
+			const busy = snapshot.pending !== void 0;
+			const fetching = snapshot.pending === "discovering";
+			const failure = snapshot.failureMessage || (snapshot.failure ? t(snapshot.failure) : void 0);
 			const renderRate = (model) => {
 				if (model.isFree || model.priceFactor === 0) return t("modelRateFree");
 				if (model.priceFactor === void 0) return t("modelRateUnknown");
@@ -519,13 +633,13 @@ window.__ModuleLoader__.load({
 							children: t("modelsTitle")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.modelCatalogMeta,
-							children: t("modelsEnabled", { count: models.length })
+							children: t("modelsEnabled", { count: snapshot.models.length })
 						})] }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: QoderCredentialCard_module_css_default.linkButton,
-							disabled: disabled || fetching || Boolean(fetchDisabled),
+							disabled: disabled || busy || Boolean(fetchDisabled),
 							onClick: () => {
-								fetchModels();
+								if (!disabled && !fetchDisabled) editor.discover();
 							},
 							children: fetching ? t("modelsFetching") : t("modelsFetch")
 						})]
@@ -550,9 +664,9 @@ window.__ModuleLoader__.load({
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											type: "checkbox",
 											checked: !unavailable && selectedIds.has(model.id),
-											disabled: disabled || unavailable,
+											disabled: disabled || busy || unavailable,
 											onChange: (event) => {
-												toggleModel(model.id, event.currentTarget.checked);
+												if (!disabled) editor.toggle(model.id, event.currentTarget.checked);
 											}
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -577,9 +691,9 @@ window.__ModuleLoader__.load({
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
 										className: QoderCredentialCard_module_css_default.modelTierSelect,
 										value: selectedTier ?? "",
-										disabled: disabled || unavailable || !selectedIds.has(model.id),
+										disabled: disabled || busy || unavailable || !selectedIds.has(model.id),
 										onChange: (event) => {
-											changeContextTier(model.id, event.currentTarget.value);
+											if (!disabled) editor.selectTier(model.id, event.currentTarget.value);
 										},
 										children: tiers.map((tier) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 											value: tier.key,
@@ -610,32 +724,33 @@ window.__ModuleLoader__.load({
 				minute: "2-digit"
 			});
 		}
-		function modelsOf$1(value, selectedRegion) {
-			if (typeof value !== "object" || value === null) return defaultModels.map((model) => ({ ...model }));
-			const section = value;
-			const region = selectedRegion ?? (section.region === "china" ? "china" : "global");
-			const scoped = section.modelsByRegion?.[region];
-			if (Array.isArray(scoped)) return scoped;
-			return defaultModels.map((model) => ({ ...model }));
-		}
-		function regionOf$1(value) {
-			if (typeof value !== "object" || value === null) return "global";
-			return value.region === "china" ? "china" : "global";
-		}
 		/**
 		* Settings card for the Qoder subscription: credential state, subscriber
-		* profile, and every quota block the provider reports.
+		* profile, and every quota block the provider reports. Region changes remount
+		* the account state before any old profile can be displayed.
 		*/
-		function QoderAccountCard({ operations, t, activeLocale }) {
+		function QoderAccountCard(props) {
+			const modelSnapshot = (0, react.useSyncExternalStore)(props.operations.subscribeModels, props.operations.getModelSnapshot, props.operations.getModelSnapshot);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegionAccountCard, {
+				...props,
+				modelSnapshot
+			}, regionOf(modelSnapshot.value));
+		}
+		function RegionAccountCard({ operations, t, activeLocale, modelSnapshot }) {
 			const [credentialState, setCredentialState] = (0, react.useState)({ status: "loading" });
 			const [accountState, setAccountState] = (0, react.useState)({ status: "idle" });
 			const [refreshing, setRefreshing] = (0, react.useState)(false);
 			const [credentialRevision, setCredentialRevision] = (0, react.useState)(0);
-			const [modelSaveError, setModelSaveError] = (0, react.useState)();
 			const latestAccountRequest = (0, react.useRef)(0);
-			const modelSnapshot = (0, react.useSyncExternalStore)(operations.subscribeModels, operations.getModelSnapshot, operations.getModelSnapshot);
+			const latestCredentialRequest = (0, react.useRef)(0);
+			(0, react.useLayoutEffect)(() => () => {
+				latestAccountRequest.current++;
+				latestCredentialRequest.current++;
+			}, []);
 			const loadCredential = (0, react.useCallback)(async () => {
+				const requestId = ++latestCredentialRequest.current;
 				const info = await operations.describe();
+				if (requestId !== latestCredentialRequest.current) return;
 				setCredentialState(info === void 0 ? { status: "failed" } : {
 					status: "ready",
 					info
@@ -790,13 +905,14 @@ window.__ModuleLoader__.load({
 				const { profile, usage, plan } = accountState.account;
 				const userQuota = usage?.userQuota;
 				const orgPackage = usage?.orgResourcePackage;
+				const addOnQuota = usage?.addOnQuota;
 				const dedicatedPackages = usage?.dedicatedResourcePackages ?? [];
 				const locale = activeLocale();
 				const avatarInitial = (profile.name || profile.email || "Q").charAt(0).toUpperCase();
 				const resetDate = formatResetDate(usage?.expiresAt);
 				const planExpiry = plan?.endDate ? formatResetDate(plan.endDate) : void 0;
 				const isSuspended = plan?.organization?.isSuspended === true;
-				const hasQuota = (userQuota?.total ?? 0) > 0 || (orgPackage?.total ?? 0) > 0 || dedicatedPackages.some((pkg) => pkg.total > 0);
+				const hasQuota = (userQuota?.total ?? 0) > 0 || (orgPackage?.total ?? 0) > 0 || (addOnQuota?.total ?? 0) > 0 || dedicatedPackages.some((pkg) => pkg.total > 0);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: QoderCredentialCard_module_css_default.accountSection,
 					children: [
@@ -853,6 +969,7 @@ window.__ModuleLoader__.load({
 						}) : null,
 						renderQuota("userQuota", t("userQuotaTitle"), userQuota, { resetDate }),
 						renderQuota("orgResource", t("orgResourceTitle"), orgPackage, { resetDate }),
+						renderQuota("addOnQuota", t("addOnQuotaTitle"), addOnQuota),
 						dedicatedPackages.map((pkg, index) => renderQuota(`dedicatedResource-${pkg.id ?? index}`, resolveLocalizedText(pkg.title, locale) ?? t("dedicatedResourceTitle"), pkg, {
 							expiresAt: formatResetDate(pkg.expiresAt),
 							description: resolveLocalizedText(pkg.description, locale)
@@ -928,19 +1045,9 @@ window.__ModuleLoader__.load({
 					]
 				});
 			};
-			const currentRegion = regionOf$1(modelSnapshot.value);
-			const currentModels = modelsOf$1(modelSnapshot.value, currentRegion);
+			const currentRegion = regionOf(modelSnapshot.value);
+			const currentModels = modelsOf(modelSnapshot.value, currentRegion);
 			const canModifyModels = modelSnapshot.status === "ready" && modelSnapshot.writable;
-			const handleModelsChange = async (models) => {
-				if (!canModifyModels) return;
-				setModelSaveError(void 0);
-				const failure = validateModelCatalog(models);
-				if (failure) {
-					setModelSaveError(t(failure));
-					return;
-				}
-				if (!await operations.storeModels(currentRegion, models)) setModelSaveError(t("saveFailed"));
-			};
 			const renderModelCatalogSection = () => {
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
 					className: QoderCredentialCard_module_css_default.customized,
@@ -950,29 +1057,23 @@ window.__ModuleLoader__.load({
 							className: QoderCredentialCard_module_css_default.modelSummaryBadge,
 							children: t("modelsEnabled", { count: currentModels.length })
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: QoderCredentialCard_module_css_default.customizedBody,
-						children: [modelSnapshot.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						children: modelSnapshot.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.hint,
 							children: t("modelsLoading")
 						}) : modelSnapshot.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: QoderCredentialCard_module_css_default.error,
 							children: t("modelsUnavailable")
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QoderModelCatalog, {
+							region: currentRegion,
 							operations,
 							models: currentModels,
 							disabled: !canModifyModels,
 							fetchDisabled: !configured,
 							hideTitle: true,
-							t,
-							onChange: (models) => {
-								handleModelsChange(models);
-							}
-						}), modelSaveError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: QoderCredentialCard_module_css_default.error,
-							role: "alert",
-							children: modelSaveError
-						}) : null]
+							t
+						})
 					})]
 				});
 			};
@@ -998,10 +1099,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/QoderCredentialCard.tsx
-		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);
@@ -1240,39 +1337,105 @@ window.__ModuleLoader__.load({
 				"qoder-subscription"
 			].includes(provider ?? "");
 		}
-		function modelsOf(section, region, _legacyRegion) {
-			const scoped = section?.modelsByRegion?.[region];
-			if (scoped !== void 0) return scoped;
-			return defaultModels.map((model) => ({ ...model }));
-		}
-		function historicalContextWindow(current, lastUsed, contextWindow) {
-			return current.provider === lastUsed?.provider && current.model === lastUsed?.model ? contextWindow : void 0;
-		}
-		/** A failed session write must not change defaults; a failed default write is a partial success. */
-		async function saveContextSelection(operations, sessionId, region, modelId, tierKey, legacyRegion) {
-			try {
-				if (!await operations.setSessionTier?.(sessionId, modelId, tierKey, region)) return "session-failed";
-			} catch {
-				return "session-failed";
+		//#endregion
+		//#region src/client/session-tier-state.ts
+		/** A mounted view of the host's accepted selection; it owns no manual tier map. */
+		var SessionTierState = class {
+			snapshot = {
+				loading: true,
+				saving: false,
+				error: false
+			};
+			listeners = /* @__PURE__ */ new Set();
+			generation = 0;
+			active = false;
+			lifetime = 0;
+			unsubscribe;
+			scope;
+			operations;
+			constructor(scope, operations) {
+				this.scope = scope;
+				this.operations = operations;
 			}
-			try {
-				const models = modelsOf(operations.getModelSnapshot().value, region, legacyRegion);
-				const model = models.find((candidate) => candidate.id === modelId);
-				const tier = model && contextTiersOf(model).find((candidate) => candidate.key === tierKey);
-				if (!tier) return "default-failed";
-				const updated = models.map((candidate) => candidate.id === modelId ? {
-					...candidate,
-					contextTier: tierKey,
-					contextWindow: tier.tokenCount
-				} : candidate);
-				return await operations.storeModels(region, updated) ? "saved" : "default-failed";
-			} catch {
-				return "default-failed";
+			getSnapshot = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			publish(value) {
+				this.snapshot = {
+					...this.snapshot,
+					...value
+				};
+				for (const listener of this.listeners) listener();
 			}
-		}
+			activate() {
+				this.active = true;
+				this.lifetime++;
+				this.publish({ saving: false });
+				this.unsubscribe = this.operations.subscribeSessionTiers?.(this.scope, () => {
+					this.refresh();
+				});
+				this.refresh();
+			}
+			dispose() {
+				this.active = false;
+				this.generation++;
+				this.unsubscribe?.();
+				this.unsubscribe = void 0;
+			}
+			matches(value) {
+				return !!value && value.region === this.scope.region && value.sessionId === this.scope.sessionId && value.modelId === this.scope.modelId;
+			}
+			async refresh() {
+				if (!this.active) return;
+				const generation = ++this.generation;
+				this.publish({ loading: true });
+				try {
+					const selection = await this.operations.readSessionTier?.(this.scope);
+					if (this.active && generation === this.generation) this.publish(this.matches(selection) ? {
+						selection,
+						loading: false,
+						error: false
+					} : {
+						loading: false,
+						error: true
+					});
+				} catch {
+					if (this.active && generation === this.generation) this.publish({
+						loading: false,
+						error: true
+					});
+				}
+			}
+			async select(tierKey) {
+				if (!this.active || this.snapshot.loading || this.snapshot.saving || !this.snapshot.selection) return;
+				if (tierKey === this.snapshot.selection.tierKey && !this.snapshot.error) return;
+				const generation = ++this.generation;
+				const lifetime = this.lifetime;
+				this.publish({
+					saving: true,
+					error: false
+				});
+				try {
+					const { sessionId, modelId, region } = this.scope;
+					const selection = await this.operations.setSessionTier?.(sessionId, modelId, tierKey, region);
+					if (this.active && generation === this.generation) this.publish(this.matches(selection) ? {
+						selection,
+						error: false
+					} : { error: true });
+				} catch {
+					if (this.active && generation === this.generation) this.publish({ error: true });
+				} finally {
+					if (this.active && lifetime === this.lifetime) this.publish({ saving: false });
+				}
+			}
+		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-provider-qoder/dsh-provider-qoder/src/client/QoderContextSelect.module.css.mjs
-		const css = ".hiDrJa_root{align-items:center;display:inline-flex;position:relative}.hiDrJa_trigger{height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;user-select:none;background:0 0;border:none;border-radius:24px;outline:none;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;transition:background .12s,color .12s;display:flex}.hiDrJa_trigger:hover,.hiDrJa_triggerActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.hiDrJa_trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.hiDrJa_icon{color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;display:inline-flex}.hiDrJa_label{white-space:nowrap}.hiDrJa_chevron{color:var(--dsw-alias-label-caption);align-items:center;transition:transform .12s;display:inline-flex}.hiDrJa_chevronOpen{transform:rotate(180deg)}.hiDrJa_menu{z-index:1100;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);min-width:180px;box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;padding:4px;animation:.12s hiDrJa_fadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}@keyframes hiDrJa_fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hiDrJa_menuHeader{text-transform:uppercase;letter-spacing:.5px;color:var(--dsw-alias-label-tertiary);border-bottom:1px solid var(--dsw-alias-border-l1);margin-bottom:4px;padding:6px 10px 4px;font-size:11px;font-weight:600}.hiDrJa_option{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;line-height:20px;transition:background .1s;display:flex}.hiDrJa_option:hover{background:var(--dsw-alias-interactive-bg-hover)}.hiDrJa_optionSelected{color:var(--dsw-alias-state-brand);font-weight:600}.hiDrJa_optionInfo{align-items:center;gap:6px;display:flex}.hiDrJa_tag{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-caption);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:500}.hiDrJa_check{color:var(--dsw-alias-state-brand);align-items:center;font-size:12px;display:inline-flex}.hiDrJa_error{color:var(--dsw-alias-label-primary);max-width:240px;font-size:12px}";
+		const css = ".hiDrJa_root{align-items:center;display:inline-flex;position:relative}.hiDrJa_trigger{height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;user-select:none;background:0 0;border:none;border-radius:24px;outline:none;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;transition:background .12s,color .12s;display:flex}.hiDrJa_trigger:hover,.hiDrJa_triggerActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.hiDrJa_trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.hiDrJa_icon{color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;display:inline-flex}.hiDrJa_label{white-space:nowrap}.hiDrJa_chevron{color:var(--dsw-alias-label-caption);align-items:center;transition:transform .12s;display:inline-flex}.hiDrJa_chevronOpen{transform:rotate(180deg)}.hiDrJa_menu{z-index:1100;background:var(--dsw-menu-surface-fill);min-width:180px;backdrop-filter:var(--dsw-menu-backdrop-filter);border:1px solid var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;padding:4px;animation:.12s hiDrJa_fadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}@keyframes hiDrJa_fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hiDrJa_menuHeader{text-transform:uppercase;letter-spacing:.5px;color:var(--dsw-alias-label-tertiary);border-bottom:1px solid var(--dsw-alias-border-l1);margin-bottom:4px;padding:6px 10px 4px;font-size:11px;font-weight:600}.hiDrJa_option{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;line-height:20px;transition:background .1s;display:flex}.hiDrJa_option:hover{background:var(--dsw-alias-interactive-bg-hover)}.hiDrJa_optionSelected{color:var(--dsw-alias-state-brand);font-weight:600}.hiDrJa_optionInfo{align-items:center;gap:6px;display:flex}.hiDrJa_tag{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-caption);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:500}.hiDrJa_check{color:var(--dsw-alias-state-brand);align-items:center;font-size:12px;display:inline-flex}.hiDrJa_error{color:var(--dsw-alias-label-primary);max-width:240px;font-size:12px}";
 		const tagId = "dsh-provider-qoder/QoderContextSelect.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1302,31 +1465,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/QoderContextSelect.tsx
 		function QoderContextSelect(props) {
-			const { directory, operations, t, sessionId, useProjection } = props;
-			const [open, setOpen] = (0, react.useState)(false);
-			const [manualTiers, setManualTiers] = (0, react.useState)({});
-			const [pending, setPending] = (0, react.useState)(false);
-			const [error, setError] = (0, react.useState)(null);
-			const saving = (0, react.useRef)(false);
-			const legacyRegion = (0, react.useRef)(void 0);
-			const rootRef = (0, react.useRef)(null);
+			const { directory, operations, sessionId, useProjection } = props;
 			const directoryState = (0, react.useSyncExternalStore)((fn) => directory ? directory.subscribe(fn) : () => () => {}, () => directory ? directory.getSnapshot() : null);
 			const modelSnapshot = (0, react.useSyncExternalStore)((fn) => operations ? operations.subscribeModels(fn) : () => () => {}, () => operations ? operations.getModelSnapshot() : null);
-			(0, react.useEffect)(() => {
-				if (!open) return;
-				const handleClickOutside = (e) => {
-					if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
-				};
-				const handleKeyDown = (e) => {
-					if (e.key === "Escape") setOpen(false);
-				};
-				document.addEventListener("mousedown", handleClickOutside);
-				document.addEventListener("keydown", handleKeyDown);
-				return () => {
-					document.removeEventListener("mousedown", handleClickOutside);
-					document.removeEventListener("keydown", handleKeyDown);
-				};
-			}, [open]);
 			const modelProj = useProjection ? useProjection("modelSelection") : void 0;
 			const pressure = useProjection ? useProjection("contextPressure") : void 0;
 			if (!operations) return null;
@@ -1336,45 +1477,77 @@ window.__ModuleLoader__.load({
 				model: projectedCurrent.model
 			} : null);
 			if (!current) return null;
-			const region = modelSnapshot?.value?.region === "china" ? "china" : "global";
-			if (legacyRegion.current === void 0 && modelSnapshot?.value) legacyRegion.current = region;
-			const models = modelsOf(modelSnapshot?.value, region, legacyRegion.current ?? region);
+			const region = regionOf(modelSnapshot?.value);
+			const models = modelsOf(modelSnapshot?.value, region);
 			const currentModelId = current.model.includes("/") ? current.model.split("/")[1] : current.model;
 			const currentProviderId = current.provider ?? (current.model.includes("/") ? current.model.split("/")[0] : void 0);
 			const activeModel = models.find((m) => m.id === currentModelId || m.id === current.model);
 			if (!isQoderProvider(currentProviderId) || !activeModel) return null;
-			const tiers = contextTiersOf(activeModel);
-			if (tiers.length <= 1) return null;
-			const sessionKey = sessionId ? JSON.stringify([
+			if (contextTiersOf(activeModel).length <= 1) return null;
+			if (!sessionId) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionContextSelect, {
+				...props,
+				sessionId,
+				operations,
+				region,
+				activeModel,
+				historicalWindow: pressure?.contextWindow,
+				lastUsed: modelProj?.lastUsed
+			}, JSON.stringify([
 				region,
 				sessionId,
 				activeModel.id
-			]) : void 0;
-			const historicalWindow = operations.canRestoreContextHistory?.() === false ? void 0 : historicalContextWindow(current, modelProj?.lastUsed, pressure?.contextWindow);
-			const currentTier = resolveContextTier(activeModel, sessionKey ? manualTiers[sessionKey] : void 0, historicalWindow);
-			if (!currentTier) return null;
-			const selectedTierKey = currentTier.key;
-			const selectTier = async (tierKey) => {
+			]));
+		}
+		function SessionContextSelect({ operations, sessionId, region, activeModel, t, historicalWindow, lastUsed }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
+			const state = (0, react.useMemo)(() => new SessionTierState({
+				region,
+				sessionId,
+				modelId: activeModel.id
+			}, operations), [
+				region,
+				sessionId,
+				activeModel.id,
+				operations
+			]);
+			const snapshot = (0, react.useSyncExternalStore)(state.subscribe, state.getSnapshot);
+			(0, react.useLayoutEffect)(() => {
+				state.activate();
+				return () => state.dispose();
+			}, [state]);
+			(0, react.useEffect)(() => {
+				state.refresh();
+			}, [
+				state,
+				JSON.stringify(activeModel),
+				historicalWindow,
+				lastUsed?.provider,
+				lastUsed?.model
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const handleClickOutside = (e) => {
+					if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+				};
+				const handleKeyDown = (e) => {
+					if (e.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("mousedown", handleClickOutside);
+				document.addEventListener("keydown", handleKeyDown);
+				return () => {
+					document.removeEventListener("mousedown", handleClickOutside);
+					document.removeEventListener("keydown", handleKeyDown);
+				};
+			}, [open]);
+			const tiers = contextTiersOf(activeModel);
+			const currentTier = snapshot.selection;
+			const selectedTierKey = currentTier?.tierKey;
+			const pending = snapshot.loading || snapshot.saving;
+			const selectTier = (tierKey) => {
 				setOpen(false);
-				if (!sessionId || !sessionKey || saving.current) return;
-				if (tierKey === selectedTierKey && error?.key !== sessionKey) return;
-				saving.current = true;
-				setPending(true);
-				setError(null);
-				try {
-					const result = await saveContextSelection(operations, sessionId, region, activeModel.id, tierKey, legacyRegion.current ?? region);
-					if (result !== "session-failed") setManualTiers((prev) => ({
-						...prev,
-						[sessionKey]: tierKey
-					}));
-					if (result !== "saved") setError({
-						key: sessionKey,
-						message: result === "session-failed" ? "contextSelectFailed" : "contextDefaultFailed"
-					});
-				} finally {
-					saving.current = false;
-					setPending(false);
-				}
+				state.select(tierKey);
 			};
 			const defaultSuffix = t ? t("contextTierDefaultSuffix").replace(/[（）()]/g, "") : "默认";
 			const selectTitle = t ? t("contextSelectTitle") : "选择上下文大小";
@@ -1386,10 +1559,10 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						className: `${QoderContextSelect_module_css_default.trigger} ${open ? QoderContextSelect_module_css_default.triggerActive : ""}`,
-						disabled: pending || !sessionId,
+						disabled: pending || !currentTier,
 						"aria-expanded": open,
 						"aria-label": selectTitle,
-						title: `${selectTitle}: ${formatContextTokens(currentTier.tokenCount)}`,
+						title: `${selectTitle}: ${currentTier ? formatContextTokens(currentTier.tokenCount) : "…"}`,
 						onClick: () => setOpen((prev) => !prev),
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1404,7 +1577,7 @@ window.__ModuleLoader__.load({
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: QoderContextSelect_module_css_default.label,
-								children: formatContextTokens(currentTier.tokenCount)
+								children: currentTier ? formatContextTokens(currentTier.tokenCount) : "…"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: `${QoderContextSelect_module_css_default.chevron} ${open ? QoderContextSelect_module_css_default.chevronOpen : ""}`,
@@ -1422,10 +1595,21 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					error && error.key === sessionKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					snapshot.error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						role: "alert",
 						className: QoderContextSelect_module_css_default.error,
-						children: t ? t(error.message) : error.message
+						children: [
+							t ? t("contextSelectFailed") : "contextSelectFailed",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								disabled: pending,
+								onClick: () => {
+									state.refresh();
+								},
+								children: t ? t("refresh") : "refresh"
+							})
+						]
 					}),
 					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: QoderContextSelect_module_css_default.menu,
@@ -1439,6 +1623,7 @@ window.__ModuleLoader__.load({
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								role: "menuitemradio",
+								disabled: pending,
 								"aria-checked": isSelected,
 								className: `${QoderContextSelect_module_css_default.option} ${isSelected ? QoderContextSelect_module_css_default.optionSelected : ""}`,
 								onClick: () => {
@@ -1494,6 +1679,97 @@ window.__ModuleLoader__.load({
 			return typeof value === "string" && qoderRpcErrorCodes.includes(value);
 		}
 		//#endregion
+		//#region src/client/session-tier-events.ts
+		/** One authenticated host change stream shared by the mounted composer controls. */
+		function createSessionTierEvents(send = (...args) => globalThis.fetch(...args)) {
+			const listeners = /* @__PURE__ */ new Set();
+			let active;
+			let disposed = false;
+			const notify = (scope) => {
+				for (const entry of listeners) if (!scope || entry.scope.region === scope.region && entry.scope.sessionId === scope.sessionId && entry.scope.modelId === scope.modelId) try {
+					entry.listener();
+				} catch {}
+			};
+			const start = () => {
+				if (active || disposed || !listeners.size) return;
+				const controller = new AbortController();
+				active = controller;
+				follow(controller).finally(() => {
+					if (active === controller) active = void 0;
+				});
+			};
+			async function follow(controller) {
+				let delay = 1e3;
+				while (!controller.signal.aborted) {
+					try {
+						const response = await send(qoderRpcPath("sessionTierEvents"), {
+							method: "POST",
+							credentials: "include",
+							signal: controller.signal,
+							headers: { "content-type": "application/json" },
+							body: "{}"
+						});
+						if (!response.ok || !response.body) throw new Error("Context tier stream unavailable");
+						const reader = response.body.getReader();
+						const decoder = new TextDecoder();
+						let buffered = "";
+						try {
+							while (!controller.signal.aborted) {
+								const { value, done } = await reader.read();
+								if (done) break;
+								buffered += decoder.decode(value, { stream: true });
+								let newline;
+								while ((newline = buffered.indexOf("\n")) >= 0) {
+									const item = JSON.parse(buffered.slice(0, newline));
+									buffered = buffered.slice(newline + 1);
+									delay = 1e3;
+									if (item.ready === true) notify();
+									else if ((item.region === "global" || item.region === "china") && typeof item.sessionId === "string" && typeof item.modelId === "string") notify(item);
+								}
+							}
+						} finally {
+							await reader.cancel().catch(() => {});
+							reader.releaseLock();
+						}
+					} catch {}
+					if (controller.signal.aborted) break;
+					await new Promise((resolve) => {
+						const finish = () => {
+							clearTimeout(timer);
+							controller.signal.removeEventListener("abort", finish);
+							resolve();
+						};
+						const timer = setTimeout(finish, delay);
+						controller.signal.addEventListener("abort", finish, { once: true });
+					});
+					delay = Math.min(delay * 2, 3e4);
+				}
+			}
+			return {
+				subscribe(scope, listener) {
+					const entry = {
+						scope,
+						listener
+					};
+					listeners.add(entry);
+					start();
+					return () => {
+						listeners.delete(entry);
+						if (!listeners.size) {
+							active?.abort();
+							active = void 0;
+						}
+					};
+				},
+				dispose() {
+					disposed = true;
+					listeners.clear();
+					active?.abort();
+					active = void 0;
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/rpc-client.ts
 		/**
 		* Browser caller for the Qoder settings RPC.
@@ -1589,21 +1865,9 @@ window.__ModuleLoader__.load({
 			}), "provider-qoder: credential copy");
 			const credentials = ctx.remote.credentials;
 			const rpc = createQoderRpcCaller();
-			let historyRegion;
-			let historyRegionChanged = false;
-			const readModelSnapshot = () => {
-				const snapshot = modelScope.getSnapshot();
-				if (snapshot.value) {
-					const region = snapshot.value.region ?? "global";
-					if (historyRegion !== void 0 && historyRegion !== region) historyRegionChanged = true;
-					historyRegion = region;
-				}
-				return snapshot;
-			};
-			readModelSnapshot();
-			ctx.effect(() => modelScope.subscribe(() => {
-				readModelSnapshot();
-			}), "provider-qoder: context history region");
+			const tierEvents = createSessionTierEvents();
+			ctx.effect(() => () => tierEvents.dispose(), "provider-qoder: session context tier events");
+			const readModelSnapshot = () => modelScope.getSnapshot();
 			const operations = {
 				describe: async () => {
 					try {
@@ -1629,19 +1893,15 @@ window.__ModuleLoader__.load({
 				},
 				getAccount: async (force) => await rpc.call("account", { force }),
 				getModelSnapshot: readModelSnapshot,
-				canRestoreContextHistory: () => !historyRegionChanged,
 				subscribeModels: (listener) => modelScope.subscribe(listener),
 				storeModels: async (region, models) => {
 					try {
-						const current = modelScope.getSnapshot().value;
-						const clonedModels = models.map((m) => ({
-							...m,
-							...m.contextOptions !== void 0 ? { contextOptions: { ...m.contextOptions } } : {}
-						}));
-						return await modelScope.set("modelsByRegion", {
-							...current?.modelsByRegion,
-							[region]: clonedModels
-						}) !== false;
+						const clonedModels = JSON.parse(JSON.stringify(models));
+						return await modelScope.mutate([{
+							op: "set",
+							path: ["modelsByRegion", region],
+							value: clonedModels
+						}]) !== false;
 					} catch {
 						return false;
 					}
@@ -1663,16 +1923,22 @@ window.__ModuleLoader__.load({
 				discoverModels: async () => await rpc.call("models", {}),
 				setSessionTier: async (sessionId, modelId, tierKey, region) => {
 					try {
-						return (await rpc.call("sessionTier", {
+						const res = await rpc.call("sessionTier", {
 							sessionId,
 							modelId,
 							tierKey,
 							region
-						})).ok;
+						});
+						return res.ok ? res.value : void 0;
 					} catch {
-						return false;
+						return;
 					}
 				},
+				readSessionTier: async (scope) => {
+					const result = await rpc.call("readSessionTier", scope);
+					return result.ok ? result.value : void 0;
+				},
+				subscribeSessionTiers: (scope, listener) => tierEvents.subscribe(scope, listener),
 				subscribe: (listener) => ctx.remote.$on("credentials/reference-updated", (ref) => {
 					if (ref === "QODER_MANAGED_CREDENTIAL") listener();
 				})
@@ -1709,25 +1975,31 @@ window.__ModuleLoader__.load({
 					activeLocale
 				})
 			}, QoderCredentialCard));
-			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
-				name: "conversation.input.right",
-				id: "qoder-context-select",
-				order: 10,
-				inject: (sessionId) => {
-					let directory = void 0;
-					try {
-						const modelDirectories = ctx.get("modelDirectories");
-						directory = sessionId && modelDirectories ? modelDirectories.directoryFor(sessionId)?.store : void 0;
-					} catch {}
-					return {
-						sessionId,
-						directory,
-						operations,
-						t,
-						activeLocale
-					};
-				}
-			}, QoderContextSelect));
+			ctx.inject([
+				"modelDirectories",
+				"sessions",
+				"remote.session"
+			], (scope) => {
+				scope.slots.inject("conversation.input.right", () => scope.slots.register({
+					name: "conversation.input.right",
+					id: "qoder-context-select",
+					order: 10,
+					inject: (sessionId) => {
+						let directory = void 0;
+						try {
+							const modelDirectories = scope.get("modelDirectories");
+							directory = sessionId && modelDirectories ? modelDirectories.directoryFor(sessionId)?.store : void 0;
+						} catch {}
+						return {
+							sessionId,
+							directory,
+							operations,
+							t,
+							activeLocale
+						};
+					}
+				}, QoderContextSelect));
+			});
 		}
 		//#endregion
 		exports.apply = apply;