@codexhost/cli-win32-arm64 0.3.4 → 0.4.0

package/app/renderer-extension.js

@@ -15014,7 +15014,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional()
   }).strict();
   var threadUsageInspectionParamsSchema = external_exports.object({
-    threadId: hostThreadIdSchema
+    threadId: hostThreadIdSchema,
+    refresh: external_exports.literal("exact").optional()
   }).strict();
   var threadUsageInspectionSchema = external_exports.object({
     threadId: hostThreadIdSchema,
@@ -16558,6 +16559,86 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M12 16h.01" }]
   ];
 
+  // src/renderer-harness-localization.ts
+  var ENGLISH_HARNESS_MESSAGES = Object.freeze({
+    commands: "Commands",
+    harnessCommands: "Harness commands",
+    textArgument: "Text",
+    permissionMode: "Permission mode",
+    permissions: "Permissions",
+    loadingPermissions: "Loading permissions...",
+    selecting: "Selecting...",
+    permissionsUnavailable: "Permissions unavailable"
+  });
+  var CHINESE_HARNESS_MESSAGES = Object.freeze({
+    commands: "\u547D\u4EE4",
+    harnessCommands: "Harness \u547D\u4EE4",
+    textArgument: "\u6587\u672C",
+    permissionMode: "\u6743\u9650\u6A21\u5F0F",
+    permissions: "\u6743\u9650",
+    loadingPermissions: "\u6B63\u5728\u52A0\u8F7D\u6743\u9650...",
+    selecting: "\u6B63\u5728\u9009\u62E9...",
+    permissionsUnavailable: "\u6743\u9650\u4E0D\u53EF\u7528"
+  });
+  var CHINESE_PERMISSION_MODE_LABELS = /* @__PURE__ */ new Map([
+    ["Always ask", "\u59CB\u7EC8\u8BE2\u95EE"],
+    ["Write", "\u5199\u5165"],
+    ["Full access", "\u5B8C\u5168\u8BBF\u95EE"],
+    ["Plan mode", "\u89C4\u5212\u6A21\u5F0F"],
+    ["Default", "\u9ED8\u8BA4"],
+    ["Accept edits", "\u63A5\u53D7\u7F16\u8F91"],
+    ["Auto mode", "\u81EA\u52A8\u6A21\u5F0F"],
+    ["Bypass permissions", "\u7ED5\u8FC7\u6743\u9650"],
+    ["Ask", "\u8BE2\u95EE"],
+    ["Auto", "\u81EA\u52A8"],
+    ["Always approve", "\u59CB\u7EC8\u6279\u51C6"]
+  ]);
+  var CHINESE_PERMISSION_MODE_DESCRIPTIONS = /* @__PURE__ */ new Map([
+    [
+      "Automatically allow reads and ask before write or execution actions.",
+      "\u81EA\u52A8\u5141\u8BB8\u8BFB\u53D6\uFF1B\u5199\u5165\u6216\u6267\u884C\u64CD\u4F5C\u524D\u8BE2\u95EE\u3002"
+    ],
+    [
+      "Automatically allow reads and writes; ask before execution actions.",
+      "\u81EA\u52A8\u5141\u8BB8\u8BFB\u53D6\u548C\u5199\u5165\uFF1B\u6267\u884C\u64CD\u4F5C\u524D\u8BE2\u95EE\u3002"
+    ],
+    ["Run all tool actions without approval prompts.", "\u65E0\u9700\u6279\u51C6\u63D0\u793A\u5373\u53EF\u8FD0\u884C\u6240\u6709\u5DE5\u5177\u64CD\u4F5C\u3002"],
+    ["Analyze and plan without executing tools.", "\u4EC5\u5206\u6790\u548C\u89C4\u5212\uFF0C\u4E0D\u6267\u884C\u5DE5\u5177\u3002"],
+    ["Ask before edits and other protected actions.", "\u7F16\u8F91\u548C\u5176\u4ED6\u53D7\u4FDD\u62A4\u64CD\u4F5C\u524D\u8BE2\u95EE\u3002"],
+    ["Allow file edits and ask for other protected actions.", "\u5141\u8BB8\u6587\u4EF6\u7F16\u8F91\uFF1B\u5176\u4ED6\u53D7\u4FDD\u62A4\u64CD\u4F5C\u524D\u8BE2\u95EE\u3002"],
+    ["Let Claude classify permission requests.", "\u7531 Claude \u5224\u65AD\u6743\u9650\u8BF7\u6C42\u3002"],
+    ["Skip Claude Code permission checks.", "\u8DF3\u8FC7 Claude Code \u6743\u9650\u68C0\u67E5\u3002"],
+    [
+      "Use Grok Build's default interactive approval policy.",
+      "\u4F7F\u7528 Grok Build \u7684\u9ED8\u8BA4\u4EA4\u4E92\u5F0F\u6279\u51C6\u7B56\u7565\u3002"
+    ],
+    ["Ask before protected tool actions.", "\u6267\u884C\u53D7\u4FDD\u62A4\u7684\u5DE5\u5177\u64CD\u4F5C\u524D\u8BE2\u95EE\u3002"],
+    [
+      "Let Grok Build decide which tool actions may run automatically.",
+      "\u7531 Grok Build \u51B3\u5B9A\u54EA\u4E9B\u5DE5\u5177\u64CD\u4F5C\u53EF\u81EA\u52A8\u8FD0\u884C\u3002"
+    ],
+    ["Approve all tool actions without prompting.", "\u65E0\u9700\u63D0\u793A\u5373\u53EF\u6279\u51C6\u6240\u6709\u5DE5\u5177\u64CD\u4F5C\u3002"]
+  ]);
+  function rendererHarnessMessages(locale) {
+    return locale === "zh-CN" ? CHINESE_HARNESS_MESSAGES : ENGLISH_HARNESS_MESSAGES;
+  }
+  function rendererHarnessCommandPresentation(command, locale) {
+    if (locale === "zh-CN" && command.invocation === "/compact") {
+      return { label: "\u538B\u7F29\u4E0A\u4E0B\u6587", description: "\u538B\u7F29\u5F53\u524D\u5BF9\u8BDD\u4E0A\u4E0B\u6587" };
+    }
+    return {
+      label: command.label,
+      description: command.description ?? command.label
+    };
+  }
+  function rendererPermissionModePresentation(mode, locale) {
+    if (locale !== "zh-CN") return { label: mode.label, description: mode.description };
+    return {
+      label: CHINESE_PERMISSION_MODE_LABELS.get(mode.label) ?? mode.label,
+      description: mode.description === void 0 ? void 0 : CHINESE_PERMISSION_MODE_DESCRIPTIONS.get(mode.description) ?? mode.description
+    };
+  }
+
   // src/renderer-permission-mode-picker.ts
   var MENU_CLASSES2 = "fixed z-50 overflow-hidden rounded-lg bg-token-dropdown-background/95 text-token-foreground shadow-lg ring-[0.5px] ring-token-border backdrop-blur-xl";
   var OPTION_CLASSES2 = "flex w-full cursor-interaction items-start gap-2 rounded-md px-2 py-2 text-left text-sm text-token-foreground outline-none enabled:hover:bg-token-list-hover-background enabled:active:bg-token-foreground/15 disabled:cursor-not-allowed disabled:opacity-40";
@@ -16584,13 +16665,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     if (view.status === "unsupported") return true;
     return (view.status === "ready" || view.status === "error") && selectedMode(view) !== void 0;
   }
-  function rendererPermissionModeLabel(view) {
+  function rendererPermissionModeLabel(view, locale = "en") {
     const selected = selectedMode(view);
-    if (selected) return selected.label;
-    if (view.status === "loading") return "Loading permissions...";
-    if (view.status === "selecting") return "Selecting...";
-    if (view.status === "error") return "Permissions unavailable";
-    return "Permissions";
+    if (selected) return rendererPermissionModePresentation(selected, locale).label;
+    const messages = rendererHarnessMessages(locale);
+    if (view.status === "loading") return messages.loadingPermissions;
+    if (view.status === "selecting") return messages.selecting;
+    if (view.status === "error") return messages.permissionsUnavailable;
+    return messages.permissions;
   }
   function positionMenu(control) {
     const rect = control.trigger.getBoundingClientRect();
@@ -16605,7 +16687,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     control.trigger.style.maxWidth = "min(220px, 34vw)";
     control.trigger.style.letterSpacing = "0";
   }
-  function mountRendererPermissionModePicker(composerId, onSelect) {
+  function mountRendererPermissionModePicker(composerId, onSelect, locale = "en") {
     ensureRendererTriggerChipStyle(document);
     const root = document.createElement("div");
     root.setAttribute("data-codexhost-permission-mode-control", composerId);
@@ -16637,7 +16719,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const menu = document.createElement("div");
     menu.id = `${composerId}-permission-mode-menu`;
     menu.setAttribute("role", "menu");
-    menu.setAttribute("aria-label", "Permission mode");
+    menu.setAttribute("aria-label", rendererHarnessMessages(locale).permissionMode);
     menu.setAttribute("popover", "auto");
     menu.hidden = typeof menu.showPopover !== "function";
     menu.className = MENU_CLASSES2;
@@ -16727,6 +16809,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       label,
       menu,
       options,
+      locale,
       close,
       dispose() {
         close();
@@ -16743,10 +16826,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     syncRendererPermissionModeTriggerClass(control);
     return control;
   }
-  function rebuildOptions2(control, catalog) {
+  function rebuildOptions2(control, catalog, locale) {
     control.options.clear();
     control.menu.replaceChildren();
     for (const mode of catalog.modes) {
+      const presentation = rendererPermissionModePresentation(mode, locale);
       const button = document.createElement("button");
       button.type = "button";
       button.dataset.permissionModeId = mode.id;
@@ -16760,13 +16844,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const copy = document.createElement("span");
       copy.className = "min-w-0 flex-1";
       const title = document.createElement("span");
-      title.textContent = mode.label;
+      title.textContent = presentation.label;
       title.className = "block font-medium";
       title.style.letterSpacing = "0";
       copy.append(title);
-      if (mode.description) {
+      if (presentation.description) {
         const description = document.createElement("span");
-        description.textContent = mode.description;
+        description.textContent = presentation.description;
         description.className = "mt-0.5 block text-xs text-token-text-tertiary";
         description.style.lineHeight = "16px";
         description.style.letterSpacing = "0";
@@ -16781,7 +16865,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       control.menu.append(button);
     }
   }
-  function renderRendererPermissionModePicker(control, view, visible) {
+  function renderRendererPermissionModePicker(control, view, visible, locale = control.locale) {
+    control.locale = locale;
+    const messages = rendererHarnessMessages(locale);
+    control.menu.setAttribute("aria-label", messages.permissionMode);
     control.root.style.display = visible ? "inline-flex" : "none";
     control.root.style.alignItems = "center";
     control.root.style.alignSelf = "center";
@@ -16792,15 +16879,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       control.close();
       return;
     }
-    const signature = JSON.stringify(view.catalog);
+    const signature = `${locale}:${JSON.stringify(view.catalog)}`;
     if (view.catalog && control.root.dataset.catalogSignature !== signature) {
-      rebuildOptions2(control, view.catalog);
+      rebuildOptions2(control, view.catalog, locale);
       control.root.dataset.catalogSignature = signature;
     }
-    const label = rendererPermissionModeLabel(view);
+    const label = rendererPermissionModeLabel(view, locale);
     if (control.label.textContent !== label) control.label.textContent = label;
     control.trigger.title = view.error ? `${label}: ${view.error}` : label;
-    control.trigger.setAttribute("aria-label", `Permission mode: ${label}`);
+    control.trigger.setAttribute("aria-label", `${messages.permissionMode}: ${label}`);
     control.trigger.disabled = view.status === "loading" || view.status === "selecting" || view.catalog === void 0;
     control.trigger.setAttribute("aria-busy", String(view.status === "selecting"));
     if (control.trigger.disabled) control.close();
@@ -16813,6 +16900,51 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
 
   // src/renderer-usage-control.ts
+  var ENGLISH_USAGE_MESSAGES = Object.freeze({
+    usage: "Usage",
+    context: "Context",
+    latestCacheHit: "Latest cache hit",
+    outputSpeed: "Output speed",
+    cacheRead: "Cache read",
+    cacheWrite: "Cache write",
+    reasoning: "Reasoning",
+    totalTokens: "Total tokens",
+    inputOutput: "Input / output",
+    fiveHourLimit: "5-hour limit",
+    sevenDayLimit: "7-day limit",
+    sessionCostEstimate: "Session cost estimate",
+    threadUsage: "Thread Usage",
+    threadUsageDetails: "Thread Usage details",
+    contextSummary: "context",
+    tokensSummary: "tokens",
+    tokensPerSecond: "tok/s",
+    fiveHourSummary: "5h",
+    sevenDaySummary: "7d"
+  });
+  var CHINESE_USAGE_MESSAGES = Object.freeze({
+    usage: "\u7528\u91CF",
+    context: "\u4E0A\u4E0B\u6587",
+    latestCacheHit: "\u6700\u8FD1\u7F13\u5B58\u547D\u4E2D\u7387",
+    outputSpeed: "\u8F93\u51FA\u901F\u5EA6",
+    cacheRead: "\u7F13\u5B58\u8BFB\u53D6",
+    cacheWrite: "\u7F13\u5B58\u5199\u5165",
+    reasoning: "\u63A8\u7406",
+    totalTokens: "Token \u603B\u6570",
+    inputOutput: "\u8F93\u5165 / \u8F93\u51FA",
+    fiveHourLimit: "5 \u5C0F\u65F6\u9650\u989D",
+    sevenDayLimit: "7 \u5929\u9650\u989D",
+    sessionCostEstimate: "\u4F1A\u8BDD\u8D39\u7528\u4F30\u7B97",
+    threadUsage: "\u5BF9\u8BDD\u7528\u91CF",
+    threadUsageDetails: "\u5BF9\u8BDD\u7528\u91CF\u8BE6\u60C5",
+    contextSummary: "\u4E0A\u4E0B\u6587",
+    tokensSummary: "Token",
+    tokensPerSecond: "Token/\u79D2",
+    fiveHourSummary: "5 \u5C0F\u65F6",
+    sevenDaySummary: "7 \u5929"
+  });
+  function rendererUsageMessages(locale) {
+    return locale === "zh-CN" ? CHINESE_USAGE_MESSAGES : ENGLISH_USAGE_MESSAGES;
+  }
   function decimal(value, fractionDigits) {
     return value.toFixed(fractionDigits).replace(/\.?0+$/u, "");
   }
@@ -16822,14 +16954,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function formatRendererCost(value) {
     return `$${value.toFixed(3)}`;
   }
-  function formatRendererTokenRate(value) {
-    return `${decimal(value, 1)} tok/s`;
+  function formatRendererTokenRate(value, locale = "en") {
+    return `${decimal(value, 1)} ${rendererUsageMessages(locale).tokensPerSecond}`;
   }
   function formatRendererTokenCount(value) {
     const sign = value < 0 ? "-" : "";
     const absolute = Math.abs(value);
     if (absolute < 1e3) return `${sign}${Math.round(absolute)}`;
-    return `${sign}${decimal(absolute / 1e3, 1)}k`;
+    if (absolute < 1e6) return `${sign}${decimal(absolute / 1e3, 1)}k`;
+    if (absolute < 1e9) return `${sign}${decimal(absolute / 1e6, 1)}M`;
+    return `${sign}${decimal(absolute / 1e9, 1)}B`;
   }
   function formatRendererCreditsPercent(value) {
     return `${decimal(value, 1)}%`;
@@ -16871,20 +17005,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     svg.append(track, fill);
     return svg;
   }
-  function formatRendererPlanReset(unixSeconds) {
+  function formatRendererPlanReset(unixSeconds, locale) {
     const date5 = new Date(unixSeconds * 1e3);
     if (Number.isNaN(date5.getTime())) return "";
-    return date5.toLocaleString(void 0, {
+    return date5.toLocaleString(locale === "zh-CN" ? "zh-CN" : void 0, {
       month: "long",
       day: "numeric",
       hour: "numeric",
       minute: "2-digit"
     });
   }
-  function formatRendererPlanWindow(usedPercent, resetsAtUnix) {
+  function formatRendererPlanWindow(usedPercent, resetsAtUnix, locale) {
     const percent = formatRendererCreditsPercent(usedPercent);
     if (resetsAtUnix === void 0) return percent;
-    const reset = formatRendererPlanReset(resetsAtUnix);
+    const reset = formatRendererPlanReset(resetsAtUnix, locale);
     return reset.length > 0 ? `${percent} \xB7 ${reset}` : percent;
   }
   function rendererUsageTriggerMaxWidth() {
@@ -16916,10 +17050,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     row.append(labelElement, valueElement);
     parent.append(row);
   }
-  function renderDetails(popover, usage) {
+  function renderDetails(popover, usage, messages, locale) {
     popover.replaceChildren();
     const heading = document.createElement("div");
-    heading.textContent = "Usage";
+    heading.textContent = messages.usage;
     heading.style.fontWeight = "600";
     heading.style.marginBottom = "6px";
     popover.append(heading);
@@ -16927,55 +17061,75 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const contextPercent = usage.contextWindowTokens > 0 ? usage.contextUsedTokens / usage.contextWindowTokens * 100 : null;
       addDetailRow(
         popover,
-        "Context",
+        messages.context,
         contextPercent === null ? `/${formatRendererTokenCount(usage.contextWindowTokens)}` : `${decimal(contextPercent, 1)}% / ${formatRendererTokenCount(usage.contextWindowTokens)}`
       );
     }
     if (usage?.cacheHitRatePercent !== void 0) {
       addDetailRow(
         popover,
-        "Latest cache hit",
+        messages.latestCacheHit,
         formatRendererCacheHitRate(usage.cacheHitRatePercent)
       );
     }
     if (usage?.outputTokensPerSecond !== void 0) {
-      addDetailRow(popover, "Output speed", formatRendererTokenRate(usage.outputTokensPerSecond));
+      addDetailRow(
+        popover,
+        messages.outputSpeed,
+        formatRendererTokenRate(usage.outputTokensPerSecond, locale)
+      );
     }
     if (usage?.cachedInputTokens !== void 0) {
-      addDetailRow(popover, "Cache read", formatRendererTokenCount(usage.cachedInputTokens));
+      addDetailRow(popover, messages.cacheRead, formatRendererTokenCount(usage.cachedInputTokens));
     }
     if (usage?.cacheWriteInputTokens !== void 0) {
-      addDetailRow(popover, "Cache write", formatRendererTokenCount(usage.cacheWriteInputTokens));
+      addDetailRow(
+        popover,
+        messages.cacheWrite,
+        formatRendererTokenCount(usage.cacheWriteInputTokens)
+      );
     }
     if (usage?.reasoningOutputTokens !== void 0) {
-      addDetailRow(popover, "Reasoning", formatRendererTokenCount(usage.reasoningOutputTokens));
+      addDetailRow(
+        popover,
+        messages.reasoning,
+        formatRendererTokenCount(usage.reasoningOutputTokens)
+      );
     }
     if (usage?.totalTokens !== void 0) {
-      addDetailRow(popover, "Total tokens", formatRendererTokenCount(usage.totalTokens));
+      addDetailRow(popover, messages.totalTokens, formatRendererTokenCount(usage.totalTokens));
     }
     if (usage?.inputTokens !== void 0 || usage?.outputTokens !== void 0) {
       addDetailRow(
         popover,
-        "Input / output",
+        messages.inputOutput,
         `${formatRendererTokenCount(usage.inputTokens ?? 0)} / ${formatRendererTokenCount(usage.outputTokens ?? 0)}`
       );
     }
     if (usage?.planFiveHourUsedPercent !== void 0) {
       addDetailRow(
         popover,
-        "5-hour limit",
-        formatRendererPlanWindow(usage.planFiveHourUsedPercent, usage.planFiveHourResetsAtUnix)
+        messages.fiveHourLimit,
+        formatRendererPlanWindow(
+          usage.planFiveHourUsedPercent,
+          usage.planFiveHourResetsAtUnix,
+          locale
+        )
       );
     }
     if (usage?.planSevenDayUsedPercent !== void 0) {
       addDetailRow(
         popover,
-        "7-day limit",
-        formatRendererPlanWindow(usage.planSevenDayUsedPercent, usage.planSevenDayResetsAtUnix)
+        messages.sevenDayLimit,
+        formatRendererPlanWindow(
+          usage.planSevenDayUsedPercent,
+          usage.planSevenDayResetsAtUnix,
+          locale
+        )
       );
     }
     if (usage?.totalCostUsd !== void 0) {
-      addDetailRow(popover, "Session cost estimate", formatRendererCost(usage.totalCostUsd));
+      addDetailRow(popover, messages.sessionCostEstimate, formatRendererCost(usage.totalCostUsd));
     }
   }
   function popoverIsOpen(popover) {
@@ -17003,19 +17157,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     control.trigger.setAttribute("aria-expanded", "false");
   }
   function openPopover(control) {
+    const wasOpen = control.trigger.getAttribute("aria-expanded") === "true";
     positionPopover(control);
     control.popover.hidden = false;
     if (typeof control.popover.showPopover === "function" && !popoverIsOpen(control.popover)) {
       control.popover.showPopover();
     }
     control.trigger.setAttribute("aria-expanded", "true");
+    if (!wasOpen) control.onOpen?.();
   }
   function togglePopover(control) {
     if (control.trigger.getAttribute("aria-expanded") === "true") closePopover(control);
     else openPopover(control);
   }
-  function mountRendererUsageControl(composerId) {
+  function mountRendererUsageControl(composerId, locale = "en") {
     ensureRendererTriggerChipStyle(document);
+    const messages = rendererUsageMessages(locale);
     const root = document.createElement("div");
     root.dataset.codexhostUsageControl = composerId;
     root.className = "relative min-w-0";
@@ -17030,8 +17187,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trigger.type = "button";
     trigger.setAttribute("aria-haspopup", "dialog");
     trigger.setAttribute("aria-expanded", "false");
-    trigger.setAttribute("aria-label", "Thread Usage");
-    trigger.title = "Thread Usage";
+    trigger.setAttribute("aria-label", messages.threadUsage);
+    trigger.title = messages.threadUsage;
     trigger.style.color = "var(--color-text-tertiary, #8f8f8f)";
     trigger.style.gap = "4px";
     trigger.style.width = "fit-content";
@@ -17053,7 +17210,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const popover = document.createElement("div");
     popover.id = `${composerId}-usage-popover`;
     popover.setAttribute("role", "dialog");
-    popover.setAttribute("aria-label", "Thread Usage details");
+    popover.setAttribute("aria-label", messages.threadUsageDetails);
     popover.setAttribute("popover", "auto");
     popover.hidden = typeof popover.showPopover !== "function";
     popover.style.position = "fixed";
@@ -17073,6 +17230,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       popover,
       anchor: null,
       label,
+      locale,
+      onOpen: null,
       dispose() {
         closePopover(control);
         if (closeTimer !== null) window.clearTimeout(closeTimer);
@@ -17126,7 +17285,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     document.body.append(popover);
     return control;
   }
-  function renderRendererUsageControl(control, usage) {
+  function renderRendererUsageControl(control, usage, locale = control.locale) {
+    control.locale = locale;
+    const messages = rendererUsageMessages(locale);
+    control.popover.setAttribute("aria-label", messages.threadUsageDetails);
     const cacheHitRatePercent = usage?.cacheHitRatePercent;
     const outputTokensPerSecond = usage?.outputTokensPerSecond;
     const totalCostUsd = usage?.totalCostUsd;
@@ -17141,34 +17303,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     const summary = [
       cacheHitRatePercent !== void 0 ? formatRendererCacheHitRate(cacheHitRatePercent) : null,
-      outputTokensPerSecond !== void 0 ? formatRendererTokenRate(outputTokensPerSecond) : null,
+      outputTokensPerSecond !== void 0 ? formatRendererTokenRate(outputTokensPerSecond, locale) : null,
       totalCostUsd !== void 0 ? formatRendererCost(totalCostUsd) : null
     ].filter((value) => value !== null);
     if (summary.length === 0 && hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0) {
       summary.push(
-        `${decimal((usage.contextUsedTokens ?? 0) / usage.contextWindowTokens * 100, 1)}% context`
+        `${decimal((usage.contextUsedTokens ?? 0) / usage.contextWindowTokens * 100, 1)}% ${messages.contextSummary}`
       );
     }
     if (summary.length === 0 && usage?.totalTokens !== void 0) {
-      summary.push(`${formatRendererTokenCount(usage.totalTokens)} tokens`);
+      summary.push(`${formatRendererTokenCount(usage.totalTokens)} ${messages.tokensSummary}`);
     }
     if (summary.length === 0 && hasTokenUsage) {
       summary.push(
-        `${formatRendererTokenCount((usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0))} tokens`
+        `${formatRendererTokenCount((usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0))} ${messages.tokensSummary}`
       );
     }
     if (summary.length === 0 && hasPlanLimit) {
       summary.push(
-        usage?.planFiveHourUsedPercent !== void 0 ? `5h ${formatRendererCreditsPercent(usage.planFiveHourUsedPercent)}` : `7d ${formatRendererCreditsPercent(usage?.planSevenDayUsedPercent ?? 0)}`
+        usage?.planFiveHourUsedPercent !== void 0 ? `${messages.fiveHourSummary} ${formatRendererCreditsPercent(usage.planFiveHourUsedPercent)}` : `${messages.sevenDaySummary} ${formatRendererCreditsPercent(usage?.planSevenDayUsedPercent ?? 0)}`
       );
     }
     const compactSummary = summary.join(" \xB7 ");
-    const accessibleSummary = `Thread Usage: ${compactSummary}`;
+    const accessibleSummary = `${messages.threadUsage}: ${compactSummary}`;
     control.trigger.style.maxWidth = rendererUsageTriggerMaxWidth();
     control.trigger.setAttribute("aria-label", accessibleSummary);
     control.trigger.title = accessibleSummary;
     control.label.textContent = compactSummary;
-    renderDetails(control.popover, usage);
+    renderDetails(control.popover, usage, messages, locale);
     return true;
   }
 
@@ -17507,12 +17669,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     return svg;
   }
-  function menuItem(ownerDocument, command, onSelect) {
+  function menuItem(ownerDocument, command, locale, messages, onSelect) {
+    const presentation = rendererHarnessCommandPresentation(command, locale);
     const item = ownerDocument.createElement("button");
     item.type = "button";
     item.setAttribute("role", "menuitem");
     item.setAttribute("data-command-id", command.id);
-    item.setAttribute("aria-label", `${command.invocation} ${command.label}`);
+    item.setAttribute("aria-label", `${command.invocation} ${presentation.label}`);
     item.style.display = "flex";
     item.style.alignItems = "center";
     item.style.width = "100%";
@@ -17543,14 +17706,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     title.style.font = "600 13px/18px system-ui, sans-serif";
     title.style.whiteSpace = "nowrap";
     const description = ownerDocument.createElement("span");
-    description.textContent = command.description ?? command.label;
+    description.textContent = presentation.description;
     description.style.overflow = "hidden";
     description.style.color = "rgba(127, 127, 127, 0.9)";
     description.style.font = "400 11px/16px system-ui, sans-serif";
     description.style.textOverflow = "ellipsis";
     description.style.whiteSpace = "nowrap";
     const hint = ownerDocument.createElement("span");
-    hint.textContent = command.argumentMode === "text" ? "Text" : "\u21B5";
+    hint.textContent = command.argumentMode === "text" ? messages.textArgument : "\u21B5";
     hint.style.flex = "0 0 auto";
     hint.style.color = "rgba(127, 127, 127, 0.75)";
     hint.style.font = "400 11px/16px ui-monospace, SFMono-Regular, Menlo, monospace";
@@ -17576,8 +17739,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     button.style.cursor = "pointer";
     button.style.whiteSpace = "nowrap";
   }
-  function mountRendererHarnessCommandControl(parent, insertBefore, onCommandSelected) {
+  function mountRendererHarnessCommandControl(parent, insertBefore, onCommandSelected, initialLocale = "en") {
     const ownerDocument = parent.ownerDocument;
+    let locale = initialLocale;
+    let messages = rendererHarnessMessages(locale);
     const root = ownerDocument.createElement("div");
     root.setAttribute(CONTROL_ATTRIBUTE2, "true");
     root.style.display = "inline-flex";
@@ -17587,15 +17752,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trigger.type = "button";
     trigger.setAttribute("aria-haspopup", "menu");
     trigger.setAttribute("aria-expanded", "false");
-    trigger.setAttribute("aria-label", "Harness commands");
-    trigger.title = "Harness commands";
+    trigger.setAttribute("aria-label", messages.harnessCommands);
+    trigger.title = messages.harnessCommands;
     setButtonClass(trigger);
     trigger.append(commandIcon(ownerDocument));
     root.append(trigger);
     const menu = ownerDocument.createElement("div");
     menu.setAttribute(MENU_ATTRIBUTE, "true");
     menu.setAttribute("role", "menu");
-    menu.setAttribute("aria-label", "Harness commands");
+    menu.setAttribute("aria-label", messages.harnessCommands);
     menu.hidden = true;
     menu.style.position = "fixed";
     menu.style.inset = "auto";
@@ -17673,12 +17838,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const renderItems = () => {
       menu.replaceChildren();
       const header = ownerDocument.createElement("div");
-      header.textContent = "Commands";
+      header.textContent = messages.commands;
       header.style.padding = "5px 8px 4px";
       header.style.color = "rgba(127, 127, 127, 0.75)";
       header.style.font = "600 11px/16px system-ui, sans-serif";
       menu.append(header);
-      items = commands.map((command) => menuItem(ownerDocument, command, () => select(command)));
+      items = commands.map(
+        (command) => menuItem(ownerDocument, command, locale, messages, () => select(command))
+      );
       menu.append(...items);
       activeIndex = Math.min(activeIndex, Math.max(0, items.length - 1));
       if (executingCommandId !== null) {
@@ -17776,6 +17943,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         trigger.style.opacity = commandId !== null ? "0.65" : "1";
         syncTriggerBackground();
       },
+      setLocale(nextLocale) {
+        if (locale === nextLocale) return;
+        locale = nextLocale;
+        messages = rendererHarnessMessages(locale);
+        trigger.setAttribute("aria-label", messages.harnessCommands);
+        trigger.title = messages.harnessCommands;
+        menu.setAttribute("aria-label", messages.harnessCommands);
+        renderItems();
+      },
       close,
       dispose() {
         if (disposed) return;
@@ -18134,9 +18310,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     refreshCreditsPlacement(control);
     return control;
   }
-  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null, accountCredits = null) {
+  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null, accountCredits = null, locale = "en") {
     if (control.usage === null) {
-      control.usage = mountRendererUsageControl(control.composerId);
+      control.usage = mountRendererUsageControl(control.composerId, locale);
     }
     const selectedModel = modelView.selected;
     const selectedCatalogModel = modelView.catalog?.models.find(
@@ -18172,9 +18348,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     renderRendererPermissionModePicker(
       control.permissionModePicker,
       permissionModeView,
-      permissionModeVisible
+      permissionModeVisible,
+      locale
     );
-    if (control.usage) renderRendererUsageControl(control.usage, usage);
+    if (control.usage) renderRendererUsageControl(control.usage, usage, locale);
+    control.harnessCommands.setLocale(locale);
     renderRendererCreditsControl(control.credits, accountCredits);
   }
   function disposeComposerAgentControl(control) {
@@ -18675,7 +18853,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const parsed = hostThreadIdSchema.safeParse(params.threadId);
     return parsed.success ? parsed.data : null;
   }
-  function usageNotificationTarget(manager) {
+  function notificationTarget(manager) {
     if (typeof manager.addNotificationCallback === "function") return manager;
     const nested = manager.requestClient;
     return nested && typeof nested.addNotificationCallback === "function" ? nested : null;
@@ -18776,7 +18954,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       },
       inspectThreadUsage,
       subscribeThreadUsage(listener) {
-        const notifications = usageNotificationTarget(manager);
+        const notifications = notificationTarget(manager);
         if (!notifications?.addNotificationCallback) {
           throw new Error("Renderer Usage notification callback is unavailable");
         }
@@ -18952,19 +19130,33 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       ...thinking?.success ? { thinkingOptionId: thinking.data } : {}
     };
   }
-  function deepSeekHarnessTransportModelId(model) {
-    if (!model) return DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID;
-    return `${DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX}${harnessModelRefSchema.parse(model).id}`;
+  function deepSeekHarnessTransportModelId(model, permissionModeId) {
+    if (!model) {
+      if (permissionModeId) {
+        throw new Error("DeepSeek Harness transport Permission Mode requires a Model Ref");
+      }
+      return DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID;
+    }
+    const parsedPermissionModeId = permissionModeId ? harnessPermissionModeIdSchema.parse(permissionModeId) : void 0;
+    return `${DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX}${harnessModelRefSchema.parse(model).id}${parsedPermissionModeId ? `@${parsedPermissionModeId}` : ""}`;
   }
   function decodeDeepSeekHarnessTransportModelId(value) {
     if (value === DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID) return {};
     if (typeof value !== "string" || !value.startsWith(DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX)) {
       return null;
     }
-    const model = harnessModelRefSchema.safeParse({
-      id: value.slice(DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX.length)
-    });
-    return model.success ? { model: model.data } : null;
+    const components = value.slice(DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX.length).split("@");
+    if (components.length < 1 || components.length > 2) return null;
+    const [modelId, permissionModeId] = components;
+    if (components.length === 2 && !permissionModeId) return null;
+    const model = harnessModelRefSchema.safeParse({ id: modelId });
+    if (!model.success) return null;
+    const permissionMode = permissionModeId ? harnessPermissionModeIdSchema.safeParse(permissionModeId) : null;
+    if (permissionMode && !permissionMode.success) return null;
+    return {
+      model: model.data,
+      ...permissionMode?.success ? { permissionModeId: permissionMode.data } : {}
+    };
   }
   function decodePiTransportModelId(value) {
     if (value === PI_TRANSPORT_MODEL_ID) return {};
@@ -19141,12 +19333,32 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const hostId = target.getHostId?.() ?? bridge.hostId;
     return typeof hostId === "string" && hostId.length > 0 ? hostId : null;
   }
+  function isRendererRequestTarget(value) {
+    if (!isRecord5(value) || typeof value.sendRequest !== "function") return false;
+    return isCurrentRequestBridge(value.requestClient ?? value);
+  }
+  function hasPolicyRequestTarget(policy) {
+    return "requestTarget" in policy;
+  }
+  function exactRendererRequestTarget(policy) {
+    if (typeof policy.requestTarget !== "function") return null;
+    try {
+      const target = policy.requestTarget();
+      if (!isRendererRequestTarget(target) || prewarmTargetHostId(target) !== policy.hostId) {
+        return null;
+      }
+      return [target];
+    } catch {
+      return null;
+    }
+  }
   function rendererRequestTargetsForHost(targets, hostId) {
     const matching = targets.filter((target) => prewarmTargetHostId(target) === hostId);
     return matching.length === 1 ? matching : null;
   }
   function activeRendererDraftPrewarmTargets(policy, targets) {
     if (!isDraftPrewarmPolicyReady(policy)) return null;
+    if (hasPolicyRequestTarget(policy)) return exactRendererRequestTarget(policy);
     return rendererRequestTargetsForHost(targets, policy.hostId);
   }
   function resolveRendererRequestRoute(policy, discoveredTargets, previous) {
@@ -19154,13 +19366,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     if (isDraftPrewarmPolicyReady(policy) && activeTargets) {
       return { policy, targets: activeTargets };
     }
+    if (isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy)) return null;
     return discoveredTargets.length === 0 && isDraftPrewarmPolicyReady(policy) && previous?.policy === policy ? previous : null;
   }
   function createRendererRequestRouteResolver(readPolicy, discoverTargets) {
     let route = null;
     return {
       resolve() {
-        route = resolveRendererRequestRoute(readPolicy(), discoverTargets(), route);
+        const policy = readPolicy();
+        const discoveredTargets = isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy) ? [] : discoverTargets();
+        route = resolveRendererRequestRoute(policy, discoveredTargets, route);
         return route;
       },
       clear() {
@@ -19181,7 +19396,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   }
   function modelSelectionForAgent(officialSelection, reasoningEffort, agent, model, thinkingOptionId, permissionModeId) {
-    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId) : transportModelIdForAgent(agent);
+    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model, permissionModeId) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId) : transportModelIdForAgent(agent);
     return transportModelId ? { model: transportModelId, reasoningEffort } : officialSelection;
   }
   function installCurrentRendererAdapter() {
@@ -19211,7 +19426,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       () => window.__codexhostDraftPrewarmPolicyV1,
       () => findActivePrewarmTargets(document)
     );
-    const currentRequestRoute = () => requestRouteResolver.resolve();
     const clientsByTarget = /* @__PURE__ */ new WeakMap();
     const modelClientForTargets = (targets) => {
       const target = targets[0];
@@ -19222,8 +19436,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       if (client) clientsByTarget.set(target, client);
       return client;
     };
+    let activeRoutePolicy = null;
+    let activeRouteClient = null;
+    const syncActiveRoute = (route) => {
+      const policy = route?.policy ?? null;
+      const client = route ? modelClientForTargets(route.targets) : null;
+      if (activeRoutePolicy === policy && activeRouteClient === client) return client;
+      activeRoutePolicy = policy;
+      activeRouteClient = client;
+      return client;
+    };
+    const currentRequestRoute = () => {
+      const route = requestRouteResolver.resolve();
+      syncActiveRoute(route);
+      return route;
+    };
     const currentModelClient = () => {
-      const client = modelClientForTargets(currentRequestRoute()?.targets ?? []);
+      const client = currentRequestRoute() ? activeRouteClient : null;
       if (!client) throw new Error("Renderer Model request manager is unavailable");
       usageSubscription.connect(client);
       return client;
@@ -19231,6 +19460,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const modelControl = Object.freeze({
       currentHostId: () => currentRequestRoute()?.policy.hostId ?? null,
       clientForHost(hostId) {
+        const route = currentRequestRoute();
+        if (route?.policy.hostId === hostId) return modelClientForTargets(route.targets);
+        const policy = window.__codexhostDraftPrewarmPolicyV1;
+        if (isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy)) return null;
         const targets = rendererRequestTargetsForHost(findActivePrewarmTargets(document), hostId);
         return modelClientForTargets(targets ?? []);
       },
@@ -19264,25 +19497,76 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     let routingPolicy = null;
     let policyTimer = null;
+    let policyRecaptureObserver = null;
+    let hasCapturedRoutingPolicy = false;
+    let selectedRoutingPolicy = null;
+    let selectedCarrier = null;
     let desiredCarrier = null;
+    const stopPolicyCapture = () => {
+      if (policyTimer === null) return;
+      window.clearInterval(policyTimer);
+      policyTimer = null;
+    };
+    const stopPolicyRecapture = () => {
+      policyRecaptureObserver?.disconnect();
+      policyRecaptureObserver = null;
+    };
     const captureRoutingPolicy = () => {
       const route = currentRequestRoute();
       if (!route) return false;
       routingPolicy = route.policy;
-      routingPolicy.select(desiredCarrier);
-      if (policyTimer !== null) {
-        window.clearInterval(policyTimer);
-        policyTimer = null;
+      stopPolicyRecapture();
+      if (selectedRoutingPolicy !== routingPolicy || selectedCarrier !== desiredCarrier) {
+        try {
+          routingPolicy.select(desiredCarrier);
+        } catch {
+          updateStatus("installing", "draft-routing-policy-unavailable", null);
+          return false;
+        }
+        selectedRoutingPolicy = routingPolicy;
+        selectedCarrier = desiredCarrier;
       }
+      hasCapturedRoutingPolicy = true;
+      stopPolicyCapture();
       updateStatus("ready", "ready", "request-bridge");
       return true;
     };
+    const startPolicyCapture = () => {
+      stopPolicyCapture();
+      policyTimer = window.setInterval(captureRoutingPolicy, DRAFT_PREWARM_POLICY_POLL_INTERVAL_MS);
+    };
+    const startPolicyRecapture = () => {
+      stopPolicyRecapture();
+      policyRecaptureObserver = new MutationObserver(() => {
+        captureRoutingPolicy();
+      });
+      policyRecaptureObserver.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ["hidden", "aria-hidden", "data-codex-composer-root"],
+        characterData: true,
+        childList: true,
+        subtree: true
+      });
+    };
     if (!captureRoutingPolicy()) {
       updateStatus("installing", "draft-routing-policy-unavailable", null);
-      policyTimer = window.setInterval(captureRoutingPolicy, DRAFT_PREWARM_POLICY_POLL_INTERVAL_MS);
+      const policy = window.__codexhostDraftPrewarmPolicyV1;
+      if (!isDraftPrewarmPolicyReady(policy) || !hasPolicyRequestTarget(policy)) {
+        startPolicyCapture();
+      }
     }
     const handleRoutingPolicyChange = () => {
-      captureRoutingPolicy();
+      stopPolicyRecapture();
+      if (captureRoutingPolicy()) return;
+      const policy = window.__codexhostDraftPrewarmPolicyV1;
+      if (isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy)) {
+        stopPolicyCapture();
+      }
+      if (!hasCapturedRoutingPolicy) return;
+      updateStatus("installing", "draft-routing-policy-unavailable", null);
+      if (isDraftPrewarmPolicyReady(policy) && !hasPolicyRequestTarget(policy)) {
+        startPolicyRecapture();
+      }
     };
     window.addEventListener("codexhost:draft-prewarm-policy-changed", handleRoutingPolicyChange);
     const applyAgent = (agent, model, thinkingOptionId, permissionModeId) => {
@@ -19301,9 +19585,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const route = currentRequestRoute();
       if (!route) return false;
       routingPolicy = route.policy;
-      if (route.policy.select(desiredCarrier)) {
-        modelUpdates += 1;
-        liveStatus.modelUpdates = modelUpdates;
+      try {
+        if (route.policy.select(desiredCarrier)) {
+          modelUpdates += 1;
+          liveStatus.modelUpdates = modelUpdates;
+        }
+        selectedRoutingPolicy = route.policy;
+        selectedCarrier = desiredCarrier;
+      } catch {
+        updateStatus("installing", "draft-routing-policy-unavailable", null);
+        return false;
       }
       return true;
     };
@@ -19314,16 +19605,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       dispose() {
         if (disposed) return;
         disposed = true;
-        if (policyTimer !== null) window.clearInterval(policyTimer);
+        stopPolicyCapture();
+        stopPolicyRecapture();
         window.removeEventListener(
           "codexhost:draft-prewarm-policy-changed",
           handleRoutingPolicyChange
         );
-        routingPolicy?.select(null);
+        const activeRoutingPolicy = routingPolicy;
         routingPolicy = null;
         requestRouteResolver.clear();
-        forkControl.dispose();
-        usageSubscription.dispose();
+        const cleanups = [
+          () => activeRoutingPolicy?.select(null),
+          () => syncActiveRoute(null),
+          () => forkControl.dispose(),
+          () => usageSubscription.dispose()
+        ];
+        for (const cleanup of cleanups) {
+          try {
+            cleanup();
+          } catch {
+          }
+        }
       }
     };
   }
@@ -19646,11 +19948,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     close: "Close settings",
     starOnGitHub: "Give us a Star~",
     sectionsLabel: "Settings sections",
+    generalSection: "General",
+    otherSection: "Other",
     pageUnavailable: "Page unavailable",
     inDevelopment: "In development",
     notAvailable: "Not available",
     runtimeCapabilityNotInstalled: "This runtime capability is not installed yet.",
-    connectionsDescription: "Inspect the adapter and each Agent runtime used by the picker. Failed checks keep their error details here.",
+    connectionsDescription: "View runtime status by Host. Select an item to inspect details or complete its setup.",
     connectionAdapter: "Renderer adapter",
     connectionHosts: "Hosts",
     connectionLocalHost: "Local",
@@ -19659,9 +19963,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     connectionReason: "Reason",
     connectionRefresh: "Run connection diagnostics",
     connectionRefreshing: "Running diagnostics...",
-    connectionViewDetails: "View details",
+    connectionViewError: "View error",
     connectionCopyDetails: "Copy diagnostics",
-    connectionCopyAll: "Copy all diagnostics",
     connectionCopied: "Copied",
     connectionCopyFailed: "Copy failed",
     connectionErrorCode: "Error code",
@@ -19678,6 +19981,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     connectionStatusError: "Error",
     connectionStatusInstalling: "Installing",
     connectionStatusUnsupported: "Unsupported",
+    connectionComponent: "Component",
+    connectionStatus: "Status",
+    connectionHostsScrollLeft: "Show previous Hosts",
+    connectionHostsScrollRight: "Show more Hosts",
+    connectionOpenInstallation: "Open official installation page",
+    connectionInstall: "Install",
+    connectionInstallDescription: "This Harness was not detected. Follow its official installation guide, then return here and run the check again.",
+    connectionErrorTitle: "Connection check failed",
+    connectionErrorLog: "Error log",
+    connectionOpenIssue: "Open GitHub Issue",
+    connectionIssueDescription: "Copy the error log and include the Host and reproduction steps when reporting the issue.",
+    connectionReadyDescription: "This component is available on the selected Host.",
+    connectionUnavailableDescription: "This component is not currently available on the selected Host.",
+    enabled: "Enabled",
+    disabled: "Disabled",
     openSettings: "Open codexhost settings",
     settingsButtonTitle: "codexhost settings",
     settingsUnavailableTitle: "codexhost settings unavailable",
@@ -19690,7 +20008,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     updateLatestVersion: "Latest version",
     updateUpToDate: "You are up to date.",
     updateAvailable: "A new version is available.",
-    updateAndRestart: "Update and restart",
+    updateWindowsManualRequired: "Automatic updates are unavailable on Windows. Update manually below.",
+    updateAndRestart: "Update",
     updateChecking: "Checking for updates...",
     updateDownloading: "Downloading update...",
     updatePreparing: "Preparing update...",
@@ -19703,13 +20022,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     updateFailed: "Update failed.",
     updateRetry: "Retry",
     updateManualNpmDescription: "To update manually, quit codexhost and run this command:",
+    updateWindowsNpmDescription: "Automatic updates are unavailable on Windows. Quit codexhost and run this command in a terminal:",
+    updateWindowsInstallerDescription: "Automatic updates are unavailable on Windows. Download and run the installer for this system.",
+    updateManualTitle: "Manual update",
+    updateManualFallbackDescription: "The automatic update did not complete. Run this command in a terminal instead, then quit Codex and relaunch it with codexhost.",
+    updateCopyCommand: "Copy",
+    updateCommandCopied: "Copied",
+    updateCopyFailed: "Copy failed",
     updateDownloadFromReleases: "Download from GitHub Releases",
+    updateDownloadWindowsInstaller: "Download Windows installer",
+    aboutTagline: "Run Pi and other Harnesses in Codex Desktop",
+    aboutParagraphs: Object.freeze([
+      "We believe Codex Desktop offers the best desktop development experience available today.",
+      "But Codex is not the only excellent Agent Harness. Some developers prefer Claude Code or Pi Agent.",
+      "codexhost lets you choose the Agent that actually executes tasks inside Codex Desktop, while preserving the native Codex experience and enabling them to collaborate."
+    ]),
+    aboutOpenSource: "codexhost is an open-source project. The source code is available at:",
+    aboutStarCallout: "\u2B50 If this project helps you, please give us a Star! \u2B50",
+    aboutRepository: "Open-source repository",
     pageLabels: Object.freeze({
       connections: "Connections",
-      "model-pool": "Model Pool",
-      routes: "Routes",
-      gateway: "Gateway",
-      updates: "Updates"
+      updates: "Updates",
+      about: "About"
     })
   });
   var CHINESE_MESSAGES = Object.freeze({
@@ -19718,11 +20052,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     close: "\u5173\u95ED\u8BBE\u7F6E",
     starOnGitHub: "\u70B9\u4E2A Star~",
     sectionsLabel: "\u8BBE\u7F6E\u5206\u7C7B",
+    generalSection: "\u901A\u7528",
+    otherSection: "\u5176\u4ED6",
     pageUnavailable: "\u9875\u9762\u4E0D\u53EF\u7528",
     inDevelopment: "\u5F00\u53D1\u4E2D",
     notAvailable: "\u6682\u4E0D\u53EF\u7528",
     runtimeCapabilityNotInstalled: "\u8FD0\u884C\u65F6\u5C1A\u672A\u5B89\u88C5\u8BE5\u9879\u80FD\u529B\uFF0C\u56E0\u6B64\u6682\u4E0D\u53EF\u7528\u3002",
-    connectionsDescription: "\u67E5\u770B\u9002\u914D\u5668\u548C Agent \u8FD0\u884C\u65F6\u7684\u771F\u5B9E\u68C0\u67E5\u7ED3\u679C\u3002\u5931\u8D25\u68C0\u67E5\u4F1A\u4FDD\u7559\u9519\u8BEF\u8BE6\u60C5\uFF0C\u65B9\u4FBF\u6392\u67E5\u65E0\u6CD5\u9009\u62E9\u7684\u95EE\u9898\u3002",
+    connectionsDescription: "\u6309 Host \u67E5\u770B\u8FD0\u884C\u65F6\u72B6\u6001\u3002\u9009\u62E9\u4E00\u9879\uFF0C\u5728\u53F3\u4FA7\u68C0\u67E5\u8BE6\u60C5\u6216\u5B8C\u6210\u914D\u7F6E\u3002",
     connectionAdapter: "Renderer \u9002\u914D\u5668",
     connectionHosts: "Host \u5217\u8868",
     connectionLocalHost: "\u672C\u5730",
@@ -19731,9 +20067,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     connectionReason: "\u539F\u56E0",
     connectionRefresh: "\u91CD\u65B0\u8BCA\u65AD\u8FDE\u63A5",
     connectionRefreshing: "\u6B63\u5728\u8BCA\u65AD...",
-    connectionViewDetails: "\u67E5\u770B\u8BE6\u60C5",
+    connectionViewError: "\u67E5\u770B\u9519\u8BEF",
     connectionCopyDetails: "\u590D\u5236\u8BCA\u65AD\u4FE1\u606F",
-    connectionCopyAll: "\u590D\u5236\u5168\u90E8\u8BCA\u65AD\u4FE1\u606F",
     connectionCopied: "\u5DF2\u590D\u5236",
     connectionCopyFailed: "\u590D\u5236\u5931\u8D25",
     connectionErrorCode: "\u9519\u8BEF\u7801",
@@ -19750,6 +20085,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     connectionStatusError: "\u9519\u8BEF",
     connectionStatusInstalling: "\u5B89\u88C5\u4E2D",
     connectionStatusUnsupported: "\u4E0D\u652F\u6301",
+    connectionComponent: "\u7EC4\u4EF6",
+    connectionStatus: "\u72B6\u6001",
+    connectionHostsScrollLeft: "\u67E5\u770B\u524D\u9762\u7684 Host",
+    connectionHostsScrollRight: "\u67E5\u770B\u66F4\u591A Host",
+    connectionOpenInstallation: "\u524D\u5F80\u5B98\u65B9\u5B89\u88C5\u9875\u9762",
+    connectionInstall: "\u5B89\u88C5",
+    connectionInstallDescription: "\u5C1A\u672A\u68C0\u6D4B\u5230\u8BE5 Harness\u3002\u8BF7\u6309\u7167\u5B98\u65B9\u5B89\u88C5\u6307\u5357\u5B8C\u6210\u5B89\u88C5\uFF0C\u7136\u540E\u8FD4\u56DE\u6B64\u9875\u9762\u91CD\u65B0\u68C0\u67E5\u3002",
+    connectionErrorTitle: "\u8FDE\u63A5\u68C0\u67E5\u5931\u8D25",
+    connectionErrorLog: "\u9519\u8BEF\u65E5\u5FD7",
+    connectionOpenIssue: "\u63D0\u4EA4 GitHub Issue",
+    connectionIssueDescription: "\u63D0\u4EA4\u524D\u8BF7\u590D\u5236\u9519\u8BEF\u65E5\u5FD7\uFF0C\u5E76\u5728 Issue \u4E2D\u8BF4\u660E\u5F53\u524D Host \u4E0E\u590D\u73B0\u6B65\u9AA4\u3002",
+    connectionReadyDescription: "\u8BE5\u7EC4\u4EF6\u5728\u5F53\u524D Host \u4E0A\u53EF\u7528\u3002",
+    connectionUnavailableDescription: "\u8BE5\u7EC4\u4EF6\u5F53\u524D\u65E0\u6CD5\u5728\u6240\u9009 Host \u4E0A\u4F7F\u7528\u3002",
+    enabled: "\u5DF2\u5F00\u542F",
+    disabled: "\u5DF2\u5173\u95ED",
     openSettings: "\u6253\u5F00 codexhost \u8BBE\u7F6E",
     settingsButtonTitle: "codexhost \u8BBE\u7F6E",
     settingsUnavailableTitle: "codexhost \u8BBE\u7F6E\u4E0D\u53EF\u7528",
@@ -19762,7 +20112,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     updateLatestVersion: "\u6700\u65B0\u7248\u672C",
     updateUpToDate: "\u5F53\u524D\u5DF2\u662F\u6700\u65B0\u7248\u672C\u3002",
     updateAvailable: "\u6709\u65B0\u7248\u672C\u53EF\u7528\u3002",
-    updateAndRestart: "\u66F4\u65B0\u5E76\u91CD\u542F",
+    updateWindowsManualRequired: "Windows \u6682\u4E0D\u652F\u6301\u81EA\u52A8\u66F4\u65B0\uFF0C\u8BF7\u5728\u4E0B\u65B9\u624B\u52A8\u66F4\u65B0\u3002",
+    updateAndRestart: "\u66F4\u65B0",
     updateChecking: "\u6B63\u5728\u68C0\u67E5\u66F4\u65B0...",
     updateDownloading: "\u6B63\u5728\u4E0B\u8F7D\u66F4\u65B0...",
     updatePreparing: "\u6B63\u5728\u51C6\u5907\u66F4\u65B0...",
@@ -19775,13 +20126,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     updateFailed: "\u66F4\u65B0\u5931\u8D25\u3002",
     updateRetry: "\u91CD\u8BD5",
     updateManualNpmDescription: "\u5982\u9700\u624B\u52A8\u66F4\u65B0\uFF0C\u8BF7\u5728\u7EC8\u7AEF\u8FD0\u884C\u4EE5\u4E0B\u547D\u4EE4\u3002\u66F4\u65B0\u5B8C\u6210\u540E\uFF0C\u8BF7\u9000\u51FA Codex \u5E76\u901A\u8FC7 codexhost \u91CD\u65B0\u542F\u52A8\u3002",
+    updateWindowsNpmDescription: "Windows \u6682\u4E0D\u652F\u6301\u81EA\u52A8\u66F4\u65B0\u3002\u8BF7\u9000\u51FA codexhost\uFF0C\u5728\u7EC8\u7AEF\u8FD0\u884C\u4EE5\u4E0B\u547D\u4EE4\u5B8C\u6210\u66F4\u65B0\u3002",
+    updateWindowsInstallerDescription: "Windows \u6682\u4E0D\u652F\u6301\u81EA\u52A8\u66F4\u65B0\u3002\u8BF7\u4E0B\u8F7D\u5E76\u8FD0\u884C\u9002\u7528\u4E8E\u5F53\u524D\u7CFB\u7EDF\u7684\u5B89\u88C5\u5305\u3002",
+    updateManualTitle: "\u624B\u52A8\u66F4\u65B0",
+    updateManualFallbackDescription: "\u81EA\u52A8\u66F4\u65B0\u672A\u80FD\u5B8C\u6210\uFF0C\u8BF7\u6539\u7528\u4E0B\u5217\u547D\u4EE4\u5728\u7EC8\u7AEF\u624B\u52A8\u66F4\u65B0\u3002\u5B8C\u6210\u540E\u8BF7\u9000\u51FA Codex \u5E76\u901A\u8FC7 codexhost \u91CD\u65B0\u542F\u52A8\u3002",
+    updateCopyCommand: "\u590D\u5236",
+    updateCommandCopied: "\u5DF2\u590D\u5236",
+    updateCopyFailed: "\u590D\u5236\u5931\u8D25",
     updateDownloadFromReleases: "\u524D\u5F80 GitHub Releases \u4E0B\u8F7D",
+    updateDownloadWindowsInstaller: "\u4E0B\u8F7D Windows \u5B89\u88C5\u5305",
+    aboutTagline: "\u5728 Codex Desktop \u4E2D\u8FD0\u884C Pi \u548C\u5176\u4ED6 Harness",
+    aboutParagraphs: Object.freeze([
+      "\u6211\u4EEC\u8BA4\u4E3A Codex Desktop \u63D0\u4F9B\u4E86\u76EE\u524D\u6700\u597D\u7684\u684C\u9762\u5F00\u53D1\u4EA4\u4E92\u4F53\u9A8C\u3002",
+      "\u4F46 Codex \u5E76\u4E0D\u662F\u552F\u4E00\u4F18\u79C0\u7684 Agent Harness\uFF0C\u4E5F\u6709\u4EBA\u504F\u597D Claude Code \u548C Pi Agent\u3002",
+      "codexhost \u8BA9\u4F60\u5728 Codex Desktop \u4E2D\u9009\u62E9\u771F\u6B63\u6267\u884C\u4EFB\u52A1\u7684 Agent\uFF0C\u540C\u65F6\u4FDD\u7559 Codex \u7684\u539F\u751F\u4F53\u9A8C\uFF0C\u5E76\u8BA9\u5B83\u4EEC\u534F\u4F5C\u5B8C\u6210\u4EFB\u52A1\u3002"
+    ]),
+    aboutOpenSource: "codexhost \u662F\u4E00\u4E2A\u5F00\u6E90\u9879\u76EE\uFF0C\u5F00\u6E90\u5730\u5740\uFF1A",
+    aboutStarCallout: "\u2B50 \u5982\u679C\u8FD9\u4E2A\u9879\u76EE\u5BF9\u4F60\u6709\u5E2E\u52A9\uFF0C\u8BF7\u7ED9\u6211\u4EEC\u4E00\u4E2A Star\uFF01\u2B50",
+    aboutRepository: "\u5F00\u6E90\u4ED3\u5E93",
     pageLabels: Object.freeze({
       connections: "\u8FDE\u63A5",
-      "model-pool": "\u6A21\u578B\u6C60",
-      routes: "\u8DEF\u7531",
-      gateway: "\u7F51\u5173",
-      updates: "\u66F4\u65B0"
+      updates: "\u66F4\u65B0",
+      about: "\u5173\u4E8E"
     })
   });
   var DEFAULT_RENDERER_SETTINGS_MESSAGES = ENGLISH_MESSAGES;
@@ -19835,6 +20201,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M12 13.5V8" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/circle-check.mjs
+  var CircleCheck = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "m9 12 2 2 4-4" }]
+  ];
+
+  // ../../node_modules/lucide/dist/esm/icons/chevron-left.mjs
+  var ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
+
+  // ../../node_modules/lucide/dist/esm/icons/chevron-right.mjs
+  var ChevronRight = [["path", { d: "m9 18 6-6-6-6" }]];
+
   // ../../node_modules/lucide/dist/esm/icons/circle-off.mjs
   var CircleOff = [
     ["path", { d: "m2 2 20 20" }],
@@ -19862,6 +20240,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/info.mjs
+  var Info = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "M12 16v-4" }],
+    ["path", { d: "M12 8h.01" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/languages.mjs
   var Languages = [
     ["path", { d: "m5 8 6 6" }],
@@ -19935,6 +20320,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/triangle-alert.mjs
+  var TriangleAlert = [
+    ["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
+    ["path", { d: "M12 9v4" }],
+    ["path", { d: "M12 17h.01" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/x.mjs
   var X = [
     ["path", { d: "M18 6 6 18" }],
@@ -19955,11 +20347,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "routes",
     "gateway",
     "updates",
+    "about",
     "external-link",
     "refresh",
     "unavailable",
+    "alert",
+    "check",
     "diagnose",
-    "copy"
+    "copy",
+    "download",
+    "chevron-left",
+    "chevron-right"
   ];
   var iconNodes = {
     settings: Settings,
@@ -19971,11 +20369,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     routes: Route,
     gateway: Network,
     updates: Download,
+    about: Info,
     "external-link": ExternalLink,
     refresh: RefreshCw,
     unavailable: CircleOff,
+    alert: TriangleAlert,
+    check: CircleCheck,
     diagnose: Stethoscope,
-    copy: Copy
+    copy: Copy,
+    download: Download,
+    "chevron-left": ChevronLeft,
+    "chevron-right": ChevronRight
   };
   function isRendererSettingsIconName(value) {
     return RENDERER_SETTINGS_ICON_NAMES.includes(value);
@@ -20108,101 +20512,650 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   };
 
-  // src/settings/release-notes.ts
-  var HEADING_PATTERN = /^(#{1,6})[ \t]+(.+?)\s*$/u;
-  var BLOCKQUOTE_PATTERN = /^>[ \t]?(.*?)\s*$/u;
-  var UNORDERED_ITEM_PATTERN = /^[-*][ \t]+(.+?)\s*$/u;
-  var CONTINUATION_PATTERN = /^[ \t]+(.+?)\s*$/u;
-  var ORDERED_ITEM_PATTERN = /^\d+[.)][ \t]+(.+?)\s*$/u;
-  var FENCE_PATTERN = /^```([\w+-]*)\s*$/u;
-  var THEMATIC_BREAK_PATTERN = /^(?:---|___|\*\*\*)[ \t]*$/u;
-  var INLINE_PATTERN = /(`+)((?:(?!\1).)+)\1|\*\*(.+?)\*\*|\[([^\]]+)\]\(([^)\s]+)\)/gu;
-  function createReleaseNotesElement(document2, markdown) {
-    const root = document2.createElement("div");
-    root.className = "settings-update-notes";
-    appendReleaseNotesBlocks(document2, root, markdown);
-    return root;
+  // src/settings/connections-page.ts
+  var CODEXHOST_GITHUB_ISSUES_NEW_URL = "https://github.com/BytePioneer-AI/codex-host/issues/new";
+  var HARNESS_INSTALL_URLS = Object.freeze({
+    pi: "https://pi.dev/",
+    "claude-code": "https://code.claude.com/docs/en/quickstart",
+    "deepseek-harness": "https://deepseek-harness.github.io/deepseek-harness/",
+    grok: "https://grok.com/",
+    omp: "https://github.com/can1357/oh-my-pi"
+  });
+  function connectionStatusLabel(availability, messages, hasError = false) {
+    if (hasError && availability !== "notInstalled") return messages.connectionStatusError;
+    if (availability === "ready") return messages.connectionStatusReady;
+    if (availability === "checking") return messages.connectionStatusChecking;
+    if (availability === "notInstalled") return messages.connectionStatusNotInstalled;
+    if (availability === "unavailable" || availability === "error") {
+      return availability === "error" ? messages.connectionStatusError : messages.connectionStatusUnavailable;
+    }
+    return availability === "installing" ? messages.connectionStatusInstalling : messages.connectionStatusUnsupported;
   }
-  function appendReleaseNotesBlocks(document2, root, markdown) {
-    const lines = markdown.replaceAll("\r\n", "\n").split("\n");
-    let index = 0;
-    while (index < lines.length) {
-      const line = lines[index] ?? "";
-      if (line.trim().length === 0) {
-        index += 1;
-        continue;
-      }
-      const fence = FENCE_PATTERN.exec(line);
-      if (fence) {
-        index = appendFencedCode(document2, root, lines, index, fence[1] ?? "");
-        continue;
-      }
-      const heading = HEADING_PATTERN.exec(line);
-      if (heading?.[1] && heading[2]) {
-        const tag = `h${heading[1].length}`;
-        const element = document2.createElement(tag);
-        appendInline(document2, element, heading[2]);
-        root.append(element);
-        index += 1;
-        continue;
-      }
-      if (BLOCKQUOTE_PATTERN.test(line)) {
-        index = appendBlockquote(document2, root, lines, index);
-        continue;
-      }
-      if (THEMATIC_BREAK_PATTERN.test(line)) {
-        root.append(document2.createElement("hr"));
-        index += 1;
-        continue;
-      }
-      if (UNORDERED_ITEM_PATTERN.test(line)) {
-        index = appendList(document2, root, lines, index, "ul", UNORDERED_ITEM_PATTERN);
-        continue;
-      }
-      if (ORDERED_ITEM_PATTERN.test(line)) {
-        index = appendList(document2, root, lines, index, "ol", ORDERED_ITEM_PATTERN);
-        continue;
-      }
-      index = appendParagraph(document2, root, lines, index);
+  function connectionStatusTone(availability, hasError = false) {
+    if (hasError && availability !== "notInstalled") return "failed";
+    if (availability === "ready") return "ready";
+    if (availability === "checking" || availability === "installing") return "checking";
+    if (availability === "notInstalled") return "setup";
+    return "failed";
+  }
+  function diagnosticText(hostId, item) {
+    const error51 = item.error;
+    return [
+      "codexhost connection diagnostics",
+      `host: ${hostId}`,
+      `agent: ${item.name}`,
+      `status: ${item.availability}`,
+      ...error51 ? [
+        `error.code: ${error51.code}`,
+        `error.message: ${error51.message}`,
+        `retryable: ${error51.retryable}`,
+        ...error51.stage ? [`stage: ${error51.stage}`] : [],
+        ...error51.durationMs !== void 0 ? [`durationMs: ${error51.durationMs}`] : [],
+        ...error51.diagnostic ? [`diagnostic: ${error51.diagnostic}`] : [],
+        ...error51.stderrTail ? [`stderr:
+${error51.stderrTail}`] : []
+      ] : []
+    ].join("\n");
+  }
+  function detailLine(document2, label, value) {
+    const line = document2.createElement("div");
+    line.className = "settings-connection-detail-line";
+    const name = document2.createElement("span");
+    name.textContent = label;
+    const content = document2.createElement("code");
+    content.textContent = value;
+    line.append(name, content);
+    return line;
+  }
+  function setCopyButtonLabel(button, label) {
+    button.replaceChildren(createRendererSettingsIcon("copy", 16), label);
+  }
+  function showCopyButtonFeedback(button, label, restoreLabel) {
+    setCopyButtonLabel(button, label);
+    button.ownerDocument.defaultView?.setTimeout(() => {
+      setCopyButtonLabel(button, restoreLabel);
+    }, 2e3);
+  }
+  function copyDiagnosticsToClipboard(document2, button, report, messages, restoreLabel) {
+    const clipboard = document2.defaultView?.navigator.clipboard;
+    if (!clipboard) {
+      showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel);
+      return;
     }
+    void clipboard.writeText(report).then(
+      () => showCopyButtonFeedback(button, messages.connectionCopied, restoreLabel),
+      () => showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel)
+    );
   }
-  function appendFencedCode(document2, root, lines, start, language) {
-    const body = [];
-    let index = start + 1;
-    while (index < lines.length && !FENCE_PATTERN.test(lines[index] ?? "")) {
-      body.push(lines[index] ?? "");
-      index += 1;
+  function connectionHostName(hostId, messages) {
+    if (hostId === "local") return messages.connectionLocalHost;
+    const separator = hostId.lastIndexOf(":");
+    const encodedName = separator >= 0 ? hostId.slice(separator + 1) : hostId;
+    try {
+      return decodeURIComponent(encodedName);
+    } catch {
+      return encodedName;
     }
-    if (index < lines.length) index += 1;
-    const pre = document2.createElement("pre");
-    const code = document2.createElement("code");
-    if (language.length > 0) code.className = `language-${language}`;
-    code.textContent = body.join("\n");
-    pre.append(code);
-    root.append(pre);
-    return index;
   }
-  function appendBlockquote(document2, root, lines, start) {
-    const blockquote = document2.createElement("blockquote");
-    const content = [];
-    let index = start;
-    while (index < lines.length) {
-      const match = BLOCKQUOTE_PATTERN.exec(lines[index] ?? "");
-      if (!match) break;
-      content.push(match[1] ?? "");
-      index += 1;
+  function createHostScrollButton(document2, direction, messages) {
+    const button = document2.createElement("button");
+    button.type = "button";
+    button.className = "settings-connection-host-scroll";
+    button.dataset.connectionHostScroll = direction;
+    const label = direction === "left" ? messages.connectionHostsScrollLeft : messages.connectionHostsScrollRight;
+    button.setAttribute("aria-label", label);
+    button.title = label;
+    button.append(
+      createRendererSettingsIcon(direction === "left" ? "chevron-left" : "chevron-right", 16)
+    );
+    return button;
+  }
+  function configureHostScroller(document2, strip, tabs, left, right) {
+    const maxScrollLeft = () => Math.max(0, (tabs.scrollWidth || 0) - (tabs.clientWidth || 0));
+    const updateButtons = () => {
+      const maximum = maxScrollLeft();
+      strip.dataset.connectionHostOverflow = String(maximum > 1);
+      left.disabled = tabs.scrollLeft <= 1;
+      right.disabled = maximum <= 1 || tabs.scrollLeft >= maximum - 1;
+    };
+    const scroll = (direction) => {
+      const distance = Math.max(180, Math.round((tabs.clientWidth || 250) * 0.72));
+      if (typeof tabs.scrollBy === "function") {
+        tabs.scrollBy({ left: direction * distance, behavior: "smooth" });
+      } else {
+        tabs.scrollLeft += direction * distance;
+        updateButtons();
+      }
+    };
+    const onLeft = () => scroll(-1);
+    const onRight = () => scroll(1);
+    const onWheel = (event) => {
+      const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+      const maximum = maxScrollLeft();
+      const canScroll = delta < 0 ? tabs.scrollLeft > 1 : tabs.scrollLeft < maximum - 1;
+      if (!delta || maximum <= 1 || !canScroll) return;
+      event.preventDefault();
+      tabs.scrollLeft += delta;
+    };
+    left.addEventListener("click", onLeft);
+    right.addEventListener("click", onRight);
+    tabs.addEventListener("scroll", updateButtons, { passive: true });
+    tabs.addEventListener("wheel", onWheel, { passive: false });
+    const ownerWindow = document2.defaultView;
+    ownerWindow?.addEventListener("resize", updateButtons);
+    ownerWindow?.setTimeout(updateButtons, 0);
+    updateButtons();
+    return () => {
+      left.removeEventListener("click", onLeft);
+      right.removeEventListener("click", onRight);
+      tabs.removeEventListener("scroll", updateButtons);
+      tabs.removeEventListener("wheel", onWheel);
+      ownerWindow?.removeEventListener("resize", updateButtons);
+    };
+  }
+  function createConnectionIdentityIcon(document2, item, size) {
+    const container = document2.createElement("span");
+    container.className = item.agentSnapshot ? "settings-connection-row__mark settings-connection-row__mark--logo" : "settings-connection-row__mark";
+    container.setAttribute("aria-hidden", "true");
+    if (item.agentSnapshot) {
+      container.append(createRendererAgentIcon(item.agentSnapshot.agent, size, document2));
+    } else {
+      container.textContent = "CH";
     }
-    const paragraph = document2.createElement("p");
-    appendInline(document2, paragraph, content.join(" ").trim());
-    blockquote.append(paragraph);
-    root.append(blockquote);
-    return index;
+    return container;
   }
-  function appendList(document2, root, lines, start, tag, pattern) {
-    const list = document2.createElement(tag);
-    let index = start;
-    while (index < lines.length) {
-      const item = pattern.exec(lines[index] ?? "");
+  function createConnectionRow(document2, item, messages, selected, select) {
+    const row = document2.createElement("div");
+    row.className = "settings-connection-row";
+    row.dataset.connectionItem = item.key;
+    row.dataset.connectionSelected = String(selected);
+    row.tabIndex = selected ? 0 : -1;
+    row.setAttribute("role", "row");
+    const identity = document2.createElement("div");
+    identity.className = "settings-connection-row__identity";
+    identity.setAttribute("role", "cell");
+    const label = document2.createElement("strong");
+    label.textContent = item.name;
+    identity.append(createConnectionIdentityIcon(document2, item, 19), label);
+    const status = document2.createElement("span");
+    status.className = "settings-connection-row__status";
+    status.dataset.connectionTone = connectionStatusTone(item.availability, item.error !== null);
+    status.setAttribute("role", "cell");
+    status.textContent = connectionStatusLabel(item.availability, messages, item.error !== null);
+    const action = document2.createElement("div");
+    action.className = "settings-connection-row__action";
+    action.setAttribute("role", "cell");
+    if (item.agentSnapshot?.availability === "notInstalled") {
+      const install = document2.createElement("a");
+      install.className = "settings-connection-install-link";
+      install.href = HARNESS_INSTALL_URLS[item.agentSnapshot.agent];
+      install.target = "_blank";
+      install.rel = "noopener noreferrer";
+      install.setAttribute("aria-label", `${messages.connectionOpenInstallation}: ${item.name}`);
+      install.title = messages.connectionOpenInstallation;
+      install.append(createRendererSettingsIcon("download", 17));
+      action.append(install);
+    } else if (item.error) {
+      const viewError = document2.createElement("button");
+      viewError.type = "button";
+      viewError.className = "settings-connection-view-error";
+      viewError.textContent = messages.connectionViewError;
+      viewError.addEventListener("click", (event) => {
+        event.stopPropagation();
+        select();
+      });
+      action.append(viewError);
+    }
+    row.addEventListener("click", (event) => {
+      const target = event.target;
+      if (target?.closest?.("a")) return;
+      select();
+    });
+    row.addEventListener("keydown", (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      select();
+    });
+    row.append(identity, status, action);
+    return row;
+  }
+  function createInspectorHeader(document2, item, messages) {
+    const header = document2.createElement("header");
+    header.className = "settings-connection-inspector__header";
+    const identity = document2.createElement("div");
+    identity.className = "settings-connection-inspector__identity";
+    const title = document2.createElement("strong");
+    title.textContent = item.name;
+    identity.append(createConnectionIdentityIcon(document2, item, 20), title);
+    const status = document2.createElement("span");
+    status.className = "settings-connection-row__status";
+    status.dataset.connectionTone = connectionStatusTone(item.availability, item.error !== null);
+    status.textContent = connectionStatusLabel(item.availability, messages, item.error !== null);
+    header.append(identity, status);
+    return header;
+  }
+  function renderConnectionInspector(document2, inspector, item, hostId, messages) {
+    inspector.replaceChildren(createInspectorHeader(document2, item, messages));
+    const body = document2.createElement("div");
+    body.className = "settings-connection-inspector__body";
+    if (item.agentSnapshot?.availability === "notInstalled") {
+      const callout = document2.createElement("div");
+      callout.className = "settings-connection-install-callout";
+      const icon2 = document2.createElement("span");
+      icon2.className = "settings-connection-install-callout__icon";
+      icon2.append(createRendererSettingsIcon("download", 18));
+      const copy = document2.createElement("div");
+      const title = document2.createElement("strong");
+      title.textContent = `${messages.connectionInstall} ${item.name}`;
+      const description = document2.createElement("p");
+      description.textContent = messages.connectionInstallDescription;
+      copy.append(title, description);
+      callout.append(icon2, copy);
+      const install = document2.createElement("a");
+      install.className = "settings-command-button settings-connection-install-button";
+      install.href = HARNESS_INSTALL_URLS[item.agentSnapshot.agent];
+      install.target = "_blank";
+      install.rel = "noopener noreferrer";
+      install.append(
+        messages.connectionOpenInstallation,
+        createRendererSettingsIcon("external-link", 14)
+      );
+      body.append(callout, install);
+    } else if (item.error) {
+      const summary = document2.createElement("div");
+      summary.className = "settings-connection-error-summary";
+      const title = document2.createElement("strong");
+      title.textContent = messages.connectionErrorTitle;
+      const description = document2.createElement("p");
+      description.textContent = item.error.message;
+      summary.append(title, description);
+      const metadata = document2.createElement("div");
+      metadata.className = "settings-connection-error-metadata";
+      metadata.append(
+        detailLine(document2, messages.connectionErrorCode, item.error.code),
+        detailLine(document2, messages.connectionRetryable, String(item.error.retryable))
+      );
+      if (item.error.stage) {
+        metadata.append(detailLine(document2, messages.connectionFailureStage, item.error.stage));
+      }
+      if (item.error.durationMs !== void 0) {
+        metadata.append(
+          detailLine(document2, messages.connectionDuration, `${item.error.durationMs} ms`)
+        );
+      }
+      if (item.error.diagnostic) {
+        metadata.append(detailLine(document2, messages.connectionDiagnostic, item.error.diagnostic));
+      }
+      const logHeader = document2.createElement("div");
+      logHeader.className = "settings-connection-error-log-header";
+      const logTitle = document2.createElement("strong");
+      logTitle.textContent = messages.connectionErrorLog;
+      const copy = document2.createElement("button");
+      copy.type = "button";
+      copy.className = "settings-command-button settings-command-button--secondary";
+      setCopyButtonLabel(copy, messages.connectionCopyDetails);
+      const report = diagnosticText(hostId, item);
+      copy.addEventListener("click", () => {
+        copyDiagnosticsToClipboard(document2, copy, report, messages, messages.connectionCopyDetails);
+      });
+      logHeader.append(logTitle, copy);
+      const log = document2.createElement("pre");
+      log.className = "settings-connection-stderr";
+      log.textContent = item.error.stderrTail ?? item.error.diagnostic ?? report;
+      const actions = document2.createElement("div");
+      actions.className = "settings-connection-error-actions";
+      const issue2 = document2.createElement("a");
+      issue2.className = "settings-command-button settings-command-button--secondary";
+      issue2.href = CODEXHOST_GITHUB_ISSUES_NEW_URL;
+      issue2.target = "_blank";
+      issue2.rel = "noopener noreferrer";
+      issue2.append(messages.connectionOpenIssue, createRendererSettingsIcon("external-link", 14));
+      actions.append(issue2);
+      const issueNote = document2.createElement("p");
+      issueNote.className = "settings-connection-issue-note";
+      issueNote.textContent = messages.connectionIssueDescription;
+      body.append(summary, metadata, logHeader, log, actions, issueNote);
+    } else {
+      const status = document2.createElement("div");
+      status.className = "settings-connection-state-summary";
+      const title = document2.createElement("strong");
+      title.textContent = connectionStatusLabel(item.availability, messages);
+      const description = document2.createElement("p");
+      description.textContent = item.availability === "ready" ? messages.connectionReadyDescription : messages.connectionUnavailableDescription;
+      status.append(title, description);
+      body.append(status);
+    }
+    inspector.append(body);
+  }
+  function connectionItems(snapshot, host, messages) {
+    return [
+      {
+        key: "renderer-adapter",
+        name: messages.connectionAdapter,
+        availability: snapshot.adapter.state,
+        error: null
+      },
+      ...host.agents.map((agent) => ({
+        key: agent.agent,
+        name: RENDERER_AGENT_LABELS[agent.agent],
+        availability: agent.availability,
+        error: agent.availability === "notInstalled" ? null : agent.error,
+        agentSnapshot: agent
+      }))
+    ];
+  }
+  function createConnectionsSettingsPage(messages, getDiagnostics) {
+    return Object.freeze({
+      id: "connections",
+      label: messages.pageLabels.connections,
+      icon: "connections",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const header = document2.createElement("div");
+        header.className = "settings-connection-page-header";
+        const headingCopy = document2.createElement("div");
+        const heading = document2.createElement("div");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.connections;
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.connectionsDescription;
+        headingCopy.append(heading, description);
+        const refresh = document2.createElement("button");
+        refresh.type = "button";
+        refresh.className = "settings-command-button settings-command-button--secondary";
+        refresh.dataset.connectionAction = "refresh";
+        refresh.append(createRendererSettingsIcon("diagnose", 16), messages.connectionRefresh);
+        header.append(headingCopy, refresh);
+        const content = document2.createElement("div");
+        content.className = "settings-connections-content";
+        context.content.append(header, content);
+        let pending = false;
+        let selectedHostId = null;
+        let selectedItemKey = null;
+        let latestSnapshot = null;
+        let disposeHostScroller = () => void 0;
+        const diagnostics = getDiagnostics();
+        const runRefresh = () => {
+          if (pending || !diagnostics) return;
+          pending = true;
+          refresh.disabled = true;
+          refresh.replaceChildren(
+            createRendererSettingsIcon("diagnose", 16),
+            messages.connectionRefreshing
+          );
+          void context.runLatest(() => diagnostics.refresh(), {
+            success() {
+              pending = false;
+              refresh.disabled = false;
+              refresh.replaceChildren(
+                createRendererSettingsIcon("diagnose", 16),
+                messages.connectionRefresh
+              );
+              render(diagnostics.snapshot());
+            },
+            failure(error51) {
+              pending = false;
+              refresh.disabled = false;
+              refresh.replaceChildren(
+                createRendererSettingsIcon("diagnose", 16),
+                messages.connectionRefresh
+              );
+              const snapshot = diagnostics.snapshot();
+              render({
+                ...snapshot,
+                hosts: snapshot.hosts.map((host) => ({
+                  ...host,
+                  agents: host.agents.map((agent) => ({
+                    ...agent,
+                    availability: "error",
+                    error: {
+                      code: "internalError",
+                      message: error51 instanceof Error ? error51.message : String(error51),
+                      retryable: true,
+                      stage: "request"
+                    }
+                  }))
+                }))
+              });
+            }
+          });
+        };
+        const render = (snapshot) => {
+          latestSnapshot = snapshot;
+          disposeHostScroller();
+          disposeHostScroller = () => void 0;
+          content.replaceChildren();
+          if (!snapshot) {
+            const empty = document2.createElement("div");
+            empty.className = "settings-empty";
+            empty.textContent = messages.connectionNoRuntime;
+            content.append(empty);
+            return;
+          }
+          const selectedHost = (selectedHostId ? snapshot.hosts.find((host) => host.hostId === selectedHostId) : void 0) ?? snapshot.hosts.find((host) => host.active) ?? snapshot.hosts.find((host) => host.hostId === "local") ?? snapshot.hosts[0];
+          if (!selectedHost) return;
+          selectedHostId = selectedHost.hostId;
+          const layout = document2.createElement("div");
+          layout.className = "settings-connections-layout";
+          const list = document2.createElement("section");
+          list.className = "settings-connection-list";
+          const hostStrip = document2.createElement("div");
+          hostStrip.className = "settings-connection-host-strip";
+          const scrollLeft = createHostScrollButton(document2, "left", messages);
+          const tabs = document2.createElement("div");
+          tabs.className = "settings-connection-host-tabs";
+          tabs.setAttribute("role", "tablist");
+          tabs.setAttribute("aria-label", messages.connectionHosts);
+          const scrollRight = createHostScrollButton(document2, "right", messages);
+          const panelId = "codexhost-settings-connection-host-panel";
+          snapshot.hosts.forEach((host, index) => {
+            const tab = document2.createElement("button");
+            tab.type = "button";
+            tab.className = "settings-connection-host-tab";
+            tab.dataset.connectionHostTab = host.hostId;
+            tab.dataset.connectionHostActive = String(host.active);
+            tab.setAttribute("role", "tab");
+            tab.setAttribute("aria-controls", panelId);
+            tab.setAttribute("aria-selected", String(host.hostId === selectedHost.hostId));
+            tab.tabIndex = host.hostId === selectedHost.hostId ? 0 : -1;
+            const hostName = connectionHostName(host.hostId, messages);
+            tab.textContent = hostName;
+            tab.title = host.active ? `${hostName} \xB7 ${messages.connectionActiveHost}` : hostName;
+            tab.addEventListener("click", () => {
+              selectedHostId = host.hostId;
+              render(latestSnapshot);
+            });
+            tab.addEventListener("keydown", (event) => {
+              if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+              event.preventDefault();
+              const direction = event.key === "ArrowRight" ? 1 : -1;
+              const next = snapshot.hosts[(index + direction + snapshot.hosts.length) % snapshot.hosts.length];
+              if (!next) return;
+              selectedHostId = next.hostId;
+              render(latestSnapshot);
+              const nextTab = [
+                ...content.querySelectorAll("[data-connection-host-tab]")
+              ].find((candidate) => candidate.dataset.connectionHostTab === next.hostId);
+              nextTab?.focus();
+            });
+            tabs.append(tab);
+          });
+          hostStrip.append(scrollLeft, tabs, scrollRight);
+          const tableHeader = document2.createElement("div");
+          tableHeader.className = "settings-connection-table-header";
+          tableHeader.setAttribute("role", "row");
+          const componentHeading = document2.createElement("span");
+          componentHeading.textContent = messages.connectionComponent;
+          componentHeading.setAttribute("role", "columnheader");
+          const statusHeading = document2.createElement("span");
+          statusHeading.textContent = messages.connectionStatus;
+          statusHeading.setAttribute("role", "columnheader");
+          const actionHeading = document2.createElement("span");
+          actionHeading.setAttribute("aria-hidden", "true");
+          tableHeader.append(componentHeading, statusHeading, actionHeading);
+          const rows = document2.createElement("div");
+          rows.className = "settings-connection-rows";
+          rows.id = panelId;
+          rows.dataset.connectionHost = selectedHost.hostId;
+          rows.setAttribute("role", "rowgroup");
+          const inspector = document2.createElement("aside");
+          inspector.className = "settings-connection-inspector";
+          inspector.setAttribute("aria-live", "polite");
+          const items = connectionItems(snapshot, selectedHost, messages);
+          if (!items.some((item) => item.key === selectedItemKey)) {
+            selectedItemKey = items.find(
+              (item) => item.agentSnapshot?.availability === "notInstalled" || item.error !== null
+            )?.key ?? items[0]?.key ?? null;
+          }
+          const rowElements = /* @__PURE__ */ new Map();
+          const selectItem = (item) => {
+            selectedItemKey = item.key;
+            for (const [key, row] of rowElements) {
+              const selected = key === item.key;
+              row.dataset.connectionSelected = String(selected);
+              row.tabIndex = selected ? 0 : -1;
+            }
+            renderConnectionInspector(document2, inspector, item, selectedHost.hostId, messages);
+          };
+          for (const item of items) {
+            const row = createConnectionRow(
+              document2,
+              item,
+              messages,
+              item.key === selectedItemKey,
+              () => selectItem(item)
+            );
+            rowElements.set(item.key, row);
+            rows.append(row);
+          }
+          const selectedItem = items.find((item) => item.key === selectedItemKey) ?? items[0];
+          if (selectedItem) selectItem(selectedItem);
+          list.append(hostStrip, tableHeader, rows);
+          layout.append(list, inspector);
+          content.append(layout);
+          disposeHostScroller = configureHostScroller(
+            document2,
+            hostStrip,
+            tabs,
+            scrollLeft,
+            scrollRight
+          );
+          const selectedTab = [...tabs.children].find(
+            (child) => child.getAttribute("aria-selected") === "true"
+          );
+          selectedTab?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+        };
+        render(diagnostics?.snapshot() ?? null);
+        if (!diagnostics) {
+          refresh.disabled = true;
+          return void 0;
+        }
+        refresh.addEventListener("click", runRefresh);
+        const unsubscribe = diagnostics.subscribe(() => render(diagnostics.snapshot()));
+        return () => {
+          disposeHostScroller();
+          unsubscribe();
+        };
+      }
+    });
+  }
+
+  // src/settings/release-notes.ts
+  var HEADING_PATTERN = /^(#{1,6})[ \t]+(.+?)\s*$/u;
+  var BLOCKQUOTE_PATTERN = /^>[ \t]?(.*?)\s*$/u;
+  var UNORDERED_ITEM_PATTERN = /^[-*][ \t]+(.+?)\s*$/u;
+  var CONTINUATION_PATTERN = /^[ \t]+(.+?)\s*$/u;
+  var ORDERED_ITEM_PATTERN = /^\d+[.)][ \t]+(.+?)\s*$/u;
+  var FENCE_PATTERN = /^```([\w+-]*)\s*$/u;
+  var THEMATIC_BREAK_PATTERN = /^(?:---|___|\*\*\*)[ \t]*$/u;
+  var INLINE_PATTERN = /(`+)((?:(?!\1).)+)\1|\*\*(.+?)\*\*|\[([^\]]+)\]\(([^)\s]+)\)/gu;
+  function createReleaseNotesElement(document2, markdown) {
+    const root = document2.createElement("div");
+    root.className = "settings-update-notes";
+    appendReleaseNotesBlocks(document2, root, markdown);
+    return root;
+  }
+  function appendReleaseNotesBlocks(document2, root, markdown) {
+    const lines = markdown.replaceAll("\r\n", "\n").split("\n");
+    let index = 0;
+    while (index < lines.length) {
+      const line = lines[index] ?? "";
+      if (line.trim().length === 0) {
+        index += 1;
+        continue;
+      }
+      const fence = FENCE_PATTERN.exec(line);
+      if (fence) {
+        index = appendFencedCode(document2, root, lines, index, fence[1] ?? "");
+        continue;
+      }
+      const heading = HEADING_PATTERN.exec(line);
+      if (heading?.[1] && heading[2]) {
+        const tag = `h${heading[1].length}`;
+        const element = document2.createElement(tag);
+        appendInline(document2, element, heading[2]);
+        root.append(element);
+        index += 1;
+        continue;
+      }
+      if (BLOCKQUOTE_PATTERN.test(line)) {
+        index = appendBlockquote(document2, root, lines, index);
+        continue;
+      }
+      if (THEMATIC_BREAK_PATTERN.test(line)) {
+        root.append(document2.createElement("hr"));
+        index += 1;
+        continue;
+      }
+      if (UNORDERED_ITEM_PATTERN.test(line)) {
+        index = appendList(document2, root, lines, index, "ul", UNORDERED_ITEM_PATTERN);
+        continue;
+      }
+      if (ORDERED_ITEM_PATTERN.test(line)) {
+        index = appendList(document2, root, lines, index, "ol", ORDERED_ITEM_PATTERN);
+        continue;
+      }
+      index = appendParagraph(document2, root, lines, index);
+    }
+  }
+  function appendFencedCode(document2, root, lines, start, language) {
+    const body = [];
+    let index = start + 1;
+    while (index < lines.length && !FENCE_PATTERN.test(lines[index] ?? "")) {
+      body.push(lines[index] ?? "");
+      index += 1;
+    }
+    if (index < lines.length) index += 1;
+    const pre = document2.createElement("pre");
+    const code = document2.createElement("code");
+    if (language.length > 0) code.className = `language-${language}`;
+    code.textContent = body.join("\n");
+    pre.append(code);
+    root.append(pre);
+    return index;
+  }
+  function appendBlockquote(document2, root, lines, start) {
+    const blockquote = document2.createElement("blockquote");
+    const content = [];
+    let index = start;
+    while (index < lines.length) {
+      const match = BLOCKQUOTE_PATTERN.exec(lines[index] ?? "");
+      if (!match) break;
+      content.push(match[1] ?? "");
+      index += 1;
+    }
+    const paragraph = document2.createElement("p");
+    appendInline(document2, paragraph, content.join(" ").trim());
+    blockquote.append(paragraph);
+    root.append(blockquote);
+    return index;
+  }
+  function appendList(document2, root, lines, start, tag, pattern) {
+    const list = document2.createElement(tag);
+    let index = start;
+    while (index < lines.length) {
+      const item = pattern.exec(lines[index] ?? "");
       if (!item?.[1]) break;
       const entry = document2.createElement("li");
       appendInline(document2, entry, item[1]);
@@ -20265,424 +21218,107 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           const link = document2.createElement("a");
           link.textContent = match[4] ?? "";
           link.setAttribute("href", href);
-          link.setAttribute("target", "_blank");
-          link.setAttribute("rel", "noopener noreferrer");
-          parent.append(link);
-        }
-      }
-      lastIndex = index + match[0].length;
-    }
-    if (lastIndex < text.length) parent.append(text.slice(lastIndex));
-  }
-  function isSafeLink(href) {
-    try {
-      const url2 = new URL(href, "https://codexhost.invalid");
-      return url2.protocol === "http:" || url2.protocol === "https:";
-    } catch {
-      return false;
-    }
-  }
-
-  // src/settings/update-request.ts
-  var RENDERER_UPDATE_REQUEST_TIMEOUT_MS = 15e3;
-  var RendererUpdateRequestTimeoutError = class extends Error {
-    constructor() {
-      super("Update request timed out");
-      this.name = "RendererUpdateRequestTimeoutError";
-    }
-  };
-  function runBoundedRendererUpdateRequest(operation, signal, timeoutMs = RENDERER_UPDATE_REQUEST_TIMEOUT_MS) {
-    return new Promise((resolve, reject) => {
-      let settled = false;
-      const settle = (handler) => {
-        if (settled) return;
-        settled = true;
-        clearTimeout(timeout);
-        signal.removeEventListener("abort", abort);
-        handler();
-      };
-      const timeout = setTimeout(() => {
-        settle(() => reject(new RendererUpdateRequestTimeoutError()));
-      }, timeoutMs);
-      const abort = () => {
-        settle(() => reject(new Error("Update request was aborted")));
-      };
-      const rejectRequest = (error51) => {
-        settle(() => reject(error51));
-      };
-      if (signal.aborted) {
-        abort();
-        return;
-      }
-      signal.addEventListener("abort", abort, { once: true });
-      try {
-        void operation().then(
-          (value) => settle(() => resolve(value)),
-          (error51) => rejectRequest(error51)
-        );
-      } catch (error51) {
-        rejectRequest(error51);
-      }
-    });
-  }
-
-  // src/settings/pages.ts
-  var CODEXHOST_RELEASES_LATEST_URL = "https://github.com/BytePioneer-AI/codex-host/releases/latest";
-  var CODEXHOST_NPM_MANUAL_UPDATE_COMMAND = "npm install -g @codexhost/cli@latest";
-  var DEFAULT_RENDERER_SETTINGS_PAGE_IDS = [
-    "connections",
-    "model-pool",
-    "routes",
-    "gateway",
-    "updates"
-  ];
-  function appendUnavailableStatus(content, messages) {
-    const status = content.ownerDocument.createElement("div");
-    status.className = "settings-empty";
-    const copy = content.ownerDocument.createElement("div");
-    const title = content.ownerDocument.createElement("strong");
-    title.textContent = messages.inDevelopment;
-    copy.append(title);
-    status.append(copy);
-    content.append(status);
-  }
-  function unavailablePage(id, messages) {
-    return Object.freeze({
-      id,
-      label: messages.pageLabels[id],
-      icon: id,
-      mount(context) {
-        appendUnavailableStatus(context.content, messages);
-        return void 0;
-      }
-    });
-  }
-  function connectionStatusLabel(availability, messages) {
-    if (availability === "ready") return messages.connectionStatusReady;
-    if (availability === "checking") return messages.connectionStatusChecking;
-    if (availability === "notInstalled") return messages.connectionStatusNotInstalled;
-    if (availability === "unavailable" || availability === "error") {
-      return availability === "error" ? messages.connectionStatusError : messages.connectionStatusUnavailable;
-    }
-    return availability === "installing" ? messages.connectionStatusInstalling : messages.connectionStatusUnsupported;
-  }
-  function connectionStatusTone(availability) {
-    if (availability === "ready") return "ready";
-    if (availability === "checking" || availability === "installing") return "checking";
-    return "failed";
-  }
-  function diagnosticText(hostId, name, snapshot) {
-    const error51 = snapshot.error;
-    const lines = [
-      "codexhost connection diagnostics",
-      `host: ${hostId}`,
-      `agent: ${name}`,
-      `status: ${snapshot.availability}`,
-      ...error51 ? [
-        `error.code: ${error51.code}`,
-        `error.message: ${error51.message}`,
-        `retryable: ${error51.retryable}`,
-        ...error51.stage ? [`stage: ${error51.stage}`] : [],
-        ...error51.durationMs !== void 0 ? [`durationMs: ${error51.durationMs}`] : [],
-        ...error51.diagnostic ? [`diagnostic: ${error51.diagnostic}`] : [],
-        ...error51.stderrTail ? [`stderr:
-${error51.stderrTail}`] : []
-      ] : []
-    ];
-    return lines.join("\n");
-  }
-  function detailLine(document2, label, value) {
-    const line = document2.createElement("div");
-    line.className = "settings-connection-detail-line";
-    const name = document2.createElement("span");
-    name.textContent = label;
-    const content = document2.createElement("code");
-    content.textContent = value;
-    line.append(name, content);
-    return line;
-  }
-  function setCopyButtonLabel(button, label) {
-    button.replaceChildren(createRendererSettingsIcon("copy", 16), label);
-  }
-  function showCopyButtonFeedback(button, label, restoreLabel) {
-    setCopyButtonLabel(button, label);
-    button.ownerDocument.defaultView?.setTimeout(() => {
-      setCopyButtonLabel(button, restoreLabel);
-    }, 2e3);
-  }
-  function copyDiagnosticsToClipboard(document2, button, report, messages, restoreLabel) {
-    const clipboard = document2.defaultView?.navigator.clipboard;
-    if (!clipboard) {
-      showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel);
-      return;
-    }
-    void clipboard.writeText(report).then(
-      () => showCopyButtonFeedback(button, messages.connectionCopied, restoreLabel),
-      () => showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel)
-    );
-  }
-  function appendConnectionRow(document2, parent, name, availability, detail, error51, messages, rowAttribute, diagnosticSnapshot, diagnosticHostId) {
-    const row = document2.createElement("div");
-    row.className = "settings-connection-row";
-    if (rowAttribute) row.dataset.connectionAgent = rowAttribute;
-    const identity = document2.createElement("div");
-    identity.className = "settings-connection-row__identity";
-    const dot = document2.createElement("span");
-    dot.className = "settings-connection-row__dot";
-    dot.dataset.connectionTone = connectionStatusTone(availability);
-    dot.setAttribute("aria-hidden", "true");
-    const label = document2.createElement("strong");
-    label.textContent = name;
-    identity.append(dot, label);
-    const status = document2.createElement("span");
-    status.className = "settings-status-badge";
-    status.dataset.connectionTone = connectionStatusTone(availability);
-    status.textContent = connectionStatusLabel(availability, messages);
-    const detailElement = document2.createElement("div");
-    detailElement.className = "settings-connection-row__detail";
-    const summary = document2.createElement("span");
-    summary.className = "settings-connection-row__reason";
-    summary.textContent = error51 ? `${messages.connectionReason}: ${error51.code}: ${error51.message}` : detail ? `${messages.connectionReason}: ${detail}` : "";
-    detailElement.append(summary);
-    let toggle = null;
-    if (error51) {
-      toggle = document2.createElement("button");
-      toggle.type = "button";
-      toggle.className = "settings-connection-details-toggle";
-      toggle.textContent = messages.connectionViewDetails;
-      toggle.setAttribute("aria-expanded", "true");
-      detailElement.append(toggle);
-    }
-    const details = document2.createElement("div");
-    details.className = "settings-connection-details";
-    details.hidden = !error51;
-    if (error51) {
-      details.append(
-        detailLine(document2, messages.connectionErrorCode, error51.code),
-        detailLine(document2, messages.connectionErrorMessage, error51.message),
-        detailLine(document2, messages.connectionRetryable, String(error51.retryable))
-      );
-      if (error51.stage)
-        details.append(detailLine(document2, messages.connectionFailureStage, error51.stage));
-      if (error51.durationMs !== void 0) {
-        details.append(detailLine(document2, messages.connectionDuration, `${error51.durationMs} ms`));
-      }
-      if (error51.diagnostic)
-        details.append(detailLine(document2, messages.connectionDiagnostic, error51.diagnostic));
-      if (error51.stderrTail) {
-        const stderr = document2.createElement("pre");
-        stderr.className = "settings-connection-stderr";
-        stderr.textContent = error51.stderrTail;
-        details.append(stderr);
-      }
-      const copy = document2.createElement("button");
-      copy.type = "button";
-      copy.className = "settings-command-button settings-command-button--secondary";
-      setCopyButtonLabel(copy, messages.connectionCopyDetails);
-      copy.addEventListener("click", () => {
-        if (!diagnosticSnapshot) return;
-        copyDiagnosticsToClipboard(
-          document2,
-          copy,
-          diagnosticText(diagnosticHostId ?? "unknown", name, diagnosticSnapshot),
-          messages,
-          messages.connectionCopyDetails
-        );
-      });
-      details.append(copy);
-    }
-    if (toggle) {
-      toggle.addEventListener("click", () => {
-        details.hidden = !details.hidden;
-        toggle?.setAttribute("aria-expanded", String(!details.hidden));
-      });
+          link.setAttribute("target", "_blank");
+          link.setAttribute("rel", "noopener noreferrer");
+          parent.append(link);
+        }
+      }
+      lastIndex = index + match[0].length;
     }
-    row.append(identity, status, detailElement, details);
-    parent.append(row);
+    if (lastIndex < text.length) parent.append(text.slice(lastIndex));
   }
-  function connectionHostLabel(hostId, active, messages) {
-    const activeLabel = active ? ` \xB7 ${messages.connectionActiveHost}` : "";
-    if (hostId === "local") return `${messages.connectionLocalHost}${activeLabel}`;
-    const separator = hostId.lastIndexOf(":");
-    const encodedName = separator >= 0 ? hostId.slice(separator + 1) : hostId;
-    let name = encodedName;
+  function isSafeLink(href) {
     try {
-      name = decodeURIComponent(encodedName);
+      const url2 = new URL(href, "https://codexhost.invalid");
+      return url2.protocol === "http:" || url2.protocol === "https:";
     } catch {
+      return false;
     }
-    return `${messages.connectionRemoteHost}: ${name}${activeLabel}`;
   }
-  function connectionsPage(messages, getDiagnostics) {
-    return Object.freeze({
-      id: "connections",
-      label: messages.pageLabels.connections,
-      icon: "connections",
-      mount(context) {
-        const document2 = context.content.ownerDocument;
-        const heading = document2.createElement("div");
-        heading.className = "settings-section-label";
-        heading.textContent = messages.pageLabels.connections;
-        const description = document2.createElement("p");
-        description.className = "settings-page-description";
-        description.textContent = messages.connectionsDescription;
-        const actions = document2.createElement("div");
-        actions.className = "settings-connection-actions";
-        const refresh = document2.createElement("button");
-        refresh.type = "button";
-        refresh.className = "settings-command-button settings-command-button--secondary";
-        refresh.dataset.connectionAction = "refresh";
-        refresh.append(createRendererSettingsIcon("diagnose", 16), messages.connectionRefresh);
-        const copyAll = document2.createElement("button");
-        copyAll.type = "button";
-        copyAll.className = "settings-command-button settings-command-button--secondary";
-        copyAll.dataset.connectionAction = "copy-all";
-        copyAll.append(createRendererSettingsIcon("copy", 16), messages.connectionCopyAll);
-        actions.append(refresh, copyAll);
-        const content = document2.createElement("div");
-        content.className = "settings-connection-list";
-        context.content.append(heading, description, actions, content);
-        let pending = false;
-        let selectedHostId = "local";
-        let latestSnapshot = null;
-        const render = (snapshot) => {
-          latestSnapshot = snapshot;
-          content.replaceChildren();
-          if (!snapshot) {
-            const empty = document2.createElement("div");
-            empty.className = "settings-empty";
-            empty.textContent = messages.connectionNoRuntime;
-            content.append(empty);
-            return;
-          }
-          appendConnectionRow(
-            document2,
-            content,
-            messages.connectionAdapter,
-            snapshot.adapter.state,
-            `reason=${snapshot.adapter.reason}, hook=${snapshot.adapter.hook ?? "none"}`,
-            null,
-            messages,
-            "renderer-adapter"
-          );
-          const selectedHost = snapshot.hosts.find((host) => host.hostId === selectedHostId) ?? snapshot.hosts.find((host) => host.hostId === "local") ?? snapshot.hosts[0];
-          if (!selectedHost) return;
-          selectedHostId = selectedHost.hostId;
-          const tabs = document2.createElement("div");
-          tabs.className = "settings-connection-host-tabs";
-          tabs.setAttribute("role", "tablist");
-          tabs.setAttribute("aria-label", messages.connectionHosts);
-          const hostSection = document2.createElement("section");
-          hostSection.className = "settings-connection-host";
-          hostSection.dataset.connectionHost = selectedHost.hostId;
-          hostSection.setAttribute("role", "tabpanel");
-          const panelId = "codexhost-settings-connection-host-panel";
-          hostSection.id = panelId;
-          for (const host of snapshot.hosts) {
-            const tab = document2.createElement("button");
-            tab.type = "button";
-            tab.className = "settings-connection-host-tab";
-            tab.dataset.connectionHostTab = host.hostId;
-            tab.setAttribute("role", "tab");
-            tab.setAttribute("aria-controls", panelId);
-            tab.setAttribute("aria-selected", String(host.hostId === selectedHost.hostId));
-            tab.tabIndex = host.hostId === selectedHost.hostId ? 0 : -1;
-            tab.textContent = connectionHostLabel(host.hostId, host.active, messages);
-            tab.addEventListener("click", () => {
-              selectedHostId = host.hostId;
-              render(latestSnapshot);
-            });
-            tabs.append(tab);
-          }
-          for (const agent of selectedHost.agents) {
-            appendConnectionRow(
-              document2,
-              hostSection,
-              RENDERER_AGENT_LABELS[agent.agent],
-              agent.availability,
-              null,
-              agent.error,
-              messages,
-              agent.agent,
-              agent,
-              selectedHost.hostId
-            );
-          }
-          content.append(tabs, hostSection);
-        };
-        const diagnostics = getDiagnostics();
-        render(diagnostics?.snapshot() ?? null);
-        if (!diagnostics) {
-          copyAll.disabled = true;
-          return void 0;
-        }
-        copyAll.addEventListener("click", () => {
-          const snapshot = diagnostics.snapshot();
-          const report = snapshot.hosts.flatMap(
-            (host) => host.agents.map(
-              (agent) => diagnosticText(host.hostId, RENDERER_AGENT_LABELS[agent.agent], agent)
-            )
-          ).join("\n\n");
-          copyDiagnosticsToClipboard(document2, copyAll, report, messages, messages.connectionCopyAll);
-        });
-        const unsubscribe = diagnostics.subscribe(() => render(diagnostics.snapshot()));
-        refresh.addEventListener("click", () => {
-          if (pending) return;
-          pending = true;
-          refresh.disabled = true;
-          refresh.replaceChildren(
-            createRendererSettingsIcon("diagnose", 16),
-            messages.connectionRefreshing
-          );
-          void context.runLatest(() => diagnostics.refresh(), {
-            success() {
-              pending = false;
-              refresh.disabled = false;
-              refresh.replaceChildren(
-                createRendererSettingsIcon("diagnose", 16),
-                messages.connectionRefresh
-              );
-              render(diagnostics.snapshot());
-            },
-            failure(error51) {
-              pending = false;
-              refresh.disabled = false;
-              refresh.replaceChildren(
-                createRendererSettingsIcon("diagnose", 16),
-                messages.connectionRefresh
-              );
-              const snapshot = diagnostics.snapshot();
-              render({
-                ...snapshot,
-                hosts: snapshot.hosts.map((host) => ({
-                  ...host,
-                  agents: host.agents.map((agent) => ({
-                    ...agent,
-                    availability: "error",
-                    error: {
-                      code: "internalError",
-                      message: error51 instanceof Error ? error51.message : String(error51),
-                      retryable: true,
-                      stage: "request"
-                    }
-                  }))
-                }))
-              });
-            }
-          });
-        });
-        return unsubscribe;
+
+  // src/settings/update-request.ts
+  var RENDERER_UPDATE_REQUEST_TIMEOUT_MS = 15e3;
+  var RendererUpdateRequestTimeoutError = class extends Error {
+    constructor() {
+      super("Update request timed out");
+      this.name = "RendererUpdateRequestTimeoutError";
+    }
+  };
+  function runBoundedRendererUpdateRequest(operation, signal, timeoutMs = RENDERER_UPDATE_REQUEST_TIMEOUT_MS) {
+    return new Promise((resolve, reject) => {
+      let settled = false;
+      const settle = (handler) => {
+        if (settled) return;
+        settled = true;
+        clearTimeout(timeout);
+        signal.removeEventListener("abort", abort);
+        handler();
+      };
+      const timeout = setTimeout(() => {
+        settle(() => reject(new RendererUpdateRequestTimeoutError()));
+      }, timeoutMs);
+      const abort = () => {
+        settle(() => reject(new Error("Update request was aborted")));
+      };
+      const rejectRequest = (error51) => {
+        settle(() => reject(error51));
+      };
+      if (signal.aborted) {
+        abort();
+        return;
+      }
+      signal.addEventListener("abort", abort, { once: true });
+      try {
+        void operation().then(
+          (value) => settle(() => resolve(value)),
+          (error51) => rejectRequest(error51)
+        );
+      } catch (error51) {
+        rejectRequest(error51);
       }
     });
   }
-  function versionRow(context, label, version2) {
-    const row = context.content.ownerDocument.createElement("div");
-    row.className = "settings-update-version-row";
-    const name = context.content.ownerDocument.createElement("span");
-    name.textContent = label;
-    const value = context.content.ownerDocument.createElement("strong");
-    value.textContent = `v${version2}`;
-    row.append(name, value);
-    return row;
+
+  // src/settings/pages.ts
+  var CODEXHOST_GITHUB_REPOSITORY_URL = "https://github.com/BytePioneer-AI/codex-host";
+  var CODEXHOST_RELEASES_LATEST_URL = `${CODEXHOST_GITHUB_REPOSITORY_URL}/releases/latest`;
+  var CODEXHOST_NPM_MANUAL_UPDATE_COMMAND = "npm install -g @codexhost/cli@latest";
+  function rendererUserAgentData(navigator2) {
+    return navigator2.userAgentData;
+  }
+  function isWindowsRenderer(window2) {
+    const navigator2 = window2?.navigator;
+    if (!navigator2) return false;
+    const identity = `${rendererUserAgentData(navigator2)?.platform ?? ""} ${navigator2.platform ?? ""} ${navigator2.userAgent}`;
+    return /windows|win32|win64/iu.test(identity);
+  }
+  function windowsInstallerDownloadUrl(window2, version2) {
+    const navigator2 = window2?.navigator;
+    const hints = navigator2 ? rendererUserAgentData(navigator2) : void 0;
+    const identity = `${hints?.architecture ?? ""} ${hints?.platform ?? ""} ${navigator2?.platform ?? ""} ${navigator2?.userAgent ?? ""}`;
+    const architecture = /arm64|aarch64|\barm\b/iu.test(identity) ? "arm64" : "x64";
+    return `https://github.com/BytePioneer-AI/codex-host/releases/download/v${version2}/codexhost-${version2}-windows-${architecture}.exe`;
+  }
+  function panelIconName(view) {
+    if (view === "failed" || view === "error") return "alert";
+    if (view === "unavailable") return "unavailable";
+    if (view === "current") return "check";
+    return "updates";
+  }
+  function createPanelHead(document2, view, title) {
+    const head = document2.createElement("div");
+    head.className = "settings-update-panel__head";
+    const label = document2.createElement("strong");
+    label.className = "settings-update-panel__title";
+    label.textContent = title;
+    head.append(createRendererSettingsIcon(panelIconName(view), 16), label);
+    return head;
+  }
+  function createPanelActions(document2, ...buttons) {
+    const actions = document2.createElement("div");
+    actions.className = "settings-update-actions";
+    actions.append(...buttons);
+    return actions;
   }
   function installationLabel(installation, messages) {
     if (installation === "npm") return messages.updateInstallationNpm;
@@ -20719,6 +21355,57 @@ ${error51.stderrTail}`] : []
     }
     return `${scaled.toFixed(scaled >= 10 ? 0 : 1)} ${unit}`;
   }
+  function aboutPage(messages) {
+    return Object.freeze({
+      id: "about",
+      label: messages.pageLabels.about,
+      icon: "about",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const heading = document2.createElement("div");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.about;
+        const panel = document2.createElement("section");
+        panel.className = "settings-about-panel";
+        const product = document2.createElement("strong");
+        product.className = "settings-about-product";
+        product.textContent = "CodexHost";
+        const tagline = document2.createElement("strong");
+        tagline.className = "settings-about-tagline";
+        tagline.textContent = messages.aboutTagline;
+        const introduction = document2.createElement("div");
+        introduction.className = "settings-about-copy";
+        for (const paragraphText of messages.aboutParagraphs) {
+          const paragraph = document2.createElement("p");
+          paragraph.textContent = paragraphText;
+          introduction.append(paragraph);
+        }
+        const starCallout = document2.createElement("p");
+        starCallout.className = "settings-about-star-callout";
+        starCallout.textContent = messages.aboutStarCallout;
+        const repositorySection = document2.createElement("div");
+        repositorySection.className = "settings-about-repository";
+        const openSource = document2.createElement("p");
+        openSource.textContent = messages.aboutOpenSource;
+        const repository = document2.createElement("a");
+        repository.className = "settings-about-repository-link";
+        repository.href = CODEXHOST_GITHUB_REPOSITORY_URL;
+        repository.target = "_blank";
+        repository.rel = "noopener noreferrer";
+        const repositoryUrl = document2.createElement("code");
+        repositoryUrl.textContent = CODEXHOST_GITHUB_REPOSITORY_URL;
+        repository.append(
+          createRendererSettingsIcon("external-link", 14),
+          messages.aboutRepository,
+          repositoryUrl
+        );
+        repositorySection.append(openSource, repository);
+        panel.append(product, tagline, introduction, starCallout, repositorySection);
+        context.content.append(heading, panel);
+        return void 0;
+      }
+    });
+  }
   function updatesPage(messages, getClient) {
     return Object.freeze({
       id: "updates",
@@ -20726,37 +21413,90 @@ ${error51.stderrTail}`] : []
       icon: "updates",
       mount(context) {
         const document2 = context.content.ownerDocument;
+        const windows = isWindowsRenderer(document2.defaultView);
         const heading = document2.createElement("div");
         heading.className = "settings-section-label";
         heading.textContent = messages.pageLabels.updates;
         const metadata = document2.createElement("div");
         metadata.className = "settings-update-metadata";
-        const currentVersion = document2.createElement("div");
-        currentVersion.className = "settings-update-metadata__item";
-        const currentVersionLabel = document2.createElement("span");
-        currentVersionLabel.textContent = messages.updateCurrentVersion;
-        const currentVersionValue = document2.createElement("strong");
-        currentVersionValue.textContent = "-";
-        currentVersion.append(currentVersionLabel, currentVersionValue);
-        const installation = document2.createElement("div");
-        installation.className = "settings-update-metadata__item";
-        const installationName = document2.createElement("span");
-        installationName.textContent = messages.updateInstallation;
-        const installationValue = document2.createElement("strong");
-        installationValue.textContent = "-";
-        installation.append(installationName, installationValue);
-        metadata.append(currentVersion, installation);
+        const createMetadataItem = (label) => {
+          const item = document2.createElement("div");
+          item.className = "settings-update-metadata__item";
+          const name = document2.createElement("span");
+          name.textContent = label;
+          const value = document2.createElement("strong");
+          value.textContent = "-";
+          item.append(name, value);
+          metadata.append(item);
+          return value;
+        };
+        const currentVersionValue = createMetadataItem(messages.updateCurrentVersion);
+        const latestVersionValue = createMetadataItem(messages.updateLatestVersion);
+        const installationValue = createMetadataItem(messages.updateInstallation);
         const panel = document2.createElement("section");
         panel.className = "settings-update-panel";
         panel.setAttribute("aria-live", "polite");
+        const controls = document2.createElement("div");
+        controls.className = "settings-update-controls";
+        const manualTitle = document2.createElement("div");
+        manualTitle.className = "settings-update-manual-title";
+        manualTitle.textContent = messages.updateManualTitle;
         const manualNpm = document2.createElement("div");
         manualNpm.className = "settings-update-manual";
         manualNpm.hidden = true;
-        const manualNpmDescription = document2.createElement("span");
+        const manualNpmDescription = document2.createElement("p");
+        manualNpmDescription.className = "settings-update-manual-description";
         manualNpmDescription.textContent = messages.updateManualNpmDescription;
+        const manualNpmCommandRow = document2.createElement("div");
+        manualNpmCommandRow.className = "settings-update-command";
         const manualNpmCommand = document2.createElement("code");
         manualNpmCommand.textContent = CODEXHOST_NPM_MANUAL_UPDATE_COMMAND;
-        manualNpm.append(manualNpmDescription, manualNpmCommand);
+        const copyCommand = document2.createElement("button");
+        copyCommand.type = "button";
+        copyCommand.className = "settings-update-command__copy";
+        const setCopyLabel = (label) => {
+          copyCommand.replaceChildren(createRendererSettingsIcon("copy", 14), label);
+        };
+        setCopyLabel(messages.updateCopyCommand);
+        copyCommand.addEventListener("click", () => {
+          const clipboard = document2.defaultView?.navigator.clipboard;
+          const restore = (label) => {
+            setCopyLabel(label);
+            document2.defaultView?.setTimeout(() => setCopyLabel(messages.updateCopyCommand), 2e3);
+          };
+          if (!clipboard) {
+            restore(messages.updateCopyFailed);
+            return;
+          }
+          void clipboard.writeText(CODEXHOST_NPM_MANUAL_UPDATE_COMMAND).then(
+            () => restore(messages.updateCommandCopied),
+            () => restore(messages.updateCopyFailed)
+          );
+        });
+        manualNpmCommandRow.append(manualNpmCommand, copyCommand);
+        manualNpm.append(manualNpmDescription, manualNpmCommandRow);
+        const manualWindowsInstaller = document2.createElement("div");
+        manualWindowsInstaller.className = "settings-update-manual";
+        manualWindowsInstaller.hidden = true;
+        const manualWindowsInstallerDescription = document2.createElement("p");
+        manualWindowsInstallerDescription.className = "settings-update-manual-description";
+        manualWindowsInstallerDescription.textContent = messages.updateWindowsInstallerDescription;
+        const manualWindowsInstallerActions = document2.createElement("div");
+        manualWindowsInstallerActions.className = "settings-update-actions";
+        const manualWindowsInstallerLink = document2.createElement("a");
+        manualWindowsInstallerLink.className = "settings-update-link";
+        manualWindowsInstallerLink.href = CODEXHOST_RELEASES_LATEST_URL;
+        manualWindowsInstallerLink.target = "_blank";
+        manualWindowsInstallerLink.rel = "noopener noreferrer";
+        manualWindowsInstallerLink.append(
+          messages.updateDownloadWindowsInstaller,
+          createRendererSettingsIcon("external-link", 14)
+        );
+        manualWindowsInstallerActions.append(manualWindowsInstallerLink);
+        manualWindowsInstaller.append(
+          manualWindowsInstallerDescription,
+          manualWindowsInstallerActions
+        );
         const actions = document2.createElement("div");
         actions.className = "settings-update-actions";
         const releaseLink = document2.createElement("a");
@@ -20769,7 +21509,14 @@ ${error51.stderrTail}`] : []
           createRendererSettingsIcon("external-link", 14)
         );
         actions.append(releaseLink);
-        context.content.append(heading, metadata, panel, manualNpm, actions);
+        controls.append(manualTitle, manualNpm, manualWindowsInstaller, actions);
+        const notes = document2.createElement("div");
+        notes.className = "settings-update-notes-section";
+        context.content.append(heading, metadata, panel, controls, notes);
+        const setManualFallback = (fallback) => {
+          manualNpmDescription.textContent = windows ? messages.updateWindowsNpmDescription : fallback ? messages.updateManualFallbackDescription : messages.updateManualNpmDescription;
+          manualNpmDescription.className = fallback ? "settings-update-manual-description is-fallback" : "settings-update-manual-description";
+        };
         let pollTimer;
         let pollAttempts = 0;
         let pending = false;
@@ -20782,11 +21529,11 @@ ${error51.stderrTail}`] : []
         const renderUnavailable = (detail) => {
           panel.dataset.updateState = "unavailable";
           panel.replaceChildren();
-          const title = document2.createElement("strong");
-          title.textContent = messages.notAvailable;
-          const copy = document2.createElement("span");
+          const copy = document2.createElement("p");
+          copy.className = "settings-update-summary";
           copy.textContent = detail;
-          panel.append(title, copy);
+          panel.append(createPanelHead(document2, "unavailable", messages.notAvailable), copy);
+          notes.replaceChildren();
         };
         const renderRequestFailure = (error51) => {
           renderPendingStatus(
@@ -20822,9 +21569,8 @@ ${error51.stderrTail}`] : []
         const renderPendingStatus = (status, message, viewPhase = status?.phase ?? "pending") => {
           panel.dataset.updateState = viewPhase;
           panel.replaceChildren();
-          const state = document2.createElement("strong");
-          state.textContent = message;
-          panel.append(state);
+          panel.append(createPanelHead(document2, viewPhase, message));
+          setManualFallback(viewPhase === "failed");
           if (status?.phase === "downloading" && status.totalBytes !== void 0 && status.downloadedBytes !== void 0) {
             const progress = document2.createElement("progress");
             progress.className = "settings-update-progress";
@@ -20846,7 +21592,7 @@ ${error51.stderrTail}`] : []
             retry.className = "settings-command-button";
             retry.append(createRendererSettingsIcon("refresh", 16), messages.updateRetry);
             retry.addEventListener("click", () => void load());
-            panel.append(retry);
+            panel.append(createPanelActions(document2, retry));
           }
         };
         const start = (client) => {
@@ -20873,8 +21619,19 @@ ${error51.stderrTail}`] : []
         };
         const renderCheck = (result, client) => {
           currentVersionValue.textContent = `v${result.currentVersion}`;
+          latestVersionValue.textContent = result.latestVersion ? `v${result.latestVersion}` : "-";
+          latestVersionValue.className = result.updateAvailable ? "settings-update-metadata__value--newer" : "";
           installationValue.textContent = installationLabel(result.installation, messages);
           manualNpm.hidden = result.installation !== "npm";
+          manualWindowsInstaller.hidden = !windows || result.installation !== "windows-installer";
+          releaseLink.hidden = windows;
+          manualTitle.hidden = windows && !["npm", "windows-installer"].includes(result.installation ?? "");
+          if (windows && result.installation === "windows-installer" && result.latestVersion) {
+            manualWindowsInstallerLink.href = windowsInstallerDownloadUrl(
+              document2.defaultView,
+              result.latestVersion
+            );
+          }
           if (result.releaseNotesUrl) releaseLink.href = result.releaseNotesUrl;
           const operationMessage = statusMessage(result.status, messages);
           if (isPendingStatus(result.status)) {
@@ -20882,42 +21639,53 @@ ${error51.stderrTail}`] : []
             scheduleStatusPoll(client, true);
             return;
           }
-          panel.dataset.updateState = result.error ? "error" : result.updateAvailable ? "available" : "current";
+          const actionableStatus = result.status?.phase === "failed" && result.status.version === result.latestVersion ? result.status : null;
+          const view = result.error ? "error" : result.updateAvailable ? "available" : "current";
+          panel.dataset.updateState = view;
           panel.replaceChildren();
-          if (result.latestVersion) {
-            panel.append(versionRow(context, messages.updateLatestVersion, result.latestVersion));
+          setManualFallback(Boolean(result.error) || actionableStatus !== null);
+          if (result.error || !result.updateAvailable || windows || actionableStatus) {
+            panel.append(
+              createPanelHead(
+                document2,
+                view,
+                actionableStatus ? statusMessage(actionableStatus, messages) ?? messages.updateFailed : result.error ? messages.updateFailed : result.updateAvailable ? messages.updateWindowsManualRequired : messages.updateUpToDate
+              )
+            );
           }
-          const summary = document2.createElement("p");
-          summary.className = "settings-update-summary";
-          summary.textContent = operationMessage ?? (result.error ? messages.updateFailed : result.updateAvailable ? messages.updateAvailable : messages.updateUpToDate);
-          panel.append(summary);
-          if (result.releaseNotes) {
-            panel.append(createReleaseNotesElement(document2, result.releaseNotes));
+          if (actionableStatus?.error) {
+            const error51 = document2.createElement("p");
+            error51.className = "settings-update-error";
+            error51.textContent = actionableStatus.error;
+            panel.append(error51);
           }
-          if (result.status?.phase === "failed" && result.status.error) {
+          if (result.error) {
             const error51 = document2.createElement("p");
             error51.className = "settings-update-error";
-            error51.textContent = result.status.error;
+            error51.textContent = result.error;
             panel.append(error51);
           }
-          if (result.updateAvailable && result.installationAvailable) {
+          const buttons = [];
+          if (!windows && result.updateAvailable && result.installationAvailable) {
             const update = document2.createElement("button");
             update.type = "button";
             update.className = "settings-command-button";
             update.append(createRendererSettingsIcon("updates", 16), messages.updateAndRestart);
             update.addEventListener("click", () => start(client));
-            panel.append(update);
+            buttons.push(update);
           }
           if (result.error) {
-            const error51 = document2.createElement("p");
-            error51.className = "settings-update-error";
-            error51.textContent = result.error;
             const retry = document2.createElement("button");
             retry.type = "button";
             retry.className = "settings-command-button settings-command-button--secondary";
             retry.append(createRendererSettingsIcon("refresh", 16), messages.updateRetry);
             retry.addEventListener("click", () => void load());
-            panel.append(error51, retry);
+            buttons.push(retry);
+          }
+          if (buttons.length > 0) panel.append(createPanelActions(document2, ...buttons));
+          notes.replaceChildren();
+          if (result.releaseNotes) {
+            notes.append(createReleaseNotesElement(document2, result.releaseNotes));
           }
         };
         const load = () => {
@@ -20948,13 +21716,10 @@ ${error51.stderrTail}`] : []
     });
   }
   function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
-    const unavailableIds = DEFAULT_RENDERER_SETTINGS_PAGE_IDS.filter(
-      (id) => id !== "updates" && id !== "connections"
-    );
     return Object.freeze([
-      connectionsPage(messages, getDiagnostics),
-      ...unavailableIds.map((id) => unavailablePage(id, messages)),
-      updatesPage(messages, getUpdateClient)
+      createConnectionsSettingsPage(messages, getDiagnostics),
+      updatesPage(messages, getUpdateClient),
+      aboutPage(messages)
     ]);
   }
   function createDefaultRendererSettingsRegistry(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
@@ -20964,11 +21729,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  --settings-bg: #181818;\n  --settings-sidebar: #1c1c1c;\n  --settings-panel: transparent;\n  --settings-text: #f5f5f5;\n  --settings-muted: #a1a1a1;\n  --settings-border: rgb(255 255 255 / 10%);\n  --settings-divider: rgb(255 255 255 / 10%);\n  --settings-hover: rgb(255 255 255 / 6%);\n  --settings-active: rgb(51 156 255 / 12%);\n  --settings-focus: #339cff;\n  color: var(--settings-text);\n  color-scheme: dark;\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 0 24px 64px rgb(0 0 0 / 38%);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: rgb(0 0 0 / 52%);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-icon-button.settings-star-link {\n  width: auto;\n  gap: 6px;\n  padding-inline: 8px;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n  border: 2px dashed #f5c542;\n  white-space: nowrap;\n}\n\n.settings-star-link .codexhost-settings-icon {\n  color: #f5c542;\n  fill: currentColor;\n  stroke: currentColor;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 40px;\n  flex: none;\n  gap: 12px;\n  padding: 8px 12px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 7%);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: rgb(255 255 255 / 9%);\n  border: 1px solid rgb(255 255 255 / 6%);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -12px 0 24px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-connection-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.settings-connection-list {\n  min-width: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  gap: 6px;\n  padding: 20px 0 8px;\n  overflow-x: auto;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-tab {\n  flex: none;\n  padding: 7px 12px;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 13px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.settings-connection-host-tab:hover {\n  background: var(--settings-hover);\n  color: var(--settings-text);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-connection-host-tab:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) auto minmax(260px, 1.5fr);\n  align-items: center;\n  min-width: 0;\n  min-height: 76px;\n  gap: 24px;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.settings-connection-row__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-weight: 500;\n}\n\n.settings-connection-row__dot {\n  width: 9px;\n  height: 9px;\n  flex: none;\n  border-radius: 50%;\n  background: var(--settings-muted);\n}\n\n.settings-connection-row__dot[data-connection-tone="ready"] {\n  background: #22c55e;\n}\n\n.settings-connection-row__dot[data-connection-tone="checking"] {\n  background: #f5c542;\n}\n\n.settings-connection-row__dot[data-connection-tone="failed"] {\n  background: #ef4444;\n}\n\n.settings-status-badge[data-connection-tone="ready"] {\n  color: #4ade80;\n}\n\n.settings-status-badge[data-connection-tone="checking"] {\n  color: #f5c542;\n}\n\n.settings-status-badge[data-connection-tone="failed"] {\n  color: #f87171;\n}\n\n.settings-connection-row__detail {\n  display: grid;\n  min-width: 0;\n  align-items: center;\n  gap: 2px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-connection-row__reason {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n\n.settings-connection-details-toggle {\n  width: fit-content;\n  padding: 0;\n  color: var(--settings-focus);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n\n.settings-connection-details-toggle:hover {\n  text-decoration: underline;\n}\n\n.settings-connection-details {\n  display: grid;\n  grid-column: 1 / -1;\n  gap: 6px;\n  min-width: 0;\n  margin: 4px 0 2px 32px;\n  padding: 12px;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 4%);\n  border-left: 2px solid #ef4444;\n  border-radius: 4px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 112px minmax(0, 1fr);\n  gap: 12px;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-connection-detail-line span {\n  color: var(--settings-muted);\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 4px 0 0;\n  padding: 10px;\n  overflow: auto;\n  color: #fca5a5;\n  font:\n    12px/18px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: rgb(0 0 0 / 28%);\n  border-radius: 4px;\n}\n\n.settings-connection-details .settings-command-button {\n  justify-self: start;\n  min-height: 30px;\n  font-size: 12px;\n}\n\n.settings-connection-row__detail time {\n  color: var(--settings-muted);\n  opacity: 0.8;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 16px;\n  min-height: 128px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel > strong,\n.settings-update-panel > span,\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-panel > span,\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: rgb(255 255 255 / 4%);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #7cb8ff;\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: rgb(255 255 255 / 8%);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: rgb(0 0 0 / 28%);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n.settings-update-version-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-height: 32px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-update-version-row strong {\n  color: var(--settings-text);\n  font-size: 15px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n  margin-top: 14px;\n  padding-inline: 4px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual code {\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-actions {\n  display: flex;\n  min-width: 0;\n  margin-top: 16px;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover,\n.settings-update-link:hover {\n  filter: brightness(1.08);\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-icon-button.settings-star-link {\n    width: 28px;\n    padding: 0;\n  }\n\n  .settings-star-link span {\n    display: none;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-connection-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 10px 16px;\n  }\n\n  .settings-connection-row__detail {\n    grid-column: 1 / -1;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
+  var shell_default = ':host {\n  --settings-bg: #181818;\n  --settings-sidebar: #1c1c1c;\n  --settings-panel: transparent;\n  --settings-text: #f5f5f5;\n  --settings-muted: #a1a1a1;\n  --settings-border: rgb(255 255 255 / 10%);\n  --settings-divider: rgb(255 255 255 / 10%);\n  --settings-hover: rgb(255 255 255 / 6%);\n  --settings-active: rgb(51 156 255 / 12%);\n  --settings-focus: #339cff;\n  color: var(--settings-text);\n  color-scheme: dark;\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 0 24px 64px rgb(0 0 0 / 38%);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: rgb(0 0 0 / 52%);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 28px;\n  padding: 7px 12px 3px;\n  color: #777;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 14px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 48px;\n  flex: none;\n  gap: 14px;\n  padding: 10px 14px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-nav-star-link {\n  margin-top: 0;\n  color: var(--settings-text);\n  text-decoration: none;\n}\n\n.settings-nav-star-link .codexhost-settings-icon {\n  color: #f5c542;\n}\n\n.settings-nav-star-link:hover {\n  color: #fff4bd;\n  background: rgb(245 197 66 / 8%);\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 7%);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: rgb(255 255 255 / 9%);\n  border: 1px solid rgb(255 255 255 / 6%);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -12px 0 24px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: rgb(255 255 255 / 16%);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: white;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 35%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 8px 0 0;\n}\n\n.settings-connections-content,\n.settings-connections-layout,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\n  align-items: start;\n  gap: 18px;\n}\n\n.settings-connection-list,\n.settings-connection-inspector {\n  overflow: hidden;\n  background: rgb(255 255 255 / 2%);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-connection-host-strip {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-scroll {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 34px;\n  padding: 0;\n  color: var(--settings-muted);\n  background: rgb(0 0 0 / 18%);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-connection-host-strip[data-connection-host-overflow="true"]\n  .settings-connection-host-scroll {\n  display: inline-flex;\n}\n\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.settings-connection-host-scroll:hover:not(:disabled) {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-scroll:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n\n.settings-connection-host-scroll:focus-visible,\n.settings-connection-host-tab:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 34px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 11px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: rgb(0 0 0 / 18%);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: #e8f3ff;\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 82px;\n  align-items: center;\n  min-width: 0;\n  gap: 14px;\n}\n\n.settings-connection-table-header {\n  min-height: 36px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: rgb(255 255 255 / 2%);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  min-height: 64px;\n  padding: 10px 12px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-active);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 9px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  color: #d4d8de;\n  font-size: 10px;\n  font-weight: 700;\n  background: rgb(255 255 255 / 6%);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 22px;\n  max-height: 22px;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 7px;\n  height: 7px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: #4ade80;\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: #f5c542;\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: #f87171;\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n}\n\n.settings-connection-install-link:hover {\n  color: #8cc5ff;\n  background: rgb(51 156 255 / 10%);\n  border-color: rgb(51 156 255 / 22%);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: #f87171;\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: #fca5a5;\n  background: rgb(239 68 68 / 9%);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 24px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 14px;\n  padding: 16px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  gap: 10px;\n  padding: 14px;\n  background: linear-gradient(rgb(51 156 255 / 8%), rgb(51 156 255 / 4%));\n  border: 1px solid rgb(51 156 255 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.settings-connection-install-button {\n  width: 100%;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: #fecaca;\n  background: rgb(239 68 68 / 7%);\n  border: 1px solid rgb(239 68 68 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: rgb(0 0 0 / 18%);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: #e3e5e8;\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: rgb(0 0 0 / 28%);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: rgb(255 255 255 / 3%);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-panel {\n  display: grid;\n  max-width: 720px;\n  gap: 18px;\n  padding: 28px;\n  background: rgb(255 255 255 / 2%);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-copy p,\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 2px 0;\n  color: #f5c542;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository {\n  display: grid;\n  gap: 10px;\n  padding-top: 18px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-about-repository-link {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  gap: 8px;\n  color: #7cb8ff;\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-repository-link code {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 11px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: #4aa3f0;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\n  color: #4aa3f0;\n}\n\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\n  color: #4ade80;\n}\n\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\n  color: #ef4444;\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: rgb(255 255 255 / 4%);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #7cb8ff;\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: rgb(255 255 255 / 8%);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: rgb(0 0 0 / 28%);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: #ef4444;\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover,\n.settings-update-link:hover {\n  filter: brightness(1.08);\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-nav-star-link {\n    margin-top: 0;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-connections-layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-connection-inspector {\n    position: static;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
-  var CODEXHOST_GITHUB_REPOSITORY_URL = "https://github.com/BytePioneer-AI/codex-host";
   function isRendererSettingsDialogSupported(dialog) {
     return typeof dialog.showModal === "function" && typeof dialog.close === "function";
   }
@@ -21015,23 +21779,13 @@ ${error51.stderrTail}`] : []
     brand.append(brandMark, brandCopy);
     const headerActions = ownerDocument.createElement("div");
     headerActions.className = "settings-header-actions";
-    const starLink = ownerDocument.createElement("a");
-    starLink.className = "settings-icon-button settings-star-link";
-    starLink.href = CODEXHOST_GITHUB_REPOSITORY_URL;
-    starLink.target = "_blank";
-    starLink.rel = "noopener noreferrer";
-    starLink.setAttribute("aria-label", messages.starOnGitHub);
-    starLink.title = messages.starOnGitHub;
-    const starLabel = ownerDocument.createElement("span");
-    starLabel.textContent = messages.starOnGitHub;
-    starLink.append(createRendererSettingsIcon("star", 16), starLabel);
     const closeButton = ownerDocument.createElement("button");
     closeButton.type = "button";
     closeButton.className = "settings-icon-button";
     closeButton.setAttribute("aria-label", messages.close);
     closeButton.title = messages.close;
     closeButton.append(createRendererSettingsIcon("close", 18));
-    headerActions.append(starLink, closeButton);
+    headerActions.append(closeButton);
     header.append(brand, headerActions);
     const layout = ownerDocument.createElement("div");
     layout.className = "settings-layout";
@@ -21097,7 +21851,19 @@ ${error51.stderrTail}`] : []
         renderMountFailure();
       }
     };
+    const appendNavigationSection = (label) => {
+      const section = ownerDocument.createElement("div");
+      section.className = "settings-nav-section-label";
+      section.textContent = label;
+      navigation.append(section);
+    };
+    let otherSectionAdded = false;
+    appendNavigationSection(messages.generalSection);
     for (const definition of resolvedRegistry.pages) {
+      if (definition.id === "about" && !otherSectionAdded) {
+        appendNavigationSection(messages.otherSection);
+        otherSectionAdded = true;
+      }
       const button = ownerDocument.createElement("button");
       button.type = "button";
       button.className = "settings-nav-button";
@@ -21109,6 +21875,18 @@ ${error51.stderrTail}`] : []
       navigationButtons.set(definition.id, button);
       navigation.append(button);
     }
+    const starLink = ownerDocument.createElement("a");
+    starLink.className = "settings-nav-button settings-nav-star-link";
+    starLink.href = CODEXHOST_GITHUB_REPOSITORY_URL;
+    starLink.target = "_blank";
+    starLink.rel = "noopener noreferrer";
+    starLink.setAttribute("aria-label", messages.starOnGitHub);
+    starLink.title = messages.starOnGitHub;
+    starLink.append(createRendererSettingsIcon("star", 17));
+    const starLabel = ownerDocument.createElement("span");
+    starLabel.textContent = messages.starOnGitHub;
+    starLink.append(starLabel);
+    navigation.append(starLink);
     const supported = isRendererSettingsDialogSupported(dialog);
     const focusActiveNavigation = () => {
       navigationButtons.get(navigationState.activePageId)?.focus();
@@ -21450,6 +22228,7 @@ ${error51.stderrTail}`] : []
       trigger = null;
       shell = null;
       const mounted = mount();
+      options.onLocaleChange?.(locale);
       if (reopen) {
         const opener = mounted.trigger.root?.querySelector("button") ?? void 0;
         mounted.shell.openSettings(opener, activePageId);
@@ -21562,23 +22341,6 @@ ${error51.stderrTail}`] : []
     };
   }
 
-  // src/compatibility-update.ts
-  async function startCompatibilityUpdate(client) {
-    if (!client) return "unavailable";
-    try {
-      const check2 = await client.checkUpdate();
-      if (check2.updateAvailable && check2.installationAvailable) {
-        void client.startUpdate().catch(() => void 0);
-        return "update-started";
-      }
-      if (check2.error === null && check2.latestVersion !== null && check2.currentVersion === check2.latestVersion) {
-        return "current";
-      }
-    } catch {
-    }
-    return "unavailable";
-  }
-
   // src/renderer-binding-probe.ts
   var externalHarnessIds = {
     pi: harnessIdSchema.parse("pi"),
@@ -21608,6 +22370,9 @@ ${error51.stderrTail}`] : []
     );
   }
   var rendererUsageRefreshDelays = [250, 500, 1e3, 2e3, 4e3, 8e3];
+  function refreshConnectionHosts(hostIds, refreshHost) {
+    return Promise.all([...hostIds].map((hostId) => refreshHost(hostId))).then(() => void 0);
+  }
   function rendererUsageRefreshDelay(attempt) {
     const index = Math.max(0, Math.min(Math.trunc(attempt), rendererUsageRefreshDelays.length - 1));
     return rendererUsageRefreshDelays[index] ?? rendererUsageRefreshDelays[0];
@@ -21632,6 +22397,13 @@ ${error51.stderrTail}`] : []
   function draftPermissionMode(catalog, requested) {
     return catalog.modes.find(({ id }) => id === requested)?.id ?? catalog.modes.find(({ id }) => id === catalog.defaultModeId)?.id ?? catalog.defaultModeId;
   }
+  function lockedPermissionMode(catalog, effective, carrier) {
+    const restored = effective ?? carrier;
+    if (restored && !catalog.modes.some(({ id }) => id === restored)) {
+      throw new Error("Existing Thread Permission Mode is absent from the current Catalog");
+    }
+    return restored;
+  }
   function shouldPersistNewThreadConfigurationSelection(phase) {
     return phase === "draft";
   }
@@ -21698,7 +22470,12 @@ ${error51.stderrTail}`] : []
         throw new Error("DeepSeek Harness Thread reported an incompatible transport Model");
       }
       const model = inspection.effectiveModel ?? transportSelection.model;
-      return { agent: "deepseek-harness", ...model ? { model } : {} };
+      const permissionModeId = inspection.effectivePermissionModeId ?? transportSelection.permissionModeId;
+      return {
+        agent: "deepseek-harness",
+        ...model ? { model } : {},
+        ...permissionModeId ? { permissionModeId } : {}
+      };
     }
     throw new Error("Thread owner is not a Renderer Agent");
   }
@@ -21805,7 +22582,10 @@ ${error51.stderrTail}`] : []
     let connectionDiagnostics = null;
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
       getUpdateClient: () => modelControl,
-      getConnectionDiagnostics: () => connectionDiagnostics
+      getConnectionDiagnostics: () => connectionDiagnostics,
+      onLocaleChange() {
+        for (const mounted of mountedByComposer.values()) renderMounted(mounted);
+      }
     });
     let adapterStatus = {
       state: "installing",
@@ -21884,8 +22664,15 @@ ${error51.stderrTail}`] : []
         mounted.modelView,
         mounted.permissionModeView,
         mounted.usage,
-        mounted.accountCredits
+        mounted.accountCredits,
+        settingsLifecycle.locale
       );
+      if (mounted.control.usage) {
+        mounted.control.usage.onOpen = () => {
+          if (controller.get(mounted.composer).agent === "codex") return;
+          void refreshThreadUsage(mounted, "exact");
+        };
+      }
     };
     const refreshCommands = async (mounted) => {
       const state = controller.get(mounted.composer);
@@ -21931,7 +22718,7 @@ ${error51.stderrTail}`] : []
         renderMounted(mounted);
       }
     };
-    const refreshThreadUsage = async (mounted) => {
+    const refreshThreadUsage = async (mounted, refresh) => {
       const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
       if (!threadId || !modelControl) {
         mounted.usage = null;
@@ -21942,7 +22729,10 @@ ${error51.stderrTail}`] : []
       }
       const generation = ++mounted.usageRequestGeneration;
       try {
-        const result = await modelControl.inspectThreadUsage({ threadId });
+        const result = await modelControl.inspectThreadUsage({
+          threadId,
+          ...refresh ? { refresh } : {}
+        });
         if (disposed || mountedByComposer.get(mounted.composer) !== mounted || !mounted.composer.isConnected || mounted.usageRequestGeneration !== generation || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || result.threadId !== threadId) {
           return;
         }
@@ -22163,11 +22953,15 @@ ${error51.stderrTail}`] : []
             throw new Error("External Harness omitted its Permission Mode catalog");
           }
           mounted.permissionModeView = { status: "loading", catalog: permissionModes };
-          const effectivePermissionModeId = current.phase === "locked" ? mounted.threadConfiguration?.effectivePermissionModeId : void 0;
+          const restoredPermissionModeId = current.phase === "locked" ? lockedPermissionMode(
+            permissionModes,
+            mounted.threadConfiguration?.effectivePermissionModeId,
+            previousPermissionModeId
+          ) : void 0;
           const preferredPermissionModeId = preferredConfiguration?.permissionModeId ?? (agent === "claude-code" ? readClaudePermissionModePreference(permissionModes) : void 0);
           selectedPermissionModeId = draftPermissionMode(
             permissionModes,
-            effectivePermissionModeId ?? previousPermissionModeId ?? preferredPermissionModeId
+            restoredPermissionModeId ?? previousPermissionModeId ?? preferredPermissionModeId
           );
           mounted.permissionModeView = {
             status: "loading",
@@ -22875,10 +23669,10 @@ ${error51.stderrTail}`] : []
         };
       },
       refresh() {
-        for (const hostId of harnessAvailabilityByHost.keys()) {
-          void refreshHarnessAvailabilityForHost(hostId, true, false, true);
-        }
-        return Promise.resolve();
+        return refreshConnectionHosts(
+          harnessAvailabilityByHost.keys(),
+          (hostId) => refreshHarnessAvailabilityForHost(hostId, true, false, true)
+        );
       },
       subscribe(listener) {
         connectionListeners.add(listener);
@@ -23259,9 +24053,6 @@ ${error51.stderrTail}`] : []
           ...permissionModeId ? { permissionModeId } : {}
         };
       },
-      requestCompatibilityUpdate() {
-        return startCompatibilityUpdate(modelControl);
-      },
       setAdapter(status, dispose, applyAgent, nextModelControl) {
         usageNotificationDispose?.();
         usageNotificationDispose = null;
@@ -23389,10 +24180,14 @@ lucide/dist/esm/icons/chevron-down.mjs:
 lucide/dist/esm/icons/shield.mjs:
 lucide/dist/esm/icons/shield-alert.mjs:
 lucide/dist/esm/icons/boxes.mjs:
+lucide/dist/esm/icons/circle-check.mjs:
+lucide/dist/esm/icons/chevron-left.mjs:
+lucide/dist/esm/icons/chevron-right.mjs:
 lucide/dist/esm/icons/circle-off.mjs:
 lucide/dist/esm/icons/copy.mjs:
 lucide/dist/esm/icons/download.mjs:
 lucide/dist/esm/icons/external-link.mjs:
+lucide/dist/esm/icons/info.mjs:
 lucide/dist/esm/icons/languages.mjs:
 lucide/dist/esm/icons/network.mjs:
 lucide/dist/esm/icons/plug-zap.mjs:
@@ -23401,6 +24196,7 @@ lucide/dist/esm/icons/route.mjs:
 lucide/dist/esm/icons/settings.mjs:
 lucide/dist/esm/icons/stethoscope.mjs:
 lucide/dist/esm/icons/star.mjs:
+lucide/dist/esm/icons/triangle-alert.mjs:
 lucide/dist/esm/icons/x.mjs:
   (**
    * @license lucide v1.28.0 - ISC