@codexhost/cli-darwin-x64 0.1.6 → 0.2.1

package/app/renderer-extension.js

@@ -7,8 +7,14 @@
   };
 
   // src/agent-selection-state.ts
-  var KNOWN_RENDERER_AGENTS = ["codex", "pi", "claude-code"];
-  var DEFAULT_RENDERER_AGENTS = ["codex", "pi", "claude-code"];
+  var KNOWN_RENDERER_AGENTS = [
+    "codex",
+    "pi",
+    "claude-code",
+    "deepseek-harness",
+    "grok"
+  ];
+  var DEFAULT_RENDERER_AGENTS = KNOWN_RENDERER_AGENTS;
   function defaultIdFactory(sequence) {
     return `codexhost-composer-${Date.now().toString(36)}-${sequence.toString(36)}`;
   }
@@ -112,19 +118,18 @@
       state.phase = "locked";
       if (agent === "pi" && model) state.piModel = model;
       if (agent === "claude-code" && model) state.claudeModel = model;
-      if (agent === "pi" && thinkingOptionId) {
-        state.piThinkingOptionId = thinkingOptionId;
-      } else if (agent === "pi") {
-        delete state.piThinkingOptionId;
-      }
+      if (agent === "deepseek-harness" && model) state.deepSeekHarnessModel = model;
+      if (agent === "grok" && model) state.grokModel = model;
+      if (agent === "pi" && thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
+      else if (agent === "pi") delete state.piThinkingOptionId;
       if (agent === "claude-code" && thinkingOptionId) {
         state.claudeThinkingOptionId = thinkingOptionId;
-      } else if (agent === "claude-code") {
-        delete state.claudeThinkingOptionId;
-      }
+      } else if (agent === "claude-code") delete state.claudeThinkingOptionId;
+      if (agent === "grok" && thinkingOptionId) state.grokThinkingOptionId = thinkingOptionId;
+      else if (agent === "grok") delete state.grokThinkingOptionId;
       if (agent !== "codex") {
         const permissionModeByAgent = {};
-        for (const candidate of ["pi", "claude-code"]) {
+        for (const candidate of ["pi", "claude-code", "deepseek-harness", "grok"]) {
           const current = state.permissionModeByAgent?.[candidate];
           if (candidate !== agent && current) permissionModeByAgent[candidate] = current;
         }
@@ -139,11 +144,16 @@
     }
     modelForAgent(composer, agent) {
       const state = this.#state(composer);
-      return agent === "pi" ? state.piModel : agent === "claude-code" ? state.claudeModel : void 0;
+      if (agent === "pi") return state.piModel;
+      if (agent === "claude-code") return state.claudeModel;
+      if (agent === "deepseek-harness") return state.deepSeekHarnessModel;
+      return agent === "grok" ? state.grokModel : void 0;
     }
     thinkingOptionForAgent(composer, agent) {
       const state = this.#state(composer);
-      return agent === "pi" ? state.piThinkingOptionId : state.claudeThinkingOptionId;
+      if (agent === "pi") return state.piThinkingOptionId;
+      if (agent === "claude-code") return state.claudeThinkingOptionId;
+      return agent === "grok" ? state.grokThinkingOptionId : void 0;
     }
     permissionModeForAgent(composer, agent) {
       return this.#state(composer).permissionModeByAgent?.[agent];
@@ -159,7 +169,9 @@
     setExternalModel(composer, agent, model) {
       const state = this.#state(composer);
       if (agent === "pi") state.piModel = model;
-      else state.claudeModel = model;
+      else if (agent === "claude-code") state.claudeModel = model;
+      else if (agent === "deepseek-harness") state.deepSeekHarnessModel = model;
+      else state.grokModel = model;
       return state;
     }
     setPiConfiguration(composer, model, thinkingOptionId) {
@@ -176,8 +188,15 @@
       const state = this.#state(composer);
       if (agent === "pi" && thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
       else if (agent === "pi") delete state.piThinkingOptionId;
-      else if (thinkingOptionId) state.claudeThinkingOptionId = thinkingOptionId;
-      else delete state.claudeThinkingOptionId;
+      else if (agent === "claude-code" && thinkingOptionId) {
+        state.claudeThinkingOptionId = thinkingOptionId;
+      } else if (agent === "claude-code") {
+        delete state.claudeThinkingOptionId;
+      } else if (agent === "grok" && thinkingOptionId) {
+        state.grokThinkingOptionId = thinkingOptionId;
+      } else if (agent === "grok") {
+        delete state.grokThinkingOptionId;
+      }
       return state;
     }
     setPiThinkingOption(composer, thinkingOptionId) {
@@ -14903,6 +14922,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     cachedInputTokens: nonNegativeSafeIntegerSchema.optional(),
     cacheWriteInputTokens: nonNegativeSafeIntegerSchema.optional(),
     outputTokens: nonNegativeSafeIntegerSchema.optional(),
+    outputTokensPerSecond: finiteNonNegativeNumberSchema.optional(),
     reasoningOutputTokens: nonNegativeSafeIntegerSchema.optional(),
     totalTokens: nonNegativeSafeIntegerSchema.optional(),
     totalCostUsd: finiteNonNegativeNumberSchema.optional(),
@@ -14930,12 +14950,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       });
     }
   });
+  var usagePercentSchema = external_exports.number().finite().min(0).max(100);
+  var accountCreditsProductUsageSchema = external_exports.object({
+    product: external_exports.string().min(1),
+    usagePercent: usagePercentSchema
+  }).strict();
+  var accountCreditsSnapshotSchema = external_exports.object({
+    usedPercent: usagePercentSchema,
+    resetsAt: external_exports.string().min(1).optional(),
+    periodType: external_exports.enum(["weekly", "monthly", "unknown"]),
+    productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional()
+  }).strict();
   var threadUsageInspectionParamsSchema = external_exports.object({
     threadId: hostThreadIdSchema
   }).strict();
   var threadUsageInspectionSchema = external_exports.object({
     threadId: hostThreadIdSchema,
-    usage: threadUsageSnapshotSchema.nullable()
+    usage: threadUsageSnapshotSchema.nullable(),
+    accountCredits: accountCreditsSnapshotSchema.optional()
   }).strict();
 
   // ../shared-contracts/dist/harness-models.js
@@ -15292,11 +15324,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // src/assets/codex-agent.png
   var codex_agent_default = "data:image/png;base64,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";
 
+  // src/assets/grok-agent.png
+  var grok_agent_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAEk9JREFUeNrtnQdsHEUXx5fee40xnQiQ6b23IAiJAWHACV10AQHRRG8GDJgSOggEGAEBg6gGhAIBQknoppjeezGE3kybb3+je6f1fVdm93Z2Zy870iPmfN67mffmzSv/98bzLIxZZpml2ad2n7p86vWp36cBnwZ9UjlVpcHCWvUX1q6rsJbNnsvD/4ItPnX41Jcz0Rr1Fda4xSXGt/k0MWdO4sSat6XJ+FafpuaMSJ3gQWuSjG/yaUK+8M4RPGmyzfyxPk3LF9tZgjdjbTG/M1/gzFBn3Mzvzhc1c9QdF/N78sXMLPXkO386o5lnnllT3ZogP/OzRzPNNJOac8451bBhw0qFoDOKtZ8vasZ2Pv/uuOOOaoklltDCUPKesWH8/NzVyxjzfdapcePGqa222kr/XMFFbDIRgDzIkzGC4Yceeqg6/fTTKzG/GCwyCe/mi5ox5u+3337q4YcfVvPNN1851V9KrdUEII/tZ4z5e++9t/rmm2/UeuutV2v3F3MH1bJ6+cJmiPnt7e3q77//VieccIIp84XayglAntLNEPO33XZb9dtvv2nVP9tss5mo/iGp5HJgjnxxM8L8TTbZRKv9adOmqVVWWSXs7hdqCQpAR7642WD+hhtuqD777DPFOProo6MyH+oICkAO48oY8ydNmqTmmmuusKp/CLwsCOCcbgImLBg044wz6kUtpRlmmKH4npJwaqrMX3PNNdXHH3+smf/zzz+HsfqrUbNXQJw2dIQsyFx2zSKLLKKWWWYZtfrqq+uFFFpttdXUsssuqxZeeGE199xz6/cH/z4NgeBzV1hhBfX2228rGeecc04czIfavQLsuKESIsIwmI2RNGbMGHX++eere++9V73wwgvq888/Vz/88IP69ddf1e+//16kX375Rb+Omn3xxRf1+y+44AK1++67q1VXXVU/T55dh+oNxfyll15avfzyy0XmIwiLLbaY1mAxfEaXV8CeN8QZCS244IJq9OjR6tJLL1V9fX2aqeXGf//9p+nff/8tkrxWbvCcV155RV1++eVq1KhR+nPkM23NZ6mlllLPPfec/nz5fvvvv3+cn9nrFQoQMq3iUdXrrLOOuuiii9S77747hIn8/M8//9RNpc9855139Oet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";
+
   // src/renderer-agent-icon.ts
   var RENDERER_AGENT_LABELS = {
     codex: "Codex",
     pi: "Pi",
-    "claude-code": "Claude Code"
+    "claude-code": "Claude Code",
+    "deepseek-harness": "DeepSeek Harness",
+    grok: "Grok"
   };
   var PI_PATHS = [
     {
@@ -15305,10 +15342,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     },
     { d: "M17.5 12H23v11h-5.5V12z" }
   ];
