@liberseek/boft-cli-win32-arm64 0.6.1 → 0.6.3

package/app/renderer-extension.js

@@ -15,7 +15,10 @@
     "opencode",
     "grok",
     "omp",
-    "antigravity"
+    "antigravity",
+    "hermes",
+    "muse",
+    "kiro-cli"
   ];
   var DEFAULT_RENDERER_AGENTS = KNOWN_RENDERER_AGENTS;
   function defaultIdFactory(sequence) {
@@ -131,6 +134,9 @@
       if (agent === "grok" && model) state.grokModel = model;
       if (agent === "omp" && model) state.ompModel = model;
       if (agent === "antigravity" && model) state.antigravityModel = model;
+      if (agent === "hermes" && model) state.hermesModel = model;
+      if (agent === "muse" && model) state.museModel = model;
+      if (agent === "kiro-cli" && model) state.kiroCliModel = model;
       if (agent === "pi" && thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
       else if (agent === "pi") delete state.piThinkingOptionId;
       if (agent === "claude-code" && thinkingOptionId) {
@@ -146,6 +152,12 @@
       if (agent === "antigravity" && thinkingOptionId) {
         state.antigravityThinkingOptionId = thinkingOptionId;
       } else if (agent === "antigravity") delete state.antigravityThinkingOptionId;
+      if (agent === "muse" && thinkingOptionId) {
+        state.museThinkingOptionId = thinkingOptionId;
+      } else if (agent === "muse") delete state.museThinkingOptionId;
+      if (agent === "kiro-cli" && thinkingOptionId) {
+        state.kiroCliThinkingOptionId = thinkingOptionId;
+      } else if (agent === "kiro-cli") delete state.kiroCliThinkingOptionId;
       if (agent !== "codex") {
         const permissionModeByAgent = {};
         for (const candidate of [
@@ -155,7 +167,10 @@
           "opencode",
           "grok",
           "omp",
-          "antigravity"
+          "antigravity",
+          "hermes",
+          "muse",
+          "kiro-cli"
         ]) {
           const current = state.permissionModeByAgent?.[candidate];
           if (candidate !== agent && current) permissionModeByAgent[candidate] = current;
@@ -177,7 +192,11 @@
       if (agent === "opencode") return state.openCodeModel;
       if (agent === "grok") return state.grokModel;
       if (agent === "omp") return state.ompModel;
-      return state.antigravityModel;
+      if (agent === "hermes") return state.hermesModel;
+      if (agent === "antigravity") return state.antigravityModel;
+      if (agent === "muse") return state.museModel;
+      if (agent === "kiro-cli") return state.kiroCliModel;
+      return void 0;
     }
     thinkingOptionForAgent(composer, agent) {
       const state = this.#state(composer);
@@ -186,7 +205,10 @@
       if (agent === "grok") return state.grokThinkingOptionId;
       if (agent === "opencode") return state.openCodeThinkingOptionId;
       if (agent === "omp") return state.ompThinkingOptionId;
-      return agent === "antigravity" ? state.antigravityThinkingOptionId : void 0;
+      if (agent === "antigravity") return state.antigravityThinkingOptionId;
+      if (agent === "muse") return state.museThinkingOptionId;
+      if (agent === "kiro-cli") return state.kiroCliThinkingOptionId;
+      return void 0;
     }
     permissionModeForAgent(composer, agent) {
       return this.#state(composer).permissionModeByAgent?.[agent];
@@ -207,7 +229,10 @@
       else if (agent === "opencode") state.openCodeModel = model;
       else if (agent === "grok") state.grokModel = model;
       else if (agent === "omp") state.ompModel = model;
-      else state.antigravityModel = model;
+      else if (agent === "hermes") state.hermesModel = model;
+      else if (agent === "antigravity") state.antigravityModel = model;
+      else if (agent === "muse") state.museModel = model;
+      else if (agent === "kiro-cli") state.kiroCliModel = model;
       return state;
     }
     setPiConfiguration(composer, model, thinkingOptionId) {
@@ -244,6 +269,14 @@
         state.antigravityThinkingOptionId = thinkingOptionId;
       } else if (agent === "antigravity") {
         delete state.antigravityThinkingOptionId;
+      } else if (agent === "muse" && thinkingOptionId) {
+        state.museThinkingOptionId = thinkingOptionId;
+      } else if (agent === "muse") {
+        delete state.museThinkingOptionId;
+      } else if (agent === "kiro-cli" && thinkingOptionId) {
+        state.kiroCliThinkingOptionId = thinkingOptionId;
+      } else if (agent === "kiro-cli") {
+        delete state.kiroCliThinkingOptionId;
       }
       return state;
     }
@@ -14876,6 +14909,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     reasoningOutputTokens: nonNegativeSafeIntegerSchema.optional(),
     totalTokens: nonNegativeSafeIntegerSchema.optional(),
     totalCostUsd: finiteNonNegativeNumberSchema.optional(),
+    totalCredits: finiteNonNegativeNumberSchema.optional(),
+    contextUsagePercent: finiteNonNegativeNumberSchema.optional(),
     cacheHitRatePercent: cacheHitRatePercentSchema.optional(),
     contextWindowTokens: nonNegativeSafeIntegerSchema.optional(),
     contextUsedTokens: nonNegativeSafeIntegerSchema.optional(),
@@ -14932,12 +14967,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var accountCreditsSnapshotSchema = external_exports.object({
     /** Native label when the primary limit is scoped to a model or product group. */
     label: external_exports.string().min(1).optional(),
-    usedPercent: usagePercentSchema,
+    usedPercent: usagePercentSchema.optional(),
+    remaining: external_exports.number().finite().optional(),
+    unit: external_exports.string().trim().min(1).max(32).optional(),
     resetsAt: external_exports.string().min(1).optional(),
     periodType: external_exports.enum(["weekly", "monthly", "five_hour", "seven_day", "unknown"]),
     productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional(),
     resetCredits: accountResetCreditsSchema.optional()
-  }).strict();
+  }).strict().superRefine((credits, context) => {
+    if (credits.usedPercent === void 0 && credits.remaining === void 0) {
+      context.addIssue({
+        code: "custom",
+        message: "Account credits must include usedPercent or remaining"
+      });
+    }
+    if (credits.remaining !== void 0 && !credits.unit) {
+      context.addIssue({
+        code: "custom",
+        message: "Account remaining credits require a unit",
+        path: ["unit"]
+      });
+    }
+  });
   var threadUsageInspectionParamsSchema = external_exports.object({
     threadId: hostThreadIdSchema,
     refresh: external_exports.literal("exact").optional()
@@ -15367,12 +15418,36 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   });
 
   // ../shared-contracts/dist/harness-route.js
+  var HARNESS_PLUGIN_ROUTE_PREFIX = "codexhost/plugin-v1@";
+  var MAX_ROUTE_LENGTH = 4096;
   var harnessPluginRouteSchema = external_exports.object({
     harnessId: harnessPluginIdSchema,
     model: harnessModelRefSchema.optional(),
     thinkingOptionId: harnessThinkingOptionIdSchema.optional(),
     permissionModeId: harnessPermissionModeIdSchema.optional()
   }).strict();
+  function encodeHarnessPluginRoute(route) {
+    const parsed = harnessPluginRouteSchema.parse(route);
+    const payload = [...JSON.stringify(parsed)].map((character) => character.charCodeAt(0).toString(16).padStart(2, "0")).join("");
+    return `${HARNESS_PLUGIN_ROUTE_PREFIX}${payload}`;
+  }
+  function decodeHarnessPluginRoute(value) {
+    if (typeof value !== "string" || !value.startsWith(HARNESS_PLUGIN_ROUTE_PREFIX))
+      return null;
+    const payload = value.slice(HARNESS_PLUGIN_ROUTE_PREFIX.length);
+    if (value.length > MAX_ROUTE_LENGTH || !/^(?:[a-f0-9]{2})+$/u.test(payload)) {
+      throw new Error("Invalid Harness plugin route");
+    }
+    try {
+      const json2 = payload.replace(/[a-f0-9]{2}/gu, (byte) => String.fromCharCode(Number.parseInt(byte, 16)));
+      const decoded = harnessPluginRouteSchema.parse(JSON.parse(json2));
+      if (encodeHarnessPluginRoute(decoded) !== value)
+        throw new Error("Noncanonical Harness plugin route");
+      return decoded;
+    } catch {
+      throw new Error("Invalid Harness plugin route");
+    }
+  }
 
   // ../shared-contracts/dist/codex-accounts.js
   var accountIdSchema = external_exports.string().min(1).max(256).regex(/^[A-Za-z0-9._~-]+$/u);
@@ -15833,6 +15908,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // 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/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';
+
   // src/assets/omp-agent.svg
   var omp_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">%0A  <defs>%0A    <linearGradient id="omp-gradient" x1="0" y1="0" x2="1" y2="1">%0A      <stop offset="0" stop-color="%23ed4abf" />%0A      <stop offset=".5" stop-color="%239b4dff" />%0A      <stop offset="1" stop-color="%235ad8e6" />%0A    </linearGradient>%0A  </defs>%0A  <path%0A    fill="url(%23omp-gradient)"%0A    transform="translate(-14.4 -20.2) scale(1.45)"%0A    d="M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"%0A  />%0A</svg>%0A';
 
@@ -15848,7 +15929,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     opencode: "OpenCode",
     grok: "Grok",
     omp: "Oh My Pi",
-    antigravity: "Antigravity CLI"
+    antigravity: "Antigravity CLI",
+    hermes: "Hermes",
+    muse: "Meta Muse Code",
+    "kiro-cli": "Kiro CLI"
   };
   var PI_PATHS = [
     {
@@ -15934,6 +16018,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       image.style.flex = "none";
       return image;
     }
+    if (agent === "hermes") {
+      const image = ownerDocument.createElement("img");
+      image.src = hermes_agent_default;
+      image.alt = "";
+      image.draggable = false;
+      image.style.width = `${size}px`;
+      image.style.height = `${size}px`;
+      image.style.objectFit = "contain";
+      image.style.flex = "none";
+      return image;
+    }
+    if (agent === "kiro-cli") {
+      const image = ownerDocument.createElement("img");
+      image.src = kiro_agent_default;
+      image.alt = "";
+      image.draggable = false;
+      image.style.width = `${size}px`;
+      image.style.height = `${size}px`;
+      image.style.objectFit = "contain";
+      image.style.flex = "none";
+      return image;
+    }
+    if (agent === "muse") {
+      return createSvgIcon(
+        [
+          {
+            d: "M12 2.2c-1.9 3.4-4.8 6.4-8.6 8.4 3.8 2 6.7 5 8.6 8.4 1.9-3.4 4.8-6.4 8.6-8.4C16.8 8.6 13.9 5.6 12 2.2z"
+          }
+        ],
+        "#0668E1",
+        size,
+        ownerDocument
+      );
+    }
     const mark = ownerDocument.createElement("img");
     mark.src = grok_agent_default;
     mark.alt = "";
@@ -16068,6 +16186,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "m7 10 5 5 5-5" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/hard-drive-download.mjs
+  var HardDriveDownload = [
+    ["path", { d: "M12 2v8" }],
+    ["path", { d: "m16 6-4 4-4-4" }],
+    ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2" }],
+    ["path", { d: "M6 18h.01" }],
+    ["path", { d: "M10 18h.01" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/external-link.mjs
   var ExternalLink = [
     ["path", { d: "M15 3h6v6" }],
@@ -16280,6 +16407,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "copy",
     "ellipsis",
     "download",
+    "hard-drive-download",
     "chevron-left",
     "chevron-right",
     "chevron-down",
@@ -16317,6 +16445,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     copy: Copy,
     ellipsis: Ellipsis,
     download: Download,
+    "hard-drive-download": HardDriveDownload,
     "chevron-left": ChevronLeft,
     "chevron-right": ChevronRight,
     "chevron-down": ChevronDown,
@@ -16681,17 +16810,94 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     element.style.setProperty("-webkit-backdrop-filter", "none");
   }
 
+  // src/settings/harness-install.ts
+  var HARNESS_INSTALL_SPECS = Object.freeze({
+    pi: {
+      url: "https://pi.dev/",
+      binary: "pi",
+      posix: "curl -fsSL https://pi.dev/install.sh | sh",
+      windows: "npm install -g --ignore-scripts @earendil-works/pi-coding-agent"
+    },
+    "claude-code": {
+      url: "https://code.claude.com/docs/en/quickstart",
+      binary: "claude",
+      posix: "curl -fsSL https://claude.ai/install.sh | bash",
+      windows: "irm https://claude.ai/install.ps1 | iex"
+    },
+    "deepseek-harness": {
+      url: "https://deepseek-harness.github.io/deepseek-harness/",
+      binary: "dsh",
+      posix: "npm install -g @deepseek-ai/dsh",
+      windows: "npm install -g @deepseek-ai/dsh"
+    },
+    opencode: {
+      url: "https://opencode.ai/docs/",
+      binary: "opencode",
+      posix: "curl -fsSL https://opencode.ai/install | bash",
+      windows: "npm install -g opencode-ai"
+    },
+    grok: {
+      url: "https://grok.com/",
+      binary: "grok",
+      posix: "curl -fsSL https://x.ai/cli/install.sh | bash",
+      windows: "irm https://x.ai/cli/install.ps1 | iex"
+    },
+    omp: {
+      url: "https://github.com/can1357/oh-my-pi",
+      binary: "omp",
+      posix: "curl -fsSL https://omp.sh/install | sh",
+      windows: "irm https://omp.sh/install.ps1 | iex"
+    },
+    antigravity: {
+      url: "https://antigravity.google/product/antigravity-cli",
+      binary: "agy",
+      posix: "curl -fsSL https://antigravity.google/cli/install.sh | bash",
+      windows: "irm https://antigravity.google/cli/install.ps1 | iex"
+    },
+    hermes: {
+      url: "https://hermes-agent.nousresearch.com/docs/getting-started/installation",
+      binary: "hermes",
+      posix: "curl -fsSL https://hermes-agent.nousresearch.com/install.sh | bash",
+      windows: "iex (irm https://hermes-agent.nousresearch.com/install.ps1)"
+    },
+    muse: {
+      url: "https://developer.meta.com/ai/products/muse-code/",
+      binary: "muse",
+      posix: "curl -fsSL https://dev.meta.ai/install.sh | bash",
+      windows: "curl -fsSL https://dev.meta.ai/install.sh | bash"
+    },
+    "kiro-cli": {
+      url: "https://kiro.dev/docs/cli/",
+      binary: "kiro-cli",
+      posix: "curl -fsSL https://cli.kiro.dev/install | bash",
+      windows: "irm 'https://cli.kiro.dev/install.ps1' | iex"
+    }
+  });
+  function harnessInstallPlatform(window2) {
+    const navigator2 = window2?.navigator;
+    if (!navigator2) return "posix";
+    const identity = `${navigator2.platform ?? ""} ${navigator2.userAgent}`;
+    return /windows|win32|win64/iu.test(identity) ? "windows" : "posix";
+  }
+  function harnessInstallGuide(agent, platform) {
+    const spec = HARNESS_INSTALL_SPECS[agent];
+    return {
+      url: spec.url,
+      binary: spec.binary,
+      command: platform === "windows" ? spec.windows : spec.posix
+    };
+  }
+  function fillHarnessInstallPrompt(template, values) {
+    return template.replaceAll(/\{(name|binary|command|url)\}/g, (_, key) => {
+      if (key === "name") return values.name;
+      if (key === "binary") return values.binary;
+      if (key === "command") return values.command;
+      return values.url;
+    });
+  }
+
   // src/settings/connections-page.ts
   var CODEXHOST_GITHUB_ISSUES_NEW_URL = "https://github.com/LiberSeek/BOFT-CLI/issues/new";
-  var HARNESS_INSTALL_URLS = Object.freeze({
-    pi: "https://pi.dev/",
-    "claude-code": "https://code.claude.com/docs/en/quickstart",
-    "deepseek-harness": "https://deepseek-harness.github.io/deepseek-harness/",
-    opencode: "https://opencode.ai/docs/",
-    grok: "https://grok.com/",
-    omp: "https://github.com/can1357/oh-my-pi",
-    antigravity: "https://antigravity.google/product/antigravity-cli"
-  });
   function connectionStatusLabel(availability, messages, hasError = false) {
     if (hasError && availability !== "notInstalled") return messages.connectionStatusError;
     if (availability === "ready") return messages.connectionStatusReady;
@@ -16738,24 +16944,24 @@ ${error51.stderrTail}`] : []
     line.append(name, content);
     return line;
   }
-  function setCopyButtonLabel(button, label) {
-    button.replaceChildren(createRendererSettingsIcon("copy", 16), label);
+  function setActionButtonLabel(button, icon2, label) {
+    button.replaceChildren(createRendererSettingsIcon(icon2, 16), label);
   }
-  function showCopyButtonFeedback(button, label, restoreLabel) {
-    setCopyButtonLabel(button, label);
+  function showCopyButtonFeedback(button, icon2, label, restoreLabel) {
+    setActionButtonLabel(button, icon2, label);
     button.ownerDocument.defaultView?.setTimeout(() => {
-      setCopyButtonLabel(button, restoreLabel);
+      setActionButtonLabel(button, icon2, restoreLabel);
     }, 2e3);
   }
-  function copyDiagnosticsToClipboard(document2, button, report, messages, restoreLabel) {
+  function copyTextToClipboard(document2, button, report, messages, restoreLabel, icon2 = "copy") {
     const clipboard = document2.defaultView?.navigator.clipboard;
     if (!clipboard) {
-      showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel);
+      showCopyButtonFeedback(button, icon2, messages.connectionCopyFailed, restoreLabel);
       return;
     }
     void clipboard.writeText(report).then(
-      () => showCopyButtonFeedback(button, messages.connectionCopied, restoreLabel),
-      () => showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel)
+      () => showCopyButtonFeedback(button, icon2, messages.connectionCopied, restoreLabel),
+      () => showCopyButtonFeedback(button, icon2, messages.connectionCopyFailed, restoreLabel)
     );
   }
   function connectionHostName(hostId, messages) {
@@ -16818,6 +17024,16 @@ ${error51.stderrTail}`] : []
     body.className = "settings-connection-inline-detail";
     body.dataset.connectionDetail = item.key;
     if (item.agentSnapshot?.availability === "notInstalled") {
+      const guide = harnessInstallGuide(
+        item.agentSnapshot.agent,
+        harnessInstallPlatform(document2.defaultView)
+      );
+      const prompt = fillHarnessInstallPrompt(messages.connectionInstallPrompt, {
+        name: item.name,
+        binary: guide.binary,
+        command: guide.command,
+        url: guide.url
+      });
       const callout = document2.createElement("div");
       callout.className = "settings-connection-install-callout";
       const icon2 = document2.createElement("span");
@@ -16828,18 +17044,67 @@ ${error51.stderrTail}`] : []
       title2.textContent = `${messages.connectionInstall} ${item.name}`;
       const description2 = document2.createElement("p");
       description2.textContent = messages.connectionInstallDescription;
-      copy2.append(title2, description2);
+      const commandBlock = document2.createElement("div");
+      commandBlock.className = "settings-connection-install-command";
+      const commandLabel = document2.createElement("span");
+      commandLabel.textContent = messages.connectionInstallCommand;
+      const command = document2.createElement("code");
+      command.textContent = guide.command;
+      commandBlock.append(commandLabel, command);
+      copy2.append(title2, description2, commandBlock);
       callout.append(icon2, copy2);
-      const install2 = document2.createElement("a");
-      install2.className = "settings-command-button settings-connection-install-button";
-      install2.href = HARNESS_INSTALL_URLS[item.agentSnapshot.agent];
-      install2.target = "_blank";
-      install2.rel = "noopener noreferrer";
-      install2.append(
+      const actions2 = document2.createElement("div");
+      actions2.className = "settings-connection-install-actions";
+      const install2 = document2.createElement("button");
+      install2.type = "button";
+      install2.className = "settings-command-button";
+      install2.dataset.connectionAction = "install-command";
+      setActionButtonLabel(install2, "hard-drive-download", messages.connectionInstall);
+      install2.addEventListener("click", () => {
+        copyTextToClipboard(
+          document2,
+          install2,
+          guide.command,
+          messages,
+          messages.connectionInstall,
+          "hard-drive-download"
+        );
+      });
+      const copyPromptWrap = document2.createElement("div");
+      copyPromptWrap.className = "settings-connection-copy-prompt";
+      const copyPrompt = document2.createElement("button");
+      copyPrompt.type = "button";
+      copyPrompt.className = "settings-command-button settings-command-button--secondary";
+      copyPrompt.dataset.connectionAction = "copy-prompt";
+      copyPrompt.setAttribute("aria-describedby", `${item.key}-install-prompt-tooltip`);
+      setActionButtonLabel(copyPrompt, "copy", messages.connectionCopyPrompt);
+      copyPrompt.addEventListener("click", () => {
+        copyTextToClipboard(
+          document2,
+          copyPrompt,
+          prompt,
+          messages,
+          messages.connectionCopyPrompt
+        );
+      });
+      const tooltip = document2.createElement("div");
+      tooltip.id = `${item.key}-install-prompt-tooltip`;
+      tooltip.className = "settings-connection-copy-prompt__tooltip";
+      tooltip.setAttribute("role", "tooltip");
+      tooltip.textContent = prompt;
+      copyPromptWrap.append(copyPrompt, tooltip);
+      const official = document2.createElement("a");
+      official.className = "settings-command-button settings-command-button--secondary";
+      official.dataset.connectionAction = "open-installation";
+      official.href = guide.url;
+      official.target = "_blank";
+      official.rel = "noopener noreferrer";
+      official.append(
         messages.connectionOpenInstallation,
         createRendererSettingsIcon("external-link", 14)
       );
-      body.append(callout, install2);
+      actions2.append(install2, copyPromptWrap, official);
+      body.append(callout, actions2);
       return body;
     }
     if (!item.error) {
@@ -16901,10 +17166,10 @@ ${error51.stderrTail}`] : []
     const copy = document2.createElement("button");
     copy.type = "button";
     copy.className = "settings-command-button settings-command-button--secondary";
-    setCopyButtonLabel(copy, messages.connectionCopyDetails);
+    setActionButtonLabel(copy, "copy", messages.connectionCopyDetails);
     const report = diagnosticText(hostId, item);
     copy.addEventListener("click", () => {
-      copyDiagnosticsToClipboard(document2, copy, report, messages, messages.connectionCopyDetails);
+      copyTextToClipboard(document2, copy, report, messages, messages.connectionCopyDetails);
     });
     logHeader.append(logTitle, copy);
     const log = document2.createElement("pre");
@@ -16959,14 +17224,18 @@ ${error51.stderrTail}`] : []
     action.setAttribute("role", "cell");
     const canExpand = item.error !== null || item.agentSnapshot?.availability === "notInstalled" || item.openWebUi !== void 0;
     if (item.agentSnapshot?.availability === "notInstalled") {
-      const install2 = document2.createElement("a");
+      const install2 = document2.createElement("button");
+      install2.type = "button";
       install2.className = "settings-connection-install-link";
-      install2.href = HARNESS_INSTALL_URLS[item.agentSnapshot.agent];
-      install2.target = "_blank";
-      install2.rel = "noopener noreferrer";
-      install2.setAttribute("aria-label", `${messages.connectionOpenInstallation}: ${item.name}`);
-      install2.title = messages.connectionOpenInstallation;
+      install2.dataset.connectionAction = "show-install";
+      install2.setAttribute("aria-label", `${messages.connectionInstall}: ${item.name}`);
+      install2.setAttribute("aria-expanded", String(expanded));
+      install2.title = messages.connectionInstall;
       install2.append(createRendererSettingsIcon("download", 17));
+      install2.addEventListener("click", (event) => {
+        event?.stopPropagation?.();
+        toggleExpand();
+      });
       action.append(install2);
     } else if (item.error) {
       const viewError = document2.createElement("button");
@@ -17431,11 +17700,11 @@ ${error51.stderrTail}`] : []
     sessionImportTitle: "Session Import",
     sessionImportHarness: "Harness",
     sessionImportDescription: "Sessions keep their original project path. If a folder is not in the Codex sidebar, add it as a project first. Original history remains managed by the Harness.",
-    sessionImportAvailabilityNote: "Available Harnesses come from the local Host. If activity is unknown, close the session in its native client before importing to avoid concurrent writes.",
+    sessionImportAvailabilityNote: "Available Harnesses come from the selected Host. If activity is unknown, close the session in its native client before importing to avoid concurrent writes.",
     sessionImportRefresh: "Refresh",
-    sessionImportRefreshing: "Loading local sessions...",
-    sessionImportUnavailable: "Session import is unavailable for this local Harness or its current protocol. Update the Host/plugin or choose another Harness.",
-    sessionImportEmpty: "No local sessions are available to import.",
+    sessionImportRefreshing: "Loading sessions from the selected Host...",
+    sessionImportUnavailable: "Session import is unavailable for this Harness or the selected Host protocol. Update the Host/plugin or choose another Harness.",
+    sessionImportEmpty: "No sessions are available to import on the selected Host.",
     sessionImportSearch: "Search",
     sessionImportSearchPlaceholder: "Search titles, session IDs or project paths",
     sessionImportNoMatches: "No sessions match your search.",
@@ -17443,7 +17712,7 @@ ${error51.stderrTail}`] : []
     sessionImportPrevious: "Previous",
     sessionImportNext: "Next",
     sessionImportPageSummary: "{total} records / {from}-{to}",
-    sessionImportLoadFailed: "Local sessions could not be loaded. Check directory access or duplicate session IDs, then retry.",
+    sessionImportLoadFailed: "Sessions could not be loaded from the selected Host. Check directory access or duplicate session IDs, then retry.",
     sessionImportFailed: "The session could not be imported.",
     sessionImportUntitled: "Untitled session",
     sessionImportUpdatedAt: "Updated",
@@ -17557,7 +17826,10 @@ ${error51.stderrTail}`] : []
     connectionOpenInstallation: "Open official installation page",
     connectionOpenHarnessWeb: "Open DeepSeek Harness Web",
     connectionInstall: "Install",
-    connectionInstallDescription: "This Harness was not detected. Follow its official installation guide, then return here and run the check again.",
+    connectionInstallDescription: "This Harness was not detected. Copy the official install command, copy an install prompt for another Agent, or open the official installation page. After installing, return here and run the check again.",
+    connectionInstallCommand: "Install command",
+    connectionCopyPrompt: "Copy prompt",
+    connectionInstallPrompt: "Please install {name} (CLI command: {binary}) on this machine.\n\nUse the official install method and run:\n{command}\n\nOfficial installation page: {url}\n\nAfter installation, verify that `{binary}` is available in the terminal and report the result.",
     connectionErrorTitle: "Connection check failed",
     connectionErrorLog: "Error log",
     connectionOpenIssue: "Open GitHub Issue",
@@ -17656,11 +17928,11 @@ ${error51.stderrTail}`] : []
     sessionImportTitle: "\u4F1A\u8BDD\u5BFC\u5165",
     sessionImportHarness: "Harness",
     sessionImportDescription: "\u4F1A\u8BDD\u5C06\u4FDD\u7559\u539F\u59CB\u9879\u76EE\u8DEF\u5F84\uFF1B\u82E5\u8BE5\u6587\u4EF6\u5939\u5C1A\u672A\u51FA\u73B0\u5728 Codex \u4FA7\u680F\uFF0C\u8BF7\u5148\u5C06\u5176\u6DFB\u52A0\u4E3A\u9879\u76EE\u3002\u539F\u59CB\u5386\u53F2\u4ECD\u7531 Harness \u7BA1\u7406\u3002",
-    sessionImportAvailabilityNote: "\u53EF\u9009 Harness \u6765\u81EA\u672C\u5730 Host\u3002\u8FD0\u884C\u72B6\u6001\u672A\u77E5\u65F6\uFF0C\u8BF7\u5148\u5728\u539F\u751F\u5BA2\u6237\u7AEF\u5173\u95ED\u8BE5\u4F1A\u8BDD\u518D\u5BFC\u5165\uFF0C\u907F\u514D\u540C\u65F6\u5199\u5165\u3002",
+    sessionImportAvailabilityNote: "\u53EF\u9009 Harness \u6765\u81EA\u5F53\u524D Host\u3002\u8FD0\u884C\u72B6\u6001\u672A\u77E5\u65F6\uFF0C\u8BF7\u5148\u5728\u539F\u751F\u5BA2\u6237\u7AEF\u5173\u95ED\u8BE5\u4F1A\u8BDD\u518D\u5BFC\u5165\uFF0C\u907F\u514D\u540C\u65F6\u5199\u5165\u3002",
     sessionImportRefresh: "\u5237\u65B0",
-    sessionImportRefreshing: "\u6B63\u5728\u8BFB\u53D6\u672C\u5730\u4F1A\u8BDD\u2026\u2026",
-    sessionImportUnavailable: "\u672C\u5730 Harness \u6216\u5F53\u524D\u534F\u8BAE\u6682\u4E0D\u652F\u6301\u4F1A\u8BDD\u5BFC\u5165\uFF0C\u8BF7\u66F4\u65B0 Host/\u63D2\u4EF6\u6216\u9009\u62E9\u5176\u4ED6 Harness\u3002",
-    sessionImportEmpty: "\u6CA1\u6709\u53EF\u5BFC\u5165\u7684\u672C\u5730\u4F1A\u8BDD\u3002",
+    sessionImportRefreshing: "\u6B63\u5728\u8BFB\u53D6\u5F53\u524D Host \u4E0A\u7684\u4F1A\u8BDD\u2026\u2026",
+    sessionImportUnavailable: "\u8BE5 Harness \u6216\u5F53\u524D Host \u534F\u8BAE\u6682\u4E0D\u652F\u6301\u4F1A\u8BDD\u5BFC\u5165\uFF0C\u8BF7\u66F4\u65B0 Host/\u63D2\u4EF6\u6216\u9009\u62E9\u5176\u4ED6 Harness\u3002",
+    sessionImportEmpty: "\u5F53\u524D Host \u4E0A\u6CA1\u6709\u53EF\u5BFC\u5165\u7684\u4F1A\u8BDD\u3002",
     sessionImportSearch: "\u641C\u7D22",
     sessionImportSearchPlaceholder: "\u641C\u7D22\u6807\u9898\u3001\u4F1A\u8BDD ID \u6216\u9879\u76EE\u8DEF\u5F84",
     sessionImportNoMatches: "\u6CA1\u6709\u5339\u914D\u7684\u4F1A\u8BDD\u3002",
@@ -17668,7 +17940,7 @@ ${error51.stderrTail}`] : []
     sessionImportPrevious: "\u4E0A\u4E00\u9875",
     sessionImportNext: "\u4E0B\u4E00\u9875",
     sessionImportPageSummary: "{total} \u6761\u8BB0\u5F55 / {from}-{to}",
-    sessionImportLoadFailed: "\u65E0\u6CD5\u8BFB\u53D6\u672C\u5730\u4F1A\u8BDD\uFF0C\u8BF7\u68C0\u67E5\u76EE\u5F55\u8BBF\u95EE\u6743\u9650\u6216\u91CD\u590D\u7684\u4F1A\u8BDD ID \u540E\u91CD\u8BD5\u3002",
+    sessionImportLoadFailed: "\u65E0\u6CD5\u8BFB\u53D6\u5F53\u524D Host \u4E0A\u7684\u4F1A\u8BDD\uFF0C\u8BF7\u68C0\u67E5\u76EE\u5F55\u8BBF\u95EE\u6743\u9650\u6216\u91CD\u590D\u7684\u4F1A\u8BDD ID \u540E\u91CD\u8BD5\u3002",
     sessionImportFailed: "\u65E0\u6CD5\u5BFC\u5165\u8BE5\u4F1A\u8BDD\u3002",
     sessionImportUntitled: "\u672A\u547D\u540D\u4F1A\u8BDD",
     sessionImportUpdatedAt: "\u66F4\u65B0\u65F6\u95F4",
@@ -17782,7 +18054,10 @@ ${error51.stderrTail}`] : []
     connectionOpenInstallation: "\u524D\u5F80\u5B98\u65B9\u5B89\u88C5\u9875\u9762",
     connectionOpenHarnessWeb: "\u6253\u5F00 DeepSeek Harness Web",
     connectionInstall: "\u5B89\u88C5",
-    connectionInstallDescription: "\u5C1A\u672A\u68C0\u6D4B\u5230\u8BE5 Harness\u3002\u8BF7\u6309\u7167\u5B98\u65B9\u5B89\u88C5\u6307\u5357\u5B8C\u6210\u5B89\u88C5\uFF0C\u7136\u540E\u8FD4\u56DE\u6B64\u9875\u9762\u91CD\u65B0\u68C0\u67E5\u3002",
+    connectionInstallDescription: "\u5C1A\u672A\u68C0\u6D4B\u5230\u8BE5 Harness\u3002\u53EF\u4EE5\u590D\u5236\u5B98\u65B9\u5B89\u88C5\u547D\u4EE4\u3001\u590D\u5236\u5B89\u88C5 Prompt \u4EA4\u7ED9\u5176\u4ED6 Agent \u6267\u884C\uFF0C\u6216\u524D\u5F80\u5B98\u65B9\u5B89\u88C5\u9875\u9762\u3002\u5B89\u88C5\u5B8C\u6210\u540E\u8BF7\u8FD4\u56DE\u6B64\u9875\u9762\u91CD\u65B0\u68C0\u67E5\u3002",
+    connectionInstallCommand: "\u5B89\u88C5\u547D\u4EE4",
+    connectionCopyPrompt: "\u590D\u5236 Prompt",
+    connectionInstallPrompt: "\u8BF7\u5E2E\u6211\u5728\u672C\u673A\u5B89\u88C5 {name}\uFF08CLI \u547D\u4EE4\uFF1A{binary}\uFF09\u3002\n\n\u8BF7\u6309\u5B98\u65B9\u5B89\u88C5\u65B9\u5F0F\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\uFF0C\u5E76\u5904\u7406 PATH\u3001\u6743\u9650\u548C\u4F9D\u8D56\u95EE\u9898\uFF1A\n{command}\n\n\u5B98\u65B9\u5B89\u88C5\u9875\u9762\uFF1A{url}\n\n\u5B89\u88C5\u5B8C\u6210\u540E\u8BF7\u9A8C\u8BC1 `{binary}` \u53EF\u4EE5\u5728\u7EC8\u7AEF\u4E2D\u8FD0\u884C\uFF0C\u5E76\u544A\u8BC9\u6211\u7ED3\u679C\u3002",
     connectionErrorTitle: "\u8FDE\u63A5\u68C0\u67E5\u5931\u8D25",
     connectionErrorLog: "\u9519\u8BEF\u65E5\u5FD7",
     connectionOpenIssue: "\u63D0\u4EA4 GitHub Issue",
@@ -17911,7 +18186,10 @@ ${error51.stderrTail}`] : []
     opencode: "https://opencode.ai/docs/",
     grok: "https://grok.com/",
     omp: "https://github.com/can1357/oh-my-pi",
