@codexhost/cli-darwin-x64 0.6.1 → 0.6.2

package/app/renderer-extension.js

@@ -15484,6 +15484,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     accountCredits: accountCreditsSnapshotSchema.optional()
   }).strict();
 
+  // ../shared-contracts/dist/reasoning-transcript.js
+  var REASONING_TRANSCRIPT_COMMAND = "thinking";
+
   // ../shared-contracts/dist/harness-session-import.js
   var HARNESS_SESSION_IMPORT_ID_MAX_LENGTH = 1024;
   var HARNESS_SESSION_IMPORT_CWD_MAX_LENGTH = 16384;
@@ -16291,6 +16294,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/ellipsis.mjs
+  var Ellipsis = [
+    ["circle", { cx: "12", cy: "12", r: "1" }],
+    ["circle", { cx: "19", cy: "12", r: "1" }],
+    ["circle", { cx: "5", cy: "12", r: "1" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/folder-input.mjs
   var FolderInput = [
     [
@@ -16504,7 +16514,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "trash",
     "terminal",
     "search",
-    "help"
+    "help",
+    "ellipsis"
   ];
   var iconNodes = {
     settings: Settings,
@@ -16539,7 +16550,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trash: Trash2,
     terminal: Terminal,
     search: Search,
-    help: CircleQuestionMark
+    help: CircleQuestionMark,
+    ellipsis: Ellipsis
   };
   function isRendererSettingsIconName(value) {
     return RENDERER_SETTINGS_ICON_NAMES.includes(value);
@@ -17357,6 +17369,9 @@ ${error51.stderrTail}`] : []
     sectionsLabel: "Settings sections",
     generalSection: "General",
     otherSection: "Other",
+    appearanceDescription: "Adjust how thinking text is displayed in the conversation.",
+    reasoningSoftWrapTitle: "Wrap thinking text",
+    reasoningSoftWrapDescription: "Wrap long thinking lines in the transcript. Ordinary shell output is unaffected. Off by default.",
     pageUnavailable: "Page unavailable",
     inDevelopment: "In development",
     notAvailable: "Not available",
@@ -17393,26 +17408,26 @@ ${error51.stderrTail}`] : []
     sessionImportRetryOpen: "Try opening again",
     sessionImportRetrying: "Opening...",
     connectionsDescription: "View runtime status by Host. Select an item to inspect details or complete its setup.",
-    accountsDescription: "Choose the default account for new Codex tasks and check account limits.",
-    accountTaskHint: "Existing tasks keep the account they were created with. Multi-account is currently available for Codex.",
-    accountConnected: "Connected accounts",
-    accountDefaultBadge: "Default",
-    accountAdd: "Add Account",
+    accountsDescription: "View accounts and limits across Agents, and manage your Codex default account.",
+    accountConnected: "Accounts",
+    accountDefaultBadge: "Codex default",
+    accountAdd: "Add Codex account",
     accountColumnAccount: "Account",
-    accountColumnUsage: "Limits",
-    accountColumnActions: "Actions",
-    accountSearch: "Search accounts\u2026",
-    accountEmpty: "No accounts yet. Add an account to get started.",
+    accountColumnActions: "Manage",
+    accountSearch: "Search accounts or Agents\u2026",
+    accountEmpty: "No accounts yet. Add a Codex account or sign in to an Agent in its native client.",
     accountNoMatches: "No matching accounts.",
-    accountLoginHelp: "Before signing in",
-    harnessAccountsTitle: "Other detected accounts",
+    accountNativeManaged: "Native management",
+    accountNativeManagementHint: "This account comes from {harness}'s native authentication. This page only displays identity and limits; manage sign-in, sign-out and switching in the native client.",
+    accountMore: "Codex account actions",
+    accountDetailsClose: "Close account details",
+    accountDefaultHint: "Use as the default for new Codex tasks only",
     accountCreditsRemaining: "Remaining",
     accountCreditsLoading: "Loading limits\u2026",
     accountCreditsEmpty: "No limit data available",
     accountCreditsFailed: "Could not load limits",
     accountCreditsRetry: "Retry",
     accountCreditsRefresh: "Refresh limits",
-    accountResetCreditsUnknown: "No reset card data available",
     accountCreateFailed: "Could not add the Account.",
     accountDelete: "Delete",
     accountDeleteConfirm: "Delete this Account and its local data? This cannot be undone.",
@@ -17422,7 +17437,6 @@ ${error51.stderrTail}`] : []
     accountUse: "Set as default",
     accountSignIn: "Sign in",
     accountSigningIn: "Starting device sign-in...",
-    accountDeviceCodePrerequisite: "Before signing in, enable \u201CEnable device code authorization for Codex\u201D in Web Settings \u2192 Account security & sign-in.",
     accountVerificationDescription: "Open the verification page and enter this one-time code:",
     accountCopyCode: "Copy code",
     accountCopied: "Copied",
@@ -17431,7 +17445,10 @@ ${error51.stderrTail}`] : []
     accountLoginFailed: "Sign-in failed.",
     accountLoadFailed: "Could not load Codex Accounts.",
     accountCreditsUsed: "Used",
-    accountCreditsReset: "reset",
+    accountCreditsResetAt: "Quota resets: {time}",
+    accountCreditsResetIn: "Quota resets in {time}",
+    accountCreditsResetPending: "Awaiting refresh",
+    accountCreditsResetPendingHint: "The reset time has passed; refresh to check the actual quota.",
     accountCreditsPeriodWeekly: "Weekly limit",
     accountCreditsPeriodMonthly: "Monthly limit",
     accountCreditsPeriodFiveHour: "5-hour",
@@ -17547,6 +17564,7 @@ ${error51.stderrTail}`] : []
     aboutRepository: "Open-source repository",
     pageLabels: Object.freeze({
       connections: "Connections",
+      appearance: "Appearance",
       accounts: "Accounts",
       "session-import": "Session Import",
       updates: "Updates",
@@ -17561,6 +17579,9 @@ ${error51.stderrTail}`] : []
     sectionsLabel: "\u8BBE\u7F6E\u5206\u7C7B",
     generalSection: "\u901A\u7528",
     otherSection: "\u5176\u4ED6",
+    appearanceDescription: "\u8C03\u6574\u4F1A\u8BDD\u4E2D\u601D\u8003\u6587\u672C\u7684\u663E\u793A\u65B9\u5F0F\u3002",
+    reasoningSoftWrapTitle: "\u6362\u884C\u663E\u793A\u601D\u8003\u6587\u672C",
+    reasoningSoftWrapDescription: "\u8BA9\u601D\u8003\u5757\u4E2D\u7684\u957F\u884C\u81EA\u52A8\u6362\u884C\u3002\u666E\u901A Shell \u8F93\u51FA\u4E0D\u53D7\u5F71\u54CD\u3002\u9ED8\u8BA4\u5173\u95ED\u3002",
     pageUnavailable: "\u9875\u9762\u4E0D\u53EF\u7528",
     inDevelopment: "\u5F00\u53D1\u4E2D",
     notAvailable: "\u6682\u4E0D\u53EF\u7528",
@@ -17597,26 +17618,26 @@ ${error51.stderrTail}`] : []
     sessionImportRetryOpen: "\u91CD\u8BD5\u6253\u5F00",
     sessionImportRetrying: "\u6B63\u5728\u6253\u5F00\u2026\u2026",
     connectionsDescription: "\u6309 Host \u67E5\u770B\u8FD0\u884C\u65F6\u72B6\u6001\u3002\u9009\u62E9\u4E00\u9879\uFF0C\u5728\u53F3\u4FA7\u68C0\u67E5\u8BE6\u60C5\u6216\u5B8C\u6210\u914D\u7F6E\u3002",
-    accountsDescription: "\u9009\u62E9\u65B0\u5EFA Codex \u4EFB\u52A1\u7684\u9ED8\u8BA4\u8D26\u53F7\uFF0C\u5E76\u67E5\u770B\u5404\u8D26\u53F7\u989D\u5EA6\u3002",
-    accountTaskHint: "\u5207\u6362\u9ED8\u8BA4\u8D26\u53F7\u4E0D\u4F1A\u5F71\u54CD\u5DF2\u5F00\u59CB\u7684\u4EFB\u52A1\u3002\u76EE\u524D\u4EC5\u652F\u6301 Codex \u591A\u8D26\u53F7\u3002",
-    accountConnected: "\u5DF2\u8FDE\u63A5\u8D26\u53F7",
-    accountDefaultBadge: "\u9ED8\u8BA4",
-    accountAdd: "\u6DFB\u52A0\u8D26\u53F7",
+    accountsDescription: "\u67E5\u770B\u5404 Agent \u7684\u8D26\u53F7\u4E0E\u989D\u5EA6\uFF0C\u7BA1\u7406 Codex \u9ED8\u8BA4\u8D26\u53F7\u3002",
+    accountConnected: "\u8D26\u53F7",
+    accountDefaultBadge: "Codex \u9ED8\u8BA4",
+    accountAdd: "\u6DFB\u52A0 Codex \u8D26\u53F7",
     accountColumnAccount: "\u8D26\u53F7",
-    accountColumnUsage: "\u989D\u5EA6",
-    accountColumnActions: "\u64CD\u4F5C",
-    accountSearch: "\u641C\u7D22\u8D26\u53F7\u2026",
-    accountEmpty: "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF0C\u6DFB\u52A0\u4E00\u4E2A\u8D26\u53F7\u5373\u53EF\u5F00\u59CB\u3002",
+    accountColumnActions: "\u7BA1\u7406",
+    accountSearch: "\u641C\u7D22\u8D26\u53F7\u6216 Agent\u2026",
+    accountEmpty: "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF0C\u53EF\u6DFB\u52A0 Codex \u8D26\u53F7\u6216\u5728\u5176\u4ED6 Agent \u7684\u539F\u751F\u5BA2\u6237\u7AEF\u767B\u5F55\u3002",
     accountNoMatches: "\u6CA1\u6709\u5339\u914D\u7684\u8D26\u53F7\u3002",
-    accountLoginHelp: "\u767B\u5F55\u524D\u987B\u77E5",
-    harnessAccountsTitle: "\u5176\u4ED6\u5DF2\u8BC6\u522B\u8D26\u53F7",
+    accountNativeManaged: "\u539F\u751F\u7BA1\u7406",
+    accountNativeManagementHint: "\u6B64\u8D26\u53F7\u6765\u81EA {harness} \u7684\u539F\u751F\u767B\u5F55\u3002\u8FD9\u91CC\u53EA\u8BFB\u5C55\u793A\u8EAB\u4EFD\u4E0E\u989D\u5EA6\uFF1B\u767B\u5F55\u3001\u9000\u51FA\u548C\u5207\u6362\u8BF7\u5728\u5176\u539F\u751F\u5BA2\u6237\u7AEF\u4E2D\u5B8C\u6210\u3002",
+    accountMore: "Codex \u8D26\u53F7\u64CD\u4F5C",
+    accountDetailsClose: "\u5173\u95ED\u8D26\u53F7\u8BE6\u60C5",
+    accountDefaultHint: "\u4EC5\u8BBE\u4E3A\u65B0 Codex \u4EFB\u52A1\u7684\u9ED8\u8BA4\u8D26\u53F7",
     accountCreditsRemaining: "\u5269\u4F59",
     accountCreditsLoading: "\u6B63\u5728\u8BFB\u53D6\u989D\u5EA6\u2026",
     accountCreditsEmpty: "\u6682\u65E0\u989D\u5EA6\u6570\u636E",
     accountCreditsFailed: "\u989D\u5EA6\u8BFB\u53D6\u5931\u8D25",
     accountCreditsRetry: "\u91CD\u8BD5",
     accountCreditsRefresh: "\u5237\u65B0\u989D\u5EA6",
-    accountResetCreditsUnknown: "\u6682\u65E0\u91CD\u7F6E\u5361\u6570\u636E",
     accountCreateFailed: "\u6DFB\u52A0\u8D26\u53F7\u5931\u8D25\u3002",
     accountDelete: "\u5220\u9664",
     accountDeleteConfirm: "\u5220\u9664\u6B64\u8D26\u53F7\u53CA\u5176\u672C\u5730\u6570\u636E\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002",
@@ -17626,7 +17647,6 @@ ${error51.stderrTail}`] : []
     accountUse: "\u8BBE\u4E3A\u9ED8\u8BA4",
     accountSignIn: "\u767B\u5F55",
     accountSigningIn: "\u6B63\u5728\u542F\u52A8\u8BBE\u5907\u767B\u5F55...",
-    accountDeviceCodePrerequisite: "\u767B\u5F55\u524D\uFF0C\u8BF7\u5148\u5728 Web \u7AEF\u7684\u201C\u8BBE\u7F6E \u2192 \u8D26\u53F7\u5B89\u5168\u4E0E\u767B\u5F55\u201D\u4E2D\u5F00\u542F\u201C\u4E3A Codex \u542F\u7528\u8BBE\u5907\u4EE3\u7801\u6388\u6743\u201D\u3002",
     accountVerificationDescription: "\u6253\u5F00\u9A8C\u8BC1\u9875\u9762\u5E76\u8F93\u5165\u4EE5\u4E0B\u4E00\u6B21\u6027\u4EE3\u7801\uFF1A",
     accountCopyCode: "\u590D\u5236\u4EE3\u7801",
     accountCopied: "\u5DF2\u590D\u5236",
@@ -17635,7 +17655,10 @@ ${error51.stderrTail}`] : []
     accountLoginFailed: "\u767B\u5F55\u5931\u8D25\u3002",
     accountLoadFailed: "\u65E0\u6CD5\u52A0\u8F7D Codex \u8D26\u53F7\u3002",
     accountCreditsUsed: "\u5DF2\u7528",
-    accountCreditsReset: "\u91CD\u7F6E",
+    accountCreditsResetAt: "\u989D\u5EA6\u91CD\u7F6E\u65F6\u95F4\uFF1A{time}",
+    accountCreditsResetIn: "\u8DDD\u91CD\u7F6E\u8FD8\u6709 {time}",
+    accountCreditsResetPending: "\u5F85\u5237\u65B0",
+    accountCreditsResetPendingHint: "\u91CD\u7F6E\u65F6\u95F4\u5DF2\u5230\uFF0C\u8BF7\u5237\u65B0\u4EE5\u786E\u8BA4\u5B9E\u9645\u989D\u5EA6\u3002",
     accountCreditsPeriodWeekly: "\u5468\u989D\u5EA6",
     accountCreditsPeriodMonthly: "\u6708\u989D\u5EA6",
     accountCreditsPeriodFiveHour: "5 \u5C0F\u65F6",
@@ -17751,6 +17774,7 @@ ${error51.stderrTail}`] : []
     aboutRepository: "\u5F00\u6E90\u4ED3\u5E93",
     pageLabels: Object.freeze({
       connections: "\u8FDE\u63A5",
+      appearance: "\u5916\u89C2",
       accounts: "\u8D26\u53F7",
       "session-import": "\u4F1A\u8BDD\u5BFC\u5165",
       updates: "\u66F4\u65B0",
@@ -21035,6 +21059,51 @@ ${error51.stderrTail}`] : []
     control.picker.dispose();
   }
 
+  // src/renderer-transcript-dom.ts
+  var TRANSCRIPT_TEXT_BODY_SELECTOR = '[data-testid="exec-shell-body"]';
+  var REASONING_SOFT_WRAP_STORAGE_KEY = "codexhost.reasoning-soft-wrap.v1";
+  var REASONING_SOFT_WRAP_CHANGE_EVENT = "codexhost:reasoning-soft-wrap-changed";
+  function readReasoningTranscriptSoftWrap(ownerWindow) {
+    return ownerWindow.localStorage.getItem(REASONING_SOFT_WRAP_STORAGE_KEY) === "true";
+  }
+  function setReasoningTranscriptSoftWrap(ownerWindow, enabled) {
+    ownerWindow.localStorage.setItem(REASONING_SOFT_WRAP_STORAGE_KEY, String(enabled));
+    ownerWindow.dispatchEvent(new Event(REASONING_SOFT_WRAP_CHANGE_EVENT));
+  }
+  function installReasoningTranscriptSoftWrap(ownerDocument) {
+    const ownerWindow = ownerDocument.defaultView;
+    if (!ownerWindow) return () => {
+    };
+    const style = ownerDocument.createElement("style");
+    style.setAttribute("data-codexhost-reasoning-soft-wrap", "true");
+    const body = `${TRANSCRIPT_TEXT_BODY_SELECTOR}:has([aria-label="$ ${REASONING_TRANSCRIPT_COMMAND}"])`;
+    style.textContent = `
+    ${body} .whitespace-pre {
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+    }
+    ${body} .whitespace-pre > .w-max {
+      width: 100%;
+      min-width: 0;
+    }
+  `;
+    ownerDocument.head.append(style);
+    const refresh = () => {
+      style.disabled = !readReasoningTranscriptSoftWrap(ownerWindow);
+    };
+    const onStorage = (event) => {
+      if (event.key === REASONING_SOFT_WRAP_STORAGE_KEY || event.key === null) refresh();
+    };
+    refresh();
+    ownerWindow.addEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, refresh);
+    ownerWindow.addEventListener("storage", onStorage);
+    return () => {
+      ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, refresh);
+      ownerWindow.removeEventListener("storage", onStorage);
+      style.remove();
+    };
+  }
+
   // src/renderer-codex-account-state.ts
   function resolveCodexAccountSelection(accounts, overrideAccountId) {
     const activeAccountId = accounts.find((account) => account.active)?.accountId ?? null;
@@ -23871,6 +23940,50 @@ ${error51.stderrTail}`] : []
     });
   }
 
