npm - @liberseek/boft-cli-win32-arm64 - Versions diffs - 0.6.8 → 0.6.9 - Mend

@liberseek/boft-cli-win32-arm64 0.6.8 → 0.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/README.md +1 -1
package/THIRD_PARTY_NOTICES.txt +4 -0
package/app/codexhost-distribution.json +1 -1
package/app/desktop-controller.mjs +119 -22
package/app/host-runtime.mjs +3759 -3614
package/app/plugins/antigravity/plugin.mjs +26 -46
package/app/plugins/claude-code/plugin.mjs +26 -46
package/app/plugins/codebuddy/plugin.mjs +26 -46
package/app/plugins/cursor-cli/plugin.mjs +26 -46
package/app/plugins/deepseek-harness/plugin.mjs +26 -46
package/app/plugins/grok/plugin.mjs +26 -46
package/app/plugins/hermes/plugin.mjs +268 -92
package/app/plugins/kiro-cli/plugin.mjs +26 -46
package/app/plugins/muse/plugin.mjs +26 -46
package/app/plugins/omp/plugin.mjs +26 -46
package/app/plugins/opencode/plugin.mjs +26 -46
package/app/plugins/pi/plugin.mjs +26 -46
package/app/renderer-extension.js +604 -1057
package/bin/boft.exe +0 -0
package/libexec/boft-node-repl.exe +0 -0
package/libexec/boft-shim.exe +0 -0
package/libexec/boft-updater.exe +0 -0
package/licenses/opencodex-LICENSE.txt +21 -0
package/package.json +1 -1

package/app/renderer-extension.js CHANGED Viewed

@@ -121,14 +121,12 @@
       this.#ownershipRequestGenerations.set(state, ++this.#ownershipRequestSequence);
       return state;
     }
-    restore(composer, agent, model, thinkingOptionId, permissionModeId, codexAccountId) {
+    restore(composer, agent, model, thinkingOptionId, permissionModeId) {
       if (!this.#enabledAgents.has(agent)) return null;
       const state = this.#state(composer);
       this.#pendingSubmissions.delete(state);
       state.agent = agent;
       state.phase = "locked";
-      if (agent === "codex" && codexAccountId) state.codexAccountId = codexAccountId;
-      else delete state.codexAccountId;
       if (agent === "pi" && model) state.piModel = model;
       else if (agent === "pi") delete state.piModel;
       if (agent === "claude-code" && model) state.claudeModel = model;
@@ -259,6 +257,7 @@
       else if (agent === "kiro-cli") state.kiroCliModel = model;
       else if (agent === "codebuddy") state.codeBuddyModel = model;
       else if (agent === "cursor-cli") state.cursorCliModel = model;
+      else state.antigravityModel = model;
       return state;
     }
     setPiConfiguration(composer, model, thinkingOptionId) {
@@ -330,13 +329,9 @@
     clearPendingSubmission(composer) {
       const state = this.#state(composer);
       this.#pendingSubmissions.delete(state);
-      if (state.phase === "draft") delete state.codexAccountId;
     }
-    recordSubmission(composer, codexAccountId) {
+    recordSubmission(composer) {
       const state = this.#state(composer);
-      if (state.agent === "codex" && state.phase === "draft" && !state.codexAccountId && codexAccountId) {
-        state.codexAccountId = codexAccountId;
-      }
       this.#lastSubmittedAgent = state.agent;
       return state;
     }
@@ -15036,12 +15031,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     plan: external_exports.string().trim().min(1).max(128).optional(),
     credits: accountCreditsSnapshotSchema
   }).strict();
-  var harnessAccountListParamsSchema = external_exports.object({}).strict();
+  var harnessAccountIdentityShape = {
+    harnessId: harnessIdSchema,
+    harnessName: external_exports.string().trim().min(1).max(128)
+  };
+  var harnessAccountSourceSchema = external_exports.object(harnessAccountIdentityShape).strict();
+  var harnessAccountSourceListParamsSchema = external_exports.object({}).strict();
+  var harnessAccountSourceListResultSchema = external_exports.object({ sources: external_exports.array(harnessAccountSourceSchema).max(128) }).strict();
+  var harnessAccountInspectParamsSchema = external_exports.object({ harnessId: harnessIdSchema, refresh: external_exports.boolean().optional() }).strict();
+  var harnessAccountInspectResultSchema = external_exports.object({
+    ...harnessAccountIdentityShape,
+    account: harnessAccountSnapshotSchema.nullable()
+  }).strict();
+  var harnessAccountListParamsSchema = external_exports.object({ refresh: external_exports.boolean().optional() }).strict();
   var harnessAccountListResultSchema = external_exports.object({
-    accounts: external_exports.array(harnessAccountSnapshotSchema.extend({
-      harnessId: harnessIdSchema,
-      harnessName: external_exports.string().min(1)
-    })).max(128)
+    accounts: external_exports.array(harnessAccountSnapshotSchema.extend(harnessAccountIdentityShape)).max(128)
   }).strict();
   // ../shared-contracts/dist/json-value.js
@@ -15341,7 +15345,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }).strict();
   var codexThreadInspectionSchema = external_exports.object({
     owner: external_exports.literal("codex"),
-    accountId: nonBlankTextSchema2.optional(),
     locked: external_exports.literal(true)
   }).strict();
   var externalThreadInspectionSchema = external_exports.object({
@@ -15507,53 +15510,26 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     label: nonBlankTextSchema3.max(256),
     email: external_exports.string().email().max(320).optional(),
     planType: codexAccountPlanTypeSchema.optional(),
-    codexHome: nonBlankTextSchema3.max(16384),
-    active: external_exports.boolean(),
-    isDefault: external_exports.boolean(),
     authKind: codexAccountAuthKindSchema.optional(),
     authIdentity: nonBlankTextSchema3.max(256).optional()
   }).strict();
-  var codexAccountListResultSchema = external_exports.object({ accounts: external_exports.array(codexAccountSchema).max(128) }).strict();
-  var codexAccountCreateParamsSchema = external_exports.object({ label: nonBlankTextSchema3.max(256).optional() }).strict();
-  var codexAccountActivateParamsSchema = external_exports.object({ accountId: accountIdSchema }).strict();
-  var codexAccountDeleteParamsSchema = external_exports.object({ accountId: accountIdSchema }).strict();
-  var codexAccountDeleteResultSchema = external_exports.object({ deletedAccountId: accountIdSchema }).strict();
-  var codexAccountMutationResultSchema = external_exports.object({ account: codexAccountSchema }).strict();
-  var codexAccountLoginStartParamsSchema = external_exports.object({ accountId: accountIdSchema }).strict();
-  var codexAccountLoginStartResultSchema = external_exports.object({
-    accountId: accountIdSchema,
-    loginId: nonBlankTextSchema3.max(1024),
-    verificationUrl: external_exports.string().url().max(16384),
-    userCode: nonBlankTextSchema3.max(1024)
-  }).strict();
-  var codexAccountLoginCancelParamsSchema = external_exports.object({ accountId: accountIdSchema.optional(), loginId: nonBlankTextSchema3.max(1024) }).strict();
-  var codexAccountLoginCancelResultSchema = external_exports.object({ cancelled: external_exports.boolean() }).strict();
-  var codexAccountLoginCompletedSchema = external_exports.object({
-    accountId: accountIdSchema,
-    loginId: nonBlankTextSchema3.max(1024),
-    success: external_exports.boolean(),
-    error: external_exports.string().max(4096).nullable()
+  var codexAccountPhaseSchema = external_exports.enum(["ready", "unavailable"]);
+  var codexAccountListResultSchema = external_exports.object({
+    version: external_exports.literal(2),
+    currentAccountId: accountIdSchema.nullable(),
+    phase: codexAccountPhaseSchema,
+    revision: external_exports.number().int().nonnegative(),
+    instanceId: nonBlankTextSchema3.max(1024).optional(),
+    accounts: external_exports.array(codexAccountSchema).max(1)
   }).strict();
-  var codexAccountUsageParamsSchema = external_exports.object({ accountId: accountIdSchema }).strict();
+  var codexAccountChangedSchema = codexAccountListResultSchema;
+  var codexAccountUsageParamsSchema = external_exports.object({ accountId: accountIdSchema, refresh: external_exports.boolean().optional() }).strict();
   var codexAccountUsageResultSchema = external_exports.object({
     accountId: accountIdSchema,
     usage: threadUsageSnapshotSchema.nullable(),
-    accountCredits: accountCreditsSnapshotSchema.optional()
-  }).strict();
-  var codexAccountResetCreditConsumeParamsSchema = external_exports.object({
-    accountId: accountIdSchema,
-    idempotencyKey: external_exports.string().uuid().optional()
-  }).strict();
-  var codexAccountResetCreditConsumeOutcomeSchema = external_exports.enum([
-    "reset",
-    "nothingToReset",
-    "noCredit",
-    "alreadyRedeemed"
-  ]);
-  var codexAccountResetCreditConsumeResultSchema = external_exports.object({
-    accountId: accountIdSchema,
-    outcome: codexAccountResetCreditConsumeOutcomeSchema,
-    accountCredits: accountCreditsSnapshotSchema.optional()
+    accountCredits: accountCreditsSnapshotSchema.optional(),
+    freshness: external_exports.enum(["live", "cached"]),
+    observedAt: external_exports.string().datetime().nullable()
   }).strict();
   // ../shared-contracts/dist/reasoning-transcript.js
@@ -15938,12 +15914,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // src/assets/grok-agent.png
   var grok_agent_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAEk9JREFUeNrtnQdsHEUXx5fee40xnQiQ6b23IAiJAWHACV10AQHRRG8GDJgSOggEGAEBg6gGhAIBQknoppjeezGE3kybb3+je6f1fVdm93Z2Zy870iPmfN67mffmzSv/98bzLIxZZpml2ad2n7p86vWp36cBnwZ9UjlVpcHCWvUX1q6rsJbNnsvD/4ItPnX41Jcz0Rr1Fda4xSXGt/k0MWdO4sSat6XJ+FafpuaMSJ3gQWuSjG/yaUK+8M4RPGmyzfyxPk3LF9tZgjdjbTG/M1/gzFBn3Mzvzhc1c9QdF/N78sXMLPXkO386o5lnnllT3ZogP/OzRzPNNJOac8451bBhw0qFoDOKtZ8vasZ2Pv/uuOOOaoklltDCUPKesWH8/NzVyxjzfdapcePGqa222kr/XMFFbDIRgDzIkzGC4Yceeqg6/fTTKzG/GCwyCe/mi5ox5u+3337q4YcfVvPNN1851V9KrdUEII/tZ4z5e++9t/rmm2/UeuutV2v3F3MH1bJ6+cJmiPnt7e3q77//VieccIIp84XayglAntLNEPO33XZb9dtvv2nVP9tss5mo/iGp5HJgjnxxM8L8TTbZRKv9adOmqVVWWSXs7hdqCQpAR7642WD+hhtuqD777DPFOProo6MyH+oICkAO48oY8ydNmqTmmmuusKp/CLwsCOCcbgImLBg044wz6kUtpRlmmKH4npJwaqrMX3PNNdXHH3+smf/zzz+HsfqrUbNXQJw2dIQsyFx2zSKLLKKWWWYZtfrqq+uFFFpttdXUsssuqxZeeGE199xz6/cH/z4NgeBzV1hhBfX2228rGeecc04czIfavQLsuKESIsIwmI2RNGbMGHX++eere++9V73wwgvq888/Vz/88IP69ddf1e+//16kX375Rb+Omn3xxRf1+y+44AK1++67q1VXXVU/T55dh+oNxfyll15avfzyy0XmIwiLLbaY1mAxfEaXV8CeN8QZCS244IJq9OjR6tJLL1V9fX2aqeXGf//9p+nff/8tkrxWbvCcV155RV1++eVq1KhR+nPkM23NZ6mlllLPPfec/nz5fvvvv3+cn9nrFQoQMq3iUdXrrLOOuuiii9S77747hIn8/M8//9RNpc9855139Oet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";
-  // src/assets/antigravity-agent.svg
-  var antigravity_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1 28 28"><path d="M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z" fill="url(%23ag)"/><defs><linearGradient id="ag" x1="2" y1="12" x2="22" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="%234285F4"/><stop offset=".33" stop-color="%23EA4335"/><stop offset=".66" stop-color="%23FBBC04"/><stop offset="1" stop-color="%2334A853"/></linearGradient></defs></svg>%0A';
   // src/assets/hermes-agent.png
   var hermes_agent_default = "data:image/png;base64,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";
+  // src/assets/antigravity-agent.svg
+  var antigravity_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1 28 28"><path d="M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z" fill="url(%23ag)"/><defs><linearGradient id="ag" x1="2" y1="12" x2="22" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="%234285F4"/><stop offset=".33" stop-color="%23EA4335"/><stop offset=".66" stop-color="%23FBBC04"/><stop offset="1" stop-color="%2334A853"/></linearGradient></defs></svg>%0A';
   // src/assets/kiro-agent.svg
   var kiro_agent_default = 'data:image/svg+xml,<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="1200" height="1200" rx="260" fill="%239046FF"/>%0A<mask id="mask0_1106_4856" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="272" y="202" width="655" height="796">%0A<path d="M926.578 202.793H272.637V997.857H926.578V202.793Z" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_1106_4856)">%0A<path d="M398.554 818.914C316.315 1001.03 491.477 1046.74 620.672 940.156C658.687 1059.66 801.052 970.473 852.234 877.795C964.787 673.567 919.318 465.357 907.64 422.374C827.637 129.443 427.623 128.946 358.8 423.865C342.651 475.544 342.402 534.18 333.458 595.051C328.986 625.86 325.507 645.488 313.83 677.785C306.873 696.424 297.68 712.819 282.773 740.645C259.915 783.881 269.604 867.113 387.87 823.883L399.051 818.914H398.554Z" fill="white"/>%0A<path d="M636.123 549.353C603.328 549.353 598.359 510.097 598.359 486.742C598.359 465.623 602.086 448.977 609.293 438.293C615.504 428.852 624.697 424.131 636.123 424.131C647.555 424.131 657.492 428.852 664.447 438.541C672.398 449.474 676.623 466.12 676.623 486.742C676.623 525.998 661.471 549.353 636.375 549.353H636.123Z" fill="black"/>%0A<path d="M771.24 549.353C738.445 549.353 733.477 510.097 733.477 486.742C733.477 465.623 737.203 448.977 744.41 438.293C750.621 428.852 759.814 424.131 771.24 424.131C782.672 424.131 792.609 428.852 799.564 438.541C807.516 449.474 811.74 466.12 811.74 486.742C811.74 525.998 796.588 549.353 771.492 549.353H771.24Z" fill="black"/>%0A</g>%0A</svg>%0A';
@@ -16067,6 +16043,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       image.style.width = `${size}px`;
       image.style.height = `${size}px`;
       image.style.objectFit = "contain";
+      image.style.boxSizing = "border-box";
+      image.style.padding = `${Math.max(1, Math.round(size / 16))}px`;
+      image.style.borderRadius = "22.37%";
+      image.style.background = "#d8d8e8";
       image.style.flex = "none";
       return image;
     }
@@ -16094,6 +16074,51 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return mark;
   }