+  var DEEPSEEK_HARNESS_WHALE_PATH = "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018ZM11.1749 14.4736C9.15936 12.889 8.18184 12.3675 7.77832 12.39C7.40081 12.4125 7.46881 12.8445 7.55182 13.126C7.63882 13.404 7.75182 13.5955 7.91033 13.8396C8.01983 14.0011 8.09533 14.2411 7.80083 14.4216C7.15181 14.8231 6.02327 14.2866 5.97027 14.2601C4.65673 13.4865 3.5587 12.4655 2.78467 11.069C2.03715 9.72493 1.60314 8.28289 1.53164 6.74384C1.51264 6.37233 1.62214 6.24082 1.99215 6.17332C2.47916 6.08332 2.98118 6.06432 3.46769 6.13582C5.52476 6.43633 7.27581 7.35586 8.74385 8.8129C9.58188 9.64243 10.2159 10.634 10.8689 11.6025C11.5634 12.631 12.3105 13.611 13.262 14.4146C13.598 14.6961 13.866 14.9101 14.1225 15.0681C13.349 15.1546 12.058 15.1731 11.1749 14.4746L11.1749 14.4736ZM12.141 8.25988C12.141 8.09488 12.273 7.96338 12.439 7.96338C12.4765 7.96338 12.5105 7.97088 12.541 7.98188C12.5825 7.99688 12.6205 8.01938 12.6505 8.05338C12.7035 8.10588 12.7335 8.18088 12.7335 8.25988C12.7335 8.42489 12.6015 8.55639 12.4355 8.55639C12.2695 8.55639 12.141 8.42489 12.141 8.25988ZM15.1415 9.79893C14.949 9.87793 14.7565 9.94544 14.5715 9.95294C14.2845 9.96794 13.9715 9.85143 13.8015 9.70893C13.5375 9.48742 13.3485 9.36342 13.2695 8.97691C13.2355 8.8119 13.2545 8.55639 13.2845 8.40989C13.3525 8.09438 13.277 7.89187 13.0545 7.70787C12.8735 7.55786 12.643 7.51636 12.39 7.51636C12.2955 7.51636 12.209 7.47486 12.1445 7.44136C12.039 7.38886 11.9519 7.25735 12.035 7.09585C12.0615 7.04335 12.19 6.91584 12.22 6.89334C12.5635 6.69784 12.9595 6.76184 13.326 6.90834C13.6655 7.04735 13.9225 7.30236 14.292 7.66287C14.6695 8.09838 14.7375 8.21838 14.9525 8.54539C15.1225 8.8009 15.277 9.06341 15.3831 9.36392C15.4471 9.55142 15.3641 9.70493 15.1415 9.79893Z";
   var CLAUDE_PATH = "M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z";