-    antigravity: "https://antigravity.google/product/antigravity-cli"
+    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/"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
   var AGENT_MENU_WIDTH = 224;
@@ -19258,7 +19536,10 @@ ${error51.stderrTail}`] : []
     ["Workspace write", "\u5DE5\u4F5C\u533A\u5199\u5165"],
     ["Full access (dangerous)", "\u5B8C\u5168\u8BBF\u95EE\uFF08\u5371\u9669\uFF09"],
     ["Configured permissions", "\u4F7F\u7528\u5DF2\u914D\u7F6E\u6743\u9650"],
-    ["Skip permissions", "\u8DF3\u8FC7\u6743\u9650\u68C0\u67E5"]
+    ["Skip permissions", "\u8DF3\u8FC7\u6743\u9650\u68C0\u67E5"],
+    ["On request", "\u6309\u8BF7\u6C42\u8BE2\u95EE"],
+    ["Prompt unmatched", "\u672A\u5339\u914D\u65F6\u8BE2\u95EE"],
+    ["Deny unmatched", "\u672A\u5339\u914D\u65F6\u62D2\u7EDD"]
   ]);
   var CHINESE_PERMISSION_MODE_DESCRIPTIONS = /* @__PURE__ */ new Map([
     [
@@ -19610,7 +19891,9 @@ ${error51.stderrTail}`] : []
   // src/renderer-usage-control.ts
   var ENGLISH_USAGE_MESSAGES = Object.freeze({
     usage: "Usage",
+    account: "Account",
     context: "Context",
+    recordedCredits: "Recorded usage",
     latestCacheHit: "Latest cache hit",
     outputSpeed: "Output speed",
     cacheRead: "Cache read",
@@ -19618,19 +19901,17 @@ ${error51.stderrTail}`] : []
     reasoning: "Reasoning",
     totalTokens: "Total tokens",
     inputOutput: "Input / output",
-    fiveHourLimit: "5-hour limit",
-    sevenDayLimit: "7-day limit",
     sessionCostEstimate: "Session cost estimate",
     threadUsage: "Thread Usage",
     threadUsageDetails: "Thread Usage details",
     tokensSummary: "tokens",
-    tokensPerSecond: "tok/s",
-    fiveHourSummary: "5h",
-    sevenDaySummary: "7d"
+    tokensPerSecond: "tok/s"
   });
   var CHINESE_USAGE_MESSAGES = Object.freeze({
     usage: "\u7528\u91CF",
+    account: "\u8D26\u53F7",
     context: "\u4E0A\u4E0B\u6587",
+    recordedCredits: "\u5DF2\u8BB0\u5F55\u6D88\u8017",
     latestCacheHit: "\u7F13\u5B58\u547D\u4E2D\u7387",
     outputSpeed: "\u8F93\u51FA\u901F\u5EA6",
     cacheRead: "\u7F13\u5B58\u8BFB\u53D6",
@@ -19638,15 +19919,11 @@ ${error51.stderrTail}`] : []
     reasoning: "\u63A8\u7406",
     totalTokens: "Token \u603B\u6570",
     inputOutput: "\u8F93\u5165 / \u8F93\u51FA",
-    fiveHourLimit: "5 \u5C0F\u65F6\u9650\u989D",
-    sevenDayLimit: "7 \u5929\u9650\u989D",
     sessionCostEstimate: "\u4F1A\u8BDD\u8D39\u7528\u4F30\u7B97",
     threadUsage: "\u5BF9\u8BDD\u7528\u91CF",
     threadUsageDetails: "\u5BF9\u8BDD\u7528\u91CF\u8BE6\u60C5",
     tokensSummary: "Token",
-    tokensPerSecond: "Token/\u79D2",
-    fiveHourSummary: "5 \u5C0F\u65F6",
-    sevenDaySummary: "7 \u5929"
+    tokensPerSecond: "Token/\u79D2"
   });
   function rendererUsageMessages(locale) {
     return locale === "zh-CN" ? CHINESE_USAGE_MESSAGES : ENGLISH_USAGE_MESSAGES;
@@ -19660,6 +19937,9 @@ ${error51.stderrTail}`] : []
   function formatRendererCost(value) {
     return `$${value.toFixed(3)}`;
   }
+  function formatRendererCredits(value) {
+    return `${value > 0 && value < 1e-3 ? "<0.001" : decimal(value, 3)} credits`;
+  }
   function formatRendererTokenRate(value, locale = "en") {
     return `${decimal(value, 1)} ${rendererUsageMessages(locale).tokensPerSecond}`;
   }
@@ -19714,27 +19994,11 @@ ${error51.stderrTail}`] : []
     svg.append(track, fill);
     return svg;
   }
