@codexhost/cli-linux-x64 0.2.5 → 0.3.0-test.1

package/app/renderer-extension.js

@@ -36,6 +36,7 @@
     #ownershipRequestGenerations = /* @__PURE__ */ new WeakMap();
     #states = /* @__PURE__ */ new WeakMap();
     #switching = /* @__PURE__ */ new Set();
+    #pendingSubmissions = /* @__PURE__ */ new Set();
     #composerSequence = 0;
     #modelRequestSequence = 0;
     #ownershipRequestSequence = 0;
@@ -95,6 +96,7 @@
     rebindConversation(composer, target) {
       if (!isConversationTarget(target)) return null;
       const previous = this.#state(composer);
+      this.#pendingSubmissions.delete(previous);
       this.#modelRequestGenerations.set(previous, ++this.#modelRequestSequence);
       this.#ownershipRequestGenerations.set(previous, ++this.#ownershipRequestSequence);
       let state = this.#conversationState(target);
@@ -114,6 +116,7 @@
     restore(composer, agent, model, thinkingOptionId, permissionModeId) {
       if (!this.#enabledAgents.has(agent)) return null;
       const state = this.#state(composer);
+      this.#pendingSubmissions.delete(state);
       state.agent = agent;
       state.phase = "locked";
       if (agent === "pi" && model) state.piModel = model;
@@ -204,9 +207,21 @@
     }
     lock(composer) {
       const state = this.#state(composer);
+      this.#pendingSubmissions.delete(state);
       state.phase = "locked";
       return state;
     }
+    markSubmissionPending(composer) {
+      const state = this.#state(composer);
+      if (state.phase === "draft") this.#pendingSubmissions.add(state);
+      return state;
+    }
+    isSubmissionPending(composer) {
+      return this.#pendingSubmissions.has(this.#state(composer));
+    }
+    clearPendingSubmission(composer) {
+      this.#pendingSubmissions.delete(this.#state(composer));
+    }
     recordSubmission(composer) {
       const state = this.#state(composer);
       this.#lastSubmittedAgent = state.agent;
@@ -224,6 +239,9 @@
       if (isConversationTarget(target) && !bound) {
         this.#conversationStates.push({ target, state });
       }
+      if (isConversationTarget(target) && this.#pendingSubmissions.delete(state)) {
+        state.phase = "locked";
+      }
       return true;
     }
     async switchAgent(composer, nextAgent, operations) {
@@ -231,6 +249,7 @@
       if (!this.#enabledAgents.has(nextAgent)) return false;
       if (state.phase !== "draft" || this.#switching.has(state)) return false;
       if (state.agent === nextAgent) return true;
+      this.#pendingSubmissions.delete(state);
       this.#switching.add(state);
       try {
         if (!operations.applyAgent(nextAgent)) return false;
@@ -14848,8 +14867,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     code: external_exports.string().min(1),
     message: external_exports.string().min(1),
     retryable: external_exports.boolean(),
-    diagnostic: external_exports.string().min(1).optional()
-  }).superRefine(rejectExplicitUndefined(["diagnostic"]));
+    diagnostic: external_exports.string().min(1).optional(),
+    stage: external_exports.string().min(1).optional(),
+    durationMs: external_exports.number().int().nonnegative().optional(),
+    stderrTail: external_exports.string().min(1).optional()
+  }).superRefine(rejectExplicitUndefined(["diagnostic", "stage", "durationMs", "stderrTail"]));
 
   // ../shared-contracts/dist/ids.js
   var opaqueIdSchema = external_exports.string().refine((value) => value.trim().length > 0, {
@@ -15194,6 +15216,47 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   });
 
+  // ../shared-contracts/dist/harness-commands.js
+  var commandIdSchema = external_exports.string().trim().min(1).max(128).regex(/^[A-Za-z0-9._:-]+$/u).brand();
+  var commandInvocationSchema = external_exports.string().min(1).max(128);
+  var commandLabelSchema = external_exports.string().trim().min(1).max(128);
+  var commandDescriptionSchema = external_exports.string().trim().min(1).max(512);
+  var harnessCommandDescriptorSchema = external_exports.object({
+    id: commandIdSchema,
+    invocation: commandInvocationSchema,
+    label: commandLabelSchema,
+    description: commandDescriptionSchema.optional(),
+    argumentMode: external_exports.enum(["none", "text"])
+  }).strict();
+  var harnessCommandCatalogSchema = external_exports.object({
+    commands: external_exports.array(harnessCommandDescriptorSchema)
+  }).strict().superRefine((catalog, context) => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const [index, command] of catalog.commands.entries()) {
+      if (ids.has(command.id)) {
+        context.addIssue({
+          code: "custom",
+          message: "Harness command IDs must be unique",
+          path: ["commands", index, "id"]
+        });
+      }
+      ids.add(command.id);
+    }
+  });
+  var threadCommandsInspectParamsSchema = external_exports.object({
+    threadId: hostThreadIdSchema
+  }).strict();
+  var threadCommandExecuteParamsSchema = external_exports.object({
+    threadId: hostThreadIdSchema,
+    commandId: commandIdSchema,
+    turnId: hostTurnIdSchema.optional(),
+    arguments: jsonObjectSchema.optional()
+  }).strict();
+  var threadCommandExecuteResultSchema = external_exports.object({
+    accepted: external_exports.literal(true),
+    turnId: hostTurnIdSchema
+  }).strict();
+
   // ../shared-contracts/dist/json-rpc.js
   var jsonRpcVersionSchema = external_exports.literal("2.0").optional();
   var absentSchema = external_exports.never().optional();