-  function createSvgIcon(paths, color, size, ownerDocument) {
+  function createSvgIcon(paths, color, size, ownerDocument, viewBox = "0 0 24 24") {
     const svg = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("viewBox", viewBox);
     svg.setAttribute("aria-hidden", "true");
     svg.style.width = `${size}px`;
     svg.style.height = `${size}px`;
@@ -15335,13 +15373,36 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       return image;
     }
     if (agent === "pi") return createSvgIcon(PI_PATHS, "currentColor", size, ownerDocument);
-    return createSvgIcon([{ d: CLAUDE_PATH }], "#d97757", size, ownerDocument);
+    if (agent === "claude-code") {
+      return createSvgIcon([{ d: CLAUDE_PATH }], "#d97757", size, ownerDocument);
+    }
+    if (agent === "deepseek-harness") {
+      return createSvgIcon(
+        [{ d: DEEPSEEK_HARNESS_WHALE_PATH }],
+        "#4D6BFE",
+        size,
+        ownerDocument,
+        "0 0 23.16 17.04"
+      );
+    }
+    const mark = ownerDocument.createElement("img");
+    mark.src = grok_agent_default;
+    mark.alt = "";
+    mark.draggable = false;
+    mark.style.width = `${size}px`;
+    mark.style.height = `${size}px`;
+    mark.style.objectFit = "contain";
+    mark.style.borderRadius = "22.37%";
+    mark.style.flex = "none";
+    return mark;
   }
 
   // src/renderer-agent-picker.ts
   var RENDERER_AGENT_INSTALL_URLS = {
     pi: "https://pi.dev/",
-    "claude-code": "https://code.claude.com/docs/en/quickstart"
+    "claude-code": "https://code.claude.com/docs/en/quickstart",
+    "deepseek-harness": "https://github.com/deepseek-ai/deepseek-harness",
+    grok: "https://grok.com/"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
   function rendererAgentPickerView(state, adapterState, switching, agents, availability = {}) {
@@ -15396,7 +15457,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trigger.style.width = "30px";
     trigger.style.height = "28px";
     trigger.style.padding = "0";
-    trigger.style.border = "1px solid rgba(127, 127, 127, 0.28)";
+    trigger.style.border = "0";
     trigger.style.borderRadius = "6px";
     trigger.style.background = "rgba(127, 127, 127, 0.08)";
     trigger.style.color = "inherit";
@@ -15436,7 +15497,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     menu.style.inset = "auto";
     menu.style.width = "190px";
     menu.style.padding = "4px";
-    menu.style.border = "1px solid rgba(127, 127, 127, 0.35)";
+    menu.style.border = "0";
     menu.style.borderRadius = "6px";
     menu.style.background = "Canvas";
     menu.style.color = "CanvasText";
@@ -15665,9 +15726,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 
   // src/renderer-model-picker.ts
   var RENDERER_MODEL_TRIGGER_FALLBACK_CLASSES = "border-token-border no-drag cursor-interaction items-center gap-1 border whitespace-nowrap select-none focus:outline-none disabled:cursor-not-allowed disabled:opacity-40 flex rounded-full text-token-text-tertiary enabled:hover:bg-token-list-hover-background enabled:active:bg-token-foreground/15 data-[state=open]:bg-token-list-hover-background border-transparent h-token-button-composer px-2 py-0 text-sm leading-[18px] min-w-0";
-  var MENU_CLASSES = "fixed z-50 overflow-hidden rounded-xl bg-token-dropdown-background/90 text-token-foreground shadow-lg ring-[0.5px] ring-token-border backdrop-blur-xl";
+  var MENU_CLASSES = "fixed z-50 overflow-hidden rounded-xl bg-token-dropdown-background/90 text-token-foreground shadow-lg backdrop-blur-xl";
   var OPTION_CLASSES = "flex w-full cursor-interaction items-center gap-2 rounded-lg px-2 py-2 text-left text-sm text-token-foreground outline-none enabled:hover:bg-token-list-hover-background enabled:active:bg-token-foreground/15 disabled:cursor-not-allowed disabled:opacity-40";
   var HEADING_CLASSES = "px-2 pb-1 pt-1.5 text-sm text-token-text-tertiary";
+  var MAIN_MENU_MIN_WIDTH = 180;
+  var MAIN_MENU_MAX_WIDTH = 210;
+  var MODEL_MENU_PREFERRED_WIDTH = 320;
+  var MODEL_MENU_MAX_WIDTH = 380;
+  var MODEL_MENU_MAX_HEIGHT = 360;
+  var MAIN_MENU_LEFT_OFFSET = 96;
+  var MENU_GAP = 4;
+  var VIEWPORT_MARGIN = 8;
   function popoverOpen2(menu) {
     return menu.matches(":popover-open");
   }
@@ -15707,24 +15776,47 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
   }
   function positionMainMenu(control) {
-    const rect = control.trigger.getBoundingClientRect();
-    const width = Math.min(280, Math.max(220, rect.width));
-    const left = Math.max(8, Math.min(rect.right - width, window.innerWidth - width - 8));
-    control.menu.style.width = `${width}px`;
+    const triggerRect = control.trigger.getBoundingClientRect();
+    const width = Math.min(MAIN_MENU_MAX_WIDTH, Math.max(MAIN_MENU_MIN_WIDTH, triggerRect.width));
+    const modelMenuWidth = Math.min(
+      MODEL_MENU_MAX_WIDTH,
+      Math.min(MODEL_MENU_PREFERRED_WIDTH, window.innerWidth - VIEWPORT_MARGIN * 2)
+    );
+    const preferredLeft = triggerRect.right - width - MAIN_MENU_LEFT_OFFSET;
+    const rightReservedLeft = window.innerWidth - VIEWPORT_MARGIN - modelMenuWidth - MENU_GAP - width;
+    const maxLeft = window.innerWidth - VIEWPORT_MARGIN - width;
+    const left = Math.max(
+      VIEWPORT_MARGIN,
+      Math.min(preferredLeft, Math.max(rightReservedLeft, VIEWPORT_MARGIN), maxLeft)
+    );
+    control.menu.style.setProperty("width", `${width}px`, "important");
     control.menu.style.left = `${left}px`;
-    control.menu.style.bottom = `${Math.max(8, window.innerHeight - rect.top + 6)}px`;
+    control.menu.style.maxWidth = `${width}px`;
+    control.menu.style.right = "auto";
+    control.menu.style.top = "auto";
+    control.menu.style.bottom = `${Math.max(
+      VIEWPORT_MARGIN,
+      window.innerHeight - triggerRect.top + 6
+    )}px`;
   }
   function positionModelMenu(control) {
-    const rect = control.menu.getBoundingClientRect();
-    const width = Math.min(360, Math.max(280, rect.width));
-    const rightCandidate = rect.right + 4;
-    const left = rightCandidate + width <= window.innerWidth - 8 ? rightCandidate : Math.max(8, rect.left - width - 4);
-    control.modelMenu.style.width = `${width}px`;
+    const mainRect = control.menu.getBoundingClientRect();
+    const availableRight = window.innerWidth - mainRect.right - VIEWPORT_MARGIN;
+    const width = Math.min(MODEL_MENU_MAX_WIDTH, Math.max(VIEWPORT_MARGIN, availableRight));
+    const left = mainRect.right + MENU_GAP;
+    control.modelMenu.style.setProperty("width", `${width}px`, "important");
     control.modelMenu.style.left = `${left}px`;
-    const height = control.modelMenu.getBoundingClientRect().height;
-    control.modelMenu.style.top = `${Math.max(
-      8,
-      Math.min(rect.top, window.innerHeight - height - 8)
+    control.modelMenu.style.maxWidth = `${width}px`;
+    const maxHeight = Math.max(
+      VIEWPORT_MARGIN,
+      Math.min(MODEL_MENU_MAX_HEIGHT, window.innerHeight * 0.6, mainRect.bottom - VIEWPORT_MARGIN)
+    );
+    control.modelMenu.style.maxHeight = `${maxHeight}px`;
+    control.modelMenu.style.right = "auto";
+    control.modelMenu.style.top = "auto";
+    control.modelMenu.style.bottom = `${Math.max(
+      VIEWPORT_MARGIN,
+      window.innerHeight - mainRect.bottom
     )}px`;
   }
   function syncRendererModelTriggerClass(control, nativeClassName) {
@@ -15784,9 +15876,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     menu.setAttribute("aria-label", "Model and Thinking");
     menu.setAttribute("popover", "auto");
     menu.className = MENU_CLASSES;
+    menu.style.position = "fixed";
     menu.style.inset = "auto";
     menu.style.margin = "0";
     menu.style.padding = "4px";
+    menu.style.border = "0";
     trigger.setAttribute("aria-controls", menu.id);
     const modelButton = document.createElement("button");
     modelButton.type = "button";
@@ -15801,9 +15895,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     modelMenu.setAttribute("aria-label", "Model");
     modelMenu.setAttribute("popover", "manual");
     modelMenu.className = MENU_CLASSES;
+    modelMenu.style.position = "fixed";
     modelMenu.style.inset = "auto";
     modelMenu.style.margin = "0";
     modelMenu.style.padding = "4px";
+    modelMenu.style.border = "0";
     modelMenu.style.maxHeight = "min(360px, 60vh)";
     modelMenu.style.overflowY = "auto";
     modelButton.setAttribute("aria-controls", modelMenu.id);
@@ -15825,8 +15921,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
     const open = () => {
       if (trigger.disabled || popoverOpen2(menu)) return;
-      positionMainMenu(control);
       menu.showPopover();
+      positionMainMenu(control);
     };
     const onTriggerClick = () => {
       if (popoverOpen2(menu)) close();
@@ -15847,26 +15943,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         openModelMenu();
         return;
       }
-      if (target?.dataset.modelId) {
-        closeModelMenu();
-        modelButton.focus();
-        onSelectModel(target.dataset.modelId);
-        return;
-      }
       if (target?.dataset.thinkingOptionId) {
         close();
         trigger.focus();
         onSelectThinking(target.dataset.thinkingOptionId);
       }
     };
+    const onModelMenuClick = (event) => {
+      const target = event.target instanceof Element ? event.target.closest("button[data-model-id]") : null;
+      if (!target?.dataset.modelId) return;
+      closeModelMenu();
+      modelButton.focus();
+      onSelectModel(target.dataset.modelId);
+    };
     const onModelHover = () => openModelMenu();
+    const onViewportChange = () => {
+      if (popoverOpen2(menu)) positionMainMenu(control);
+      if (popoverOpen2(modelMenu)) positionModelMenu(control);
+    };
     trigger.addEventListener("click", onTriggerClick);
     menu.addEventListener("toggle", onToggle);
     modelMenu.addEventListener("toggle", onModelToggle);
     modelButton.addEventListener("mouseenter", onModelHover);
     root.addEventListener("click", onRootClick);
-    menu.append(modelMenu);
+    modelMenu.addEventListener("click", onModelMenuClick);
+    window.addEventListener("resize", onViewportChange);
+    window.addEventListener("scroll", onViewportChange, true);
     root.append(trigger, menu);
+    document.body.append(modelMenu);
     const control = {
       root,
       trigger,
@@ -15885,6 +15989,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         modelMenu.removeEventListener("toggle", onModelToggle);
         modelButton.removeEventListener("mouseenter", onModelHover);
         root.removeEventListener("click", onRootClick);
+        modelMenu.removeEventListener("click", onModelMenuClick);
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+        modelMenu.remove();
         root.remove();
       }
     };
@@ -15943,7 +16051,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       control.options.set(model.ref.id, { button, check: check2 });
       control.modelMenu.append(button);
     }
-    control.menu.append(control.modelMenu);
   }
   function renderRendererModelPicker(control, view, visible) {
     control.root.style.display = visible ? "block" : "none";
@@ -16310,12 +16417,43 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function formatRendererCost(value) {
     return `$${value.toFixed(3)}`;
   }
+  function formatRendererTokenRate(value) {
+    return `${decimal(value, 1)} tok/s`;
+  }
   function formatRendererTokenCount(value) {
     const sign = value < 0 ? "-" : "";
     const absolute = Math.abs(value);
     if (absolute < 1e3) return `${sign}${Math.round(absolute)}`;
     return `${sign}${decimal(absolute / 1e3, 1)}k`;
   }
+  function formatRendererCreditsPercent(value) {
+    return `${decimal(value, 1)}%`;
+  }
+  function rendererUsageTriggerMaxWidth(hasAccountCredits) {
+    return hasAccountCredits ? "min(300px, 44vw)" : "min(180px, 30vw)";
+  }
+  function formatRendererCreditsReset(value) {
+    const date5 = new Date(value);
+    if (Number.isNaN(date5.getTime())) return value;
+    return date5.toLocaleString(void 0, {
+      month: "long",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  }
+  function creditsPeriodLabel(periodType) {
+    if (periodType === "weekly") return "Weekly limit";
+    if (periodType === "monthly") return "Monthly limit";
+    return "Account limit";
+  }
+  function productLabel(product) {
+    if (product === "GrokBuild") return "Build";
+    if (product === "GrokChat") return "Chat";
+    if (product === "GrokImagine") return "Imagine";
+    if (product === "GrokVoice") return "Voice";
+    return product;
+  }
   function addDetailRow(parent, label, value) {
     const row = document.createElement("div");
     row.style.display = "grid";
@@ -16332,14 +16470,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     row.append(labelElement, valueElement);
     parent.append(row);
   }
-  function renderDetails(popover, usage) {
+  function renderDetails(popover, usage, accountCredits) {
     popover.replaceChildren();
     const heading = document.createElement("div");
     heading.textContent = "Usage";
     heading.style.fontWeight = "600";
     heading.style.marginBottom = "6px";
     popover.append(heading);
-    if (usage.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0) {
+    if (accountCredits) {
+      addDetailRow(
+        popover,
+        creditsPeriodLabel(accountCredits.periodType),
+        formatRendererCreditsPercent(accountCredits.usedPercent)
+      );
+      if (accountCredits.resetsAt) {
+        addDetailRow(popover, "Resets", formatRendererCreditsReset(accountCredits.resetsAt));
+      }
+      for (const product of accountCredits.productUsage ?? []) {
+        addDetailRow(
+          popover,
+          productLabel(product.product),
+          formatRendererCreditsPercent(product.usagePercent)
+        );
+      }
+    }
+    if (usage?.contextUsedTokens !== void 0 && usage.contextWindowTokens !== void 0) {
       const contextPercent = usage.contextWindowTokens > 0 ? usage.contextUsedTokens / usage.contextWindowTokens * 100 : null;
       addDetailRow(
         popover,
@@ -16347,27 +16502,33 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         contextPercent === null ? `/${formatRendererTokenCount(usage.contextWindowTokens)}` : `${decimal(contextPercent, 1)}% / ${formatRendererTokenCount(usage.contextWindowTokens)}`
       );
     }
-    if (usage.cacheHitRatePercent !== void 0) {
+    if (usage?.cacheHitRatePercent !== void 0) {
       addDetailRow(
         popover,
         "Latest cache hit",
         formatRendererCacheHitRate(usage.cacheHitRatePercent)
       );
     }
-    if (usage.cachedInputTokens !== void 0) {
+    if (usage?.outputTokensPerSecond !== void 0) {
+      addDetailRow(popover, "Output speed", formatRendererTokenRate(usage.outputTokensPerSecond));
+    }
+    if (usage?.cachedInputTokens !== void 0) {
       addDetailRow(popover, "Cache read", formatRendererTokenCount(usage.cachedInputTokens));
     }
-    if (usage.cacheWriteInputTokens !== void 0) {
+    if (usage?.cacheWriteInputTokens !== void 0) {
       addDetailRow(popover, "Cache write", formatRendererTokenCount(usage.cacheWriteInputTokens));
     }
-    if (usage.inputTokens !== void 0 || usage.outputTokens !== void 0) {
+    if (usage?.reasoningOutputTokens !== void 0) {
+      addDetailRow(popover, "Reasoning", formatRendererTokenCount(usage.reasoningOutputTokens));
+    }
+    if (usage?.inputTokens !== void 0 || usage?.outputTokens !== void 0) {
       addDetailRow(
         popover,
         "Input / output",
         `${formatRendererTokenCount(usage.inputTokens ?? 0)} / ${formatRendererTokenCount(usage.outputTokens ?? 0)}`
       );
     }
-    if (usage.totalCostUsd !== void 0) {
+    if (usage?.totalCostUsd !== void 0) {
       addDetailRow(popover, "Session cost estimate", formatRendererCost(usage.totalCostUsd));
     }
   }
@@ -16425,7 +16586,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trigger.style.display = "inline-flex";
     trigger.style.alignItems = "center";
     trigger.style.width = "fit-content";
-    trigger.style.maxWidth = "min(180px, 30vw)";
+    trigger.style.maxWidth = rendererUsageTriggerMaxWidth(false);
     trigger.style.height = "24px";
     trigger.style.padding = "0 4px";
     trigger.style.borderRadius = "9999px";
@@ -16528,27 +16689,33 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     document.body.append(popover);
     return control;
   }
-  function renderRendererUsageControl(control, usage) {
+  function renderRendererUsageControl(control, usage, accountCredits = null) {
     const cacheHitRatePercent = usage?.cacheHitRatePercent;
+    const outputTokensPerSecond = usage?.outputTokensPerSecond;
     const totalCostUsd = usage?.totalCostUsd;
     const hasCacheHitRate = cacheHitRatePercent !== void 0;
+    const hasOutputSpeed = outputTokensPerSecond !== void 0;
     const hasCost = totalCostUsd !== void 0;
-    const visible = hasCacheHitRate || hasCost;
+    const hasCredits = accountCredits !== null;
+    const visible = hasCacheHitRate || hasOutputSpeed || hasCost || hasCredits;
     control.root.style.display = visible ? "inline-flex" : "none";
-    if (!visible || !usage) {
+    if (!visible) {
       closePopover(control);
       return false;
     }
     const summary = [
+      accountCredits ? `${creditsPeriodLabel(accountCredits.periodType)} ${formatRendererCreditsPercent(accountCredits.usedPercent)}` : null,
       cacheHitRatePercent !== void 0 ? formatRendererCacheHitRate(cacheHitRatePercent) : null,
+      outputTokensPerSecond !== void 0 ? formatRendererTokenRate(outputTokensPerSecond) : null,
       totalCostUsd !== void 0 ? formatRendererCost(totalCostUsd) : null
     ].filter((value) => value !== null);
     const compactSummary = summary.join(" \xB7 ");
     const accessibleSummary = `Thread Usage: ${compactSummary}`;
+    control.trigger.style.maxWidth = rendererUsageTriggerMaxWidth(hasCredits);
     control.trigger.setAttribute("aria-label", accessibleSummary);
     control.trigger.title = accessibleSummary;
     control.label.textContent = compactSummary;
-    renderDetails(control.popover, usage);
+    renderDetails(control.popover, usage, accountCredits);
     return true;
   }
 
@@ -16589,30 +16756,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return event.key === "Enter" && !event.shiftKey && !event.isComposing;
   }
   function composerForEditor(editor) {
-    const codexComposer = editor.closest(CODEX_COMPOSER_SELECTOR);
-    if (codexComposer) return codexComposer;
-    const form = editor.closest("form");
-    if (form && sendButtonWithin(form)) return form;
-    let candidate = editor.parentElement;
-    for (let depth = 0; candidate && candidate !== document.body && depth < 8; depth += 1) {
-      if (sendButtonWithin(candidate)) return candidate;
-      candidate = candidate.parentElement;
-    }
-    return null;
+    return editor.closest(CODEX_COMPOSER_SELECTOR);
   }
   function composerForElement(element) {
-    const codexComposer = element.closest(CODEX_COMPOSER_SELECTOR);
-    if (codexComposer) return codexComposer;
-    const mounted = element.closest(`[${CONTROL_ATTRIBUTE}]`);
-    if (mounted) return mounted.parentElement;
-    const editor = editorForElement(element);
-    if (editor) return composerForEditor(editor);
-    let candidate = element;
-    for (let depth = 0; candidate && candidate !== document.body && depth < 8; depth += 1) {
-      if (candidate.querySelector(`[${CONTROL_ATTRIBUTE}]`)) return candidate;
-      candidate = candidate.parentElement;
-    }
-    return null;
+    return element.closest(CODEX_COMPOSER_SELECTOR);
   }
   function isRecord(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -16725,14 +16872,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     control.usage.syncNativeModelClassName(candidate.className);
   }
-  function refreshNativeContextUsageControl(control) {
-    const candidate = nativeContextUsageControlForComposer(control.composer);
-    if (!candidate) {
+  function usagePlacementAnchor(control) {
+    const context = nativeContextUsageControlForComposer(control.composer);
+    if (context?.parentElement) return context;
+    const modelRoot = control.modelPicker.root;
+    if (modelRoot.parentElement) return modelRoot;
+    const native = control.nativeModelControl?.element;
+    return native?.parentElement ? native : null;
+  }
+  function refreshUsagePlacement(control) {
+    const anchor = usagePlacementAnchor(control);
+    if (!anchor) {
       if (control.usage.anchor) control.usage.root.remove();
       control.usage.anchor = null;
       return;
     }
-    control.usage.place(candidate);
+    control.usage.place(anchor);
   }
   function refreshNativePermissionModeControl(control) {
     const semanticCandidate = semanticNativePermissionModeControlForComposer(control.composer);
@@ -16764,7 +16919,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   function reconcileComposerNativeControls(control, hideModel, hidePermissionMode) {
     refreshNativeModelControl(control);
-    refreshNativeContextUsageControl(control);
+    refreshUsagePlacement(control);
     refreshNativePermissionModeControl(control);
     setNativeControlHidden(control.nativeModelControl, hideModel);
     setNativeControlHidden(control.nativePermissionModeControl, hidePermissionMode);
@@ -16813,10 +16968,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       sendButton,
       sendDisabledBeforeSwitch: null
     };
-    refreshNativeContextUsageControl(control);
+    refreshUsagePlacement(control);
     return control;
   }
-  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null) {
+  function renderComposerAgentControl(control, state, adapterState, switching, availability = {}, modelView = { status: "idle" }, permissionModeView = { status: "idle" }, usage = null, accountCredits = null) {
     const selectedModel = modelView.selected;
     const selectedCatalogModel = modelView.catalog?.models.find(
       (model) => model.ref.id === selectedModel?.id
@@ -16853,7 +17008,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       permissionModeView,
       permissionModeVisible
     );
-    renderRendererUsageControl(control.usage, usage);
+    renderRendererUsageControl(control.usage, usage, accountCredits);
   }
   function disposeComposerAgentControl(control) {
     if (control.sendDisabledBeforeSwitch !== null) {
@@ -16907,6 +17062,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 === "grok") return "grok";
     return null;
   }
   var BrowserSidebarAgentIconRow = class {
@@ -17009,7 +17166,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const requestOwnership = (threadIds, client) => {
       for (const threadId of threadIds) pending.add(threadId);
       let succeeded = false;
-      void client.listThreadOwnership({ threadIds }).then(({ threads }) => {
+      void Promise.resolve().then(() => client.listThreadOwnership({ threadIds })).then(({ threads }) => {
         if (disposed) return;
         for (const ownership of threads) {
           ownershipByThread.set(ownership.threadId, rendererAgentForThreadOwnership(ownership));
@@ -17377,6 +17534,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var PI_TRANSPORT_MODEL_PREFIX = `${PI_TRANSPORT_MODEL_ID}@`;
   var CLAUDE_CODE_TRANSPORT_MODEL_ID = "codexhost/claude-code-native";
   var CLAUDE_CODE_TRANSPORT_MODEL_PREFIX = `${CLAUDE_CODE_TRANSPORT_MODEL_ID}@`;
+  var DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID = "codexhost/deepseek-harness-native";
+  var DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX = `${DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID}@`;
+  var GROK_TRANSPORT_MODEL_ID = "codexhost/grok-native";
+  var GROK_TRANSPORT_MODEL_PREFIX = `${GROK_TRANSPORT_MODEL_ID}@`;
   function transitionRendererAdapterStatus(current, next, publish) {
     if (current.state === next.state && current.reason === next.reason && current.hook === next.hook) {
       return false;
@@ -17392,11 +17553,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function transportModelIdForAgent(agent) {
     if (agent === "pi") return PI_TRANSPORT_MODEL_ID;
     if (agent === "claude-code") return CLAUDE_CODE_TRANSPORT_MODEL_ID;
+    if (agent === "deepseek-harness") return DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID;
+    if (agent === "grok") return GROK_TRANSPORT_MODEL_ID;
     return null;
   }
-  function isTransportModelId(model) {
-    return isPiTransportModelId(model) || isClaudeTransportModelId(model);
-  }
   function isRecord5(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
@@ -17424,6 +17584,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     return `${CLAUDE_CODE_TRANSPORT_MODEL_PREFIX}${parsedModel.id}${parsedPermissionMode ? `@${parsedPermissionMode}` : ""}`;
   }
+  function grokTransportModelId(model, thinkingOptionId) {
+    if (!model) {
+      if (thinkingOptionId) throw new Error("Grok transport Thinking requires a Model Ref");
+      return GROK_TRANSPORT_MODEL_ID;
+    }
+    const parsedModel = harnessModelRefSchema.parse(model);
+    const parsedThinking = thinkingOptionId ? harnessThinkingOptionIdSchema.parse(thinkingOptionId) : void 0;
+    return `${GROK_TRANSPORT_MODEL_PREFIX}${parsedModel.id}${parsedThinking ? `@@${parsedThinking}` : ""}`;
+  }
+  function decodeGrokTransportModelId(value) {
+    if (value === GROK_TRANSPORT_MODEL_ID) return {};
+    if (typeof value !== "string" || !value.startsWith(GROK_TRANSPORT_MODEL_PREFIX)) return null;
+    const components = value.slice(GROK_TRANSPORT_MODEL_PREFIX.length).split("@");
+    if (components.length !== 1 && components.length !== 3) return null;
+    const [modelId, emptyPermissionMode, thinkingOptionId] = components;
+    if (components.length === 3 && (emptyPermissionMode !== "" || !thinkingOptionId)) return null;
+    const model = harnessModelRefSchema.safeParse({ id: modelId });
+    if (!model.success) return null;
+    const thinking = thinkingOptionId ? harnessThinkingOptionIdSchema.safeParse(thinkingOptionId) : null;
+    if (thinking && !thinking.success) return null;
+    return {
+      model: model.data,
+      ...thinking?.success ? { thinkingOptionId: thinking.data } : {}
+    };
+  }
   function decodeClaudeTransportModelId(value) {
     if (value === CLAUDE_CODE_TRANSPORT_MODEL_ID) return {};
     if (typeof value !== "string" || !value.startsWith(CLAUDE_CODE_TRANSPORT_MODEL_PREFIX)) {
@@ -17446,8 +17631,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       ...thinking?.success ? { thinkingOptionId: thinking.data } : {}
     };
   }
-  function isClaudeTransportModelId(value) {
-    return decodeClaudeTransportModelId(value) !== null;
+  function deepSeekHarnessTransportModelId(model) {
+    if (!model) return DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID;
+    return `${DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX}${harnessModelRefSchema.parse(model).id}`;
+  }
+  function decodeDeepSeekHarnessTransportModelId(value) {
+    if (value === DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID) return {};
+    if (typeof value !== "string" || !value.startsWith(DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX)) {
+      return null;
+    }
+    const model = harnessModelRefSchema.safeParse({
+      id: value.slice(DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX.length)
+    });
+    return model.success ? { model: model.data } : null;
   }
   function isPiTransportModelId(value) {
     if (value === PI_TRANSPORT_MODEL_ID) return true;
@@ -17520,31 +17716,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     return [...targets];
   }
-  function isModelAtomState(value) {
-    return isRecord5(value) && isRecord5(value.atom) && typeof value.get === "function" && typeof value.set === "function";
-  }
-  function isModelSelection(value) {
-    return value === null || isRecord5(value) && "model" in value && "reasoningEffort" in value;
-  }
-  function sameModelPowerSelection(left, right) {
-    return left === right || left !== null && right !== null && left.model === right.model && left.reasoningEffort === right.reasoningEffort;
-  }
-  function sameTarget2(left, right) {
-    return left.length === right.length && left.every((value, index) => value === right[index]);
-  }
-  function selectOptimisticModelAtom(pairs) {
-    const first = pairs[0];
-    if (!first) return null;
-    const value = first.optimistic.get();
-    if (isRecord5(value) && "modelSettings" in value) return first.optimistic;
-    if (first.optimistic.atom === first.committed.atom) return null;
-    if (!pairs.every(
-      (pair) => pair.optimistic.atom === first.optimistic.atom && pair.committed.atom === first.committed.atom && sameTarget2(pair.target, first.target)
-    )) {
-      return null;
-    }
-    return first.optimistic;
-  }
   function findComposerFiber(composer) {
     const selector = '[data-codex-composer], [contenteditable="true"][role="textbox"]';
     const editor = composer?.matches(selector) === true ? composer : (composer ?? document).querySelector(selector);
@@ -17559,165 +17730,60 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     return fiberElement && fiberName ? Object.getOwnPropertyDescriptor(fiberElement, fiberName)?.value : null;
   }
-  function findReasoningEffort() {
-    const matches = [];
-    for (const button of document.querySelectorAll(
-      '[data-codex-composer-root] button[aria-haspopup="menu"]'
-    )) {
-      const fiberName = Object.getOwnPropertyNames(button).find(
-        (name) => name.startsWith("__reactFiber$")
-      );
-      let fiber = fiberName ? Object.getOwnPropertyDescriptor(button, fiberName)?.value : null;
-      for (let depth = 0; fiber && depth < 60; depth += 1) {
-        const props = fiber.memoizedProps;
-        if (isRecord5(props) && typeof props.onSelectModel === "function" && typeof props.onSelectReasoningEffort === "function" && "reasoningEffort" in props && isRecord5(props.fallbackPowerSelection)) {
-          matches.push({ callback: props.onSelectModel, value: props.reasoningEffort });
+  function findComposerConversationThreadId(composer) {
+    let threadId;
+    let fiber = findComposerFiber(composer);
+    for (let depth = 0; fiber && depth < 120; depth += 1) {
+      const props = fiber.memoizedProps;
+      if (isRecord5(props) && "conversationId" in props && props.conversationId != null) {
+        const candidate = hostThreadIdSchema.safeParse(props.conversationId);
+        if (!candidate.success || threadId !== void 0 && threadId !== candidate.data) {
+          return null;
         }
-        const parent = fiber.return;
-        fiber = (typeof parent === "object" || typeof parent === "function") && parent !== null ? parent : null;
+        threadId = candidate.data;
       }
+      const parent = fiber.return;
+      fiber = (typeof parent === "object" || typeof parent === "function") && parent !== null ? parent : null;
     }
-    const uniqueCallbacks = new Set(matches.map((match) => match.callback));
-    const first = matches[0];
-    return {
-      found: first !== void 0 && uniqueCallbacks.size === 1 && matches.every((match) => match.value === first.value),
-      value: first?.value
-    };
+    return threadId;
   }
-  function findModelPickerControl(composer) {
-    let control;
-    for (const button of (composer ?? document).querySelectorAll(
-      'button[aria-haspopup="menu"]'
-    )) {
-      const fiberName = Object.getOwnPropertyNames(button).find(
-        (name) => name.startsWith("__reactFiber$")
-      );
-      let fiber = fiberName ? Object.getOwnPropertyDescriptor(button, fiberName)?.value : null;
-      for (let depth = 0; fiber && depth < 60; depth += 1) {
-        const props = fiber.memoizedProps;
-        if (!control && isRecord5(props) && "model" in props && "reasoningEffort" in props && typeof props.onSelectModel === "function") {
-          const selection = { model: props.model, reasoningEffort: props.reasoningEffort };
-          const fallbackSelection = isRecord5(props.fallbackPowerSelection) ? props.fallbackPowerSelection : null;
-          control = {
-            codexSelection: isTransportModelId(selection.model) ? fallbackSelection : selection,
-            selection,
-            selectModel: props.onSelectModel
-          };
-        }
-        const parent = fiber.return;
-        fiber = (typeof parent === "object" || typeof parent === "function") && parent !== null ? parent : null;
-      }
+  function isCurrentDraftWrapper(value) {
+    if (!Array.isArray(value) || value.length !== 7 || value[3] !== value[5] || value[3] !== value[6] || !isRecord5(value[3]) || typeof value[3].get !== "function" || typeof value[2] !== "string" && value[2] !== null) {
+      return false;
+    }
+    try {
+      const draft = value[3].get();
+      return isRecord5(draft) && "modelSettings" in draft && "isManuallyChanged" in draft;
+    } catch {
+      return false;
     }
-    return {
-      codexSelection: control?.codexSelection ?? null,
-      found: control !== void 0,
-      selection: control?.selection ?? { model: void 0, reasoningEffort: void 0 },
-      selectModel(model, reasoningEffort) {
-        control?.selectModel(model, reasoningEffort);
-      }
-    };
   }
-  function findModelAtomPairs(composer) {
-    const pairs = [];
-    const compactPairs = [];
+  function findComposerModelTarget(composer) {
+    const conversationThreadId = findComposerConversationThreadId(composer);
+    if (conversationThreadId === null) return null;
+    if (conversationThreadId !== void 0) return ["conversation", conversationThreadId];
+    const draftIds = /* @__PURE__ */ new Set();
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
       const updateQueue = fiber.updateQueue;
       const memoCache = isRecord5(updateQueue) ? updateQueue.memoCache : null;
       const data = isRecord5(memoCache) && Array.isArray(memoCache.data) ? memoCache.data : [];
-      for (let index = 0; index + 1 < data.length; index += 1) {
-        const compact = data[index];
-        const resolved = data[index + 1];
-        if (!Array.isArray(compact) || !isModelAtomState(compact[1]) || !Array.isArray(resolved) || !isModelAtomState(resolved[3]) || resolved[2] !== null && typeof resolved[2] !== "string") {
-          continue;
-        }
-        let value;
-        try {
-          value = compact[1].get();
-        } catch {
-          continue;
-        }
-        if (!isRecord5(value) || !("modelSettings" in value)) continue;
-        const target = resolved[2] === null || resolved[2].startsWith("client-new-thread:") ? ["default", resolved[2]] : ["conversation", resolved[2]];
-        compactPairs.push({ optimistic: compact[1], committed: resolved[3], target });
-      }
-      for (let index = 0; index + 3 < data.length; index += 1) {
-        const first = data[index];
-        const firstResolved = data[index + 1];
-        const second = data[index + 2];
-        const secondResolved = data[index + 3];
-        if (!Array.isArray(first) || first.length !== 3 || !Array.isArray(firstResolved) || firstResolved.length !== 4 || !Array.isArray(second) || second.length !== 3 || !Array.isArray(secondResolved) || secondResolved.length !== 4) {
-          continue;
-        }
-        const target = firstResolved[2];
-        const secondTarget = secondResolved[2];
-        const optimistic = firstResolved[3];
-        const committed = secondResolved[3];
-        if (!Array.isArray(target) || !Array.isArray(secondTarget) || target !== secondTarget || target[0] !== "default" && target[0] !== "conversation" || !isModelAtomState(optimistic) || !isModelAtomState(committed)) {
-          continue;
-        }
-        let optimisticValue;
-        let committedValue;
-        try {
-          optimisticValue = optimistic.get();
-          committedValue = committed.get();
-        } catch {
-          continue;
+      for (const value of data) {
+        if (isCurrentDraftWrapper(value) && typeof value[2] === "string" && value[2].startsWith("client-new-thread:")) {
+          draftIds.add(value[2]);
         }
-        if (!isModelSelection(optimisticValue) || !isModelSelection(committedValue)) continue;
-        pairs.push({ optimistic, committed, target });
       }
       const parent = fiber.return;
       fiber = (typeof parent === "object" || typeof parent === "function") && parent !== null ? parent : null;
     }
-    return pairs.length > 0 ? pairs : compactPairs;
-  }
-  function findComposerModelTarget(composer) {
-    const pairs = findModelAtomPairs(composer);
-    if (!selectOptimisticModelAtom(pairs)) return null;
-    return pairs[0]?.target ?? null;
-  }
-  function findModelStateController(composer) {
-    const pairs = findModelAtomPairs(composer);
-    const optimistic = selectOptimisticModelAtom(pairs);
-    if (!optimistic) return null;
-    const current = optimistic.get();
-    if (isModelSelection(current)) {
-      const reasoningEffort = findReasoningEffort();
-      const picker2 = findModelPickerControl(composer);
-      if (!reasoningEffort.found) return null;
-      return {
-        apply(selection) {
-          optimistic.set(selection);
-        },
-        codexSelection: current === null ? picker2.codexSelection : !isTransportModelId(current.model) ? current : picker2.codexSelection,
-        get current() {
-          const value = optimistic.get();
-          return isModelSelection(value) ? value : null;
-        },
-        format: "legacy",
-        reasoningEffort: reasoningEffort.value
-      };
-    }
-    if (!isRecord5(current) || !("modelSettings" in current)) return null;
-    const picker = findModelPickerControl(composer);
-    if (!picker.found) return null;
-    return {
-      apply(selection) {
-        if (selection) picker.selectModel(selection.model, selection.reasoningEffort);
-        else optimistic.set({ ...current, isManuallyChanged: true, modelSettings: null });
-      },
-      codexSelection: picker.codexSelection,
-      current: picker.selection,
-      format: "compact",
-      reasoningEffort: picker.selection.reasoningEffort
-    };
+    if (draftIds.size !== 1) return null;
+    return ["default", draftIds.values().next().value];
   }
   function isMainProcessTitlePolicyReady(value) {
     return isRecord5(value) && value.state === "ready";
   }
   function isDraftPrewarmPolicyReady(value) {
-    return isRecord5(value) && value.state === "ready" && typeof value.clear === "function";
+    return isRecord5(value) && value.state === "ready" && typeof value.select === "function" && typeof value.clear === "function";
   }
   async function waitForRendererDraftPrewarmPolicy(target) {
     const deadline = Date.now() + DRAFT_PREWARM_POLICY_WAIT_TIMEOUT_MS;
@@ -17732,15 +17798,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   }
   function modelSelectionForAgent(officialSelection, reasoningEffort, agent, model, thinkingOptionId, permissionModeId) {
-    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : transportModelIdForAgent(agent);
+    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model) : agent === "grok" ? grokTransportModelId(model, thinkingOptionId) : transportModelIdForAgent(agent);
     return transportModelId ? { model: transportModelId, reasoningEffort } : officialSelection;
   }
   function installCurrentRendererAdapter() {
     let disposed = false;
-    let modelController = null;
-    let officialSelection = null;
-    let hasOfficialSelection = false;
-    let selectedAgent = "codex";
     let modelUpdates = 0;
     const liveStatus = {
       state: "installing",
@@ -17795,54 +17857,41 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         );
       }
     });
-    const captureController = () => {
-      const discovered = findModelStateController();
-      if (!discovered) return false;
-      modelController = discovered;
-      if (selectedAgent === "codex" && discovered.codexSelection !== null) {
-        officialSelection = discovered.codexSelection;
-        hasOfficialSelection = true;
-      } else if (selectedAgent === "codex" && discovered.current === null) {
-        officialSelection = null;
-        hasOfficialSelection = true;
-      }
-      if (!hasOfficialSelection) return false;
-      updateStatus("ready", "ready", "model-state");
+    let routingPolicy = null;
+    let policyTimer = null;
+    const captureRoutingPolicy = () => {
+      const discovered = window.__codexhostDraftPrewarmPolicyV1;
+      if (!isDraftPrewarmPolicyReady(discovered)) return false;
+      routingPolicy = discovered;
+      if (policyTimer !== null) {
+        window.clearInterval(policyTimer);
+        policyTimer = null;
+      }
+      updateStatus("ready", "ready", "request-bridge");
       return true;
     };
-    const applyAgent = (agent, model, thinkingOptionId, permissionModeId, composer) => {
-      if (disposed) return false;
-      if (agent === "codex" && !hasOfficialSelection) {
-        selectedAgent = "codex";
-        return true;
-      }
-      const scopedController = composer ? findModelStateController(composer) : null;
-      const controller = scopedController ?? (modelController?.format === "legacy" ? modelController : composer ? null : modelController ?? findModelStateController());
-      if (!controller || !hasOfficialSelection) return false;
-      modelController = controller;
+    if (!captureRoutingPolicy()) {
+      updateStatus("installing", "draft-routing-policy-unavailable", null);
+      policyTimer = window.setInterval(captureRoutingPolicy, DRAFT_PREWARM_POLICY_POLL_INTERVAL_MS);
+    }
+    const applyAgent = (agent, model, thinkingOptionId, permissionModeId) => {
+      if (disposed || routingPolicy === null) return false;
       const selection = modelSelectionForAgent(
-        officialSelection,
-        controller.reasoningEffort,
+        null,
+        null,
         agent,
         model,
         thinkingOptionId,
         permissionModeId
       );
-      if (!sameModelPowerSelection(controller.current, selection)) {
-        controller.apply(selection);
+      const carrier = selection?.model;
+      if (carrier !== null && carrier !== void 0 && typeof carrier !== "string") return false;
+      if (routingPolicy.select(carrier ?? null)) {
         modelUpdates += 1;
         liveStatus.modelUpdates = modelUpdates;
       }
-      selectedAgent = agent;
       return true;
     };
-    if (!captureController()) {
-      updateStatus("installing", "model-controller-unavailable", null);
-    }
-    const observer = new MutationObserver(() => {
-      captureController();
-    });
-    observer.observe(document.documentElement, { childList: true, subtree: true });
     return {
       status: liveStatus,
       modelControl,
@@ -17850,12 +17899,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       dispose() {
         if (disposed) return;
         disposed = true;
-        observer.disconnect();
+        if (policyTimer !== null) window.clearInterval(policyTimer);
+        routingPolicy?.select(null);
+        routingPolicy = null;
         forkControl.dispose();
         usageSubscription.dispose();
-        modelController = null;
-        officialSelection = null;
-        hasOfficialSelection = false;
       }
     };
   }
@@ -17919,15 +17967,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       if (!isRecord6(parsed) || parsed.version !== 1) return void 0;
       if (!KNOWN_RENDERER_AGENTS.some((agent) => agent === parsed.lastAgent)) return void 0;
       const externalByAgent = isRecord6(parsed.externalByAgent) ? parsed.externalByAgent : {};
-      const pi = parseExternalConfiguration(externalByAgent.pi);
-      const claudeCode = parseExternalConfiguration(externalByAgent["claude-code"]);
+      const parsedExternal = Object.fromEntries(
+        KNOWN_RENDERER_AGENTS.filter(
+          (agent) => agent !== "codex"
+        ).flatMap((agent) => {
+          const configuration2 = parseExternalConfiguration(externalByAgent[agent]);
+          return configuration2 ? [[agent, configuration2]] : [];
+        })
+      );
       return {
         version: 1,
         lastAgent: parsed.lastAgent,
-        externalByAgent: {
-          ...pi ? { pi } : {},
-          ...claudeCode ? { "claude-code": claudeCode } : {}
-        }
+        externalByAgent: parsedExternal
       };
     } catch {
       return void 0;
@@ -18557,6 +18608,124 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   };
 
+  // src/settings/release-notes.ts
+  var HEADING_PATTERN = /^(#{1,6})[ \t]+(.+?)\s*$/u;
+  var UNORDERED_ITEM_PATTERN = /^[-*][ \t]+(.+?)\s*$/u;
+  var ORDERED_ITEM_PATTERN = /^\d+[.)][ \t]+(.+?)\s*$/u;
+  var FENCE_PATTERN = /^```([\w+-]*)\s*$/u;
+  var INLINE_PATTERN = /(`+)((?:(?!\1).)+)\1|\*\*(.+?)\*\*|\[([^\]]+)\]\(([^)\s]+)\)/gu;
+  function createReleaseNotesElement(document2, markdown) {
+    const root = document2.createElement("div");
+    root.className = "settings-update-notes";
+    appendReleaseNotesBlocks(document2, root, markdown);
+    return root;
+  }
+  function appendReleaseNotesBlocks(document2, root, markdown) {
+    const lines = markdown.replaceAll("\r\n", "\n").split("\n");
+    let index = 0;
+    while (index < lines.length) {
+      const line = lines[index] ?? "";
+      if (line.trim().length === 0) {
+        index += 1;
+        continue;
+      }
+      const fence = FENCE_PATTERN.exec(line);
+      if (fence) {
+        index = appendFencedCode(document2, root, lines, index, fence[1] ?? "");
+        continue;
+      }
+      const heading = HEADING_PATTERN.exec(line);
+      if (heading?.[1] && heading[2]) {
+        const tag = `h${heading[1].length}`;
+        const element = document2.createElement(tag);
+        appendInline(document2, element, heading[2]);
+        root.append(element);
+        index += 1;
+        continue;
+      }
+      if (UNORDERED_ITEM_PATTERN.test(line)) {
+        index = appendList(document2, root, lines, index, "ul", UNORDERED_ITEM_PATTERN);
+        continue;
+      }
+      if (ORDERED_ITEM_PATTERN.test(line)) {
+        index = appendList(document2, root, lines, index, "ol", ORDERED_ITEM_PATTERN);
+        continue;
+      }
+      index = appendParagraph(document2, root, lines, index);
+    }
+  }
+  function appendFencedCode(document2, root, lines, start, language) {
+    const body = [];
+    let index = start + 1;
+    while (index < lines.length && !FENCE_PATTERN.test(lines[index] ?? "")) {
+      body.push(lines[index] ?? "");
+      index += 1;
+    }
+    if (index < lines.length) index += 1;
+    const pre = document2.createElement("pre");
+    const code = document2.createElement("code");
+    if (language.length > 0) code.className = `language-${language}`;
+    code.textContent = body.join("\n");
+    pre.append(code);
+    root.append(pre);
+    return index;
+  }
+  function appendList(document2, root, lines, start, tag, pattern) {
+    const list = document2.createElement(tag);
+    let index = start;
+    while (index < lines.length) {
+      const item = pattern.exec(lines[index] ?? "");
+      if (!item?.[1]) break;
+      const entry = document2.createElement("li");
+      appendInline(document2, entry, item[1]);
+      list.append(entry);
+      index += 1;
+    }
+    root.append(list);
+    return index;
+  }
+  function appendParagraph(document2, root, lines, start) {
+    const paragraphLines = [];
+    let index = start;
+    while (index < lines.length) {
+      const current = lines[index] ?? "";
+      if (current.trim().length === 0 || FENCE_PATTERN.test(current) || HEADING_PATTERN.test(current) || UNORDERED_ITEM_PATTERN.test(current) || ORDERED_ITEM_PATTERN.test(current)) {
+        break;
+      }
+      paragraphLines.push(current.trim());
+      index += 1;
+    }
+    const paragraph = document2.createElement("p");
+    appendInline(document2, paragraph, paragraphLines.join(" "));
+    root.append(paragraph);
+    return index;
+  }
+  function appendInline(document2, parent, text) {
+    let lastIndex = 0;
+    for (const match of text.matchAll(INLINE_PATTERN)) {
+      const index = match.index ?? 0;
+      if (index > lastIndex) parent.append(text.slice(lastIndex, index));
+      if (match[2] !== void 0) {
+        const code = document2.createElement("code");
+        code.textContent = match[2];
+        parent.append(code);
+      } else if (match[3] !== void 0) {
+        const strong = document2.createElement("strong");
+        strong.textContent = match[3];
+        parent.append(strong);
+      } else {
+        const link = document2.createElement("a");
+        link.textContent = match[4] ?? "";
+        link.setAttribute("href", match[5] ?? "");
+        link.setAttribute("target", "_blank");
+        link.setAttribute("rel", "noopener noreferrer");
+        parent.append(link);
+      }
+      lastIndex = index + match[0].length;
+    }
+    if (lastIndex < text.length) parent.append(text.slice(lastIndex));
+  }
+
   // src/settings/update-request.ts
   var RENDERER_UPDATE_REQUEST_TIMEOUT_MS = 15e3;
   var RendererUpdateRequestTimeoutError = class extends Error {
@@ -18849,10 +19018,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           summary.textContent = operationMessage ?? (result.error ? messages.updateFailed : result.updateAvailable ? messages.updateAvailable : messages.updateUpToDate);
           panel.append(summary);
           if (result.releaseNotes) {
-            const releaseNotes = document2.createElement("div");
-            releaseNotes.className = "settings-update-notes";
-            releaseNotes.textContent = result.releaseNotes;
-            panel.append(releaseNotes);
+            panel.append(createReleaseNotesElement(document2, result.releaseNotes));
           }
           if (result.status?.phase === "failed" && result.status.error) {
             const error51 = document2.createElement("p");
@@ -18923,7 +19089,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  --settings-bg: #181818;\n  --settings-sidebar: #1c1c1c;\n  --settings-panel: transparent;\n  --settings-text: #f5f5f5;\n  --settings-muted: #a1a1a1;\n  --settings-border: rgb(255 255 255 / 10%);\n  --settings-divider: rgb(255 255 255 / 10%);\n  --settings-hover: rgb(255 255 255 / 6%);\n  --settings-active: rgb(51 156 255 / 12%);\n  --settings-focus: #339cff;\n  color: var(--settings-text);\n  color-scheme: dark;\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 0 24px 64px rgb(0 0 0 / 38%);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: rgb(0 0 0 / 52%);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-icon-button.settings-star-link {\n  width: auto;\n  gap: 6px;\n  padding-inline: 8px;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n  border: 2px dashed #f5c542;\n  white-space: nowrap;\n}\n\n.settings-star-link .codexhost-settings-icon {\n  color: #f5c542;\n  fill: currentColor;\n  stroke: currentColor;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 40px;\n  flex: none;\n  gap: 12px;\n  padding: 8px 12px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 7%);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: rgb(255 255 255 / 9%);\n  border: 1px solid rgb(255 255 255 / 6%);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 16px;\n  min-height: 128px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel > strong,\n.settings-update-panel > span,\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-panel > span,\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-notes {\n  max-height: 240px;\n  padding: 14px;\n  overflow: auto;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: rgb(255 255 255 / 4%);\n  border: 1px solid var(--settings-divider);\n  border-radius: 6px;\n}\n\n.settings-update-version-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-height: 32px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-update-version-row strong {\n  color: var(--settings-text);\n  font-size: 15px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n  margin-top: 14px;\n  padding-inline: 4px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual code {\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-actions {\n  display: flex;\n  min-width: 0;\n  margin-top: 16px;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover,\n.settings-update-link:hover {\n  filter: brightness(1.08);\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-icon-button.settings-star-link {\n    width: 28px;\n    padding: 0;\n  }\n\n  .settings-star-link span {\n    display: none;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
+  var shell_default = ':host {\n  --settings-bg: #181818;\n  --settings-sidebar: #1c1c1c;\n  --settings-panel: transparent;\n  --settings-text: #f5f5f5;\n  --settings-muted: #a1a1a1;\n  --settings-border: rgb(255 255 255 / 10%);\n  --settings-divider: rgb(255 255 255 / 10%);\n  --settings-hover: rgb(255 255 255 / 6%);\n  --settings-active: rgb(51 156 255 / 12%);\n  --settings-focus: #339cff;\n  color: var(--settings-text);\n  color-scheme: dark;\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: 0 24px 64px rgb(0 0 0 / 38%);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: rgb(0 0 0 / 52%);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-icon-button.settings-star-link {\n  width: auto;\n  gap: 6px;\n  padding-inline: 8px;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n  border: 2px dashed #f5c542;\n  white-space: nowrap;\n}\n\n.settings-star-link .codexhost-settings-icon {\n  color: #f5c542;\n  fill: currentColor;\n  stroke: currentColor;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 40px;\n  flex: none;\n  gap: 12px;\n  padding: 8px 12px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 7%);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: rgb(255 255 255 / 9%);\n  border: 1px solid rgb(255 255 255 / 6%);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 16px;\n  min-height: 128px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel > strong,\n.settings-update-panel > span,\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-panel > span,\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-notes {\n  display: grid;\n  gap: 10px;\n  max-height: 320px;\n  overflow: auto;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\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: 16px;\n  line-height: 24px;\n}\n\n.settings-update-notes h2 {\n  font-size: 15px;\n  line-height: 22px;\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: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 20px;\n}\n\n.settings-update-notes li + li {\n  margin-top: 4px;\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #7cb8ff;\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: rgb(255 255 255 / 8%);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  padding: 10px 12px;\n  overflow: auto;\n  background: rgb(0 0 0 / 28%);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n.settings-update-version-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-height: 32px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-update-version-row strong {\n  color: var(--settings-text);\n  font-size: 15px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n  margin-top: 14px;\n  padding-inline: 4px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual code {\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-actions {\n  display: flex;\n  min-width: 0;\n  margin-top: 16px;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover,\n.settings-update-link:hover {\n  filter: brightness(1.08);\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-icon-button.settings-star-link {\n    width: 28px;\n    padding: 0;\n  }\n\n  .settings-star-link span {\n    display: none;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -19555,16 +19721,25 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // src/renderer-binding-probe.ts
   var externalHarnessIds = {
     pi: harnessIdSchema.parse("pi"),
-    "claude-code": harnessIdSchema.parse("claude-code")
+    "claude-code": harnessIdSchema.parse("claude-code"),
+    "deepseek-harness": harnessIdSchema.parse("deepseek-harness"),
+    grok: harnessIdSchema.parse("grok")
   };
-  var externalAgents = ["pi", "claude-code"];
+  var externalAgents = [
+    "pi",
+    "claude-code",
+    "deepseek-harness",
+    "grok"
+  ];
   var rendererUsageRefreshDelays = [250, 500, 1e3, 2e3, 4e3, 8e3];
   function rendererUsageRefreshDelay(attempt) {
     const index = Math.max(0, Math.min(Math.trunc(attempt), rendererUsageRefreshDelays.length - 1));
     return rendererUsageRefreshDelays[index] ?? rendererUsageRefreshDelays[0];
   }
-  function shouldRetryExternalThreadUsage(agent, usage) {
-    return agent !== "codex" && usage === null;
+  function shouldRetryExternalThreadUsage(agent, usage, accountCredits = null) {
+    if (agent === "codex") return false;
+    if (usage === null) return true;
+    return agent === "grok" && accountCredits === null;
   }
   function selectableThinkingOptionId(state) {
     return state.effectiveThinkingOptionId && state.availableThinkingOptions?.some(({ id }) => id === state.effectiveThinkingOptionId) ? state.effectiveThinkingOptionId : void 0;
@@ -19590,6 +19765,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         ...inspection.effectivePermissionModeId ? { permissionModeId: inspection.effectivePermissionModeId } : {}
       };
     }
+    if (inspection.harnessId === "grok") {
+      const transportSelection = decodeGrokTransportModelId(inspection.transportModelId);
+      if (!transportSelection) {
+        throw new Error("Grok Thread reported an incompatible transport Model");
+      }
+      const model = inspection.effectiveModel ?? transportSelection.model;
+      const thinkingOptionId = selectableThinkingOptionId(inspection) ?? transportSelection.thinkingOptionId;
+      return {
+        agent: "grok",
+        ...model ? { model } : {},
+        ...thinkingOptionId ? { thinkingOptionId } : {}
+      };
+    }
     if (inspection.harnessId === "claude-code") {
       const transportSelection = decodeClaudeTransportModelId(inspection.transportModelId);
       if (!transportSelection) {
@@ -19605,6 +19793,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         ...permissionModeId ? { permissionModeId } : {}
       };
     }
+    if (inspection.harnessId === "deepseek-harness") {
+      const transportSelection = decodeDeepSeekHarnessTransportModelId(inspection.transportModelId);
+      if (!transportSelection) {
+        throw new Error("DeepSeek Harness Thread reported an incompatible transport Model");
+      }
+      const model = inspection.effectiveModel ?? transportSelection.model;
+      return { agent: "deepseek-harness", ...model ? { model } : {} };
+    }
     throw new Error("Thread owner is not a Renderer Agent");
   }
   function isOwnershipSubmissionBlocked(status) {
@@ -19696,7 +19892,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     let availabilityRequest = null;
     const usageRefreshTimers = /* @__PURE__ */ new Map();
     const usageRefreshAttempts = /* @__PURE__ */ new Map();
-    const isCurrentModelRequest = (mounted, generation) => mounted.composer.isConnected && mountedByComposer.get(mounted.composer) === mounted && controller.isCurrentModelRequest(mounted.composer, generation);
+    const isMountedComposer = (composer) => composer.isConnected && composer.matches(CODEX_COMPOSER_SELECTOR) && mountedByComposer.has(composer);
+    const isCurrentModelRequest = (mounted, generation) => isMountedComposer(mounted.composer) && mountedByComposer.get(mounted.composer) === mounted && controller.isCurrentModelRequest(mounted.composer, generation);
     const isCurrentOwnershipRequest = (mounted, generation) => mounted.composer.isConnected && mountedByComposer.get(mounted.composer) === mounted && controller.isCurrentOwnershipRequest(mounted.composer, generation);
     const notifySubmission = (composer, trigger) => {
       const state = controller.recordSubmission(composer);
@@ -19730,7 +19927,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         harnessAvailability,
         mounted.modelView,
         mounted.permissionModeView,
-        mounted.usage
+        mounted.usage,
+        mounted.accountCredits
       );
     };
     const applyThreadUsageUpdate = (update) => {
@@ -19738,6 +19936,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (threadIdFromComposerModelTarget(mounted.modelTarget) !== update.threadId) continue;
         mounted.usageRequestGeneration += 1;
         mounted.usage = update.usage;
+        mounted.accountCredits = update.accountCredits ?? null;
         usageRefreshAttempts.delete(mounted.composer);
         renderMounted(mounted);
       }
@@ -19746,6 +19945,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
       if (!threadId || !modelControl || controller.get(mounted.composer).agent === "codex") {
         mounted.usage = null;
+        mounted.accountCredits = null;
         usageRefreshAttempts.delete(mounted.composer);
         renderMounted(mounted);
         return;
@@ -19757,15 +19957,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           return;
         }
         mounted.usage = result.usage;
-        if (result.usage !== null) usageRefreshAttempts.delete(mounted.composer);
+        mounted.accountCredits = result.accountCredits ?? null;
+        const agent = controller.get(mounted.composer).agent;
+        if (result.usage !== null && (agent !== "grok" || result.accountCredits)) {
+          usageRefreshAttempts.delete(mounted.composer);
+        }
         renderMounted(mounted);
-        if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, result.usage)) {
+        if (shouldRetryExternalThreadUsage(
+          controller.get(mounted.composer).agent,
+          result.usage,
+          result.accountCredits ?? null
+        )) {
           scheduleThreadUsageRefresh(mounted);
         }
       } catch {
         if (mountedByComposer.get(mounted.composer) === mounted && mounted.usageRequestGeneration === generation) {
           renderMounted(mounted);
-          if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, null)) {
+          if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, null, null)) {
             scheduleThreadUsageRefresh(mounted);
           }
         }
@@ -19854,7 +20062,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       } finally {
         if (isCurrentOwnershipRequest(mounted, generation)) {
           renderMounted(mounted);
-          if (mounted.ownershipStatus !== "error" && shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, mounted.usage)) {
+          if (mounted.ownershipStatus !== "error" && shouldRetryExternalThreadUsage(
+            controller.get(mounted.composer).agent,
+            mounted.usage,
+            mounted.accountCredits
+          )) {
             scheduleThreadUsageRefresh(mounted);
           }
         }
@@ -19879,7 +20091,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       if (resolution === "transfer") {
         mounted.ownershipStatus = "ready";
         renderMounted(mounted);
-        if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, null)) {
+        if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, null, null)) {
           scheduleThreadUsageRefresh(mounted);
         }
       } else {
@@ -19889,6 +20101,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         mounted.threadConfiguration = void 0;
         mounted.ownershipStatus = "loading";
         mounted.usage = null;
+        mounted.accountCredits = null;
         mounted.usageRequestGeneration += 1;
         usageRefreshAttempts.delete(mounted.composer);
         if (previousTarget?.[0] === "conversation") renderMounted(mounted);
@@ -19909,6 +20122,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         };
         mounted.permissionModeView = { status: "idle" };
         renderMounted(mounted);
+        if (availability === "checking") void refreshHarnessAvailability();
         return;
       }
       mounted.modelView = {
@@ -20423,40 +20637,47 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       window.open(url2, "_blank", "noopener,noreferrer");
     };
     const refreshHarnessAvailability = (refresh = false) => {
-      if (adapterStatus.state !== "ready" || !modelControl) return Promise.resolve();
+      if (!modelControl) return Promise.resolve();
       const client = modelControl;
       if (availabilityRequest?.client === client) return availabilityRequest.promise;
+      harnessAvailability = Object.fromEntries(
+        externalAgents.map((agent) => [
+          agent,
+          harnessAvailability[agent] === "ready" ? "ready" : "checking"
+        ])
+      );
+      for (const mounted of mountedByComposer.values()) renderMounted(mounted);
       const generation = ++availabilityRequestGeneration;
       const promise2 = (async () => {
-        const inspections = await Promise.all(
+        await Promise.all(
           externalAgents.map(async (agent) => {
+            let status = "error";
             try {
               const inspection = await client.inspectHarness({
                 harnessId: externalHarnessIds[agent],
                 refresh
               });
-              return [agent, inspection.status === "ready" ? "ready" : inspection.status];
+              status = inspection.status === "ready" ? "ready" : inspection.status;
             } catch {
-              return [agent, "error"];
+              status = "error";
+            }
+            if (generation !== availabilityRequestGeneration || disposed) return;
+            harnessAvailability = { ...harnessAvailability, [agent]: status };
+            for (const mounted of mountedByComposer.values()) {
+              const state = controller.get(mounted.composer);
+              if (adapterStatus.state === "ready" && state.phase === "draft" && state.agent === agent && status !== "ready") {
+                await switchComposerAgent(mounted, "codex");
+              }
+            }
+            for (const mounted of mountedByComposer.values()) {
+              const state = controller.get(mounted.composer);
+              if (state.agent === agent) {
+                void loadExternalCatalog(mounted);
+              }
+              renderMounted(mounted);
             }
           })
         );
-        if (generation !== availabilityRequestGeneration || disposed) return;
-        harnessAvailability = Object.fromEntries(inspections);
-        for (const mounted of mountedByComposer.values()) {
-          const state = controller.get(mounted.composer);
-          if (state.phase === "draft" && state.agent !== "codex" && harnessAvailability[state.agent] !== "ready") {
-            await switchComposerAgent(mounted, "codex");
-          }
-        }
-        for (const mounted of mountedByComposer.values()) {
-          const state = controller.get(mounted.composer);
-          if (state.agent !== "codex") {
-            void loadExternalCatalog(mounted);
-          } else {
-            renderMounted(mounted);
-          }
-        }
       })();
       const request = { client, promise: promise2 };
       availabilityRequest = request;
@@ -20471,7 +20692,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       return promise2;
     };
     const mount = (composer) => {
-      if (mountedByComposer.has(composer) || !composer.isConnected) return;
+      if (mountedByComposer.has(composer) || !composer.isConnected || !composer.matches(CODEX_COMPOSER_SELECTOR)) {
+        return;
+      }
       const allButtons = [...composer.querySelectorAll("button")];
       const sendButton = sendButtonWithin(composer) ?? allButtons.at(-1) ?? null;
       if (!sendButton) return;
@@ -20519,6 +20742,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         ownershipStatus: threadIdFromComposerModelTarget(modelTarget) ? inherited ? "ready" : "loading" : "not-required",
         threadConfiguration: inherited?.threadConfiguration,
         usage: inherited?.usage ?? null,
+        accountCredits: inherited?.accountCredits ?? null,
         usageRequestGeneration: 0
       };
       mountedByComposer.set(composer, mounted);
@@ -20534,7 +20758,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       renderMounted(mounted);
       if (threadIdFromComposerModelTarget(modelTarget) && !inherited) {
         void loadThreadOwnership(mounted);
-      } else if (threadIdFromComposerModelTarget(modelTarget) && inherited && shouldRetryExternalThreadUsage(state.agent, mounted.usage)) {
+      } else if (threadIdFromComposerModelTarget(modelTarget) && inherited && shouldRetryExternalThreadUsage(state.agent, mounted.usage, mounted.accountCredits)) {
         scheduleThreadUsageRefresh(mounted);
       } else if (state.agent !== "codex" && !isExternalConfigurationReady(mounted)) {
         void loadExternalCatalog(mounted);
@@ -20558,7 +20782,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
       }
       for (const [composer, mounted] of mountedByComposer) {
-        if (!composer.isConnected || !mounted.control.root.isConnected) {
+        if (!composer.isConnected || !composer.matches(CODEX_COMPOSER_SELECTOR) || !mounted.control.root.isConnected) {
+          mounted.usageRequestGeneration += 1;
+          usageRefreshAttempts.delete(composer);
+          const timer = usageRefreshTimers.get(composer);
+          if (timer !== void 0) {
+            window.clearTimeout(timer);
+            usageRefreshTimers.delete(composer);
+          }
           disposeComposerAgentControl(mounted.control);
           mountedByComposer.delete(composer);
           continue;
@@ -20660,7 +20891,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const composerForTarget = (target) => {
       const element = eventElement(target);
       const editor = element ? editorForElement(element) : null;
-      return editor ? composerForEditor(editor) : null;
+      const composer = editor ? composerForEditor(editor) : null;
+      return composer && isMountedComposer(composer) ? composer : null;
     };
     const onBeforeInput = (event) => {
       const composer = composerForTarget(event.target);
@@ -20671,7 +20903,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
     const onSubmit = (event) => {
       const element = eventElement(event.target);
-      const composer = element ? composerForElement(element) : null;
+      const candidate = element ? composerForElement(element) : null;
+      const composer = candidate && isMountedComposer(candidate) ? candidate : null;
       if (!composer) return;
       const prepared = prepareComposer(composer);
       if (prepared === null) return;
@@ -20707,7 +20940,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const element = eventElement(event.target);
       const button = element?.closest("button");
       if (!button) return;
-      const composer = composerForElement(button);
+      const candidate = composerForElement(button);
+      const composer = candidate && isMountedComposer(candidate) ? candidate : null;
       const mounted = composer ? mountedByComposer.get(composer) : void 0;
       if (!composer || mounted?.control.sendButton !== button) return;
       if (!prepareComposer(composer)) {
@@ -20722,6 +20956,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     const onAdapterStatus = () => {
       if (adapterStatus.state === "ready") {
+        sidebarAgentIcons.refresh();
         void refreshHarnessAvailability();
         for (const mounted of mountedByComposer.values()) {
           if (mounted.modelView.status === "waitingForAdapter" && mounted.composer.isConnected && applyComposerAgent(mounted.composer)) {
@@ -20733,7 +20968,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
     mutationObserver.observe(document.documentElement, {
       attributes: true,
-      attributeFilter: ["hidden", "aria-hidden"],
+      attributeFilter: ["hidden", "aria-hidden", "data-codex-composer-root"],
       characterData: true,
       childList: true,
       subtree: true