-  function formatRendererPlanReset(unixSeconds, locale) {
-    const date5 = new Date(unixSeconds * 1e3);
-    if (Number.isNaN(date5.getTime())) return "";
-    return date5.toLocaleString(locale === "zh-CN" ? "zh-CN" : void 0, {
-      month: "long",
-      day: "numeric",
-      hour: "numeric",
-      minute: "2-digit"
-    });
-  }
-  function formatRendererPlanWindow(usedPercent, resetsAtUnix, locale) {
-    const percent = formatRendererCreditsPercent(usedPercent);
-    if (resetsAtUnix === void 0) return percent;
-    const reset = formatRendererPlanReset(resetsAtUnix, locale);
-    return reset.length > 0 ? `${percent} \xB7 ${reset}` : percent;
-  }
   function rendererUsageTriggerMaxWidth() {
     return "min(180px, 30vw)";
   }
   function rendererUsageHasDisplayData(usage) {
-    return usage?.cacheHitRatePercent !== void 0 || usage?.outputTokensPerSecond !== void 0 || usage?.totalCostUsd !== void 0 || usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0 || usage?.totalTokens !== void 0 || usage?.inputTokens !== void 0 || usage?.cachedInputTokens !== void 0 || usage?.cacheWriteInputTokens !== void 0 || usage?.outputTokens !== void 0 || usage?.reasoningOutputTokens !== void 0 || usage?.planFiveHourUsedPercent !== void 0 || usage?.planSevenDayUsedPercent !== void 0;
+    return usage?.cacheHitRatePercent !== void 0 || usage?.outputTokensPerSecond !== void 0 || usage?.totalCostUsd !== void 0 || usage?.totalCredits !== void 0 || usage?.contextUsagePercent !== void 0 || usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0 || usage?.totalTokens !== void 0 || usage?.inputTokens !== void 0 || usage?.cachedInputTokens !== void 0 || usage?.cacheWriteInputTokens !== void 0 || usage?.outputTokens !== void 0 || usage?.reasoningOutputTokens !== void 0;
   }
   function applyRendererPopoverChrome(popover) {
     popover.style.border = "1px solid light-dark(rgba(15, 23, 42, 0.10), color-mix(in srgb, CanvasText 16%, transparent))";
@@ -19743,10 +20007,10 @@ ${error51.stderrTail}`] : []
     popover.style.color = "CanvasText";
     popover.style.boxShadow = "light-dark(0 10px 24px rgba(15, 23, 42, 0.12), 0 20px 45px rgba(0, 0, 0, 0.42)), 0 2px 8px light-dark(rgba(15, 23, 42, 0.06), rgba(0, 0, 0, 0.28))";
   }
-  function addDetailRow(parent, label, value) {
+  function addDetailRow(parent, label, value, wrap = false) {
     const row = document.createElement("div");
     row.style.display = "grid";
-    row.style.gridTemplateColumns = "minmax(0, 1fr) auto";
+    row.style.gridTemplateColumns = wrap ? "auto minmax(0, 1fr)" : "minmax(0, 1fr) auto";
     row.style.gap = "20px";
     row.style.padding = "4px 0";
     const labelElement = document.createElement("span");
@@ -19756,17 +20020,24 @@ ${error51.stderrTail}`] : []
     valueElement.textContent = value;
     valueElement.style.fontVariantNumeric = "tabular-nums";
     valueElement.style.textAlign = "right";