@@ -15405,6 +15468,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     grok: "https://grok.com/"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
+  var AGENT_MENU_WIDTH = 200;
   function rendererAgentPickerView(state, adapterState, switching, agents, availability = {}) {
     const optionDisabled = Object.fromEntries(
       agents.map((agent) => [
@@ -15425,7 +15489,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   function setMenuPosition(control) {
     const rect = control.trigger.getBoundingClientRect();
-    const width = 190;
+    const width = AGENT_MENU_WIDTH;
     const left = Math.max(8, Math.min(rect.right - width, window.innerWidth - width - 8));
     control.menu.style.left = `${left}px`;
     control.menu.style.bottom = `${Math.max(8, window.innerHeight - rect.top + 6)}px`;
@@ -15495,13 +15559,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     menu.hidden = typeof menu.showPopover !== "function";
     menu.style.position = "fixed";
     menu.style.inset = "auto";
-    menu.style.width = "190px";
+    menu.style.width = `${AGENT_MENU_WIDTH}px`;
     menu.style.padding = "4px";
     menu.style.border = "0";
     menu.style.borderRadius = "6px";
     menu.style.background = "Canvas";
     menu.style.color = "CanvasText";
     menu.style.boxShadow = "0 8px 24px rgba(0, 0, 0, 0.28)";
+    menu.style.boxSizing = "border-box";
+    menu.style.overflowX = "hidden";
+    menu.style.overflowY = "auto";
     menu.style.zIndex = "2147483647";
     trigger.setAttribute("aria-controls", menu.id);
     const options = {};
@@ -15533,6 +15600,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       button.style.display = "flex";
       button.style.alignItems = "center";
       button.style.gap = "8px";
+      button.style.minWidth = "0";
       button.style.width = "100%";
       button.style.flex = "1 1 auto";
       button.style.height = "36px";
@@ -15556,8 +15624,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const check2 = document.createElement("span");
       check2.textContent = "\u2713";
       check2.setAttribute("aria-hidden", "true");
-      check2.style.width = "12px";
+      check2.style.width = "24px";
       check2.style.flex = "none";
+      check2.style.textAlign = "center";
       check2.style.visibility = "hidden";
       const label = document.createElement("span");
       label.textContent = RENDERER_AGENT_LABELS[agent];
@@ -15566,7 +15635,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       label.style.overflow = "hidden";
       label.style.textOverflow = "ellipsis";
       label.style.whiteSpace = "nowrap";
-      button.append(check2, createRendererAgentIcon(agent), label);
+      button.append(createRendererAgentIcon(agent), label);
       button.addEventListener("click", () => {
         const selected = button.getAttribute("aria-pressed") === "true";
         close();
@@ -15576,9 +15645,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const download = agent === "codex" ? null : (() => {
         const control2 = document.createElement("button");
         control2.type = "button";
-        control2.textContent = "\u2193";
+        control2.textContent = "+";
         control2.setAttribute("aria-label", `Install ${RENDERER_AGENT_LABELS[agent]}`);
-        control2.title = `Open ${RENDERER_AGENT_LABELS[agent]} installation page`;
+        control2.title = `Install ${RENDERER_AGENT_LABELS[agent]}`;
+        control2.style.position = "absolute";
+        control2.style.inset = "0";
         control2.style.display = "inline-flex";
         control2.style.alignItems = "center";
         control2.style.justifyContent = "center";
@@ -15591,7 +15662,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         control2.style.background = "transparent";
         control2.style.color = "inherit";
         control2.style.cursor = "pointer";
-        control2.style.font = "600 16px/1 system-ui, sans-serif";
+        control2.style.font = "600 18px/1 system-ui, sans-serif";
         control2.style.opacity = "0.72";
         control2.addEventListener("pointerenter", () => {
           if (!control2.disabled) control2.style.background = "rgba(127, 127, 127, 0.16)";
@@ -15606,16 +15677,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         return control2;
       })();
       options[agent] = { button, check: check2, download };
-      if (download) {
-        const row = document.createElement("div");
-        row.style.display = "flex";
-        row.style.alignItems = "center";
-        row.style.gap = "2px";
-        row.append(button, download);
-        menu.append(row);
-      } else {
-        menu.append(button);
-      }
+      const row = document.createElement("div");
+      row.style.display = "flex";
+      row.style.alignItems = "center";
+      row.style.gap = "2px";
+      const actionSlot = document.createElement("span");
+      actionSlot.style.position = "relative";
+      actionSlot.style.display = "inline-block";
+      actionSlot.style.width = "24px";
+      actionSlot.style.height = "24px";
+      actionSlot.style.flex = "none";
+      actionSlot.append(check2);
+      if (download) actionSlot.append(download);
+      row.append(actionSlot, button);
+      menu.append(row);
     }
     root.append(trigger, menu);
     const onTriggerClick = () => {
@@ -15716,30 +15791,138 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       option.check.style.visibility = selected ? "visible" : "hidden";
       if (option.download) {
         const visible = view.downloadVisible[agent] === true;
-        option.download.hidden = !visible;
+        option.download.hidden = false;
         option.download.disabled = !visible;
-        option.download.style.display = visible ? "inline-flex" : "none";
+        option.download.setAttribute("aria-hidden", String(!visible));
+        option.download.style.display = "inline-flex";
+        option.download.style.visibility = visible ? "visible" : "hidden";
+        option.download.style.pointerEvents = visible ? "auto" : "none";
       }
     }
     return view;
   }
 
+  // src/renderer-model-picker-positioning.ts
+  var MENU_GAP = 4;
+  var MAIN_MENU_SIDE_OFFSET = 8;
+  var COLLISION_PADDING = 8;
+  var RENDERER_MODEL_PICKER_MAIN_MENU_WIDTH = 260;
+  var RENDERER_MODEL_PICKER_MODEL_MENU_WIDTH = 280;
+  var RENDERER_MODEL_PICKER_MODEL_MENU_MAX_HEIGHT = 360;
+  function clampPosition(value, minimum, maximum) {
+    return Math.min(Math.max(value, minimum), Math.max(minimum, maximum));
+  }
+  function fitWidth(preferredWidth, viewportWidth) {
+    return Math.max(
+      COLLISION_PADDING,
+      Math.min(preferredWidth, viewportWidth - COLLISION_PADDING * 2)
+    );
+  }
+  function fitHeight(viewport, top = COLLISION_PADDING) {
+    return Math.max(
+      COLLISION_PADDING,
+      Math.min(
+        RENDERER_MODEL_PICKER_MODEL_MENU_MAX_HEIGHT,
+        viewport.height * 0.6,
+        viewport.height - top - COLLISION_PADDING
+      )
+    );
+  }
+  function rendererModelPickerMainMenuPlacement(triggerRect, viewport, width = RENDERER_MODEL_PICKER_MAIN_MENU_WIDTH) {
+    const maxLeft = viewport.width - COLLISION_PADDING - width;
+    return {
+      left: clampPosition(triggerRect.right - width, COLLISION_PADDING, maxLeft),
+      width,
+      bottom: Math.max(COLLISION_PADDING, viewport.height - triggerRect.top + MAIN_MENU_SIDE_OFFSET)
+    };
+  }
+  function rendererModelPickerStandaloneModelMenuPlacement(triggerRect, viewport) {
+    const width = fitWidth(RENDERER_MODEL_PICKER_MODEL_MENU_WIDTH, viewport.width);
+    const maxLeft = viewport.width - COLLISION_PADDING - width;
+    return {
+      left: clampPosition(triggerRect.right - width, COLLISION_PADDING, maxLeft),
+      width,
+      maxHeight: fitHeight(viewport),
+      bottom: Math.max(COLLISION_PADDING, viewport.height - triggerRect.top + MAIN_MENU_SIDE_OFFSET)
+    };
+  }
+  function rendererModelPickerModelMenuPlacement(mainRect, viewport) {
+    const preferredWidth = fitWidth(RENDERER_MODEL_PICKER_MODEL_MENU_WIDTH, viewport.width);
+    const rightLeft = mainRect.right + MENU_GAP;
+    const leftLeft = mainRect.left - MENU_GAP - preferredWidth;
+    const rightAvailable = viewport.width - rightLeft - COLLISION_PADDING;
+    const leftAvailable = mainRect.left - MENU_GAP - COLLISION_PADDING;
+    let width;
+    let left;
+    if (rightAvailable >= preferredWidth) {
+      width = preferredWidth;
+      left = rightLeft;
+    } else if (leftAvailable >= preferredWidth) {
+      width = preferredWidth;
+      left = leftLeft;
+    } else if (rightAvailable >= leftAvailable) {
+      width = Math.max(COLLISION_PADDING, rightAvailable);
+      left = rightLeft;
+    } else {
+      width = Math.max(COLLISION_PADDING, leftAvailable);
+      left = mainRect.left - MENU_GAP - width;
+    }
+    const top = clampPosition(mainRect.top, COLLISION_PADDING, viewport.height - COLLISION_PADDING);
+    const maxHeight = fitHeight(viewport, top);
+    return {
+      left: clampPosition(left, COLLISION_PADDING, viewport.width - COLLISION_PADDING - width),
+      top,
+      width,
+      maxHeight
+    };
+  }
+
   // 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 backdrop-blur-xl";
+  var SEARCH_INPUT_CLASSES = "mb-1 w-full shrink-0 rounded-lg border border-token-border bg-token-dropdown-background/95 px-2 py-1.5 text-sm text-token-foreground outline-none placeholder:text-token-text-tertiary disabled:cursor-not-allowed disabled:opacity-40";
   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;
+  var MODEL_TRIGGER_MAX_WIDTH = "min(200px, 26vw)";
+  var MODEL_SCROLLBAR_STYLE_ATTRIBUTE = "data-codexhost-model-picker-scrollbar";
   function popoverOpen2(menu) {
     return menu.matches(":popover-open");
   }
+  function ensureModelScrollbarStyle(ownerDocument) {
+    if (ownerDocument.querySelector(`style[${MODEL_SCROLLBAR_STYLE_ATTRIBUTE}]`)) return;
+    const style = ownerDocument.createElement("style");
+    style.setAttribute(MODEL_SCROLLBAR_STYLE_ATTRIBUTE, "true");
+    style.textContent = `
+    [data-codexhost-model-scrollable] {
+      scrollbar-width: thin;
+      scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
+    }
+    [data-codexhost-model-scrollable]::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+    [data-codexhost-model-scrollable]::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    [data-codexhost-model-scrollable]::-webkit-scrollbar-thumb {
+      min-height: 28px;
+      border: 1px solid transparent;
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.28);
+      background-clip: padding-box;
+    }
+    [data-codexhost-model-scrollable]::-webkit-scrollbar-thumb:hover {
+      background: rgba(255, 255, 255, 0.42);
+      background-clip: padding-box;
+    }
+    [data-codexhost-model-scrollable]::-webkit-scrollbar-button {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  `;
+    (ownerDocument.head ?? ownerDocument.documentElement).append(style);
+  }
   function thinkingOptionsForModel(catalog, selected) {
     const supported = catalog?.models.find(
       (model) => model.ref.id === selected?.id
@@ -15753,6 +15936,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function shouldCloseRendererModelPicker(view) {
     return isRendererModelPickerDisabled(view) && view.status !== "selecting";
   }
+  function isTransientPickerState(view) {
+    return view.status === "idle" || view.status === "loading";
+  }
   function rendererModelPickerPresentation(view) {
     const selectedModel = view.catalog?.models.find((model) => model.ref.id === view.selected?.id);
     const thinkingOptions = view.thinkingSelectionSupported === false ? [] : thinkingOptionsForModel(view.catalog, view.selected);
@@ -15777,52 +15963,43 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   function positionMainMenu(control) {
     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 placement = rendererModelPickerMainMenuPlacement(
+      triggerRect,
+      { width: window.innerWidth, height: window.innerHeight },
+      RENDERER_MODEL_PICKER_MAIN_MENU_WIDTH
     );
-    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.maxWidth = `${width}px`;
+    control.menu.style.setProperty("width", `${placement.width}px`, "important");
+    control.menu.style.left = `${placement.left}px`;
+    control.menu.style.maxWidth = `${placement.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 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`;
-    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.menu.style.bottom = `${placement.bottom}px`;
+  }
+  function positionAdvancedMenus(control) {
+    positionMainMenu(control);
+    positionModelMenu(control);
+  }
+  function positionModelMenu(control, standalone = false) {
+    const anchorRect = standalone ? control.trigger.getBoundingClientRect() : control.menu.getBoundingClientRect();
+    const placement = standalone ? rendererModelPickerStandaloneModelMenuPlacement(anchorRect, {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }) : rendererModelPickerModelMenuPlacement(anchorRect, {
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+    control.modelMenu.style.setProperty("width", `${placement.width}px`, "important");
+    control.modelMenu.style.left = `${placement.left}px`;
+    control.modelMenu.style.maxWidth = `${placement.width}px`;
+    control.modelMenu.style.maxHeight = `${placement.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`;
+    control.modelMenu.style.top = placement.top === void 0 ? "auto" : `${placement.top}px`;
+    control.modelMenu.style.bottom = placement.bottom === void 0 ? "auto" : `${placement.bottom}px`;
   }
   function syncRendererModelTriggerClass(control, nativeClassName) {
     control.trigger.className = nativeClassName?.trim() || RENDERER_MODEL_TRIGGER_FALLBACK_CLASSES;
     control.trigger.style.width = "fit-content";
-    control.trigger.style.maxWidth = "min(320px, 38vw)";
+    control.trigger.style.maxWidth = MODEL_TRIGGER_MAX_WIDTH;
   }
   function createCheck() {
     const check2 = document.createElement("span");
@@ -15845,6 +16022,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     element.textContent = text;
     return true;
   }
+  function applyModelSearchFilter(control) {
+    const query = control.searchInput.value.trim().toLowerCase();
+    let visibleCount = 0;
+    for (const option of control.options.values()) {
+      const matches = query.length === 0 || option.searchText.includes(query);
+      option.button.hidden = !matches;
+      if (matches) visibleCount += 1;
+    }
+    control.searchEmpty.hidden = query.length === 0 || visibleCount > 0;
+  }
   function mountRendererModelPicker(composerId, nativeClassName, onSelectModel, onSelectThinking) {
     const root = document.createElement("div");
     root.setAttribute("data-codexhost-model-control", composerId);
@@ -15874,7 +16061,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     menu.id = `${composerId}-model-menu`;
     menu.setAttribute("role", "menu");
     menu.setAttribute("aria-label", "Model and Thinking");
-    menu.setAttribute("popover", "auto");
+    menu.setAttribute("popover", "manual");
     menu.className = MENU_CLASSES;
     menu.style.position = "fixed";
     menu.style.inset = "auto";
@@ -15895,52 +16082,115 @@ 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.dataset.codexhostModelScrollable = "true";
+    ensureModelScrollbarStyle(document);
     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.maxHeight = `min(${RENDERER_MODEL_PICKER_MODEL_MENU_MAX_HEIGHT}px, 60vh)`;
     modelMenu.style.overflowY = "auto";
     modelButton.setAttribute("aria-controls", modelMenu.id);
     const options = /* @__PURE__ */ new Map();
     const thinkingOptions = /* @__PURE__ */ new Map();
+    const searchInput = document.createElement("input");
+    searchInput.type = "search";
+    searchInput.placeholder = "Search models";
+    searchInput.setAttribute("aria-label", "Search models");
+    searchInput.autocomplete = "off";
+    searchInput.spellcheck = false;
+    searchInput.className = SEARCH_INPUT_CLASSES;
+    const searchHeader = document.createElement("div");
+    searchHeader.style.position = "sticky";
+    searchHeader.style.top = "0";
+    searchHeader.style.zIndex = "2";
+    searchHeader.style.margin = "-4px";
+    searchHeader.style.padding = "4px";
+    searchHeader.style.backgroundColor = "Canvas";
+    const searchEmpty = document.createElement("div");
+    searchEmpty.dataset.codexhostModelSearchEmpty = "true";
+    searchEmpty.textContent = "No matching models";
+    searchEmpty.className = "block px-2 py-2 text-sm text-token-text-tertiary";
+    searchEmpty.hidden = true;
+    const onSearchInput = () => applyModelSearchFilter(control);
+    searchInput.addEventListener("input", onSearchInput);
+    const silencedEventTypes = [
+      "keydown",
+      "keypress",
+      "keyup",
+      "beforeinput",
+      "input",
+      "compositionstart",
+      "compositionupdate",
+      "compositionend",
+      "change"
+    ];
+    const silenceForHarness = (event) => {
+      event.stopPropagation();
+    };
+    for (const type of silencedEventTypes) {
+      searchInput.addEventListener(type, silenceForHarness);
+    }
+    const onSearchBlur = () => {
+      if (!popoverOpen2(modelMenu)) return;
+      const active = document.activeElement;
+      const movedToComposer = active === document.body || active instanceof Element && (active.matches('textarea, [contenteditable="true"], [role="textbox"]') || active.closest('textarea, [contenteditable="true"], [role="textbox"]') !== null);
+      if (!movedToComposer) return;
+      requestAnimationFrame(() => {
+        if (popoverOpen2(modelMenu) && searchInput.isConnected) searchInput.focus();
+      });
+    };
+    searchInput.addEventListener("blur", onSearchBlur);
     const closeModelMenu = () => {
       if (popoverOpen2(modelMenu)) modelMenu.hidePopover();
       modelButton.setAttribute("aria-expanded", "false");
+      if (searchInput.value !== "") {
+        searchInput.value = "";
+        applyModelSearchFilter(control);
+      }
     };
+    const pickerOpen = () => popoverOpen2(menu) || popoverOpen2(modelMenu);
     const close = () => {
       closeModelMenu();
       if (popoverOpen2(menu)) menu.hidePopover();
     };
-    const openModelMenu = () => {
-      if (!popoverOpen2(menu) || popoverOpen2(modelMenu)) return;
+    const openModelMenu = (standalone = false) => {
+      if (!standalone && !popoverOpen2(menu) || popoverOpen2(modelMenu)) return;
       modelMenu.showPopover();
-      positionModelMenu(control);
+      positionModelMenu(control, standalone);
       modelButton.setAttribute("aria-expanded", "true");
     };
     const open = () => {
-      if (trigger.disabled || popoverOpen2(menu)) return;
+      if (trigger.disabled || pickerOpen()) return;
+      if (control.thinkingOptions.size === 0) {
+        openModelMenu(true);
+        return;
+      }
       menu.showPopover();
-      positionMainMenu(control);
+      positionAdvancedMenus(control);
     };
     const onTriggerClick = () => {
-      if (popoverOpen2(menu)) close();
+      if (pickerOpen()) close();
       else open();
     };
     const onToggle = () => {
       const openState = popoverOpen2(menu);
-      trigger.setAttribute("aria-expanded", String(openState));
+      trigger.setAttribute("aria-expanded", String(openState || popoverOpen2(modelMenu)));
       trigger.setAttribute("data-state", openState ? "open" : "closed");
       if (!openState) closeModelMenu();
     };
     const onModelToggle = () => {
-      modelButton.setAttribute("aria-expanded", String(popoverOpen2(modelMenu)));
+      const openState = popoverOpen2(modelMenu);
+      modelButton.setAttribute("aria-expanded", String(openState));
+      trigger.setAttribute("aria-expanded", String(openState || popoverOpen2(menu)));
+      trigger.setAttribute("data-state", openState || popoverOpen2(menu) ? "open" : "closed");
     };
     const onRootClick = (event) => {
       const target = event.target instanceof Element ? event.target.closest("button") : null;
       if (target?.dataset.openModelMenu) {
         openModelMenu();
+        control.searchInput.focus();
         return;
       }
       if (target?.dataset.thinkingOptionId) {
@@ -15952,25 +16202,44 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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();
+      close();
+      trigger.focus();
       onSelectModel(target.dataset.modelId);
     };
     const onModelHover = () => openModelMenu();
+    const onDocumentPointerDown = (event) => {
+      if (!popoverOpen2(menu) && !popoverOpen2(modelMenu)) return;
+      const target = event.target instanceof Node ? event.target : null;
+      if (target && (root.contains(target) || menu.contains(target) || modelMenu.contains(target))) {
+        return;
+      }
+      close();
+    };
+    const onDocumentKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      if (!popoverOpen2(menu) && !popoverOpen2(modelMenu)) return;
+      event.preventDefault();
+      close();
+      trigger.focus();
+    };
     const onViewportChange = () => {
-      if (popoverOpen2(menu)) positionMainMenu(control);
-      if (popoverOpen2(modelMenu)) positionModelMenu(control);
+      if (popoverOpen2(menu)) positionAdvancedMenus(control);
+      else if (popoverOpen2(modelMenu)) positionModelMenu(control, true);
     };
     trigger.addEventListener("click", onTriggerClick);
     menu.addEventListener("toggle", onToggle);
     modelMenu.addEventListener("toggle", onModelToggle);
     modelButton.addEventListener("mouseenter", onModelHover);
-    root.addEventListener("click", onRootClick);
+    menu.addEventListener("click", onRootClick);
     modelMenu.addEventListener("click", onModelMenuClick);
+    document.addEventListener("pointerdown", onDocumentPointerDown, true);
+    document.addEventListener("keydown", onDocumentKeyDown, true);
     window.addEventListener("resize", onViewportChange);
     window.addEventListener("scroll", onViewportChange, true);
-    root.append(trigger, menu);
-    document.body.append(modelMenu);
+    root.append(trigger);
+    document.body.append(menu, modelMenu);
+    searchHeader.append(searchInput);
+    modelMenu.append(searchHeader, searchEmpty);
     const control = {
       root,
       trigger,
@@ -15979,6 +16248,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       menu,
       modelMenu,
       modelButton,
+      searchInput,
+      searchHeader,
+      searchEmpty,
       options,
       thinkingOptions,
       close,
@@ -15988,10 +16260,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         menu.removeEventListener("toggle", onToggle);
         modelMenu.removeEventListener("toggle", onModelToggle);
         modelButton.removeEventListener("mouseenter", onModelHover);
-        root.removeEventListener("click", onRootClick);
+        menu.removeEventListener("click", onRootClick);
         modelMenu.removeEventListener("click", onModelMenuClick);
+        searchInput.removeEventListener("input", onSearchInput);
+        for (const type of silencedEventTypes) {
+          searchInput.removeEventListener(type, silenceForHarness);
+        }
+        searchInput.removeEventListener("blur", onSearchBlur);
+        document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+        document.removeEventListener("keydown", onDocumentKeyDown, true);
         window.removeEventListener("resize", onViewportChange);
         window.removeEventListener("scroll", onViewportChange, true);
+        menu.remove();
         modelMenu.remove();
         root.remove();
       }
@@ -16004,7 +16284,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     control.options.clear();
     control.thinkingOptions.clear();
     control.menu.replaceChildren();
-    control.modelMenu.replaceChildren(createHeading("Model"));
+    control.modelMenu.replaceChildren(
+      createHeading("Model"),
+      control.searchHeader,
+      control.searchEmpty
+    );
     if (presentation.showThinkingSection) {
       control.menu.append(createHeading("Thinking"));
       for (const option of presentation.thinkingOptions) {
@@ -16048,9 +16332,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       text.title = model.label;
       const check2 = createCheck();
       button.append(text, check2);
-      control.options.set(model.ref.id, { button, check: check2 });
+      control.options.set(model.ref.id, {
+        button,
+        check: check2,
+        searchText: `${model.label} ${model.ref.id}`.toLowerCase()
+      });
       control.modelMenu.append(button);
     }
+    applyModelSearchFilter(control);
+    if (popoverOpen2(control.modelMenu)) control.searchInput.focus();
   }
   function renderRendererModelPicker(control, view, visible) {
     control.root.style.display = visible ? "block" : "none";
@@ -16065,11 +16355,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       showThinkingSection: presentation.showThinkingSection,
       modelLabel: presentation.modelLabel
     });
-    if (control.root.dataset.catalogSignature !== catalogSignature) {
+    const keepOpenMenu = popoverOpen2(control.menu) && isTransientPickerState(view);
+    if (control.root.dataset.catalogSignature !== catalogSignature && !keepOpenMenu) {
       rebuildOptions(control, view);
       control.root.dataset.catalogSignature = catalogSignature;
     }
     syncRendererLabelText(control.label, presentation.modelLabel);
+    control.label.title = presentation.modelLabel;
     const secondaryLabel = presentation.thinkingLabel ?? presentation.resolvedModelLabel;
     syncRendererLabelText(control.thinkingLabel, secondaryLabel ?? "");
     control.thinkingLabel.hidden = secondaryLabel === void 0;
@@ -16081,7 +16373,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       String(view.status === "loading" || view.status === "selecting")
     );
     control.trigger.disabled = isRendererModelPickerDisabled(view);
-    if (shouldCloseRendererModelPicker(view)) control.close();
+    if (shouldCloseRendererModelPicker(view) && !keepOpenMenu) control.close();
     control.modelButton.disabled = control.trigger.disabled;
     for (const [modelId, option] of control.options) {
       const selected = modelId === view.selected?.id;
@@ -16928,6 +17220,322 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return true;
   }
 
+  // src/renderer-harness-command-control.ts
+  var CONTROL_ATTRIBUTE2 = "data-codexhost-harness-command-control";
+  var MENU_ATTRIBUTE = "data-codexhost-harness-command-menu";
+  var MENU_WIDTH = 320;
+  var VIEWPORT_MARGIN = 8;
+  var MENU_GAP2 = 8;
+  var SVG_NS = "http://www.w3.org/2000/svg";
+  var COMMAND_ICON_PATHS = [
+    "M409.6 377.6h204.8a32 32 0 0 1 32 32v204.8a32 32 0 0 1-32 32H409.6a32 32 0 0 1-32-32V409.6a32 32 0 0 1 32-32z m172.8 64h-140.8v140.8h140.8z",
+    "M332.8 800a108.8 108.8 0 0 1 0-217.6h76.8a32 32 0 0 1 32 32v76.8a108.928 108.928 0 0 1-108.8 108.8z m0-153.6a44.8 44.8 0 1 0 44.8 44.8v-44.8zM409.6 441.6H332.8a108.8 108.8 0 1 1 108.8-108.8v76.8a32 32 0 0 1-32 32z m-76.8-153.6a44.8 44.8 0 0 0 0 89.6h44.8V332.8A44.842667 44.842667 0 0 0 332.8 288zM691.2 441.6h-76.8a32 32 0 0 1-32-32V332.8a108.8 108.8 0 1 1 108.8 108.8z m-44.8-64h44.8a44.8 44.8 0 1 0-44.8-44.8zM691.2 800a108.928 108.928 0 0 1-108.8-108.8v-76.8a32 32 0 0 1 32-32h76.8a108.8 108.8 0 0 1 0 217.6z m-44.8-153.6v44.8a44.8 44.8 0 1 0 44.8-44.8z",
+    "M640 970.666667H384c-118.186667 0-198.272-25.002667-251.946667-78.72S53.333333 758.186667 53.333333 640V384c0-118.186667 25.002667-198.272 78.72-251.946667S265.813333 53.333333 384 53.333333h256c118.186667 0 198.272 25.002667 251.946667 78.72S970.666667 265.813333 970.666667 384v256c0 118.186667-25.002667 198.272-78.72 251.946667S758.186667 970.666667 640 970.666667z m-256-853.333334c-100.096 0-165.802667 19.2-206.72 59.946667S117.333333 283.904 117.333333 384v256c0 100.096 19.072 165.802667 59.946667 206.72S283.904 906.666667 384 906.666667h256c100.096 0 165.802667-19.072 206.72-59.946667S906.666667 740.096 906.666667 640V384c0-100.096-19.072-165.802667-59.946667-206.72S740.096 117.333333 640 117.333333z"
+  ];
+  function commandIcon(ownerDocument) {
+    const svg = ownerDocument.createElementNS(SVG_NS, "svg");
+    svg.setAttribute("viewBox", "0 0 1024 1024");
+    svg.setAttribute("width", "15");
+    svg.setAttribute("height", "15");
+    svg.setAttribute("fill", "currentColor");
+    svg.setAttribute("aria-hidden", "true");
+    for (const path of COMMAND_ICON_PATHS) {
+      const element = ownerDocument.createElementNS(SVG_NS, "path");
+      element.setAttribute("d", path);
+      svg.append(element);
+    }
+    return svg;
+  }
+  function menuItem(ownerDocument, command, onSelect) {
+    const item = ownerDocument.createElement("button");
+    item.type = "button";
+    item.setAttribute("role", "menuitem");
+    item.setAttribute("data-command-id", command.id);
+    item.setAttribute("aria-label", `${command.invocation} ${command.label}`);
+    item.style.display = "flex";
+    item.style.alignItems = "center";
+    item.style.width = "100%";
+    item.style.minHeight = "38px";
+    item.style.gap = "8px";
+    item.style.padding = "6px 8px";
+    item.style.border = "0";
+    item.style.borderRadius = "6px";
+    item.style.background = "transparent";
+    item.style.color = "inherit";
+    item.style.textAlign = "left";
+    item.style.cursor = "pointer";
+    const updateHighlight = (active) => {
+      item.style.background = active ? "rgba(127, 127, 127, 0.12)" : "transparent";
+    };
+    item.addEventListener("pointerenter", () => updateHighlight(true));
+    item.addEventListener("pointerleave", () => updateHighlight(false));
+    item.addEventListener("focus", () => updateHighlight(true));
+    item.addEventListener("blur", () => updateHighlight(false));
+    item.addEventListener("click", onSelect);
+    const copy = ownerDocument.createElement("span");
+    copy.style.display = "flex";
+    copy.style.flexDirection = "column";
+    copy.style.minWidth = "0";
+    copy.style.flex = "1 1 auto";
+    const title = ownerDocument.createElement("span");
+    title.textContent = command.invocation;
+    title.style.font = "600 13px/18px system-ui, sans-serif";
+    title.style.whiteSpace = "nowrap";
+    const description = ownerDocument.createElement("span");
+    description.textContent = command.description ?? command.label;
+    description.style.overflow = "hidden";
+    description.style.color = "rgba(127, 127, 127, 0.9)";
+    description.style.font = "400 11px/16px system-ui, sans-serif";
+    description.style.textOverflow = "ellipsis";
+    description.style.whiteSpace = "nowrap";
+    const hint = ownerDocument.createElement("span");
+    hint.textContent = command.argumentMode === "text" ? "Text" : "\u21B5";
+    hint.style.flex = "0 0 auto";
+    hint.style.color = "rgba(127, 127, 127, 0.75)";
+    hint.style.font = "400 11px/16px ui-monospace, SFMono-Regular, Menlo, monospace";
+    copy.append(title, description);
+    item.append(copy, hint);
+    return item;
+  }
+  function clamp(value, minimum, maximum) {
+    return Math.max(minimum, Math.min(value, maximum));
+  }
+  function setButtonClass(button) {
+    button.style.display = "inline-flex";
+    button.style.alignItems = "center";
+    button.style.justifyContent = "center";
+    button.style.gap = "0";
+    button.style.width = "28px";
+    button.style.height = "28px";
+    button.style.padding = "0";
+    button.style.border = "0";
+    button.style.borderRadius = "8px";
+    button.style.background = "transparent";
+    button.style.color = "inherit";
+    button.style.cursor = "pointer";
+    button.style.whiteSpace = "nowrap";
+  }
+  function mountRendererHarnessCommandControl(parent, insertBefore, onCommandSelected) {
+    const ownerDocument = parent.ownerDocument;
+    const root = ownerDocument.createElement("div");
+    root.setAttribute(CONTROL_ATTRIBUTE2, "true");
+    root.style.display = "inline-flex";
+    root.style.alignItems = "center";
+    root.style.minWidth = "0";
+    const trigger = ownerDocument.createElement("button");
+    trigger.type = "button";
+    trigger.setAttribute("aria-haspopup", "menu");
+    trigger.setAttribute("aria-expanded", "false");
+    trigger.setAttribute("aria-label", "Harness commands");
+    trigger.title = "Harness commands";
+    setButtonClass(trigger);
+    trigger.append(commandIcon(ownerDocument));
+    root.append(trigger);
+    const menu = ownerDocument.createElement("div");
+    menu.setAttribute(MENU_ATTRIBUTE, "true");
+    menu.setAttribute("role", "menu");
+    menu.setAttribute("aria-label", "Harness commands");
+    menu.hidden = true;
+    menu.style.position = "fixed";
+    menu.style.inset = "auto";
+    menu.style.zIndex = "2147483647";
+    menu.style.width = `${MENU_WIDTH}px`;
+    menu.style.maxWidth = `calc(100vw - ${VIEWPORT_MARGIN * 2}px)`;
+    menu.style.maxHeight = "min(360px, calc(100vh - 16px))";
+    menu.style.overflowY = "auto";
+    menu.style.padding = "4px";
+    menu.style.border = "1px solid rgba(127, 127, 127, 0.24)";
+    menu.style.borderRadius = "10px";
+    menu.style.background = "Canvas";
+    menu.style.color = "CanvasText";
+    menu.style.boxShadow = "0 12px 32px rgba(0, 0, 0, 0.22)";
+    ownerDocument.body.append(menu);
+    if (insertBefore?.parentElement === parent) parent.insertBefore(root, insertBefore);
+    else parent.append(root);
+    let commands = [];
+    let items = [];
+    let activeIndex = 0;
+    let executingCommandId = null;
+    let triggerHovered = false;
+    let disposed = false;
+    const positionMenu2 = () => {
+      const rect = trigger.getBoundingClientRect();
+      const menuHeight = menu.getBoundingClientRect().height;
+      const opensAbove = rect.top >= menuHeight + MENU_GAP2 + VIEWPORT_MARGIN;
+      const left = clamp(
+        rect.left,
+        VIEWPORT_MARGIN,
+        window.innerWidth - MENU_WIDTH - VIEWPORT_MARGIN
+      );
+      menu.style.left = `${left}px`;
+      menu.style.top = opensAbove ? `${Math.max(VIEWPORT_MARGIN, rect.top - menuHeight - MENU_GAP2)}px` : `${Math.min(window.innerHeight - menuHeight - VIEWPORT_MARGIN, rect.bottom + MENU_GAP2)}px`;
+    };
+    const focusActive = () => {
+      const item = items[activeIndex];
+      if (!item || item.disabled) return;
+      item.focus();
+      item.scrollIntoView({ block: "nearest" });
+    };
+    const syncTriggerBackground = () => {
+      trigger.style.background = !trigger.disabled && (triggerHovered || !menu.hidden) ? "rgba(127, 127, 127, 0.16)" : "transparent";
+    };
+    const close = () => {
+      menu.hidden = true;
+      trigger.setAttribute("aria-expanded", "false");
+      syncTriggerBackground();
+    };
+    const open = (shouldFocus = true) => {
+      if (commands.length === 0 || executingCommandId !== null) return;
+      menu.hidden = false;
+      positionMenu2();
+      trigger.setAttribute("aria-expanded", "true");
+      syncTriggerBackground();
+      if (shouldFocus) queueMicrotask(focusActive);
+    };
+    let closeTimer = null;
+    const cancelClose = () => {
+      if (closeTimer === null) return;
+      window.clearTimeout(closeTimer);
+      closeTimer = null;
+    };
+    const scheduleClose = () => {
+      cancelClose();
+      closeTimer = window.setTimeout(() => {
+        closeTimer = null;
+        if (!trigger.matches(":hover") && !menu.matches(":hover")) close();
+      }, 140);
+    };
+    const select = (command) => {
+      close();
+      onCommandSelected(command);
+    };
+    const renderItems = () => {
+      menu.replaceChildren();
+      const header = ownerDocument.createElement("div");
+      header.textContent = "Commands";
+      header.style.padding = "5px 8px 4px";
+      header.style.color = "rgba(127, 127, 127, 0.75)";
+      header.style.font = "600 11px/16px system-ui, sans-serif";
+      menu.append(header);
+      items = commands.map((command) => menuItem(ownerDocument, command, () => select(command)));
+      menu.append(...items);
+      activeIndex = Math.min(activeIndex, Math.max(0, items.length - 1));
+      if (executingCommandId !== null) {
+        for (const item of items) {
+          const isExecuting = item.dataset.commandId === executingCommandId;
+          item.disabled = true;
+          item.style.opacity = isExecuting ? "1" : "0.5";
+          if (isExecuting) item.setAttribute("aria-busy", "true");
+        }
+      }
+    };
+    const onTriggerKeyDown = (event) => {
+      if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        open();
+      }
+    };
+    const onMenuKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+        trigger.focus();
+        return;
+      }
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        const delta = event.key === "ArrowDown" ? 1 : -1;
+        activeIndex = (activeIndex + delta + items.length) % items.length;
+        focusActive();
+        return;
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        items[activeIndex]?.click();
+      }
+    };
+    const onDocumentPointerDown = (event) => {
+      if (!menu.hidden && !root.contains(event.target) && !menu.contains(event.target)) {
+        close();
+      }
+    };
+    const onViewportChange = () => {
+      if (!menu.hidden) positionMenu2();
+    };
+    trigger.addEventListener("click", () => {
+      cancelClose();
+      open(true);
+    });
+    trigger.addEventListener("pointerenter", () => {
+      triggerHovered = true;
+      syncTriggerBackground();
+      cancelClose();
+      if (menu.hidden) open(false);
+    });
+    trigger.addEventListener("pointerleave", () => {
+      triggerHovered = false;
+      syncTriggerBackground();
+      scheduleClose();
+    });
+    trigger.addEventListener("keydown", onTriggerKeyDown);
+    menu.addEventListener("pointerenter", cancelClose);
+    menu.addEventListener("pointerleave", scheduleClose);
+    menu.addEventListener("keydown", onMenuKeyDown);
+    ownerDocument.addEventListener("pointerdown", onDocumentPointerDown, true);
+    ownerDocument.defaultView?.addEventListener("resize", onViewportChange);
+    ownerDocument.defaultView?.addEventListener("scroll", onViewportChange, true);
+    const control = {
+      root,
+      trigger,
+      menu,
+      placeBefore(reference) {
+        if (!reference?.parentElement) return false;
+        if (root.parentElement === reference.parentElement && root.nextElementSibling === reference) {
+          return true;
+        }
+        reference.parentElement.insertBefore(root, reference);
+        return true;
+      },
+      setCommands(nextCommands) {
+        commands = [...nextCommands];
+        root.hidden = commands.length === 0;
+        if (commands.length === 0) close();
+        renderItems();
+      },
+      setExecuting(commandId) {
+        executingCommandId = commandId;
+        for (const item of items) {
+          const isExecuting = item.dataset.commandId === commandId;
+          item.disabled = commandId !== null;
+          item.style.opacity = commandId !== null && !isExecuting ? "0.5" : "1";
+          if (isExecuting) item.setAttribute("aria-busy", "true");
+          else item.removeAttribute("aria-busy");
+        }
+        trigger.disabled = commandId !== null;
+        trigger.style.opacity = commandId !== null ? "0.65" : "1";
+        syncTriggerBackground();
+      },
+      close,
+      dispose() {
+        if (disposed) return;
+        disposed = true;
+        cancelClose();
+        close();
+        ownerDocument.removeEventListener("pointerdown", onDocumentPointerDown, true);
+        ownerDocument.defaultView?.removeEventListener("resize", onViewportChange);
+        ownerDocument.defaultView?.removeEventListener("scroll", onViewportChange, true);
+        trigger.removeEventListener("keydown", onTriggerKeyDown);
+        menu.removeEventListener("pointerenter", cancelClose);
+        menu.removeEventListener("pointerleave", scheduleClose);
+        menu.removeEventListener("keydown", onMenuKeyDown);
+        menu.remove();
+        root.remove();
+      }
+    };
+    root.hidden = true;
+    return control;
+  }
+
   // src/renderer-composer-dom.ts
   var CODEX_COMPOSER_SELECTOR = "[data-codex-composer-root]";
   var EDITOR_SELECTOR = 'textarea, [contenteditable="true"], [role="textbox"]';
@@ -16935,23 +17543,86 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     if (target instanceof Element) return target;
     return target instanceof Node ? target.parentElement : null;
   }
+  function controlDescription(element) {
+    const typed = element;
+    const read = (name) => typeof element.getAttribute === "function" ? element.getAttribute(name) : null;
+    return [typed.type, read("aria-label"), read("title"), read("data-testid")].filter((value) => typeof value === "string").join(" ").toLowerCase();
+  }
   function buttonText(button) {
-    return [
-      button.type,
-      button.getAttribute("aria-label"),
-      button.getAttribute("title"),
-      button.getAttribute("data-testid")
-    ].filter((value) => typeof value === "string").join(" ").toLowerCase();
+    return controlDescription(button);
+  }
+  function isOwnedRendererControl(element) {
+    return element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-codexhost-model-control") || element.hasAttribute("data-codexhost-permission-mode-control") || element.hasAttribute("data-codexhost-usage-control") || element.hasAttribute("data-codexhost-credits-control") || element.hasAttribute("data-codexhost-harness-command-control");
   }
   function isComposerSubmitButton(button) {
     if (button.type === "submit") return true;
     return /(^|\s)(send|submit|发送|提交)(\s|$)/u.test(buttonText(button));
   }
+  var VOICE_CONTROL_PATTERN = /(dictat|microphone|speech(?:[-_\s]?to[-_\s]?text)?|voice[-_\s]?input|(^|\s)voice(\s|$)|composer[-_](?:speech|dictat|mic)|语音|听写|麦克风|pause|暂停|stop recording|stop dictation|停止录音|停止听写|(^|\s)stop(\s|$))/iu;
+  var CANCEL_CONTROL_PATTERN = /(cancel|discard|close|dismiss|取消|关闭|丢弃)/iu;
+  var ATTACH_CONTROL_PATTERN = /(add files|attach files|attach file|attachment|composer[-_]attach|添加文件|附件)/iu;
+  var TRAILING_ACTION_WALK_DEPTH = 3;
+  function isComposerCancelButton(element) {
+    if (isOwnedRendererControl(element)) return false;
+    return CANCEL_CONTROL_PATTERN.test(controlDescription(element));
+  }
+  function isComposerVoiceButton(element) {
+    if (isOwnedRendererControl(element) || isComposerCancelButton(element)) return false;
+    const description = controlDescription(element);
+    if (/(^|\s)(send|submit|发送|提交)(\s|$)/u.test(description)) return false;
+    return VOICE_CONTROL_PATTERN.test(description);
+  }
+  function isComposerAttachButton(element) {
+    if (isOwnedRendererControl(element)) return false;
+    return ATTACH_CONTROL_PATTERN.test(controlDescription(element));
+  }
+  function isComposerTrailingActionButton(element) {
+    return isComposerVoiceButton(element) || isComposerSubmitButton(element);
+  }
+  function isTrailingActionNode(element) {
+    if (isComposerCancelButton(element)) return false;
+    if (isComposerTrailingActionButton(element)) return true;
+    if (typeof element.querySelectorAll !== "function") return false;
+    const buttons = [...element.querySelectorAll("button")];
+    return buttons.length > 0 && buttons.every((button) => isComposerTrailingActionButton(button));
+  }
+  function attachControlWithin(root) {
+    if (isComposerAttachButton(root)) return root;
+    if (typeof root.querySelectorAll !== "function") return null;
+    const matches = [
+      ...root.querySelectorAll("button, [aria-label], [title], [data-testid]")
+    ].filter(isComposerAttachButton);
+    return matches.length === 1 ? matches[0] ?? null : null;
+  }
   function sendButtonWithin(root) {
     return [...root.querySelectorAll("button")].find(
       (button) => isComposerSubmitButton(button)
     ) ?? null;
   }
+  function leftmostTrailingSibling(container, before) {
+    for (const child of container.children) {
+      if (child === before) break;
+      if (typeof child.hasAttribute !== "function") continue;
+      const element = child;
+      if (isOwnedRendererControl(element) || isComposerCancelButton(element)) continue;
+      if (isTrailingActionNode(element)) return element;
+    }
+    return null;
+  }
+  function trailingActionAnchor(sendButton) {
+    let container = sendButton.parentElement;
+    let before = sendButton;
+    for (let depth = 0; container && depth < TRAILING_ACTION_WALK_DEPTH; depth += 1) {
+      if (typeof container.matches === "function" && container.matches(CODEX_COMPOSER_SELECTOR)) {
+        break;
+      }
+      const candidate = leftmostTrailingSibling(container, before);
+      if (candidate) return candidate;
+      before = container;
+      container = container.parentElement;
+    }
+    return sendButton;
+  }
   function editorForElement(element) {
     return element.matches(EDITOR_SELECTOR) ? element : element.closest(EDITOR_SELECTOR);
   }
@@ -17097,7 +17768,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     for (const child of parent.children) {
       if (typeof child.hasAttribute !== "function") continue;
       const element = child;
-      if (element.hasAttribute("data-codexhost-credits-control")) continue;
+      if (element.hasAttribute("data-codexhost-credits-control") || element.hasAttribute("data-codexhost-harness-command-control") || isTrailingActionNode(element)) {
+        continue;
+      }
       return element;
     }
     return null;
@@ -17108,12 +17781,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const parent = current.parentElement;
       if (!parent) break;
       const first = firstMaterialChild(parent);
-      if (first && first !== current && !first.contains(usageRoot)) return first;
+      if (first && first !== current && !first.contains(usageRoot)) {
+        return attachControlWithin(first) ?? first;
+      }
       if (parent === composer) break;
       current = parent;
     }
     return null;
   }
+  function refreshTrailingClusterPlacement(control) {
+    const sendButton = control.sendButton;
+    const modelRoot = control.modelPicker?.root;
+    const agentRoot = control.root ?? control.picker?.root;
+    if (!sendButton || !modelRoot || !agentRoot) return;
+    const anchor = trailingActionAnchor(sendButton);
+    const parent = anchor.parentElement;
+    if (!parent || typeof parent.insertBefore !== "function") return;
+    if (modelRoot.parentElement === parent && agentRoot.parentElement === parent && modelRoot.nextElementSibling === agentRoot && agentRoot.nextElementSibling === anchor) {
+      return;
+    }
+    parent.insertBefore(modelRoot, anchor);
+    parent.insertBefore(agentRoot, anchor);
+  }
   function refreshUsagePlacement(control) {
     const anchor = usagePlacementAnchor(control);
     if (!anchor) {
@@ -17123,7 +17812,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       control.credits.anchor = null;
       return;
     }
+    const previousUsageParent = control.usage.root.parentElement;
+    const previousUsageNextSibling = control.usage.root.nextElementSibling;
     control.usage.place(anchor);
+    const usagePositionChanged = previousUsageParent !== control.usage.root.parentElement || previousUsageNextSibling !== control.usage.root.nextElementSibling;
+    if (usagePositionChanged) control.harnessCommands?.placeBefore(control.usage.root);
     const leading = creditsPlacementAnchor(control.composer, control.usage.root);
     if (!leading) {
       if (control.credits.anchor) control.credits.root.remove();
@@ -17162,12 +17855,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   function reconcileComposerNativeControls(control, hideModel, hidePermissionMode) {
     refreshNativeModelControl(control);
+    refreshTrailingClusterPlacement(control);
     refreshUsagePlacement(control);
     refreshNativePermissionModeControl(control);
     setNativeControlHidden(control.nativeModelControl, hideModel);
     setNativeControlHidden(control.nativePermissionModeControl, hidePermissionMode);
   }
-  function mountComposerAgentControl(composer, composerId, sendButton, enabledAgents, onSelect, onDownload, onSelectModel, onSelectThinking, onSelectPermissionMode) {
+  function mountComposerAgentControl(composer, composerId, sendButton, enabledAgents, onSelect, onDownload, onSelectModel, onSelectThinking, onSelectPermissionMode, onSelectCommand) {
     const nativeModelControl = captureNativeControl(nativeModelControlForComposer(composer));
     const semanticNativePermissionModeControl = semanticNativePermissionModeControlForComposer(composer);
     const nativePermissionModeControl = captureNativeControl(semanticNativePermissionModeControl);
@@ -17186,19 +17880,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     );
     const usage = mountRendererUsageControl(composerId, nativeModelControl?.element.className);
     const credits = mountRendererCreditsControl(composerId, nativeModelControl?.element.className);
+    const toolbar = sendButton.parentElement;
+    const harnessCommands = mountRendererHarnessCommandControl(
+      toolbar ?? composer,
+      trailingActionAnchor(sendButton),
+      onSelectCommand
+    );
     const permissionParent = nativePermissionModeControl?.element.parentElement;
     if (permissionParent && nativePermissionModeControl && nativePermissionModeControlVerified) {
       permissionParent.insertBefore(permissionModePicker.root, nativePermissionModeControl.element);
     } else {
       composer.append(permissionModePicker.root);
     }
-    const toolbar = sendButton.parentElement;
-    if (toolbar) {
-      toolbar.insertBefore(modelPicker.root, sendButton);
-      toolbar.insertBefore(picker.root, sendButton);
-    } else {
-      composer.append(modelPicker.root, picker.root);
-    }
+    if (!toolbar) composer.append(modelPicker.root, picker.root);
     const control = {
       composer,
       root: picker.root,
@@ -17210,9 +17904,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       nativePermissionModeControlVerified,
       credits,
       usage,
+      harnessCommands,
       sendButton,
       sendDisabledBeforeSwitch: null
     };
+    refreshTrailingClusterPlacement(control);
     refreshUsagePlacement(control);
     return control;
   }
@@ -17264,6 +17960,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     restoreNativeControl(control.nativePermissionModeControl);
     control.credits.dispose();
     control.usage.dispose();
+    control.harnessCommands.dispose();
     control.permissionModePicker.dispose();
     control.modelPicker.dispose();
     control.picker.dispose();
@@ -17701,6 +18398,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var HARNESS_INSPECT_METHOD = "codexhost/harness/inspect";
   var THREAD_FORK_METHOD = "codexhost/thread/fork";
   var THREAD_INSPECT_METHOD = "codexhost/thread/inspect";
+  var THREAD_COMMANDS_INSPECT_METHOD = "codexhost/thread/commands/inspect";
+  var THREAD_COMMAND_EXECUTE_METHOD = "codexhost/thread/command/execute";
   var THREAD_MODEL_SELECT_METHOD = "codexhost/thread/model/select";
   var THREAD_THINKING_SELECT_METHOD = "codexhost/thread/thinking/select";
   var THREAD_PERMISSION_MODE_SELECT_METHOD = "codexhost/thread/permission-mode/select";
@@ -17722,6 +18421,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const parsed = hostThreadIdSchema.safeParse(params.threadId);
     return parsed.success ? parsed.data : null;
   }
+  function usageNotificationTarget(manager) {
+    if (typeof manager.addNotificationCallback === "function") return manager;
+    const nested = manager.requestClient;
+    return nested && typeof nested.addNotificationCallback === "function" ? nested : null;
+  }
   function createThreadUsageSubscriptionRelay() {
     const listeners = /* @__PURE__ */ new Set();
     let removeNotificationCallback = null;
@@ -17763,6 +18467,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const result = await manager.sendRequest(HARNESS_INSPECT_METHOD, params);
       return harnessInspectionSchema.parse(result);
     };
+    const inspectThreadCommands = async (input) => {
+      const params = threadCommandsInspectParamsSchema.parse(input);
+      const result = await manager.sendRequest(THREAD_COMMANDS_INSPECT_METHOD, params);
+      return harnessCommandCatalogSchema.parse(result);
+    };
+    const executeThreadCommand = async (input) => {
+      const params = threadCommandExecuteParamsSchema.parse(input);
+      const result = await manager.sendRequest(THREAD_COMMAND_EXECUTE_METHOD, params);
+      return threadCommandExecuteResultSchema.parse(result);
+    };
     const inspectThreadUsage = async (input) => {
       const params = threadUsageInspectionParamsSchema.parse(input);
       const result = await manager.sendRequest(THREAD_USAGE_INSPECT_METHOD, params);
@@ -17795,6 +18509,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         const result = await manager.sendRequest(THREAD_INSPECT_METHOD, params);
         return threadInspectionSchema.parse(result);
       },
+      inspectThreadCommands,
+      executeThreadCommand,
       async listThreadOwnership(input) {
         const params = threadOwnershipListParamsSchema.parse(input);
         const value = await manager.sendRequest(THREAD_OWNERSHIP_LIST_METHOD, params);
@@ -17806,10 +18522,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       },
       inspectThreadUsage,
       subscribeThreadUsage(listener) {
-        if (typeof manager.addNotificationCallback !== "function") return () => void 0;
+        const notifications = usageNotificationTarget(manager);
+        if (!notifications?.addNotificationCallback) {
+          throw new Error("Renderer Usage notification callback is unavailable");
+        }
         let disposed = false;
         const generations = /* @__PURE__ */ new Map();
-        const removeNotificationCallback = manager.addNotificationCallback(
+        const removeNotificationCallback = notifications.addNotificationCallback(
           THREAD_TOKEN_USAGE_UPDATED_METHOD,
           (notification) => {
             const threadId = notifiedThreadId(notification);
@@ -17910,28 +18629,38 @@ 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) {
+  function grokTransportModelId(model, permissionModeId, thinkingOptionId) {
     if (!model) {
-      if (thinkingOptionId) throw new Error("Grok transport Thinking requires a Model Ref");
+      if (permissionModeId || thinkingOptionId) {
+        throw new Error("Grok transport configuration requires a Model Ref");
+      }
       return GROK_TRANSPORT_MODEL_ID;
     }
     const parsedModel = harnessModelRefSchema.parse(model);
+    const parsedPermissionMode = permissionModeId ? harnessPermissionModeIdSchema.parse(permissionModeId) : void 0;
     const parsedThinking = thinkingOptionId ? harnessThinkingOptionIdSchema.parse(thinkingOptionId) : void 0;
-    return `${GROK_TRANSPORT_MODEL_PREFIX}${parsedModel.id}${parsedThinking ? `@@${parsedThinking}` : ""}`;
+    if (parsedThinking) {
+      return `${GROK_TRANSPORT_MODEL_PREFIX}${parsedModel.id}@${parsedPermissionMode ?? ""}@${parsedThinking}`;
+    }
+    return `${GROK_TRANSPORT_MODEL_PREFIX}${parsedModel.id}${parsedPermissionMode ? `@${parsedPermissionMode}` : ""}`;
   }
   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;
+    if (components.length < 1 || components.length > 3) return null;
+    const [modelId, permissionModeId, thinkingOptionId] = components;
+    if (components.length === 2 && !permissionModeId) return null;
+    if (components.length === 3 && !thinkingOptionId) return null;
     const model = harnessModelRefSchema.safeParse({ id: modelId });
     if (!model.success) return null;
+    const permissionMode = permissionModeId ? harnessPermissionModeIdSchema.safeParse(permissionModeId) : null;
+    if (permissionMode && !permissionMode.success) return null;
     const thinking = thinkingOptionId ? harnessThinkingOptionIdSchema.safeParse(thinkingOptionId) : null;
     if (thinking && !thinking.success) return null;
     return {
       model: model.data,
+      ...permissionMode?.success ? { permissionModeId: permissionMode.data } : {},
       ...thinking?.success ? { thinkingOptionId: thinking.data } : {}
     };
   }
@@ -17971,14 +18700,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     return model.success ? { model: model.data } : null;
   }
-  function isPiTransportModelId(value) {
-    if (value === PI_TRANSPORT_MODEL_ID) return true;
-    if (typeof value !== "string" || !value.startsWith(PI_TRANSPORT_MODEL_PREFIX)) return false;
+  function decodePiTransportModelId(value) {
+    if (value === PI_TRANSPORT_MODEL_ID) return {};
+    if (typeof value !== "string" || !value.startsWith(PI_TRANSPORT_MODEL_PREFIX)) return null;
     const components = value.slice(PI_TRANSPORT_MODEL_PREFIX.length).split("@");
-    if (components.length < 1 || components.length > 2) return false;
+    if (components.length < 1 || components.length > 2) return null;
     const [modelId, thinkingOptionId] = components;
-    if (!harnessModelRefSchema.safeParse({ id: modelId }).success) return false;
-    return components.length === 1 || thinkingOptionId !== void 0 && harnessThinkingOptionIdSchema.safeParse(thinkingOptionId).success;
+    if (components.length === 2 && !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 threadIdFromComposerModelTarget(target) {
     if (target?.[0] !== "conversation" || typeof target[1] !== "string" || target[1].trim().length === 0) {
@@ -17996,7 +18732,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   function matchesCurrentPrewarmSignature(target) {
     const bridge = target.requestClient ?? target;
-    const stableApiShape = bridge.hostId === "local" && typeof bridge.sendRequest === "function" && typeof bridge.prewarmThreadStart === "function" && typeof bridge.enqueueRequest === "function";
+    const stableApiShape = typeof bridge.hostId === "string" && bridge.hostId.length > 0 && typeof bridge.sendRequest === "function" && typeof bridge.prewarmThreadStart === "function" && typeof bridge.enqueueRequest === "function";
     if (stableApiShape) return true;
     const prewarm = target.prewarmThreadStart ?? target.requestClient?.prewarmThreadStart;
     if (!prewarm) return false;
@@ -18034,7 +18770,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           if (isActiveRequestManager(hookState) && matchesCurrentPrewarmSignature(hookState)) {
             targets.add(hookState);
           } else if (hasPrewarmMethod(requestClient) && matchesCurrentPrewarmSignature(requestClient)) {
-            targets.add(requestClient);
+            targets.add(typeof hookState.sendRequest === "function" ? hookState : requestClient);
           }
         }
         hook = typeof hook.next === "object" && hook.next !== null ? hook.next : null;
@@ -18087,10 +18823,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       return false;
     }
   }
-  function findComposerModelTarget(composer) {
-    const conversationThreadId = findComposerConversationThreadId(composer);
-    if (conversationThreadId === null) return null;
-    if (conversationThreadId !== void 0) return ["conversation", conversationThreadId];
+  function findComposerDomIdentity(composer) {
+    const children = Array.from(composer.children ?? []);
+    const portals = children.filter((child) => child.hasAttribute("data-above-composer-portal"));
+    if (portals.length === 0) return { kind: "unsupported" };
+    if (portals.length !== 1) return { kind: "ambiguous" };
+    const value = portals[0]?.getAttribute("data-above-composer-conversation-id");
+    if (value === null) return { kind: "draft" };
+    const candidate = hostThreadIdSchema.safeParse(value);
+    return candidate.success ? { kind: "conversation", threadId: candidate.data } : { kind: "ambiguous" };
+  }
+  function findComposerDraftIds(composer) {
     const draftIds = /* @__PURE__ */ new Set();
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
@@ -18105,6 +18848,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const parent = fiber.return;
       fiber = (typeof parent === "object" || typeof parent === "function") && parent !== null ? parent : null;
     }
+    return draftIds;
+  }
+  function findComposerModelTarget(composer) {
+    const draftIds = findComposerDraftIds(composer);
+    const domIdentity = findComposerDomIdentity(composer);
+    if (domIdentity.kind === "ambiguous") return null;
+    if (domIdentity.kind === "conversation") {
+      return ["conversation", domIdentity.threadId];
+    }
+    if (domIdentity.kind === "draft") {
+      return draftIds.size === 1 ? ["default", draftIds.values().next().value] : null;
+    }
+    const conversationThreadId = findComposerConversationThreadId(composer);
+    if (conversationThreadId === null) return null;
+    if (conversationThreadId !== void 0) return ["conversation", conversationThreadId];
     if (draftIds.size !== 1) return null;
     return ["default", draftIds.values().next().value];
   }
@@ -18112,7 +18870,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return isRecord5(value) && value.state === "ready";
   }
   function isDraftPrewarmPolicyReady(value) {
-    return isRecord5(value) && value.state === "ready" && typeof value.select === "function" && typeof value.clear === "function";
+    return isRecord5(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
+  }
+  function activeRendererDraftPrewarmTargets(policy, targets) {
+    if (!isDraftPrewarmPolicyReady(policy)) return null;
+    const activeTargets = targets.filter((target) => {
+      const bridge = target.requestClient ?? target;
+      return (target.getHostId?.() ?? bridge.hostId) === policy.hostId;
+    });
+    return activeTargets.length === 1 ? activeTargets : null;
+  }
+  function resolveRendererRequestRoute(policy, discoveredTargets, previous) {
+    const activeTargets = activeRendererDraftPrewarmTargets(policy, discoveredTargets);
+    if (isDraftPrewarmPolicyReady(policy) && activeTargets) {
+      return { policy, targets: activeTargets };
+    }
+    return discoveredTargets.length === 0 && isDraftPrewarmPolicyReady(policy) && previous?.policy === policy ? previous : null;
+  }
+  function createRendererRequestRouteResolver(readPolicy, discoverTargets) {
+    let route = null;
+    return {
+      resolve() {
+        route = resolveRendererRequestRoute(readPolicy(), discoverTargets(), route);
+        return route;
+      },
+      clear() {
+        route = null;
+      }
+    };
   }
   async function waitForRendererDraftPrewarmPolicy(target) {
     const deadline = Date.now() + DRAFT_PREWARM_POLICY_WAIT_TIMEOUT_MS;
@@ -18127,7 +18912,7 @@ 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) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model) : agent === "grok" ? grokTransportModelId(model, 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, permissionModeId, thinkingOptionId) : transportModelIdForAgent(agent);
     return transportModelId ? { model: transportModelId, reasoningEffort } : officialSelection;
   }
   function installCurrentRendererAdapter() {
@@ -18153,8 +18938,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     });
     const usageSubscription = createThreadUsageSubscriptionRelay();
+    const requestRouteResolver = createRendererRequestRouteResolver(
+      () => window.__codexhostDraftPrewarmPolicyV1,
+      () => findActivePrewarmTargets(document)
+    );
+    const currentRequestRoute = () => requestRouteResolver.resolve();
     const currentModelClient = () => {
-      const client = createRendererModelClient(findActivePrewarmTargets(document));
+      const client = createRendererModelClient(currentRequestRoute()?.targets ?? []);
       if (!client) throw new Error("Renderer Model request manager is unavailable");
       usageSubscription.connect(client);
       return client;
@@ -18163,6 +18953,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       forkThread: (input) => currentModelClient().forkThread(input),
       inspectHarness: (input) => currentModelClient().inspectHarness(input),
       inspectThread: (input) => currentModelClient().inspectThread(input),
+      inspectThreadCommands: (input) => currentModelClient().inspectThreadCommands(input),
+      executeThreadCommand: (input) => currentModelClient().executeThreadCommand(input),
       inspectThreadUsage: (input) => currentModelClient().inspectThreadUsage(input),
       subscribeThreadUsage: (listener) => usageSubscription.subscribe(listener),
       listThreadOwnership: (input) => currentModelClient().listThreadOwnership(input),
@@ -18188,10 +18980,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     let routingPolicy = null;
     let policyTimer = null;
+    let desiredCarrier = null;
     const captureRoutingPolicy = () => {
-      const discovered = window.__codexhostDraftPrewarmPolicyV1;
-      if (!isDraftPrewarmPolicyReady(discovered)) return false;
-      routingPolicy = discovered;
+      const route = currentRequestRoute();
+      if (!route) return false;
+      routingPolicy = route.policy;
+      routingPolicy.select(desiredCarrier);
       if (policyTimer !== null) {
         window.clearInterval(policyTimer);
         policyTimer = null;
@@ -18203,8 +18997,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       updateStatus("installing", "draft-routing-policy-unavailable", null);
       policyTimer = window.setInterval(captureRoutingPolicy, DRAFT_PREWARM_POLICY_POLL_INTERVAL_MS);
     }
+    const handleRoutingPolicyChange = () => {
+      captureRoutingPolicy();
+    };
+    window.addEventListener("codexhost:draft-prewarm-policy-changed", handleRoutingPolicyChange);
     const applyAgent = (agent, model, thinkingOptionId, permissionModeId) => {
-      if (disposed || routingPolicy === null) return false;
+      if (disposed) return false;
       const selection = modelSelectionForAgent(
         null,
         null,
@@ -18215,7 +19013,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       );
       const carrier = selection?.model;
       if (carrier !== null && carrier !== void 0 && typeof carrier !== "string") return false;
-      if (routingPolicy.select(carrier ?? null)) {
+      desiredCarrier = carrier ?? null;
+      const route = currentRequestRoute();
+      if (!route) return false;
+      routingPolicy = route.policy;
+      if (route.policy.select(desiredCarrier)) {
         modelUpdates += 1;
         liveStatus.modelUpdates = modelUpdates;
       }
@@ -18229,8 +19031,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (disposed) return;
         disposed = true;
         if (policyTimer !== null) window.clearInterval(policyTimer);
+        window.removeEventListener(
+          "codexhost:draft-prewarm-policy-changed",
+          handleRoutingPolicyChange
+        );
         routingPolicy?.select(null);
         routingPolicy = null;
+        requestRouteResolver.clear();
         forkControl.dispose();
         usageSubscription.dispose();
       }
@@ -18282,9 +19089,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const model = harnessModelRefSchema.safeParse(value.model);
     if (!model.success) return void 0;
     const thinkingOptionId = harnessThinkingOptionIdSchema.safeParse(value.thinkingOptionId);
+    const permissionModeId = harnessPermissionModeIdSchema.safeParse(value.permissionModeId);
     return {
       model: model.data,
-      ...thinkingOptionId.success ? { thinkingOptionId: thinkingOptionId.data } : {}
+      ...thinkingOptionId.success ? { thinkingOptionId: thinkingOptionId.data } : {},
+      ...permissionModeId.success ? { permissionModeId: permissionModeId.data } : {}
     };
   }
   function readPreference(storage) {
@@ -18324,15 +19133,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const agent = readPreference(storage)?.lastAgent;
     return agent && enabledAgents.has(agent) ? agent : void 0;
   }
-  function readNewThreadExternalConfigurationPreference(agent, catalog, storage = rendererStorage2()) {
+  function readNewThreadExternalConfigurationPreference(agent, catalog, permissionModes, storage = rendererStorage2()) {
     const preference = readPreference(storage)?.externalByAgent[agent];
     if (!preference) return void 0;
     const catalogModel = catalog.models.find(({ ref }) => ref.id === preference.model.id);
     if (!catalogModel) return void 0;
     const thinkingOptionId = preference.thinkingOptionId && catalogModel.supportedThinkingOptionIds?.includes(preference.thinkingOptionId) ? preference.thinkingOptionId : void 0;
+    const permissionModeId = preference.permissionModeId && permissionModes?.modes.some(({ id }) => id === preference.permissionModeId) ? preference.permissionModeId : void 0;
     return {
       model: catalogModel.ref,
-      ...thinkingOptionId ? { thinkingOptionId } : {}
+      ...thinkingOptionId ? { thinkingOptionId } : {},
+      ...permissionModeId ? { permissionModeId } : {}
     };
   }
   function writeNewThreadAgentPreference(agent, storage = rendererStorage2()) {
@@ -18346,7 +19157,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       storage
     );
   }
-  function writeNewThreadExternalConfigurationPreference(agent, model, thinkingOptionId, storage = rendererStorage2()) {
+  function writeNewThreadExternalConfigurationPreference(agent, model, thinkingOptionId, permissionModeId, storage = rendererStorage2()) {
     const current = readPreference(storage);
     writePreference(
       {
@@ -18356,7 +19167,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           ...current?.externalByAgent,
           [agent]: {
             model: harnessModelRefSchema.parse(model),
-            ...thinkingOptionId ? { thinkingOptionId: harnessThinkingOptionIdSchema.parse(thinkingOptionId) } : {}
+            ...thinkingOptionId ? { thinkingOptionId: harnessThinkingOptionIdSchema.parse(thinkingOptionId) } : {},
+            ...permissionModeId ? { permissionModeId: harnessPermissionModeIdSchema.parse(permissionModeId) } : {}
           }
         }
       },
@@ -18554,6 +19366,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     inDevelopment: "In development",
     notAvailable: "Not available",
     runtimeCapabilityNotInstalled: "This runtime capability is not installed yet.",
+    connectionsDescription: "Inspect the adapter and each Agent runtime used by the picker. Failed checks keep their error details here.",
+    connectionAdapter: "Renderer adapter",
+    connectionReason: "Reason",
+    connectionRefresh: "Run connection diagnostics",
+    connectionRefreshing: "Running diagnostics...",
+    connectionViewDetails: "View details",
+    connectionCopyDetails: "Copy diagnostics",
+    connectionCopyAll: "Copy all diagnostics",
+    connectionCopied: "Copied",
+    connectionCopyFailed: "Copy failed",
+    connectionErrorCode: "Error code",
+    connectionErrorMessage: "Error message",
+    connectionRetryable: "Retryable",
+    connectionFailureStage: "Failure stage",
+    connectionDuration: "Duration",
+    connectionDiagnostic: "Diagnostic",
+    connectionNoRuntime: "The renderer request bridge is not available yet.",
+    connectionStatusReady: "Ready",
+    connectionStatusChecking: "Checking",
+    connectionStatusNotInstalled: "Not installed",
+    connectionStatusUnavailable: "Unavailable",
+    connectionStatusError: "Error",
+    connectionStatusInstalling: "Installing",
+    connectionStatusUnsupported: "Unsupported",
     openSettings: "Open codexhost settings",
     settingsButtonTitle: "codexhost settings",
     settingsUnavailableTitle: "codexhost settings unavailable",
@@ -18598,6 +19434,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     inDevelopment: "\u5F00\u53D1\u4E2D",
     notAvailable: "\u6682\u4E0D\u53EF\u7528",
     runtimeCapabilityNotInstalled: "\u8FD0\u884C\u65F6\u5C1A\u672A\u5B89\u88C5\u8BE5\u9879\u80FD\u529B\uFF0C\u56E0\u6B64\u6682\u4E0D\u53EF\u7528\u3002",
+    connectionsDescription: "\u67E5\u770B\u9002\u914D\u5668\u548C Agent \u8FD0\u884C\u65F6\u7684\u771F\u5B9E\u68C0\u67E5\u7ED3\u679C\u3002\u5931\u8D25\u68C0\u67E5\u4F1A\u4FDD\u7559\u9519\u8BEF\u8BE6\u60C5\uFF0C\u65B9\u4FBF\u6392\u67E5\u65E0\u6CD5\u9009\u62E9\u7684\u95EE\u9898\u3002",
+    connectionAdapter: "Renderer \u9002\u914D\u5668",
+    connectionReason: "\u539F\u56E0",
+    connectionRefresh: "\u91CD\u65B0\u8BCA\u65AD\u8FDE\u63A5",
+    connectionRefreshing: "\u6B63\u5728\u8BCA\u65AD...",
+    connectionViewDetails: "\u67E5\u770B\u8BE6\u60C5",
+    connectionCopyDetails: "\u590D\u5236\u8BCA\u65AD\u4FE1\u606F",
+    connectionCopyAll: "\u590D\u5236\u5168\u90E8\u8BCA\u65AD\u4FE1\u606F",
+    connectionCopied: "\u5DF2\u590D\u5236",
+    connectionCopyFailed: "\u590D\u5236\u5931\u8D25",
+    connectionErrorCode: "\u9519\u8BEF\u7801",
+    connectionErrorMessage: "\u9519\u8BEF\u4FE1\u606F",
+    connectionRetryable: "\u53EF\u91CD\u8BD5",
+    connectionFailureStage: "\u5931\u8D25\u9636\u6BB5",
+    connectionDuration: "\u68C0\u67E5\u8017\u65F6",
+    connectionDiagnostic: "\u8BCA\u65AD\u4FE1\u606F",
+    connectionNoRuntime: "Renderer \u8BF7\u6C42\u6865\u5C1A\u672A\u53EF\u7528\u3002",
+    connectionStatusReady: "\u6B63\u5E38",
+    connectionStatusChecking: "\u68C0\u67E5\u4E2D",
+    connectionStatusNotInstalled: "\u672A\u5B89\u88C5",
+    connectionStatusUnavailable: "\u4E0D\u53EF\u7528",
+    connectionStatusError: "\u9519\u8BEF",
+    connectionStatusInstalling: "\u5B89\u88C5\u4E2D",
+    connectionStatusUnsupported: "\u4E0D\u652F\u6301",
     openSettings: "\u6253\u5F00 codexhost \u8BBE\u7F6E",
     settingsButtonTitle: "codexhost \u8BBE\u7F6E",
     settingsUnavailableTitle: "codexhost \u8BBE\u7F6E\u4E0D\u53EF\u7528",
@@ -18690,6 +19550,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M19.08 19.08A10 10 0 1 1 4.92 4.92" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/copy.mjs
+  var Copy = [
+    ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }],
+    ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/download.mjs
   var Download = [
     ["path", { d: "M12 15V3" }],
@@ -18758,6 +19624,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["circle", { cx: "12", cy: "12", r: "3" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/stethoscope.mjs
+  var Stethoscope = [
+    ["path", { d: "M11 2v2" }],
+    ["path", { d: "M5 2v2" }],
+    ["path", { d: "M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1" }],
+    ["path", { d: "M8 15a6 6 0 0 0 12 0v-3" }],
+    ["circle", { cx: "20", cy: "10", r: "2" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/star.mjs
   var Star = [
     [
@@ -18790,7 +19665,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "updates",
     "external-link",
     "refresh",
-    "unavailable"
+    "unavailable",
+    "diagnose",
+    "copy"
   ];
   var iconNodes = {
     settings: Settings,
@@ -18804,7 +19681,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     updates: Download,
     "external-link": ExternalLink,
     refresh: RefreshCw,
-    unavailable: CircleOff
+    unavailable: CircleOff,
+    diagnose: Stethoscope,
+    copy: Copy
   };
   function isRendererSettingsIconName(value) {
     return RENDERER_SETTINGS_ICON_NAMES.includes(value);
@@ -19186,6 +20065,268 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     });
   }
+  function connectionStatusLabel(availability, messages) {
+    if (availability === "ready") return messages.connectionStatusReady;
+    if (availability === "checking") return messages.connectionStatusChecking;
+    if (availability === "notInstalled") return messages.connectionStatusNotInstalled;
+    if (availability === "unavailable" || availability === "error") {
+      return availability === "error" ? messages.connectionStatusError : messages.connectionStatusUnavailable;
+    }
+    return availability === "installing" ? messages.connectionStatusInstalling : messages.connectionStatusUnsupported;
+  }
+  function connectionStatusTone(availability) {
+    if (availability === "ready") return "ready";
+    if (availability === "checking" || availability === "installing") return "checking";
+    return "failed";
+  }
+  function diagnosticText(name, snapshot) {
+    const error51 = snapshot.error;
+    const lines = [
+      "codexhost connection diagnostics",
+      `agent: ${name}`,
+      `status: ${snapshot.availability}`,
+      ...error51 ? [
+        `error.code: ${error51.code}`,
+        `error.message: ${error51.message}`,
+        `retryable: ${error51.retryable}`,
+        ...error51.stage ? [`stage: ${error51.stage}`] : [],
+        ...error51.durationMs !== void 0 ? [`durationMs: ${error51.durationMs}`] : [],
+        ...error51.diagnostic ? [`diagnostic: ${error51.diagnostic}`] : [],
+        ...error51.stderrTail ? [`stderr:
+${error51.stderrTail}`] : []
+      ] : []
+    ];
+    return lines.join("\n");
+  }
+  function detailLine(document2, label, value) {
+    const line = document2.createElement("div");
+    line.className = "settings-connection-detail-line";
+    const name = document2.createElement("span");
+    name.textContent = label;
+    const content = document2.createElement("code");
+    content.textContent = value;
+    line.append(name, content);
+    return line;
+  }
+  function setCopyButtonLabel(button, label) {
+    button.replaceChildren(createRendererSettingsIcon("copy", 16), label);
+  }
+  function showCopyButtonFeedback(button, label, restoreLabel) {
+    setCopyButtonLabel(button, label);
+    button.ownerDocument.defaultView?.setTimeout(() => {
+      setCopyButtonLabel(button, restoreLabel);
+    }, 2e3);
+  }
+  function copyDiagnosticsToClipboard(document2, button, report, messages, restoreLabel) {
+    const clipboard = document2.defaultView?.navigator.clipboard;
+    if (!clipboard) {
+      showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel);
+      return;
+    }
+    void clipboard.writeText(report).then(
+      () => showCopyButtonFeedback(button, messages.connectionCopied, restoreLabel),
+      () => showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel)
+    );
+  }
+  function appendConnectionRow(document2, parent, name, availability, detail, error51, messages, rowAttribute, diagnosticSnapshot) {
+    const row = document2.createElement("div");
+    row.className = "settings-connection-row";
+    if (rowAttribute) row.dataset.connectionAgent = rowAttribute;
+    const identity = document2.createElement("div");
+    identity.className = "settings-connection-row__identity";
+    const dot = document2.createElement("span");
+    dot.className = "settings-connection-row__dot";
+    dot.dataset.connectionTone = connectionStatusTone(availability);
+    dot.setAttribute("aria-hidden", "true");
+    const label = document2.createElement("strong");
+    label.textContent = name;
+    identity.append(dot, label);
+    const status = document2.createElement("span");
+    status.className = "settings-status-badge";
+    status.dataset.connectionTone = connectionStatusTone(availability);
+    status.textContent = connectionStatusLabel(availability, messages);
+    const detailElement = document2.createElement("div");
+    detailElement.className = "settings-connection-row__detail";
+    const summary = document2.createElement("span");
+    summary.className = "settings-connection-row__reason";
+    summary.textContent = error51 ? `${messages.connectionReason}: ${error51.code}: ${error51.message}` : detail ? `${messages.connectionReason}: ${detail}` : "";
+    detailElement.append(summary);
+    let toggle = null;
+    if (error51) {
+      toggle = document2.createElement("button");
+      toggle.type = "button";
+      toggle.className = "settings-connection-details-toggle";
+      toggle.textContent = messages.connectionViewDetails;
+      toggle.setAttribute("aria-expanded", "true");
+      detailElement.append(toggle);
+    }
+    const details = document2.createElement("div");
+    details.className = "settings-connection-details";
+    details.hidden = !error51;
+    if (error51) {
+      details.append(
+        detailLine(document2, messages.connectionErrorCode, error51.code),
+        detailLine(document2, messages.connectionErrorMessage, error51.message),
+        detailLine(document2, messages.connectionRetryable, String(error51.retryable))
+      );
+      if (error51.stage)
+        details.append(detailLine(document2, messages.connectionFailureStage, error51.stage));
+      if (error51.durationMs !== void 0) {
+        details.append(detailLine(document2, messages.connectionDuration, `${error51.durationMs} ms`));
+      }
+      if (error51.diagnostic)
+        details.append(detailLine(document2, messages.connectionDiagnostic, error51.diagnostic));
+      if (error51.stderrTail) {
+        const stderr = document2.createElement("pre");
+        stderr.className = "settings-connection-stderr";
+        stderr.textContent = error51.stderrTail;
+        details.append(stderr);
+      }
+      const copy = document2.createElement("button");
+      copy.type = "button";
+      copy.className = "settings-command-button settings-command-button--secondary";
+      setCopyButtonLabel(copy, messages.connectionCopyDetails);
+      copy.addEventListener("click", () => {
+        if (!diagnosticSnapshot) return;
+        copyDiagnosticsToClipboard(
+          document2,
+          copy,
+          diagnosticText(name, diagnosticSnapshot),
+          messages,
+          messages.connectionCopyDetails
+        );
+      });
+      details.append(copy);
+    }
+    if (toggle) {
+      toggle.addEventListener("click", () => {
+        details.hidden = !details.hidden;
+        toggle?.setAttribute("aria-expanded", String(!details.hidden));
+      });
+    }
+    row.append(identity, status, detailElement, details);
+    parent.append(row);
+  }
+  function connectionsPage(messages, getDiagnostics) {
+    return Object.freeze({
+      id: "connections",
+      label: messages.pageLabels.connections,
+      icon: "connections",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const heading = document2.createElement("div");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.connections;
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.connectionsDescription;
+        const actions = document2.createElement("div");
+        actions.className = "settings-connection-actions";
+        const refresh = document2.createElement("button");
+        refresh.type = "button";
+        refresh.className = "settings-command-button settings-command-button--secondary";
+        refresh.dataset.connectionAction = "refresh";
+        refresh.append(createRendererSettingsIcon("diagnose", 16), messages.connectionRefresh);
+        const copyAll = document2.createElement("button");
+        copyAll.type = "button";
+        copyAll.className = "settings-command-button settings-command-button--secondary";
+        copyAll.dataset.connectionAction = "copy-all";
+        copyAll.append(createRendererSettingsIcon("copy", 16), messages.connectionCopyAll);
+        actions.append(refresh, copyAll);
+        const content = document2.createElement("div");
+        content.className = "settings-connection-list";
+        context.content.append(heading, description, actions, content);
+        let pending = false;
+        const render = (snapshot) => {
+          content.replaceChildren();
+          if (!snapshot) {
+            const empty = document2.createElement("div");
+            empty.className = "settings-empty";
+            empty.textContent = messages.connectionNoRuntime;
+            content.append(empty);
+            return;
+          }
+          appendConnectionRow(
+            document2,
+            content,
+            messages.connectionAdapter,
+            snapshot.adapter.state,
+            `reason=${snapshot.adapter.reason}, hook=${snapshot.adapter.hook ?? "none"}`,
+            null,
+            messages,
+            "renderer-adapter"
+          );
+          for (const agent of snapshot.agents) {
+            appendConnectionRow(
+              document2,
+              content,
+              RENDERER_AGENT_LABELS[agent.agent],
+              agent.availability,
+              null,
+              agent.error,
+              messages,
+              agent.agent,
+              agent
+            );
+          }
+        };
+        const diagnostics = getDiagnostics();
+        render(diagnostics?.snapshot() ?? null);
+        if (!diagnostics) {
+          copyAll.disabled = true;
+          return void 0;
+        }
+        copyAll.addEventListener("click", () => {
+          const snapshot = diagnostics.snapshot();
+          const report = snapshot.agents.map((agent) => diagnosticText(RENDERER_AGENT_LABELS[agent.agent], agent)).join("\n\n");
+          copyDiagnosticsToClipboard(document2, copyAll, report, messages, messages.connectionCopyAll);
+        });
+        const unsubscribe = diagnostics.subscribe(() => render(diagnostics.snapshot()));
+        refresh.addEventListener("click", () => {
+          if (pending) return;
+          pending = true;
+          refresh.disabled = true;
+          refresh.replaceChildren(
+            createRendererSettingsIcon("diagnose", 16),
+            messages.connectionRefreshing
+          );
+          void context.runLatest(() => diagnostics.refresh(), {
+            success() {
+              pending = false;
+              refresh.disabled = false;
+              refresh.replaceChildren(
+                createRendererSettingsIcon("diagnose", 16),
+                messages.connectionRefresh
+              );
+              render(diagnostics.snapshot());
+            },
+            failure(error51) {
+              pending = false;
+              refresh.disabled = false;
+              refresh.replaceChildren(
+                createRendererSettingsIcon("diagnose", 16),
+                messages.connectionRefresh
+              );
+              render({
+                ...diagnostics.snapshot(),
+                agents: diagnostics.snapshot().agents.map((agent) => ({
+                  ...agent,
+                  availability: "error",
+                  error: {
+                    code: "internalError",
+                    message: error51 instanceof Error ? error51.message : String(error51),
+                    retryable: true,
+                    stage: "request"
+                  }
+                }))
+              });
+            }
+          });
+        });
+        return unsubscribe;
+      }
+    });
+  }
   function versionRow(context, label, version2) {
     const row = context.content.ownerDocument.createElement("div");
     row.className = "settings-update-version-row";
@@ -19459,23 +20600,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     });
   }
-  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null) {
+  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
     const unavailableIds = DEFAULT_RENDERER_SETTINGS_PAGE_IDS.filter(
-      (id) => id !== "updates"
+      (id) => id !== "updates" && id !== "connections"
     );
     return Object.freeze([
+      connectionsPage(messages, getDiagnostics),
       ...unavailableIds.map((id) => unavailablePage(id, messages)),
       updatesPage(messages, getUpdateClient)
     ]);
   }
-  function createDefaultRendererSettingsRegistry(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null) {
+  function createDefaultRendererSettingsRegistry(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
     return createRendererSettingsPageRegistry(
-      createDefaultRendererSettingsPages(messages, getUpdateClient)
+      createDefaultRendererSettingsPages(messages, getUpdateClient, getDiagnostics)
     );
   }
 
   // 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  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: rgb(255 255 255 / 4%);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #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  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\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';
+  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-page-description {\n  max-width: 760px;\n  margin: -12px 0 24px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-connection-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.settings-connection-list {\n  min-width: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) auto minmax(260px, 1.5fr);\n  align-items: center;\n  min-width: 0;\n  min-height: 76px;\n  gap: 24px;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n  color: var(--settings-text);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.settings-connection-row__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-weight: 500;\n}\n\n.settings-connection-row__dot {\n  width: 9px;\n  height: 9px;\n  flex: none;\n  border-radius: 50%;\n  background: var(--settings-muted);\n}\n\n.settings-connection-row__dot[data-connection-tone="ready"] {\n  background: #22c55e;\n}\n\n.settings-connection-row__dot[data-connection-tone="checking"] {\n  background: #f5c542;\n}\n\n.settings-connection-row__dot[data-connection-tone="failed"] {\n  background: #ef4444;\n}\n\n.settings-status-badge[data-connection-tone="ready"] {\n  color: #4ade80;\n}\n\n.settings-status-badge[data-connection-tone="checking"] {\n  color: #f5c542;\n}\n\n.settings-status-badge[data-connection-tone="failed"] {\n  color: #f87171;\n}\n\n.settings-connection-row__detail {\n  display: grid;\n  min-width: 0;\n  align-items: center;\n  gap: 2px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-connection-row__reason {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n\n.settings-connection-details-toggle {\n  width: fit-content;\n  padding: 0;\n  color: var(--settings-focus);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n\n.settings-connection-details-toggle:hover {\n  text-decoration: underline;\n}\n\n.settings-connection-details {\n  display: grid;\n  grid-column: 1 / -1;\n  gap: 6px;\n  min-width: 0;\n  margin: 4px 0 2px 32px;\n  padding: 12px;\n  color: var(--settings-muted);\n  background: rgb(255 255 255 / 4%);\n  border-left: 2px solid #ef4444;\n  border-radius: 4px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 112px minmax(0, 1fr);\n  gap: 12px;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-connection-detail-line span {\n  color: var(--settings-muted);\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 4px 0 0;\n  padding: 10px;\n  overflow: auto;\n  color: #fca5a5;\n  font:\n    12px/18px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: rgb(0 0 0 / 28%);\n  border-radius: 4px;\n}\n\n.settings-connection-details .settings-command-button {\n  justify-self: start;\n  min-height: 30px;\n  font-size: 12px;\n}\n\n.settings-connection-row__detail time {\n  color: var(--settings-muted);\n  opacity: 0.8;\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  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: rgb(255 255 255 / 4%);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #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  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\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-connection-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 10px 16px;\n  }\n\n  .settings-connection-row__detail {\n    grid-column: 1 / -1;\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";
@@ -19945,7 +21087,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const messages = rendererSettingsMessages(locale);
       const definitions = createDefaultRendererSettingsPages(
         messages,
-        options.getUpdateClient ?? (() => null)
+        options.getUpdateClient ?? (() => null),
+        options.getConnectionDiagnostics ?? (() => null)
       );
       const nextShell = installRendererSettingsShell(definitions, messages, ownerWindow.document);
       const nextTrigger = installRendererSettingsHeaderTrigger({
@@ -20137,17 +21280,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function draftPermissionMode(catalog, requested) {
     return catalog.modes.find(({ id }) => id === requested)?.id ?? catalog.modes.find(({ id }) => id === catalog.defaultModeId)?.id ?? catalog.defaultModeId;
   }
+  function shouldPersistNewThreadConfigurationSelection(phase) {
+    return phase === "draft";
+  }
   function restoredThreadOwnership(inspection) {
     if (inspection.owner === "codex") return { agent: "codex" };
     if (inspection.harnessId === "pi") {
-      if (!isPiTransportModelId(inspection.transportModelId)) {
+      const transportSelection = decodePiTransportModelId(inspection.transportModelId);
+      if (!transportSelection) {
         throw new Error("Pi Thread reported an incompatible transport Model");
       }
-      const piThinkingOptionId = selectableThinkingOptionId(inspection);
+      const model = inspection.effectiveModel ?? transportSelection.model;
+      const thinkingOptionId = selectableThinkingOptionId(inspection) ?? transportSelection.thinkingOptionId;
       return {
         agent: "pi",
-        ...inspection.effectiveModel ? { model: inspection.effectiveModel } : {},
-        ...piThinkingOptionId ? { thinkingOptionId: piThinkingOptionId } : {},
+        ...model ? { model } : {},
+        ...thinkingOptionId ? { thinkingOptionId } : {},
         ...inspection.effectivePermissionModeId ? { permissionModeId: inspection.effectivePermissionModeId } : {}
       };
     }
@@ -20158,10 +21306,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
       const model = inspection.effectiveModel ?? transportSelection.model;
       const thinkingOptionId = selectableThinkingOptionId(inspection) ?? transportSelection.thinkingOptionId;
+      const permissionModeId = inspection.effectivePermissionModeId ?? transportSelection.permissionModeId;
       return {
         agent: "grok",
         ...model ? { model } : {},
-        ...thinkingOptionId ? { thinkingOptionId } : {}
+        ...thinkingOptionId ? { thinkingOptionId } : {},
+        ...permissionModeId ? { permissionModeId } : {}
       };
     }
     if (inspection.harnessId === "claude-code") {
@@ -20192,10 +21342,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function isOwnershipSubmissionBlocked(status) {
     return status === "loading" || status === "error";
   }
-  function shouldTransferComposerState(sourceTarget, replacementTarget, sourcePhase) {
+  function shouldTransferComposerState(sourceTarget, replacementTarget, sourcePhase, submissionPending = false) {
     if (!sourceTarget || !replacementTarget) return false;
     if (sourceTarget === replacementTarget) return true;
-    return sourcePhase === "locked" && sourceTarget[0] === "default" && replacementTarget[0] === "conversation";
+    return (sourcePhase === "locked" || submissionPending) && sourceTarget[0] === "default" && replacementTarget[0] === "conversation";
   }
   function isLateConversationTarget(mountedTarget, currentTarget) {
     if (currentTarget?.[0] !== "conversation") return false;
@@ -20204,13 +21354,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     if (mountedTarget?.[0] !== "conversation") return false;
     return mountedTarget.length !== currentTarget.length || mountedTarget.some((value, index) => value !== currentTarget[index]);
   }
-  function lateConversationTargetResolution(mountedTarget, currentTarget, sourcePhase) {
+  function lateConversationTargetResolution(mountedTarget, currentTarget, sourcePhase, submissionPending = false) {
     if (!isLateConversationTarget(mountedTarget, currentTarget)) return "none";
-    return mountedTarget?.[0] === "default" && sourcePhase === "locked" ? "transfer" : "inspect";
+    return mountedTarget?.[0] === "default" && (sourcePhase === "locked" || submissionPending) ? "transfer" : "inspect";
   }
   function isComposerModelWriteAllowed(target) {
     return target?.[0] === "default";
   }
+  function shouldApplyDraftAgentCarrier(agent, model) {
+    return agent === "codex" || model !== void 0;
+  }
   function applyComposerModelWrite(target, write) {
     if (target?.[0] === "conversation") return true;
     if (!isComposerModelWriteAllowed(target)) return false;
@@ -20275,8 +21428,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       getClient: () => modelControl,
       getLocalAgent: localAgentForSidebarThread
     });
+    let connectionDiagnostics = null;
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
-      getUpdateClient: () => modelControl
+      getUpdateClient: () => modelControl,
+      getConnectionDiagnostics: () => connectionDiagnostics
     });
     let adapterStatus = {
       state: "installing",
@@ -20287,6 +21442,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     let harnessAvailability = Object.fromEntries(
       externalAgents.map((agent) => [agent, "checking"])
     );
+    const harnessAvailabilityErrors = {
+      pi: void 0,
+      "claude-code": void 0,
+      "deepseek-harness": void 0,
+      grok: void 0
+    };
+    const connectionListeners = /* @__PURE__ */ new Set();
+    const publishConnectionStatus = () => {
+      for (const listener of connectionListeners) listener();
+    };
     let availabilityRequestGeneration = 0;
     let availabilityRequest = null;
     let availabilityRetryTimer = null;
@@ -20306,7 +21471,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           writeNewThreadExternalConfigurationPreference(
             state.agent,
             model,
-            controller.thinkingOptionForAgent(composer, state.agent)
+            controller.thinkingOptionForAgent(composer, state.agent),
+            controller.permissionModeForAgent(composer, state.agent)
           );
         }
       }
@@ -20333,6 +21499,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         mounted.accountCredits
       );
     };
+    const refreshCommands = async (mounted) => {
+      const state = controller.get(mounted.composer);
+      const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
+      if (state.agent === "codex" || !threadId || !modelControl) {
+        mounted.control.harnessCommands.setCommands([]);
+        return;
+      }
+      try {
+        const catalog = await modelControl.inspectThreadCommands({ threadId });
+        if (disposed || mountedByComposer.get(mounted.composer) !== mounted || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || controller.get(mounted.composer).agent === "codex") {
+          return;
+        }
+        mounted.control.harnessCommands.setCommands(catalog.commands);
+      } catch {
+        if (mountedByComposer.get(mounted.composer) === mounted) {
+          mounted.control.harnessCommands.setCommands([]);
+        }
+      }
+    };
+    const executeCommand = async (mounted, command) => {
+      const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
+      if (!threadId || !modelControl || controller.get(mounted.composer).agent === "codex") return;
+      mounted.control.harnessCommands.setExecuting(command.id);
+      try {
+        await modelControl.executeThreadCommand({ threadId, commandId: command.id });
+      } catch (error51) {
+        console.error(
+          "codexhost Harness command failed",
+          error51 instanceof Error ? error51.message : String(error51)
+        );
+      } finally {
+        mounted.control.harnessCommands.setExecuting(null);
+      }
+    };
     const applyThreadUsageUpdate = (update) => {
       for (const mounted of mountedByComposer.values()) {
         if (threadIdFromComposerModelTarget(mounted.modelTarget) !== update.threadId) continue;
@@ -20464,6 +21664,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       } finally {
         if (isCurrentOwnershipRequest(mounted, generation)) {
           renderMounted(mounted);
+          if (mounted.ownershipStatus !== "error") void refreshCommands(mounted);
           sidebarAgentIcons.refresh();
           if (mounted.ownershipStatus !== "error" && shouldRetryExternalThreadUsage(
             controller.get(mounted.composer).agent,
@@ -20480,7 +21681,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const resolution = lateConversationTargetResolution(
         mounted.modelTarget,
         currentTarget,
-        controller.get(mounted.composer).phase
+        controller.get(mounted.composer).phase,
+        controller.isSubmissionPending(mounted.composer)
       );
       if (resolution === "none") return false;
       const previousTarget = mounted.modelTarget;
@@ -20547,6 +21749,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
         if (inspection.status !== "ready") throw new Error(inspection.error.message);
         const current = controller.get(mounted.composer);
+        const previousModel = controller.modelForAgent(mounted.composer, agent);
+        const previousModelAvailable = previousModel !== void 0 && inspection.catalog.models.some((model) => model.ref.id === previousModel.id);
+        if (current.phase === "locked" && previousModel && !previousModelAvailable) {
+          throw new Error("Existing Thread Model is absent from the current Catalog");
+        }
+        const preferredConfiguration = current.phase === "draft" && !previousModelAvailable ? readNewThreadExternalConfigurationPreference(
+          agent,
+          inspection.catalog,
+          inspection.permissionModes
+        ) : void 0;
         const previousPermissionModeId = controller.permissionModeForAgent(mounted.composer, agent);
         let selectedPermissionModeId;
         if (inspection.capabilities.configuration.selectPermissionMode) {
@@ -20556,7 +21768,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           }
           mounted.permissionModeView = { status: "loading", catalog: permissionModes };
           const effectivePermissionModeId = current.phase === "locked" ? mounted.threadConfiguration?.effectivePermissionModeId : void 0;
-          const preferredPermissionModeId = agent === "claude-code" ? readClaudePermissionModePreference(permissionModes) : void 0;
+          const preferredPermissionModeId = preferredConfiguration?.permissionModeId ?? (agent === "claude-code" ? readClaudePermissionModePreference(permissionModes) : void 0);
           selectedPermissionModeId = draftPermissionMode(
             permissionModes,
             effectivePermissionModeId ?? previousPermissionModeId ?? preferredPermissionModeId
@@ -20585,12 +21797,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           }
           return;
         }
-        const previousModel = controller.modelForAgent(mounted.composer, agent);
-        const previousModelAvailable = previousModel !== void 0 && inspection.catalog.models.some((model) => model.ref.id === previousModel.id);
-        if (current.phase === "locked" && previousModel && !previousModelAvailable) {
-          throw new Error("Existing Thread Model is absent from the current Catalog");
-        }
-        const preferredConfiguration = current.phase === "draft" && !previousModelAvailable ? readNewThreadExternalConfigurationPreference(agent, inspection.catalog) : void 0;
         const selected = previousModelAvailable ? previousModel : preferredConfiguration?.model ?? inspection.catalog.defaultModel;
         if (!selected) throw new Error("External Harness did not report its default Model");
         const effectiveCatalog = current.phase === "locked" && mounted.threadConfiguration ? catalogWithConfigurationState(inspection.catalog, selected, mounted.threadConfiguration) : inspection.catalog;
@@ -20670,6 +21876,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     };
     const selectExternalModel = async (mounted, modelId) => {
+      controller.clearPendingSubmission(mounted.composer);
       const current = controller.get(mounted.composer);
       if (current.agent === "codex") return;
       const agent = current.agent;
@@ -20741,13 +21948,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           effectiveThinkingOptionId = supportsThinkingSelection ? selectableThinkingOptionId(state) : void 0;
           effectiveCatalog = supportsThinkingSelection ? catalogWithConfigurationState(catalog, effectiveModel, state) : catalog;
           resolvedModelLabel = state.resolvedModelLabel;
-          const effectivePermissionModeId = state.effectivePermissionModeId ?? previousPermissionModeId;
+          const effectivePermissionModeId2 = state.effectivePermissionModeId ?? previousPermissionModeId;
           if (!applyExternalConfiguration(
             mounted,
             agent,
             effectiveModel,
             effectiveThinkingOptionId,
-            effectivePermissionModeId
+            effectivePermissionModeId2
           )) {
             throw new Error("Confirmed external Model could not be applied to the Composer");
           }
@@ -20756,11 +21963,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (!isCurrentModelRequest(mounted, generation)) return;
         controller.setExternalModel(mounted.composer, agent, effectiveModel);
         controller.setExternalThinkingOption(mounted.composer, agent, effectiveThinkingOptionId);
-        writeNewThreadExternalConfigurationPreference(
-          agent,
-          effectiveModel,
-          effectiveThinkingOptionId
-        );
+        const effectivePermissionModeId = mounted.threadConfiguration?.effectivePermissionModeId ?? previousPermissionModeId;
+        if (effectivePermissionModeId) {
+          controller.setExternalPermissionMode(mounted.composer, agent, effectivePermissionModeId);
+        }
+        if (shouldPersistNewThreadConfigurationSelection(current.phase)) {
+          writeNewThreadExternalConfigurationPreference(
+            agent,
+            effectiveModel,
+            effectiveThinkingOptionId,
+            effectivePermissionModeId
+          );
+        }
         mounted.modelView = {
           status: "ready",
           catalog: effectiveCatalog,
@@ -20793,6 +22007,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     };
     const selectPermissionMode = async (mounted, permissionModeId) => {
+      controller.clearPendingSubmission(mounted.composer);
       const current = controller.get(mounted.composer);
       if (current.agent === "codex") return;
       const agent = current.agent;
@@ -20801,9 +22016,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const model = controller.modelForAgent(mounted.composer, agent);
       if (!catalog || !selectedPermissionModeId || !model || !modelControl) return;
       const previousPermissionModeId = controller.permissionModeForAgent(mounted.composer, agent);
-      if (agent === "claude-code") {
-        writeClaudePermissionModePreference(selectedPermissionModeId);
-      }
       const thinkingOptionId = controller.thinkingOptionForAgent(mounted.composer, agent);
       const generation = controller.beginModelRequest(mounted.composer);
       mounted.permissionModeView = {
@@ -20868,6 +22080,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
         if (!isCurrentModelRequest(mounted, generation)) return;
         controller.setExternalPermissionMode(mounted.composer, agent, effectivePermissionModeId);
+        if (shouldPersistNewThreadConfigurationSelection(current.phase)) {
+          writeNewThreadExternalConfigurationPreference(
+            agent,
+            model,
+            thinkingOptionId,
+            effectivePermissionModeId
+          );
+          if (agent === "claude-code") {
+            writeClaudePermissionModePreference(effectivePermissionModeId);
+          }
+        }
         mounted.permissionModeView = {
           status: "ready",
           catalog,
@@ -20895,6 +22118,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }
     };
     const selectExternalThinking = async (mounted, thinkingOptionId) => {
+      controller.clearPendingSubmission(mounted.composer);
       const current = controller.get(mounted.composer);
       if (current.agent === "codex") return;
       const agent = current.agent;
@@ -20973,7 +22197,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
         if (!isCurrentModelRequest(mounted, generation)) return;
         controller.setExternalThinkingOption(mounted.composer, agent, effectiveThinkingOptionId);
-        writeNewThreadExternalConfigurationPreference(agent, model, effectiveThinkingOptionId);
+        const effectivePermissionModeId = mounted.threadConfiguration?.effectivePermissionModeId ?? permissionModeId;
+        if (effectivePermissionModeId) {
+          controller.setExternalPermissionMode(mounted.composer, agent, effectivePermissionModeId);
+        }
+        if (shouldPersistNewThreadConfigurationSelection(current.phase)) {
+          writeNewThreadExternalConfigurationPreference(
+            agent,
+            model,
+            effectiveThinkingOptionId,
+            effectivePermissionModeId
+          );
+        }
         mounted.modelView = {
           status: "ready",
           catalog: effectiveCatalog,
@@ -20998,13 +22233,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
     const switchComposerAgent = async (mounted, agent) => {
       if (agent !== "codex" && harnessAvailability[agent] !== "ready") return false;
+      controller.clearPendingSubmission(mounted.composer);
       const composerId = controller.get(mounted.composer).composerId;
       controller.invalidateModelRequests(mounted.composer);
       const switching = controller.switchAgent(mounted.composer, agent, {
         applyAgent(nextAgent) {
+          const model = controller.modelForAgent(mounted.composer, nextAgent);
+          if (!shouldApplyDraftAgentCarrier(nextAgent, model)) return true;
           return applyAdapterAgent?.(
             nextAgent,
-            controller.modelForAgent(mounted.composer, nextAgent),
+            model,
             nextAgent !== "codex" ? controller.thinkingOptionForAgent(mounted.composer, nextAgent) : void 0,
             nextAgent !== "codex" ? controller.permissionModeForAgent(mounted.composer, nextAgent) : void 0,
             mounted.composer
@@ -21070,6 +22308,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           harnessAvailability[agent] === "ready" ? "ready" : "checking"
         ])
       );
+      publishConnectionStatus();
       for (const mounted of mountedByComposer.values()) renderMounted(mounted);
       const generation = ++availabilityRequestGeneration;
       const promise2 = (async () => {
@@ -21082,8 +22321,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
                 refresh
               });
               status = inspection.status === "ready" ? "ready" : inspection.status;
-            } catch {
+              if (inspection.status === "ready") {
+                harnessAvailabilityErrors[agent] = void 0;
+              } else {
+                const error51 = inspection.error;
+                harnessAvailabilityErrors[agent] = {
+                  code: error51.code,
+                  message: error51.message,
+                  retryable: error51.retryable,
+                  ...error51.diagnostic ? { diagnostic: error51.diagnostic } : {},
+                  ...error51.stage ? { stage: error51.stage } : {},
+                  ...error51.durationMs !== void 0 ? { durationMs: error51.durationMs } : {},
+                  ...error51.stderrTail ? { stderrTail: error51.stderrTail } : {}
+                };
+              }
+            } catch (error51) {
               status = "error";
+              harnessAvailabilityErrors[agent] = {
+                code: "internalError",
+                message: error51 instanceof Error ? error51.message : String(error51),
+                retryable: true,
+                stage: "request"
+              };
             }
             if (generation !== availabilityRequestGeneration || disposed) return;
             harnessAvailability = { ...harnessAvailability, [agent]: status };
@@ -21100,6 +22359,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
               }
               renderMounted(mounted);
             }
+            publishConnectionStatus();
           })
         );
         if (externalAgents.every((agent) => harnessAvailability[agent] === "ready")) {
@@ -21120,6 +22380,25 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       );
       return promise2;
     };
+    connectionDiagnostics = {
+      snapshot() {
+        return {
+          adapter: { ...adapterStatus },
+          agents: externalAgents.map((agent) => ({
+            agent,
+            availability: harnessAvailability[agent] ?? "checking",
+            error: harnessAvailabilityErrors[agent] ?? null
+          }))
+        };
+      },
+      refresh() {
+        return refreshHarnessAvailability(true);
+      },
+      subscribe(listener) {
+        connectionListeners.add(listener);
+        return () => connectionListeners.delete(listener);
+      }
+    };
     const mount = (composer) => {
       if (mountedByComposer.has(composer) || !composer.isConnected || !composer.matches(CODEX_COMPOSER_SELECTOR)) {
         return;
@@ -21128,6 +22407,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const sendButton = sendButtonWithin(composer) ?? allButtons.at(-1) ?? null;
       if (!sendButton) return;
       const modelTarget = findComposerModelTarget(composer);
+      const editor = composer.querySelector(EDITOR_SELECTOR);
+      if (!editor) return;
       const state = controller.mount(
         composer,
         modelTarget,
@@ -21159,6 +22440,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           const mounted2 = mountedByComposer.get(composer);
           if (!composer.isConnected || !mounted2) return;
           void selectPermissionMode(mounted2, permissionModeId);
+        },
+        (command) => {
+          const mounted2 = mountedByComposer.get(composer);
+          if (mounted2) void executeCommand(mounted2, command);
         }
       );
       const mounted = {
@@ -21176,13 +22461,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       };
       mountedByComposer.set(composer, mounted);
       if (isComposerModelWriteAllowed(modelTarget)) {
-        applyAdapterAgent?.(
-          state.agent,
-          controller.modelForAgent(composer, state.agent),
-          state.agent !== "codex" ? controller.thinkingOptionForAgent(composer, state.agent) : void 0,
-          state.agent !== "codex" ? controller.permissionModeForAgent(composer, state.agent) : void 0,
-          composer
-        );
+        const model = controller.modelForAgent(composer, state.agent);
+        if (shouldApplyDraftAgentCarrier(state.agent, model)) {
+          applyAdapterAgent?.(
+            state.agent,
+            model,
+            state.agent !== "codex" ? controller.thinkingOptionForAgent(composer, state.agent) : void 0,
+            state.agent !== "codex" ? controller.permissionModeForAgent(composer, state.agent) : void 0,
+            composer
+          );
+        }
       }
       renderMounted(mounted);
       sidebarAgentIcons.refresh();
@@ -21193,6 +22481,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       } else if (state.agent !== "codex" && !isExternalConfigurationReady(mounted)) {
         void loadExternalCatalog(mounted);
       }
+      void refreshCommands(mounted);
     };
     const scan = () => {
       scanScheduled = false;
@@ -21206,7 +22495,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (!shouldTransferComposerState(
           replacement.sourceModelTarget,
           replacementTarget,
-          sourceState.phase
+          sourceState.phase,
+          controller.isSubmissionPending(replacement.source.composer)
         ) || !controller.transfer(replacement.source.composer, target, replacementTarget)) {
           pendingReplacements.delete(target);
         }
@@ -21288,11 +22578,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         return state.phase === "locked" && mounted.ownershipStatus === "ready";
       }
       if (!mounted || !isComposerModelWriteAllowed(mounted.modelTarget)) return false;
+      const model = controller.modelForAgent(composer, state.agent);
+      if (!shouldApplyDraftAgentCarrier(state.agent, model)) return false;
       return applyComposerModelWrite(
         mounted.modelTarget,
         () => applyAdapterAgent?.(
           state.agent,
-          controller.modelForAgent(composer, state.agent),
+          model,
           state.agent !== "codex" ? controller.thinkingOptionForAgent(composer, state.agent) : void 0,
           state.agent !== "codex" ? controller.permissionModeForAgent(composer, state.agent) : void 0,
           composer
@@ -21314,7 +22606,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       if (!isExternalConfigurationReady(mounted)) return false;
       if (current.phase === "locked") return true;
       if (!applyComposerAgent(composer)) return false;
-      controller.lock(composer);
+      controller.markSubmissionPending(composer);
       renderMounted(mounted);
       return true;
     };
@@ -21327,6 +22619,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const onBeforeInput = (event) => {
       const composer = composerForTarget(event.target);
       if (!composer) return;
+      controller.clearPendingSubmission(composer);
       const mounted = mountedByComposer.get(composer);
       if (mounted && isOwnershipSubmissionBlocked(mounted.ownershipStatus)) return;
       if (controller.isSwitching(composer) || !applyComposerAgent(composer)) blockEvent(event);
@@ -21385,6 +22678,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       scheduleScan(mutations.some(mutationMayChangeComposerTarget));
     });
     const onAdapterStatus = () => {
+      publishConnectionStatus();
       if (adapterStatus.state === "ready") {
         sidebarAgentIcons.refresh();
         void refreshHarnessAvailability();
@@ -21466,6 +22760,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           usageNotificationDispose = null;
         }
         adapterStatus = status;
+        publishConnectionStatus();
         const installedModelControl = modelControl;
         queueMicrotask(() => {
           if (disposed || modelControl !== installedModelControl) return;
@@ -21520,6 +22815,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         }
         mountedByComposer.clear();
         pendingReplacements.clear();
+        connectionListeners.clear();
+        connectionDiagnostics = null;
         delete window.__codexhostRendererBindingProbeV1;
       }
     };
@@ -21565,6 +22862,7 @@ lucide/dist/esm/icons/shield.mjs:
 lucide/dist/esm/icons/shield-alert.mjs:
 lucide/dist/esm/icons/boxes.mjs:
 lucide/dist/esm/icons/circle-off.mjs:
+lucide/dist/esm/icons/copy.mjs:
 lucide/dist/esm/icons/download.mjs:
 lucide/dist/esm/icons/external-link.mjs:
 lucide/dist/esm/icons/languages.mjs:
@@ -21573,6 +22871,7 @@ lucide/dist/esm/icons/plug-zap.mjs:
 lucide/dist/esm/icons/refresh-cw.mjs:
 lucide/dist/esm/icons/route.mjs:
 lucide/dist/esm/icons/settings.mjs:
+lucide/dist/esm/icons/stethoscope.mjs:
 lucide/dist/esm/icons/star.mjs:
 lucide/dist/esm/icons/x.mjs:
   (**