dsh-opendesign-corouter 0.1.1 → 0.1.3

package/lib/client.js

@@ -31,13 +31,27 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client.ts
 var client_exports = {};
 __export(client_exports, {
+  Advanced: () => Advanced,
+  ModelRow: () => ModelRow,
+  Models: () => Models,
+  Overview: () => Overview,
   QuotaView: () => QuotaView,
   SettingsPage: () => SettingsPage,
   apply: () => apply,
+  formatTime: () => formatTime,
+  formatTokens: () => formatTokens,
   formatUsd: () => formatUsd,
   inject: () => inject,
+  modelEnabled: () => modelEnabled,
+  modelSettingsEntry: () => modelSettingsEntry,
   name: () => name,
-  tabAfter: () => tabAfter
+  nextWindowResetAt: () => nextWindowResetAt,
+  normaliseQuotaRefreshSeconds: () => normaliseQuotaRefreshSeconds,
+  parseNumberInput: () => parseNumberInput,
+  protocolEndpoint: () => protocolEndpoint,
+  quotaAutoRefresh: () => quotaAutoRefresh,
+  tabAfter: () => tabAfter,
+  writeModelSettings: () => writeModelSettings
 });
 module.exports = __toCommonJS(client_exports);
 var React = __toESM(require("react"), 1);