+    if (wrap) {
+      valueElement.style.overflowWrap = "anywhere";
+      valueElement.title = value;
+    }
     row.append(labelElement, valueElement);
     parent.append(row);
   }
-  function renderDetails(popover, usage, messages, locale) {
+  function renderDetails(popover, usage, messages, locale, accountName) {
     popover.replaceChildren();
     const heading = document.createElement("div");
     heading.textContent = messages.usage;
     heading.style.fontWeight = "600";
     heading.style.marginBottom = "6px";
     popover.append(heading);
-    if (usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0) {
+    if (accountName) addDetailRow(popover, messages.account, accountName, true);
+    if (usage?.contextUsagePercent !== void 0) {
+      addDetailRow(popover, messages.context, `${decimal(usage.contextUsagePercent, 1)}%`);
+    } else if (usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0) {
       const contextPercent = usage.contextWindowTokens > 0 ? usage.contextUsedTokens / usage.contextWindowTokens * 100 : null;
       addDetailRow(
         popover,
@@ -19808,34 +20079,15 @@ ${error51.stderrTail}`] : []
       addDetailRow(
         popover,
         messages.inputOutput,
-        `${formatRendererTokenCount(usage.inputTokens ?? 0)} / ${formatRendererTokenCount(usage.outputTokens ?? 0)}`
-      );
-    }
-    if (usage?.planFiveHourUsedPercent !== void 0) {
-      addDetailRow(
-        popover,
-        messages.fiveHourLimit,
-        formatRendererPlanWindow(
-          usage.planFiveHourUsedPercent,
-          usage.planFiveHourResetsAtUnix,
-          locale
-        )
-      );
-    }
-    if (usage?.planSevenDayUsedPercent !== void 0) {
-      addDetailRow(
-        popover,
-        messages.sevenDayLimit,
-        formatRendererPlanWindow(
-          usage.planSevenDayUsedPercent,
-          usage.planSevenDayResetsAtUnix,
-          locale
-        )
+        `${usage.inputTokens === void 0 ? "-" : formatRendererTokenCount(usage.inputTokens)} / ${usage.outputTokens === void 0 ? "-" : formatRendererTokenCount(usage.outputTokens)}`
       );
     }
     if (usage?.totalCostUsd !== void 0) {
       addDetailRow(popover, messages.sessionCostEstimate, formatRendererCost(usage.totalCostUsd));
     }
+    if (usage?.totalCredits !== void 0) {
+      addDetailRow(popover, messages.recordedCredits, formatRendererCredits(usage.totalCredits));
+    }
   }
   function popoverIsOpen(popover) {
     try {
@@ -19919,6 +20171,8 @@ ${error51.stderrTail}`] : []
     popover.setAttribute("popover", "auto");
     popover.hidden = typeof popover.showPopover !== "function";
     popover.style.position = "fixed";
+    popover.style.boxSizing = "border-box";
+    popover.style.margin = "0";
     popover.style.inset = "auto";
     popover.style.width = "260px";
     popover.style.maxWidth = "min(320px, calc(100vw - 24px))";
@@ -19990,7 +20244,7 @@ ${error51.stderrTail}`] : []
     document.body.append(popover);
     return control;
   }
-  function renderRendererUsageControl(control, usage, locale = control.locale) {
+  function renderRendererUsageControl(control, usage, locale = control.locale, accountName = null) {
     control.locale = locale;
     const messages = rendererUsageMessages(locale);
     control.popover.setAttribute("aria-label", messages.threadUsageDetails);
@@ -19999,18 +20253,20 @@ ${error51.stderrTail}`] : []
     const totalCostUsd = usage?.totalCostUsd;
     const hasContext = usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0;
     const hasTokenUsage = usage?.totalTokens !== void 0 || usage?.inputTokens !== void 0 || usage?.cachedInputTokens !== void 0 || usage?.cacheWriteInputTokens !== void 0 || usage?.outputTokens !== void 0 || usage?.reasoningOutputTokens !== void 0;
-    const hasPlanLimit = usage?.planFiveHourUsedPercent !== void 0 || usage?.planSevenDayUsedPercent !== void 0;
-    const visible = rendererUsageHasDisplayData(usage);
+    const visible = rendererUsageHasDisplayData(usage) || Boolean(accountName);
     control.root.style.display = visible ? "inline-flex" : "none";
     if (!visible) {
       closePopover(control);
       return false;
     }
     const summary = [
+      usage?.totalCredits !== void 0 ? formatRendererCredits(usage.totalCredits) : null,
       cacheHitRatePercent !== void 0 ? formatRendererCacheHitRate(cacheHitRatePercent) : null,
       outputTokensPerSecond !== void 0 ? formatRendererTokenRate(outputTokensPerSecond, locale) : null,
       totalCostUsd !== void 0 ? formatRendererCost(totalCostUsd) : null
     ].filter((value) => value !== null);
+    const contextPercent = usage?.contextUsagePercent;
+    if (contextPercent !== void 0 && summary.length === 0) summary.push(messages.usage);
     if (summary.length === 0 && hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0) {
       summary.push(
         formatRendererContextSummary(usage.contextUsedTokens ?? 0, usage.contextWindowTokens)
@@ -20024,18 +20280,13 @@ ${error51.stderrTail}`] : []
         `${formatRendererTokenCount((usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0))} ${messages.tokensSummary}`
       );
     }
-    if (summary.length === 0 && hasPlanLimit) {
-      summary.push(
-        usage?.planFiveHourUsedPercent !== void 0 ? `${messages.fiveHourSummary} ${formatRendererCreditsPercent(usage.planFiveHourUsedPercent)}` : `${messages.sevenDaySummary} ${formatRendererCreditsPercent(usage?.planSevenDayUsedPercent ?? 0)}`
-      );
-    }
-    const compactSummary = summary.join(" \xB7 ");
-    const accessibleSummary = `${messages.threadUsage}: ${compactSummary}`;
+    const compactSummary = summary.join(" \xB7 ") || messages.usage;
+    const accessibleSummary = `${messages.threadUsage}: ${compactSummary}${contextPercent !== void 0 ? `; ${messages.context} ${decimal(contextPercent, 1)}%` : ""}`;
     control.trigger.style.maxWidth = rendererUsageTriggerMaxWidth();
     control.trigger.setAttribute("aria-label", accessibleSummary);
     control.trigger.title = accessibleSummary;
     control.label.textContent = compactSummary;
-    renderDetails(control.popover, usage, messages, locale);
+    renderDetails(control.popover, usage, messages, locale, accountName);
     return true;
   }
 
@@ -20045,6 +20296,17 @@ ${error51.stderrTail}`] : []
     if (usedPercent >= 70) return "warn";
     return "ok";
   }
+  function formatAccountCreditsBalance(remaining, unit) {
+    const amount = Number.isInteger(remaining) ? remaining.toLocaleString("en-US") : remaining.toLocaleString("en-US", {
+      maximumFractionDigits: 4,
+      minimumFractionDigits: 0
+    });
+    const normalized = unit.trim();
+    if (!normalized || normalized.toUpperCase() === "USD" || normalized === "$") {
+      return `$${amount}`;
+    }
+    return `${amount} ${normalized}`;
+  }
   var ENGLISH_CREDITS_MESSAGES = Object.freeze({
     remaining: "Remaining",
     resets: "Resets",
@@ -20160,6 +20422,10 @@ ${error51.stderrTail}`] : []
       reset.style.color = "color-mix(in srgb, currentColor 62%, transparent)";
       left.append(reset);
     }
+    if (credits.usedPercent === void 0) {
+      wrapper.append(top);
+      return wrapper;
+    }
     const color = toneColor(rendererCreditsTone(credits.usedPercent));
     const remaining = remainingPercent(credits.usedPercent);
     const percent = document.createElement("span");
@@ -20217,6 +20483,18 @@ ${error51.stderrTail}`] : []
   }
   function renderDetails2(popover, credits, locale) {
     const messages = rendererCreditsMessages(locale);
+    if (credits.usedPercent === void 0) {
+      const amount = credits.remaining === void 0 || !credits.unit ? "" : formatAccountCreditsBalance(credits.remaining, credits.unit);
+      popover.style.backgroundImage = "";
+      popover.setAttribute("aria-label", messages.details);
+      popover.replaceChildren();
+      const header = document.createElement("div");
+      header.textContent = amount ? `${messages.remaining} ${amount}` : messages.account;
+      header.style.fontSize = "13px";
+      header.style.fontWeight = "600";
+      popover.append(header);
+      return;
+    }
     const glowColor = toneColor(rendererCreditsTone(credits.usedPercent));
     popover.style.backgroundImage = `radial-gradient(160px 100px at 18% -10%, color-mix(in srgb, ${glowColor} 20%, transparent), transparent 70%)`;
     popover.setAttribute("aria-label", messages.details);
@@ -20391,6 +20669,23 @@ ${error51.stderrTail}`] : []
       closePopover2(control);
       return false;
     }
+    if (accountCredits.usedPercent === void 0) {
+      const amount = accountCredits.remaining === void 0 || !accountCredits.unit ? null : formatAccountCreditsBalance(accountCredits.remaining, accountCredits.unit);
+      if (!amount) {
+        control.root.style.display = "none";
+        closePopover2(control);
+        return false;
+      }
+      const ringSlot2 = control.trigger.querySelector("[data-codexhost-credits-ring]");
+      const label2 = control.trigger.querySelector("[data-codexhost-credits-label]");
+      ringSlot2?.replaceChildren();
+      if (label2) label2.textContent = amount;
+      control.root.style.display = "inline-flex";
+      control.trigger.setAttribute("aria-label", amount);
+      control.trigger.title = amount;
+      renderDetails2(control.popover, accountCredits, locale);
+      return true;
+    }
     const remaining = remainingPercent(accountCredits.usedPercent);
     const percent = formatRendererCreditsPercent(remaining);
     const title = `${creditsPeriodLabel(accountCredits.periodType)} ${percent}`;
@@ -21200,7 +21495,15 @@ ${error51.stderrTail}`] : []
       permissionModeVisible,
       locale
     );
-    if (control.usage) renderRendererUsageControl(control.usage, usage, locale);
+    const selectedCodexAccount = state.agent === "codex" && !ownershipError ? codexAccounts.find((account) => account.active) : void 0;
+    if (control.usage) {
+      renderRendererUsageControl(
+        control.usage,
+        usage,
+        locale,
+        selectedCodexAccount?.email ?? selectedCodexAccount?.label ?? null
+      );
+    }
     control.harnessCommands.setLocale(locale);
     control.harnessCommands.root.hidden = state.agent === "codex";
     control.harnessCommands.root.style.display = state.agent === "codex" ? "none" : "inline-flex";
@@ -21344,14 +21647,7 @@ ${error51.stderrTail}`] : []
   }
   function rendererAgentForThreadOwnership(ownership) {
     if (ownership.owner === "codex") return null;
-    if (ownership.harnessId === "pi") return "pi";
-    if (ownership.harnessId === "claude-code") return "claude-code";
-    if (ownership.harnessId === "deepseek-harness") return "deepseek-harness";
-    if (ownership.harnessId === "opencode") return "opencode";
-    if (ownership.harnessId === "grok") return "grok";
-    if (ownership.harnessId === "omp") return "omp";
-    if (ownership.harnessId === "antigravity") return "antigravity";
-    return null;
+    return KNOWN_RENDERER_AGENTS.includes(ownership.harnessId) && ownership.harnessId !== "codex" ? ownership.harnessId : null;
   }
   var BrowserSidebarAgentIconRow = class {
     constructor(element) {
@@ -22482,6 +22778,13 @@ ${error51.stderrTail}`] : []
   var OMP_TRANSPORT_MODEL_PREFIX = `${OMP_TRANSPORT_MODEL_ID}@`;
   var ANTIGRAVITY_TRANSPORT_MODEL_ID = "codexhost/antigravity-native";
   var ANTIGRAVITY_TRANSPORT_MODEL_PREFIX = `${ANTIGRAVITY_TRANSPORT_MODEL_ID}@`;
+  function hermesTransportModelId(model, permissionModeId) {
+    return encodeHarnessPluginRoute({
+      harnessId: harnessIdSchema.parse("hermes"),
+      ...model ? { model: harnessModelRefSchema.parse(model) } : {},
+      ...permissionModeId ? { permissionModeId: harnessPermissionModeIdSchema.parse(permissionModeId) } : {}
+    });
+  }
   function transitionRendererAdapterStatus(current, next, publish) {
     if (current.state === next.state && current.reason === next.reason && current.hook === next.hook) {
       return false;
@@ -22502,7 +22805,8 @@ ${error51.stderrTail}`] : []
     if (agent === "grok") return GROK_TRANSPORT_MODEL_ID;
     if (agent === "omp") return OMP_TRANSPORT_MODEL_ID;
     if (agent === "antigravity") return ANTIGRAVITY_TRANSPORT_MODEL_ID;
-    return null;
+    if (agent === "codex") return null;
+    return encodeHarnessPluginRoute({ harnessId: harnessPluginIdSchema.parse(agent) });
   }
   function isRecord6(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -22944,7 +23248,12 @@ ${error51.stderrTail}`] : []
     }
   }
   function modelSelectionForAgent(officialSelection, reasoningEffort, agent, model, thinkingOptionId, permissionModeId) {
-    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model, permissionModeId) : agent === "opencode" ? openCodeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId, permissionModeId) : agent === "antigravity" ? antigravityTransportModelId(model, permissionModeId, thinkingOptionId) : transportModelIdForAgent(agent);
+    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model, permissionModeId) : agent === "opencode" ? openCodeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId, permissionModeId) : agent === "antigravity" ? antigravityTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "hermes" ? hermesTransportModelId(model, permissionModeId) : agent === "codex" ? null : model || thinkingOptionId || permissionModeId ? encodeHarnessPluginRoute({
+      harnessId: harnessPluginIdSchema.parse(agent),
+      ...model ? { model } : {},
+      ...thinkingOptionId ? { thinkingOptionId } : {},
+      ...permissionModeId ? { permissionModeId } : {}
+    }) : transportModelIdForAgent(agent);
     return transportModelId ? { model: transportModelId, reasoningEffort } : officialSelection;
   }
   function installCurrentRendererAdapter() {
@@ -23211,6 +23520,24 @@ ${error51.stderrTail}`] : []
     };
   }
 
+  // src/renderer-approval-style.ts
+  function installRendererApprovalStyle(ownerDocument) {
+    if (typeof ownerDocument.createElement !== "function") return () => void 0;
+    ownerDocument.querySelector("style[data-codexhost-approval-style]")?.remove();
+    const style = ownerDocument.createElement("style");
+    style.setAttribute("data-codexhost-approval-style", "true");
+    style.textContent = `
+    [data-codex-approval-surface] > form {
+      justify-content: flex-end;
+    }
+    [data-codex-approval-surface] > form > .ms-auto {
+      margin-inline-start: 0;
+    }
+  `;
+    (ownerDocument.head ?? ownerDocument.documentElement)?.append?.(style);
+    return () => style.remove();
+  }
+
   // src/renderer-permission-mode-preference.ts
   var CLAUDE_PERMISSION_MODE_PREFERENCE_KEY = "codexhost.claude-code.permission-mode.v1";
   function rendererStorage() {
@@ -23836,6 +24163,7 @@ ${error51.stderrTail}`] : []
           listControls.pagination
         );
         let candidates = [];