+  // src/settings/appearance-page.ts
+  function createAppearanceSettingsPage(messages) {
+    return Object.freeze({
+      id: "appearance",
+      label: messages.pageLabels.appearance,
+      icon: "settings",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const ownerWindow = document2.defaultView;
+        if (!ownerWindow) return;
+        const heading = document2.createElement("div");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.appearance;
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.appearanceDescription;
+        const row = document2.createElement("label");
+        row.className = "settings-preference-row";
+        const copy = document2.createElement("span");
+        copy.className = "settings-preference-row__copy";
+        const title = document2.createElement("strong");
+        title.textContent = messages.reasoningSoftWrapTitle;
+        const detail = document2.createElement("span");
+        detail.textContent = messages.reasoningSoftWrapDescription;
+        copy.append(title, detail);
+        const checkbox = document2.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.className = "settings-preference-checkbox";
+        checkbox.checked = readReasoningTranscriptSoftWrap(ownerWindow);
+        checkbox.setAttribute("aria-label", messages.reasoningSoftWrapTitle);
+        checkbox.addEventListener("change", () => {
+          setReasoningTranscriptSoftWrap(ownerWindow, checkbox.checked);
+        });
+        const sync = () => {
+          checkbox.checked = readReasoningTranscriptSoftWrap(ownerWindow);
+        };
+        ownerWindow.addEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
+        row.append(copy, checkbox);
+        context.content.append(heading, description, row);
+        return () => ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
+      }
+    });
+  }
+
   // src/settings/release-notes.ts
   var HEADING_PATTERN = /^(#{1,6})[ \t]+(.+?)\s*$/u;
   var BLOCKQUOTE_PATTERN = /^>[ \t]?(.*?)\s*$/u;
@@ -24046,6 +24159,140 @@ ${error51.stderrTail}`] : []
     }
   }
 
+  // src/settings/accounts-details.ts
+  function createAccountDetails(document2, messages, input) {
+    const root = document2.createElement("div");
+    root.className = "settings-account-details";
+    const trigger = document2.createElement("button");
+    trigger.type = "button";
+    trigger.className = "settings-icon-button";
+    trigger.title = input.triggerLabel ?? input.label;
+    trigger.disabled = input.disabled ?? false;
+    trigger.dataset.accountFocus = input.focusKey;
+    trigger.setAttribute("aria-label", trigger.title);
+    trigger.setAttribute("aria-haspopup", "dialog");
+    trigger.append(createRendererSettingsIcon(input.icon, 16));
+    const dialog = document2.createElement("dialog");
+    dialog.className = "settings-account-dialog";
+    dialog.id = `settings-account-${input.focusKey}-dialog`;
+    dialog.setAttribute("aria-label", input.label);
+    trigger.setAttribute("aria-controls", dialog.id);
+    const heading = document2.createElement("h2");
+    heading.textContent = input.label;
+    const description = document2.createElement("p");
+    description.textContent = input.description;
+    description.id = `${dialog.id}-description`;
+    dialog.setAttribute("aria-describedby", description.id);
+    const close = document2.createElement("button");
+    close.type = "button";
+    close.className = "settings-icon-button settings-account-dialog__close";
+    close.dataset.accountFocus = `${input.focusKey}:close`;
+    close.setAttribute("aria-label", messages.accountDetailsClose);
+    close.append(createRendererSettingsIcon("close", 16));
+    close.addEventListener("click", () => dialog.close());
+    dialog.addEventListener("close", () => {
+      if (trigger.isConnected && !trigger.disabled) trigger.focus({ preventScroll: true });
+    });
+    dialog.addEventListener(
+      "click",
+      (event) => {
+        if (input.actions.some((action) => action.contains(event.target))) {
+          trigger.focus({ preventScroll: true });
+          dialog.close();
+        }
+      },
+      { capture: true }
+    );
+    const actions = document2.createElement("div");
+    actions.className = "settings-account-dialog__actions";
+    actions.append(...input.actions);
+    dialog.append(close, heading, description, actions);
+    trigger.addEventListener("click", () => dialog.showModal());
+    root.append(trigger, dialog);
+    return root;
+  }
+
+  // src/settings/accounts-reset-time.ts
+  function formatAccountResetCountdown(value, messages, now = Date.now()) {
+    const timestamp = Date.parse(value);
+    if (!Number.isFinite(timestamp)) return null;
+    const minutes = Math.max(0, Math.ceil((timestamp - now) / 6e4));
+    if (minutes === 0) {
+      return {
+        text: messages.accountCreditsResetPending,
+        description: messages.accountCreditsResetPendingHint
+      };
+    }
+    const chinese = messages.locale === "zh-CN";
+    const parts = [
+      { value: Math.floor(minutes / 1440), unit: "d", label: chinese ? "\u5929" : " days" },
+      { value: Math.floor(minutes % 1440 / 60), unit: "h", label: chinese ? "\u5C0F\u65F6" : " hours" },
+      { value: minutes % 60, unit: "m", label: chinese ? "\u5206\u949F" : " minutes" }
+    ].filter((part, index) => part.value > 0 && (minutes < 1440 || index < 2));
+    return {
+      text: parts.map((part) => `${part.value}${part.unit}`).join(""),
+      description: messages.accountCreditsResetIn.replace(
+        "{time}",
+        parts.map(
+          (part) => `${part.value}${!chinese && part.value === 1 ? part.label.slice(0, -1) : part.label}`
+        ).join(chinese ? "" : " ")
+      )
+    };
+  }
+  function updateCountdown(element, messages) {
+    const value = formatAccountResetCountdown(element.dataset.resetsAt ?? "", messages);
+    if (!value) return;
+    element.textContent = value.text;
+    element.title = value.description;
+    element.setAttribute("aria-label", value.description);
+  }
+  function renderAccountResetTime(document2, value, messages) {
+    const date5 = new Date(value);
+    if (!Number.isFinite(date5.getTime())) return null;
+    const countdown = document2.createElement("span");
+    countdown.className = "settings-account-usage__countdown";
+    countdown.dataset.resetsAt = date5.toISOString();
+    updateCountdown(countdown, messages);
+    const timestamp = document2.createElement("time");
+    timestamp.className = "settings-account-usage__sub";
+    timestamp.dateTime = date5.toISOString();
+    const pad = (number4) => String(number4).padStart(2, "0");
+    timestamp.textContent = `${pad(date5.getMonth() + 1)}/${pad(date5.getDate())} ${pad(date5.getHours())}:${pad(date5.getMinutes())}`;
+    timestamp.title = messages.accountCreditsResetAt.replace(
+      "{time}",
+      date5.toLocaleString(messages.locale, {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZoneName: "short"
+      })
+    );
+    timestamp.setAttribute("aria-label", timestamp.title);
+    return { countdown, timestamp };
+  }
+  function mountAccountResetCountdowns(list, messages, signal) {
+    const window2 = list.ownerDocument.defaultView;
+    if (!window2 || signal.aborted) return () => void 0;
+    const refresh = () => {
+      if (signal.aborted) return;
+      for (const element of list.querySelectorAll("[data-resets-at]")) {
+        updateCountdown(element, messages);
+      }
+    };
+    const timer = window2.setInterval(refresh, 6e4);
+    window2.addEventListener("focus", refresh);
+    const stop = () => {
+      window2.clearInterval(timer);
+      window2.removeEventListener("focus", refresh);
+      signal.removeEventListener("abort", stop);
+    };
+    signal.addEventListener("abort", stop, { once: true });
+    return stop;
+  }
+
   // src/settings/accounts-usage.ts
   function creditsPeriodLabel2(periodType, messages) {
     if (periodType === "weekly") return messages.accountCreditsPeriodWeekly;
@@ -24080,17 +24327,80 @@ ${error51.stderrTail}`] : []
   function resetCreditDetailLine(index, expiresAt, messages, now = /* @__PURE__ */ new Date()) {
     return messages.accountResetCreditsCardExpiry.replace("{index}", String(index)).replace("{time}", formatAccountCreditsReset(expiresAt, messages.locale, now));
   }