+  // src/renderer-picker-popover-style.ts
+  var STYLE_ATTRIBUTE = "data-codexhost-picker-popover-style";
+  var PICKER_POPOVER_CLASS = "codexhost-picker-popover";
+  var PICKER_POPOVER_BORDER_LIGHT = "#EFEFEF";
+  var PICKER_POPOVER_BORDER_DARK = "#424242";
+  var PICKER_POPOVER_BACKGROUND_DARK = "#2D2D2D";
+  var PICKER_POPOVER_BACKGROUND = `light-dark(Canvas, ${PICKER_POPOVER_BACKGROUND_DARK})`;
+  var PICKER_POPOVER_BORDER = `light-dark(${PICKER_POPOVER_BORDER_LIGHT}, ${PICKER_POPOVER_BORDER_DARK})`;
+  var PICKER_POPOVER_RADIUS = "24px";
+  function ensureRendererPickerPopoverStyle(ownerDocument) {
+    if (ownerDocument.querySelector(`style[${STYLE_ATTRIBUTE}]`)) return;
+    const style = ownerDocument.createElement("style");
+    style.setAttribute(STYLE_ATTRIBUTE, "true");
+    style.textContent = `
+    .${PICKER_POPOVER_CLASS} {
+      box-sizing: border-box;
+      border: 1px solid ${PICKER_POPOVER_BORDER};
+      border-radius: ${PICKER_POPOVER_RADIUS};
+      background: ${PICKER_POPOVER_BACKGROUND};
+      color: CanvasText;
+      box-shadow: none;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+    }
+    .${PICKER_POPOVER_CLASS} :is(input, textarea) {
+      border: 1px solid ${PICKER_POPOVER_BORDER};
+      background: ${PICKER_POPOVER_BACKGROUND};
+      color: inherit;
+      box-shadow: none;
+    }
+  `;
+    (ownerDocument.head ?? ownerDocument.documentElement).append(style);
+  }
+  function applyRendererPickerPopoverSurface(element) {
+    ensureRendererPickerPopoverStyle(element.ownerDocument);
+    element.classList.add(PICKER_POPOVER_CLASS);
+    element.style.border = `1px solid ${PICKER_POPOVER_BORDER}`;
+    element.style.borderRadius = PICKER_POPOVER_RADIUS;
+    element.style.background = PICKER_POPOVER_BACKGROUND;
+    element.style.color = "CanvasText";
+    element.style.boxShadow = "none";
+    element.style.backdropFilter = "none";
+    element.style.setProperty("-webkit-backdrop-filter", "none");
+  }
   // ../../node_modules/lucide/dist/esm/defaultAttributes.mjs
   var defaultAttributes = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -16567,279 +16592,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return icon2;
   }
-  // src/renderer-codex-account-options.ts
-  var ACCOUNT_COLORS = ["#5b38c9", "#239b88", "#ce6724", "#2878c7", "#b34778", "#65752a"];
-  function shouldExpandCodexAccountOptions(accountCount) {
-    return accountCount > 1;
-  }
-  function codexAccountAuthKind(account) {
-    if (account.authKind === "api" || account.authKind === "chatgpt") return account.authKind;
-    return account.email ? "chatgpt" : "api";
-  }
-  function formatCodexAccountAuthLabel(account, messages) {
-    if (codexAccountAuthKind(account) === "api") {
-      const identity2 = account.authIdentity?.trim() || messages.accountAuthApiIdentityFallback;
-      return `${messages.accountAuthApiPrefix} - ${identity2}`;
-    }
-    const identity = account.email ?? account.authIdentity;
-    if (!identity) return `${messages.accountAuthChatPrefix} - ${account.label}`;
-    return `${messages.accountAuthChatPrefix} - ${identity}`;
-  }
-  function codexAccountDisplayName(account) {
-    const full = account.email ?? account.label;
-    const separator = account.email?.lastIndexOf("@") ?? -1;
-    if (!account.email || separator <= 0 || separator === account.email.length - 1) {
-      return { local: full, domain: null, full };
-    }
-    return {
-      local: account.email.slice(0, separator),
-      domain: account.email.slice(separator + 1),
-      full
-    };
-  }
-  function codexAccountPresentationSignature(accounts) {
-    return accounts.map(
-      ({ accountId, label, email: email3, authKind, authIdentity }) => `${accountId}\0${label}\0${email3 ?? ""}\0${authKind ?? ""}\0${authIdentity ?? ""}`
-    ).join("");
-  }
-  function accountColor(accountId) {
-    let hash2 = 0;
-    for (const character of accountId) hash2 = hash2 * 31 + character.charCodeAt(0) >>> 0;
-    return ACCOUNT_COLORS[hash2 % ACCOUNT_COLORS.length] ?? ACCOUNT_COLORS[0];
-  }
-  function accountInitial(account) {
-    const display = codexAccountDisplayName(account).local.trim();
-    return display.match(/[\p{L}\p{N}]/u)?.[0]?.toUpperCase() ?? "?";
-  }
-  function setInteractiveHighlight(button) {
-    const update = (hovered) => {
-      const selected = button.getAttribute("aria-checked") === "true";
-      button.style.background = selected || hovered && !button.disabled ? `rgba(127, 127, 127, ${selected ? "0.16" : "0.1"})` : "transparent";
-    };
-    button.addEventListener("pointerenter", () => update(true));
-    button.addEventListener("pointerleave", () => update(false));
-    button.addEventListener("focus", () => update(true));
-    button.addEventListener("blur", () => update(false));
-  }
-  function createRendererCodexAccountGroup(input) {
-    const { ownerDocument: document2 } = input;
-    const root = document2.createElement("div");
-    root.dataset.codexAccountOptions = "true";
-    root.hidden = true;
-    const accountSection = document2.createElement("div");
-    accountSection.setAttribute("role", "group");
-    accountSection.setAttribute("aria-label", input.accountsLabel);
-    accountSection.style.position = "relative";
-    const header = document2.createElement("div");
-    header.style.position = "relative";
-    header.style.display = "flex";
-    header.style.alignItems = "center";
-    header.style.gap = "8px";
-    header.style.height = "36px";
-    header.style.padding = PICKER_ROW_PADDING;
-    header.style.color = "inherit";
-    header.style.font = "600 12px/1 system-ui, sans-serif";
-    header.style.opacity = "0.72";
-    const headerIcon = document2.createElement("span");
-    headerIcon.setAttribute("aria-hidden", "true");
-    headerIcon.style.display = "inline-flex";
-    headerIcon.style.alignItems = "center";
-    headerIcon.style.justifyContent = "center";
-    headerIcon.style.width = "24px";
-    headerIcon.style.height = "24px";
-    headerIcon.style.flex = "none";
-    headerIcon.append(createRendererAgentIcon("codex", 16, document2));
-    header.append(headerIcon, input.accountsLabel);
-    const list = document2.createElement("div");
-    list.style.display = "flex";
-    list.style.flexDirection = "column";
-    list.style.gap = "2px";
-    list.style.maxHeight = "132px";
-    list.style.marginBottom = "4px";
-    list.style.paddingLeft = "14px";
-    list.style.overflowY = "auto";
-    list.style.scrollbarWidth = "thin";
-    const manage = document2.createElement("button");
-    manage.type = "button";
-    manage.dataset.codexAccountManage = "true";
-    manage.setAttribute("role", "menuitem");
-    manage.setAttribute("aria-label", input.manageAccountsLabel);
-    manage.title = input.manageAccountsLabel;
-    applyPickerTrailingSlot(manage);
-    manage.style.border = "0";
-    manage.style.borderRadius = "4px";
-    manage.style.background = "transparent";
-    manage.style.color = "inherit";
-    manage.style.opacity = "0.72";
-    manage.style.cursor = "pointer";
-    manage.append(createPickerChromeIcon("ellipsis"));
-    manage.addEventListener("pointerenter", () => {
-      manage.style.background = "rgba(127, 127, 127, 0.1)";
-      manage.style.opacity = "1";
-    });
-    manage.addEventListener("pointerleave", () => {
-      manage.style.background = "transparent";
-      manage.style.opacity = "0.72";
-    });
-    manage.addEventListener("click", input.onManage);
-    header.append(manage);
-    accountSection.append(header, list);
-    root.append(accountSection);
-    const badge = document2.createElement("span");
-    badge.setAttribute("aria-hidden", "true");
-    badge.style.display = "none";
-    badge.style.position = "absolute";
-    badge.style.right = "1px";
-    badge.style.bottom = "0";
-    badge.style.width = "9px";
-    badge.style.height = "9px";
-    badge.style.border = "1.5px solid Canvas";
-    badge.style.borderRadius = "50%";
-    badge.style.pointerEvents = "none";
-    const options = /* @__PURE__ */ new Map();
-    let accounts = [];
-    let presentationSignature = "";
-    const rebuild = (nextAccounts) => {
-      list.replaceChildren();
-      options.clear();
-      for (const account of nextAccounts) {
-        const row = document2.createElement("div");
-        const button = document2.createElement("button");
-        button.type = "button";
-        button.dataset.codexAccountId = account.accountId;
-        button.setAttribute("role", "menuitemradio");
-        button.style.display = "flex";
-        button.style.alignItems = "center";
-        button.style.gap = "8px";
-        button.style.width = "100%";
-        button.style.height = "36px";
-        button.style.padding = PICKER_ROW_PADDING;
-        button.style.color = "inherit";
-        button.style.background = "transparent";
-        button.style.border = "0";
-        button.style.borderRadius = "5px";
-        button.style.textAlign = "left";
-        button.style.cursor = "pointer";
-        setInteractiveHighlight(button);
-        const avatar = document2.createElement("span");
-        avatar.textContent = accountInitial(account);
-        avatar.style.display = "inline-flex";
-        avatar.style.alignItems = "center";
-        avatar.style.justifyContent = "center";
-        avatar.style.width = "20px";
-        avatar.style.height = "20px";
-        avatar.style.color = "#fff";
-        avatar.style.background = accountColor(account.accountId);
-        avatar.style.borderRadius = "50%";
-        avatar.style.font = "700 10px/1 system-ui, sans-serif";
-        const authLabel = formatCodexAccountAuthLabel(account, input.messages);
-        const name = document2.createElement("span");
-        name.style.display = "flex";
-        name.style.alignItems = "baseline";
-        name.style.minWidth = "0";
-        name.style.gap = "4px";
-        const local = document2.createElement("strong");
-        local.textContent = authLabel;
-        local.style.minWidth = "0";
-        local.style.overflow = "hidden";
-        local.style.font = "600 13px/1 system-ui, sans-serif";
-        local.style.textOverflow = "ellipsis";
-        local.style.whiteSpace = "nowrap";
-        name.append(local);
-        const check2 = document2.createElement("span");
-        check2.dataset.codexhostAgentTrailing = "check";
-        check2.setAttribute("aria-hidden", "true");
-        applyPickerTrailingSlot(check2);
-        check2.style.visibility = "hidden";
-        check2.style.pointerEvents = "none";
-        check2.append(createPickerChromeIcon("tick"));
-        button.title = authLabel;
-        button.setAttribute("aria-label", `${input.accountsLabel}: ${authLabel}`);
-        button.append(avatar, name);
-        button.addEventListener("click", () => input.onSelect(account.accountId));
-        row.style.position = "relative";
-        row.append(button, check2);
-        list.append(row);
-        options.set(account.accountId, { row, button, check: check2, action: null });
-      }
-      presentationSignature = codexAccountPresentationSignature(nextAccounts);
-    };
-    const control = {
-      root,
-      badge,
-      options,
-      accounts,
-      render({ accounts: nextAccounts, selectedAccountId, disabled, showBadge }) {
-        const nextSignature = codexAccountPresentationSignature(nextAccounts);
-        if (nextSignature !== presentationSignature) rebuild(nextAccounts);
-        accounts = [...nextAccounts];
-        control.accounts = accounts;
-        root.hidden = accounts.length === 0;
-        const selectedAccount = accounts.find(({ accountId }) => accountId === selectedAccountId);
-        badge.style.display = showBadge && selectedAccount ? "block" : "none";
-        if (selectedAccount) badge.style.background = accountColor(selectedAccount.accountId);
-        for (const account of accounts) {
-          const option = options.get(account.accountId);
-          if (!option) continue;
-          const selected = account.accountId === selectedAccountId;
-          option.button.disabled = disabled;
-          option.button.setAttribute("aria-checked", String(selected));
-          option.button.setAttribute("aria-pressed", String(selected));
-          option.button.style.background = selected ? "rgba(127, 127, 127, 0.16)" : "transparent";
-          option.button.style.cursor = disabled ? "not-allowed" : "pointer";
-          option.button.style.opacity = disabled && !selected ? "0.5" : "1";
-          option.check.style.visibility = selected ? "visible" : "hidden";
-        }
-      }
-    };
-    return control;
-  }
-  // src/renderer-picker-popover-style.ts
-  var STYLE_ATTRIBUTE = "data-codexhost-picker-popover-style";
-  var PICKER_POPOVER_CLASS = "codexhost-picker-popover";
-  var PICKER_POPOVER_BORDER_LIGHT = "#EFEFEF";
-  var PICKER_POPOVER_BORDER_DARK = "#424242";
-  var PICKER_POPOVER_BACKGROUND_DARK = "#2D2D2D";
-  var PICKER_POPOVER_BACKGROUND = `light-dark(Canvas, ${PICKER_POPOVER_BACKGROUND_DARK})`;
-  var PICKER_POPOVER_BORDER = `light-dark(${PICKER_POPOVER_BORDER_LIGHT}, ${PICKER_POPOVER_BORDER_DARK})`;
-  var PICKER_POPOVER_RADIUS = "24px";
-  function ensureRendererPickerPopoverStyle(ownerDocument) {
-    if (ownerDocument.querySelector(`style[${STYLE_ATTRIBUTE}]`)) return;
-    const style = ownerDocument.createElement("style");
-    style.setAttribute(STYLE_ATTRIBUTE, "true");
-    style.textContent = `
-    .${PICKER_POPOVER_CLASS} {
-      box-sizing: border-box;
-      border: 1px solid ${PICKER_POPOVER_BORDER};
-      border-radius: ${PICKER_POPOVER_RADIUS};
-      background: ${PICKER_POPOVER_BACKGROUND};
-      color: CanvasText;
-      box-shadow: none;
-      backdrop-filter: none;
-      -webkit-backdrop-filter: none;
-    }
-    .${PICKER_POPOVER_CLASS} :is(input, textarea) {
-      border: 1px solid ${PICKER_POPOVER_BORDER};
-      background: ${PICKER_POPOVER_BACKGROUND};
-      color: inherit;
-      box-shadow: none;
-    }
-  `;
-    (ownerDocument.head ?? ownerDocument.documentElement).append(style);
-  }
-  function applyRendererPickerPopoverSurface(element) {
-    ensureRendererPickerPopoverStyle(element.ownerDocument);
-    element.classList.add(PICKER_POPOVER_CLASS);
-    element.style.border = `1px solid ${PICKER_POPOVER_BORDER}`;
-    element.style.borderRadius = PICKER_POPOVER_RADIUS;
-    element.style.background = PICKER_POPOVER_BACKGROUND;
-    element.style.color = "CanvasText";
-    element.style.boxShadow = "none";
-    element.style.backdropFilter = "none";
-    element.style.setProperty("-webkit-backdrop-filter", "none");
-  }
   // src/settings/harness-install.ts
   var HARNESS_INSTALL_SPECS = Object.freeze({
     pi: {
@@ -17772,41 +17524,25 @@ ${error51.stderrTail}`] : []
     pluginsRefresh: "Scan environment",
     pluginsRefreshing: "Scanning...",
     connectionsDescription: "View runtime status by Host. Select an item to inspect details or complete its setup.",
-    accountsDescription: "View accounts and limits across Agents, and manage your Codex default account.",
+    accountsDescription: "View the current Codex identity and quotas, plus other Agent accounts.",
     accountConnected: "Accounts",
-    accountDefaultBadge: "Codex default",
-    accountAdd: "Add Codex account",
+    accountDefaultBadge: "Current",
     accountColumnAccount: "Account",
     accountColumnActions: "Manage",
+    accountColumnCredits: "Quota",
     accountSearch: "Search accounts or Agents\u2026",
-    accountEmpty: "No accounts yet. Add a Codex account or sign in to an Agent in its native client.",
+    accountEmpty: "No current identities found. Sign in through Codex Desktop or your Harness's native client.",
     accountNoMatches: "No matching 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",
+    accountDefaultHint: "This is the current identity for all Codex Threads.",
     accountCreditsRemaining: "Remaining",
     accountCreditsLoading: "Loading limits\u2026",
     accountCreditsEmpty: "No limit data available",
     accountCreditsFailed: "Could not load limits",
     accountCreditsRetry: "Retry",
     accountCreditsRefresh: "Refresh limits",
-    accountCreateFailed: "Could not add the Account.",
-    accountDelete: "Delete",
-    accountDeleteConfirm: "Delete this Account and its local data? This cannot be undone.",
-    accountDeleting: "Deleting Account...",
-    accountDeleteFailed: "Could not delete the Account.",
-    accountActive: "Default",
-    accountUse: "Set as default",
-    accountSignIn: "Sign in",
-    accountSigningIn: "Starting device sign-in...",
-    accountVerificationDescription: "Open the verification page and enter this one-time code:",
-    accountCopyCode: "Copy code",
-    accountCopied: "Copied",
-    accountLoginCancel: "Cancel sign-in",
-    accountLoginSucceeded: "Sign-in completed.",
-    accountLoginFailed: "Sign-in failed.",
     accountLoadFailed: "Could not load Codex Accounts.",
     accountAuthApiPrefix: "API",
     accountAuthChatPrefix: "Account",
@@ -17825,14 +17561,6 @@ ${error51.stderrTail}`] : []
     accountCreditsPeriodUnknown: "Limit",
     accountCreditsBuild: "Build",
     accountResetCredits: "Reset cards",
-    accountResetCreditsUse: "Use reset",
-    accountResetCreditsConfirm: "This uses 1 reset card and resets both the 5-hour and 7-day limits. This cannot be undone.",
-    accountResetCreditsUsing: "Using reset card...",
-    accountResetCreditsFailed: "Could not use the reset card.",
-    accountResetCreditsNothingToReset: "Usage does not need a reset right now.",
-    accountResetCreditsNoCredit: "No reset cards are available.",
-    accountResetCreditsAlreadyRedeemed: "That reset card was already used.",
-    accountResetCreditsSucceeded: "Limits were reset.",
     accountResetCreditsDetails: "Reset card details",
     accountResetCreditsCardExpiry: "Card {index} \xB7 expires {time}",
     connectionAdapter: "Renderer adapter",
@@ -18008,41 +17736,25 @@ ${error51.stderrTail}`] : []
     pluginsRefresh: "\u626B\u63CF\u73AF\u5883",
     pluginsRefreshing: "\u6B63\u5728\u626B\u63CF...",
     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: "\u67E5\u770B\u5404 Agent \u7684\u8D26\u53F7\u4E0E\u989D\u5EA6\uFF0C\u7BA1\u7406 Codex \u9ED8\u8BA4\u8D26\u53F7\u3002",
+    accountsDescription: "\u67E5\u770B\u5F53\u524D Codex \u8EAB\u4EFD\u4E0E\u989D\u5EA6\uFF0C\u4EE5\u53CA\u5176\u4ED6 Agent \u8D26\u53F7\u3002",
     accountConnected: "\u8D26\u53F7",
-    accountDefaultBadge: "Codex \u9ED8\u8BA4",
-    accountAdd: "\u6DFB\u52A0 Codex \u8D26\u53F7",
+    accountDefaultBadge: "\u5F53\u524D",
     accountColumnAccount: "\u8D26\u53F7",
     accountColumnActions: "\u7BA1\u7406",
+    accountColumnCredits: "\u989D\u5EA6",
     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",
+    accountEmpty: "\u5C1A\u672A\u8BC6\u522B\u5230\u5F53\u524D\u8EAB\u4EFD\uFF0C\u8BF7\u5728 Codex Desktop \u6216\u5BF9\u5E94 Harness \u7684\u539F\u751F\u5BA2\u6237\u7AEF\u767B\u5F55\u3002",
     accountNoMatches: "\u6CA1\u6709\u5339\u914D\u7684\u8D26\u53F7\u3002",
     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",
+    accountDefaultHint: "\u6240\u6709 Codex \u4F1A\u8BDD\u5F53\u524D\u4F7F\u7528\u6B64\u8EAB\u4EFD\u3002",
     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",
-    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",
-    accountDeleting: "\u6B63\u5728\u5220\u9664\u8D26\u53F7...",
-    accountDeleteFailed: "\u5220\u9664\u8D26\u53F7\u5931\u8D25\u3002",
-    accountActive: "\u9ED8\u8BA4\u8D26\u53F7",
-    accountUse: "\u8BBE\u4E3A\u9ED8\u8BA4",
-    accountSignIn: "\u767B\u5F55",
-    accountSigningIn: "\u6B63\u5728\u542F\u52A8\u8BBE\u5907\u767B\u5F55...",
-    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",
-    accountLoginCancel: "\u53D6\u6D88\u767B\u5F55",
-    accountLoginSucceeded: "\u767B\u5F55\u6210\u529F\u3002",
-    accountLoginFailed: "\u767B\u5F55\u5931\u8D25\u3002",
     accountLoadFailed: "\u65E0\u6CD5\u52A0\u8F7D Codex \u8D26\u53F7\u3002",
     accountAuthApiPrefix: "API",
     accountAuthChatPrefix: "\u8D26\u53F7",
@@ -18061,14 +17773,6 @@ ${error51.stderrTail}`] : []
     accountCreditsPeriodUnknown: "\u989D\u5EA6",
     accountCreditsBuild: "Build",
     accountResetCredits: "\u91CD\u7F6E\u5361",
-    accountResetCreditsUse: "\u4F7F\u7528\u91CD\u7F6E",
-    accountResetCreditsConfirm: "\u5C06\u6D88\u8017 1 \u5F20\u91CD\u7F6E\u5361\uFF0C\u540C\u65F6\u91CD\u7F6E 5 \u5C0F\u65F6\u548C 7 \u5929\u989D\u5EA6\u3002\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002",
-    accountResetCreditsUsing: "\u6B63\u5728\u4F7F\u7528\u91CD\u7F6E\u5361...",
-    accountResetCreditsFailed: "\u4F7F\u7528\u91CD\u7F6E\u5361\u5931\u8D25\u3002",
-    accountResetCreditsNothingToReset: "\u5F53\u524D\u989D\u5EA6\u4E0D\u9700\u8981\u91CD\u7F6E\u3002",
-    accountResetCreditsNoCredit: "\u6CA1\u6709\u53EF\u7528\u7684\u91CD\u7F6E\u5361\u3002",
-    accountResetCreditsAlreadyRedeemed: "\u8FD9\u5F20\u91CD\u7F6E\u5361\u5DF2\u7ECF\u4F7F\u7528\u8FC7\u3002",
-    accountResetCreditsSucceeded: "\u989D\u5EA6\u5DF2\u91CD\u7F6E\u3002",
     accountResetCreditsDetails: "\u91CD\u7F6E\u5361\u8BE6\u60C5",
     accountResetCreditsCardExpiry: "\u7B2C {index} \u5F20 \xB7 {time}\u5230\u671F",
     connectionAdapter: "Renderer \u9002\u914D\u5668",
@@ -18219,8 +17923,6 @@ ${error51.stderrTail}`] : []
     const messages = rendererSettingsMessages(resolveRendererSettingsLocale(languages));
     return {
       ...messages,
-      codexAccountsLabel: "Codex",
-      manageCodexAccountsLabel: messages.locale === "zh-CN" ? "\u7BA1\u7406 Codex \u8D26\u53F7" : "Manage Codex Accounts",
       ownershipErrorLabel: messages.locale === "zh-CN" ? "\u65E0\u6CD5\u786E\u8BA4\u4F1A\u8BDD\u7684 Agent\uFF1B\u91CD\u65B0\u805A\u7126\u7A97\u53E3\u4EE5\u91CD\u8BD5" : "Unable to determine the Thread Agent; refocus the window to retry"
     };
   }
@@ -18239,11 +17941,11 @@ ${error51.stderrTail}`] : []
     grok: "https://grok.com/",
     omp: "https://github.com/can1357/oh-my-pi",
     antigravity: "https://antigravity.google/product/antigravity-cli",
-    hermes: "https://hermes-agent.nousresearch.com/docs",
-    muse: "https://www.meta.ai/",
     "kiro-cli": "https://kiro.dev/docs/cli/",
     codebuddy: "https://www.codebuddy.ai/docs/zh/cli/overview",
-    "cursor-cli": "https://cursor.com/docs/cli/installation"
+    "cursor-cli": "https://cursor.com/docs/cli/installation",
+    hermes: "https://hermes-agent.nousresearch.com/docs",
+    muse: "https://www.meta.ai/"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
   var AGENT_MENU_WIDTH = 224;
@@ -18268,11 +17970,11 @@ ${error51.stderrTail}`] : []
       checkVisible: input.selected && !actionVisible
     };
   }
-  function rendererAgentPickerTooltip(state, activeAccount, accountCount = 0) {
-    const account = state.agent === "codex" && activeAccount && shouldExpandCodexAccountOptions(accountCount) ? ` \xB7 ${formatCodexAccountAuthLabel(activeAccount, rendererSettingsMessages(resolveRendererSettingsLocale(typeof navigator !== "undefined" ? navigator.languages : [])))}` : "";
+  function rendererAgentPickerTooltip(state, activeAccount) {
+    const account = state.agent === "codex" && activeAccount ? ` \xB7 ${activeAccount.email ?? activeAccount.label}` : "";
     return `Agent: ${RENDERER_AGENT_LABELS[state.agent]}${account}${state.phase === "locked" ? " (locked)" : ""}`;
   }
-  function rendererAgentPickerView(state, adapterState, switching, agents, availability = {}, codexAccountCount = 0) {
+  function rendererAgentPickerView(state, adapterState, switching, agents, availability = {}) {
     const optionDisabled = Object.fromEntries(
       agents.map((agent) => [
         agent,
@@ -18287,7 +17989,7 @@ ${error51.stderrTail}`] : []
     );
     return {
       label: RENDERER_AGENT_LABELS[state.agent],
-      triggerDisabled: switching || state.phase === "locked" || agents.length < 2 && codexAccountCount < 2,
+      triggerDisabled: switching || state.phase === "locked" || agents.length < 2,
       nativeModelHidden: switching || state.agent !== "codex",
       optionDisabled,
       downloadVisible,
@@ -18312,7 +18014,7 @@ ${error51.stderrTail}`] : []
       return !menu.hidden;
     }
   }
-  function mountRendererAgentPicker(composerId, enabledAgents, onSelect, onDownload, onSelectCodexAccount, onOpen, groupPreference = getSharedAgentGroupPreferenceStore()) {
+  function mountRendererAgentPicker(composerId, enabledAgents, onSelect, onDownload, onOpen, groupPreference = getSharedAgentGroupPreferenceStore()) {
     const root = document.createElement("div");
     root.setAttribute(CONTROL_ATTRIBUTE, composerId);
     root.style.display = "inline-flex";
@@ -18395,24 +18097,6 @@ ${error51.stderrTail}`] : []
       else menu.hidden = true;
       trigger.setAttribute("aria-expanded", "false");
     };
-    const codexAccountGroup = createRendererCodexAccountGroup({
-      ownerDocument: document,
-      accountsLabel: groupMessages.codexAccountsLabel,
-      manageAccountsLabel: groupMessages.manageCodexAccountsLabel,
-      messages: groupMessages,
-      onSelect(accountId) {
-        close();
-        trigger.focus();
-        onSelectCodexAccount(accountId);
-      },
-      onManage() {
-        close();
-        openSettingsPage("accounts", trigger);
-      }
-    });
-    const codexAccountOptions = codexAccountGroup.options;
-    const codexAccountContainer = codexAccountGroup.root;
-    trigger.append(codexAccountGroup.badge);
     const focusOption = (position) => {
       const available = [
         ...menu.querySelectorAll('[role="menuitemradio"], [role="menuitem"]')
@@ -18653,14 +18337,8 @@ ${error51.stderrTail}`] : []
       initiallyHidden: true,
       bordered: true
     });
-    let latestAvailability = {};
     let mainAgents = [...enabledAgents];
     let moreAgents = [];
-    const isInstalled = (agent) => latestAvailability[agent] !== "notInstalled";
-    const partitionExternal = (agents) => partitionAgentsByInstallStatus(
-      agents.filter((agent) => agent !== "codex").map((agent) => ({ agent })),
-      isInstalled
-    ).map((entry) => entry.agent);
     const regroup = () => {
       const enabledSet = new Set(enabledAgents);
       const seen = /* @__PURE__ */ new Set();
@@ -18681,15 +18359,12 @@ ${error51.stderrTail}`] : []
         seen.add(agent);
         nextMain.push(agent);
       }
-      const mainExternal = partitionExternal(nextMain);
-      const moreExternal = partitionExternal(nextMore);
-      mainAgents = enabledSet.has("codex") ? ["codex", ...mainExternal] : mainExternal;
-      moreAgents = moreExternal;
+      mainAgents = nextMain;
+      moreAgents = nextMore;
       const mainChildren = [];
       for (const agent of mainAgents) {
         const row = rowsByAgent.get(agent);
         if (row) mainChildren.push(row);
-        if (agent === "codex") mainChildren.push(codexAccountContainer);
       }
       mainGroup.replaceChildren(...mainChildren);
       moreRows.replaceChildren(
@@ -18762,15 +18437,6 @@ ${error51.stderrTail}`] : []
       menu,
       agents: [...enabledAgents],
       options,
-      syncAvailability(availability) {
-        latestAvailability = availability;
-        regroup();
-      },
-      codexAccounts: [],
-      codexAccountOptions,
-      codexAccountContainer,
-      codexAccountGroup,
-      selectCodexAccount: onSelectCodexAccount,
       close,
       dispose() {
         close();
@@ -18786,18 +18452,13 @@ ${error51.stderrTail}`] : []
     };
     return control;
   }
-  function renderRendererAgentPicker(control, state, adapterState, switching, availability = {}, codexAccounts = [], ownershipError = false) {
-    control.syncAvailability(availability);
-    control.codexAccounts = [...codexAccounts];
-    const codexOption = control.options.codex;
-    if (codexOption) codexOption.row.hidden = shouldExpandCodexAccountOptions(codexAccounts.length);
+  function renderRendererAgentPicker(control, state, adapterState, switching, availability = {}, currentCodexAccount = null, ownershipError = false) {
     const view = rendererAgentPickerView(
       state,
       adapterState,
       switching,
       control.agents,
-      availability,
-      shouldExpandCodexAccountOptions(codexAccounts.length) ? codexAccounts.length : 0
+      availability
     );
     if (control.iconSlot.dataset.agent !== state.agent) {
       control.iconSlot.replaceChildren(createRendererAgentIcon(state.agent));
@@ -18809,14 +18470,7 @@ ${error51.stderrTail}`] : []
       "aria-label",
       ownershipError ? pickerGroupMessages().ownershipErrorLabel : state.phase === "locked" ? `Agent: ${view.label}` : `Select Agent, current ${view.label}`
     );
-    const activeAccount = codexAccounts.find(({ active }) => active);
-    control.codexAccountGroup.render({
-      accounts: shouldExpandCodexAccountOptions(codexAccounts.length) ? codexAccounts : [],
-      selectedAccountId: state.agent === "codex" ? activeAccount?.accountId ?? null : null,
-      disabled: switching || state.phase === "locked",
-      showBadge: state.agent === "codex" && shouldExpandCodexAccountOptions(codexAccounts.length)
-    });
-    control.trigger.title = ownershipError ? pickerGroupMessages().ownershipErrorLabel : rendererAgentPickerTooltip(state, activeAccount, codexAccounts.length);
+    control.trigger.title = ownershipError ? pickerGroupMessages().ownershipErrorLabel : rendererAgentPickerTooltip(state, currentCodexAccount ?? void 0);
     control.trigger.style.cursor = control.trigger.disabled ? "not-allowed" : "pointer";
     control.trigger.style.opacity = control.trigger.disabled && !switching ? "0.72" : "1";
     control.iconSlot.style.display = switching || ownershipError ? "none" : "inline-flex";
@@ -19978,6 +19632,32 @@ ${error51.stderrTail}`] : []
     }
   }
+  // src/renderer-codex-account-options.ts
+  function codexAccountAuthKind(account) {
+    return account.authKind === "api" ? "api" : "chatgpt";
+  }
+  function formatCodexAccountAuthLabel(account, messages) {
+    if (codexAccountAuthKind(account) === "api") {
+      const identity2 = account.authIdentity?.trim() || messages.accountAuthApiIdentityFallback;
+      return `${messages.accountAuthApiPrefix} - ${identity2}`;
+    }
+    const identity = account.email ?? account.authIdentity;
+    if (!identity) return `${messages.accountAuthChatPrefix} - ${account.label}`;
+    return `${messages.accountAuthChatPrefix} - ${identity}`;
+  }
+  function codexAccountDisplayName(account) {
+    const full = account.email ?? account.label;
+    const separator = account.email?.lastIndexOf("@") ?? -1;
+    if (!account.email || separator <= 0 || separator === account.email.length - 1) {
+      return { local: full, domain: null, full };
+    }
+    return {
+      local: account.email.slice(0, separator),
+      domain: account.email.slice(separator + 1),
+      full
+    };
+  }
   // src/renderer-usage-control.ts
   var ENGLISH_USAGE_MESSAGES = Object.freeze({
     usage: "Usage",
@@ -21531,7 +21211,7 @@ ${error51.stderrTail}`] : []
     setNativeControlHidden(control.nativeContextUsageControl, false);
     setNativeControlHidden(control.nativePermissionModeControl, hidePermissionMode);
   }
-  function mountComposerAgentControl(composer, composerId, sendButton, enabledAgents, onSelect, onDownload, onSelectCodexAccount, onOpenProviderPicker, onSelectModel, onSelectThinking, onSelectPermissionMode, onSelectCommand) {
+  function mountComposerAgentControl(composer, composerId, sendButton, enabledAgents, onSelect, onDownload, onOpenProviderPicker, onSelectModel, onSelectThinking, onSelectPermissionMode, onSelectCommand) {
     const nativeModelControl = captureNativeControl(nativeModelControlForComposer(composer));
     const nativeContextUsageControl = captureNativeControl(
       nativeContextUsageControlForComposer(composer)
@@ -21544,7 +21224,6 @@ ${error51.stderrTail}`] : []
       enabledAgents,
       onSelect,
       onDownload,
-      onSelectCodexAccount,
       onOpenProviderPicker
     );
     const modelPicker = mountRendererModelPicker(composerId, onSelectModel, onSelectThinking);
@@ -21589,7 +21268,7 @@ ${error51.stderrTail}`] : []
     refreshCreditsPlacement(control);
     return control;
   }
-  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null, accountCredits = null, locale = "en", codexAccounts = [], ownershipError = false) {
+  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null, accountCredits = null, locale = "en", currentCodexAccount = null, ownershipError = false) {
     if (control.usage === null) {
       control.usage = mountRendererUsageControl(control.composerId, locale);
     }
@@ -21616,7 +21295,7 @@ ${error51.stderrTail}`] : []
       adapterState,
       switching,
       availability,
-      codexAccounts,
+      currentCodexAccount,
       ownershipError
     );
     reconcileComposerNativeControls(
@@ -21632,7 +21311,7 @@ ${error51.stderrTail}`] : []
       permissionModeVisible,
       locale
     );
-    const selectedCodexAccount = state.agent === "codex" && !ownershipError ? codexAccounts.find((account) => account.active) : void 0;
+    const selectedCodexAccount = state.agent === "codex" && !ownershipError ? currentCodexAccount : void 0;
     if (control.usage) {
       renderRendererUsageControl(
         control.usage,
@@ -21648,7 +21327,7 @@ ${error51.stderrTail}`] : []
     if (state.agent === "codex") control.harnessCommands.close();
     renderRendererCreditsControl(
       control.credits,
-      selectedCodexAccount && codexAccountAuthKind(selectedCodexAccount) === "api" ? null : composerAccountCredits(accountCredits),
+      selectedCodexAccount && codexAccountAuthKind(selectedCodexAccount) === "api" ? null : accountCredits,
       locale
     );
   }
@@ -21716,40 +21395,119 @@ ${error51.stderrTail}`] : []
   }
   // src/renderer-codex-account-state.ts
-  function resolveCodexAccountSelection(accounts, overrideAccountId) {
-    const activeAccountId = accounts.find((account) => account.active)?.accountId ?? null;
-    const validOverrideAccountId = accounts.some((account) => account.accountId === overrideAccountId) ? overrideAccountId : null;
-    return {
-      activeAccountId,
-      overrideAccountId: validOverrideAccountId,
-      selectedAccountId: validOverrideAccountId ?? activeAccountId
-    };
+  function resolveCurrentCodexAccountId(accounts, currentAccountId) {
+    return accounts.some((account) => account.accountId === currentAccountId) ? currentAccountId : null;
+  }
+  function shouldApplyCodexAccountSnapshot(current, next) {
+    if (!current) return true;
+    if (next.instanceId !== void 0 && next.instanceId !== current.instanceId) return true;
+    if (current.instanceId !== void 0 && next.instanceId === void 0) return false;
+    return next.revision >= current.revision;
   }
   var RendererCodexAccountState = class {
-    constructor(client) {
+    constructor(client, changed = () => void 0) {
       this.client = client;
+      let unsubscribe;
+      try {
+        unsubscribe = client.subscribeCodexAccounts?.((state) => {
+          if (this.#apply(state)) changed();
+        });
+      } catch {
+      }
+      this.#unsubscribe = unsubscribe;
     }
     client;
     accounts = [];
-    overrideAccountId = null;
-    switching = false;
+    currentAccountId = null;
+    phase = "unavailable";
+    revision = 0;
+    instanceId;
+    #hasSnapshot = false;
     #request = null;
-    get selection() {
-      return resolveCodexAccountSelection(this.accounts, this.overrideAccountId);
+    #unsubscribe;
+    get readyAccountId() {
+      return resolveCurrentCodexAccountId(
+        this.accounts,
+        this.phase === "ready" ? this.currentAccountId : null
+      );
     }
     refresh() {
       if (this.#request) return this.#request;
       this.#request = Promise.resolve().then(() => this.client.listCodexAccounts()).then((result) => {
-        this.accounts = result.accounts;
-        this.overrideAccountId = this.selection.overrideAccountId;
+        this.#apply(result);
       }).catch(() => {
       }).finally(() => {
         this.#request = null;
       });
       return this.#request;
     }
+    dispose() {
+      this.#unsubscribe?.();
+    }
+    #apply(result) {
+      if (!shouldApplyCodexAccountSnapshot(
+        this.#hasSnapshot ? { instanceId: this.instanceId, revision: this.revision } : null,
+        result
+      )) {
+        return false;
+      }
+      this.#hasSnapshot = true;
+      this.accounts = result.accounts;
+      this.currentAccountId = result.currentAccountId;
+      this.phase = result.phase;
+      this.revision = result.revision;
+      this.instanceId = result.instanceId;
+      return true;
+    }
   };
+  // ../desktop-control/dist/renderer-react-ownership.js
+  function committedReactAncestors(value) {
+    const MAX_VISITED_FIBERS = 2e4;
+    const fiber = (value2) => typeof value2 === "object" && value2 !== null ? value2 : null;
+    const first = fiber(value);
+    if (!first)
+      return [];
+    const previous = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (let node = first; node; node = fiber(node.return)) {
+      if (seen.has(node) || seen.size >= MAX_VISITED_FIBERS)
+        return [];
+      seen.add(node);
+      previous.push(node);
+    }
+    const rootState = fiber(previous.at(-1)?.stateNode);
+    if (!rootState || !("current" in rootState))
+      return previous;
+    const current = fiber(rootState.current);
+    if (!current)
+      return [];
+    const stack = [{ node: current, parent: null }];
+    const alternate = fiber(first.alternate);
+    seen.clear();
+    while (stack.length > 0 && seen.size < MAX_VISITED_FIBERS) {
+      const entry = stack.pop();
+      if (!entry)
+        break;
+      if (seen.has(entry.node))
+        return [];
+      seen.add(entry.node);
+      if (entry.node === first || entry.node === alternate) {
+        const ancestors = [];
+        for (let cursor = entry; cursor; cursor = cursor.parent)
+          ancestors.push(cursor.node);
+        return ancestors;
+      }
+      const sibling = entry.parent && fiber(entry.node.sibling);
+      if (sibling)
+        stack.push({ node: sibling, parent: entry.parent });
+      const child = fiber(entry.node.child);
+      if (child)
+        stack.push({ node: child, parent: entry });
+    }
+    return [];
+  }
   // src/renderer-request-sender.ts
   var RendererMethodUnavailableError = class extends Error {
     constructor(method, cause) {
@@ -22671,6 +22429,8 @@ ${error51.stderrTail}`] : []
   // src/renderer-model-client.ts
   var HARNESS_INSPECT_METHOD = "codexhost/harness/inspect";
   var HARNESS_PLUGIN_LIST_METHOD = "codexhost/harness/plugins/list";
+  var HARNESS_ACCOUNT_SOURCES_METHOD = "codexhost/harness/accounts/sources";
+  var HARNESS_ACCOUNT_INSPECT_METHOD = "codexhost/harness/accounts/inspect";
   var HARNESS_WEB_UI_OPEN_METHOD = "codexhost/harness/web-ui/open";
   var THREAD_FORK_METHOD = "codexhost/thread/fork";
   var THREAD_INSPECT_METHOD = "codexhost/thread/inspect";
@@ -22685,23 +22445,23 @@ ${error51.stderrTail}`] : []
   var THREAD_USAGE_INSPECT_METHOD = "codexhost/thread/usage/inspect";
   var THREAD_USAGE_UPDATED_METHOD = "codexhost/thread/usage/updated";
   var THREAD_TOKEN_USAGE_UPDATED_METHOD = "thread/tokenUsage/updated";
+  var TURN_COMPLETED_METHOD = "turn/completed";
+  var THREAD_USAGE_REFRESH_METHODS = [
+    THREAD_TOKEN_USAGE_UPDATED_METHOD,
+    THREAD_USAGE_UPDATED_METHOD,
+    TURN_COMPLETED_METHOD
+  ];
   var UPDATE_CHECK_METHOD = "codexhost/update/check";
   var UPDATE_START_METHOD = "codexhost/update/start";
   var UPDATE_STATUS_METHOD = "codexhost/update/status";
   var CODEX_ACCOUNT_LIST_METHOD = "codexhost/account/list";
   var CODEX_ACCOUNT_REFRESH_METHOD = "codexhost/account/refresh";
-  var CODEX_ACCOUNT_CREATE_METHOD = "codexhost/account/create";
-  var CODEX_ACCOUNT_DELETE_METHOD = "codexhost/account/delete";
-  var CODEX_ACCOUNT_ACTIVATE_METHOD = "codexhost/account/activate";
-  var CODEX_ACCOUNT_LOGIN_START_METHOD = "codexhost/account/login/start";
-  var CODEX_ACCOUNT_LOGIN_CANCEL_METHOD = "codexhost/account/login/cancel";
-  var CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD = "codexhost/account/login/completed";
-  var CODEX_ACCOUNT_RESET_CREDIT_CONSUME_METHOD = "codexhost/account/rate-limit-reset/consume";
+  var CODEX_ACCOUNT_CHANGED_METHOD = "codexhost/account/changed";
   function isRecord6(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function notifiedThreadId(notification) {
-    if (!isRecord6(notification) || notification.method !== THREAD_TOKEN_USAGE_UPDATED_METHOD && notification.method !== THREAD_USAGE_UPDATED_METHOD) {
+    if (!isRecord6(notification) || !THREAD_USAGE_REFRESH_METHODS.includes(notification.method)) {
       return null;
     }
     const params = notification.params;
@@ -22717,15 +22477,28 @@ ${error51.stderrTail}`] : []
   function createThreadUsageSubscriptionRelay() {
     const listeners = /* @__PURE__ */ new Set();
     let removeNotificationCallback = null;
+    let connectedClient = null;
+    let generation = 0;
+    const disconnect = () => {
+      generation += 1;
+      removeNotificationCallback?.();
+      removeNotificationCallback = null;
+      connectedClient = null;
+    };
     return {
       connect(client) {
-        if (removeNotificationCallback || listeners.size === 0) return;
+        if (client === connectedClient && removeNotificationCallback) return;
+        disconnect();
+        if (!client || listeners.size === 0) return;
+        connectedClient = client;
+        const subscriptionGeneration = generation;
         try {
           removeNotificationCallback = client.subscribeThreadUsage?.((update) => {
+            if (subscriptionGeneration !== generation) return;
             for (const listener of listeners) listener(update);
           }) ?? null;
         } catch {
-          removeNotificationCallback = null;
+          disconnect();
         }
       },
       subscribe(listener) {
@@ -22733,13 +22506,11 @@ ${error51.stderrTail}`] : []
         return () => {
           listeners.delete(listener);
           if (listeners.size > 0) return;
-          removeNotificationCallback?.();
-          removeNotificationCallback = null;
+          disconnect();
         };
       },
       dispose() {
-        removeNotificationCallback?.();
-        removeNotificationCallback = null;
+        disconnect();
         listeners.clear();
       }
     };
@@ -22862,7 +22633,7 @@ ${error51.stderrTail}`] : []
         let disposed = false;
         const generations = /* @__PURE__ */ new Map();
         const removeNotificationCallback = notifications.addNotificationCallback(
-          [THREAD_TOKEN_USAGE_UPDATED_METHOD, THREAD_USAGE_UPDATED_METHOD],
+          THREAD_USAGE_REFRESH_METHODS,
           (notification) => {
             const threadId = notifiedThreadId(notification);
             if (!threadId) return;
@@ -22911,16 +22682,25 @@ ${error51.stderrTail}`] : []
         );
         return codexAccountUsageResultSchema.parse(result);
       },
-      async consumeCodexAccountResetCredit(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_RESET_CREDIT_CONSUME_METHOD,
-          codexAccountResetCreditConsumeParamsSchema.parse(input)
+      async listHarnessAccountSources() {
+        return harnessAccountSourceListResultSchema.parse(
+          await manager.sendRequest(HARNESS_ACCOUNT_SOURCES_METHOD, {})
+        );
+      },
+      async inspectHarnessAccount(input) {
+        return harnessAccountInspectResultSchema.parse(
+          await manager.sendRequest(
+            HARNESS_ACCOUNT_INSPECT_METHOD,
+            harnessAccountInspectParamsSchema.parse(input)
+          )
         );
-        return codexAccountResetCreditConsumeResultSchema.parse(result);
       },
-      async listHarnessAccounts() {
+      async listHarnessAccounts(input = {}) {
         return harnessAccountListResultSchema.parse(
-          await manager.sendRequest("codexhost/harness/accounts/list", {})
+          await manager.sendRequest(
+            "codexhost/harness/accounts/list",
+            harnessAccountListParamsSchema.parse(input)
+          )
         );
       },
       async listCodexAccounts() {
@@ -22931,56 +22711,16 @@ ${error51.stderrTail}`] : []
         const result = await manager.sendRequest(CODEX_ACCOUNT_REFRESH_METHOD, {});
         return codexAccountListResultSchema.parse(result);
       },
-      async createCodexAccount(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_CREATE_METHOD,
-          codexAccountCreateParamsSchema.parse(input)
-        );
-        return codexAccountMutationResultSchema.parse(result);
-      },
-      async deleteCodexAccount(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_DELETE_METHOD,
-          codexAccountDeleteParamsSchema.parse(input)
-        );
-        return codexAccountDeleteResultSchema.parse(result);
-      },
-      async activateCodexAccount(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_ACTIVATE_METHOD,
-          codexAccountActivateParamsSchema.parse(input)
-        );
-        return codexAccountMutationResultSchema.parse(result);
-      },
-      async startCodexAccountLogin(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_LOGIN_START_METHOD,
-          codexAccountLoginStartParamsSchema.parse(input)
-        );
-        return codexAccountLoginStartResultSchema.parse(result);
-      },
-      async cancelCodexAccountLogin(input) {
-        const result = await manager.sendRequest(
-          CODEX_ACCOUNT_LOGIN_CANCEL_METHOD,
-          codexAccountLoginCancelParamsSchema.parse(input)
-        );
-        return codexAccountLoginCancelResultSchema.parse(result);
-      },
-      subscribeCodexAccountLogin(listener) {
+      subscribeCodexAccounts(listener) {
         const notifications = notificationTarget(source);
         if (!notifications?.addNotificationCallback) {
-          throw new Error("Renderer Account login notification callback is unavailable");
+          throw new Error("Renderer Account notification callback is unavailable");
         }
-        return notifications.addNotificationCallback(
-          CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD,
-          (notification) => {
-            if (!isRecord6(notification) || notification.method !== CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD) {
-              return;
-            }
-            const result = codexAccountLoginCompletedSchema.safeParse(notification.params);
-            if (result.success) listener(result.data);
-          }
-        );
+        return notifications.addNotificationCallback(CODEX_ACCOUNT_CHANGED_METHOD, (notification) => {
+          if (!isRecord6(notification) || notification.method !== CODEX_ACCOUNT_CHANGED_METHOD) return;
+          const state = codexAccountChangedSchema.safeParse(notification.params);
+          if (state.success) listener(state.data);
+        });
       }
     });
   }
@@ -23305,17 +23045,13 @@ ${error51.stderrTail}`] : []
       return [];
     }
     const targets = /* @__PURE__ */ new Set();
-    let fiber = firstFiber2;
-    for (let depth = 0; depth < 200; depth += 1) {
+    for (const fiber of committedReactAncestors(firstFiber2)) {
       let hook = fiber.memoizedState;
       for (let hookIndex = 0; hook && hookIndex < 100; hookIndex += 1) {
         const owner = requestTargetOwnerFromHookState(hook.memoizedState);
         if (owner) targets.add(owner);
         hook = typeof hook.next === "object" && hook.next !== null ? hook.next : null;
       }
-      const parent = fiber.return;
-      if (typeof parent !== "object" && typeof parent !== "function" || parent === null) break;
-      fiber = parent;
     }
     return [...targets];
   }
@@ -23541,6 +23277,7 @@ ${error51.stderrTail}`] : []
     const syncActiveRoute = (route) => {
       const policy = route?.policy ?? null;
       const client = route ? modelClientForTargets(route.targets, route.policy) : null;
+      usageSubscription.connect(client);
       if (activeRoutePolicy === policy && activeRouteClient === client) return client;
       activeRoutePolicy = policy;
       activeRouteClient = client;
@@ -23554,7 +23291,6 @@ ${error51.stderrTail}`] : []
     const currentModelClient = () => {
       const client = currentRequestRoute() ? activeRouteClient : null;
       if (!client) throw new Error("Renderer Model request manager is unavailable");
-      usageSubscription.connect(client);
       return client;
     };
     const modelControl = Object.freeze({
@@ -23593,29 +23329,35 @@ ${error51.stderrTail}`] : []
         if (!client.inspectCodexAccountUsage) throw new Error("Codex Account Usage is unavailable");
         return client.inspectCodexAccountUsage(input);
       },
-      consumeCodexAccountResetCredit: (input) => {
+      listHarnessAccountSources: () => {
         const client = currentModelClient();
-        if (!client.consumeCodexAccountResetCredit) {
-          throw new Error("Codex Account reset-credit consume is unavailable");
+        if (!client.listHarnessAccountSources) {
+          throw new Error("Harness account source discovery is unavailable");
         }
-        return client.consumeCodexAccountResetCredit(input);
+        return client.listHarnessAccountSources();
       },
-      listHarnessAccounts: () => {
+      inspectHarnessAccount: (input) => {
+        const client = currentModelClient();
+        if (!client.inspectHarnessAccount) {
+          throw new Error("Harness account inspection is unavailable");
+        }
+        return client.inspectHarnessAccount(input);
+      },
+      listHarnessAccounts: (input) => {
         const client = currentModelClient();
         if (!client.listHarnessAccounts) throw new Error("Harness account inspection is unavailable");
-        return client.listHarnessAccounts();
+        return client.listHarnessAccounts(input);
       },
       listCodexAccounts: () => currentModelClient().listCodexAccounts(),
       refreshCodexAccounts: () => {
         const client = currentModelClient();
         return client.refreshCodexAccounts?.() ?? client.listCodexAccounts();
       },
-      createCodexAccount: (input) => currentModelClient().createCodexAccount(input),
-      deleteCodexAccount: (input) => currentModelClient().deleteCodexAccount(input),
-      activateCodexAccount: (input) => currentModelClient().activateCodexAccount(input),
-      startCodexAccountLogin: (input) => currentModelClient().startCodexAccountLogin(input),
-      cancelCodexAccountLogin: (input) => currentModelClient().cancelCodexAccountLogin(input),
-      subscribeCodexAccountLogin: (listener) => currentModelClient().subscribeCodexAccountLogin(listener)
+      subscribeCodexAccounts: (listener) => {
+        const client = currentModelClient();
+        if (!client.subscribeCodexAccounts) throw new Error("Codex Account updates are unavailable");
+        return client.subscribeCodexAccounts(listener);
+      }
     });
     const forkControl = installRendererForkControl({
       getClient: () => modelControl,
@@ -25714,7 +25456,6 @@ ${error51.stderrTail}`] : []
     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");
@@ -25740,20 +25481,7 @@ ${error51.stderrTail}`] : []
     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);
+    dialog.append(close, heading, description);
     trigger.addEventListener("click", () => dialog.showModal());
     root.append(trigger, dialog);
     return root;
@@ -25878,36 +25606,86 @@ ${error51.stderrTail}`] : []
     const mode = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
     return `${creditsPeriodLabel2(period, messages)}${messages.locale === "zh-CN" ? "" : " "}${mode}`;
   }
-  function splitUsageWindows(credits, messages) {
-    const columns = {};
+  function comparisonPeriod(periodType) {
+    if (periodType === "five_hour") return "five_hour";
+    if (periodType === "weekly" || periodType === "seven_day") return "seven_day";
+    return null;
+  }
+  function scopedUsageProduct(product) {
+    const suffixes = [
+      [" \xB7 5-hour window", "five_hour"],
+      [" \xB7 Weekly window", "seven_day"],
+      [" \xB7 7-day window", "seven_day"],
+      [" \xB7 5-hour", "five_hour"],
+      [" \xB7 7-day", "seven_day"]
+    ];
+    for (const [suffix, period] of suffixes) {
+      if (!product.endsWith(suffix)) continue;
+      const scope = product.slice(0, -suffix.length).trim();
+      if (scope) return { scope, period };
+    }
+    return null;
+  }
+  function splitUsageWindows(credits, messages, filter) {
+    const generic = { columns: {} };
+    const scopedRows = /* @__PURE__ */ new Map();
     const additional = [];
+    const addScoped = (scope, period, window2) => {
+      const rows2 = scopedRows.get(scope) ?? [];
+      let row = rows2.find((candidate) => !candidate.columns[period]);
+      if (!row) {
+        row = { scope, columns: {} };
+        rows2.push(row);
+        scopedRows.set(scope, rows2);
+      }
+      row.columns[period] = { ...window2, label: scope, scoped: true };
+    };
+    const addWindow = (window2, period, scope) => {
+      if (scope && period) addScoped(scope, period, window2);
+      else if (!scope && period && !generic.columns[period]) generic.columns[period] = window2;
+      else additional.push(window2);
+    };
     if (credits.usedPercent !== void 0) {
       const primary = {
         label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
         usedPercent: credits.usedPercent,
-        resetsAt: credits.resetsAt
+        resetsAt: credits.resetsAt,
+        scoped: Boolean(credits.label && scopedUsageProduct(credits.label))
       };
-      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);
+      const primaryScope = credits.label ? scopedUsageProduct(credits.label) : null;
+      addWindow(
+        primary,
+        primaryScope?.period ?? (credits.label ? null : comparisonPeriod(credits.periodType)),
+        primaryScope?.scope
+      );
     }
     for (const product of credits.productUsage ?? []) {
+      const scoped = scopedUsageProduct(product.product);
       const window2 = {
         label: creditsProductLabel(product.product, messages),
         usedPercent: product.usagePercent,
-        resetsAt: product.resetsAt
+        resetsAt: product.resetsAt,
+        scoped: Boolean(scoped)
       };
-      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 };
+      const genericPeriod = product.product === "5-hour window" ? "five_hour" : product.product === "7-day window" ? "seven_day" : null;
+      addWindow(window2, scoped?.period ?? genericPeriod, scoped?.scope);
+    }
+    const structured = [...scopedRows.values()].flat();
+    let rows = Object.keys(generic.columns).length > 0 ? [generic, ...structured] : structured;
+    if (rows.length === 0) rows = [generic];
+    if (filter === "weekly-only") {
+      rows = rows.map((row) => ({
+        ...row,
+        columns: row.columns.seven_day ? { seven_day: row.columns.seven_day } : {}
+      })).filter((row) => row.columns.seven_day);
+      if (rows.length === 0) rows = [{ columns: {} }];
+      return { rows, additional: [] };
+    }
+    return { rows, additional };
   }
   function renderUsageWindow(document2, window2, messages, display) {
     const meter = document2.createElement("div");
-    meter.className = "settings-account-usage__meter";
+    meter.className = window2.scoped ? "settings-account-usage__meter settings-account-usage__meter--scoped" : "settings-account-usage__meter";
     const label = document2.createElement("span");
     label.className = "settings-account-usage__title";
     label.textContent = window2.label;
@@ -25936,7 +25714,9 @@ ${error51.stderrTail}`] : []
     if (reset) meter.append(reset.timestamp);
     return meter;
   }
-  function renderAccountUsage(document2, state, messages, display, onRetry, usageColumns = 2) {
+  function renderAccountUsage(document2, state, messages, display, onRetry, options = {}) {
+    const usageColumns = options.usageColumns ?? 2;
+    const filter = options.filter ?? "all";
     if (state?.status !== "ready") {
       const cell = document2.createElement("td");
       cell.colSpan = usageColumns;
@@ -25958,7 +25738,7 @@ ${error51.stderrTail}`] : []
         usage.append(retry);
       }
       cell.append(usage);
-      return { cells: [cell], additional: null };
+      return { cells: [cell], continuationCells: [], additional: null };
     }
     const credits = state.credits;
     if (credits.remaining !== void 0 && credits.unit && credits.usedPercent === void 0) {
@@ -25982,20 +25762,20 @@ ${error51.stderrTail}`] : []
       meter.append(value);
       usage.append(meter);
       cell.append(usage);
-      return { cells: [cell], additional: null };
+      return { cells: [cell], continuationCells: [], additional: null };
     }
-    const { columns, additional } = splitUsageWindows(credits, messages);
-    const cells = ["five_hour", "seven_day"].map((period) => {
+    const { rows, additional } = splitUsageWindows(credits, messages, filter);
+    const renderCells = (row) => ["five_hour", "seven_day"].map((period) => {
       const cell = document2.createElement("td");
       cell.className = "settings-account-usage-cell";
-      const window2 = columns[period];
+      const window2 = row.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);
+        label.textContent = row.scope ?? creditsPeriodLabel2(period, messages);
         const dash = document2.createElement("span");
         dash.textContent = "\u2014";
         dash.setAttribute("aria-hidden", "true");
@@ -26004,14 +25784,17 @@ ${error51.stderrTail}`] : []
       }
       return cell;
     });
-    if (!additional.length) return { cells, additional: null };
+    const [firstRow = { columns: {} }, ...continuations] = rows;
+    const cells = renderCells(firstRow);
+    const continuationCells = continuations.map(renderCells);
+    if (!additional.length) return { cells, continuationCells, 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 };
+    return { cells, continuationCells, additional: extra };
   }
-  function renderAccountResetCredits(document2, credits, messages, options) {
+  function renderAccountResetCredits(document2, credits, messages) {
     const resetCredits = credits.resetCredits;
     if (!resetCredits) return null;
     const summary = document2.createElement("button");
@@ -26057,15 +25840,6 @@ ${error51.stderrTail}`] : []
       copy.append(list);
     }
     details.append(copy);
-    if (options.onUseReset) {
-      const use = document2.createElement("button");
-      use.type = "button";
-      use.className = "settings-command-button settings-command-button--secondary";
-      use.textContent = options.usingReset ? messages.accountResetCreditsUsing : messages.accountResetCreditsUse;
-      use.disabled = options.resetDisabled;
-      use.addEventListener("click", options.onUseReset);
-      details.append(use);
-    }
     return { summary, details };
   }
@@ -26106,7 +25880,7 @@ ${error51.stderrTail}`] : []
       (row ?? fallback).focus({ preventScroll: true });
     };
   }
-  function createAccountsTable(document2, messages, kind) {
+  function createAccountsTable(document2, messages, kind = "chatgpt") {
     const table = document2.createElement("table");
     table.className = `settings-account-table settings-account-table--${kind}`;
     table.setAttribute(
@@ -26125,7 +25899,7 @@ ${error51.stderrTail}`] : []
     const updateDisplay = (display) => {
       const labels = kind === "api" ? [
         messages.accountColumnAccount,
-        messages.accountCreditsRemaining,
+        messages.accountColumnCredits,
         messages.accountColumnActions
       ] : [
         messages.accountColumnAccount,
@@ -26221,86 +25995,46 @@ ${error51.stderrTail}`] : []
         agent: "Codex",
         plan: accountPlanLabel(account.planType),
         highlighted: account.planType === "pro" || account.planType === "prolite",
-        active: account.active,
+        active: input.current,
         mark
       })
     );
-    const usageColumns = authKind === "api" ? 1 : 2;
-    const usage = renderAccountUsage(
-      document2,
-      input.usage,
-      messages,
-      input.display,
-      input.onRetry,
-      usageColumns
-    );
+    const usage = renderAccountUsage(document2, input.usage, messages, input.display, input.onRetry, {
+      usageColumns: authKind === "api" ? 1 : 2,
+      filter: account.planType === "pro" ? "weekly-only" : "all"
+    });
     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) {
-      const activate = document2.createElement("button");
-      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);
-      actions.append(activate);
-    }
-    if (authKind !== "api" && !account.email) {
-      const signIn = document2.createElement("button");
-      signIn.type = "button";
-      signIn.className = "settings-account-action";
-      signIn.textContent = messages.accountSignIn;
-      signIn.dataset.accountFocus = `${account.accountId}:login`;
-      signIn.disabled = input.actionsDisabled;
-      signIn.addEventListener("click", input.onSignIn);
-      actions.append(signIn);
-    }
-    const more = [];
-    if (account.email && input.usage) {
+    if (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.disabled = 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-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.addEventListener("click", input.onDelete);
-      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);
+      management.append(refresh);
+    }
     actionsCell.append(management);
+    const continuationRows = usage.continuationCells.map((cells) => {
+      const continuation = document2.createElement("tr");
+      continuation.className = "settings-account-row settings-account-quota-continuation-row";
+      continuation.dataset.accountId = account.accountId;
+      continuation.append(...cells);
+      return continuation;
+    });
+    if (continuationRows.length > 0) {
+      personCell.rowSpan = continuationRows.length + 1;
+      personCell.className += " settings-account-spanning-cell";
+      actionsCell.rowSpan = continuationRows.length + 1;
+      actionsCell.className += " settings-account-spanning-cell";
+    }
     row.append(personCell, ...usage.cells, actionsCell);
-    const reset = input.usage?.status === "ready" ? renderAccountResetCredits(document2, input.usage.credits, messages, input) : null;
-    if (!reset) return [row];
+    const reset = input.usage?.status === "ready" ? renderAccountResetCredits(document2, input.usage.credits, messages) : null;
+    if (!reset) return [row, ...continuationRows];
     const detailsRow = document2.createElement("tr");
     detailsRow.className = "settings-account-details-row";
     detailsRow.id = `settings-account-reset-${++resetDetailsSequence}`;
@@ -26318,9 +26052,9 @@ ${error51.stderrTail}`] : []
       input.onResetExpanded(!detailsRow.hidden);
     });
     management.append(reset.summary);
-    return [row, detailsRow];
+    return [row, ...continuationRows, detailsRow];
   }
-  function renderHarnessAccountRow(document2, account, messages, display) {
+  function renderHarnessAccountRows(document2, account, messages, display) {
     const row = document2.createElement("tr");
     row.className = "settings-account-row";
     row.dataset.harnessId = account.harnessId;
@@ -26344,10 +26078,11 @@ ${error51.stderrTail}`] : []
     );
     const usage = renderAccountUsage(
       document2,
-      { status: "ready", credits: account.credits },
+      { status: "ready", credits: account.credits, freshness: "live", observedAt: null },
       messages,
       display,
-      () => void 0
+      () => void 0,
+      { filter: account.harnessId === "grok" ? "weekly-only" : "all" }
     );
     if (usage.additional) personCell.append(usage.additional);
     const managementCell = document2.createElement("td");
@@ -26360,19 +26095,75 @@ ${error51.stderrTail}`] : []
       label: `${account.harnessName} \xB7 ${messages.accountNativeManaged}`,
       description: messages.accountNativeManagementHint.replace("{harness}", account.harnessName),
       focusKey: `harness:${account.harnessId}:info`,
-      icon: "info",
-      actions: []
+      icon: "info"
     });
     management.append(label, info);
     managementCell.append(management);
+    const continuationRows = usage.continuationCells.map((cells) => {
+      const continuation = document2.createElement("tr");
+      continuation.className = "settings-account-row settings-account-quota-continuation-row";
+      continuation.dataset.harnessId = account.harnessId;
+      continuation.append(...cells);
+      return continuation;
+    });
+    if (continuationRows.length > 0) {
+      personCell.rowSpan = continuationRows.length + 1;
+      personCell.className += " settings-account-spanning-cell";
+      managementCell.rowSpan = continuationRows.length + 1;
+      managementCell.className += " settings-account-spanning-cell";
+    }
     row.append(personCell, ...usage.cells, managementCell);
-    return row;
+    return [row, ...continuationRows];
   }
   // src/settings/harness-accounts.ts
+  function sortedAccounts(accounts) {
+    return [...accounts].sort((a, b) => {
+      if (a.harnessId === "antigravity") return b.harnessId === "antigravity" ? 0 : 1;
+      if (b.harnessId === "antigravity") return -1;
+      return a.harnessId.localeCompare(b.harnessId);
+    });
+  }
   function createHarnessAccounts(signal, getClient, onChange) {
     let accounts = [];
     let refreshing = false;
+    const loadProgressively = async (client, force) => {
+      let sources;
+      try {
+        sources = await client.listHarnessAccountSources();
+      } catch {
+        return false;
+      }
+      if (signal.aborted) return true;
+      const byHarnessId = new Map(accounts.map((account) => [account.harnessId, account]));
+      await Promise.all(
+        sources.sources.map(async (source) => {
+          try {
+            const result = await client.inspectHarnessAccount({
+              harnessId: source.harnessId,
+              ...force ? { refresh: true } : {}
+            });
+            if (signal.aborted || result.harnessId !== source.harnessId) return;
+            if (result.account) {
+              byHarnessId.set(result.harnessId, {
+                ...result.account,
+                harnessId: result.harnessId,
+                harnessName: result.harnessName
+              });
+            } else {
+              byHarnessId.delete(source.harnessId);
+            }
+          } catch {
+            if (!signal.aborted) byHarnessId.delete(source.harnessId);
+          }
+          if (!signal.aborted) {
+            accounts = sortedAccounts(byHarnessId.values());
+            onChange();
+          }
+        })
+      );
+      return true;
+    };
     return {
       get accounts() {
         return accounts;
@@ -26380,16 +26171,25 @@ ${error51.stderrTail}`] : []
       get refreshing() {
         return refreshing;
       },
-      async refresh() {
+      async refresh(force = false) {
         if (refreshing || signal.aborted) return;
         const client = getClient();
-        if (!client?.listHarnessAccounts) return;
+        if (!client) return;
         refreshing = true;
+        accounts = [];
         onChange();
         try {
-          const result = await client.listHarnessAccounts();
-          if (!signal.aborted)
-            accounts = [...result.accounts].sort((a, b) => a.harnessId.localeCompare(b.harnessId));
+          const progressive = client.listHarnessAccountSources && client.inspectHarnessAccount ? await loadProgressively(
+            {
+              listHarnessAccountSources: client.listHarnessAccountSources.bind(client),
+              inspectHarnessAccount: client.inspectHarnessAccount.bind(client)
+            },
+            force
+          ) : false;
+          if (progressive || signal.aborted) return;
+          if (!client.listHarnessAccounts) return;
+          const result = await client.listHarnessAccounts(force ? { refresh: true } : {});
+          if (!signal.aborted) accounts = sortedAccounts(result.accounts);
         } catch {
           if (!signal.aborted) accounts = [];
         } finally {
@@ -26404,9 +26204,6 @@ ${error51.stderrTail}`] : []
   function errorMessage(error51, fallback) {
     return error51 instanceof Error && error51.message ? error51.message : fallback;
   }
-  function accountHasUsage(account) {
-    return account.authKind === "api" || Boolean(account.email);
-  }
   function createAccountsSettingsPage(messages, getClient) {
     return Object.freeze({
       id: "accounts",
@@ -26416,19 +26213,15 @@ ${error51.stderrTail}`] : []
         const document2 = context.content.ownerDocument;
         const header = document2.createElement("div");
         header.className = "settings-connection-page-header";
-        const copy = document2.createElement("div");
+        const headingCopy = document2.createElement("div");
         const heading = document2.createElement("div");
         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(heading, description);
-        const add = document2.createElement("button");
-        add.type = "button";
-        add.className = "settings-command-button settings-command-button--secondary";
-        add.append(createRendererSettingsIcon("add", 16), messages.accountAdd);
-        header.append(copy, add);
+        headingCopy.append(heading, description);
+        header.append(headingCopy);
         const status = document2.createElement("p");
         status.className = "settings-account-status";
         status.setAttribute("aria-live", "polite");
@@ -26453,6 +26246,7 @@ ${error51.stderrTail}`] : []
         const displayControls = document2.createElement("div");
         displayControls.className = "settings-segmented";
         displayControls.setAttribute("role", "group");
+        displayControls.setAttribute("aria-label", messages.accountColumnCredits);
         const displayButtons = /* @__PURE__ */ new Map();
         for (const display of ["used", "remaining"]) {
           const button = document2.createElement("button");
@@ -26475,7 +26269,7 @@ ${error51.stderrTail}`] : []
         refreshUsage.addEventListener("click", () => {
           usageByAccountId.clear();
           loadUsage(accounts);
-          void harnessAccounts?.refresh();
+          void harnessAccounts?.refresh(true);
         });
         search.addEventListener("input", () => render());
         toolbar.append(connected, searchWrapper, displayControls, refreshUsage);
@@ -26486,142 +26280,38 @@ ${error51.stderrTail}`] : []
         context.content.append(header, status, toolbar, groups);
         const stopCountdowns = mountAccountResetCountdowns(groups, messages, context.signal);
         let accounts = [];
-        let accountCreating = false;
-        let accountActivating = false;
-        let deletingAccountId = null;
-        let login = null;
-        let loginStartingAccountId = null;
-        let loginMessage = null;
-        let loginRefreshTimer;
+        let currentAccountId = null;
+        let accountPhase = "unavailable";
+        let accountRevision = 0;
+        let accountInstanceId;
+        let hasAccountSnapshot = false;
+        let loadMessage = null;
         const usageByAccountId = /* @__PURE__ */ new Map();
-        let usingResetAccountId = null;
         let usageDisplay = "remaining";
         const expandedResetAccounts = /* @__PURE__ */ new Set();
-        const accountBusy = () => accountCreating || accountActivating || deletingAccountId !== null || login !== null || loginStartingAccountId !== null || usingResetAccountId !== null;
-        const clearLoginRefresh = () => {
-          if (loginRefreshTimer === void 0) return;
-          document2.defaultView?.clearTimeout(loginRefreshTimer);
-          loginRefreshTimer = void 0;
-        };
-        const scheduleLoginRefresh = () => {
-          clearLoginRefresh();
-          if (!login || context.signal.aborted) return;
-          loginRefreshTimer = document2.defaultView?.setTimeout(() => {
-            loginRefreshTimer = void 0;
-            if (!login || context.signal.aborted) return;
-            void context.runLatest(
-              () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
-              {
-                success(result) {
-                  const signedIn = result.accounts.some(
-                    (account) => account.accountId === login?.accountId && account.email
-                  );
-                  if (signedIn) {
-                    login = null;
-                    loginMessage = messages.accountLoginSucceeded;
-                  }
-                  setAccounts(result.accounts);
-                  scheduleLoginRefresh();
-                },
-                failure() {
-                  scheduleLoginRefresh();
-                }
-              }
-            );
-          }, 750);
-        };
-        const appendCodexAccount = (body, account) => {
-          body.append(
-            ...renderAccountRows(document2, account, messages, {
-              usage: usageByAccountId.get(account.accountId),
-              display: usageDisplay,
-              actionsDisabled: accountBusy(),
-              usingReset: usingResetAccountId === account.accountId,
-              resetDisabled: accountBusy(),
-              resetExpanded: expandedResetAccounts.has(account.accountId),
-              onActivate: () => mutate(() => client().activateCodexAccount({ accountId: account.accountId })),
-              onSignIn: () => startLogin(account.accountId),
-              onDelete: () => deleteAccount(account.accountId),
-              onRetry: () => {
-                usageByAccountId.delete(account.accountId);
-                loadUsage(accounts);
-              },
-              onResetExpanded: (open) => {
-                if (open) expandedResetAccounts.add(account.accountId);
-                else expandedResetAccounts.delete(account.accountId);
-              },
-              ...getClient()?.consumeCodexAccountResetCredit ? { onUseReset: () => useReset(account.accountId) } : {}
-            })
-          );
-          if (login?.accountId !== account.accountId) return;
-          const verification = document2.createElement("div");
-          verification.className = "settings-account-verification";
-          const prompt = document2.createElement("span");
-          prompt.textContent = messages.accountVerificationDescription;
-          const link = document2.createElement("a");
-          link.href = login.verificationUrl;
-          link.target = "_blank";
-          link.rel = "noopener noreferrer";
-          link.textContent = login.verificationUrl;
-          link.addEventListener("click", (event) => {
-            const bridge = document2.defaultView?.electronBridge;
-            if (typeof bridge?.sendMessageFromView !== "function") return;
-            event.preventDefault();
-            void Promise.resolve(
-              bridge.sendMessageFromView({
-                type: "open-in-browser",
-                url: login?.verificationUrl ?? link.href,
-                initiator: "open_in_browser_bridge",
-                openTarget: "external-browser",
-                source: "manual"
-              })
-            ).catch(() => void 0);
-          });
-          const code = document2.createElement("code");
-          code.textContent = login.userCode;
-          const copyCode = document2.createElement("button");
-          copyCode.type = "button";
-          copyCode.className = "settings-command-button settings-command-button--secondary";
-          copyCode.textContent = messages.accountCopyCode;
-          copyCode.addEventListener("click", () => {
-            void document2.defaultView?.navigator.clipboard?.writeText(login?.userCode ?? "").then(() => {
-              copyCode.textContent = messages.accountCopied;
-            });
-          });
-          const cancel = document2.createElement("button");
-          cancel.type = "button";
-          cancel.className = "settings-command-button settings-command-button--secondary";
-          cancel.textContent = messages.accountLoginCancel;
-          cancel.addEventListener(
-            "click",
-            () => cancelLogin(login?.accountId ?? "", login?.loginId ?? "")
-          );
-          verification.append(prompt, link, code, copyCode, cancel);
-          const verificationRow = document2.createElement("tr");
-          const verificationCell = document2.createElement("td");
-          verificationCell.colSpan = codexAccountAuthKind(account) === "api" ? 3 : 4;
-          verificationCell.append(verification);
-          verificationRow.append(verificationCell);
-          body.append(verificationRow);
-        };
         const render = () => {
           const restoreFocus = accountListFocusRestorer(groups, search);
           apiGroup.body.replaceChildren();
           chatGroup.body.replaceChildren();
-          status.textContent = loginMessage ?? "";
+          status.replaceChildren();
+          if (loadMessage) status.append(loadMessage);
           connectedCount.textContent = String(accounts.length + harnessAccounts.accounts.length);
           apiGroup.updateDisplay(usageDisplay);
           chatGroup.updateDisplay(usageDisplay);
-          search.disabled = login !== null || loginStartingAccountId !== null;
           for (const [display, button] of displayButtons) {
-            const selected = display === usageDisplay;
-            button.setAttribute("aria-pressed", String(selected));
-            button.className = selected ? "settings-segmented__item settings-segmented__item--selected" : "settings-segmented__item";
+            button.setAttribute("aria-pressed", String(display === usageDisplay));
           }
-          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => accountHasUsage(account))) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
+          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || accounts.length === 0) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading");
           const query = search.value.trim().toLocaleLowerCase();
           const visibleAccounts = accounts.filter(
-            (account) => `Codex ${account.email ?? ""} ${account.label} ${account.authIdentity ?? ""} ${account.authKind ?? ""} ${accountPlanLabel(account.planType) ?? ""}`.toLocaleLowerCase().includes(query)
+            (account) => [
+              "Codex",
+              account.email ?? "",
+              account.label,
+              account.authIdentity ?? "",
+              account.authKind ?? "",
+              accountPlanLabel(account.planType) ?? ""
+            ].join(" ").toLocaleLowerCase().includes(query)
           );
           const visibleApi = visibleAccounts.filter(
             (account) => codexAccountAuthKind(account) === "api"
@@ -26633,7 +26323,6 @@ ${error51.stderrTail}`] : []
             (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
           );
           displayControls.hidden = !accounts.some((account) => codexAccountAuthKind(account) !== "api") && harnessAccounts.accounts.length === 0;
-          add.disabled = accountBusy();
           groups.replaceChildren();
           if (visibleApi.length + visibleChat.length + visibleHarnessAccounts.length === 0) {
             const empty = document2.createElement("div");
@@ -26645,14 +26334,48 @@ ${error51.stderrTail}`] : []
             groups.append(empty);
           } else {
             if (visibleApi.length) {
-              for (const account of visibleApi) appendCodexAccount(apiGroup.body, account);
+              for (const account of visibleApi) {
+                apiGroup.body.append(
+                  ...renderAccountRows(document2, account, messages, {
+                    current: accountPhase === "ready" && account.accountId === currentAccountId,
+                    usage: usageByAccountId.get(account.accountId),
+                    display: usageDisplay,
+                    resetExpanded: expandedResetAccounts.has(account.accountId),
+                    onRetry: () => {
+                      usageByAccountId.delete(account.accountId);
+                      loadUsage(accounts);
+                    },
+                    onResetExpanded: (open) => {
+                      if (open) expandedResetAccounts.add(account.accountId);
+                      else expandedResetAccounts.delete(account.accountId);
+                    }
+                  })
+                );
+              }
               groups.append(apiGroup.root);
             }
             if (visibleChat.length + visibleHarnessAccounts.length) {
-              for (const account of visibleChat) appendCodexAccount(chatGroup.body, account);
+              for (const account of visibleChat) {
+                chatGroup.body.append(
+                  ...renderAccountRows(document2, account, messages, {
+                    current: accountPhase === "ready" && account.accountId === currentAccountId,
+                    usage: usageByAccountId.get(account.accountId),
+                    display: usageDisplay,
+                    resetExpanded: expandedResetAccounts.has(account.accountId),
+                    onRetry: () => {
+                      usageByAccountId.delete(account.accountId);
+                      loadUsage(accounts);
+                    },
+                    onResetExpanded: (open) => {
+                      if (open) expandedResetAccounts.add(account.accountId);
+                      else expandedResetAccounts.delete(account.accountId);
+                    }
+                  })
+                );
+              }
               for (const account of visibleHarnessAccounts) {
                 chatGroup.body.append(
-                  renderHarnessAccountRow(document2, account, messages, usageDisplay)
+                  ...renderHarnessAccountRows(document2, account, messages, usageDisplay)
                 );
               }
               groups.append(chatGroup.root);
@@ -26667,12 +26390,12 @@ ${error51.stderrTail}`] : []
         };
         const loadUsage = (nextAccounts) => {
           const inspect = getClient()?.inspectCodexAccountUsage;
-          const signedIn = nextAccounts.filter((account) => accountHasUsage(account));
-          const keep = new Set(signedIn.map((account) => account.accountId));
+          const saved = [...nextAccounts];
+          const keep = new Set(saved.map((account) => account.accountId));
           for (const accountId of [...usageByAccountId.keys()]) {
             if (!keep.has(accountId)) usageByAccountId.delete(accountId);
           }
-          const pending = signedIn.filter((account) => !usageByAccountId.has(account.accountId));
+          const pending = saved.filter((account) => !usageByAccountId.has(account.accountId));
           if (!inspect || pending.length === 0) {
             render();
             return;
@@ -26691,7 +26414,12 @@ ${error51.stderrTail}`] : []
                   return;
                 usageByAccountId.set(
                   account.accountId,
-                  result.accountCredits ? { status: "ready", credits: result.accountCredits } : { status: "empty" }
+                  result.accountCredits ? {
+                    status: "ready",
+                    credits: result.accountCredits,
+                    freshness: result.freshness,
+                    observedAt: result.observedAt
+                  } : { status: "empty" }
                 );
               } catch {
                 if (context.signal.aborted || usageByAccountId.get(account.accountId) !== loading)
@@ -26702,13 +26430,24 @@ ${error51.stderrTail}`] : []
             })
           );
         };
-        const setAccounts = (nextAccounts) => {
-          accounts = nextAccounts;
+        const setAccounts = (result) => {
+          if (!shouldApplyCodexAccountSnapshot(
+            hasAccountSnapshot ? { instanceId: accountInstanceId, revision: accountRevision } : null,
+            result
+          )) {
+            return;
+          }
+          hasAccountSnapshot = true;
+          accounts = result.accounts;
+          currentAccountId = result.currentAccountId;
+          accountPhase = result.phase;
+          accountRevision = result.revision;
+          accountInstanceId = result.instanceId;
           for (const accountId of expandedResetAccounts) {
             if (!accounts.some((account) => account.accountId === accountId))
               expandedResetAccounts.delete(accountId);
           }
-          loadUsage(nextAccounts);
+          loadUsage(accounts);
         };
         const refreshInBackground = () => {
           if (!client().refreshCodexAccounts) return;
@@ -26716,7 +26455,7 @@ ${error51.stderrTail}`] : []
             () => client().refreshCodexAccounts?.() ?? client().listCodexAccounts(),
             {
               success(result) {
-                setAccounts(result.accounts);
+                setAccounts(result);
               },
               failure() {
               }
@@ -26726,165 +26465,21 @@ ${error51.stderrTail}`] : []
         const load = () => {
           void context.runLatest(() => client().listCodexAccounts(), {
             success(result) {
-              loginMessage = null;
-              setAccounts(result.accounts);
+              loadMessage = null;
+              setAccounts(result);
               refreshInBackground();
             },
             failure(error51) {
-              loginMessage = errorMessage(error51, messages.accountLoadFailed);
-              render();
-            }
-          });
-        };
-        const mutate = (operation) => {
-          if (accountBusy()) return;
-          accountActivating = true;
-          render();
-          void context.runLatest(() => operation(), {
-            success(result) {
-              accountActivating = false;
-              loginMessage = null;
-              setAccounts(
-                accounts.map((account) => ({
-                  ...account.accountId === result.account.accountId ? result.account : account,
-                  active: account.accountId === result.account.accountId
-                }))
-              );
-            },
-            failure(error51) {
-              accountActivating = false;
-              loginMessage = errorMessage(error51, messages.accountLoadFailed);
-              render();
-            }
-          });
-        };
-        const startLogin = (accountId) => {
-          if (accountBusy()) return;
-          loginStartingAccountId = accountId;
-          loginMessage = messages.accountSigningIn;
-          render();
-          void context.runLatest(() => client().startCodexAccountLogin({ accountId }), {
-            success(result) {
-              loginStartingAccountId = null;
-              login = result;
-              loginMessage = null;
-              render();
-              scheduleLoginRefresh();
-            },
-            failure(error51) {
-              loginStartingAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountLoginFailed);
-              render();
-            }
-          });
-        };
-        const createAndLogin = () => {
-          if (accountBusy()) return;
-          accountCreating = true;
-          loginMessage = messages.accountSigningIn;
-          render();
-          void context.runLatest(() => client().createCodexAccount({}), {
-            success(result) {
-              accountCreating = false;
-              loginMessage = null;
-              search.value = "";
-              setAccounts([
-                ...accounts.filter(({ accountId }) => accountId !== result.account.accountId),
-                result.account
-              ]);
-              startLogin(result.account.accountId);
-            },
-            failure(error51) {
-              accountCreating = false;
-              loginMessage = errorMessage(error51, messages.accountCreateFailed);
-              render();
-            }
-          });
-        };
-        const resetOutcomeMessage = (outcome) => {
-          if (outcome === "reset") return messages.accountResetCreditsSucceeded;
-          if (outcome === "nothingToReset") return messages.accountResetCreditsNothingToReset;
-          if (outcome === "noCredit") return messages.accountResetCreditsNoCredit;
-          return messages.accountResetCreditsAlreadyRedeemed;
-        };
-        const useReset = (accountId) => {
-          const consume = getClient()?.consumeCodexAccountResetCredit;
-          if (!consume || accountBusy()) return;
-          if (document2.defaultView?.confirm?.(messages.accountResetCreditsConfirm) === false) return;
-          usingResetAccountId = accountId;
-          loginMessage = messages.accountResetCreditsUsing;
-          render();
-          void context.runLatest(() => consume({ accountId, idempotencyKey: crypto.randomUUID() }), {
-            success(result) {
-              usingResetAccountId = null;
-              loginMessage = resetOutcomeMessage(result.outcome);
-              if (result.accountCredits) {
-                usageByAccountId.set(accountId, {
-                  status: "ready",
-                  credits: result.accountCredits
-                });
-              } else if (result.outcome === "reset") {
-                usageByAccountId.delete(accountId);
-                loadUsage(accounts);
-              }
-              render();
-            },
-            failure(error51) {
-              usingResetAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountResetCreditsFailed);
+              loadMessage = errorMessage(error51, messages.accountLoadFailed);
               render();
             }
           });
         };
-        const deleteAccount = (accountId) => {
-          const account = accounts.find((candidate) => candidate.accountId === accountId);
-          if (!account || account.isDefault || accountBusy()) return;
-          if (document2.defaultView?.confirm?.(messages.accountDeleteConfirm) === false) return;
-          deletingAccountId = accountId;
-          loginMessage = messages.accountDeleting;
-          render();
-          void context.runLatest(() => client().deleteCodexAccount({ accountId }), {
-            success() {
-              deletingAccountId = null;
-              loginMessage = null;
-              setAccounts(
-                accounts.filter((candidate) => candidate.accountId !== accountId).map((candidate) => ({
-                  ...candidate,
-                  active: account.active ? candidate.isDefault : candidate.active
-                }))
-              );
-            },
-            failure(error51) {
-              deletingAccountId = null;
-              loginMessage = errorMessage(error51, messages.accountDeleteFailed);
-              render();
-            }
-          });
-        };
-        const cancelLogin = (accountId, loginId) => {
-          void context.runLatest(() => client().cancelCodexAccountLogin({ accountId, loginId }), {
-            success() {
-              clearLoginRefresh();
-              login = null;
-              loginMessage = null;
-              render();
-            },
-            failure(error51) {
-              loginMessage = errorMessage(error51, messages.accountLoginFailed);
-              render();
-            }
-          });
-        };
-        add.addEventListener("click", createAndLogin);
-        let unsubscribe;
+        let unsubscribeAccounts;
         try {
-          unsubscribe = getClient()?.subscribeCodexAccountLogin?.((result) => {
-            if (result.loginId !== login?.loginId) return;
-            clearLoginRefresh();
-            login = null;
-            loginMessage = result.success ? messages.accountLoginSucceeded : result.error ?? messages.accountLoginFailed;
+          unsubscribeAccounts = getClient()?.subscribeCodexAccounts?.((result) => {
+            setAccounts(result);
             render();
-            if (result.success) load();
           });
         } catch {
         }
@@ -26893,8 +26488,7 @@ ${error51.stderrTail}`] : []
         load();
         return () => {
           stopCountdowns();
-          clearLoginRefresh();
-          unsubscribe?.();
+          unsubscribeAccounts?.();
         };
       }
     });
@@ -27491,7 +27085,7 @@ ${error51.stderrTail}`] : []
   var shell_default = ':host {\n  /* Inherit Codex Desktop color-scheme; light-dark() tracks the host page. */\n  --settings-bg: light-dark(#ffffff, #181818);\n  --settings-sidebar: light-dark(#f4f4f5, #1c1c1c);\n  --settings-panel: transparent;\n  --settings-text: light-dark(#171717, #f5f5f5);\n  --settings-muted: light-dark(#737373, #a1a1a1);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-divider: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-hover: light-dark(rgb(15 23 42 / 5%), rgb(255 255 255 / 6%));\n  --settings-active: light-dark(rgb(51 156 255 / 14%), rgb(51 156 255 / 12%));\n  --settings-focus: #339cff;\n  --settings-elevated: light-dark(#ffffff, #2c2c2e);\n  --settings-inset: light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 18%));\n  --settings-surface: light-dark(rgb(15 23 42 / 3%), rgb(255 255 255 / 2%));\n  --settings-surface-strong: light-dark(rgb(15 23 42 / 6%), rgb(255 255 255 / 6%));\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-mark: light-dark(#52525b, #d4d8de);\n  --settings-dialog-shadow: light-dark(\n    0 24px 64px rgb(15 23 42 / 16%),\n    0 24px 64px rgb(0 0 0 / 38%)\n  );\n  --settings-backdrop: light-dark(rgb(15 23 42 / 28%), rgb(0 0 0 / 52%));\n  --settings-segmented-shadow:\n    0 0 0 0.5px light-dark(rgb(15 23 42 / 6%), rgb(0 0 0 / 4%)),\n    0 3px 1px 0 light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 4%)),\n    0 3px 8px 0 light-dark(rgb(15 23 42 / 10%), rgb(0 0 0 / 12%));\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  --settings-dialog-max-width: 1120px;\n  --settings-dialog-max-height: 780px;\n  --settings-dialog-inset: max(52px, env(titlebar-area-height, 0px));\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.codexhost-settings-dialog {\n  width: min(var(--settings-dialog-max-width), calc(100vw - 2 * var(--settings-dialog-inset)));\n  height: min(var(--settings-dialog-max-height), calc(100vh - 2 * var(--settings-dialog-inset)));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: var(--settings-backdrop);\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: 28px;\n  padding: 7px 9px 3px 4px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 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: 14px;\n  font-weight: 600;\n  line-height: 21px;\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-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  padding: 0 0 28px;\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-strong);\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-strong);\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  min-width: 0;\n  margin: 0 0 16px;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 8px;\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: transparent;\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-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n}\n\n.settings-session-import-search {\n  align-items: stretch;\n  margin: 16px 0 0;\n}\n\n.settings-session-import-pagination {\n  margin: 16px 0 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  box-sizing: border-box;\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,\n.settings-session-import-search .settings-command-button {\n  box-sizing: border-box;\n  height: 36px;\n  min-height: 36px;\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.settings-session-import-pagination select {\n  min-height: 28px;\n  padding: 2px 8px;\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  line-height: 18px;\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: none;\n  min-width: 0;\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-content {\n  margin-top: 16px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 0;\n  gap: 12px;\n  padding: 12px 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-strong);\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: 8px 0 0;\n}\n\n.settings-connection-page-header .settings-page-description + .settings-page-description {\n  margin-top: 8px;\n}\n\n.settings-update-header {\n  margin-bottom: 8px;\n}\n\n.settings-connections-content,\n.settings-plugins-content,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content {\n  display: grid;\n  gap: 12px;\n}\n\n.settings-connection-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-segmented {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  padding: 2px;\n  gap: 3px;\n  background: var(--settings-surface-strong);\n  border-radius: 10px;\n}\n\n.settings-segmented__item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 4px 14px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition:\n    color 0.15s ease,\n    background-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.settings-segmented__item:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-segmented__item--selected,\n.settings-segmented__item[aria-selected="true"],\n.settings-segmented__item[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-elevated);\n  box-shadow: var(--settings-segmented-shadow);\n}\n\n.settings-segmented__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.settings-segmented__item:disabled:hover {\n  color: var(--settings-muted);\n  background: transparent;\n}\n\n.settings-segmented__item: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  /* Component : Status : Actions = 4 : 3 : 3 */\n  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr);\n  align-items: center;\n  min-width: 0;\n  column-gap: 16px;\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: var(--settings-surface);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row,\n.settings-connection-rows > .settings-connection-block {\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row:last-child,\n.settings-connection-rows > .settings-connection-block:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\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-mark);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface-strong);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-table-header > :last-child {\n  text-align: end;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 6px;\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-inline-detail {\n  display: grid;\n  gap: 12px;\n  margin-top: 2px;\n  padding: 14px 12px 16px;\n  border-top: 1px solid var(--settings-divider);\n  background: var(--settings-inset);\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-divider[data-connection-drag-over="true"] {\n  color: var(--settings-focus);\n  background: rgb(51 156 255 / 8%);\n  border-radius: 6px;\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  padding: 0;\n  color: var(--settings-focus);\n  font: inherit;\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-connection-install-link:hover,\n.settings-connection-install-link:focus-visible {\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-command {\n  display: grid;\n  gap: 4px;\n  margin-top: 8px;\n}\n\n.settings-connection-install-command span {\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 14px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.settings-connection-install-command code {\n  display: block;\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  font-size: 11px;\n  line-height: 16px;\n  white-space: pre-wrap;\n}\n\n.settings-connection-install-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-connection-copy-prompt {\n  position: relative;\n}\n\n.settings-connection-copy-prompt__tooltip {\n  position: absolute;\n  z-index: 4;\n  bottom: calc(100% + 6px);\n  left: 0;\n  width: max-content;\n  max-width: min(360px, 72vw);\n  max-height: 180px;\n  overflow: auto;\n  padding: 8px 10px;\n  color: var(--settings-text);\n  font-size: 11px;\n  line-height: 16px;\n  white-space: pre-wrap;\n  text-align: left;\n  background: var(--settings-elevated);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  box-shadow: 0 10px 24px rgb(0 0 0 / 22%);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-copy-prompt:hover .settings-connection-copy-prompt__tooltip,\n.settings-connection-copy-prompt:focus-within .settings-connection-copy-prompt__tooltip {\n  opacity: 1;\n  visibility: visible;\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-page {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  box-sizing: border-box;\n  min-height: min(620px, calc(100vh - 200px));\n  max-width: 720px;\n}\n\n.settings-about-page > .settings-section-label {\n  padding-bottom: 10px;\n}\n\n.settings-about-panel {\n  display: grid;\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-lead,\n.settings-about-extension,\n.settings-about-closing p,\n.settings-about-copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-lead {\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-about-agents {\n  display: grid;\n  gap: 10px;\n  margin: 2px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.settings-about-agent {\n  display: grid;\n  gap: 4px;\n  padding-left: 2px;\n}\n\n.settings-about-agent-name {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-about-agent-name::before {\n  content: "\xB7 ";\n  color: var(--settings-muted);\n  font-weight: 600;\n}\n\n.settings-about-agent-description {\n  display: block;\n  padding-left: 0.85em;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.settings-about-closing {\n  display: grid;\n  gap: 8px;\n}\n\n.settings-about-repository {\n  gap: 10px;\n}\n\n.settings-about-open-source {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.35em;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\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: 4px 0 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #7cb8ff;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n}\n\n.settings-about-repository-link .codexhost-settings-icon {\n  display: block;\n  flex: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-brand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 12px;\n  color: inherit;\n  opacity: 0.9;\n  text-decoration: none;\n  transition: opacity 160ms ease;\n}\n\n.settings-about-brand:hover {\n  opacity: 1;\n}\n\n.settings-about-brand-video {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  overflow: hidden;\n  object-fit: cover;\n  border-radius: 999px;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);\n}\n\n.settings-about-brand-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n}\n\n.settings-about-brand-name {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 18px;\n}\n\n.settings-about-brand-tagline {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  line-height: 16px;\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 0 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/* Soft status copy and the Update action should not sit in a framed card. */\n.settings-update-panel[data-update-state="unavailable"],\n.settings-update-panel[data-update-state="failed"],\n.settings-update-panel[data-update-state="error"],\n.settings-update-panel[data-update-state="available"] {\n  padding: 4px 0 0;\n  border: 0;\n  border-radius: 0;\n}\n\n.settings-update-panel__status-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-update-panel__status-row .settings-update-actions {\n  flex: none;\n}\n\n.settings-update-panel__status-row .settings-update-panel__head {\n  flex: 1 1 auto;\n  min-width: 0;\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"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel[data-update-state="unavailable"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-muted);\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-strong);\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-muted);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--secondary .codexhost-settings-icon,\n.settings-update-link .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-command-button:hover:not(.settings-command-button--secondary) {\n  filter: brightness(1.08);\n}\n\n.settings-command-button--danger {\n  color: var(--settings-danger);\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: var(--settings-danger-bg);\n  border-color: var(--settings-danger-border);\n}\n\n.settings-command-button--secondary:hover,\n.settings-update-link:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-command-button--secondary:hover .codexhost-settings-icon,\n.settings-update-link:hover .codexhost-settings-icon {\n  color: var(--settings-text);\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.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.settings-session-import-content {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.settings-session-import-list {\n  display: grid;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  min-width: 0;\n  gap: 16px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-session-import-row:last-child {\n  border-bottom: 0;\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  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-row__cwd {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: #f5c542;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 6px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\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: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="light"]),\n  :host([data-theme="dark"]) {\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-elevated: Canvas;\n    --settings-surface-strong: Canvas;\n    --settings-mark: CanvasText;\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-account__logo {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\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: 0;\n  padding: 0 0 16px;\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\n.settings-account-groups {\n  display: grid;\n  gap: 22px;\n}\n.settings-account-group__title {\n  margin: 0 0 8px;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\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-list > .settings-account-empty {\n  margin: 0;\n  padding: 28px 16px;\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--api th:nth-child(1) {\n  width: 48%;\n}\n.settings-account-table--api th:nth-child(2) {\n  width: 32%;\n}\n.settings-account-table--api th:nth-child(3) {\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:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n.settings-account-usage__meter--balance {\n  display: flex;\n  grid-template-columns: none;\n  justify-content: flex-start;\n  gap: 6px;\n}\n.settings-account-usage__balance {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\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:not(.settings-segmented__item) {\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-elevated);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n  text-align: left;\n}\n.settings-account-dialog::backdrop {\n  background: var(--settings-backdrop);\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  .settings-account-table--api .settings-account-usage-cell {\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';
+  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-status {\n  margin: 0 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin: 0 0 16px;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-text);\n  font-variant-numeric: tabular-nums;\n  font-weight: 600;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  height: 36px;\n  min-width: 180px;\n  max-width: 100%;\n  margin-right: auto;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-search input {\n  flex: 1;\n  min-width: 0;\n  width: 210px;\n  padding: 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-search input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-search:focus-within {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-account-groups {\n  display: grid;\n  gap: 18px;\n}\n.settings-account-group__title {\n  margin: 0 0 8px;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.settings-account-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n  container-type: inline-size;\n}\n.settings-account-list > .settings-account-empty {\n  margin: 0;\n  padding: 28px 16px;\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: 10px 16px;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\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--api th:nth-child(1) {\n  width: 48%;\n}\n.settings-account-table--api th:nth-child(2) {\n  width: 32%;\n}\n.settings-account-table--api th:nth-child(3) {\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: transparent;\n}\n.settings-account-row:hover {\n  background: var(--settings-hover);\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:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n.settings-account-usage__meter--balance {\n  display: flex;\n  grid-template-columns: none;\n  justify-content: flex-start;\n  gap: 6px;\n}\n.settings-account-usage__balance {\n  display: inline-flex;\n  align-items: baseline;\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  font-size: 14px;\n  font-weight: 600;\n}\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.settings-account-usage__meter--scoped {\n  grid-template-rows: auto 20px 4px 17px;\n}\n.settings-account-extra-usage .settings-account-usage__title,\n.settings-account-usage__meter--scoped .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(--settings-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-table .settings-account-spanning-cell {\n  vertical-align: top;\n}\n.settings-account-quota-continuation-row > .settings-account-usage-cell {\n  background: inherit;\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-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-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-list :focus-visible,\n.settings-account-toolbar :focus-visible:not(.settings-segmented__item):not(input) {\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-elevated);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n  text-align: left;\n}\n.settings-account-dialog::backdrop {\n  background: var(--settings-backdrop);\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\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  .settings-account-table--api .settings-account-usage-cell {\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-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";
@@ -28670,7 +28264,18 @@ ${accounts_default}`;
       if (!client) return null;
       const state = hostHarnessAvailabilityState(hostId);
       if (state.codexAccounts?.client !== client) {
-        state.codexAccounts = new RendererCodexAccountState(client);
+        state.codexAccounts?.dispose();
+        state.codexAccounts = new RendererCodexAccountState(client, () => {
+          queueMicrotask(() => {
+            if (disposed || hostHarnessAvailabilityState(hostId).codexAccounts?.client !== client)
+              return;
+            for (const mounted of mountedByComposer.values()) {
+              if (mounted.hostId !== hostId) continue;
+              renderMounted(mounted);
+              void refreshDraftCodexUsage(mounted);
+            }
+          });
+        });
       }
       return state.codexAccounts;
     };
@@ -28688,12 +28293,7 @@ ${accounts_default}`;
     const isCurrentModelRequest = (mounted, generation) => isMountedComposer(mounted.composer) && mountedByComposer.get(mounted.composer) === mounted && controller.isCurrentModelRequest(mounted.composer, generation);
     const isCurrentOwnershipRequest = (mounted, generation) => mounted.composer.isConnected && mountedByComposer.get(mounted.composer) === mounted && controller.isCurrentOwnershipRequest(mounted.composer, generation);
     const notifySubmission = (composer, trigger) => {
-      const accounts = composerCodexAccounts(composer);
-      const state = controller.recordSubmission(
-        composer,
-        accounts?.selection.selectedAccountId ?? void 0
-      );
-      if (state.agent === "codex" && accounts) accounts.overrideAccountId = null;
+      const state = controller.recordSubmission(composer);
       writeNewThreadAgentPreference(state.agent);
       if (state.agent !== "codex") {
         const model = controller.modelForAgent(composer, state.agent);
@@ -28717,24 +28317,22 @@ ${accounts_default}`;
       );
     };
     const renderMounted = (mounted) => {
-      const state = controller.get(mounted.composer);
       const accounts = composerCodexAccounts(mounted.composer);
-      const selectedCodexAccountId = state.phase === "locked" || controller.isSubmissionPending(mounted.composer) && state.codexAccountId ? state.codexAccountId : accounts?.selection.selectedAccountId;
+      const currentCodexAccount = accounts?.accounts.find(
+        ({ accountId }) => accountId === accounts.readyAccountId
+      );
       renderComposerAgentControl(
         mounted.control,
         controller.get(mounted.composer),
         adapterStatus.state,
-        accounts?.switching === true || controller.isSwitching(mounted.composer) || mounted.ownershipStatus === "loading",
+        controller.isSwitching(mounted.composer) || mounted.ownershipStatus === "loading",
         activeHarnessAvailabilityState().availability,
         mounted.modelView,
         mounted.permissionModeView,
         mounted.usage,
         mounted.accountCredits,
         settingsLifecycle.locale,
-        (accounts?.accounts ?? []).map((account) => ({
-          ...account,
-          active: account.accountId === selectedCodexAccountId
-        })),
+        currentCodexAccount ?? null,
         mounted.ownershipStatus === "error"
       );
       if (mounted.control.usage) {
@@ -28808,16 +28406,16 @@ ${accounts_default}`;
         return;
       const accounts = composerCodexAccounts(mounted.composer);
       const client = accounts?.client;
-      const accountId = accounts?.selection.selectedAccountId;
+      const accountId = accounts?.readyAccountId;
       const hostId = mounted.hostId;
       const generation = ++mounted.usageRequestGeneration;
       mounted.usage = null;
       mounted.accountCredits = null;
       renderMounted(mounted);
-      if (accounts?.switching || !accountId || !client?.inspectCodexAccountUsage) return;
+      if (!accountId || !client?.inspectCodexAccountUsage) return;
       try {
         const result = await client.inspectCodexAccountUsage({ accountId });
-        if (disposed || mounted.hostId !== hostId || composerCodexAccounts(mounted.composer) !== accounts || !mounted.composer.isConnected || mountedByComposer.get(mounted.composer) !== mounted || mounted.usageRequestGeneration !== generation || controller.get(mounted.composer).agent !== "codex" || controller.get(mounted.composer).phase !== "draft" || controller.isSubmissionPending(mounted.composer) || threadIdFromComposerModelTarget(mounted.modelTarget) || accounts.selection.selectedAccountId !== accountId || result.accountId !== accountId)
+        if (disposed || mounted.hostId !== hostId || composerCodexAccounts(mounted.composer) !== accounts || !mounted.composer.isConnected || mountedByComposer.get(mounted.composer) !== mounted || mounted.usageRequestGeneration !== generation || controller.get(mounted.composer).agent !== "codex" || controller.get(mounted.composer).phase !== "draft" || controller.isSubmissionPending(mounted.composer) || threadIdFromComposerModelTarget(mounted.modelTarget) || accounts.readyAccountId !== accountId || result.accountId !== accountId)
           return;
         mounted.usage = result.usage;
         mounted.accountCredits = composerAccountCredits(result.accountCredits);
@@ -28924,8 +28522,7 @@ ${accounts_default}`;
           agent,
           model,
           thinkingOptionId,
-          permissionModeId,
-          inspection.owner === "codex" ? inspection.accountId : void 0
+          permissionModeId
         );
         if (!restored) {
           throw new Error("Thread owner could not be applied to the Composer");
@@ -29641,39 +29238,6 @@ ${accounts_default}`;
         void refreshDraftCodexUsage(mounted);
       }
     };
-    const selectCodexAccount = async (mounted, accountId) => {
-      const hostId = mounted.hostId;
-      const accounts = composerCodexAccounts(mounted.composer);
-      if (!accounts || accounts.switching || controller.get(mounted.composer).phase === "locked" || !accounts.accounts.some((account) => account.accountId === accountId))
-        return;
-      const isCurrent = () => !disposed && mounted.composer.isConnected && mountedByComposer.get(mounted.composer) === mounted && controller.get(mounted.composer).phase !== "locked" && accounts.accounts.some((account) => account.accountId === accountId) && mounted.hostId === hostId && activeModelHostId() === hostId && composerCodexAccounts(mounted.composer) === accounts;
-      accounts.switching = true;
-      for (const candidate of mountedByComposer.values()) {
-        renderMounted(candidate);
-        void refreshDraftCodexUsage(candidate);
-      }
-      try {
-        if (controller.get(mounted.composer).agent !== "codex" && !await switchComposerAgent(mounted, "codex")) {
-          return;
-        }
-        const policy = await waitForRendererDraftPrewarmPolicy(window);
-        if (!isCurrent() || policy.hostId !== hostId) return;
-        await policy.clear();
-        if (!isCurrent() || window.__codexhostDraftPrewarmPolicyV1 !== policy) return;
-        if (!policy.selectAccount) throw new Error("Codex Account selection is unavailable");
-        const override = accountId === accounts.selection.activeAccountId ? null : accountId;
-        policy.selectAccount(override);
-        accounts.overrideAccountId = override;
-      } catch {
-        if (isCurrent()) void loadCodexAccounts();
-      } finally {
-        accounts.switching = false;
-        for (const candidate of mountedByComposer.values()) {
-          renderMounted(candidate);
-          void refreshDraftCodexUsage(candidate);
-        }
-      }
-    };
     const openInstallPage = (agent) => {
       const url2 = RENDERER_AGENT_INSTALL_URLS[agent];
       window.open(url2, "_blank", "noopener,noreferrer");
@@ -29943,11 +29507,6 @@ ${accounts_default}`;
           void switchComposerAgent(mounted2, agent);
         },
         openInstallPage,
-        async (accountId) => {
-          const mounted2 = mountedByComposer.get(composer);
-          if (!composer.isConnected || !mounted2) return;
-          await selectCodexAccount(mounted2, accountId);
-        },
         () => {
           void loadCodexAccounts();
         },
@@ -30142,26 +29701,12 @@ ${accounts_default}`;
       const mounted = mountedByComposer.get(composer);
       if (!mounted) return null;
       const current = controller.get(composer);
-      if (composerCodexAccounts(composer)?.switching || controller.isSwitching(composer) || isOwnershipSubmissionBlocked(mounted.ownershipStatus)) {
+      if (controller.isSwitching(composer) || isOwnershipSubmissionBlocked(mounted.ownershipStatus)) {
         return false;
       }
       if (!isExternalConfigurationReady(mounted)) return false;
       if (current.phase === "locked") return true;
       if (!applyComposerAgent(composer)) return false;
-      if (current.agent === "codex") {
-        const selection = composerCodexAccounts(composer)?.selection;
-        const accountId = controller.isSubmissionPending(composer) && current.codexAccountId ? current.codexAccountId : selection?.selectedAccountId;
-        const override = accountId === selection?.activeAccountId ? null : accountId ?? null;
-        const policy = window.__codexhostDraftPrewarmPolicyV1;
-        if (override !== null && (policy?.hostId !== mounted.hostId || !policy.selectAccount)) {
-          return false;
-        }
-        try {
-          if (policy?.hostId === mounted.hostId) policy.selectAccount?.(override);
-        } catch {
-          return false;
-        }
-      }
       controller.markSubmissionPending(composer);
       renderMounted(mounted);
       return true;
@@ -30196,7 +29741,7 @@ ${accounts_default}`;
     const onKeyDown = (event) => {
       const composer = isComposerInputIntent(event) ? composerForTarget(event.target) : null;
       const mounted = composer ? mountedByComposer.get(composer) : void 0;
-      if (composer && (composerCodexAccounts(composer)?.switching || controller.isSwitching(composer))) {
+      if (composer && controller.isSwitching(composer)) {
         blockEvent(event);
         return;
       }
@@ -30353,6 +29898,7 @@ ${accounts_default}`;
         for (const state of harnessAvailabilityByHost.values()) {
           state.requestGeneration += 1;
           state.request = null;
+          state.codexAccounts?.dispose();
           if (state.retryTimer !== null) window.clearTimeout(state.retryTimer);
         }
         harnessAvailabilityByHost.clear();
@@ -30408,6 +29954,7 @@ ${accounts_default}`;
         window.removeEventListener("focus", onWindowFocus);
         for (const state of harnessAvailabilityByHost.values()) {
           state.requestGeneration += 1;
+          state.codexAccounts?.dispose();
           if (state.retryTimer !== null) window.clearTimeout(state.retryTimer);
         }
         harnessAvailabilityByHost.clear();