@codexhost/cli-linux-arm64 0.11.0 → 0.12.0

package/app/renderer-extension.js

@@ -23,7 +23,8 @@
     "hermes",
     "qoder",
     "qoder-cn",
-    "kimi-code"
+    "kimi-code",
+    "zcode"
   ];
   var DEFAULT_RENDERER_AGENTS = KNOWN_RENDERER_AGENTS;
   function defaultIdFactory(sequence) {
@@ -163,6 +164,8 @@
       else if (agent === "qoder-cn") delete state.qoderCnModel;
       if (agent === "kimi-code" && model) state.kimiCodeModel = model;
       else if (agent === "kimi-code") delete state.kimiCodeModel;
+      if (agent === "zcode" && model) state.zcodeModel = model;
+      else if (agent === "zcode") delete state.zcodeModel;
       if (agent === "pi" && thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
       else if (agent === "pi") delete state.piThinkingOptionId;
       if (agent === "claude-code" && thinkingOptionId) {
@@ -196,6 +199,9 @@
       if (agent === "kimi-code" && thinkingOptionId) {
         state.kimiCodeThinkingOptionId = thinkingOptionId;
       } else if (agent === "kimi-code") delete state.kimiCodeThinkingOptionId;
+      if (agent === "zcode" && thinkingOptionId) {
+        state.zcodeThinkingOptionId = thinkingOptionId;
+      } else if (agent === "zcode") delete state.zcodeThinkingOptionId;
       if (agent !== "codex") {
         const permissionModeByAgent = {};
         for (const candidate of [
@@ -213,7 +219,8 @@
           "hermes",
           "qoder",
           "qoder-cn",
-          "kimi-code"
+          "kimi-code",
+          "zcode"
         ]) {
           const current = state.permissionModeByAgent?.[candidate];
           if (candidate !== agent && current) permissionModeByAgent[candidate] = current;
@@ -244,6 +251,7 @@
       if (agent === "qoder") return state.qoderModel;
       if (agent === "qoder-cn") return state.qoderCnModel;
       if (agent === "kimi-code") return state.kimiCodeModel;
+      if (agent === "zcode") return state.zcodeModel;
       return void 0;
     }
     thinkingOptionForAgent(composer, agent) {
@@ -260,6 +268,7 @@
       if (agent === "qoder") return state.qoderThinkingOptionId;
       if (agent === "qoder-cn") return state.qoderCnThinkingOptionId;
       if (agent === "kimi-code") return state.kimiCodeThinkingOptionId;
+      if (agent === "zcode") return state.zcodeThinkingOptionId;
       return void 0;
     }
     permissionModeForAgent(composer, agent) {
@@ -290,6 +299,7 @@
       else if (agent === "qoder") state.qoderModel = model;
       else if (agent === "qoder-cn") state.qoderCnModel = model;
       else if (agent === "kimi-code") state.kimiCodeModel = model;
+      else if (agent === "zcode") state.zcodeModel = model;
       else state.antigravityModel = model;
       return state;
     }
@@ -351,6 +361,10 @@
         state.kimiCodeThinkingOptionId = thinkingOptionId;
       } else if (agent === "kimi-code") {
         delete state.kimiCodeThinkingOptionId;
+      } else if (agent === "zcode" && thinkingOptionId) {
+        state.zcodeThinkingOptionId = thinkingOptionId;
+      } else if (agent === "zcode") {
+        delete state.zcodeThinkingOptionId;
       }
       return state;
     }
@@ -439,6 +453,213 @@
     }
   };
 
+  // src/codex-ssh-adapter.ts
+  var record = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+  function createCodexSshClient(ownerWindow) {
+    function request(operation, params, signal) {
+      const bridge = ownerWindow.electronBridge;
+      if (!bridge?.sendMessageFromView)
+        return Promise.reject(new Error("Codex SSH settings are unavailable in this window"));
+      if (signal?.aborted) return Promise.reject(new DOMException("Aborted", "AbortError"));
+      return new Promise((resolve, reject) => {
+        const requestId = ownerWindow.crypto.randomUUID();
+        const finish = (error51, value) => {
+          ownerWindow.clearTimeout(timer);
+          ownerWindow.removeEventListener("message", receive);
+          signal?.removeEventListener("abort", abort);
+          if (error51) reject(error51);
+          else resolve(value);
+        };
+        const abort = () => finish(new DOMException("Aborted", "AbortError"));
+        const receive = (event) => {
+          const message = event.data;
+          if (!record(message) || message.type !== "fetch-response" || message.requestId !== requestId)
+            return;
+          if (message.responseType !== "success" || typeof message.status !== "number" || message.status < 200 || message.status >= 300 || typeof message.bodyJsonString !== "string") {
+            finish(new Error("Codex SSH request failed; check the native Connections settings"));
+            return;
+          }
+          try {
+            finish(null, JSON.parse(message.bodyJsonString));
+          } catch {
+            finish(new Error("Invalid Codex SSH response"));
+          }
+        };
+        const timer = ownerWindow.setTimeout(
+          () => finish(new Error("Codex SSH request timed out; refresh before retrying")),
+          15e3
+        );
+        ownerWindow.addEventListener("message", receive);
+        signal?.addEventListener("abort", abort, { once: true });
+        try {
+          Promise.resolve(
+            bridge.sendMessageFromView({
+              type: "fetch",
+              requestId,
+              method: "POST",
+              url: `vscode://codex/${operation}`,
+              body: JSON.stringify(params),
+              reportUploadProgress: false
+            })
+          ).catch((error51) => finish(error51));
+        } catch (error51) {
+          finish(error51);
+        }
+      });
+    }
+    async function list(signal) {
+      const result = await request("refresh-remote-connections", {}, signal);
+      if (!record(result) || !Array.isArray(result.remoteConnections))
+        throw new Error("Invalid Codex SSH connection list");
+      return result.remoteConnections.filter(
+        (item) => !(record(item) && ["wsl", "remote-control"].includes(String(item.source)))
+      ).map((item) => {
+        if (!record(item) || typeof item.hostId !== "string" || typeof item.displayName !== "string" || !["codex-managed", "discovered"].includes(String(item.source)) || typeof item.sshHost !== "string" || typeof item.autoConnect !== "boolean" || !(item.sshAlias == null || typeof item.sshAlias === "string") || !(item.identity == null || typeof item.identity === "string") || !(item.sshPort == null || Number.isInteger(item.sshPort) && Number(item.sshPort) > 0 && Number(item.sshPort) <= 65535)) {
+          throw new Error(
+            "This Codex version uses an unsupported SSH configuration; open native settings"
+          );
+        }
+        return {
+          ...item,
+          sshAlias: item.sshAlias ?? null,
+          identity: item.identity ?? null,
+          sshPort: item.sshPort ?? null
+        };
+      });
+    }
+    function saved(connection) {
+      return {
+        hostId: connection.hostId,
+        displayName: connection.displayName,
+        source: connection.source,
+        alias: connection.sshAlias,
+        hostname: connection.source === "discovered" ? null : connection.sshHost,
+        sshPort: connection.source === "discovered" ? null : connection.sshPort,
+        identity: connection.source === "discovered" ? null : connection.identity,
+        ...connection.connectionAnalyticsId ? { connectionAnalyticsId: connection.connectionAnalyticsId } : {}
+      };
+    }
+    async function mutate(previous, draft, signal) {
+      const current = await list(signal);
+      if (previous) {
+        const latest = current.find((item) => item.hostId === previous.hostId);
+        if (!latest || JSON.stringify(saved(latest)) !== JSON.stringify(saved(previous))) {
+          throw new Error("This connection changed in Codex. Refresh and edit it again.");
+        }
+      }
+      const next = current.filter((item) => item.hostId !== previous?.hostId).map(saved);
+      if (draft) {
+        const hostname3 = draft.hostname.trim();
+        const displayName = draft.displayName.trim();
+        if (!displayName || !hostname3 || hostname3.startsWith("-") || /\s/u.test(hostname3) || draft.sshPort !== null && (!Number.isInteger(draft.sshPort) || draft.sshPort < 1 || draft.sshPort > 65535)) {
+          throw new Error("Enter a name, SSH hostname (or alias), and a port between 1 and 65535");
+        }
+        if (current.some(
+          (item) => item.hostId !== previous?.hostId && item.displayName.trim() === displayName
+        )) {
+          throw new Error("A connection with this name already exists");
+        }
+        if (previous?.source === "discovered" && (hostname3 !== previous.sshHost || draft.sshPort !== previous.sshPort || draft.identity !== previous.identity)) {
+          throw new Error("Edit SSH-config connection details in native Codex settings");
+        }
+        next.push(
+          previous?.source === "discovered" ? { ...saved(previous), displayName } : {
+            hostId: previous?.hostId ?? `remote-ssh-codex-managed:${ownerWindow.crypto.randomUUID()}`,
+            displayName,
+            source: "codex-managed",
+            alias: null,
+            hostname: hostname3,
+            sshPort: draft.sshPort,
+            identity: draft.identity?.trim() || null,
+            ...previous?.connectionAnalyticsId ? { connectionAnalyticsId: previous.connectionAnalyticsId } : {}
+          }
+        );
+      }
+      await request("save-codex-managed-remote-ssh-connections", { remoteConnections: next }, signal);
+    }
+    return {
+      list,
+      save: (draft, previous, signal) => mutate(previous, draft, signal),
+      remove: (previous, signal) => mutate(previous, null, signal),
+      async connect(hostId, enabled, signal) {
+        await request("set-remote-connection-auto-connect", { hostId, autoConnect: enabled }, signal);
+      },
+      async state(hostId, signal) {
+        const result = await request("app-server-connection-state", { hostId }, signal);
+        if (!record(result) || typeof result.state !== "string")
+          throw new Error("Invalid Codex connection state");
+        return {
+          state: result.state,
+          error: typeof result.error === "string" ? result.error : record(result.error) && typeof result.error.message === "string" ? result.error.message : null
+        };
+      }
+    };
+  }
+
+  // src/remote-connections-control.ts
+  function remoteUpdateTarget(local, remote) {
+    if (!remote.updateSupported || !remote.remote || !remote.installedVersion || !local?.runningVersion)
+      return null;
+    if (["installing", "restarting", "failed"].includes(remote.update.phase)) return null;
+    const stable = /^(\d+)\.(\d+)\.(\d+)$/u;
+    if (!stable.test(local.runningVersion) || !stable.test(remote.installedVersion)) return null;
+    const left = local.runningVersion.split(".").map(Number);
+    const right = remote.installedVersion.split(".").map(Number);
+    const index = left.findIndex((part, index2) => part !== right[index2]);
+    if (index >= 0 && (left[index] ?? 0) > (right[index] ?? 0)) return local.runningVersion;
+    if (index < 0 && remote.restartRequired) return remote.installedVersion;
+    return null;
+  }
+  function createRemoteConnectionsControl(ownerWindow, getClient) {
+    async function bounded(operation) {
+      let timer;
+      try {
+        return await Promise.race([
+          operation,
+          new Promise((_, reject) => {
+            timer = ownerWindow.setTimeout(
+              () => reject(new Error("Remote service did not respond; reconnect and retry")),
+              8e3
+            );
+          })
+        ]);
+      } finally {
+        ownerWindow.clearTimeout(timer);
+      }
+    }
+    const control = {
+      ssh: createCodexSshClient(ownerWindow),
+      async setup(connection, action, version2) {
+        const client = getClient("local");
+        if (!client?.setupSsh)
+          throw new Error("SSH installation is unavailable; update local codexhost and restart");
+        return client.setupSsh({
+          hostname: connection.sshAlias ?? connection.sshHost,
+          port: connection.sshPort,
+          identity: connection.identity,
+          action,
+          version: version2 ?? null
+        });
+      },
+      async runtime(hostId) {
+        const client = getClient(hostId);
+        if (!client?.runtimeStatus)
+          throw new Error(
+            "Version management is unavailable; update codexhost on this host and reconnect"
+          );
+        return bounded(client.runtimeStatus());
+      },
+      async update(hostId, version2) {
+        if (hostId === "local") throw new Error("Choose a remote SSH connection");
+        const client = getClient(hostId);
+        if (!client?.updateRemote)
+          throw new Error("Remote update is unavailable; update this remote once and reconnect");
+        return bounded(client.updateRemote(version2));
+      }
+    };
+    return control;
+  }
+
   // ../../node_modules/zod/v4/classic/external.js
   var external_exports = {};
   __export(external_exports, {
@@ -633,7 +854,7 @@
     promise: () => promise,
     property: () => _property,
     readonly: () => readonly,
-    record: () => record,
+    record: () => record2,
     refine: () => refine,
     regex: () => _regex,
     regexes: () => regexes_exports,
@@ -12971,7 +13192,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     preprocess: () => preprocess,
     promise: () => promise,
     readonly: () => readonly,
-    record: () => record,
+    record: () => record2,
     refine: () => refine,
     set: () => set,
     strictObject: () => strictObject,
@@ -13940,7 +14161,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     inst.keyType = def.keyType;
     inst.valueType = def.valueType;
   });
-  function record(keyType, valueType, params) {
+  function record2(keyType, valueType, params) {
     if (!valueType || !valueType._zod) {
       return new ZodRecord({
         type: "record",
@@ -14407,7 +14628,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }, ...args);
   function json(params) {
     const jsonSchema = lazy(() => {
-      return union([string2(params), number2(), boolean2(), _null3(), array(jsonSchema), record(string2(), jsonSchema)]);
+      return union([string2(params), number2(), boolean2(), _null3(), array(jsonSchema), record2(string2(), jsonSchema)]);
     });
     return jsonSchema;
   }
@@ -15043,6 +15264,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "codexhost/harness/display-settings/get",
     "codexhost/harness/display-settings/set",
     "codexhost/harness/inspect",
+    "codexhost/harness/installation",
     "codexhost/harness/launch-settings/get",
     "codexhost/harness/launch-settings/set",
     "codexhost/harness/web-ui/open",
@@ -15728,14 +15950,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var HARNESS_INSTALLATION_METHOD = "codexhost/harness/installation";
   var harnessInstallationParamsSchema = external_exports.object({
     harnessId: harnessIdSchema,
-    action: external_exports.enum(["check", "update"])
+    action: external_exports.enum(["check", "update", "install"])
   }).strict();
   var harnessInstallationStateSchema = external_exports.object({
     currentVersion: external_exports.string().min(1).max(128),
     latestVersion: external_exports.string().min(1).max(128),
     updateAvailable: external_exports.boolean(),
     canUpdate: external_exports.boolean(),
-    message: external_exports.string().max(2048).optional()
+    // Adapter-owned diagnostic text; UI uses messageCode rather than displaying it verbatim.
+    message: external_exports.string().max(2048).optional(),
+    messageCode: external_exports.string().min(1).max(128).optional(),
+    latestVersionKind: external_exports.enum(["unknown", "tracking-branch"]).optional()
   }).strict();
 
   // ../shared-contracts/dist/codex-accounts.js
@@ -16061,6 +16286,41 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return `${HARNESS_COMMAND_MENTION_PATH_PREFIX}${encodeURIComponent(name).replace(/[()]/gu, (character) => `%${character.charCodeAt(0).toString(16).toUpperCase()}`)}`;
   }
 
+  // ../shared-contracts/dist/remote-runtime.js
+  var RUNTIME_STATUS_METHOD = "codexhost/runtime/status";
+  var REMOTE_UPDATE_METHOD = "codexhost/remote/update";
+  var remoteUpdatePhaseSchema = external_exports.enum([
+    "idle",
+    "installing",
+    "restarting",
+    "succeeded",
+    "failed"
+  ]);
+  var runtimeStatusSchema = external_exports.object({
+    runningVersion: external_exports.string().nullable(),
+    installedVersion: external_exports.string().nullable(),
+    restartRequired: external_exports.boolean(),
+    remote: external_exports.boolean(),
+    updateSupported: external_exports.boolean(),
+    update: external_exports.object({
+      phase: remoteUpdatePhaseSchema,
+      targetVersion: external_exports.string().nullable(),
+      error: external_exports.string().nullable()
+    })
+  });
+  var remoteUpdateParamsSchema = external_exports.object({
+    version: external_exports.string().regex(/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/u)
+  }).strict();
+  var REMOTE_SSH_SETUP_METHOD = "codexhost/remote/ssh-setup";
+  var remoteSshSetupParamsSchema = external_exports.object({
+    hostname: external_exports.string().min(1).max(1024).refine((value) => !value.startsWith("-") && !/\s/u.test(value)),
+    port: external_exports.number().int().min(1).max(65535).nullable(),
+    identity: external_exports.string().max(4096).nullable(),
+    action: external_exports.enum(["inspect", "install", "update", "repair"]),
+    version: external_exports.string().regex(/^\d+\.\d+\.\d+$/u).nullable()
+  }).strict();
+  var remoteSshSetupResultSchema = external_exports.object({ state: external_exports.enum(["installed", "not-installed"]) }).strict();
+
   // ../shared-contracts/dist/index.js
   var workspaceContractVersionSchema = external_exports.literal(WORKSPACE_CONTRACT_VERSION);
 
@@ -16172,6 +16432,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return sharedStore;
   }
 
+  // src/assets/zcode-agent.svg
+  var zcode_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">%0A  <path fill="%232D2D2D" stroke="%23FFFFFF" stroke-width="0.6317" stroke-miterlimit="10" d="M24.51,28.51H5.49c-2.21,0-4-1.79-4-4V5.49c0-2.21,1.79-4,4-4h19.03c2.21,0,4,1.79,4,4v19.03C28.51,26.72,26.72,28.51,24.51,28.51z"/>%0A  <g fill="%23FFFFFF">%0A    <path d="M15.47,7.1l-1.3,1.85c-0.2,0.29-0.54,0.47-0.9,0.47h-7.1V7.09C6.16,7.1,15.47,7.1,15.47,7.1z"/>%0A    <polygon points="24.3,7.1 13.14,22.91 5.7,22.91 16.86,7.1"/>%0A    <path d="M14.53,22.91l1.31-1.86c0.2-0.29,0.54-0.47,0.9-0.47h7.09v2.33H14.53z"/>%0A  </g>%0A</svg>%0A';
+
   // src/assets/kimi-agent.svg
   var kimi_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">%0A  <rect width="40" height="40" rx="10" fill="%23000000"/>%0A  <path d="M31.6957 7.11414C32.8305 7.11414 33.7505 8.0341 33.7505 9.16893V9.16893C33.7505 10.3038 32.8305 11.2237 31.6957 11.2237L29.8826 11.2237C29.7491 11.2237 29.6409 11.1155 29.6409 10.982L29.6409 9.16893C29.6409 8.0341 30.5609 7.11414 31.6957 7.11414Z" fill="%231783FF"/>%0A  <path d="M20.1757 19.0798L27.9302 11.3864C28.0761 11.2413 27.9939 10.9498 27.8056 10.9498H23.633C23.5877 10.9498 23.5438 10.9683 23.5084 11.0038L15.1533 19.2911C15.023 19.4192 14.8304 19.305 14.8304 19.0998V11.1951C14.8304 11.0593 14.7411 10.9498 14.6321 10.9498H11.7569C11.6478 10.9498 11.5586 11.0593 11.5586 11.1951V28.2387C11.5586 28.3745 11.6478 28.484 11.7569 28.484H14.6321C14.7411 28.484 14.8304 28.3745 14.8304 28.2387V24.7661C14.8304 24.6921 14.8573 24.6211 14.904 24.5748L17.4945 22.0047C17.5568 21.943 17.6432 21.9337 17.7126 21.98L24.6414 27.0786C25.7759 27.8423 27.0436 28.3112 28.331 28.4501C28.4458 28.4624 28.5449 28.3483 28.5449 28.2048V24.9343C28.5449 24.8093 28.4698 24.7075 28.3693 24.6921C27.6115 24.5733 26.8722 24.2802 26.2037 23.8297L20.2054 19.487C20.0808 19.4037 20.0652 19.1893 20.1757 19.0798Z" fill="%23FFFFFF"/>%0A</svg>%0A';
 
@@ -16225,7 +16488,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     hermes: "Hermes",
     qoder: "Qoder",
     "qoder-cn": "Qoder CN",
-    "kimi-code": "Kimi Code"
+    "kimi-code": "Kimi Code",
+    zcode: "ZCode"
   };
   var PI_PATHS = [
     {
@@ -16301,9 +16565,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       image.style.flex = "none";
       return image;
     }
-    if (agent === "antigravity" || agent === "kiro-cli" || agent === "codebuddy" || agent === "workbuddy" || agent === "cursor-cli" || agent === "kimi-code") {
+    if (agent === "antigravity" || agent === "kiro-cli" || agent === "codebuddy" || agent === "workbuddy" || agent === "cursor-cli" || agent === "kimi-code" || agent === "zcode") {
       const image = ownerDocument.createElement("img");
-      image.src = agent === "kimi-code" ? kimi_agent_default : agent === "codebuddy" ? codebuddy_agent_default : agent === "workbuddy" ? workbuddy_agent_default : agent === "cursor-cli" ? cursor_agent_default : agent === "kiro-cli" ? kiro_agent_default : antigravity_agent_default;
+      image.src = agent === "zcode" ? zcode_agent_default : agent === "kimi-code" ? kimi_agent_default : agent === "codebuddy" ? codebuddy_agent_default : agent === "workbuddy" ? workbuddy_agent_default : agent === "cursor-cli" ? cursor_agent_default : agent === "kiro-cli" ? kiro_agent_default : antigravity_agent_default;
       image.alt = "";
       image.draggable = false;
       image.style.width = `${size}px`;
@@ -16838,11 +17102,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     input.type = "text";
     input.autocomplete = "off";
     input.spellcheck = false;
-    input.placeholder = messages.launchPathPlaceholder;
+    input.placeholder = agent === "zcode" ? messages.launchPathZcodePlaceholder : messages.launchPathPlaceholder;
     input.setAttribute("aria-label", messages.launchPathLabel);
     label.append(input);
     const help = document2.createElement("p");
-    help.textContent = messages.launchPathWorkbuddyHelp;
+    help.textContent = agent === "zcode" ? messages.launchPathZcodeHelp : messages.launchPathWorkbuddyHelp;
     const actions = document2.createElement("div");
     actions.className = "settings-harness-launch__actions";
     const save = document2.createElement("button");
@@ -16921,6 +17185,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   ];
   var node = ["Requires Node.js (including npm).", "\u9700\u5148\u5B89\u88C5 Node.js\uFF08\u5305\u542B npm\uFF09\u3002"];
   var guides = {
+    zcode: {
+      // codexhost runs the Agent CLI bundled with the installed ZCode Desktop.
+      url: "https://github.com/BytePioneer-AI/codex-host/blob/main/docs/harnesses/zcode/zcode-harness-integration.md#%E5%AE%89%E8%A3%85",
+      commands: [],
+      before: [
+        "Install ZCode Desktop and sign in with a Start Plan account. If ZCode is not in the default location (/Applications/ZCode.app on macOS, %LOCALAPPDATA%\\Programs\\ZCode on Windows, /opt/ZCode on Linux), set its path in the connection settings.",
+        "\u8BF7\u5B89\u88C5 ZCode Desktop \u5E76\u767B\u5F55 Start Plan \u8D26\u53F7\u3002ZCode \u4E0D\u5728\u9ED8\u8BA4\u5B89\u88C5\u4F4D\u7F6E\uFF08macOS \u4E3A /Applications/ZCode.app\uFF0CWindows \u4E3A %LOCALAPPDATA%\\Programs\\ZCode\uFF0CLinux \u4E3A /opt/ZCode\uFF09\u65F6\uFF0C\u53EF\u5728\u8FDE\u63A5\u8BBE\u7F6E\u4E2D\u586B\u5199\u5176\u8DEF\u5F84\u3002"
+      ],
+      downloads: [{ label: "ZCode", url: "https://zcode.z.ai/" }],
+      after: [
+        "Check again after signing in. The ZCode Desktop window does not need to stay open.",
+        "\u767B\u5F55\u540E\u91CD\u65B0\u68C0\u6D4B\uFF1B\u4F7F\u7528\u65F6\u4E0D\u9700\u8981\u4FDD\u6301 ZCode \u7A97\u53E3\u6253\u5F00\u3002"
+      ]
+    },
     pi: {
       url: "https://pi.dev/",
       commands: shells(
@@ -16939,11 +17217,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     },
     "deepseek-harness": {
       url: "https://github.com/deepseek-ai/deepseek-harness#run",
-      // Must match the Adapter's exact supported range, not npm's latest tag.
-      commands: npm("@deepseek-ai/dsh@0.1.5-rc.1"),
+      commands: npm("@deepseek-ai/dsh@latest"),
       before: [
-        "Requires Node.js. Installs the compatible version 0.1.5-rc.1.",
-        "\u9700\u5148\u5B89\u88C5 Node.js\u3002\u4E0B\u65B9\u547D\u4EE4\u5B89\u88C5\u517C\u5BB9\u7248\u672C 0.1.5-rc.1\u3002"
+        "Requires Node.js. Installs npm's latest version; connection still requires native protocol validation.",
+        "\u9700\u5148\u5B89\u88C5 Node.js\u3002\u5B89\u88C5 npm \u6700\u65B0\u7248\u672C\uFF1B\u8FDE\u63A5\u4ECD\u9700\u901A\u8FC7\u539F\u751F\u534F\u8BAE\u6821\u9A8C\u3002"
       ],
       after: [
         "Check again, then open Web UI to configure your provider. Stop any manually started dsh web first.",
@@ -17002,17 +17279,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       url: "https://www.workbuddy.ai/docs/workbuddy/Quickstart",
       commands: [],
       before: [
-        "Install the WorkBuddy desktop app. codexhost uses its bundled CLI, not the standalone CodeBuddy CLI.",
-        "\u8BF7\u5B89\u88C5 WorkBuddy \u684C\u9762\u5E94\u7528\u3002codexhost \u4F7F\u7528\u5E94\u7528\u5185\u7F6E CLI\uFF0C\u4E0D\u80FD\u7528 CodeBuddy CLI \u4EE3\u66FF\u3002"
+        "Download and install the WorkBuddy desktop app.",
+        "\u8BF7\u4E0B\u8F7D\u5E76\u5B89\u88C5 WorkBuddy \u684C\u9762\u5E94\u7528\u3002"
       ],
       downloads: [
         {
-          label: "macOS",
-          url: "https://www.workbuddy.ai/docs/workbuddy/From-Beginner-to-Expert-Guide/Installation-Mac-Guide"
-        },
-        {
-          label: "Windows",
-          url: "https://www.workbuddy.ai/docs/workbuddy/From-Beginner-to-Expert-Guide/Installation-Win-Guide"
+          label: "WorkBuddy",
+          url: "https://www.workbuddy.ai/"
         }
       ],
       after: [
@@ -17066,6 +17339,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       after: start("kimi")
     }
   };
+  function harnessHasInstallCommands(agent) {
+    return guides[agent].commands.length > 0;
+  }
   function harnessInstallationGuide(agent, locale) {
     const guide = guides[agent];
     const index = locale === "zh-CN" ? 1 : 0;
@@ -17073,7 +17349,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
 
   // src/settings/harness-installation-panel.ts
-  function createHarnessInstallationPanel(document2, agent, hostId, messages, copy, refresh) {
+  function createHarnessInstallationPanel(document2, agent, hostId, messages, copy, installation) {
     const zh = messages.locale === "zh-CN";
     const guide = harnessInstallationGuide(agent, messages.locale);
     const panel = document2.createElement("div");
@@ -17087,6 +17363,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       paragraph(zh ? "\u8BF7\u5728\u8FDC\u7A0B Host \u4E0A\u5B89\u88C5\u3002" : "Install on the remote Host.");
     }
     if (guide.before) paragraph(guide.before);
+    const install2 = installation && guide.commands.length > 0 ? document2.createElement("button") : null;
+    if (install2 && installation) {
+      install2.type = "button";
+      install2.className = "settings-command-button";
+      install2.dataset.connectionAction = "install";
+      install2.disabled = installation.status !== "idle";
+      install2.textContent = installation.status === "installing" ? messages.connectionStatusInstalling : installation.status === "checking" ? messages.connectionStatusChecking : zh ? "\u4E00\u952E\u5B89\u88C5" : "Install automatically";
+      install2.addEventListener("click", () => {
+        if (install2.disabled) return;
+        install2.disabled = true;
+        install2.textContent = messages.connectionStatusInstalling;
+        installation.run();
+      });
+      if (guide.commands.length > 1) panel.append(install2);
+    }
     for (const { terminal, command } of guide.commands) {
       const block = document2.createElement("div");
       block.className = "settings-harness-installation-command";
@@ -17104,40 +17395,153 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       button.setAttribute("aria-label", `${copyLabel}: ${terminal}`);
       button.append(createRendererSettingsIcon("copy", 16), copyLabel);
       button.addEventListener("click", () => copy(button, command, copyLabel));
-      block.append(label, pre, button);
+      const actions = document2.createElement("div");
+      actions.className = "settings-harness-installation-actions";
+      if (install2 && guide.commands.length === 1) actions.append(install2);
+      actions.append(button);
+      block.append(label, pre, actions);
       panel.append(block);
     }
-    const link = (url2, label) => {
-      const anchor = document2.createElement("a");
-      anchor.className = "settings-command-button settings-command-button--secondary";
-      anchor.href = url2;
-      anchor.target = "_blank";
-      anchor.rel = "noopener noreferrer";
-      anchor.append(label, createRendererSettingsIcon("external-link", 14));
-      panel.append(anchor);
-    };
     for (const download of guide.downloads ?? []) {
-      link(
-        download.url,
-        `${download.label} \xB7 ${zh ? "\u4E0B\u8F7D\u4E0E\u5B89\u88C5\u6307\u5357" : "Download and installation guide"}`
-      );
+      const link = document2.createElement("a");
+      link.className = "settings-command-button settings-command-button--secondary";
+      link.href = download.url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.textContent = zh ? "\u4E0B\u8F7D" : "Download";
+      link.setAttribute("aria-label", `${link.textContent} ${download.label}`);
+      panel.append(link);
     }
     paragraph(guide.after);
-    const check2 = document2.createElement("button");
-    check2.type = "button";
-    check2.className = "settings-command-button";
-    check2.dataset.connectionAction = "check-install";
-    check2.textContent = zh ? "\u91CD\u65B0\u68C0\u6D4B" : "Check again";
-    check2.addEventListener("click", () => {
-      check2.disabled = true;
-      check2.textContent = messages.connectionRefreshing;
-      refresh();
-    });
-    panel.append(check2);
-    link(guide.url, zh ? "\u67E5\u770B\u5B98\u65B9\u5B89\u88C5\u8BF4\u660E" : "View official installation instructions");
     return panel;
   }
 
+  // src/settings/harness-official-websites.ts
+  var HARNESS_OFFICIAL_WEBSITES = {
+    pi: "https://pi.dev/",
+    "claude-code": "https://code.claude.com/",
+    "deepseek-harness": "https://github.com/deepseek-ai/deepseek-harness",
+    opencode: "https://opencode.ai/",
+    grok: "https://www.npmjs.com/package/@xai-official/grok",
+    omp: "https://github.com/can1357/oh-my-pi",
+    antigravity: "https://antigravity.google/",
+    "kiro-cli": "https://kiro.dev/",
+    codebuddy: "https://www.codebuddy.ai/",
+    workbuddy: "https://www.workbuddy.ai/",
+    "cursor-cli": "https://cursor.com/",
+    hermes: "https://hermes-agent.nousresearch.com/",
+    qoder: "https://qoder.com/",
+    "qoder-cn": "https://qoder.cn/",
+    "kimi-code": "https://code.kimi.com/",
+    zcode: "https://zcode.z.ai/"
+  };
+
+  // src/settings/harness-install-store.ts
+  function errorMessage(error51) {
+    return typeof error51 === "object" && error51 !== null && "message" in error51 && typeof error51.message === "string" ? error51.message.slice(0, 2048) : "Could not install the Harness. Check the official installation guide and retry.";
+  }
+  var stores = /* @__PURE__ */ new WeakMap();
+  function createStore(diagnostics) {
+    const states = /* @__PURE__ */ new Map();
+    const listeners = /* @__PURE__ */ new Set();
+    const key = (host, agent) => JSON.stringify([host, agent]);
+    const notify = () => listeners.forEach((listener) => listener());
+    return {
+      get: (host, agent) => states.get(key(host, agent)),
+      clearErrors() {
+        for (const [id, state] of states) if (state.status === "error") states.delete(id);
+        notify();
+      },
+      subscribe(listener) {
+        listeners.add(listener);
+        return () => {
+          listeners.delete(listener);
+        };
+      },
+      async install(host, agent) {
+        const id = key(host, agent);
+        const previous = states.get(id);
+        if (!diagnostics.installation || previous && previous.status !== "error") return;
+        states.set(id, { status: "installing" });
+        notify();
+        let failure;
+        try {
+          await diagnostics.installation(host, agent, "install");
+          states.set(id, { status: "checking" });
+          notify();
+        } catch (error51) {
+          failure = errorMessage(error51);
+        }
+        try {
+          await diagnostics.refresh(host);
+          const refreshed = diagnostics.snapshot().hosts.find((candidate) => candidate.hostId === host)?.agents.find((candidate) => candidate.agent === agent);
+          if (refreshed?.availability === "ready") failure = void 0;
+        } catch (error51) {
+          failure ??= errorMessage(error51);
+        }
+        if (failure) states.set(id, { status: "error", error: failure });
+        else states.delete(id);
+        notify();
+      }
+    };
+  }
+  function harnessInstallStore(diagnostics) {
+    let store = stores.get(diagnostics);
+    if (!store) {
+      store = createStore(diagnostics);
+      stores.set(diagnostics, store);
+    }
+    return store;
+  }
+
+  // src/settings/harness-version-messages.ts
+  var harnessVersionEnglish = Object.freeze({
+    unknown: "Unknown",
+    trackingBranch: "Tracking branch (new commits)",
+    notes: Object.freeze({
+      "original-installer": "Use the original installer, package manager, or launcher to update this installation.",
+      "claude-policy-restricted": "Claude updates are restricted by the installation's settings or policy.",
+      "codebuddy-npm-required": "Use CodeBuddy's native updater or original package manager. Latest-version checks here require an identified npm installation.",
+      "deepseek-original-installer": "Update with the original installer. Python, desktop, and project-local installations are not upgraded through global npm.",
+      "kiro-native-updater": "Use Kiro CLI's original installer or native updater to check for and install updates.",
+      "zcode-desktop-updater": "The CLI ships inside ZCode Desktop. Update ZCode Desktop itself to update it.",
+      "qoder-check-unavailable": "This Qoder China release does not expose a non-installing update check. Use its original installer.",
+      "hermes-update-plan-unavailable": "This Hermes release does not expose a safe update plan. Use the original installer.",
+      "hermes-externally-managed": "This Hermes installation is managed externally. Update it through its desktop app, container, or original package manager.",
+      "hermes-update-channel": "Uses Hermes's configured update channel. Gateway restarts are deferred; existing processes keep their running code.",
+      "hermes-manual-update": "Use the native updater manually. Safe non-interactive updates require a clean source checkout, commit identity, and Gateway restart deferral."
+    })
+  });
+  var harnessVersionChinese = Object.freeze({
+    unknown: "\u672A\u77E5",
+    trackingBranch: "\u8DDF\u8E2A\u5206\u652F\uFF08\u6709\u65B0\u63D0\u4EA4\uFF09",
+    notes: Object.freeze({
+      "original-installer": "\u8BF7\u4F7F\u7528\u539F\u5B89\u88C5\u7A0B\u5E8F\u3001\u5305\u7BA1\u7406\u5668\u6216\u542F\u52A8\u5668\u66F4\u65B0\u6B64\u5B89\u88C5\u3002",
+      "claude-policy-restricted": "\u6B64 Claude \u5B89\u88C5\u7684\u8BBE\u7F6E\u6216\u7B56\u7565\u9650\u5236\u4E86\u66F4\u65B0\u3002",
+      "codebuddy-npm-required": "\u8BF7\u4F7F\u7528 CodeBuddy \u539F\u751F\u66F4\u65B0\u5668\u6216\u539F\u5305\u7BA1\u7406\u5668\u66F4\u65B0\u3002\u6B64\u5904\u4EC5\u80FD\u67E5\u8BE2\u5DF2\u8BC6\u522B\u7684 npm \u5B89\u88C5\u7684\u6700\u65B0\u7248\u672C\u3002",
+      "deepseek-original-installer": "\u8BF7\u4F7F\u7528\u539F\u5B89\u88C5\u65B9\u5F0F\u66F4\u65B0\u3002Python\u3001\u684C\u9762\u5E94\u7528\u53CA\u9879\u76EE\u5185\u5B89\u88C5\u4E0D\u4F1A\u901A\u8FC7\u5168\u5C40 npm \u66F4\u65B0\u3002",
+      "kiro-native-updater": "\u8BF7\u4F7F\u7528 Kiro CLI \u539F\u5B89\u88C5\u7A0B\u5E8F\u6216\u539F\u751F\u66F4\u65B0\u5668\u68C0\u67E5\u5E76\u5B89\u88C5\u66F4\u65B0\u3002",
+      "zcode-desktop-updater": "CLI \u968F ZCode Desktop \u4E00\u8D77\u53D1\u5E03\uFF0C\u8BF7\u76F4\u63A5\u66F4\u65B0 ZCode Desktop\u3002",
+      "qoder-check-unavailable": "\u6B64 Qoder \u4E2D\u56FD\u7248\u5C1A\u4E0D\u652F\u6301\u53EA\u68C0\u67E5\u3001\u4E0D\u5B89\u88C5\u7684\u66F4\u65B0\u67E5\u8BE2\uFF0C\u8BF7\u4F7F\u7528\u539F\u5B89\u88C5\u65B9\u5F0F\u66F4\u65B0\u3002",
+      "hermes-update-plan-unavailable": "\u6B64 Hermes \u7248\u672C\u4E0D\u63D0\u4F9B\u5B89\u5168\u7684\u66F4\u65B0\u8BA1\u5212\uFF0C\u8BF7\u4F7F\u7528\u539F\u5B89\u88C5\u65B9\u5F0F\u66F4\u65B0\u3002",
+      "hermes-externally-managed": "\u6B64 Hermes \u5B89\u88C5\u7531\u5916\u90E8\u5DE5\u5177\u7BA1\u7406\uFF0C\u8BF7\u901A\u8FC7\u5176\u684C\u9762\u5E94\u7528\u3001\u5BB9\u5668\u6216\u539F\u5305\u7BA1\u7406\u5668\u66F4\u65B0\u3002",
+      "hermes-update-channel": "\u4F7F\u7528 Hermes \u914D\u7F6E\u7684\u66F4\u65B0\u6E20\u9053\uFF0C\u6682\u4E0D\u91CD\u542F Gateway\uFF1B\u73B0\u6709\u8FDB\u7A0B\u7EE7\u7EED\u8FD0\u884C\u539F\u6709\u4EE3\u7801\u3002",
+      "hermes-manual-update": "\u8BF7\u624B\u52A8\u4F7F\u7528\u539F\u751F\u66F4\u65B0\u5668\u3002\u5B89\u5168\u7684\u975E\u4EA4\u4E92\u66F4\u65B0\u8981\u6C42\u6E90\u7801\u76EE\u5F55\u65E0\u672A\u63D0\u4EA4\u4FEE\u6539\u3001\u53EF\u8BC6\u522B\u5F53\u524D\u63D0\u4EA4\uFF0C\u5E76\u652F\u6301\u63A8\u8FDF Gateway \u91CD\u542F\u3002"
+    })
+  });
+  function harnessVersionLabel(state, messages) {
+    if (!state) return "\u2014";
+    if (state.latestVersionKind === "unknown" || state.latestVersion === "Unknown")
+      return messages.unknown;
+    if (state.latestVersionKind === "tracking-branch" || state.latestVersion === "Tracking branch (new commits)")
+      return messages.trackingBranch;
+    return state.latestVersion;
+  }
+  function harnessVersionNote(state, messages) {
+    const code = state?.messageCode;
+    return code && Object.hasOwn(messages.notes, code) ? messages.notes[code] : void 0;
+  }
+
   // src/settings/harness-version-panel.ts
   function createHarnessVersionPanel(document2, messages, signal, agent, client) {
     const panel = document2.createElement("section");
@@ -17158,29 +17562,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     update.type = "button";
     update.className = "settings-command-button settings-command-button--secondary";
     update.dataset.harnessVersionAction = "update";
-    const guide = document2.createElement("a");
-    guide.className = update.className;
-    guide.href = harnessInstallationGuide(agent, messages.locale).url;
-    guide.target = "_blank";
-    guide.rel = "noopener noreferrer";
-    guide.append(
-      messages.connectionOpenInstallation,
-      createRendererSettingsIcon("external-link", 14)
-    );
     const note = document2.createElement("p");
     note.className = "settings-connection-issue-note";
     note.textContent = messages.harnessVersionNote;
-    actions.append(update, guide);
+    actions.append(update);
     panel.append(heading, versions, status, actions, note);
     let state;
     let busy = false;
     let unsupported = false;
     const render = () => {
       current.textContent = `${messages.harnessVersionCurrent}: ${state?.currentVersion ?? "\u2014"}`;
-      latest.textContent = `${messages.harnessVersionLatest}: ${state?.latestVersion ?? "\u2014"}`;
+      latest.textContent = `${messages.harnessVersionLatest}: ${harnessVersionLabel(state, messages.harnessVersion)}`;
       update.disabled = busy || signal.aborted || !state?.canUpdate || !state.updateAvailable;
       update.textContent = state?.canUpdate && state.latestVersion !== "Unknown" && !state.updateAvailable ? messages.harnessVersionUpToDate : messages.harnessVersionUpdate;
-      note.textContent = state?.message ? `${state.message} ${messages.harnessVersionNote}` : messages.harnessVersionNote;
+      const detail = harnessVersionNote(state, messages.harnessVersion);
+      note.textContent = detail ? `${detail} ${messages.harnessVersionNote}` : messages.harnessVersionNote;
     };
     const run = async (action) => {
       if (busy || unsupported || signal.aborted) return;
@@ -17213,6 +17609,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // src/settings/connections-page.ts
   var CODEXHOST_GITHUB_ISSUES_NEW_URL = "https://github.com/BytePioneer-AI/codex-host/issues/new";
   function connectionStatusLabel(availability, messages, hasError = false) {
+    if (availability === "updating") return messages.connectionStatusUpdating;
     if (hasError && availability !== "notInstalled") return messages.connectionStatusError;
     if (availability === "ready") return messages.connectionStatusReady;
     if (availability === "checking") return messages.connectionStatusChecking;
@@ -17223,6 +17620,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     return availability === "installing" ? messages.connectionStatusInstalling : messages.connectionStatusUnsupported;
   }
   function connectionStatusTone(availability, hasError = false) {
+    if (availability === "updating") return "checking";
     if (hasError && availability !== "notInstalled") return "failed";
     if (availability === "ready") return "ready";
     if (availability === "checking" || availability === "installing") return "checking";
@@ -17248,16 +17646,6 @@ ${error51.stderrTail}`] : []
       ] : []
     ].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);
   }
@@ -17380,20 +17768,23 @@ ${error51.stderrTail}`] : []
     status.className = "settings-connection-row__status";
     status.dataset.connectionTone = connectionStatusTone(item.availability, item.error !== null);
     status.setAttribute("role", "cell");
-    status.textContent = connectionStatusLabel(item.availability, messages, item.error !== null);
+    status.textContent = item.error?.code === "authenticationRequired" ? messages.connectionLoginRequired : item.error?.code === "configurationRequired" ? messages.connectionConfigurationRequired : connectionStatusLabel(item.availability, messages, item.error !== null);
     const action = document2.createElement("div");
     action.className = "settings-connection-row__action";
     action.setAttribute("role", "cell");
-    if (item.agentSnapshot?.availability === "notInstalled") {
+    if (item.agentSnapshot?.availability === "notInstalled" && item.install) {
       const install2 = document2.createElement("button");
       install2.type = "button";
       install2.className = "settings-connection-install-link";
       install2.addEventListener("click", (event) => {
         event.stopPropagation();
         select();
+        item.install?.();
       });
-      install2.setAttribute("aria-label", `${messages.connectionOpenInstallation}: ${item.name}`);
-      install2.title = messages.connectionOpenInstallation;
+      install2.disabled = item.availability === "installing" || item.availability === "checking";
+      const installLabel = messages.connectionInstall;
+      install2.setAttribute("aria-label", `${installLabel}: ${item.name}`);
+      install2.title = installLabel;
       install2.append(createRendererSettingsIcon("download", 17));
       action.append(install2);
     } else if (item.error) {
@@ -17429,6 +17820,7 @@ ${error51.stderrTail}`] : []
       select();
     });
     row.addEventListener("keydown", (event) => {
+      if (event.target?.closest?.("button, a")) return;
       if (event.key !== "Enter" && event.key !== " ") return;
       event.preventDefault();
       select();
@@ -17453,10 +17845,22 @@ ${error51.stderrTail}`] : []
     const title = document2.createElement("strong");
     title.textContent = item.name;
     identity.append(createConnectionIdentityIcon(document2, item, 20), title);
+    if (item.agentSnapshot) {
+      const website = document2.createElement("a");
+      website.className = "settings-connection-website";
+      website.href = HARNESS_OFFICIAL_WEBSITES[item.agentSnapshot.agent];
+      website.target = "_blank";
+      website.rel = "noopener noreferrer";
+      website.title = messages.connectionOfficialWebsite;
+      website.setAttribute("aria-label", `${messages.connectionOfficialWebsite}: ${item.name}`);
+      website.append(createRendererSettingsIcon("external-link", 13));
+      website.addEventListener("click", (event) => event.stopPropagation());
+      identity.append(website);
+    }
     const status = document2.createElement("span");
     status.className = "settings-connection-row__status";
     status.dataset.connectionTone = connectionStatusTone(item.availability, item.error !== null);
-    status.textContent = connectionStatusLabel(item.availability, messages, item.error !== null);
+    status.textContent = item.error?.code === "authenticationRequired" ? messages.connectionLoginRequired : item.error?.code === "configurationRequired" ? messages.connectionConfigurationRequired : item.agentSnapshot && item.availability === "ready" && !item.error ? messages.connectionStatusConnected : connectionStatusLabel(item.availability, messages, item.error !== null);
     header.append(identity, status);
     return header;
   }
@@ -17464,6 +17868,13 @@ ${error51.stderrTail}`] : []
     inspector.replaceChildren(createInspectorHeader(document2, item, messages));
     const body = document2.createElement("div");
     body.className = "settings-connection-inspector__body";
+    if (item.installError) {
+      const error51 = document2.createElement("div");
+      error51.className = "settings-connection-error-summary";
+      error51.setAttribute("role", "alert");
+      error51.textContent = item.installError;
+      body.append(error51);
+    }
     if (item.agentSnapshot?.agent === "deepseek-harness") {
       const compatibility = document2.createElement("p");
       compatibility.className = "settings-connection-compatibility";
@@ -17471,52 +17882,49 @@ ${error51.stderrTail}`] : []
       body.append(compatibility);
     }
     if (item.agentSnapshot?.availability === "notInstalled") {
-      const callout = document2.createElement("div");
-      callout.className = "settings-connection-install-callout";
-      const icon2 = document2.createElement("span");
-      icon2.className = "settings-connection-install-callout__icon";
-      icon2.append(createRendererSettingsIcon("download", 18));
-      const copy = document2.createElement("div");
-      const title = document2.createElement("strong");
-      title.textContent = `${messages.connectionInstall} ${item.name}`;
-      const description = document2.createElement("p");
-      description.textContent = messages.connectionInstallDescription;
-      copy.append(title, description);
-      callout.append(icon2, copy);
-      const install2 = createHarnessInstallationPanel(
-        document2,
-        item.agentSnapshot.agent,
-        hostId,
-        messages,
-        (button, command, label) => copyDiagnosticsToClipboard(document2, button, command, messages, label),
-        refresh
+      const zh = messages.locale === "zh-CN";
+      const busy = item.availability === "installing" || item.availability === "checking";
+      const note = (text) => {
+        const paragraph = document2.createElement("p");
+        paragraph.textContent = text;
+        body.append(paragraph);
+      };
+      if (busy) note(messages.connectionInstallRunning);
+      body.append(
+        createHarnessInstallationPanel(
+          document2,
+          item.agentSnapshot.agent,
+          hostId,
+          messages,
+          (button, command, label) => copyDiagnosticsToClipboard(document2, button, command, messages, label),
+          item.install ? {
+            run: item.install,
+            status: busy ? item.availability : "idle"
+          } : void 0
+        )
       );
-      body.append(callout, install2);
+      const check2 = document2.createElement("button");
+      check2.type = "button";
+      check2.className = "settings-command-button";
+      check2.dataset.connectionAction = "check-install";
+      check2.textContent = zh ? "\u91CD\u65B0\u68C0\u6D4B" : "Check again";
+      check2.disabled = busy;
+      check2.addEventListener("click", () => {
+        check2.disabled = true;
+        check2.textContent = messages.connectionRefreshing;
+        refresh();
+      });
+      body.append(check2);
     } else if (item.error) {
       const summary = document2.createElement("div");
       summary.className = "settings-connection-error-summary";
       const title = document2.createElement("strong");
-      title.textContent = messages.connectionErrorTitle;
+      const needsLogin = item.error.code === "authenticationRequired";
+      const needsConfiguration = item.error.code === "configurationRequired";
+      title.textContent = needsLogin ? messages.connectionLoginRequired : needsConfiguration ? messages.connectionConfigurationRequired : messages.connectionErrorTitle;
       const description = document2.createElement("p");
-      description.textContent = item.error.message;
+      description.textContent = needsLogin ? messages.connectionLoginDescription : needsConfiguration ? messages.connectionConfigurationDescription : item.error.message;
       summary.append(title, description);
-      const metadata = document2.createElement("div");
-      metadata.className = "settings-connection-error-metadata";
-      metadata.append(
-        detailLine(document2, messages.connectionErrorCode, item.error.code),
-        detailLine(document2, messages.connectionRetryable, String(item.error.retryable))
-      );
-      if (item.error.stage) {
-        metadata.append(detailLine(document2, messages.connectionFailureStage, item.error.stage));
-      }
-      if (item.error.durationMs !== void 0) {
-        metadata.append(
-          detailLine(document2, messages.connectionDuration, `${item.error.durationMs} ms`)
-        );
-      }
-      if (item.error.diagnostic) {
-        metadata.append(detailLine(document2, messages.connectionDiagnostic, item.error.diagnostic));
-      }
       const logHeader = document2.createElement("div");
       logHeader.className = "settings-connection-error-log-header";
       const logTitle = document2.createElement("strong");
@@ -17532,7 +17940,7 @@ ${error51.stderrTail}`] : []
       logHeader.append(logTitle, copy);
       const log = document2.createElement("pre");
       log.className = "settings-connection-stderr";
-      log.textContent = item.error.stderrTail ?? item.error.diagnostic ?? report;
+      log.textContent = report;
       const actions = document2.createElement("div");
       actions.className = "settings-connection-error-actions";
       const issue2 = document2.createElement("a");
@@ -17545,16 +17953,16 @@ ${error51.stderrTail}`] : []
       const issueNote = document2.createElement("p");
       issueNote.className = "settings-connection-issue-note";
       issueNote.textContent = messages.connectionIssueDescription;
-      body.append(summary, metadata, logHeader, log, actions, issueNote);
+      body.append(summary, logHeader, log, actions, issueNote);
     } else {
       const status = document2.createElement("div");
       status.className = "settings-connection-state-summary";
       const title = document2.createElement("strong");
       title.textContent = connectionStatusLabel(item.availability, messages);
       const description = document2.createElement("p");
-      description.textContent = item.availability === "ready" ? messages.connectionReadyDescription : messages.connectionUnavailableDescription;
+      description.textContent = item.availability === "updating" ? messages.harnessVersionUpdating : item.availability === "ready" ? messages.connectionReadyDescription : messages.connectionUnavailableDescription;
       status.append(title, description);
-      body.append(status);
+      if (!item.agentSnapshot || item.availability !== "ready") body.append(status);
       if (item.openWebUi) {
         const open = document2.createElement("button");
         open.type = "button";
@@ -17578,7 +17986,7 @@ ${error51.stderrTail}`] : []
     const agent = item.agentSnapshot?.agent;
     const getLaunchSettings = diagnostics?.getLaunchSettings?.bind(diagnostics);
     const setLaunchSettings = diagnostics?.setLaunchSettings?.bind(diagnostics);
-    if (hostId === "local" && agent === "workbuddy" && getLaunchSettings && setLaunchSettings) {
+    if (hostId === "local" && (agent === "zcode" || agent === "workbuddy") && getLaunchSettings && setLaunchSettings) {
       launchControls = existingLaunchControls ?? createHarnessLaunchControls(document2, messages, agent, {
         get: () => getLaunchSettings(hostId, agent),
         set: (path) => setLaunchSettings(hostId, agent, path)
@@ -17672,9 +18080,11 @@ ${error51.stderrTail}`] : []
         let selectedItemKey = null;
         let launchControls = null;
         const versionPanels = /* @__PURE__ */ new Map();
+        const updatingVersions = /* @__PURE__ */ new Set();
         let latestSnapshot = null;
         let disposeHostScroller = () => void 0;
         const diagnostics = getDiagnostics();
+        const installs = diagnostics ? harnessInstallStore(diagnostics) : null;
         const runRefresh = () => {
           if (pending || !diagnostics) return;
           pending = true;
@@ -17685,6 +18095,7 @@ ${error51.stderrTail}`] : []
           );
           void context.runLatest(() => diagnostics.refresh(), {
             success() {
+              installs?.clearErrors();
               pending = false;
               refresh.disabled = false;
               refresh.replaceChildren(
@@ -17728,12 +18139,11 @@ ${error51.stderrTail}`] : []
           latestSnapshot = snapshot;
           disposeHostScroller();
           disposeHostScroller = () => void 0;
-          content.replaceChildren();
           if (!snapshot) {
             const empty = document2.createElement("div");
             empty.className = "settings-empty";
             empty.textContent = messages.connectionNoRuntime;
-            content.append(empty);
+            content.replaceChildren(empty);
             return;
           }
           const selectedHost = (selectedHostId ? snapshot.hosts.find((host) => host.hostId === selectedHostId) : void 0) ?? snapshot.hosts.find((host) => host.active) ?? snapshot.hosts.find((host) => host.hostId === "local") ?? snapshot.hosts[0];
@@ -17805,7 +18215,24 @@ ${error51.stderrTail}`] : []
           const inspector = document2.createElement("aside");
           inspector.className = "settings-connection-inspector";
           inspector.setAttribute("aria-live", "polite");
-          const items = connectionItems(snapshot, selectedHost, messages, diagnostics);
+          const items = connectionItems(snapshot, selectedHost, messages, diagnostics).map(
+            (item) => {
+              const agent = item.agentSnapshot?.agent;
+              if (!agent) return item;
+              const state = installs?.get(selectedHost.hostId, agent);
+              return {
+                ...item,
+                ...state ? { availability: state.status } : {},
+                ...updatingVersions.has(JSON.stringify([selectedHost.hostId, agent])) ? { availability: "updating" } : {},
+                ...state?.error ? { installError: state.error } : {},
+                ...diagnostics?.installation && harnessHasInstallCommands(agent) ? {
+                  install: () => {
+                    void installs?.install(selectedHost.hostId, agent);
+                  }
+                } : {}
+              };
+            }
+          );
           if (!items.some((item) => item.key === selectedItemKey)) {
             const requestedFocus = pendingFocusAgent;
             pendingFocusAgent = null;
@@ -17835,13 +18262,23 @@ ${error51.stderrTail}`] : []
             launchControls = { hostId: selectedHost.hostId, itemKey: item.key, element };
             const agent = item.agentSnapshot?.agent;
             const installation = diagnostics?.installation?.bind(diagnostics);
-            if (agent && item.availability !== "notInstalled" && item.availability !== "checking" && installation) {
+            if (agent && item.agentSnapshot?.availability !== "notInstalled" && item.availability !== "installing" && item.availability !== "checking" && installation) {
               const key = JSON.stringify([selectedHost.hostId, agent]);
               let panel = versionPanels.get(key);
               if (!panel) {
                 const hostId = selectedHost.hostId;
                 panel = createHarnessVersionPanel(document2, messages, context.signal, agent, {
-                  run: (action) => installation(hostId, agent, action)
+                  async run(action) {
+                    if (action !== "update") return installation(hostId, agent, action);
+                    updatingVersions.add(key);
+                    if (diagnostics) render(diagnostics.snapshot());
+                    try {
+                      return await installation(hostId, agent, action);
+                    } finally {
+                      updatingVersions.delete(key);
+                      if (!context.signal.aborted && diagnostics) render(diagnostics.snapshot());
+                    }
+                  }
                 });
                 versionPanels.set(key, panel);
               }
@@ -17866,7 +18303,7 @@ ${error51.stderrTail}`] : []
           const agentByKey = new Map(groupableItems.map((item) => [item.key, item]));
           const preferenceOrder = groupPreference.list(
             new Set(
-              groupableItems.filter((item) => item.availability === "notInstalled").map((item) => item.agentSnapshot.agent)
+              groupableItems.filter((item) => item.agentSnapshot.availability === "notInstalled").map((item) => item.agentSnapshot.agent)
             )
           ).filter((entry) => agentByKey.has(entry.agent));
           for (const item of groupableItems) {
@@ -18007,7 +18444,7 @@ ${error51.stderrTail}`] : []
           if (selectedItem) selectItem(selectedItem);
           list.append(hostStrip, tableHeader, rows);
           layout.append(list, inspector);
-          content.append(layout);
+          content.replaceChildren(layout);
           disposeHostScroller = configureHostScroller(
             document2,
             hostStrip,
@@ -18018,7 +18455,14 @@ ${error51.stderrTail}`] : []
           const selectedTab = [...tabs.children].find(
             (child) => child.getAttribute("aria-selected") === "true"
           );
-          selectedTab?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+          if (selectedTab) {
+            const left = selectedTab.offsetLeft;
+            const right = left + selectedTab.offsetWidth;
+            if (left < tabs.scrollLeft) tabs.scrollLeft = left;
+            else if (right > tabs.scrollLeft + tabs.clientWidth) {
+              tabs.scrollLeft = right - tabs.clientWidth;
+            }
+          }
         };
         render(diagnostics?.snapshot() ?? null);
         const unsubscribeGroup = groupPreference.subscribe(
@@ -18033,8 +18477,10 @@ ${error51.stderrTail}`] : []
         }
         refresh.addEventListener("click", runRefresh);
         const unsubscribe = diagnostics.subscribe(() => render(diagnostics.snapshot()));
+        const unsubscribeInstalls = installs?.subscribe(() => render(diagnostics.snapshot()));
         return () => {
           disposeHostScroller();
+          unsubscribeInstalls?.();
           unsubscribe();
           unsubscribeGroup();
         };
@@ -18241,19 +18687,20 @@ ${error51.stderrTail}`] : []
     connectionCopyDetails: "Copy 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",
+    connectionStatusConnected: "Connected",
+    connectionLoginRequired: "Login required",
+    connectionConfigurationRequired: "Setup required",
+    connectionConfigurationDescription: "Configure a Provider and its required credentials in this Harness on the selected Host, then check the connection again.",
+    connectionLoginDescription: "Complete login or authentication setup in this Harness on the selected Host, then check the connection again.",
     connectionStatusChecking: "Checking",
     connectionStatusNotInstalled: "Not installed",
     connectionStatusUnavailable: "Unavailable",
     connectionStatusError: "Error",
     connectionStatusInstalling: "Installing",
+    connectionStatusUpdating: "Updating",
     connectionStatusUnsupported: "Unsupported",
     connectionComponent: "Component",
     connectionStatus: "Status",
@@ -18262,6 +18709,8 @@ ${error51.stderrTail}`] : []
     launchPathLabel: "Installed application path",
     launchPathPlaceholder: "Installation folder, e.g. D:\\program\\WorkBuddy",
     launchPathWorkbuddyHelp: "This integration requires the WorkBuddy app. If it is not detected automatically, enter its installation folder. codexhost locates the required files inside it. Restart codexhost after saving to apply.",
+    launchPathZcodePlaceholder: "Application path, e.g. /Applications/ZCode.app or D:\\program\\ZCode",
+    launchPathZcodeHelp: "This integration requires the ZCode Desktop app. If it is not detected automatically, enter its application path (the .app bundle on macOS, the installation folder on Windows and Linux). codexhost locates the required files inside it. Restart codexhost after saving to apply.",
     launchPathSave: "Save path",
     launchPathReset: "Clear override",
     launchPathRestart: "Saved. Restart codexhost to apply; running sessions are unchanged.",
@@ -18271,11 +18720,13 @@ ${error51.stderrTail}`] : []
     launchPathLoading: "Loading launch settings\u2026",
     launchPathLoadError: "Could not load launch settings. Reopen this detail panel to retry.",
     launchPathSaveError: "Could not save. Enter an existing absolute installation folder on this Host and check configuration permissions.",
-    connectionOpenInstallation: "Show installation instructions",
+    connectionOfficialWebsite: "Visit official website",
     connectionOpenHarnessWeb: "Open DeepSeek Harness Web",
-    connectionDeepSeekTestedVersions: "Supported DSH versions: 0.1.2-rc.1, 0.1.5-rc.1, 0.1.5-rc.2, 0.1.5-rc.3, 0.1.7-rc.1 and 0.1.7-rc.2. Other versions may connect after native protocol checks, but are not listed as supported.",
+    connectionDeepSeekTestedVersions: "Supported DSH versions: 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1 and 0.2.0-rc.2. Versions newer than 0.2.0-rc.2 can be tried, but compatibility may be limited; versions older than 0.1.7-rc.1 must be upgraded first.",
     connectionInstall: "Install",
     connectionInstallDescription: "This Harness was not detected.",
+    connectionInstallRunning: "Installing on the selected Host. You can leave this page; login or setup may still be required afterward.",
+    harnessVersion: harnessVersionEnglish,
     harnessVersionTitle: "Harness CLI version",
     harnessVersionCurrent: "Current version",
     harnessVersionLatest: "Latest version",
@@ -18362,6 +18813,7 @@ ${error51.stderrTail}`] : []
     aboutConsoleFailed: "The console could not be opened",
     pageLabels: Object.freeze({
       connections: "Connections",
+      "remote-connections": "Remote connections",
       appearance: "General",
       accounts: "Accounts",
       "session-import": "Session Import",
@@ -18505,19 +18957,20 @@ ${error51.stderrTail}`] : []
     connectionCopyDetails: "\u590D\u5236\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",
+    connectionStatusConnected: "\u5DF2\u8FDE\u63A5",
+    connectionLoginRequired: "\u9700\u8981\u767B\u5F55",
+    connectionConfigurationRequired: "\u9700\u8981\u914D\u7F6E",
+    connectionConfigurationDescription: "\u8BF7\u5728\u6240\u9009 Host \u4E0A\u914D\u7F6E\u8BE5 Harness \u7684 Provider \u53CA\u6240\u9700\u8BA4\u8BC1\u4FE1\u606F\uFF0C\u7136\u540E\u91CD\u65B0\u68C0\u6D4B\u8FDE\u63A5\u3002",
+    connectionLoginDescription: "\u8BF7\u5728\u6240\u9009 Host \u4E0A\u5B8C\u6210\u8BE5 Harness \u7684\u767B\u5F55\u6216\u8BA4\u8BC1\u914D\u7F6E\uFF0C\u7136\u540E\u91CD\u65B0\u68C0\u6D4B\u8FDE\u63A5\u3002",
     connectionStatusChecking: "\u68C0\u67E5\u4E2D",
     connectionStatusNotInstalled: "\u672A\u5B89\u88C5",
     connectionStatusUnavailable: "\u4E0D\u53EF\u7528",
     connectionStatusError: "\u9519\u8BEF",
     connectionStatusInstalling: "\u5B89\u88C5\u4E2D",
+    connectionStatusUpdating: "\u66F4\u65B0\u4E2D",
     connectionStatusUnsupported: "\u4E0D\u652F\u6301",
     connectionComponent: "\u7EC4\u4EF6",
     connectionStatus: "\u72B6\u6001",
@@ -18526,6 +18979,8 @@ ${error51.stderrTail}`] : []
     launchPathLabel: "\u5E94\u7528\u5B89\u88C5\u8DEF\u5F84",
     launchPathPlaceholder: "\u586B\u5199\u5B89\u88C5\u76EE\u5F55\uFF0C\u4F8B\u5982 D:\\program\\WorkBuddy",
     launchPathWorkbuddyHelp: "\u6B64\u63A5\u5165\u4F9D\u8D56 WorkBuddy \u5E94\u7528\u3002\u82E5\u672A\u81EA\u52A8\u8BC6\u522B\uFF0C\u8BF7\u586B\u5199\u5E94\u7528\u5B89\u88C5\u76EE\u5F55\uFF0Ccodexhost \u4F1A\u81EA\u52A8\u5B9A\u4F4D\u6240\u9700\u6587\u4EF6\u3002\u4FDD\u5B58\u540E\u91CD\u542F codexhost \u751F\u6548\u3002",
+    launchPathZcodePlaceholder: "\u586B\u5199\u5E94\u7528\u8DEF\u5F84\uFF0C\u4F8B\u5982 /Applications/ZCode.app \u6216 D:\\program\\ZCode",
+    launchPathZcodeHelp: "\u6B64\u63A5\u5165\u4F9D\u8D56 ZCode Desktop \u5E94\u7528\u3002\u82E5\u672A\u81EA\u52A8\u8BC6\u522B\uFF0C\u8BF7\u586B\u5199\u5E94\u7528\u8DEF\u5F84\uFF08macOS \u4E3A .app\uFF0CWindows \u548C Linux \u4E3A\u5B89\u88C5\u76EE\u5F55\uFF09\uFF0Ccodexhost \u4F1A\u81EA\u52A8\u5B9A\u4F4D\u6240\u9700\u6587\u4EF6\u3002\u4FDD\u5B58\u540E\u91CD\u542F codexhost \u751F\u6548\u3002",
     launchPathSave: "\u4FDD\u5B58\u8DEF\u5F84",
     launchPathReset: "\u6E05\u9664\u81EA\u5B9A\u4E49\u8DEF\u5F84",
     launchPathRestart: "\u5DF2\u4FDD\u5B58\uFF0C\u91CD\u542F codexhost \u540E\u751F\u6548\uFF1B\u5F53\u524D\u8FD0\u884C\u4E2D\u7684\u4F1A\u8BDD\u4E0D\u53D7\u5F71\u54CD\u3002",
@@ -18535,11 +18990,13 @@ ${error51.stderrTail}`] : []
     launchPathLoading: "\u6B63\u5728\u8BFB\u53D6\u542F\u52A8\u8BBE\u7F6E\u2026",
     launchPathLoadError: "\u65E0\u6CD5\u8BFB\u53D6\u542F\u52A8\u8BBE\u7F6E\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u6B64\u8BE6\u60C5\u9762\u677F\u91CD\u8BD5\u3002",
     launchPathSaveError: "\u4FDD\u5B58\u5931\u8D25\u3002\u8BF7\u586B\u5199\u6B64 Host \u4E0A\u5B9E\u9645\u5B58\u5728\u7684\u5B89\u88C5\u76EE\u5F55\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u5E76\u786E\u8BA4\u914D\u7F6E\u76EE\u5F55\u53EF\u5199\u3002",
-    connectionOpenInstallation: "\u67E5\u770B\u5B89\u88C5\u6307\u5F15",
+    connectionOfficialWebsite: "\u8BBF\u95EE\u5B98\u7F51",
     connectionOpenHarnessWeb: "\u6253\u5F00 DeepSeek Harness Web",
-    connectionDeepSeekTestedVersions: "\u652F\u6301 DSH \u7248\u672C\uFF1A0.1.2-rc.1\u30010.1.5-rc.1\u30010.1.5-rc.2\u30010.1.5-rc.3\u30010.1.7-rc.1 \u548C 0.1.7-rc.2\u3002\u5176\u4ED6\u7248\u672C\u53EF\u4EE5\u5728\u901A\u8FC7\u539F\u751F\u534F\u8BAE\u68C0\u67E5\u540E\u5C1D\u8BD5\u8FDE\u63A5\uFF0C\u4F46\u5C1A\u672A\u5217\u5165\u652F\u6301\u5217\u8868\u3002",
+    connectionDeepSeekTestedVersions: "\u652F\u6301 DSH \u7248\u672C\uFF1A0.1.7-rc.1\u30010.1.7-rc.2\u30010.2.0-rc.1 \u548C 0.2.0-rc.2\u3002\u9AD8\u4E8E 0.2.0-rc.2 \u7684\u7248\u672C\u53EF\u4EE5\u5C1D\u8BD5\u8FDE\u63A5\uFF0C\u4F46\u9002\u914D\u5EA6\u53EF\u80FD\u6709\u9650\uFF1B\u4F4E\u4E8E 0.1.7-rc.1 \u7684\u7248\u672C\u9700\u8981\u5148\u5347\u7EA7\u3002",
     connectionInstall: "\u5B89\u88C5",
     connectionInstallDescription: "\u5C1A\u672A\u68C0\u6D4B\u5230\u8BE5 Harness\u3002",
+    connectionInstallRunning: "\u6B63\u5728\u6240\u9009 Host \u4E0A\u5B89\u88C5\uFF0C\u79BB\u5F00\u9875\u9762\u4E0D\u4F1A\u4E2D\u65AD\u3002\u5B89\u88C5\u540E\u53EF\u80FD\u4ECD\u9700\u767B\u5F55\u6216\u914D\u7F6E\u3002",
+    harnessVersion: harnessVersionChinese,
     harnessVersionTitle: "Harness CLI \u7248\u672C",
     harnessVersionCurrent: "\u5F53\u524D\u7248\u672C",
     harnessVersionLatest: "\u6700\u65B0\u7248\u672C",
@@ -18626,6 +19083,7 @@ ${error51.stderrTail}`] : []
     aboutConsoleFailed: "\u63A7\u5236\u53F0\u6253\u5F00\u5931\u8D25",
     pageLabels: Object.freeze({
       connections: "\u8FDE\u63A5",
+      "remote-connections": "\u8FDC\u7A0B\u8FDE\u63A5",
       appearance: "\u901A\u7528",
       accounts: "\u8D26\u53F7",
       "session-import": "\u4F1A\u8BDD\u5BFC\u5165",
@@ -18684,7 +19142,8 @@ ${error51.stderrTail}`] : []
     hermes: "https://hermes-agent.nousresearch.com/docs",
     qoder: "https://docs.qoder.com/",
     "qoder-cn": "https://docs.qoder.cn/",
-    "kimi-code": "https://moonshotai.github.io/kimi-code/en/guides/getting-started.html"
+    "kimi-code": "https://moonshotai.github.io/kimi-code/en/guides/getting-started.html",
+    zcode: "https://github.com/BytePioneer-AI/codex-host/blob/main/docs/harnesses/zcode/zcode-harness-integration.md#%E5%AE%89%E8%A3%85"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
   var AGENT_MENU_WIDTH = 224;
@@ -22027,7 +22486,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const thinkingReady = availableThinkingOptions.length === 0 || availableThinkingOptions.some(({ id }) => id === modelView.selectedThinkingOptionId);
     const modelReady = selectedModel !== void 0 && selectedCatalogModel !== void 0;
     const modelBlocked = state.agent !== "codex" && (modelView.status === "selecting" || !modelReady || !thinkingReady);
-    const permissionModeBlocked = state.agent !== "codex" && (!isPermissionModeControlReady(permissionModeView) || permissionModeView.status !== "unsupported" && !control.nativePermissionModeControlVerified);
+    const permissionModeBlocked = state.agent !== "codex" && !isPermissionModeControlReady(permissionModeView);
     const submissionBlocked = switching || ownershipError || modelBlocked || permissionModeBlocked;
     if (submissionBlocked && control.sendDisabledBeforeSwitch === null) {
       control.sendDisabledBeforeSwitch = control.sendButton.disabled;
@@ -22665,6 +23124,18 @@ Codex Fast mode prioritizes requests and may increase usage.`
     };
   }
 
+  // src/renderer-native-thread.ts
+  function isRecord3(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+  }
+  async function verifyNativeCodexThread(sendRequest, threadId) {
+    const native = await sendRequest("thread/read", { threadId, includeTurns: false });
+    const thread = isRecord3(native) ? native.thread : null;
+    if (!isRecord3(thread) || thread.id !== threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "codexhost" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "codexhost") {
+      throw new Error("Native Thread response cannot establish Codex ownership");
+    }
+  }
+
   // src/renderer-session-import-client.ts
   var RendererSessionImportUnavailableError = class extends Error {
     constructor() {
@@ -22739,15 +23210,15 @@ Codex Fast mode prioritizes requests and may increase usage.`
   var CODEX_ACCOUNT_LIST_METHOD = "codexhost/account/list";
   var CODEX_ACCOUNT_REFRESH_METHOD = "codexhost/account/refresh";
   var CODEX_ACCOUNT_CHANGED_METHOD = "codexhost/account/changed";
-  function isRecord3(value) {
+  function isRecord4(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function notifiedThreadId(notification) {
-    if (!isRecord3(notification) || !THREAD_USAGE_REFRESH_METHODS.includes(notification.method)) {
+    if (!isRecord4(notification) || !THREAD_USAGE_REFRESH_METHODS.includes(notification.method)) {
       return null;
     }
     const params = notification.params;
-    if (!isRecord3(params)) return null;
+    if (!isRecord4(params)) return null;
     const parsed = hostThreadIdSchema.safeParse(params.threadId);
     return parsed.success ? parsed.data : null;
   }
@@ -22919,14 +23390,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
           result = await manager.sendRequest(THREAD_INSPECT_METHOD, params);
         } catch (error51) {
           if (!(error51 instanceof RendererMethodUnavailableError)) throw error51;
-          const native = await manager.sendRequest("thread/read", {
-            threadId: params.threadId,
-            includeTurns: false
-          });
-          const thread = isRecord3(native) ? native.thread : null;
-          if (!isRecord3(thread) || thread.id !== params.threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "codexhost" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "codexhost") {
-            throw new Error("Native Thread response cannot establish Codex ownership");
-          }
+          await verifyNativeCodexThread(manager.sendRequest, params.threadId);
           return { owner: "codex", locked: true };
         }
         return threadInspectionSchema.parse(result);
@@ -22973,6 +23437,24 @@ Codex Fast mode prioritizes requests and may increase usage.`
       selectThreadModel,
       selectThreadThinking,
       selectThreadPermissionMode,
+      async setupSsh(input) {
+        return remoteSshSetupResultSchema.parse(
+          await manager.sendRequest(REMOTE_SSH_SETUP_METHOD, remoteSshSetupParamsSchema.parse(input))
+        );
+      },
+      async runtimeStatus() {
+        try {
+          return runtimeStatusSchema.parse(await source.sendRequest(RUNTIME_STATUS_METHOD, {}));
+        } catch (error51) {
+          if (!isUnsupportedMethod(error51, RUNTIME_STATUS_METHOD)) throw error51;
+          throw new RendererMethodUnavailableError(RUNTIME_STATUS_METHOD, error51);
+        }
+      },
+      async updateRemote(version2) {
+        return runtimeStatusSchema.parse(
+          await manager.sendRequest(REMOTE_UPDATE_METHOD, { version: version2 })
+        );
+      },
       async checkUpdate() {
         const result = await manager.sendRequest(
           UPDATE_CHECK_METHOD,
@@ -23051,7 +23533,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
           throw new Error("Renderer Account notification callback is unavailable");
         }
         return notifications.addNotificationCallback(CODEX_ACCOUNT_CHANGED_METHOD, (notification) => {
-          if (!isRecord3(notification) || notification.method !== CODEX_ACCOUNT_CHANGED_METHOD) return;
+          if (!isRecord4(notification) || notification.method !== CODEX_ACCOUNT_CHANGED_METHOD) return;
           const state = codexAccountChangedSchema.safeParse(notification.params);
           if (state.success) listener(state.data);
         });
@@ -23060,16 +23542,16 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
 
   // src/renderer-external-queue.ts
-  function isRecord4(value) {
+  function isRecord5(value) {
     return value !== null && typeof value === "object" && !Array.isArray(value);
   }
   function installRendererExternalQueue(target) {
-    if (!isRecord4(target) || typeof target.getTurnCoordinator !== "function" || typeof target.getConversation !== "function") {
+    if (!isRecord5(target) || typeof target.getTurnCoordinator !== "function" || typeof target.getConversation !== "function") {
       return null;
     }
     const coordinator = target.getTurnCoordinator();
-    const queue = isRecord4(coordinator) ? coordinator.serverQueue : null;
-    if (!isRecord4(queue) || typeof queue.isEnabled !== "function") return null;
+    const queue = isRecord5(coordinator) ? coordinator.serverQueue : null;
+    if (!isRecord5(queue) || typeof queue.isEnabled !== "function") return null;
     const descriptor = Object.getOwnPropertyDescriptor(queue, "isEnabled");
     if (!descriptor?.writable) return null;
     const original = queue.isEnabled;
@@ -23078,7 +23560,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       const threadId = args[0];
       if (typeof threadId === "string") {
         const conversation = getConversation.call(target, threadId);
-        if (isRecord4(conversation) && conversation.id === threadId && // Reserved transport marker from externalThreadValue, retained by
+        if (isRecord5(conversation) && conversation.id === threadId && // Reserved transport marker from externalThreadValue, retained by
         // Desktop in both newly created and hydrated conversation metadata.
         conversation.modelProvider === "codexhost") {
           return false;
@@ -23093,19 +23575,20 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
 
   // src/renderer-external-steering.ts
-  function isRecord5(value) {
+  var THREAD_OWNERSHIP_LIST_METHOD2 = "codexhost/thread/ownership/list";
+  function isRecord6(value) {
     return value !== null && typeof value === "object" && !Array.isArray(value);
   }
   function isManager(value) {
-    return isRecord5(value) && ["sendRequest", "steerTurn", "startTurn", "getTurnCoordinator"].every(
+    return isRecord6(value) && ["sendRequest", "steerTurn", "startTurn", "getTurnCoordinator"].every(
       (key) => typeof value[key] === "function"
     );
   }
   function submissionHost(manager) {
     const coordinator = manager.getTurnCoordinator();
-    const options = isRecord5(coordinator) ? coordinator.options : null;
-    const host = isRecord5(options) ? options.submissionHost : null;
-    if (!isRecord5(host) || typeof host.getActiveTurnId !== "function" || typeof host.hasPendingTurnStart !== "function") {
+    const options = isRecord6(coordinator) ? coordinator.options : null;
+    const host = isRecord6(options) ? options.submissionHost : null;
+    if (!isRecord6(host) || typeof host.getActiveTurnId !== "function" || typeof host.hasPendingTurnStart !== "function") {
       throw new Error("Desktop turn submission binding is unavailable");
     }
     return {
@@ -23147,20 +23630,20 @@ Codex Fast mode prioritizes requests and may increase usage.`
   var INTERRUPTED_QUEUE_REASON = "Interrupted before the steer was accepted.";
   async function preserveQueuedFollowUps(manager, threadId) {
     const coordinator = manager.getTurnCoordinator();
-    if (!isRecord5(coordinator) || typeof coordinator.loadMessages !== "function" || typeof coordinator.readMessages !== "function" || typeof coordinator.mutate !== "function") {
+    if (!isRecord6(coordinator) || typeof coordinator.loadMessages !== "function" || typeof coordinator.readMessages !== "function" || typeof coordinator.mutate !== "function") {
       throw new Error("Desktop follow-up queue binding is unavailable");
     }
     await coordinator.loadMessages.call(coordinator, threadId);
     const messages = coordinator.readMessages.call(coordinator, threadId);
     if (!Array.isArray(messages)) throw new Error("Desktop follow-up queue is unavailable");
     const alreadyPaused = new Set(
-      messages.filter((message) => isRecord5(message) && message.pausedReason != null).map((message) => message.id)
+      messages.filter((message) => isRecord6(message) && message.pausedReason != null).map((message) => message.id)
     );
     return () => {
       coordinator.mutate.call(coordinator, threadId, (current) => {
         if (!Array.isArray(current)) return current;
         return current.map((message) => {
-          if (!isRecord5(message) || alreadyPaused.has(message.id) || message.pausedReason !== INTERRUPTED_QUEUE_REASON)
+          if (!isRecord6(message) || alreadyPaused.has(message.id) || message.pausedReason !== INTERRUPTED_QUEUE_REASON)
             return message;
           const resumed = { ...message };
           delete resumed.pausedReason;
@@ -23178,9 +23661,9 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const pending = /* @__PURE__ */ new Map();
     let disposed = false;
     const send = function(method, params, options) {
-      const messageId = isRecord5(params) ? params.clientUserMessageId : null;
-      const route = typeof messageId === "string" && isRecord5(params) ? routes.get(`${params.threadId}\0${messageId}`) : void 0;
-      if (method !== "turn/start" || !isRecord5(params) || !route || route.threadId !== params.threadId) {
+      const messageId = isRecord6(params) ? params.clientUserMessageId : null;
+      const route = typeof messageId === "string" && isRecord6(params) ? routes.get(`${params.threadId}\0${messageId}`) : void 0;
+      if (method !== "turn/start" || !isRecord6(params) || !route || route.threadId !== params.threadId) {
         return originalSend.call(manager, method, params, options);
       }
       if (disposed) return Promise.reject(new Error("External steering binding was disposed"));
@@ -23199,7 +23682,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
           options
         )
       ).then((response) => {
-        if (!isRecord5(response) || typeof response.turnId !== "string" || !response.turnId) {
+        if (!isRecord6(response) || typeof response.turnId !== "string" || !response.turnId) {
           throw new Error("External steering returned no replacement Turn identity");
         }
         return {
@@ -23230,7 +23713,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       ] = args;
       if (typeof threadId !== "string") return originalSteer.apply(manager, args);
       const role = manager.getStreamRole?.(threadId);
-      if (isRecord5(role) && role.role === "follower") return originalSteer.apply(manager, args);
+      if (isRecord6(role) && role.role === "follower") return originalSteer.apply(manager, args);
       let host = null;
       let expectedTurnId;
       try {
@@ -23238,26 +23721,36 @@ Codex Fast mode prioritizes requests and may increase usage.`
         expectedTurnId = host.getActiveTurnId(threadId);
       } catch {
       }
-      const ownership = threadOwnershipListResultSchema.parse(
-        await originalSend.call(manager, "codexhost/thread/ownership/list", {
+      let ownershipResponse;
+      try {
+        ownershipResponse = await originalSend.call(manager, THREAD_OWNERSHIP_LIST_METHOD2, {
           threadIds: [threadId]
-        })
-      );
+        });
+      } catch (error51) {
+        if (!isUnsupportedMethod(error51, THREAD_OWNERSHIP_LIST_METHOD2)) throw error51;
+        await verifyNativeCodexThread(
+          (method, params) => originalSend.call(manager, method, params),
+          threadId
+        );
+        if (disposed) throw new Error("External steering binding was disposed");
+        return originalSteer.apply(manager, args);
+      }
+      const ownership = threadOwnershipListResultSchema.parse(ownershipResponse);
       const owner = ownership.threads.find((thread) => thread.threadId === threadId)?.owner;
       if (!owner) throw new Error("Thread ownership could not be resolved for steering");
       if (disposed) throw new Error("External steering binding was disposed");
       if (owner === "codex") return originalSteer.apply(manager, args);
       if (!host) throw new Error("Desktop turn submission binding is unavailable");
       const currentRole = manager.getStreamRole?.(threadId);
-      if (isRecord5(currentRole) && currentRole.role === "follower")
+      if (isRecord6(currentRole) && currentRole.role === "follower")
         return originalSteer.apply(manager, args);
       if (!Array.isArray(input) || input.length === 0 || input.some(
-        (item) => !isRecord5(item) || item.type !== "text" || typeof item.text !== "string"
-      ) || !input.some((item) => isRecord5(item) && typeof item.text === "string" && item.text.trim())) {
+        (item) => !isRecord6(item) || item.type !== "text" || typeof item.text !== "string"
+      ) || !input.some((item) => isRecord6(item) && typeof item.text === "string" && item.text.trim())) {
         throw new Error("External steering requires non-empty text input");
       }
       if (toolOutput != null) throw new Error("External steering cannot replace a tool response");
-      if (!isRecord5(restoreMessage) || !isRecord5(restoreMessage.context)) {
+      if (!isRecord6(restoreMessage) || !isRecord6(restoreMessage.context)) {
         throw new Error("Desktop steering message context is unavailable");
       }
       const messageId = typeof clientUserMessageId === "string" && clientUserMessageId ? clientUserMessageId : typeof restoreMessage.id === "string" && restoreMessage.id ? restoreMessage.id : crypto.randomUUID();
@@ -23305,7 +23798,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
           },
           onMessageAdded
         );
-        if (!isRecord5(response) || !isRecord5(response.turn) || typeof response.turn.id !== "string") {
+        if (!isRecord6(response) || !isRecord6(response.turn) || typeof response.turn.id !== "string") {
           throw new Error("Desktop returned no replacement Turn identity");
         }
         try {
@@ -23336,9 +23829,9 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
 
   // src/renderer-thread-reference-capability.ts
-  var record2 = (value) => typeof value === "object" && value !== null;
+  var record3 = (value) => typeof value === "object" && value !== null;
   function restoreThreadReferenceCapability(client, manager, isCurrent) {
-    if (!record2(manager) || !record2(manager.storage)) return client;
+    if (!record3(manager) || !record3(manager.storage)) return client;
     const storage = manager.storage;
     const read = storage.readValue;
     const write = storage.writeValue;
@@ -23373,11 +23866,11 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
 
   // src/renderer-manual-compaction.ts
-  function isRecord6(value) {
+  function isRecord7(value) {
     return value !== null && typeof value === "object" && !Array.isArray(value);
   }
   function installRendererManualCompaction(target, hostId, messages) {
-    if (!messages || typeof messages.addEventListener !== "function" || typeof messages.removeEventListener !== "function" || !isRecord6(target) || typeof target.registerPendingManualContextCompaction !== "function" || typeof target.getConversation !== "function") {
+    if (!messages || typeof messages.addEventListener !== "function" || typeof messages.removeEventListener !== "function" || !isRecord7(target) || typeof target.registerPendingManualContextCompaction !== "function" || typeof target.getConversation !== "function") {
       return null;
     }
     const register = target.registerPendingManualContextCompaction;
@@ -23386,18 +23879,18 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const listener = (event) => {
       if (event.source != null && event.source !== messages) return;
       const message = event.data;
-      if (!isRecord6(message) || message.type !== "mcp-notification" || message.hostId !== hostId || message.method !== THREAD_MANUAL_COMPACTION_STARTED_METHOD) {
+      if (!isRecord7(message) || message.type !== "mcp-notification" || message.hostId !== hostId || message.method !== THREAD_MANUAL_COMPACTION_STARTED_METHOD) {
         return;
       }
       const params = threadManualCompactionStartedSchema.safeParse(message.params);
       if (!params.success) return;
       const { threadId } = params.data;
       const conversation = getConversation.call(target, threadId);
-      if (!isRecord6(conversation) || conversation.id !== threadId || conversation.modelProvider !== "codexhost") {
+      if (!isRecord7(conversation) || conversation.id !== threadId || conversation.modelProvider !== "codexhost") {
         return;
       }
       const role = getStreamRole?.call(target, threadId);
-      if (isRecord6(role) && role.role === "follower") return;
+      if (isRecord7(role) && role.role === "follower") return;
       register.call(target, threadId);
     };
     messages.addEventListener("message", listener);
@@ -23575,7 +24068,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
   var SIDEBAR_THREAD_HOST_ID_ATTRIBUTE = "data-app-action-sidebar-thread-host-id";
   var SIDEBAR_AGENT_ICON_ATTRIBUTE = "data-codexhost-sidebar-agent-icon";
   var OWNERSHIP_RETRY_DELAYS_MS = [100, 300, 800, 1500, 3e3];
-  function isRecord7(value) {
+  function isRecord8(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function sidebarThreadAttributes(element) {
@@ -23602,19 +24095,19 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const fiberName = fiberNames[0];
     if (fiberNames.length !== 1 || !fiberName) return null;
     const firstFiber2 = Object.getOwnPropertyDescriptor(element, fiberName)?.value;
-    if (!isRecord7(firstFiber2)) return null;
+    if (!isRecord8(firstFiber2)) return null;
     const candidates = /* @__PURE__ */ new Set();
     let fiber = firstFiber2;
     for (let depth = 0; fiber && depth < 12; depth += 1) {
       const props = fiber.memoizedProps;
-      if (isRecord7(props) && isRecord7(props.dataAttributes)) {
+      if (isRecord8(props) && isRecord8(props.dataAttributes)) {
         const dataAttributes = props.dataAttributes;
         const threadId = hostThreadIdSchema.safeParse(props.conversationId);
         if (threadId.success && dataAttributes[SIDEBAR_THREAD_ROW_ATTRIBUTE] === rowMarker && dataAttributes[SIDEBAR_THREAD_ID_ATTRIBUTE] === taskKey && dataAttributes[SIDEBAR_THREAD_HOST_ID_ATTRIBUTE] === hostId) {
           candidates.add(threadId.data);
         }
       }
-      fiber = isRecord7(fiber.return) ? fiber.return : null;
+      fiber = isRecord8(fiber.return) ? fiber.return : null;
     }
     return candidates.size === 1 ? candidates.values().next().value ?? null : null;
   }
@@ -23635,6 +24128,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     if (ownership.harnessId === "qoder") return "qoder";
     if (ownership.harnessId === "qoder-cn") return "qoder-cn";
     if (ownership.harnessId === "kimi-code") return "kimi-code";
+    if (ownership.harnessId === "zcode") return "zcode";
     return null;
   }
   function sidebarAgentIconAnchor(titleTrigger, title) {
@@ -23983,7 +24477,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       if (row) finish(row);
     });
   }
-  function isRecord8(value) {
+  function isRecord9(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function firstFiber(element) {
@@ -23993,7 +24487,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const name = names[0];
     if (names.length !== 1 || !name) return null;
     const value = Object.getOwnPropertyDescriptor(element, name)?.value;
-    return isRecord8(value) ? value : null;
+    return isRecord9(value) ? value : null;
   }
   function directForkAncestors(first) {
     const ancestors = [];
@@ -24003,7 +24497,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       if (seen.has(fiber)) return [];
       seen.add(fiber);
       ancestors.push(fiber);
-      fiber = isRecord8(fiber.return) ? fiber.return : null;
+      fiber = isRecord9(fiber.return) ? fiber.return : null;
     }
     return ancestors;
   }
@@ -24021,7 +24515,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     let hasForkCallback = false;
     for (const fiber of ancestors) {
       const props = fiber.memoizedProps;
-      if (!isRecord8(props)) continue;
+      if (!isRecord9(props)) continue;
       if (!hasForkCallback && typeof props.onFork !== "function" && ownsOtherCallback(fiber, props)) {
         return null;
       }
@@ -24053,7 +24547,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     if (!threadId.success || !turnId.success) return null;
     const fiber = firstFiber(button);
     const buttonProps = fiber?.memoizedProps;
-    if (!fiber || !isRecord8(buttonProps) || !Object.hasOwn(buttonProps, "aria-busy")) return null;
+    if (!fiber || !isRecord9(buttonProps) || !Object.hasOwn(buttonProps, "aria-busy")) return null;
     return forkTargetFromAncestors(button, threadId.data, turnId.data, directForkAncestors(fiber)) ?? forkTargetFromAncestors(button, threadId.data, turnId.data, committedReactAncestors(fiber));
   }
   var BrowserRendererForkDom = class {
@@ -24162,12 +24656,12 @@ Codex Fast mode prioritizes requests and may increase usage.`
     if (agent === "kiro-cli") return encodeHarnessPluginRoute({ harnessId: KIRO_CLI_HARNESS_ID });
     if (agent === "codebuddy" || agent === "workbuddy" || agent === "cursor-cli")
       return encodeHarnessPluginRoute({ harnessId: harnessIdSchema.parse(agent) });
-    if (agent === "qoder" || agent === "qoder-cn" || agent === "kimi-code") {
+    if (agent === "qoder" || agent === "qoder-cn" || agent === "kimi-code" || agent === "zcode") {
       return encodeHarnessPluginRoute({ harnessId: harnessIdSchema.parse(agent) });
     }
     return null;
   }
-  function isRecord9(value) {
+  function isRecord10(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function piTransportModelId(model, thinkingOptionId) {
@@ -24426,7 +24920,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
       const props = fiber.memoizedProps;
-      if (isRecord9(props) && "conversationId" in props && props.conversationId != null) {
+      if (isRecord10(props) && "conversationId" in props && props.conversationId != null) {
         const candidate = hostThreadIdSchema.safeParse(props.conversationId);
         if (!candidate.success || threadId !== void 0 && threadId !== candidate.data) {
           return null;
@@ -24439,12 +24933,12 @@ Codex Fast mode prioritizes requests and may increase usage.`
     return threadId;
   }
   function isLegacySevenSlotDraftWrapper(value) {
-    if (!Array.isArray(value) || value.length !== 7 || value[3] !== value[5] || value[3] !== value[6] || !isRecord9(value[3]) || typeof value[3].get !== "function" || typeof value[2] !== "string" && value[2] !== null) {
+    if (!Array.isArray(value) || value.length !== 7 || value[3] !== value[5] || value[3] !== value[6] || !isRecord10(value[3]) || typeof value[3].get !== "function" || typeof value[2] !== "string" && value[2] !== null) {
       return false;
     }
     try {
       const draft = value[3].get();
-      return isRecord9(draft) && "modelSettings" in draft && "isManuallyChanged" in draft;
+      return isRecord10(draft) && "modelSettings" in draft && "isManuallyChanged" in draft;
     } catch {
       return false;
     }
@@ -24478,8 +24972,8 @@ Codex Fast mode prioritizes requests and may increase usage.`
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
       const updateQueue = fiber.updateQueue;
-      const memoCache = isRecord9(updateQueue) ? updateQueue.memoCache : null;
-      const data = isRecord9(memoCache) && Array.isArray(memoCache.data) ? memoCache.data : [];
+      const memoCache = isRecord10(updateQueue) ? updateQueue.memoCache : null;
+      const data = isRecord10(memoCache) && Array.isArray(memoCache.data) ? memoCache.data : [];
       for (const value of data) {
         const draftId = draftIdFromMemoValue(value);
         if (draftId) draftIds.add(draftId);
@@ -24506,7 +25000,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     return ["default", draftIds.values().next().value];
   }
   function isDraftPrewarmPolicyReady(value) {
-    return isRecord9(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
+    return isRecord10(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
   }
   async function waitForRendererDraftPrewarmPolicy(target, composer) {
     const deadline = Date.now() + DRAFT_PREWARM_POLICY_WAIT_TIMEOUT_MS;
@@ -24526,7 +25020,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       ...model ? { model } : {},
       ...thinkingOptionId && agent !== "cursor-cli" ? { thinkingOptionId } : {},
       ...permissionModeId ? { permissionModeId } : {}
-    }) : agent === "hermes" ? hermesTransportModelId(model, permissionModeId) : agent === "qoder" || agent === "qoder-cn" || agent === "kimi-code" ? encodeHarnessPluginRoute({
+    }) : agent === "hermes" ? hermesTransportModelId(model, permissionModeId) : agent === "qoder" || agent === "qoder-cn" || agent === "kimi-code" || agent === "zcode" ? encodeHarnessPluginRoute({
       harnessId: harnessIdSchema.parse(agent),
       ...model ? { model } : {},
       ...thinkingOptionId ? { thinkingOptionId } : {},
@@ -24567,13 +25061,15 @@ Codex Fast mode prioritizes requests and may increase usage.`
       const route = disposed ? null : window.__codexhostHostRoutingV1?.forComposer() ?? null;
       const client = clients.forRoute(route);
       usageSubscription.connect(client);
-      idleReleaseSync.connect(
-        disposed ? null : route?.hostId === "local" ? client : clients.forHost("local")
-      );
+      const localClient = disposed ? null : route?.hostId === "local" ? client : clients.forHost("local");
+      idleReleaseSync.connect(localClient);
+      const connected = !disposed && (client !== null || localClient !== null || (window.__codexhostHostRoutingV1?.knownHostIds?.() ?? []).some(
+        (hostId) => window.__codexhostHostRoutingV1?.forHost(hostId) != null
+      ));
       updateStatus(
-        route ? "ready" : "installing",
-        route ? "ready" : fiberWalkLimited ? "react-fiber-walk-limit-exceeded" : "draft-routing-policy-unavailable",
-        route ? "request-bridge" : null
+        connected ? "ready" : "installing",
+        connected ? "ready" : fiberWalkLimited ? "react-fiber-walk-limit-exceeded" : "draft-routing-policy-unavailable",
+        connected ? "request-bridge" : null
       );
       return route;
     };
@@ -24588,10 +25084,14 @@ Codex Fast mode prioritizes requests and may increase usage.`
       return client;
     };
     const modelControl = Object.freeze({
-      currentHostId: () => {
+      currentHostId: (composer) => {
+        if (composer) {
+          return disposed ? null : window.__codexhostHostRoutingV1?.hostIdForComposer(composer) ?? null;
+        }
         const route = currentRequestRoute();
         return disposed ? null : route?.hostId ?? window.__codexhostHostRoutingV1?.hostIdForComposer() ?? null;
       },
+      knownHostIds: () => disposed ? [] : window.__codexhostHostRoutingV1?.knownHostIds?.() ?? [],
       clientForHost: (hostId) => disposed ? null : clients.forHost(hostId),
       listHarnessPlugins: async () => {
         const client = settingsModelClient();
@@ -24768,11 +25268,11 @@ Codex Fast mode prioritizes requests and may increase usage.`
       return null;
     }
   }
-  function isRecord10(value) {
+  function isRecord11(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function parseExternalConfiguration(value) {
-    if (!isRecord10(value)) return void 0;
+    if (!isRecord11(value)) return void 0;
     const model = harnessModelRefSchema.safeParse(value.model);
     if (!model.success) return void 0;
     const thinkingOptionId = harnessThinkingOptionIdSchema.safeParse(value.thinkingOptionId);
@@ -24789,9 +25289,9 @@ Codex Fast mode prioritizes requests and may increase usage.`
       const raw = storage.getItem(RENDERER_NEW_THREAD_PREFERENCE_KEY);
       if (!raw) return void 0;
       const parsed = JSON.parse(raw);
-      if (!isRecord10(parsed) || parsed.version !== 1) return void 0;
+      if (!isRecord11(parsed) || parsed.version !== 1) return void 0;
       if (!KNOWN_RENDERER_AGENTS.some((agent) => agent === parsed.lastAgent)) return void 0;
-      const externalByAgent = isRecord10(parsed.externalByAgent) ? parsed.externalByAgent : {};
+      const externalByAgent = isRecord11(parsed.externalByAgent) ? parsed.externalByAgent : {};
       const parsedExternal = Object.fromEntries(
         KNOWN_RENDERER_AGENTS.filter(
           (agent) => agent !== "codex"
@@ -24919,7 +25419,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
   var GET_LOCALE_OVERRIDE_URL = "vscode://codex/get-setting";
   var GET_LOCALE_INFO_URL = "vscode://codex/locale-info";
   var DEFAULT_LOCALE_REQUEST_TIMEOUT_MS = 750;
-  function isRecord11(value) {
+  function isRecord12(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function canonicalLocale(value) {
@@ -24941,7 +25441,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     return new DOMException("The operation was aborted", "AbortError");
   }
   function parseLocaleOverride(value) {
-    if (!isRecord11(value) || !("value" in value)) {
+    if (!isRecord12(value) || !("value" in value)) {
       throw new Error("Codex locale override response is malformed");
     }
     if (value.value === null) return { value: null };
@@ -24956,7 +25456,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     return locale;
   }
   function parseLocaleInfo(value) {
-    if (!isRecord11(value)) throw new Error("Codex locale info response is malformed");
+    if (!isRecord12(value)) throw new Error("Codex locale info response is malformed");
     return {
       ideLocale: optionalLocale(value.ideLocale, "IDE locale"),
       systemLocale: optionalLocale(value.systemLocale, "system locale")
@@ -24985,7 +25485,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       const onAbort = () => settle(() => reject(abortError2()));
       const onMessage = (event) => {
         const message2 = event.data;
-        if (!isRecord11(message2) || message2.type !== "fetch-response") return;
+        if (!isRecord12(message2) || message2.type !== "fetch-response") return;
         if (message2.requestId !== requestId) return;
         if (message2.responseType !== "success" || typeof message2.status !== "number" || message2.status < 200 || message2.status >= 300 || typeof message2.bodyJsonString !== "string") {
           settle(() => reject(new Error("Codex locale request failed")));
@@ -25094,6 +25594,1061 @@ Codex Fast mode prioritizes requests and may increase usage.`
     });
   }
 
+  // src/settings/remote-failure-messages.ts
+  var REMOTE_FAILURE_CHINESE = Object.freeze({
+    // SSH helper: installing, updating and repairing over SSH.
+    "Invalid SSH address or port": "SSH \u5730\u5740\u6216\u7AEF\u53E3\u65E0\u6548",
+    "Install requires a published stable version": "\u53EA\u80FD\u5B89\u88C5\u5DF2\u53D1\u5E03\u7684\u6B63\u5F0F\u7248\u672C",
+    "SSH operation timed out; check the remote computer before retrying": "SSH \u64CD\u4F5C\u8D85\u65F6\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u7535\u8111\u540E\u91CD\u8BD5",
+    "Remote service is already installed. Connect and use its update button": "\u8FDC\u7A0B\u670D\u52A1\u5DF2\u7ECF\u5B89\u88C5\uFF0C\u8BF7\u8FDE\u63A5\u540E\u4F7F\u7528\u66F4\u65B0\u6309\u94AE",
+    "Remote service is not installed. Use Install and connect instead": "\u8FDC\u7A0B\u670D\u52A1\u5C1A\u672A\u5B89\u88C5\uFF0C\u8BF7\u4F7F\u7528\u300C\u5B89\u88C5\u5E76\u8FDE\u63A5\u300D",
+    "This release is not published on npm, or the remote computer cannot reach the registry": "\u8BE5\u7248\u672C\u5C1A\u672A\u53D1\u5E03\u5230 npm\uFF0C\u6216\u8FDC\u7A0B\u7535\u8111\u65E0\u6CD5\u8BBF\u95EE npm \u4ED3\u5E93",
+    "codexhost was installed but is not on the remote PATH. Update this remote manually": "codexhost \u5DF2\u5B89\u88C5\uFF0C\u4F46\u4E0D\u5728\u8FDC\u7A0B\u7535\u8111\u7684 PATH \u4E2D\uFF0C\u8BF7\u5728\u8FDC\u7A0B\u7535\u8111\u4E0A\u624B\u52A8\u66F4\u65B0",
+    "Only Mac and Linux remote computers are supported": "\u53EA\u652F\u6301 Mac \u548C Linux \u8FDC\u7A0B\u7535\u8111",
+    "Node.js, npm or Codex CLI was not found over SSH. Install them on the remote computer and make sure non-interactive SSH sessions have them on PATH": "\u901A\u8FC7 SSH \u627E\u4E0D\u5230 Node.js\u3001npm \u6216 Codex CLI\u3002\u8BF7\u5728\u8FDC\u7A0B\u7535\u8111\u4E0A\u5B89\u88C5\u5B83\u4EEC\uFF0C\u5E76\u786E\u4FDD\u975E\u4EA4\u4E92\u5F0F SSH \u4F1A\u8BDD\u7684 PATH \u4E2D\u5305\u542B\u5B83\u4EEC",
+    "npm installation failed. Check network access and global installation permissions": "npm \u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u548C\u5168\u5C40\u5B89\u88C5\u6743\u9650",
+    "Remote service configuration failed. Check Codex CLI and the remote desktop login": "\u8FDC\u7A0B\u670D\u52A1\u914D\u7F6E\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5 Codex CLI \u4EE5\u53CA\u8FDC\u7A0B\u7535\u8111\u7684\u684C\u9762\u767B\u5F55\u72B6\u6001",
+    "Remote service could not stop. Check the remote service before retrying": "\u8FDC\u7A0B\u670D\u52A1\u65E0\u6CD5\u505C\u6B62\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u670D\u52A1\u540E\u91CD\u8BD5",
+    "Remote connection configuration could not be removed. Check file permissions": "\u65E0\u6CD5\u79FB\u9664\u8FDC\u7A0B\u8FDE\u63A5\u914D\u7F6E\uFF0C\u8BF7\u68C0\u67E5\u6587\u4EF6\u6743\u9650",
+    "Another remote installation is in progress. Wait and check again": "\u53E6\u4E00\u9879\u8FDC\u7A0B\u5B89\u88C5\u6B63\u5728\u8FDB\u884C\uFF0C\u8BF7\u7A0D\u540E\u91CD\u65B0\u68C0\u6D4B",
+    "Remote service was installed but could not start. Check the remote service and retry connecting": "\u8FDC\u7A0B\u670D\u52A1\u5DF2\u5B89\u88C5\u4F46\u65E0\u6CD5\u542F\u52A8\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u670D\u52A1\u540E\u91CD\u65B0\u8FDE\u63A5",
+    "SSH failed. Check the address, key authentication and trusted host key": "SSH \u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u5730\u5740\u3001\u5BC6\u94A5\u8BA4\u8BC1\u4EE5\u53CA\u4E3B\u673A\u5BC6\u94A5\u662F\u5426\u5DF2\u4FE1\u4EFB",
+    "Unexpected SSH inspection response": "SSH \u68C0\u6D4B\u8FD4\u56DE\u4E86\u65E0\u6CD5\u8BC6\u522B\u7684\u7ED3\u679C",
+    "SSH installation failed; check the remote computer and retry": "SSH \u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u7535\u8111\u540E\u91CD\u8BD5",
+    "SSH installation helper is unavailable. Update local codexhost and restart.": "SSH \u5B89\u88C5\u7EC4\u4EF6\u4E0D\u53EF\u7528\uFF0C\u8BF7\u66F4\u65B0\u672C\u673A codexhost \u540E\u91CD\u542F",
+    "SSH installation must run from the local computer": "SSH \u5B89\u88C5\u53EA\u80FD\u4ECE\u672C\u673A\u53D1\u8D77",
+    "An SSH operation is already running for this connection": "\u8FD9\u4E2A\u8FDE\u63A5\u5DF2\u6709 SSH \u64CD\u4F5C\u6B63\u5728\u8FDB\u884C",
+    // Remote service: updating or restarting itself.
+    "Another codexhost update is active; finish it before retrying": "\u53E6\u4E00\u9879 codexhost \u66F4\u65B0\u6B63\u5728\u8FDB\u884C\uFF0C\u8BF7\u7B49\u5B83\u5B8C\u6210\u540E\u91CD\u8BD5",
+    "The remote installation changed before the update acquired its lock; refresh and retry": "\u66F4\u65B0\u5F00\u59CB\u524D\u8FDC\u7A0B\u5B89\u88C5\u53D1\u751F\u4E86\u53D8\u5316\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u8BD5",
+    "Could not identify the global npm installation": "\u65E0\u6CD5\u8BC6\u522B\u8FDC\u7A0B\u7535\u8111\u7684\u5168\u5C40 npm \u5B89\u88C5",
+    "npm uses a different global installation; update this remote manually": "\u8FDC\u7A0B\u7535\u8111\u7684 npm \u4F7F\u7528\u4E86\u53E6\u4E00\u5904\u5168\u5C40\u5B89\u88C5\uFF0C\u8BF7\u5728\u8FDC\u7A0B\u7535\u8111\u4E0A\u624B\u52A8\u66F4\u65B0",
+    "The requested release is unavailable or npm cannot reach the registry": "\u76EE\u6807\u7248\u672C\u4E0D\u5B58\u5728\uFF0C\u6216\u8FDC\u7A0B\u7535\u8111\u65E0\u6CD5\u8BBF\u95EE npm \u4ED3\u5E93",
+    "npm installation failed; check remote network access and write permissions": "npm \u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u7535\u8111\u7684\u7F51\u7EDC\u548C\u5199\u5165\u6743\u9650",
+    "Installed remote version does not match the requested version": "\u8FDC\u7A0B\u5B89\u88C5\u7684\u7248\u672C\u4E0E\u8BF7\u6C42\u7684\u7248\u672C\u4E0D\u4E00\u81F4",
+    "Remote stop failed": "\u66F4\u65B0\u5DF2\u5B89\u88C5\uFF0C\u4F46\u505C\u6B62\u65E7\u670D\u52A1\u5931\u8D25",
+    "Remote install failed": "\u66F4\u65B0\u5DF2\u5B89\u88C5\uFF0C\u4F46\u91CD\u65B0\u914D\u7F6E\u8FDC\u7A0B\u670D\u52A1\u5931\u8D25",
+    "Remote start failed": "\u66F4\u65B0\u5DF2\u5B89\u88C5\uFF0C\u4F46\u542F\u52A8\u8FDC\u7A0B\u670D\u52A1\u5931\u8D25",
+    "The previous remote update was interrupted; retry the update": "\u4E0A\u4E00\u6B21\u8FDC\u7A0B\u66F4\u65B0\u88AB\u4E2D\u65AD\uFF0C\u8BF7\u91CD\u8BD5",
+    "Remote updater did not start": "\u8FDC\u7A0B\u66F4\u65B0\u7A0B\u5E8F\u672A\u80FD\u542F\u52A8",
+    "Remote updater could not be started": "\u65E0\u6CD5\u542F\u52A8\u8FDC\u7A0B\u66F4\u65B0\u7A0B\u5E8F",
+    "Remote updater is unavailable": "\u8FDC\u7A0B\u66F4\u65B0\u7A0B\u5E8F\u4E0D\u53EF\u7528",
+    "Another remote update is already pending": "\u5DF2\u6709\u53E6\u4E00\u9879\u8FDC\u7A0B\u66F4\u65B0\u5728\u7B49\u5F85\u6267\u884C",
+    "Remote update requires an npm installation with the current updater": "\u8FDC\u7A0B\u66F4\u65B0\u9700\u8981\u901A\u8FC7 npm \u5B89\u88C5\u5E76\u5E26\u6709\u5F53\u524D\u7248\u672C\u7684\u66F4\u65B0\u7A0B\u5E8F",
+    "Remote downgrades are not automatic; update this computer first": "\u4E0D\u4F1A\u81EA\u52A8\u964D\u4F4E\u8FDC\u7A0B\u7248\u672C\uFF0C\u8BF7\u5148\u66F4\u65B0\u672C\u673A",
+    "The remote installation changed; refresh versions before retrying": "\u8FDC\u7A0B\u5B89\u88C5\u53D1\u751F\u4E86\u53D8\u5316\uFF0C\u8BF7\u5237\u65B0\u7248\u672C\u540E\u91CD\u8BD5",
+    "Remote service is updating; reconnect shortly": "\u8FDC\u7A0B\u670D\u52A1\u6B63\u5728\u66F4\u65B0\uFF0C\u8BF7\u7A0D\u540E\u91CD\u65B0\u8FDE\u63A5",
+    "Runtime version management is unavailable in this build": "\u5F53\u524D\u6784\u5EFA\u4E0D\u652F\u6301\u7248\u672C\u7BA1\u7406",
+    // This window's bridge to the remote service.
+    "Remote service did not respond; reconnect and retry": "\u8FDC\u7A0B\u670D\u52A1\u6CA1\u6709\u54CD\u5E94\uFF0C\u8BF7\u91CD\u65B0\u8FDE\u63A5\u540E\u91CD\u8BD5",
+    "SSH installation is unavailable; update local codexhost and restart": "SSH \u5B89\u88C5\u4E0D\u53EF\u7528\uFF0C\u8BF7\u66F4\u65B0\u672C\u673A codexhost \u540E\u91CD\u542F",
+    "Version management is unavailable; update codexhost on this host and reconnect": "\u7248\u672C\u7BA1\u7406\u4E0D\u53EF\u7528\uFF0C\u8BF7\u66F4\u65B0\u8FD9\u53F0\u7535\u8111\u4E0A\u7684 codexhost \u540E\u91CD\u65B0\u8FDE\u63A5",
+    "Remote update is unavailable; update this remote once and reconnect": "\u8FDC\u7A0B\u66F4\u65B0\u4E0D\u53EF\u7528\uFF0C\u8BF7\u5148\u624B\u52A8\u66F4\u65B0\u4E00\u6B21\u8FD9\u53F0\u8FDC\u7A0B\u7535\u8111\u518D\u91CD\u65B0\u8FDE\u63A5",
+    // Codex SSH bridge: reading and saving connections.
+    "Codex SSH settings are unavailable in this window": "\u6B64\u7A97\u53E3\u65E0\u6CD5\u4F7F\u7528 Codex SSH \u8BBE\u7F6E",
+    "Codex SSH request failed; check the native Connections settings": "Codex SSH \u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u539F\u751F\u7684\u8FDE\u63A5\u8BBE\u7F6E",
+    "Invalid Codex SSH response": "Codex SSH \u8FD4\u56DE\u4E86\u65E0\u6CD5\u8BC6\u522B\u7684\u7ED3\u679C",
+    "Codex SSH request timed out; refresh before retrying": "Codex SSH \u8BF7\u6C42\u8D85\u65F6\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u8BD5",
+    "Invalid Codex SSH connection list": "Codex \u8FD4\u56DE\u7684 SSH \u8FDE\u63A5\u5217\u8868\u65E0\u6CD5\u8BC6\u522B",
+    "This Codex version uses an unsupported SSH configuration; open native settings": "\u5F53\u524D Codex \u7248\u672C\u7684 SSH \u914D\u7F6E\u683C\u5F0F\u4E0D\u53D7\u652F\u6301\uFF0C\u8BF7\u5728\u539F\u751F\u8BBE\u7F6E\u4E2D\u7BA1\u7406",
+    "This connection changed in Codex. Refresh and edit it again.": "\u8FD9\u4E2A\u8FDE\u63A5\u5DF2\u5728 Codex \u4E2D\u88AB\u4FEE\u6539\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u65B0\u7F16\u8F91",
+    "Enter a name, SSH hostname (or alias), and a port between 1 and 65535": "\u8BF7\u586B\u5199\u540D\u79F0\u3001SSH \u4E3B\u673A\u540D\uFF08\u6216\u522B\u540D\uFF09\uFF0C\u7AEF\u53E3\u9700\u5728 1 \u5230 65535 \u4E4B\u95F4",
+    "A connection with this name already exists": "\u5DF2\u5B58\u5728\u540C\u540D\u7684\u8FDE\u63A5",
+    "Edit SSH-config connection details in native Codex settings": "\u6765\u81EA SSH \u914D\u7F6E\u7684\u8FDE\u63A5\uFF0C\u8BF7\u5728 Codex \u539F\u751F\u8BBE\u7F6E\u4E2D\u4FEE\u6539\u8BE6\u7EC6\u4FE1\u606F",
+    "Invalid Codex connection state": "Codex \u8FD4\u56DE\u7684\u8FDE\u63A5\u72B6\u6001\u65E0\u6CD5\u8BC6\u522B"
+  });
+  function localizeRemoteFailure(message, t) {
+    const text = message.replace(/^Error:\s*/u, "");
+    const detail = text.indexOf(": ");
+    const chinese = REMOTE_FAILURE_CHINESE[text] ?? (detail > 0 ? REMOTE_FAILURE_CHINESE[text.slice(0, detail)] : void 0);
+    return chinese ? t(chinese, text) : text;
+  }
+
+  // src/settings/remote-connections-card.ts
+  var STABLE_VERSION = /^\d+\.\d+\.\d+$/u;
+  function remoteErrorMessage(error51) {
+    return error51 instanceof Error && error51.message ? error51.message : String(error51);
+  }
+  function remoteVersionIssue(error51) {
+    const outdated = typeof error51 === "object" && error51 !== null && "code" in error51 && error51.code === -32601;
+    return { outdated, message: remoteErrorMessage(error51) };
+  }
+  function remoteElement(document2, tag, className = "", text = "") {
+    const result = document2.createElement(tag);
+    if (className) result.className = className;
+    if (text) result.textContent = text;
+    return result;
+  }
+  function remoteInstallVersion(local) {
+    const version2 = local?.runningVersion;
+    return version2 && STABLE_VERSION.test(version2) ? version2 : null;
+  }
+  function remoteMaintenanceTarget(local, remote) {
+    if (!remote.updateSupported) return null;
+    return newerLocalVersion(local, remote) ?? (remote.restartRequired ? remote.installedVersion : null);
+  }
+  function newerLocalVersion(local, remote) {
+    return remoteUpdateTarget(local, { ...remote, update: { ...remote.update, phase: "idle" } });
+  }
+  function remoteBusy(remote) {
+    return !!remote && ["installing", "restarting"].includes(remote.update.phase);
+  }
+  function remoteTroubled(row) {
+    if (row.remote) return row.remote.update.phase === "failed";
+    if (row.state === "connecting") return false;
+    return !(row.state === "disconnected" && !row.connection.autoConnect);
+  }
+  function connectionState(row, t) {
+    switch (row.state) {
+      case null:
+        return ["progress", t("\u68C0\u6D4B\u4E2D\u2026", "Checking\u2026")];
+      case "connected":
+        return ["success", t("\u5DF2\u8FDE\u63A5", "Connected")];
+      case "connecting":
+        return ["progress", t("\u8FDE\u63A5\u4E2D\u2026", "Connecting\u2026")];
+      case "disconnected":
+        return ["neutral", t("\u672A\u8FDE\u63A5", "Disconnected")];
+      case "error":
+        return ["danger", t("\u8FDE\u63A5\u5931\u8D25", "Connection failed")];
+      default:
+        return ["neutral", t("\u72B6\u6001\u672A\u77E5", "Unknown state")];
+    }
+  }
+  function serviceSummary(row, local, t) {
+    const { remote } = row;
+    const hints = [];
+    if (!remote) {
+      if (row.probing) return { title: t("\u6B63\u5728\u68C0\u6D4B\u8FDC\u7A0B\u670D\u52A1\u2026", "Checking remote service\u2026"), hints };
+      if (row.installation === "not-installed") {
+        const version2 = remoteInstallVersion(local);
+        hints.push(
+          version2 ? [
+            "neutral",
+            t(
+              `\u5C06\u5B89\u88C5\u4E0E\u672C\u673A\u76F8\u540C\u7684\u7248\u672C ${version2}`,
+              `Installs version ${version2}, matching this computer`
+            )
+          ] : [
+            "warning",
+            t(
+              "\u672C\u673A\u7248\u672C\u4E0D\u53EF\u7528\u4E8E\u5B89\u88C5\uFF0C\u8BF7\u4F7F\u7528\u6B63\u5F0F\u53D1\u5E03\u7248\u672C\u3002",
+              "Install from a published local release."
+            )
+          ]
+        );
+        return { title: t("\u9700\u8981\u5B89\u88C5\u8FDC\u7A0B\u670D\u52A1", "Remote service needs installation"), hints };
+      }
+      if (row.remoteIssue?.outdated) {
+        const version2 = remoteInstallVersion(local);
+        hints.push(
+          version2 ? [
+            "neutral",
+            t(
+              `\u66F4\u65B0\u5230\u672C\u673A\u7248\u672C ${version2} \u540E\u53EF\u5728\u8FD9\u91CC\u67E5\u770B\u548C\u7BA1\u7406\u7248\u672C\u3002`,
+              `Update to this computer's version ${version2} to manage versions here.`
+            )
+          ] : [
+            "warning",
+            t(
+              "\u672C\u673A\u4E0D\u662F\u6B63\u5F0F\u53D1\u5E03\u7248\u672C\uFF0C\u65E0\u6CD5\u4ECE\u8FD9\u91CC\u66F4\u65B0\uFF1B\u8BF7\u5728\u8FDC\u7A0B\u7535\u8111\u4E0A\u624B\u52A8\u66F4\u65B0 codexhost\u3002",
+              "This computer is not running a published release, so it cannot update the remote. Update codexhost on the remote computer manually."
+            )
+          ]
+        );
+        return { title: t("\u8FDC\u7A0B\u670D\u52A1\u9700\u8981\u66F4\u65B0", "Remote service needs an update"), hints };
+      }
+      hints.push([
+        "neutral",
+        row.state === "connecting" || row.state === "disconnected" && !row.connection.autoConnect ? t("\u8FDE\u63A5\u540E\u663E\u793A\u8FDC\u7A0B\u670D\u52A1\u7248\u672C\u3002", "Connect to see the remote service version.") : t(
+          "\u6682\u65F6\u65E0\u6CD5\u8BFB\u53D6\u8FDC\u7A0B\u7248\u672C\uFF0C\u53EF\u5237\u65B0\u6216\u91CD\u65B0\u8FDE\u63A5\u540E\u518D\u8BD5\u3002",
+          "Remote version information is temporarily unavailable. Refresh or reconnect to retry."
+        )
+      ]);
+      if (row.remoteIssue)
+        hints.push([
+          "danger",
+          `${t("\u539F\u56E0", "Reason")}: ${localizeRemoteFailure(row.remoteIssue.message, t)}`
+        ]);
+      return { title: t("\u8FDC\u7A0B\u670D\u52A1", "Remote service"), hints };
+    }
+    const busy = remoteBusy(remote);
+    const installed = (busy ? remote.runningVersion : remote.installedVersion) ?? remote.runningVersion ?? "\u2014";
+    const title = !busy && remote.runningVersion && remote.runningVersion !== remote.installedVersion ? t(
+      `\u8FDC\u7A0B\u670D\u52A1 ${installed} \xB7 \u8FD0\u884C\u4E2D ${remote.runningVersion}`,
+      `Remote service ${installed} \xB7 running ${remote.runningVersion}`
+    ) : t(`\u8FDC\u7A0B\u670D\u52A1 ${installed}`, `Remote service ${installed}`);
+    const phases = {
+      idle: null,
+      installing: ["progress", t("\u6B63\u5728\u66F4\u65B0\u8FDC\u7A0B\u670D\u52A1\u2026", "Updating remote service\u2026")],
+      restarting: ["progress", t("\u6B63\u5728\u91CD\u542F\uFF0C\u8BF7\u7A0D\u5019\u91CD\u8FDE\u2026", "Restarting; reconnecting shortly\u2026")],
+      // The record outlives the update; the version line already shows the result.
+      succeeded: null,
+      failed: ["danger", t("\u66F4\u65B0\u5931\u8D25\uFF0C\u53EF\u4EE5\u91CD\u8BD5", "Update failed; you can retry")]
+    };
+    const phase = phases[remote.update.phase];
+    if (phase) hints.push(phase);
+    if (remote.update.error) hints.push(["danger", localizeRemoteFailure(remote.update.error, t)]);
+    if (remote.restartRequired && !busy)
+      hints.push([
+        "warning",
+        t("\u9700\u8981\u91CD\u542F\u4EE5\u4F7F\u7528\u5DF2\u5B89\u88C5\u7684\u7248\u672C", "Restart needed to use the installed version")
+      ]);
+    const newer = newerLocalVersion(local, remote);
+    const localVersion = local?.runningVersion;
+    if (remoteBusy(remote)) {
+    } else if (newer && remote.installedVersion !== localVersion)
+      hints.push([
+        "warning",
+        t(`\u6709\u66F4\u65B0\u53EF\u7528 \xB7 \u672C\u673A\u4E3A ${newer}`, `Update available \xB7 this computer runs ${newer}`)
+      ]);
+    else if (localVersion && remote.installedVersion === localVersion && !remote.restartRequired)
+      hints.push(["success", t("\u4E0E\u672C\u673A\u7248\u672C\u4E00\u81F4", "Matches this computer")]);
+    if (localVersion && remote.installedVersion && localVersion !== remote.installedVersion && !newer)
+      hints.push([
+        "warning",
+        t(
+          "\u7248\u672C\u4E0D\u540C\uFF0C\u8BF7\u5148\u68C0\u67E5\u672C\u673A\u66F4\u65B0\uFF1B\u4E0D\u4F1A\u81EA\u52A8\u964D\u4F4E\u8FDC\u7A0B\u7248\u672C\u3002",
+          "Versions differ. Check for a local update; the remote version will not be downgraded."
+        )
+      ]);
+    return { title, hints };
+  }
+  function renderRemoteCard(document2, row, local, t, onAction) {
+    const { connection, remote } = row;
+    const locked = row.pending !== null;
+    const command = (action, label, primary = false) => {
+      const button = remoteElement(
+        document2,
+        "button",
+        primary ? "settings-command-button" : "settings-command-button settings-command-button--secondary",
+        label
+      );
+      button.type = "button";
+      button.dataset.action = action;
+      button.disabled = locked;
+      button.addEventListener("click", () => onAction(action));
+      return button;
+    };
+    const card = remoteElement(document2, "section", "settings-remote-card");
+    card.dataset.hostId = connection.hostId;
+    card.setAttribute("aria-label", connection.displayName);
+    card.setAttribute("aria-busy", String(locked));
+    const head = remoteElement(document2, "div", "settings-remote-card__head");
+    const identity = remoteElement(document2, "div", "settings-remote-card__identity");
+    const titleLine = remoteElement(document2, "div", "settings-remote-card__title");
+    const [tone, stateLabel] = connectionState(row, t);
+    const state = remoteElement(document2, "span", "settings-remote-card__state", stateLabel);
+    state.dataset.tone = tone;
+    titleLine.append(remoteElement(document2, "h3", "", connection.displayName), state);
+    const address = `${connection.sshAlias ?? connection.sshHost}${connection.sshPort ? `:${connection.sshPort}` : ""}`;
+    const addressLine = remoteElement(document2, "div", "settings-remote-card__address", address);
+    addressLine.title = address;
+    if (connection.source === "discovered")
+      addressLine.append(
+        remoteElement(document2, "span", "settings-status-badge", t("SSH \u914D\u7F6E", "SSH config"))
+      );
+    identity.append(titleLine, addressLine);
+    const headActions = remoteElement(document2, "div", "settings-remote-card__actions");
+    if (row.installation !== "not-installed" && !row.probing) {
+      if (row.state === "error" && connection.autoConnect)
+        headActions.append(command("reconnect", t("\u91CD\u65B0\u8FDE\u63A5", "Reconnect")));
+      headActions.append(
+        command("toggle", connection.autoConnect ? t("\u65AD\u5F00", "Disconnect") : t("\u8FDE\u63A5", "Connect"))
+      );
+    }
+    headActions.append(command("edit", t("\u7F16\u8F91", "Edit")));
+    const remove = remoteElement(
+      document2,
+      "button",
+      "settings-icon-button settings-remote-card__remove"
+    );
+    remove.type = "button";
+    remove.dataset.action = "remove";
+    remove.disabled = locked;
+    remove.title = t("\u79FB\u9664", "Remove");
+    remove.setAttribute("aria-label", t("\u79FB\u9664", "Remove"));
+    remove.append(createRendererSettingsIcon("trash", 15));
+    remove.addEventListener("click", () => onAction("remove"));
+    headActions.append(remove);
+    head.append(identity, headActions);
+    card.append(head);
+    if (row.stateError) {
+      const detail = remoteElement(
+        document2,
+        "p",
+        "settings-remote-card__detail",
+        localizeRemoteFailure(row.stateError, t)
+      );
+      detail.dataset.tone = "danger";
+      card.append(detail);
+    }
+    const service = remoteElement(document2, "div", "settings-remote-card__service");
+    const copy = remoteElement(document2, "div", "settings-remote-card__service-copy");
+    const hint = (hintTone, text, live = false) => {
+      const line = remoteElement(document2, "p", "settings-remote-card__hint");
+      line.dataset.tone = hintTone;
+      if (hintTone === "progress")
+        line.append(remoteElement(document2, "span", "settings-remote-spinner"));
+      line.append(text);
+      if (live) line.setAttribute("role", hintTone === "danger" ? "alert" : "status");
+      return line;
+    };
+    const summary = serviceSummary(row, local, t);
+    copy.append(remoteElement(document2, "div", "settings-remote-card__service-title", summary.title));
+    if (row.pending) copy.append(hint("progress", row.pending, true));
+    else {
+      for (const [hintTone, text] of summary.hints) copy.append(hint(hintTone, text));
+      if (row.notice)
+        copy.append(hint(row.notice.tone, localizeRemoteFailure(row.notice.text, t), true));
+    }
+    const serviceActions = remoteElement(document2, "div", "settings-remote-card__actions");
+    if (!row.probing) {
+      const outdated = !remote && !!row.remoteIssue?.outdated && row.installation !== "not-installed";
+      if (outdated) {
+        const upgrade = command("upgrade", t("\u66F4\u65B0\u8FDC\u7A0B\u670D\u52A1", "Update remote service"), true);
+        upgrade.disabled ||= !remoteInstallVersion(local);
+        serviceActions.append(upgrade);
+      } else if (remoteTroubled(row)) {
+        if (row.installation !== "not-installed") {
+          const repair = command("repair", t("\u4FEE\u590D\u8FDC\u7A0B\u670D\u52A1", "Repair remote service"));
+          repair.title = t(
+            "\u505C\u6B62\u5E76\u91CD\u65B0\u914D\u7F6E\u8FDC\u7A0B\u670D\u52A1\uFF0C\u4E0D\u4F1A\u66F4\u65B0\u7248\u672C\u3002",
+            "Stops and reconfigures the remote service. It does not change the version."
+          );
+          serviceActions.append(repair);
+        }
+        if (!remote) serviceActions.append(command("recheck", t("\u91CD\u65B0\u68C0\u6D4B", "Check again")));
+      }
+      const target = remote ? remoteMaintenanceTarget(local, remote) : null;
+      if (row.installation === "not-installed") {
+        const install2 = command("install", t("\u5B89\u88C5\u5E76\u8FDE\u63A5", "Install and connect"), true);
+        install2.disabled ||= !remoteInstallVersion(local);
+        serviceActions.append(install2);
+      } else if (remote && target && !remoteBusy(remote)) {
+        const update = command(
+          "update",
+          target === remote.installedVersion ? t("\u91CD\u542F\u5E76\u8FDE\u63A5", "Restart and connect") : t("\u66F4\u65B0\u5230\u672C\u673A\u7248\u672C", "Match local version"),
+          true
+        );
+        serviceActions.append(update);
+      }
+    }
+    service.append(copy, serviceActions);
+    card.append(service);
+    return card;
+  }
+
+  // src/settings/preference-ui.ts
+  var nextPreferenceId = 0;
+  function preferenceId(prefix) {
+    nextPreferenceId += 1;
+    return `codexhost-${prefix}-${nextPreferenceId}`;
+  }
+  function createPreferenceGroup(document2, title) {
+    const group = document2.createElement("section");
+    group.className = "mt-7 first-of-type:mt-0";
+    const header = document2.createElement("div");
+    header.className = "mb-2 flex min-h-6 items-center gap-2 px-1";
+    const heading = document2.createElement("h3");
+    heading.id = preferenceId("preference-group");
+    heading.className = "m-0 text-[13px] leading-5 font-semibold text-settings-text";
+    heading.textContent = title;
+    header.append(heading);
+    const card = document2.createElement("div");
+    card.className = "rounded-[10px] border border-settings-border bg-settings-panel";
+    group.setAttribute("aria-labelledby", heading.id);
+    group.append(header, card);
+    return { group, header, card };
+  }
+  function createPreferenceItem(document2, input) {
+    const item = document2.createElement("div");
+    item.className = "flex min-h-[60px] items-center justify-between gap-6 border-t border-settings-divider px-4 py-3 first:border-t-0";
+    const copy = document2.createElement("div");
+    copy.className = "flex min-w-0 flex-col gap-0.5";
+    const heading = document2.createElement("div");
+    heading.className = "flex items-center gap-1.5";
+    const title = document2.createElement("label");
+    title.htmlFor = input.controlId;
+    title.className = "cursor-pointer text-[13px] leading-5 font-medium text-settings-text";
+    title.textContent = input.title;
+    heading.append(title);
+    if (input.help) heading.append(createHelpTooltip(document2, input.help.label, input.help.lines));
+    const description = document2.createElement("div");
+    description.id = preferenceId("preference-description");
+    description.className = "text-xs leading-[18px] text-settings-muted data-[invalid=true]:text-settings-danger";
+    description.textContent = input.description;
+    copy.append(heading, description);
+    item.append(copy);
+    return { item, description };
+  }
+  function createHelpTooltip(document2, label, lines) {
+    const wrapper = document2.createElement("span");
+    wrapper.className = "group relative inline-flex";
+    const button = document2.createElement("button");
+    button.type = "button";
+    button.className = "inline-flex size-4 cursor-help items-center justify-center rounded-full border-0 bg-transparent p-0 text-settings-subtle transition-colors hover:text-settings-text focus-visible:text-settings-text focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
+    button.setAttribute("aria-label", label);
+    button.append(createRendererSettingsIcon("help", 14));
+    const tooltip = document2.createElement("div");
+    tooltip.id = preferenceId("preference-tooltip");
+    tooltip.setAttribute("role", "tooltip");
+    tooltip.className = "pointer-events-none invisible absolute top-full left-0 z-20 mt-2 w-80 rounded-lg border border-settings-border bg-settings-panel px-3 py-2.5 text-xs leading-[18px] font-normal text-settings-text opacity-0 shadow-[0_10px_30px_rgb(0_0_0/0.22)] transition-opacity duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100";
+    const list = document2.createElement("ul");
+    list.className = "m-0 grid list-disc gap-1 pl-4 marker:text-settings-subtle";
+    for (const line of lines) {
+      const item = document2.createElement("li");
+      item.textContent = line;
+      list.append(item);
+    }
+    tooltip.append(list);
+    button.setAttribute("aria-describedby", tooltip.id);
+    button.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") button.blur();
+    });
+    wrapper.append(button, tooltip);
+    return wrapper;
+  }
+  function createPreferenceSwitch(document2, id, describedBy) {
+    const input = document2.createElement("input");
+    input.type = "checkbox";
+    input.id = id;
+    input.setAttribute("role", "switch");
+    input.setAttribute("aria-describedby", describedBy);
+    input.className = "relative m-0 h-5 w-9 shrink-0 cursor-pointer appearance-none rounded-full bg-settings-surface-hover ring-1 ring-settings-border transition-colors ring-inset before:absolute before:top-0.5 before:left-0.5 before:size-4 before:rounded-full before:bg-white before:shadow-[0_1px_2px_rgb(0_0_0/0.3)] before:transition-transform checked:bg-settings-focus checked:ring-transparent checked:before:translate-x-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
+    return input;
+  }
+  function createNumberField(document2, input) {
+    const field = document2.createElement("div");
+    field.className = "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-settings-border bg-settings-surface px-2.5 transition-colors focus-within:border-settings-focus data-[invalid=true]:border-settings-danger";
+    const control = document2.createElement("input");
+    control.type = "number";
+    control.id = input.id;
+    control.min = String(input.min);
+    control.max = String(input.max);
+    control.step = "1";
+    control.setAttribute("aria-describedby", input.describedBy);
+    control.className = "w-14 border-0 bg-transparent p-0 text-right text-[13px] leading-5 text-settings-text tabular-nums outline-none";
+    const unit = document2.createElement("span");
+    unit.className = "text-xs text-settings-muted";
+    unit.setAttribute("aria-hidden", "true");
+    unit.textContent = input.unit;
+    field.append(control, unit);
+    return { field, control };
+  }
+
+  // src/settings/remote-connections-dialogs.ts
+  function createRemoteDialog({ container, signal, t }, title) {
+    if (signal.aborted || container.querySelector("dialog")) return null;
+    const document2 = container.ownerDocument;
+    const modal = remoteElement(
+      document2,
+      "dialog",
+      "settings-account-dialog settings-credential-dialog settings-remote-dialog"
+    );
+    const form = remoteElement(document2, "form");
+    const heading = remoteElement(document2, "h2", "", title);
+    heading.id = preferenceId("remote-dialog-title");
+    modal.setAttribute("aria-labelledby", heading.id);
+    const body = remoteElement(document2, "div", "settings-credential-dialog__body");
+    const error51 = remoteElement(document2, "p", "settings-credential-dialog__error");
+    error51.setAttribute("role", "alert");
+    const actions = remoteElement(document2, "div", "settings-credential-dialog__actions");
+    const cancel = remoteElement(
+      document2,
+      "button",
+      "settings-command-button settings-command-button--secondary",
+      t("\u53D6\u6D88", "Cancel")
+    );
+    cancel.type = "button";
+    const confirm = remoteElement(document2, "button", "settings-command-button");
+    confirm.type = "submit";
+    actions.append(cancel, confirm);
+    form.append(heading, body, error51, actions);
+    modal.append(form);
+    let busy = false;
+    let labels = { idle: "", busy: "" };
+    const setBusy = (next) => {
+      busy = next;
+      cancel.disabled = confirm.disabled = next;
+      confirm.textContent = next ? labels.busy : labels.idle;
+      modal.setAttribute("aria-busy", String(next));
+    };
+    const dispose = () => modal.remove();
+    cancel.addEventListener("click", () => modal.close());
+    modal.addEventListener("cancel", (event) => {
+      if (busy) event.preventDefault();
+    });
+    modal.addEventListener("close", () => {
+      signal.removeEventListener("abort", dispose);
+      dispose();
+    });
+    signal.addEventListener("abort", dispose, { once: true });
+    return {
+      form,
+      body,
+      submit(operation) {
+        if (busy) return;
+        error51.textContent = "";
+        setBusy(true);
+        operation().then(
+          () => modal.close(),
+          (failure) => {
+            if (signal.aborted) return;
+            setBusy(false);
+            error51.textContent = localizeRemoteFailure(remoteErrorMessage(failure), t);
+          }
+        );
+      },
+      show(confirmLabel, busyLabel, danger = false) {
+        labels = { idle: confirmLabel, busy: busyLabel };
+        confirm.textContent = confirmLabel;
+        if (danger)
+          confirm.className = "settings-command-button settings-command-button--secondary settings-command-button--danger";
+        container.append(modal);
+        modal.showModal();
+      }
+    };
+  }
+  function openRemoteConnectionEditor(options) {
+    const { t, previous } = options;
+    const dialog = createRemoteDialog(
+      options,
+      previous ? t("\u7F16\u8F91\u8FDE\u63A5", "Edit connection") : t("\u6DFB\u52A0 SSH \u8FDE\u63A5", "Add SSH connection")
+    );
+    if (!dialog) return;
+    const document2 = options.container.ownerDocument;
+    const field = (label, value, placeholder = "", hint = "") => {
+      const wrapper = remoteElement(document2, "div", "settings-credential-dialog__field");
+      const input = remoteElement(document2, "input");
+      input.id = preferenceId("remote-field");
+      input.value = value;
+      input.placeholder = placeholder;
+      input.autocomplete = "off";
+      input.spellcheck = false;
+      const caption = remoteElement(document2, "label", "", label);
+      caption.htmlFor = input.id;
+      wrapper.append(caption, input);
+      if (hint) {
+        const description = remoteElement(document2, "small", "", hint);
+        description.id = `${input.id}-hint`;
+        input.setAttribute("aria-describedby", description.id);
+        wrapper.append(description);
+      }
+      dialog.body.append(wrapper);
+      return input;
+    };
+    const name = field(t("\u540D\u79F0", "Name"), previous?.displayName ?? "");
+    name.required = true;
+    const addressHint = t(
+      "user@hostname\uFF0C\u6216 ~/.ssh/config \u4E2D\u7684\u4E3B\u673A\u522B\u540D",
+      "user@hostname, or a host alias from ~/.ssh/config"
+    );
+    const hostname3 = field(
+      t("SSH \u5730\u5740", "SSH address"),
+      previous?.sshHost ?? "",
+      "user@hostname",
+      addressHint
+    );
+    hostname3.required = true;
+    hostname3.pattern = "[^\\s\\-]\\S*";
+    hostname3.title = addressHint;
+    const port = field(
+      t("\u7AEF\u53E3\uFF08\u53EF\u9009\uFF09", "Port (optional)"),
+      previous?.sshPort?.toString() ?? "",
+      "22"
+    );
+    port.type = "number";
+    port.min = "1";
+    port.max = "65535";
+    port.step = "1";
+    const identity = field(
+      t("\u79C1\u94A5\u8DEF\u5F84\uFF08\u53EF\u9009\uFF09", "Identity file (optional)"),
+      previous?.identity ?? "",
+      "~/.ssh/id_ed25519"
+    );
+    if (previous?.source === "discovered") {
+      hostname3.disabled = port.disabled = identity.disabled = true;
+      dialog.body.append(
+        remoteElement(
+          document2,
+          "p",
+          "",
+          t(
+            "\u6B64\u8FDE\u63A5\u6765\u81EA SSH \u914D\u7F6E\uFF0C\u8FD9\u91CC\u53EA\u80FD\u4FEE\u6539\u540D\u79F0\uFF1B\u5176\u4F59\u914D\u7F6E\u8BF7\u5728\u539F\u751F\u8BBE\u7F6E\u4E2D\u7F16\u8F91\u3002",
+            "This connection comes from SSH config, so only its name can change here. Edit other details in native settings."
+          )
+        )
+      );
+    }
+    dialog.form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      dialog.submit(
+        () => options.save({
+          displayName: name.value,
+          hostname: hostname3.value,
+          sshPort: port.value ? Number(port.value) : null,
+          identity: identity.value.trim() || null
+        })
+      );
+    });
+    dialog.show(t("\u4FDD\u5B58", "Save"), t("\u4FDD\u5B58\u4E2D\u2026", "Saving\u2026"));
+    name.focus();
+    name.select();
+  }
+  function openRemoteConnectionRemoval(options) {
+    const { t, connection } = options;
+    const dialog = createRemoteDialog(
+      options,
+      t(`\u79FB\u9664\u201C${connection.displayName}\u201D\uFF1F`, `Remove "${connection.displayName}"?`)
+    );
+    if (!dialog) return;
+    dialog.body.append(
+      remoteElement(
+        options.container.ownerDocument,
+        "p",
+        "",
+        t(
+          "\u79FB\u9664\u8FDE\u63A5\u4E0D\u4F1A\u5220\u9664\u8FDC\u7A0B\u6587\u4EF6\u6216\u4F1A\u8BDD\u3002",
+          "Removing a connection does not delete remote files or chats."
+        )
+      )
+    );
+    dialog.form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      dialog.submit(options.remove);
+    });
+    dialog.show(t("\u79FB\u9664", "Remove"), t("\u79FB\u9664\u4E2D\u2026", "Removing\u2026"), true);
+  }
+
+  // src/settings/remote-connections-page.ts
+  var POLL_INTERVAL_MS = 5e3;
+  var SUCCESS_NOTICE_MS = 6e3;
+  var INSPECT_RETRY_MS = 6e4;
+  var RESTART_GRACE_MS = 9e4;
+  var CONNECT_REQUEST_WAIT_MS = 3e3;
+  function createRemoteConnectionsPage(messages, getControl) {
+    const zh = messages.locale === "zh-CN";
+    const t = (cn, en) => zh ? cn : en;
+    return Object.freeze({
+      id: "remote-connections",
+      label: messages.pageLabels["remote-connections"],
+      icon: "gateway",
+      mount({ content, signal }) {
+        const document2 = content.ownerDocument;
+        const el = (tag, className = "", text = "") => remoteElement(document2, tag, className, text);
+        const emptyPanel = (title, detail) => {
+          const panel = el("div", "settings-remote__empty");
+          const copy = el("div");
+          copy.append(el("strong", "", title), el("span", "", detail));
+          panel.append(copy);
+          return panel;
+        };
+        const root = el("div", "settings-remote");
+        const header = el("div", "settings-remote__header");
+        const headerCopy = el("div");
+        const localVersion = el("p", "settings-remote__meta");
+        headerCopy.append(
+          el("h1", "settings-section-label", messages.pageLabels["remote-connections"]),
+          el(
+            "p",
+            "settings-page-description",
+            t(
+              "\u901A\u8FC7 SSH \u8FDE\u63A5\u4F60\u7684 Mac \u6216 Linux \u7535\u8111\u3002\u8FDE\u63A5\u914D\u7F6E\u4E0E Codex \u5171\u7528\u3002",
+              "Connect to a Mac or Linux computer over SSH. Connection settings are shared with Codex."
+            )
+          ),
+          localVersion
+        );
+        header.append(headerCopy);
+        root.append(header);
+        content.append(root);
+        const availableControl = getControl();
+        if (!availableControl) {
+          root.append(
+            emptyPanel(
+              t("\u6B64\u7A97\u53E3\u65E0\u6CD5\u7BA1\u7406 SSH \u8FDE\u63A5", "SSH connections are unavailable in this window"),
+              t("\u8BF7\u5728 Codex \u684C\u9762\u7A0B\u5E8F\u4E2D\u7BA1\u7406 SSH \u8FDE\u63A5\u3002", "Manage SSH connections in Codex Desktop.")
+            )
+          );
+          return;
+        }
+        const control = availableControl;
+        const toolbar = el("div", "settings-remote__toolbar");
+        const refreshButton = el("button", "settings-icon-button settings-remote__refresh");
+        refreshButton.type = "button";
+        refreshButton.title = t("\u5237\u65B0", "Refresh");
+        refreshButton.setAttribute("aria-label", t("\u5237\u65B0", "Refresh"));
+        refreshButton.append(createRendererSettingsIcon("refresh", 16));
+        const addButton = el("button", "settings-command-button");
+        addButton.type = "button";
+        addButton.append(createRendererSettingsIcon("add", 14), t("\u6DFB\u52A0\u8FDE\u63A5", "Add connection"));
+        toolbar.append(refreshButton, addButton);
+        header.append(toolbar);
+        const banner = el("div", "settings-remote__banner");
+        banner.setAttribute("role", "alert");
+        banner.hidden = true;
+        const bannerText = el("span");
+        const retry = el(
+          "button",
+          "settings-command-button settings-command-button--secondary",
+          t("\u91CD\u8BD5", "Retry")
+        );
+        retry.type = "button";
+        banner.append(bannerText, retry);
+        const placeholder = el("div", "settings-remote__placeholder");
+        const list = el("div", "settings-remote__list");
+        root.append(banner, placeholder, list);
+        let local = null;
+        let localLoaded = false;
+        let loaded = false;
+        let loadError = null;
+        let order = [];
+        let polling = false;
+        const rows = /* @__PURE__ */ new Map();
+        const cards = /* @__PURE__ */ new Map();
+        const installations = /* @__PURE__ */ new Map();
+        const probeTokens = /* @__PURE__ */ new Map();
+        const inspectFailures = /* @__PURE__ */ new Map();
+        const restarting = /* @__PURE__ */ new Map();
+        const focusedElement = () => {
+          const active = root.getRootNode().activeElement;
+          return active instanceof HTMLElement ? active : null;
+        };
+        function renderPlaceholder() {
+          if (!loaded) {
+            const loading = el("p", "settings-remote__loading");
+            loading.append(
+              el("span", "settings-remote-spinner"),
+              t("\u6B63\u5728\u8BFB\u53D6\u8FDE\u63A5\u2026", "Loading connections\u2026")
+            );
+            placeholder.replaceChildren(...loadError ? [] : [loading]);
+          } else if (!order.length) {
+            const empty = emptyPanel(
+              t("\u8FD8\u6CA1\u6709 SSH \u8FDE\u63A5", "No SSH connections yet"),
+              t(
+                "\u6DFB\u52A0\u4E00\u53F0 Mac \u6216 Linux \u7535\u8111\uFF0C\u5728\u4E0A\u9762\u8FD0\u884C\u4F1A\u8BDD\u3002",
+                "Add a Mac or Linux computer to run conversations on it."
+              )
+            );
+            const add = el(
+              "button",
+              "settings-command-button settings-command-button--secondary",
+              t("\u6DFB\u52A0\u8FDE\u63A5", "Add connection")
+            );
+            add.type = "button";
+            add.addEventListener("click", () => edit(null));
+            empty.append(add);
+            placeholder.replaceChildren(empty);
+          } else placeholder.replaceChildren();
+        }
+        function render() {
+          if (signal.aborted) return;
+          localVersion.textContent = localLoaded ? `${t("\u672C\u673A codexhost", "Local codexhost")} ${local?.runningVersion ?? t("\u7248\u672C\u6682\u65F6\u65E0\u6CD5\u8BFB\u53D6", "version is temporarily unavailable")}` : "";
+          banner.hidden = !loadError;
+          bannerText.textContent = loadError ? `${t("\u8BFB\u53D6\u8FDE\u63A5\u5931\u8D25", "Could not load connections")}: ${localizeRemoteFailure(loadError, t)}` : "";
+          renderPlaceholder();
+          for (const [hostId, card] of cards) {
+            if (rows.has(hostId)) continue;
+            card.element.remove();
+            cards.delete(hostId);
+          }
+          const active = focusedElement();
+          order.forEach((hostId, index) => {
+            const row = rows.get(hostId);
+            if (!row) return;
+            const signature = JSON.stringify([row, local]);
+            let card = cards.get(hostId);
+            if (card?.signature !== signature) {
+              const element = renderRemoteCard(
+                document2,
+                row,
+                local,
+                t,
+                (action) => handle(row, action)
+              );
+              const focusedAction = active && card?.element.contains(active) ? active.dataset.action : void 0;
+              if (card) card.element.replaceWith(element);
+              card = { element, signature };
+              cards.set(hostId, card);
+              if (focusedAction) focusAction(element, focusedAction);
+            }
+            if (list.children[index] !== card.element)
+              list.insertBefore(card.element, list.children[index] ?? null);
+          });
+        }
+        function focusAction(card, action) {
+          const target = card.querySelector(`[data-action="${action}"]:not(:disabled)`) ?? card.querySelector("button:not(:disabled)");
+          target?.focus();
+        }
+        async function probe(row) {
+          const { hostId } = row.connection;
+          const token = (probeTokens.get(hostId) ?? 0) + 1;
+          probeTokens.set(hostId, token);
+          const state = await control.ssh.state(hostId, signal).catch((error51) => ({ state: "unknown", error: remoteErrorMessage(error51) }));
+          let remote = null;
+          let remoteIssue = null;
+          if (state.state === "connected")
+            remote = await control.runtime(hostId).catch((error51) => {
+              remoteIssue = remoteVersionIssue(error51);
+              return null;
+            });
+          let expectedGap = false;
+          if (remote && remoteBusy(remote)) restarting.set(hostId, Date.now() + RESTART_GRACE_MS);
+          else if (remote || (restarting.get(hostId) ?? 0) <= Date.now()) restarting.delete(hostId);
+          else if (row.remote) {
+            expectedGap = true;
+            remote = { ...row.remote, update: { ...row.remote.update, phase: "restarting" } };
+            remoteIssue = null;
+          }
+          if (remote) installations.set(hostId, "installed");
+          else if (!installations.has(hostId) && Date.now() - (inspectFailures.get(hostId) ?? -INSPECT_RETRY_MS) >= INSPECT_RETRY_MS) {
+            const inspected = await control.setup(row.connection, "inspect").catch(() => null);
+            if (inspected) installations.set(hostId, inspected.state);
+            else inspectFailures.set(hostId, Date.now());
+          }
+          if (signal.aborted || rows.get(hostId) !== row || probeTokens.get(hostId) !== token) return;
+          row.probing = false;
+          row.state = expectedGap ? "connecting" : state.state;
+          row.stateError = expectedGap ? null : state.error;
+          row.remote = remote;
+          row.remoteIssue = remoteIssue;
+          row.installation = installations.get(hostId) ?? "unknown";
+          render();
+        }
+        async function refresh(actingHostId, wait = "acting") {
+          if (signal.aborted) return;
+          const localTask = control.runtime("local").catch(() => null).then((status) => {
+            if (signal.aborted) return;
+            local = status;
+            localLoaded = true;
+            render();
+          });
+          let connections;
+          try {
+            connections = await control.ssh.list(signal);
+          } catch (error51) {
+            if (signal.aborted) return;
+            loadError = remoteErrorMessage(error51);
+            render();
+            return;
+          }
+          if (signal.aborted) return;
+          loadError = null;
+          loaded = true;
+          order = connections.map((connection) => connection.hostId);
+          for (const connection of connections) {
+            const row = rows.get(connection.hostId);
+            if (row) row.connection = connection;
+            else
+              rows.set(connection.hostId, {
+                connection,
+                probing: true,
+                state: null,
+                stateError: null,
+                remote: null,
+                remoteIssue: null,
+                installation: null,
+                pending: null,
+                notice: null
+              });
+          }
+          for (const hostId of [...rows.keys()]) {
+            if (order.includes(hostId)) continue;
+            rows.delete(hostId);
+            installations.delete(hostId);
+            probeTokens.delete(hostId);
+            inspectFailures.delete(hostId);
+            restarting.delete(hostId);
+          }
+          render();
+          const probes = [...rows.values()].filter((row) => !row.pending || row.connection.hostId === actingHostId).map((row) => ({ hostId: row.connection.hostId, done: probe(row) }));
+          const awaited = wait === "all" ? probes : probes.filter((p) => p.hostId === actingHostId);
+          await Promise.all([localTask, ...awaited.map((p) => p.done)]);
+        }
+        async function act(row, action, label, operation) {
+          const { hostId } = row.connection;
+          row.pending = label;
+          row.notice = null;
+          render();
+          try {
+            const done = await operation();
+            await refresh(hostId);
+            if (typeof done === "string") {
+              const notice = { tone: "success", text: done };
+              row.notice = notice;
+              setTimeout(() => {
+                if (row.notice !== notice) return;
+                row.notice = null;
+                render();
+              }, SUCCESS_NOTICE_MS);
+            }
+          } catch (error51) {
+            row.notice = { tone: "danger", text: remoteErrorMessage(error51) };
+            installations.delete(hostId);
+            inspectFailures.delete(hostId);
+            void refresh(hostId);
+          } finally {
+            row.pending = null;
+            if (!signal.aborted) {
+              render();
+              const card = cards.get(hostId)?.element;
+              if (card && !focusedElement()) focusAction(card, action);
+            }
+          }
+        }
+        function edit(previous) {
+          openRemoteConnectionEditor({
+            container: root,
+            signal,
+            t,
+            previous,
+            async save(draft) {
+              await control.ssh.save(draft, previous, signal);
+              if (previous) {
+                installations.delete(previous.hostId);
+                inspectFailures.delete(previous.hostId);
+                restarting.delete(previous.hostId);
+              }
+              await refresh();
+            }
+          });
+        }
+        function handle(row, action) {
+          if (row.pending) return;
+          const { connection } = row;
+          const { hostId } = connection;
+          const setConnected = async (enabled) => {
+            const request = control.ssh.connect(hostId, enabled, signal);
+            request.catch(() => void 0);
+            await Promise.race([
+              request,
+              new Promise((resolve) => setTimeout(resolve, CONNECT_REQUEST_WAIT_MS))
+            ]);
+          };
+          const reconnect = async () => {
+            installations.delete(hostId);
+            inspectFailures.delete(hostId);
+            await setConnected(true);
+          };
+          switch (action) {
+            case "edit":
+              edit(connection);
+              break;
+            case "remove":
+              openRemoteConnectionRemoval({
+                container: root,
+                signal,
+                t,
+                connection,
+                async remove() {
+                  await control.ssh.remove(connection, signal);
+                  await refresh();
+                }
+              });
+              break;
+            case "toggle":
+              void act(
+                row,
+                action,
+                connection.autoConnect ? t("\u6B63\u5728\u65AD\u5F00\u2026", "Disconnecting\u2026") : t("\u6B63\u5728\u8FDE\u63A5\u2026", "Connecting\u2026"),
+                () => setConnected(!connection.autoConnect)
+              );
+              break;
+            case "reconnect":
+              void act(row, action, t("\u6B63\u5728\u91CD\u65B0\u8FDE\u63A5\u2026", "Reconnecting\u2026"), async () => {
+                await setConnected(false);
+                await setConnected(true);
+              });
+              break;
+            case "recheck":
+              void act(row, action, t("\u6B63\u5728\u91CD\u65B0\u68C0\u6D4B\u2026", "Checking again\u2026"), async () => {
+                installations.delete(hostId);
+                inspectFailures.delete(hostId);
+              });
+              break;
+            case "install": {
+              const version2 = remoteInstallVersion(local);
+              if (!version2) break;
+              void act(
+                row,
+                action,
+                t("\u6B63\u5728\u5B89\u88C5\u8FDC\u7A0B\u670D\u52A1\uFF0C\u8BF7\u7A0D\u5019\u2026", "Installing remote service, please wait\u2026"),
+                async () => {
+                  await control.setup(connection, "install", version2);
+                  await reconnect();
+                  return t("\u8FDC\u7A0B\u670D\u52A1\u5DF2\u5B89\u88C5\uFF0C\u6B63\u5728\u8FDE\u63A5", "Remote service installed; connecting");
+                }
+              );
+              break;
+            }
+            case "upgrade": {
+              const version2 = remoteInstallVersion(local);
+              if (!version2) break;
+              void act(
+                row,
+                action,
+                t("\u6B63\u5728\u66F4\u65B0\u8FDC\u7A0B\u670D\u52A1\uFF0C\u8BF7\u7A0D\u5019\u2026", "Updating remote service, please wait\u2026"),
+                async () => {
+                  await control.setup(connection, "update", version2);
+                  await reconnect();
+                  return t("\u8FDC\u7A0B\u670D\u52A1\u5DF2\u66F4\u65B0\uFF0C\u6B63\u5728\u8FDE\u63A5", "Remote service updated; connecting");
+                }
+              );
+              break;
+            }
+            case "repair":
+              void act(
+                row,
+                action,
+                t("\u6B63\u5728\u91CD\u65B0\u914D\u7F6E\u8FDC\u7A0B\u670D\u52A1\u2026", "Reconfiguring remote service\u2026"),
+                async () => {
+                  await control.setup(connection, "repair");
+                  await reconnect();
+                  return t("\u8FDC\u7A0B\u670D\u52A1\u5DF2\u4FEE\u590D\uFF0C\u6B63\u5728\u8FDE\u63A5", "Remote service repaired; connecting");
+                }
+              );
+              break;
+            case "update": {
+              const target = row.remote ? remoteMaintenanceTarget(local, row.remote) : null;
+              if (!target) break;
+              const restart = target === row.remote?.installedVersion;
+              void act(
+                row,
+                action,
+                restart ? t("\u6B63\u5728\u91CD\u542F\u8FDC\u7A0B\u670D\u52A1\u2026", "Restarting remote service\u2026") : t("\u6B63\u5728\u63D0\u4EA4\u66F4\u65B0\u2026", "Starting update\u2026"),
+                async () => {
+                  await control.update(hostId, target);
+                  await setConnected(true);
+                }
+              );
+              break;
+            }
+          }
+        }
+        const reload = () => {
+          if (refreshButton.getAttribute("aria-busy") === "true") return;
+          refreshButton.setAttribute("aria-busy", "true");
+          installations.clear();
+          inspectFailures.clear();
+          void refresh(void 0, "all").finally(() => refreshButton.removeAttribute("aria-busy"));
+        };
+        refreshButton.addEventListener("click", reload);
+        retry.addEventListener("click", reload);
+        addButton.addEventListener("click", () => edit(null));
+        render();
+        void refresh();
+        const timer = setInterval(() => {
+          if (polling) return;
+          polling = true;
+          void refresh(void 0, "all").finally(() => {
+            polling = false;
+          });
+        }, POLL_INTERVAL_MS);
+        return () => clearInterval(timer);
+      }
+    });
+  }
+
   // src/settings/core.ts
   var SETTINGS_PAGE_ID_PATTERN = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/u;
   var MAX_SETTINGS_PAGE_ID_LENGTH = 48;
@@ -25197,6 +26752,74 @@ Codex Fast mode prioritizes requests and may increase usage.`
     }
   };
 
+  // src/settings/horizontal-scroll-hint.ts
+  function createHorizontalScrollHint(document2, scroller, className) {
+    const element = document2.createElement("div");
+    element.className = className;
+    element.setAttribute("aria-hidden", "true");
+    const thumb = document2.createElement("span");
+    element.append(thumb);
+    const limit = () => Math.max(0, scroller.scrollWidth - scroller.clientWidth);
+    const scrollTo = (left) => {
+      scroller.scrollLeft = Math.min(limit(), Math.max(0, left));
+      update();
+    };
+    const update = () => {
+      const { clientWidth, scrollLeft, scrollWidth } = scroller;
+      const overflowing = scrollWidth > clientWidth + 1;
+      element.dataset.overflowing = String(overflowing);
+      if (!overflowing) return;
+      thumb.style.width = `${clientWidth / scrollWidth * 100}%`;
+      thumb.style.left = `${scrollLeft / scrollWidth * 100}%`;
+    };
+    scroller.addEventListener("scroll", update, { passive: true });
+    scroller.addEventListener(
+      "wheel",
+      (event) => {
+        if (event.deltaX !== 0 || event.deltaY === 0 || event.ctrlKey) return;
+        const next = Math.min(limit(), Math.max(0, scroller.scrollLeft + event.deltaY));
+        if (Math.abs(next - scroller.scrollLeft) < 1) return;
+        event.preventDefault();
+        scrollTo(next);
+      },
+      { passive: false }
+    );
+    let drag = null;
+    element.addEventListener("pointerdown", (event) => {
+      if (event.button !== 0 || limit() <= 1) return;
+      const track = element.getBoundingClientRect();
+      if (track.width <= 0) return;
+      if (event.target !== thumb) {
+        const pointed = (event.clientX - track.left) / track.width * scroller.scrollWidth;
+        scrollTo(pointed - scroller.clientWidth / 2);
+      }
+      drag = {
+        pointerId: event.pointerId,
+        startX: event.clientX,
+        startLeft: scroller.scrollLeft,
+        // One pixel along the line is this many pixels of row content.
+        scale: scroller.scrollWidth / track.width
+      };
+      element.dataset.dragging = "true";
+      element.setPointerCapture(event.pointerId);
+      event.preventDefault();
+    });
+    element.addEventListener("pointermove", (event) => {
+      if (drag?.pointerId !== event.pointerId) return;
+      scrollTo(drag.startLeft + (event.clientX - drag.startX) * drag.scale);
+    });
+    const release = (event) => {
+      if (drag?.pointerId !== event.pointerId) return;
+      drag = null;
+      delete element.dataset.dragging;
+    };
+    element.addEventListener("pointerup", release);
+    element.addEventListener("pointercancel", release);
+    const ResizeObserverClass = document2.defaultView?.ResizeObserver;
+    if (ResizeObserverClass) new ResizeObserverClass(update).observe(scroller);
+    return { element, update };
+  }
+
   // src/settings/session-import-list-controls.ts
   function createSessionImportListControls(document2, messages, onChange) {
     let query = "";
@@ -25330,7 +26953,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     text.textContent = message;
     return text;
   }
-  function createSessionImportSettingsPage(messages, getClient, openImportedThread) {
+  function createSessionImportSettingsPage(messages, getClient, openImportedThread, getDiagnostics = () => null) {
     return Object.freeze({
       id: "session-import",
       label: messages.pageLabels["session-import"],
@@ -25363,10 +26986,19 @@ Codex Fast mode prioritizes requests and may increase usage.`
         harnessOptions.dataset.sessionImportHarness = "selector";
         harnessOptions.setAttribute("role", "group");
         harnessOptions.setAttribute("aria-label", messages.sessionImportHarness);
+        const harnessScroller = document2.createElement("div");
+        harnessScroller.className = "settings-session-import-harness__scroller";
+        const harnessHint = createHorizontalScrollHint(
+          document2,
+          harnessOptions,
+          "settings-session-import-harness__indicator"
+        );
+        harnessScroller.append(harnessOptions, harnessHint.element);
         let selectedHarness = null;
         let sources = [];
         const sourceButtons = [];
         const renderHarnessOptions = () => {
+          const scrolled = harnessOptions.scrollLeft;
           harnessOptions.replaceChildren();
           sourceButtons.length = 0;
           for (const source of sources) {
@@ -25387,8 +27019,11 @@ Codex Fast mode prioritizes requests and may increase usage.`
             sourceButtons.push(option);
             harnessOptions.append(option);
           }
+          harnessOptions.scrollLeft = scrolled;
+          harnessOptions.querySelector('[aria-pressed="true"]')?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+          harnessHint.update();
         };
-        harness.append(harnessLabel, harnessOptions);
+        harness.append(harnessLabel, harnessScroller);
         const description = document2.createElement("p");
         description.className = "settings-page-description";
         description.textContent = messages.sessionImportDescription;
@@ -25677,10 +27312,15 @@ Codex Fast mode prioritizes requests and may increase usage.`
           const pageParams = listControls.params();
           void context.runLatest(
             async (signal) => {
-              const result = await client.listSessionImportSources();
-              const selected = result.harnesses.find(({ harnessId }) => harnessId === requestedHarness)?.harnessId ?? result.harnesses[0]?.harnessId ?? null;
+              const missing = new Set(
+                getDiagnostics()?.snapshot().hosts.find(({ hostId }) => hostId === "local")?.agents.filter(({ availability }) => availability === "notInstalled").map(({ agent }) => agent)
+              );
+              const harnesses = (await client.listSessionImportSources()).harnesses.filter(
+                ({ harnessId }) => !missing.has(harnessId)
+              );
+              const selected = harnesses.find(({ harnessId }) => harnessId === requestedHarness)?.harnessId ?? harnesses[0]?.harnessId ?? null;
               if (signal.aborted) throw new Error("Session import selection changed");
-              sources = result.harnesses;
+              sources = harnesses;
               selectedHarness = selected;
               if (selected !== requestedHarness) {
                 listControls.reset();
@@ -25821,104 +27461,6 @@ Codex Fast mode prioritizes requests and may increase usage.`
     };
   }
 
-  // src/settings/preference-ui.ts
-  var nextPreferenceId = 0;
-  function preferenceId(prefix) {
-    nextPreferenceId += 1;
-    return `codexhost-${prefix}-${nextPreferenceId}`;
-  }
-  function createPreferenceGroup(document2, title) {
-    const group = document2.createElement("section");
-    group.className = "mt-7 first-of-type:mt-0";
-    const header = document2.createElement("div");
-    header.className = "mb-2 flex min-h-6 items-center gap-2 px-1";
-    const heading = document2.createElement("h3");
-    heading.id = preferenceId("preference-group");
-    heading.className = "m-0 text-[13px] leading-5 font-semibold text-settings-text";
-    heading.textContent = title;
-    header.append(heading);
-    const card = document2.createElement("div");
-    card.className = "rounded-[10px] border border-settings-border bg-settings-panel";
-    group.setAttribute("aria-labelledby", heading.id);
-    group.append(header, card);
-    return { group, header, card };
-  }
-  function createPreferenceItem(document2, input) {
-    const item = document2.createElement("div");
-    item.className = "flex min-h-[60px] items-center justify-between gap-6 border-t border-settings-divider px-4 py-3 first:border-t-0";
-    const copy = document2.createElement("div");
-    copy.className = "flex min-w-0 flex-col gap-0.5";
-    const heading = document2.createElement("div");
-    heading.className = "flex items-center gap-1.5";
-    const title = document2.createElement("label");
-    title.htmlFor = input.controlId;
-    title.className = "cursor-pointer text-[13px] leading-5 font-medium text-settings-text";
-    title.textContent = input.title;
-    heading.append(title);
-    if (input.help) heading.append(createHelpTooltip(document2, input.help.label, input.help.lines));
-    const description = document2.createElement("div");
-    description.id = preferenceId("preference-description");
-    description.className = "text-xs leading-[18px] text-settings-muted data-[invalid=true]:text-settings-danger";
-    description.textContent = input.description;
-    copy.append(heading, description);
-    item.append(copy);
-    return { item, description };
-  }
-  function createHelpTooltip(document2, label, lines) {
-    const wrapper = document2.createElement("span");
-    wrapper.className = "group relative inline-flex";
-    const button = document2.createElement("button");
-    button.type = "button";
-    button.className = "inline-flex size-4 cursor-help items-center justify-center rounded-full border-0 bg-transparent p-0 text-settings-subtle transition-colors hover:text-settings-text focus-visible:text-settings-text focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
-    button.setAttribute("aria-label", label);
-    button.append(createRendererSettingsIcon("help", 14));
-    const tooltip = document2.createElement("div");
-    tooltip.id = preferenceId("preference-tooltip");
-    tooltip.setAttribute("role", "tooltip");
-    tooltip.className = "pointer-events-none invisible absolute top-full left-0 z-20 mt-2 w-80 rounded-lg border border-settings-border bg-settings-panel px-3 py-2.5 text-xs leading-[18px] font-normal text-settings-text opacity-0 shadow-[0_10px_30px_rgb(0_0_0/0.22)] transition-opacity duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100";
-    const list = document2.createElement("ul");
-    list.className = "m-0 grid list-disc gap-1 pl-4 marker:text-settings-subtle";
-    for (const line of lines) {
-      const item = document2.createElement("li");
-      item.textContent = line;
-      list.append(item);
-    }
-    tooltip.append(list);
-    button.setAttribute("aria-describedby", tooltip.id);
-    button.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") button.blur();
-    });
-    wrapper.append(button, tooltip);
-    return wrapper;
-  }
-  function createPreferenceSwitch(document2, id, describedBy) {
-    const input = document2.createElement("input");
-    input.type = "checkbox";
-    input.id = id;
-    input.setAttribute("role", "switch");
-    input.setAttribute("aria-describedby", describedBy);
-    input.className = "relative m-0 h-5 w-9 shrink-0 cursor-pointer appearance-none rounded-full bg-settings-surface-hover ring-1 ring-settings-border transition-colors ring-inset before:absolute before:top-0.5 before:left-0.5 before:size-4 before:rounded-full before:bg-white before:shadow-[0_1px_2px_rgb(0_0_0/0.3)] before:transition-transform checked:bg-settings-focus checked:ring-transparent checked:before:translate-x-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
-    return input;
-  }
-  function createNumberField(document2, input) {
-    const field = document2.createElement("div");
-    field.className = "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-settings-border bg-settings-surface px-2.5 transition-colors focus-within:border-settings-focus data-[invalid=true]:border-settings-danger";
-    const control = document2.createElement("input");
-    control.type = "number";
-    control.id = input.id;
-    control.min = String(input.min);
-    control.max = String(input.max);
-    control.step = "1";
-    control.setAttribute("aria-describedby", input.describedBy);
-    control.className = "w-14 border-0 bg-transparent p-0 text-right text-[13px] leading-5 text-settings-text tabular-nums outline-none";
-    const unit = document2.createElement("span");
-    unit.className = "text-xs text-settings-muted";
-    unit.setAttribute("aria-hidden", "true");
-    unit.textContent = input.unit;
-    field.append(control, unit);
-    return { field, control };
-  }
-
   // src/settings/idle-release-controls.ts
   function mountIdleReleaseControls(context, messages, getLoadedSessionsClient) {
     const { content } = context;
@@ -26283,7 +27825,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
   function defaultImportName(source, existing) {
     const base = source.provider === "openai-codex" ? "codex" : "grok";
-    const used = new Set(existing.map((record3) => record3.name));
+    const used = new Set(existing.map((record4) => record4.name));
     const valid = (name) => credentialImportNameSchema.safeParse(name).success;
     if (!used.has(base)) return base;
     const local = source.label.includes("@") ? source.label.split("@")[0] ?? "" : "";
@@ -26303,7 +27845,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     let othersExpanded = false;
     const targetButtons = /* @__PURE__ */ new Map();
     const importedRecords = () => snapshot.targets.find((target) => target.harnessId === TARGET_HARNESS_ID)?.imports ?? [];
-    const sourceOf = (record3) => snapshot.sources.find((source) => source.id === record3.source.id);
+    const sourceOf = (record4) => snapshot.sources.find((source) => source.id === record4.source.id);
     const section = document2.createElement("section");
     section.className = "settings-pi-accounts";
     section.hidden = true;
@@ -26352,33 +27894,33 @@ Codex Fast mode prioritizes requests and may increase usage.`
       mark.append(createRendererAgentIcon(agent ?? "pi", 26, document2));
       return mark;
     };
-    const renderRow = (record3) => {
+    const renderRow = (record4) => {
       const row = document2.createElement("div");
       row.className = "settings-pi-accounts__row";
       row.tabIndex = -1;
-      row.dataset.importName = record3.name;
-      row.setAttribute("aria-label", record3.source.label);
-      const agent = KNOWN_RENDERER_AGENTS.find((candidate) => candidate === record3.source.harnessId);
+      row.dataset.importName = record4.name;
+      row.setAttribute("aria-label", record4.source.label);
+      const agent = KNOWN_RENDERER_AGENTS.find((candidate) => candidate === record4.source.harnessId);
       const mark = createMark(agent);
       const identity = document2.createElement("div");
       identity.className = "settings-pi-accounts__identity";
       const label = document2.createElement("strong");
       label.className = "settings-account-email";
-      label.textContent = record3.source.label;
-      label.title = record3.source.label;
+      label.textContent = record4.source.label;
+      label.title = record4.source.label;
       label.translate = false;
       const meta3 = document2.createElement("div");
       meta3.className = "settings-account-metadata";
-      const source = sourceOf(record3);
+      const source = sourceOf(record4);
       const parts = [
         metaPart(
-          agent && RENDERER_AGENT_LABELS[agent] || record3.source.harnessId,
+          agent && RENDERER_AGENT_LABELS[agent] || record4.source.harnessId,
           "settings-pi-accounts__agent"
         ),
-        metaPart(`${record3.name}/\u2026`, void 0, true),
+        metaPart(`${record4.name}/\u2026`, void 0, true),
         metaPart(messages.copied)
       ];
-      const time3 = formatImportedAt(record3.importedAt);
+      const time3 = formatImportedAt(record4.importedAt);
       if (time3) parts.push(metaPart(time3));
       parts.forEach((part, index) => {
         if (index > 0) {
@@ -26395,23 +27937,23 @@ Codex Fast mode prioritizes requests and may increase usage.`
       reimport.type = "button";
       reimport.className = "settings-account-action";
       reimport.textContent = messages.rowReimport;
-      reimport.setAttribute("aria-label", `${messages.reimport}: ${record3.source.label}`);
+      reimport.setAttribute("aria-label", `${messages.reimport}: ${record4.source.label}`);
       reimport.disabled = busy || !source;
       reimport.title = messages.reimport;
       reimport.addEventListener("click", () => {
-        if (source) openDialog("reimport", { source, record: record3 }, `row:${record3.name}`);
+        if (source) openDialog("reimport", { source, record: record4 }, `row:${record4.name}`);
       });
       const remove = document2.createElement("button");
       remove.type = "button";
       remove.className = "settings-account-action settings-pi-accounts__remove";
       remove.textContent = messages.rowRemove;
-      remove.setAttribute("aria-label", `${messages.remove}: ${record3.source.label}`);
+      remove.setAttribute("aria-label", `${messages.remove}: ${record4.source.label}`);
       remove.disabled = busy;
-      remove.addEventListener("click", () => openDialog("remove", { record: record3 }, `row:${record3.name}`));
+      remove.addEventListener("click", () => openDialog("remove", { record: record4 }, `row:${record4.name}`));
       if (source) actions.append(reimport);
       actions.append(remove);
       row.append(mark, identity, actions);
-      rows.set(record3.name, row);
+      rows.set(record4.name, row);
       return row;
     };
     const loginTypeLabel = (type) => type === "oauth" ? messages.typeOauth : type === "api_key" ? messages.typeApiKey : messages.typeOther;
@@ -26558,7 +28100,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
           const name = request.action === "list" ? void 0 : request.name;
           state = {
             source: state.source,
-            record: importedRecords().find((record3) => record3.name === name) ?? state.record
+            record: importedRecords().find((record4) => record4.name === name) ?? state.record
           };
           show(next);
         } else {
@@ -26571,20 +28113,20 @@ Codex Fast mode prioritizes requests and may increase usage.`
         nameInput = void 0;
         body.replaceChildren();
         controls.replaceChildren();
-        const { source, record: record3 } = state;
+        const { source, record: record4 } = state;
         const close = () => modal.close();
         if (mode === "add" || mode === "reimport") {
           title.textContent = mode === "add" ? messages.add : messages.reimport;
           modal.setAttribute("aria-label", title.textContent);
-          const active = source ?? record3?.source;
+          const active = source ?? record4?.source;
           if (active) body.append(line(messages.source, active.label));
           const input = document2.createElement("input");
           input.type = "text";
           input.maxLength = 48;
           input.autocomplete = "off";
           input.spellcheck = false;
-          input.value = record3?.name ?? (source ? defaultImportName(source, importedRecords()) : "codex");
-          input.readOnly = Boolean(record3);
+          input.value = record4?.name ?? (source ? defaultImportName(source, importedRecords()) : "codex");
+          input.readOnly = Boolean(record4);
           nameInput = input;
           const label = document2.createElement("label");
           label.className = "settings-credential-dialog__field";
@@ -26613,7 +28155,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
                   {
                     action: mode === "reimport" ? "reimport" : "import",
                     sourceId: source.id,
-                    name: record3?.name ?? input.value,
+                    name: record4?.name ?? input.value,
                     confirmed: true
                   },
                   "done"
@@ -26623,16 +28165,16 @@ Codex Fast mode prioritizes requests and may increase usage.`
             )
           );
           (mode === "add" ? input : controls.children[0]).focus();
-        } else if (mode === "remove" && record3) {
+        } else if (mode === "remove" && record4) {
           title.textContent = messages.remove;
           modal.setAttribute("aria-label", title.textContent);
-          body.append(note(messages.removeWarning.replace("{name}", record3.name)));
+          body.append(note(messages.removeWarning.replace("{name}", record4.name)));
           const cancel = command(messages.cancel, close);
           controls.append(
             cancel,
             command(
               messages.remove,
-              () => submit({ action: "remove", name: record3.name, confirmed: true }, null),
+              () => submit({ action: "remove", name: record4.name, confirmed: true }, null),
               "danger"
             )
           );
@@ -26640,7 +28182,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
         } else {
           title.textContent = messages.doneTitle;
           modal.setAttribute("aria-label", title.textContent);
-          const name = record3?.name;
+          const name = record4?.name;
           if (name) body.append(line(messages.entry, `${name}/\u2026`, true));
           body.append(note(messages.done));
           const done = command(messages.close, close, "primary");
@@ -26681,25 +28223,25 @@ Codex Fast mode prioritizes requests and may increase usage.`
           (candidate) => candidate.harnessId === TARGET_HARNESS_ID && source && candidate.providers.includes(source.provider)
         );
         if (!source || !target) return null;
-        const record3 = target.imports.find((candidate) => candidate.source.id === source.id);
+        const record4 = target.imports.find((candidate) => candidate.source.id === source.id);
         const key = `${harnessId}:${accountLabel}:import`;
         const button = document2.createElement("button");
         button.type = "button";
         button.className = "settings-icon-button settings-account-harness-target";
         button.dataset.accountFocus = key;
         button.disabled = busy;
-        if (record3) button.dataset.state = "imported";
-        const hint = record3 ? messages.importedHint.replace("{name}", record3.name) : messages.add;
+        if (record4) button.dataset.state = "imported";
+        const hint = record4 ? messages.importedHint.replace("{name}", record4.name) : messages.add;
         button.title = hint;
         button.setAttribute("aria-label", hint);
         button.setAttribute("aria-haspopup", "dialog");
         button.append(createRendererAgentIcon("pi", 16, document2));
         button.addEventListener("click", () => {
-          if (!record3) {
+          if (!record4) {
             openDialog("add", { source }, key);
             return;
           }
-          const row = rows.get(record3.name);
+          const row = rows.get(record4.name);
           row?.scrollIntoView({ block: "nearest", behavior: "smooth" });
           row?.focus();
         });
@@ -27425,7 +28967,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
   }
 
   // src/settings/accounts-page.ts
-  function errorMessage(error51, fallback) {
+  function errorMessage2(error51, fallback) {
     return error51 instanceof Error && error51.message ? error51.message : fallback;
   }
   function createAccountsSettingsPage(messages, getClient) {
@@ -27667,7 +29209,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
               refreshInBackground();
             },
             failure(error51) {
-              loadMessage = errorMessage(error51, messages.accountLoadFailed);
+              loadMessage = errorMessage2(error51, messages.accountLoadFailed);
               render();
             }
           });
@@ -28242,11 +29784,17 @@ Codex Fast mode prioritizes requests and may increase usage.`
       }
     });
   }
-  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getAccountClient = () => null, getSessionImportClient = () => null, openImportedThread = () => Promise.reject(new Error("Imported Thread navigation is unavailable")), getLoadedSessionsClient = () => null) {
+  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getAccountClient = () => null, getSessionImportClient = () => null, openImportedThread = () => Promise.reject(new Error("Imported Thread navigation is unavailable")), getLoadedSessionsClient = () => null, getRemoteConnections = () => null) {
     return Object.freeze([
       createConnectionsSettingsPage(messages, getDiagnostics),
+      createRemoteConnectionsPage(messages, getRemoteConnections),
       createAccountsSettingsPage(messages, getAccountClient),
-      createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+      createSessionImportSettingsPage(
+        messages,
+        getSessionImportClient,
+        openImportedThread,
+        getDiagnostics
+      ),
       createAppearanceSettingsPage(messages, getLoadedSessionsClient),
       updatesPage(messages, getUpdateClient),
       aboutPage(messages, getUpdateClient)
@@ -28691,26 +30239,32 @@ Codex Fast mode prioritizes requests and may increase usage.`
 
 .settings-session-import-harness {
   display: flex;
-  align-items: center;
+  /* The label lines up with the options whether or not the scroll indicator is shown. */
+  align-items: flex-start;
   min-width: 0;
   gap: 12px;
-  margin: -12px 0 16px;
+  margin: -12px 0 10px;
   color: var(--settings-muted);
   font-size: 13px;
 }
 
 .settings-session-import-harness > span {
   flex: none;
+  line-height: 32px;
+}
+
+.settings-session-import-harness__scroller {
+  min-width: 0;
+  flex: 1;
 }
 
 .settings-session-import-harness__options {
   display: flex;
   align-items: center;
-  min-width: 0;
-  flex: 1;
   gap: 6px;
   overflow-x: auto;
   overflow-y: hidden;
+  /* Replaced by the hairline below: a native overlay scrollbar covers the options. */
   scrollbar-width: none;
 }
 
@@ -28718,6 +30272,59 @@ Codex Fast mode prioritizes requests and may increase usage.`
   display: none;
 }
 
+/*
+ * Always occupies 6px so the page does not shift; drawn only while the options overflow. The box
+ * is taller than the 2px line it draws so the line can be grabbed with a mouse.
+ */
+.settings-session-import-harness__indicator {
+  position: relative;
+  height: 12px;
+  margin-bottom: -6px;
+  cursor: grab;
+  touch-action: none;
+  visibility: hidden;
+}
+
+.settings-session-import-harness__indicator[data-overflowing="true"] {
+  visibility: visible;
+}
+
+.settings-session-import-harness__indicator[data-dragging="true"] {
+  cursor: grabbing;
+}
+
+.settings-session-import-harness__indicator::before,
+.settings-session-import-harness__indicator > span {
+  position: absolute;
+  top: 4px;
+  height: 2px;
+  border-radius: 1px;
+}
+
+.settings-session-import-harness__indicator::before {
+  right: 0;
+  left: 0;
+  background: var(--settings-divider);
+  content: "";
+}
+
+.settings-session-import-harness__indicator > span {
+  /* Quieter than text: a hint that there is more, not a control competing with the options. */
+  background: light-dark(rgb(13 13 13 / 24%), rgb(255 255 255 / 26%));
+}
+
+/* The thumb takes the press across the whole grab area, not only on its 2px line. */
+.settings-session-import-harness__indicator > span::before {
+  position: absolute;
+  inset: -4px 0 -6px;
+  content: "";
+}
+
+.settings-session-import-harness__indicator:hover > span,
+.settings-session-import-harness__indicator[data-dragging="true"] > span {
+  background: light-dark(rgb(13 13 13 / 42%), rgb(255 255 255 / 46%));
+}
+
 .settings-session-import-harness__option {
   min-height: 32px;
   flex: none;
@@ -29354,6 +30961,12 @@ Codex Fast mode prioritizes requests and may increase usage.`
   border-radius: 10px;
 }
 
+.settings-harness-installation-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
 .settings-harness-installation-command pre {
   white-space: pre-wrap;
   overflow-wrap: anywhere;
@@ -29361,6 +30974,27 @@ Codex Fast mode prioritizes requests and may increase usage.`
   font-size: 12px;
 }
 
+.settings-connection-website {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 22px;
+  height: 22px;
+  color: var(--settings-muted);
+  border-radius: 4px;
+}
+
+.settings-connection-website:hover {
+  color: var(--settings-focus);
+  background: var(--settings-hover);
+}
+
+.settings-connection-website:focus-visible {
+  outline: 2px solid var(--settings-focus);
+  outline-offset: 1px;
+}
+
 .settings-connection-install-link {
   display: inline-flex;
   align-items: center;
@@ -29372,13 +31006,11 @@ Codex Fast mode prioritizes requests and may increase usage.`
   background: transparent;
   border: 1px solid transparent;
   border-radius: 7px;
-  opacity: 0;
-  transition: opacity 120ms ease;
 }
 
-.settings-connection-row:hover .settings-connection-install-link,
-.settings-connection-install-link:focus-visible {
-  opacity: 1;
+.settings-connection-install-link:disabled {
+  opacity: 0.45;
+  cursor: wait;
 }
 
 .settings-connection-install-link:hover {
@@ -29427,6 +31059,10 @@ Codex Fast mode prioritizes requests and may increase usage.`
   padding: 12px;
 }
 
+.settings-connection-inspector__body:empty {
+  display: none;
+}
+
 .settings-harness-version {
   display: grid;
   gap: 10px;
@@ -29551,33 +31187,6 @@ Codex Fast mode prioritizes requests and may increase usage.`
   border-radius: 10px;
 }
 
-.settings-connection-error-metadata {
-  display: grid;
-  gap: 7px;
-  padding: 12px;
-  background: var(--settings-inset);
-  border: 1px solid var(--settings-border);
-  border-radius: 9px;
-}
-
-.settings-connection-detail-line {
-  display: grid;
-  grid-template-columns: 92px minmax(0, 1fr);
-  gap: 10px;
-  min-width: 0;
-  color: var(--settings-muted);
-  font-size: 10px;
-  line-height: 16px;
-}
-
-.settings-connection-detail-line code {
-  min-width: 0;
-  overflow-wrap: anywhere;
-  color: var(--settings-text);
-  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  white-space: pre-wrap;
-}
-
 .settings-connection-error-log-header {
   display: flex;
   align-items: center;
@@ -30394,6 +32003,336 @@ Codex Fast mode prioritizes requests and may increase usage.`
     transition-duration: 0s !important;
   }
 }
+
+.settings-remote {
+  display: grid;
+  gap: 14px;
+  min-width: 0;
+}
+
+.settings-remote__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 18px;
+  margin-bottom: 4px;
+}
+
+.settings-remote__header .settings-section-label {
+  padding-bottom: 0;
+}
+
+.settings-remote__header .settings-page-description {
+  margin: 5px 0 0;
+}
+
+.settings-remote__meta {
+  margin: 2px 0 0;
+  color: var(--settings-subtle);
+  font-size: 12px;
+  line-height: 18px;
+  font-variant-numeric: tabular-nums;
+}
+
+.settings-remote__meta:empty {
+  display: none;
+}
+
+.settings-remote__toolbar,
+.settings-remote-card__actions {
+  display: flex;
+  align-items: center;
+  flex: none;
+  gap: 6px;
+}
+
+.settings-remote__toolbar {
+  gap: 8px;
+}
+
+.settings-remote__banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 8px 8px 12px;
+  color: var(--settings-danger);
+  font-size: 12px;
+  line-height: 18px;
+  overflow-wrap: anywhere;
+  background: var(--settings-danger-bg);
+  border: 1px solid var(--settings-danger-border);
+  border-radius: 10px;
+}
+
+.settings-remote__loading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  padding: 16px 2px;
+  color: var(--settings-muted);
+  font-size: 12px;
+}
+
+.settings-remote__empty {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 16px;
+  background: var(--settings-panel);
+  border: 1px dashed var(--settings-border);
+  border-radius: 10px;
+}
+
+.settings-remote__empty > div {
+  display: grid;
+  min-width: 0;
+  gap: 2px;
+}
+
+.settings-remote__empty strong {
+  color: var(--settings-text);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 19px;
+}
+
+.settings-remote__empty span {
+  color: var(--settings-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.settings-remote__list {
+  display: grid;
+  gap: 12px;
+}
+
+.settings-remote__placeholder:empty,
+.settings-remote__list:empty {
+  display: none;
+}
+
+.settings-remote-card {
+  min-width: 0;
+  overflow: hidden;
+  background: var(--settings-panel);
+  border: 1px solid var(--settings-border);
+  border-radius: 10px;
+}
+
+.settings-remote-card__head {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 10px 12px 14px;
+}
+
+.settings-remote-card__identity {
+  display: grid;
+  flex: 1;
+  min-width: 0;
+  gap: 2px;
+}
+
+.settings-remote-card__title {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 10px;
+}
+
+.settings-remote-card h3 {
+  min-width: 0;
+  margin: 0;
+  overflow: hidden;
+  color: var(--settings-text);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings-remote-card__state {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  gap: 6px;
+  color: var(--settings-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.settings-remote-card__state::before {
+  width: 7px;
+  height: 7px;
+  content: "";
+  background: var(--settings-subtle);
+  border-radius: 50%;
+}
+
+.settings-remote-card__state[data-tone="success"]::before {
+  background: var(--settings-success);
+}
+
+.settings-remote-card__state[data-tone="danger"]::before {
+  background: var(--settings-danger);
+}
+
+.settings-remote-card__state[data-tone="progress"]::before {
+  animation: settings-remote-pulse 1.2s ease-in-out infinite;
+}
+
+.settings-remote-card__address {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 8px;
+  overflow: hidden;
+  color: var(--settings-muted);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12px;
+  line-height: 18px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings-remote-card__address .settings-status-badge {
+  padding: 0 6px;
+  font-family: system-ui, sans-serif;
+}
+
+.settings-remote-card__actions {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.settings-remote-card__remove:hover:not(:disabled) {
+  color: var(--settings-danger);
+  background: var(--settings-danger-bg);
+}
+
+.settings-remote .settings-icon-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.settings-remote-card__detail {
+  margin: -4px 14px 12px;
+  font-size: 12px;
+  line-height: 18px;
+  overflow-wrap: anywhere;
+}
+
+.settings-remote-card__service {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 10px 10px 14px;
+  background: var(--settings-surface);
+  border-top: 1px solid var(--settings-divider);
+}
+
+.settings-remote-card__service-copy {
+  display: grid;
+  min-width: 0;
+  gap: 2px;
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.settings-remote-card__service-title {
+  color: var(--settings-text);
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+}
+
+.settings-remote-card__hint {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0;
+  color: var(--settings-muted);
+  overflow-wrap: anywhere;
+}
+
+.settings-remote [data-tone="success"] {
+  color: var(--settings-success);
+}
+
+.settings-remote [data-tone="warning"] {
+  color: var(--settings-warning);
+}
+
+.settings-remote [data-tone="danger"] {
+  color: var(--settings-danger);
+}
+
+.settings-remote-spinner {
+  width: 12px;
+  height: 12px;
+  flex: none;
+  border: 1.5px solid var(--settings-border);
+  border-top-color: var(--settings-muted);
+  border-radius: 50%;
+  animation: settings-remote-spin 0.8s linear infinite;
+}
+
+.settings-remote__refresh[aria-busy="true"] svg {
+  animation: settings-remote-spin 0.8s linear infinite;
+}
+
+.settings-remote-dialog .settings-credential-dialog__field small {
+  color: var(--settings-subtle);
+  font-size: 11px;
+  line-height: 16px;
+}
+
+.settings-remote-dialog input:disabled {
+  color: var(--settings-muted);
+  cursor: not-allowed;
+}
+
+.settings-remote-dialog input:focus-visible {
+  border-color: var(--settings-focus);
+  outline-offset: -1px;
+}
+
+@keyframes settings-remote-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes settings-remote-pulse {
+  50% {
+    opacity: 0.3;
+  }
+}
+
+@container (max-width: 620px) {
+  .settings-remote-card__head,
+  .settings-remote-card__service {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .settings-remote-card__actions {
+    justify-content: flex-start;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .settings-remote-spinner,
+  .settings-remote__refresh svg,
+  .settings-remote-card__state::before {
+    animation: none !important;
+  }
+}
 `;
 
   // src/settings/accounts.css
@@ -31139,7 +33078,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
 `;
 
   // src/settings/tailwind.css
-  var tailwind_default = '@layer properties, theme, base, components, utilities;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-\\[45px\\]{margin-left:45px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.size-1\\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\\[60px\\]{min-height:60px}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-settings-border{border-color:var(--settings-border)}.border-settings-divider{border-color:var(--settings-divider)}.bg-settings-panel{background-color:var(--settings-panel)}.bg-settings-subtle{background-color:var(--settings-subtle)}.bg-settings-surface{background-color:var(--settings-surface)}.bg-settings-surface-hover{background-color:var(--settings-surface-hover)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.\\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\\!text-right{text-align:right!important}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-settings-muted{color:var(--settings-muted)}.text-settings-subtle{color:var(--settings-subtle)}.text-settings-text{color:var(--settings-text)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_30px_rgb\\(0_0_0\\/0\\.22\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-settings-border{--tw-ring-color:var(--settings-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\\[state\\=failed\\]\\/status\\:bg-settings-danger:is(:where(.group\\/status)[data-state=failed] *){background-color:var(--settings-danger)}.group-data-\\[state\\=unavailable\\]\\/status\\:bg-settings-warning:is(:where(.group\\/status)[data-state=unavailable] *){background-color:var(--settings-warning)}.marker\\:text-settings-subtle ::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle ::-webkit-details-marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::-webkit-details-marker{color:var(--settings-subtle)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-0\\.5:before{content:var(--tw-content);top:calc(var(--spacing) * .5)}.before\\:left-0\\.5:before{content:var(--tw-content);left:calc(var(--spacing) * .5)}.before\\:size-4:before{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.before\\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\\:bg-white:before{content:var(--tw-content);background-color:#fff}.before\\:shadow-\\[0_1px_2px_rgb\\(0_0_0\\/0\\.3\\)\\]:before{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first-of-type\\:mt-0:first-of-type{margin-top:0}.checked\\:bg-settings-focus:checked{background-color:var(--settings-focus)}.checked\\:ring-transparent:checked{--tw-ring-color:transparent}.checked\\:before\\:translate-x-4:checked:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-within\\:border-settings-focus:focus-within{border-color:var(--settings-focus)}@media (hover:hover){.hover\\:text-settings-text:hover{color:var(--settings-text)}}.focus-visible\\:text-settings-text:focus-visible{color:var(--settings-text)}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-settings-focus:focus-visible{outline-color:var(--settings-focus)}.data-\\[invalid\\=true\\]\\:border-settings-danger[data-invalid=true]{border-color:var(--settings-danger)}.data-\\[invalid\\=true\\]\\:text-settings-danger[data-invalid=true],.data-\\[state\\=failed\\]\\:text-settings-danger[data-state=failed]{color:var(--settings-danger)}.data-\\[state\\=unavailable\\]\\:text-settings-warning[data-state=unavailable]{color:var(--settings-warning)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{\n  *, ::before, ::after, ::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-drop-shadow-alpha:100%;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}\n';
+  var tailwind_default = '@layer properties, theme, base, components, utilities;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-\\[45px\\]{margin-left:45px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.size-1\\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\\[60px\\]{min-height:60px}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-settings-border{border-color:var(--settings-border)}.border-settings-divider{border-color:var(--settings-divider)}.bg-settings-panel{background-color:var(--settings-panel)}.bg-settings-subtle{background-color:var(--settings-subtle)}.bg-settings-surface{background-color:var(--settings-surface)}.bg-settings-surface-hover{background-color:var(--settings-surface-hover)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.\\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\\!text-right{text-align:right!important}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-settings-muted{color:var(--settings-muted)}.text-settings-subtle{color:var(--settings-subtle)}.text-settings-text{color:var(--settings-text)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_30px_rgb\\(0_0_0\\/0\\.22\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-settings-border{--tw-ring-color:var(--settings-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\\[state\\=failed\\]\\/status\\:bg-settings-danger:is(:where(.group\\/status)[data-state=failed] *){background-color:var(--settings-danger)}.group-data-\\[state\\=unavailable\\]\\/status\\:bg-settings-warning:is(:where(.group\\/status)[data-state=unavailable] *){background-color:var(--settings-warning)}.marker\\:text-settings-subtle ::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle ::-webkit-details-marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::-webkit-details-marker{color:var(--settings-subtle)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-0\\.5:before{content:var(--tw-content);top:calc(var(--spacing) * .5)}.before\\:left-0\\.5:before{content:var(--tw-content);left:calc(var(--spacing) * .5)}.before\\:size-4:before{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.before\\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\\:bg-white:before{content:var(--tw-content);background-color:#fff}.before\\:shadow-\\[0_1px_2px_rgb\\(0_0_0\\/0\\.3\\)\\]:before{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first-of-type\\:mt-0:first-of-type{margin-top:0}.checked\\:bg-settings-focus:checked{background-color:var(--settings-focus)}.checked\\:ring-transparent:checked{--tw-ring-color:transparent}.checked\\:before\\:translate-x-4:checked:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-within\\:border-settings-focus:focus-within{border-color:var(--settings-focus)}@media (hover:hover){.hover\\:text-settings-text:hover{color:var(--settings-text)}}.focus-visible\\:text-settings-text:focus-visible{color:var(--settings-text)}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-settings-focus:focus-visible{outline-color:var(--settings-focus)}.data-\\[invalid\\=true\\]\\:border-settings-danger[data-invalid=true]{border-color:var(--settings-danger)}.data-\\[invalid\\=true\\]\\:text-settings-danger[data-invalid=true],.data-\\[state\\=failed\\]\\:text-settings-danger[data-state=failed]{color:var(--settings-danger)}.data-\\[state\\=unavailable\\]\\:text-settings-warning[data-state=unavailable]{color:var(--settings-warning)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{\n  *, ::before, ::after, ::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-drop-shadow-alpha:100%;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}\n';
 
   // src/settings/trigger.ts
   var SETTINGS_TRIGGER_ATTRIBUTE = "data-codexhost-settings-trigger";
@@ -31717,7 +33656,8 @@ ${accounts_default}`;
           await options.openImportedThread(threadId, signal);
           if (!disposed && !signal.aborted) shell?.close();
         },
-        options.getLoadedSessionsClient ?? (() => null)
+        options.getLoadedSessionsClient ?? (() => null),
+        options.getRemoteConnections ?? (() => null)
       );
       const nextShell = installRendererSettingsShell(definitions, messages, ownerWindow.document, {
         onOpenChange(open) {
@@ -32260,7 +34200,7 @@ ${accounts_default}`;
         openedFor = { node: trigger.node, start: trigger.start };
         options.onOpen?.(trigger.editor);
       }
-      const allTargets = options.readTargets();
+      const allTargets = options.readTargets(trigger.editor);
       syncChipStyle(ownerDocument, allTargets, iconCache);
       const targets = filterDelegationTargets(allTargets, trigger.query);
       const source = options.readCommands(trigger.editor);
@@ -32438,7 +34378,8 @@ ${accounts_default}`;
     hermes: harnessIdSchema.parse("hermes"),
     qoder: harnessIdSchema.parse("qoder"),
     "qoder-cn": harnessIdSchema.parse("qoder-cn"),
-    "kimi-code": harnessIdSchema.parse("kimi-code")
+    "kimi-code": harnessIdSchema.parse("kimi-code"),
+    zcode: harnessIdSchema.parse("zcode")
   };
   var externalAgents = [
     "pi",
@@ -32455,7 +34396,8 @@ ${accounts_default}`;
     "hermes",
     "qoder",
     "qoder-cn",
-    "kimi-code"
+    "kimi-code",
+    "zcode"
   ];
   function isRetryableHarnessAvailability(availability, error51) {
     return availability !== void 0 && availability !== "ready" && availability !== "notInstalled" && error51?.retryable === true;
@@ -32477,8 +34419,13 @@ ${accounts_default}`;
     return state === "ready";
   }
   var rendererUsageRefreshDelays = [250, 500, 1e3, 2e3, 4e3, 8e3];
-  function refreshConnectionHosts(hostIds, refreshHost) {
-    return Promise.all([...hostIds].map((hostId) => refreshHost(hostId))).then(() => void 0);
+  function refreshConnectionHosts(hostIds, refreshHost, pendingHost) {
+    return Promise.all(
+      [...hostIds].map(async (hostId) => {
+        if (pendingHost) await pendingHost(hostId)?.catch(() => void 0);
+        await refreshHost(hostId);
+      })
+    ).then(() => void 0);
   }
   function rendererUsageRefreshDelay(attempt) {
     const index = Math.max(0, Math.min(Math.trunc(attempt), rendererUsageRefreshDelays.length - 1));
@@ -32663,10 +34610,10 @@ ${accounts_default}`;
         ...permissionModeId ? { permissionModeId } : {}
       };
     }
-    if (inspection.harnessId === "kimi-code") {
+    if (inspection.harnessId === "kimi-code" || inspection.harnessId === "zcode") {
       const route = decodeHarnessPluginRoute(inspection.transportModelId);
       if (!route || route.harnessId !== inspection.harnessId) {
-        throw new Error("Kimi Code Thread reported an incompatible transport Model");
+        throw new Error(`${inspection.harnessId} Thread reported an incompatible transport Model`);
       }
       const model = inspection.effectiveModel ?? route.model;
       const thinkingOptionId = inspection.availableThinkingOptions !== void 0 ? selectableThinkingOptionId(inspection) : inspection.effectiveThinkingOptionId ?? route.thinkingOptionId;
@@ -32772,19 +34719,23 @@ ${accounts_default}`;
     let adapterDispose = null;
     let applyAdapterAgent = null;
     let modelControl = null;
-    const activeModelHostId = () => {
+    const activeModelHostId = (composer) => {
       if (!modelControl) return null;
-      return modelControl.currentHostId ? modelControl.currentHostId() : "local";
+      return modelControl.currentHostId ? modelControl.currentHostId(composer) : "local";
     };
     const controllerTarget = (target, hostId) => scopedComposerTarget(target, hostId);
-    let usageNotificationDispose = null;
+    const usageSubscriptions = /* @__PURE__ */ new Map();
+    const usageNotificationDispose = () => {
+      for (const subscription of usageSubscriptions.values()) subscription.dispose();
+      usageSubscriptions.clear();
+    };
     const localAgentForSidebarThread = (input) => {
       for (const mounted of mountedByComposer.values()) {
         const target = mounted.modelTarget;
         const matchesDraft = target?.[0] === "default" && input.draftId !== null && target[1] === input.draftId;
         const matchesConversation = target?.[0] === "conversation" && input.threadId !== null && target[1] === input.threadId && mounted.ownershipStatus === "ready";
         if (!matchesDraft && !matchesConversation) continue;
-        const mountedHostId = modelControl?.currentHostId?.() ?? "local";
+        const mountedHostId = activeModelHostId(mounted.composer);
         if (input.hostId !== mountedHostId) return null;
         return controller.get(mounted.composer).agent;
       }
@@ -32795,7 +34746,9 @@ ${accounts_default}`;
       getLocalAgent: localAgentForSidebarThread
     });
     let connectionDiagnostics = null;
+    const remoteConnections = createRemoteConnectionsControl(window, modelClientForHost);
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
+      getRemoteConnections: () => remoteConnections,
       getUpdateClient: () => modelControl,
       getAccountClient: () => modelControl,
       getConnectionDiagnostics: () => connectionDiagnostics,
@@ -32843,7 +34796,8 @@ ${accounts_default}`;
         hermes: void 0,
         qoder: void 0,
         "qoder-cn": void 0,
-        "kimi-code": void 0
+        "kimi-code": void 0,
+        zcode: void 0
       },
       webUi: Object.fromEntries(
         externalAgents.map((agent) => [agent, false])
@@ -32924,6 +34878,9 @@ ${accounts_default}`;
       const title = status === "unsupported" ? rendererHarnessMessages(settingsLifecycle.locale).codexUsageGateUnavailable : "";
       if (mounted.control.root.title !== title) mounted.control.root.title = title;
     };
+    const composerClient = (mounted) => mounted.hostId ? modelClientForHost(mounted.hostId) : null;
+    const composerAvailability = (mounted) => mounted.hostId ? hostHarnessAvailabilityState(mounted.hostId).availability : {};
+    const composerAdapterState = (mounted) => composerClient(mounted) ? "ready" : "installing";
     const renderMounted = (mounted) => {
       const accounts = composerCodexAccounts(mounted.composer);
       const currentCodexAccount = accounts?.accounts.find(
@@ -32932,9 +34889,9 @@ ${accounts_default}`;
       const externalSubmissionReady = renderComposerAgentControl(
         mounted.control,
         controller.get(mounted.composer),
-        adapterStatus.state,
+        composerAdapterState(mounted),
         controller.isSwitching(mounted.composer) || mounted.ownershipStatus === "loading",
-        activeHarnessAvailabilityState().availability,
+        composerAvailability(mounted),
         mounted.modelView,
         mounted.permissionModeView,
         mounted.usage,
@@ -32967,7 +34924,7 @@ ${accounts_default}`;
       const generation = ++mounted.commandRequestGeneration;
       const agent = controller.get(mounted.composer).agent;
       const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
-      const hostId = threadId ? mounted.hostId : activeModelHostId();
+      const hostId = threadId ? mounted.hostId : activeModelHostId(mounted.composer);
       const requestControl = modelControl;
       const client = modelClientForHostFrom(requestControl, hostId);
       if (!keepCurrent || agent === "codex") mounted.control.harnessCommands.setCommands([]);
@@ -32977,7 +34934,7 @@ ${accounts_default}`;
           harnessId: externalHarnessIds[agent],
           ...hostId && draftWorkspaces.has(hostId) ? { cwd: draftWorkspaces.get(hostId) } : {}
         });
-        if (disposed || mountedByComposer.get(mounted.composer) !== mounted || mounted.commandRequestGeneration !== generation || requestControl !== modelControl || (threadIdFromComposerModelTarget(mounted.modelTarget) ? mounted.hostId : activeModelHostId()) !== hostId || controller.get(mounted.composer).agent !== agent)
+        if (disposed || mountedByComposer.get(mounted.composer) !== mounted || mounted.commandRequestGeneration !== generation || requestControl !== modelControl || (threadIdFromComposerModelTarget(mounted.modelTarget) ? mounted.hostId : activeModelHostId(mounted.composer)) !== hostId || controller.get(mounted.composer).agent !== agent)
           return;
         mounted.control.harnessCommands.setCommands(
           catalog.commands,
@@ -32991,9 +34948,11 @@ ${accounts_default}`;
     const executeCommand = async (mounted, command) => {
       const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
       if (!threadId || !modelControl || controller.get(mounted.composer).agent === "codex") return;
+      const client = composerClient(mounted);
+      if (!client) return;
       mounted.control.harnessCommands.setExecuting(command.id);
       try {
-        await modelControl.executeThreadCommand({ threadId, commandId: command.id });
+        await client.executeThreadCommand({ threadId, commandId: command.id });
       } catch (error51) {
         console.error(
           "codexhost Harness command failed",
@@ -33015,9 +34974,10 @@ ${accounts_default}`;
       }
       console.error("codexhost Harness command could not claim the current Composer editor");
     };
-    const applyThreadUsageUpdate = (update) => {
+    const applyThreadUsageUpdate = (hostId, update) => {
       for (const mounted of mountedByComposer.values()) {
-        if (threadIdFromComposerModelTarget(mounted.modelTarget) !== update.threadId) continue;
+        if (mounted.hostId !== hostId || threadIdFromComposerModelTarget(mounted.modelTarget) !== update.threadId)
+          continue;
         mounted.usageRequestGeneration += 1;
         mounted.usage = update.usage;
         mounted.accountCredits = update.accountCredits ?? null;
@@ -33061,13 +35021,16 @@ ${accounts_default}`;
         renderMounted(mounted);
         return;
       }
+      const hostId = mounted.hostId;
+      const client = composerClient(mounted);
+      if (!client) return;
       const generation = ++mounted.usageRequestGeneration;
       try {
-        const result = await modelControl.inspectThreadUsage({
+        const result = await client.inspectThreadUsage({
           threadId,
           ...refresh ? { refresh } : {}
         });
-        if (disposed || mountedByComposer.get(mounted.composer) !== mounted || !mounted.composer.isConnected || mounted.usageRequestGeneration !== generation || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || result.threadId !== threadId) {
+        if (disposed || mountedByComposer.get(mounted.composer) !== mounted || !mounted.composer.isConnected || mounted.usageRequestGeneration !== generation || mounted.hostId !== hostId || composerClient(mounted) !== client || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || result.threadId !== threadId) {
           return;
         }
         mounted.usage = result.usage;
@@ -33136,7 +35099,7 @@ ${accounts_default}`;
         return;
       }
       const requestModelControl = modelControl;
-      const requestHostId = activeModelHostId();
+      const requestHostId = activeModelHostId(mounted.composer);
       const client = modelClientForHostFrom(requestModelControl, requestHostId);
       const generation = controller.beginOwnershipRequest(mounted.composer);
       const usageGeneration = mounted.usageRequestGeneration;
@@ -33146,7 +35109,7 @@ ${accounts_default}`;
         if (!client || !requestHostId) throw new Error("Thread ownership control is unavailable");
         mounted.hostId = requestHostId;
         const inspection = await client.inspectThread({ threadId });
-        if (!isCurrentOwnershipRequest(mounted, generation) || mountedByComposer.get(mounted.composer) !== mounted || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || mounted.hostId !== requestHostId || modelControl !== requestModelControl || activeModelHostId() !== requestHostId) {
+        if (!isCurrentOwnershipRequest(mounted, generation) || mountedByComposer.get(mounted.composer) !== mounted || threadIdFromComposerModelTarget(mounted.modelTarget) !== threadId || mounted.hostId !== requestHostId || modelControl !== requestModelControl || activeModelHostId(mounted.composer) !== requestHostId) {
           return;
         }
         const { agent, model, thinkingOptionId, permissionModeId } = restoredThreadOwnership(inspection);
@@ -33212,7 +35175,7 @@ ${accounts_default}`;
       );
       if (resolution === "none") return false;
       const previousTarget = mounted.modelTarget;
-      const nextHostId = activeModelHostId() ?? mounted.hostId;
+      const nextHostId = activeModelHostId(mounted.composer);
       const nextControllerTarget = controllerTarget(currentTarget, nextHostId);
       mounted.modelTarget = currentTarget;
       mounted.hostId = nextHostId;
@@ -33251,7 +35214,7 @@ ${accounts_default}`;
       const agent = state.agent;
       const requestModelControl = modelControl;
       const isDraft = !threadIdFromComposerModelTarget(mounted.modelTarget);
-      const requestHostId = isDraft ? activeModelHostId() : mounted.hostId;
+      const requestHostId = isDraft ? activeModelHostId(mounted.composer) : mounted.hostId;
       if (!requestHostId) {
         mounted.modelView = {
           status: "waitingForAdapter",
@@ -33265,7 +35228,7 @@ ${accounts_default}`;
       const availability = hostHarnessAvailabilityState(requestHostId).availability[agent];
       if (availability !== "ready" && availability !== "checking") {
         mounted.modelView = {
-          status: adapterStatus.state === "ready" ? "error" : "waitingForAdapter",
+          status: composerAdapterState(mounted) === "ready" ? "error" : "waitingForAdapter",
           thinkingSelectionSupported: false,
           ...availability ? { error: `${agent} runtime is ${availability}` } : {}
         };
@@ -33274,12 +35237,12 @@ ${accounts_default}`;
         return;
       }
       mounted.modelView = {
-        status: adapterStatus.state === "ready" ? "loading" : "waitingForAdapter",
+        status: composerAdapterState(mounted) === "ready" ? "loading" : "waitingForAdapter",
         thinkingSelectionSupported: false
       };
       mounted.permissionModeView = { status: "idle" };
       renderMounted(mounted);
-      if (adapterStatus.state !== "ready") return;
+      if (!composerClient(mounted)) return;
       const generation = controller.beginModelRequest(mounted.composer);
       let catalogRequest;
       try {
@@ -33295,7 +35258,7 @@ ${accounts_default}`;
         const inspection = await client.inspectHarness({
           harnessId: externalHarnessIds[agent]
         });
-        if (!isCurrentModelRequest(mounted, generation) || controller.get(mounted.composer).agent !== agent || mounted.hostId !== requestHostId || modelControl !== requestModelControl || modelClientForHostFrom(requestModelControl, requestHostId) !== client || activeModelHostId() !== requestHostId) {
+        if (!isCurrentModelRequest(mounted, generation) || controller.get(mounted.composer).agent !== agent || mounted.hostId !== requestHostId || modelControl !== requestModelControl || modelClientForHostFrom(requestModelControl, requestHostId) !== client || activeModelHostId(mounted.composer) !== requestHostId) {
           return;
         }
         if (inspection.status !== "ready") throw new Error(inspection.error.message);
@@ -33524,7 +35487,10 @@ ${accounts_default}`;
           if (!threadId) {
             throw new Error("External Thread identity is unavailable for Model selection");
           }
-          const state = await modelControl.selectThreadModel({ threadId, model: selected });
+          const client = composerClient(mounted);
+          if (!client) throw new Error("Thread Host is unavailable");
+          const state = await client.selectThreadModel({ threadId, model: selected });
+          if (composerClient(mounted) !== client) return;
           if (!isCurrentModelRequest(mounted, generation) || controller.get(mounted.composer).agent !== agent) {
             return;
           }
@@ -33648,10 +35614,13 @@ ${accounts_default}`;
           if (!threadId) {
             throw new Error("External Thread identity is unavailable for Permission Mode selection");
           }
-          const state = await modelControl.selectThreadPermissionMode({
+          const client = composerClient(mounted);
+          if (!client) throw new Error("Thread Host is unavailable");
+          const state = await client.selectThreadPermissionMode({
             threadId,
             permissionModeId: selectedPermissionModeId
           });
+          if (composerClient(mounted) !== client) return;
           if (!isCurrentModelRequest(mounted, generation) || controller.get(mounted.composer).agent !== agent) {
             return;
           }
@@ -33762,10 +35731,13 @@ ${accounts_default}`;
           if (!threadId || !modelControl) {
             throw new Error("External Thread identity is unavailable for Thinking selection");
           }
-          const state = await modelControl.selectThreadThinking({
+          const client = composerClient(mounted);
+          if (!client) throw new Error("Thread Host is unavailable");
+          const state = await client.selectThreadThinking({
             threadId,
             thinkingOptionId: selectedThinkingOptionId
           });
+          if (composerClient(mounted) !== client) return;
           if (!isCurrentModelRequest(mounted, generation) || controller.get(mounted.composer).agent !== agent) {
             return;
           }
@@ -33825,7 +35797,7 @@ ${accounts_default}`;
       }
     };
     const switchComposerAgent = async (mounted, agent) => {
-      if (agent !== "codex" && activeHarnessAvailabilityState().availability[agent] !== "ready") {
+      if (agent !== "codex" && composerAvailability(mounted)[agent] !== "ready") {
         return false;
       }
       controller.clearPendingSubmission(mounted.composer);
@@ -33862,16 +35834,20 @@ ${accounts_default}`;
       }
     };
     const loadCodexAccounts = async () => {
-      const hostId = activeModelHostId();
-      const accounts = codexAccountsForHost(hostId);
-      if (!accounts) return;
-      await accounts.refresh();
-      if (disposed || codexAccountsForHost(hostId) !== accounts) return;
-      for (const mounted of mountedByComposer.values()) {
-        if (mounted.hostId !== hostId) continue;
-        renderMounted(mounted);
-        void refreshDraftCodexUsage(mounted);
-      }
+      const hostIds = new Set([...mountedByComposer.values()].map((mounted) => mounted.hostId));
+      await Promise.all(
+        [...hostIds].map(async (hostId) => {
+          const accounts = codexAccountsForHost(hostId);
+          if (!accounts) return;
+          await accounts.refresh();
+          if (disposed || codexAccountsForHost(hostId) !== accounts) return;
+          for (const mounted of mountedByComposer.values()) {
+            if (mounted.hostId !== hostId) continue;
+            renderMounted(mounted);
+            void refreshDraftCodexUsage(mounted);
+          }
+        })
+      );
     };
     const openInstallPage = (agent) => {
       const url2 = RENDERER_AGENT_INSTALL_URLS[agent];
@@ -33915,7 +35891,7 @@ ${accounts_default}`;
           state.requestGeneration += 1;
           state.request = null;
         }
-        if (force || activeModelHostId() === hostId) {
+        if (force || [...mountedByComposer.values()].some((mounted) => mounted.hostId === hostId)) {
           for (const agent of externalAgents) {
             state.availability[agent] = "error";
             state.errors[agent] = {
@@ -33989,17 +35965,15 @@ ${accounts_default}`;
             state.errors[agent] = nextError;
             state.availability = { ...state.availability, [agent]: status };
             state.webUi = { ...state.webUi, [agent]: webUiAvailable };
-            if (hostId !== activeAvailabilityHostId) {
-              publishConnectionStatus();
-              return;
-            }
             for (const mounted of mountedByComposer.values()) {
+              if (mounted.hostId !== hostId) continue;
               const composerState = controller.get(mounted.composer);
-              if (adapterStatus.state === "ready" && composerState.phase === "draft" && composerState.agent === agent && status !== "ready") {
+              if (composerAdapterState(mounted) === "ready" && composerState.phase === "draft" && composerState.agent === agent && status !== "ready") {
                 await switchComposerAgent(mounted, "codex");
               }
             }
             for (const mounted of mountedByComposer.values()) {
+              if (mounted.hostId !== hostId) continue;
               const composerState = controller.get(mounted.composer);
               const pendingCatalog = catalogRequests.get(mounted);
               const loadingCurrentCatalog = pendingCatalog?.client === client && pendingCatalog.hostId === hostId && pendingCatalog.agent === agent && isCurrentModelRequest(mounted, pendingCatalog.generation);
@@ -34035,9 +36009,10 @@ ${accounts_default}`;
       );
       return promise2;
     }
-    const reloadMountedOwnershipForHost = (hostId) => {
+    const reloadMountedOwnershipForHost = () => {
       for (const mounted of mountedByComposer.values()) {
-        if (mounted.hostId === hostId) continue;
+        const hostId = activeModelHostId(mounted.composer);
+        if (!hostId || mounted.hostId === hostId) continue;
         if (!threadIdFromComposerModelTarget(mounted.modelTarget)) {
           controller.clearPendingSubmission(mounted.composer);
           controller.beginModelRequest(mounted.composer);
@@ -34081,19 +36056,46 @@ ${accounts_default}`;
       sidebarAgentIcons.refresh();
     };
     function reconcileHarnessAvailabilityHost() {
+      for (const hostId2 of modelControl?.knownHostIds?.() ?? []) {
+        hostHarnessAvailabilityState(hostId2);
+      }
+      reloadMountedOwnershipForHost();
+      for (const target of new Set([...mountedByComposer.values()].map((m) => m.hostId))) {
+        if (!target) continue;
+        const client = modelClientForHost(target);
+        const previous = usageSubscriptions.get(target);
+        if (previous?.client === client) continue;
+        previous?.dispose();
+        usageSubscriptions.delete(target);
+        if (!client?.subscribeThreadUsage) continue;
+        try {
+          const dispose = client.subscribeThreadUsage((update) => {
+            if (usageSubscriptions.get(target)?.client !== client) return;
+            if (modelClientForHost(target) !== client) return;
+            applyThreadUsageUpdate(target, update);
+          });
+          usageSubscriptions.set(target, { client, dispose });
+        } catch {
+        }
+      }
       const hostId = activeModelHostId();
       if (!hostId || hostId === activeAvailabilityHostId && [...mountedByComposer.values()].every((mounted) => mounted.hostId !== null))
         return;
       activeAvailabilityHostId = hostId;
       hostHarnessAvailabilityState(hostId);
-      reloadMountedOwnershipForHost(hostId);
       publishConnectionStatus();
       for (const mounted of mountedByComposer.values()) renderMounted(mounted);
       void refreshHarnessAvailabilityForHost(hostId);
     }
-    const refreshHarnessAvailability = (refresh = false) => {
+    const refreshHarnessAvailability = async (refresh = false) => {
       reconcileHarnessAvailabilityHost();
-      return refreshHarnessAvailabilityForHost(activeAvailabilityHostId, refresh);
+      const hostIds = /* @__PURE__ */ new Set([activeAvailabilityHostId]);
+      for (const mounted of mountedByComposer.values()) {
+        if (mounted.hostId) hostIds.add(mounted.hostId);
+      }
+      await Promise.all(
+        [...hostIds].map((hostId) => refreshHarnessAvailabilityForHost(hostId, refresh))
+      );
     };
     connectionDiagnostics = {
       snapshot() {
@@ -34118,11 +36120,18 @@ ${accounts_default}`;
           })
         };
       },
-      refresh() {
+      refresh(hostId) {
+        if (hostId !== void 0) {
+          return refreshConnectionHosts(
+            [hostId],
+            (target) => refreshHarnessAvailabilityForHost(target, true, false, true),
+            (target) => hostHarnessAvailabilityState(target).request?.promise
+          );
+        }
         reconcileHarnessAvailabilityHost();
         return refreshConnectionHosts(
           harnessAvailabilityByHost.keys(),
-          (hostId) => refreshHarnessAvailabilityForHost(hostId, true, false, true)
+          (target) => refreshHarnessAvailabilityForHost(target, true, false, true)
         );
       },
       async installation(hostId, agent, action) {
@@ -34169,7 +36178,7 @@ ${accounts_default}`;
       const sendButton = sendButtonWithin(composer) ?? allButtons.at(-1) ?? null;
       if (!sendButton) return;
       const modelTarget = findComposerModelTarget(composer);
-      const hostId = activeModelHostId();
+      const hostId = activeModelHostId(composer);
       const editor = composer.querySelector(EDITOR_SELECTOR);
       if (!editor) return;
       const state = controller.mount(
@@ -34253,7 +36262,7 @@ ${accounts_default}`;
       for (const [target, replacement] of pendingReplacements) {
         const sourceState = controller.get(replacement.source.composer);
         const replacementTarget = findComposerModelTarget(target);
-        const replacementHostId = activeModelHostId() ?? replacement.source.hostId;
+        const replacementHostId = activeModelHostId(target);
         if (!shouldTransferComposerState(
           replacement.sourceModelTarget,
           replacementTarget,
@@ -34296,8 +36305,8 @@ ${accounts_default}`;
         void refreshHarnessAvailabilityForHost("local");
       }
       reconcileHarnessAvailabilityHost();
-      if (externalAgents.some(
-        (agent) => activeHarnessAvailabilityState().availability[agent] === "checking"
+      if ([...mountedByComposer.values()].some(
+        (mounted) => externalAgents.some((agent) => composerAvailability(mounted)[agent] === "checking")
       )) {
         void refreshHarnessAvailability();
       }
@@ -34449,8 +36458,8 @@ ${accounts_default}`;
       scheduleScan(relevant.some(mutationMayChangeComposerTarget));
     });
     const onHostRouteChange = () => {
-      const hostId = activeModelHostId();
       for (const mounted of mountedByComposer.values()) {
+        const hostId = activeModelHostId(mounted.composer);
         if (hostId && mounted.hostId === hostId && !threadIdFromComposerModelTarget(mounted.modelTarget) && controller.get(mounted.composer).agent !== "codex" && !controller.isSwitching(mounted.composer) && isExternalConfigurationStable(mounted.modelView, mounted.permissionModeView)) {
           applyComposerAgent(mounted.composer);
         }
@@ -34473,14 +36482,14 @@ ${accounts_default}`;
         sidebarAgentIcons.refresh();
         void refreshHarnessAvailabilityForHost("local");
         void refreshHarnessAvailability();
-        for (const mounted of mountedByComposer.values()) {
-          if (mounted.modelView.status === "waitingForAdapter" && mounted.composer.isConnected) {
-            applyComposerAgent(mounted.composer);
-            void loadExternalCatalog(mounted);
-          }
+      }
+      for (const mounted of mountedByComposer.values()) {
+        if (mounted.modelView.status === "waitingForAdapter" && mounted.composer.isConnected && composerClient(mounted)) {
+          applyComposerAgent(mounted.composer);
+          void loadExternalCatalog(mounted);
         }
+        renderMounted(mounted);
       }
-      for (const mounted of mountedByComposer.values()) renderMounted(mounted);
     };
     mutationObserver.observe(document.documentElement, {
       attributes: true,
@@ -34497,7 +36506,7 @@ ${accounts_default}`;
       reconcileHarnessAvailabilityHost();
       void loadCodexAccounts();
       for (const mounted of mountedByComposer.values()) {
-        if (mounted.hostId === activeModelHostId() && mounted.ownershipStatus === "error") {
+        if (mounted.hostId === activeModelHostId(mounted.composer) && mounted.ownershipStatus === "error") {
           void loadThreadOwnership(mounted);
         }
       }
@@ -34505,8 +36514,9 @@ ${accounts_default}`;
       if (externalAgents.some((agent) => local.availability[agent] !== "ready")) {
         void refreshHarnessAvailabilityForHost("local", true);
       }
-      const active = activeHarnessAvailabilityState();
-      if (externalAgents.some((agent) => active.availability[agent] !== "ready")) {
+      if ([...mountedByComposer.values()].some(
+        (mounted) => externalAgents.some((agent) => composerAvailability(mounted)[agent] !== "ready")
+      )) {
         void refreshHarnessAvailability(true);
       }
     };
@@ -34517,7 +36527,7 @@ ${accounts_default}`;
       if (typeof hostId !== "string" || typeof cwd !== "string" || cwd.length === 0) return;
       draftWorkspaces.set(hostId, cwd);
       for (const mounted of mountedByComposer.values()) {
-        if (!threadIdFromComposerModelTarget(mounted.modelTarget) && activeModelHostId() === hostId && controller.get(mounted.composer).agent !== "codex") {
+        if (!threadIdFromComposerModelTarget(mounted.modelTarget) && activeModelHostId(mounted.composer) === hostId && controller.get(mounted.composer).agent !== "codex") {
           void refreshCommands(mounted, { keepCurrent: true });
         }
       }
@@ -34534,8 +36544,10 @@ ${accounts_default}`;
           void refreshCommands(mounted, { keepCurrent: true });
         }
       },
-      readTargets: () => {
-        const availability = activeHarnessAvailabilityState().availability;
+      readTargets: (editor) => {
+        const composer = composerForElement(editor);
+        const mounted = composer ? mountedByComposer.get(composer) : void 0;
+        const availability = mounted ? composerAvailability(mounted) : {};
         return enabledAgents.filter((agent) => agent === "codex" || availability[agent] === "ready").map((agent) => ({ agent, label: RENDERER_AGENT_LABELS[agent] }));
       },
       isComposerEditor: (editor) => {
@@ -34571,6 +36583,10 @@ ${accounts_default}`;
       (mounted) => mounted.composer.isConnected && mounted.control.root.isConnected
     );
     const api = {
+      currentThreadId() {
+        const mounted = connectedComposers();
+        return mounted.length === 1 && mounted[0] ? threadIdFromComposerModelTarget(mounted[0].modelTarget) ?? null : null;
+      },
       status() {
         const selections = connectedComposers().map((mounted) => ({
           composerId: mounted.composerId,
@@ -34604,17 +36620,11 @@ ${accounts_default}`;
         };
       },
       setAdapter(status, dispose, applyAgent, nextModelControl) {
-        usageNotificationDispose?.();
-        usageNotificationDispose = null;
+        usageNotificationDispose();
         adapterDispose?.();
         adapterDispose = dispose ?? null;
         applyAdapterAgent = applyAgent ?? null;
         modelControl = nextModelControl ?? null;
-        try {
-          usageNotificationDispose = modelControl?.subscribeThreadUsage?.(applyThreadUsageUpdate) ?? null;
-        } catch {
-          usageNotificationDispose = null;
-        }
         adapterStatus = status;
         publishConnectionStatus();
         const installedModelControl = modelControl;
@@ -34643,7 +36653,7 @@ ${accounts_default}`;
           if (mounted) {
             const state = controller.get(mounted.composer);
             if (!threadIdFromComposerModelTarget(mounted.modelTarget)) {
-              mounted.hostId = activeModelHostId();
+              mounted.hostId = activeModelHostId(mounted.composer);
             }
             if (threadIdFromComposerModelTarget(mounted.modelTarget) && mounted.ownershipStatus !== "ready") {
               void loadThreadOwnership(mounted);
@@ -34662,8 +36672,7 @@ ${accounts_default}`;
       dispose() {
         if (disposed) return;
         disposed = true;
-        usageNotificationDispose?.();
-        usageNotificationDispose = null;
+        usageNotificationDispose();
         adapterDispose?.();
         adapterDispose = null;
         applyAdapterAgent = null;