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

package/app/renderer-extension.js

@@ -18032,6 +18032,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     isConnected() {
       return this.element.isConnected;
     }
+    hostId() {
+      return sidebarThreadAttributes(this.element)?.hostId ?? null;
+    }
     threadId() {
       return threadIdFromSidebarRowElement(this.element);
     }
@@ -18101,7 +18104,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       const observer = new MutationObserver(onChange);
       observer.observe(this.root, {
         attributes: true,
-        attributeFilter: [SIDEBAR_THREAD_ID_ATTRIBUTE],
+        attributeFilter: [SIDEBAR_THREAD_ID_ATTRIBUTE, SIDEBAR_THREAD_HOST_ID_ATTRIBUTE],
         childList: true,
         subtree: true
       });
@@ -18122,78 +18125,88 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const ownershipRetryTimers = /* @__PURE__ */ new Map();
     let disposed = false;
     let scanScheduled = false;
+    const ownershipKey = (hostId, threadId) => JSON.stringify([hostId, threadId]);
     const scheduleScan = () => {
       if (disposed || scanScheduled) return;
       scanScheduled = true;
       queueMicrotask(scan);
     };
-    const clearOwnershipRetry = (threadId) => {
-      const timer = ownershipRetryTimers.get(threadId);
+    const clearOwnershipRetry = (key) => {
+      const timer = ownershipRetryTimers.get(key);
       if (timer !== void 0) clearTimeout(timer);
-      ownershipRetryTimers.delete(threadId);
-      ownershipRetryAttempts.delete(threadId);
-      provisionalCodex.delete(threadId);
+      ownershipRetryTimers.delete(key);
+      ownershipRetryAttempts.delete(key);
+      provisionalCodex.delete(key);
     };
-    const scheduleOwnershipRetry = (threadId) => {
-      if (disposed || !provisionalCodex.has(threadId) || pending.has(threadId) || ownershipRetryTimers.has(threadId)) {
+    const scheduleOwnershipRetry = (hostId, threadId) => {
+      const key = ownershipKey(hostId, threadId);
+      if (disposed || !provisionalCodex.has(key) || pending.has(key) || ownershipRetryTimers.has(key)) {
         return;
       }
-      const attempt = ownershipRetryAttempts.get(threadId) ?? 0;
+      const attempt = ownershipRetryAttempts.get(key) ?? 0;
       const delay = OWNERSHIP_RETRY_DELAYS_MS[attempt];
       if (delay === void 0) return;
-      ownershipRetryAttempts.set(threadId, attempt + 1);
+      ownershipRetryAttempts.set(key, attempt + 1);
       const timer = setTimeout(() => {
-        ownershipRetryTimers.delete(threadId);
+        ownershipRetryTimers.delete(key);
         if (disposed) return;
-        failed.delete(threadId);
-        ownershipByThread.delete(threadId);
+        failed.delete(key);
+        ownershipByThread.delete(key);
         scheduleScan();
       }, delay);
-      ownershipRetryTimers.set(threadId, timer);
+      ownershipRetryTimers.set(key, timer);
     };
-    const requestOwnership = (threadIds, client) => {
-      for (const threadId of threadIds) pending.add(threadId);
+    const requestOwnership = (hostId, threadIds, client) => {
+      for (const threadId of threadIds) pending.add(ownershipKey(hostId, threadId));
       let succeeded = false;
       void Promise.resolve().then(() => client.listThreadOwnership({ threadIds })).then(({ threads }) => {
         if (disposed) return;
         for (const ownership of threads) {
-          ownershipByThread.set(ownership.threadId, rendererAgentForThreadOwnership(ownership));
-          failed.delete(ownership.threadId);
+          const key = ownershipKey(hostId, ownership.threadId);
+          ownershipByThread.set(key, rendererAgentForThreadOwnership(ownership));
+          failed.delete(key);
           if (ownership.owner === "codex") {
-            provisionalCodex.add(ownership.threadId);
-            scheduleOwnershipRetry(ownership.threadId);
+            provisionalCodex.add(key);
+            scheduleOwnershipRetry(hostId, ownership.threadId);
           } else {
-            clearOwnershipRetry(ownership.threadId);
+            clearOwnershipRetry(key);
           }
         }
         succeeded = true;
       }).catch(() => {
         if (disposed) return;
-        for (const threadId of threadIds) failed.add(threadId);
+        for (const threadId of threadIds) failed.add(ownershipKey(hostId, threadId));
       }).finally(() => {
-        for (const threadId of threadIds) pending.delete(threadId);
-        for (const threadId of threadIds) scheduleOwnershipRetry(threadId);
+        for (const threadId of threadIds) pending.delete(ownershipKey(hostId, threadId));
+        for (const threadId of threadIds) scheduleOwnershipRetry(hostId, threadId);
         if (succeeded) scheduleScan();
       });
     };
     const scan = () => {
       scanScheduled = false;
       if (disposed) return;
-      const unresolved = /* @__PURE__ */ new Set();
+      const unresolvedByHost = /* @__PURE__ */ new Map();
       for (const row of dom.rows()) {
         if (!row.isConnected()) {
           row.clear();
           continue;
         }
+        const hostId = row.hostId();
+        if (!hostId) {
+          row.clear();
+          continue;
+        }
         const threadId = hostThreadIdSchema.safeParse(row.threadId());
         const localAgent = options.getLocalAgent?.({
+          hostId,
           threadId: threadId.success ? threadId.data : null,
           draftId: row.draftId()
         });
         if (localAgent !== null && localAgent !== void 0) {
           if (threadId.success) {
-            ownershipByThread.set(threadId.data, localAgent === "codex" ? null : localAgent);
-            clearOwnershipRetry(threadId.data);
+            const key2 = ownershipKey(hostId, threadId.data);
+            ownershipByThread.set(key2, localAgent === "codex" ? null : localAgent);
+            clearOwnershipRetry(key2);
           }
           if (localAgent === "codex") row.clear();
           else row.render(localAgent);
@@ -18203,22 +18216,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           row.clear();
           continue;
         }
-        if (ownershipByThread.has(threadId.data)) {
-          const agent = ownershipByThread.get(threadId.data);
+        const key = ownershipKey(hostId, threadId.data);
+        if (ownershipByThread.has(key)) {
+          const agent = ownershipByThread.get(key);
           if (agent) row.render(agent);
           else row.clear();
           continue;
         }
         row.clear();
-        if (!pending.has(threadId.data) && !failed.has(threadId.data)) {
+        if (!pending.has(key) && !failed.has(key)) {
+          let unresolved = unresolvedByHost.get(hostId);
+          if (!unresolved) {
+            unresolved = /* @__PURE__ */ new Set();
+            unresolvedByHost.set(hostId, unresolved);
+          }
           unresolved.add(threadId.data);
         }
       }
-      const client = options.getClient();
-      if (!client) return;
-      const threadIds = [...unresolved];
-      for (let index = 0; index < threadIds.length; index += THREAD_OWNERSHIP_LIST_MAX_LENGTH) {
-        requestOwnership(threadIds.slice(index, index + THREAD_OWNERSHIP_LIST_MAX_LENGTH), client);
+      for (const [hostId, unresolved] of unresolvedByHost) {
+        const client = options.getClient(hostId);
+        if (!client) continue;
+        const threadIds = [...unresolved];
+        for (let index = 0; index < threadIds.length; index += THREAD_OWNERSHIP_LIST_MAX_LENGTH) {
+          requestOwnership(
+            hostId,
+            threadIds.slice(index, index + THREAD_OWNERSHIP_LIST_MAX_LENGTH),
+            client
+          );
+        }
       }
     };
     const stopObserving = dom.observe(scheduleScan);
@@ -18226,12 +18251,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return {
       refresh() {
         failed.clear();
-        for (const threadId of provisionalCodex) {
-          const timer = ownershipRetryTimers.get(threadId);
+        for (const key of provisionalCodex) {
+          const timer = ownershipRetryTimers.get(key);
           if (timer !== void 0) clearTimeout(timer);
-          ownershipRetryTimers.delete(threadId);
-          ownershipRetryAttempts.delete(threadId);
-          ownershipByThread.delete(threadId);
+          ownershipRetryTimers.delete(key);
+          ownershipRetryAttempts.delete(key);
+          ownershipByThread.delete(key);
         }
         scheduleScan();
       },
@@ -18722,22 +18747,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     return hostThreadIdSchema.parse(target[1]);
   }
-  function hasPrewarmMethod(value) {
-    return (typeof value === "object" || typeof value === "function") && value !== null && typeof value.prewarmThreadStart === "function";
-  }
-  function isActiveRequestManager(value) {
-    if (!isRecord5(value) || typeof value.sendRequest !== "function") return false;
-    const source = Function.prototype.toString.call(value.sendRequest);
-    return source.includes("send-cli-request-for-host") && hasPrewarmMethod(value.requestClient);
-  }
-  function matchesCurrentPrewarmSignature(target) {
-    const bridge = target.requestClient ?? target;
-    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;
-    const source = Function.prototype.toString.call(prewarm);
-    return source.includes("enqueueRequest") && source.includes("thread-prewarm-start") || source.includes("prewarm-thread-start-for-host");
+  function isCurrentRequestBridge(value) {
+    return isRecord5(value) && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.sendRequest === "function" && typeof value.prewarmThreadStart === "function" && typeof value.enqueueRequest === "function";
   }
   function findActivePrewarmTargets(root) {
     const editor = root.querySelector(
@@ -18767,10 +18778,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         const hookState = hook.memoizedState;
         if (isRecord5(hookState)) {
           const requestClient = hookState.requestClient;
-          if (isActiveRequestManager(hookState) && matchesCurrentPrewarmSignature(hookState)) {
-            targets.add(hookState);
-          } else if (hasPrewarmMethod(requestClient) && matchesCurrentPrewarmSignature(requestClient)) {
-            targets.add(typeof hookState.sendRequest === "function" ? hookState : requestClient);
+          const bridge = isCurrentRequestBridge(requestClient) ? requestClient : isCurrentRequestBridge(hookState) ? hookState : null;
+          if (bridge) {
+            targets.add(typeof hookState.sendRequest === "function" ? hookState : bridge);
           }
         }
         hook = typeof hook.next === "object" && hook.next !== null ? hook.next : null;
@@ -18872,13 +18882,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function isDraftPrewarmPolicyReady(value) {
     return isRecord5(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
   }
+  function prewarmTargetHostId(target) {
+    const bridge = target.requestClient ?? target;
+    const hostId = target.getHostId?.() ?? bridge.hostId;
+    return typeof hostId === "string" && hostId.length > 0 ? hostId : null;
+  }
+  function rendererRequestTargetsForHost(targets, hostId) {
+    const matching = targets.filter((target) => prewarmTargetHostId(target) === hostId);
+    return matching.length === 1 ? matching : null;
+  }
   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;
+    return rendererRequestTargetsForHost(targets, policy.hostId);
   }
   function resolveRendererRequestRoute(policy, discoveredTargets, previous) {
     const activeTargets = activeRendererDraftPrewarmTargets(policy, discoveredTargets);
@@ -18943,13 +18958,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       () => findActivePrewarmTargets(document)
     );
     const currentRequestRoute = () => requestRouteResolver.resolve();
+    const clientsByTarget = /* @__PURE__ */ new WeakMap();
+    const modelClientForTargets = (targets) => {
+      const target = targets[0];
+      if (targets.length !== 1 || !target) return null;
+      const cached2 = clientsByTarget.get(target);
+      if (cached2) return cached2;
+      const client = createRendererModelClient([target]);
+      if (client) clientsByTarget.set(target, client);
+      return client;
+    };
     const currentModelClient = () => {
-      const client = createRendererModelClient(currentRequestRoute()?.targets ?? []);
+      const client = modelClientForTargets(currentRequestRoute()?.targets ?? []);
       if (!client) throw new Error("Renderer Model request manager is unavailable");
       usageSubscription.connect(client);
       return client;
     };
     const modelControl = Object.freeze({
+      currentHostId: () => currentRequestRoute()?.policy.hostId ?? null,
+      clientForHost(hostId) {
+        const targets = rendererRequestTargetsForHost(findActivePrewarmTargets(document), hostId);
+        return modelClientForTargets(targets ?? []);
+      },
       forkThread: (input) => currentModelClient().forkThread(input),
       inspectHarness: (input) => currentModelClient().inspectHarness(input),
       inspectThread: (input) => currentModelClient().inspectThread(input),
@@ -19368,6 +19398,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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",
+    connectionHosts: "Hosts",
+    connectionLocalHost: "Local",
+    connectionRemoteHost: "Remote Host",
+    connectionActiveHost: "Current",
     connectionReason: "Reason",
     connectionRefresh: "Run connection diagnostics",
     connectionRefreshing: "Running diagnostics...",
@@ -19436,6 +19470,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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",
+    connectionHosts: "Host \u5217\u8868",
+    connectionLocalHost: "\u672C\u5730",
+    connectionRemoteHost: "\u8FDC\u7A0B Host",
+    connectionActiveHost: "\u5F53\u524D",
     connectionReason: "\u539F\u56E0",
     connectionRefresh: "\u91CD\u65B0\u8BCA\u65AD\u8FDE\u63A5",
     connectionRefreshing: "\u6B63\u5728\u8BCA\u65AD...",
@@ -20079,10 +20117,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     if (availability === "checking" || availability === "installing") return "checking";
     return "failed";
   }
-  function diagnosticText(name, snapshot) {
+  function diagnosticText(hostId, name, snapshot) {
     const error51 = snapshot.error;
     const lines = [
       "codexhost connection diagnostics",
+      `host: ${hostId}`,
       `agent: ${name}`,
       `status: ${snapshot.availability}`,
       ...error51 ? [
@@ -20128,7 +20167,7 @@ ${error51.stderrTail}`] : []
       () => showCopyButtonFeedback(button, messages.connectionCopyFailed, restoreLabel)
     );
   }
-  function appendConnectionRow(document2, parent, name, availability, detail, error51, messages, rowAttribute, diagnosticSnapshot) {
+  function appendConnectionRow(document2, parent, name, availability, detail, error51, messages, rowAttribute, diagnosticSnapshot, diagnosticHostId) {
     const row = document2.createElement("div");
     row.className = "settings-connection-row";
     if (rowAttribute) row.dataset.connectionAgent = rowAttribute;
@@ -20191,7 +20230,7 @@ ${error51.stderrTail}`] : []
         copyDiagnosticsToClipboard(
           document2,
           copy,
-          diagnosticText(name, diagnosticSnapshot),
+          diagnosticText(diagnosticHostId ?? "unknown", name, diagnosticSnapshot),
           messages,
           messages.connectionCopyDetails
         );
@@ -20207,6 +20246,18 @@ ${error51.stderrTail}`] : []
     row.append(identity, status, detailElement, details);
     parent.append(row);
   }
+  function connectionHostLabel(hostId, active, messages) {
+    const activeLabel = active ? ` \xB7 ${messages.connectionActiveHost}` : "";
+    if (hostId === "local") return `${messages.connectionLocalHost}${activeLabel}`;
+    const separator = hostId.lastIndexOf(":");
+    const encodedName = separator >= 0 ? hostId.slice(separator + 1) : hostId;
+    let name = encodedName;
+    try {
+      name = decodeURIComponent(encodedName);
+    } catch {
+    }
+    return `${messages.connectionRemoteHost}: ${name}${activeLabel}`;
+  }
   function connectionsPage(messages, getDiagnostics) {
     return Object.freeze({
       id: "connections",
@@ -20237,7 +20288,10 @@ ${error51.stderrTail}`] : []
         content.className = "settings-connection-list";
         context.content.append(heading, description, actions, content);
         let pending = false;
+        let selectedHostId = "local";
+        let latestSnapshot = null;
         const render = (snapshot) => {
+          latestSnapshot = snapshot;
           content.replaceChildren();
           if (!snapshot) {
             const empty = document2.createElement("div");
@@ -20256,19 +20310,50 @@ ${error51.stderrTail}`] : []
             messages,
             "renderer-adapter"
           );
-          for (const agent of snapshot.agents) {
+          const selectedHost = snapshot.hosts.find((host) => host.hostId === selectedHostId) ?? snapshot.hosts.find((host) => host.hostId === "local") ?? snapshot.hosts[0];
+          if (!selectedHost) return;
+          selectedHostId = selectedHost.hostId;
+          const tabs = document2.createElement("div");
+          tabs.className = "settings-connection-host-tabs";
+          tabs.setAttribute("role", "tablist");
+          tabs.setAttribute("aria-label", messages.connectionHosts);
+          const hostSection = document2.createElement("section");
+          hostSection.className = "settings-connection-host";
+          hostSection.dataset.connectionHost = selectedHost.hostId;
+          hostSection.setAttribute("role", "tabpanel");
+          const panelId = "codexhost-settings-connection-host-panel";
+          hostSection.id = panelId;
+          for (const host of snapshot.hosts) {
+            const tab = document2.createElement("button");
+            tab.type = "button";
+            tab.className = "settings-connection-host-tab";
+            tab.dataset.connectionHostTab = host.hostId;
+            tab.setAttribute("role", "tab");
+            tab.setAttribute("aria-controls", panelId);
+            tab.setAttribute("aria-selected", String(host.hostId === selectedHost.hostId));
+            tab.tabIndex = host.hostId === selectedHost.hostId ? 0 : -1;
+            tab.textContent = connectionHostLabel(host.hostId, host.active, messages);
+            tab.addEventListener("click", () => {
+              selectedHostId = host.hostId;
+              render(latestSnapshot);
+            });
+            tabs.append(tab);
+          }
+          for (const agent of selectedHost.agents) {
             appendConnectionRow(
               document2,
-              content,
+              hostSection,
               RENDERER_AGENT_LABELS[agent.agent],
               agent.availability,
               null,
               agent.error,
               messages,
               agent.agent,
-              agent
+              agent,
+              selectedHost.hostId
             );
           }
+          content.append(tabs, hostSection);
         };
         const diagnostics = getDiagnostics();
         render(diagnostics?.snapshot() ?? null);
@@ -20278,7 +20363,11 @@ ${error51.stderrTail}`] : []
         }
         copyAll.addEventListener("click", () => {
           const snapshot = diagnostics.snapshot();
-          const report = snapshot.agents.map((agent) => diagnosticText(RENDERER_AGENT_LABELS[agent.agent], agent)).join("\n\n");
+          const report = snapshot.hosts.flatMap(
+            (host) => host.agents.map(
+              (agent) => diagnosticText(host.hostId, RENDERER_AGENT_LABELS[agent.agent], agent)
+            )
+          ).join("\n\n");
           copyDiagnosticsToClipboard(document2, copyAll, report, messages, messages.connectionCopyAll);
         });
         const unsubscribe = diagnostics.subscribe(() => render(diagnostics.snapshot()));
@@ -20307,17 +20396,21 @@ ${error51.stderrTail}`] : []
                 createRendererSettingsIcon("diagnose", 16),
                 messages.connectionRefresh
               );
+              const snapshot = diagnostics.snapshot();
               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"
-                  }
+                ...snapshot,
+                hosts: snapshot.hosts.map((host) => ({
+                  ...host,
+                  agents: host.agents.map((agent) => ({
+                    ...agent,
+                    availability: "error",
+                    error: {
+                      code: "internalError",
+                      message: error51 instanceof Error ? error51.message : String(error51),
+                      retryable: true,
+                      stage: "request"
+                    }
+                  }))
                 }))
               });
             }
@@ -20617,7 +20710,7 @@ ${error51.stderrTail}`] : []
   }
 
   // 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-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';
+  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-host-tabs {\n  display: flex;\n  gap: 6px;\n  padding: 20px 0 8px;\n  overflow-x: auto;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-tab {\n  flex: none;\n  padding: 7px 12px;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 13px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.settings-connection-host-tab:hover {\n  background: var(--settings-hover);\n  color: var(--settings-text);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-connection-host-tab:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\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";
@@ -21413,6 +21506,8 @@ ${error51.stderrTail}`] : []
     let modelControl = null;
     let usageNotificationDispose = null;
     const localAgentForSidebarThread = (input) => {
+      const mountedHostId = modelControl?.currentHostId?.() ?? "local";
+      if (input.hostId !== mountedHostId) return null;
       for (const mounted of mountedByComposer.values()) {
         const target = mounted.modelTarget;
         if (target?.[0] === "default" && input.draftId !== null && target[1] === input.draftId) {
@@ -21425,7 +21520,7 @@ ${error51.stderrTail}`] : []
       return null;
     };
     const sidebarAgentIcons = installRendererSidebarAgentIcons({
-      getClient: () => modelControl,
+      getClient: (hostId) => modelClientForHost(hostId),
       getLocalAgent: localAgentForSidebarThread
     });
     let connectionDiagnostics = null;
@@ -21439,23 +21534,36 @@ ${error51.stderrTail}`] : []
       modelUpdates: 0,
       hook: null
     };
-    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 createHostHarnessAvailabilityState = () => ({
+      availability: Object.fromEntries(
+        externalAgents.map((agent) => [agent, "checking"])
+      ),
+      errors: {
+        pi: void 0,
+        "claude-code": void 0,
+        "deepseek-harness": void 0,
+        grok: void 0
+      },
+      requestGeneration: 0,
+      request: null,
+      retryTimer: null,
+      retryAttempt: 0
+    });
+    const harnessAvailabilityByHost = /* @__PURE__ */ new Map();
+    const hostHarnessAvailabilityState = (hostId) => {
+      let state = harnessAvailabilityByHost.get(hostId);
+      if (!state) {
+        state = createHostHarnessAvailabilityState();
+        harnessAvailabilityByHost.set(hostId, state);
+      }
+      return state;
     };
+    let activeAvailabilityHostId = "local";
+    const activeHarnessAvailabilityState = () => hostHarnessAvailabilityState(activeAvailabilityHostId);
     const connectionListeners = /* @__PURE__ */ new Set();
     const publishConnectionStatus = () => {
       for (const listener of connectionListeners) listener();
     };
-    let availabilityRequestGeneration = 0;
-    let availabilityRequest = null;
-    let availabilityRetryTimer = null;
-    let availabilityRetryAttempt = 0;
     const availabilityRetryDelays = [500, 1e3, 2e3, 4e3, 8e3];
     const usageRefreshTimers = /* @__PURE__ */ new Map();
     const usageRefreshAttempts = /* @__PURE__ */ new Map();
@@ -21492,7 +21600,7 @@ ${error51.stderrTail}`] : []
         controller.get(mounted.composer),
         adapterStatus.state,
         controller.isSwitching(mounted.composer) || isOwnershipSubmissionBlocked(mounted.ownershipStatus),
-        harnessAvailability,
+        activeHarnessAvailabilityState().availability,
         mounted.modelView,
         mounted.permissionModeView,
         mounted.usage,
@@ -21719,7 +21827,7 @@ ${error51.stderrTail}`] : []
       const state = controller.get(mounted.composer);
       if (state.agent === "codex") return;
       const agent = state.agent;
-      const availability = harnessAvailability[agent];
+      const availability = activeHarnessAvailabilityState().availability[agent];
       if (availability !== "ready") {
         mounted.modelView = {
           status: adapterStatus.state !== "ready" || availability === "checking" ? "waitingForAdapter" : "error",
@@ -22232,7 +22340,9 @@ ${error51.stderrTail}`] : []
       }
     };
     const switchComposerAgent = async (mounted, agent) => {
-      if (agent !== "codex" && harnessAvailability[agent] !== "ready") return false;
+      if (agent !== "codex" && activeHarnessAvailabilityState().availability[agent] !== "ready") {
+        return false;
+      }
       controller.clearPendingSubmission(mounted.composer);
       const composerId = controller.get(mounted.composer).composerId;
       controller.invalidateModelRequests(mounted.composer);
@@ -22279,53 +22389,67 @@ ${error51.stderrTail}`] : []
       const url2 = RENDERER_AGENT_INSTALL_URLS[agent];
       window.open(url2, "_blank", "noopener,noreferrer");
     };
-    const resetHarnessAvailabilityRetry = () => {
-      if (availabilityRetryTimer !== null) {
-        window.clearTimeout(availabilityRetryTimer);
-        availabilityRetryTimer = null;
+    function resetHarnessAvailabilityRetry(hostId) {
+      const state = hostHarnessAvailabilityState(hostId);
+      if (state.retryTimer !== null) {
+        window.clearTimeout(state.retryTimer);
+        state.retryTimer = null;
       }
-      availabilityRetryAttempt = 0;
-    };
-    const scheduleHarnessAvailabilityRetry = () => {
-      if (disposed || availabilityRetryTimer !== null || availabilityRetryAttempt >= availabilityRetryDelays.length) {
+      state.retryAttempt = 0;
+    }
+    function scheduleHarnessAvailabilityRetry(hostId) {
+      const state = hostHarnessAvailabilityState(hostId);
+      if (disposed || state.retryTimer !== null || state.retryAttempt >= availabilityRetryDelays.length) {
         return;
       }
-      const delay = availabilityRetryDelays[availabilityRetryAttempt];
-      availabilityRetryAttempt += 1;
-      availabilityRetryTimer = window.setTimeout(() => {
-        availabilityRetryTimer = null;
-        void refreshHarnessAvailability(true, true);
+      const delay = availabilityRetryDelays[state.retryAttempt];
+      state.retryAttempt += 1;
+      state.retryTimer = window.setTimeout(() => {
+        state.retryTimer = null;
+        void refreshHarnessAvailabilityForHost(hostId, true, true);
       }, delay);
-    };
-    const refreshHarnessAvailability = (refresh = false, retry = false) => {
-      if (!retry) resetHarnessAvailabilityRetry();
-      if (!modelControl) return Promise.resolve();
-      const client = modelControl;
-      if (availabilityRequest?.client === client) return availabilityRequest.promise;
-      harnessAvailability = Object.fromEntries(
+    }
+    function modelClientForHost(hostId) {
+      if (!modelControl) return null;
+      const selected = modelControl.clientForHost?.(hostId);
+      if (selected) return selected;
+      const currentHostId = modelControl.currentHostId?.() ?? "local";
+      return currentHostId === hostId ? modelControl : null;
+    }
+    function refreshHarnessAvailabilityForHost(hostId, refresh = false, retry = false) {
+      const state = hostHarnessAvailabilityState(hostId);
+      if (!retry) resetHarnessAvailabilityRetry(hostId);
+      const client = modelClientForHost(hostId);
+      if (!client) {
+        scheduleHarnessAvailabilityRetry(hostId);
+        return Promise.resolve();
+      }
+      if (state.request?.client === client) return state.request.promise;
+      state.availability = Object.fromEntries(
         externalAgents.map((agent) => [
           agent,
-          harnessAvailability[agent] === "ready" ? "ready" : "checking"
+          state.availability[agent] === "ready" ? "ready" : "checking"
         ])
       );
-      publishConnectionStatus();
-      for (const mounted of mountedByComposer.values()) renderMounted(mounted);
-      const generation = ++availabilityRequestGeneration;
+      if (hostId === activeAvailabilityHostId) {
+        publishConnectionStatus();
+        for (const mounted of mountedByComposer.values()) renderMounted(mounted);
+      }
+      const generation = ++state.requestGeneration;
       const promise2 = (async () => {
         await Promise.all(
           externalAgents.map(async (agent) => {
             let status = "error";
+            let nextError;
             try {
               const inspection = await client.inspectHarness({
                 harnessId: externalHarnessIds[agent],
                 refresh
               });
               status = inspection.status === "ready" ? "ready" : inspection.status;
-              if (inspection.status === "ready") {
-                harnessAvailabilityErrors[agent] = void 0;
-              } else {
+              if (inspection.status !== "ready") {
                 const error51 = inspection.error;
-                harnessAvailabilityErrors[agent] = {
+                nextError = {
                   code: error51.code,
                   message: error51.message,
                   retryable: error51.retryable,
@@ -22337,24 +22461,29 @@ ${error51.stderrTail}`] : []
               }
             } catch (error51) {
               status = "error";
-              harnessAvailabilityErrors[agent] = {
+              nextError = {
                 code: "internalError",
                 message: error51 instanceof Error ? error51.message : String(error51),
                 retryable: true,
                 stage: "request"
               };
             }
-            if (generation !== availabilityRequestGeneration || disposed) return;
-            harnessAvailability = { ...harnessAvailability, [agent]: status };
+            if (generation !== state.requestGeneration || disposed) return;
+            state.errors[agent] = nextError;
+            state.availability = { ...state.availability, [agent]: status };
+            if (hostId !== activeAvailabilityHostId) {
+              publishConnectionStatus();
+              return;
+            }
             for (const mounted of mountedByComposer.values()) {
-              const state = controller.get(mounted.composer);
-              if (adapterStatus.state === "ready" && state.phase === "draft" && state.agent === agent && status !== "ready") {
+              const composerState = controller.get(mounted.composer);
+              if (adapterStatus.state === "ready" && composerState.phase === "draft" && composerState.agent === agent && status !== "ready") {
                 await switchComposerAgent(mounted, "codex");
               }
             }
             for (const mounted of mountedByComposer.values()) {
-              const state = controller.get(mounted.composer);
-              if (state.agent === agent) {
+              const composerState = controller.get(mounted.composer);
+              if (composerState.agent === agent) {
                 void loadExternalCatalog(mounted);
               }
               renderMounted(mounted);
@@ -22362,37 +22491,66 @@ ${error51.stderrTail}`] : []
             publishConnectionStatus();
           })
         );
-        if (externalAgents.every((agent) => harnessAvailability[agent] === "ready")) {
-          resetHarnessAvailabilityRetry();
+        if (generation !== state.requestGeneration || disposed) return;
+        if (externalAgents.every((agent) => state.availability[agent] === "ready")) {
+          resetHarnessAvailabilityRetry(hostId);
         } else {
-          scheduleHarnessAvailabilityRetry();
+          scheduleHarnessAvailabilityRetry(hostId);
         }
       })();
       const request = { client, promise: promise2 };
-      availabilityRequest = request;
+      state.request = request;
       void promise2.then(
         () => {
-          if (availabilityRequest === request) availabilityRequest = null;
+          if (state.request === request) state.request = null;
         },
         () => {
-          if (availabilityRequest === request) availabilityRequest = null;
+          if (state.request === request) state.request = null;
         }
       );
       return promise2;
+    }
+    function reconcileHarnessAvailabilityHost() {
+      const reportedHostId = modelControl?.currentHostId?.();
+      const hostId = reportedHostId ?? (modelControl?.currentHostId ? activeAvailabilityHostId : "local");
+      if (hostId === activeAvailabilityHostId) return;
+      activeAvailabilityHostId = hostId;
+      hostHarnessAvailabilityState(hostId);
+      publishConnectionStatus();
+      for (const mounted of mountedByComposer.values()) renderMounted(mounted);
+      void refreshHarnessAvailabilityForHost(hostId);
+    }
+    const refreshHarnessAvailability = (refresh = false) => {
+      reconcileHarnessAvailabilityHost();
+      return refreshHarnessAvailabilityForHost(activeAvailabilityHostId, refresh);
     };
     connectionDiagnostics = {
       snapshot() {
+        const hostIds = [
+          "local",
+          ...[...harnessAvailabilityByHost.keys()].filter((hostId) => hostId !== "local").sort()
+        ];
         return {
           adapter: { ...adapterStatus },
-          agents: externalAgents.map((agent) => ({
-            agent,
-            availability: harnessAvailability[agent] ?? "checking",
-            error: harnessAvailabilityErrors[agent] ?? null
-          }))
+          hosts: hostIds.map((hostId) => {
+            const state = hostHarnessAvailabilityState(hostId);
+            return {
+              hostId,
+              active: hostId === activeAvailabilityHostId,
+              agents: externalAgents.map((agent) => ({
+                agent,
+                availability: state.availability[agent] ?? "checking",
+                error: state.errors[agent] ?? null
+              }))
+            };
+          })
         };
       },
       refresh() {
-        return refreshHarnessAvailability(true);
+        for (const hostId of harnessAvailabilityByHost.keys()) {
+          void refreshHarnessAvailabilityForHost(hostId, true);
+        }
+        return Promise.resolve();
       },
       subscribe(listener) {
         connectionListeners.add(listener);
@@ -22523,6 +22681,16 @@ ${error51.stderrTail}`] : []
         const composer = composerForEditor(editor);
         if (composer) mount(composer);
       }
+      const localAvailability = hostHarnessAvailabilityState("local").availability;
+      if (externalAgents.some((agent) => localAvailability[agent] === "checking")) {
+        void refreshHarnessAvailabilityForHost("local");
+      }
+      reconcileHarnessAvailabilityHost();
+      if (externalAgents.some(
+        (agent) => activeHarnessAvailabilityState().availability[agent] === "checking"
+      )) {
+        void refreshHarnessAvailability();
+      }
       pendingReplacements.clear();
     };
     const scheduleScan = (refreshTargets = false) => {
@@ -22677,10 +22845,15 @@ ${error51.stderrTail}`] : []
       transferReplacedComposers(mutations);
       scheduleScan(mutations.some(mutationMayChangeComposerTarget));
     });
+    const onHostRouteChange = () => {
+      reconcileHarnessAvailabilityHost();
+      void refreshHarnessAvailability();
+    };
     const onAdapterStatus = () => {
       publishConnectionStatus();
       if (adapterStatus.state === "ready") {
         sidebarAgentIcons.refresh();
+        void refreshHarnessAvailabilityForHost("local");
         void refreshHarnessAvailability();
         for (const mounted of mountedByComposer.values()) {
           if (mounted.modelView.status === "waitingForAdapter" && mounted.composer.isConnected && applyComposerAgent(mounted.composer)) {
@@ -22702,10 +22875,17 @@ ${error51.stderrTail}`] : []
     document.addEventListener("keydown", onKeyDown, true);
     document.addEventListener("click", onClick, true);
     const onWindowFocus = () => {
-      if (externalAgents.some((agent) => harnessAvailability[agent] !== "ready")) {
+      reconcileHarnessAvailabilityHost();
+      const local = hostHarnessAvailabilityState("local");
+      if (externalAgents.some((agent) => local.availability[agent] !== "ready")) {
+        void refreshHarnessAvailabilityForHost("local", true);
+      }
+      const active = activeHarnessAvailabilityState();
+      if (externalAgents.some((agent) => active.availability[agent] !== "ready")) {
         void refreshHarnessAvailability(true);
       }
     };
+    window.addEventListener("codexhost:draft-prewarm-policy-changed", onHostRouteChange);
     window.addEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
     window.addEventListener("focus", onWindowFocus);
     const connectedComposers = () => [...mountedByComposer.values()].filter(
@@ -22722,7 +22902,7 @@ ${error51.stderrTail}`] : []
           version: 2,
           mountedComposers: selections.length,
           enabledAgents: [...enabledAgents],
-          availability: { ...harnessAvailability },
+          availability: { ...activeHarnessAvailabilityState().availability },
           selections,
           adapter: { ...adapterStatus }
         };
@@ -22769,8 +22949,16 @@ ${error51.stderrTail}`] : []
           } catch {
           }
         });
+        for (const state of harnessAvailabilityByHost.values()) {
+          state.requestGeneration += 1;
+          state.request = null;
+          if (state.retryTimer !== null) window.clearTimeout(state.retryTimer);
+        }
+        harnessAvailabilityByHost.clear();
+        activeAvailabilityHostId = "local";
         sidebarAgentIcons.refresh();
-        void refreshHarnessAvailability();
+        void refreshHarnessAvailabilityForHost("local");
+        reconcileHarnessAvailabilityHost();
         const connected = connectedComposers();
         if (connected.length === 1) {
           const mounted = connected[0];
@@ -22803,9 +22991,14 @@ ${error51.stderrTail}`] : []
         document.removeEventListener("submit", onSubmit, true);
         document.removeEventListener("keydown", onKeyDown, true);
         document.removeEventListener("click", onClick, true);
+        window.removeEventListener("codexhost:draft-prewarm-policy-changed", onHostRouteChange);
         window.removeEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
         window.removeEventListener("focus", onWindowFocus);
-        resetHarnessAvailabilityRetry();
+        for (const state of harnessAvailabilityByHost.values()) {
+          state.requestGeneration += 1;
+          if (state.retryTimer !== null) window.clearTimeout(state.retryTimer);
+        }
+        harnessAvailabilityByHost.clear();
         for (const timer of usageRefreshTimers.values()) window.clearTimeout(timer);
         usageRefreshTimers.clear();
         for (const mounted of mountedByComposer.values()) {