@@ -19911,6 +19925,66 @@ function record2(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 
+// src/protocol-options.ts
+var API_PROTOCOL_IDS = ["chat-completions", "responses", "messages"];
+function openAiBaseURL(baseURL) {
+  const base = baseURL.replace(/\/+$/u, "");
+  return new URL(base).pathname === "/" ? `${base}/v1` : base;
+}
+function inferenceEndpoint(baseURL, protocol) {
+  const suffix = protocol === "responses" ? "/responses" : protocol === "messages" ? "/messages" : "/chat/completions";
+  return baseURL.trim() === "" ? suffix : `${openAiBaseURL(baseURL.trim())}${suffix}`;
+}
+var API_PROTOCOL_OPTIONS = [
+  { id: "chat-completions", name: "OpenAI Chat Completions", description: "\u4F7F\u7528 Chat Completions \u8BF7\u6C42\u4E0E\u6D41\u5F0F\u54CD\u5E94\u3002" },
+  { id: "responses", name: "OpenAI Responses", description: "\u4F7F\u7528 Responses \u8BF7\u6C42\u4E0E\u6D41\u5F0F\u54CD\u5E94\u3002" },
+  { id: "messages", name: "Anthropic Messages", description: "\u4F7F\u7528 Messages \u8BF7\u6C42\u4E0E\u6D41\u5F0F\u54CD\u5E94\u3002" }
+];
+
+// src/model-settings.ts
+function parseModelSettingsMap(value) {
+  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 > 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 (["__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;
+}
+
 // src/remote.ts
 var MAX_REVISION = 256;
 var MAX_JOB_ID = 128;
@@ -19924,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_ID = /^[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"];
@@ -19950,6 +20024,15 @@ function amount(value, label, negative = false) {
   if (typeof value !== "number" || !Number.isFinite(value) || !negative && value < 0) throw new Error(`${label} \u5FC5\u987B\u662F${negative ? "" : "\u975E\u8D1F"}\u6709\u9650\u6570\u5B57`);
   return value;
 }
+function positiveInteger(value, label, max) {
+  const result = count(value, label);
+  if (result === 0 || result > max) throw new Error(`${label} \u8D85\u51FA\u8303\u56F4`);
+  return result;
+}
+function parseEfforts(value) {
+  if (!Array.isArray(value) || value.length > 16) throw new Error("\u6A21\u578B\u601D\u8003\u6863\u4F4D\u683C\u5F0F\u65E0\u6548");
+  return value.map((item) => text(item, "\u601D\u8003\u6863\u4F4D", 32));
+}
 function member(value, allowed, label) {
   const hit = allowed.find((candidate) => candidate === value);
   if (hit === void 0) throw new Error(`${label} \u4E0D\u5728\u5141\u8BB8\u7684\u53D6\u503C\u5185`);
@@ -19967,7 +20050,9 @@ function parseQuotaWindow(value) {
     limit,
     ...value.remaining === void 0 ? {} : { remaining: amount(value.remaining, "\u5269\u4F59\u989D\u5EA6") },
     percent: Math.min(100, Math.max(0, amount(value.percent, "\u5DF2\u7528\u767E\u5206\u6BD4"))),
-    ...value.resetsAt === void 0 ? {} : { resetsAt: isoTime(value.resetsAt, "\u989D\u5EA6\u91CD\u7F6E\u65F6\u95F4") }
+    ...value.resetsAt === void 0 ? {} : { resetsAt: isoTime(value.resetsAt, "\u989D\u5EA6\u91CD\u7F6E\u65F6\u95F4") },
+    ...value.windowStart === void 0 ? {} : { windowStart: isoTime(value.windowStart, "\u989D\u5EA6\u7A97\u53E3\u5F00\u59CB\u65F6\u95F4") },
+    ...value.resetMode === void 0 ? {} : { resetMode: text(value.resetMode, "\u989D\u5EA6\u5237\u65B0\u65B9\u5F0F", 128) }
   };
 }
 function parseQuotaSnapshot(value) {
@@ -19980,6 +20065,12 @@ function parseQuotaSnapshot(value) {
     state: member(value.state, QUOTA_STATES, "\u989D\u5EA6\u72B6\u6001"),
     ...value.source === void 0 ? {} : { source: member(value.source, SESSION_SOURCES, "\u989D\u5EA6\u6765\u6E90") },
     updatedAt: isoTime(value.updatedAt, "\u989D\u5EA6\u66F4\u65B0\u65F6\u95F4"),
+    ...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: 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: 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: flag(value.eligible, "\u5957\u9910\u8D44\u683C") },
     windows: windows.map(parseQuotaWindow),
@@ -20010,7 +20101,11 @@ function parseStatusModel(value) {
   return {
     id,
     name: text(value.name, "\u6A21\u578B\u540D", 128),
-    group: member(value.group, MODEL_GROUPS, "\u6A21\u578B\u5206\u7EC4")
+    group: member(value.group, MODEL_GROUPS, "\u6A21\u578B\u5206\u7EC4"),
+    ...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) }
   };
 }
 function parseStatusConfig(value) {
@@ -20021,7 +20116,12 @@ function parseStatusConfig(value) {
     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
+    apiKeyEnv,
+    ...value.apiProtocol === void 0 ? {} : { apiProtocol: member(value.apiProtocol, API_PROTOCOL_IDS, "\u63A8\u7406\u534F\u8BAE") },
+    ...value.modelSettings === void 0 ? {} : { modelSettings: parseModelSettingsMap(value.modelSettings) },
+    ...value.requestTimeoutMs === void 0 ? {} : { requestTimeoutMs: positiveInteger(value.requestTimeoutMs, "\u8BF7\u6C42\u8D85\u65F6", 36e5) },
+    ...value.streamIdleTimeoutMs === void 0 ? {} : { streamIdleTimeoutMs: positiveInteger(value.streamIdleTimeoutMs, "\u6D41\u7A7A\u95F2\u8D85\u65F6", 18e5) },
+    ...value.quotaRefreshSeconds === void 0 ? {} : { quotaRefreshSeconds: positiveInteger(value.quotaRefreshSeconds, "\u81EA\u52A8\u5237\u65B0\u95F4\u9694", 3600) }
   };
 }
 function parseStatus(value) {
@@ -20042,7 +20142,10 @@ function parseStatus(value) {
     login: parseLoginState(value.login),
     config: parseStatusConfig(value.config),
     guardedTurns: count(value.guardedTurns, "\u5DF2\u62E6\u622A\u7A7A\u8F6E\u6570"),
-    models: parsed
+    models: parsed,
+    ...value.modelsSource === void 0 ? {} : { modelsSource: member(value.modelsSource, ["builtin", "openai"], "\u6A21\u578B\u76EE\u5F55\u6765\u6E90") },
+    ...value.modelsUpdatedAt === void 0 ? {} : { modelsUpdatedAt: isoTime(value.modelsUpdatedAt, "\u6A21\u578B\u66F4\u65B0\u65F6\u95F4") },
+    ...value.modelsError === void 0 ? {} : { modelsError: text(value.modelsError, "\u6A21\u578B\u66F4\u65B0\u63D0\u793A", MAX_MESSAGE) }
   };
 }
 function parseStartLoginRequest(value) {
@@ -20071,7 +20174,9 @@ var CancelLoginRequestCodec = { mode: "strict", typeSymbol: "dsh-opendesign-coro
 var SaveApiKeyRequestCodec = { mode: "strict", typeSymbol: "dsh-opendesign-corouter#SaveApiKeyRequest", create: () => external_exports.unknown().transform((value) => parseSaveApiKeyRequest(value)) };
 var TYPERT_REMOTE = createTypertRemoteInfo({ package: "dsh-opendesign-corouter", methods: {
   "openDesignCoRouter/status": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [], result: StatusCodec },
+  "openDesignCoRouter/refreshModels": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [], result: StatusCodec },
   "openDesignCoRouter/refreshQuota": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [], result: QuotaSnapshotCodec },
+  "openDesignCoRouter/refreshQuotaNow": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [], result: QuotaSnapshotCodec },
   "openDesignCoRouter/startLogin": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [{ name: "input", source: "json", codec: StartLoginRequestCodec, strictCodec: StartLoginRequestCodec }], result: LoginStateCodec },
   "openDesignCoRouter/loginStatus": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [], result: LoginStateCodec },
   "openDesignCoRouter/cancelLogin": { service: "openDesignCoRouter", invocation: { kind: "direct" }, parameters: [{ name: "input", source: "json", codec: CancelLoginRequestCodec, strictCodec: CancelLoginRequestCodec }], result: LoginStateCodec },
@@ -20089,6 +20194,17 @@ var TABS = [
   { id: "connection", label: "\u8FDE\u63A5\u4E0E\u767B\u5F55" },
   { id: "advanced", label: "\u9AD8\u7EA7" }
 ];
+var DEFAULT_QUOTA_REFRESH_SECONDS = 60;
+var MIN_QUOTA_REFRESH_SECONDS = 5;
+var MAX_QUOTA_REFRESH_SECONDS = 3600;
+var DEFAULT_REQUEST_TIMEOUT_MS = 18e5;
+var MIN_REQUEST_TIMEOUT_MS = 1e3;
+var MAX_REQUEST_TIMEOUT_MS = 36e5;
+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_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",
@@ -20114,13 +20230,18 @@ function installStyles() {
 .odc-intro{margin:6px 0 18px!important;color:var(--dsw-alias-label-secondary,inherit);font-size:12px}.odc-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 0 16px;padding:0 0 8px;border-bottom:1px solid var(--dsw-alias-border-l4,transparent)}
 .odc-tab{flex:none;border:1px solid transparent;border-radius:8px;padding:7px 13px;background:transparent;color:var(--dsw-alias-label-secondary,inherit);font:inherit;cursor:pointer}.odc-tab:hover{background:var(--dsw-alias-bg-layer-1,transparent)}.odc-tab[aria-selected=true]{color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-border-l3,transparent);background:var(--dsw-alias-bg-layer-1,transparent)}
 .odc-panel{display:grid;gap:14px}.odc-card{min-width:0;padding:15px;border:1px solid var(--dsw-alias-border-l4,transparent);border-radius:12px;background:var(--dsw-alias-bg-layer-1,transparent)}.odc-card>p{margin-top:6px}.odc-card-head,.odc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.odc-card-head{margin-bottom:12px}
-.odc-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.odc-metric{display:grid;align-content:start;gap:5px;min-height:96px}.odc-metric-value{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.odc-label,.odc-hint,.odc-meta{color:var(--dsw-alias-label-secondary,inherit);font-size:11px;line-height:1.6}.odc-meta{margin-top:10px!important}.odc-window{display:grid;gap:7px;margin-top:10px}.odc-window progress{width:100%;height:7px;accent-color:var(--dsw-alias-brand-primary,Highlight)}
-.odc-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;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;cursor:pointer}.odc-button:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary,Highlight)}.odc-button-primary{background:var(--dsw-alias-button-primary-fill,var(--dsw-alias-brand-primary,Highlight));color:var(--dsw-alias-label-primary-foreground,HighlightText);border-color:transparent}.odc-button-primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover,var(--dsw-alias-brand-primary,Highlight))}.odc-button:disabled{opacity:.55;cursor:not-allowed}.odc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.odc-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.odc-metric{display:grid;align-content:start;gap:5px;min-height:96px}.odc-metric-value{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.odc-metric-value.odc-metric-text{font-size:13px;font-weight:600;line-height:1.55}.odc-quota-grid+.odc-quota-grid{margin-top:10px}
+.odc-label,.odc-hint,.odc-meta{color:var(--dsw-alias-label-secondary,inherit);font-size:11px;line-height:1.6}.odc-meta{margin-top:10px!important}.odc-window{display:grid;gap:7px;margin-top:10px}.odc-window progress{width:100%;height:7px;accent-color:var(--dsw-alias-brand-primary,Highlight)}
+.odc-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;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;cursor:pointer}.odc-button:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary,Highlight)}.odc-button-primary{background:var(--dsw-alias-button-primary-fill,var(--dsw-alias-brand-primary,Highlight));color:var(--dsw-alias-label-primary-foreground,HighlightText);border-color:transparent}.odc-button-primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover,var(--dsw-alias-brand-primary,Highlight))}.odc-button:disabled{opacity:.55;cursor:not-allowed}.odc-button-small{min-height:26px;padding:3px 9px;font-size:11px}.odc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .odc-notice{padding:9px 11px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent);font-size:12px;line-height:1.6}.odc-notice[data-kind=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-model-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap: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-item strong,.odc-model-item code{display:block;overflow-wrap:anywhere}.odc-model-item code{margin-top:2px;color:var(--dsw-alias-label-secondary,inherit);font-size:11px}.odc-model-count{color:var(--dsw-alias-label-secondary,inherit);font-size:11px;font-weight:400}
-.odc-field{display:grid;gap:6px;margin-top:14px}.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-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}.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-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}}@media(max-width:380px){.odc-quota-grid{grid-template-columns:1fr}.odc-card{padding:12px}}
+.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: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}}
 `;
   document.head.append(style);
   return () => style.remove();
@@ -20218,19 +20339,65 @@ function formatTime(value) {
   const date5 = new Date(value);
   return Number.isFinite(date5.getTime()) ? date5.toLocaleString("zh-CN", { hour12: false }) : "\u2014";
 }
+function formatTokens(value) {
+  if (value === void 0 || !Number.isFinite(value)) return "\u2014";
+  return new Intl.NumberFormat("zh-CN").format(value);
+}
 function windowLabel(seconds) {
   if (seconds % 86400 === 0) return `${seconds / 86400} \u5929\u8D60\u9001\u7A97\u53E3`;
   if (seconds % 3600 === 0) return `${seconds / 3600} \u5C0F\u65F6\u8D60\u9001\u7A97\u53E3`;
   if (seconds % 60 === 0) return `${seconds / 60} \u5206\u949F\u8D60\u9001\u7A97\u53E3`;
   return `${seconds} \u79D2\u8D60\u9001\u7A97\u53E3`;
 }
-function QuotaView({ quota }) {
+function nextWindowResetAt(windows, now) {
+  let earliest;
+  let earliestMs = Number.POSITIVE_INFINITY;
+  for (const window of windows) {
+    if (window.resetsAt === void 0) continue;
+    const ms = Date.parse(window.resetsAt);
+    if (!Number.isFinite(ms) || ms <= now || ms >= earliestMs) continue;
+    earliest = window.resetsAt;
+    earliestMs = ms;
+  }
+  return earliest;
+}
+var SOURCE_LABELS = {
+  desktop: "\u684C\u9762\u767B\u5F55\u6001",
+  login: "\u72EC\u7ACB\u767B\u5F55",
+  environment: "\u73AF\u5883\u51ED\u636E"
+};
+var RESET_MODE_LABELS = {
+  activity_triggered: "\u6309\u4F7F\u7528\u89E6\u53D1",
+  anchored_recurring: "\u56FA\u5B9A\u5468\u671F"
+};
+function QuotaView({ quota, nextAutoRefreshAt, refreshIntervalSeconds }) {
   if (quota === void 0) return h("p", { className: "odc-hint", role: "status" }, "\u6B63\u5728\u8BFB\u53D6\u989D\u5EA6\u2026");
   const metrics = [
     { label: "\u5957\u9910\u4F59\u989D", value: formatUsd(quota.balances.subscriptionUsd), hint: "\u8BA2\u9605\u5269\u4F59\u53EF\u7528\u91D1\u989D" },
     { label: "\u5145\u503C / \u8D60\u9001\u91D1\u989D", value: formatUsd(quota.balances.rechargeUsd), hint: "\u5145\u503C\u4E0E\u8D60\u9001\u7684\u53EF\u7528\u91D1\u989D" },
     { label: "\u603B\u989D\u5EA6", value: formatUsd(quota.balances.totalUsd), hint: "\u94B1\u5305\u5F53\u524D\u53EF\u7528\u603B\u989D" }
   ];
+  const timing = [
+    {
+      label: "\u8BA2\u9605\u8D26\u671F\u7ED3\u675F",
+      value: formatTime(quota.subscriptionPeriodEnd),
+      hint: `\u8D26\u671F\u5F00\u59CB\uFF1A${formatTime(quota.subscriptionPeriodStart)}`
+    },
+    {
+      label: "\u4E0B\u6B21\u989D\u5EA6\u6062\u590D",
+      value: formatTime(nextWindowResetAt(quota.windows, Date.now())),
+      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",
+      value: formatTime(quota.state === "need-login" || quota.autoRefreshPaused ? void 0 : nextAutoRefreshAt),
+      hint: quota.state === "need-login" ? "\u767B\u5F55\u540E\u81EA\u52A8\u5237\u65B0" : quota.autoRefreshPaused ? "\u8FDE\u7EED\u5931\u8D25\uFF0C\u81EA\u52A8\u91CD\u8BD5\u5DF2\u6682\u505C\uFF1B\u70B9\u51FB\u5237\u65B0\u989D\u5EA6\u91CD\u8BD5" : refreshIntervalSeconds === void 0 ? "\u672A\u542F\u7528\u81EA\u52A8\u5237\u65B0" : quota.refreshFailures ? `\u5237\u65B0\u5931\u8D25 ${quota.refreshFailures} \u6B21\uFF0C\u6B63\u5728\u5EF6\u8FDF\u91CD\u8BD5` : `\u6BCF ${refreshIntervalSeconds} \u79D2\u81EA\u52A8\u5237\u65B0`
+    }
+  ];
+  const tierLine = [
+    quota.tier === void 0 ? void 0 : `\u5F53\u524D\u5957\u9910\uFF1A${quota.tier}`,
+    quota.eligible === void 0 ? void 0 : `\u5957\u9910\u8D44\u683C\uFF1A${quota.eligible ? "\u5DF2\u5F00\u901A" : "\u672A\u5F00\u901A"}`
+  ].filter((value) => value !== void 0).join(" \xB7 ");
   return h(
     React.Fragment,
     null,
@@ -20240,10 +20407,25 @@ function QuotaView({ quota }) {
       h(
         "div",
         { className: "odc-card-head" },
-        h("div", null, h("h3", null, "\u5957\u9910\u8D60\u9001\u7A97\u53E3"), quota.tier !== void 0 ? h("p", { className: "odc-hint" }, `\u5F53\u524D\u5957\u9910\uFF1A${quota.tier}`) : null),
-        h("span", { className: "odc-label" }, QUOTA_LABELS[quota.state])
+        h(
+          "div",
+          null,
+          h("h3", null, "\u5957\u9910\u8D60\u9001\u7A97\u53E3"),
+          tierLine === "" ? null : h("p", { className: "odc-hint" }, tierLine)
+        ),
+        h(
+          "div",
+          { className: "odc-actions" },
+          h("span", { className: "odc-label" }, QUOTA_LABELS[quota.state]),
+          quota.stale ? h("span", { className: "odc-chip" }, "\u4E0A\u6B21\u6210\u529F\u8BFB\u6570") : null
+        )
       ),
-      quota.windows.length === 0 ? h("p", { className: "odc-metric-value" }, "\u2014") : quota.windows.map((window, index) => h(
+      quota.windows.length === 0 ? quota.eligible === false ? h("p", { className: "odc-hint", role: "status" }, "\u5F53\u524D\u8D26\u53F7\u672A\u5F00\u901A Design Plan\uFF0C\u6CA1\u6709\u8D60\u9001\u989D\u5EA6\u7A97\u53E3\u3002") : h(
+        React.Fragment,
+        null,
+        h("p", { className: "odc-metric-value" }, "\u2014"),
+        h("p", { className: "odc-hint" }, "\u989D\u5EA6\u7A97\u53E3\u6682\u4E0D\u53EF\u786E\u8BA4\uFF1B\u4E0D\u6309 0 \u586B\u5145\u3002")
+      ) : quota.windows.map((window, index) => h(
         "div",
         { className: "odc-window", key: `${window.durationSeconds}-${index}` },
         h(
@@ -20253,7 +20435,7 @@ function QuotaView({ quota }) {
           h("span", { className: "odc-label" }, `\u5DF2\u7528 ${window.percent.toFixed(1)}% \xB7 \u5269\u4F59 ${window.remaining ?? "\u2014"}`)
         ),
         h("progress", { max: 100, value: window.percent, "aria-label": `${windowLabel(window.durationSeconds)}\u5DF2\u7528\u989D\u5EA6` }),
-        h("span", { className: "odc-meta" }, `\u5DF2\u7528 ${window.used} / \u4E0A\u9650 ${window.limit} \xB7 \u91CD\u7F6E ${formatTime(window.resetsAt)}`)
+        h("span", { className: "odc-meta" }, `\u5DF2\u7528 ${window.used} / \u4E0A\u9650 ${window.limit} \xB7 \u6062\u590D ${formatTime(window.resetsAt)}${window.windowStart === void 0 ? "" : ` \xB7 \u7A97\u53E3\u5F00\u59CB ${formatTime(window.windowStart)}`}${window.resetMode === void 0 ? "" : ` \xB7 \u91CD\u7F6E\u65B9\u5F0F ${RESET_MODE_LABELS[window.resetMode] ?? window.resetMode}`}`)
       ))
     ),
     h("div", { className: "odc-quota-grid" }, metrics.map((metric) => h(
@@ -20263,28 +20445,316 @@ function QuotaView({ quota }) {
       h("strong", { className: "odc-metric-value" }, 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${{ desktop: "\u684C\u9762\u767B\u5F55\u6001", login: "\u72EC\u7ACB\u767B\u5F55", environment: "\u73AF\u5883\u51ED\u636E" }[quota.source]}` : ""}`),
+    h("div", { className: "odc-quota-grid odc-timing", "aria-label": "\u989D\u5EA6\u65F6\u95F4\u5B89\u6392" }, timing.map((metric) => h(
+      "div",
+      { 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(
+      "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
   );
 }
-function Overview({ status, busy, onRefresh }) {
+function writeModelSettings(map2, id, next) {
+  const out = { ...map2 ?? {} };
+  if (next === void 0) {
+    delete out[id];
+    return out;
+  }
+  const entry = {};
+  if (next.enabled !== void 0) entry.enabled = next.enabled;
+  if (next.temperature !== void 0) entry.temperature = next.temperature;
+  if (next.topP !== void 0) entry.topP = next.topP;
+  if (next.maxTokens !== void 0) entry.maxTokens = next.maxTokens;
+  if (next.contextWindow !== void 0) entry.contextWindow = next.contextWindow;
+  if (next.reasoningEffort !== void 0) entry.reasoningEffort = next.reasoningEffort;
+  if (Object.keys(entry).length === 0) delete out[id];
+  else out[id] = entry;
+  return out;
+}
+function modelSettingsEntry(map2, id) {
+  return { ...map2?.[id] ?? {} };
+}
+function modelEnabled(model, settings, authoritative = true) {
+  if (settings?.enabled !== void 0) return settings.enabled;
+  if (authoritative) return true;
+  return model.enabled !== false;
+}
+var DECIMAL_TEXT = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/u;
+function parseNumberInput(raw, spec) {
+  const text2 = raw.trim();
+  if (text2 === "") {
+    return spec.allowEmpty === true ? { ok: true, value: void 0 } : { ok: false, message: `${spec.label}\u4E0D\u80FD\u4E3A\u7A7A\u3002` };
+  }
+  const integral = spec.integer === true;
+  const value = DECIMAL_TEXT.test(text2) ? Number(text2) : Number.NaN;
+  if (!DECIMAL_TEXT.test(text2) || !Number.isFinite(value) || value < spec.min || value > spec.max || integral && !Number.isSafeInteger(value)) {
+    return {
+      ok: false,
+      message: `${spec.label}\u9700\u4E3A ${spec.min} \u5230 ${spec.max} \u4E4B\u95F4\u7684${integral ? "\u6574\u6570" : "\u6570\u5B57"}${spec.allowEmpty === true ? "\uFF0C\u6216\u7559\u7A7A\u7EE7\u627F\u9ED8\u8BA4\u3002" : "\u3002"}`
+    };
+  }
+  return { ok: true, value };
+}
+function protocolEndpoint(baseURL, protocol) {
+  return inferenceEndpoint(baseURL, protocol);
+}
+function normaliseQuotaRefreshSeconds(value) {
+  if (value === void 0 || !Number.isSafeInteger(value) || value < MIN_QUOTA_REFRESH_SECONDS || value > MAX_QUOTA_REFRESH_SECONDS) return void 0;
+  return value;
+}
+function quotaAutoRefresh(secondsRaw, nextRefreshAt, now, backingOff = false) {
+  const intervalSeconds = normaliseQuotaRefreshSeconds(secondsRaw);
+  if (intervalSeconds === void 0) return void 0;
+  const intervalMs = intervalSeconds * 1e3;
+  const planMs = nextRefreshAt === void 0 ? Number.NaN : Date.parse(nextRefreshAt);
+  const planDelay = Number.isFinite(planMs) ? planMs - now : Number.POSITIVE_INFINITY;
+  const plannedDelay = Math.max(1e3, Math.floor(planDelay) + 500);
+  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, 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" },
       h("div", null, h("h3", null, "\u989D\u5EA6\u6982\u89C8"), h("p", { className: "odc-hint" }, "\u5957\u9910\u7A97\u53E3\u4E0E\u94B1\u5305\u4F59\u989D\u5206\u5F00\u8BA1\u91CF\uFF1B\u672A\u77E5\u6570\u636E\u4E0D\u505A\u63A8\u7B97\u3002")),
       h("button", { className: "odc-button", type: "button", disabled: busy, onClick: onRefresh }, busy ? "\u5237\u65B0\u4E2D\u2026" : "\u5237\u65B0\u989D\u5EA6")
     ),
-    h(QuotaView, { quota: status?.quota })
+    h(QuotaView, { quota: status?.quota, nextAutoRefreshAt, refreshIntervalSeconds })
   );
 }
-function ModelGroup({ title, group, models }) {
+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_WINDOW, integer: true }
+};
+var NUMERIC_ORDER = ["temperature", "topP", "maxTokens", "contextWindow"];
+function OptionalNumberField({ id, field, value, disabled, resetToken, onSave }) {
+  const spec = NUMERIC_FIELDS[field];
+  const mounted = useMounted();
+  const [draft, setDraft] = React.useState(void 0);
+  const [error62, setError] = React.useState(void 0);
+  React.useEffect(() => {
+    setDraft(void 0);
+    setError(void 0);
+  }, [value, resetToken]);
+  const commit = async () => {
+    if (disabled || draft === void 0) return;
+    const result = parseNumberInput(draft, {
+      label: spec.label,
+      min: spec.min,
+      max: spec.max,
+      ...spec.integer === true ? { integer: true } : {},
+      allowEmpty: true
+    });
+    if (!result.ok) {
+      setError(result.message);
+      return;
+    }
+    if (result.value === value) {
+      setDraft(void 0);
+      setError(void 0);
+      return;
+    }
+    const saved = await onSave(result.value);
+    if (!mounted.current) return;
+    if (saved) {
+      setDraft(void 0);
+      setError(void 0);
+    } else setError("\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+  };
+  return h(
+    "div",
+    { className: "odc-field odc-field-compact" },
+    h("label", { htmlFor: id }, spec.label),
+    h("input", {
+      id,
+      className: "odc-input",
+      type: "number",
+      inputMode: "decimal",
+      min: spec.min,
+      max: spec.max,
+      step: spec.integer === true ? 1 : 0.1,
+      value: draft ?? (value === void 0 ? "" : String(value)),
+      disabled,
+      "aria-invalid": error62 !== void 0,
+      "aria-describedby": `${id}-hint`,
+      onChange: (event) => setDraft(event.target.value),
+      onBlur: () => {
+        void commit();
+      }
+    }),
+    h("small", {
+      className: error62 === void 0 ? "odc-hint" : "odc-hint odc-field-error",
+      id: `${id}-hint`,
+      ...error62 === void 0 ? {} : { role: "alert" }
+    }, error62 ?? spec.hint)
+  );
+}
+function EffortField({ id, model, value, disabled, onChange }) {
+  const mounted = useMounted();
+  const [error62, setError] = React.useState(void 0);
+  const listed = model.reasoningEfforts ?? [];
+  const options = value === void 0 || listed.includes(value) ? listed : [...listed, value];
+  const unknown2 = options.length === 0;
+  return h(
+    "div",
+    { className: "odc-field odc-field-compact" },
+    h("label", { htmlFor: id }, "\u9ED8\u8BA4\u601D\u8003\u6DF1\u5EA6"),
+    h("select", {
+      id,
+      className: "odc-input",
+      value: value ?? "",
+      disabled: disabled || unknown2,
+      "aria-describedby": `${id}-hint`,
+      onChange: (event) => {
+        const next = event.target.value;
+        void (async () => {
+          const saved = await onChange(next);
+          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((effort) => h("option", { key: effort, value: effort }, effort))
+    ]),
+    h("small", {
+      className: error62 === void 0 ? "odc-hint" : "odc-hint odc-field-error",
+      id: `${id}-hint`,
+      ...error62 === void 0 ? {} : { role: "alert" }
+    }, error62 ?? (unknown2 ? "\u8BE5\u6A21\u578B\u76EE\u5F55\u672A\u63D0\u4F9B\u601D\u8003\u6863\u4F4D\uFF0C\u65E0\u6CD5\u8986\u76D6\u3002" : "\u53EA\u5217\u51FA\u8BE5\u6A21\u578B\u5DF2\u77E5\u6863\u4F4D\uFF1B\u7559\u7A7A\u7EE7\u627F\u9ED8\u8BA4\u3002"))
+  );
+}
+function ModelRow({ model, settings, authoritative, writable, pending, onCommit }) {
+  const id = React.useId();
+  const mounted = useMounted();
+  const [error62, setError] = React.useState(void 0);
+  const [resetToken, setResetToken] = React.useState(0);
+  const enabled = modelEnabled(model, settings, authoritative);
+  const hasOverrides = Object.keys(settings).length > 0;
+  const commit = async (next) => {
+    const saved = await onCommit(next);
+    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);
+  };
+  const reset = async () => {
+    setError(void 0);
+    setResetToken((token) => token + 1);
+    await commit(void 0);
+  };
+  const facts = [
+    `\u4E0A\u4E0B\u6587 ${formatTokens(model.contextWindow)}`,
+    `\u6700\u5927\u8F93\u51FA ${formatTokens(model.maxOutputTokens)}`,
+    ...model.reasoningEfforts === void 0 || model.reasoningEfforts.length === 0 ? [] : [`\u601D\u8003\u6863\u4F4D ${model.reasoningEfforts.join(" / ")}`]
+  ].join(" \xB7 ");
+  return h(
+    "li",
+    { className: "odc-model-item" },
+    h(
+      "div",
+      { className: "odc-model-head" },
+      h(
+        "label",
+        { className: "odc-switch odc-model-switch" },
+        h("input", {
+          type: "checkbox",
+          checked: enabled,
+          disabled: !writable || pending,
+          onChange: (event) => {
+            void commit({ ...settings, enabled: event.target.checked });
+          }
+        }),
+        h("span", null, h("strong", null, model.name), h("code", null, model.id))
+      ),
+      h(
+        "div",
+        { className: "odc-actions" },
+        enabled ? null : h("span", { className: "odc-chip" }, "\u5DF2\u7981\u7528"),
+        h("button", { className: "odc-button odc-button-small", type: "button", disabled: !writable || pending || !hasOverrides, onClick: () => {
+          void reset();
+        } }, "\u91CD\u7F6E")
+      )
+    ),
+    h(
+      "details",
+      { className: "odc-model-details" },
+      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" },
+        NUMERIC_ORDER.map((key) => h(OptionalNumberField, {
+          key,
+          id: `${id}-${key}`,
+          field: key,
+          value: settings[key],
+          disabled: !writable || pending,
+          resetToken,
+          onSave: (value) => saveField(key, value)
+        })),
+        h(EffortField, {
+          id: `${id}-effort`,
+          model,
+          value: settings.reasoningEffort,
+          disabled: !writable || pending,
+          onChange: async (value) => {
+            const next = { ...settings };
+            if (value === "") delete next.reasoningEffort;
+            else next.reasoningEffort = value;
+            setError(void 0);
+            return commit(next);
+          }
+        })
+      )
+    ),
+    error62 !== void 0 ? h("p", { className: "odc-hint odc-field-error", role: "alert" }, error62) : null
+  );
+}
+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 filtered = models.filter((model) => model.group === group && (normalized === "" || `${model.name} ${model.id}`.toLocaleLowerCase().includes(normalized)));
+  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",
     { className: "odc-card", "aria-labelledby": `${id}-title` },
@@ -20292,7 +20762,7 @@ function ModelGroup({ title, group, models }) {
       "div",
       { className: "odc-card-head" },
       h("h3", { id: `${id}-title` }, title),
-      h("span", { className: "odc-model-count" }, `${filtered.length} / ${models.filter((model) => model.group === group).length}`)
+      h("span", { className: "odc-model-count" }, `${enabledCount} / ${groupModels.length} \u5DF2\u542F\u7528`)
     ),
     h("label", { className: "odc-label", htmlFor: `${id}-search` }, `\u641C\u7D22${title}`),
     h("input", {
@@ -20300,28 +20770,291 @@ function ModelGroup({ title, group, models }) {
       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(
-      "li",
-      { className: "odc-model-item", key: model.id },
-      h("strong", null, model.name),
-      h("code", null, model.id),
-      h("span", { className: "odc-label" }, `\u5F52\u5C5E\uFF1A${title}`)
-    )))
+    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),
+      authoritative,
+      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({ models }) {
+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.status === "ready" && formSnapshot.value !== void 0 && formSnapshot.writable;
+  const pending = pendingField.includes("modelSettings");
+  const latestSettings = React.useRef(settingsMap);
+  React.useEffect(() => {
+    latestSettings.current = settingsMap;
+  }, [settingsMap]);
+  const saving = React.useRef(false);
+  const commit = async (id, next) => {
+    if (!writable || saving.current) return false;
+    saving.current = true;
+    try {
+      return await setFormField("modelSettings", writeModelSettings(latestSettings.current, id, next));
+    } finally {
+      saving.current = false;
+    }
+  };
+  const source = status?.modelsSource === "openai" ? "OpenAI /models \u53D1\u73B0" : status?.modelsSource === "builtin" ? "\u5185\u7F6E\u76EE\u5F55" : "\u5C1A\u672A\u786E\u8BA4";
+  const updated = status?.modelsUpdatedAt === void 0 ? "" : ` \xB7 \u66F4\u65B0\u4E8E ${formatTime(status.modelsUpdatedAt)}`;
+  const models = status?.models ?? [];
   return h(
     React.Fragment,
     null,
-    h("div", null, h("h3", null, "\u53EF\u7528\u6A21\u578B"), h("p", { className: "odc-hint" }, "\u4E24\u4E2A Provider \u72EC\u7ACB\u7B5B\u9009\u3002\u8FD9\u91CC\u4EC5\u5C55\u793A\u76EE\u5F55\uFF0C\u4E0D\u4FEE\u6539 API \u6216\u5F53\u524D\u4F1A\u8BDD\u6A21\u578B\u3002")),
     h(
+      "div",
+      { className: "odc-card-head" },
+      h(
+        "div",
+        null,
+        h("h3", null, "\u53EF\u7528\u6A21\u578B"),
+        h("p", { className: "odc-hint" }, "\u4E24\u4E2A Provider \u72EC\u7ACB\u7B5B\u9009\u3002\u9010\u6A21\u578B\u7684\u542F\u7528\u4E0E\u53C2\u6570\u4F1A\u4FDD\u5B58\u5230\u63D2\u4EF6\u8BBE\u7F6E\uFF0C\u53EA\u5F71\u54CD\u672C\u63D2\u4EF6\u7684\u6A21\u578B\u9009\u62E9\u4E0E\u8BF7\u6C42\u3002")
+      ),
+      h(
+        "div",
+        { className: "odc-actions" },
+        h("span", { className: "odc-label", role: "status" }, `\u6765\u6E90\uFF1A${source}${updated}`),
+        h("button", {
+          className: "odc-button",
+          type: "button",
+          disabled: refreshingModels || status === void 0 || status.apiKeyConfigured === false,
+          onClick: onRefreshModels
+        }, refreshingModels ? "\u6B63\u5728\u5237\u65B0\u6A21\u578B\u2026" : "\u4ECE OpenAI \u5237\u65B0\u6A21\u578B")
+      )
+    ),
+    status?.apiKeyConfigured === false ? h("p", { className: "odc-hint" }, "\u5237\u65B0\u6A21\u578B\u9700\u8981\u53EF\u7528\u7684 API Key\uFF1B\u4FDD\u5B58 Key \u540E\u91CD\u8BD5\u3002") : null,
+    status?.modelsError !== void 0 ? h("p", { className: "odc-notice", "data-kind": "error", role: "alert" }, status.modelsError) : null,
+    h(NoticeView, { notice }),
+    models.length === 0 ? h("p", { className: "odc-hint", role: "status" }, "\u6682\u65E0\u53EF\u7528\u6A21\u578B\uFF1B\u53EF\u5237\u65B0\u6A21\u578B\u5217\u8868\u540E\u91CD\u8BD5\u3002") : h(
       "div",
       { className: "odc-model-groups" },
-      h(ModelGroup, { title: "\u5957\u9910\u8D60\u9001 Provider", group: "plan", models: models ?? [] }),
-      h(ModelGroup, { title: "\u4ED8\u8D39 Provider", group: "paid", models: models ?? [] })
+      h(ModelGroup, { title: "\u5957\u9910\u8D60\u9001 Provider", group: "plan", models, settingsMap, authoritative, writable, pending, onCommit: commit }),
+      h(ModelGroup, { title: "\u4ED8\u8D39 Provider", group: "paid", models, settingsMap, authoritative, writable, pending, onCommit: commit })
+    )
+  );
+}
+function NumberField({ id, label, hint, value, min, max, integer: integer2, disabled, onCommit }) {
+  const mounted = useMounted();
+  const [draft, setDraft] = React.useState(String(value));
+  const [error62, setError] = React.useState(void 0);
+  React.useEffect(() => {
+    setDraft(String(value));
+    setError(void 0);
+  }, [value]);
+  const commit = async () => {
+    const result = parseNumberInput(draft, { label, min, max, ...integer2 ? { integer: true } : {} });
+    if (!result.ok) {
+      setError(result.message);
+      return;
+    }
+    if (result.value === void 0 || result.value === value) {
+      setDraft(String(value));
+      setError(void 0);
+      return;
+    }
+    const saved = await onCommit(result.value);
+    if (!mounted.current) return;
+    if (saved) setError(void 0);
+    else setError("\u8BBE\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+  };
+  return h(
+    "div",
+    { className: "odc-field" },
+    h("label", { htmlFor: id }, label),
+    h("input", {
+      id,
+      className: "odc-input",
+      type: "number",
+      inputMode: "numeric",
+      min,
+      max,
+      step: integer2 ? 1 : 0.1,
+      value: draft,
+      disabled,
+      "aria-invalid": error62 !== void 0,
+      "aria-describedby": `${id}-hint`,
+      onChange: (event) => setDraft(event.target.value),
+      onBlur: () => {
+        void commit();
+      }
+    }),
+    h("small", {
+      className: error62 === void 0 ? "odc-hint" : "odc-hint odc-field-error",
+      id: `${id}-hint`,
+      ...error62 === void 0 ? {} : { role: "alert" }
+    }, error62 ?? hint)
+  );
+}
+function Advanced({ status, formSnapshot, setFormField, pendingField }) {
+  const [apiKeyEnv, setApiKeyEnv] = React.useState(status?.config.apiKeyEnv ?? "");
+  const [keyNotice, setKeyNotice] = React.useState(null);
+  const mounted = useMounted();
+  React.useEffect(() => {
+    setApiKeyEnv(formSnapshot.value?.apiKeyEnv ?? status?.config.apiKeyEnv ?? "");
+  }, [formSnapshot.value?.apiKeyEnv, status?.config.apiKeyEnv]);
+  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 ?? "";
+  const requestTimeout = formSnapshot.value?.requestTimeoutMs ?? status?.config.requestTimeoutMs ?? DEFAULT_REQUEST_TIMEOUT_MS;
+  const streamIdleTimeout = formSnapshot.value?.streamIdleTimeoutMs ?? status?.config.streamIdleTimeoutMs ?? DEFAULT_STREAM_IDLE_TIMEOUT_MS;
+  const refreshSeconds = formSnapshot.value?.quotaRefreshSeconds ?? status?.config.quotaRefreshSeconds ?? DEFAULT_QUOTA_REFRESH_SECONDS;
+  const selected = API_PROTOCOL_OPTIONS.find((option) => option.id === protocol);
+  const saveKeyRef = async () => {
+    const value = apiKeyEnv.trim();
+    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);
+    try {
+      const accepted = await setFormField("apiKeyEnv", value);
+      if (mounted.current) setKeyNotice(accepted ? { kind: "status", text: "\u914D\u7F6E\u5DF2\u4FDD\u5B58\u3002" } : { kind: "error", text: "\u914D\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u8BD5\u3002" });
+    } catch {
+      if (mounted.current) setKeyNotice({ kind: "error", text: GENERIC_ERROR });
+    }
+  };
+  return h(
+    React.Fragment,
+    null,
+    h(
+      "section",
+      { className: "odc-card" },
+      h("h3", null, "\u7A7A\u8F6E\u76D1\u63A7"),
+      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.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) => {
+          void setFormField("emptyTurnGuard", checked);
+        }
+      }))
+    ),
+    h(
+      "section",
+      { className: "odc-card" },
+      h("h3", null, "\u63A8\u7406\u534F\u8BAE"),
+      h("p", { className: "odc-hint" }, "\u63D2\u4EF6\u6309\u6240\u9009\u534F\u8BAE\u7EC4\u88C5\u8BF7\u6C42\uFF1B\u6A21\u578B\u53D1\u73B0\u59CB\u7EC8\u8BFB\u53D6 OpenAI /models\uFF0C\u4E0E\u8FD9\u91CC\u7684\u9009\u62E9\u65E0\u5173\u3002"),
+      h(
+        "div",
+        { className: "odc-field" },
+        h("label", { htmlFor: "odc-api-protocol" }, "API \u534F\u8BAE"),
+        h("select", {
+          id: "odc-api-protocol",
+          className: "odc-input",
+          value: protocol,
+          disabled: !writable || pendingField.includes("apiProtocol"),
+          onChange: (event) => {
+            void setFormField("apiProtocol", event.target.value);
+          }
+        }, API_PROTOCOL_OPTIONS.map((option) => h("option", { key: option.id, value: option.id }, option.name))),
+        h("small", { className: "odc-hint" }, selected?.description ?? "\u9009\u62E9\u4E0E\u7F51\u5173\u517C\u5BB9\u7684\u63A8\u7406\u534F\u8BAE\u3002")
+      ),
+      h(
+        "div",
+        { className: "odc-readonly" },
+        h(
+          "div",
+          null,
+          h("span", { className: "odc-label" }, "\u5F53\u524D\u7F51\u5173\u5730\u5740\uFF08\u53EA\u8BFB\uFF09"),
+          h("code", { className: "odc-code" }, baseURL === "" ? "\u2014" : baseURL)
+        ),
+        h(
+          "div",
+          null,
+          h("span", { className: "odc-label" }, "\u5F53\u524D\u63A8\u7406\u8DEF\u5F84\uFF08\u53EA\u8BFB\uFF09"),
+          h("code", { className: "odc-code" }, protocolEndpoint(baseURL, protocol))
+        ),
+        h("small", { className: "odc-hint" }, "\u5730\u5740\u7531\u63D2\u4EF6\u914D\u7F6E\u63D0\u4F9B\uFF0C\u65E0\u9700\u5728\u6B64\u586B\u5199\uFF1B\u5207\u6362\u534F\u8BAE\u53EA\u6539\u53D8\u8BF7\u6C42\u8DEF\u5F84\u4E0E\u62A5\u6587\u683C\u5F0F\u3002")
+      )
+    ),
+    h(
+      "section",
+      { className: "odc-card" },
+      h("h3", null, "\u51ED\u636E\u4E0E\u7F51\u5173"),
+      h("p", { className: "odc-hint" }, "\u8FD9\u91CC\u53EA\u4FDD\u5B58\u51ED\u636E\u5F15\u7528\u540D\u79F0\uFF0C\u4E0D\u586B\u5199 Key \u672C\u8EAB\uFF1B\u7F51\u5173\u5730\u5740\u7531\u63D2\u4EF6\u914D\u7F6E\u6258\u7BA1\u3002"),
+      h(
+        "div",
+        { className: "odc-field" },
+        h("label", { htmlFor: "odc-api-key-env" }, "API Key \u73AF\u5883\u53D8\u91CF / \u51ED\u636E\u5F15\u7528\u540D"),
+        h("input", {
+          id: "odc-api-key-env",
+          className: "odc-input",
+          type: "text",
+          value: apiKeyEnv,
+          disabled: !writable,
+          autoCapitalize: "off",
+          spellCheck: false,
+          onChange: (event) => setApiKeyEnv(event.target.value)
+        }),
+        h("small", { className: "odc-hint" }, "\u5F15\u7528\u540D\u5BF9\u5E94\u7684\u51ED\u636E\u4ECD\u4F18\u5148\u4E8E\u672C\u63D2\u4EF6\u4FDD\u5B58\u7684 Key\u3002")
+      ),
+      h(
+        "div",
+        { className: "odc-actions", style: { marginTop: 10 } },
+        h("button", { className: "odc-button", type: "button", disabled: !writable || pendingField.includes("apiKeyEnv"), onClick: () => {
+          void saveKeyRef();
+        } }, "\u4FDD\u5B58\u5F15\u7528\u540D")
+      ),
+      h(NoticeView, { notice: keyNotice })
+    ),
+    h(
+      "section",
+      { className: "odc-card" },
+      h("h3", null, "\u8BF7\u6C42\u65F6\u9650\u4E0E\u81EA\u52A8\u5237\u65B0"),
+      h("p", { className: "odc-hint" }, "\u6570\u503C\u5728\u79BB\u5F00\u8F93\u5165\u6846\u65F6\u6821\u9A8C\u5E76\u4FDD\u5B58\uFF1B\u7559\u7A7A\u6216\u8D8A\u754C\u4E0D\u4F1A\u5199\u5165\u3002"),
+      h(NumberField, {
+        id: "odc-request-timeout",
+        label: "\u8BF7\u6C42\u603B\u8D85\u65F6\uFF08\u6BEB\u79D2\uFF09",
+        hint: "\u4ECE\u53D1\u51FA\u8BF7\u6C42\u5230\u54CD\u5E94\u7ED3\u675F\u7684\u4E0A\u9650\uFF0C1000\u20133600000\u3002",
+        value: requestTimeout,
+        min: MIN_REQUEST_TIMEOUT_MS,
+        max: MAX_REQUEST_TIMEOUT_MS,
+        integer: true,
+        disabled: !writable || pendingField.includes("requestTimeoutMs"),
+        onCommit: (value) => setFormField("requestTimeoutMs", value)
+      }),
+      h(NumberField, {
+        id: "odc-stream-idle-timeout",
+        label: "\u6D41\u5F0F\u7A7A\u95F2\u8D85\u65F6\uFF08\u6BEB\u79D2\uFF09",
+        hint: "\u6D41\u5F0F\u54CD\u5E94\u65E0\u65B0\u6570\u636E\u7684\u6700\u957F\u7B49\u5F85\uFF0C1000\u20131800000\u3002",
+        value: streamIdleTimeout,
+        min: MIN_STREAM_IDLE_TIMEOUT_MS,
+        max: MAX_STREAM_IDLE_TIMEOUT_MS,
+        integer: true,
+        disabled: !writable || pendingField.includes("streamIdleTimeoutMs"),
+        onCommit: (value) => setFormField("streamIdleTimeoutMs", value)
+      }),
+      h(NumberField, {
+        id: "odc-quota-refresh",
+        label: "\u989D\u5EA6\u81EA\u52A8\u5237\u65B0\u95F4\u9694\uFF08\u79D2\uFF09",
+        hint: `5\u20133600\uFF1B\u9ED8\u8BA4 ${DEFAULT_QUOTA_REFRESH_SECONDS} \u79D2\uFF0C\u9875\u9762\u5173\u95ED\u540E\u505C\u6B62\u3002`,
+        value: refreshSeconds,
+        min: MIN_QUOTA_REFRESH_SECONDS,
+        max: MAX_QUOTA_REFRESH_SECONDS,
+        integer: true,
+        disabled: !writable || pendingField.includes("quotaRefreshSeconds"),
+        onCommit: (value) => setFormField("quotaRefreshSeconds", value)
+      })
     )
   );
 }
@@ -20350,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" });
@@ -20366,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 {
@@ -20382,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;
     }
@@ -20417,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) => {
@@ -20435,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")
@@ -20468,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)
           }),
@@ -20477,85 +21210,12 @@ 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")
         )
       )
     )
   );
 }
-function Advanced({ status, formSnapshot, setFormField, pendingField }) {
-  const [baseURL, setBaseURL] = React.useState(status?.config.baseURL ?? "");
-  const [apiKeyEnv, setApiKeyEnv] = React.useState(status?.config.apiKeyEnv ?? "");
-  const [notice, setNotice] = React.useState(null);
-  const mounted = useMounted();
-  React.useEffect(() => {
-    setBaseURL(formSnapshot.value?.baseURL ?? status?.config.baseURL ?? "");
-  }, [formSnapshot.value?.baseURL, status?.config.baseURL]);
-  React.useEffect(() => {
-    setApiKeyEnv(formSnapshot.value?.apiKeyEnv ?? status?.config.apiKeyEnv ?? "");
-  }, [formSnapshot.value?.apiKeyEnv, status?.config.apiKeyEnv]);
-  const saveText = async (field) => {
-    const value = field === "baseURL" ? baseURL.trim() : apiKeyEnv.trim();
-    if (value === "") {
-      setNotice({ kind: "error", text: "\u914D\u7F6E\u503C\u4E0D\u80FD\u4E3A\u7A7A\u3002" });
-      return;
-    }
-    setNotice(null);
-    try {
-      const accepted = await setFormField(field, value);
-      if (mounted.current) setNotice(accepted ? { kind: "status", text: "\u914D\u7F6E\u5DF2\u4FDD\u5B58\u3002" } : { kind: "error", text: "\u914D\u7F6E\u672A\u4FDD\u5B58\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u8BD5\u3002" });
-    } catch {
-      if (mounted.current) setNotice({ kind: "error", text: GENERIC_ERROR });
-    }
-  };
-  const disabled = !formSnapshot.writable;
-  return h(
-    React.Fragment,
-    null,
-    h(
-      "section",
-      { className: "odc-card" },
-      h("h3", null, "\u7A7A\u8F6E\u76D1\u63A7"),
-      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: disabled || pendingField === "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) => {
-          void setFormField("emptyTurnGuard", checked);
-        }
-      }))
-    ),
-    h(
-      "section",
-      { className: "odc-card" },
-      h("h3", null, "\u63A8\u7406\u8FDE\u63A5"),
-      h("p", { className: "odc-hint" }, formSnapshot.status === "unavailable" ? "\u5BBF\u4E3B\u672A\u5F00\u653E\u6B64\u914D\u7F6E\u8868\u5355\u3002" : "\u5B57\u6BB5\u7531\u5BBF\u4E3B\u914D\u7F6E\u8868\u5355\u6821\u9A8C\u5E76\u6301\u4E45\u5316\uFF1B\u65E0\u9700\u989D\u5916\u7684\u4FDD\u5B58\u63A5\u53E3\u3002"),
-      h(
-        "div",
-        { className: "odc-field" },
-        h("label", { htmlFor: "odc-base-url" }, "Base URL"),
-        h("input", { id: "odc-base-url", className: "odc-input", type: "url", value: baseURL, disabled, onChange: (event) => setBaseURL(event.target.value) }),
-        h("small", { className: "odc-hint" }, "\u4EC5\u7528\u4E8E OpenAI \u517C\u5BB9\u63A8\u7406\uFF0C\u4E0D\u7528\u4E8E\u63A7\u5236\u53F0\u767B\u5F55\u6216\u989D\u5EA6\u67E5\u8BE2\u3002")
-      ),
-      h("div", { className: "odc-actions", style: { marginTop: 10 } }, h("button", { className: "odc-button", type: "button", disabled: disabled || pendingField === "baseURL", onClick: () => {
-        void saveText("baseURL");
-      } }, "\u4FDD\u5B58 Base URL")),
-      h(
-        "div",
-        { className: "odc-field" },
-        h("label", { htmlFor: "odc-api-key-env" }, "API Key \u73AF\u5883\u53D8\u91CF / \u51ED\u636E\u5F15\u7528\u540D"),
-        h("input", { id: "odc-api-key-env", className: "odc-input", type: "text", value: apiKeyEnv, disabled, autoCapitalize: "off", spellCheck: false, onChange: (event) => setApiKeyEnv(event.target.value) }),
-        h("small", { className: "odc-hint" }, "\u8FD9\u91CC\u53EA\u4FDD\u5B58\u5F15\u7528\u540D\u79F0\uFF0C\u4E0D\u586B\u5199 Key \u672C\u8EAB\u3002")
-      ),
-      h("div", { className: "odc-actions", style: { marginTop: 10 } }, h("button", { className: "odc-button", type: "button", disabled: disabled || pendingField === "apiKeyEnv", onClick: () => {
-        void saveText("apiKeyEnv");
-      } }, "\u4FDD\u5B58\u5F15\u7528\u540D")),
-      h(NoticeView, { notice })
-    )
-  );
-}
 function tabAfter(current, key) {
   const index = TABS.findIndex((tab) => tab.id === current);
   if (key === "Home") return TABS[0].id;
@@ -20571,14 +21231,27 @@ function SettingsPage({ caller, form }) {
   const [error62, setError] = React.useState();
   const [loading, setLoading] = React.useState(true);
   const [refreshing, setRefreshing] = React.useState(false);
-  const [pendingField, setPendingField] = React.useState(null);
+  const [refreshingModels, setRefreshingModels] = React.useState(false);
+  const [modelsNotice, setModelsNotice] = 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);
   const quotaVersion = React.useRef(0);
   const loginVersion = React.useRef(0);
+  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 {
@@ -20593,14 +21266,18 @@ function SettingsPage({ caller, form }) {
     }
   }, [caller, mounted]);
   const refreshBusy = React.useRef(false);
-  const refresh = React.useCallback(async () => {
-    if (refreshBusy.current) return;
+  const forcedRefreshPending = React.useRef(false);
+  const refresh = React.useCallback(async (force = false) => {
+    if (refreshBusy.current) {
+      if (force) forcedRefreshPending.current = true;
+      return;
+    }
     refreshBusy.current = true;
     const version2 = ++quotaVersion.current;
     setRefreshing(true);
     setError(void 0);
     try {
-      const quota = await caller("refreshQuota");
+      const quota = await caller(force ? "refreshQuotaNow" : "refreshQuota");
       if (!mounted.current || version2 !== quotaVersion.current) return;
       setStatus((previous) => previous === void 0 ? previous : { ...previous, quota });
       await loadStatus();
@@ -20610,32 +21287,83 @@ function SettingsPage({ caller, form }) {
       if (mounted.current && version2 === quotaVersion.current) {
         refreshBusy.current = false;
         setRefreshing(false);
+        if (forcedRefreshPending.current) {
+          forcedRefreshPending.current = false;
+          void refresh(true);
+        }
       }
     }
   }, [caller, loadStatus, mounted]);
   React.useEffect(() => {
+    void loadStatus();
     void refresh();
     return () => {
       statusVersion.current += 1;
       quotaVersion.current += 1;
       loginVersion.current += 1;
+      modelsVersion.current += 1;
       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" });
+      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);
+  const refreshModels = React.useCallback(async () => {
+    if (refreshModelsBusy.current) return;
+    refreshModelsBusy.current = true;
+    const version2 = ++modelsVersion.current;
+    setRefreshingModels(true);
+    setModelsNotice(null);
+    try {
+      const next = await caller("refreshModels");
+      if (!mounted.current || version2 !== modelsVersion.current) return;
+      setStatus(next);
+      setError(void 0);
+      setModelsNotice(next.modelsError === void 0 ? { kind: "status", text: `\u5DF2\u4ECE OpenAI \u5237\u65B0\u6A21\u578B\u5217\u8868\uFF0C\u5171 ${next.models.length} \u4E2A\u6A21\u578B\u3002` } : null);
+    } catch {
+      if (mounted.current && version2 === modelsVersion.current) setModelsNotice({ kind: "error", text: "\u6A21\u578B\u5237\u65B0\u672A\u5B8C\u6210\uFF0C\u8BF7\u68C0\u67E5\u51ED\u636E\u3001\u7F51\u5173\u4E0E\u7F51\u7EDC\u540E\u91CD\u8BD5\u3002" });
+    } finally {
+      if (mounted.current && version2 === modelsVersion.current) {
+        setRefreshingModels(false);
+        refreshModelsBusy.current = false;
+      }
     }
-  }, [form, mounted]);
+  }, [caller, mounted]);
   const loginState = status?.login.state;
   const loginActive = loginState !== void 0 && loginInFlight(loginState);
   React.useEffect(() => {
@@ -20664,17 +21392,55 @@ function SettingsPage({ caller, form }) {
       loginVersion.current += 1;
     };
   }, [caller, loadStatus, loginActive, mounted, refresh]);
+  const configuredSeconds = formSnapshot.value?.quotaRefreshSeconds ?? status?.config.quotaRefreshSeconds;
+  const refreshIntervalSeconds = configuredSeconds === void 0 ? DEFAULT_QUOTA_REFRESH_SECONDS : normaliseQuotaRefreshSeconds(configuredSeconds);
+  const quotaNextRefreshAt = status?.quota.nextRefreshAt;
+  const schedule = React.useMemo(
+    () => status?.quota.state === "need-login" || status?.quota.autoRefreshPaused ? void 0 : quotaAutoRefresh(refreshIntervalSeconds, quotaNextRefreshAt, Date.now(), Boolean(status?.quota.refreshFailures)),
+    [refreshIntervalSeconds, quotaNextRefreshAt, status?.quota.state, status?.quota.autoRefreshPaused, status?.quota.refreshFailures, scheduleTick]
+  );
+  React.useEffect(() => {
+    if (schedule === void 0) return;
+    const timer = setTimeout(() => {
+      void refresh().finally(() => {
+        if (mounted.current) setScheduleTick((tick) => tick + 1);
+      });
+    }, schedule.delayMs);
+    return () => clearTimeout(timer);
+  }, [schedule, refresh, mounted]);
   const selectTab = (next) => {
     setTab(next);
     if (next === "overview" && tab !== "overview") void refresh();
   };
   let content;
-  if (tab === "overview") content = h(Overview, { status, busy: refreshing, onRefresh: () => {
-    void refresh();
-  } });
-  else if (tab === "models") content = h(Models, { models: status?.models });
-  else if (tab === "connection") content = h(Connection, { status, formSnapshot, setFormField, pendingField, caller, loadStatus, refreshAfterLogin: refresh });
-  else content = h(Advanced, { status, formSnapshot, setFormField, pendingField });
+  if (tab === "overview") {
+    content = h(Overview, {
+      status,
+      busy: refreshing,
+      onRefresh: () => {
+        void refresh(true);
+      },
+      onConnection: () => selectTab("connection"),
+      nextAutoRefreshAt: schedule?.at,
+      refreshIntervalSeconds
+    });
+  } else if (tab === "models") {
+    content = h(Models, {
+      status,
+      formSnapshot,
+      setFormField,
+      pendingField,
+      onRefreshModels: () => {
+        void refreshModels();
+      },
+      refreshingModels,
+      notice: modelsNotice
+    });
+  } else if (tab === "connection") {
+    content = h(Connection, { status, formSnapshot, setFormField, pendingField, caller, loadStatus, refreshAfterLogin: refresh });
+  } else {
+    content = h(Advanced, { status, formSnapshot, setFormField, pendingField });
+  }
   return h(
     "div",
     { className: "odc-settings" },
@@ -20701,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",
@@ -20709,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";