+        let loadedClient = null;
         let importingId = null;
         let actions = [];
         const updateImportActions = () => {
@@ -23884,7 +24212,7 @@ ${error51.stderrTail}`] : []
             status.focus();
           }
         };
-        const renderOpenRecovery = (candidate, threadId) => {
+        const renderOpenRecovery = (candidate, threadId, hostId) => {
           actions = [];
           refresh.disabled = false;
           const recovery = document2.createElement("section");
@@ -23950,12 +24278,12 @@ ${error51.stderrTail}`] : []
           retry.addEventListener("click", () => {
             if (retry.disabled) return;
             setRetrying(true);
-            void context.runLatest((signal) => openImportedThread(threadId, signal), {
+            void context.runLatest((signal) => openImportedThread(threadId, signal, hostId), {
               success() {
                 setRetrying(false);
               },
               failure() {
-                renderOpenRecovery(candidate, threadId);
+                renderOpenRecovery(candidate, threadId, hostId);
               }
             });
           });
@@ -24032,7 +24360,7 @@ ${error51.stderrTail}`] : []
               if (candidate.running === true || importingId !== null || selectedHarness === null)
                 return;
               const harnessId = selectedHarness;
-              const client = getClient();
+              const client = loadedClient;
               if (!client) {
                 renderUnavailable(true);
                 return;
@@ -24048,7 +24376,9 @@ ${error51.stderrTail}`] : []
                     nativeSessionId: candidate.nativeSessionId
                   });
                   committedThreadId = result.threadId;
