dsh-opendesign-corouter 0.1.2 → 0.1.3

package/lib/client.d.ts

@@ -145,8 +145,9 @@ export interface OverviewProps {
     onRefresh: () => void;
     nextAutoRefreshAt?: string | undefined;
     refreshIntervalSeconds?: number | undefined;
+    onConnection?: (() => void) | undefined;
 }
-export declare function Overview({ status, busy, onRefresh, nextAutoRefreshAt, refreshIntervalSeconds }: OverviewProps): React.FunctionComponentElement<{
+export declare function Overview({ status, busy, onRefresh, nextAutoRefreshAt, refreshIntervalSeconds, onConnection }: OverviewProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }>;
 export interface ModelRowProps {
@@ -165,7 +166,7 @@ export interface ModelsProps {
     status: Status | undefined;
     formSnapshot: FormSnapshot;
     setFormField: (field: string, value: unknown) => Promise<boolean>;
-    pendingField: string | null;
+    pendingField: readonly string[];
     onRefreshModels: () => void;
     refreshingModels: boolean;
     notice: Notice | null;
@@ -177,7 +178,7 @@ export interface AdvancedProps {
     status: Status | undefined;
     formSnapshot: FormSnapshot;
     setFormField: (field: string, value: unknown) => Promise<boolean>;
-    pendingField: string | null;
+    pendingField: readonly string[];
 }
 export declare function Advanced({ status, formSnapshot, setFormField, pendingField }: AdvancedProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;

package/lib/client.js

@@ -19942,56 +19942,45 @@ var API_PROTOCOL_OPTIONS = [
 ];
 
 // src/model-settings.ts
-var MAX_ENTRIES = 512;
-var MAX_MODEL_ID_LENGTH = 128;
-var MODEL_ID = /^[A-Za-z0-9._:/-]{1,128}$/u;
-var MAX_TEMPERATURE = 2;
-var MAX_TOP_P = 1;
-var MAX_TOKENS = 1e7;
-var MAX_CONTEXT_WINDOW = 1e8;
-var REASONING_EFFORTS = ["none", "minimal", "low", "medium", "high", "xhigh", "ultra", "max"];
-var RESERVED_KEYS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-var SETTINGS_FIELDS = /* @__PURE__ */ new Set(["enabled", "temperature", "topP", "maxTokens", "contextWindow", "reasoningEffort"]);
-function flag(value) {
-  if (typeof value !== "boolean") throw new Error("\u6A21\u578B\u8BBE\u7F6E\u7684 enabled \u5FC5\u987B\u662F\u5E03\u5C14\u503C");
-  return value;
-}
-function bounded(value, max, label) {
-  if (typeof value !== "number" || !Number.isFinite(value) || value < 0 || value > max) throw new Error(`\u6A21\u578B\u8BBE\u7F6E\u7684 ${label} \u5FC5\u987B\u662F 0 \u5230 ${max} \u4E4B\u95F4\u7684\u6709\u9650\u6570\u5B57`);
-  return value;
-}
-function capacity(value, max, label) {
-  if (typeof value !== "number" || !Number.isSafeInteger(value) || value < 1 || value > max) throw new Error(`\u6A21\u578B\u8BBE\u7F6E\u7684 ${label} \u5FC5\u987B\u662F 1 \u5230 ${max} \u4E4B\u95F4\u7684\u6574\u6570`);
-  return value;
-}
-function effort(value) {
-  const hit = REASONING_EFFORTS.find((candidate) => candidate === value);
-  if (hit === void 0) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u7684 reasoningEffort \u4E0D\u5728\u5141\u8BB8\u7684\u53D6\u503C\u5185");
-  return hit;
-}
-function settingsOf(value) {
-  if (!record2(value)) throw new Error("\u6BCF\u4E2A\u6A21\u578B\u7684\u8BBE\u7F6E\u5FC5\u987B\u662F\u5BF9\u8C61");
-  for (const field of Object.keys(value)) {
-    if (!SETTINGS_FIELDS.has(field)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u542B\u6709\u4E0D\u652F\u6301\u7684\u5B57\u6BB5");
-  }
-  const out = {};
-  if (value.enabled !== void 0) out.enabled = flag(value.enabled);
-  if (value.temperature !== void 0) out.temperature = bounded(value.temperature, MAX_TEMPERATURE, "temperature");
-  if (value.topP !== void 0) out.topP = bounded(value.topP, MAX_TOP_P, "topP");
-  if (value.maxTokens !== void 0) out.maxTokens = capacity(value.maxTokens, MAX_TOKENS, "maxTokens");
-  if (value.contextWindow !== void 0) out.contextWindow = capacity(value.contextWindow, MAX_CONTEXT_WINDOW, "contextWindow");
-  if (value.reasoningEffort !== void 0) out.reasoningEffort = effort(value.reasoningEffort);
-  return out;
-}
 function parseModelSettingsMap(value) {
-  if (!record2(value)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u5FC5\u987B\u662F\u5BF9\u8C61");
+  if (value === null || typeof value !== "object" || Array.isArray(value)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u5FC5\u987B\u662F\u5BF9\u8C61");
   const keys = Object.keys(value);
-  if (keys.length > MAX_ENTRIES) throw new Error(`\u6A21\u578B\u8BBE\u7F6E\u6700\u591A\u5141\u8BB8 ${MAX_ENTRIES} \u4E2A\u6A21\u578B`);
+  if (keys.length > 512) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u6700\u591A\u5141\u8BB8 512 \u4E2A\u6A21\u578B");
+  const fields = /* @__PURE__ */ new Set(["enabled", "temperature", "topP", "maxTokens", "contextWindow", "reasoningEffort"]);
+  const efforts = ["none", "minimal", "low", "medium", "high", "xhigh", "ultra", "max"];
   const out = {};
   for (const id of keys) {
-    if (RESERVED_KEYS.has(id)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u4E0D\u5141\u8BB8\u4FDD\u7559\u5B57\u6BB5\u540D");
-    if (!MODEL_ID.test(id)) throw new Error(`\u6A21\u578B ID \u5FC5\u987B\u662F 1\u2013${MAX_MODEL_ID_LENGTH} \u4F4D\u5B57\u6BCD\u3001\u6570\u5B57\u6216 . _ : / -`);
-    out[id] = settingsOf(value[id]);
+    if (["__proto__", "constructor", "prototype"].includes(id)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u4E0D\u5141\u8BB8\u4FDD\u7559\u5B57\u6BB5\u540D");
+    if (!/^[A-Za-z0-9._:/-]{1,128}$/u.test(id)) throw new Error("\u6A21\u578B ID \u5FC5\u987B\u662F 1\u2013128 \u4F4D\u5B57\u6BCD\u3001\u6570\u5B57\u6216 . _ : / -");
+    const entry = value[id];
+    if (entry === null || typeof entry !== "object" || Array.isArray(entry)) throw new Error("\u6BCF\u4E2A\u6A21\u578B\u7684\u8BBE\u7F6E\u5FC5\u987B\u662F\u5BF9\u8C61");
+    const settings = entry;
+    for (const field of Object.keys(settings)) {
+      if (!fields.has(field)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u542B\u6709\u4E0D\u652F\u6301\u7684\u5B57\u6BB5");
+    }
+    const parsed = {};
+    if (settings.enabled !== void 0) {
+      if (typeof settings.enabled !== "boolean") throw new Error("\u6A21\u578B\u8BBE\u7F6E\u7684 enabled \u5FC5\u987B\u662F\u5E03\u5C14\u503C");
+      parsed.enabled = settings.enabled;
+    }
+    for (const [field, max] of [["temperature", 2], ["topP", 1]]) {
+      const item = settings[field];
+      if (item === void 0) continue;
+      if (typeof item !== "number" || !Number.isFinite(item) || item < 0 || item > max) throw new Error(`\u6A21\u578B\u8BBE\u7F6E\u7684 ${field} \u5FC5\u987B\u662F 0 \u5230 ${max} \u4E4B\u95F4\u7684\u6709\u9650\u6570\u5B57`);
+      parsed[field] = item;
+    }
+    for (const [field, max] of [["maxTokens", 1e7], ["contextWindow", 1e8]]) {
+      const item = settings[field];
+      if (item === void 0) continue;
+      if (typeof item !== "number" || !Number.isSafeInteger(item) || item < 1 || item > max) throw new Error(`\u6A21\u578B\u8BBE\u7F6E\u7684 ${field} \u5FC5\u987B\u662F 1 \u5230 ${max} \u4E4B\u95F4\u7684\u6574\u6570`);
+      parsed[field] = item;
+    }
+    if (settings.reasoningEffort !== void 0) {
+      if (typeof settings.reasoningEffort !== "string" || !efforts.includes(settings.reasoningEffort)) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u7684 reasoningEffort \u4E0D\u5728\u5141\u8BB8\u7684\u53D6\u503C\u5185");
+      parsed.reasoningEffort = settings.reasoningEffort;
+    }
+    if (parsed.maxTokens !== void 0 && parsed.contextWindow !== void 0 && parsed.maxTokens >= parsed.contextWindow) throw new Error("\u6A21\u578B\u8BBE\u7F6E\u7684 maxTokens \u5FC5\u987B\u5C0F\u4E8E contextWindow");
+    out[id] = parsed;
   }
   return out;
 }
@@ -20009,7 +19998,7 @@ var MAX_WINDOWS = 64;
 var MAX_API_KEY = 16384;
 var HTTP_ASCII = /^[\x21-\x7e]+$/u;
 var ENV_REF = /^[A-Za-z_][A-Za-z0-9_]*$/u;
-var MODEL_ID2 = /^[A-Za-z0-9._:/-]{1,128}$/u;
+var MODEL_ID = /^[A-Za-z0-9._:/-]{1,128}$/u;
 var LOGIN_PHASES = ["idle", "launching", "waiting", "verifying", "success", "cancelled", "error"];
 var QUOTA_STATES = ["ok", "partial", "need-login", "error"];
 var SESSION_SOURCES = ["desktop", "login", "environment"];
@@ -20023,7 +20012,7 @@ function isoTime(value, label) {
   if (!Number.isFinite(Date.parse(time3))) throw new Error(`${label} \u5FC5\u987B\u662F ISO \u65F6\u95F4\u5B57\u7B26\u4E32`);
   return time3;
 }
-function flag2(value, label) {
+function flag(value, label) {
   if (typeof value !== "boolean") throw new Error(`${label} \u5FC5\u987B\u662F\u5E03\u5C14\u503C`);
   return value;
 }
@@ -20079,11 +20068,11 @@ function parseQuotaSnapshot(value) {
     ...value.subscriptionPeriodStart === void 0 ? {} : { subscriptionPeriodStart: isoTime(value.subscriptionPeriodStart, "\u8BA2\u9605\u5468\u671F\u5F00\u59CB\u65F6\u95F4") },
     ...value.subscriptionPeriodEnd === void 0 ? {} : { subscriptionPeriodEnd: isoTime(value.subscriptionPeriodEnd, "\u8BA2\u9605\u5468\u671F\u7ED3\u675F\u65F6\u95F4") },
     ...value.nextRefreshAt === void 0 ? {} : { nextRefreshAt: isoTime(value.nextRefreshAt, "\u4E0B\u6B21\u81EA\u52A8\u5237\u65B0\u65F6\u95F4") },
-    ...value.stale === void 0 ? {} : { stale: flag2(value.stale, "\u5386\u53F2\u989D\u5EA6\u8BFB\u6570") },
+    ...value.stale === void 0 ? {} : { stale: flag(value.stale, "\u5386\u53F2\u989D\u5EA6\u8BFB\u6570") },
     ...value.refreshFailures === void 0 ? {} : { refreshFailures: count(value.refreshFailures, "\u8FDE\u7EED\u5237\u65B0\u5931\u8D25\u6B21\u6570") },
-    ...value.autoRefreshPaused === void 0 ? {} : { autoRefreshPaused: flag2(value.autoRefreshPaused, "\u81EA\u52A8\u5237\u65B0\u6682\u505C\u72B6\u6001") },
+    ...value.autoRefreshPaused === void 0 ? {} : { autoRefreshPaused: flag(value.autoRefreshPaused, "\u81EA\u52A8\u5237\u65B0\u6682\u505C\u72B6\u6001") },
     ...value.tier === void 0 ? {} : { tier: text(value.tier, "\u5957\u9910\u540D", MAX_TIER) },
-    ...value.eligible === void 0 ? {} : { eligible: flag2(value.eligible, "\u5957\u9910\u8D44\u683C") },
+    ...value.eligible === void 0 ? {} : { eligible: flag(value.eligible, "\u5957\u9910\u8D44\u683C") },
     windows: windows.map(parseQuotaWindow),
     balances: {
       ...balances.subscriptionUsd === void 0 ? {} : { subscriptionUsd: amount(balances.subscriptionUsd, "\u8BA2\u9605\u4F59\u989D") },
@@ -20108,12 +20097,12 @@ function parseLoginState(value) {
 function parseStatusModel(value) {
   if (!record2(value)) throw new Error("\u6A21\u578B\u6761\u76EE\u5FC5\u987B\u662F\u5BF9\u8C61");
   const id = text(value.id, "\u6A21\u578B id", 128);
-  if (!MODEL_ID2.test(id)) throw new Error("\u6A21\u578B id \u542B\u4E0D\u5141\u8BB8\u7684\u5B57\u7B26");
+  if (!MODEL_ID.test(id)) throw new Error("\u6A21\u578B id \u542B\u4E0D\u5141\u8BB8\u7684\u5B57\u7B26");
   return {
     id,
     name: text(value.name, "\u6A21\u578B\u540D", 128),
     group: member(value.group, MODEL_GROUPS, "\u6A21\u578B\u5206\u7EC4"),
-    ...value.enabled === void 0 ? {} : { enabled: flag2(value.enabled, "\u6A21\u578B\u542F\u7528\u72B6\u6001") },
+    ...value.enabled === void 0 ? {} : { enabled: flag(value.enabled, "\u6A21\u578B\u542F\u7528\u72B6\u6001") },
     ...value.contextWindow === void 0 ? {} : { contextWindow: positiveInteger(value.contextWindow, "\u4E0A\u4E0B\u6587\u9884\u7B97", 1e8) },
     ...value.maxOutputTokens === void 0 ? {} : { maxOutputTokens: positiveInteger(value.maxOutputTokens, "\u6700\u5927\u8F93\u51FA", 1e7) },
     ...value.reasoningEfforts === void 0 ? {} : { reasoningEfforts: parseEfforts(value.reasoningEfforts) }
@@ -20124,8 +20113,8 @@ function parseStatusConfig(value) {
   const apiKeyEnv = text(value.apiKeyEnv, "\u51ED\u636E\u5F15\u7528\u540D", MAX_ENV_REF);
   if (!ENV_REF.test(apiKeyEnv)) throw new Error("\u51ED\u636E\u5F15\u7528\u540D\u5FC5\u987B\u662F\u5408\u6CD5\u6807\u8BC6\u7B26");
   return {
-    emptyTurnGuard: flag2(value.emptyTurnGuard, "\u7A7A\u8F6E\u4FDD\u62A4\u5F00\u5173"),
-    useDesktopCredential: flag2(value.useDesktopCredential, "\u684C\u9762\u767B\u5F55\u6001\u5F00\u5173"),
+    emptyTurnGuard: flag(value.emptyTurnGuard, "\u7A7A\u8F6E\u4FDD\u62A4\u5F00\u5173"),
+    useDesktopCredential: flag(value.useDesktopCredential, "\u684C\u9762\u767B\u5F55\u6001\u5F00\u5173"),
     baseURL: text(value.baseURL, "\u63A8\u7406\u5730\u5740", MAX_BASE_URL),
     apiKeyEnv,
     ...value.apiProtocol === void 0 ? {} : { apiProtocol: member(value.apiProtocol, API_PROTOCOL_IDS, "\u63A8\u7406\u534F\u8BAE") },
@@ -20147,7 +20136,7 @@ function parseStatus(value) {
   }
   return {
     revision: text(value.revision, "\u914D\u7F6E\u7248\u672C", MAX_REVISION),
-    apiKeyConfigured: flag2(value.apiKeyConfigured, "\u51ED\u636E\u662F\u5426\u5C31\u7EEA"),
+    apiKeyConfigured: flag(value.apiKeyConfigured, "\u51ED\u636E\u662F\u5426\u5C31\u7EEA"),
     ...value.sessionSource === void 0 ? {} : { sessionSource: member(value.sessionSource, SESSION_SOURCES, "\u767B\u5F55\u6001\u6765\u6E90") },
     quota: parseQuotaSnapshot(value.quota),
     login: parseLoginState(value.login),
@@ -20215,7 +20204,7 @@ var DEFAULT_STREAM_IDLE_TIMEOUT_MS = 3e5;
 var MIN_STREAM_IDLE_TIMEOUT_MS = 1e3;
 var MAX_STREAM_IDLE_TIMEOUT_MS = 18e5;
 var MAX_OUTPUT_TOKENS = 1e7;
-var MAX_CONTEXT_WINDOW2 = 1e8;
+var MAX_CONTEXT_WINDOW = 1e8;
 var GENERIC_ERROR = "\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002";
 var LOGIN_LABELS = {
   idle: "\u5C1A\u672A\u5F00\u59CB\u72EC\u7ACB\u767B\u5F55",
@@ -20248,8 +20237,9 @@ function installStyles() {
 .odc-model-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.odc-model-list{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.odc-model-item{padding:9px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent);min-width:0}.odc-model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.odc-model-switch{min-width:0;flex:1 1 190px}.odc-model-item strong,.odc-model-item code{display:block;overflow-wrap:anywhere}.odc-model-item strong{font-size:12px;font-weight:600}.odc-model-item code{margin-top:2px;color:var(--dsw-alias-label-secondary,inherit);font-size:11px}.odc-model-meta{margin-top:6px!important;color:var(--dsw-alias-label-secondary,inherit);font-size:11px;overflow-wrap:anywhere}.odc-model-count{color:var(--dsw-alias-label-secondary,inherit);font-size:11px;font-weight:400}.odc-chip{display:inline-flex;align-items:center;padding:1px 7px;border:1px solid var(--dsw-alias-border-l3,transparent);border-radius:999px;color:var(--dsw-alias-label-secondary,inherit);font-size:10px;line-height:1.6}
 .odc-model-details{margin-top:8px}.odc-model-details>summary{cursor:pointer;color:var(--dsw-alias-label-secondary,inherit);font-size:11px;line-height:1.7}.odc-model-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin-top:8px}
 .odc-field{display:grid;gap:6px;margin-top:14px}.odc-field-compact{margin-top:8px}.odc-field label,.odc-switch-text{font-size:12px;font-weight:550}.odc-input{width:100%;min-width:0;min-height:34px;padding:7px 9px;border:1px solid var(--dsw-alias-border-l3,transparent);border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent);color:var(--dsw-alias-label-primary,inherit);font:inherit;font-size:12px}.odc-field-compact .odc-input{min-height:30px;padding:5px 8px;font-size:11px}.odc-input::placeholder{color:var(--dsw-alias-label-secondary,inherit);opacity:1}.odc-input:disabled{opacity:.55}
-.odc-switch{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.odc-switch input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:var(--dsw-alias-brand-primary,Highlight)}.odc-switch>span{display:grid;gap:4px;min-width:0}.odc-switch:has(input:disabled){cursor:not-allowed;opacity:.6}.odc-divider{height:1px;border:0;background:var(--dsw-alias-border-l4,transparent);margin:2px 0}.odc-link{color:var(--dsw-alias-brand-primary,inherit);text-underline-offset:3px}
+.odc-switch{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 2px;cursor:pointer}.odc-switch input{appearance:auto;width:20px;height:20px;flex:none;margin:0;cursor:inherit;accent-color:var(--dsw-alias-brand-primary,Highlight)}.odc-switch>span{display:grid;gap:4px;min-width:0}.odc-switch:has(input:disabled){cursor:not-allowed;opacity:.6}.odc-divider{height:1px;border:0;background:var(--dsw-alias-border-l4,transparent);margin:2px 0}.odc-link{color:var(--dsw-alias-brand-primary,inherit);text-underline-offset:3px}
 .odc-readonly{display:grid;gap:10px;margin-top:14px;padding:10px 12px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent)}.odc-code{display:block;min-width:0;color:var(--dsw-alias-label-primary,inherit);font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
+.odc-timing{padding:12px 0;border-top:1px solid var(--dsw-alias-border-l4,transparent)}.odc-timing .odc-metric{min-height:0}.odc-settings>.odc-notice{margin-bottom:14px}.odc-model-details>summary{min-height:32px;padding:6px 0}
 .odc-field-error{color:var(--dsw-alias-state-error-primary,inherit);color:color-mix(in srgb,var(--dsw-alias-state-error-primary,CanvasText) 85%,var(--dsw-alias-label-primary,CanvasText))}
 .odc-settings :focus-visible{outline:2px solid var(--dsw-alias-brand-primary,Highlight);outline-offset:3px}@media(max-width:680px){.odc-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.odc-model-groups{grid-template-columns:1fr}.odc-model-editor{grid-template-columns:1fr}}@media(max-width:380px){.odc-quota-grid{grid-template-columns:1fr}.odc-card{padding:12px}}
 `;
@@ -20391,12 +20381,12 @@ function QuotaView({ quota, nextAutoRefreshAt, refreshIntervalSeconds }) {
     {
       label: "\u8BA2\u9605\u8D26\u671F\u7ED3\u675F",
       value: formatTime(quota.subscriptionPeriodEnd),
-      hint: `\u8D26\u671F\u5F00\u59CB\uFF1A${formatTime(quota.subscriptionPeriodStart)} \xB7 \u672A\u77E5\u65F6\u95F4\u4E0D\u63A8\u65AD`
+      hint: `\u8D26\u671F\u5F00\u59CB\uFF1A${formatTime(quota.subscriptionPeriodStart)}`
     },
     {
       label: "\u4E0B\u6B21\u989D\u5EA6\u6062\u590D",
       value: formatTime(nextWindowResetAt(quota.windows, Date.now())),
-      hint: "\u53EA\u53D6\u7A97\u53E3 resetsAt \u4E2D\u6700\u65E9\u7684\u672A\u5230\u671F\u65F6\u95F4\uFF1B\u65E0\u7A97\u53E3\u6216\u672A\u77E5\u65F6\u4FDD\u6301 \u2014"
+      hint: "\u6700\u65E9\u6062\u590D\u7684\u8D60\u9001\u7A97\u53E3\uFF1B\u4E0D\u4EE3\u8868\u94B1\u5305\u5230\u8D26\u65F6\u95F4"
     },
     {
       label: "\u4E0B\u6B21\u81EA\u52A8\u5237\u65B0",
@@ -20455,15 +20445,20 @@ function QuotaView({ quota, nextAutoRefreshAt, refreshIntervalSeconds }) {
       h("strong", { className: "odc-metric-value" }, metric.value),
       h("span", { className: "odc-hint" }, metric.hint)
     ))),
-    h("div", { className: "odc-quota-grid" }, timing.map((metric) => h(
+    h("div", { className: "odc-quota-grid odc-timing", "aria-label": "\u989D\u5EA6\u65F6\u95F4\u5B89\u6392" }, timing.map((metric) => h(
       "div",
-      { className: "odc-card odc-metric", key: metric.label },
+      { className: "odc-metric", key: metric.label },
       h("span", { className: "odc-label" }, metric.label),
       h("strong", { className: "odc-metric-value odc-metric-text" }, metric.value),
       h("span", { className: "odc-hint" }, metric.hint)
     ))),
     h("p", { className: "odc-meta" }, `\u66F4\u65B0\u4E8E ${formatTime(quota.updatedAt)}${quota.source !== void 0 ? ` \xB7 \u6765\u6E90\uFF1A${SOURCE_LABELS[quota.source]}\uFF08\u53EA\u8BFB\u5C55\u793A\uFF09` : ""}`),
-    h("p", { className: "odc-hint" }, "\u989D\u5EA6\u6570\u636E\u53EA\u8BFB\u5C55\u793A\uFF0C\u4E0D\u5199\u5165\u8D26\u53F7\u6216\u684C\u9762\u51ED\u636E\uFF1B\u684C\u9762\u767B\u5F55\u6001\u4E0D\u53EF\u7528\u65F6\u4F1A\u81EA\u52A8\u56DE\u9000\u5230\u5DF2\u4FDD\u5B58\u4F1A\u8BDD\u3002"),
+    h(
+      "details",
+      { className: "odc-model-details" },
+      h("summary", null, "\u5982\u4F55\u7406\u89E3\u8FD9\u4E9B\u989D\u5EA6\uFF1F"),
+      h("p", { className: "odc-hint" }, "\u8D60\u9001\u7A97\u53E3\u4E0E\u94B1\u5305\u4F59\u989D\u5206\u522B\u8BA1\u91CF\u3002\u5957\u9910\u4F59\u989D\u6765\u81EA\u8BA2\u9605\uFF0C\u5145\u503C / \u8D60\u9001\u91D1\u989D\u6765\u81EA\u94B1\u5305\uFF1B\u603B\u989D\u5EA6\u662F\u94B1\u5305\u5F53\u524D\u53EF\u7528\u603B\u989D\u3002\u5B9E\u9645\u6263\u6B3E\u7531\u670D\u52A1\u7AEF\u51B3\u5B9A\u3002\u989D\u5EA6\u6570\u636E\u53EA\u8BFB\u5C55\u793A\uFF0C\u672A\u77E5\u91D1\u989D\u663E\u793A \u2014\u3002")
+    ),
     quota.note !== void 0 ? h("p", { className: "odc-notice", "data-kind": quota.state === "error" ? "error" : "status", role: quota.state === "error" ? "alert" : "status" }, quota.note) : null
   );
 }
@@ -20525,10 +20520,21 @@ function quotaAutoRefresh(secondsRaw, nextRefreshAt, now, backingOff = false) {
   const delayMs = Number.isFinite(planDelay) && planDelay > 0 ? backingOff ? plannedDelay : Math.min(intervalMs, plannedDelay) : intervalMs;
   return { delayMs, at: new Date(now + delayMs).toISOString(), intervalSeconds };
 }
-function Overview({ status, busy, onRefresh, nextAutoRefreshAt, refreshIntervalSeconds }) {
+function Overview({ status, busy, onRefresh, nextAutoRefreshAt, refreshIntervalSeconds, onConnection }) {
   return h(
     React.Fragment,
     null,
+    status !== void 0 && (status.apiKeyConfigured === false || status.quota.state === "need-login") ? h(
+      "section",
+      { className: "odc-card odc-row", "aria-label": "\u8FDE\u63A5\u5F85\u5B8C\u6210" },
+      h(
+        "div",
+        null,
+        h("h3", null, "\u5148\u5B8C\u6210\u8FDE\u63A5"),
+        h("p", { className: "odc-hint" }, status.apiKeyConfigured === false ? "\u63A8\u7406\u5C1A\u7F3A API Key\uFF1B\u989D\u5EA6\u767B\u5F55\u4E0E\u63A8\u7406\u51ED\u636E\u5206\u522B\u914D\u7F6E\u3002" : "API Key \u5DF2\u914D\u7F6E\uFF1B\u767B\u5F55\u540E\u5373\u53EF\u67E5\u770B\u8D26\u53F7\u989D\u5EA6\u3002")
+      ),
+      onConnection === void 0 ? null : h("button", { type: "button", className: "odc-button odc-button-primary", onClick: onConnection }, "\u524D\u5F80\u8FDE\u63A5\u4E0E\u767B\u5F55")
+    ) : null,
     h(
       "div",
       { className: "odc-card-head" },
@@ -20542,7 +20548,7 @@ var NUMERIC_FIELDS = {
   temperature: { label: "\u6E29\u5EA6", hint: "0\u20132\uFF1B\u7559\u7A7A\u7EE7\u627F\u9ED8\u8BA4\u3002", min: 0, max: 2 },
   topP: { label: "Top P", hint: "0\u20131\uFF1B\u7559\u7A7A\u7EE7\u627F\u9ED8\u8BA4\u3002", min: 0, max: 1 },
   maxTokens: { label: "\u6700\u5927\u8F93\u51FA\uFF08tokens\uFF09", hint: "\u6B63\u6574\u6570\uFF1B\u7559\u7A7A\u7EE7\u627F\u76EE\u5F55\u9ED8\u8BA4\u3002", min: 1, max: MAX_OUTPUT_TOKENS, integer: true },
-  contextWindow: { label: "\u4E0A\u4E0B\u6587\u9884\u7B97\uFF08tokens\uFF09", hint: "\u6B63\u6574\u6570\uFF1B\u7559\u7A7A\u7EE7\u627F\u76EE\u5F55\u9ED8\u8BA4\u3002", min: 1, max: MAX_CONTEXT_WINDOW2, integer: true }
+  contextWindow: { label: "\u4E0A\u4E0B\u6587\u9884\u7B97\uFF08tokens\uFF09", hint: "\u6B63\u6574\u6570\uFF1B\u7559\u7A7A\u7EE7\u627F\u76EE\u5F55\u9ED8\u8BA4\u3002", min: 1, max: MAX_CONTEXT_WINDOW, integer: true }
 };
 var NUMERIC_ORDER = ["temperature", "topP", "maxTokens", "contextWindow"];
 function OptionalNumberField({ id, field, value, disabled, resetToken, onSave }) {
@@ -20627,12 +20633,12 @@ function EffortField({ id, model, value, disabled, onChange }) {
         const next = event.target.value;
         void (async () => {
           const saved = await onChange(next);
-          if (mounted.current && !saved) setError("\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+          if (mounted.current) setError(saved ? void 0 : "\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
         })();
       }
     }, [
       h("option", { key: "", value: "" }, "\u7EE7\u627F\u9ED8\u8BA4"),
-      ...options.map((effort2) => h("option", { key: effort2, value: effort2 }, effort2))
+      ...options.map((effort) => h("option", { key: effort, value: effort }, effort))
     ]),
     h("small", {
       className: error62 === void 0 ? "odc-hint" : "odc-hint odc-field-error",
@@ -20650,13 +20656,19 @@ function ModelRow({ model, settings, authoritative, writable, pending, onCommit
   const hasOverrides = Object.keys(settings).length > 0;
   const commit = async (next) => {
     const saved = await onCommit(next);
-    if (mounted.current && !saved) setError("\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    if (mounted.current) setError(saved ? void 0 : "\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
     return saved;
   };
   const saveField = async (key, value) => {
     const next = { ...settings };
     if (value === void 0) delete next[key];
     else next[key] = value;
+    const output2 = next.maxTokens ?? model.maxOutputTokens;
+    const context = next.contextWindow ?? model.contextWindow;
+    if (output2 !== void 0 && context !== void 0 && output2 >= context) {
+      setError("\u6700\u5927\u8F93\u51FA\u5FC5\u987B\u5C0F\u4E8E\u4E0A\u4E0B\u6587\u9884\u7B97\uFF1B\u8BF7\u5148\u589E\u5927\u4E0A\u4E0B\u6587\u9884\u7B97\u6216\u51CF\u5C0F\u6700\u5927\u8F93\u51FA\u3002");
+      return false;
+    }
     setError(void 0);
     return commit(next);
   };
@@ -20698,11 +20710,12 @@ function ModelRow({ model, settings, authoritative, writable, pending, onCommit
         } }, "\u91CD\u7F6E")
       )
     ),
-    h("p", { className: "odc-model-meta" }, facts),
     h(
       "details",
       { className: "odc-model-details" },
-      h("summary", { "aria-label": `${model.name} \u53C2\u6570\u8BBE\u7F6E` }, "\u53C2\u6570\u8BBE\u7F6E"),
+      h("summary", { "aria-label": `${model.name} \u53C2\u6570\u8BBE\u7F6E` }, hasOverrides ? "\u53C2\u6570\u8BBE\u7F6E \xB7 \u5DF2\u81EA\u5B9A\u4E49" : "\u53C2\u6570\u8BBE\u7F6E \xB7 \u4F7F\u7528\u9ED8\u8BA4\u503C"),
+      h("p", { className: "odc-model-meta" }, facts),
+      h("p", { className: "odc-hint" }, "\u6570\u503C\u79BB\u5F00\u8F93\u5165\u6846\u540E\u4FDD\u5B58\uFF0C\u7559\u7A7A\u7EE7\u627F\u9ED8\u8BA4\u3002"),
       h(
         "div",
         { className: "odc-model-editor" },
@@ -20735,10 +20748,12 @@ function ModelRow({ model, settings, authoritative, writable, pending, onCommit
 }
 function ModelGroup({ title, group, models, settingsMap, authoritative, writable, pending, onCommit }) {
   const [query, setQuery] = React.useState("");
+  const [expanded, setExpanded] = React.useState(false);
   const id = React.useId();
   const normalized = query.trim().toLocaleLowerCase();
   const groupModels = models.filter((model) => model.group === group);
   const filtered = groupModels.filter((model) => normalized === "" || `${model.name} ${model.id}`.toLocaleLowerCase().includes(normalized));
+  const visible = normalized !== "" || expanded ? filtered : filtered.slice(0, 6);
   const enabledCount = groupModels.filter((model) => modelEnabled(model, settingsMap[model.id], authoritative)).length;
   return h(
     "section",
@@ -20755,10 +20770,10 @@ function ModelGroup({ title, group, models, settingsMap, authoritative, writable
       className: "odc-input",
       type: "search",
       value: query,
-      placeholder: "\u8F93\u5165\u6A21\u578B\u540D\u79F0\u6216 ID",
+      placeholder: "\u641C\u7D22\u5168\u90E8\u6A21\u578B\u7684\u540D\u79F0\u6216 ID",
       onChange: (event) => setQuery(event.target.value)
     }),
-    filtered.length === 0 ? h("p", { className: "odc-hint", role: "status" }, "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B\u3002") : h("ul", { className: "odc-model-list" }, filtered.map((model) => h(ModelRow, {
+    filtered.length === 0 ? h("p", { className: "odc-hint", role: "status" }, "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u578B\u3002") : h("ul", { id: `${id}-list`, className: "odc-model-list" }, visible.map((model) => h(ModelRow, {
       key: model.id,
       model,
       settings: modelSettingsEntry(settingsMap, model.id),
@@ -20766,15 +20781,23 @@ function ModelGroup({ title, group, models, settingsMap, authoritative, writable
       writable,
       pending,
       onCommit: (next) => onCommit(model.id, next)
-    })))
+    }))),
+    normalized === "" && filtered.length > 6 ? h("button", {
+      type: "button",
+      className: "odc-button",
+      style: { marginTop: 12 },
+      "aria-expanded": expanded,
+      "aria-controls": `${id}-list`,
+      onClick: () => setExpanded((value) => !value)
+    }, expanded ? "\u6536\u8D77\u6A21\u578B\u5217\u8868" : `\u663E\u793A\u5168\u90E8 ${filtered.length} \u4E2A\u6A21\u578B`) : null
   );
 }
 function Models({ status, formSnapshot, setFormField, pendingField, onRefreshModels, refreshingModels, notice }) {
   const formReady = formSnapshot.status === "ready" && formSnapshot.value !== void 0;
   const settingsMap = formReady ? formSnapshot.value?.modelSettings ?? {} : status?.config.modelSettings ?? {};
   const authoritative = formReady || status?.config.modelSettings !== void 0;
-  const writable = formSnapshot.writable;
-  const pending = pendingField === "modelSettings";
+  const writable = formSnapshot.status === "ready" && formSnapshot.value !== void 0 && formSnapshot.writable;
+  const pending = pendingField.includes("modelSettings");
   const latestSettings = React.useRef(settingsMap);
   React.useEffect(() => {
     latestSettings.current = settingsMap;
@@ -20886,7 +20909,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
   React.useEffect(() => {
     setApiKeyEnv(formSnapshot.value?.apiKeyEnv ?? status?.config.apiKeyEnv ?? "");
   }, [formSnapshot.value?.apiKeyEnv, status?.config.apiKeyEnv]);
-  const writable = formSnapshot.writable;
+  const writable = formSnapshot.status === "ready" && formSnapshot.value !== void 0 && formSnapshot.writable;
   const configuredProtocol = formSnapshot.value?.apiProtocol ?? status?.config.apiProtocol;
   const protocol = configuredProtocol !== void 0 && API_PROTOCOL_OPTIONS.some((option) => option.id === configuredProtocol) ? configuredProtocol : "chat-completions";
   const baseURL = formSnapshot.value?.baseURL ?? status?.config.baseURL ?? "";
@@ -20896,8 +20919,8 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
   const selected = API_PROTOCOL_OPTIONS.find((option) => option.id === protocol);
   const saveKeyRef = async () => {
     const value = apiKeyEnv.trim();
-    if (value === "") {
-      setKeyNotice({ kind: "error", text: "\u914D\u7F6E\u503C\u4E0D\u80FD\u4E3A\u7A7A\u3002" });
+    if (!/^[A-Za-z_][A-Za-z0-9_]{0,127}$/u.test(value)) {
+      setKeyNotice({ kind: "error", text: "\u5F15\u7528\u540D\u9700\u4E3A 1\u2013128 \u4F4D\u5B57\u6BCD\u3001\u6570\u5B57\u6216\u4E0B\u5212\u7EBF\uFF0C\u4E14\u4E0D\u80FD\u4EE5\u6570\u5B57\u5F00\u5934\u3002" });
       return;
     }
     setKeyNotice(null);
@@ -20918,7 +20941,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
       h("p", { className: "odc-hint" }, "\u72EC\u7ACB\u76D1\u63A7\u5957\u9910\u8D60\u9001\u6A21\u578B\u7684\u7A7A\u8F6E\u6216\u534F\u8BAE\u6B8B\u6E23\uFF1B\u4E0D\u5F71\u54CD\u4ED8\u8D39 Provider \u7684\u5F00\u5173\u3002"),
       h("div", { style: { marginTop: 14 } }, h(Switch, {
         checked: formSnapshot.value?.emptyTurnGuard ?? status?.config.emptyTurnGuard ?? true,
-        disabled: !writable || pendingField === "emptyTurnGuard",
+        disabled: !writable || pendingField.includes("emptyTurnGuard"),
         label: "\u542F\u7528\u7A7A\u8F6E\u76D1\u63A7",
         hint: `\u672C\u6B21\u8FD0\u884C\u5DF2\u62E6\u622A ${status?.guardedTurns ?? "\u2014"} \u8F6E\u3002\u68C0\u6D4B\u540E\u7531\u5BBF\u4E3B\u91CD\u8BD5\u7B56\u7565\u5904\u7406\uFF0C\u5BBF\u4E3B\u91CD\u8BD5\u4F1A\u989D\u5916\u6D88\u8017\u989D\u5EA6\u3002`,
         onChange: (checked) => {
@@ -20939,7 +20962,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
           id: "odc-api-protocol",
           className: "odc-input",
           value: protocol,
-          disabled: !writable || pendingField === "apiProtocol",
+          disabled: !writable || pendingField.includes("apiProtocol"),
           onChange: (event) => {
             void setFormField("apiProtocol", event.target.value);
           }
@@ -20988,7 +21011,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
       h(
         "div",
         { className: "odc-actions", style: { marginTop: 10 } },
-        h("button", { className: "odc-button", type: "button", disabled: !writable || pendingField === "apiKeyEnv", onClick: () => {
+        h("button", { className: "odc-button", type: "button", disabled: !writable || pendingField.includes("apiKeyEnv"), onClick: () => {
           void saveKeyRef();
         } }, "\u4FDD\u5B58\u5F15\u7528\u540D")
       ),
@@ -21007,7 +21030,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
         min: MIN_REQUEST_TIMEOUT_MS,
         max: MAX_REQUEST_TIMEOUT_MS,
         integer: true,
-        disabled: !writable || pendingField === "requestTimeoutMs",
+        disabled: !writable || pendingField.includes("requestTimeoutMs"),
         onCommit: (value) => setFormField("requestTimeoutMs", value)
       }),
       h(NumberField, {
@@ -21018,7 +21041,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
         min: MIN_STREAM_IDLE_TIMEOUT_MS,
         max: MAX_STREAM_IDLE_TIMEOUT_MS,
         integer: true,
-        disabled: !writable || pendingField === "streamIdleTimeoutMs",
+        disabled: !writable || pendingField.includes("streamIdleTimeoutMs"),
         onCommit: (value) => setFormField("streamIdleTimeoutMs", value)
       }),
       h(NumberField, {
@@ -21029,7 +21052,7 @@ function Advanced({ status, formSnapshot, setFormField, pendingField }) {
         min: MIN_QUOTA_REFRESH_SECONDS,
         max: MAX_QUOTA_REFRESH_SECONDS,
         integer: true,
-        disabled: !writable || pendingField === "quotaRefreshSeconds",
+        disabled: !writable || pendingField.includes("quotaRefreshSeconds"),
         onCommit: (value) => setFormField("quotaRefreshSeconds", value)
       })
     )
@@ -21060,7 +21083,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
   const state = login?.state ?? "idle";
   const inFlight = loginInFlight(state);
   const startLogin = async () => {
-    if (status === void 0 || busy) return;
+    if (status === void 0 || busy || keyBusy) return;
     const version2 = ++actionVersion.current;
     setBusy(true);
     setNotice({ kind: "status", text: "\u6B63\u5728\u542F\u52A8\u5B98\u65B9\u767B\u5F55\u2026" });
@@ -21076,7 +21099,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
     }
   };
   const cancelLogin = async () => {
-    if (login?.jobId == null || busy) return;
+    if (login?.jobId == null || busy || keyBusy) return;
     const version2 = ++actionVersion.current;
     setBusy(true);
     try {
@@ -21092,7 +21115,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
   };
   const saveKey = async (event) => {
     event.preventDefault();
-    if (status === void 0 || keyBusy || apiKey.trim() === "") {
+    if (status === void 0 || busy || inFlight || keyBusy || apiKey.trim() === "") {
       if (apiKey.trim() === "") setNotice({ kind: "error", text: "\u8BF7\u8F93\u5165 API Key \u540E\u518D\u4FDD\u5B58\u3002" });
       return;
     }
@@ -21127,7 +21150,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
         { style: { marginTop: 14 } },
         h(Switch, {
           checked: desktopChecked,
-          disabled: !formSnapshot.writable || pendingField === "useDesktopCredential",
+          disabled: formSnapshot.status !== "ready" || formSnapshot.value === void 0 || !formSnapshot.writable || pendingField.includes("useDesktopCredential"),
           label: "\u4F18\u5148\u4F7F\u7528\u684C\u9762\u767B\u5F55\u6001",
           hint: "\u4EC5\u63A7\u5236\u8BFB\u53D6\u4F18\u5148\u7EA7\uFF0C\u4E0D\u4F1A\u4FEE\u6539\u6216\u5199\u56DE\u684C\u9762\u7AEF\u767B\u5F55\u6587\u4EF6\u3002",
           onChange: (checked) => {
@@ -21145,10 +21168,10 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
       h(
         "div",
         { className: "odc-actions", style: { marginTop: 14 } },
-        h("button", { className: "odc-button odc-button-primary", type: "button", disabled: status === void 0 || busy || inFlight, onClick: () => {
+        h("button", { className: "odc-button odc-button-primary", type: "button", disabled: status === void 0 || busy || keyBusy || inFlight, onClick: () => {
           void startLogin();
         } }, "\u767B\u5F55\u5E76\u4FDD\u5B58\u4F1A\u8BDD"),
-        inFlight ? h("button", { className: "odc-button", type: "button", disabled: busy || login?.jobId == null, onClick: () => {
+        inFlight ? h("button", { className: "odc-button", type: "button", disabled: busy || keyBusy || login?.jobId == null, onClick: () => {
           void cancelLogin();
         } }, "\u53D6\u6D88\u767B\u5F55") : null,
         h("a", { className: "odc-link", href: OFFICIAL_SITE, target: "_blank", rel: "noreferrer noopener" }, "\u6253\u5F00 CoRouter \u5B98\u7F51")
@@ -21178,7 +21201,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
             autoComplete: "new-password",
             autoCapitalize: "off",
             spellCheck: false,
-            disabled: status === void 0 || keyBusy,
+            disabled: status === void 0 || busy || inFlight || keyBusy,
             placeholder: "\u4EC5\u7528\u4E8E\u672C\u6B21\u4FDD\u5B58\uFF0C\u4E0D\u4F1A\u56DE\u586B",
             onChange: (event) => setApiKey(event.target.value)
           }),
@@ -21187,7 +21210,7 @@ function Connection({ status, formSnapshot, setFormField, pendingField, caller,
         h(
           "div",
           { className: "odc-actions", style: { marginTop: 12 } },
-          h("button", { className: "odc-button", type: "submit", disabled: status === void 0 || keyBusy || apiKey.trim() === "" }, keyBusy ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58 API Key")
+          h("button", { className: "odc-button", type: "submit", disabled: status === void 0 || busy || inFlight || keyBusy || apiKey.trim() === "" }, keyBusy ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58 API Key")
         )
       )
     )
@@ -21210,7 +21233,8 @@ function SettingsPage({ caller, form }) {
   const [refreshing, setRefreshing] = React.useState(false);
   const [refreshingModels, setRefreshingModels] = React.useState(false);
   const [modelsNotice, setModelsNotice] = React.useState(null);
-  const [pendingField, setPendingField] = React.useState(null);
+  const [pendingField, setPendingField] = React.useState([]);
+  const writeTail = React.useRef(Promise.resolve());
   const [formNotice, setFormNotice] = React.useState(null);
   const [scheduleTick, setScheduleTick] = React.useState(0);
   const statusVersion = React.useRef(0);
@@ -21219,7 +21243,15 @@ function SettingsPage({ caller, form }) {
   const modelsVersion = React.useRef(0);
   const tabRefs = React.useRef([]);
   const baseId = React.useId();
-  const formSnapshot = useFormSnapshot(form);
+  const acceptedFormSnapshot = useFormSnapshot(form);
+  const [pendingValues, setPendingValues] = React.useState({});
+  const writeVersions = React.useRef(/* @__PURE__ */ new Map());
+  const nextWriteVersion = React.useRef(0);
+  const batchWriteFailed = React.useRef(false);
+  const formSnapshot = React.useMemo(() => ({
+    ...acceptedFormSnapshot,
+    value: acceptedFormSnapshot.value === void 0 ? void 0 : { ...acceptedFormSnapshot.value, ...pendingValues }
+  }), [acceptedFormSnapshot, pendingValues]);
   const loadStatus = React.useCallback(async () => {
     const version2 = ++statusVersion.current;
     try {
@@ -21263,6 +21295,7 @@ function SettingsPage({ caller, form }) {
     }
   }, [caller, loadStatus, mounted]);
   React.useEffect(() => {
+    void loadStatus();
     void refresh();
     return () => {
       statusVersion.current += 1;
@@ -21272,20 +21305,41 @@ function SettingsPage({ caller, form }) {
       refreshBusy.current = false;
       forcedRefreshPending.current = false;
     };
-  }, [refresh]);
+  }, [loadStatus, refresh]);
   const setFormField = React.useCallback(async (field, value) => {
-    setPendingField(field);
-    setFormNotice(null);
+    const snapshot = form.getSnapshot();
+    if (snapshot.status !== "ready" || snapshot.value === void 0 || !snapshot.writable || writeVersions.current.has(field)) return false;
+    if (writeVersions.current.size === 0) batchWriteFailed.current = false;
+    const version2 = ++nextWriteVersion.current;
+    writeVersions.current.set(field, version2);
+    setPendingField([...writeVersions.current.keys()]);
+    setPendingValues((previous) => ({ ...previous, [field]: value }));
+    setFormNotice({ kind: "status", text: "\u6B63\u5728\u4FDD\u5B58\u8BBE\u7F6E\u2026" });
     try {
-      const accepted = await form.set(field, value);
-      if (mounted.current) setFormNotice(accepted ? { kind: "status", text: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\u3002" } : { kind: "error", text: "\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002" });
-      if (accepted && (field === "useDesktopCredential" || field === "quotaRefreshSeconds")) await refresh(true);
+      const operation = writeTail.current.then(() => mounted.current ? form.set(field, value) : false);
+      writeTail.current = operation.then(() => {
+      }, () => {
+      });
+      const accepted = await operation;
+      if (!accepted) batchWriteFailed.current = true;
+      if (accepted && mounted.current && (field === "useDesktopCredential" || field === "quotaRefreshSeconds")) void refresh(true);
       return accepted;
     } catch {
-      if (mounted.current) setFormNotice({ kind: "error", text: GENERIC_ERROR });
+      batchWriteFailed.current = true;
       return false;
     } finally {
-      if (mounted.current) setPendingField(null);
+      if (writeVersions.current.get(field) === version2) {
+        writeVersions.current.delete(field);
+        if (mounted.current) {
+          setPendingValues((previous) => {
+            const next = { ...previous };
+            delete next[field];
+            return next;
+          });
+          setPendingField([...writeVersions.current.keys()]);
+          if (writeVersions.current.size === 0) setFormNotice(batchWriteFailed.current ? { kind: "error", text: "\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u5DF2\u6062\u590D\u539F\u503C\uFF0C\u8BF7\u91CD\u8BD5\u3002" } : { kind: "status", text: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\u3002" });
+        }
+      }
     }
   }, [form, mounted, refresh]);
   const refreshModelsBusy = React.useRef(false);
@@ -21366,6 +21420,7 @@ function SettingsPage({ caller, form }) {
       onRefresh: () => {
         void refresh(true);
       },
+      onConnection: () => selectTab("connection"),
       nextAutoRefreshAt: schedule?.at,
       refreshIntervalSeconds
     });
@@ -21412,6 +21467,8 @@ function SettingsPage({ caller, form }) {
         tabRefs.current[TABS.findIndex((candidate) => candidate.id === next)]?.focus();
       }
     }, item.label))),
+    acceptedFormSnapshot.status !== "ready" || acceptedFormSnapshot.value === void 0 ? h(NoticeView, { notice: { kind: "status", text: acceptedFormSnapshot.status === "unavailable" ? "\u914D\u7F6E\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u68C0\u67E5\u63D2\u4EF6\u662F\u5426\u5DF2\u542F\u7528\u3002" : "\u6B63\u5728\u8F7D\u5165\u914D\u7F6E\uFF0C\u5B8C\u6210\u540E\u5373\u53EF\u4FEE\u6539\u3002" } }) : !acceptedFormSnapshot.writable ? h(NoticeView, { notice: { kind: "status", text: "\u5F53\u524D\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\uFF0C\u65E0\u6CD5\u4FDD\u5B58\u4FEE\u6539\u3002" } }) : null,
+    h(NoticeView, { notice: formNotice }),
     h("div", {
       className: "odc-panel",
       role: "tabpanel",
@@ -21420,8 +21477,7 @@ function SettingsPage({ caller, form }) {
       "aria-labelledby": `${baseId}-tab-${tab}`
     }, content),
     loading ? h("p", { className: "odc-meta", role: "status" }, "\u6B63\u5728\u8FDE\u63A5\u670D\u52A1\u2026") : null,
-    error62 !== void 0 ? h(NoticeView, { notice: { kind: "error", text: error62 } }) : null,
-    h(NoticeView, { notice: formNotice })
+    error62 !== void 0 ? h(NoticeView, { notice: { kind: "error", text: error62 } }) : null
   );
 }
 var name = "dsh-opendesign-corouter";