+  function accountUsageColumnLabel(period, display, messages) {
+    const mode = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
+    return `${creditsPeriodLabel2(period, messages)}${messages.locale === "zh-CN" ? "" : " "}${mode}`;
+  }
+  function splitUsageWindows(credits, messages) {
+    const columns = {};
+    const additional = [];
+    const primary = {
+      label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
+      usedPercent: credits.usedPercent,
+      resetsAt: credits.resetsAt
+    };
+    if (!credits.label && credits.periodType === "five_hour") columns.five_hour = primary;
+    else if (!credits.label && ["seven_day", "weekly"].includes(credits.periodType))
+      columns.seven_day = { ...primary, label: messages.accountCreditsPeriodSevenDay };
+    else additional.push(primary);
+    for (const product of credits.productUsage ?? []) {
+      const window2 = {
+        label: creditsProductLabel(product.product, messages),
+        usedPercent: product.usagePercent,
+        resetsAt: product.resetsAt
+      };
+      const period = product.product === "7-day window" ? "seven_day" : product.product === "5-hour window" ? "five_hour" : null;
+      if (period && !columns[period])
+        columns[period] = { ...window2, label: creditsPeriodLabel2(period, messages) };
+      else additional.push(window2);
+    }
+    return { columns, additional };
+  }
+  function renderUsageWindow(document2, window2, messages, display) {
+    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 percent = document2.createElement("div");
+    percent.className = `settings-account-usage__percent settings-account-usage__percent--${tone}`;
+    const number4 = document2.createElement("span");
+    number4.textContent = formatRendererCreditsPercent(value);
+    const reset = window2.resetsAt ? renderAccountResetTime(document2, window2.resetsAt, messages) : null;
+    if (reset) percent.append(reset.countdown);
+    percent.append(number4);
+    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);
+    meter.append(label, percent, bar);
+    if (reset) meter.append(reset.timestamp);
+    return meter;
+  }
   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") {