-                  if (!signal.aborted) await openImportedThread(result.threadId, signal);
+                  if (!signal.aborted) {
+                    await openImportedThread(result.threadId, signal, client.hostId);
+                  }
                 },
                 {
                   success() {
@@ -24061,7 +24391,7 @@ ${error51.stderrTail}`] : []
                     updateImportActions();
                     refresh.disabled = false;
                     if (committedThreadId) {
-                      renderOpenRecovery(candidate, committedThreadId);
+                      renderOpenRecovery(candidate, committedThreadId, client.hostId);
                     } else {
                       renderFailure(error51, "import");
                     }
@@ -24079,6 +24409,7 @@ ${error51.stderrTail}`] : []
         };
         const load = () => {
           if (importingId !== null || context.signal.aborted) return;
+          loadedClient = null;
           const client = getClient();
           if (!client) {
             refresh.disabled = false;
@@ -24108,6 +24439,7 @@ ${error51.stderrTail}`] : []
             },
             {
               success(result) {
+                loadedClient = client;
                 listControls.setBusy(false);
                 if (listControls.setTotal(result.total)) {
                   load();
@@ -24120,6 +24452,7 @@ ${error51.stderrTail}`] : []
                 else renderCandidates();
               },
               failure(error51) {
+                loadedClient = null;
                 listControls.setBusy(false);
                 candidates = [];
                 refresh.disabled = false;
@@ -24508,6 +24841,24 @@ ${error51.stderrTail}`] : []
       return usage;
     }
     const credits = state.credits;
+    if (credits.remaining !== void 0 && credits.unit) {
+      const meter = document2.createElement("div");
+      meter.className = "settings-account-usage__meter settings-account-usage__meter--balance";
+      const amount = formatAccountCreditsBalance(credits.remaining, credits.unit);
+      const value = document2.createElement("span");
+      value.className = "settings-account-usage__balance";
+      const number4 = document2.createElement("span");
+      number4.textContent = amount;
+      const suffix = document2.createElement("span");
+      suffix.className = "settings-account-usage__value-label";
+      suffix.textContent = messages.accountCreditsRemaining;
+      value.append(number4, suffix);
+      value.title = `${amount} ${messages.accountCreditsRemaining}`;
+      meter.append(value);
+      usage.append(meter);
+      if (credits.usedPercent === void 0) return usage;
+    }
+    if (credits.usedPercent === void 0) return usage;
     const windows = [
       {
         label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
@@ -24925,6 +25276,9 @@ ${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",
@@ -24944,8 +25298,8 @@ ${error51.stderrTail}`] : []
         copy.append(heading, description);
         const add = document2.createElement("button");
         add.type = "button";
-        add.className = "settings-command-button";
-        add.append(createRendererSettingsIcon("add", 16), messages.accountAdd);
+        add.className = "settings-command-button settings-command-button--secondary";
+        add.append(createRendererSettingsIcon("add", 15), messages.accountAdd);
         header.append(copy, add);
         const status = document2.createElement("p");
         status.className = "settings-account-status";
@@ -25077,7 +25431,7 @@ ${error51.stderrTail}`] : []
           for (const [display, button] of displayButtons) {
             button.setAttribute("aria-pressed", String(display === usageDisplay));
           }
-          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => account.email)) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
+          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => accountHasUsage(account))) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
           const query = search.value.trim().toLocaleLowerCase();
           harnessAccounts?.update(query, usageDisplay);
           const visibleAccounts = accounts.filter(
@@ -25177,7 +25531,7 @@ ${error51.stderrTail}`] : []
         };
         const loadUsage = (nextAccounts) => {
           const inspect = getClient()?.inspectCodexAccountUsage;
-          const signedIn = nextAccounts.filter((account) => account.email);
+          const signedIn = nextAccounts.filter((account) => accountHasUsage(account));
           const keep = new Set(signedIn.map((account) => account.accountId));
           for (const accountId of [...usageByAccountId.keys()]) {
             if (!keep.has(accountId)) usageByAccountId.delete(accountId);
@@ -25999,10 +26353,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/settings/shell.css
-  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  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(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 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-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\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  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-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 (unavailable / request failure) 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  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    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-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';
+  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  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(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 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-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\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    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-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-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
+  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n.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  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -26595,11 +26949,11 @@ ${accounts_default}`;
         options.getConnectionDiagnostics ?? (() => null),
         options.getAccountClient ?? (() => null),
         options.getSessionImportClient ?? (() => null),
-        async (threadId, signal) => {
+        async (threadId, signal, hostId) => {
           if (!options.openImportedThread) {
             throw new Error("Imported Thread navigation is unavailable");
           }
-          await options.openImportedThread(threadId, signal);
+          await options.openImportedThread(threadId, signal, hostId);
           if (!disposed && !signal.aborted) shell?.close();
         }
       );
@@ -26754,7 +27108,10 @@ ${accounts_default}`;
     opencode: harnessIdSchema.parse("opencode"),
     grok: harnessIdSchema.parse("grok"),
     omp: harnessIdSchema.parse("omp"),
-    antigravity: harnessIdSchema.parse("antigravity")
+    antigravity: harnessIdSchema.parse("antigravity"),
+    hermes: harnessIdSchema.parse("hermes"),
+    muse: harnessIdSchema.parse("muse"),
+    "kiro-cli": harnessIdSchema.parse("kiro-cli")
   };
   var externalAgents = [
     "pi",
@@ -26763,7 +27120,10 @@ ${accounts_default}`;
     "opencode",
     "grok",
     "omp",
-    "antigravity"
+    "antigravity",
+    "hermes",
+    "muse",
+    "kiro-cli"
   ];
   function isRetryableHarnessAvailability(availability, error51) {
     return availability !== void 0 && availability !== "ready" && availability !== "notInstalled" && error51?.retryable === true;
@@ -26933,7 +27293,42 @@ ${accounts_default}`;
         ...permissionModeId ? { permissionModeId } : {}
       };
     }
-    throw new Error("Thread owner is not a Renderer Agent");
+    if (inspection.harnessId === "hermes") {
+      return {
+        agent: "hermes",
+        ...inspection.effectiveModel ? { model: inspection.effectiveModel } : {},
+        ...inspection.effectivePermissionModeId ? { permissionModeId: inspection.effectivePermissionModeId } : {}
+      };
+    }
+    return restoredPluginRouteOwnership(inspection);
+  }
+  function isKnownExternalRendererAgent(value) {
+    return KNOWN_RENDERER_AGENTS.includes(value) && value !== "codex";
+  }
+  function restoredPluginRouteOwnership(inspection) {
+    if (inspection.owner !== "external") {
+      throw new Error("Thread owner is not a Renderer Agent");
+    }
+    const agent = inspection.harnessId;
+    if (!isKnownExternalRendererAgent(agent)) {
+      throw new Error("Thread owner is not a Renderer Agent");
+    }
+    const transportSelection = decodeHarnessPluginRoute(inspection.transportModelId);
+    if (transportSelection && transportSelection.harnessId !== agent) {
+      throw new Error(`${agent} Thread reported an incompatible transport Model`);
+    }
+    if (!transportSelection && !inspection.effectiveModel && !inspection.effectivePermissionModeId && !selectableThinkingOptionId(inspection)) {
+      throw new Error(`${agent} Thread reported an incompatible transport Model`);
+    }
+    const model = inspection.effectiveModel ?? transportSelection?.model;
+    const thinkingOptionId = selectableThinkingOptionId(inspection) ?? transportSelection?.thinkingOptionId;
+    const permissionModeId = inspection.effectivePermissionModeId ?? transportSelection?.permissionModeId;
+    return {
+      agent,
+      ...model ? { model } : {},
+      ...thinkingOptionId ? { thinkingOptionId } : {},
+      ...permissionModeId ? { permissionModeId } : {}
+    };
   }
   function isOwnershipSubmissionBlocked(status) {
     return status === "loading" || status === "error";
@@ -26997,6 +27392,7 @@ ${accounts_default}`;
   function installRendererBindingProbe(options = {}) {
     const existing = window.__codexhostRendererBindingProbeV1;
     if (existing) return existing;
+    const disposeApprovalStyle = installRendererApprovalStyle(document);
     const enabledAgents = [...new Set(options.enabledAgents ?? DEFAULT_RENDERER_AGENTS)];
     const enabledAgentSet = new Set(enabledAgents);
     const controller = new DraftAgentController({
@@ -27050,18 +27446,20 @@ ${accounts_default}`;
       getAccountClient: () => modelControl,
       getConnectionDiagnostics: () => connectionDiagnostics,
       getSessionImportClient: () => {
-        const client = modelClientForHost("local");
+        const hostId = activeModelHostId() ?? "local";
+        const client = modelClientForHost(hostId);
         const sources = client?.listSessionImportSources;
         const list = client?.listHarnessSessions;
         const importSession = client?.importHarnessSession;
         if (!sources || !list || !importSession) return null;
         return {
+          hostId,
           listSessionImportSources: () => sources(),
           listHarnessSessions: (input) => list(input),
           importHarnessSession: (input) => importSession(input)
         };
       },
-      openImportedThread: (threadId, signal) => openRendererThread(threadId, { hostId: "local", signal }),
+      openImportedThread: (threadId, signal, hostId) => openRendererThread(threadId, { hostId: hostId ?? "local", signal }),
       onLocaleChange() {
         for (const mounted of mountedByComposer.values()) renderMounted(mounted);
       }
@@ -27084,7 +27482,10 @@ ${accounts_default}`;
         opencode: void 0,
         grok: void 0,
         omp: void 0,
-        antigravity: void 0
+        antigravity: void 0,
+        hermes: void 0,
+        muse: void 0,
+        "kiro-cli": void 0
       },
       webUi: Object.fromEntries(
         externalAgents.map((agent) => [agent, false])
@@ -27567,7 +27968,22 @@ ${accounts_default}`;
           return;
         }
         if (current.phase === "locked" && previousModel && !previousModelAvailable) {
-          throw new Error("Existing Thread Model is absent from the current Catalog");
+          mounted.modelView = {
+            status: "error",
+            catalog: inspection.catalog,
+            selected: previousModel,
+            thinkingSelectionSupported: inspection.capabilities.configuration.selectThinkingOption,
+            error: "Existing Thread Model is absent from the current Catalog"
+          };
+          if (selectedPermissionModeId && mounted.permissionModeView.catalog) {
+            mounted.permissionModeView = {
+              status: "ready",
+              catalog: mounted.permissionModeView.catalog,
+              selected: selectedPermissionModeId,
+              ...permissionModeLock
+            };
+          }
+          return;
         }
         const selected = previousModelAvailable ? previousModel : preferredConfiguration?.model ?? inspection.catalog.defaultModel;
         if (!selected) throw new Error("External Harness did not report its default Model");
@@ -28810,6 +29226,7 @@ ${accounts_default}`;
       dispose() {
         if (disposed) return;
         disposed = true;
+        disposeApprovalStyle();
         usageNotificationDispose?.();
         usageNotificationDispose = null;
         adapterDispose?.();
@@ -28901,6 +29318,7 @@ lucide/dist/esm/icons/circle-off.mjs:
 lucide/dist/esm/icons/copy.mjs:
 lucide/dist/esm/icons/ellipsis.mjs:
 lucide/dist/esm/icons/download.mjs:
+lucide/dist/esm/icons/hard-drive-download.mjs:
 lucide/dist/esm/icons/external-link.mjs:
 lucide/dist/esm/icons/folder-input.mjs:
 lucide/dist/esm/icons/grip-vertical.mjs: