harness-mix 0.1.2 → 0.1.3

package/output/native-build/renderer-extension.js

@@ -15092,7 +15092,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     email: external_exports.string().trim().min(1).max(320).optional(),
     label: external_exports.string().trim().min(1).max(256).optional(),
     plan: external_exports.string().trim().min(1).max(128).optional(),
-    credits: accountCreditsSnapshotSchema
+    status: external_exports.enum(["ready", "unconfigured", "not_installed"]).optional(),
+    configHint: external_exports.string().max(512).optional(),
+    loginCommand: external_exports.string().max(512).optional(),
+    credits: accountCreditsSnapshotSchema.optional()
   }).strict();
   var harnessAccountListParamsSchema = external_exports.object({}).strict();
   var harnessAccountListResultSchema = external_exports.object({
@@ -15417,6 +15420,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     effectivePermissionModeId: harnessPermissionModeIdSchema.optional(),
     history: harnessHistoryCapabilitiesSchema,
     usage: threadUsageSnapshotSchema.optional(),
+    accountCredits: accountCreditsSnapshotSchema.optional(),
     locked: external_exports.literal(true)
   }).strict();
   var threadInspectionSchema = external_exports.discriminatedUnion("owner", [
@@ -16898,7 +16902,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "deepseek-harness": { command: "pip install deepseek-harness" },
     opencode: { command: "npm install -g opencode-ai" },
     grok: { command: "npm install -g @xai/grok-cli" },
-    omp: { command: "npm install -g @oh-my-prompt/omp" },
+    omp: { command: "npm install -g @oh-my-pi/pi-coding-agent" },
     antigravity: { command: "npm install -g @google/antigravity-cli" },
     openclaw: { command: "npm install -g openclaw" },
     hermes: { command: "pip install hermes-agent" },
@@ -17183,45 +17187,72 @@ ${error51.stderrTail}`] : []
     copy.append(title, description);
     head.append(icon2, copy);
     const commandInfo = HARNESS_INSTALL_COMMANDS[agent];
+    const actions = document2.createElement("div");
+    actions.className = "settings-install-actions";
+    const feedback = document2.createElement("div");
+    feedback.className = "settings-install-feedback";
+    const downloadLink = document2.createElement("a");
+    downloadLink.href = HARNESS_INSTALL_URLS[agent];
+    downloadLink.target = "_blank";
+    downloadLink.rel = "noopener noreferrer";
+    downloadLink.append(createRendererSettingsIcon("external-link", 15), messages.officialDownload);
+    const refreshBtn = document2.createElement("button");
+    refreshBtn.type = "button";
+    refreshBtn.className = "settings-command-button settings-command-button--secondary";
+    refreshBtn.append(createRendererSettingsIcon("diagnose", 15), messages.refreshDetection);
+    refreshBtn.addEventListener("click", () => {
+      void diagnostics?.refresh();
+    });
+    if (!commandInfo) {
+      const manualCard = document2.createElement("div");
+      manualCard.className = "settings-install-manual-card";
+      const manualBadge = document2.createElement("div");
+      manualBadge.className = "settings-install-manual-badge";
+      manualBadge.textContent = messages.manualInstallTitle;
+      const manualNotice = document2.createElement("p");
+      manualNotice.className = "settings-install-manual-notice";
+      manualNotice.textContent = messages.manualInstallNotice;
+      const stepsList = document2.createElement("ol");
+      stepsList.className = "settings-install-steps";
+      for (const stepText of [messages.manualInstallStep1, messages.manualInstallStep2, messages.manualInstallStep3]) {
+        const stepItem = document2.createElement("li");
+        stepItem.textContent = stepText;
+        stepsList.append(stepItem);
+      }
+      manualCard.append(manualBadge, manualNotice, stepsList);
+      downloadLink.className = "settings-command-button";
+      actions.append(downloadLink, refreshBtn);
+      section.append(head, manualCard, actions, feedback);
+      container.append(section);
+      return;
+    }
     const commandBox = document2.createElement("div");
     commandBox.className = "settings-install-command-box";
-    commandBox.hidden = !commandInfo;
     const commandLabel = document2.createElement("span");
     commandLabel.className = "settings-install-command-label";
     commandLabel.textContent = messages.installCommandLabel;
     const commandRow = document2.createElement("div");
     commandRow.className = "settings-install-command-row";
     const code = document2.createElement("code");
-    code.textContent = commandInfo?.command ?? `npm install -g ${agent}`;
+    code.textContent = commandInfo.command;
     commandRow.append(code);
     commandBox.append(commandLabel, commandRow);
-    const actions = document2.createElement("div");
-    actions.className = "settings-install-actions";
+    downloadLink.className = "settings-command-button settings-command-button--secondary";
     const installBtn = document2.createElement("button");
     installBtn.type = "button";
-    installBtn.hidden = !commandInfo;
-    installBtn.disabled = !commandInfo;
     installBtn.className = "settings-command-button";
     installBtn.append(createRendererSettingsIcon("download", 15), messages.oneClickInstall);
+    const terminalBtn = document2.createElement("button");
+    terminalBtn.type = "button";
+    terminalBtn.className = "settings-command-button settings-command-button--secondary";
+    terminalBtn.append(createRendererSettingsIcon("external-link", 15), messages.installInTerminal);
+    terminalBtn.title = messages.installInTerminal;
     const copyBtn = document2.createElement("button");
     copyBtn.type = "button";
-    copyBtn.hidden = !commandInfo;
     copyBtn.className = "settings-command-button settings-command-button--secondary";
     copyBtn.append(createRendererSettingsIcon("copy", 15), messages.copyInstallCommand);
-    const downloadLink = document2.createElement("a");
-    downloadLink.className = "settings-command-button settings-command-button--secondary";
-    downloadLink.href = HARNESS_INSTALL_URLS[agent];
-    downloadLink.target = "_blank";
-    downloadLink.rel = "noopener noreferrer";
-    downloadLink.append(createRendererSettingsIcon("external-link", 15), messages.officialDownload);
-    const refreshBtn = document2.createElement("button");
-    refreshBtn.type = "button";
-    refreshBtn.className = "settings-command-button settings-command-button--secondary";
-    refreshBtn.append(createRendererSettingsIcon("diagnose", 15), messages.refreshDetection);
-    const feedback = document2.createElement("div");
-    feedback.className = "settings-install-feedback";
     copyBtn.addEventListener("click", () => {
-      const text = commandInfo?.command ?? `npm install -g ${agent}`;
+      const text = commandInfo.command;
       const clipboard = document2.defaultView?.navigator?.clipboard;
       if (clipboard) {
         void clipboard.writeText(text).then(() => {
@@ -17232,8 +17263,12 @@ ${error51.stderrTail}`] : []
         });
       }
     });
-    refreshBtn.addEventListener("click", () => {
-      void diagnostics?.refresh();
+    terminalBtn.addEventListener("click", () => {
+      feedback.className = "settings-install-feedback settings-feedback-success";
+      feedback.textContent = messages.terminalInstalling;
+      if (diagnostics?.installHarness) {
+        void diagnostics.installHarness(hostId, agent, { terminal: true });
+      }
     });
     installBtn.addEventListener("click", () => {
       if (installBtn.disabled) return;
@@ -17243,7 +17278,7 @@ ${error51.stderrTail}`] : []
       feedback.className = "settings-install-feedback";
       const run = async () => {
         if (!diagnostics?.installHarness) {
-          const text = commandInfo?.command ?? `npm install -g ${agent}`;
+          const text = commandInfo.command;
           await document2.defaultView?.navigator?.clipboard?.writeText(text);
           feedback.className = "settings-install-feedback settings-feedback-warning";
           feedback.textContent = messages.oneClickInstallFailed;
@@ -17275,7 +17310,7 @@ ${error51.stderrTail}`] : []
       };
       void run();
     });
-    actions.append(installBtn, copyBtn, downloadLink, refreshBtn);
+    actions.append(installBtn, terminalBtn, copyBtn, downloadLink, refreshBtn);
     section.append(head, commandBox, actions, feedback);
     container.append(section);
   }
@@ -18099,6 +18134,22 @@ ${error51.stderrTail}`] : []
     oneClickInstalling: "Installing Harness in background...",
     oneClickInstallSuccess: "Installed successfully! Status refreshed.",
     oneClickInstallFailed: "Installation failed. Please try running the command manually.",
+    installInTerminal: "Install in Terminal",
+    terminalInstalling: "Installation launched in a visible terminal window. Click Refresh when done.",
+    manualInstallTitle: "Standalone Application / Manual Install",
+    manualInstallNotice: "This Harness is a standalone desktop application or binary and must be installed via its official installer.",
+    manualInstallStep1: "1. Click the button below to visit the official website and download the installer.",
+    manualInstallStep2: "2. Run the application and complete its authentication login.",
+    manualInstallStep3: "3. Ensure its CLI executable is in your PATH environment variable, then click Refresh.",
+    harnessAccountsPageTitle: "Harness Account Management",
+    harnessAccountsPageDescription: "View and manage login status, credentials, and usage quotas for each native harness. Credentials remain stored locally by each harness.",
+    harnessAccountLogin: "Log In / Authorize",
+    harnessAccountLoginStarted: "Login launched in terminal window. Click Refresh when done.",
+    harnessAccountConfigGuide: "Credential Guide",
+    harnessAccountStatusReady: "Ready",
+    harnessAccountStatusUnconfigured: "Needs Config / Not Logged In",
+    harnessAccountStatusNotInstalled: "Not Installed",
+    checkUpdateNow: "Check for Updates Now",
     installCommandLabel: "Install Command",
     copyInstallCommand: "Copy Command",
     installCommandCopied: "Command Copied",
@@ -18323,6 +18374,22 @@ ${error51.stderrTail}`] : []
     oneClickInstalling: "\u6B63\u5728\u540E\u53F0\u5B89\u88C5 Harness\u2026\u2026",
     oneClickInstallSuccess: "\u5B89\u88C5\u6210\u529F\uFF01\u72B6\u6001\u5DF2\u81EA\u52A8\u5237\u65B0\u3002",
     oneClickInstallFailed: "\u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u5C1D\u8BD5\u590D\u5236\u4E0B\u65B9\u547D\u4EE4\u5728\u7EC8\u7AEF\u624B\u52A8\u8FD0\u884C\u3002",
+    installInTerminal: "\u5728\u7EC8\u7AEF\u4E2D\u6253\u5F00\u5B89\u88C5",
+    terminalInstalling: "\u5DF2\u5728\u72EC\u7ACB\u7EC8\u7AEF\u7A97\u53E3\u542F\u52A8\u5B89\u88C5\uFF0C\u8BF7\u5728\u7EC8\u7AEF\u5B8C\u6210\u540E\u70B9\u51FB\u5237\u65B0\u68C0\u6D4B\u3002",
+    manualInstallTitle: "\u72EC\u7ACB\u5B89\u88C5\u7A0B\u5E8F / \u624B\u52A8\u5B89\u88C5\u6307\u5F15",
+    manualInstallNotice: "\u6B64 Harness \u4E3A\u72EC\u7ACB\u5BA2\u6237\u7AEF\u7A0B\u5E8F\u6216\u4E8C\u8FDB\u5236\u5DE5\u5177\uFF0C\u4E0D\u652F\u6301\u901A\u8FC7 npm \u4E00\u952E\u5B89\u88C5\u3002",
+    manualInstallStep1: "1. \u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u524D\u5F80\u5B98\u7F51\u4E0B\u8F7D\u5B89\u88C5\u5305\u5E76\u5B8C\u6210\u5B89\u88C5\uFF1B",
+    manualInstallStep2: "2. \u8FD0\u884C\u5E94\u7528\u5E76\u5728\u7EC8\u7AEF\u4E2D\u5B8C\u6210\u8BE5 Harness \u7684\u8BA4\u8BC1\u767B\u5F55\uFF1B",
+    manualInstallStep3: "3. \u786E\u4FDD\u8BE5 CLI \u53EF\u6267\u884C\u6587\u4EF6\u5DF2\u52A0\u5165\u7CFB\u7EDF PATH \u73AF\u5883\u53D8\u91CF\uFF0C\u7136\u540E\u70B9\u51FB\u3010\u5237\u65B0\u68C0\u6D4B\u3011\u3002",
+    harnessAccountsPageTitle: "Harness \u8D26\u53F7\u4E0E\u6388\u6743\u7BA1\u7406",
+    harnessAccountsPageDescription: "\u67E5\u770B\u4E0E\u7BA1\u7406\u5404\u539F\u751F Harness \u7684\u767B\u5F55\u72B6\u6001\u3001\u6388\u6743\u51ED\u636E\u4E0E\u6A21\u578B\u7528\u91CF\u914D\u989D\u3002\u6240\u6709\u8BA4\u8BC1\u5747\u4FDD\u5B58\u5728\u672C\u5730\u539F\u751F Harness \u4E2D\uFF0CHarness Mix \u7EDD\u4E0D\u4EE3\u5B58\u60A8\u7684\u8D26\u53F7\u5BC6\u7801\u3002",
+    harnessAccountLogin: "\u767B\u5F55 / \u6388\u6743",
+    harnessAccountLoginStarted: "\u5DF2\u5728\u7EC8\u7AEF\u7A97\u53E3\u542F\u52A8\u767B\u5F55\u8BA4\u8BC1\uFF0C\u8BF7\u5728\u7EC8\u7AEF\u5B8C\u6210\u540E\u70B9\u51FB\u5237\u65B0\u72B6\u6001\u3002",
+    harnessAccountConfigGuide: "\u51ED\u636E\u914D\u7F6E\u6307\u5F15",
+    harnessAccountStatusReady: "\u5DF2\u5C31\u7EEA",
+    harnessAccountStatusUnconfigured: "\u5F85\u914D\u7F6E / \u672A\u767B\u5F55",
+    harnessAccountStatusNotInstalled: "\u672A\u5B89\u88C5",
+    checkUpdateNow: "\u7ACB\u5373\u68C0\u67E5\u66F4\u65B0",
     installCommandLabel: "\u63A8\u8350\u5B89\u88C5\u547D\u4EE4",
     copyInstallCommand: "\u590D\u5236\u5B89\u88C5\u547D\u4EE4",
     installCommandCopied: "\u5DF2\u590D\u5236\u547D\u4EE4",
@@ -20262,13 +20329,18 @@ ${error51.stderrTail}`] : []
     trigger.style.lineHeight = "16px";
     trigger.style.fontVariantNumeric = "tabular-nums";
     trigger.style.letterSpacing = "0";
+    const ringSlot = document.createElement("span");
+    ringSlot.dataset.codexhostUsageRing = "";
+    ringSlot.style.display = "inline-flex";
+    ringSlot.style.flex = "0 0 auto";
+    ringSlot.style.alignItems = "center";
     const label = document.createElement("span");
     label.style.display = "inline-block";
     label.style.maxWidth = "100%";
     label.style.overflow = "hidden";
     label.style.textOverflow = "ellipsis";
     label.style.whiteSpace = "nowrap";
-    trigger.append(label);
+    trigger.append(ringSlot, label);
     const popover = document.createElement("div");
     popover.id = `${composerId}-usage-popover`;
     popover.setAttribute("role", "dialog");
@@ -20364,14 +20436,31 @@ ${error51.stderrTail}`] : []
       closePopover(control);
       return false;
     }
+    const ringSlot = control.trigger.querySelector("[data-codexhost-usage-ring]");
+    const contextPercent = usage?.contextUsagePercent !== void 0 ? usage.contextUsagePercent : hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0 ? Math.round(100 * (usage.contextUsedTokens ?? 0) / usage.contextWindowTokens * 10) / 10 : void 0;
+    if (contextPercent !== void 0) {
+      const tone = contextPercent >= 90 ? "hot" : contextPercent >= 70 ? "warn" : "ok";
+      const color = tone === "hot" ? "#c45c4a" : tone === "warn" ? "#c9a227" : "#3d9a64";
+      if (ringSlot) {
+        ringSlot.replaceChildren(
+          createRendererUsageRing(contextPercent, {
+            size: 14,
+            strokeWidth: 2.4,
+            color
+          })
+        );
+      }
+    } else if (ringSlot) {
+      ringSlot.replaceChildren();
+    }
+    const percentLabel = contextPercent !== void 0 ? `${decimal(contextPercent, 1)}%` : null;
     const summary = [
+      percentLabel,
       usage?.totalCredits !== void 0 ? formatRendererCredits(usage.totalCredits) : null,
       cacheHitRatePercent !== void 0 ? formatRendererCacheHitRate(cacheHitRatePercent) : null,
       outputTokensPerSecond !== void 0 ? formatRendererTokenRate(outputTokensPerSecond, locale) : null,
       totalCostUsd !== void 0 ? formatRendererCost(totalCostUsd) : null
     ].filter((value) => value !== null);
-    const contextPercent = usage?.contextUsagePercent;
-    if (contextPercent !== void 0 && summary.length === 0) summary.push(messages.usage);
     if (summary.length === 0 && hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0) {
       summary.push(
         formatRendererContextSummary(usage.contextUsedTokens ?? 0, usage.contextWindowTokens)
@@ -20456,13 +20545,20 @@ ${error51.stderrTail}`] : []
     if (product === "GrokImagine") return "Imagine";
     if (product === "GrokVoice") return "Voice";
     const messages = rendererCreditsMessages(locale);
-    if (product === "5-hour window") return messages.fiveHour;
-    if (product === "7-day window") return messages.sevenDay;
-    if (product.endsWith(" \xB7 5-hour window")) {
-      return `${product.slice(0, -"5-hour window".length)}${messages.fiveHour}`;
+    if (product === "5-hour window" || product === "5h window") return messages.fiveHour;
+    if (product === "7-day window" || product === "7d window") return messages.sevenDay;
+    if (product === "Weekly window" || product === "weekly window") return messages.weekly;
+    if (product.endsWith(" \xB7 5-hour window") || product.endsWith(" \xB7 5h window")) {
+      const prefix = product.replace(/ · 5(-hour|h) window$/i, "");
+      return `${prefix} \xB7 ${messages.fiveHour}`;
     }
-    if (product.endsWith(" \xB7 7-day window")) {
-      return `${product.slice(0, -"7-day window".length)}${messages.sevenDay}`;
+    if (product.endsWith(" \xB7 7-day window") || product.endsWith(" \xB7 7d window")) {
+      const prefix = product.replace(/ · 7(-day|d) window$/i, "");
+      return `${prefix} \xB7 ${messages.sevenDay}`;
+    }
+    if (product.endsWith(" \xB7 Weekly window") || product.endsWith(" \xB7 weekly window")) {
+      const prefix = product.replace(/ · (weekly|Weekly) window$/i, "");
+      return `${prefix} \xB7 ${messages.weekly}`;
     }
     return product;
   }
@@ -20479,7 +20575,7 @@ ${error51.stderrTail}`] : []
     track.dataset.codexhostCreditsBar = "";
     track.style.height = "6px";
     track.style.borderRadius = "9999px";
-    track.style.background = "color-mix(in srgb, currentColor 16%, transparent)";
+    track.style.background = "color-mix(in srgb, currentColor 12%, transparent)";
     track.style.overflow = "hidden";
     const fill = document.createElement("span");
     fill.style.display = "block";
@@ -20487,6 +20583,7 @@ ${error51.stderrTail}`] : []
     fill.style.borderRadius = "9999px";
     fill.style.width = `${Math.min(100, Math.max(0, usagePercent))}%`;
     fill.style.background = color;
+    fill.style.transition = "width 0.25s ease";
     track.append(fill);
     return track;
   }
@@ -20496,17 +20593,21 @@ ${error51.stderrTail}`] : []
   }
   function renderCreditsHeader(credits, locale, messages) {
     const wrapper = document.createElement("div");
-    wrapper.style.marginBottom = "11px";
+    wrapper.style.marginBottom = "10px";
+    wrapper.style.padding = "8px 10px";
+    wrapper.style.borderRadius = "10px";
+    wrapper.style.background = "color-mix(in srgb, currentColor 5%, transparent)";
+    wrapper.style.border = "1px solid color-mix(in srgb, currentColor 7%, transparent)";
     const top = document.createElement("div");
     top.style.display = "flex";
     top.style.alignItems = "flex-start";
     top.style.justifyContent = "space-between";
     top.style.gap = "12px";
-    top.style.marginBottom = "5px";
+    top.style.marginBottom = "6px";
     const left = document.createElement("div");
     const label = document.createElement("div");
     label.textContent = creditsPeriodLabel(credits.periodType, locale);
-    label.style.fontSize = "12.5px";
+    label.style.fontSize = "13px";
     label.style.fontWeight = "600";
     left.append(label);
     if (credits.resetsAt) {
@@ -20514,6 +20615,7 @@ ${error51.stderrTail}`] : []
       reset.textContent = resetLabel(credits.resetsAt, locale, messages);
       reset.style.fontSize = "11px";
       reset.style.color = "color-mix(in srgb, currentColor 62%, transparent)";
+      reset.style.marginTop = "2px";
       left.append(reset);
     }
     const color = toneColor(rendererCreditsTone(credits.usedPercent));
@@ -20531,7 +20633,7 @@ ${error51.stderrTail}`] : []
     remainingLabel.style.opacity = "0.8";
     const remainingValue = document.createElement("span");
     remainingValue.textContent = formatRendererCreditsPercent(remaining);
-    remainingValue.style.fontSize = "26px";
+    remainingValue.style.fontSize = "24px";
     remainingValue.style.fontWeight = "700";
     remainingValue.style.fontVariantNumeric = "tabular-nums";
     percent.append(remainingLabel, remainingValue);
@@ -20543,7 +20645,11 @@ ${error51.stderrTail}`] : []
     const color = toneColor(rendererCreditsTone(usagePercent));
     const remaining = remainingPercent(usagePercent);
     const tile = document.createElement("div");
-    tile.style.marginBottom = "11px";
+    tile.style.marginBottom = "7px";
+    tile.style.padding = "7px 9px";
+    tile.style.borderRadius = "8px";
+    tile.style.background = "color-mix(in srgb, currentColor 4%, transparent)";
+    tile.style.border = "1px solid color-mix(in srgb, currentColor 6%, transparent)";
     const top = document.createElement("div");
     top.style.display = "flex";
     top.style.alignItems = "flex-start";
@@ -20554,17 +20660,20 @@ ${error51.stderrTail}`] : []
     const name = document.createElement("span");
     name.textContent = label;
     name.style.fontSize = "12px";
+    name.style.fontWeight = "500";
     left.append(name);
     if (resetsAt) {
       const reset = document.createElement("div");
       reset.textContent = resetLabel(resetsAt, locale, messages);
       reset.style.fontSize = "10.5px";
       reset.style.color = "color-mix(in srgb, currentColor 62%, transparent)";
+      reset.style.marginTop = "2px";
       left.append(reset);
     }
     const percent = document.createElement("span");
     percent.textContent = `${messages.remaining} ${formatRendererCreditsPercent(remaining)}`;
     percent.style.fontSize = "12px";
+    percent.style.fontWeight = "600";
     percent.style.fontVariantNumeric = "tabular-nums";
     percent.style.color = color;
     top.append(left, percent);
@@ -22612,6 +22721,10 @@ ${error51.stderrTail}`] : []
         const result = await manager.sendRequest(HARNESS_INSTALL_METHOD, input);
         return result;
       },
+      async loginHarnessAccount(input) {
+        const result = await manager.sendRequest("codexhost/harness/account/login", input);
+        return result;
+      },
       async listHarnessPlugins() {
         return harnessPluginListResultSchema.parse(
           await manager.sendRequest(HARNESS_PLUGIN_LIST_METHOD, {})
@@ -23597,6 +23710,8 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-harness-mentions.ts
+  var entryKey = (entry) => entry.kind === "agent" ? `agent:${entry.id}` : `session:${entry.id}`;
+  var entryLiteral = (entry) => entry.kind === "agent" ? `@${entry.id} ` : `@[${entry.title.replace(/[\[\]()\r\n]/g, "")}](harness-mix://session/${entry.id}) `;
   function installHarnessMentions(load) {
     const menu = document.createElement("div");
     menu.dataset.harnessMixMentions = "true";
@@ -23616,20 +23731,56 @@ ${error51.stderrTail}`] : []
     let matches = [], activeKind = "agent", canDelegate = true;
     const catalogs = /* @__PURE__ */ new Map();
     const badges = /* @__PURE__ */ new Map();
+    const selections = /* @__PURE__ */ new Map();
+    const selectionsFor = (target) => {
+      let perEditor = selections.get(target);
+      if (!perEditor) {
+        perEditor = /* @__PURE__ */ new Map();
+        selections.set(target, perEditor);
+      }
+      return perEditor;
+    };
+    const replaceSelectionWith = (target, replacement) => {
+      if (target instanceof HTMLTextAreaElement) {
+        target.setSelectionRange(start, end);
+        target.setRangeText(replacement, start, end, "end");
+        target.dispatchEvent(new Event("input", { bubbles: true }));
+        return true;
+      }
+      const fresh = document.createRange();
+      const walker = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+      let offset = 0, foundStart = false, foundEnd = false;
+      for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+        const length = node.textContent?.length ?? 0;
+        if (!foundStart && start <= offset + length) {
+          fresh.setStart(node, start - offset);
+          foundStart = true;
+        }
+        if (foundStart && end <= offset + length) {
+          fresh.setEnd(node, end - offset);
+          foundEnd = true;
+          break;
+        }
+        offset += length;
+      }
+      if (!foundEnd) return false;
+      const selection = window.getSelection();
+      selection?.removeAllRanges();
+      selection?.addRange(fresh);
+      document.dispatchEvent(new Event("selectionchange"));
+      document.execCommand("insertText", false, replacement);
+      return true;
+    };
     const syncBadges = (target) => {
       for (const [old, strip2] of badges) if (!old.isConnected) {
         strip2.remove();
         badges.delete(old);
         catalogs.delete(old);
       }
-      const text = (target instanceof HTMLTextAreaElement ? target.value : target.textContent ?? "").replace(/```[\s\S]*?```|`[^`\n]*`/g, "");
-      const ids = new Set([...text.matchAll(/(?:^|[\s，。；：])@([\w-]+)(?=$|[\s，。；：])/g)].map((m) => m[1]));
-      const catalog = catalogs.get(target) ?? { agents: [], sessions: [] };
-      const selectedAgents = catalog.agents.filter((a) => ids.has(a.id));
-      const sessionIds = new Set([...text.matchAll(/\]\(harness-mix:\/\/session\/([A-Za-z0-9_-]+)\)/g)].map((match) => match[1]));
-      const selectedSessions = catalog.sessions.filter((session) => sessionIds.has(session.id));
+      const perEditor = selections.get(target);
+      const hasAny = !!perEditor && perEditor.size > 0;
       let strip = badges.get(target);
-      if (!strip && !selectedAgents.length && !selectedSessions.length) return;
+      if (!strip && !hasAny) return;
       if (!strip) {
         strip = document.createElement("div");
         strip.dataset.harnessMixSelectedMentions = "true";
@@ -23639,19 +23790,48 @@ ${error51.stderrTail}`] : []
         badges.set(target, strip);
       }
       strip.replaceChildren();
-      strip.style.display = selectedAgents.length || selectedSessions.length ? "flex" : "none";
-      for (const agent of selectedAgents) {
-        const badge = document.createElement("span");
-        badge.style.cssText = "display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #8883;border-radius:8px;font:12px inherit;background:#8881";
-        badge.append(collaborationIcon(agent.id, agent.name, 16), document.createTextNode(agent.name));
-        badge.title = `@${agent.id}${agent.available ? "" : " \xB7 \u672A\u5C31\u7EEA"}`;
-        strip.append(badge);
-      }
-      for (const session of selectedSessions) {
+      strip.style.display = hasAny ? "flex" : "none";
+      if (!perEditor) return;
+      for (const entry of perEditor.values()) {
         const badge = document.createElement("span");
+        badge.dataset.harnessMixMentionBadge = entry.kind === "agent" ? `agent:${entry.id}` : `session:${entry.id}`;
         badge.style.cssText = "display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #8883;border-radius:8px;font:12px inherit;background:#8881";
-        badge.append(collaborationIcon(session.harnessId, session.harnessId, 16), document.createTextNode(session.title));
-        badge.title = `\u5386\u53F2\u4F1A\u8BDD \xB7 ${session.cwd}`;
+        const iconWrap = document.createElement("span");
+        iconWrap.style.cssText = "display:inline-flex;align-items:center;gap:6px";
+        iconWrap.append(
+          collaborationIcon(entry.kind === "agent" ? entry.id : entry.harnessId, entry.kind === "agent" ? entry.name : entry.title, 16),
+          document.createTextNode(entry.kind === "agent" ? entry.name : entry.title)
+        );
+        const remove = document.createElement("button");
+        remove.type = "button";
+        remove.dataset.harnessMixMentionRemove = entry.kind === "agent" ? `agent:${entry.id}` : `session:${entry.id}`;
+        const removeLabel = entry.kind === "agent" ? `\u79FB\u9664 ${entry.name}` : `\u79FB\u9664\u4F1A\u8BDD ${entry.title}`;
+        remove.setAttribute("aria-label", removeLabel);
+        remove.title = removeLabel;
+        remove.textContent = "\xD7";
+        remove.style.cssText = "border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 2px;margin:0;font:600 14px/1 inherit;opacity:.55;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%";
+        remove.addEventListener("mouseenter", () => {
+          remove.style.opacity = "1";
+          remove.style.background = "#8883";
+        });
+        remove.addEventListener("mouseleave", () => {
+          remove.style.opacity = ".55";
+          remove.style.background = "transparent";
+        });
+        remove.addEventListener("mousedown", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        });
+        remove.addEventListener("click", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          const live = selections.get(target);
+          if (!live) return;
+          live.delete(entryKey(entry));
+          syncBadges(target);
+        });
+        badge.append(iconWrap, remove);
+        badge.title = entry.kind === "agent" ? `@${entry.id}${entry.available ? "" : " \xB7 \u672A\u5C31\u7EEA"}` : `\u5386\u53F2\u4F1A\u8BDD \xB7 ${entry.cwd}`;
         strip.append(badge);
       }
     };
@@ -23664,40 +23844,13 @@ ${error51.stderrTail}`] : []
     const choose = (entry) => {
       if (!editor || (entry.kind === "agent" ? !entry.available || !canDelegate : entry.running === true)) return;
       const target = editor;
-      const inserted = entry.kind === "agent" ? `@${entry.id} ` : `@[${entry.title.replace(/[\[\]()\r\n]/g, "")}](harness-mix://session/${entry.id}) `;
       close();
       target.focus();
-      if (target instanceof HTMLTextAreaElement) {
-        target.setSelectionRange(start, end);
-        if (!document.execCommand("insertText", false, inserted)) {
-          target.setRangeText(inserted, start, end, "end");
-          target.dispatchEvent(new Event("input", { bubbles: true }));
-        }
-      } else if (range) {
-        const replacement = document.createRange();
-        const walker = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
-        let offset = 0, foundStart = false, foundEnd = false;
-        for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-          const length = node.textContent?.length ?? 0;
-          if (!foundStart && start <= offset + length) {
-            replacement.setStart(node, start - offset);
-            foundStart = true;
-          }
-          if (foundStart && end <= offset + length) {
-            replacement.setEnd(node, end - offset);
-            foundEnd = true;
-            break;
-          }
-          offset += length;
-        }
-        if (!foundEnd) return;
-        const selection = window.getSelection();
-        selection?.removeAllRanges();
-        selection?.addRange(replacement);
-        document.dispatchEvent(new Event("selectionchange"));
-        document.execCommand("insertText", false, inserted);
-      }
-      target.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", code: "Escape", bubbles: true, cancelable: true }));
+      replaceSelectionWith(target, "");
+      const perEditor = selectionsFor(target);
+      const key = entryKey(entry);
+      if (perEditor.has(key)) perEditor.delete(key);
+      else perEditor.set(key, entry);
       syncBadges(target);
     };
     const render = () => {
@@ -23861,9 +24014,45 @@ ${error51.stderrTail}`] : []
     const outside = (event) => {
       if (event.target instanceof Node && !menu.contains(event.target)) close();
     };
+    const findEditorIn = (root) => {
+      if (!root) return null;
+      if (root.matches('textarea,[contenteditable="true"]')) return root;
+      return root.querySelector('textarea,[contenteditable="true"]');
+    };
+    const injectMentionsInto = (target) => {
+      const perEditor = selections.get(target);
+      if (!perEditor || perEditor.size === 0) return false;
+      const text = [...perEditor.values()].map(entryLiteral).join("");
+      if (!text) return false;
+      target.focus();
+      if (target instanceof HTMLTextAreaElement) {
+        target.value = `${text}${target.value}`;
+        target.dispatchEvent(new Event("input", { bubbles: true }));
+        target.dispatchEvent(new Event("change", { bubbles: true }));
+        return true;
+      }
+      const selection = window.getSelection();
+      const fresh = document.createRange();
+      fresh.selectNodeContents(target);
+      fresh.collapse(true);
+      selection?.removeAllRanges();
+      selection?.addRange(fresh);
+      document.dispatchEvent(new Event("selectionchange"));
+      document.execCommand("insertText", false, text);
+      return true;
+    };
+    const onSubmitCapture = (event) => {
+      const composerRoot = (event.target instanceof Element ? event.target : null)?.closest?.("[data-codex-composer-root]");
+      const candidate = composerRoot ?? (event.target instanceof Element ? event.target : null);
+      const editorEl = findEditorIn(candidate);
+      if (!editorEl) return;
+      if (!editorEl.closest("[data-codex-composer-root]")) return;
+      injectMentionsInto(editorEl);
+    };
     document.addEventListener("input", input, true);
     document.addEventListener("keydown", keydown, true);
     document.addEventListener("mousedown", outside);
+    document.addEventListener("submit", onSubmitCapture, true);
     window.addEventListener("blur", close);
     return { dispose() {
       disposed = true;
@@ -23873,1755 +24062,1972 @@ ${error51.stderrTail}`] : []
       for (const strip of badges.values()) strip.remove();
       badges.clear();
       catalogs.clear();
+      for (const [target, perEditor] of selections) if (!target.isConnected) selections.delete(target);
       document.removeEventListener("input", input, true);
       document.removeEventListener("keydown", keydown, true);
       document.removeEventListener("mousedown", outside);
+      document.removeEventListener("submit", onSubmitCapture, true);
       window.removeEventListener("blur", close);
     } };
   }
 
-  // src/native-ui/renderer-extension/src/settings/core.ts
-  var SETTINGS_PAGE_ID_PATTERN = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/u;
-  var MAX_SETTINGS_PAGE_ID_LENGTH = 48;
-  var MAX_SETTINGS_PAGE_LABEL_LENGTH = 64;
-  function normalizedPage(page) {
-    if (page.id.length === 0 || page.id.length > MAX_SETTINGS_PAGE_ID_LENGTH || !SETTINGS_PAGE_ID_PATTERN.test(page.id)) {
-      throw new Error(`Invalid settings page ID: ${page.id || "(empty)"}`);
-    }
-    const label = page.label.trim();
-    if (label.length === 0 || label.length > MAX_SETTINGS_PAGE_LABEL_LENGTH) {
-      throw new Error(`Invalid settings page label for ${page.id}`);
-    }
-    if (!isRendererSettingsIconName(page.icon)) {
-      throw new Error(`Unknown settings page icon for ${page.id}`);
+  // src/native-ui/renderer-extension/src/renderer-collab-cards.ts
+  function parseCollabPayload(text) {
+    if (!text || !text.includes("child_thread_id") && !text.includes("task_id") && !text.includes("Agent \u534F\u4F5C")) {
+      return null;
     }
-    if (typeof page.mount !== "function") {
-      throw new Error(`Settings page ${page.id} has no mount function`);
+    const match = /\{[\s\S]*?"task_id"[\s\S]*?\}/.exec(text);
+    if (!match) return null;
+    try {
+      const parsed = JSON.parse(match[0]);
+      if (parsed && (parsed.task_id || parsed.child_thread_id)) return parsed;
+    } catch {
     }
-    return Object.freeze({ ...page, label });
+    return null;
   }
-  function createRendererSettingsPageRegistry(definitions, defaultPageId) {
-    if (definitions.length === 0) throw new Error("Settings page registry cannot be empty");
-    const resolvedDefaultPageId = defaultPageId ?? definitions[0]?.id ?? "";
-    const pages = definitions.map(normalizedPage);
-    const byId = /* @__PURE__ */ new Map();
-    for (const page of pages) {
-      if (byId.has(page.id)) throw new Error(`Duplicate settings page ID: ${page.id}`);
-      byId.set(page.id, page);
-    }
-    if (!byId.has(resolvedDefaultPageId)) {
-      throw new Error(`Default settings page is not registered: ${resolvedDefaultPageId}`);
+  function formatDiffHtml(diff) {
+    if (!diff) return '<div style="padding:8px;color:#888;font-size:12px">\u6682\u65E0\u6587\u4EF6\u6539\u52A8</div>';
+    const lines = diff.split(/\r?\n/);
+    const rows = lines.map((line) => {
+      let bg = "transparent";
+      let color = "inherit";
+      if (line.startsWith("+") && !line.startsWith("+++")) {
+        bg = "#22c55e1a";
+        color = "#16a34a";
+      } else if (line.startsWith("-") && !line.startsWith("---")) {
+        bg = "#ef44441a";
+        color = "#dc2626";
+      } else if (line.startsWith("@@")) {
+        bg = "#8888881a";
+        color = "#64748b";
+      }
+      const escaped = line.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+      return `<div style="background:${bg};color:${color};padding:1px 8px;font-family:ui-monospace,monospace;white-space:pre">${escaped || " "}</div>`;
+    });
+    return `<div style="font-size:12px;line-height:1.45;max-height:360px;overflow:auto;border-radius:6px;border:1px solid #8883;background:#0001;margin-top:6px">${rows.join("")}</div>`;
+  }
+  function installCollabCards(options = {}) {
+    if (typeof document === "undefined") {
+      return { scan: () => {
+      }, dispose: () => {
+      } };
     }
-    const frozenPages = Object.freeze([...pages]);
-    return Object.freeze({
-      pages: frozenPages,
-      defaultPageId: resolvedDefaultPageId,
-      getPage(pageId) {
-        return byId.get(pageId);
+    let disposed = false;
+    const enhancedElements = /* @__PURE__ */ new WeakSet();
+    const openFn = options.openThread ?? ((threadId) => openRendererThread(threadId));
+    const enhanceElement = (card, payload) => {
+      if (enhancedElements.has(card)) return;
+      enhancedElements.add(card);
+      const strip = document.createElement("div");
+      strip.className = "harness-mix-collab-actions";
+      strip.style.cssText = "display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #8882;font:13px system-ui";
+      const agent = payload.agent_type || "agent";
+      const icon2 = collaborationIcon(agent, agent, 18);
+      strip.append(icon2);
+      if (payload.child_thread_id) {
+        const childId = payload.child_thread_id;
+        const jumpBtn = document.createElement("button");
+        jumpBtn.type = "button";
+        jumpBtn.className = "harness-mix-collab-jump";
+        jumpBtn.style.cssText = "display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid #8884;background:#8881;color:inherit;font:inherit;cursor:pointer;font-size:12px";
+        jumpBtn.innerHTML = `\u2197 \u67E5\u770B <b>@${agent}</b> \u4F1A\u8BDD`;
+        jumpBtn.title = `\u5207\u6362\u5B9A\u4F4D\u81F3\u5B50\u4EFB\u52A1\u4F1A\u8BDD (${childId})`;
+        jumpBtn.addEventListener("click", async (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          const parsed = hostThreadIdSchema.safeParse(childId);
+          if (parsed.success) {
+            try {
+              await openFn(parsed.data);
+            } catch (err) {
+              console.warn("[CollabCard] Jump to thread failed:", err);
+            }
+          }
+        });
+        strip.append(jumpBtn);
+      }
+      if (payload.diff || payload.workspace?.mode === "worktree") {
+        const diffContainer = document.createElement("div");
+        diffContainer.className = "harness-mix-collab-diff-wrap";
+        diffContainer.style.cssText = "width:100%;display:none;margin-top:6px";
+        if (payload.diff) {
+          diffContainer.innerHTML = formatDiffHtml(payload.diff);
+        }
+        const toggleDiffBtn = document.createElement("button");
+        toggleDiffBtn.type = "button";
+        toggleDiffBtn.className = "harness-mix-collab-diff-toggle";
+        toggleDiffBtn.style.cssText = "display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid #8884;background:#8881;color:inherit;font:inherit;cursor:pointer;font-size:12px";
+        toggleDiffBtn.textContent = "\u{1F50D} \u67E5\u770B\u4EA7\u7269 Diff";
+        toggleDiffBtn.addEventListener("click", async (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          const isHidden = diffContainer.style.display === "none";
+          if (isHidden && !diffContainer.innerHTML.trim() && payload.child_thread_id && options.reviewWorkspace) {
+            toggleDiffBtn.textContent = "\u52A0\u8F7D Diff \u4E2D\u2026";
+            try {
+              const review = await options.reviewWorkspace(payload.child_thread_id);
+              diffContainer.innerHTML = formatDiffHtml(review.patch);
+            } catch (err) {
+              diffContainer.innerHTML = `<div style="padding:8px;color:#ef4444;font-size:12px">\u52A0\u8F7D Diff \u5931\u8D25: ${err?.message || err}</div>`;
+            }
+          }
+          diffContainer.style.display = isHidden ? "block" : "none";
+          toggleDiffBtn.textContent = isHidden ? "\u6536\u8D77\u4EA7\u7269 Diff" : "\u{1F50D} \u67E5\u770B\u4EA7\u7269 Diff";
+        });
+        strip.append(toggleDiffBtn);
+        strip.append(diffContainer);
+        if (payload.workspace?.mode === "worktree" && !payload.applied && options.applyWorkspace && payload.child_thread_id) {
+          const applyBtn = document.createElement("button");
+          applyBtn.type = "button";
+          applyBtn.className = "harness-mix-collab-apply";
+          applyBtn.style.cssText = "display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid #16a34a88;background:#16a34a1a;color:#16a34a;font:inherit;cursor:pointer;font-size:12px;font-weight:500";
+          applyBtn.textContent = "\u2713 \u5408\u5E76\u6539\u52A8\u5230\u4E3B\u9879\u76EE";
+          applyBtn.title = "\u5C06\u8BE5\u5B50\u4EFB\u52A1\u7684\u72EC\u7ACB\u9694\u79BB\u5206\u652F\u6539\u52A8\u5E94\u7528\u5230\u4E3B\u5DE5\u4F5C\u533A";
+          applyBtn.addEventListener("click", async (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            applyBtn.disabled = true;
+            applyBtn.textContent = "\u5408\u5E76\u4E2D\u2026";
+            try {
+              await options.applyWorkspace(payload.child_thread_id, payload.digest);
+              applyBtn.textContent = "\u2713 \u5DF2\u5E94\u7528";
+              applyBtn.style.border = "1px solid #8884";
+              applyBtn.style.color = "#888";
+              payload.applied = true;
+            } catch (err) {
+              applyBtn.disabled = false;
+              applyBtn.textContent = "\u5408\u5E76\u5931\u8D25\uFF08\u91CD\u8BD5\uFF09";
+              alert(`\u5408\u5E76\u5931\u8D25\uFF1A${err?.message || err}`);
+            }
+          });
+          strip.append(applyBtn);
+        }
       }
+      card.append(strip);
+    };
+    const scan = () => {
+      if (disposed) return;
+      const candidates = document.querySelectorAll(
+        '[data-local-conversation-item-target-ids], [data-turn-key], [data-testid*="tool"], .prose, pre'
+      );
+      for (const el of candidates) {
+        if (enhancedElements.has(el)) continue;
+        const text = el.textContent || "";
+        const payload = parseCollabPayload(text);
+        if (payload) {
+          enhanceElement(el, payload);
+        }
+      }
+    };
+    const observer = new MutationObserver(() => scan());
+    observer.observe(document.body || document.documentElement, {
+      childList: true,
+      subtree: true
     });
+    scan();
+    return {
+      scan,
+      dispose() {
+        disposed = true;
+        observer.disconnect();
+        document.querySelectorAll(".harness-mix-collab-actions").forEach((el) => el.remove());
+      }
+    };
   }
-  var RendererSettingsNavigationState = class {
-    constructor(registry2) {
-      this.registry = registry2;
-      this.#activePageId = registry2.defaultPageId;
-    }
-    registry;
-    #activePageId;
-    get activePageId() {
-      return this.#activePageId;
-    }
-    select(pageId) {
-      if (!this.registry.getPage(pageId)) throw new Error(`Unknown settings page: ${pageId}`);
-      if (this.#activePageId === pageId) return false;
-      this.#activePageId = pageId;
-      return true;
-    }
-    reset() {
-      return this.select(this.registry.defaultPageId);
-    }
-  };
-  var RendererSettingsPageScope = class {
-    #pageController = new AbortController();
-    #requestController = null;
-    #requestGeneration = 0;
-    #disposed = false;
-    get signal() {
-      return this.#pageController.signal;
-    }
-    get disposed() {
-      return this.#disposed;
+
+  // src/native-ui/renderer-extension/src/settings/accounts-usage.ts
+  function creditsPeriodLabel2(periodType, messages) {
+    if (periodType === "weekly") return messages.accountCreditsPeriodWeekly;
+    if (periodType === "monthly") return messages.accountCreditsPeriodMonthly;
+    if (periodType === "five_hour") return messages.accountCreditsPeriodFiveHour;
+    if (periodType === "seven_day") return messages.accountCreditsPeriodSevenDay;
+    return messages.accountCreditsPeriodUnknown;
+  }
+  function creditsProductLabel(product, messages) {
+    if (product === "GrokBuild" || product === "Build") return messages.accountCreditsBuild;
+    if (product === "7-day window") return messages.accountCreditsPeriodSevenDay;
+    if (product === "GrokChat") return "Chat";
+    if (product === "GrokImagine") return "Imagine";
+    if (product === "GrokVoice") return "Voice";
+    return product;
+  }
+  function formatAccountCreditsReset(value, locale, now = /* @__PURE__ */ new Date()) {
+    if (locale !== "zh-CN") return formatRendererCreditsReset(value, now);
+    const date5 = new Date(value);
+    if (Number.isNaN(date5.getTime())) return value;
+    const isToday = date5.getFullYear() === now.getFullYear() && date5.getMonth() === now.getMonth() && date5.getDate() === now.getDate();
+    if (isToday) {
+      return `\u4ECA\u5929 ${date5.toLocaleTimeString("zh-CN", { hour: "numeric", minute: "2-digit" })}`;
     }
-    async runLatest(operation, handlers) {
-      if (this.#disposed) throw new Error("Settings page scope is disposed");
-      this.#requestController?.abort();
-      const controller = new AbortController();
-      this.#requestController = controller;
-      const generation = ++this.#requestGeneration;
-      const abortRequest = () => controller.abort();
-      this.signal.addEventListener("abort", abortRequest, { once: true });
-      try {
-        const value = await operation(controller.signal);
-        if (this.#isCurrent(controller, generation)) handlers.success(value);
-      } catch (error51) {
-        if (this.#isCurrent(controller, generation)) handlers.failure(error51);
-      } finally {
-        this.signal.removeEventListener("abort", abortRequest);
-        if (this.#requestController === controller) this.#requestController = null;
+    return date5.toLocaleString("zh-CN", {
+      month: "long",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  }
+  function resetCreditDetailLine(index, expiresAt, messages, now = /* @__PURE__ */ new Date()) {
+    return messages.accountResetCreditsCardExpiry.replace("{index}", String(index)).replace("{time}", formatAccountCreditsReset(expiresAt, messages.locale, now));
+  }
+  function renderAccountUsage(document2, state, messages, display, onRetry) {
+    if (!state) return null;
+    const usage = document2.createElement("div");
+    usage.className = "settings-account-usage";
+    if (state.status !== "ready") {
+      const message = document2.createElement("span");
+      message.className = "settings-account-usage__message";
+      message.textContent = state.status === "loading" ? messages.accountCreditsLoading : state.status === "error" ? messages.accountCreditsFailed : messages.accountCreditsEmpty;
+      usage.append(message);
+      if (state.status === "loading") usage.setAttribute("aria-busy", "true");
+      if (state.status === "error") {
+        const retry = document2.createElement("button");
+        retry.type = "button";
+        retry.className = "settings-command-button settings-command-button--secondary";
+        retry.textContent = messages.accountCreditsRetry;
+        retry.addEventListener("click", onRetry);
+        usage.append(retry);
       }
+      return usage;
     }
-    dispose() {
-      if (this.#disposed) return;
-      this.#disposed = true;
-      this.#requestGeneration += 1;
-      this.#requestController?.abort();
-      this.#requestController = null;
-      this.#pageController.abort();
+    const credits = state.credits;
+    const windows = [
+      {
+        label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
+        usedPercent: credits.usedPercent,
+        resetsAt: credits.resetsAt
+      },
+      ...(credits.productUsage ?? []).map((product) => ({
+        label: creditsProductLabel(product.product, messages),
+        usedPercent: product.usagePercent,
+        resetsAt: product.resetsAt
+      }))
+    ];
+    for (const window2 of windows) {
+      const meter = document2.createElement("div");
+      meter.className = "settings-account-usage__meter";
+      const label = document2.createElement("span");
+      label.className = "settings-account-usage__title";
+      label.textContent = window2.label;
+      label.title = window2.label;
+      const value = display === "remaining" ? 100 - window2.usedPercent : window2.usedPercent;
+      const valueLabel = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
+      const tone = rendererCreditsTone(window2.usedPercent);
+      const bar = document2.createElement("div");
+      bar.className = `settings-account-usage__bar settings-account-usage__bar--${tone}`;
+      bar.setAttribute("role", "meter");
+      bar.setAttribute("aria-label", `${window2.label} \xB7 ${valueLabel}`);
+      bar.setAttribute("aria-valuemin", "0");
+      bar.setAttribute("aria-valuemax", "100");
+      bar.setAttribute("aria-valuenow", String(value));
+      const fill = document2.createElement("span");
+      fill.style.width = `${Math.min(100, Math.max(0, value))}%`;
+      bar.append(fill);
+      const percent = document2.createElement("span");
+      percent.className = `settings-account-usage__percent settings-account-usage__percent--${tone}`;
+      const prefix = document2.createElement("span");
+      prefix.textContent = valueLabel;
+      prefix.className = "settings-account-usage__value-label";
+      const number4 = document2.createElement("span");
+      number4.textContent = formatRendererCreditsPercent(value);
+      percent.append(prefix, number4);
+      meter.append(label, bar, percent);
+      if (window2.resetsAt) {
+        const reset = document2.createElement("span");
+        reset.className = "settings-account-usage__sub";
+        reset.textContent = `${formatAccountCreditsReset(window2.resetsAt, messages.locale)} ${messages.accountCreditsReset}`;
+        meter.append(reset);
+      }
+      usage.append(meter);
     }
-    #isCurrent(controller, generation) {
-      return !this.#disposed && !controller.signal.aborted && this.#requestController === controller && this.#requestGeneration === generation;
+    return usage;
+  }
+  function renderAccountResetCredits(document2, credits, messages, options) {
+    const resetCredits = credits.resetCredits;
+    if (!resetCredits) return null;
+    const summary = document2.createElement("button");
+    summary.type = "button";
+    summary.className = "settings-account-reset-summary";
+    summary.setAttribute("aria-label", messages.accountResetCreditsDetails);
+    summary.title = messages.accountResetCreditsDetails;
+    const count = document2.createElement("span");
+    count.textContent = messages.locale === "zh-CN" ? `${resetCredits.availableCount} \u5F20` : String(resetCredits.availableCount);
+    summary.append(
+      createRendererSettingsIcon("ticket", 16),
+      count,
+      createRendererSettingsIcon("chevron-right", 14)
+    );
+    const details = document2.createElement("div");
+    details.className = "settings-account-reset-details";
+    const copy = document2.createElement("div");
+    const heading = document2.createElement("strong");
+    heading.textContent = messages.accountResetCredits;
+    copy.append(heading);
+    if (resetCredits.nextExpiresAt) {
+      const next = document2.createElement("p");
+      next.className = "settings-account-reset-expiry";
+      const reset = formatAccountCreditsReset(resetCredits.nextExpiresAt, messages.locale);
+      next.textContent = messages.locale === "zh-CN" ? `\u6700\u65E9 ${reset}\u5230\u671F` : `Next expires ${reset}`;
+      const remaining = Date.parse(resetCredits.nextExpiresAt) - Date.now();
+      if (remaining <= 24 * 60 * 60 * 1e3) {
+        next.className += remaining <= 8 * 60 * 60 * 1e3 ? " is-hot" : " is-warn";
+      }
+      copy.append(next);
     }
-  };
-
-  // src/native-ui/renderer-extension/src/settings/session-import-list-controls.ts
-  function createSessionImportListControls(document2, messages, onChange) {
-    let query = "";
-    let offset = 0;
-    let limit = HARNESS_SESSION_IMPORT_DEFAULT_PAGE_SIZE;
-    let total = 0;
-    let loading = false;
-    let locked = false;
-    const searchForm = document2.createElement("form");
-    searchForm.className = "settings-session-import-search";
-    searchForm.setAttribute("role", "search");
-    const search = document2.createElement("input");
-    search.type = "search";
-    search.value = "";
-    search.maxLength = 4096;
-    search.placeholder = messages.sessionImportSearchPlaceholder;
-    search.setAttribute("aria-label", messages.sessionImportSearchPlaceholder);
-    search.dataset.sessionImportAction = "search-input";
-    const submit = document2.createElement("button");
-    submit.type = "submit";
-    submit.className = "settings-command-button settings-command-button--secondary";
-    submit.textContent = messages.sessionImportSearch;
-    submit.dataset.sessionImportAction = "search";
-    searchForm.append(search, submit);
-    searchForm.addEventListener("submit", (event) => {
-      event.preventDefault();
-      if (locked) return;
-      query = search.value.trim();
-      offset = 0;
-      onChange();
-    });
-    const pagination = document2.createElement("div");
-    pagination.className = "settings-session-import-pagination";
-    const pageSizeLabel = document2.createElement("label");
-    pageSizeLabel.textContent = messages.sessionImportPageSize;
-    const pageSize = document2.createElement("select");
-    pageSize.dataset.sessionImportAction = "page-size";
-    pageSize.setAttribute("aria-label", messages.sessionImportPageSize);
-    for (const size of [20, 50, 100]) {
-      const option = document2.createElement("option");
-      option.value = String(size);
-      option.textContent = String(size);
-      pageSize.append(option);
+    if (resetCredits.expiresAt?.length) {
+      const list = document2.createElement("ul");
+      list.className = "settings-account-reset-list";
+      for (const [index, expiresAt] of resetCredits.expiresAt.entries()) {
+        const item = document2.createElement("li");
+        item.textContent = resetCreditDetailLine(index + 1, expiresAt, messages);
+        list.append(item);
+      }
+      copy.append(list);
     }
-    pageSize.value = String(limit);
-    pageSizeLabel.append(pageSize);
-    pageSize.addEventListener("change", () => {
-      if (locked) return;
-      const value = Number(pageSize.value);
-      if (![20, 50, 100].includes(value)) return;
-      limit = value;
-      offset = 0;
-      onChange();
-    });
-    const summary = document2.createElement("span");
-    summary.setAttribute("role", "status");
-    summary.dataset.sessionImportAction = "page-summary";
-    const previous = document2.createElement("button");
-    const next = document2.createElement("button");
-    for (const [button, label, action, direction] of [
-      [previous, messages.sessionImportPrevious, "previous", -1],
-      [next, messages.sessionImportNext, "next", 1]
-    ]) {
-      button.type = "button";
-      button.className = "settings-command-button settings-command-button--secondary";
-      button.textContent = label;
-      button.dataset.sessionImportAction = action;
-      button.addEventListener("click", () => {
-        if (button.disabled || locked || loading) return;
-        offset += direction * limit;
-        onChange();
-      });
+    details.append(copy);
+    if (options.onUseReset) {
+      const use = document2.createElement("button");
+      use.type = "button";
+      use.className = "settings-command-button settings-command-button--secondary";
+      use.textContent = options.usingReset ? messages.accountResetCreditsUsing : messages.accountResetCreditsUse;
+      use.disabled = options.resetDisabled;
+      use.addEventListener("click", options.onUseReset);
+      details.append(use);
     }
-    const navigation = document2.createElement("div");
-    navigation.className = "settings-session-import-pagination__navigation";
-    navigation.append(previous, next);
-    pagination.append(pageSizeLabel, summary, navigation);
-    const update = () => {
-      search.disabled = locked;
-      submit.disabled = locked;
-      pageSize.disabled = locked;
-      previous.disabled = locked || loading || offset === 0;
-      next.disabled = locked || loading || offset + limit >= total;
-      summary.textContent = loading ? "" : messages.sessionImportPageSummary.replace("{page}", String(total ? Math.floor(offset / limit) + 1 : 0)).replace("{pages}", String(Math.ceil(total / limit))).replace("{total}", String(total));
-    };
-    update();
-    return {
-      searchForm,
-      pagination,
-      params() {
-        return { query, offset, limit };
-      },
-      reset() {
-        offset = 0;
-        total = 0;
-        update();
-      },
-      setBusy(value, lock = false) {
-        loading = value;
-        locked = lock;
-        update();
-      },
-      setTotal(value) {
-        total = value;
-        const lastOffset = Math.max(0, Math.ceil(total / limit) - 1) * limit;
-        const changed = offset > lastOffset;
-        if (changed) offset = lastOffset;
-        update();
-        return changed;
-      }
-    };
+    return { summary, details };
   }
 
-  // src/native-ui/renderer-extension/src/settings/session-import-page.ts
-  function shortSessionId(value) {
-    return value.length <= 18 ? value : `${value.slice(0, 10)}\u2026${value.slice(-6)}`;
-  }
-  function createStatus(document2, message, error51 = false) {
-    const status = document2.createElement("div");
-    status.className = error51 ? "settings-session-import-status is-error" : "settings-session-import-status";
-    status.setAttribute("role", error51 ? "alert" : "status");
-    status.append(createRendererSettingsIcon(error51 ? "alert" : "download", 18));
-    const copy = document2.createElement("span");
-    copy.textContent = message;
-    status.append(copy);
-    return status;
-  }
-  function createAccessibleText(document2, message) {
-    const text = document2.createElement("span");
-    text.className = "settings-visually-hidden";
-    text.textContent = message;
-    return text;
+  // src/native-ui/renderer-extension/src/settings/accounts-list.ts
+  var resetDetailsSequence = 0;
+  function accountPlanLabel(planType) {
+    if (!planType || planType === "unknown") return null;
+    if (planType === "free") return "Free";
+    if (planType === "go") return "Go";
+    if (planType === "plus") return "Plus";
+    if (planType === "pro") return "Pro 20x";
+    if (planType === "prolite") return "Pro 5x";
+    if (planType === "team") return "Team";
+    if (planType === "self_serve_business_prolite") return "Business Pro Lite";
+    if (planType === "self_serve_business_usage_based") return "Business";
+    if (planType === "business") return "Business";
+    if (planType === "edu") return "Edu";
+    if (planType === "edu_plus") return "Edu Plus";
+    if (planType === "edu_pro") return "Edu Pro";
+    return "Enterprise";
   }
-  function createSessionImportSettingsPage(messages, getClient, openImportedThread) {
-    return Object.freeze({
-      id: "session-import",
-      label: messages.pageLabels["session-import"],
-      icon: "session-import",
-      mount(context) {
-        const document2 = context.content.ownerDocument;
-        const header = document2.createElement("div");
-        header.className = "settings-session-import-header";
-        const heading = document2.createElement("h2");
-        heading.className = "settings-section-label";
-        heading.textContent = messages.pageLabels["session-import"];
-        const refresh = document2.createElement("button");
-        refresh.type = "button";
-        refresh.className = "settings-command-button settings-command-button--secondary";
-        refresh.dataset.sessionImportAction = "refresh";
-        const setRefreshLabel = (loading) => {
-          refresh.replaceChildren(
-            createRendererSettingsIcon("refresh", 15),
-            loading ? messages.sessionImportRefreshing : messages.sessionImportRefresh
-          );
-        };
-        setRefreshLabel(false);
-        header.append(heading, refresh);
-        const harness = document2.createElement("div");
-        harness.className = "settings-session-import-harness";
-        const harnessLabel = document2.createElement("span");
-        harnessLabel.textContent = messages.sessionImportHarness;
-        const harnessOptions = document2.createElement("div");
-        harnessOptions.className = "settings-session-import-harness__options";
-        harnessOptions.dataset.sessionImportHarness = "selector";
-        harnessOptions.setAttribute("role", "group");
-        harnessOptions.setAttribute("aria-label", messages.sessionImportHarness);
-        let selectedHarness = null;
-        let sources = [];
-        const sourceButtons = [];
-        const renderHarnessOptions = () => {
-          harnessOptions.replaceChildren();
-          sourceButtons.length = 0;
-          for (const source of sources) {
-            const option = document2.createElement("button");
-            option.type = "button";
-            option.className = "settings-session-import-harness__option";
-            option.dataset.sessionImportHarnessOption = source.harnessId;
-            option.textContent = source.name;
-            option.setAttribute("aria-pressed", String(source.harnessId === selectedHarness));
-            option.addEventListener("click", () => {
-              if (option.disabled || importingId !== null || source.harnessId === selectedHarness)
-                return;
-              selectedHarness = source.harnessId;
-              listControls.reset();
-              renderHarnessOptions();
-              load();
-            });
-            sourceButtons.push(option);
-            harnessOptions.append(option);
-          }
-        };
-        harness.append(harnessLabel, harnessOptions);
-        const description = document2.createElement("p");
-        description.className = "settings-page-description";
-        description.textContent = messages.sessionImportDescription;
-        const availabilityNote = document2.createElement("p");
-        availabilityNote.className = "settings-page-description settings-session-import-availability-note";
-        availabilityNote.textContent = messages.sessionImportAvailabilityNote;
-        const content = document2.createElement("section");
-        content.className = "settings-session-import-content";
-        const listControls = createSessionImportListControls(document2, messages, () => load());
-        context.content.append(
-          header,
-          harness,
-          description,
-          availabilityNote,
-          listControls.searchForm,
-          content,
-          listControls.pagination
-        );
-        let candidates = [];
-        let importingId = null;
-        let actions = [];
-        const updateImportActions = () => {
-          listControls.setBusy(importingId !== null, importingId !== null);
-          for (const button of sourceButtons) button.disabled = importingId !== null;
-          for (const { button, candidate } of actions) {
-            const importing = importingId === candidate.nativeSessionId;
-            button.disabled = candidate.running === true;
-            button.setAttribute(
-              "aria-disabled",
-              candidate.running || importingId !== null ? "true" : "false"
-            );
-            button.setAttribute("aria-busy", importing ? "true" : "false");
-            button.replaceChildren(
-              createRendererSettingsIcon("download", 15),
-              importing ? messages.sessionImportImporting : messages.sessionImportAction
-            );
-          }
-        };
-        const renderUnavailable = (focus = false) => {
-          listControls.setTotal(0);
-          candidates = [];
-          actions = [];
-          const status = createStatus(document2, messages.sessionImportUnavailable);
-          content.replaceChildren(status);
-          if (focus) {
-            status.tabIndex = -1;
-            status.focus();
-          }
-        };
-        const renderFailure = (error51, operation = "list") => {
-          listControls.setTotal(0);
-          if (error51 instanceof RendererSessionImportUnavailableError) {
-            renderUnavailable(operation === "import");
-            return;
-          }
-          actions = [];
-          const status = createStatus(
-            document2,
-            operation === "import" ? messages.sessionImportFailed : messages.sessionImportLoadFailed,
-            true
-          );
-          content.replaceChildren(status);
-          if (operation === "import") {
-            status.tabIndex = -1;
-            status.focus();
-          }
-        };
-        const renderOpenRecovery = (candidate, threadId) => {
-          actions = [];
-          refresh.disabled = false;
-          const recovery = document2.createElement("section");
-          recovery.className = "settings-session-import-recovery";
-          recovery.setAttribute("role", "region");
-          recovery.setAttribute("aria-label", messages.sessionImportImported);
-          recovery.tabIndex = -1;
-          const recoveryCopy = document2.createElement("div");
-          recoveryCopy.className = "settings-session-import-recovery__copy";
-          const title = document2.createElement("strong");
-          title.textContent = messages.sessionImportImported;
-          const explanation = document2.createElement("p");
-          explanation.textContent = messages.sessionImportOpenFailed;
-          recoveryCopy.append(title, explanation);
-          const path = document2.createElement("div");
-          path.className = "settings-session-import-recovery__path";
-          const cwd = document2.createElement("code");
-          cwd.textContent = candidate.cwd;
-          cwd.title = candidate.cwd;
-          const copyPath = document2.createElement("button");
-          copyPath.type = "button";
-          copyPath.className = "settings-command-button settings-command-button--secondary";
-          copyPath.dataset.sessionImportAction = "copy-project-path";
-          const setCopyLabel = (label) => {
-            copyPath.replaceChildren(createRendererSettingsIcon("copy", 15), label);
-          };
-          const showCopyFeedback = (label) => {
-            setCopyLabel(label);
-            document2.defaultView?.setTimeout(
-              () => setCopyLabel(messages.sessionImportCopyProjectPath),
-              2e3
-            );
-          };
-          setCopyLabel(messages.sessionImportCopyProjectPath);
-          copyPath.addEventListener("click", () => {
-            const clipboard = document2.defaultView?.navigator.clipboard;
-            if (!clipboard) {
-              showCopyFeedback(messages.sessionImportPathCopyFailed);
-              return;
-            }
-            void clipboard.writeText(candidate.cwd).then(
-              () => showCopyFeedback(messages.sessionImportPathCopied),
-              () => showCopyFeedback(messages.sessionImportPathCopyFailed)
-            );
-          });
-          path.append(cwd, copyPath);
-          const retry = document2.createElement("button");
-          retry.type = "button";
-          retry.className = "settings-command-button";
-          retry.dataset.sessionImportAction = "retry-open";
-          const setRetrying = (pending) => {
-            listControls.setBusy(pending, pending);
-            for (const button of sourceButtons) button.disabled = pending;
-            retry.disabled = pending;
-            refresh.disabled = pending;
-            retry.setAttribute("aria-busy", pending ? "true" : "false");
-            retry.replaceChildren(
-              createRendererSettingsIcon("refresh", 15),
-              pending ? messages.sessionImportRetrying : messages.sessionImportRetryOpen
-            );
-          };
-          setRetrying(false);
-          retry.addEventListener("click", () => {
-            if (retry.disabled) return;
-            setRetrying(true);
-            void context.runLatest((signal) => openImportedThread(threadId, signal), {
-              success() {
-                setRetrying(false);
-              },
-              failure() {
-                renderOpenRecovery(candidate, threadId);
-              }
-            });
-          });
-          recovery.append(recoveryCopy, path, retry);
-          content.replaceChildren(recovery);
-          recovery.focus();
-        };
-        const renderCandidates = () => {
-          actions = [];
-          content.replaceChildren();
-          if (candidates.length === 0) {
-            content.append(
-              createStatus(
-                document2,
-                listControls.params().query ? messages.sessionImportNoMatches : messages.sessionImportEmpty
-              )
-            );
-            return;
-          }
-          const list = document2.createElement("div");
-          list.className = "settings-session-import-list";
-          for (const candidate of candidates) {
-            const row = document2.createElement("article");
-            row.className = "settings-session-import-row";
-            row.dataset.sessionImportId = candidate.nativeSessionId;
-            const copy = document2.createElement("div");
-            copy.className = "settings-session-import-row__copy";
-            const title = document2.createElement("strong");
-            title.textContent = candidate.title ?? messages.sessionImportUntitled;
-            const metadata = document2.createElement("span");
-            metadata.textContent = `${messages.sessionImportUpdatedAt}: ${new Intl.DateTimeFormat(
-              messages.locale === "zh-CN" ? "zh-CN" : "en",
-              { dateStyle: "medium", timeStyle: "short" }
-            ).format(new Date(candidate.updatedAt))}`;
-            const cwd = document2.createElement("code");
-            cwd.className = "settings-session-import-row__cwd";
-            cwd.textContent = candidate.cwd;
-            cwd.title = candidate.cwd;
-            const identity = document2.createElement("span");
-            identity.textContent = `${messages.sessionImportSessionId}: ${shortSessionId(candidate.nativeSessionId)}`;
-            identity.title = candidate.nativeSessionId;
-            identity.setAttribute("aria-hidden", "true");
-            copy.append(
-              title,
-              metadata,
-              cwd,
-              identity,
-              createAccessibleText(
-                document2,
-                `${messages.sessionImportSessionId}: ${candidate.nativeSessionId}`
-              )
-            );
-            const actionArea = document2.createElement("div");
-            actionArea.className = "settings-session-import-row__action";
-            if (candidate.running !== false) {
-              const running = document2.createElement("span");
-              running.className = "settings-session-import-running";
-              running.textContent = candidate.running === null ? messages.sessionImportRunningUnknown : messages.sessionImportRunning;
-              running.title = messages.sessionImportRunningHint;
-              running.setAttribute("aria-hidden", "true");
-              actionArea.append(
-                running,
-                createAccessibleText(
-                  document2,
-                  `${running.textContent}: ${messages.sessionImportRunningHint}`
-                )
-              );
-            }
-            const action = document2.createElement("button");
-            action.type = "button";
-            action.className = "settings-command-button";
-            action.dataset.sessionImportAction = "import";
-            action.addEventListener("click", () => {
-              if (candidate.running === true || importingId !== null || selectedHarness === null)
-                return;
-              const harnessId = selectedHarness;
-              const client = getClient();
-              if (!client) {
-                renderUnavailable(true);
-                return;
-              }
-              importingId = candidate.nativeSessionId;
-              refresh.disabled = true;
-              updateImportActions();
-              let committedThreadId = null;
-              void context.runLatest(
-                async (signal) => {
-                  const result = await client.importHarnessSession({
-                    harnessId,
-                    nativeSessionId: candidate.nativeSessionId
-                  });
-                  committedThreadId = result.threadId;
-                  if (!signal.aborted) await openImportedThread(result.threadId, signal);
-                },
-                {
-                  success() {
-                    importingId = null;
-                    refresh.disabled = false;
-                    updateImportActions();
-                  },
-                  failure(error51) {
-                    importingId = null;
-                    updateImportActions();
-                    refresh.disabled = false;
-                    if (committedThreadId) {
-                      renderOpenRecovery(candidate, committedThreadId);
-                    } else {
-                      renderFailure(error51, "import");
-                    }
-                  }
-                }
-              );
-            });
-            actions.push({ button: action, candidate });
-            actionArea.append(action);
-            row.append(copy, actionArea);
-            list.append(row);
-          }
-          content.append(list);
-          updateImportActions();
-        };
-        const load = () => {
-          if (importingId !== null || context.signal.aborted) return;
-          const client = getClient();
-          if (!client) {
-            refresh.disabled = false;
-            setRefreshLabel(false);
-            renderUnavailable();
-            return;
-          }
-          listControls.setBusy(true);
-          refresh.disabled = true;
-          setRefreshLabel(true);
-          content.replaceChildren(createStatus(document2, messages.sessionImportRefreshing));
-          const requestedHarness = selectedHarness;
-          const pageParams = listControls.params();
-          void context.runLatest(
-            async (signal) => {
-              const result = await client.listSessionImportSources();
-              const selected = result.harnesses.find(({ harnessId }) => harnessId === requestedHarness)?.harnessId ?? result.harnesses[0]?.harnessId ?? null;
-              if (signal.aborted) throw new Error("Session import selection changed");
-              sources = result.harnesses;
-              selectedHarness = selected;
-              if (selected !== requestedHarness) {
-                listControls.reset();
-                pageParams.offset = 0;
-              }
-              renderHarnessOptions();
-              return selected ? client.listHarnessSessions({ harnessId: selected, ...pageParams }) : { candidates: [], total: 0 };
-            },
-            {
-              success(result) {
-                listControls.setBusy(false);
-                if (listControls.setTotal(result.total)) {
-                  load();
-                  return;
-                }
-                candidates = result.candidates;
-                refresh.disabled = false;
-                setRefreshLabel(false);
-                if (selectedHarness === null) renderUnavailable();
-                else renderCandidates();
-              },
-              failure(error51) {
-                listControls.setBusy(false);
-                candidates = [];
-                refresh.disabled = false;
-                setRefreshLabel(false);
-                renderFailure(error51);
-              }
-            }
-          );
-        };
-        refresh.addEventListener("click", load);
-        load();
-        return void 0;
-      }
-    });
-  }
-
-  // src/native-ui/renderer-extension/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;
+  function accountListFocusRestorer(list, fallback) {
+    const active = list.getRootNode().activeElement;
+    if (!active || !list.contains(active)) return () => void 0;
+    const key = active.getAttribute("data-account-focus");
+    const accountId = active.closest(".settings-account-row")?.dataset.accountId;
+    return () => {
+      const target = key ? list.querySelector(`[data-account-focus="${CSS.escape(key)}"]`) : null;
+      if (target && !target.matches(":disabled")) {
+        target.focus({ preventScroll: true });
+        return;
       }
-      index = appendParagraph(document2, root, lines, index);
-    }
+      const row = accountId ? list.querySelector(
+        `.settings-account-row[data-account-id="${CSS.escape(accountId)}"]`
+      ) : null;
+      (row ?? fallback).focus({ preventScroll: true });
+    };
   }
-  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 createAccountsTable(document2, messages) {
+    const table = document2.createElement("table");
+    table.className = "settings-account-table";
+    table.setAttribute("aria-label", messages.pageLabels.accounts);
+    const head = document2.createElement("thead");
+    const row = document2.createElement("tr");
+    for (const label of [
+      messages.accountColumnAccount,
+      messages.accountColumnUsage,
+      messages.accountResetCredits,
+      messages.accountColumnActions
+    ]) {
+      const cell = document2.createElement("th");
+      cell.scope = "col";
+      cell.textContent = label;
+      row.append(cell);
     }
-    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;
+    head.append(row);
+    const body = document2.createElement("tbody");
+    table.append(head, body);
+    return { table, body };
   }
-  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 renderAccountRows(document2, account, messages, input) {
+    const row = document2.createElement("tr");
+    row.className = "settings-account-row";
+    row.dataset.accountId = account.accountId;
+    row.dataset.accountFocus = `${account.accountId}:row`;
+    row.tabIndex = -1;
+    const name = codexAccountDisplayName(account);
+    row.setAttribute("aria-label", name.full);
+    const personCell = document2.createElement("td");
+    const person = document2.createElement("div");
+    person.className = "settings-account-row__person";
+    const mark = document2.createElement("div");
+    mark.className = "settings-account-row__mark";
+    mark.setAttribute("aria-hidden", "true");
+    mark.append(createRendererSettingsIcon("terminal", 17));
+    const identity = document2.createElement("div");
+    identity.className = "settings-account-row__identity";
+    const title = document2.createElement("div");
+    title.className = "settings-account-title";
+    const local = document2.createElement("strong");
+    local.className = "settings-account-email";
+    local.textContent = name.local;
+    local.title = name.full;
+    title.append(local);
+    if (account.active) {
+      const badge = document2.createElement("span");
+      badge.className = "settings-account-active";
+      badge.textContent = messages.accountDefaultBadge;
+      title.append(badge);
     }
-    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]);
-      index += 1;
-      const continuationLines = [];
-      while (index < lines.length) {
-        const continuation = CONTINUATION_PATTERN.exec(lines[index] ?? "");
-        if (!continuation?.[1]) break;
-        continuationLines.push(continuation[1]);
-        index += 1;
-      }
-      if (continuationLines.length > 0) {
-        const continuation = document2.createElement("span");
-        continuation.className = "release-note-translation";
-        appendInline(document2, continuation, continuationLines.join(" "));
-        entry.append(continuation);
-      }
-      list.append(entry);
+    identity.append(title);
+    const metadata = document2.createElement("div");
+    metadata.className = "settings-account-metadata";
+    if (name.domain) {
+      const domain2 = document2.createElement("span");
+      domain2.className = "settings-account-domain";
+      domain2.textContent = `@${name.domain}`;
+      metadata.append(domain2);
     }
-    root.append(list);
-    return index;
-  }
-  function appendParagraph(document2, root, lines, start) {
-    const paragraphLines = [];
-    let index = start;
-    while (index < lines.length) {
-      const current = lines[index] ?? "";
-      if (current.trim().length === 0 || FENCE_PATTERN.test(current) || HEADING_PATTERN.test(current) || BLOCKQUOTE_PATTERN.test(current) || THEMATIC_BREAK_PATTERN.test(current) || UNORDERED_ITEM_PATTERN.test(current) || ORDERED_ITEM_PATTERN.test(current)) {
-        break;
+    const planLabel = accountPlanLabel(account.planType);
+    if (planLabel) {
+      if (name.domain) {
+        const separator = document2.createElement("span");
+        separator.className = "settings-account-plan-separator";
+        separator.textContent = "\xB7";
+        separator.setAttribute("aria-hidden", "true");
+        metadata.append(separator);
       }
-      paragraphLines.push(current.trim());
-      index += 1;
+      const plan = document2.createElement("span");
+      plan.className = account.planType === "pro" || account.planType === "prolite" ? "settings-account-plan settings-account-plan--highlighted" : "settings-account-plan";
+      plan.textContent = planLabel;
+      metadata.append(plan);
     }
-    const paragraph = document2.createElement("p");
-    paragraphLines.forEach((line, lineIndex) => {
-      appendInline(document2, paragraph, line);
-      if (lineIndex < paragraphLines.length - 1) paragraph.append(document2.createElement("br"));
-    });
-    root.append(paragraph);
-    return index;
-  }
-  function appendInline(document2, parent, text) {
-    let lastIndex = 0;
-    for (const match of text.matchAll(INLINE_PATTERN)) {
-      const index = match.index ?? 0;
-      if (index > lastIndex) parent.append(text.slice(lastIndex, index));
-      if (match[2] !== void 0) {
-        const code = document2.createElement("code");
-        code.textContent = match[2];
-        parent.append(code);
-      } else if (match[3] !== void 0) {
-        const strong = document2.createElement("strong");
-        strong.textContent = match[3];
-        parent.append(strong);
-      } else {
-        const href = match[5] ?? "";
-        if (!isSafeLink(href)) {
-          parent.append(match[4] ?? "");
-        } else {
-          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 (metadata.childElementCount > 0) identity.append(metadata);
+    person.append(mark, identity);
+    personCell.append(person);
+    const usageCell = document2.createElement("td");
+    const usage = renderAccountUsage(document2, input.usage, messages, input.display, input.onRetry);
+    if (usage) usageCell.append(usage);
+    const resetCell = document2.createElement("td");
+    const resetLabel2 = document2.createElement("span");
+    resetLabel2.className = "settings-account-mobile-label";
+    resetLabel2.textContent = messages.accountResetCredits;
+    resetCell.append(resetLabel2);
+    const actionsCell = document2.createElement("td");
+    const actions = document2.createElement("div");
+    actions.className = "settings-account-actions";
+    if (!account.active) {
+      const activate = document2.createElement("button");
+      activate.type = "button";
+      activate.className = "settings-account-action";
+      activate.textContent = messages.accountUse;
+      activate.dataset.accountFocus = `${account.accountId}:activate`;
+      activate.disabled = input.actionsDisabled;
+      activate.addEventListener("click", input.onActivate);
+      actions.append(activate);
     }
-    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;
+    if (!account.email) {
+      const signIn = document2.createElement("button");
+      signIn.type = "button";
+      signIn.className = "settings-account-action";
+      signIn.textContent = messages.accountSignIn;
+      signIn.dataset.accountFocus = `${account.accountId}:login`;
+      signIn.disabled = input.actionsDisabled;
+      signIn.addEventListener("click", input.onSignIn);
+      actions.append(signIn);
     }
-  }
-
-  // src/native-ui/renderer-extension/src/settings/accounts-usage.ts
-  function creditsPeriodLabel2(periodType, messages) {
-    if (periodType === "weekly") return messages.accountCreditsPeriodWeekly;
-    if (periodType === "monthly") return messages.accountCreditsPeriodMonthly;
-    if (periodType === "five_hour") return messages.accountCreditsPeriodFiveHour;
-    if (periodType === "seven_day") return messages.accountCreditsPeriodSevenDay;
-    return messages.accountCreditsPeriodUnknown;
-  }
-  function creditsProductLabel(product, messages) {
-    if (product === "GrokBuild" || product === "Build") return messages.accountCreditsBuild;
-    if (product === "7-day window") return messages.accountCreditsPeriodSevenDay;
-    if (product === "GrokChat") return "Chat";
-    if (product === "GrokImagine") return "Imagine";
-    if (product === "GrokVoice") return "Voice";
-    return product;
-  }
-  function formatAccountCreditsReset(value, locale, now = /* @__PURE__ */ new Date()) {
-    if (locale !== "zh-CN") return formatRendererCreditsReset(value, now);
-    const date5 = new Date(value);
-    if (Number.isNaN(date5.getTime())) return value;
-    const isToday = date5.getFullYear() === now.getFullYear() && date5.getMonth() === now.getMonth() && date5.getDate() === now.getDate();
-    if (isToday) {
-      return `\u4ECA\u5929 ${date5.toLocaleTimeString("zh-CN", { hour: "numeric", minute: "2-digit" })}`;
+    if (!account.isDefault) {
+      const remove = document2.createElement("button");
+      remove.type = "button";
+      remove.className = "settings-icon-button settings-account-delete";
+      remove.title = messages.accountDelete;
+      remove.dataset.accountFocus = `${account.accountId}:delete`;
+      remove.setAttribute("aria-label", `${messages.accountDelete}: ${name.full}`);
+      remove.disabled = input.actionsDisabled;
+      remove.append(createRendererSettingsIcon("trash", 16));
+      remove.addEventListener("click", input.onDelete);
+      actions.append(remove);
     }
-    return date5.toLocaleString("zh-CN", {
-      month: "long",
-      day: "numeric",
-      hour: "numeric",
-      minute: "2-digit"
+    actionsCell.append(actions);
+    row.append(personCell, usageCell, resetCell, actionsCell);
+    const reset = input.usage?.status === "ready" ? renderAccountResetCredits(document2, input.usage.credits, messages, input) : null;
+    if (!reset) {
+      const unknown2 = document2.createElement("span");
+      unknown2.className = "settings-account-unknown";
+      unknown2.textContent = "\u2014";
+      unknown2.title = messages.accountResetCreditsUnknown;
+      unknown2.setAttribute("aria-label", messages.accountResetCreditsUnknown);
+      resetCell.append(unknown2);
+      return [row];
+    }
+    const detailsRow = document2.createElement("tr");
+    detailsRow.className = "settings-account-details-row";
+    detailsRow.id = `settings-account-reset-${++resetDetailsSequence}`;
+    detailsRow.hidden = !input.resetExpanded;
+    const detailsCell = document2.createElement("td");
+    detailsCell.colSpan = 4;
+    detailsCell.append(reset.details);
+    detailsRow.append(detailsCell);
+    reset.summary.dataset.accountFocus = `${account.accountId}:reset`;
+    reset.summary.setAttribute("aria-controls", detailsRow.id);
+    reset.summary.setAttribute("aria-expanded", String(input.resetExpanded));
+    reset.summary.addEventListener("click", () => {
+      detailsRow.hidden = !detailsRow.hidden;
+      reset.summary.setAttribute("aria-expanded", String(!detailsRow.hidden));
+      input.onResetExpanded(!detailsRow.hidden);
     });
+    resetCell.append(reset.summary);
+    return [row, detailsRow];
   }
-  function resetCreditDetailLine(index, expiresAt, messages, now = /* @__PURE__ */ new Date()) {
-    return messages.accountResetCreditsCardExpiry.replace("{index}", String(index)).replace("{time}", formatAccountCreditsReset(expiresAt, messages.locale, now));
-  }
-  function renderAccountUsage(document2, state, messages, display, onRetry) {
-    if (!state) return null;
-    const usage = document2.createElement("div");
-    usage.className = "settings-account-usage";
-    if (state.status !== "ready") {
-      const message = document2.createElement("span");
-      message.className = "settings-account-usage__message";
-      message.textContent = state.status === "loading" ? messages.accountCreditsLoading : state.status === "error" ? messages.accountCreditsFailed : messages.accountCreditsEmpty;
-      usage.append(message);
-      if (state.status === "loading") usage.setAttribute("aria-busy", "true");
-      if (state.status === "error") {
-        const retry = document2.createElement("button");
-        retry.type = "button";
-        retry.className = "settings-command-button settings-command-button--secondary";
-        retry.textContent = messages.accountCreditsRetry;
-        retry.addEventListener("click", onRetry);
-        usage.append(retry);
+
+  // src/native-ui/renderer-extension/src/settings/harness-accounts.ts
+  function mountHarnessAccounts(context, messages, getClient, onChange) {
+    const document2 = context.content.ownerDocument;
+    const section = document2.createElement("section");
+    section.className = "settings-harness-accounts";
+    section.hidden = true;
+    const heading = document2.createElement("h2");
+    heading.className = "settings-harness-accounts__title";
+    heading.textContent = messages.harnessAccountsPageTitle || messages.harnessAccountsTitle;
+    const list = document2.createElement("div");
+    list.className = "settings-account-list";
+    section.append(heading, list);
+    context.content.append(section);
+    let accounts = [];
+    let refreshing = false;
+    let query = "";
+    let display = "remaining";
+    let refresh;
+    const render = () => {
+      section.hidden = accounts.length === 0;
+      list.replaceChildren();
+      const visible = accounts.filter(
+        (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
+      );
+      for (const account of visible) {
+        const row = document2.createElement("article");
+        row.className = "settings-harness-account";
+        row.dataset.harnessId = account.harnessId;
+        const identity = document2.createElement("div");
+        identity.className = "settings-harness-account__identity";
+        const name = document2.createElement("strong");
+        name.className = "settings-account-email";
+        const accountName = account.email ?? account.label;
+        name.textContent = accountName ?? account.harnessName;
+        name.title = name.textContent;
+        identity.append(name);
+        const metadata = document2.createElement("div");
+        metadata.className = "settings-account-metadata";
+        if (accountName) {
+          const harness = document2.createElement("span");
+          harness.textContent = account.harnessName;
+          metadata.append(harness);
+        }
+        if (account.plan) {
+          if (accountName) {
+            const separator = document2.createElement("span");
+            separator.textContent = "\xB7";
+            separator.setAttribute("aria-hidden", "true");
+            metadata.append(separator);
+          }
+          const plan = document2.createElement("span");
+          plan.className = "settings-account-plan";
+          plan.textContent = account.plan;
+          metadata.append(plan);
+        }
+        if (account.status) {
+          if (accountName || account.plan) {
+            const separator = document2.createElement("span");
+            separator.textContent = "\xB7";
+            separator.setAttribute("aria-hidden", "true");
+            metadata.append(separator);
+          }
+          const statusBadge = document2.createElement("span");
+          statusBadge.className = `settings-harness-account__badge settings-harness-account__badge--${account.status}`;
+          statusBadge.textContent = account.status === "ready" ? messages.harnessAccountStatusReady : account.status === "not_installed" ? messages.harnessAccountStatusNotInstalled : messages.harnessAccountStatusUnconfigured;
+          metadata.append(statusBadge);
+        }
+        if (metadata.childElementCount) identity.append(metadata);
+        if (account.configHint) {
+          const configHint = document2.createElement("div");
+          configHint.className = "settings-harness-account__config-hint";
+          configHint.title = account.configHint;
+          const label = document2.createElement("span");
+          label.textContent = `${messages.harnessAccountConfigGuide}: `;
+          const code = document2.createElement("code");
+          code.textContent = account.configHint;
+          configHint.append(label, code);
+          identity.append(configHint);
+        }
+        const usage = account.credits ? renderAccountUsage(
+          document2,
+          { status: "ready", credits: account.credits },
+          messages,
+          display,
+          () => void 0
+        ) : null;
+        const person = document2.createElement("div");
+        person.className = "settings-account-row__person";
+        const agent = KNOWN_RENDERER_AGENTS.find((agent2) => agent2 === account.harnessId);
+        if (agent) {
+          const logo = document2.createElement("div");
+          logo.className = "settings-harness-account__logo";
+          logo.setAttribute("aria-hidden", "true");
+          logo.append(createRendererAgentIcon(agent, 28, document2));
+          person.append(logo);
+        }
+        person.append(identity);
+        row.append(person);
+        if (usage) row.append(usage);
+        const actions = document2.createElement("div");
+        actions.className = "settings-harness-account__actions";
+        if (account.loginCommand) {
+          const loginBtn = document2.createElement("button");
+          loginBtn.type = "button";
+          loginBtn.className = "settings-command-button settings-command-button--secondary settings-harness-account__login-btn";
+          loginBtn.append(createRendererSettingsIcon("external-link", 14), messages.harnessAccountLogin);
+          loginBtn.title = account.loginCommand;
+          loginBtn.addEventListener("click", () => {
+            const client = getClient();
+            if (!client?.loginHarnessAccount) return;
+            loginBtn.disabled = true;
+            loginBtn.textContent = messages.harnessAccountLoginStarted;
+            void client.loginHarnessAccount({ harnessId: account.harnessId }).finally(() => {
+              document2.defaultView?.setTimeout(() => {
+                loginBtn.disabled = false;
+                loginBtn.replaceChildren(createRendererSettingsIcon("external-link", 14), messages.harnessAccountLogin);
+                void refresh();
+              }, 3e3);
+            });
+          });
+          actions.append(loginBtn);
+        }
+        if (actions.childElementCount > 0) {
+          row.append(actions);
+        }
+        list.append(row);
       }
-      return usage;
-    }
-    const credits = state.credits;
-    const windows = [
-      {
-        label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
-        usedPercent: credits.usedPercent,
-        resetsAt: credits.resetsAt
-      },
-      ...(credits.productUsage ?? []).map((product) => ({
-        label: creditsProductLabel(product.product, messages),
-        usedPercent: product.usagePercent,
-        resetsAt: product.resetsAt
-      }))
-    ];
-    for (const window2 of windows) {
-      const meter = document2.createElement("div");
-      meter.className = "settings-account-usage__meter";
-      const label = document2.createElement("span");
-      label.className = "settings-account-usage__title";
-      label.textContent = window2.label;
-      label.title = window2.label;
-      const value = display === "remaining" ? 100 - window2.usedPercent : window2.usedPercent;
-      const valueLabel = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
-      const tone = rendererCreditsTone(window2.usedPercent);
-      const bar = document2.createElement("div");
-      bar.className = `settings-account-usage__bar settings-account-usage__bar--${tone}`;
-      bar.setAttribute("role", "meter");
-      bar.setAttribute("aria-label", `${window2.label} \xB7 ${valueLabel}`);
-      bar.setAttribute("aria-valuemin", "0");
-      bar.setAttribute("aria-valuemax", "100");
-      bar.setAttribute("aria-valuenow", String(value));
-      const fill = document2.createElement("span");
-      fill.style.width = `${Math.min(100, Math.max(0, value))}%`;
-      bar.append(fill);
-      const percent = document2.createElement("span");
-      percent.className = `settings-account-usage__percent settings-account-usage__percent--${tone}`;
-      const prefix = document2.createElement("span");
-      prefix.textContent = valueLabel;
-      prefix.className = "settings-account-usage__value-label";
-      const number4 = document2.createElement("span");
-      number4.textContent = formatRendererCreditsPercent(value);
-      percent.append(prefix, number4);
-      meter.append(label, bar, percent);
-      if (window2.resetsAt) {
-        const reset = document2.createElement("span");
-        reset.className = "settings-account-usage__sub";
-        reset.textContent = `${formatAccountCreditsReset(window2.resetsAt, messages.locale)} ${messages.accountCreditsReset}`;
-        meter.append(reset);
+      if (accounts.length && !visible.length) {
+        const empty = document2.createElement("p");
+        empty.className = "settings-account-empty";
+        empty.textContent = messages.accountNoMatches;
+        list.append(empty);
       }
-      usage.append(meter);
-    }
-    return usage;
+    };
+    refresh = async () => {
+      if (refreshing || context.signal.aborted) return;
+      const client = getClient();
+      if (!client?.listHarnessAccounts) return;
+      refreshing = true;
+      onChange();
+      try {
+        const result = await client.listHarnessAccounts();
+        if (!context.signal.aborted) accounts = result.accounts;
+      } catch {
+        if (!context.signal.aborted) accounts = [];
+      } finally {
+        refreshing = false;
+        if (!context.signal.aborted) {
+          render();
+          onChange();
+        }
+      }
+    };
+    return {
+      get refreshing() {
+        return refreshing;
+      },
+      update(nextQuery, nextDisplay) {
+        query = nextQuery;
+        display = nextDisplay;
+        render();
+      },
+      refresh
+    };
   }
-  function renderAccountResetCredits(document2, credits, messages, options) {
-    const resetCredits = credits.resetCredits;
-    if (!resetCredits) return null;
-    const summary = document2.createElement("button");
-    summary.type = "button";
-    summary.className = "settings-account-reset-summary";
-    summary.setAttribute("aria-label", messages.accountResetCreditsDetails);
-    summary.title = messages.accountResetCreditsDetails;
-    const count = document2.createElement("span");
-    count.textContent = messages.locale === "zh-CN" ? `${resetCredits.availableCount} \u5F20` : String(resetCredits.availableCount);
-    summary.append(
-      createRendererSettingsIcon("ticket", 16),
-      count,
-      createRendererSettingsIcon("chevron-right", 14)
-    );
-    const details = document2.createElement("div");
-    details.className = "settings-account-reset-details";
-    const copy = document2.createElement("div");
-    const heading = document2.createElement("strong");
-    heading.textContent = messages.accountResetCredits;
-    copy.append(heading);
-    if (resetCredits.nextExpiresAt) {
-      const next = document2.createElement("p");
-      next.className = "settings-account-reset-expiry";
-      const reset = formatAccountCreditsReset(resetCredits.nextExpiresAt, messages.locale);
-      next.textContent = messages.locale === "zh-CN" ? `\u6700\u65E9 ${reset}\u5230\u671F` : `Next expires ${reset}`;
-      const remaining = Date.parse(resetCredits.nextExpiresAt) - Date.now();
-      if (remaining <= 24 * 60 * 60 * 1e3) {
-        next.className += remaining <= 8 * 60 * 60 * 1e3 ? " is-hot" : " is-warn";
+
+  // src/native-ui/renderer-extension/src/settings/accounts-page.ts
+  function errorMessage(error51, fallback) {
+    return error51 instanceof Error && error51.message ? error51.message : fallback;
+  }
+  function createAccountsSettingsPage(messages, getClient) {
+    return Object.freeze({
+      id: "accounts",
+      label: messages.pageLabels.accounts,
+      icon: "accounts",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const header = document2.createElement("div");
+        header.className = "settings-account-header";
+        const copy = document2.createElement("div");
+        const eyebrow = document2.createElement("p");
+        eyebrow.className = "settings-account-eyebrow";
+        eyebrow.textContent = "ACCOUNT MANAGEMENT";
+        const heading = document2.createElement("h1");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.accounts;
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.accountsDescription;
+        copy.append(eyebrow, heading, description);
+        const add = document2.createElement("button");
+        add.type = "button";
+        add.className = "settings-command-button";
+        add.append(createRendererSettingsIcon("add", 16), messages.accountAdd);
+        header.append(copy, add);
+        const status = document2.createElement("p");
+        status.className = "settings-account-status";
+        status.setAttribute("aria-live", "polite");
+        const helpRow = document2.createElement("div");
+        helpRow.className = "settings-account-help-row";
+        const taskHint = document2.createElement("p");
+        taskHint.className = "settings-account-task-hint";
+        const taskHintText = document2.createElement("span");
+        taskHintText.textContent = messages.accountTaskHint;
+        taskHint.append(createRendererSettingsIcon("info", 16), taskHintText);
+        const help = document2.createElement("button");
+        help.type = "button";
+        help.className = "settings-account-help-button";
+        help.append(createRendererSettingsIcon("help", 16), messages.accountLoginHelp);
+        help.setAttribute("aria-expanded", "false");
+        help.setAttribute("aria-controls", "settings-account-login-help");
+        const deviceCodeNote = document2.createElement("p");
+        deviceCodeNote.id = "settings-account-login-help";
+        deviceCodeNote.className = "settings-account-device-code-note";
+        deviceCodeNote.textContent = messages.accountDeviceCodePrerequisite;
+        deviceCodeNote.hidden = true;
+        help.addEventListener("click", () => {
+          deviceCodeNote.hidden = !deviceCodeNote.hidden;
+          help.setAttribute("aria-expanded", String(!deviceCodeNote.hidden));
+        });
+        helpRow.append(taskHint, help);
+        const toolbar = document2.createElement("div");
+        toolbar.className = "settings-account-toolbar";
+        const connected = document2.createElement("div");
+        connected.className = "settings-account-count";
+        const connectedLabel = document2.createElement("span");
+        connectedLabel.textContent = messages.accountConnected;
+        const connectedCount = document2.createElement("span");
+        connected.append(connectedLabel, connectedCount);
+        const searchWrapper = document2.createElement("label");
+        searchWrapper.className = "settings-account-search";
+        const search = document2.createElement("input");
+        search.type = "search";
+        search.name = "account-search";
+        search.autocomplete = "off";
+        search.spellcheck = false;
+        search.placeholder = messages.accountSearch;
+        search.setAttribute("aria-label", messages.accountSearch);
+        searchWrapper.append(createRendererSettingsIcon("search", 16), search);
+        const displayControls = document2.createElement("div");
+        displayControls.className = "settings-account-display-controls";
+        const displayButtons = /* @__PURE__ */ new Map();
+        for (const display of ["used", "remaining"]) {
+          const button = document2.createElement("button");
+          button.type = "button";
+          button.textContent = display === "used" ? messages.accountCreditsUsed : messages.accountCreditsRemaining;
+          button.addEventListener("click", () => {
+            usageDisplay = display;
+            render();
+          });
+          displayButtons.set(display, button);
+          displayControls.append(button);
+        }
+        const refreshUsage = document2.createElement("button");
+        refreshUsage.type = "button";
+        refreshUsage.className = "settings-icon-button";
+        refreshUsage.title = messages.accountCreditsRefresh;
+        refreshUsage.setAttribute("aria-label", messages.accountCreditsRefresh);
+        refreshUsage.append(createRendererSettingsIcon("refresh", 16));
+        refreshUsage.addEventListener("click", () => {
+          usageByAccountId.clear();
+          loadUsage(accounts);
+          void harnessAccounts?.refresh();
+        });
+        search.addEventListener("input", () => render());
+        toolbar.append(connected, searchWrapper, displayControls, refreshUsage);
+        const list = document2.createElement("div");
+        list.className = "settings-account-list";
+        const { table, body } = createAccountsTable(document2, messages);
+        list.append(table);
+        context.content.append(header, helpRow, deviceCodeNote, status, toolbar, list);
+        let accounts = [];
+        let accountCreating = false;
+        let accountActivating = false;
+        let deletingAccountId = null;
+        let login = null;
+        let loginStartingAccountId = null;
+        let loginMessage = null;
+        let loginRefreshTimer;
+        const usageByAccountId = /* @__PURE__ */ new Map();
+        let usingResetAccountId = null;
+        let usageDisplay = "remaining";
+        const expandedResetAccounts = /* @__PURE__ */ new Set();
+        const accountBusy = () => accountCreating || accountActivating || deletingAccountId !== null || login !== null || loginStartingAccountId !== null || usingResetAccountId !== null;
+        const clearLoginRefresh = () => {
+          if (loginRefreshTimer === void 0) return;
+          document2.defaultView?.clearTimeout(loginRefreshTimer);
+          loginRefreshTimer = void 0;
+        };
+        const scheduleLoginRefresh = () => {
+          clearLoginRefresh();
+          if (!login || context.signal.aborted) return;
+          loginRefreshTimer = document2.defaultView?.setTimeout(() => {
+            loginRefreshTimer = void 0;
+            if (!login || context.signal.aborted) return;
+            void context.runLatest(
+              () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
+              {
+                success(result) {
+                  const signedIn = result.accounts.some(
+                    (account) => account.accountId === login?.accountId && account.email
+                  );
+                  if (signedIn) {
+                    login = null;
+                    loginMessage = messages.accountLoginSucceeded;
+                  }
+                  setAccounts(result.accounts);
+                  scheduleLoginRefresh();
+                },
+                failure() {
+                  scheduleLoginRefresh();
+                }
+              }
+            );
+          }, 750);
+        };
+        const render = () => {
+          const restoreFocus = accountListFocusRestorer(list, search);
+          body.replaceChildren();
+          status.textContent = loginMessage ?? "";
+          connectedCount.textContent = String(accounts.filter((account) => account.email).length);
+          search.disabled = login !== null || loginStartingAccountId !== null;
+          for (const [display, button] of displayButtons) {
+            button.setAttribute("aria-pressed", String(display === usageDisplay));
+          }
+          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => account.email)) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
+          const query = search.value.trim().toLocaleLowerCase();
+          harnessAccounts?.update(query, usageDisplay);
+          const visibleAccounts = accounts.filter(
+            (account) => `${account.email ?? ""} ${account.label}`.toLocaleLowerCase().includes(query)
+          );
+          if (visibleAccounts.length === 0) {
+            const emptyRow = document2.createElement("tr");
+            const emptyCell = document2.createElement("td");
+            emptyCell.colSpan = 4;
+            emptyCell.className = "settings-account-empty";
+            emptyCell.textContent = query ? messages.accountNoMatches : messages.accountEmpty;
+            emptyRow.append(emptyCell);
+            body.append(emptyRow);
+          }
+          add.disabled = accountBusy();
+          for (const account of visibleAccounts) {
+            body.append(
+              ...renderAccountRows(document2, account, messages, {
+                usage: usageByAccountId.get(account.accountId),
+                display: usageDisplay,
+                actionsDisabled: accountBusy(),
+                usingReset: usingResetAccountId === account.accountId,
+                resetDisabled: accountBusy(),
+                resetExpanded: expandedResetAccounts.has(account.accountId),
+                onActivate: () => mutate(() => client().activateCodexAccount({ accountId: account.accountId })),
+                onSignIn: () => startLogin(account.accountId),
+                onDelete: () => deleteAccount(account.accountId),
+                onRetry: () => {
+                  usageByAccountId.delete(account.accountId);
+                  loadUsage(accounts);
+                },
+                onResetExpanded: (open) => {
+                  if (open) expandedResetAccounts.add(account.accountId);
+                  else expandedResetAccounts.delete(account.accountId);
+                },
+                ...getClient()?.consumeCodexAccountResetCredit ? { onUseReset: () => useReset(account.accountId) } : {}
+              })
+            );
+            if (login?.accountId === account.accountId) {
+              const verification = document2.createElement("div");
+              verification.className = "settings-account-verification";
+              const prompt = document2.createElement("span");
+              prompt.textContent = messages.accountVerificationDescription;
+              const link = document2.createElement("a");
+              link.href = login.verificationUrl;
+              link.target = "_blank";
+              link.rel = "noopener noreferrer";
+              link.textContent = login.verificationUrl;
+              link.addEventListener("click", (event) => {
+                const bridge = document2.defaultView?.electronBridge;
+                if (typeof bridge?.sendMessageFromView !== "function") return;
+                event.preventDefault();
+                void Promise.resolve(
+                  bridge.sendMessageFromView({
+                    type: "open-in-browser",
+                    url: login?.verificationUrl ?? link.href,
+                    initiator: "open_in_browser_bridge",
+                    openTarget: "external-browser",
+                    source: "manual"
+                  })
+                ).catch(() => void 0);
+              });
+              const code = document2.createElement("code");
+              code.textContent = login.userCode;
+              const copyCode = document2.createElement("button");
+              copyCode.type = "button";
+              copyCode.className = "settings-command-button settings-command-button--secondary";
+              copyCode.textContent = messages.accountCopyCode;
+              copyCode.addEventListener("click", () => {
+                void document2.defaultView?.navigator.clipboard?.writeText(login?.userCode ?? "").then(() => {
+                  copyCode.textContent = messages.accountCopied;
+                });
+              });
+              const cancel = document2.createElement("button");
+              cancel.type = "button";
+              cancel.className = "settings-command-button settings-command-button--secondary";
+              cancel.textContent = messages.accountLoginCancel;
+              cancel.addEventListener(
+                "click",
+                () => cancelLogin(login?.accountId ?? "", login?.loginId ?? "")
+              );
+              verification.append(prompt, link, code, copyCode, cancel);
+              const verificationRow = document2.createElement("tr");
+              const verificationCell = document2.createElement("td");
+              verificationCell.colSpan = 4;
+              verificationCell.append(verification);
+              verificationRow.append(verificationCell);
+              body.append(verificationRow);
+            }
+          }
+          restoreFocus();
+        };
+        const client = () => {
+          const value = getClient();
+          if (!value) throw new Error(messages.runtimeCapabilityNotInstalled);
+          return value;
+        };
+        const loadUsage = (nextAccounts) => {
+          const inspect = getClient()?.inspectCodexAccountUsage;
+          const signedIn = nextAccounts.filter((account) => account.email);
+          const keep = new Set(signedIn.map((account) => account.accountId));
+          for (const accountId of [...usageByAccountId.keys()]) {
+            if (!keep.has(accountId)) usageByAccountId.delete(accountId);
+          }
+          const pending = signedIn.filter((account) => !usageByAccountId.has(account.accountId));
+          if (!inspect || pending.length === 0) {
+            render();
+            return;
+          }
+          const requests = pending.map((account) => {
+            const loading = { status: "loading" };
+            usageByAccountId.set(account.accountId, loading);
+            return { account, loading };
+          });
+          render();
+          void Promise.all(
+            requests.map(async ({ account, loading }) => {
+              try {
+                const result = await inspect({ accountId: account.accountId });
+                if (context.signal.aborted || usageByAccountId.get(account.accountId) !== loading)
+                  return;
+                usageByAccountId.set(
+                  account.accountId,
+                  result.accountCredits ? { status: "ready", credits: result.accountCredits } : { status: "empty" }
+                );
+              } catch {
+                if (context.signal.aborted || usageByAccountId.get(account.accountId) !== loading)
+                  return;
+                usageByAccountId.set(account.accountId, { status: "error" });
+              }
+              render();
+            })
+          );
+        };
+        const setAccounts = (nextAccounts) => {
+          accounts = nextAccounts;
+          for (const accountId of expandedResetAccounts) {
+            if (!accounts.some((account) => account.accountId === accountId))
+              expandedResetAccounts.delete(accountId);
+          }
+          loadUsage(nextAccounts);
+        };
+        const refreshInBackground = () => {
+          if (!client().refreshCodexAccounts) return;
+          void context.runLatest(
+            () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
+            {
+              success(result) {
+                setAccounts(result.accounts);
+              },
+              failure() {
+              }
+            }
+          );
+        };
+        const load = () => {
+          void context.runLatest(() => client().listCodexAccounts(), {
+            success(result) {
+              loginMessage = null;
+              setAccounts(result.accounts);
+              refreshInBackground();
+            },
+            failure(error51) {
+              loginMessage = errorMessage(error51, messages.accountLoadFailed);
+              render();
+            }
+          });
+        };
+        const mutate = (operation) => {
+          if (accountBusy()) return;
+          accountActivating = true;
+          render();
+          void context.runLatest(() => operation(), {
+            success(result) {
+              accountActivating = false;
+              loginMessage = null;
+              setAccounts(
+                accounts.map((account) => ({
+                  ...account.accountId === result.account.accountId ? result.account : account,
+                  active: account.accountId === result.account.accountId
+                }))
+              );
+            },
+            failure(error51) {
+              accountActivating = false;
+              loginMessage = errorMessage(error51, messages.accountLoadFailed);
+              render();
+            }
+          });
+        };
+        const startLogin = (accountId) => {
+          if (accountBusy()) return;
+          loginStartingAccountId = accountId;
+          loginMessage = messages.accountSigningIn;
+          render();
+          void context.runLatest(() => client().startCodexAccountLogin({ accountId }), {
+            success(result) {
+              loginStartingAccountId = null;
+              login = result;
+              loginMessage = null;
+              render();
+              scheduleLoginRefresh();
+            },
+            failure(error51) {
+              loginStartingAccountId = null;
+              loginMessage = errorMessage(error51, messages.accountLoginFailed);
+              render();
+            }
+          });
+        };
+        const createAndLogin = () => {
+          if (accountBusy()) return;
+          accountCreating = true;
+          loginMessage = messages.accountSigningIn;
+          render();
+          void context.runLatest(() => client().createCodexAccount({}), {
+            success(result) {
+              accountCreating = false;
+              loginMessage = null;
+              search.value = "";
+              setAccounts([
+                ...accounts.filter(({ accountId }) => accountId !== result.account.accountId),
+                result.account
+              ]);
+              startLogin(result.account.accountId);
+            },
+            failure(error51) {
+              accountCreating = false;
+              loginMessage = errorMessage(error51, messages.accountCreateFailed);
+              render();
+            }
+          });
+        };
+        const resetOutcomeMessage = (outcome) => {
+          if (outcome === "reset") return messages.accountResetCreditsSucceeded;
+          if (outcome === "nothingToReset") return messages.accountResetCreditsNothingToReset;
+          if (outcome === "noCredit") return messages.accountResetCreditsNoCredit;
+          return messages.accountResetCreditsAlreadyRedeemed;
+        };
+        const useReset = (accountId) => {
+          const consume = getClient()?.consumeCodexAccountResetCredit;
+          if (!consume || accountBusy()) return;
+          if (document2.defaultView?.confirm?.(messages.accountResetCreditsConfirm) === false) return;
+          usingResetAccountId = accountId;
+          loginMessage = messages.accountResetCreditsUsing;
+          render();
+          void context.runLatest(() => consume({ accountId, idempotencyKey: crypto.randomUUID() }), {
+            success(result) {
+              usingResetAccountId = null;
+              loginMessage = resetOutcomeMessage(result.outcome);
+              if (result.accountCredits) {
+                usageByAccountId.set(accountId, {
+                  status: "ready",
+                  credits: result.accountCredits
+                });
+              } else if (result.outcome === "reset") {
+                usageByAccountId.delete(accountId);
+                loadUsage(accounts);
+              }
+              render();
+            },
+            failure(error51) {
+              usingResetAccountId = null;
+              loginMessage = errorMessage(error51, messages.accountResetCreditsFailed);
+              render();
+            }
+          });
+        };
+        const deleteAccount = (accountId) => {
+          const account = accounts.find((candidate) => candidate.accountId === accountId);
+          if (!account || account.isDefault || accountBusy()) return;
+          if (document2.defaultView?.confirm?.(messages.accountDeleteConfirm) === false) return;
+          deletingAccountId = accountId;
+          loginMessage = messages.accountDeleting;
+          render();
+          void context.runLatest(() => client().deleteCodexAccount({ accountId }), {
+            success() {
+              deletingAccountId = null;
+              loginMessage = null;
+              setAccounts(
+                accounts.filter((candidate) => candidate.accountId !== accountId).map((candidate) => ({
+                  ...candidate,
+                  active: account.active ? candidate.isDefault : candidate.active
+                }))
+              );
+            },
+            failure(error51) {
+              deletingAccountId = null;
+              loginMessage = errorMessage(error51, messages.accountDeleteFailed);
+              render();
+            }
+          });
+        };
+        const cancelLogin = (accountId, loginId) => {
+          void context.runLatest(() => client().cancelCodexAccountLogin({ accountId, loginId }), {
+            success() {
+              clearLoginRefresh();
+              login = null;
+              loginMessage = null;
+              render();
+            },
+            failure(error51) {
+              loginMessage = errorMessage(error51, messages.accountLoginFailed);
+              render();
+            }
+          });
+        };
+        add.addEventListener("click", createAndLogin);
+        let unsubscribe;
+        try {
+          unsubscribe = getClient()?.subscribeCodexAccountLogin?.((result) => {
+            if (result.loginId !== login?.loginId) return;
+            clearLoginRefresh();
+            login = null;
+            loginMessage = result.success ? messages.accountLoginSucceeded : result.error ?? messages.accountLoginFailed;
+            render();
+            if (result.success) load();
+          });
+        } catch {
+        }
+        const harnessAccounts = mountHarnessAccounts(context, messages, getClient, render);
+        void harnessAccounts.refresh();
+        load();
+        return () => {
+          clearLoginRefresh();
+          unsubscribe?.();
+        };
       }
-      copy.append(next);
+    });
+  }
+
+  // src/native-ui/renderer-extension/src/settings/core.ts
+  var SETTINGS_PAGE_ID_PATTERN = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/u;
+  var MAX_SETTINGS_PAGE_ID_LENGTH = 48;
+  var MAX_SETTINGS_PAGE_LABEL_LENGTH = 64;
+  function normalizedPage(page) {
+    if (page.id.length === 0 || page.id.length > MAX_SETTINGS_PAGE_ID_LENGTH || !SETTINGS_PAGE_ID_PATTERN.test(page.id)) {
+      throw new Error(`Invalid settings page ID: ${page.id || "(empty)"}`);
     }
-    if (resetCredits.expiresAt?.length) {
-      const list = document2.createElement("ul");
-      list.className = "settings-account-reset-list";
-      for (const [index, expiresAt] of resetCredits.expiresAt.entries()) {
-        const item = document2.createElement("li");
-        item.textContent = resetCreditDetailLine(index + 1, expiresAt, messages);
-        list.append(item);
-      }
-      copy.append(list);
+    const label = page.label.trim();
+    if (label.length === 0 || label.length > MAX_SETTINGS_PAGE_LABEL_LENGTH) {
+      throw new Error(`Invalid settings page label for ${page.id}`);
     }
-    details.append(copy);
-    if (options.onUseReset) {
-      const use = document2.createElement("button");
-      use.type = "button";
-      use.className = "settings-command-button settings-command-button--secondary";
-      use.textContent = options.usingReset ? messages.accountResetCreditsUsing : messages.accountResetCreditsUse;
-      use.disabled = options.resetDisabled;
-      use.addEventListener("click", options.onUseReset);
-      details.append(use);
+    if (!isRendererSettingsIconName(page.icon)) {
+      throw new Error(`Unknown settings page icon for ${page.id}`);
     }
-    return { summary, details };
-  }
-
-  // src/native-ui/renderer-extension/src/settings/accounts-list.ts
-  var resetDetailsSequence = 0;
-  function accountPlanLabel(planType) {
-    if (!planType || planType === "unknown") return null;
-    if (planType === "free") return "Free";
-    if (planType === "go") return "Go";
-    if (planType === "plus") return "Plus";
-    if (planType === "pro") return "Pro 20x";
-    if (planType === "prolite") return "Pro 5x";
-    if (planType === "team") return "Team";
-    if (planType === "self_serve_business_prolite") return "Business Pro Lite";
-    if (planType === "self_serve_business_usage_based") return "Business";
-    if (planType === "business") return "Business";
-    if (planType === "edu") return "Edu";
-    if (planType === "edu_plus") return "Edu Plus";
-    if (planType === "edu_pro") return "Edu Pro";
-    return "Enterprise";
+    if (typeof page.mount !== "function") {
+      throw new Error(`Settings page ${page.id} has no mount function`);
+    }
+    return Object.freeze({ ...page, label });
   }
-  function accountListFocusRestorer(list, fallback) {
-    const active = list.getRootNode().activeElement;
-    if (!active || !list.contains(active)) return () => void 0;
-    const key = active.getAttribute("data-account-focus");
-    const accountId = active.closest(".settings-account-row")?.dataset.accountId;
-    return () => {
-      const target = key ? list.querySelector(`[data-account-focus="${CSS.escape(key)}"]`) : null;
-      if (target && !target.matches(":disabled")) {
-        target.focus({ preventScroll: true });
-        return;
+  function createRendererSettingsPageRegistry(definitions, defaultPageId) {
+    if (definitions.length === 0) throw new Error("Settings page registry cannot be empty");
+    const resolvedDefaultPageId = defaultPageId ?? definitions[0]?.id ?? "";
+    const pages = definitions.map(normalizedPage);
+    const byId = /* @__PURE__ */ new Map();
+    for (const page of pages) {
+      if (byId.has(page.id)) throw new Error(`Duplicate settings page ID: ${page.id}`);
+      byId.set(page.id, page);
+    }
+    if (!byId.has(resolvedDefaultPageId)) {
+      throw new Error(`Default settings page is not registered: ${resolvedDefaultPageId}`);
+    }
+    const frozenPages = Object.freeze([...pages]);
+    return Object.freeze({
+      pages: frozenPages,
+      defaultPageId: resolvedDefaultPageId,
+      getPage(pageId) {
+        return byId.get(pageId);
       }
-      const row = accountId ? list.querySelector(
-        `.settings-account-row[data-account-id="${CSS.escape(accountId)}"]`
-      ) : null;
-      (row ?? fallback).focus({ preventScroll: true });
-    };
+    });
   }
-  function createAccountsTable(document2, messages) {
-    const table = document2.createElement("table");
-    table.className = "settings-account-table";
-    table.setAttribute("aria-label", messages.pageLabels.accounts);
-    const head = document2.createElement("thead");
-    const row = document2.createElement("tr");
-    for (const label of [
-      messages.accountColumnAccount,
-      messages.accountColumnUsage,
-      messages.accountResetCredits,
-      messages.accountColumnActions
-    ]) {
-      const cell = document2.createElement("th");
-      cell.scope = "col";
-      cell.textContent = label;
-      row.append(cell);
+  var RendererSettingsNavigationState = class {
+    constructor(registry2) {
+      this.registry = registry2;
+      this.#activePageId = registry2.defaultPageId;
     }
-    head.append(row);
-    const body = document2.createElement("tbody");
-    table.append(head, body);
-    return { table, body };
-  }
-  function renderAccountRows(document2, account, messages, input) {
-    const row = document2.createElement("tr");
-    row.className = "settings-account-row";
-    row.dataset.accountId = account.accountId;
-    row.dataset.accountFocus = `${account.accountId}:row`;
-    row.tabIndex = -1;
-    const name = codexAccountDisplayName(account);
-    row.setAttribute("aria-label", name.full);
-    const personCell = document2.createElement("td");
-    const person = document2.createElement("div");
-    person.className = "settings-account-row__person";
-    const mark = document2.createElement("div");
-    mark.className = "settings-account-row__mark";
-    mark.setAttribute("aria-hidden", "true");
-    mark.append(createRendererSettingsIcon("terminal", 17));
-    const identity = document2.createElement("div");
-    identity.className = "settings-account-row__identity";
-    const title = document2.createElement("div");
-    title.className = "settings-account-title";
-    const local = document2.createElement("strong");
-    local.className = "settings-account-email";
-    local.textContent = name.local;
-    local.title = name.full;
-    title.append(local);
-    if (account.active) {
-      const badge = document2.createElement("span");
-      badge.className = "settings-account-active";
-      badge.textContent = messages.accountDefaultBadge;
-      title.append(badge);
+    registry;
+    #activePageId;
+    get activePageId() {
+      return this.#activePageId;
     }
-    identity.append(title);
-    const metadata = document2.createElement("div");
-    metadata.className = "settings-account-metadata";
-    if (name.domain) {
-      const domain2 = document2.createElement("span");
-      domain2.className = "settings-account-domain";
-      domain2.textContent = `@${name.domain}`;
-      metadata.append(domain2);
+    select(pageId) {
+      if (!this.registry.getPage(pageId)) throw new Error(`Unknown settings page: ${pageId}`);
+      if (this.#activePageId === pageId) return false;
+      this.#activePageId = pageId;
+      return true;
     }
-    const planLabel = accountPlanLabel(account.planType);
-    if (planLabel) {
-      if (name.domain) {
-        const separator = document2.createElement("span");
-        separator.className = "settings-account-plan-separator";
-        separator.textContent = "\xB7";
-        separator.setAttribute("aria-hidden", "true");
-        metadata.append(separator);
-      }
-      const plan = document2.createElement("span");
-      plan.className = account.planType === "pro" || account.planType === "prolite" ? "settings-account-plan settings-account-plan--highlighted" : "settings-account-plan";
-      plan.textContent = planLabel;
-      metadata.append(plan);
+    reset() {
+      return this.select(this.registry.defaultPageId);
     }
-    if (metadata.childElementCount > 0) identity.append(metadata);
-    person.append(mark, identity);
-    personCell.append(person);
-    const usageCell = document2.createElement("td");
-    const usage = renderAccountUsage(document2, input.usage, messages, input.display, input.onRetry);
-    if (usage) usageCell.append(usage);
-    const resetCell = document2.createElement("td");
-    const resetLabel2 = document2.createElement("span");
-    resetLabel2.className = "settings-account-mobile-label";
-    resetLabel2.textContent = messages.accountResetCredits;
-    resetCell.append(resetLabel2);
-    const actionsCell = document2.createElement("td");
-    const actions = document2.createElement("div");
-    actions.className = "settings-account-actions";
-    if (!account.active) {
-      const activate = document2.createElement("button");
-      activate.type = "button";
-      activate.className = "settings-account-action";
-      activate.textContent = messages.accountUse;
-      activate.dataset.accountFocus = `${account.accountId}:activate`;
-      activate.disabled = input.actionsDisabled;
-      activate.addEventListener("click", input.onActivate);
-      actions.append(activate);
+  };
+  var RendererSettingsPageScope = class {
+    #pageController = new AbortController();
+    #requestController = null;
+    #requestGeneration = 0;
+    #disposed = false;
+    get signal() {
+      return this.#pageController.signal;
     }
-    if (!account.email) {
-      const signIn = document2.createElement("button");
-      signIn.type = "button";
-      signIn.className = "settings-account-action";
-      signIn.textContent = messages.accountSignIn;
-      signIn.dataset.accountFocus = `${account.accountId}:login`;
-      signIn.disabled = input.actionsDisabled;
-      signIn.addEventListener("click", input.onSignIn);
-      actions.append(signIn);
+    get disposed() {
+      return this.#disposed;
     }
-    if (!account.isDefault) {
-      const remove = document2.createElement("button");
-      remove.type = "button";
-      remove.className = "settings-icon-button settings-account-delete";
-      remove.title = messages.accountDelete;
-      remove.dataset.accountFocus = `${account.accountId}:delete`;
-      remove.setAttribute("aria-label", `${messages.accountDelete}: ${name.full}`);
-      remove.disabled = input.actionsDisabled;
-      remove.append(createRendererSettingsIcon("trash", 16));
-      remove.addEventListener("click", input.onDelete);
-      actions.append(remove);
+    async runLatest(operation, handlers) {
+      if (this.#disposed) throw new Error("Settings page scope is disposed");
+      this.#requestController?.abort();
+      const controller = new AbortController();
+      this.#requestController = controller;
+      const generation = ++this.#requestGeneration;
+      const abortRequest = () => controller.abort();
+      this.signal.addEventListener("abort", abortRequest, { once: true });
+      try {
+        const value = await operation(controller.signal);
+        if (this.#isCurrent(controller, generation)) handlers.success(value);
+      } catch (error51) {
+        if (this.#isCurrent(controller, generation)) handlers.failure(error51);
+      } finally {
+        this.signal.removeEventListener("abort", abortRequest);
+        if (this.#requestController === controller) this.#requestController = null;
+      }
     }
-    actionsCell.append(actions);
-    row.append(personCell, usageCell, resetCell, actionsCell);
-    const reset = input.usage?.status === "ready" ? renderAccountResetCredits(document2, input.usage.credits, messages, input) : null;
-    if (!reset) {
-      const unknown2 = document2.createElement("span");
-      unknown2.className = "settings-account-unknown";
-      unknown2.textContent = "\u2014";
-      unknown2.title = messages.accountResetCreditsUnknown;
-      unknown2.setAttribute("aria-label", messages.accountResetCreditsUnknown);
-      resetCell.append(unknown2);
-      return [row];
+    dispose() {
+      if (this.#disposed) return;
+      this.#disposed = true;
+      this.#requestGeneration += 1;
+      this.#requestController?.abort();
+      this.#requestController = null;
+      this.#pageController.abort();
     }
-    const detailsRow = document2.createElement("tr");
-    detailsRow.className = "settings-account-details-row";
-    detailsRow.id = `settings-account-reset-${++resetDetailsSequence}`;
-    detailsRow.hidden = !input.resetExpanded;
-    const detailsCell = document2.createElement("td");
-    detailsCell.colSpan = 4;
-    detailsCell.append(reset.details);
-    detailsRow.append(detailsCell);
-    reset.summary.dataset.accountFocus = `${account.accountId}:reset`;
-    reset.summary.setAttribute("aria-controls", detailsRow.id);
-    reset.summary.setAttribute("aria-expanded", String(input.resetExpanded));
-    reset.summary.addEventListener("click", () => {
-      detailsRow.hidden = !detailsRow.hidden;
-      reset.summary.setAttribute("aria-expanded", String(!detailsRow.hidden));
-      input.onResetExpanded(!detailsRow.hidden);
-    });
-    resetCell.append(reset.summary);
-    return [row, detailsRow];
-  }
+    #isCurrent(controller, generation) {
+      return !this.#disposed && !controller.signal.aborted && this.#requestController === controller && this.#requestGeneration === generation;
+    }
+  };
 
-  // src/native-ui/renderer-extension/src/settings/harness-accounts.ts
-  function mountHarnessAccounts(context, messages, getClient, onChange) {
-    const document2 = context.content.ownerDocument;
-    const section = document2.createElement("section");
-    section.className = "settings-harness-accounts";
-    section.hidden = true;
-    const heading = document2.createElement("h2");
-    heading.className = "settings-harness-accounts__title";
-    heading.textContent = messages.harnessAccountsTitle;
-    const list = document2.createElement("div");
-    list.className = "settings-account-list";
-    section.append(heading, list);
-    context.content.append(section);
-    let accounts = [];
-    let refreshing = false;
+  // src/native-ui/renderer-extension/src/settings/session-import-list-controls.ts
+  function createSessionImportListControls(document2, messages, onChange) {
     let query = "";
-    let display = "remaining";
-    const render = () => {
-      section.hidden = accounts.length === 0;
-      list.replaceChildren();
-      const visible = accounts.filter(
-        (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
-      );
-      for (const account of visible) {
-        const row = document2.createElement("article");
-        row.className = "settings-harness-account";
-        row.dataset.harnessId = account.harnessId;
-        const identity = document2.createElement("div");
-        identity.className = "settings-harness-account__identity";
-        const name = document2.createElement("strong");
-        name.className = "settings-account-email";
-        const accountName = account.email ?? account.label;
-        name.textContent = accountName ?? account.harnessName;
-        name.title = name.textContent;
-        identity.append(name);
-        const metadata = document2.createElement("div");
-        metadata.className = "settings-account-metadata";
-        if (accountName) {
-          const harness = document2.createElement("span");
-          harness.textContent = account.harnessName;
-          metadata.append(harness);
-        }
-        if (account.plan) {
-          if (accountName) {
-            const separator = document2.createElement("span");
-            separator.textContent = "\xB7";
-            separator.setAttribute("aria-hidden", "true");
-            metadata.append(separator);
-          }
-          const plan = document2.createElement("span");
-          plan.className = "settings-account-plan";
-          plan.textContent = account.plan;
-          metadata.append(plan);
-        }
-        if (metadata.childElementCount) identity.append(metadata);
-        const usage = renderAccountUsage(
-          document2,
-          { status: "ready", credits: account.credits },
-          messages,
-          display,
-          () => void 0
-        );
-        const person = document2.createElement("div");
-        person.className = "settings-account-row__person";
-        const agent = KNOWN_RENDERER_AGENTS.find((agent2) => agent2 === account.harnessId);
-        if (agent) {
-          const logo = document2.createElement("div");
-          logo.className = "settings-harness-account__logo";
-          logo.setAttribute("aria-hidden", "true");
-          logo.append(createRendererAgentIcon(agent, 28, document2));
-          person.append(logo);
-        }
-        person.append(identity);
-        row.append(person);
-        if (usage) row.append(usage);
-        list.append(row);
-      }
-      if (accounts.length && !visible.length) {
-        const empty = document2.createElement("p");
-        empty.className = "settings-account-empty";
-        empty.textContent = messages.accountNoMatches;
-        list.append(empty);
-      }
+    let offset = 0;
+    let limit = HARNESS_SESSION_IMPORT_DEFAULT_PAGE_SIZE;
+    let total = 0;
+    let loading = false;
+    let locked = false;
+    const searchForm = document2.createElement("form");
+    searchForm.className = "settings-session-import-search";
+    searchForm.setAttribute("role", "search");
+    const search = document2.createElement("input");
+    search.type = "search";
+    search.value = "";
+    search.maxLength = 4096;
+    search.placeholder = messages.sessionImportSearchPlaceholder;
+    search.setAttribute("aria-label", messages.sessionImportSearchPlaceholder);
+    search.dataset.sessionImportAction = "search-input";
+    const submit = document2.createElement("button");
+    submit.type = "submit";
+    submit.className = "settings-command-button settings-command-button--secondary";
+    submit.textContent = messages.sessionImportSearch;
+    submit.dataset.sessionImportAction = "search";
+    searchForm.append(search, submit);
+    searchForm.addEventListener("submit", (event) => {
+      event.preventDefault();
+      if (locked) return;
+      query = search.value.trim();
+      offset = 0;
+      onChange();
+    });
+    const pagination = document2.createElement("div");
+    pagination.className = "settings-session-import-pagination";
+    const pageSizeLabel = document2.createElement("label");
+    pageSizeLabel.textContent = messages.sessionImportPageSize;
+    const pageSize = document2.createElement("select");
+    pageSize.dataset.sessionImportAction = "page-size";
+    pageSize.setAttribute("aria-label", messages.sessionImportPageSize);
+    for (const size of [20, 50, 100]) {
+      const option = document2.createElement("option");
+      option.value = String(size);
+      option.textContent = String(size);
+      pageSize.append(option);
+    }
+    pageSize.value = String(limit);
+    pageSizeLabel.append(pageSize);
+    pageSize.addEventListener("change", () => {
+      if (locked) return;
+      const value = Number(pageSize.value);
+      if (![20, 50, 100].includes(value)) return;
+      limit = value;
+      offset = 0;
+      onChange();
+    });
+    const summary = document2.createElement("span");
+    summary.setAttribute("role", "status");
+    summary.dataset.sessionImportAction = "page-summary";
+    const previous = document2.createElement("button");
+    const next = document2.createElement("button");
+    for (const [button, label, action, direction] of [
+      [previous, messages.sessionImportPrevious, "previous", -1],
+      [next, messages.sessionImportNext, "next", 1]
+    ]) {
+      button.type = "button";
+      button.className = "settings-command-button settings-command-button--secondary";
+      button.textContent = label;
+      button.dataset.sessionImportAction = action;
+      button.addEventListener("click", () => {
+        if (button.disabled || locked || loading) return;
+        offset += direction * limit;
+        onChange();
+      });
+    }
+    const navigation = document2.createElement("div");
+    navigation.className = "settings-session-import-pagination__navigation";
+    navigation.append(previous, next);
+    pagination.append(pageSizeLabel, summary, navigation);
+    const update = () => {
+      search.disabled = locked;
+      submit.disabled = locked;
+      pageSize.disabled = locked;
+      previous.disabled = locked || loading || offset === 0;
+      next.disabled = locked || loading || offset + limit >= total;
+      summary.textContent = loading ? "" : messages.sessionImportPageSummary.replace("{page}", String(total ? Math.floor(offset / limit) + 1 : 0)).replace("{pages}", String(Math.ceil(total / limit))).replace("{total}", String(total));
     };
+    update();
     return {
-      get refreshing() {
-        return refreshing;
+      searchForm,
+      pagination,
+      params() {
+        return { query, offset, limit };
       },
-      update(nextQuery, nextDisplay) {
-        query = nextQuery;
-        display = nextDisplay;
-        render();
+      reset() {
+        offset = 0;
+        total = 0;
+        update();
       },
-      async refresh() {
-        if (refreshing || context.signal.aborted) return;
-        const client = getClient();
-        if (!client?.listHarnessAccounts) return;
-        refreshing = true;
-        onChange();
-        try {
-          const result = await client.listHarnessAccounts();
-          if (!context.signal.aborted) accounts = result.accounts;
-        } catch {
-          if (!context.signal.aborted) accounts = [];
-        } finally {
-          refreshing = false;
-          if (!context.signal.aborted) {
-            render();
-            onChange();
-          }
-        }
+      setBusy(value, lock = false) {
+        loading = value;
+        locked = lock;
+        update();
+      },
+      setTotal(value) {
+        total = value;
+        const lastOffset = Math.max(0, Math.ceil(total / limit) - 1) * limit;
+        const changed = offset > lastOffset;
+        if (changed) offset = lastOffset;
+        update();
+        return changed;
       }
     };
   }
 
-  // src/native-ui/renderer-extension/src/settings/accounts-page.ts
-  function errorMessage(error51, fallback) {
-    return error51 instanceof Error && error51.message ? error51.message : fallback;
+  // src/native-ui/renderer-extension/src/settings/session-import-page.ts
+  function shortSessionId(value) {
+    return value.length <= 18 ? value : `${value.slice(0, 10)}\u2026${value.slice(-6)}`;
+  }
+  function createStatus(document2, message, error51 = false) {
+    const status = document2.createElement("div");
+    status.className = error51 ? "settings-session-import-status is-error" : "settings-session-import-status";
+    status.setAttribute("role", error51 ? "alert" : "status");
+    status.append(createRendererSettingsIcon(error51 ? "alert" : "download", 18));
+    const copy = document2.createElement("span");
+    copy.textContent = message;
+    status.append(copy);
+    return status;
   }
-  function createAccountsSettingsPage(messages, getClient) {
-    return Object.freeze({
-      id: "accounts",
-      label: messages.pageLabels.accounts,
-      icon: "accounts",
-      mount(context) {
-        const document2 = context.content.ownerDocument;
-        const header = document2.createElement("div");
-        header.className = "settings-account-header";
-        const copy = document2.createElement("div");
-        const eyebrow = document2.createElement("p");
-        eyebrow.className = "settings-account-eyebrow";
-        eyebrow.textContent = "ACCOUNT MANAGEMENT";
-        const heading = document2.createElement("h1");
-        heading.className = "settings-section-label";
-        heading.textContent = messages.pageLabels.accounts;
-        const description = document2.createElement("p");
-        description.className = "settings-page-description";
-        description.textContent = messages.accountsDescription;
-        copy.append(eyebrow, heading, description);
-        const add = document2.createElement("button");
-        add.type = "button";
-        add.className = "settings-command-button";
-        add.append(createRendererSettingsIcon("add", 16), messages.accountAdd);
-        header.append(copy, add);
-        const status = document2.createElement("p");
-        status.className = "settings-account-status";
-        status.setAttribute("aria-live", "polite");
-        const helpRow = document2.createElement("div");
-        helpRow.className = "settings-account-help-row";
-        const taskHint = document2.createElement("p");
-        taskHint.className = "settings-account-task-hint";
-        const taskHintText = document2.createElement("span");
-        taskHintText.textContent = messages.accountTaskHint;
-        taskHint.append(createRendererSettingsIcon("info", 16), taskHintText);
-        const help = document2.createElement("button");
-        help.type = "button";
-        help.className = "settings-account-help-button";
-        help.append(createRendererSettingsIcon("help", 16), messages.accountLoginHelp);
-        help.setAttribute("aria-expanded", "false");
-        help.setAttribute("aria-controls", "settings-account-login-help");
-        const deviceCodeNote = document2.createElement("p");
-        deviceCodeNote.id = "settings-account-login-help";
-        deviceCodeNote.className = "settings-account-device-code-note";
-        deviceCodeNote.textContent = messages.accountDeviceCodePrerequisite;
-        deviceCodeNote.hidden = true;
-        help.addEventListener("click", () => {
-          deviceCodeNote.hidden = !deviceCodeNote.hidden;
-          help.setAttribute("aria-expanded", String(!deviceCodeNote.hidden));
-        });
-        helpRow.append(taskHint, help);
-        const toolbar = document2.createElement("div");
-        toolbar.className = "settings-account-toolbar";
-        const connected = document2.createElement("div");
-        connected.className = "settings-account-count";
-        const connectedLabel = document2.createElement("span");
-        connectedLabel.textContent = messages.accountConnected;
-        const connectedCount = document2.createElement("span");
-        connected.append(connectedLabel, connectedCount);
-        const searchWrapper = document2.createElement("label");
-        searchWrapper.className = "settings-account-search";
-        const search = document2.createElement("input");
-        search.type = "search";
-        search.name = "account-search";
-        search.autocomplete = "off";
-        search.spellcheck = false;
-        search.placeholder = messages.accountSearch;
-        search.setAttribute("aria-label", messages.accountSearch);
-        searchWrapper.append(createRendererSettingsIcon("search", 16), search);
-        const displayControls = document2.createElement("div");
-        displayControls.className = "settings-account-display-controls";
-        const displayButtons = /* @__PURE__ */ new Map();
-        for (const display of ["used", "remaining"]) {
-          const button = document2.createElement("button");
-          button.type = "button";
-          button.textContent = display === "used" ? messages.accountCreditsUsed : messages.accountCreditsRemaining;
-          button.addEventListener("click", () => {
-            usageDisplay = display;
-            render();
-          });
-          displayButtons.set(display, button);
-          displayControls.append(button);
-        }
-        const refreshUsage = document2.createElement("button");
-        refreshUsage.type = "button";
-        refreshUsage.className = "settings-icon-button";
-        refreshUsage.title = messages.accountCreditsRefresh;
-        refreshUsage.setAttribute("aria-label", messages.accountCreditsRefresh);
-        refreshUsage.append(createRendererSettingsIcon("refresh", 16));
-        refreshUsage.addEventListener("click", () => {
-          usageByAccountId.clear();
-          loadUsage(accounts);
-          void harnessAccounts?.refresh();
-        });
-        search.addEventListener("input", () => render());
-        toolbar.append(connected, searchWrapper, displayControls, refreshUsage);
-        const list = document2.createElement("div");
-        list.className = "settings-account-list";
-        const { table, body } = createAccountsTable(document2, messages);
-        list.append(table);
-        context.content.append(header, helpRow, deviceCodeNote, status, toolbar, list);
-        let accounts = [];
-        let accountCreating = false;
-        let accountActivating = false;
-        let deletingAccountId = null;
-        let login = null;
-        let loginStartingAccountId = null;
-        let loginMessage = null;
-        let loginRefreshTimer;
-        const usageByAccountId = /* @__PURE__ */ new Map();
-        let usingResetAccountId = null;
-        let usageDisplay = "remaining";
-        const expandedResetAccounts = /* @__PURE__ */ new Set();
-        const accountBusy = () => accountCreating || accountActivating || deletingAccountId !== null || login !== null || loginStartingAccountId !== null || usingResetAccountId !== null;
-        const clearLoginRefresh = () => {
-          if (loginRefreshTimer === void 0) return;
-          document2.defaultView?.clearTimeout(loginRefreshTimer);
-          loginRefreshTimer = void 0;
-        };
-        const scheduleLoginRefresh = () => {
-          clearLoginRefresh();
-          if (!login || context.signal.aborted) return;
-          loginRefreshTimer = document2.defaultView?.setTimeout(() => {
-            loginRefreshTimer = void 0;
-            if (!login || context.signal.aborted) return;
-            void context.runLatest(
-              () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
-              {
-                success(result) {
-                  const signedIn = result.accounts.some(
-                    (account) => account.accountId === login?.accountId && account.email
-                  );
-                  if (signedIn) {
-                    login = null;
-                    loginMessage = messages.accountLoginSucceeded;
-                  }
-                  setAccounts(result.accounts);
-                  scheduleLoginRefresh();
-                },
-                failure() {
-                  scheduleLoginRefresh();
-                }
-              }
-            );
-          }, 750);
-        };
-        const render = () => {
-          const restoreFocus = accountListFocusRestorer(list, search);
-          body.replaceChildren();
-          status.textContent = loginMessage ?? "";
-          connectedCount.textContent = String(accounts.filter((account) => account.email).length);
-          search.disabled = login !== null || loginStartingAccountId !== null;
-          for (const [display, button] of displayButtons) {
-            button.setAttribute("aria-pressed", String(display === usageDisplay));
-          }
-          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => account.email)) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
-          const query = search.value.trim().toLocaleLowerCase();
-          harnessAccounts?.update(query, usageDisplay);
-          const visibleAccounts = accounts.filter(
-            (account) => `${account.email ?? ""} ${account.label}`.toLocaleLowerCase().includes(query)
-          );
-          if (visibleAccounts.length === 0) {
-            const emptyRow = document2.createElement("tr");
-            const emptyCell = document2.createElement("td");
-            emptyCell.colSpan = 4;
-            emptyCell.className = "settings-account-empty";
-            emptyCell.textContent = query ? messages.accountNoMatches : messages.accountEmpty;
-            emptyRow.append(emptyCell);
-            body.append(emptyRow);
-          }
-          add.disabled = accountBusy();
-          for (const account of visibleAccounts) {
-            body.append(
-              ...renderAccountRows(document2, account, messages, {
-                usage: usageByAccountId.get(account.accountId),
-                display: usageDisplay,
-                actionsDisabled: accountBusy(),
-                usingReset: usingResetAccountId === account.accountId,
-                resetDisabled: accountBusy(),
-                resetExpanded: expandedResetAccounts.has(account.accountId),
-                onActivate: () => mutate(() => client().activateCodexAccount({ accountId: account.accountId })),
-                onSignIn: () => startLogin(account.accountId),
-                onDelete: () => deleteAccount(account.accountId),
-                onRetry: () => {
-                  usageByAccountId.delete(account.accountId);
-                  loadUsage(accounts);
-                },
-                onResetExpanded: (open) => {
-                  if (open) expandedResetAccounts.add(account.accountId);
-                  else expandedResetAccounts.delete(account.accountId);
-                },
-                ...getClient()?.consumeCodexAccountResetCredit ? { onUseReset: () => useReset(account.accountId) } : {}
-              })
-            );
-            if (login?.accountId === account.accountId) {
-              const verification = document2.createElement("div");
-              verification.className = "settings-account-verification";
-              const prompt = document2.createElement("span");
-              prompt.textContent = messages.accountVerificationDescription;
-              const link = document2.createElement("a");
-              link.href = login.verificationUrl;
-              link.target = "_blank";
-              link.rel = "noopener noreferrer";
-              link.textContent = login.verificationUrl;
-              link.addEventListener("click", (event) => {
-                const bridge = document2.defaultView?.electronBridge;
-                if (typeof bridge?.sendMessageFromView !== "function") return;
-                event.preventDefault();
-                void Promise.resolve(
-                  bridge.sendMessageFromView({
-                    type: "open-in-browser",
-                    url: login?.verificationUrl ?? link.href,
-                    initiator: "open_in_browser_bridge",
-                    openTarget: "external-browser",
-                    source: "manual"
-                  })
-                ).catch(() => void 0);
-              });
-              const code = document2.createElement("code");
-              code.textContent = login.userCode;
-              const copyCode = document2.createElement("button");
-              copyCode.type = "button";
-              copyCode.className = "settings-command-button settings-command-button--secondary";
-              copyCode.textContent = messages.accountCopyCode;
-              copyCode.addEventListener("click", () => {
-                void document2.defaultView?.navigator.clipboard?.writeText(login?.userCode ?? "").then(() => {
-                  copyCode.textContent = messages.accountCopied;
-                });
-              });
-              const cancel = document2.createElement("button");
-              cancel.type = "button";
-              cancel.className = "settings-command-button settings-command-button--secondary";
-              cancel.textContent = messages.accountLoginCancel;
-              cancel.addEventListener(
-                "click",
-                () => cancelLogin(login?.accountId ?? "", login?.loginId ?? "")
-              );
-              verification.append(prompt, link, code, copyCode, cancel);
-              const verificationRow = document2.createElement("tr");
-              const verificationCell = document2.createElement("td");
-              verificationCell.colSpan = 4;
-              verificationCell.append(verification);
-              verificationRow.append(verificationCell);
-              body.append(verificationRow);
-            }
+  function createAccessibleText(document2, message) {
+    const text = document2.createElement("span");
+    text.className = "settings-visually-hidden";
+    text.textContent = message;
+    return text;
+  }
+  function createSessionImportSettingsPage(messages, getClient, openImportedThread) {
+    return Object.freeze({
+      id: "session-import",
+      label: messages.pageLabels["session-import"],
+      icon: "session-import",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const header = document2.createElement("div");
+        header.className = "settings-session-import-header";
+        const heading = document2.createElement("h2");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels["session-import"];
+        const refresh = document2.createElement("button");
+        refresh.type = "button";
+        refresh.className = "settings-command-button settings-command-button--secondary";
+        refresh.dataset.sessionImportAction = "refresh";
+        const setRefreshLabel = (loading) => {
+          refresh.replaceChildren(
+            createRendererSettingsIcon("refresh", 15),
+            loading ? messages.sessionImportRefreshing : messages.sessionImportRefresh
+          );
+        };
+        setRefreshLabel(false);
+        header.append(heading, refresh);
+        const harness = document2.createElement("div");
+        harness.className = "settings-session-import-harness";
+        const harnessLabel = document2.createElement("span");
+        harnessLabel.textContent = messages.sessionImportHarness;
+        const harnessOptions = document2.createElement("div");
+        harnessOptions.className = "settings-session-import-harness__options";
+        harnessOptions.dataset.sessionImportHarness = "selector";
+        harnessOptions.setAttribute("role", "group");
+        harnessOptions.setAttribute("aria-label", messages.sessionImportHarness);
+        let selectedHarness = null;
+        let sources = [];
+        const sourceButtons = [];
+        const renderHarnessOptions = () => {
+          harnessOptions.replaceChildren();
+          sourceButtons.length = 0;
+          for (const source of sources) {
+            const option = document2.createElement("button");
+            option.type = "button";
+            option.className = "settings-session-import-harness__option";
+            option.dataset.sessionImportHarnessOption = source.harnessId;
+            option.textContent = source.name;
+            option.setAttribute("aria-pressed", String(source.harnessId === selectedHarness));
+            option.addEventListener("click", () => {
+              if (option.disabled || importingId !== null || source.harnessId === selectedHarness)
+                return;
+              selectedHarness = source.harnessId;
+              listControls.reset();
+              renderHarnessOptions();
+              load();
+            });
+            sourceButtons.push(option);
+            harnessOptions.append(option);
           }
-          restoreFocus();
         };
-        const client = () => {
-          const value = getClient();
-          if (!value) throw new Error(messages.runtimeCapabilityNotInstalled);
-          return value;
+        harness.append(harnessLabel, harnessOptions);
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.sessionImportDescription;
+        const availabilityNote = document2.createElement("p");
+        availabilityNote.className = "settings-page-description settings-session-import-availability-note";
+        availabilityNote.textContent = messages.sessionImportAvailabilityNote;
+        const content = document2.createElement("section");
+        content.className = "settings-session-import-content";
+        const listControls = createSessionImportListControls(document2, messages, () => load());
+        context.content.append(
+          header,
+          harness,
+          description,
+          availabilityNote,
+          listControls.searchForm,
+          content,
+          listControls.pagination
+        );
+        let candidates = [];
+        let importingId = null;
+        let actions = [];
+        const updateImportActions = () => {
+          listControls.setBusy(importingId !== null, importingId !== null);
+          for (const button of sourceButtons) button.disabled = importingId !== null;
+          for (const { button, candidate } of actions) {
+            const importing = importingId === candidate.nativeSessionId;
+            button.disabled = candidate.running === true;
+            button.setAttribute(
+              "aria-disabled",
+              candidate.running || importingId !== null ? "true" : "false"
+            );
+            button.setAttribute("aria-busy", importing ? "true" : "false");
+            button.replaceChildren(
+              createRendererSettingsIcon("download", 15),
+              importing ? messages.sessionImportImporting : messages.sessionImportAction
+            );
+          }
         };
-        const loadUsage = (nextAccounts) => {
-          const inspect = getClient()?.inspectCodexAccountUsage;
-          const signedIn = nextAccounts.filter((account) => account.email);
-          const keep = new Set(signedIn.map((account) => account.accountId));
-          for (const accountId of [...usageByAccountId.keys()]) {
-            if (!keep.has(accountId)) usageByAccountId.delete(accountId);
+        const renderUnavailable = (focus = false) => {
+          listControls.setTotal(0);
+          candidates = [];
+          actions = [];
+          const status = createStatus(document2, messages.sessionImportUnavailable);
+          content.replaceChildren(status);
+          if (focus) {
+            status.tabIndex = -1;
+            status.focus();
           }
-          const pending = signedIn.filter((account) => !usageByAccountId.has(account.accountId));
-          if (!inspect || pending.length === 0) {
-            render();
+        };
+        const renderFailure = (error51, operation = "list") => {
+          listControls.setTotal(0);
+          if (error51 instanceof RendererSessionImportUnavailableError) {
+            renderUnavailable(operation === "import");
             return;
           }
-          const requests = pending.map((account) => {
-            const loading = { status: "loading" };
-            usageByAccountId.set(account.accountId, loading);
-            return { account, loading };
-          });
-          render();
-          void Promise.all(
-            requests.map(async ({ account, loading }) => {
-              try {
-                const result = await inspect({ accountId: account.accountId });
-                if (context.signal.aborted || usageByAccountId.get(account.accountId) !== loading)
-                  return;
-                usageByAccountId.set(
-                  account.accountId,
-                  result.accountCredits ? { status: "ready", credits: result.accountCredits } : { status: "empty" }
-                );
-              } catch {
-                if (context.signal.aborted || usageByAccountId.get(account.accountId) !== loading)
-                  return;
-                usageByAccountId.set(account.accountId, { status: "error" });
-              }
-              render();
-            })
+          actions = [];
+          const status = createStatus(
+            document2,
+            operation === "import" ? messages.sessionImportFailed : messages.sessionImportLoadFailed,
+            true
           );
-        };
-        const setAccounts = (nextAccounts) => {
-          accounts = nextAccounts;
-          for (const accountId of expandedResetAccounts) {
-            if (!accounts.some((account) => account.accountId === accountId))
-              expandedResetAccounts.delete(accountId);
+          content.replaceChildren(status);
+          if (operation === "import") {
+            status.tabIndex = -1;
+            status.focus();
           }
-          loadUsage(nextAccounts);
-        };
-        const refreshInBackground = () => {
-          if (!client().refreshCodexAccounts) return;
-          void context.runLatest(
-            () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
-            {
-              success(result) {
-                setAccounts(result.accounts);
-              },
-              failure() {
-              }
-            }
-          );
-        };
-        const load = () => {
-          void context.runLatest(() => client().listCodexAccounts(), {
-            success(result) {
-              loginMessage = null;
-              setAccounts(result.accounts);
-              refreshInBackground();
-            },
-            failure(error51) {
-              loginMessage = errorMessage(error51, messages.accountLoadFailed);
-              render();
-            }
-          });
-        };
-        const mutate = (operation) => {
-          if (accountBusy()) return;
-          accountActivating = true;
-          render();
-          void context.runLatest(() => operation(), {
-            success(result) {
-              accountActivating = false;
-              loginMessage = null;
-              setAccounts(
-                accounts.map((account) => ({
-                  ...account.accountId === result.account.accountId ? result.account : account,
-                  active: account.accountId === result.account.accountId
-                }))
-              );
-            },
-            failure(error51) {
-              accountActivating = false;
-              loginMessage = errorMessage(error51, messages.accountLoadFailed);
-              render();
-            }
-          });
-        };
-        const startLogin = (accountId) => {
-          if (accountBusy()) return;
-          loginStartingAccountId = accountId;
-          loginMessage = messages.accountSigningIn;
-          render();
-          void context.runLatest(() => client().startCodexAccountLogin({ accountId }), {
-            success(result) {
-              loginStartingAccountId = null;
-              login = result;
-              loginMessage = null;
-              render();
-              scheduleLoginRefresh();
-            },
-            failure(error51) {
-              loginStartingAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountLoginFailed);
-              render();
-            }
-          });
         };
-        const createAndLogin = () => {
-          if (accountBusy()) return;
-          accountCreating = true;
-          loginMessage = messages.accountSigningIn;
-          render();
-          void context.runLatest(() => client().createCodexAccount({}), {
-            success(result) {
-              accountCreating = false;
-              loginMessage = null;
-              search.value = "";
-              setAccounts([
-                ...accounts.filter(({ accountId }) => accountId !== result.account.accountId),
-                result.account
-              ]);
-              startLogin(result.account.accountId);
-            },
-            failure(error51) {
-              accountCreating = false;
-              loginMessage = errorMessage(error51, messages.accountCreateFailed);
-              render();
+        const renderOpenRecovery = (candidate, threadId) => {
+          actions = [];
+          refresh.disabled = false;
+          const recovery = document2.createElement("section");
+          recovery.className = "settings-session-import-recovery";
+          recovery.setAttribute("role", "region");
+          recovery.setAttribute("aria-label", messages.sessionImportImported);
+          recovery.tabIndex = -1;
+          const recoveryCopy = document2.createElement("div");
+          recoveryCopy.className = "settings-session-import-recovery__copy";
+          const title = document2.createElement("strong");
+          title.textContent = messages.sessionImportImported;
+          const explanation = document2.createElement("p");
+          explanation.textContent = messages.sessionImportOpenFailed;
+          recoveryCopy.append(title, explanation);
+          const path = document2.createElement("div");
+          path.className = "settings-session-import-recovery__path";
+          const cwd = document2.createElement("code");
+          cwd.textContent = candidate.cwd;
+          cwd.title = candidate.cwd;
+          const copyPath = document2.createElement("button");
+          copyPath.type = "button";
+          copyPath.className = "settings-command-button settings-command-button--secondary";
+          copyPath.dataset.sessionImportAction = "copy-project-path";
+          const setCopyLabel = (label) => {
+            copyPath.replaceChildren(createRendererSettingsIcon("copy", 15), label);
+          };
+          const showCopyFeedback = (label) => {
+            setCopyLabel(label);
+            document2.defaultView?.setTimeout(
+              () => setCopyLabel(messages.sessionImportCopyProjectPath),
+              2e3
+            );
+          };
+          setCopyLabel(messages.sessionImportCopyProjectPath);
+          copyPath.addEventListener("click", () => {
+            const clipboard = document2.defaultView?.navigator.clipboard;
+            if (!clipboard) {
+              showCopyFeedback(messages.sessionImportPathCopyFailed);
+              return;
             }
+            void clipboard.writeText(candidate.cwd).then(
+              () => showCopyFeedback(messages.sessionImportPathCopied),
+              () => showCopyFeedback(messages.sessionImportPathCopyFailed)
+            );
           });
-        };
-        const resetOutcomeMessage = (outcome) => {
-          if (outcome === "reset") return messages.accountResetCreditsSucceeded;
-          if (outcome === "nothingToReset") return messages.accountResetCreditsNothingToReset;
-          if (outcome === "noCredit") return messages.accountResetCreditsNoCredit;
-          return messages.accountResetCreditsAlreadyRedeemed;
-        };
-        const useReset = (accountId) => {
-          const consume = getClient()?.consumeCodexAccountResetCredit;
-          if (!consume || accountBusy()) return;
-          if (document2.defaultView?.confirm?.(messages.accountResetCreditsConfirm) === false) return;
-          usingResetAccountId = accountId;
-          loginMessage = messages.accountResetCreditsUsing;
-          render();
-          void context.runLatest(() => consume({ accountId, idempotencyKey: crypto.randomUUID() }), {
-            success(result) {
-              usingResetAccountId = null;
-              loginMessage = resetOutcomeMessage(result.outcome);
-              if (result.accountCredits) {
-                usageByAccountId.set(accountId, {
-                  status: "ready",
-                  credits: result.accountCredits
-                });
-              } else if (result.outcome === "reset") {
-                usageByAccountId.delete(accountId);
-                loadUsage(accounts);
+          path.append(cwd, copyPath);
+          const retry = document2.createElement("button");
+          retry.type = "button";
+          retry.className = "settings-command-button";
+          retry.dataset.sessionImportAction = "retry-open";
+          const setRetrying = (pending) => {
+            listControls.setBusy(pending, pending);
+            for (const button of sourceButtons) button.disabled = pending;
+            retry.disabled = pending;
+            refresh.disabled = pending;
+            retry.setAttribute("aria-busy", pending ? "true" : "false");
+            retry.replaceChildren(
+              createRendererSettingsIcon("refresh", 15),
+              pending ? messages.sessionImportRetrying : messages.sessionImportRetryOpen
+            );
+          };
+          setRetrying(false);
+          retry.addEventListener("click", () => {
+            if (retry.disabled) return;
+            setRetrying(true);
+            void context.runLatest((signal) => openImportedThread(threadId, signal), {
+              success() {
+                setRetrying(false);
+              },
+              failure() {
+                renderOpenRecovery(candidate, threadId);
               }
-              render();
-            },
-            failure(error51) {
-              usingResetAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountResetCreditsFailed);
-              render();
-            }
+            });
           });
+          recovery.append(recoveryCopy, path, retry);
+          content.replaceChildren(recovery);
+          recovery.focus();
         };
-        const deleteAccount = (accountId) => {
-          const account = accounts.find((candidate) => candidate.accountId === accountId);
-          if (!account || account.isDefault || accountBusy()) return;
-          if (document2.defaultView?.confirm?.(messages.accountDeleteConfirm) === false) return;
-          deletingAccountId = accountId;
-          loginMessage = messages.accountDeleting;
-          render();
-          void context.runLatest(() => client().deleteCodexAccount({ accountId }), {
-            success() {
-              deletingAccountId = null;
-              loginMessage = null;
-              setAccounts(
-                accounts.filter((candidate) => candidate.accountId !== accountId).map((candidate) => ({
-                  ...candidate,
-                  active: account.active ? candidate.isDefault : candidate.active
-                }))
+        const renderCandidates = () => {
+          actions = [];
+          content.replaceChildren();
+          if (candidates.length === 0) {
+            content.append(
+              createStatus(
+                document2,
+                listControls.params().query ? messages.sessionImportNoMatches : messages.sessionImportEmpty
+              )
+            );
+            return;
+          }
+          const list = document2.createElement("div");
+          list.className = "settings-session-import-list";
+          for (const candidate of candidates) {
+            const row = document2.createElement("article");
+            row.className = "settings-session-import-row";
+            row.dataset.sessionImportId = candidate.nativeSessionId;
+            const copy = document2.createElement("div");
+            copy.className = "settings-session-import-row__copy";
+            const title = document2.createElement("strong");
+            title.textContent = candidate.title ?? messages.sessionImportUntitled;
+            const metadata = document2.createElement("span");
+            metadata.textContent = `${messages.sessionImportUpdatedAt}: ${new Intl.DateTimeFormat(
+              messages.locale === "zh-CN" ? "zh-CN" : "en",
+              { dateStyle: "medium", timeStyle: "short" }
+            ).format(new Date(candidate.updatedAt))}`;
+            const cwd = document2.createElement("code");
+            cwd.className = "settings-session-import-row__cwd";
+            cwd.textContent = candidate.cwd;
+            cwd.title = candidate.cwd;
+            const identity = document2.createElement("span");
+            identity.textContent = `${messages.sessionImportSessionId}: ${shortSessionId(candidate.nativeSessionId)}`;
+            identity.title = candidate.nativeSessionId;
+            identity.setAttribute("aria-hidden", "true");
+            copy.append(
+              title,
+              metadata,
+              cwd,
+              identity,
+              createAccessibleText(
+                document2,
+                `${messages.sessionImportSessionId}: ${candidate.nativeSessionId}`
+              )
+            );
+            const actionArea = document2.createElement("div");
+            actionArea.className = "settings-session-import-row__action";
+            if (candidate.running !== false) {
+              const running = document2.createElement("span");
+              running.className = "settings-session-import-running";
+              running.textContent = candidate.running === null ? messages.sessionImportRunningUnknown : messages.sessionImportRunning;
+              running.title = messages.sessionImportRunningHint;
+              running.setAttribute("aria-hidden", "true");
+              actionArea.append(
+                running,
+                createAccessibleText(
+                  document2,
+                  `${running.textContent}: ${messages.sessionImportRunningHint}`
+                )
               );
-            },
-            failure(error51) {
-              deletingAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountDeleteFailed);
-              render();
             }
-          });
+            const action = document2.createElement("button");
+            action.type = "button";
+            action.className = "settings-command-button";
+            action.dataset.sessionImportAction = "import";
+            action.addEventListener("click", () => {
+              if (candidate.running === true || importingId !== null || selectedHarness === null)
+                return;
+              const harnessId = selectedHarness;
+              const client = getClient();
+              if (!client) {
+                renderUnavailable(true);
+                return;
+              }
+              importingId = candidate.nativeSessionId;
+              refresh.disabled = true;
+              updateImportActions();
+              let committedThreadId = null;
+              void context.runLatest(
+                async (signal) => {
+                  const result = await client.importHarnessSession({
+                    harnessId,
+                    nativeSessionId: candidate.nativeSessionId
+                  });
+                  committedThreadId = result.threadId;
+                  if (!signal.aborted) await openImportedThread(result.threadId, signal);
+                },
+                {
+                  success() {
+                    importingId = null;
+                    refresh.disabled = false;
+                    updateImportActions();
+                  },
+                  failure(error51) {
+                    importingId = null;
+                    updateImportActions();
+                    refresh.disabled = false;
+                    if (committedThreadId) {
+                      renderOpenRecovery(candidate, committedThreadId);
+                    } else {
+                      renderFailure(error51, "import");
+                    }
+                  }
+                }
+              );
+            });
+            actions.push({ button: action, candidate });
+            actionArea.append(action);
+            row.append(copy, actionArea);
+            list.append(row);
+          }
+          content.append(list);
+          updateImportActions();
         };
-        const cancelLogin = (accountId, loginId) => {
-          void context.runLatest(() => client().cancelCodexAccountLogin({ accountId, loginId }), {
-            success() {
-              clearLoginRefresh();
-              login = null;
-              loginMessage = null;
-              render();
+        const load = () => {
+          if (importingId !== null || context.signal.aborted) return;
+          const client = getClient();
+          if (!client) {
+            refresh.disabled = false;
+            setRefreshLabel(false);
+            renderUnavailable();
+            return;
+          }
+          listControls.setBusy(true);
+          refresh.disabled = true;
+          setRefreshLabel(true);
+          content.replaceChildren(createStatus(document2, messages.sessionImportRefreshing));
+          const requestedHarness = selectedHarness;
+          const pageParams = listControls.params();
+          void context.runLatest(
+            async (signal) => {
+              const result = await client.listSessionImportSources();
+              const selected = result.harnesses.find(({ harnessId }) => harnessId === requestedHarness)?.harnessId ?? result.harnesses[0]?.harnessId ?? null;
+              if (signal.aborted) throw new Error("Session import selection changed");
+              sources = result.harnesses;
+              selectedHarness = selected;
+              if (selected !== requestedHarness) {
+                listControls.reset();
+                pageParams.offset = 0;
+              }
+              renderHarnessOptions();
+              return selected ? client.listHarnessSessions({ harnessId: selected, ...pageParams }) : { candidates: [], total: 0 };
             },
-            failure(error51) {
-              loginMessage = errorMessage(error51, messages.accountLoginFailed);
-              render();
+            {
+              success(result) {
+                listControls.setBusy(false);
+                if (listControls.setTotal(result.total)) {
+                  load();
+                  return;
+                }
+                candidates = result.candidates;
+                refresh.disabled = false;
+                setRefreshLabel(false);
+                if (selectedHarness === null) renderUnavailable();
+                else renderCandidates();
+              },
+              failure(error51) {
+                listControls.setBusy(false);
+                candidates = [];
+                refresh.disabled = false;
+                setRefreshLabel(false);
+                renderFailure(error51);
+              }
             }
-          });
+          );
         };
-        add.addEventListener("click", createAndLogin);
-        let unsubscribe;
-        try {
-          unsubscribe = getClient()?.subscribeCodexAccountLogin?.((result) => {
-            if (result.loginId !== login?.loginId) return;
-            clearLoginRefresh();
-            login = null;
-            loginMessage = result.success ? messages.accountLoginSucceeded : result.error ?? messages.accountLoginFailed;
-            render();
-            if (result.success) load();
-          });
-        } catch {
-        }
-        const harnessAccounts = mountHarnessAccounts(context, messages, getClient, render);
-        void harnessAccounts.refresh();
+        refresh.addEventListener("click", load);
         load();
-        return () => {
-          clearLoginRefresh();
-          unsubscribe?.();
-        };
+        return void 0;
+      }
+    });
+  }
+
+  // src/native-ui/renderer-extension/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]);
+      index += 1;
+      const continuationLines = [];
+      while (index < lines.length) {
+        const continuation = CONTINUATION_PATTERN.exec(lines[index] ?? "");
+        if (!continuation?.[1]) break;
+        continuationLines.push(continuation[1]);
+        index += 1;
+      }
+      if (continuationLines.length > 0) {
+        const continuation = document2.createElement("span");
+        continuation.className = "release-note-translation";
+        appendInline(document2, continuation, continuationLines.join(" "));
+        entry.append(continuation);
+      }
+      list.append(entry);
+    }
+    root.append(list);
+    return index;
+  }
+  function appendParagraph(document2, root, lines, start) {
+    const paragraphLines = [];
+    let index = start;
+    while (index < lines.length) {
+      const current = lines[index] ?? "";
+      if (current.trim().length === 0 || FENCE_PATTERN.test(current) || HEADING_PATTERN.test(current) || BLOCKQUOTE_PATTERN.test(current) || THEMATIC_BREAK_PATTERN.test(current) || UNORDERED_ITEM_PATTERN.test(current) || ORDERED_ITEM_PATTERN.test(current)) {
+        break;
       }
+      paragraphLines.push(current.trim());
+      index += 1;
+    }
+    const paragraph = document2.createElement("p");
+    paragraphLines.forEach((line, lineIndex) => {
+      appendInline(document2, paragraph, line);
+      if (lineIndex < paragraphLines.length - 1) paragraph.append(document2.createElement("br"));
     });
+    root.append(paragraph);
+    return index;
+  }
+  function appendInline(document2, parent, text) {
+    let lastIndex = 0;
+    for (const match of text.matchAll(INLINE_PATTERN)) {
+      const index = match.index ?? 0;
+      if (index > lastIndex) parent.append(text.slice(lastIndex, index));
+      if (match[2] !== void 0) {
+        const code = document2.createElement("code");
+        code.textContent = match[2];
+        parent.append(code);
+      } else if (match[3] !== void 0) {
+        const strong = document2.createElement("strong");
+        strong.textContent = match[3];
+        parent.append(strong);
+      } else {
+        const href = match[5] ?? "";
+        if (!isSafeLink(href)) {
+          parent.append(match[4] ?? "");
+        } else {
+          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/native-ui/renderer-extension/src/settings/update-request.ts
@@ -25761,6 +26167,23 @@ ${error51.stderrTail}`] : []
         const tagline = document2.createElement("strong");
         tagline.className = "settings-about-tagline";
         tagline.textContent = messages.aboutTagline;
+        const versionRow = document2.createElement("div");
+        versionRow.className = "settings-about-version-row";
+        const versionBadge = document2.createElement("span");
+        versionBadge.className = "settings-about-version-badge";
+        versionBadge.textContent = "v0.1.2";
+        const checkUpdateBtn = document2.createElement("button");
+        checkUpdateBtn.type = "button";
+        checkUpdateBtn.className = "settings-command-button settings-command-button--secondary";
+        checkUpdateBtn.append(createRendererSettingsIcon("updates", 14), messages.checkUpdateNow);
+        checkUpdateBtn.addEventListener("click", () => {
+          const shell = document2.querySelector("[data-codexhost-settings-shell]");
+          const updatesNavBtn = (shell?.shadowRoot ?? document2).querySelector(
+            'button[data-page-id="updates"]'
+          );
+          updatesNavBtn?.click();
+        });
+        versionRow.append(versionBadge, checkUpdateBtn);
         const introduction = document2.createElement("div");
         introduction.className = "settings-about-copy";
         for (const paragraphText of messages.aboutParagraphs) {
@@ -25788,7 +26211,7 @@ ${error51.stderrTail}`] : []
           repositoryUrl
         );
         repositorySection.append(openSource, repository);
-        panel.append(product, tagline, introduction, starCallout, repositorySection);
+        panel.append(product, tagline, versionRow, introduction, starCallout, repositorySection);
         context.content.append(heading, panel);
         return void 0;
       }
@@ -26126,10 +26549,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/settings/shell.css
-  var shell_default = ':host {\r\n  --settings-bg: light-dark(#ffffff, #202020);\r\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\r\n  --settings-panel: light-dark(#ffffff, #232323);\r\n  --settings-surface: light-dark(#f6f6f6, #292929);\r\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\r\n  --settings-inset: light-dark(#f3f3f3, #161616);\r\n  --settings-text: light-dark(#0d0d0d, #ececec);\r\n  --settings-muted: light-dark(#676767, #a3a3a3);\r\n  --settings-subtle: light-dark(#8a8a8a, #777777);\r\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\r\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\r\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\r\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\r\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\r\n  --settings-primary: light-dark(#171717, #f4f4f4);\r\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\r\n  --settings-primary-text: light-dark(#ffffff, #171717);\r\n  --settings-warning: light-dark(#8a5500, #f5c96a);\r\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\r\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\r\n  --settings-danger: light-dark(#b42318, #f87171);\r\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\r\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\r\n  --settings-success: light-dark(#16784a, #4ade80);\r\n  color: var(--settings-text);\r\n  color-scheme: inherit;\r\n  font:\r\n    13px/1.5 system-ui,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    "Segoe UI",\r\n    sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n  letter-spacing: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n  font: inherit;\r\n}\r\n\r\nbutton {\r\n  color: inherit;\r\n}\r\n\r\n[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n.settings-visually-hidden {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip-path: inset(50%);\r\n  white-space: nowrap;\r\n  border: 0;\r\n}\r\n\r\n.codexhost-settings-dialog {\r\n  width: min(1120px, calc(100vw - 32px));\r\n  height: min(780px, calc(100vh - 32px));\r\n  max-width: none;\r\n  max-height: none;\r\n  margin: auto;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 14px;\r\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\r\n}\r\n\r\n.codexhost-settings-dialog::backdrop {\r\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\r\n  backdrop-filter: blur(1px);\r\n}\r\n\r\n.settings-frame,\r\n.settings-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n}\r\n\r\n.settings-frame {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.settings-layout {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: 184px minmax(0, 1fr);\r\n  background: var(--settings-bg);\r\n}\r\n\r\n.settings-sidebar {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  background: var(--settings-sidebar);\r\n  border-right: 1px solid var(--settings-border);\r\n  padding-top: 14px;\r\n}\r\n\r\n.settings-header {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  height: 48px;\r\n  flex: none;\r\n  padding: 0 12px;\r\n  border-bottom: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 12px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 7px;\r\n}\r\n\r\n.settings-brand__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  flex: none;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-brand__mark .codexhost-settings-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: contain;\r\n}\r\n\r\n.settings-brand__copy {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: baseline;\r\n  gap: 0;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-brand__name {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-brand__title {\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  border-left: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-nav {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 0 7px 10px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.settings-nav-section-label {\r\n  min-height: 24px;\r\n  padding: 4px 9px 2px;\r\n  color: var(--settings-subtle);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-nav-section-label:not(:first-child) {\r\n  margin-top: 8px;\r\n}\r\n\r\n.settings-nav-button {\r\n  display: grid;\r\n  grid-template-columns: 16px minmax(0, 1fr);\r\n  align-items: center;\r\n  width: 100%;\r\n  position: relative;\r\n  min-height: 34px;\r\n  flex: none;\r\n  gap: 9px;\r\n  padding: 6px 9px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-nav-button .codexhost-settings-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.settings-nav-button:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-nav-button[aria-current="page"] {\r\n  background: var(--settings-active);\r\n  color: var(--settings-text);\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-nav-button span {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-nav-star-link {\r\n  margin-top: 0;\r\n  color: var(--settings-text);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-nav-star-link .codexhost-settings-icon {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-nav-star-link:hover {\r\n  color: var(--settings-warning);\r\n  background: var(--settings-warning-bg);\r\n}\r\n\r\n.settings-icon-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  flex: none;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:focus-visible,\r\n.settings-nav-button:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-page {\r\n  display: block;\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n  background: var(--settings-bg);\r\n  scrollbar-gutter: stable;\r\n}\r\n\r\n.settings-page__content {\r\n  width: min(930px, calc(100% - 80px));\r\n  margin-inline: auto;\r\n}\r\n\r\n.settings-page__content {\r\n  min-width: 0;\r\n  padding: 28px 0 36px;\r\n}\r\n\r\n.settings-section-label {\r\n  min-height: auto;\r\n  margin: 0;\r\n  padding: 0 0 18px;\r\n  color: var(--settings-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-status-list,\r\n.settings-empty {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n}\r\n\r\n.settings-status-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\r\n  position: relative;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  gap: 20px;\r\n  padding: 12px 0;\r\n}\r\n\r\n.settings-status-row:not(:last-child)::after {\r\n  content: "";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 1px;\r\n  background: var(--settings-divider);\r\n}\r\n\r\n.settings-status-row__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  color: var(--settings-text);\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-status-row__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px;\r\n  height: 36px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-surface);\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-status-badge {\r\n  flex: none;\r\n  padding: 3px 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-status-row__detail {\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-page-description {\r\n  max-width: 760px;\r\n  margin: -10px 0 20px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-session-import-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n.settings-session-import-header .settings-section-label {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-session-import-harness {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  margin: -12px 0 16px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n.settings-session-import-harness > span {\r\n  flex: none;\r\n}\r\n\r\n.settings-session-import-harness__options {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  flex: 1;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.settings-session-import-harness__options::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-session-import-harness__option {\r\n  min-height: 32px;\r\n  flex: none;\r\n  padding: 6px 10px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  white-space: nowrap;\r\n  background: rgb(255 255 255 / 4%);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-session-import-harness__option[aria-pressed="true"] {\r\n  color: var(--settings-text);\r\n  background: var(--settings-active);\r\n  border-color: rgb(51 156 255 / 50%);\r\n}\r\n\r\n.settings-session-import-harness__option:disabled {\r\n  opacity: 0.38;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.settings-session-import-harness__option:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-harness + .settings-page-description {\r\n  margin-top: 0;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-session-import-availability-note {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-session-import-search,\r\n.settings-session-import-pagination {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 16px 0;\r\n}\r\n\r\n.settings-session-import-search input {\r\n  flex: 1;\r\n  min-width: 160px;\r\n}\r\n\r\n.settings-session-import-search input,\r\n.settings-session-import-pagination select {\r\n  min-height: 36px;\r\n  padding: 6px 10px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-search input:focus-visible,\r\n.settings-session-import-pagination select:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-pagination {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-session-import-pagination label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-pagination > span {\r\n  flex: 1;\r\n  min-width: 130px;\r\n}\r\n\r\n.settings-session-import-pagination__navigation {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-session-import-content,\r\n.settings-session-import-list {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-session-import-status {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 64px;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-status.is-error {\r\n  color: #ef4444;\r\n}\r\n\r\n.settings-session-import-recovery {\r\n  display: grid;\r\n  justify-items: start;\r\n  gap: 14px;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-recovery:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-recovery__copy {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-recovery__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n}\r\n\r\n.settings-session-import-recovery__copy p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-session-import-recovery__path {\r\n  display: flex;\r\n  align-items: stretch;\r\n  width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-recovery__path code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 8px 10px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-recovery__path .settings-command-button {\r\n  min-height: 0;\r\n  flex: none;\r\n  border-width: 0 0 0 1px;\r\n  border-radius: 0;\r\n}\r\n\r\n.settings-session-import-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 20px;\r\n  min-width: 0;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-row__copy {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-row__copy strong {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__copy span,\r\n.settings-session-import-row__cwd {\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__cwd {\r\n  display: block;\r\n  min-width: 0;\r\n  background: transparent;\r\n}\r\n\r\n.settings-session-import-row__action {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-running {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-preference-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  min-height: 88px;\r\n  padding: 18px 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-preference-row__copy {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  gap: 5px;\r\n}\r\n\r\n.settings-preference-row__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-preference-row__copy span {\r\n  max-width: 680px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-preference-switch {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: 42px;\r\n  height: 24px;\r\n  flex: none;\r\n  padding: 2px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: var(--settings-surface-hover);\r\n  cursor: pointer;\r\n  transition: background 120ms ease;\r\n}\r\n\r\n.settings-preference-switch[aria-checked="true"] {\r\n  justify-content: flex-end;\r\n  background: var(--settings-focus);\r\n}\r\n\r\n.settings-preference-switch:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-preference-switch__thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--settings-primary-text);\r\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\r\n}\r\n\r\n.settings-connection-page-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.settings-connection-page-header .settings-section-label {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.settings-connection-page-header .settings-page-description {\r\n  margin: 5px 0 0;\r\n}\r\n\r\n.settings-connections-content,\r\n.settings-connections-layout,\r\n.settings-connection-list,\r\n.settings-connection-rows {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connections-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\r\n  align-items: start;\r\n  gap: 18px;\r\n}\r\n\r\n.settings-connection-list,\r\n.settings-connection-inspector {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-host-strip {\r\n  display: grid;\r\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 5px;\r\n  padding: 9px 10px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-host-scroll {\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 30px;\r\n  height: 34px;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-host-strip[data-connection-host-overflow="true"]\r\n  .settings-connection-host-scroll {\r\n  display: inline-flex;\r\n}\r\n\r\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\r\n  grid-template-columns: minmax(0, 1fr);\r\n}\r\n\r\n.settings-connection-host-scroll:hover:not(:disabled) {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-scroll:disabled {\r\n  cursor: default;\r\n  opacity: 0.35;\r\n}\r\n\r\n.settings-connection-host-scroll:focus-visible,\r\n.settings-connection-host-tab:focus-visible,\r\n.settings-connection-row:focus-visible,\r\n.settings-connection-install-link:focus-visible,\r\n.settings-connection-view-error:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-connection-host-tabs {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  overscroll-behavior-x: contain;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x proximity;\r\n  touch-action: pan-x;\r\n}\r\n\r\n.settings-connection-host-tabs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-connection-host-tab {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  height: 30px;\r\n  min-width: max-content;\r\n  flex: none;\r\n  padding: 0 9px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  white-space: nowrap;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.settings-connection-host-tab:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-tab[aria-selected="true"] {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-table-header,\r\n.settings-connection-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-table-header {\r\n  min-height: 30px;\r\n  padding: 0 10px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  background: transparent;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row {\r\n  min-height: 52px;\r\n  padding: 8px 10px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.settings-connection-row:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-row[data-connection-selected="true"] {\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-connection-row__identity,\r\n.settings-connection-inspector__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-connection-row__identity strong,\r\n.settings-connection-inspector__identity strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  background: var(--settings-surface);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-connection-row__mark--logo {\r\n  color: var(--settings-text);\r\n  background: transparent;\r\n}\r\n\r\n.settings-connection-row__mark--logo > img,\r\n.settings-connection-row__mark--logo > svg {\r\n  display: block;\r\n  max-width: 18px;\r\n  max-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  gap: 5px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status::before {\r\n  width: 6px;\r\n  height: 6px;\r\n  flex: none;\r\n  content: "";\r\n  background: currentColor;\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="ready"] {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="checking"] {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"] {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"]::before {\r\n  background: transparent;\r\n  border: 1.5px solid currentColor;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="failed"] {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-connection-row__action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-connection-row__handle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  color: var(--settings-muted);\r\n  cursor: grab;\r\n  opacity: 0.6;\r\n}\r\n\r\n.settings-connection-row__handle:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-row[draggable="true"] {\r\n  cursor: grab;\r\n}\r\n\r\n.settings-connection-row[data-connection-dragging="true"] {\r\n  opacity: 0.4;\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="before"] {\r\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="after"] {\r\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row__group-toggle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-row__group-toggle:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-group-divider {\r\n  padding: 10px 12px 6px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  /* No border-top here: the row immediately above already carries its own\r\n     border-bottom (it is no longer :last-child once this divider follows\r\n     it), so adding one here would double the separator line. */\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] {\r\n  background: rgb(51 156 255 / 8%);\r\n}\r\n\r\n.settings-connection-group-hint {\r\n  display: grid;\r\n  gap: 3px;\r\n  margin: 0 12px 12px;\r\n  padding: 14px 16px;\r\n  text-align: center;\r\n  border: 1.5px dashed var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\r\n  border-color: var(--settings-focus);\r\n}\r\n\r\n.settings-connection-group-hint strong {\r\n  color: var(--settings-text);\r\n  font-size: 12.5px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-group-hint span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n}\r\n\r\n.settings-connection-group-reset {\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 10px 12px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-group-reset:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-install-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n  background: transparent;\r\n  border: 1px solid transparent;\r\n  border-radius: 7px;\r\n  opacity: 0;\r\n  transition: opacity 120ms ease;\r\n}\r\n\r\n.settings-connection-row:hover .settings-connection-install-link,\r\n.settings-connection-install-link:focus-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-install-link:hover {\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-view-error {\r\n  padding: 4px 7px;\r\n  color: var(--settings-danger);\r\n  font: inherit;\r\n  font-size: 11px;\r\n  line-height: 18px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-view-error:hover {\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n}\r\n\r\n.settings-connection-inspector {\r\n  position: sticky;\r\n  top: 18px;\r\n}\r\n\r\n.settings-connection-inspector__header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  padding: 12px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-inspector__body {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  padding: 12px;\r\n}\r\n\r\n.settings-connection-install-callout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-install-head {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connection-install-head > div {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.settings-connection-install-callout__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-connection-install-callout strong,\r\n.settings-connection-install-head strong,\r\n.settings-connection-error-summary strong,\r\n.settings-connection-state-summary strong {\r\n  display: block;\r\n  margin: 0 0 4px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-connection-install-callout p,\r\n.settings-connection-install-head p,\r\n.settings-connection-error-summary p,\r\n.settings-connection-state-summary p,\r\n.settings-connection-issue-note {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-install-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-error-summary {\r\n  padding: 13px 14px;\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n  border: 1px solid var(--settings-danger-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-error-metadata {\r\n  display: grid;\r\n  gap: 7px;\r\n  padding: 12px;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-detail-line {\r\n  display: grid;\r\n  grid-template-columns: 92px minmax(0, 1fr);\r\n  gap: 10px;\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  line-height: 16px;\r\n}\r\n\r\n.settings-connection-detail-line code {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.settings-connection-error-log-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-error-log-header strong {\r\n  color: var(--settings-text);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-connection-error-log-header .settings-command-button {\r\n  min-height: 30px;\r\n  padding: 5px 9px;\r\n  font-size: 11px;\r\n}\r\n\r\n.settings-connection-stderr {\r\n  max-height: 220px;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 11px;\r\n  overflow: auto;\r\n  color: var(--settings-text);\r\n  font:\r\n    10px/16px ui-monospace,\r\n    "SFMono-Regular",\r\n    Consolas,\r\n    "Liberation Mono",\r\n    monospace;\r\n  white-space: pre-wrap;\r\n  overflow-wrap: anywhere;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-error-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.settings-connection-error-actions .settings-command-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-issue-note {\r\n  margin-top: -4px;\r\n}\r\n\r\n.settings-connection-state-summary {\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-empty {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  padding: 12px 16px;\r\n}\r\n\r\n.settings-empty > div {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 2px;\r\n}\r\n\r\n.settings-empty strong {\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-empty span {\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-about-panel {\r\n  display: grid;\r\n  max-width: 720px;\r\n  gap: 18px;\r\n  padding: 24px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 12px;\r\n}\r\n\r\n.settings-about-product {\r\n  color: var(--settings-text);\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 32px;\r\n}\r\n\r\n.settings-about-tagline {\r\n  color: var(--settings-text);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-about-copy {\r\n  display: grid;\r\n  max-width: 660px;\r\n  gap: 12px;\r\n}\r\n\r\n.settings-about-copy p,\r\n.settings-about-repository p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 21px;\r\n}\r\n\r\n.settings-about-star-callout {\r\n  margin: 2px 0;\r\n  color: var(--settings-warning);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-about-repository {\r\n  display: grid;\r\n  gap: 10px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-about-repository-link {\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  gap: 8px;\r\n  color: var(--settings-focus);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-about-repository-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-about-repository-link code {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-page-error {\r\n  padding: 16px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 20px;\r\n}\r\n\r\n.settings-update-metadata {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n  padding: 0 4px 20px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-metadata__item {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-update-metadata__item span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-metadata__item strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n/* The only emphasis on this screen: a latest version newer than the installed one. */\r\n.settings-update-metadata__value--newer {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel {\r\n  display: grid;\r\n  gap: 12px;\r\n  padding: 20px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-update-panel__head {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-panel__head .codexhost-settings-icon {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-panel__title {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-summary,\r\n.settings-update-error {\r\n  margin: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-summary {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-progress {\r\n  width: 100%;\r\n  height: 8px;\r\n  accent-color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-progress-detail {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\r\n.settings-update-notes-section {\r\n  min-width: 0;\r\n  margin-top: 24px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes-section:empty {\r\n  display: none;\r\n}\r\n\r\n.settings-update-notes {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-update-notes > :first-child {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-update-notes > :last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.settings-update-notes h1,\r\n.settings-update-notes h2,\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  margin: 6px 0 0;\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes h1 {\r\n  font-size: 18px;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-update-notes h2 {\r\n  font-size: 17px;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-notes p,\r\n.settings-update-notes ul,\r\n.settings-update-notes ol,\r\n.settings-update-notes pre,\r\n.settings-update-notes blockquote {\r\n  margin: 0;\r\n}\r\n\r\n.settings-update-notes ul,\r\n.settings-update-notes ol {\r\n  padding-left: 24px;\r\n}\r\n\r\n.settings-update-notes li {\r\n  padding-left: 4px;\r\n}\r\n\r\n.settings-update-notes li::marker {\r\n  color: var(--settings-muted);\r\n  font-size: 0.85em;\r\n}\r\n\r\n.settings-update-notes li + li {\r\n  margin-top: 14px;\r\n}\r\n\r\n.settings-update-notes .release-note-translation {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-notes blockquote {\r\n  padding: 8px 12px;\r\n  color: var(--settings-muted);\r\n  border-left: 3px solid var(--settings-focus);\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-update-notes hr {\r\n  width: 100%;\r\n  margin: 2px 0;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes strong {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes a {\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-update-notes a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-update-notes code {\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-update-notes :not(pre) > code {\r\n  padding: 1px 5px;\r\n  background: var(--settings-surface);\r\n  border-radius: 4px;\r\n}\r\n\r\n.settings-update-notes pre {\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  padding: 10px 12px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  background: var(--settings-inset);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-notes pre code {\r\n  line-height: 18px;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n/* Manual update sits directly under the status panel, not behind a disclosure:\r\n   automatic updates can fail for machine-local reasons and this is the way out. */\r\n.settings-update-controls {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.settings-update-manual-title {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-manual {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-manual[hidden] {\r\n  display: none;\r\n}\r\n\r\n.settings-update-manual-description {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-manual-description.is-fallback {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-command {\r\n  display: flex;\r\n  align-items: stretch;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-command code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 9px 12px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-update-command__copy {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 6px;\r\n  padding: 0 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-left: 1px solid var(--settings-border);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-update-command__copy:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-update-command__copy:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: -2px;\r\n}\r\n\r\n.settings-update-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.settings-command-button,\r\n.settings-update-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: none;\r\n  width: max-content;\r\n  max-width: 100%;\r\n  min-height: 30px;\r\n  gap: 6px;\r\n  padding: 5px 10px;\r\n  white-space: nowrap;\r\n  color: var(--settings-primary-text);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  background: var(--settings-primary);\r\n  border: 1px solid var(--settings-primary);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-command-button--secondary,\r\n.settings-update-link {\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button:hover:not(:disabled) {\r\n  background: var(--settings-primary-hover);\r\n  border-color: var(--settings-primary-hover);\r\n}\r\n\r\n.settings-command-button--secondary:hover:not(:disabled),\r\n.settings-update-link:hover {\r\n  background: var(--settings-hover);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button--danger {\r\n  color: #f87171;\r\n}\r\n\r\n.settings-command-button--danger:hover:not(:disabled) {\r\n  color: #fecaca;\r\n  background: rgb(127 29 29 / 24%);\r\n  border-color: rgb(248 113 113 / 45%);\r\n}\r\n\r\n.settings-command-button:disabled {\r\n  cursor: default;\r\n  opacity: 0.45;\r\n}\r\n\r\n.settings-command-button:disabled,\r\n.settings-command-button[aria-disabled="true"] {\r\n  opacity: 0.55;\r\n  cursor: not-allowed;\r\n  filter: none;\r\n}\r\n\r\n.settings-command-button:focus-visible,\r\n.settings-update-link:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.codexhost-settings-icon {\r\n  display: block;\r\n  flex: none;\r\n  stroke: currentColor;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .codexhost-settings-dialog {\r\n    width: calc(100vw - 16px);\r\n    height: calc(100vh - 16px);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    grid-template-rows: auto minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row__action {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--settings-border);\r\n  }\r\n\r\n  .settings-header {\r\n    height: 56px;\r\n    padding-inline: 14px;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .settings-nav {\r\n    flex: none;\r\n    flex-direction: row;\r\n    gap: 4px;\r\n    padding: 7px 8px 8px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  .settings-nav-section-label {\r\n    display: none;\r\n  }\r\n\r\n  .settings-nav-button {\r\n    width: auto;\r\n    min-width: max-content;\r\n    min-height: 34px;\r\n    grid-template-columns: 16px auto;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-nav-star-link {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .settings-page__content {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .settings-page__content {\r\n    padding-top: 32px;\r\n    padding-bottom: 32px;\r\n  }\r\n\r\n  .settings-section-label {\r\n    padding-bottom: 20px;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  .settings-update-metadata {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-status-row {\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-account-header,\r\n  .settings-connection-page-header {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .settings-account-header > .settings-command-button,\r\n  .settings-connection-page-header > .settings-command-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .settings-connections-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-connection-inspector {\r\n    position: static;\r\n  }\r\n\r\n  .settings-status-row__detail {\r\n    grid-column: 1 / -1;\r\n    margin: -8px 0 0 58px;\r\n  }\r\n}\r\n\r\n@media (forced-colors: active) {\r\n  :host {\r\n    --settings-bg: Canvas;\r\n    --settings-sidebar: Canvas;\r\n    --settings-panel: Canvas;\r\n    --settings-surface: Canvas;\r\n    --settings-surface-hover: Highlight;\r\n    --settings-inset: Canvas;\r\n    --settings-text: CanvasText;\r\n    --settings-muted: GrayText;\r\n    --settings-subtle: GrayText;\r\n    --settings-border: ButtonBorder;\r\n    --settings-divider: ButtonBorder;\r\n    --settings-hover: Highlight;\r\n    --settings-active: Highlight;\r\n    --settings-focus: Highlight;\r\n    --settings-primary: ButtonFace;\r\n    --settings-primary-hover: Highlight;\r\n    --settings-primary-text: ButtonText;\r\n    --settings-warning: CanvasText;\r\n    --settings-warning-bg: Canvas;\r\n    --settings-warning-border: ButtonBorder;\r\n    --settings-danger: CanvasText;\r\n    --settings-danger-bg: Canvas;\r\n    --settings-danger-border: ButtonBorder;\r\n    --settings-success: CanvasText;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0s !important;\r\n  }\r\n}\r\n\r\n/* Harness Mix: Model Configuration & One-click Install */\r\n.settings-model-config-panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  padding: 14px;\r\n  margin-top: 14px;\r\n  border-radius: 8px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-model-config-head {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-model-config-title {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-model-config-description {\r\n  font-size: 11px;\r\n  color: var(--settings-muted);\r\n  margin: 0;\r\n}\r\n\r\n.settings-model-config-loading,\r\n.settings-model-config-empty {\r\n  font-size: 12px;\r\n  color: var(--settings-muted);\r\n  padding: 8px 0;\r\n}\r\n\r\n.settings-model-config-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-model-config-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.settings-model-config-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.settings-model-config-select {\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  background: var(--settings-panel);\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  outline: none;\r\n}\r\n\r\n.settings-model-config-select:focus {\r\n  border-color: var(--settings-primary);\r\n}\r\n\r\n.settings-model-config-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 6px;\r\n}\r\n\r\n.settings-model-config-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-feedback-success {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-feedback-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-feedback-info {\r\n  color: var(--settings-primary);\r\n}\r\n\r\n.settings-install-command-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-command-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-command-row {\r\n  display: flex;\r\n  align-items: center;\r\n  background: var(--settings-inset);\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  min-width: 0;\r\n  overflow-x: auto;\r\n}\r\n\r\n.settings-install-command-row code {\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  user-select: all;\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n}\r\n\r\n.settings-install-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-install-actions .settings-command-button {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.settings-install-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  margin-top: 2px;\r\n  overflow-wrap: anywhere;\r\n}\r\n';
+  var shell_default = ':host {\r\n  --settings-bg: light-dark(#ffffff, #202020);\r\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\r\n  --settings-panel: light-dark(#ffffff, #232323);\r\n  --settings-surface: light-dark(#f6f6f6, #292929);\r\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\r\n  --settings-inset: light-dark(#f3f3f3, #161616);\r\n  --settings-text: light-dark(#0d0d0d, #ececec);\r\n  --settings-muted: light-dark(#676767, #a3a3a3);\r\n  --settings-subtle: light-dark(#8a8a8a, #777777);\r\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\r\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\r\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\r\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\r\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\r\n  --settings-primary: light-dark(#171717, #f4f4f4);\r\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\r\n  --settings-primary-text: light-dark(#ffffff, #171717);\r\n  --settings-warning: light-dark(#8a5500, #f5c96a);\r\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\r\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\r\n  --settings-danger: light-dark(#b42318, #f87171);\r\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\r\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\r\n  --settings-success: light-dark(#16784a, #4ade80);\r\n  color: var(--settings-text);\r\n  color-scheme: inherit;\r\n  font:\r\n    13px/1.5 system-ui,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    "Segoe UI",\r\n    sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n  letter-spacing: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n  font: inherit;\r\n}\r\n\r\nbutton {\r\n  color: inherit;\r\n}\r\n\r\n[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n.settings-visually-hidden {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip-path: inset(50%);\r\n  white-space: nowrap;\r\n  border: 0;\r\n}\r\n\r\n.codexhost-settings-dialog {\r\n  width: min(1120px, calc(100vw - 32px));\r\n  height: min(780px, calc(100vh - 32px));\r\n  max-width: none;\r\n  max-height: none;\r\n  margin: auto;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 14px;\r\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\r\n}\r\n\r\n.codexhost-settings-dialog::backdrop {\r\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\r\n  backdrop-filter: blur(1px);\r\n}\r\n\r\n.settings-frame,\r\n.settings-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n}\r\n\r\n.settings-frame {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.settings-layout {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: 184px minmax(0, 1fr);\r\n  background: var(--settings-bg);\r\n}\r\n\r\n.settings-sidebar {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  background: var(--settings-sidebar);\r\n  border-right: 1px solid var(--settings-border);\r\n  padding-top: 14px;\r\n}\r\n\r\n.settings-header {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  height: 48px;\r\n  flex: none;\r\n  padding: 0 12px;\r\n  border-bottom: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 12px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 7px;\r\n}\r\n\r\n.settings-brand__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  flex: none;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-brand__mark .codexhost-settings-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: contain;\r\n}\r\n\r\n.settings-brand__copy {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: baseline;\r\n  gap: 0;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-brand__name {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-brand__title {\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  border-left: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-nav {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 0 7px 10px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.settings-nav-section-label {\r\n  min-height: 24px;\r\n  padding: 4px 9px 2px;\r\n  color: var(--settings-subtle);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-nav-section-label:not(:first-child) {\r\n  margin-top: 8px;\r\n}\r\n\r\n.settings-nav-button {\r\n  display: grid;\r\n  grid-template-columns: 16px minmax(0, 1fr);\r\n  align-items: center;\r\n  width: 100%;\r\n  position: relative;\r\n  min-height: 34px;\r\n  flex: none;\r\n  gap: 9px;\r\n  padding: 6px 9px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-nav-button .codexhost-settings-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.settings-nav-button:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-nav-button[aria-current="page"] {\r\n  background: var(--settings-active);\r\n  color: var(--settings-text);\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-nav-button span {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-nav-star-link {\r\n  margin-top: 0;\r\n  color: var(--settings-text);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-nav-star-link .codexhost-settings-icon {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-nav-star-link:hover {\r\n  color: var(--settings-warning);\r\n  background: var(--settings-warning-bg);\r\n}\r\n\r\n.settings-icon-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  flex: none;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:focus-visible,\r\n.settings-nav-button:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-page {\r\n  display: block;\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n  background: var(--settings-bg);\r\n  scrollbar-gutter: stable;\r\n}\r\n\r\n.settings-page__content {\r\n  width: min(930px, calc(100% - 80px));\r\n  margin-inline: auto;\r\n}\r\n\r\n.settings-page__content {\r\n  min-width: 0;\r\n  padding: 28px 0 36px;\r\n}\r\n\r\n.settings-section-label {\r\n  min-height: auto;\r\n  margin: 0;\r\n  padding: 0 0 18px;\r\n  color: var(--settings-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-status-list,\r\n.settings-empty {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n}\r\n\r\n.settings-status-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\r\n  position: relative;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  gap: 20px;\r\n  padding: 12px 0;\r\n}\r\n\r\n.settings-status-row:not(:last-child)::after {\r\n  content: "";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 1px;\r\n  background: var(--settings-divider);\r\n}\r\n\r\n.settings-status-row__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  color: var(--settings-text);\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-status-row__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px;\r\n  height: 36px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-surface);\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-status-badge {\r\n  flex: none;\r\n  padding: 3px 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-status-row__detail {\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-page-description {\r\n  max-width: 760px;\r\n  margin: -10px 0 20px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-session-import-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n.settings-session-import-header .settings-section-label {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-session-import-harness {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  margin: -12px 0 16px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n.settings-session-import-harness > span {\r\n  flex: none;\r\n}\r\n\r\n.settings-session-import-harness__options {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  flex: 1;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.settings-session-import-harness__options::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-session-import-harness__option {\r\n  min-height: 32px;\r\n  flex: none;\r\n  padding: 6px 10px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  white-space: nowrap;\r\n  background: rgb(255 255 255 / 4%);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-session-import-harness__option[aria-pressed="true"] {\r\n  color: var(--settings-text);\r\n  background: var(--settings-active);\r\n  border-color: rgb(51 156 255 / 50%);\r\n}\r\n\r\n.settings-session-import-harness__option:disabled {\r\n  opacity: 0.38;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.settings-session-import-harness__option:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-harness + .settings-page-description {\r\n  margin-top: 0;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-session-import-availability-note {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-session-import-search,\r\n.settings-session-import-pagination {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 16px 0;\r\n}\r\n\r\n.settings-session-import-search input {\r\n  flex: 1;\r\n  min-width: 160px;\r\n}\r\n\r\n.settings-session-import-search input,\r\n.settings-session-import-pagination select {\r\n  min-height: 36px;\r\n  padding: 6px 10px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-search input:focus-visible,\r\n.settings-session-import-pagination select:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-pagination {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-session-import-pagination label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-pagination > span {\r\n  flex: 1;\r\n  min-width: 130px;\r\n}\r\n\r\n.settings-session-import-pagination__navigation {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-session-import-content,\r\n.settings-session-import-list {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-session-import-status {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 64px;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-status.is-error {\r\n  color: #ef4444;\r\n}\r\n\r\n.settings-session-import-recovery {\r\n  display: grid;\r\n  justify-items: start;\r\n  gap: 14px;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-recovery:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-recovery__copy {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-recovery__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n}\r\n\r\n.settings-session-import-recovery__copy p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-session-import-recovery__path {\r\n  display: flex;\r\n  align-items: stretch;\r\n  width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-recovery__path code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 8px 10px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-recovery__path .settings-command-button {\r\n  min-height: 0;\r\n  flex: none;\r\n  border-width: 0 0 0 1px;\r\n  border-radius: 0;\r\n}\r\n\r\n.settings-session-import-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 20px;\r\n  min-width: 0;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-row__copy {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-row__copy strong {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__copy span,\r\n.settings-session-import-row__cwd {\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__cwd {\r\n  display: block;\r\n  min-width: 0;\r\n  background: transparent;\r\n}\r\n\r\n.settings-session-import-row__action {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-running {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-preference-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  min-height: 88px;\r\n  padding: 18px 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-preference-row__copy {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  gap: 5px;\r\n}\r\n\r\n.settings-preference-row__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-preference-row__copy span {\r\n  max-width: 680px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-preference-switch {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: 42px;\r\n  height: 24px;\r\n  flex: none;\r\n  padding: 2px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: var(--settings-surface-hover);\r\n  cursor: pointer;\r\n  transition: background 120ms ease;\r\n}\r\n\r\n.settings-preference-switch[aria-checked="true"] {\r\n  justify-content: flex-end;\r\n  background: var(--settings-focus);\r\n}\r\n\r\n.settings-preference-switch:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-preference-switch__thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--settings-primary-text);\r\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\r\n}\r\n\r\n.settings-connection-page-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.settings-connection-page-header .settings-section-label {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.settings-connection-page-header .settings-page-description {\r\n  margin: 5px 0 0;\r\n}\r\n\r\n.settings-connections-content,\r\n.settings-connections-layout,\r\n.settings-connection-list,\r\n.settings-connection-rows {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connections-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\r\n  align-items: start;\r\n  gap: 18px;\r\n}\r\n\r\n.settings-connection-list,\r\n.settings-connection-inspector {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-host-strip {\r\n  display: grid;\r\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 5px;\r\n  padding: 9px 10px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-host-scroll {\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 30px;\r\n  height: 34px;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-host-strip[data-connection-host-overflow="true"]\r\n  .settings-connection-host-scroll {\r\n  display: inline-flex;\r\n}\r\n\r\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\r\n  grid-template-columns: minmax(0, 1fr);\r\n}\r\n\r\n.settings-connection-host-scroll:hover:not(:disabled) {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-scroll:disabled {\r\n  cursor: default;\r\n  opacity: 0.35;\r\n}\r\n\r\n.settings-connection-host-scroll:focus-visible,\r\n.settings-connection-host-tab:focus-visible,\r\n.settings-connection-row:focus-visible,\r\n.settings-connection-install-link:focus-visible,\r\n.settings-connection-view-error:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-connection-host-tabs {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  overscroll-behavior-x: contain;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x proximity;\r\n  touch-action: pan-x;\r\n}\r\n\r\n.settings-connection-host-tabs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-connection-host-tab {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  height: 30px;\r\n  min-width: max-content;\r\n  flex: none;\r\n  padding: 0 9px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  white-space: nowrap;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.settings-connection-host-tab:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-tab[aria-selected="true"] {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-table-header,\r\n.settings-connection-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-table-header {\r\n  min-height: 30px;\r\n  padding: 0 10px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  background: transparent;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row {\r\n  min-height: 52px;\r\n  padding: 8px 10px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.settings-connection-row:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-row[data-connection-selected="true"] {\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-connection-row__identity,\r\n.settings-connection-inspector__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-connection-row__identity strong,\r\n.settings-connection-inspector__identity strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  background: var(--settings-surface);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-connection-row__mark--logo {\r\n  color: var(--settings-text);\r\n  background: transparent;\r\n}\r\n\r\n.settings-connection-row__mark--logo > img,\r\n.settings-connection-row__mark--logo > svg {\r\n  display: block;\r\n  max-width: 18px;\r\n  max-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  gap: 5px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status::before {\r\n  width: 6px;\r\n  height: 6px;\r\n  flex: none;\r\n  content: "";\r\n  background: currentColor;\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="ready"] {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="checking"] {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"] {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"]::before {\r\n  background: transparent;\r\n  border: 1.5px solid currentColor;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="failed"] {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-connection-row__action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-connection-row__handle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  color: var(--settings-muted);\r\n  cursor: grab;\r\n  opacity: 0.6;\r\n}\r\n\r\n.settings-connection-row__handle:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-row[draggable="true"] {\r\n  cursor: grab;\r\n}\r\n\r\n.settings-connection-row[data-connection-dragging="true"] {\r\n  opacity: 0.4;\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="before"] {\r\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="after"] {\r\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row__group-toggle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-row__group-toggle:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-group-divider {\r\n  padding: 10px 12px 6px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  /* No border-top here: the row immediately above already carries its own\r\n     border-bottom (it is no longer :last-child once this divider follows\r\n     it), so adding one here would double the separator line. */\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] {\r\n  background: rgb(51 156 255 / 8%);\r\n}\r\n\r\n.settings-connection-group-hint {\r\n  display: grid;\r\n  gap: 3px;\r\n  margin: 0 12px 12px;\r\n  padding: 14px 16px;\r\n  text-align: center;\r\n  border: 1.5px dashed var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\r\n  border-color: var(--settings-focus);\r\n}\r\n\r\n.settings-connection-group-hint strong {\r\n  color: var(--settings-text);\r\n  font-size: 12.5px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-group-hint span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n}\r\n\r\n.settings-connection-group-reset {\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 10px 12px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-group-reset:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-install-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n  background: transparent;\r\n  border: 1px solid transparent;\r\n  border-radius: 7px;\r\n  opacity: 0;\r\n  transition: opacity 120ms ease;\r\n}\r\n\r\n.settings-connection-row:hover .settings-connection-install-link,\r\n.settings-connection-install-link:focus-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-install-link:hover {\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-view-error {\r\n  padding: 4px 7px;\r\n  color: var(--settings-danger);\r\n  font: inherit;\r\n  font-size: 11px;\r\n  line-height: 18px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-view-error:hover {\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n}\r\n\r\n.settings-connection-inspector {\r\n  position: sticky;\r\n  top: 18px;\r\n}\r\n\r\n.settings-connection-inspector__header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  padding: 12px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-inspector__body {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  padding: 12px;\r\n}\r\n\r\n.settings-connection-install-callout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-install-head {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connection-install-head > div {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.settings-connection-install-callout__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-connection-install-callout strong,\r\n.settings-connection-install-head strong,\r\n.settings-connection-error-summary strong,\r\n.settings-connection-state-summary strong {\r\n  display: block;\r\n  margin: 0 0 4px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-connection-install-callout p,\r\n.settings-connection-install-head p,\r\n.settings-connection-error-summary p,\r\n.settings-connection-state-summary p,\r\n.settings-connection-issue-note {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-install-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-error-summary {\r\n  padding: 13px 14px;\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n  border: 1px solid var(--settings-danger-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-error-metadata {\r\n  display: grid;\r\n  gap: 7px;\r\n  padding: 12px;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-detail-line {\r\n  display: grid;\r\n  grid-template-columns: 92px minmax(0, 1fr);\r\n  gap: 10px;\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  line-height: 16px;\r\n}\r\n\r\n.settings-connection-detail-line code {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.settings-connection-error-log-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-error-log-header strong {\r\n  color: var(--settings-text);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-connection-error-log-header .settings-command-button {\r\n  min-height: 30px;\r\n  padding: 5px 9px;\r\n  font-size: 11px;\r\n}\r\n\r\n.settings-connection-stderr {\r\n  max-height: 220px;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 11px;\r\n  overflow: auto;\r\n  color: var(--settings-text);\r\n  font:\r\n    10px/16px ui-monospace,\r\n    "SFMono-Regular",\r\n    Consolas,\r\n    "Liberation Mono",\r\n    monospace;\r\n  white-space: pre-wrap;\r\n  overflow-wrap: anywhere;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-error-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.settings-connection-error-actions .settings-command-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-issue-note {\r\n  margin-top: -4px;\r\n}\r\n\r\n.settings-connection-state-summary {\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-empty {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  padding: 12px 16px;\r\n}\r\n\r\n.settings-empty > div {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 2px;\r\n}\r\n\r\n.settings-empty strong {\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-empty span {\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-about-panel {\r\n  display: grid;\r\n  max-width: 720px;\r\n  gap: 18px;\r\n  padding: 24px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 12px;\r\n}\r\n\r\n.settings-about-product {\r\n  color: var(--settings-text);\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 32px;\r\n}\r\n\r\n.settings-about-tagline {\r\n  color: var(--settings-text);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-about-version-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 4px 0 8px;\r\n}\r\n\r\n.settings-about-version-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-about-copy {\r\n  display: grid;\r\n  max-width: 660px;\r\n  gap: 12px;\r\n}\r\n\r\n.settings-about-copy p,\r\n.settings-about-repository p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 21px;\r\n}\r\n\r\n.settings-about-star-callout {\r\n  margin: 2px 0;\r\n  color: var(--settings-warning);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-about-repository {\r\n  display: grid;\r\n  gap: 10px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-about-repository-link {\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  gap: 8px;\r\n  color: var(--settings-focus);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-about-repository-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-about-repository-link code {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-page-error {\r\n  padding: 16px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 20px;\r\n}\r\n\r\n.settings-update-metadata {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n  padding: 0 4px 20px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-metadata__item {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-update-metadata__item span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-metadata__item strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n/* The only emphasis on this screen: a latest version newer than the installed one. */\r\n.settings-update-metadata__value--newer {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel {\r\n  display: grid;\r\n  gap: 12px;\r\n  padding: 20px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-update-panel__head {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-panel__head .codexhost-settings-icon {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-panel__title {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-summary,\r\n.settings-update-error {\r\n  margin: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-summary {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-progress {\r\n  width: 100%;\r\n  height: 8px;\r\n  accent-color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-progress-detail {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\r\n.settings-update-notes-section {\r\n  min-width: 0;\r\n  margin-top: 24px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes-section:empty {\r\n  display: none;\r\n}\r\n\r\n.settings-update-notes {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-update-notes > :first-child {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-update-notes > :last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.settings-update-notes h1,\r\n.settings-update-notes h2,\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  margin: 6px 0 0;\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes h1 {\r\n  font-size: 18px;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-update-notes h2 {\r\n  font-size: 17px;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-notes p,\r\n.settings-update-notes ul,\r\n.settings-update-notes ol,\r\n.settings-update-notes pre,\r\n.settings-update-notes blockquote {\r\n  margin: 0;\r\n}\r\n\r\n.settings-update-notes ul,\r\n.settings-update-notes ol {\r\n  padding-left: 24px;\r\n}\r\n\r\n.settings-update-notes li {\r\n  padding-left: 4px;\r\n}\r\n\r\n.settings-update-notes li::marker {\r\n  color: var(--settings-muted);\r\n  font-size: 0.85em;\r\n}\r\n\r\n.settings-update-notes li + li {\r\n  margin-top: 14px;\r\n}\r\n\r\n.settings-update-notes .release-note-translation {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-notes blockquote {\r\n  padding: 8px 12px;\r\n  color: var(--settings-muted);\r\n  border-left: 3px solid var(--settings-focus);\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-update-notes hr {\r\n  width: 100%;\r\n  margin: 2px 0;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes strong {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes a {\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-update-notes a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-update-notes code {\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-update-notes :not(pre) > code {\r\n  padding: 1px 5px;\r\n  background: var(--settings-surface);\r\n  border-radius: 4px;\r\n}\r\n\r\n.settings-update-notes pre {\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  padding: 10px 12px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  background: var(--settings-inset);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-notes pre code {\r\n  line-height: 18px;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n/* Manual update sits directly under the status panel, not behind a disclosure:\r\n   automatic updates can fail for machine-local reasons and this is the way out. */\r\n.settings-update-controls {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.settings-update-manual-title {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-manual {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-manual[hidden] {\r\n  display: none;\r\n}\r\n\r\n.settings-update-manual-description {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-manual-description.is-fallback {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-command {\r\n  display: flex;\r\n  align-items: stretch;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-command code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 9px 12px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-update-command__copy {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 6px;\r\n  padding: 0 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-left: 1px solid var(--settings-border);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-update-command__copy:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-update-command__copy:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: -2px;\r\n}\r\n\r\n.settings-update-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.settings-command-button,\r\n.settings-update-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: none;\r\n  width: max-content;\r\n  max-width: 100%;\r\n  min-height: 30px;\r\n  gap: 6px;\r\n  padding: 5px 10px;\r\n  white-space: nowrap;\r\n  color: var(--settings-primary-text);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  background: var(--settings-primary);\r\n  border: 1px solid var(--settings-primary);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-command-button--secondary,\r\n.settings-update-link {\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button:hover:not(:disabled) {\r\n  background: var(--settings-primary-hover);\r\n  border-color: var(--settings-primary-hover);\r\n}\r\n\r\n.settings-command-button--secondary:hover:not(:disabled),\r\n.settings-update-link:hover {\r\n  background: var(--settings-hover);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button--danger {\r\n  color: #f87171;\r\n}\r\n\r\n.settings-command-button--danger:hover:not(:disabled) {\r\n  color: #fecaca;\r\n  background: rgb(127 29 29 / 24%);\r\n  border-color: rgb(248 113 113 / 45%);\r\n}\r\n\r\n.settings-command-button:disabled {\r\n  cursor: default;\r\n  opacity: 0.45;\r\n}\r\n\r\n.settings-command-button:disabled,\r\n.settings-command-button[aria-disabled="true"] {\r\n  opacity: 0.55;\r\n  cursor: not-allowed;\r\n  filter: none;\r\n}\r\n\r\n.settings-command-button:focus-visible,\r\n.settings-update-link:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.codexhost-settings-icon {\r\n  display: block;\r\n  flex: none;\r\n  stroke: currentColor;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .codexhost-settings-dialog {\r\n    width: calc(100vw - 16px);\r\n    height: calc(100vh - 16px);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    grid-template-rows: auto minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row__action {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--settings-border);\r\n  }\r\n\r\n  .settings-header {\r\n    height: 56px;\r\n    padding-inline: 14px;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .settings-nav {\r\n    flex: none;\r\n    flex-direction: row;\r\n    gap: 4px;\r\n    padding: 7px 8px 8px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  .settings-nav-section-label {\r\n    display: none;\r\n  }\r\n\r\n  .settings-nav-button {\r\n    width: auto;\r\n    min-width: max-content;\r\n    min-height: 34px;\r\n    grid-template-columns: 16px auto;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-nav-star-link {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .settings-page__content {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .settings-page__content {\r\n    padding-top: 32px;\r\n    padding-bottom: 32px;\r\n  }\r\n\r\n  .settings-section-label {\r\n    padding-bottom: 20px;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  .settings-update-metadata {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-status-row {\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-account-header,\r\n  .settings-connection-page-header {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .settings-account-header > .settings-command-button,\r\n  .settings-connection-page-header > .settings-command-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .settings-connections-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-connection-inspector {\r\n    position: static;\r\n  }\r\n\r\n  .settings-status-row__detail {\r\n    grid-column: 1 / -1;\r\n    margin: -8px 0 0 58px;\r\n  }\r\n}\r\n\r\n@media (forced-colors: active) {\r\n  :host {\r\n    --settings-bg: Canvas;\r\n    --settings-sidebar: Canvas;\r\n    --settings-panel: Canvas;\r\n    --settings-surface: Canvas;\r\n    --settings-surface-hover: Highlight;\r\n    --settings-inset: Canvas;\r\n    --settings-text: CanvasText;\r\n    --settings-muted: GrayText;\r\n    --settings-subtle: GrayText;\r\n    --settings-border: ButtonBorder;\r\n    --settings-divider: ButtonBorder;\r\n    --settings-hover: Highlight;\r\n    --settings-active: Highlight;\r\n    --settings-focus: Highlight;\r\n    --settings-primary: ButtonFace;\r\n    --settings-primary-hover: Highlight;\r\n    --settings-primary-text: ButtonText;\r\n    --settings-warning: CanvasText;\r\n    --settings-warning-bg: Canvas;\r\n    --settings-warning-border: ButtonBorder;\r\n    --settings-danger: CanvasText;\r\n    --settings-danger-bg: Canvas;\r\n    --settings-danger-border: ButtonBorder;\r\n    --settings-success: CanvasText;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0s !important;\r\n  }\r\n}\r\n\r\n/* Harness Mix: Model Configuration & One-click Install */\r\n.settings-model-config-panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  padding: 14px;\r\n  margin-top: 14px;\r\n  border-radius: 8px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-model-config-head {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-model-config-title {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-model-config-description {\r\n  font-size: 11px;\r\n  color: var(--settings-muted);\r\n  margin: 0;\r\n}\r\n\r\n.settings-model-config-loading,\r\n.settings-model-config-empty {\r\n  font-size: 12px;\r\n  color: var(--settings-muted);\r\n  padding: 8px 0;\r\n}\r\n\r\n.settings-model-config-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-model-config-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.settings-model-config-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.settings-model-config-select {\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  background: var(--settings-panel);\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  outline: none;\r\n}\r\n\r\n.settings-model-config-select:focus {\r\n  border-color: var(--settings-primary);\r\n}\r\n\r\n.settings-model-config-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 6px;\r\n}\r\n\r\n.settings-model-config-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-feedback-success {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-feedback-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-feedback-info {\r\n  color: var(--settings-primary);\r\n}\r\n\r\n.settings-install-command-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-command-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-command-row {\r\n  display: flex;\r\n  align-items: center;\r\n  background: var(--settings-inset);\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  min-width: 0;\r\n  overflow-x: auto;\r\n}\r\n\r\n.settings-install-command-row code {\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  user-select: all;\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n}\r\n\r\n.settings-install-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-install-actions .settings-command-button {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.settings-install-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  margin-top: 2px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-install-manual-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  background: var(--settings-inset);\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--settings-border);\r\n  margin-top: 6px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-install-manual-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-accent, #10a37f);\r\n  background: var(--settings-accent-subtle, rgba(16, 163, 127, 0.1));\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  width: fit-content;\r\n}\r\n\r\n.settings-install-manual-notice {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-steps {\r\n  margin: 0;\r\n  padding-left: 18px;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-steps li {\r\n  margin-bottom: 2px;\r\n}\r\n';
 
   // src/native-ui/renderer-extension/src/settings/accounts.css
-  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-eyebrow {\n  margin: 0 0 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  letter-spacing: 0.13em;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  margin-top: 20px;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
+  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 20px;\n  padding: 20px 24px;\n}\n\n.settings-harness-account > .settings-account-row__person {\n  flex: 1 1 280px;\n  min-width: 0;\n}\n\n.settings-harness-account > .settings-account-usage {\n  flex: 1 1 220px;\n  min-width: 0;\n}\n\n.settings-harness-account > .settings-harness-account__actions {\n  flex: 0 0 auto;\n}\n\n.settings-harness-account__badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.settings-harness-account__badge--ready {\n  background: rgba(16, 185, 129, 0.12);\n  color: #10b981;\n  border: 1px solid rgba(16, 185, 129, 0.28);\n}\n\n.settings-harness-account__badge--unconfigured {\n  background: rgba(245, 158, 11, 0.12);\n  color: #f59e0b;\n  border: 1px solid rgba(245, 158, 11, 0.28);\n}\n\n.settings-harness-account__badge--not_installed {\n  background: rgba(156, 163, 175, 0.12);\n  color: var(--settings-muted);\n  border: 1px solid rgba(156, 163, 175, 0.25);\n}\n\n.settings-harness-account__config-hint {\n  margin-top: 6px;\n  font-size: 11px;\n  color: var(--settings-muted);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__config-hint code {\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  padding: 1px 5px;\n  border-radius: 4px;\n}\n\n.settings-harness-account__actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-harness-account__login-btn {\n  font-size: 12px;\n  padding: 6px 12px;\n  white-space: nowrap;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-eyebrow {\n  margin: 0 0 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  letter-spacing: 0.13em;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  margin-top: 20px;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
 
   // src/native-ui/renderer-extension/src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -26262,7 +26685,7 @@ ${accounts_default}`;
     let otherSectionAdded = false;
     appendNavigationSection(messages.generalSection);
     for (const definition of resolvedRegistry.pages) {
-      if (definition.id === "about" && !otherSectionAdded) {
+      if ((definition.id === "updates" || definition.id === "about") && !otherSectionAdded) {
         appendNavigationSection(messages.otherSection);
         otherSectionAdded = true;
       }
@@ -26590,6 +27013,8 @@ ${accounts_default}`;
       const messages = rendererSettingsMessages(locale);
       const pages = [
         createConnectionsSettingsPage(messages, options.getConnectionDiagnostics ?? (() => null)),
+        createAccountsSettingsPage(messages, options.getAccountClient ?? (() => null)),
+        updatesPage(messages, options.getUpdateClient ?? (() => null)),
         aboutPage(messages)
       ];
       const nextShell = installRendererSettingsShell(pages, messages, ownerWindow.document);
@@ -26699,7 +27124,7 @@ ${accounts_default}`;
     return rendererUsageRefreshDelays[index] ?? rendererUsageRefreshDelays[0];
   }
   function externalAgentHasAccountCredits(agent) {
-    return agent === "codex" || agent === "grok" || agent === "claude-code";
+    return agent === "codex" || agent === "grok" || agent === "claude-code" || agent === "antigravity";
   }
   function shouldRetryExternalThreadUsage(agent, usage, accountCredits = null) {
     if (usage === null) return true;
@@ -26989,6 +27414,17 @@ ${accounts_default}`;
       }) : [];
       return { agents, sessions, canDelegate: agents.some((agent) => agent.id === state.agent && agent.lead) };
     });
+    const collabCards = installCollabCards({
+      openThread: (threadId) => openRendererThread(threadId, { hostId: "local" }),
+      reviewWorkspace: async (threadId) => {
+        const client = modelClientForHost("local");
+        return client?.reviewThreadWorkspace?.({ threadId }) ?? { patch: "", digest: "" };
+      },
+      applyWorkspace: async (threadId, digest) => {
+        const client = modelClientForHost("local");
+        return client?.applyThreadWorkspace?.({ threadId, digest }) ?? { patch: "", digest: "" };
+      }
+    });
     let connectionDiagnostics = null;
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
       getUpdateClient: () => modelControl,
@@ -27218,13 +27654,39 @@ ${accounts_default}`;
       } catch {
       }
     };
+    const refreshDraftExternalCredits = async (mounted) => {
+      const state = controller.get(mounted.composer);
+      if (state.agent === "codex" || state.phase !== "draft" || controller.isSubmissionPending(mounted.composer) || threadIdFromComposerModelTarget(mounted.modelTarget)) {
+        return;
+      }
+      const hostId = mounted.hostId;
+      const client = modelClientForHostFrom(modelControl, hostId ?? activeModelHostId());
+      if (!client?.listHarnessAccounts) return;
+      const harnessId = externalHarnessIds[state.agent];
+      if (!harnessId) return;
+      const generation = ++mounted.usageRequestGeneration;
+      try {
+        const result = await client.listHarnessAccounts();
+        if (disposed || !mounted.composer.isConnected || mountedByComposer.get(mounted.composer) !== mounted || mounted.usageRequestGeneration !== generation || controller.get(mounted.composer).agent !== state.agent || controller.get(mounted.composer).phase !== "draft" || threadIdFromComposerModelTarget(mounted.modelTarget)) {
+          return;
+        }
+        const match = result.accounts.find((a) => a.harnessId === harnessId);
+        mounted.accountCredits = match?.credits ?? null;
+        renderMounted(mounted);
+      } catch {
+      }
+    };
     const refreshThreadUsage = async (mounted, refresh) => {
       const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
-      if (!threadId && controller.get(mounted.composer).agent === "codex") {
-        await refreshDraftCodexUsage(mounted);
+      if (!threadId) {
+        if (controller.get(mounted.composer).agent === "codex") {
+          await refreshDraftCodexUsage(mounted);
+        } else {
+          await refreshDraftExternalCredits(mounted);
+        }
         return;
       }
-      if (!threadId || !modelControl) {
+      if (!modelControl) {
         mounted.usage = null;
         mounted.accountCredits = null;
         usageRefreshAttempts.delete(mounted.composer);
@@ -27311,6 +27773,7 @@ ${accounts_default}`;
         const { agent, model, thinkingOptionId, permissionModeId } = restoredThreadOwnership(inspection);
         if (mounted.usageRequestGeneration === usageGeneration) {
           mounted.usage = inspection.owner === "external" ? inspection.usage ?? null : null;
+          mounted.accountCredits = inspection.owner === "external" ? inspection.accountCredits ?? null : null;
         }
         const restored = controller.restore(
           mounted.composer,
@@ -28309,10 +28772,10 @@ ${accounts_default}`;
         if (!client?.inspectHarness) throw new Error("Harness inspect is unavailable");
         return client.inspectHarness({ harnessId: externalHarnessIds[agent] });
       },
-      async installHarness(hostId, agent) {
+      async installHarness(hostId, agent, options2) {
         const client = modelClientForHost(hostId);
         if (!client?.installHarness) throw new Error("Harness install is unavailable");
-        const result = await client.installHarness({ harnessId: externalHarnessIds[agent] });
+        const result = await client.installHarness({ harnessId: externalHarnessIds[agent], terminal: options2?.terminal });
         void refreshHarnessAvailabilityForHost(hostId, true, false, true).catch(() => void 0);
         return result;
       },
@@ -28801,6 +29264,7 @@ ${accounts_default}`;
         mutationObserver.disconnect();
         sidebarAgentIcons.dispose();
         harnessMentions.dispose();
+        collabCards.dispose();
         settingsLifecycle.dispose();
         document.removeEventListener("beforeinput", onBeforeInput, true);
         document.removeEventListener("submit", onSubmit, true);