+    if (state?.status !== "ready") {
+      const cell = document2.createElement("td");
+      cell.colSpan = 2;
+      cell.className = "settings-account-usage-cell settings-account-usage-cell--message";
+      const usage = document2.createElement("div");
+      usage.className = "settings-account-usage";
       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;
+      message.textContent = !state ? "\u2014" : state.status === "loading" ? messages.accountCreditsLoading : state.status === "error" ? messages.accountCreditsFailed : messages.accountCreditsEmpty;
+      if (!state) message.title = messages.accountCreditsEmpty;
       usage.append(message);
-      if (state.status === "loading") usage.setAttribute("aria-busy", "true");
-      if (state.status === "error") {
+      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";
@@ -24098,59 +24408,35 @@ ${error51.stderrTail}`] : []
         retry.addEventListener("click", onRetry);
         usage.append(retry);
       }
-      return usage;
+      cell.append(usage);
+      return { cells: [cell], additional: null };
     }
-    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);
-    }
-    return usage;
+    const { columns, additional } = splitUsageWindows(state.credits, messages);
+    const cells = ["five_hour", "seven_day"].map((period) => {
+      const cell = document2.createElement("td");
+      cell.className = "settings-account-usage-cell";
+      const window2 = columns[period];
+      if (window2) cell.append(renderUsageWindow(document2, window2, messages, display));
+      else {
+        const missing = document2.createElement("div");
+        missing.className = "settings-account-usage__missing";
+        const label = document2.createElement("span");
+        label.className = "settings-account-usage__title";
+        label.textContent = creditsPeriodLabel2(period, messages);
+        const dash = document2.createElement("span");
+        dash.textContent = "\u2014";
+        dash.setAttribute("aria-hidden", "true");
+        missing.append(label, dash);
+        cell.append(missing);
+      }
+      return cell;
+    });
+    if (!additional.length) return { cells, additional: null };
+    const extra = document2.createElement("div");
+    extra.className = "settings-account-extra-usage";
+    for (const window2 of additional)
+      extra.append(renderUsageWindow(document2, window2, messages, display));
+    return { cells, additional: extra };
   }
   function renderAccountResetCredits(document2, credits, messages, options) {
     const resetCredits = credits.resetCredits;
@@ -24162,8 +24448,11 @@ ${error51.stderrTail}`] : []
     summary.title = messages.accountResetCreditsDetails;
     const count = document2.createElement("span");
     count.textContent = messages.locale === "zh-CN" ? `${resetCredits.availableCount} \u5F20` : String(resetCredits.availableCount);
+    const label = document2.createElement("span");
+    label.textContent = messages.accountResetCredits;
     summary.append(
       createRendererSettingsIcon("ticket", 16),
+      label,
       count,
       createRendererSettingsIcon("chevron-right", 14)
     );
@@ -24233,6 +24522,8 @@ ${error51.stderrTail}`] : []
     return () => {
       const target = key ? list.querySelector(`[data-account-focus="${CSS.escape(key)}"]`) : null;
       if (target && !target.matches(":disabled")) {
+        const dialog = target.closest("dialog");
+        if (dialog && !dialog.open) dialog.showModal();
         target.focus({ preventScroll: true });
         return;
       }
@@ -24248,87 +24539,100 @@ ${error51.stderrTail}`] : []
     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 headers = Array.from({ length: 4 }, () => {
       const cell = document2.createElement("th");
       cell.scope = "col";
-      cell.textContent = label;
       row.append(cell);
-    }
+      return cell;
+    });
+    const updateDisplay = (display) => {
+      const labels = [
+        messages.accountColumnAccount,
+        accountUsageColumnLabel("five_hour", display, messages),
+        accountUsageColumnLabel("seven_day", display, messages),
+        messages.accountColumnActions
+      ];
+      headers.forEach((cell, index) => {
+        cell.textContent = labels[index] ?? "";
+      });
+    };
+    updateDisplay("remaining");
     head.append(row);
     const body = document2.createElement("tbody");
     table.append(head, body);
-    return { table, body };
+    return { table, body, updateDisplay };
   }
-  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");
+  function createAccountPerson(document2, messages, input) {
     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);
-    }
-    identity.append(title);
+    const title = document2.createElement("strong");
+    title.className = "settings-account-email";
+    title.textContent = input.name;
+    title.title = input.name;
+    title.translate = false;
     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);
-    }
-    const planLabel = accountPlanLabel(account.planType);
-    if (planLabel) {
-      if (name.domain) {
+    const agent = document2.createElement("span");
+    agent.textContent = input.agent;
+    agent.translate = false;
+    if (input.name !== input.agent) metadata.append(agent);
+    if (input.plan) {
+      if (metadata.childElementCount) {
         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;
+      plan.className = input.highlighted ? "settings-account-plan settings-account-plan--highlighted" : "settings-account-plan";
+      plan.textContent = input.plan;
+      plan.translate = false;
       metadata.append(plan);
     }
-    if (metadata.childElementCount > 0) identity.append(metadata);
-    person.append(mark, identity);
-    personCell.append(person);
-    const usageCell = document2.createElement("td");
+    if (input.active) {
+      const badge = document2.createElement("span");
+      badge.className = "settings-account-active";
+      badge.textContent = messages.accountDefaultBadge;
+      badge.title = messages.accountDefaultHint;
+      metadata.append(badge);
+    }
+    identity.append(title);
+    if (metadata.childElementCount) identity.append(metadata);
+    person.append(input.mark, identity);
+    return person;
+  }
+  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");
+    personCell.className = "settings-account-person-cell";
+    const mark = document2.createElement("div");
+    mark.className = "settings-account-row__mark";
+    mark.setAttribute("aria-hidden", "true");
+    mark.append(createRendererSettingsIcon("terminal", 17));
+    personCell.append(
+      createAccountPerson(document2, messages, {
+        name: name.full,
+        agent: "Codex",
+        plan: accountPlanLabel(account.planType),
+        highlighted: account.planType === "pro" || account.planType === "prolite",
+        active: account.active,
+        mark
+      })
+    );
     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);
+    if (usage.additional) personCell.append(usage.additional);
     const actionsCell = document2.createElement("td");
+    actionsCell.className = "settings-account-management-cell";
+    const management = document2.createElement("div");
+    management.className = "settings-account-management";
     const actions = document2.createElement("div");
     actions.className = "settings-account-actions";
     if (!account.active) {
@@ -24336,6 +24640,7 @@ ${error51.stderrTail}`] : []
       activate.type = "button";
       activate.className = "settings-account-action";
       activate.textContent = messages.accountUse;
+      activate.title = messages.accountDefaultHint;
       activate.dataset.accountFocus = `${account.accountId}:activate`;
       activate.disabled = input.actionsDisabled;
       activate.addEventListener("click", input.onActivate);
@@ -24351,30 +24656,45 @@ ${error51.stderrTail}`] : []
       signIn.addEventListener("click", input.onSignIn);
       actions.append(signIn);
     }
+    const more = [];
+    if (account.email && input.usage) {
+      const refresh = document2.createElement("button");
+      refresh.type = "button";
+      refresh.className = "settings-account-action";
+      refresh.textContent = messages.accountCreditsRefresh;
+      refresh.dataset.accountFocus = `${account.accountId}:refresh`;
+      refresh.disabled = input.actionsDisabled || input.usage.status === "loading";
+      refresh.addEventListener("click", input.onRetry);
+      more.push(refresh);
+    }
     if (!account.isDefault) {
       const remove = document2.createElement("button");
       remove.type = "button";
-      remove.className = "settings-icon-button settings-account-delete";
-      remove.title = messages.accountDelete;
+      remove.className = "settings-account-action settings-account-delete";
+      remove.textContent = 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);
-    }
-    actionsCell.append(actions);
-    row.append(personCell, usageCell, resetCell, actionsCell);
+      more.push(remove);
+    }
+    if (more.length)
+      actions.append(
+        createAccountDetails(document2, messages, {
+          label: messages.accountMore,
+          triggerLabel: `${name.full} \xB7 ${messages.accountMore}`,
+          description: name.full,
+          focusKey: `${account.accountId}:more`,
+          icon: "ellipsis",
+          disabled: input.actionsDisabled,
+          actions: more
+        })
+      );
+    management.append(actions);
+    actionsCell.append(management);
+    row.append(personCell, ...usage.cells, 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];
-    }
+    if (!reset) return [row];
     const detailsRow = document2.createElement("tr");
     detailsRow.className = "settings-account-details-row";
     detailsRow.id = `settings-account-reset-${++resetDetailsSequence}`;
@@ -24391,120 +24711,84 @@ ${error51.stderrTail}`] : []
       reset.summary.setAttribute("aria-expanded", String(!detailsRow.hidden));
       input.onResetExpanded(!detailsRow.hidden);
     });
-    resetCell.append(reset.summary);
+    management.append(reset.summary);
     return [row, detailsRow];
   }
+  function renderHarnessAccountRow(document2, account, messages, display) {
+    const row = document2.createElement("tr");
+    row.className = "settings-account-row";
+    row.dataset.harnessId = account.harnessId;
+    row.tabIndex = -1;
+    const name = account.email ?? account.label ?? account.harnessName;
+    row.setAttribute("aria-label", name);
+    const personCell = document2.createElement("td");
+    personCell.className = "settings-account-person-cell";
+    const logo = document2.createElement("div");
+    logo.className = "settings-harness-account__logo";
+    logo.setAttribute("aria-hidden", "true");
+    const agent = KNOWN_RENDERER_AGENTS.find((agent2) => agent2 === account.harnessId);
+    if (agent) logo.append(createRendererAgentIcon(agent, 26, document2));
+    personCell.append(
+      createAccountPerson(document2, messages, {
+        name,
+        agent: account.harnessName,
+        plan: account.plan ?? null,
+        mark: logo
+      })
+    );
+    const usage = renderAccountUsage(
+      document2,
+      { status: "ready", credits: account.credits },
+      messages,
+      display,
+      () => void 0
+    );
+    if (usage.additional) personCell.append(usage.additional);
+    const managementCell = document2.createElement("td");
+    managementCell.className = "settings-account-management-cell";
+    const management = document2.createElement("div");
+    management.className = "settings-account-native";
+    const label = document2.createElement("span");
+    label.textContent = messages.accountNativeManaged;
+    const info = createAccountDetails(document2, messages, {
+      label: `${account.harnessName} \xB7 ${messages.accountNativeManaged}`,
+      description: messages.accountNativeManagementHint.replace("{harness}", account.harnessName),
+      focusKey: `harness:${account.harnessId}:info`,
+      icon: "info",
+      actions: []
+    });
+    management.append(label, info);
+    managementCell.append(management);
+    row.append(personCell, ...usage.cells, managementCell);
+    return row;
+  }
 
   // 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);
+  function createHarnessAccounts(signal, getClient, onChange) {
     let accounts = [];
     let refreshing = false;
-    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);
-      }
-    };
     return {
+      get accounts() {
+        return accounts;
+      },
       get refreshing() {
         return refreshing;
       },
-      update(nextQuery, nextDisplay) {
-        query = nextQuery;
-        display = nextDisplay;
-        render();
-      },
       async refresh() {
-        if (refreshing || context.signal.aborted) return;
+        if (refreshing || 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;
+          if (!signal.aborted)
+            accounts = [...result.accounts].sort((a, b) => a.harnessId.localeCompare(b.harnessId));
         } catch {
-          if (!context.signal.aborted) accounts = [];
+          if (!signal.aborted) accounts = [];
         } finally {
           refreshing = false;
-          if (!context.signal.aborted) {
-            render();
-            onChange();
-          }
+          if (!signal.aborted) onChange();
         }
       }
     };
@@ -24524,16 +24808,13 @@ ${error51.stderrTail}`] : []
         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);
+        copy.append(heading, description);
         const add = document2.createElement("button");
         add.type = "button";
         add.className = "settings-command-button";
@@ -24542,29 +24823,6 @@ ${error51.stderrTail}`] : []
         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");
@@ -24612,9 +24870,10 @@ ${error51.stderrTail}`] : []
         toolbar.append(connected, searchWrapper, displayControls, refreshUsage);
         const list = document2.createElement("div");
         list.className = "settings-account-list";
-        const { table, body } = createAccountsTable(document2, messages);
+        const { table, body, updateDisplay } = createAccountsTable(document2, messages);
         list.append(table);
-        context.content.append(header, helpRow, deviceCodeNote, status, toolbar, list);
+        context.content.append(header, status, toolbar, list);
+        const stopCountdowns = mountAccountResetCountdowns(list, messages, context.signal);
         let accounts = [];
         let accountCreating = false;
         let accountActivating = false;
@@ -24664,18 +24923,21 @@ ${error51.stderrTail}`] : []
           const restoreFocus = accountListFocusRestorer(list, search);
           body.replaceChildren();
           status.textContent = loginMessage ?? "";
-          connectedCount.textContent = String(accounts.filter((account) => account.email).length);
+          connectedCount.textContent = String(accounts.length + harnessAccounts.accounts.length);
+          updateDisplay(usageDisplay);
           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)
+            (account) => `Codex ${account.email ?? ""} ${account.label} ${accountPlanLabel(account.planType) ?? ""}`.toLocaleLowerCase().includes(query)
           );
-          if (visibleAccounts.length === 0) {
+          const visibleHarnessAccounts = harnessAccounts.accounts.filter(
+            (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
+          );
+          if (visibleAccounts.length + visibleHarnessAccounts.length === 0) {
             const emptyRow = document2.createElement("tr");
             const emptyCell = document2.createElement("td");
             emptyCell.colSpan = 4;
@@ -24760,6 +25022,9 @@ ${error51.stderrTail}`] : []
               body.append(verificationRow);
             }
           }
+          for (const account of visibleHarnessAccounts) {
+            body.append(renderHarnessAccountRow(document2, account, messages, usageDisplay));
+          }
           restoreFocus();
         };
         const client = () => {
@@ -24990,10 +25255,11 @@ ${error51.stderrTail}`] : []
           });
         } catch {
         }
-        const harnessAccounts = mountHarnessAccounts(context, messages, getClient, render);
+        const harnessAccounts = createHarnessAccounts(context.signal, getClient, render);
         void harnessAccounts.refresh();
         load();
         return () => {
+          stopCountdowns();
           clearLoginRefresh();
           unsubscribe?.();
         };
@@ -25485,6 +25751,7 @@ ${error51.stderrTail}`] : []
       createConnectionsSettingsPage(messages, getDiagnostics),
       createAccountsSettingsPage(messages, getAccountClient),
       createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+      createAppearanceSettingsPage(messages),
       updatesPage(messages, getUpdateClient),
       aboutPage(messages)
     ]);
@@ -25503,10 +25770,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  --settings-bg: light-dark(#ffffff, #202020);\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\n  --settings-panel: light-dark(#ffffff, #232323);\n  --settings-surface: light-dark(#f6f6f6, #292929);\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-inset: light-dark(#f3f3f3, #161616);\n  --settings-text: light-dark(#0d0d0d, #ececec);\n  --settings-muted: light-dark(#676767, #a3a3a3);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\n  backdrop-filter: blur(1px);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 24px;\n  padding: 4px 9px 2px;\n  color: var(--settings-subtle);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-nav-star-link {\n  margin-top: 0;\n  color: var(--settings-text);\n  text-decoration: none;\n}\n\n.settings-nav-star-link .codexhost-settings-icon {\n  color: var(--settings-warning);\n}\n\n.settings-nav-star-link:hover {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  margin: 0;\n  padding: 0 0 18px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  margin: -12px 0 16px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-session-import-harness > span {\n  flex: none;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.settings-session-import-harness__options::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: rgb(255 255 255 / 4%);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-harness + .settings-page-description {\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n\n.settings-session-import-availability-note {\n  margin-top: 0;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  margin: 16px 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  min-height: 36px;\n  padding: 6px 10px;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: 1;\n  min-width: 130px;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  gap: 12px;\n  padding: 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-hover);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 5px 0 0;\n}\n\n.settings-connections-content,\n.settings-connections-layout,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\n  align-items: start;\n  gap: 18px;\n}\n\n.settings-connection-list,\n.settings-connection-inspector {\n  overflow: hidden;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-host-strip {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  align-items: center;\n  min-width: 0;\n  gap: 5px;\n  padding: 9px 10px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-scroll {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 34px;\n  padding: 0;\n  color: var(--settings-muted);\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-connection-host-strip[data-connection-host-overflow="true"]\n  .settings-connection-host-scroll {\n  display: inline-flex;\n}\n\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.settings-connection-host-scroll:hover:not(:disabled) {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-scroll:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n\n.settings-connection-host-scroll:focus-visible,\n.settings-connection-host-tab:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: transparent;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface);\n  border-radius: 6px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  gap: 5px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row__group-toggle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-row__group-toggle:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-panel {\n  display: grid;\n  max-width: 720px;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-copy p,\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 2px 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository {\n  display: grid;\n  gap: 10px;\n  padding-top: 18px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-about-repository-link {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  gap: 8px;\n  color: var(--settings-focus);\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-repository-link code {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 11px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover:not(:disabled) {\n  background: var(--settings-primary-hover);\n  border-color: var(--settings-primary-hover);\n}\n\n.settings-command-button--secondary:hover:not(:disabled),\n.settings-update-link:hover {\n  background: var(--settings-hover);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--danger {\n  color: #f87171;\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: rgb(127 29 29 / 24%);\n  border-color: rgb(248 113 113 / 45%);\n}\n\n.settings-command-button:disabled {\n  cursor: default;\n  opacity: 0.45;\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    align-items: flex-start;\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-nav-star-link {\n    margin-top: 0;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-connections-layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-connection-inspector {\n    position: static;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
+  var shell_default = ':host {\n  --settings-bg: light-dark(#ffffff, #202020);\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\n  --settings-panel: light-dark(#ffffff, #232323);\n  --settings-surface: light-dark(#f6f6f6, #292929);\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-inset: light-dark(#f3f3f3, #161616);\n  --settings-text: light-dark(#0d0d0d, #ececec);\n  --settings-muted: light-dark(#676767, #a3a3a3);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\n  backdrop-filter: blur(1px);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 24px;\n  padding: 4px 9px 2px;\n  color: var(--settings-subtle);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-nav-star-link {\n  margin-top: 0;\n  color: var(--settings-text);\n  text-decoration: none;\n}\n\n.settings-nav-star-link .codexhost-settings-icon {\n  color: var(--settings-warning);\n}\n\n.settings-nav-star-link:hover {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  margin: 0;\n  padding: 0 0 18px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  margin: -12px 0 16px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-session-import-harness > span {\n  flex: none;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.settings-session-import-harness__options::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: rgb(255 255 255 / 4%);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-harness + .settings-page-description {\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n\n.settings-session-import-availability-note {\n  margin-top: 0;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  margin: 16px 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  min-height: 36px;\n  padding: 6px 10px;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: 1;\n  min-width: 130px;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  gap: 12px;\n  padding: 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-hover);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-preference-checkbox {\n  width: 18px;\n  height: 18px;\n  flex: none;\n  margin: 0;\n  accent-color: var(--settings-focus);\n  cursor: pointer;\n}\n\n.settings-preference-checkbox:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 5px 0 0;\n}\n\n.settings-connections-content,\n.settings-connections-layout,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\n  align-items: start;\n  gap: 18px;\n}\n\n.settings-connection-list,\n.settings-connection-inspector {\n  overflow: hidden;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-host-strip {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  align-items: center;\n  min-width: 0;\n  gap: 5px;\n  padding: 9px 10px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-scroll {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 34px;\n  padding: 0;\n  color: var(--settings-muted);\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-connection-host-strip[data-connection-host-overflow="true"]\n  .settings-connection-host-scroll {\n  display: inline-flex;\n}\n\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.settings-connection-host-scroll:hover:not(:disabled) {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-scroll:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n\n.settings-connection-host-scroll:focus-visible,\n.settings-connection-host-tab:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: transparent;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface);\n  border-radius: 6px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  gap: 5px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row__group-toggle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-row__group-toggle:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-panel {\n  display: grid;\n  max-width: 720px;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-copy p,\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 2px 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository {\n  display: grid;\n  gap: 10px;\n  padding-top: 18px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-about-repository-link {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  gap: 8px;\n  color: var(--settings-focus);\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-repository-link code {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 11px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover:not(:disabled) {\n  background: var(--settings-primary-hover);\n  border-color: var(--settings-primary-hover);\n}\n\n.settings-command-button--secondary:hover:not(:disabled),\n.settings-update-link:hover {\n  background: var(--settings-hover);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--danger {\n  color: #f87171;\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: rgb(127 29 29 / 24%);\n  border-color: rgb(248 113 113 / 45%);\n}\n\n.settings-command-button:disabled {\n  cursor: default;\n  opacity: 0.45;\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    align-items: flex-start;\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-nav-star-link {\n    margin-top: 0;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-connections-layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-connection-inspector {\n    position: static;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
 
   // 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-account__logo {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\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-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: 0;\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-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: 210px;\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: 12px 16px;\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.settings-account-table th:nth-child(3) {\n  width: 24%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 20%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 17px 16px;\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-email {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  font-size: 12px;\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: 5px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n  flex-wrap: wrap;\n  font-size: 11px;\n  overflow-wrap: anywhere;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 0 4px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 10px;\n  max-width: 100%;\n  overflow-wrap: anywhere;\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  color: light-dark(#66548e, #c8bfff);\n  font-size: 10px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 10px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  grid-template-rows: 20px 4px 17px;\n  align-items: center;\n  gap: 6px 0;\n  min-width: 0;\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-usage__title {\n  display: none;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-extra-usage {\n  display: grid;\n  gap: 12px;\n  margin-top: 14px;\n}\n.settings-account-extra-usage .settings-account-usage__meter {\n  grid-template-rows: auto 20px 4px 17px;\n}\n.settings-account-extra-usage .settings-account-usage__title {\n  display: block;\n  grid-column: 1 / -1;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__percent {\n  grid-column: 1 / -1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 7px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__countdown {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.settings-account-usage__percent > :last-child {\n  flex: none;\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  grid-column: 1 / -1;\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: 1 / -1;\n  color: var(--account-muted);\n  font-size: 10px;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  white-space: nowrap;\n}\n.settings-account-usage__message {\n  color: var(--settings-muted);\n}\n.settings-account-usage__missing {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-content: center;\n  gap: 6px;\n  min-height: 53px;\n  color: var(--settings-muted);\n}\n.settings-account-usage__missing > span:not(.settings-account-usage__title) {\n  grid-column: 1 / -1;\n  font-size: 14px;\n}\n.settings-account-management {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 4px;\n}\n.settings-account-native {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 3px;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-native .settings-icon-button {\n  width: 25px;\n  height: 28px;\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: 4px 5px;\n  min-height: 30px;\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-delete {\n  color: var(--settings-danger);\n}\n.settings-account-delete:hover,\n.settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 24px;\n  padding: 3px 0;\n  font-size: 10px;\n  white-space: nowrap;\n  color: var(--settings-muted);\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  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-account-dialog {\n  position: fixed;\n  width: min(360px, calc(100vw - 40px));\n  max-height: calc(100vh - 40px);\n  overflow: auto;\n  padding: 22px;\n  color: var(--settings-text);\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  text-align: left;\n}\n.settings-account-dialog::backdrop {\n  background: #0005;\n}\n.settings-account-dialog h2 {\n  margin: 0 28px 12px 0;\n  font-size: 15px;\n}\n.settings-account-dialog p {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 1.6;\n  overflow-wrap: anywhere;\n}\n.settings-account-dialog__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.settings-account-dialog__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n@container (max-width: 680px) {\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: minmax(0, 1fr) minmax(0, 1fr);\n    padding: 18px;\n    gap: 18px 22px;\n    border-top: 1px solid var(--settings-divider);\n  }\n  .settings-account-row:first-child {\n    border-top: 0;\n  }\n  .settings-account-table .settings-account-row > td {\n    display: block;\n    min-width: 0;\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-person-cell,\n  .settings-account-management-cell,\n  .settings-account-usage-cell--message {\n    grid-column: 1 / -1;\n  }\n  .settings-account-table .settings-account-management-cell {\n    border-top: 1px solid var(--settings-divider);\n    padding-top: 8px;\n  }\n  .settings-account-email {\n    font-size: 13px;\n  }\n  .settings-account-usage__title {\n    display: block;\n    grid-column: 1;\n  }\n  .settings-account-usage__percent,\n  .settings-account-usage__missing > span:not(.settings-account-usage__title) {\n    grid-column: 2;\n    text-align: right;\n  }\n  .settings-account-extra-usage .settings-account-usage__percent {\n    grid-column: 1 / -1;\n  }\n  .settings-account-management {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n  .settings-account-actions {\n    order: 1;\n    margin-left: auto;\n  }\n  .settings-account-native {\n    justify-content: flex-start;\n  }\n  .settings-account-table tr:not(.settings-account-row, [hidden]),\n  .settings-account-table tr:not(.settings-account-row, [hidden]) > td {\n    display: block;\n  }\n}\n\n@container (max-width: 360px) {\n  .settings-account-row {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n    padding: 16px;\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/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -26406,6 +26673,7 @@ ${accounts_default}`;
     const mountedByComposer = /* @__PURE__ */ new Map();
     const pendingReplacements = /* @__PURE__ */ new Map();
     let disposed = false;
+    const disposeReasoningSoftWrap = installReasoningTranscriptSoftWrap(document);
     let scanScheduled = false;
     let refreshTargetsOnNextScan = false;
     let adapterDispose = null;
@@ -28225,6 +28493,7 @@ ${accounts_default}`;
         applyAdapterAgent = null;
         modelControl = null;
         mutationObserver.disconnect();
+        disposeReasoningSoftWrap();
         sidebarAgentIcons.dispose();
         settingsLifecycle.dispose();
         document.removeEventListener("beforeinput", onBeforeInput, true);
@@ -28307,6 +28576,7 @@ lucide/dist/esm/icons/circle-off.mjs:
 lucide/dist/esm/icons/copy.mjs:
 lucide/dist/esm/icons/download.mjs:
 lucide/dist/esm/icons/external-link.mjs:
+lucide/dist/esm/icons/ellipsis.mjs:
 lucide/dist/esm/icons/folder-input.mjs:
 lucide/dist/esm/icons/grip-vertical.mjs:
 lucide/dist/esm/icons/info.mjs: