ds-harness-remote 0.5.7 → 0.5.10

package/dist/client.js

@@ -1619,295 +1619,6 @@ Minimum version required to store current data is: ` + bestVersion + `.
     }
   });
 
-  // src/client.ts
-  var import_qrcode = __toESM(require_browser(), 1);
-
-  // src/remote-file-content-provider.ts
-  function shouldUseRemoteFileViewer(status) {
-    return status.mode === "remote" && status.remoteFeatures?.fileViewer === !0;
-  }
-  var REMOTE_FILE_SAVE_AS_MAX_BYTES = 100 * 1024 * 1024, REMOTE_FILE_FAST_SAVE_AS_MAX_BYTES = 1024 * 1024 * 1024;
-  function shouldAllowRemoteFileSaveAs(status) {
-    return shouldUseRemoteFileViewer(status) && (status.transport === "LAN" || status.transport === "P2P" || status.transport === "TURN");
-  }
-  function remoteFileSaveAsMaxBytes(status) {
-    return status.transport === "LAN" || status.transport === "P2P" ? REMOTE_FILE_FAST_SAVE_AS_MAX_BYTES : REMOTE_FILE_SAVE_AS_MAX_BYTES;
-  }
-  function createRemoteFileContentProvider(call, options = {}) {
-    return {
-      id: "dsh-remote-files",
-      priority: 1e4,
-      supports: () => !0,
-      saveAsAllowed: () => ({
-        allowed: currentSaveAsAllowed(options.saveAsAllowed),
-        maxBytes: currentSaveAsMaxBytes(options.saveAsMaxBytes)
-      }),
-      async stat(locator, signal) {
-        let value = await call("fileviewer.stat", { path: locator }, signal);
-        if (value.exists)
-          return {
-            name: value.name,
-            size: value.isDirectory ? 0 : value.size,
-            mime: value.mime,
-            mtimeMs: value.mtimeMs,
-            isDirectory: value.isDirectory
-          };
-      },
-      async read(locator, request) {
-        if (!Number.isInteger(request.offset) || request.offset < 0) throw new Error("A non-negative integer offset is required.");
-        if (!Number.isInteger(request.length) || request.length <= 0) throw new Error("A positive integer length is required.");
-        let chunks = [], received = 0;
-        for (; received < request.length; ) {
-          request.signal.throwIfAborted();
-          let length = Math.min(524288, request.length - received), offset = request.offset + received, range = await call("fileviewer.readRange", { path: locator, offset, length }, request.signal);
-          if (range.offset !== offset) throw new Error("The Remote Host returned a mismatched file range.");
-          let bytes = decodeBase64(range.data);
-          if (bytes.byteLength > length) throw new Error("The Remote Host returned more file bytes than requested.");
-          if (chunks.push(bytes), received += bytes.byteLength, range.eof || bytes.byteLength === 0) break;
-        }
-        let merged = new Uint8Array(received), cursor = 0;
-        for (let chunk of chunks)
-          merged.set(chunk, cursor), cursor += chunk.byteLength;
-        return merged;
-      },
-      async list(locator, signal) {
-        return (await call("fileviewer.list", { path: locator }, signal)).entries.map((entry) => ({
-          locator: entry.path,
-          name: entry.name,
-          size: entry.isDirectory ? 0 : entry.size ?? 0,
-          mtimeMs: entry.mtimeMs,
-          isDirectory: entry.isDirectory
-        }));
-      }
-    };
-  }
-  function currentSaveAsAllowed(value) {
-    return typeof value == "function" ? value() : value === !0;
-  }
-  function currentSaveAsMaxBytes(value) {
-    return typeof value == "function" ? value() : value ?? REMOTE_FILE_SAVE_AS_MAX_BYTES;
-  }
-  function decodeBase64(value) {
-    let binary = atob(value), bytes = new Uint8Array(binary.length);
-    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
-    return bytes;
-  }
-
-  // src/control-route.ts
-  var CONTROL_RPC_PREFIX = "/ds-harness-remote", STATUS_STREAM_ENDPOINT = "status.events", STATUS_STREAM_PATH = `${CONTROL_RPC_PREFIX}/${STATUS_STREAM_ENDPOINT}`;
-
-  // src/plugin-route-client.ts
-  var PluginRouteFailure = class extends Error {
-    constructor(code, message) {
-      super(message);
-      this.code = code;
-    }
-  };
-  function createPluginRouteFetch(original, baseUrl, options = {}) {
-    let routeUrl = new URL("api/bot", baseUrl), nextRpcId = 0, control = async (method, payload, signal) => {
-      let rpcId = `plugin-route-${++nextRpcId}`, response = await original(new URL(`${CONTROL_RPC_PREFIX.slice(1)}/${method}`, baseUrl), {
-        method: "POST",
-        credentials: "same-origin",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ type: "client-request", rpcId, method, payload }),
-        signal
-      });
-      if (!response.ok) throw new PluginRouteFailure("remote-plugin/control-unavailable", `The local Remote control request failed (HTTP ${response.status}). Reload the Remote plugin.`);
-      let envelope = await response.json();
-      if (!isRecord(envelope) || envelope.type !== "server-response" || envelope.rpcId !== rpcId || !isRecord(envelope.result))
-        throw new PluginRouteFailure("remote-plugin/control-invalid", "The local Remote control response is invalid. Reload the Remote plugin.");
-      if (envelope.result.ok !== !0) {
-        let error = isRecord(envelope.result.error) ? envelope.result.error : void 0, code = (isRecord(error?.details) ? error.details : void 0)?.remoteCode ?? error?.code;
-        throw code === "FEATURE_NOT_SUPPORTED" || code === "METHOD_NOT_FOUND" ? new PluginRouteFailure("remote-plugin/host-unsupported", "The selected Host does not support plugin route forwarding. Update and reload Remote on the Host, then reconnect.") : code === "REMOTE_NOT_CONNECTED" || code === "TRANSPORT_CLOSED" ? new PluginRouteFailure("remote-plugin/disconnected", "The Remote Host is disconnected. Reconnect to load DS Bot.") : code === "INVALID_MESSAGE" ? new PluginRouteFailure("remote-plugin/operation-not-allowed", "This DS Bot operation is not allowed over Remote. Use the Host locally.") : new PluginRouteFailure("remote-plugin/control-rejected", "The Remote plugin route request was rejected by the control channel.");
-      }
-      return envelope.result.value;
-    };
-    return async (input, init) => {
-      let requestUrl = new URL(input instanceof Request ? input.url : String(input), baseUrl);
-      if ((init?.method ?? (input instanceof Request ? input.method : "GET")).toUpperCase() !== "POST" || requestUrl.href !== routeUrl.href) return original(input, init);
-      let lifetime = (init?.signal !== void 0 ? init.signal ?? void 0 : input instanceof Request ? input.signal : void 0) ?? AbortSignal.timeout(45e3);
-      try {
-        lifetime.throwIfAborted();
-        let status = await control("status", {}, AbortSignal.any([lifetime, AbortSignal.timeout(1e4)]));
-        if (lifetime.throwIfAborted(), !isRecord(status)) throw new PluginRouteFailure("remote-plugin/authority-unavailable", "The Remote plugin route authority is unavailable.");
-        if (status.mode === "local") return original(input, init);
-        if (status.mode !== "remote") throw new PluginRouteFailure("remote-plugin/authority-unavailable", "The Remote plugin route authority is unavailable.");
-        if (status.connected !== !0) throw new PluginRouteFailure("remote-plugin/disconnected", "The Remote Host is disconnected. Reconnect to load DS Bot.");
-        if (!isRecord(status.remoteFeatures) || status.remoteFeatures.pluginRoute !== !0) throw new PluginRouteFailure("remote-plugin/host-unsupported", "The selected Host does not support plugin route forwarding. Update and reload Remote on the Host, then reconnect.");
-        if (status.backend !== void 0 && status.backend !== "harness") throw new PluginRouteFailure("remote-plugin/backend-unsupported", "DS Bot requires the Remote Harness catalog. Select a Harness workspace on this Host.");
-        let body = await (input instanceof Request ? new Request(input, init) : new Request(requestUrl, init)).clone().json();
-        if (!isRecord(body)) throw new Error("The plugin route body must be a JSON object.");
-        let result = await control("plugin.route", { route: "api/bot", body }, lifetime);
-        if (!isRecord(result) || !Number.isInteger(result.status) || result.status < 200 || result.status > 599)
-          throw new Error("The plugin route response is invalid.");
-        let statusCode = result.status;
-        if (statusCode === 404) throw new PluginRouteFailure("remote-plugin/bot-not-loaded", "The Host has no DS Bot route. Enable ds-bot in the same DSH instance/profile as the connected Host.");
-        if (statusCode === 503) throw new PluginRouteFailure("remote-plugin/host-carrier-unavailable", "The Host plugin route carrier is unavailable. Update and reload Remote on the Host.");
-        if (statusCode >= 200 && statusCode < 300 && options.beforeResponse !== void 0)
-          try {
-            await waitWithSignal(options.beforeResponse(status, body, result.json, lifetime), lifetime);
-          } catch {
-            throw lifetime.throwIfAborted(), new PluginRouteFailure("remote-plugin/catalog-unavailable", "The Remote Harness Session catalog is not ready. Reconnect before loading DS Bot.");
-          }
-        return lifetime.throwIfAborted(), new Response([204, 205, 304].includes(statusCode) ? null : JSON.stringify(result.json ?? null), {
-          status: statusCode,
-          headers: { "content-type": "application/json" }
-        });
-      } catch (error) {
-        return lifetime.throwIfAborted(), new Response(JSON.stringify({
-          ok: !1,
-          error: {
-            code: error instanceof PluginRouteFailure ? error.code : "remote-plugin/unavailable",
-            message: error instanceof PluginRouteFailure ? error.message : "The Remote plugin route is unavailable.",
-            details: {}
-          }
-        }), { status: 200, headers: { "content-type": "application/json" } });
-      }
-    };
-  }
-  function createPluginRouteCatalogGuard(readSessions) {
-    return async (_status, body, json, signal) => {
-      if (!isRecord(json) || json.ok !== !0 || !isRecord(json.value)) return;
-      let required = botSessionIds(body.endpoint, json.value);
-      if (required.size === 0) return;
-      let sessions = await readSessions(), containsSessions = () => {
-        let snapshot = sessions.list.getSnapshot(), known = new Set(snapshot.ids);
-        return snapshot.phase === "ready" && [...required].every((id) => known.has(id));
-      };
-      for (let attempt = 0; attempt < 2; attempt++) {
-        if (signal.throwIfAborted(), containsSessions()) return;
-        if (sessions.refresh === void 0) break;
-        await sessions.refresh();
-      }
-      if (signal.throwIfAborted(), !containsSessions()) throw new Error("The Remote Session catalog does not contain the published Sessions.");
-    };
-  }
-  function botSessionIds(endpoint, value) {
-    let ids = /* @__PURE__ */ new Set(), add = (id) => {
-      if (id != null) {
-        if (typeof id != "string" || id.length === 0) throw new Error("Invalid Bot Session identity.");
-        ids.add(id);
-      }
-    }, addArray = (input) => {
-      if (input !== void 0) {
-        if (!Array.isArray(input)) throw new Error("Invalid Bot Session identities.");
-        input.forEach(add);
-      }
-    }, bot = (input) => {
-      if (!isRecord(input)) throw new Error("Invalid Bot catalog entry.");
-      add(input.id), add(input.sessionId), addArray(input.parts), Array.isArray(input.segments) && input.segments.forEach((segment) => {
-        if (!isRecord(segment)) throw new Error("Invalid Bot Session segment.");
-        add(segment.sessionId);
-      });
-    }, room = (input) => {
-      if (!isRecord(input)) throw new Error("Invalid Bot room entry.");
-      add(input.id), addArray(input.parts), isRecord(input.sessions) && Object.values(input.sessions).forEach(add);
-    }, agent = (input) => {
-      if (!isRecord(input)) throw new Error("Invalid Bot agent entry.");
-      addArray(input.sessions);
-    }, roster = () => {
-      for (let [key, visit] of [["bots", bot], ["rooms", room], ["agents", agent]])
-        if (value[key] !== void 0) {
-          if (!Array.isArray(value[key])) throw new Error("Invalid Bot roster.");
-          value[key].forEach(visit);
-        }
-    };
-    switch (endpoint) {
-      case "state":
-      case "delete-bot":
-      case "delete-room":
-      case "set-main":
-      case "remove-agent":
-        roster();
-        break;
-      case "create-bot":
-      case "duplicate-bot":
-      case "update-bot":
-        bot(value);
-        break;
-      case "create-room":
-        room(value);
-        break;
-      case "update-room":
-        room(value.room);
-        break;
-      case "add-agent":
-        agent(value);
-        break;
-      case "agent-session":
-      case "agent-adopt":
-        add(value.sessionId);
-        break;
-      case "set-flags":
-        Array.isArray(value.sessions) ? agent(value) : Array.isArray(value.members) ? room(value) : bot(value);
-        break;
-    }
-    return ids;
-  }
-  function waitWithSignal(pending, signal) {
-    return new Promise((resolve, reject) => {
-      let onAbort = () => reject(signal.reason);
-      signal.addEventListener("abort", onAbort, { once: !0 }), signal.aborted && onAbort(), pending.then(resolve, reject).finally(() => signal.removeEventListener("abort", onAbort));
-    });
-  }
-  function isRecord(value) {
-    return typeof value == "object" && value !== null && !Array.isArray(value);
-  }
-
-  // src/status-stream.ts
-  function parseStatus(data) {
-    if (typeof data == "string")
-      try {
-        let parsed = JSON.parse(data);
-        return parsed === null || typeof parsed != "object" ? void 0 : parsed;
-      } catch {
-        return;
-      }
-  }
-  function createStatusFeed(options) {
-    let listeners = /* @__PURE__ */ new Set(), pollIntervalMs = options.pollIntervalMs ?? 1500, openTimeoutMs = options.openTimeoutMs ?? 4e3, createSource = options.createSource ?? ((url) => new EventSource(url)), status, source, openTimer, pollTimer, publish = (next) => {
-      status = next;
-      for (let listener of [...listeners]) listener(next);
-    }, teardown = () => {
-      openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0), pollTimer !== void 0 && (clearInterval(pollTimer), pollTimer = void 0), source?.close(), source = void 0;
-    }, poll = () => {
-      options.readStatus().then((next) => {
-        pollTimer !== void 0 && publish(next);
-      }).catch(() => {
-      });
-    }, fallbackToPolling = (reason) => {
-      pollTimer !== void 0 || listeners.size === 0 || (openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0), source?.close(), source = void 0, options.onFallback?.(reason), poll(), pollTimer = setInterval(poll, pollIntervalMs));
-    }, openStream = () => {
-      let opened;
-      try {
-        opened = createSource(options.url);
-      } catch {
-        fallbackToPolling("unsupported");
-        return;
-      }
-      source = opened;
-      let received = !1;
-      openTimer = setTimeout(() => {
-        received || fallbackToPolling("silent");
-      }, openTimeoutMs), opened.onmessage = (event) => {
-        received = !0, openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0);
-        let next = parseStatus(event.data);
-        next !== void 0 && publish(next);
-      }, opened.onerror = () => {
-        opened.readyState === 2 && fallbackToPolling("unavailable");
-      };
-    };
-    return {
-      getSnapshot: () => status,
-      subscribe: (listener) => (listeners.add(listener), status !== void 0 && listener(status), listeners.size === 1 && openStream(), () => {
-        listeners.delete(listener), listeners.size === 0 && teardown();
-      }),
-      close: () => {
-        listeners.clear(), teardown();
-      }
-    };
-  }
-
   // src/client-locale.ts
   var localeNamespace = "ds-harness-remote", en = {
     terminalRemote: "Remote terminal",
@@ -2063,15 +1774,21 @@ Minimum version required to store current data is: ` + bestVersion + `.
     addCodexWorkspace: "Add CodeX workspace",
     addCursorWorkspace: "Add Cursor workspace",
     addAntigravityWorkspace: "Add Antigravity workspace",
+    addPiWorkspace: "Add PI workspace",
+    addOpencodeWorkspace: "Add OpenCode workspace",
     noCodexWorkspaces: "No CodeX workspaces yet.",
     noCursorWorkspaces: "No Cursor workspaces yet. Add a project directory to start.",
     noAntigravityWorkspaces: "No Antigravity workspaces yet. Add a project directory to start.",
+    noPiWorkspaces: "No PI workspaces yet. Add a project directory to start.",
+    noOpencodeWorkspaces: "No OpenCode workspaces yet. Add a project directory to start.",
     cancelAddWorkspace: "Cancel",
     confirmAddWorkspace: "Add and open",
     showAllWorkspaces: "Show all DSH workspaces",
     showAllCodexWorkspaces: "Show all CodeX workspaces",
     showAllCursorWorkspaces: "Show all Cursor workspaces",
     showAllAntigravityWorkspaces: "Show all Antigravity workspaces",
+    showAllPiWorkspaces: "Show all PI workspaces",
+    showAllOpencodeWorkspaces: "Show all OpenCode workspaces",
     remoteModeLabel: "Remote mode \xB7 {name}",
     remoteNetworkP2p: "P2P",
     remoteNetworkTurn: "TURN",
@@ -2166,6 +1883,8 @@ Minimum version required to store current data is: ` + bestVersion + `.
     codexVirtualWorkspace: "CodeX virtual workspace",
     cursorVirtualWorkspace: "Cursor virtual workspace",
     antigravityVirtualWorkspace: "Antigravity virtual workspace",
+    piVirtualWorkspace: "PI virtual workspace",
+    opencodeVirtualWorkspace: "OpenCode virtual workspace",
     codexVirtualSessions: "Sessions"
   }, zh = {
     terminalRemote: "\u8FDC\u7A0B\u7EC8\u7AEF",
@@ -2321,15 +2040,21 @@ Minimum version required to store current data is: ` + bestVersion + `.
     addCodexWorkspace: "\u6DFB\u52A0 CodeX \u5DE5\u4F5C\u533A",
     addCursorWorkspace: "\u6DFB\u52A0 Cursor \u5DE5\u4F5C\u533A",
     addAntigravityWorkspace: "\u6DFB\u52A0 Antigravity \u5DE5\u4F5C\u533A",
+    addPiWorkspace: "\u6DFB\u52A0 PI \u5DE5\u4F5C\u533A",
+    addOpencodeWorkspace: "\u6DFB\u52A0 OpenCode \u5DE5\u4F5C\u533A",
     noCodexWorkspaces: "\u8FD8\u6CA1\u6709 CodeX \u5DE5\u4F5C\u533A\u3002",
     noCursorWorkspaces: "\u8FD8\u6CA1\u6709 Cursor \u5DE5\u4F5C\u533A\u3002\u6DFB\u52A0\u9879\u76EE\u76EE\u5F55\u5373\u53EF\u5F00\u59CB\u3002",
     noAntigravityWorkspaces: "\u8FD8\u6CA1\u6709 Antigravity \u5DE5\u4F5C\u533A\u3002\u6DFB\u52A0\u9879\u76EE\u76EE\u5F55\u5373\u53EF\u5F00\u59CB\u3002",
+    noPiWorkspaces: "\u8FD8\u6CA1\u6709 PI \u5DE5\u4F5C\u533A\u3002\u6DFB\u52A0\u9879\u76EE\u76EE\u5F55\u5373\u53EF\u5F00\u59CB\u3002",
+    noOpencodeWorkspaces: "\u8FD8\u6CA1\u6709 OpenCode \u5DE5\u4F5C\u533A\u3002\u6DFB\u52A0\u9879\u76EE\u76EE\u5F55\u5373\u53EF\u5F00\u59CB\u3002",
     cancelAddWorkspace: "\u53D6\u6D88",
     confirmAddWorkspace: "\u786E\u8BA4\u5E76\u6253\u5F00",
     showAllWorkspaces: "\u663E\u793A\u5168\u90E8 DSH \u5DE5\u4F5C\u533A",
     showAllCodexWorkspaces: "\u663E\u793A\u5168\u90E8 CodeX \u5DE5\u4F5C\u533A",
     showAllCursorWorkspaces: "\u663E\u793A\u5168\u90E8 Cursor \u5DE5\u4F5C\u533A",
     showAllAntigravityWorkspaces: "\u663E\u793A\u5168\u90E8 Antigravity \u5DE5\u4F5C\u533A",
+    showAllPiWorkspaces: "\u663E\u793A\u5168\u90E8 PI \u5DE5\u4F5C\u533A",
+    showAllOpencodeWorkspaces: "\u663E\u793A\u5168\u90E8 OpenCode \u5DE5\u4F5C\u533A",
     remoteModeLabel: "\u8FDC\u7A0B\u6A21\u5F0F \xB7 {name}",
     remoteNetworkP2p: "P2P",
     remoteNetworkTurn: "TURN",
@@ -2424,49 +2149,13 @@ Minimum version required to store current data is: ` + bestVersion + `.
     codexVirtualWorkspace: "CodeX \u5DE5\u4F5C\u533A",
     cursorVirtualWorkspace: "Cursor \u5DE5\u4F5C\u533A",
     antigravityVirtualWorkspace: "Antigravity \u5DE5\u4F5C\u533A",
+    piVirtualWorkspace: "PI \u5DE5\u4F5C\u533A",
+    opencodeVirtualWorkspace: "OpenCode \u5DE5\u4F5C\u533A",
     codexVirtualSessions: "Sessions"
   };
 
-  // src/client.ts
-  var clientModuleId = "ds-harness-remote", pendingWorkspaceSelectionKey = "dsh-remote:pending-workspace-selection", deepSeekWorkspaceIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAACVBMVEUAAADy8vXx8fUsA3vyAAAAAXRSTlMAQObYZgAAAOxJREFUWMPtlsEOwyAMQxP+/6OnTZMGxHGcot3wDYgfhkJbs6urprzveGtu9d1NgEdto8w93GuA7zPS2RFg7ynsCOAokbtAmLr2YaeKgJ6fxpT8jCAC0qSqPyNoO5DXdvyouj4ClFAdYaDxK09uiBDCIYBf6CxLesnR0uF2pG+JmhCqrUb0AOvjjoQaYDTCEAAgMg5grhAeAQIB+/M15IcKlnUIp4CkTCd0AKb4zVsRSJVGYEVzT0agK107IMGMEurvromEpaX4wzk/IKw378kq4LafED6Oowxfk7AP2q8W16EdM3p29Eyvrv6vF0WIBfBziKyCAAAAAElFTkSuQmCC", gptWorkspaceIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAclBMVEX////v7+++wMf////s7O3k5OTExcrX2Ny6vMTv8PPW19yXmqRqboJmaHd3eoaqrLPs7fGMjpfb3eKlpq1eYXOxs7pWWWd+gY5HSVdRVGVub3k+QU74+Pg4OkcvMT1ISlUoKjUiIy4fICueoKkaGyUSFB21Bp+qAAAAAXRSTlMAQObYZgAABChJREFUWMPtl916qjoQhlsdEwIECEgMYCBxx/u/xT1DrFUL1LO1DtY8LSLJvPnmB4gfH//sr7TPDfvdebf/xXZbkE/4zZ0MVhGHd9zJDsv+7F3//Z69tT5wljAu3tXw+TIlzXKJlhflYmJ+5uF5WpWhb54X+C/zZCmT2wJA4dJZwus0UYjIGqWyMhVbEp4yKNRRqlv0opW5PJLJ4rFJXvP4JKDRMqturBZjkMVJFYjR6iHQDQDI4+k2k51wZbWrqwp4mR/1CVYATyko9TFGxBUqL5IvMbXSWt0T8bkGgFLqgqZBI/Uxbx5UAxLaNcCNLBpttM7wbCc1pmJOpWAsDtey68UaQMyrFgb9uxLPjqg3+nGluyKN0XUdWw0BJ0NvTFFqgzpr9J+Dh4w0Ga1qkqBNswagxdRgFPAbgHRQG5jumGWyMxrTIaRRa4AzFs0YrNMXgI4MJWnsKYFhGNMnIh/mBOPsV8CZBFjN9w8ArowxnZzDr5IcvxTaKpxJCVsoI3SWysz1UM4AqQdzlCgho1IKrK+x1mKFzisANtgEU8E7GwHDgOqxe4w9tnM166wbaA2xBMBLrTWcAGYGdCiYVUJUrMCF+7l6gklrW1RwPi8ByjuActANqhKzVWoYrFGcCFzbDgNaBrTWpncFQMcI2DfWoAiDqRCiHcYM/ZdCEKkZqfR8spj4F0CiJjv2gHL6URNoCQDaYacL6O1oFDO2eQDUFP7AKdCRdC4CRDZaNifbjA41l/uYb/SZMAFNTBGzY7sG4J2jTsJgToOzIzXF3HZqBpSOAGduXbkGEKV1OqVGqRJpRxtvwbSw5IqAiUJItwBCOT9R32FCGo3nCkAN3t0UTBRC6zDONcBeOee9pr4T+ASbnDOdc5OmtREwEEB5w8Wqgt4bOV5c7Lt9iiK8zdP/IsBbutUGX4gNwEVCqd3FUt/xYnRWt7BvPBYQjwjAGXa3ASguHVAZ/WXKlA3eZDX1wRegFsr7E2wAlB9xFbx/7MV70kFT8aqNgLL3F8nFBmA3hrn/IJHjKJOK2oj1WI4Z4FzwN/81AOhgYD6v2xbIvaZIurLC9AfvB1WLTYAoXejF1xeBL5cpBIyEbmxkZymIXwDQh1BAfOrhI1lfwtgz8tozF5T4ttf3+32AyxC6klwAgw/YVTHpoK82xYt3wLP/Bw4AAI4D7/01TLKXBj9NEz2wEuGiKpoy68S/FwCLMQAZ3gXhihaCa25vQo6RyToOz9PE6wYjJgGi1YnqZX8qMIK+TDlnargGzSv4NvFjlwXf/nfLLMrAB4O/Xl3BH0d+RIASFgDA8IYMIXgr2+cBsbDdPSwAAHjSZFmb3txETCKIxc0uWwI8rxsLJcTiVndNwyMgKljbbNN2/zcEAja2+4RgIDYN2Bu/WtAOaEodnu2dnzz/7I/Y/w/LaEcX/MdfAAAAAElFTkSuQmCC";
-  function storedWorkspaceSelection() {
-    let raw = window.sessionStorage.getItem(pendingWorkspaceSelectionKey);
-    if (raw !== null)
-      try {
-        let value = JSON.parse(raw);
-        if (typeof value.targetDeviceId != "string" || typeof value.workspaceId != "string") throw new Error("invalid");
-        if (value.backend !== void 0 && value.backend !== "harness" && value.backend !== "codex" && value.backend !== "cursor" && value.backend !== "antigravity") throw new Error("invalid");
-        if (value.sessionId !== void 0 && typeof value.sessionId != "string") throw new Error("invalid");
-        return value;
-      } catch {
-        window.sessionStorage.removeItem(pendingWorkspaceSelectionKey);
-        return;
-      }
-  }
-  function workspacesReady(snapshot) {
-    return snapshot.baselinesReady === !0 || snapshot.phase === "ready";
-  }
-  var defaultPreferredTransports = ["lan", "p2p", "turn", "relay"], controlRouteBackoffStepsMs = [1e3, 2e3, 5e3, 1e4, 3e4], ControlRouteUnavailableError = class extends Error {
-    constructor(message) {
-      super(message), this.name = "ControlRouteUnavailableError";
-    }
-  }, originalPluginFetch = window.fetch, readyPluginSessions, pluginSessions = new Promise((resolve) => {
-    readyPluginSessions = resolve;
-  }), pluginRouteFetch = typeof originalPluginFetch == "function" && typeof document < "u" ? createPluginRouteFetch(originalPluginFetch.bind(window), document.baseURI, {
-    beforeResponse: createPluginRouteCatalogGuard(() => pluginSessions)
-  }) : void 0;
-  pluginRouteFetch !== void 0 && (window.fetch = pluginRouteFetch);
-  function controlRouteUnavailableStatus() {
-    return {
-      mode: "local",
-      available: !1,
-      controlUnavailable: !0,
-      connected: !1,
-      transport: "Disconnected",
-      remoteFeatures: { commandList: !1, fileViewer: !1, terminal: !1, codex: !1, pluginRoute: !1, cursor: !1, antigravity: !1 },
-      hostAuthorizationAvailable: !1
-    };
-  }
+  // src/client/presentation.ts
+  var defaultPreferredTransports = ["lan", "p2p", "turn", "relay"];
   function normalizedPreferredTransports(value) {
     return value === void 0 || value.length === 0 ? [...defaultPreferredTransports] : [...value];
   }
@@ -2564,1427 +2253,2230 @@ Minimum version required to store current data is: ` + bestVersion + `.
   function connectionStatusClass(status) {
     return status?.online ? " isOnline" : status?.reconnecting ? " isReconnecting" : status === void 0 ? "" : " isOffline";
   }
-  window.__ModuleLoader__.load({
-    id: clientModuleId,
-    factory: (require2) => {
-      let module = { exports: {} }, React = require2("react"), inject = [
-        "connection",
-        "slots",
-        "locale",
-        "workspaces",
-        "sessions"
-      ];
-      function RemoteProgressView(props) {
-        let progress = props.progress;
-        if (progress === void 0) return null;
-        let percent = Math.max(0, Math.min(100, Math.round(progress.percent))), activeTransports = new Set(progress.activeTransports ?? []), detail = progress.transports !== void 0 && activeTransports.size > 0 ? React.createElement(
-          "span",
-          { className: "dshRemoteProgressRoute" },
-          props.t(progress.routeVerb === "using" ? "remoteProgressUsingPrefix" : "remoteProgressTryingPrefix"),
-          progress.transports.map((transport, index) => React.createElement(
-            React.Fragment,
-            { key: `${transport}:${index}` },
-            index === 0 ? null : React.createElement("span", { className: "dshRemoteProgressRouteArrow", "aria-hidden": !0 }, " -> "),
-            React.createElement("span", {
-              className: activeTransports.has(transport) ? "isActive" : void 0
-            }, transportDiagnosticLabel(transport))
-          ))
-        ) : props.t(progress.detail);
-        return React.createElement(
-          "div",
+  function messageOf(reason) {
+    return reason instanceof Error ? reason.message : String(reason);
+  }
+  function formatPlatform(value) {
+    let normalized = value.toLowerCase();
+    return normalized === "darwin" || normalized === "macos" ? "macOS" : normalized === "win32" || normalized === "windows" ? "Windows" : normalized === "linux" ? "Linux" : normalized === "android" ? "Android" : value;
+  }
+  function connectedClientModeLabel(mode, t) {
+    return t(mode === "LAN" ? "remoteNetworkLan" : mode === "P2P" ? "remoteNetworkP2p" : mode === "TURN" ? "remoteNetworkTurn" : mode === "Relay" ? "remoteNetworkRelay" : "connected");
+  }
+
+  // src/client/header.ts
+  function createRemoteSessionHeaderAction(React) {
+    function RemoteSessionHeaderAction(props) {
+      let { t } = props, status = React.useSyncExternalStore(
+        props.statusFeed.subscribe,
+        props.statusFeed.getSnapshot,
+        props.statusFeed.getSnapshot
+      ), [busy, setBusy] = React.useState(!1), [routeOpen, setRouteOpen] = React.useState(!1);
+      if (React.useEffect(() => {
+        if (status?.mode === "remote")
+          return hideLocalSessionActions();
+      }, [status?.mode]), React.useEffect(() => (document.documentElement.classList.toggle(
+        "dshRemoteCodexTargetActive",
+        status?.mode === "remote" && status.backend === "codex"
+      ), document.documentElement.classList.toggle(
+        "dshRemoteCursorTargetActive",
+        status?.mode === "remote" && status.backend === "cursor"
+      ), document.documentElement.classList.toggle(
+        "dshRemoteAntigravityTargetActive",
+        status?.mode === "remote" && status.backend === "antigravity"
+      ), document.documentElement.classList.toggle(
+        "dshRemotePiTargetActive",
+        status?.mode === "remote" && status.backend === "pi"
+      ), document.documentElement.classList.toggle(
+        "dshRemoteOpencodeTargetActive",
+        status?.mode === "remote" && status.backend === "opencode"
+      ), () => {
+        document.documentElement.classList.remove("dshRemoteCodexTargetActive"), document.documentElement.classList.remove("dshRemoteCursorTargetActive"), document.documentElement.classList.remove("dshRemoteAntigravityTargetActive"), document.documentElement.classList.remove("dshRemotePiTargetActive"), document.documentElement.classList.remove("dshRemoteOpencodeTargetActive");
+      }), [status?.mode, status?.backend]), React.useEffect(() => {
+        if (!routeOpen) return;
+        let closeOnEscape = (event) => {
+          event.key === "Escape" && setRouteOpen(!1);
+        };
+        return document.addEventListener("keydown", closeOnEscape), () => document.removeEventListener("keydown", closeOnEscape);
+      }, [routeOpen]), status?.mode !== "remote") return null;
+      let exit = async () => {
+        setBusy(!0);
+        try {
+          await props.control("mode.set", { mode: "local" }), window.location.reload();
+        } finally {
+          setBusy(!1);
+        }
+      }, transport = status.network?.webRtc?.mode ?? status.transport ?? "Disconnected", networkLabel = t(transport === "P2P" ? "remoteNetworkP2p" : transport === "TURN" ? "remoteNetworkTurn" : transport === "Relay" ? "remoteNetworkRelay" : transport === "LAN" ? "remoteNetworkLan" : "remoteNetworkOffline"), networkOnline = status.connected === !0 && transport !== "Disconnected", routeVia = t(transport === "P2P" ? "connectionRouteP2p" : transport === "TURN" ? "connectionRouteTurn" : transport === "Relay" ? "connectionRouteRelay" : "connectionRouteLan"), routeViaDetail = t(transport === "P2P" ? "connectionRouteP2pDetail" : transport === "TURN" ? "connectionRouteTurnDetail" : transport === "Relay" ? "connectionRouteRelayDetail" : "connectionRouteLanDetail"), network = status.network, webRtc = network?.webRtc, controlStateLabel = network?.controlChannelState === "connecting" ? t("controlStateConnecting") : network?.controlChannelState === "open" ? t("controlStateOpen") : network?.controlChannelState === "closing" ? t("controlStateClosing") : t("controlStateClosed"), detailValue = (value) => value === void 0 || value === "" ? t("notProvided") : String(value), candidateLabel = (value) => value === "host" ? t("candidateHost") : value === "srflx" ? t("candidateSrflx") : value === "prflx" ? t("candidatePrflx") : value === "relay" ? t("candidateRelay") : detailValue(value), fact = (label, value, mono = !1) => React.createElement(
+        "div",
+        null,
+        React.createElement("dt", null, label),
+        React.createElement("dd", { className: mono ? "isMono" : void 0, title: mono ? value : void 0 }, value)
+      );
+      return React.createElement(
+        "div",
+        { className: "dshRemoteSessionHeader", role: "status" },
+        React.createElement("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.7,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": !0
+        }, React.createElement("rect", { x: 3, y: 4, width: 18, height: 13, rx: 2 }), React.createElement("path", { d: "M8 21h8M12 17v4" })),
+        React.createElement("span", { className: "dshRemoteSessionTarget" }, t("remoteModeLabel", { name: status.target?.name ?? t("host") })),
+        React.createElement("button", {
+          type: "button",
+          className: `dshRemoteNetwork${networkOnline ? " isOnline" : " isOffline"}`,
+          title: networkLabel,
+          disabled: !networkOnline,
+          "aria-haspopup": "dialog",
+          "aria-expanded": routeOpen,
+          onClick: () => setRouteOpen((value) => !value)
+        }, React.createElement("i", { "aria-hidden": !0 }), networkLabel),
+        networkOnline ? React.createElement("span", { className: "dshRemoteEncrypted" }, t("remoteLinkEncrypted")) : null,
+        React.createElement("button", { type: "button", className: "dshRemoteHeaderExitLink", disabled: busy, onClick: () => void exit() }, t("exitRemote")),
+        routeOpen ? React.createElement("div", {
+          className: "dshRemoteRouteBackdrop",
+          role: "presentation",
+          onMouseDown: (event) => {
+            event.target === event.currentTarget && setRouteOpen(!1);
+          }
+        }, React.createElement(
+          "section",
           {
-            className: "dshRemoteProgress",
-            role: "status",
-            "aria-live": "polite"
+            className: "dshRemoteRoutePanel",
+            role: "dialog",
+            "aria-label": t("connectionRouteTitle")
           },
           React.createElement(
-            "div",
-            { className: "dshRemoteProgressHeader" },
-            React.createElement("strong", null, props.t(progress.label)),
-            React.createElement("span", null, `${percent}%`)
+            "header",
+            null,
+            React.createElement("strong", null, t("connectionRouteTitle")),
+            React.createElement("button", { type: "button", "aria-label": t("close"), onClick: () => setRouteOpen(!1) }, "\xD7")
           ),
-          React.createElement("p", null, detail),
-          React.createElement("div", {
-            className: "dshRemoteProgressBar",
-            role: "progressbar",
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            "aria-valuenow": percent,
-            "aria-label": props.t(progress.label)
-          }, React.createElement("span", { style: { transform: `scaleX(${percent / 100})` } }))
-        );
+          React.createElement(
+            "ol",
+            null,
+            React.createElement(
+              "li",
+              null,
+              React.createElement("small", null, t("connectionRouteFrom")),
+              React.createElement("strong", null, network?.local.name ?? t("connectionRouteCurrentDevice")),
+              network === void 0 ? null : React.createElement("span", null, `${network.local.platform} \xB7 ${shortDeviceId(network.local.deviceId)}`)
+            ),
+            React.createElement(
+              "li",
+              null,
+              React.createElement("small", null, t("connectionRouteVia")),
+              React.createElement("strong", null, routeVia),
+              React.createElement("span", null, routeViaDetail)
+            ),
+            React.createElement(
+              "li",
+              null,
+              React.createElement("small", null, t("connectionRouteTo")),
+              React.createElement("strong", null, network?.remote.name ?? status.target?.name ?? t("host")),
+              React.createElement("span", null, network === void 0 ? t("connectionRouteHost") : `${network.remote.platform} \xB7 ${shortDeviceId(network.remote.deviceId)}`)
+            )
+          ),
+          network === void 0 ? null : React.createElement(
+            "section",
+            { className: "dshRemoteRouteSection" },
+            React.createElement("h3", null, t("connectionDetailsConnection")),
+            React.createElement(
+              "dl",
+              null,
+              fact(t("connectionId"), detailValue(network.connectionId), !0),
+              fact(t("connectedAt"), network.connectedAt === void 0 ? t("notProvided") : formatLocalTime(network.connectedAt)),
+              fact(t("preferredTransports"), network.preferredTransports.map((value) => transportLabel(value, t)).join(" \u2192 ")),
+              fact(t("controlChannel"), `WebSocket \xB7 ${controlStateLabel}`),
+              fact(t("controlAddress"), network.controlChannelUrl, !0)
+            )
+          ),
+          webRtc === void 0 ? null : React.createElement(
+            "section",
+            { className: "dshRemoteRouteSection" },
+            React.createElement("h3", null, t("connectionDetailsWebRtc")),
+            React.createElement(
+              "dl",
+              null,
+              fact(t("peerState"), `${webRtc.connectionState} \xB7 ICE ${webRtc.iceConnectionState}`),
+              fact(t("dataChannel"), detailValue(webRtc.dataChannelState)),
+              fact(t("localCandidate"), candidateLabel(webRtc.localCandidateType)),
+              fact(t("remoteCandidate"), candidateLabel(webRtc.remoteCandidateType)),
+              fact(t("localAddress"), detailValue(webRtc.localAddress), !0),
+              fact(t("remoteAddress"), detailValue(webRtc.remoteAddress), !0),
+              fact(t("networkProtocol"), detailValue(webRtc.protocol?.toUpperCase())),
+              fact(t("relayProtocol"), detailValue(webRtc.relayProtocol?.toUpperCase())),
+              fact(t("roundTripTime"), webRtc.currentRoundTripTimeMs === void 0 ? t("notProvided") : `${webRtc.currentRoundTripTimeMs.toLocaleString()} ms`),
+              fact(t("availableBitrate"), webRtc.availableOutgoingBitrate === void 0 ? t("notProvided") : formatBitrate(webRtc.availableOutgoingBitrate)),
+              fact(t("bytesSent"), webRtc.bytesSent === void 0 ? t("notProvided") : formatByteSize(webRtc.bytesSent)),
+              fact(t("bytesReceived"), webRtc.bytesReceived === void 0 ? t("notProvided") : formatByteSize(webRtc.bytesReceived))
+            )
+          ),
+          React.createElement("p", null, t("connectionRouteEncrypted"))
+        )) : null
+      );
+    }
+    return RemoteSessionHeaderAction;
+  }
+  function hideLocalSessionActions() {
+    let selector = 'button,a,[role="button"]', hiddenAttribute = "data-dsh-remote-hidden-action", localAction = /(?:open|打开).{0,12}vs\s*code|vs\s*code.{0,12}(?:open|打开)|session\s*logs?|download.{0,12}session\s*logs?|会话日志|下载.{0,8}日志/i, inspect = (root) => {
+      let candidates = root instanceof Element && root.matches(selector) ? [root, ...Array.from(root.querySelectorAll(selector))] : Array.from(root.querySelectorAll(selector));
+      for (let candidate of candidates) {
+        if (candidate.closest(".dshRemoteSessionHeader") !== null) continue;
+        let label = [
+          candidate.getAttribute("aria-label"),
+          candidate.getAttribute("title"),
+          candidate.getAttribute("data-tooltip"),
+          candidate.textContent
+        ].filter(Boolean).join(" ");
+        localAction.test(label) && candidate.setAttribute(hiddenAttribute, "");
       }
-      async function runConnectHostProgress(preferredTransports, targetDeviceId, control, connectedStep, setProgress, progressRun, action, readyProgress) {
-        let runId = progressRun.current + 1;
-        progressRun.current = runId;
-        let polling = !0, pollTimer, connectedAt, apply2 = (next) => {
-          progressRun.current === runId && setProgress(next);
-        }, poll = async () => {
-          try {
-            let status = await control("status");
-            if (!polling || progressRun.current !== runId) return;
-            (status.connectionProgress?.phase === "connected" || status.connectedTargetDeviceId === targetDeviceId) && connectedAt === void 0 && (connectedAt = Date.now());
-            let next = observedConnectionProgress(status, targetDeviceId, preferredTransports, connectedStep, connectedAt);
-            next !== void 0 && apply2(next);
-          } catch {
-          } finally {
-            polling && progressRun.current === runId && (pollTimer = window.setTimeout(() => {
-              poll();
-            }, 300));
-          }
-        };
-        apply2({ label: "remoteProgressCheckingHost", detail: "remoteProgressCheckingHostDetail", percent: 12 });
-        let pending = action();
-        poll();
-        try {
-          let result = await pending;
-          return polling = !1, pollTimer !== void 0 && window.clearTimeout(pollTimer), apply2(readyProgress?.(result) ?? { label: "remoteProgressReady", detail: "remoteProgressReadyDetail", percent: 100 }), await new Promise((resolve) => window.setTimeout(resolve, 520)), result;
-        } finally {
-          polling = !1, pollTimer !== void 0 && window.clearTimeout(pollTimer), progressRun.current === runId && setProgress(void 0);
-        }
+    };
+    inspect(document.body);
+    let observer = new MutationObserver((records) => {
+      for (let record of records) {
+        record.type === "attributes" && inspect(record.target);
+        for (let node of Array.from(record.addedNodes))
+          node instanceof Element && inspect(node);
+      }
+    });
+    return observer.observe(document.body, {
+      subtree: !0,
+      childList: !0,
+      attributes: !0,
+      attributeFilter: ["aria-label", "title", "data-tooltip"]
+    }), () => {
+      observer.disconnect(), document.querySelectorAll(`[${hiddenAttribute}]`).forEach((element) => element.removeAttribute(hiddenAttribute));
+    };
+  }
+
+  // src/client/navigation.ts
+  var pendingWorkspaceSelectionKey = "dsh-remote:pending-workspace-selection";
+  function storedWorkspaceSelection() {
+    let raw = window.sessionStorage.getItem(pendingWorkspaceSelectionKey);
+    if (raw !== null)
+      try {
+        let value = JSON.parse(raw);
+        if (typeof value.targetDeviceId != "string" || typeof value.workspaceId != "string") throw new Error("invalid");
+        if (value.backend !== void 0 && value.backend !== "harness" && value.backend !== "codex" && value.backend !== "cursor" && value.backend !== "antigravity" && value.backend !== "pi" && value.backend !== "opencode") throw new Error("invalid");
+        if (value.sessionId !== void 0 && typeof value.sessionId != "string") throw new Error("invalid");
+        return value;
+      } catch {
+        window.sessionStorage.removeItem(pendingWorkspaceSelectionKey);
+        return;
+      }
+  }
+  function workspacesReady(snapshot) {
+    return snapshot.baselinesReady === !0 || snapshot.phase === "ready";
+  }
+
+  // src/client/progress.ts
+  function createRemoteProgressView(React) {
+    function RemoteProgressView(props) {
+      let progress = props.progress;
+      if (progress === void 0) return null;
+      let percent = Math.max(0, Math.min(100, Math.round(progress.percent))), activeTransports = new Set(progress.activeTransports ?? []), detail = progress.transports !== void 0 && activeTransports.size > 0 ? React.createElement(
+        "span",
+        { className: "dshRemoteProgressRoute" },
+        props.t(progress.routeVerb === "using" ? "remoteProgressUsingPrefix" : "remoteProgressTryingPrefix"),
+        progress.transports.map((transport, index) => React.createElement(
+          React.Fragment,
+          { key: `${transport}:${index}` },
+          index === 0 ? null : React.createElement("span", { className: "dshRemoteProgressRouteArrow", "aria-hidden": !0 }, " -> "),
+          React.createElement("span", {
+            className: activeTransports.has(transport) ? "isActive" : void 0
+          }, transportDiagnosticLabel(transport))
+        ))
+      ) : props.t(progress.detail);
+      return React.createElement(
+        "div",
+        {
+          className: "dshRemoteProgress",
+          role: "status",
+          "aria-live": "polite"
+        },
+        React.createElement(
+          "div",
+          { className: "dshRemoteProgressHeader" },
+          React.createElement("strong", null, props.t(progress.label)),
+          React.createElement("span", null, `${percent}%`)
+        ),
+        React.createElement("p", null, detail),
+        React.createElement("div", {
+          className: "dshRemoteProgressBar",
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": percent,
+          "aria-label": props.t(progress.label)
+        }, React.createElement("span", { style: { transform: `scaleX(${percent / 100})` } }))
+      );
+    }
+    return RemoteProgressView;
+  }
+  async function runConnectHostProgress(preferredTransports, targetDeviceId, control, connectedStep, setProgress, progressRun, action, readyProgress) {
+    let runId = progressRun.current + 1;
+    progressRun.current = runId;
+    let polling = !0, pollTimer, connectedAt, apply = (next) => {
+      progressRun.current === runId && setProgress(next);
+    }, poll = async () => {
+      try {
+        let status = await control("status");
+        if (!polling || progressRun.current !== runId) return;
+        (status.connectionProgress?.phase === "connected" || status.connectedTargetDeviceId === targetDeviceId) && connectedAt === void 0 && (connectedAt = Date.now());
+        let next = observedConnectionProgress(status, targetDeviceId, preferredTransports, connectedStep, connectedAt);
+        next !== void 0 && apply(next);
+      } catch {
+      } finally {
+        polling && progressRun.current === runId && (pollTimer = window.setTimeout(() => {
+          poll();
+        }, 300));
       }
-      function RemotePluginOptions(props) {
-        let { t } = props, [open, setOpen] = React.useState(props.view === "page"), [serverUrl, setServerUrl] = React.useState(""), [portsBusy, setPortsBusy] = React.useState(!1), [previewPorts, setPreviewPorts] = React.useState(""), role = "host", [registrationCode, setRegistrationCode] = React.useState(""), [associations, setAssociations] = React.useState({}), [loaded, setLoaded] = React.useState(!1), [writable, setWritable] = React.useState(!1), [busy, setBusy] = React.useState(!1), [terminalEnabled, setTerminalEnabled] = React.useState(!1), [terminalBusy, setTerminalBusy] = React.useState(!1), [acpBackends, setAcpBackends] = React.useState([]), [acpAvailability, setAcpAvailability] = React.useState({}), [acpChecking, setAcpChecking] = React.useState({}), [acpCheckResults, setAcpCheckResults] = React.useState({}), [addingAcp, setAddingAcp] = React.useState(!1), [acpName, setAcpName] = React.useState(""), [acpCommand, setAcpCommand] = React.useState(""), [acpArguments, setAcpArguments] = React.useState("acp"), [reconnectBusy, setReconnectBusy] = React.useState(!1), [hostStatus, setHostStatus] = React.useState(void 0), [hostName, setHostName] = React.useState(""), [hostDeviceId, setHostDeviceId] = React.useState(""), [notice, setNotice] = React.useState(void 0), [error, setError] = React.useState(void 0), [settingsView, setSettingsView] = React.useState(void 0), persistedServerUrl = settingsView?.config.serverUrl ?? "https://dsh.r2049.cn", association = associations.client ?? associations.host, serverDirty = settingsView !== void 0 && serverUrl !== persistedServerUrl, draftDirty = serverDirty, applyView = (view) => {
-          setSettingsView(view), setServerUrl(view.config.serverUrl ?? "https://dsh.r2049.cn"), setTerminalEnabled(view.config.terminal?.enabled ?? !0), setPreviewPorts((view.config.loopback?.ports ?? []).join(", ")), setAcpBackends((view.config.acp?.backends ?? []).map((item) => ({ id: item.id, enabled: item.enabled !== !1 }))), setAcpAvailability(view.acpAvailability ?? {}), setAssociations(view.associations ?? (view.association === void 0 ? {} : { host: view.association })), setWritable(view.writable), setLoaded(!0);
-        }, load = async () => {
-          let [view, status] = await Promise.all([
-            props.control("settings.get"),
-            props.control("status").catch(() => {
-            })
-          ]);
-          applyView(view), setHostStatus(status?.host), setHostName(status?.deviceName ?? ""), setHostDeviceId(status?.host?.deviceId ?? "");
-        };
-        React.useEffect(() => {
-          load().catch((reason) => setError(messageOf(reason)));
-        }, []), React.useEffect(() => {
-          if (association !== void 0)
-            return props.statusFeed.subscribe((status) => {
-              setHostStatus(status.host), setHostName(status.deviceName ?? ""), setHostDeviceId(status.host?.deviceId ?? "");
-            });
-        }, [association !== void 0]);
-        let save = async (event) => {
-          if (event?.preventDefault(), !(!writable || !serverDirty)) {
-            setBusy(!0), setNotice(void 0), setError(void 0);
-            try {
-              let view = await props.control("settings.server.set", {
-                serverUrl
-              });
-              applyView(view), setNotice({ key: "serverSaved" });
-            } catch (reason) {
-              setError(messageOf(reason));
-            } finally {
-              setBusy(!1);
-            }
-          }
-        }, logout = async () => {
-          setBusy(!0), setError(void 0), setNotice(void 0);
-          try {
-            let view = await props.control("settings.logout");
-            applyView(view), setRegistrationCode(""), setNotice({ key: "signedOut" });
-          } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setBusy(!1);
-          }
-        }, reconnectHost = async () => {
-          setReconnectBusy(!0), setError(void 0), setNotice(void 0);
-          try {
-            let status = await props.control("host.reconnect");
-            setHostStatus(status.host), setNotice({ key: "reconnectStarted" });
-          } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setReconnectBusy(!1);
-          }
-        }, setCurrentDeviceControl = async (enabled) => {
-          setBusy(!0), setError(void 0), setNotice(void 0);
-          try {
-            let status = await props.control("host.authorization.set", { enabled });
-            setHostStatus(status.host);
-          } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setBusy(!1);
-          }
-        }, setTerminalRemote = async (enabled) => {
-          let previous = terminalEnabled, portsDraft = previewPorts;
-          setTerminalEnabled(enabled), setTerminalBusy(!0), setError(void 0), setNotice(void 0);
-          try {
-            let view = await props.control("settings.development.set", { terminalEnabled: enabled });
-            applyView(view), setPreviewPorts(portsDraft), setNotice({ key: "terminalSaved" });
-          } catch (reason) {
-            setTerminalEnabled(previous), setError(messageOf(reason));
-          } finally {
-            setTerminalBusy(!1);
-          }
-        }, savePreviewPorts = async () => {
-          setPortsBusy(!0), setError(void 0), setNotice(void 0);
-          try {
-            let ports = previewPorts.trim() === "" ? [] : previewPorts.split(/[,，]/).map((value) => Number(value.trim())), view = await props.control("settings.development.set", { ports });
-            applyView(view), setNotice({ key: "developmentSaved" });
-          } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setPortsBusy(!1);
-          }
-        }, checkAcp = async (backend) => {
-          if (!acpChecking[backend]) {
-            setAcpChecking((current) => ({ ...current, [backend]: !0 })), setAcpCheckResults((current) => ({ ...current, [backend]: void 0 })), setError(void 0);
-            try {
-              let view = await props.control("settings.get");
-              applyView(view);
-              let available = view.acpAvailability?.[backend] === !0;
-              !available && view.writable && view.config.acp?.backends?.some((item) => item.id === backend && item.enabled !== !1) && applyView(await props.control("settings.acp.set", { backend, enabled: !1 })), setAcpCheckResults((current) => ({ ...current, [backend]: available })), setNotice({ key: available ? "acpAvailable" : "acpUnavailable" }), window.setTimeout(() => setAcpCheckResults((current) => ({ ...current, [backend]: void 0 })), 5e3);
-            } catch (reason) {
-              setError(messageOf(reason));
-            } finally {
-              setAcpChecking((current) => ({ ...current, [backend]: !1 }));
-            }
-          }
-        }, addAcp = async () => {
-          setBusy(!0), setError(void 0);
+    };
+    apply({ label: "remoteProgressCheckingHost", detail: "remoteProgressCheckingHostDetail", percent: 12 });
+    let pending = action();
+    poll();
+    try {
+      let result = await pending;
+      return polling = !1, pollTimer !== void 0 && window.clearTimeout(pollTimer), apply(readyProgress?.(result) ?? { label: "remoteProgressReady", detail: "remoteProgressReadyDetail", percent: 100 }), await new Promise((resolve) => window.setTimeout(resolve, 520)), result;
+    } finally {
+      polling = !1, pollTimer !== void 0 && window.clearTimeout(pollTimer), progressRun.current === runId && setProgress(void 0);
+    }
+  }
+
+  // src/client/settings.ts
+  function createRemotePluginOptions(React) {
+    function RemotePluginOptions(props) {
+      let { t } = props, [open, setOpen] = React.useState(props.view === "page"), [serverUrl, setServerUrl] = React.useState(""), [portsBusy, setPortsBusy] = React.useState(!1), [previewPorts, setPreviewPorts] = React.useState(""), role = "host", [registrationCode, setRegistrationCode] = React.useState(""), [associations, setAssociations] = React.useState({}), [loaded, setLoaded] = React.useState(!1), [writable, setWritable] = React.useState(!1), [busy, setBusy] = React.useState(!1), [terminalEnabled, setTerminalEnabled] = React.useState(!1), [terminalBusy, setTerminalBusy] = React.useState(!1), [acpBackends, setAcpBackends] = React.useState([]), [acpAvailability, setAcpAvailability] = React.useState({}), [acpChecking, setAcpChecking] = React.useState({}), [acpCheckResults, setAcpCheckResults] = React.useState({}), [addingAcp, setAddingAcp] = React.useState(!1), [acpName, setAcpName] = React.useState(""), [acpCommand, setAcpCommand] = React.useState(""), [acpArguments, setAcpArguments] = React.useState("acp"), [reconnectBusy, setReconnectBusy] = React.useState(!1), [hostStatus, setHostStatus] = React.useState(void 0), [hostName, setHostName] = React.useState(""), [hostDeviceId, setHostDeviceId] = React.useState(""), [notice, setNotice] = React.useState(void 0), [error, setError] = React.useState(void 0), [settingsView, setSettingsView] = React.useState(void 0), persistedServerUrl = settingsView?.config.serverUrl ?? "https://dsh.r2049.cn", association = associations.client ?? associations.host, serverDirty = settingsView !== void 0 && serverUrl !== persistedServerUrl, draftDirty = serverDirty, applyView = (view) => {
+        setSettingsView(view), setServerUrl(view.config.serverUrl ?? "https://dsh.r2049.cn"), setTerminalEnabled(view.config.terminal?.enabled ?? !0), setPreviewPorts((view.config.loopback?.ports ?? []).join(", ")), setAcpBackends((view.config.acp?.backends ?? []).map((item) => ({ id: item.id, enabled: item.enabled !== !1 }))), setAcpAvailability(view.acpAvailability ?? {}), setAssociations(view.associations ?? (view.association === void 0 ? {} : { host: view.association })), setWritable(view.writable), setLoaded(!0);
+      }, load = async () => {
+        let [view, status] = await Promise.all([
+          props.control("settings.get"),
+          props.control("status").catch(() => {
+          })
+        ]);
+        applyView(view), setHostStatus(status?.host), setHostName(status?.deviceName ?? ""), setHostDeviceId(status?.host?.deviceId ?? "");
+      };
+      React.useEffect(() => {
+        load().catch((reason) => setError(messageOf(reason)));
+      }, []), React.useEffect(() => {
+        if (association !== void 0)
+          return props.statusFeed.subscribe((status) => {
+            setHostStatus(status.host), setHostName(status.deviceName ?? ""), setHostDeviceId(status.host?.deviceId ?? "");
+          });
+      }, [association !== void 0]);
+      let save = async (event) => {
+        if (event?.preventDefault(), !(!writable || !serverDirty)) {
+          setBusy(!0), setNotice(void 0), setError(void 0);
           try {
-            let view = await props.control("settings.acp.add", {
-              id: acpName.trim(),
-              command: acpCommand.trim(),
-              args: acpArguments.trim() === "" ? [] : acpArguments.trim().split(/\s+/)
+            let view = await props.control("settings.server.set", {
+              serverUrl
             });
-            applyView(view), setAddingAcp(!1), setAcpName(""), setAcpCommand(""), setAcpArguments("acp");
+            applyView(view), setNotice({ key: "serverSaved" });
           } catch (reason) {
             setError(messageOf(reason));
           } finally {
             setBusy(!1);
           }
-        }, removeAcp = async (backend) => {
-          setBusy(!0), setError(void 0);
+        }
+      }, logout = async () => {
+        setBusy(!0), setError(void 0), setNotice(void 0);
+        try {
+          let view = await props.control("settings.logout");
+          applyView(view), setRegistrationCode(""), setNotice({ key: "signedOut" });
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, reconnectHost = async () => {
+        setReconnectBusy(!0), setError(void 0), setNotice(void 0);
+        try {
+          let status = await props.control("host.reconnect");
+          setHostStatus(status.host), setNotice({ key: "reconnectStarted" });
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setReconnectBusy(!1);
+        }
+      }, setCurrentDeviceControl = async (enabled) => {
+        setBusy(!0), setError(void 0), setNotice(void 0);
+        try {
+          let status = await props.control("host.authorization.set", { enabled });
+          setHostStatus(status.host);
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, setTerminalRemote = async (enabled) => {
+        let previous = terminalEnabled, portsDraft = previewPorts;
+        setTerminalEnabled(enabled), setTerminalBusy(!0), setError(void 0), setNotice(void 0);
+        try {
+          let view = await props.control("settings.development.set", { terminalEnabled: enabled });
+          applyView(view), setPreviewPorts(portsDraft), setNotice({ key: "terminalSaved" });
+        } catch (reason) {
+          setTerminalEnabled(previous), setError(messageOf(reason));
+        } finally {
+          setTerminalBusy(!1);
+        }
+      }, savePreviewPorts = async () => {
+        setPortsBusy(!0), setError(void 0), setNotice(void 0);
+        try {
+          let ports = previewPorts.trim() === "" ? [] : previewPorts.split(/[,，]/).map((value) => Number(value.trim())), view = await props.control("settings.development.set", { ports });
+          applyView(view), setNotice({ key: "developmentSaved" });
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setPortsBusy(!1);
+        }
+      }, checkAcp = async (backend) => {
+        if (!acpChecking[backend]) {
+          setAcpChecking((current) => ({ ...current, [backend]: !0 })), setAcpCheckResults((current) => ({ ...current, [backend]: void 0 })), setError(void 0);
           try {
-            let view = await props.control("settings.acp.remove", { id: backend });
+            let view = await props.control("settings.get");
             applyView(view);
+            let available = view.acpAvailability?.[backend] === !0;
+            !available && view.writable && view.config.acp?.backends?.some((item) => item.id === backend && item.enabled !== !1) && applyView(await props.control("settings.acp.set", { backend, enabled: !1 })), setAcpCheckResults((current) => ({ ...current, [backend]: available })), setNotice({ key: available ? "acpAvailable" : "acpUnavailable" }), window.setTimeout(() => setAcpCheckResults((current) => ({ ...current, [backend]: void 0 })), 5e3);
           } catch (reason) {
             setError(messageOf(reason));
           } finally {
-            setBusy(!1);
+            setAcpChecking((current) => ({ ...current, [backend]: !1 }));
           }
-        }, discard = () => {
-          settingsView !== void 0 && applyView(settingsView), setRegistrationCode(""), setNotice(void 0), setError(void 0);
-        }, developmentSetting = React.createElement(
-          "section",
-          { className: "dshRemoteDevelopmentSettings" },
+        }
+      }, addAcp = async () => {
+        setBusy(!0), setError(void 0);
+        try {
+          let view = await props.control("settings.acp.add", {
+            id: acpName.trim(),
+            command: acpCommand.trim(),
+            args: acpArguments.trim() === "" ? [] : acpArguments.trim().split(/\s+/)
+          });
+          applyView(view), setAddingAcp(!1), setAcpName(""), setAcpCommand(""), setAcpArguments("acp");
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, removeAcp = async (backend) => {
+        setBusy(!0), setError(void 0);
+        try {
+          let view = await props.control("settings.acp.remove", { id: backend });
+          applyView(view);
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, discard = () => {
+        settingsView !== void 0 && applyView(settingsView), setRegistrationCode(""), setNotice(void 0), setError(void 0);
+      }, developmentSetting = React.createElement(
+        "section",
+        { className: "dshRemoteDevelopmentSettings" },
+        React.createElement(
+          "div",
+          { className: "dshRemoteAuthorizationSetting" },
+          React.createElement(
+            "div",
+            null,
+            React.createElement("strong", null, t("terminalRemote")),
+            React.createElement("p", null, t("terminalRemoteHint"))
+          ),
+          React.createElement("input", {
+            type: "checkbox",
+            role: "switch",
+            checked: terminalEnabled,
+            disabled: busy || terminalBusy || !writable,
+            "aria-label": t("terminalRemote"),
+            onChange: (event) => void setTerminalRemote(event.target.checked)
+          })
+        ),
+        React.createElement(
+          "div",
+          { className: "dshRemotePathField" },
+          React.createElement("label", { htmlFor: "dsh-remote-preview-ports" }, t("previewPorts")),
+          React.createElement(
+            "div",
+            { className: "dshRemotePortsRow" },
+            React.createElement("input", {
+              id: "dsh-remote-preview-ports",
+              value: previewPorts,
+              maxLength: 128,
+              size: 24,
+              disabled: !writable,
+              placeholder: "3000, 5173",
+              "aria-label": t("previewPorts"),
+              onChange: (event) => setPreviewPorts(event.target.value)
+            }),
+            React.createElement("button", {
+              type: "button",
+              disabled: portsBusy || terminalBusy || !writable,
+              onClick: () => void savePreviewPorts()
+            }, t("developmentSave"))
+          ),
+          React.createElement("small", null, t("previewPortsHint"))
+        )
+      ), acpSetting = React.createElement(
+        "details",
+        { className: "dshRemoteAuthorizationSetting dshRemoteAcpSetting" },
+        React.createElement(
+          "summary",
+          null,
           React.createElement(
             "div",
-            { className: "dshRemoteAuthorizationSetting" },
+            { className: "dshRemoteAcpSummaryText" },
+            React.createElement("strong", null, t("agentBackends")),
+            React.createElement("p", null, t("acpHint"), React.createElement("a", {
+              href: "https://github.com/liguobao/ds-harness-remote/blob/feat/cursor-remote/docs/acp-remote.md",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: (event) => event.stopPropagation()
+            }, t("acpDocumentation")))
+          )
+        ),
+        React.createElement(
+          "div",
+          { className: "dshRemoteAcpList" },
+          acpBackends.map((item) => React.createElement(
+            "div",
+            { key: item.id, className: "dshRemoteAuthorizationSetting" },
+            React.createElement("div", null, React.createElement("strong", null, item.id === "codex" ? "CodeX" : item.id === "cursor" ? "Cursor" : item.id === "antigravity" ? "AGY" : item.id === "pi" ? "PI" : item.id === "opencode" ? "OpenCode" : item.id), null),
             React.createElement(
-              "div",
-              null,
-              React.createElement("strong", null, t("terminalRemote")),
-              React.createElement("p", null, t("terminalRemoteHint"))
+              "span",
+              { className: "dshRemoteAcpCheckCell" },
+              React.createElement(
+                "a",
+                { href: `#check-acp-${item.id}`, className: `dshRemoteAcpCheckLink${acpChecking[item.id] ? " isChecking" : acpCheckResults[item.id] === void 0 ? "" : acpCheckResults[item.id] ? " isPassed" : " isFailed"}`, onClick: (event) => {
+                  event.preventDefault(), checkAcp(item.id);
+                } },
+                acpChecking[item.id] ? t("checkingAcp") : acpCheckResults[item.id] === void 0 ? t("checkAcp") : t(acpCheckResults[item.id] ? "acpCheckPassed" : "acpCheckFailed")
+              )
             ),
+            ["codex", "cursor", "antigravity", "pi", "opencode"].includes(item.id) ? null : React.createElement("a", { href: `#remove-acp-${item.id}`, className: "dshRemoteAcpRemoveLink", onClick: (event) => {
+              event.preventDefault(), removeAcp(item.id);
+            } }, t("removeAcp")),
             React.createElement("input", {
               type: "checkbox",
               role: "switch",
-              checked: terminalEnabled,
-              disabled: busy || terminalBusy || !writable,
-              "aria-label": t("terminalRemote"),
-              onChange: (event) => void setTerminalRemote(event.target.checked)
+              checked: settingsView?.config.acp?.enabled === !0 && item.enabled && acpAvailability[item.id] === !0,
+              "aria-label": item.id,
+              disabled: busy || !writable || acpChecking[item.id] === !0 || acpAvailability[item.id] !== !0,
+              onChange: (event) => void props.control("settings.acp.set", { backend: item.id, enabled: event.target.checked }).then((view) => {
+                applyView(view), setAcpBackends((view.config.acp?.backends ?? []).map((v) => ({ id: v.id, enabled: v.enabled !== !1 })));
+              }).catch((reason) => setError(messageOf(reason)))
             })
-          ),
-          React.createElement(
+          )),
+          addingAcp ? React.createElement(
             "div",
-            { className: "dshRemotePathField" },
-            React.createElement("label", { htmlFor: "dsh-remote-preview-ports" }, t("previewPorts")),
-            React.createElement(
-              "div",
-              { className: "dshRemotePortsRow" },
-              React.createElement("input", {
-                id: "dsh-remote-preview-ports",
-                value: previewPorts,
-                maxLength: 128,
-                size: 24,
-                disabled: !writable,
-                placeholder: "3000, 5173",
-                "aria-label": t("previewPorts"),
-                onChange: (event) => setPreviewPorts(event.target.value)
-              }),
-              React.createElement("button", {
-                type: "button",
-                disabled: portsBusy || terminalBusy || !writable,
-                onClick: () => void savePreviewPorts()
-              }, t("developmentSave"))
-            ),
-            React.createElement("small", null, t("previewPortsHint"))
-          )
-        ), acpSetting = React.createElement(
-          "details",
-          { className: "dshRemoteAuthorizationSetting dshRemoteAcpSetting" },
+            { className: "dshRemoteAcpAddForm" },
+            React.createElement("label", null, t("acpName"), React.createElement("input", { value: acpName, size: 16, placeholder: t("acpName"), "aria-label": t("acpName"), onChange: (event) => setAcpName(event.target.value) })),
+            React.createElement("label", null, t("acpCommand"), React.createElement("input", { value: acpCommand, size: 20, placeholder: t("acpCommand"), "aria-label": t("acpCommand"), onChange: (event) => setAcpCommand(event.target.value) })),
+            React.createElement("label", null, t("acpArguments"), React.createElement("input", { value: acpArguments, size: 20, placeholder: t("acpArguments"), "aria-label": t("acpArguments"), onChange: (event) => setAcpArguments(event.target.value) })),
+            React.createElement("button", { type: "button", disabled: busy || acpName.trim() === "" || acpCommand.trim() === "", onClick: () => void addAcp() }, t("addAcp"))
+          ) : React.createElement("a", { href: "#add-acp", className: "dshRemoteAcpAddLink", onClick: (event) => {
+            event.preventDefault(), setAddingAcp(!0);
+          } }, t("addAcp"))
+        )
+      );
+      return props.view === "summary" ? React.createElement("span", null, t("pluginDescription")) : React.createElement(
+        props.view === "page" ? "div" : "li",
+        { className: `dshRemotePluginCard${open ? " isOpen" : ""}${props.view === "page" ? " dshRemotePluginModern" : ""}` },
+        React.createElement(
+          "div",
+          { className: "dshRemotePluginCardHeader" },
           React.createElement(
-            "summary",
-            null,
+            "button",
+            {
+              type: "button",
+              className: "dshRemotePluginCardToggle",
+              "aria-expanded": open,
+              "aria-label": t(open ? "collapseSettings" : "expandSettings", { name: t("pluginTitle") }),
+              onClick: () => setOpen((current) => !current)
+            },
             React.createElement(
-              "div",
-              { className: "dshRemoteAcpSummaryText" },
-              React.createElement("strong", null, t("agentBackends")),
-              React.createElement("p", null, t("acpHint"), React.createElement("a", {
-                href: "https://github.com/liguobao/ds-harness-remote/blob/feat/cursor-remote/docs/acp-remote.md",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                onClick: (event) => event.stopPropagation()
-              }, t("acpDocumentation")))
-            )
-          ),
-          React.createElement(
-            "div",
-            { className: "dshRemoteAcpList" },
-            acpBackends.map((item) => React.createElement(
-              "div",
-              { key: item.id, className: "dshRemoteAuthorizationSetting" },
-              React.createElement("div", null, React.createElement("strong", null, item.id === "codex" ? "CodeX" : item.id === "cursor" ? "Cursor" : item.id === "antigravity" ? "AGY" : item.id), null),
-              React.createElement(
-                "span",
-                { className: "dshRemoteAcpCheckCell" },
-                React.createElement(
-                  "a",
-                  { href: `#check-acp-${item.id}`, className: `dshRemoteAcpCheckLink${acpChecking[item.id] ? " isChecking" : acpCheckResults[item.id] === void 0 ? "" : acpCheckResults[item.id] ? " isPassed" : " isFailed"}`, onClick: (event) => {
-                    event.preventDefault(), checkAcp(item.id);
-                  } },
-                  acpChecking[item.id] ? t("checkingAcp") : acpCheckResults[item.id] === void 0 ? t("checkAcp") : t(acpCheckResults[item.id] ? "acpCheckPassed" : "acpCheckFailed")
-                )
-              ),
-              ["codex", "cursor", "antigravity"].includes(item.id) ? null : React.createElement("a", { href: `#remove-acp-${item.id}`, className: "dshRemoteAcpRemoveLink", onClick: (event) => {
-                event.preventDefault(), removeAcp(item.id);
-              } }, t("removeAcp")),
-              React.createElement("input", {
-                type: "checkbox",
-                role: "switch",
-                checked: settingsView?.config.acp?.enabled === !0 && item.enabled && acpAvailability[item.id] === !0,
-                "aria-label": item.id,
-                disabled: busy || !writable || acpChecking[item.id] === !0 || acpAvailability[item.id] !== !0,
-                onChange: (event) => void props.control("settings.acp.set", { backend: item.id, enabled: event.target.checked }).then((view) => {
-                  applyView(view), setAcpBackends((view.config.acp?.backends ?? []).map((v) => ({ id: v.id, enabled: v.enabled !== !1 })));
-                }).catch((reason) => setError(messageOf(reason)))
-              })
-            )),
-            addingAcp ? React.createElement(
-              "div",
-              { className: "dshRemoteAcpAddForm" },
-              React.createElement("label", null, t("acpName"), React.createElement("input", { value: acpName, size: 16, placeholder: t("acpName"), "aria-label": t("acpName"), onChange: (event) => setAcpName(event.target.value) })),
-              React.createElement("label", null, t("acpCommand"), React.createElement("input", { value: acpCommand, size: 20, placeholder: t("acpCommand"), "aria-label": t("acpCommand"), onChange: (event) => setAcpCommand(event.target.value) })),
-              React.createElement("label", null, t("acpArguments"), React.createElement("input", { value: acpArguments, size: 20, placeholder: t("acpArguments"), "aria-label": t("acpArguments"), onChange: (event) => setAcpArguments(event.target.value) })),
-              React.createElement("button", { type: "button", disabled: busy || acpName.trim() === "" || acpCommand.trim() === "", onClick: () => void addAcp() }, t("addAcp"))
-            ) : React.createElement("a", { href: "#add-acp", className: "dshRemoteAcpAddLink", onClick: (event) => {
-              event.preventDefault(), setAddingAcp(!0);
-            } }, t("addAcp"))
+              "span",
+              { className: "dshRemotePluginCardHeading" },
+              React.createElement("strong", null, t("pluginTitle")),
+              React.createElement("span", null, t("pluginDescription"))
+            ),
+            draftDirty ? React.createElement("span", { className: "dshRemotePluginCardStatus" }, t("unsaved")) : association === void 0 ? null : React.createElement("span", {
+              className: `dshRemotePluginCardStatus${connectionStatusClass(hostStatus)}`
+            }, hostStatus === void 0 ? t("associated") : connectionStatusLabel(hostStatus, t)),
+            React.createElement("span", { className: "dshRemotePluginCardChevron", "aria-hidden": !0 }, "\u2304")
           )
-        );
-        return props.view === "summary" ? React.createElement("span", null, t("pluginDescription")) : React.createElement(
-          props.view === "page" ? "div" : "li",
-          { className: `dshRemotePluginCard${open ? " isOpen" : ""}${props.view === "page" ? " dshRemotePluginModern" : ""}` },
-          React.createElement(
+        ),
+        open ? React.createElement(
+          "div",
+          { className: "dshRemotePluginCardBody" },
+          loaded ? association !== void 0 ? React.createElement(
             "div",
-            { className: "dshRemotePluginCardHeader" },
+            { className: "dshRemoteSettings" },
             React.createElement(
-              "button",
-              {
-                type: "button",
-                className: "dshRemotePluginCardToggle",
-                "aria-expanded": open,
-                "aria-label": t(open ? "collapseSettings" : "expandSettings", { name: t("pluginTitle") }),
-                onClick: () => setOpen((current) => !current)
-              },
-              React.createElement(
-                "span",
-                { className: "dshRemotePluginCardHeading" },
-                React.createElement("strong", null, t("pluginTitle")),
-                React.createElement("span", null, t("pluginDescription"))
-              ),
-              draftDirty ? React.createElement("span", { className: "dshRemotePluginCardStatus" }, t("unsaved")) : association === void 0 ? null : React.createElement("span", {
-                className: `dshRemotePluginCardStatus${connectionStatusClass(hostStatus)}`
-              }, hostStatus === void 0 ? t("associated") : connectionStatusLabel(hostStatus, t)),
-              React.createElement("span", { className: "dshRemotePluginCardChevron", "aria-hidden": !0 }, "\u2304")
-            )
-          ),
-          open ? React.createElement(
-            "div",
-            { className: "dshRemotePluginCardBody" },
-            loaded ? association !== void 0 ? React.createElement(
               "div",
-              { className: "dshRemoteSettings" },
-              React.createElement(
-                "div",
-                { className: "dshRemoteSettingsTop" },
-                React.createElement(
-                  "div",
-                  { className: "dshRemoteAssociation" },
-                  React.createElement("span", null, t(association.account === void 0 ? "authorization" : "account")),
-                  React.createElement("strong", null, association.account ?? t("authorizationComplete")),
-                  React.createElement("p", null, association.account === void 0 ? serverUrl : t("authorizedOn", { role: "Remote", serverUrl }))
-                )
-              ),
+              { className: "dshRemoteSettingsTop" },
               React.createElement(
                 "div",
-                { className: "dshRemoteHostIdentity" },
-                React.createElement(
-                  "div",
-                  null,
-                  React.createElement("span", null, t("hostName")),
-                  React.createElement("strong", null, hostName || "\u2014")
-                ),
-                React.createElement(
-                  "div",
-                  null,
-                  React.createElement("span", null, t("deviceId")),
-                  React.createElement("code", null, hostDeviceId || "\u2014")
-                )
-              ),
+                { className: "dshRemoteAssociation" },
+                React.createElement("span", null, t(association.account === void 0 ? "authorization" : "account")),
+                React.createElement("strong", null, association.account ?? t("authorizationComplete")),
+                React.createElement("p", null, association.account === void 0 ? serverUrl : t("authorizedOn", { role: "Remote", serverUrl }))
+              )
+            ),
+            React.createElement(
+              "div",
+              { className: "dshRemoteHostIdentity" },
               React.createElement(
                 "div",
-                { className: "dshRemoteField" },
-                React.createElement("label", { htmlFor: "dsh-remote-server-url-authorized" }, t("serverUrl")),
-                React.createElement("input", {
-                  id: "dsh-remote-server-url-authorized",
-                  type: "url",
-                  value: serverUrl,
-                  disabled: !0,
-                  required: !0,
-                  placeholder: "https://dsh.r2049.cn",
-                  onChange: (event) => {
-                    setServerUrl(event.target.value), setNotice(void 0);
-                  }
-                }),
-                React.createElement("p", null, t("serverUrlHint"))
+                null,
+                React.createElement("span", null, t("hostName")),
+                React.createElement("strong", null, hostName || "\u2014")
               ),
-              developmentSetting,
-              acpSetting,
               React.createElement(
                 "div",
-                { className: "dshRemoteAuthorizationSetting" },
-                React.createElement(
-                  "div",
-                  null,
-                  React.createElement("strong", null, t("allowControlCurrentDevice")),
-                  React.createElement("p", null, t("thisMachineHost"))
-                ),
-                React.createElement("input", {
-                  type: "checkbox",
-                  role: "switch",
-                  disabled: busy,
-                  "aria-label": t("allowControlCurrentDevice"),
-                  checked: hostStatus?.authorized === !0,
-                  onChange: (event) => void setCurrentDeviceControl(event.target.checked)
-                })
-              ),
+                null,
+                React.createElement("span", null, t("deviceId")),
+                React.createElement("code", null, hostDeviceId || "\u2014")
+              )
+            ),
+            React.createElement(
+              "div",
+              { className: "dshRemoteField" },
+              React.createElement("label", { htmlFor: "dsh-remote-server-url-authorized" }, t("serverUrl")),
+              React.createElement("input", {
+                id: "dsh-remote-server-url-authorized",
+                type: "url",
+                value: serverUrl,
+                disabled: !0,
+                required: !0,
+                placeholder: "https://dsh.r2049.cn",
+                onChange: (event) => {
+                  setServerUrl(event.target.value), setNotice(void 0);
+                }
+              }),
+              React.createElement("p", null, t("serverUrlHint"))
+            ),
+            developmentSetting,
+            acpSetting,
+            React.createElement(
+              "div",
+              { className: "dshRemoteAuthorizationSetting" },
               React.createElement(
                 "div",
-                { className: "dshRemoteConnection", "aria-live": "polite" },
-                React.createElement(
-                  "div",
-                  { className: "dshRemoteConnectionSummary" },
-                  React.createElement("span", null, t("connection")),
-                  React.createElement(
-                    "strong",
-                    null,
-                    React.createElement("span", {
-                      className: `dshRemoteConnectionDot${connectionStatusClass(hostStatus)}`,
-                      "aria-hidden": !0
-                    }),
-                    connectionStatusLabel(hostStatus, t)
-                  ),
-                  React.createElement("p", null, hostStatus === void 0 ? t("checkingConnection") : hostStatus.lastActiveAt === void 0 ? t("neverConnected") : t("lastActive", { time: formatLocalTime(hostStatus.lastActiveAt) }))
-                ),
-                React.createElement("button", {
-                  type: "button",
-                  className: "dshRemoteReconnect",
-                  disabled: reconnectBusy || hostStatus?.configured === !1,
-                  onClick: () => void reconnectHost()
-                }, t(reconnectBusy ? "reconnectingAction" : "reconnect"))
+                null,
+                React.createElement("strong", null, t("allowControlCurrentDevice")),
+                React.createElement("p", null, t("thisMachineHost"))
               ),
-              hostStatus?.error === void 0 || hostStatus.online ? null : React.createElement("p", { className: "dshRemoteConnectionIssue", role: "status" }, connectionErrorMessage(hostStatus.error, t)),
-              writable ? null : React.createElement("p", { className: "dshRemoteError" }, t("readOnly")),
-              React.createElement(
-                "div",
-                { className: "dshRemoteSettingsFooter" },
-                React.createElement("p", {
-                  className: error !== void 0 ? "dshRemoteError" : "dshRemoteNotice",
-                  role: error !== void 0 ? "alert" : "status"
-                }, error ?? (notice === void 0 ? "" : t(notice.key, notice.params))),
-                draftDirty ? React.createElement(
-                  React.Fragment,
-                  null,
-                  React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy, onClick: discard }, t("discard")),
-                  React.createElement("button", { type: "button", className: "dshRemoteSave", disabled: busy || !writable, onClick: () => void save() }, t(busy ? "saving" : "save")),
-                  React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy || !writable, onClick: () => void logout() }, t(busy ? "signingOut" : "signOut"))
-                ) : React.createElement("button", {
-                  type: "button",
-                  className: "dshRemoteDiscard",
-                  disabled: busy || !writable,
-                  onClick: () => void logout()
-                }, t(busy ? "signingOut" : "signOut"))
-              )
-            ) : React.createElement(
-              "form",
-              { className: "dshRemoteSettings", noValidate: !0, onSubmit: (event) => void save(event) },
+              React.createElement("input", {
+                type: "checkbox",
+                role: "switch",
+                disabled: busy,
+                "aria-label": t("allowControlCurrentDevice"),
+                checked: hostStatus?.authorized === !0,
+                onChange: (event) => void setCurrentDeviceControl(event.target.checked)
+              })
+            ),
+            React.createElement(
+              "div",
+              { className: "dshRemoteConnection", "aria-live": "polite" },
               React.createElement(
                 "div",
-                { className: "dshRemoteHostIdentity" },
+                { className: "dshRemoteConnectionSummary" },
+                React.createElement("span", null, t("connection")),
                 React.createElement(
-                  "div",
+                  "strong",
                   null,
-                  React.createElement("span", null, t("hostName")),
-                  React.createElement("strong", null, hostName || "\u2014")
+                  React.createElement("span", {
+                    className: `dshRemoteConnectionDot${connectionStatusClass(hostStatus)}`,
+                    "aria-hidden": !0
+                  }),
+                  connectionStatusLabel(hostStatus, t)
                 ),
-                React.createElement(
-                  "div",
-                  null,
-                  React.createElement("span", null, t("deviceId")),
-                  React.createElement("code", null, hostDeviceId || "\u2014")
-                )
+                React.createElement("p", null, hostStatus === void 0 ? t("checkingConnection") : hostStatus.lastActiveAt === void 0 ? t("neverConnected") : t("lastActive", { time: formatLocalTime(hostStatus.lastActiveAt) }))
               ),
+              React.createElement("button", {
+                type: "button",
+                className: "dshRemoteReconnect",
+                disabled: reconnectBusy || hostStatus?.configured === !1,
+                onClick: () => void reconnectHost()
+              }, t(reconnectBusy ? "reconnectingAction" : "reconnect"))
+            ),
+            hostStatus?.error === void 0 || hostStatus.online ? null : React.createElement("p", { className: "dshRemoteConnectionIssue", role: "status" }, connectionErrorMessage(hostStatus.error, t)),
+            writable ? null : React.createElement("p", { className: "dshRemoteError" }, t("readOnly")),
+            React.createElement(
+              "div",
+              { className: "dshRemoteSettingsFooter" },
+              React.createElement("p", {
+                className: error !== void 0 ? "dshRemoteError" : "dshRemoteNotice",
+                role: error !== void 0 ? "alert" : "status"
+              }, error ?? (notice === void 0 ? "" : t(notice.key, notice.params))),
+              draftDirty ? React.createElement(
+                React.Fragment,
+                null,
+                React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy, onClick: discard }, t("discard")),
+                React.createElement("button", { type: "button", className: "dshRemoteSave", disabled: busy || !writable, onClick: () => void save() }, t(busy ? "saving" : "save")),
+                React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy || !writable, onClick: () => void logout() }, t(busy ? "signingOut" : "signOut"))
+              ) : React.createElement("button", {
+                type: "button",
+                className: "dshRemoteDiscard",
+                disabled: busy || !writable,
+                onClick: () => void logout()
+              }, t(busy ? "signingOut" : "signOut"))
+            )
+          ) : React.createElement(
+            "form",
+            { className: "dshRemoteSettings", noValidate: !0, onSubmit: (event) => void save(event) },
+            React.createElement(
+              "div",
+              { className: "dshRemoteHostIdentity" },
               React.createElement(
                 "div",
-                { className: "dshRemoteField" },
-                React.createElement("label", { htmlFor: "dsh-remote-server-url" }, t("serverUrl")),
-                React.createElement("input", {
-                  id: "dsh-remote-server-url",
-                  type: "url",
-                  value: serverUrl,
-                  disabled: busy || !writable,
-                  required: !0,
-                  placeholder: "https://dsh.r2049.cn",
-                  onChange: (event) => {
-                    setServerUrl(event.target.value), setNotice(void 0);
-                  }
-                }),
-                React.createElement("p", null, t("serverUrlHint"))
+                null,
+                React.createElement("span", null, t("hostName")),
+                React.createElement("strong", null, hostName || "\u2014")
               ),
-              developmentSetting,
-              acpSetting,
-              React.createElement("p", { className: "dshRemoteSettingsState" }, t("authorizeFromRemote")),
-              writable ? null : React.createElement("p", { className: "dshRemoteError" }, t("readOnly")),
               React.createElement(
                 "div",
-                { className: "dshRemoteSettingsFooter" },
-                React.createElement("p", {
-                  className: error !== void 0 ? "dshRemoteError" : "dshRemoteNotice",
-                  role: error !== void 0 ? "alert" : "status"
-                }, error ?? (notice === void 0 ? "" : t(notice.key, notice.params))),
-                React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy || !draftDirty, onClick: discard }, t("discard")),
-                React.createElement("button", { type: "submit", className: "dshRemoteSave", disabled: busy || !writable || !serverDirty }, t(busy ? "saving" : "save"))
+                null,
+                React.createElement("span", null, t("deviceId")),
+                React.createElement("code", null, hostDeviceId || "\u2014")
               )
-            ) : React.createElement("p", { className: "dshRemoteSettingsState" }, error ?? t("loadingSettings"))
-          ) : null
-        );
+            ),
+            React.createElement(
+              "div",
+              { className: "dshRemoteField" },
+              React.createElement("label", { htmlFor: "dsh-remote-server-url" }, t("serverUrl")),
+              React.createElement("input", {
+                id: "dsh-remote-server-url",
+                type: "url",
+                value: serverUrl,
+                disabled: busy || !writable,
+                required: !0,
+                placeholder: "https://dsh.r2049.cn",
+                onChange: (event) => {
+                  setServerUrl(event.target.value), setNotice(void 0);
+                }
+              }),
+              React.createElement("p", null, t("serverUrlHint"))
+            ),
+            developmentSetting,
+            acpSetting,
+            React.createElement("p", { className: "dshRemoteSettingsState" }, t("authorizeFromRemote")),
+            writable ? null : React.createElement("p", { className: "dshRemoteError" }, t("readOnly")),
+            React.createElement(
+              "div",
+              { className: "dshRemoteSettingsFooter" },
+              React.createElement("p", {
+                className: error !== void 0 ? "dshRemoteError" : "dshRemoteNotice",
+                role: error !== void 0 ? "alert" : "status"
+              }, error ?? (notice === void 0 ? "" : t(notice.key, notice.params))),
+              React.createElement("button", { type: "button", className: "dshRemoteDiscard", disabled: busy || !draftDirty, onClick: discard }, t("discard")),
+              React.createElement("button", { type: "submit", className: "dshRemoteSave", disabled: busy || !writable || !serverDirty }, t(busy ? "saving" : "save"))
+            )
+          ) : React.createElement("p", { className: "dshRemoteSettingsState" }, error ?? t("loadingSettings"))
+        ) : null
+      );
+    }
+    return RemotePluginOptions;
+  }
+
+  // src/client/shell.ts
+  function installStyle(clientModuleId2) {
+    let style = document.createElement("style");
+    return style.dataset.plugin = clientModuleId2, style.dataset.pluginCss = "dsh-remote", style.textContent = [
+      'html.dshRemoteTargetActive button[aria-label="\u6DFB\u52A0\u5DE5\u4F5C\u533A"],html.dshRemoteTargetActive button[aria-label="Add workspace"]{display:none!important}',
+      'html.dshRemoteCodexTargetActive [data-composer-card] button[aria-haspopup="listbox"][aria-label="\u6307\u4EE4"],html.dshRemoteCodexTargetActive [data-composer-card] button[aria-haspopup="listbox"][aria-label="Commands"]{display:none!important}',
+      "[data-dsh-remote-hidden-action]{display:none!important}",
+      // The 0.1.6 right sidebar occupies the same shell header area as the
+      // remote status strip. Hide the strip while that sidebar is expanded;
+      // the sidebar itself remains the active context for terminal/files.
+      ":has([data-sidebar-right-open]) .dshRemoteSessionHeader{display:none!important}",
+      // TerminalRecovery renders a retry action in the conversation header.
+      // A failed remote terminal is reported when its tab is opened/closed;
+      // keeping this background recovery action out of the top-left header
+      // avoids overlapping the session controls.
+      '[title^="\u6062\u590D\u7EC8\u7AEF\u5931\u8D25"],[title^="Terminal recovery failed"]{display:none!important}',
+      ".dshRemoteTerminalUnavailable{box-sizing:border-box;margin:12px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font-size:13px;line-height:1.5}",
+      ".dshRemoteModeButton{min-height:36px;border:0;background:transparent;color:var(--dsw-alias-label-primary);display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:8px}.dshRemoteModeButton:is(button){cursor:pointer}",
+      ".dshRemoteModeButton:is(button):hover{background:var(--dsw-alias-interactive-bg-hover)}",
+      // Keep additive footer actions in reading order above the Settings seat.
+      '[class*="_footArea"]:has(.dshRemoteSidebarEntry){flex-direction:column!important;align-items:stretch;gap:0}[class*="_footerActions"]:has(.dshRemoteSidebarEntry){display:flex!important;flex-direction:column;align-items:stretch}[class*="_footerActions"]:has(.dshRemoteSidebarEntry.isRail){align-items:center}',
+      '[class*="_footerActions"]:has(.dshRemoteSidebarEntry.isWide) .bt-return{justify-content:flex-start}',
+      // Bot mode seats its account beside Connect plugins. Keep that row intact
+      // and let Remote span a separate row underneath it.
+      '[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide){display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px 9px}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_footerActions"]{display:contents!important}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_footerActions"]>div:not(.dshRemoteSidebarEntry){display:contents!important}',
+      '[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide) .bt-connect-wrap{grid-column:2;grid-row:1}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_settingsArea"]{grid-column:1;grid-row:1;width:36px!important}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide) .dshRemoteSidebarEntry.isWide{display:block!important;grid-column:1/-1;grid-row:2;margin:0}',
+      '[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide){grid-template-columns:36px minmax(0,1fr) 36px}[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide) .bt-foot-account{grid-column:1;grid-row:1}[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide)>[class*="_settingsArea"]{grid-column:3}',
+      ".dshRemoteSidebarEntry{box-sizing:border-box;flex:none;width:36px;min-width:36px;display:block}.dshRemoteSidebarEntry .dshRemoteModeButton{box-sizing:border-box;width:36px;height:36px;min-height:36px;justify-content:center;gap:0;padding:0;border-radius:50%}.dshRemoteSidebarEntry.isWide{width:100%;min-width:0;height:36px;margin:4px 0}.dshRemoteSidebarEntry.isWide .dshRemoteModeButton{width:100%;min-width:0;justify-content:flex-start;gap:8px;padding:0 14px;border-radius:8px;font:inherit;font-size:14px;line-height:20px;text-align:start}.dshRemoteSidebarLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteSidebarEntry.isRail{height:54px}.dshRemoteSidebarEntry.isRail .dshRemoteModeButton{margin:8px 0 10px}.dshRemoteSidebarEntry.isActive .dshRemoteComputerIcon{color:var(--dsw-alias-brand-primary)}.dshRemoteSidebarEntry .dshRemoteModeButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteSidebarEntry .dshRemoteModeButton:disabled{opacity:.45;cursor:default}",
+      ".dshRemoteComputerIcon{box-sizing:border-box;width:18px;height:18px;flex:0 0 18px;color:var(--dsw-alias-label-secondary)}",
+      ".dshRemoteSidebarEntry.isWide{position:relative}.dshRemoteSidebarEntry.isWide.isActive .dshRemoteModeButton{padding-inline-end:64px}.dshRemoteExitLink{position:absolute;inset-block-start:0;inset-inline-end:8px;min-width:44px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);padding:0 6px;font:inherit;font-size:12px;line-height:20px;white-space:nowrap;cursor:pointer}.dshRemoteExitLink:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteExitLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteExitLink:disabled{opacity:.45;cursor:default}",
+      // The strip sits inside the 40px Windows caption row, which the shell declares as the
+      // window drag region. Without an explicit opt-out every press starts a window drag and
+      // never reaches these buttons; the shell's own caption controls (sidebar toggle, new
+      // session, the caption menus) opt out of that region the same way.
+      '.dshRemoteSessionHeader{position:fixed;z-index:25;-webkit-app-region:no-drag;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 360px);height:28px;display:inline-flex;align-items:center;gap:7px;color:var(--dsw-alias-label-secondary);font-size:12px;white-space:nowrap}.dshRemoteSessionHeader>svg{width:15px;height:15px;flex:0 0 auto}.dshRemoteSessionTarget{min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis}.dshRemoteNetwork{flex:0 0 auto;border:0;background:transparent;color:inherit;font:inherit;padding:3px 2px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.dshRemoteNetwork:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteNetwork:disabled{cursor:default}.dshRemoteNetwork>i{width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-tertiary)}.dshRemoteNetwork.isOnline>i{background:var(--dsw-alias-state-success-primary)}.dshRemoteNetwork.isOffline{color:var(--dsw-alias-state-error-primary)}.dshRemoteNetwork.isOffline>i{background:currentColor}.dshRemoteEncrypted{flex:0 0 auto;color:var(--dsw-alias-label-tertiary)}.dshRemoteHeaderExitLink{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:3px 2px;font:inherit;text-decoration:none;cursor:pointer}.dshRemoteHeaderExitLink:hover{text-decoration:underline;color:var(--dsw-alias-label-primary)}.dshRemoteHeaderExitLink:disabled{opacity:.45;cursor:default;text-decoration:none}.dshRemoteNetwork:focus-visible,.dshRemoteHeaderExitLink:focus-visible,.dshRemoteRoutePanel>header button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteRouteBackdrop{position:fixed;inset:0;z-index:26;-webkit-app-region:no-drag}.dshRemoteRoutePanel{box-sizing:border-box;position:absolute;top:48px;right:28px;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 72px);overflow:auto;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;padding:16px;white-space:normal}.dshRemoteRoutePanel>header{position:sticky;top:-16px;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:-16px -16px 0;padding:16px;background:var(--dsw-alias-bg-layer-1)}.dshRemoteRoutePanel>header strong{font-size:14px}.dshRemoteRoutePanel>header button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:inherit;font-size:20px;cursor:pointer}.dshRemoteRoutePanel>header button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteRoutePanel ol{display:flex;align-items:stretch;margin:12px 0 0;padding:0 0 16px;border-bottom:1px solid var(--dsw-alias-border-l2);list-style:none}.dshRemoteRoutePanel li{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;padding-right:20px}.dshRemoteRoutePanel li:not(:last-child)::after{content:"\u2192";position:absolute;right:7px;top:21px;color:var(--dsw-alias-label-tertiary)}.dshRemoteRoutePanel li small{color:var(--dsw-alias-label-tertiary)}.dshRemoteRoutePanel li strong,.dshRemoteRoutePanel li span{overflow:hidden;text-overflow:ellipsis}.dshRemoteRoutePanel li strong{font-size:13px}.dshRemoteRoutePanel li span{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteRouteSection{padding-top:16px}.dshRemoteRouteSection h3{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary)}.dshRemoteRouteSection dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.dshRemoteRouteSection dl>div{min-width:0;display:grid;grid-template-columns:minmax(104px,auto) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:12px;line-height:1.45}.dshRemoteRouteSection dt{color:var(--dsw-alias-label-tertiary)}.dshRemoteRouteSection dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}.dshRemoteRouteSection dd.isMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.dshRemoteRoutePanel>p{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}@media(max-width:620px){.dshRemoteSessionHeader{top:8px;max-width:calc(100vw - 112px)}.dshRemoteSessionHeader>svg{display:none}.dshRemoteSessionTarget{max-width:130px}.dshRemoteEncrypted{display:none}.dshRemoteRoutePanel{top:42px;right:12px;max-height:calc(100vh - 56px)}.dshRemoteRoutePanel ol{flex-direction:column;gap:18px}.dshRemoteRoutePanel li:not(:last-child)::after{content:"\u2193";top:auto;right:auto;bottom:-16px;left:3px}.dshRemoteRouteSection dl{grid-template-columns:1fr}.dshRemoteRouteSection dl>div{grid-template-columns:1fr;gap:2px}.dshRemoteRouteSection dd{text-align:left}}',
+      ".dshRemoteSessionHeader{left:auto;right:148px;transform:none;max-width:calc(100vw - 420px)}@media(max-width:760px){.dshRemoteSessionHeader{left:auto;right:104px;transform:none;max-width:calc(100vw - 124px)}}",
+      ".dshRemoteModeButton:focus-visible,.dshRemotePage button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}",
+      ".dshRemotePage{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:14px;overflow:hidden;animation:dshRemotePageIn .18s cubic-bezier(.25,1,.5,1)}",
+      ".dshRemotePageHeader{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemotePageIntro{min-width:0;flex:1}.dshRemotePageHeader strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.4}.dshRemotePageHeader p{min-width:0;max-width:70ch;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5}.dshRemotePageActions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.dshRemotePageActions>button{height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:inherit;line-height:1;cursor:pointer}.dshRemotePageActions>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.dshRemotePageActions>button:disabled{opacity:.45;cursor:default}.dshRemotePageBack,.dshRemotePageRefresh{min-width:48px;padding:0 10px;font:inherit;font-size:13px}.dshRemotePageBack{color:var(--dsw-alias-label-secondary)!important}.dshRemotePageClose{width:40px;padding:0;font-size:24px}",
+      ".dshRemotePageBody{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:24px}.dshRemotePageBody button{font:inherit;color:inherit}",
+      ".dshRemotePageTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.dshRemotePageTitleRow>strong{min-width:0;flex:0 1 auto}.dshRemoteStarLink{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:400;text-decoration:none}.dshRemoteStarLink:hover{color:var(--dsw-alias-label-primary);text-decoration:underline;text-underline-offset:3px}.dshRemoteStarLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px;border-radius:3px}",
+      ".dshRemoteSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.dshRemoteSectionTitle{min-width:0;display:flex;align-items:center;gap:10px}.dshRemoteSectionTitle>strong{font-size:14px}.dshRemoteSectionActions{display:flex;align-items:center;gap:14px}.dshRemoteSectionActions>button{border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px}.dshRemoteSectionActions>button:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}",
+      ".dshRemoteSectionTitle{flex:1}.dshRemoteSectionTitle>.dshRemoteConnectedMenu{margin-left:auto}",
+      '.dshRemoteAcpSetting{display:block!important;width:100%;padding:0}.dshRemoteAcpSetting>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer;list-style:none}.dshRemoteAcpSetting>summary::-webkit-details-marker{display:none}.dshRemoteAcpSetting>summary::after{content:"\u2304";color:var(--dsw-alias-label-secondary);transition:transform .18s ease-out}.dshRemoteAcpSetting[open]>summary::after{transform:rotate(180deg)}.dshRemoteAcpSummaryText{min-width:0}.dshRemoteAcpSummaryText strong{display:block}.dshRemoteAcpSummaryText p{margin:4px 0 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4}.dshRemoteAcpCheckLink{grid-column:2;grid-row:1;color:var(--dsw-alias-brand-primary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpCheckLink:hover{color:var(--dsw-alias-label-primary)}.dshRemoteAcpCheckResult{grid-column:3;grid-row:1;font-size:11px;line-height:1.4;white-space:nowrap}.dshRemoteAcpCheckResult.isPassed{color:var(--dsw-alias-state-success-primary)}.dshRemoteAcpCheckResult.isFailed{color:var(--dsw-alias-state-danger-primary)}.dshRemoteAcpList{display:flex;flex-direction:column;gap:0;margin-top:12px;padding-top:0;border-top:0}.dshRemoteAcpList>.dshRemoteAuthorizationSetting{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;column-gap:18px;line-height:1.4}.dshRemoteAcpList>.dshRemoteAuthorizationSetting>span:first-child{min-width:0;line-height:1.4}.dshRemoteAcpList>.dshRemoteAuthorizationSetting>input{grid-column:4;grid-row:1}',
+      ".dshRemoteAcpAddLink{align-self:flex-start;margin-top:12px;color:var(--dsw-alias-brand-primary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpAddForm{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(140px,1fr) minmax(100px,1fr) auto;gap:8px;margin-top:12px}.dshRemoteAcpAddForm input{min-width:0;height:34px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:0 10px}.dshRemoteAcpAddForm button{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);padding:0 12px;cursor:pointer;font:inherit;font-size:12px}.dshRemoteAcpAddForm button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteAcpRemoveLink{grid-column:3;grid-row:1;color:var(--dsw-alias-label-secondary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpRemoveLink:hover{color:var(--dsw-alias-state-danger-primary)}",
+      ".dshRemoteAcpCheckResult.isPassed,.dshRemoteAcpCheckResult.isFailed{color:var(--dsw-alias-label-secondary)}",
+      ".dshRemoteAcpList>.dshRemoteAuthorizationSetting{grid-template-columns:minmax(0,1fr) 190px 40px 56px;column-gap:18px}.dshRemoteAcpCheckCell{grid-column:2;display:flex;align-items:center;gap:10px;min-width:0}.dshRemoteAcpCheckLink,.dshRemoteAcpRemoveLink{justify-self:start}.dshRemoteAcpCheckResult{position:static}",
+      ".dshRemoteAcpCheckLink.isPassed{color:var(--dsw-alias-state-success-primary)}.dshRemoteAcpCheckLink.isFailed{color:var(--dsw-alias-state-danger-primary)}.dshRemoteAcpCheckLink.isChecking{color:var(--dsw-alias-label-secondary)}",
+      ".dshRemoteCancelWorkspace{min-height:36px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:6px 0;cursor:pointer}.dshRemoteCancelWorkspace:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteCancelWorkspace:disabled{opacity:.5;cursor:default}",
+      '.dshRemoteHostList{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2);max-height:296px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.dshRemoteHostList.isCollapsed{max-height:none;overflow-y:visible}.dshRemoteHostList>button{min-height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:10px 4px;cursor:pointer}.dshRemoteHostList>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteHostList>button:disabled{opacity:.5;cursor:default}.dshRemoteHostList>button[aria-current="true"]{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteHostList>button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteHostList>button strong{font-size:14px;font-weight:500}.dshRemoteHostList small{color:var(--dsw-alias-label-secondary);font-size:12px}',
+      '.dshRemoteConnectedMenu{position:relative;flex:0 0 auto;margin-right:4px}.dshRemoteConnectedCount{appearance:none;display:inline-flex;align-items:center;justify-content:center;height:22px;border:0;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);box-shadow:0 1px 2px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.04) inset;padding:0 10px;font:inherit;font-size:11px;font-weight:500;line-height:17px;white-space:nowrap;cursor:default}.dshRemoteConnectedCount.isOnline{color:var(--dsw-alias-state-success-primary)}.dshRemoteConnectedCount.isInteractive{cursor:pointer}.dshRemoteConnectedCount.isInteractive:hover{filter:brightness(1.08)}.dshRemoteConnectedCount:disabled{opacity:1;cursor:default}.dshRemoteConnectedCount:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteConnectedPanel{position:absolute;top:calc(100% + 8px);right:0;z-index:4;width:min(320px,calc(100vw - 48px));max-height:min(280px,40vh);overflow:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2);box-shadow:0 10px 28px rgba(0,0,0,.28);padding:10px 12px}.dshRemoteConnectedPanelTitle{display:block;margin:0 0 6px;color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600}.dshRemoteClientList{display:flex;flex-direction:column}.dshRemoteClientRow{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteClientRow:last-child{border-bottom:0}.dshRemoteClientRow>span{min-width:0;display:flex;flex-direction:column;gap:2px}.dshRemoteClientRow strong{font-size:13px;font-weight:500}.dshRemoteClientRow small{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteClientOnline{display:inline-flex;align-items:center;gap:6px;color:var(--dsw-alias-state-success-primary)!important}.dshRemoteClientOnline::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}',
+      ".dshRemoteConnectedCount{height:auto;border-radius:0;background:transparent;box-shadow:none;padding:0 4px;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.dshRemoteConnectedCount.isInteractive:hover{filter:none;text-decoration-color:currentColor}.dshRemoteConnectedCount:focus-visible{outline-offset:3px;border-radius:3px}",
+      '.dshRemoteProgress{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2)}.dshRemoteProgressHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.dshRemoteProgressHeader strong{font-size:13px;font-weight:600}.dshRemoteProgressHeader span{color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteProgressBar{height:6px;overflow:hidden;border-radius:999px;background:var(--dsw-alias-bg-layer-3)}.dshRemoteProgressBar>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--dsw-alias-brand-primary);transform-origin:left center;transition:transform .22s ease-out}[dir="rtl"] .dshRemoteProgressBar>span{transform-origin:right center}.dshRemoteProgress p{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.45}.dshRemoteProgressRoute{font-weight:500}.dshRemoteProgressRoute .isActive{color:var(--dsw-alias-state-success-primary);font-weight:700}.dshRemoteProgressRouteArrow{color:var(--dsw-alias-label-tertiary)}@media(prefers-reduced-motion:reduce){.dshRemoteProgressBar>span{transition:none}}',
+      '.dshRemoteBrowser{display:flex;flex-direction:column}.dshRemoteCrumbs{display:flex;align-items:center;gap:4px;overflow:auto;padding:2px 0 10px}.dshRemoteCrumbs>button{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:5px 7px;border-radius:6px;cursor:pointer}.dshRemoteCrumbs>button:not(:last-child)::after{content:" /";color:var(--dsw-alias-label-tertiary)}.dshRemoteCrumbs>button:disabled{color:var(--dsw-alias-label-primary);font-weight:600}',
+      ".dshRemoteWorkspaceLists{overflow:visible}",
+      ".dshRemoteDirectoryList{min-height:72px;display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteDirectoryList>button{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;text-align:left;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:8px 4px;cursor:pointer}.dshRemoteDirectoryList>button:hover,.dshRemoteDirectoryList>button.isSelected{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteDirectoryList>button.isSelected{color:var(--dsw-alias-label-primary)}.dshRemoteDirectoryList>button>span:first-child,.dshRemoteDirectoryList>button>.dshRemoteWorkspaceIcon{grid-row:1/3}.dshRemoteWorkspaceIcon{box-sizing:border-box;width:22px;height:22px;align-self:center;object-fit:contain}.dshRemoteWorkspaceIcon.isGpt{border-radius:6px}.dshRemoteDirectoryList>button>span:not(:first-child),.dshRemoteDirectoryList>button>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteDirectoryList>button>small{grid-column:2;color:var(--dsw-alias-label-secondary)}.dshRemoteDirectoryList>p,.dshRemoteHint{margin:12px 0;color:var(--dsw-alias-label-secondary);font-size:13px}",
+      ".dshRemoteAddWorkspace{box-sizing:border-box;width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);padding:0;cursor:pointer}.dshRemoteAddWorkspace:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteAddWorkspace:disabled{opacity:.5;cursor:default}.dshRemoteAddWorkspaceIcon{width:20px;height:20px}.dshRemoteCodexWorkspaceGroup{margin-top:16px}.dshRemoteWorkspaceSourceHeading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 7px}.dshRemoteWorkspaceSourceText{min-width:0;display:flex;flex-direction:column;gap:2px}.dshRemoteWorkspaceSourceText>strong{font-size:13px}.dshRemoteWorkspaceSourceText>small{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteCodexWorkspaceList{min-height:0}.dshRemoteDirectoryList>.dshRemoteWorkspaceMore,.dshRemoteCodexWorkspaceGroup>.dshRemoteWorkspaceMore{box-sizing:border-box;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);padding:8px 4px;text-align:center;font-size:16px;cursor:pointer}.dshRemoteWorkspaceMore>span{display:block;line-height:1;transform:translateY(-2px)}.dshRemoteWorkspaceMore:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:transparent}.dshRemoteWorkspaceMore:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteWorkspaceMore:disabled{opacity:.5;cursor:default}",
+      ".dshRemotePreviewAction,.dshRemotePreviewForm{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.dshRemotePreviewForm input{width:90px;color:inherit;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);padding:6px}.dshRemotePreviewForm [role=alert]{max-width:360px;white-space:normal}.dshRemoteDevelopmentSettings{width:100%;margin:16px 0}.dshRemoteDevelopmentSettings .dshRemotePathField{display:flex;flex-direction:column;gap:6px;margin:8px 0}.dshRemoteDevelopmentSettings .dshRemotePathField>label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteDevelopmentSettings .dshRemotePortsRow{display:flex;gap:8px;align-items:stretch;width:100%}.dshRemoteDevelopmentSettings .dshRemotePortsRow>input{box-sizing:border-box;width:100%;flex:1;min-width:0;height:34px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit;font-size:13px;line-height:1.5}.dshRemoteDevelopmentSettings button{min-height:34px;color:inherit;background:var(--dsw-alias-bg-layer-1);border:.5px solid var(--dsw-alias-border-l2);border-radius:8px;padding:5px 14px;white-space:nowrap;font-size:13px;line-height:1.5}.dshRemoteAcpAddForm>label{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteAcpAddForm>label>input{box-sizing:border-box;width:100%;height:34px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);padding:0 12px;font:inherit;font-size:13px;line-height:1.5}",
+      ".dshRemoteFolderBrowser{margin-top:14px}.dshRemoteFolderBrowser>p,.dshRemoteFolderList>p{margin:12px 0;color:var(--dsw-alias-label-secondary);font-size:13px}.dshRemoteFolderList{max-height:260px;overflow:auto;border-block:1px solid var(--dsw-alias-border-l2)}.dshRemoteFolderList>button{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:7px 6px;text-align:left;cursor:pointer}.dshRemoteFolderList>button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteFolderBrowser>small{display:block;margin-top:8px;color:var(--dsw-alias-state-warn-label)}",
+      ".dshRemotePathField{display:flex;flex-direction:column;gap:6px;margin-top:20px}.dshRemotePathField>span{font-size:13px;font-weight:600}.dshRemotePathField>input{min-height:40px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit}.dshRemotePathField>small{color:var(--dsw-alias-label-secondary)}",
+      ".dshRemoteOpenBar{position:sticky;bottom:-96px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:14px 0;background:var(--dsw-alias-bg-layer-1);border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteOpenBar>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteOpenBar span{color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteOpenBar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dshRemoteOpenBar>button,.dshRemoteEnable>button{min-height:40px;flex:0 0 auto;border:0;border-radius:8px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);padding:8px 16px;cursor:pointer}.dshRemoteOpenBar>button:disabled,.dshRemoteEnable>button:disabled{opacity:.5;cursor:default}",
+      ".dshRemoteEnable{box-sizing:border-box;width:min(440px,100%);max-width:100%;min-height:388px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.dshRemoteEnable p{margin:0;color:var(--dsw-alias-label-secondary);line-height:1.5}",
+      '.dshRemoteLoginTabs{width:min(440px,100%);display:flex;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteLoginTabs>button{position:relative;min-height:38px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.dshRemoteLoginTabs>button:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.dshRemoteLoginTabs>button.isActive{color:var(--dsw-alias-label-primary);font-weight:600}.dshRemoteLoginTabs>button.isActive::after{content:"";position:absolute;right:12px;bottom:-1px;left:12px;height:2px;border-radius:2px 2px 0 0;background:var(--dsw-alias-brand-primary)}.dshRemoteLoginTabs>button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px;border-radius:6px}',
+      ".dshRemoteClientLogin{width:min(440px,100%);display:flex;flex-direction:column;gap:8px}.dshRemoteClientLogin input{min-height:40px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit}.dshRemoteClientLogin button{align-self:flex-start;min-height:40px;border:0;border-radius:8px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);padding:8px 16px;cursor:pointer}",
+      ".dshRemoteQrLogin{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;text-align:center}.dshRemoteQrLogin img,.dshRemoteQrPlaceholder{box-sizing:border-box;width:200px;height:200px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:#fff;padding:8px}.dshRemoteQrOpen{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary);font-size:12px;text-decoration:none}.dshRemoteQrOpen:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrOpen:hover img{border-color:var(--dsw-alias-label-dimmed)}.dshRemoteQrOpen:focus-visible{border-radius:12px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.dshRemoteQrPlaceholder{display:flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-secondary)}.dshRemoteQrLogin>strong{font-size:14px}.dshRemoteQrLogin>p{max-width:48ch;margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}.dshRemoteQrLogin>.dshRemoteServiceAddress{margin-top:2px;color:var(--dsw-alias-label-tertiary)}.dshRemoteServiceAddress>a{color:var(--dsw-alias-label-secondary);text-decoration:none}.dshRemoteServiceAddress>a:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrLogin>button,.dshRemoteClientLogin>.dshRemoteLoginSwitch{min-height:32px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}.dshRemoteQrLogin>button:hover,.dshRemoteClientLogin>.dshRemoteLoginSwitch:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteClientLogin>.dshRemoteLoginSwitch{align-self:flex-start;background:transparent;color:var(--dsw-alias-label-secondary);padding-left:0}",
+      ".dshRemoteLoginHeading{box-sizing:border-box;width:100%;display:flex;align-items:baseline;gap:10px;overflow:hidden;white-space:nowrap}.dshRemoteLoginTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteLoginHeading>span{flex:0 0 auto;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:400}.dshRemoteLoginTabs{box-sizing:border-box;width:100%;flex-wrap:nowrap;overflow-x:auto}.dshRemoteLoginTabs>button{min-width:max-content;flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:6px 10px;white-space:nowrap;text-align:center}.dshRemoteLoginTabs>button.isActive::after{right:0;left:0;bottom:0;border-radius:0}.dshRemoteClientLogin,.dshRemoteQrLogin{box-sizing:border-box;width:100%;height:300px;min-height:300px}.dshRemoteClientLogin{align-items:stretch;padding-top:16px}.dshRemoteClientLogin>button{align-self:stretch;width:100%}.dshRemoteQrLogin{padding-top:12px}",
+      '.dshRemoteHostControlToggle{display:flex;align-items:center;gap:7px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;white-space:nowrap;cursor:default}.dshRemoteHostControlToggle>input{appearance:none;box-sizing:border-box;position:relative;width:32px;height:18px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteHostControlToggle>input::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteHostControlToggle>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteHostControlToggle>input:checked::after{transform:translateX(14px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteHostControlToggle>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteHostControlToggle>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteHostControlToggle>input,.dshRemoteHostControlToggle>input::after{transition:none}}',
+      ".dshRemoteAccountFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:14px;color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteAccountExit{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px;line-height:1.5;white-space:nowrap}.dshRemoteAccountExit:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteAccountExit:disabled{opacity:.5;cursor:default;text-decoration:none}",
+      ".dshRemoteLocalLink{align-self:flex-start;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 0;cursor:pointer}.dshRemoteLocalLink:hover{color:var(--dsw-alias-label-primary)}",
+      "@keyframes dshRemotePageIn{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dshRemotePage{animation:none}}@media(max-width:620px){.dshRemoteBackdrop{padding:12px}.dshRemotePage{max-height:calc(100vh - 24px)}.dshRemotePageHeader{gap:8px;padding:12px 16px}.dshRemotePage.hasSelectedHost .dshRemotePageBack{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteSectionHeading{align-items:flex-start;flex-direction:column;gap:8px}.dshRemoteWorkspaceHeading{align-items:center;flex-direction:row}.dshRemoteSectionActions{width:100%;justify-content:space-between}.dshRemotePageBody{padding:20px 16px}.dshRemoteOpenBar{align-items:flex-end}.dshRemoteOpenBar>button{min-height:48px}}",
+      ".dshRemoteBackdrop{position:fixed;inset:0;z-index:1000;background:var(--dsw-alias-bg-mask-3);display:grid;place-items:center;padding:20px}",
+      ".dshRemoteDialog{width:min(460px,100%);max-height:80vh;overflow:auto;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);border-radius:14px;padding:18px;display:grid;gap:12px;box-shadow:var(--dsw-shadow-lv2)}",
+      ".dshRemoteDialog button,.dshRemoteDialog input{font:inherit;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:9px 10px;background:transparent;color:inherit}",
+      ".dshRemoteDialog button:not(:disabled){cursor:pointer}.dshRemoteDialog button:disabled{opacity:.5}",
+      ".dshRemoteHeader{display:flex;align-items:center;justify-content:space-between}.dshRemoteHeader button{border:0;font-size:22px;padding:0 6px}",
+      ".dshRemoteDevices{display:grid;gap:8px}.dshRemoteDevices p{margin:4px 0;color:var(--dsw-alias-label-secondary)}",
+      ".dshRemoteError{margin:0;color:var(--dsw-alias-state-error-primary)}",
+      ".dshRemoteHostAccount{display:grid;gap:8px;border-top:1px solid var(--dsw-alias-border-l3);padding-top:12px}.dshRemoteHostAccount p{margin:0;color:var(--dsw-alias-label-secondary);font-size:13px}",
+      ".dshRemoteLogin{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dshRemoteLogin button{grid-column:1/-1}",
+      // The plugin manager already supplies DSH's detail page chrome and
+      // spacing for `view: page`. Keep the legacy card only for older hosts;
+      // current DSH must not get a second, old-style card inside that page.
+      ".dshRemotePluginCard{list-style:none;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);border-radius:var(--dsw-radius-xl,16px);transition:border-color .16s,background .16s}",
+      ".dshRemotePluginModern{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;border:0;background:transparent;border-radius:0}.dshRemotePluginModern>.dshRemotePluginCardHeader{display:none}.dshRemotePluginModern>.dshRemotePluginCardBody{border-top:0;margin:0;padding:0}",
+      ".dshRemotePluginCard:hover{border-color:var(--dsw-alias-label-dimmed)}.dshRemotePluginCard.isOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}",
+      ".dshRemotePluginCard.dshRemotePluginModern:hover,.dshRemotePluginCard.dshRemotePluginModern.isOpen{border-color:transparent;background:transparent}",
+      ".dshRemotePluginCardHeader{display:flex;align-items:center}.dshRemotePluginCardToggle{appearance:none;width:100%;min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}.dshRemotePluginCardToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}",
+      ".dshRemotePluginCardHeading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dshRemotePluginCardHeading>strong{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.dshRemotePluginCardHeading>span{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.dshRemotePluginCardStatus{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.dshRemotePluginCardStatus.isOnline{color:var(--dsw-alias-state-success-primary)}.dshRemotePluginCardStatus.isReconnecting{color:var(--dsw-alias-state-warn-label)}.dshRemotePluginCardStatus.isOffline{color:var(--dsw-alias-state-error-primary)}.dshRemotePluginCardChevron{color:var(--dsw-alias-label-tertiary);font-size:18px;line-height:14px;transition:transform .16s}.dshRemotePluginCard.isOpen .dshRemotePluginCardChevron{transform:rotate(180deg)}",
+      ".dshRemotePluginCardBody{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.dshRemoteSettings{display:flex;flex-direction:column;max-width:none}.dshRemoteSettingsTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 12px}.dshRemoteSettingsState{margin:0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}",
+      ".dshRemotePluginModern .dshRemoteField input{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md,8px);height:40px}.dshRemotePluginModern .dshRemoteSettingsFooter button{border-radius:var(--dsw-radius-md,8px);min-height:32px}",
+      ".dshRemoteHostIdentity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteHostIdentity>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteHostIdentity span{color:var(--dsw-alias-label-tertiary);font-size:12px}.dshRemoteHostIdentity strong,.dshRemoteHostIdentity code{min-width:0;overflow-wrap:anywhere;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}.dshRemoteHostIdentity code{font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-weight:400}",
+      ".dshRemoteField{display:flex;flex-direction:column;gap:6px;padding:12px 0}.dshRemoteField+.dshRemoteField{border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteField label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteField input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.dshRemoteField input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.dshRemoteField input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.dshRemoteField p{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}",
+      '.dshRemoteAuthorizationSetting{border-top:1px solid var(--dsw-alias-border-l2);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.dshRemoteAuthorizationSetting>div{min-width:0}.dshRemoteAuthorizationSetting strong{font-size:13px;font-weight:500}.dshRemoteAuthorizationSetting p{margin:3px 0 0;color:var(--dsw-alias-label-tertiary);font-size:12px}.dshRemoteAuthorizationSetting>input{appearance:none;position:relative;width:38px;height:22px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteAuthorizationSetting>input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteAuthorizationSetting>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteAuthorizationSetting>input:checked::after{transform:translateX(16px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteAuthorizationSetting>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteAuthorizationSetting>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteAuthorizationSetting>input,.dshRemoteAuthorizationSetting>input::after{transition:none}}',
+      ".dshRemoteAssociation{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.dshRemoteAssociation>span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.dshRemoteAssociation strong{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:1.5}.dshRemoteAssociation p{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}",
+      ".dshRemoteConnection{border-top:1px solid var(--dsw-alias-border-l2);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.dshRemoteConnectionSummary{min-width:0;display:flex;flex-direction:column;gap:4px}.dshRemoteConnectionSummary>span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.dshRemoteConnectionSummary strong{display:flex;align-items:center;gap:7px;color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:1.5}.dshRemoteConnectionSummary p,.dshRemoteConnectionIssue{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.dshRemoteConnectionDot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--dsw-alias-label-tertiary)}.dshRemoteConnectionDot.isOnline{background:var(--dsw-alias-state-success-primary)}.dshRemoteConnectionDot.isReconnecting{background:var(--dsw-alias-state-warn-primary)}.dshRemoteConnectionDot.isOffline{background:var(--dsw-alias-state-error-primary)}.dshRemoteConnectionIssue{color:var(--dsw-alias-state-error-primary);padding:0 0 12px}.dshRemoteReconnect{appearance:none;flex:0 0 auto;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);min-height:34px;padding:5px 14px;font-size:13px;line-height:1.5}.dshRemoteReconnect:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteReconnect:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.dshRemoteReconnect:disabled{opacity:.4;cursor:default}",
+      ".dshRemoteSettingsFooter{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}.dshRemoteSettingsFooter .dshRemoteError,.dshRemoteNotice{min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5}.dshRemoteNotice{color:var(--dsw-alias-label-tertiary)}.dshRemoteDiscard,.dshRemoteSave{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.dshRemoteDiscard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent}.dshRemoteDiscard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.dshRemoteSave{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.dshRemoteDiscard:disabled,.dshRemoteSave:disabled{opacity:.4;cursor:default}.dshRemoteDiscard:focus-visible,.dshRemoteSave:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}",
+      "@media(max-width:620px){.dshRemotePluginCardStatus{display:none}.dshRemoteSettingsTop{gap:10px}.dshRemoteConnection{align-items:flex-start}.dshRemoteReconnect{min-height:40px}.dshRemotePortsRow{flex-direction:column}.dshRemoteAcpAddForm{grid-template-columns:1fr}.dshRemoteAcpAddForm button{min-height:40px}}"
+    ].join(""), document.head.append(style), () => style.remove();
+  }
+  function installTerminalAvailabilityNotice(feed, t) {
+    let latest, notice, update = () => {
+      let terminal = document.querySelector("[data-sidebar-terminal]"), unavailable = latest?.mode === "remote" && latest.remoteFeatures?.terminal !== !0;
+      if (!terminal || !unavailable) {
+        notice?.remove(), notice = void 0;
+        return;
       }
-      function RemoteWorkspaceAction(props) {
-        let { t } = props, [open, setOpen] = React.useState(!1), [status, setStatus] = React.useState(void 0), [devices, setDevices] = React.useState([]), [selectedHost, setSelectedHost] = React.useState(void 0), [connectingHost, setConnectingHost] = React.useState(void 0), [workspaces, setWorkspaces] = React.useState([]), [codexWorkspaces, setCodexWorkspaces] = React.useState([]), [cursorWorkspaces, setCursorWorkspaces] = React.useState([]), [antigravityWorkspaces, setAntigravityWorkspaces] = React.useState([]), [workspaceBackend, setWorkspaceBackend] = React.useState("harness"), [codexWorkspaceId, setCodexWorkspaceId] = React.useState(void 0), [cursorWorkspaceId, setCursorWorkspaceId] = React.useState(void 0), [antigravityWorkspaceId, setAntigravityWorkspaceId] = React.useState(void 0), [directory, setDirectory] = React.useState(void 0), [path, setPath] = React.useState(""), [addingWorkspace, setAddingWorkspace] = React.useState(!1), [showAllWorkspaces, setShowAllWorkspaces] = React.useState(!1), [showAllCodexWorkspaces, setShowAllCodexWorkspaces] = React.useState(!1), [devicesOpen, setDevicesOpen] = React.useState(!1), [showAllCursorWorkspaces, setShowAllCursorWorkspaces] = React.useState(!1), [showAllAntigravityWorkspaces, setShowAllAntigravityWorkspaces] = React.useState(!1), workspaceListId = "dsh-remote-workspace-list", codexWorkspaceHeadingId = "dsh-remote-codex-workspace-heading", codexWorkspaceListId = "dsh-remote-codex-workspace-list", cursorWorkspaceHeadingId = "dsh-remote-cursor-workspace-heading", cursorWorkspaceListId = "dsh-remote-cursor-workspace-list", antigravityWorkspaceHeadingId = "dsh-remote-antigravity-workspace-heading", antigravityWorkspaceListId = "dsh-remote-antigravity-workspace-list", [busy, setBusy] = React.useState(!1), [needsAuthorization, setNeedsAuthorization] = React.useState(!1), [email, setEmail] = React.useState(""), [password, setPassword] = React.useState(""), [loginServerUrl, setLoginServerUrl] = React.useState("https://dsh.r2049.cn"), [loginMethod, setLoginMethod] = React.useState("password"), loginMethodManuallySelected = React.useRef(!1), [oauthProviders, setOAuthProviders] = React.useState([]), [providersLoading, setProvidersLoading] = React.useState(!1), [providersFailed, setProvidersFailed] = React.useState(!1), [providerReload, setProviderReload] = React.useState(0), [qrSession, setQrSession] = React.useState(void 0), [qrImage, setQrImage] = React.useState(void 0), [qrExpired, setQrExpired] = React.useState(!1), [progress, setProgress] = React.useState(void 0), progressRun = React.useRef(0), qrFlowRun = React.useRef(0), [notice, setNotice] = React.useState(void 0), [error, setError] = React.useState(void 0);
-        React.useEffect(() => {
-          open || (setDevicesOpen(!1), qrFlowRun.current += 1, setBusy(!1));
-        }, [open]), React.useEffect(() => {
-          if (!open) return;
-          let closeOnEscape = (event) => {
-            if (event.key === "Escape") {
-              if (devicesOpen) {
-                event.stopPropagation(), setDevicesOpen(!1);
-                return;
-              }
-              setOpen(!1);
-            }
-          };
-          return window.addEventListener("keydown", closeOnEscape), () => window.removeEventListener("keydown", closeOnEscape);
-        }, [open, devicesOpen]), React.useEffect(() => {
-          if (!devicesOpen) return;
-          let closeOnPointer = (event) => {
-            let target = event.target;
-            target instanceof Element && target.closest(".dshRemoteConnectedMenu") === null && setDevicesOpen(!1);
-          };
-          return window.addEventListener("mousedown", closeOnPointer), () => window.removeEventListener("mousedown", closeOnPointer);
-        }, [devicesOpen]), React.useEffect(() => {
-          (status?.host?.connectedClients?.length ?? 0) === 0 && setDevicesOpen(!1);
-        }, [status?.host?.connectedClients?.length]), React.useEffect(() => {
-          props.control("status").then(setStatus).catch(() => {
-          });
-        }, []), React.useEffect(() => {
-          status?.serverUrl !== void 0 && loginServerUrl === "https://dsh.r2049.cn" && setLoginServerUrl(status.serverUrl);
-        }, [status?.serverUrl]), React.useEffect(() => {
-          let remoteActive = status?.mode === "remote";
-          return document.documentElement.classList.toggle("dshRemoteTargetActive", remoteActive), () => {
-            remoteActive && document.documentElement.classList.remove("dshRemoteTargetActive");
-          };
-        }, [status?.mode]);
-        let startQrLogin = async (provider) => {
-          let run = ++qrFlowRun.current;
-          setBusy(!0), setError(void 0), setQrExpired(!1);
-          try {
-            let session = await props.control("client.account.qr.start", { provider }), image = await import_qrcode.default.toDataURL(session.scanUrl, {
-              width: 184,
-              margin: 1,
-              errorCorrectionLevel: "L"
-            });
-            if (run !== qrFlowRun.current) return;
-            setQrSession(session), setQrImage(image);
-          } catch (reason) {
-            run === qrFlowRun.current && setError(messageOf(reason));
-          } finally {
-            run === qrFlowRun.current && setBusy(!1);
+      notice !== void 0 && notice.isConnected || (notice = document.createElement("div"), notice.className = "dshRemoteTerminalUnavailable", notice.setAttribute("role", "alert"), notice.textContent = t("terminalRemoteUnavailable"), terminal.prepend(notice));
+    }, unsubscribe = feed.subscribe((status) => {
+      latest = status, update();
+    }), observer = new MutationObserver(update);
+    return observer.observe(document.body, { childList: !0, subtree: !0 }), update(), () => {
+      unsubscribe(), observer.disconnect(), notice?.remove();
+    };
+  }
+
+  // src/client/workspaces.ts
+  var import_qrcode = __toESM(require_browser(), 1);
+
+  // src/client/icons.ts
+  var deepSeekWorkspaceIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAACVBMVEUAAADy8vXx8fUsA3vyAAAAAXRSTlMAQObYZgAAAOxJREFUWMPtlsEOwyAMQxP+/6OnTZMGxHGcot3wDYgfhkJbs6urprzveGtu9d1NgEdto8w93GuA7zPS2RFg7ynsCOAokbtAmLr2YaeKgJ6fxpT8jCAC0qSqPyNoO5DXdvyouj4ClFAdYaDxK09uiBDCIYBf6CxLesnR0uF2pG+JmhCqrUb0AOvjjoQaYDTCEAAgMg5grhAeAQIB+/M15IcKlnUIp4CkTCd0AKb4zVsRSJVGYEVzT0agK107IMGMEurvromEpaX4wzk/IKw378kq4LafED6Oowxfk7AP2q8W16EdM3p29Eyvrv6vF0WIBfBziKyCAAAAAElFTkSuQmCC", gptWorkspaceIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAclBMVEX////v7+++wMf////s7O3k5OTExcrX2Ny6vMTv8PPW19yXmqRqboJmaHd3eoaqrLPs7fGMjpfb3eKlpq1eYXOxs7pWWWd+gY5HSVdRVGVub3k+QU74+Pg4OkcvMT1ISlUoKjUiIy4fICueoKkaGyUSFB21Bp+qAAAAAXRSTlMAQObYZgAABChJREFUWMPtl916qjoQhlsdEwIECEgMYCBxx/u/xT1DrFUL1LO1DtY8LSLJvPnmB4gfH//sr7TPDfvdebf/xXZbkE/4zZ0MVhGHd9zJDsv+7F3//Z69tT5wljAu3tXw+TIlzXKJlhflYmJ+5uF5WpWhb54X+C/zZCmT2wJA4dJZwus0UYjIGqWyMhVbEp4yKNRRqlv0opW5PJLJ4rFJXvP4JKDRMqturBZjkMVJFYjR6iHQDQDI4+k2k51wZbWrqwp4mR/1CVYATyko9TFGxBUqL5IvMbXSWt0T8bkGgFLqgqZBI/Uxbx5UAxLaNcCNLBpttM7wbCc1pmJOpWAsDtey68UaQMyrFgb9uxLPjqg3+nGluyKN0XUdWw0BJ0NvTFFqgzpr9J+Dh4w0Ga1qkqBNswagxdRgFPAbgHRQG5jumGWyMxrTIaRRa4AzFs0YrNMXgI4MJWnsKYFhGNMnIh/mBOPsV8CZBFjN9w8ArowxnZzDr5IcvxTaKpxJCVsoI3SWysz1UM4AqQdzlCgho1IKrK+x1mKFzisANtgEU8E7GwHDgOqxe4w9tnM166wbaA2xBMBLrTWcAGYGdCiYVUJUrMCF+7l6gklrW1RwPi8ByjuActANqhKzVWoYrFGcCFzbDgNaBrTWpncFQMcI2DfWoAiDqRCiHcYM/ZdCEKkZqfR8spj4F0CiJjv2gHL6URNoCQDaYacL6O1oFDO2eQDUFP7AKdCRdC4CRDZaNifbjA41l/uYb/SZMAFNTBGzY7sG4J2jTsJgToOzIzXF3HZqBpSOAGduXbkGEKV1OqVGqRJpRxtvwbSw5IqAiUJItwBCOT9R32FCGo3nCkAN3t0UTBRC6zDONcBeOee9pr4T+ASbnDOdc5OmtREwEEB5w8Wqgt4bOV5c7Lt9iiK8zdP/IsBbutUGX4gNwEVCqd3FUt/xYnRWt7BvPBYQjwjAGXa3ASguHVAZ/WXKlA3eZDX1wRegFsr7E2wAlB9xFbx/7MV70kFT8aqNgLL3F8nFBmA3hrn/IJHjKJOK2oj1WI4Z4FzwN/81AOhgYD6v2xbIvaZIurLC9AfvB1WLTYAoXejF1xeBL5cpBIyEbmxkZymIXwDQh1BAfOrhI1lfwtgz8tozF5T4ttf3+32AyxC6klwAgw/YVTHpoK82xYt3wLP/Bw4AAI4D7/01TLKXBj9NEz2wEuGiKpoy68S/FwCLMQAZ3gXhihaCa25vQo6RyToOz9PE6wYjJgGi1YnqZX8qMIK+TDlnargGzSv4NvFjlwXf/nfLLMrAB4O/Xl3BH0d+RIASFgDA8IYMIXgr2+cBsbDdPSwAAHjSZFmb3txETCKIxc0uWwI8rxsLJcTiVndNwyMgKljbbNN2/zcEAja2+4RgIDYN2Bu/WtAOaEodnu2dnzz/7I/Y/w/LaEcX/MdfAAAAAElFTkSuQmCC";
+
+  // src/client/workspaces.ts
+  function createRemoteWorkspaceAction(React) {
+    let RemoteProgressView = createRemoteProgressView(React);
+    function RemoteWorkspaceAction(props) {
+      let { t } = props, [open, setOpen] = React.useState(!1), [status, setStatus] = React.useState(void 0), [devices, setDevices] = React.useState([]), [selectedHost, setSelectedHost] = React.useState(void 0), [connectingHost, setConnectingHost] = React.useState(void 0), [workspaces, setWorkspaces] = React.useState([]), [codexWorkspaces, setCodexWorkspaces] = React.useState([]), [cursorWorkspaces, setCursorWorkspaces] = React.useState([]), [antigravityWorkspaces, setAntigravityWorkspaces] = React.useState([]), [piWorkspaces, setPiWorkspaces] = React.useState([]), [opencodeWorkspaces, setOpencodeWorkspaces] = React.useState([]), [workspaceBackend, setWorkspaceBackend] = React.useState("harness"), [codexWorkspaceId, setCodexWorkspaceId] = React.useState(void 0), [cursorWorkspaceId, setCursorWorkspaceId] = React.useState(void 0), [antigravityWorkspaceId, setAntigravityWorkspaceId] = React.useState(void 0), [piWorkspaceId, setPiWorkspaceId] = React.useState(void 0), [opencodeWorkspaceId, setOpencodeWorkspaceId] = React.useState(void 0), [directory, setDirectory] = React.useState(void 0), [path, setPath] = React.useState(""), [addingWorkspace, setAddingWorkspace] = React.useState(!1), [showAllWorkspaces, setShowAllWorkspaces] = React.useState(!1), [showAllCodexWorkspaces, setShowAllCodexWorkspaces] = React.useState(!1), [devicesOpen, setDevicesOpen] = React.useState(!1), [showAllCursorWorkspaces, setShowAllCursorWorkspaces] = React.useState(!1), [showAllAntigravityWorkspaces, setShowAllAntigravityWorkspaces] = React.useState(!1), [showAllPiWorkspaces, setShowAllPiWorkspaces] = React.useState(!1), [showAllOpencodeWorkspaces, setShowAllOpencodeWorkspaces] = React.useState(!1), workspaceListId = "dsh-remote-workspace-list", codexWorkspaceHeadingId = "dsh-remote-codex-workspace-heading", codexWorkspaceListId = "dsh-remote-codex-workspace-list", cursorWorkspaceHeadingId = "dsh-remote-cursor-workspace-heading", cursorWorkspaceListId = "dsh-remote-cursor-workspace-list", antigravityWorkspaceHeadingId = "dsh-remote-antigravity-workspace-heading", piWorkspaceHeadingId = "dsh-remote-pi-workspace-heading", opencodeWorkspaceHeadingId = "dsh-remote-opencode-workspace-heading", antigravityWorkspaceListId = "dsh-remote-antigravity-workspace-list", piWorkspaceListId = "dsh-remote-pi-workspace-list", opencodeWorkspaceListId = "dsh-remote-opencode-workspace-list", [busy, setBusy] = React.useState(!1), [needsAuthorization, setNeedsAuthorization] = React.useState(!1), [email, setEmail] = React.useState(""), [password, setPassword] = React.useState(""), [loginServerUrl, setLoginServerUrl] = React.useState("https://dsh.r2049.cn"), [loginMethod, setLoginMethod] = React.useState("password"), loginMethodManuallySelected = React.useRef(!1), [oauthProviders, setOAuthProviders] = React.useState([]), [providersLoading, setProvidersLoading] = React.useState(!1), [providersFailed, setProvidersFailed] = React.useState(!1), [providerReload, setProviderReload] = React.useState(0), [qrSession, setQrSession] = React.useState(void 0), [qrImage, setQrImage] = React.useState(void 0), [qrExpired, setQrExpired] = React.useState(!1), [progress, setProgress] = React.useState(void 0), progressRun = React.useRef(0), qrFlowRun = React.useRef(0), [notice, setNotice] = React.useState(void 0), [error, setError] = React.useState(void 0);
+      React.useEffect(() => {
+        open || (setDevicesOpen(!1), qrFlowRun.current += 1, setBusy(!1));
+      }, [open]), React.useEffect(() => {
+        if (!open) return;
+        let closeOnEscape = (event) => {
+          if (event.key === "Escape") {
+            if (devicesOpen) {
+              event.stopPropagation(), setDevicesOpen(!1);
+              return;
+            }
+            setOpen(!1);
           }
         };
-        React.useEffect(() => {
-          if (!open || !needsAuthorization) return;
-          let active = !0;
-          return qrFlowRun.current += 1, setBusy(!1), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setOAuthProviders([]), setProvidersLoading(!0), setProvidersFailed(!1), props.control("client.account.providers").then((items) => {
-            if (!active) return;
-            let available = items.filter((item) => item.qrStartUrl != null);
-            setOAuthProviders(available), setLoginMethod((current) => {
-              if (loginMethodManuallySelected.current && (current === "password" || available.some((item) => `oauth:${item.id}` === current))) return current;
-              let preferred = available.find((item) => item.id === props.preferredQrProvider) ?? available[0];
-              return preferred === void 0 ? "password" : `oauth:${preferred.id}`;
-            });
+        return window.addEventListener("keydown", closeOnEscape), () => window.removeEventListener("keydown", closeOnEscape);
+      }, [open, devicesOpen]), React.useEffect(() => {
+        if (!devicesOpen) return;
+        let closeOnPointer = (event) => {
+          let target = event.target;
+          target instanceof Element && target.closest(".dshRemoteConnectedMenu") === null && setDevicesOpen(!1);
+        };
+        return window.addEventListener("mousedown", closeOnPointer), () => window.removeEventListener("mousedown", closeOnPointer);
+      }, [devicesOpen]), React.useEffect(() => {
+        (status?.host?.connectedClients?.length ?? 0) === 0 && setDevicesOpen(!1);
+      }, [status?.host?.connectedClients?.length]), React.useEffect(() => {
+        props.control("status").then(setStatus).catch(() => {
+        });
+      }, []), React.useEffect(() => {
+        status?.serverUrl !== void 0 && loginServerUrl === "https://dsh.r2049.cn" && setLoginServerUrl(status.serverUrl);
+      }, [status?.serverUrl]), React.useEffect(() => {
+        let remoteActive = status?.mode === "remote";
+        return document.documentElement.classList.toggle("dshRemoteTargetActive", remoteActive), () => {
+          remoteActive && document.documentElement.classList.remove("dshRemoteTargetActive");
+        };
+      }, [status?.mode]);
+      let startQrLogin = async (provider) => {
+        let run = ++qrFlowRun.current;
+        setBusy(!0), setError(void 0), setQrExpired(!1);
+        try {
+          let session = await props.control("client.account.qr.start", { provider }), image = await import_qrcode.default.toDataURL(session.scanUrl, {
+            width: 184,
+            margin: 1,
+            errorCorrectionLevel: "L"
+          });
+          if (run !== qrFlowRun.current) return;
+          setQrSession(session), setQrImage(image);
+        } catch (reason) {
+          run === qrFlowRun.current && setError(messageOf(reason));
+        } finally {
+          run === qrFlowRun.current && setBusy(!1);
+        }
+      };
+      React.useEffect(() => {
+        if (!open || !needsAuthorization) return;
+        let active = !0;
+        return qrFlowRun.current += 1, setBusy(!1), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setOAuthProviders([]), setProvidersLoading(!0), setProvidersFailed(!1), props.control("client.account.providers").then((items) => {
+          if (!active) return;
+          let available = items.filter((item) => item.qrStartUrl != null);
+          setOAuthProviders(available), setLoginMethod((current) => {
+            if (loginMethodManuallySelected.current && (current === "password" || available.some((item) => `oauth:${item.id}` === current))) return current;
+            let preferred = available.find((item) => item.id === props.preferredQrProvider) ?? available[0];
+            return preferred === void 0 ? "password" : `oauth:${preferred.id}`;
+          });
+        }).catch((reason) => {
+          active && (setProvidersFailed(!0), setLoginMethod("password"), setError(messageOf(reason)));
+        }).finally(() => {
+          active && setProvidersLoading(!1);
+        }), () => {
+          active = !1;
+        };
+      }, [open, needsAuthorization, status?.serverUrl, props.preferredQrProvider, providerReload]), React.useEffect(() => {
+        !open || !needsAuthorization || providersLoading || loginMethod === "password" || !oauthProviders.some((item) => `oauth:${item.id}` === loginMethod) || qrSession !== void 0 || qrExpired || startQrLogin(loginMethod.slice(6));
+      }, [open, needsAuthorization, providersLoading, oauthProviders, loginMethod, qrSession, qrExpired]), React.useEffect(() => {
+        if (!open || loginMethod === "password" || qrSession === void 0) return;
+        let active = !0, polling = !1, settled = !1, run = qrFlowRun.current, timer, poll = () => {
+          polling || settled || (polling = !0, props.control("client.account.qr.poll", { qrId: qrSession.qrId }).then(async (result) => {
+            if (!(!active || settled || run !== qrFlowRun.current))
+              if (result.status === "complete") {
+                settled = !0, timer !== void 0 && window.clearInterval(timer), setBusy(!0), setError(void 0), setQrExpired(!1), setNeedsAuthorization(!1);
+                try {
+                  let [nextDevices, nextStatus] = await Promise.all([
+                    props.control("devices"),
+                    props.control("status")
+                  ]);
+                  active && run === qrFlowRun.current && (setDevices(nextDevices), setStatus(nextStatus));
+                } catch (reason) {
+                  active && run === qrFlowRun.current && setError(messageOf(reason));
+                } finally {
+                  run === qrFlowRun.current && (setQrSession(void 0), setQrImage(void 0), setBusy(!1));
+                }
+              } else result.status === "expired" && (settled = !0, timer !== void 0 && window.clearInterval(timer), setQrExpired(!0), setQrSession(void 0), setQrImage(void 0));
           }).catch((reason) => {
-            active && (setProvidersFailed(!0), setLoginMethod("password"), setError(messageOf(reason)));
+            active && !settled && run === qrFlowRun.current && setError(messageOf(reason));
           }).finally(() => {
-            active && setProvidersLoading(!1);
-          }), () => {
-            active = !1;
-          };
-        }, [open, needsAuthorization, status?.serverUrl, props.preferredQrProvider, providerReload]), React.useEffect(() => {
-          !open || !needsAuthorization || providersLoading || loginMethod === "password" || !oauthProviders.some((item) => `oauth:${item.id}` === loginMethod) || qrSession !== void 0 || qrExpired || startQrLogin(loginMethod.slice(6));
-        }, [open, needsAuthorization, providersLoading, oauthProviders, loginMethod, qrSession, qrExpired]), React.useEffect(() => {
-          if (!open || loginMethod === "password" || qrSession === void 0) return;
-          let active = !0, polling = !1, settled = !1, run = qrFlowRun.current, timer, poll = () => {
-            polling || settled || (polling = !0, props.control("client.account.qr.poll", { qrId: qrSession.qrId }).then(async (result) => {
-              if (!(!active || settled || run !== qrFlowRun.current))
-                if (result.status === "complete") {
-                  settled = !0, timer !== void 0 && window.clearInterval(timer), setBusy(!0), setError(void 0), setQrExpired(!1), setNeedsAuthorization(!1);
-                  try {
-                    let [nextDevices, nextStatus] = await Promise.all([
-                      props.control("devices"),
-                      props.control("status")
-                    ]);
-                    active && run === qrFlowRun.current && (setDevices(nextDevices), setStatus(nextStatus));
-                  } catch (reason) {
-                    active && run === qrFlowRun.current && setError(messageOf(reason));
-                  } finally {
-                    run === qrFlowRun.current && (setQrSession(void 0), setQrImage(void 0), setBusy(!1));
-                  }
-                } else result.status === "expired" && (settled = !0, timer !== void 0 && window.clearInterval(timer), setQrExpired(!0), setQrSession(void 0), setQrImage(void 0));
-            }).catch((reason) => {
-              active && !settled && run === qrFlowRun.current && setError(messageOf(reason));
-            }).finally(() => {
-              polling = !1;
-            }));
-          };
-          return poll(), timer = window.setInterval(poll, 1500), () => {
-            active = !1, timer !== void 0 && window.clearInterval(timer);
-          };
-        }, [open, loginMethod, qrSession]);
-        let selectLoginMethod = (method) => {
-          loginMethodManuallySelected.current = !0, method !== loginMethod && (qrFlowRun.current += 1, setLoginMethod(method), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setError(void 0));
-        }, orderedQrProviders = [...oauthProviders].sort((a, b) => +(b.id === props.preferredQrProvider) - +(a.id === props.preferredQrProvider)), selectedProvider = oauthProviders.find((item) => `oauth:${item.id}` === loginMethod), scanLabel = t("scanWithProvider", { provider: selectedProvider?.displayName ?? "" }), qrLoginTab = (provider) => React.createElement("button", {
-          key: provider.id,
-          type: "button",
-          role: "tab",
-          id: `dsh-remote-oauth:${provider.id}-tab`,
-          "aria-selected": loginMethod === `oauth:${provider.id}`,
-          "aria-controls": `dsh-remote-oauth:${provider.id}-panel`,
-          className: loginMethod === `oauth:${provider.id}` ? "isActive" : "",
-          disabled: busy,
-          onClick: () => selectLoginMethod(`oauth:${provider.id}`)
-        }, t("providerLogin", { provider: provider.displayName })), selectHost = async (host) => {
-          setBusy(!0), setError(void 0), setConnectingHost(host), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1);
-          try {
-            let result = await runConnectHostProgress(
-              status?.preferredTransports,
-              host.deviceId,
-              props.control,
-              { label: "remoteProgressLoadingWorkspaces", detail: "remoteProgressLoadingWorkspacesDetail" },
-              setProgress,
-              progressRun,
-              async () => {
-                let nextWorkspaces = await props.control("workspaces.list", {
-                  targetDeviceId: host.deviceId
-                }), nextCodexWorkspaces = await props.control("codex.workspaces.list", {
-                  targetDeviceId: host.deviceId
-                }).catch(() => []), nextCursorWorkspaces = await props.control("cursor.workspaces.list", {
-                  targetDeviceId: host.deviceId
-                }).catch(() => []), nextAntigravityWorkspaces = await props.control("antigravity.workspaces.list", {
-                  targetDeviceId: host.deviceId
-                }).catch(() => []), nextStatus = await props.control("status").catch(() => {
-                });
-                return nextStatus !== void 0 && setStatus(nextStatus), {
-                  workspaces: nextWorkspaces,
-                  codexWorkspaces: nextCodexWorkspaces,
-                  cursorWorkspaces: nextCursorWorkspaces,
-                  antigravityWorkspaces: nextAntigravityWorkspaces,
-                  status: nextStatus
-                };
-              },
-              (result2) => connectedProgress(result2.status)
-            );
-            setWorkspaces(result.workspaces), setCodexWorkspaces(result.codexWorkspaces), setCursorWorkspaces(result.cursorWorkspaces), setAntigravityWorkspaces(result.antigravityWorkspaces), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setSelectedHost(host), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
-          } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setConnectingHost(void 0), setBusy(!1);
-          }
-        }, browseDirectory = async (nextPath) => {
-          if (selectedHost !== void 0) {
-            setBusy(!0), setError(void 0);
-            try {
-              let listing = await props.control("directory.list", {
-                targetDeviceId: selectedHost.deviceId,
-                ...nextPath === void 0 ? {} : { path: nextPath }
+            polling = !1;
+          }));
+        };
+        return poll(), timer = window.setInterval(poll, 1500), () => {
+          active = !1, timer !== void 0 && window.clearInterval(timer);
+        };
+      }, [open, loginMethod, qrSession]);
+      let selectLoginMethod = (method) => {
+        loginMethodManuallySelected.current = !0, method !== loginMethod && (qrFlowRun.current += 1, setLoginMethod(method), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setError(void 0));
+      }, orderedQrProviders = [...oauthProviders].sort((a, b) => +(b.id === props.preferredQrProvider) - +(a.id === props.preferredQrProvider)), selectedProvider = oauthProviders.find((item) => `oauth:${item.id}` === loginMethod), scanLabel = t("scanWithProvider", { provider: selectedProvider?.displayName ?? "" }), qrLoginTab = (provider) => React.createElement("button", {
+        key: provider.id,
+        type: "button",
+        role: "tab",
+        id: `dsh-remote-oauth:${provider.id}-tab`,
+        "aria-selected": loginMethod === `oauth:${provider.id}`,
+        "aria-controls": `dsh-remote-oauth:${provider.id}-panel`,
+        className: loginMethod === `oauth:${provider.id}` ? "isActive" : "",
+        disabled: busy,
+        onClick: () => selectLoginMethod(`oauth:${provider.id}`)
+      }, t("providerLogin", { provider: provider.displayName })), selectHost = async (host) => {
+        setBusy(!0), setError(void 0), setConnectingHost(host), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setPiWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1);
+        try {
+          let result = await runConnectHostProgress(
+            status?.preferredTransports,
+            host.deviceId,
+            props.control,
+            { label: "remoteProgressLoadingWorkspaces", detail: "remoteProgressLoadingWorkspacesDetail" },
+            setProgress,
+            progressRun,
+            async () => {
+              let nextWorkspaces = await props.control("workspaces.list", {
+                targetDeviceId: host.deviceId
+              }), nextCodexWorkspaces = await props.control("codex.workspaces.list", {
+                targetDeviceId: host.deviceId
+              }).catch(() => []), nextCursorWorkspaces = await props.control("cursor.workspaces.list", {
+                targetDeviceId: host.deviceId
+              }).catch(() => []), nextAntigravityWorkspaces = await props.control("antigravity.workspaces.list", {
+                targetDeviceId: host.deviceId
+              }).catch(() => []), nextPiWorkspaces = await props.control("pi.workspaces.list", {
+                targetDeviceId: host.deviceId
+              }).catch(() => []), nextOpencodeWorkspaces = await props.control("opencode.workspaces.list", {
+                targetDeviceId: host.deviceId
+              }).catch(() => []), nextStatus = await props.control("status").catch(() => {
               });
-              setDirectory(listing), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPath(listing.path);
-            } catch (reason) {
-              setError(messageOf(reason));
-            } finally {
-              setBusy(!1);
-            }
-          }
-        }, startAddingWorkspace = (backend) => {
-          setAddingWorkspace(!0), setWorkspaceBackend(backend), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setDirectory(void 0), setPath(""), browseDirectory();
-        }, cancelAddingWorkspace = () => {
-          setAddingWorkspace(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setDirectory(void 0), setPath("");
-        }, refreshRemote = async () => {
-          setBusy(!0), setNotice(void 0), setError(void 0);
+              return nextStatus !== void 0 && setStatus(nextStatus), {
+                workspaces: nextWorkspaces,
+                codexWorkspaces: nextCodexWorkspaces,
+                cursorWorkspaces: nextCursorWorkspaces,
+                antigravityWorkspaces: nextAntigravityWorkspaces,
+                piWorkspaces: nextPiWorkspaces,
+                status: nextStatus
+              };
+            },
+            (result2) => connectedProgress(result2.status)
+          );
+          setWorkspaces(result.workspaces), setCodexWorkspaces(result.codexWorkspaces), setCursorWorkspaces(result.cursorWorkspaces), setAntigravityWorkspaces(result.antigravityWorkspaces), setPiWorkspaces(result.piWorkspaces), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setSelectedHost(host), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setConnectingHost(void 0), setBusy(!1);
+        }
+      }, browseDirectory = async (nextPath) => {
+        if (selectedHost !== void 0) {
+          setBusy(!0), setError(void 0);
           try {
-            let nextStatus = await props.control("status");
-            if (setStatus(nextStatus), !nextStatus.available) {
-              setDevices([]), setNeedsAuthorization(!1), setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
-              return;
-            }
-            try {
-              let nextDevices = await props.control("devices");
-              if (setDevices(nextDevices), setNeedsAuthorization(!1), selectedHost !== void 0) {
-                let nextSelectedHost = nextDevices.find((device) => device.deviceId === selectedHost.deviceId);
-                nextSelectedHost === void 0 ? (setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0)) : (setSelectedHost(nextSelectedHost), props.control("workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setWorkspaces(w)).catch(() => {
-                }), props.control("codex.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setCodexWorkspaces(w)).catch(() => {
-                }), props.control("cursor.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setCursorWorkspaces(w)).catch(() => {
-                }), props.control("antigravity.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setAntigravityWorkspaces(w)).catch(() => {
-                }));
-              }
-            } catch {
-              setDevices([]), setNeedsAuthorization(!0), setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
-            }
+            let listing = await props.control("directory.list", {
+              targetDeviceId: selectedHost.deviceId,
+              ...nextPath === void 0 ? {} : { path: nextPath }
+            });
+            setDirectory(listing), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setPath(listing.path);
           } catch (reason) {
             setError(messageOf(reason));
           } finally {
             setBusy(!1);
           }
-        }, show = async () => {
-          setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setOpen(!0), await refreshRemote();
-        };
-        React.useEffect(() => {
-          if (!(!open || selectedHost !== void 0))
-            return props.statusFeed.subscribe(setStatus);
-        }, [open, selectedHost]);
-        let chooseAnotherHost = () => {
-          setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setDirectory(void 0), setPath(""), setAddingWorkspace(!1), setError(void 0);
-        }, signInClient = async () => {
-          if (!(email.trim() === "" || password === "" || loginServerUrl.trim() === "")) {
-            setBusy(!0), setError(void 0);
-            try {
-              await props.control("settings.configure", {
-                role: "client",
-                serverUrl: loginServerUrl.trim(),
-                email: email.trim(),
-                password
-              }), setDevices(await props.control("devices")), setStatus(await props.control("status")), setNeedsAuthorization(!1), setPassword("");
-            } catch (reason) {
-              setError(messageOf(reason));
-            } finally {
-              setBusy(!1);
-            }
+        }
+      }, startAddingWorkspace = (backend) => {
+        setAddingWorkspace(!0), setWorkspaceBackend(backend), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setDirectory(void 0), setPath(""), browseDirectory();
+      }, cancelAddingWorkspace = () => {
+        setAddingWorkspace(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setDirectory(void 0), setPath("");
+      }, refreshRemote = async () => {
+        setBusy(!0), setNotice(void 0), setError(void 0);
+        try {
+          let nextStatus = await props.control("status");
+          if (setStatus(nextStatus), !nextStatus.available) {
+            setDevices([]), setNeedsAuthorization(!1), setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setPiWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
+            return;
           }
-        }, openLocalWorkspaces = async () => {
-          setBusy(!0), setError(void 0);
           try {
-            await props.control("mode.set", { mode: "local" }), window.location.reload();
-          } catch (reason) {
-            setError(messageOf(reason)), setBusy(!1);
+            let nextDevices = await props.control("devices");
+            if (setDevices(nextDevices), setNeedsAuthorization(!1), selectedHost !== void 0) {
+              let nextSelectedHost = nextDevices.find((device) => device.deviceId === selectedHost.deviceId);
+              nextSelectedHost === void 0 ? (setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setPiWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0)) : (setSelectedHost(nextSelectedHost), props.control("workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setWorkspaces(w)).catch(() => {
+              }), props.control("codex.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setCodexWorkspaces(w)).catch(() => {
+              }), props.control("cursor.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setCursorWorkspaces(w)).catch(() => {
+              }), props.control("antigravity.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setAntigravityWorkspaces(w)).catch(() => {
+              }), props.control("pi.workspaces.list", { targetDeviceId: nextSelectedHost.deviceId }).then((w) => setPiWorkspaces(w)).catch(() => {
+              }));
+            }
+          } catch {
+            setDevices([]), setNeedsAuthorization(!0), setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setPiWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
           }
-        }, setCurrentDeviceControl = async (enabled) => {
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, show = async () => {
+        setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setOpen(!0), await refreshRemote();
+      };
+      React.useEffect(() => {
+        if (!(!open || selectedHost !== void 0))
+          return props.statusFeed.subscribe(setStatus);
+      }, [open, selectedHost]);
+      let chooseAnotherHost = () => {
+        setSelectedHost(void 0), setWorkspaces([]), setCodexWorkspaces([]), setCursorWorkspaces([]), setAntigravityWorkspaces([]), setPiWorkspaces([]), setShowAllWorkspaces(!1), setShowAllCodexWorkspaces(!1), setShowAllCursorWorkspaces(!1), setShowAllAntigravityWorkspaces(!1), setShowAllPiWorkspaces(!1), setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setDirectory(void 0), setPath(""), setAddingWorkspace(!1), setError(void 0);
+      }, signInClient = async () => {
+        if (!(email.trim() === "" || password === "" || loginServerUrl.trim() === "")) {
           setBusy(!0), setError(void 0);
           try {
-            setStatus(await props.control("host.authorization.set", { enabled }));
+            await props.control("settings.configure", {
+              role: "client",
+              serverUrl: loginServerUrl.trim(),
+              email: email.trim(),
+              password
+            }), setDevices(await props.control("devices")), setStatus(await props.control("status")), setNeedsAuthorization(!1), setPassword("");
           } catch (reason) {
             setError(messageOf(reason));
           } finally {
             setBusy(!1);
           }
-        }, logoutRemote = async () => {
+        }
+      }, openLocalWorkspaces = async () => {
+        setBusy(!0), setError(void 0);
+        try {
+          await props.control("mode.set", { mode: "local" }), window.location.reload();
+        } catch (reason) {
+          setError(messageOf(reason)), setBusy(!1);
+        }
+      }, setCurrentDeviceControl = async (enabled) => {
+        setBusy(!0), setError(void 0);
+        try {
+          setStatus(await props.control("host.authorization.set", { enabled }));
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, logoutRemote = async () => {
+        setBusy(!0), setError(void 0);
+        try {
+          await props.control("settings.logout"), setDevices([]), setNeedsAuthorization(!0), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setStatus(await props.control("status"));
+        } catch (reason) {
+          setError(messageOf(reason));
+        } finally {
+          setBusy(!1);
+        }
+      }, openWorkspace = async (selection) => {
+        let targetBackend = selection?.backend ?? workspaceBackend, targetPath = (selection?.path ?? path).trim(), targetCodexWorkspaceId = selection?.backend === "codex" ? selection.workspaceId : selection === void 0 ? codexWorkspaceId : void 0, targetCursorWorkspaceId = selection?.backend === "cursor" ? selection.workspaceId : selection === void 0 ? cursorWorkspaceId : void 0, targetAntigravityWorkspaceId = selection?.backend === "antigravity" ? selection.workspaceId : selection === void 0 ? antigravityWorkspaceId : void 0, targetPiWorkspaceId = selection?.backend === "pi" ? selection.workspaceId : selection === void 0 ? piWorkspaceId : void 0, targetOpencodeWorkspaceId = selection?.backend === "opencode" ? selection.workspaceId : selection === void 0 ? opencodeWorkspaceId : void 0, createWorkspace = selection === void 0 && addingWorkspace;
+        if (!(selectedHost === void 0 || targetPath === "" || !createWorkspace && targetBackend === "codex" && targetCodexWorkspaceId === void 0 || !createWorkspace && targetBackend === "cursor" && targetCursorWorkspaceId === void 0 && targetPath === "" || !createWorkspace && targetBackend === "antigravity" && targetAntigravityWorkspaceId === void 0 && targetPath === "")) {
           setBusy(!0), setError(void 0);
           try {
-            await props.control("settings.logout"), setDevices([]), setNeedsAuthorization(!0), setQrSession(void 0), setQrImage(void 0), setQrExpired(!1), setStatus(await props.control("status"));
+            let nextStatus = await (targetBackend === "codex" ? createWorkspace ? props.control("codex.workspace.create", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }) : props.control("codex.workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              workspaceId: targetCodexWorkspaceId
+            }) : targetBackend === "cursor" ? createWorkspace || targetCursorWorkspaceId === void 0 ? props.control("cursor.workspace.create", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }) : props.control("cursor.workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              workspaceId: targetCursorWorkspaceId
+            }) : targetBackend === "antigravity" ? createWorkspace || targetAntigravityWorkspaceId === void 0 ? props.control("antigravity.workspace.create", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }) : props.control("antigravity.workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              workspaceId: targetAntigravityWorkspaceId
+            }) : targetBackend === "pi" ? createWorkspace || targetPiWorkspaceId === void 0 ? props.control("pi.workspace.create", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }) : props.control("pi.workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              workspaceId: targetPiWorkspaceId
+            }) : targetBackend === "opencode" ? createWorkspace || targetOpencodeWorkspaceId === void 0 ? props.control("opencode.workspace.create", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }) : props.control("opencode.workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              workspaceId: targetOpencodeWorkspaceId
+            }) : props.control("workspace.open", {
+              targetDeviceId: selectedHost.deviceId,
+              path: targetPath
+            }));
+            setStatus(nextStatus), nextStatus.workspaceSelection !== void 0 && window.sessionStorage.setItem(pendingWorkspaceSelectionKey, JSON.stringify(nextStatus.workspaceSelection)), window.location.reload();
           } catch (reason) {
-            setError(messageOf(reason));
-          } finally {
-            setBusy(!1);
+            setError(messageOf(reason)), setBusy(!1);
           }
-        }, openWorkspace = async (selection) => {
-          let targetBackend = selection?.backend ?? workspaceBackend, targetPath = (selection?.path ?? path).trim(), targetCodexWorkspaceId = selection?.backend === "codex" ? selection.workspaceId : selection === void 0 ? codexWorkspaceId : void 0, targetCursorWorkspaceId = selection?.backend === "cursor" ? selection.workspaceId : selection === void 0 ? cursorWorkspaceId : void 0, targetAntigravityWorkspaceId = selection?.backend === "antigravity" ? selection.workspaceId : selection === void 0 ? antigravityWorkspaceId : void 0, createWorkspace = selection === void 0 && addingWorkspace;
-          if (!(selectedHost === void 0 || targetPath === "" || !createWorkspace && targetBackend === "codex" && targetCodexWorkspaceId === void 0 || !createWorkspace && targetBackend === "cursor" && targetCursorWorkspaceId === void 0 && targetPath === "" || !createWorkspace && targetBackend === "antigravity" && targetAntigravityWorkspaceId === void 0 && targetPath === "")) {
-            setBusy(!0), setError(void 0);
-            try {
-              let nextStatus = await (targetBackend === "codex" ? createWorkspace ? props.control("codex.workspace.create", {
-                targetDeviceId: selectedHost.deviceId,
-                path: targetPath
-              }) : props.control("codex.workspace.open", {
-                targetDeviceId: selectedHost.deviceId,
-                workspaceId: targetCodexWorkspaceId
-              }) : targetBackend === "cursor" ? createWorkspace || targetCursorWorkspaceId === void 0 ? props.control("cursor.workspace.create", {
-                targetDeviceId: selectedHost.deviceId,
-                path: targetPath
-              }) : props.control("cursor.workspace.open", {
-                targetDeviceId: selectedHost.deviceId,
-                workspaceId: targetCursorWorkspaceId
-              }) : targetBackend === "antigravity" ? createWorkspace || targetAntigravityWorkspaceId === void 0 ? props.control("antigravity.workspace.create", {
-                targetDeviceId: selectedHost.deviceId,
-                path: targetPath
-              }) : props.control("antigravity.workspace.open", {
-                targetDeviceId: selectedHost.deviceId,
-                workspaceId: targetAntigravityWorkspaceId
-              }) : props.control("workspace.open", {
-                targetDeviceId: selectedHost.deviceId,
-                path: targetPath
-              }));
-              setStatus(nextStatus), nextStatus.workspaceSelection !== void 0 && window.sessionStorage.setItem(pendingWorkspaceSelectionKey, JSON.stringify(nextStatus.workspaceSelection)), window.location.reload();
-            } catch (reason) {
-              setError(messageOf(reason)), setBusy(!1);
-            }
+        }
+      }, remoteLabel = status?.mode === "remote" ? t("activeRemote", { name: status.target?.name ?? t("host") }) : t("remoteEntry"), remoteActionLabel = status?.mode === "remote" ? `${remoteLabel} \xB7 ${t("exitRemote")}` : remoteLabel, visibleWorkspaces = showAllWorkspaces ? workspaces : workspaces.slice(0, 3), visibleCodexWorkspaces = showAllCodexWorkspaces ? codexWorkspaces : codexWorkspaces.slice(0, 3), visibleCursorWorkspaces = showAllCursorWorkspaces ? cursorWorkspaces : cursorWorkspaces.slice(0, 3), visibleAntigravityWorkspaces = showAllAntigravityWorkspaces ? antigravityWorkspaces : antigravityWorkspaces.slice(0, 3), visiblePiWorkspaces = showAllPiWorkspaces ? piWorkspaces : piWorkspaces.slice(0, 3), visibleOpencodeWorkspaces = showAllOpencodeWorkspaces ? opencodeWorkspaces : opencodeWorkspaces.slice(0, 3), codexAvailable = status?.remoteFeatures?.codex === !0, cursorAvailable = status?.remoteFeatures?.cursor === !0, antigravityAvailable = status?.remoteFeatures?.antigravity === !0, piAvailable = status?.remoteFeatures?.pi === !0, opencodeAvailable = status?.remoteFeatures?.opencode === !0, selectedHostDetails = selectedHost === void 0 ? void 0 : [
+        formatPlatform(selectedHost.platform),
+        selectedHost.harnessVersion === void 0 ? void 0 : t("harnessVersion", { version: selectedHost.harnessVersion }),
+        selectedHost.clientVersion === void 0 ? void 0 : t("pluginVersion", { version: selectedHost.clientVersion })
+      ].filter(Boolean).join(" \xB7 "), connectedClients = status?.host?.connectedClients ?? [], connectedCount = connectedClients.length, connectedCountLabel = t("connectedClientCount", { count: connectedCount }), connectedMenu = !needsAuthorization && status?.hostAuthorizationAvailable === !0 ? React.createElement(
+        "div",
+        {
+          className: `dshRemoteConnectedMenu${devicesOpen ? " isOpen" : ""}`
+        },
+        React.createElement("a", {
+          href: connectedCount > 0 ? "#connected-devices" : void 0,
+          className: `dshRemoteConnectedCount${connectedCount > 0 ? " isOnline isInteractive" : ""}`,
+          "aria-expanded": connectedCount > 0 ? devicesOpen : void 0,
+          "aria-haspopup": connectedCount > 0 ? "dialog" : void 0,
+          title: connectedCountLabel,
+          "aria-label": connectedCountLabel,
+          onClick: (event) => {
+            event.preventDefault(), connectedCount !== 0 && setDevicesOpen((current) => !current);
           }
-        }, remoteLabel = status?.mode === "remote" ? t("activeRemote", { name: status.target?.name ?? t("host") }) : t("remoteEntry"), remoteActionLabel = status?.mode === "remote" ? `${remoteLabel} \xB7 ${t("exitRemote")}` : remoteLabel, visibleWorkspaces = showAllWorkspaces ? workspaces : workspaces.slice(0, 3), visibleCodexWorkspaces = showAllCodexWorkspaces ? codexWorkspaces : codexWorkspaces.slice(0, 3), visibleCursorWorkspaces = showAllCursorWorkspaces ? cursorWorkspaces : cursorWorkspaces.slice(0, 3), visibleAntigravityWorkspaces = showAllAntigravityWorkspaces ? antigravityWorkspaces : antigravityWorkspaces.slice(0, 3), codexAvailable = status?.remoteFeatures?.codex === !0, cursorAvailable = status?.remoteFeatures?.cursor === !0, antigravityAvailable = status?.remoteFeatures?.antigravity === !0, selectedHostDetails = selectedHost === void 0 ? void 0 : [
-          formatPlatform(selectedHost.platform),
-          selectedHost.harnessVersion === void 0 ? void 0 : t("harnessVersion", { version: selectedHost.harnessVersion }),
-          selectedHost.clientVersion === void 0 ? void 0 : t("pluginVersion", { version: selectedHost.clientVersion })
-        ].filter(Boolean).join(" \xB7 "), connectedClients = status?.host?.connectedClients ?? [], connectedCount = connectedClients.length, connectedCountLabel = t("connectedClientCount", { count: connectedCount }), connectedMenu = !needsAuthorization && status?.hostAuthorizationAvailable === !0 ? React.createElement(
+        }, connectedCountLabel),
+        devicesOpen && connectedCount > 0 ? React.createElement(
           "div",
           {
-            className: `dshRemoteConnectedMenu${devicesOpen ? " isOpen" : ""}`
+            className: "dshRemoteConnectedPanel",
+            id: "connected-devices",
+            role: "dialog",
+            "aria-label": t("currentConnectedDevices")
           },
-          React.createElement("a", {
-            href: connectedCount > 0 ? "#connected-devices" : void 0,
-            className: `dshRemoteConnectedCount${connectedCount > 0 ? " isOnline isInteractive" : ""}`,
-            "aria-expanded": connectedCount > 0 ? devicesOpen : void 0,
-            "aria-haspopup": connectedCount > 0 ? "dialog" : void 0,
-            title: connectedCountLabel,
-            "aria-label": connectedCountLabel,
-            onClick: (event) => {
-              event.preventDefault(), connectedCount !== 0 && setDevicesOpen((current) => !current);
-            }
-          }, connectedCountLabel),
-          devicesOpen && connectedCount > 0 ? React.createElement(
-            "div",
-            {
-              className: "dshRemoteConnectedPanel",
-              id: "connected-devices",
-              role: "dialog",
-              "aria-label": t("currentConnectedDevices")
-            },
-            React.createElement("strong", { className: "dshRemoteConnectedPanelTitle" }, t("currentConnectedDevices")),
-            React.createElement(
-              "div",
-              { className: "dshRemoteClientList", "aria-label": t("currentConnectedDevices") },
-              ...connectedClients.map((client) => React.createElement(
-                "div",
-                {
-                  key: client.deviceId,
-                  className: "dshRemoteClientRow"
-                },
-                React.createElement(
-                  "span",
-                  null,
-                  React.createElement("strong", null, client.name.trim() === "" ? t("unknownDevice") : client.name),
-                  React.createElement("small", null, [
-                    client.platform === void 0 ? void 0 : formatPlatform(client.platform),
-                    connectedClientModeLabel(client.mode, t)
-                  ].filter(Boolean).join(" \xB7 "))
-                ),
-                React.createElement("small", { className: "dshRemoteClientOnline" }, t("connected"))
-              ))
-            )
-          ) : null
-        ) : null, listedHosts = connectingHost === void 0 ? devices : [connectingHost];
-        return React.createElement(
-          React.Fragment,
-          null,
+          React.createElement("strong", { className: "dshRemoteConnectedPanelTitle" }, t("currentConnectedDevices")),
           React.createElement(
             "div",
-            { className: `dshRemoteSidebarEntry${status?.mode === "remote" ? " isActive" : ""}${props.wide ? " isWide" : " isRail"}` },
-            React.createElement(status?.mode === "remote" && props.wide ? "div" : "button", {
-              ...status?.mode === "remote" && props.wide ? {} : {
-                type: "button",
-                disabled: status?.mode === "remote" && busy,
-                onClick: () => void (status?.mode === "remote" ? openLocalWorkspaces() : show())
-              },
-              className: "dshRemoteModeButton",
-              title: props.wide ? remoteLabel : remoteActionLabel,
-              "aria-label": props.wide ? remoteLabel : remoteActionLabel
-            }, React.createElement(
-              "svg",
+            { className: "dshRemoteClientList", "aria-label": t("currentConnectedDevices") },
+            ...connectedClients.map((client) => React.createElement(
+              "div",
               {
-                className: "dshRemoteComputerIcon",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: 1.7,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                "aria-hidden": !0
+                key: client.deviceId,
+                className: "dshRemoteClientRow"
               },
-              React.createElement("rect", { x: 3, y: 4, width: 18, height: 13, rx: 2 }),
-              React.createElement("path", { d: "M8 21h8M12 17v4" })
-            ), props.wide ? React.createElement("span", { className: "dshRemoteSidebarLabel" }, remoteLabel) : null),
-            status?.mode === "remote" && props.wide ? React.createElement("button", {
+              React.createElement(
+                "span",
+                null,
+                React.createElement("strong", null, client.name.trim() === "" ? t("unknownDevice") : client.name),
+                React.createElement("small", null, [
+                  client.platform === void 0 ? void 0 : formatPlatform(client.platform),
+                  connectedClientModeLabel(client.mode, t)
+                ].filter(Boolean).join(" \xB7 "))
+              ),
+              React.createElement("small", { className: "dshRemoteClientOnline" }, t("connected"))
+            ))
+          )
+        ) : null
+      ) : null, listedHosts = connectingHost === void 0 ? devices : [connectingHost];
+      return React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(
+          "div",
+          { className: `dshRemoteSidebarEntry${status?.mode === "remote" ? " isActive" : ""}${props.wide ? " isWide" : " isRail"}` },
+          React.createElement(status?.mode === "remote" && props.wide ? "div" : "button", {
+            ...status?.mode === "remote" && props.wide ? {} : {
               type: "button",
-              className: "dshRemoteExitLink",
-              disabled: busy,
-              onClick: () => void openLocalWorkspaces()
-            }, t("exitRemote")) : null
-          ),
-          open ? React.createElement("div", {
-            className: "dshRemoteBackdrop",
-            role: "presentation",
-            onMouseDown: (event) => {
-              event.target === event.currentTarget && setOpen(!1);
-            }
+              disabled: status?.mode === "remote" && busy,
+              onClick: () => void (status?.mode === "remote" ? openLocalWorkspaces() : show())
+            },
+            className: "dshRemoteModeButton",
+            title: props.wide ? remoteLabel : remoteActionLabel,
+            "aria-label": props.wide ? remoteLabel : remoteActionLabel
           }, React.createElement(
-            "section",
+            "svg",
             {
-              className: `dshRemotePage${selectedHost === void 0 ? "" : " hasSelectedHost"}`,
-              role: "dialog",
-              "aria-modal": !0,
-              "aria-label": selectedHost?.name ?? t("remoteTitle")
+              className: "dshRemoteComputerIcon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: 1.7,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": !0
             },
+            React.createElement("rect", { x: 3, y: 4, width: 18, height: 13, rx: 2 }),
+            React.createElement("path", { d: "M8 21h8M12 17v4" })
+          ), props.wide ? React.createElement("span", { className: "dshRemoteSidebarLabel" }, remoteLabel) : null),
+          status?.mode === "remote" && props.wide ? React.createElement("button", {
+            type: "button",
+            className: "dshRemoteExitLink",
+            disabled: busy,
+            onClick: () => void openLocalWorkspaces()
+          }, t("exitRemote")) : null
+        ),
+        open ? React.createElement("div", {
+          className: "dshRemoteBackdrop",
+          role: "presentation",
+          onMouseDown: (event) => {
+            event.target === event.currentTarget && setOpen(!1);
+          }
+        }, React.createElement(
+          "section",
+          {
+            className: `dshRemotePage${selectedHost === void 0 ? "" : " hasSelectedHost"}`,
+            role: "dialog",
+            "aria-modal": !0,
+            "aria-label": selectedHost?.name ?? t("remoteTitle")
+          },
+          React.createElement(
+            "header",
+            { className: "dshRemotePageHeader" },
             React.createElement(
-              "header",
-              { className: "dshRemotePageHeader" },
+              "div",
+              { className: "dshRemotePageIntro" },
               React.createElement(
                 "div",
-                { className: "dshRemotePageIntro" },
-                React.createElement(
-                  "div",
-                  { className: "dshRemotePageTitleRow" },
-                  React.createElement("strong", null, selectedHost?.name ?? t("remoteTitle")),
-                  selectedHost === void 0 ? React.createElement("a", {
-                    className: "dshRemoteStarLink",
-                    href: "https://github.com/liguobao/ds-harness-remote",
-                    target: "_blank",
-                    rel: "noreferrer"
-                  }, t("starProject")) : null
-                ),
-                React.createElement("p", null, selectedHostDetails ?? t("remoteDescription"))
+                { className: "dshRemotePageTitleRow" },
+                React.createElement("strong", null, selectedHost?.name ?? t("remoteTitle")),
+                selectedHost === void 0 ? React.createElement("a", {
+                  className: "dshRemoteStarLink",
+                  href: "https://github.com/liguobao/ds-harness-remote",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, t("starProject")) : null
               ),
-              React.createElement(
-                "div",
-                { className: "dshRemotePageActions" },
-                selectedHost === void 0 ? null : React.createElement("button", {
-                  type: "button",
-                  className: "dshRemotePageBack",
-                  disabled: busy,
-                  title: t("backToHosts"),
-                  onClick: chooseAnotherHost
-                }, t("backToHosts")),
-                React.createElement("button", {
-                  type: "button",
-                  className: "dshRemotePageRefresh",
-                  disabled: busy,
-                  title: t("refreshRemote"),
-                  "aria-label": t("refreshRemote"),
-                  onClick: () => void refreshRemote()
-                }, t("refreshRemoteShort")),
-                React.createElement("button", { type: "button", className: "dshRemotePageClose", onClick: () => setOpen(!1), "aria-label": t("close") }, "\xD7")
-              )
+              React.createElement("p", null, selectedHostDetails ?? t("remoteDescription"))
             ),
             React.createElement(
-              "main",
-              { className: "dshRemotePageBody" },
-              status?.mode === "remote" ? React.createElement("button", {
+              "div",
+              { className: "dshRemotePageActions" },
+              selectedHost === void 0 ? null : React.createElement("button", {
                 type: "button",
-                className: "dshRemoteLocalLink",
+                className: "dshRemotePageBack",
                 disabled: busy,
-                onClick: () => void openLocalWorkspaces()
-              }, t("openLocalWorkspaces")) : null,
-              React.createElement(
+                title: t("backToHosts"),
+                onClick: chooseAnotherHost
+              }, t("backToHosts")),
+              React.createElement("button", {
+                type: "button",
+                className: "dshRemotePageRefresh",
+                disabled: busy,
+                title: t("refreshRemote"),
+                "aria-label": t("refreshRemote"),
+                onClick: () => void refreshRemote()
+              }, t("refreshRemoteShort")),
+              React.createElement("button", { type: "button", className: "dshRemotePageClose", onClick: () => setOpen(!1), "aria-label": t("close") }, "\xD7")
+            )
+          ),
+          React.createElement(
+            "main",
+            { className: "dshRemotePageBody" },
+            status?.mode === "remote" ? React.createElement("button", {
+              type: "button",
+              className: "dshRemoteLocalLink",
+              disabled: busy,
+              onClick: () => void openLocalWorkspaces()
+            }, t("openLocalWorkspaces")) : null,
+            React.createElement(
+              React.Fragment,
+              null,
+              needsAuthorization ? React.createElement(
+                "section",
+                { className: "dshRemoteEnable" },
+                React.createElement(
+                  "div",
+                  { className: "dshRemoteLoginHeading" },
+                  React.createElement("strong", { className: "dshRemoteLoginTitle" }, t("signInClient")),
+                  React.createElement("span", null, t("signInClientDescription"))
+                ),
+                React.createElement(
+                  "div",
+                  { className: "dshRemoteLoginTabs", role: "tablist" },
+                  ...orderedQrProviders.map(qrLoginTab),
+                  React.createElement("button", {
+                    type: "button",
+                    role: "tab",
+                    id: "dsh-remote-password-tab",
+                    "aria-selected": loginMethod === "password",
+                    "aria-controls": "dsh-remote-password-panel",
+                    className: loginMethod === "password" ? "isActive" : "",
+                    disabled: busy,
+                    onClick: () => selectLoginMethod("password")
+                  }, t("accountPasswordLogin"))
+                ),
+                providersLoading ? React.createElement("p", { role: "status" }, t("loadingLoginProviders")) : null,
+                providersFailed ? React.createElement("button", {
+                  type: "button",
+                  onClick: () => {
+                    setError(void 0), setProviderReload((value) => value + 1);
+                  }
+                }, t("retryLoginProviders")) : null,
+                !providersLoading && !providersFailed && oauthProviders.length === 0 ? React.createElement("p", { role: "status" }, t("noLoginProviders")) : null,
+                loginMethod !== "password" && selectedProvider !== void 0 ? React.createElement(
+                  "div",
+                  {
+                    className: "dshRemoteQrLogin",
+                    role: "tabpanel",
+                    id: `dsh-remote-${loginMethod}-panel`,
+                    "aria-labelledby": `dsh-remote-${loginMethod}-tab`
+                  },
+                  qrImage === void 0 ? React.createElement(
+                    "div",
+                    { className: "dshRemoteQrPlaceholder", "aria-busy": busy },
+                    qrExpired ? React.createElement("p", null, t("qrLoginExpired")) : React.createElement("span", null, t("checkingConnection"))
+                  ) : qrSession !== void 0 ? React.createElement(
+                    "a",
+                    {
+                      className: "dshRemoteQrOpen",
+                      href: qrSession.scanUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "aria-label": t("openInBrowser")
+                    },
+                    React.createElement("img", {
+                      src: qrImage,
+                      width: 184,
+                      height: 184,
+                      alt: scanLabel
+                    }),
+                    React.createElement("span", null, t("openInBrowser"), " \u2197")
+                  ) : null,
+                  React.createElement("strong", null, scanLabel),
+                  React.createElement("p", null, t("scanLoginHint")),
+                  status?.serverUrl === void 0 ? null : React.createElement(
+                    "p",
+                    { className: "dshRemoteServiceAddress" },
+                    t("currentServiceAddress"),
+                    " ",
+                    React.createElement("a", {
+                      href: status.serverUrl,
+                      target: "_blank",
+                      rel: "noreferrer"
+                    }, status.serverUrl)
+                  ),
+                  qrExpired ? React.createElement("button", {
+                    type: "button",
+                    disabled: busy,
+                    onClick: () => setQrExpired(!1)
+                  }, t("refreshQrCode")) : null
+                ) : React.createElement(
+                  "div",
+                  {
+                    className: "dshRemoteClientLogin",
+                    role: "tabpanel",
+                    id: "dsh-remote-password-panel",
+                    "aria-labelledby": "dsh-remote-password-tab"
+                  },
+                  React.createElement("input", {
+                    type: "url",
+                    value: loginServerUrl,
+                    disabled: busy,
+                    autoComplete: "url",
+                    placeholder: t("serverUrl"),
+                    "aria-label": t("serverUrl"),
+                    onChange: (event) => setLoginServerUrl(event.target.value)
+                  }),
+                  React.createElement("input", {
+                    type: "email",
+                    value: email,
+                    disabled: busy,
+                    autoComplete: "username",
+                    placeholder: t("account"),
+                    "aria-label": t("account"),
+                    onChange: (event) => setEmail(event.target.value)
+                  }),
+                  React.createElement("input", {
+                    type: "password",
+                    value: password,
+                    disabled: busy,
+                    autoComplete: "current-password",
+                    placeholder: t("password"),
+                    "aria-label": t("password"),
+                    onChange: (event) => setPassword(event.target.value)
+                  }),
+                  React.createElement("button", { type: "button", disabled: busy || loginServerUrl.trim() === "" || email.trim() === "" || password === "", onClick: () => void signInClient() }, t(busy ? "signingIn" : "startSignIn"))
+                )
+              ) : null,
+              needsAuthorization ? null : React.createElement(
                 React.Fragment,
                 null,
-                needsAuthorization ? React.createElement(
+                selectedHost === void 0 ? React.createElement(
                   "section",
-                  { className: "dshRemoteEnable" },
+                  { className: "dshRemoteHosts", "aria-label": t("chooseHost") },
                   React.createElement(
                     "div",
-                    { className: "dshRemoteLoginHeading" },
-                    React.createElement("strong", { className: "dshRemoteLoginTitle" }, t("signInClient")),
-                    React.createElement("span", null, t("signInClientDescription"))
-                  ),
-                  React.createElement(
-                    "div",
-                    { className: "dshRemoteLoginTabs", role: "tablist" },
-                    ...orderedQrProviders.map(qrLoginTab),
-                    React.createElement("button", {
-                      type: "button",
-                      role: "tab",
-                      id: "dsh-remote-password-tab",
-                      "aria-selected": loginMethod === "password",
-                      "aria-controls": "dsh-remote-password-panel",
-                      className: loginMethod === "password" ? "isActive" : "",
-                      disabled: busy,
-                      onClick: () => selectLoginMethod("password")
-                    }, t("accountPasswordLogin"))
+                    { className: "dshRemoteSectionHeading" },
+                    React.createElement(
+                      "div",
+                      { className: "dshRemoteSectionTitle" },
+                      React.createElement("strong", null, t("chooseHost")),
+                      status?.hostAuthorizationAvailable ? React.createElement(
+                        "div",
+                        { className: "dshRemoteHostControlToggle" },
+                        React.createElement("span", null, t("allowControlDevice")),
+                        React.createElement("input", {
+                          type: "checkbox",
+                          role: "switch",
+                          disabled: busy,
+                          "aria-label": t("allowControlDevice"),
+                          checked: status.host?.authorized === !0,
+                          onChange: (event) => void setCurrentDeviceControl(event.target.checked)
+                        })
+                      ) : null,
+                      connectedMenu
+                    )
                   ),
-                  providersLoading ? React.createElement("p", { role: "status" }, t("loadingLoginProviders")) : null,
-                  providersFailed ? React.createElement("button", {
-                    type: "button",
-                    onClick: () => {
-                      setError(void 0), setProviderReload((value) => value + 1);
-                    }
-                  }, t("retryLoginProviders")) : null,
-                  !providersLoading && !providersFailed && oauthProviders.length === 0 ? React.createElement("p", { role: "status" }, t("noLoginProviders")) : null,
-                  loginMethod !== "password" && selectedProvider !== void 0 ? React.createElement(
-                    "div",
+                  React.createElement("div", {
+                    className: `dshRemoteHostList${connectingHost === void 0 ? "" : " isCollapsed"}`,
+                    "aria-busy": connectingHost === void 0 ? void 0 : !0
+                  }, listedHosts.length === 0 ? React.createElement("p", null, t(busy ? "checkingConnection" : "noRemoteHosts")) : listedHosts.map((device) => React.createElement(
+                    "button",
                     {
-                      className: "dshRemoteQrLogin",
-                      role: "tabpanel",
-                      id: `dsh-remote-${loginMethod}-panel`,
-                      "aria-labelledby": `dsh-remote-${loginMethod}-tab`
+                      type: "button",
+                      key: device.deviceId,
+                      disabled: busy || !device.online,
+                      "aria-current": connectingHost?.deviceId === device.deviceId ? "true" : void 0,
+                      onClick: () => void selectHost(device)
                     },
-                    qrImage === void 0 ? React.createElement(
-                      "div",
-                      { className: "dshRemoteQrPlaceholder", "aria-busy": busy },
-                      qrExpired ? React.createElement("p", null, t("qrLoginExpired")) : React.createElement("span", null, t("checkingConnection"))
-                    ) : qrSession !== void 0 ? React.createElement(
-                      "a",
-                      {
-                        className: "dshRemoteQrOpen",
-                        href: qrSession.scanUrl,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        "aria-label": t("openInBrowser")
-                      },
-                      React.createElement("img", {
-                        src: qrImage,
-                        width: 184,
-                        height: 184,
-                        alt: scanLabel
-                      }),
-                      React.createElement("span", null, t("openInBrowser"), " \u2197")
-                    ) : null,
-                    React.createElement("strong", null, scanLabel),
-                    React.createElement("p", null, t("scanLoginHint")),
-                    status?.serverUrl === void 0 ? null : React.createElement(
-                      "p",
-                      { className: "dshRemoteServiceAddress" },
-                      t("currentServiceAddress"),
-                      " ",
-                      React.createElement("a", {
-                        href: status.serverUrl,
-                        target: "_blank",
-                        rel: "noreferrer"
-                      }, status.serverUrl)
+                    React.createElement(
+                      "span",
+                      null,
+                      React.createElement("strong", null, device.name),
+                      React.createElement("small", null, [
+                        formatPlatform(device.platform),
+                        device.harnessVersion === void 0 ? void 0 : t("harnessVersion", { version: device.harnessVersion }),
+                        device.clientVersion === void 0 ? void 0 : t("pluginVersion", { version: device.clientVersion })
+                      ].filter(Boolean).join(" \xB7 "))
                     ),
-                    qrExpired ? React.createElement("button", {
+                    React.createElement("small", null, t(device.online ? "online" : "offline"))
+                  )))
+                ) : null,
+                React.createElement(RemoteProgressView, { progress, t }),
+                selectedHost === void 0 ? connectingHost === void 0 ? React.createElement(
+                  React.Fragment,
+                  null,
+                  React.createElement("p", { className: "dshRemoteHint" }, t("selectHostHint")),
+                  React.createElement(
+                    "footer",
+                    { className: "dshRemoteAccountFooter" },
+                    React.createElement("span", null, status?.host?.account ?? t("account")),
+                    React.createElement("button", {
                       type: "button",
+                      className: "dshRemoteAccountExit",
                       disabled: busy,
-                      onClick: () => setQrExpired(!1)
-                    }, t("refreshQrCode")) : null
-                  ) : React.createElement(
+                      onClick: () => void logoutRemote()
+                    }, t("exitRemoteAccount"))
+                  )
+                ) : null : React.createElement(
+                  "section",
+                  { className: "dshRemoteBrowser", "aria-label": t("chooseDirectory") },
+                  React.createElement(
                     "div",
-                    {
-                      className: "dshRemoteClientLogin",
-                      role: "tabpanel",
-                      id: "dsh-remote-password-panel",
-                      "aria-labelledby": "dsh-remote-password-tab"
-                    },
-                    React.createElement("input", {
-                      type: "url",
-                      value: loginServerUrl,
-                      disabled: busy,
-                      autoComplete: "url",
-                      placeholder: t("serverUrl"),
-                      "aria-label": t("serverUrl"),
-                      onChange: (event) => setLoginServerUrl(event.target.value)
-                    }),
-                    React.createElement("input", {
-                      type: "email",
-                      value: email,
+                    { className: "dshRemoteSectionHeading dshRemoteWorkspaceHeading" },
+                    React.createElement("strong", null, t(addingWorkspace ? workspaceBackend === "codex" ? "addCodexWorkspace" : workspaceBackend === "cursor" ? "addCursorWorkspace" : workspaceBackend === "antigravity" ? "addAntigravityWorkspace" : workspaceBackend === "pi" ? "addPiWorkspace" : workspaceBackend === "opencode" ? "addOpencodeWorkspace" : "addRemoteWorkspace" : "existingWorkspaces")),
+                    addingWorkspace ? React.createElement("button", {
+                      type: "button",
+                      className: "dshRemoteCancelWorkspace",
                       disabled: busy,
-                      autoComplete: "username",
-                      placeholder: t("account"),
-                      "aria-label": t("account"),
-                      onChange: (event) => setEmail(event.target.value)
-                    }),
-                    React.createElement("input", {
-                      type: "password",
-                      value: password,
+                      onClick: cancelAddingWorkspace
+                    }, t("cancelAddWorkspace")) : React.createElement("button", {
+                      type: "button",
+                      className: "dshRemoteAddWorkspace",
                       disabled: busy,
-                      autoComplete: "current-password",
-                      placeholder: t("password"),
-                      "aria-label": t("password"),
-                      onChange: (event) => setPassword(event.target.value)
-                    }),
-                    React.createElement("button", { type: "button", disabled: busy || loginServerUrl.trim() === "" || email.trim() === "" || password === "", onClick: () => void signInClient() }, t(busy ? "signingIn" : "startSignIn"))
-                  )
-                ) : null,
-                needsAuthorization ? null : React.createElement(
-                  React.Fragment,
-                  null,
-                  selectedHost === void 0 ? React.createElement(
-                    "section",
-                    { className: "dshRemoteHosts", "aria-label": t("chooseHost") },
-                    React.createElement(
-                      "div",
-                      { className: "dshRemoteSectionHeading" },
-                      React.createElement(
-                        "div",
-                        { className: "dshRemoteSectionTitle" },
-                        React.createElement("strong", null, t("chooseHost")),
-                        status?.hostAuthorizationAvailable ? React.createElement(
-                          "div",
-                          { className: "dshRemoteHostControlToggle" },
-                          React.createElement("span", null, t("allowControlDevice")),
-                          React.createElement("input", {
-                            type: "checkbox",
-                            role: "switch",
-                            disabled: busy,
-                            "aria-label": t("allowControlDevice"),
-                            checked: status.host?.authorized === !0,
-                            onChange: (event) => void setCurrentDeviceControl(event.target.checked)
-                          })
-                        ) : null,
-                        connectedMenu
-                      )
-                    ),
-                    React.createElement("div", {
-                      className: `dshRemoteHostList${connectingHost === void 0 ? "" : " isCollapsed"}`,
-                      "aria-busy": connectingHost === void 0 ? void 0 : !0
-                    }, listedHosts.length === 0 ? React.createElement("p", null, t(busy ? "checkingConnection" : "noRemoteHosts")) : listedHosts.map((device) => React.createElement(
-                      "button",
-                      {
-                        type: "button",
-                        key: device.deviceId,
-                        disabled: busy || !device.online,
-                        "aria-current": connectingHost?.deviceId === device.deviceId ? "true" : void 0,
-                        onClick: () => void selectHost(device)
-                      },
+                      title: t("addRemoteWorkspace"),
+                      "aria-label": t("addRemoteWorkspace"),
+                      onClick: () => startAddingWorkspace("harness")
+                    }, React.createElement("svg", {
+                      className: "dshRemoteAddWorkspaceIcon",
+                      viewBox: "0 0 16 16",
+                      "aria-hidden": !0,
+                      focusable: !1
+                    }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })))
+                  ),
+                  addingWorkspace ? React.createElement(
+                    "div",
+                    { className: "dshRemoteFolderBrowser" },
+                    directory === void 0 ? React.createElement("p", null, t("loadingDirectory")) : React.createElement(
+                      React.Fragment,
+                      null,
                       React.createElement(
-                        "span",
-                        null,
-                        React.createElement("strong", null, device.name),
-                        React.createElement("small", null, [
-                          formatPlatform(device.platform),
-                          device.harnessVersion === void 0 ? void 0 : t("harnessVersion", { version: device.harnessVersion }),
-                          device.clientVersion === void 0 ? void 0 : t("pluginVersion", { version: device.clientVersion })
-                        ].filter(Boolean).join(" \xB7 "))
+                        "nav",
+                        { className: "dshRemoteCrumbs", "aria-label": t("currentDirectory") },
+                        directory.crumbs.map((crumb) => React.createElement("button", {
+                          type: "button",
+                          key: crumb.path,
+                          disabled: busy || crumb.path === directory.path,
+                          onClick: () => void browseDirectory(crumb.path)
+                        }, crumb.path === directory.home ? "\u2302" : crumb.name))
                       ),
-                      React.createElement("small", null, t(device.online ? "online" : "offline"))
-                    )))
-                  ) : null,
-                  React.createElement(RemoteProgressView, { progress, t }),
-                  selectedHost === void 0 ? connectingHost === void 0 ? React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement("p", { className: "dshRemoteHint" }, t("selectHostHint")),
-                    React.createElement(
-                      "footer",
-                      { className: "dshRemoteAccountFooter" },
-                      React.createElement("span", null, status?.host?.account ?? t("account")),
-                      React.createElement("button", {
+                      React.createElement("div", { className: "dshRemoteFolderList" }, directory.entries.filter((entry) => !entry.hidden).length === 0 ? React.createElement("p", null, t("emptyDirectory")) : directory.entries.filter((entry) => !entry.hidden).map((entry) => React.createElement("button", {
                         type: "button",
-                        className: "dshRemoteAccountExit",
+                        key: entry.path,
                         disabled: busy,
-                        onClick: () => void logoutRemote()
-                      }, t("exitRemoteAccount"))
+                        onClick: () => void browseDirectory(entry.path)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u25B1"), React.createElement("span", null, entry.name)))),
+                      directory.truncated ? React.createElement("small", null, t("directoryTruncated")) : null
                     )
-                  ) : null : React.createElement(
-                    "section",
-                    { className: "dshRemoteBrowser", "aria-label": t("chooseDirectory") },
+                  ) : React.createElement(
+                    React.Fragment,
+                    null,
                     React.createElement(
                       "div",
-                      { className: "dshRemoteSectionHeading dshRemoteWorkspaceHeading" },
-                      React.createElement("strong", null, t(addingWorkspace ? workspaceBackend === "codex" ? "addCodexWorkspace" : workspaceBackend === "cursor" ? "addCursorWorkspace" : workspaceBackend === "antigravity" ? "addAntigravityWorkspace" : "addRemoteWorkspace" : "existingWorkspaces")),
-                      addingWorkspace ? React.createElement("button", {
-                        type: "button",
-                        className: "dshRemoteCancelWorkspace",
-                        disabled: busy,
-                        onClick: cancelAddingWorkspace
-                      }, t("cancelAddWorkspace")) : React.createElement("button", {
-                        type: "button",
-                        className: "dshRemoteAddWorkspace",
-                        disabled: busy,
-                        title: t("addRemoteWorkspace"),
-                        "aria-label": t("addRemoteWorkspace"),
-                        onClick: () => startAddingWorkspace("harness")
-                      }, React.createElement("svg", {
-                        className: "dshRemoteAddWorkspaceIcon",
-                        viewBox: "0 0 16 16",
-                        "aria-hidden": !0,
-                        focusable: !1
-                      }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })))
-                    ),
-                    addingWorkspace ? React.createElement(
-                      "div",
-                      { className: "dshRemoteFolderBrowser" },
-                      directory === void 0 ? React.createElement("p", null, t("loadingDirectory")) : React.createElement(
-                        React.Fragment,
-                        null,
-                        React.createElement(
-                          "nav",
-                          { className: "dshRemoteCrumbs", "aria-label": t("currentDirectory") },
-                          directory.crumbs.map((crumb) => React.createElement("button", {
-                            type: "button",
-                            key: crumb.path,
-                            disabled: busy || crumb.path === directory.path,
-                            onClick: () => void browseDirectory(crumb.path)
-                          }, crumb.path === directory.home ? "\u2302" : crumb.name))
-                        ),
-                        React.createElement("div", { className: "dshRemoteFolderList" }, directory.entries.filter((entry) => !entry.hidden).length === 0 ? React.createElement("p", null, t("emptyDirectory")) : directory.entries.filter((entry) => !entry.hidden).map((entry) => React.createElement("button", {
-                          type: "button",
-                          key: entry.path,
-                          disabled: busy,
-                          onClick: () => void browseDirectory(entry.path)
-                        }, React.createElement("span", { "aria-hidden": !0 }, "\u25B1"), React.createElement("span", null, entry.name)))),
-                        directory.truncated ? React.createElement("small", null, t("directoryTruncated")) : null
-                      )
-                    ) : React.createElement(
-                      React.Fragment,
-                      null,
+                      { className: "dshRemoteWorkspaceLists" },
                       React.createElement(
                         "div",
-                        { className: "dshRemoteWorkspaceLists" },
-                        React.createElement(
-                          "div",
-                          { id: workspaceListId, className: "dshRemoteDirectoryList" },
-                          workspaces.length === 0 ? React.createElement("p", null, t("noRemoteWorkspaces")) : visibleWorkspaces.map((workspace) => React.createElement(
-                            "button",
-                            {
-                              type: "button",
-                              key: workspace.workspaceId,
-                              disabled: busy,
-                              className: workspaceBackend === "harness" && path === workspace.path ? "isSelected" : "",
-                              "aria-pressed": workspaceBackend === "harness" && path === workspace.path,
-                              onClick: () => {
-                                setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
-                              },
-                              onDoubleClick: () => void openWorkspace({ backend: "harness", path: workspace.path })
-                            },
-                            React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
-                            React.createElement("span", null, workspace.title),
-                            React.createElement("small", null, workspace.path)
-                          )),
-                          workspaces.length <= 3 || showAllWorkspaces ? null : React.createElement("button", {
-                            type: "button",
-                            className: "dshRemoteWorkspaceMore",
-                            disabled: busy,
-                            "aria-controls": workspaceListId,
-                            "aria-label": t("showAllWorkspaces"),
-                            onClick: () => setShowAllWorkspaces(!0)
-                          }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
-                        )
-                      ),
-                      codexAvailable ? React.createElement(
-                        "section",
-                        { className: "dshRemoteCodexWorkspaceGroup" },
-                        React.createElement(
-                          "div",
-                          {
-                            id: codexWorkspaceHeadingId,
-                            className: "dshRemoteWorkspaceSourceHeading"
-                          },
-                          React.createElement(
-                            "span",
-                            { className: "dshRemoteWorkspaceSourceText" },
-                            React.createElement("strong", null, t("codexVirtualWorkspace"))
-                          ),
-                          codexAvailable ? React.createElement("button", {
-                            type: "button",
-                            className: "dshRemoteAddWorkspace",
-                            disabled: busy,
-                            title: t("addCodexWorkspace"),
-                            "aria-label": t("addCodexWorkspace"),
-                            onClick: () => startAddingWorkspace("codex")
-                          }, React.createElement("svg", {
-                            className: "dshRemoteAddWorkspaceIcon",
-                            viewBox: "0 0 16 16",
-                            "aria-hidden": !0,
-                            focusable: !1
-                          }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
-                        ),
-                        React.createElement("div", {
-                          id: codexWorkspaceListId,
-                          className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
-                          "aria-labelledby": codexWorkspaceHeadingId
-                        }, visibleCodexWorkspaces.length === 0 ? React.createElement("p", null, t("noCodexWorkspaces")) : visibleCodexWorkspaces.map((workspace) => React.createElement(
+                        { id: workspaceListId, className: "dshRemoteDirectoryList" },
+                        workspaces.length === 0 ? React.createElement("p", null, t("noRemoteWorkspaces")) : visibleWorkspaces.map((workspace) => React.createElement(
                           "button",
                           {
                             type: "button",
                             key: workspace.workspaceId,
                             disabled: busy,
-                            className: workspaceBackend === "codex" && codexWorkspaceId === workspace.workspaceId ? "isSelected" : "",
-                            "aria-pressed": workspaceBackend === "codex" && codexWorkspaceId === workspace.workspaceId,
+                            className: workspaceBackend === "harness" && path === workspace.path ? "isSelected" : "",
+                            "aria-pressed": workspaceBackend === "harness" && path === workspace.path,
                             onClick: () => {
-                              setWorkspaceBackend("codex"), setCodexWorkspaceId(workspace.workspaceId), setCursorWorkspaceId(void 0), setPath(workspace.path);
+                              setWorkspaceBackend("harness"), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
                             },
-                            onDoubleClick: () => void openWorkspace({
-                              backend: "codex",
-                              path: workspace.path,
-                              workspaceId: workspace.workspaceId
-                            })
+                            onDoubleClick: () => void openWorkspace({ backend: "harness", path: workspace.path })
                           },
-                          React.createElement("img", { className: "dshRemoteWorkspaceIcon isGpt", src: gptWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                          React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
                           React.createElement("span", null, workspace.title),
-                          React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
-                        ))),
-                        codexWorkspaces.length <= 3 || showAllCodexWorkspaces ? null : React.createElement("button", {
+                          React.createElement("small", null, workspace.path)
+                        )),
+                        workspaces.length <= 3 || showAllWorkspaces ? null : React.createElement("button", {
                           type: "button",
                           className: "dshRemoteWorkspaceMore",
                           disabled: busy,
-                          "aria-controls": codexWorkspaceListId,
-                          "aria-label": t("showAllCodexWorkspaces"),
-                          onClick: () => setShowAllCodexWorkspaces(!0)
+                          "aria-controls": workspaceListId,
+                          "aria-label": t("showAllWorkspaces"),
+                          onClick: () => setShowAllWorkspaces(!0)
                         }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
-                      ) : null,
-                      cursorAvailable ? React.createElement(
-                        "section",
-                        { className: "dshRemoteCodexWorkspaceGroup" },
+                      )
+                    ),
+                    codexAvailable ? React.createElement(
+                      "section",
+                      { className: "dshRemoteCodexWorkspaceGroup" },
+                      React.createElement(
+                        "div",
+                        {
+                          id: codexWorkspaceHeadingId,
+                          className: "dshRemoteWorkspaceSourceHeading"
+                        },
                         React.createElement(
-                          "div",
-                          {
-                            id: cursorWorkspaceHeadingId,
-                            className: "dshRemoteWorkspaceSourceHeading"
-                          },
-                          React.createElement(
-                            "span",
-                            { className: "dshRemoteWorkspaceSourceText" },
-                            React.createElement("strong", null, t("cursorVirtualWorkspace"))
-                          ),
-                          cursorAvailable ? React.createElement("button", {
-                            type: "button",
-                            className: "dshRemoteAddWorkspace",
-                            disabled: busy,
-                            title: t("addCursorWorkspace"),
-                            "aria-label": t("addCursorWorkspace"),
-                            onClick: () => startAddingWorkspace("cursor")
-                          }, React.createElement("svg", {
-                            className: "dshRemoteAddWorkspaceIcon",
-                            viewBox: "0 0 16 16",
-                            "aria-hidden": !0,
-                            focusable: !1
-                          }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                          "span",
+                          { className: "dshRemoteWorkspaceSourceText" },
+                          React.createElement("strong", null, t("codexVirtualWorkspace"))
                         ),
-                        React.createElement("div", {
-                          id: cursorWorkspaceListId,
-                          className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
-                          "aria-labelledby": cursorWorkspaceHeadingId
-                        }, visibleCursorWorkspaces.length === 0 ? React.createElement("p", null, t("noCursorWorkspaces")) : visibleCursorWorkspaces.map((workspace) => React.createElement(
-                          "button",
-                          {
-                            type: "button",
-                            key: workspace.workspaceId,
-                            disabled: busy,
-                            className: workspaceBackend === "cursor" && cursorWorkspaceId === workspace.workspaceId ? "isSelected" : "",
-                            "aria-pressed": workspaceBackend === "cursor" && cursorWorkspaceId === workspace.workspaceId,
-                            onClick: () => {
-                              setWorkspaceBackend("cursor"), setCursorWorkspaceId(workspace.workspaceId), setCodexWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPath(workspace.path);
-                            },
-                            onDoubleClick: () => void openWorkspace({
-                              backend: "cursor",
-                              path: workspace.path,
-                              workspaceId: workspace.workspaceId
-                            })
+                        codexAvailable ? React.createElement("button", {
+                          type: "button",
+                          className: "dshRemoteAddWorkspace",
+                          disabled: busy,
+                          title: t("addCodexWorkspace"),
+                          "aria-label": t("addCodexWorkspace"),
+                          onClick: () => startAddingWorkspace("codex")
+                        }, React.createElement("svg", {
+                          className: "dshRemoteAddWorkspaceIcon",
+                          viewBox: "0 0 16 16",
+                          "aria-hidden": !0,
+                          focusable: !1
+                        }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                      ),
+                      React.createElement("div", {
+                        id: codexWorkspaceListId,
+                        className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
+                        "aria-labelledby": codexWorkspaceHeadingId
+                      }, visibleCodexWorkspaces.length === 0 ? React.createElement("p", null, t("noCodexWorkspaces")) : visibleCodexWorkspaces.map((workspace) => React.createElement(
+                        "button",
+                        {
+                          type: "button",
+                          key: workspace.workspaceId,
+                          disabled: busy,
+                          className: workspaceBackend === "codex" && codexWorkspaceId === workspace.workspaceId ? "isSelected" : "",
+                          "aria-pressed": workspaceBackend === "codex" && codexWorkspaceId === workspace.workspaceId,
+                          onClick: () => {
+                            setWorkspaceBackend("codex"), setCodexWorkspaceId(workspace.workspaceId), setCursorWorkspaceId(void 0), setPath(workspace.path);
                           },
-                          React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
-                          React.createElement("span", null, workspace.title),
-                          React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
-                        ))),
-                        cursorWorkspaces.length <= 3 || showAllCursorWorkspaces ? null : React.createElement("button", {
+                          onDoubleClick: () => void openWorkspace({
+                            backend: "codex",
+                            path: workspace.path,
+                            workspaceId: workspace.workspaceId
+                          })
+                        },
+                        React.createElement("img", { className: "dshRemoteWorkspaceIcon isGpt", src: gptWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                        React.createElement("span", null, workspace.title),
+                        React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
+                      ))),
+                      codexWorkspaces.length <= 3 || showAllCodexWorkspaces ? null : React.createElement("button", {
+                        type: "button",
+                        className: "dshRemoteWorkspaceMore",
+                        disabled: busy,
+                        "aria-controls": codexWorkspaceListId,
+                        "aria-label": t("showAllCodexWorkspaces"),
+                        onClick: () => setShowAllCodexWorkspaces(!0)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
+                    ) : null,
+                    cursorAvailable ? React.createElement(
+                      "section",
+                      { className: "dshRemoteCodexWorkspaceGroup" },
+                      React.createElement(
+                        "div",
+                        {
+                          id: cursorWorkspaceHeadingId,
+                          className: "dshRemoteWorkspaceSourceHeading"
+                        },
+                        React.createElement(
+                          "span",
+                          { className: "dshRemoteWorkspaceSourceText" },
+                          React.createElement("strong", null, t("cursorVirtualWorkspace"))
+                        ),
+                        cursorAvailable ? React.createElement("button", {
                           type: "button",
-                          className: "dshRemoteWorkspaceMore",
+                          className: "dshRemoteAddWorkspace",
                           disabled: busy,
-                          "aria-controls": cursorWorkspaceListId,
-                          "aria-label": t("showAllCursorWorkspaces"),
-                          onClick: () => setShowAllCursorWorkspaces(!0)
-                        }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
-                      ) : null,
-                      antigravityAvailable ? React.createElement(
-                        "section",
-                        { className: "dshRemoteCodexWorkspaceGroup" },
+                          title: t("addCursorWorkspace"),
+                          "aria-label": t("addCursorWorkspace"),
+                          onClick: () => startAddingWorkspace("cursor")
+                        }, React.createElement("svg", {
+                          className: "dshRemoteAddWorkspaceIcon",
+                          viewBox: "0 0 16 16",
+                          "aria-hidden": !0,
+                          focusable: !1
+                        }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                      ),
+                      React.createElement("div", {
+                        id: cursorWorkspaceListId,
+                        className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
+                        "aria-labelledby": cursorWorkspaceHeadingId
+                      }, visibleCursorWorkspaces.length === 0 ? React.createElement("p", null, t("noCursorWorkspaces")) : visibleCursorWorkspaces.map((workspace) => React.createElement(
+                        "button",
+                        {
+                          type: "button",
+                          key: workspace.workspaceId,
+                          disabled: busy,
+                          className: workspaceBackend === "cursor" && cursorWorkspaceId === workspace.workspaceId ? "isSelected" : "",
+                          "aria-pressed": workspaceBackend === "cursor" && cursorWorkspaceId === workspace.workspaceId,
+                          onClick: () => {
+                            setWorkspaceBackend("cursor"), setCursorWorkspaceId(workspace.workspaceId), setCodexWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setPiWorkspaceId(void 0), setPath(workspace.path);
+                          },
+                          onDoubleClick: () => void openWorkspace({
+                            backend: "cursor",
+                            path: workspace.path,
+                            workspaceId: workspace.workspaceId
+                          })
+                        },
+                        React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                        React.createElement("span", null, workspace.title),
+                        React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
+                      ))),
+                      cursorWorkspaces.length <= 3 || showAllCursorWorkspaces ? null : React.createElement("button", {
+                        type: "button",
+                        className: "dshRemoteWorkspaceMore",
+                        disabled: busy,
+                        "aria-controls": cursorWorkspaceListId,
+                        "aria-label": t("showAllCursorWorkspaces"),
+                        onClick: () => setShowAllCursorWorkspaces(!0)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
+                    ) : null,
+                    antigravityAvailable ? React.createElement(
+                      "section",
+                      { className: "dshRemoteCodexWorkspaceGroup" },
+                      React.createElement(
+                        "div",
+                        {
+                          id: antigravityWorkspaceHeadingId,
+                          className: "dshRemoteWorkspaceSourceHeading"
+                        },
                         React.createElement(
-                          "div",
-                          {
-                            id: antigravityWorkspaceHeadingId,
-                            className: "dshRemoteWorkspaceSourceHeading"
+                          "span",
+                          { className: "dshRemoteWorkspaceSourceText" },
+                          React.createElement("strong", null, t("antigravityVirtualWorkspace"))
+                        ),
+                        antigravityAvailable ? React.createElement("button", {
+                          type: "button",
+                          className: "dshRemoteAddWorkspace",
+                          disabled: busy,
+                          title: t("addAntigravityWorkspace"),
+                          "aria-label": t("addAntigravityWorkspace"),
+                          onClick: () => startAddingWorkspace("antigravity")
+                        }, React.createElement("svg", {
+                          className: "dshRemoteAddWorkspaceIcon",
+                          viewBox: "0 0 16 16",
+                          "aria-hidden": !0,
+                          focusable: !1
+                        }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                      ),
+                      React.createElement("div", {
+                        id: antigravityWorkspaceListId,
+                        className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
+                        "aria-labelledby": antigravityWorkspaceHeadingId
+                      }, visibleAntigravityWorkspaces.length === 0 ? React.createElement("p", null, t("noAntigravityWorkspaces")) : visibleAntigravityWorkspaces.map((workspace) => React.createElement(
+                        "button",
+                        {
+                          type: "button",
+                          key: workspace.workspaceId,
+                          disabled: busy,
+                          className: workspaceBackend === "antigravity" && antigravityWorkspaceId === workspace.workspaceId ? "isSelected" : "",
+                          "aria-pressed": workspaceBackend === "antigravity" && antigravityWorkspaceId === workspace.workspaceId,
+                          onClick: () => {
+                            setWorkspaceBackend("antigravity"), setAntigravityWorkspaceId(workspace.workspaceId), setPiWorkspaceId(void 0), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
                           },
-                          React.createElement(
-                            "span",
-                            { className: "dshRemoteWorkspaceSourceText" },
-                            React.createElement("strong", null, t("antigravityVirtualWorkspace"))
-                          ),
-                          antigravityAvailable ? React.createElement("button", {
-                            type: "button",
-                            className: "dshRemoteAddWorkspace",
-                            disabled: busy,
-                            title: t("addAntigravityWorkspace"),
-                            "aria-label": t("addAntigravityWorkspace"),
-                            onClick: () => startAddingWorkspace("antigravity")
-                          }, React.createElement("svg", {
-                            className: "dshRemoteAddWorkspaceIcon",
-                            viewBox: "0 0 16 16",
-                            "aria-hidden": !0,
-                            focusable: !1
-                          }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                          onDoubleClick: () => void openWorkspace({
+                            backend: "antigravity",
+                            path: workspace.path,
+                            workspaceId: workspace.workspaceId
+                          })
+                        },
+                        React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                        React.createElement("span", null, workspace.title),
+                        React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
+                      ))),
+                      antigravityWorkspaces.length <= 3 || showAllAntigravityWorkspaces ? null : React.createElement("button", {
+                        type: "button",
+                        className: "dshRemoteWorkspaceMore",
+                        disabled: busy,
+                        "aria-controls": antigravityWorkspaceListId,
+                        "aria-label": t("showAllAntigravityWorkspaces"),
+                        onClick: () => setShowAllAntigravityWorkspaces(!0)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
+                    ) : null,
+                    piAvailable ? React.createElement(
+                      "section",
+                      { className: "dshRemoteCodexWorkspaceGroup" },
+                      React.createElement(
+                        "div",
+                        {
+                          id: piWorkspaceHeadingId,
+                          className: "dshRemoteWorkspaceSourceHeading"
+                        },
+                        React.createElement(
+                          "span",
+                          { className: "dshRemoteWorkspaceSourceText" },
+                          React.createElement("strong", null, t("piVirtualWorkspace"))
                         ),
-                        React.createElement("div", {
-                          id: antigravityWorkspaceListId,
-                          className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
-                          "aria-labelledby": antigravityWorkspaceHeadingId
-                        }, visibleAntigravityWorkspaces.length === 0 ? React.createElement("p", null, t("noAntigravityWorkspaces")) : visibleAntigravityWorkspaces.map((workspace) => React.createElement(
-                          "button",
-                          {
-                            type: "button",
-                            key: workspace.workspaceId,
-                            disabled: busy,
-                            className: workspaceBackend === "antigravity" && antigravityWorkspaceId === workspace.workspaceId ? "isSelected" : "",
-                            "aria-pressed": workspaceBackend === "antigravity" && antigravityWorkspaceId === workspace.workspaceId,
-                            onClick: () => {
-                              setWorkspaceBackend("antigravity"), setAntigravityWorkspaceId(workspace.workspaceId), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
-                            },
-                            onDoubleClick: () => void openWorkspace({
-                              backend: "antigravity",
-                              path: workspace.path,
-                              workspaceId: workspace.workspaceId
-                            })
+                        piAvailable ? React.createElement("button", {
+                          type: "button",
+                          className: "dshRemoteAddWorkspace",
+                          disabled: busy,
+                          title: t("addPiWorkspace"),
+                          "aria-label": t("addPiWorkspace"),
+                          onClick: () => startAddingWorkspace("pi")
+                        }, React.createElement("svg", {
+                          className: "dshRemoteAddWorkspaceIcon",
+                          viewBox: "0 0 16 16",
+                          "aria-hidden": !0,
+                          focusable: !1
+                        }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }))) : null
+                      ),
+                      React.createElement("div", {
+                        id: piWorkspaceListId,
+                        className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
+                        "aria-labelledby": piWorkspaceHeadingId
+                      }, visiblePiWorkspaces.length === 0 ? React.createElement("p", null, t("noPiWorkspaces")) : visiblePiWorkspaces.map((workspace) => React.createElement(
+                        "button",
+                        {
+                          type: "button",
+                          key: workspace.workspaceId,
+                          disabled: busy,
+                          className: workspaceBackend === "pi" && piWorkspaceId === workspace.workspaceId ? "isSelected" : "",
+                          "aria-pressed": workspaceBackend === "pi" && piWorkspaceId === workspace.workspaceId,
+                          onClick: () => {
+                            setWorkspaceBackend("pi"), setPiWorkspaceId(workspace.workspaceId), setAntigravityWorkspaceId(void 0), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
                           },
-                          React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
-                          React.createElement("span", null, workspace.title),
-                          React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
-                        ))),
-                        antigravityWorkspaces.length <= 3 || showAllAntigravityWorkspaces ? null : React.createElement("button", {
+                          onDoubleClick: () => void openWorkspace({
+                            backend: "pi",
+                            path: workspace.path,
+                            workspaceId: workspace.workspaceId
+                          })
+                        },
+                        React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                        React.createElement("span", null, workspace.title),
+                        React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
+                      ))),
+                      piWorkspaces.length <= 3 || showAllPiWorkspaces ? null : React.createElement("button", {
+                        type: "button",
+                        className: "dshRemoteWorkspaceMore",
+                        disabled: busy,
+                        "aria-controls": piWorkspaceListId,
+                        "aria-label": t("showAllPiWorkspaces"),
+                        onClick: () => setShowAllPiWorkspaces(!0)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
+                    ) : null,
+                    opencodeAvailable ? React.createElement(
+                      "section",
+                      { className: "dshRemoteCodexWorkspaceGroup" },
+                      React.createElement(
+                        "div",
+                        {
+                          id: opencodeWorkspaceHeadingId,
+                          className: "dshRemoteWorkspaceSourceHeading"
+                        },
+                        React.createElement("span", { className: "dshRemoteWorkspaceSourceText" }, React.createElement("strong", null, t("opencodeVirtualWorkspace"))),
+                        React.createElement("button", {
                           type: "button",
-                          className: "dshRemoteWorkspaceMore",
+                          className: "dshRemoteAddWorkspace",
                           disabled: busy,
-                          "aria-controls": antigravityWorkspaceListId,
-                          "aria-label": t("showAllAntigravityWorkspaces"),
-                          onClick: () => setShowAllAntigravityWorkspaces(!0)
-                        }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
-                      ) : null
-                    ),
-                    React.createElement(
-                      "footer",
-                      { className: "dshRemoteOpenBar" },
-                      React.createElement("div", null, React.createElement("span", null, t("currentDirectory")), React.createElement("strong", null, path || "\u2014")),
-                      React.createElement("button", {
+                          title: t("addOpencodeWorkspace"),
+                          "aria-label": t("addOpencodeWorkspace"),
+                          onClick: () => startAddingWorkspace("opencode")
+                        }, React.createElement("svg", {
+                          className: "dshRemoteAddWorkspaceIcon",
+                          viewBox: "0 0 16 16",
+                          "aria-hidden": !0,
+                          focusable: !1
+                        }, React.createElement("path", { d: "M8 3v10M3 8h10", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" })))
+                      ),
+                      React.createElement("div", {
+                        id: opencodeWorkspaceListId,
+                        className: "dshRemoteDirectoryList dshRemoteCodexWorkspaceList",
+                        "aria-labelledby": opencodeWorkspaceHeadingId
+                      }, visibleOpencodeWorkspaces.length === 0 ? React.createElement("p", null, t("noOpencodeWorkspaces")) : visibleOpencodeWorkspaces.map((workspace) => React.createElement(
+                        "button",
+                        {
+                          type: "button",
+                          key: workspace.workspaceId,
+                          disabled: busy,
+                          className: workspaceBackend === "opencode" && opencodeWorkspaceId === workspace.workspaceId ? "isSelected" : "",
+                          "aria-pressed": workspaceBackend === "opencode" && opencodeWorkspaceId === workspace.workspaceId,
+                          onClick: () => {
+                            setWorkspaceBackend("opencode"), setOpencodeWorkspaceId(workspace.workspaceId), setPiWorkspaceId(void 0), setAntigravityWorkspaceId(void 0), setCodexWorkspaceId(void 0), setCursorWorkspaceId(void 0), setPath(workspace.path);
+                          },
+                          onDoubleClick: () => void openWorkspace({
+                            backend: "opencode",
+                            path: workspace.path,
+                            workspaceId: workspace.workspaceId
+                          })
+                        },
+                        React.createElement("img", { className: "dshRemoteWorkspaceIcon", src: deepSeekWorkspaceIcon, alt: "", "aria-hidden": !0 }),
+                        React.createElement("span", null, workspace.title),
+                        React.createElement("small", null, `${workspace.path} \xB7 ${workspace.sessionCount}`)
+                      ))),
+                      opencodeWorkspaces.length <= 3 || showAllOpencodeWorkspaces ? null : React.createElement("button", {
                         type: "button",
-                        disabled: busy || path.trim() === "" || !addingWorkspace && workspaceBackend === "codex" && codexWorkspaceId === void 0 || !addingWorkspace && workspaceBackend === "cursor" && cursorWorkspaceId === void 0 && path === "" || !addingWorkspace && workspaceBackend === "antigravity" && antigravityWorkspaceId === void 0 && path === "",
-                        onClick: () => void openWorkspace()
-                      }, t(busy ? "openingWorkspace" : addingWorkspace ? "confirmAddWorkspace" : "openWorkspace"))
-                    )
+                        className: "dshRemoteWorkspaceMore",
+                        disabled: busy,
+                        "aria-controls": opencodeWorkspaceListId,
+                        "aria-label": t("showAllOpencodeWorkspaces"),
+                        onClick: () => setShowAllOpencodeWorkspaces(!0)
+                      }, React.createElement("span", { "aria-hidden": !0 }, "\u2026"))
+                    ) : null
+                  ),
+                  React.createElement(
+                    "footer",
+                    { className: "dshRemoteOpenBar" },
+                    React.createElement("div", null, React.createElement("span", null, t("currentDirectory")), React.createElement("strong", null, path || "\u2014")),
+                    React.createElement("button", {
+                      type: "button",
+                      disabled: busy || path.trim() === "" || !addingWorkspace && workspaceBackend === "codex" && codexWorkspaceId === void 0 || !addingWorkspace && workspaceBackend === "cursor" && cursorWorkspaceId === void 0 && path === "" || !addingWorkspace && workspaceBackend === "antigravity" && antigravityWorkspaceId === void 0 && path === "" || !addingWorkspace && workspaceBackend === "pi" && piWorkspaceId === void 0 && path === "" || !addingWorkspace && workspaceBackend === "opencode" && opencodeWorkspaceId === void 0 && path === "",
+                      onClick: () => void openWorkspace()
+                    }, t(busy ? "openingWorkspace" : addingWorkspace ? "confirmAddWorkspace" : "openWorkspace"))
                   )
                 )
-              ),
-              notice === void 0 ? null : React.createElement("p", { className: "dshRemoteNotice", role: "status" }, notice),
-              error === void 0 ? null : React.createElement("p", { className: "dshRemoteError", role: "alert" }, error)
-            )
-          )) : null
-        );
+              )
+            ),
+            notice === void 0 ? null : React.createElement("p", { className: "dshRemoteNotice", role: "status" }, notice),
+            error === void 0 ? null : React.createElement("p", { className: "dshRemoteError", role: "alert" }, error)
+          )
+        )) : null
+      );
+    }
+    return RemoteWorkspaceAction;
+  }
+
+  // src/control-route.ts
+  var CONTROL_RPC_PREFIX = "/ds-harness-remote", STATUS_STREAM_ENDPOINT = "status.events", STATUS_STREAM_PATH = `${CONTROL_RPC_PREFIX}/${STATUS_STREAM_ENDPOINT}`;
+
+  // src/plugin-route-client.ts
+  var PluginRouteFailure = class extends Error {
+    constructor(code, message) {
+      super(message);
+      this.code = code;
+    }
+  };
+  function createPluginRouteFetch(original, baseUrl, options = {}) {
+    let routeUrl = new URL("api/bot", baseUrl), nextRpcId = 0, control = async (method, payload, signal) => {
+      let rpcId = `plugin-route-${++nextRpcId}`, response = await original(new URL(`${CONTROL_RPC_PREFIX.slice(1)}/${method}`, baseUrl), {
+        method: "POST",
+        credentials: "same-origin",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ type: "client-request", rpcId, method, payload }),
+        signal
+      });
+      if (!response.ok) throw new PluginRouteFailure("remote-plugin/control-unavailable", `The local Remote control request failed (HTTP ${response.status}). Reload the Remote plugin.`);
+      let envelope = await response.json();
+      if (!isRecord(envelope) || envelope.type !== "server-response" || envelope.rpcId !== rpcId || !isRecord(envelope.result))
+        throw new PluginRouteFailure("remote-plugin/control-invalid", "The local Remote control response is invalid. Reload the Remote plugin.");
+      if (envelope.result.ok !== !0) {
+        let error = isRecord(envelope.result.error) ? envelope.result.error : void 0, code = (isRecord(error?.details) ? error.details : void 0)?.remoteCode ?? error?.code;
+        throw code === "FEATURE_NOT_SUPPORTED" || code === "METHOD_NOT_FOUND" ? new PluginRouteFailure("remote-plugin/host-unsupported", "The selected Host does not support plugin route forwarding. Update and reload Remote on the Host, then reconnect.") : code === "REMOTE_NOT_CONNECTED" || code === "TRANSPORT_CLOSED" ? new PluginRouteFailure("remote-plugin/disconnected", "The Remote Host is disconnected. Reconnect to load DS Bot.") : code === "INVALID_MESSAGE" ? new PluginRouteFailure("remote-plugin/operation-not-allowed", "This DS Bot operation is not allowed over Remote. Use the Host locally.") : new PluginRouteFailure("remote-plugin/control-rejected", "The Remote plugin route request was rejected by the control channel.");
+      }
+      return envelope.result.value;
+    };
+    return async (input, init) => {
+      let requestUrl = new URL(input instanceof Request ? input.url : String(input), baseUrl);
+      if ((init?.method ?? (input instanceof Request ? input.method : "GET")).toUpperCase() !== "POST" || requestUrl.href !== routeUrl.href) return original(input, init);
+      let lifetime = (init?.signal !== void 0 ? init.signal ?? void 0 : input instanceof Request ? input.signal : void 0) ?? AbortSignal.timeout(45e3);
+      try {
+        lifetime.throwIfAborted();
+        let status = await control("status", {}, AbortSignal.any([lifetime, AbortSignal.timeout(1e4)]));
+        if (lifetime.throwIfAborted(), !isRecord(status)) throw new PluginRouteFailure("remote-plugin/authority-unavailable", "The Remote plugin route authority is unavailable.");
+        if (status.mode === "local") return original(input, init);
+        if (status.mode !== "remote") throw new PluginRouteFailure("remote-plugin/authority-unavailable", "The Remote plugin route authority is unavailable.");
+        if (status.connected !== !0) throw new PluginRouteFailure("remote-plugin/disconnected", "The Remote Host is disconnected. Reconnect to load DS Bot.");
+        if (!isRecord(status.remoteFeatures) || status.remoteFeatures.pluginRoute !== !0) throw new PluginRouteFailure("remote-plugin/host-unsupported", "The selected Host does not support plugin route forwarding. Update and reload Remote on the Host, then reconnect.");
+        if (status.backend !== void 0 && status.backend !== "harness") throw new PluginRouteFailure("remote-plugin/backend-unsupported", "DS Bot requires the Remote Harness catalog. Select a Harness workspace on this Host.");
+        let body = await (input instanceof Request ? new Request(input, init) : new Request(requestUrl, init)).clone().json();
+        if (!isRecord(body)) throw new Error("The plugin route body must be a JSON object.");
+        let result = await control("plugin.route", { route: "api/bot", body }, lifetime);
+        if (!isRecord(result) || !Number.isInteger(result.status) || result.status < 200 || result.status > 599)
+          throw new Error("The plugin route response is invalid.");
+        let statusCode = result.status;
+        if (statusCode === 404) throw new PluginRouteFailure("remote-plugin/bot-not-loaded", "The Host has no DS Bot route. Enable ds-bot in the same DSH instance/profile as the connected Host.");
+        if (statusCode === 503) throw new PluginRouteFailure("remote-plugin/host-carrier-unavailable", "The Host plugin route carrier is unavailable. Update and reload Remote on the Host.");
+        if (statusCode >= 200 && statusCode < 300 && options.beforeResponse !== void 0)
+          try {
+            await waitWithSignal(options.beforeResponse(status, body, result.json, lifetime), lifetime);
+          } catch {
+            throw lifetime.throwIfAborted(), new PluginRouteFailure("remote-plugin/catalog-unavailable", "The Remote Harness Session catalog is not ready. Reconnect before loading DS Bot.");
+          }
+        return lifetime.throwIfAborted(), new Response([204, 205, 304].includes(statusCode) ? null : JSON.stringify(result.json ?? null), {
+          status: statusCode,
+          headers: { "content-type": "application/json" }
+        });
+      } catch (error) {
+        return lifetime.throwIfAborted(), new Response(JSON.stringify({
+          ok: !1,
+          error: {
+            code: error instanceof PluginRouteFailure ? error.code : "remote-plugin/unavailable",
+            message: error instanceof PluginRouteFailure ? error.message : "The Remote plugin route is unavailable.",
+            details: {}
+          }
+        }), { status: 200, headers: { "content-type": "application/json" } });
+      }
+    };
+  }
+  function createPluginRouteCatalogGuard(readSessions) {
+    return async (_status, body, json, signal) => {
+      if (!isRecord(json) || json.ok !== !0 || !isRecord(json.value)) return;
+      let required = botSessionIds(body.endpoint, json.value);
+      if (required.size === 0) return;
+      let sessions = await readSessions(), containsSessions = () => {
+        let snapshot = sessions.list.getSnapshot(), known = new Set(snapshot.ids);
+        return snapshot.phase === "ready" && [...required].every((id) => known.has(id));
+      };
+      for (let attempt = 0; attempt < 2; attempt++) {
+        if (signal.throwIfAborted(), containsSessions()) return;
+        if (sessions.refresh === void 0) break;
+        await sessions.refresh();
+      }
+      if (signal.throwIfAborted(), !containsSessions()) throw new Error("The Remote Session catalog does not contain the published Sessions.");
+    };
+  }
+  function botSessionIds(endpoint, value) {
+    let ids = /* @__PURE__ */ new Set(), add = (id) => {
+      if (id != null) {
+        if (typeof id != "string" || id.length === 0) throw new Error("Invalid Bot Session identity.");
+        ids.add(id);
+      }
+    }, addArray = (input) => {
+      if (input !== void 0) {
+        if (!Array.isArray(input)) throw new Error("Invalid Bot Session identities.");
+        input.forEach(add);
+      }
+    }, bot = (input) => {
+      if (!isRecord(input)) throw new Error("Invalid Bot catalog entry.");
+      add(input.id), add(input.sessionId), addArray(input.parts), Array.isArray(input.segments) && input.segments.forEach((segment) => {
+        if (!isRecord(segment)) throw new Error("Invalid Bot Session segment.");
+        add(segment.sessionId);
+      });
+    }, room = (input) => {
+      if (!isRecord(input)) throw new Error("Invalid Bot room entry.");
+      add(input.id), addArray(input.parts), isRecord(input.sessions) && Object.values(input.sessions).forEach(add);
+    }, agent = (input) => {
+      if (!isRecord(input)) throw new Error("Invalid Bot agent entry.");
+      addArray(input.sessions);
+    }, roster = () => {
+      for (let [key, visit] of [["bots", bot], ["rooms", room], ["agents", agent]])
+        if (value[key] !== void 0) {
+          if (!Array.isArray(value[key])) throw new Error("Invalid Bot roster.");
+          value[key].forEach(visit);
+        }
+    };
+    switch (endpoint) {
+      case "state":
+      case "delete-bot":
+      case "delete-room":
+      case "set-main":
+      case "remove-agent":
+        roster();
+        break;
+      case "create-bot":
+      case "duplicate-bot":
+      case "update-bot":
+        bot(value);
+        break;
+      case "create-room":
+        room(value);
+        break;
+      case "update-room":
+        room(value.room);
+        break;
+      case "add-agent":
+        agent(value);
+        break;
+      case "agent-session":
+      case "agent-adopt":
+        add(value.sessionId);
+        break;
+      case "set-flags":
+        Array.isArray(value.sessions) ? agent(value) : Array.isArray(value.members) ? room(value) : bot(value);
+        break;
+    }
+    return ids;
+  }
+  function waitWithSignal(pending, signal) {
+    return new Promise((resolve, reject) => {
+      let onAbort = () => reject(signal.reason);
+      signal.addEventListener("abort", onAbort, { once: !0 }), signal.aborted && onAbort(), pending.then(resolve, reject).finally(() => signal.removeEventListener("abort", onAbort));
+    });
+  }
+  function isRecord(value) {
+    return typeof value == "object" && value !== null && !Array.isArray(value);
+  }
+
+  // src/remote-file-content-provider.ts
+  function shouldUseRemoteFileViewer(status) {
+    return status.mode === "remote" && status.remoteFeatures?.fileViewer === !0;
+  }
+  var REMOTE_FILE_SAVE_AS_MAX_BYTES = 100 * 1024 * 1024, REMOTE_FILE_FAST_SAVE_AS_MAX_BYTES = 1024 * 1024 * 1024;
+  function shouldAllowRemoteFileSaveAs(status) {
+    return shouldUseRemoteFileViewer(status) && (status.transport === "LAN" || status.transport === "P2P" || status.transport === "TURN");
+  }
+  function remoteFileSaveAsMaxBytes(status) {
+    return status.transport === "LAN" || status.transport === "P2P" ? REMOTE_FILE_FAST_SAVE_AS_MAX_BYTES : REMOTE_FILE_SAVE_AS_MAX_BYTES;
+  }
+  function createRemoteFileContentProvider(call, options = {}) {
+    return {
+      id: "dsh-remote-files",
+      priority: 1e4,
+      supports: () => !0,
+      saveAsAllowed: () => ({
+        allowed: currentSaveAsAllowed(options.saveAsAllowed),
+        maxBytes: currentSaveAsMaxBytes(options.saveAsMaxBytes)
+      }),
+      async stat(locator, signal) {
+        let value = await call("fileviewer.stat", { path: locator }, signal);
+        if (value.exists)
+          return {
+            name: value.name,
+            size: value.isDirectory ? 0 : value.size,
+            mime: value.mime,
+            mtimeMs: value.mtimeMs,
+            isDirectory: value.isDirectory
+          };
+      },
+      async read(locator, request) {
+        if (!Number.isInteger(request.offset) || request.offset < 0) throw new Error("A non-negative integer offset is required.");
+        if (!Number.isInteger(request.length) || request.length <= 0) throw new Error("A positive integer length is required.");
+        let chunks = [], received = 0;
+        for (; received < request.length; ) {
+          request.signal.throwIfAborted();
+          let length = Math.min(524288, request.length - received), offset = request.offset + received, range = await call("fileviewer.readRange", { path: locator, offset, length }, request.signal);
+          if (range.offset !== offset) throw new Error("The Remote Host returned a mismatched file range.");
+          let bytes = decodeBase64(range.data);
+          if (bytes.byteLength > length) throw new Error("The Remote Host returned more file bytes than requested.");
+          if (chunks.push(bytes), received += bytes.byteLength, range.eof || bytes.byteLength === 0) break;
+        }
+        let merged = new Uint8Array(received), cursor = 0;
+        for (let chunk of chunks)
+          merged.set(chunk, cursor), cursor += chunk.byteLength;
+        return merged;
+      },
+      async list(locator, signal) {
+        return (await call("fileviewer.list", { path: locator }, signal)).entries.map((entry) => ({
+          locator: entry.path,
+          name: entry.name,
+          size: entry.isDirectory ? 0 : entry.size ?? 0,
+          mtimeMs: entry.mtimeMs,
+          isDirectory: entry.isDirectory
+        }));
+      }
+    };
+  }
+  function currentSaveAsAllowed(value) {
+    return typeof value == "function" ? value() : value === !0;
+  }
+  function currentSaveAsMaxBytes(value) {
+    return typeof value == "function" ? value() : value ?? REMOTE_FILE_SAVE_AS_MAX_BYTES;
+  }
+  function decodeBase64(value) {
+    let binary = atob(value), bytes = new Uint8Array(binary.length);
+    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+    return bytes;
+  }
+
+  // src/status-stream.ts
+  function parseStatus(data) {
+    if (typeof data == "string")
+      try {
+        let parsed = JSON.parse(data);
+        return parsed === null || typeof parsed != "object" ? void 0 : parsed;
+      } catch {
+        return;
+      }
+  }
+  function createStatusFeed(options) {
+    let listeners = /* @__PURE__ */ new Set(), pollIntervalMs = options.pollIntervalMs ?? 1500, openTimeoutMs = options.openTimeoutMs ?? 4e3, createSource = options.createSource ?? ((url) => new EventSource(url)), status, source, openTimer, pollTimer, publish = (next) => {
+      status = next;
+      for (let listener of [...listeners]) listener(next);
+    }, teardown = () => {
+      openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0), pollTimer !== void 0 && (clearInterval(pollTimer), pollTimer = void 0), source?.close(), source = void 0;
+    }, poll = () => {
+      options.readStatus().then((next) => {
+        pollTimer !== void 0 && publish(next);
+      }).catch(() => {
+      });
+    }, fallbackToPolling = (reason) => {
+      pollTimer !== void 0 || listeners.size === 0 || (openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0), source?.close(), source = void 0, options.onFallback?.(reason), poll(), pollTimer = setInterval(poll, pollIntervalMs));
+    }, openStream = () => {
+      let opened;
+      try {
+        opened = createSource(options.url);
+      } catch {
+        fallbackToPolling("unsupported");
+        return;
+      }
+      source = opened;
+      let received = !1;
+      openTimer = setTimeout(() => {
+        received || fallbackToPolling("silent");
+      }, openTimeoutMs), opened.onmessage = (event) => {
+        received = !0, openTimer !== void 0 && (clearTimeout(openTimer), openTimer = void 0);
+        let next = parseStatus(event.data);
+        next !== void 0 && publish(next);
+      }, opened.onerror = () => {
+        opened.readyState === 2 && fallbackToPolling("unavailable");
+      };
+    };
+    return {
+      getSnapshot: () => status,
+      subscribe: (listener) => (listeners.add(listener), status !== void 0 && listener(status), listeners.size === 1 && openStream(), () => {
+        listeners.delete(listener), listeners.size === 0 && teardown();
+      }),
+      close: () => {
+        listeners.clear(), teardown();
       }
+    };
+  }
+
+  // src/client.ts
+  var clientModuleId = "ds-harness-remote", controlRouteBackoffStepsMs = [1e3, 2e3, 5e3, 1e4, 3e4], ControlRouteUnavailableError = class extends Error {
+    constructor(message) {
+      super(message), this.name = "ControlRouteUnavailableError";
+    }
+  }, originalPluginFetch = window.fetch, readyPluginSessions, pluginSessions = new Promise((resolve) => {
+    readyPluginSessions = resolve;
+  }), pluginRouteFetch = typeof originalPluginFetch == "function" && typeof document < "u" ? createPluginRouteFetch(originalPluginFetch.bind(window), document.baseURI, {
+    beforeResponse: createPluginRouteCatalogGuard(() => pluginSessions)
+  }) : void 0;
+  pluginRouteFetch !== void 0 && (window.fetch = pluginRouteFetch);
+  function controlRouteUnavailableStatus() {
+    return {
+      mode: "local",
+      available: !1,
+      controlUnavailable: !0,
+      connected: !1,
+      transport: "Disconnected",
+      remoteFeatures: { commandList: !1, fileViewer: !1, terminal: !1, codex: !1, pluginRoute: !1, cursor: !1, antigravity: !1, pi: !1, opencode: !1 },
+      hostAuthorizationAvailable: !1
+    };
+  }
+  window.__ModuleLoader__.load({
+    id: clientModuleId,
+    factory: (require2) => {
+      let module = { exports: {} }, React = require2("react"), RemotePluginOptions = createRemotePluginOptions(React), RemoteWorkspaceAction = createRemoteWorkspaceAction(React), RemoteProgressView = createRemoteProgressView(React), RemoteSessionHeaderAction = createRemoteSessionHeaderAction(React), inject = [
+        "connection",
+        "slots",
+        "locale",
+        "workspaces",
+        "sessions"
+      ];
       function RemoteModeAction(props) {
         let { t } = props, [open, setOpen] = React.useState(!1), [status, setStatus] = React.useState(void 0), [devices, setDevices] = React.useState([]), [hostRegistrationCode, setHostRegistrationCode] = React.useState(""), [email, setEmail] = React.useState(""), [password, setPassword] = React.useState(""), [busy, setBusy] = React.useState(!1), [progress, setProgress] = React.useState(void 0), progressRun = React.useRef(0), [error, setError] = React.useState(void 0), [supported, setSupported] = React.useState(!0), refresh = async () => {
           let [nextStatus, nextDevices] = await Promise.all([
@@ -4133,278 +4625,6 @@ Minimum version required to store current data is: ` + bestVersion + `.
           ) : null
         ) : null;
       }
-      function RemoteSessionHeaderAction(props) {
-        let { t } = props, status = React.useSyncExternalStore(
-          props.statusFeed.subscribe,
-          props.statusFeed.getSnapshot,
-          props.statusFeed.getSnapshot
-        ), [busy, setBusy] = React.useState(!1), [routeOpen, setRouteOpen] = React.useState(!1);
-        if (React.useEffect(() => {
-          if (status?.mode === "remote")
-            return hideLocalSessionActions();
-        }, [status?.mode]), React.useEffect(() => (document.documentElement.classList.toggle(
-          "dshRemoteCodexTargetActive",
-          status?.mode === "remote" && status.backend === "codex"
-        ), document.documentElement.classList.toggle(
-          "dshRemoteCursorTargetActive",
-          status?.mode === "remote" && status.backend === "cursor"
-        ), document.documentElement.classList.toggle(
-          "dshRemoteAntigravityTargetActive",
-          status?.mode === "remote" && status.backend === "antigravity"
-        ), () => {
-          document.documentElement.classList.remove("dshRemoteCodexTargetActive"), document.documentElement.classList.remove("dshRemoteCursorTargetActive"), document.documentElement.classList.remove("dshRemoteAntigravityTargetActive");
-        }), [status?.mode, status?.backend]), React.useEffect(() => {
-          if (!routeOpen) return;
-          let closeOnEscape = (event) => {
-            event.key === "Escape" && setRouteOpen(!1);
-          };
-          return document.addEventListener("keydown", closeOnEscape), () => document.removeEventListener("keydown", closeOnEscape);
-        }, [routeOpen]), status?.mode !== "remote") return null;
-        let exit = async () => {
-          setBusy(!0);
-          try {
-            await props.control("mode.set", { mode: "local" }), window.location.reload();
-          } finally {
-            setBusy(!1);
-          }
-        }, transport = status.network?.webRtc?.mode ?? status.transport ?? "Disconnected", networkLabel = t(transport === "P2P" ? "remoteNetworkP2p" : transport === "TURN" ? "remoteNetworkTurn" : transport === "Relay" ? "remoteNetworkRelay" : transport === "LAN" ? "remoteNetworkLan" : "remoteNetworkOffline"), networkOnline = status.connected === !0 && transport !== "Disconnected", routeVia = t(transport === "P2P" ? "connectionRouteP2p" : transport === "TURN" ? "connectionRouteTurn" : transport === "Relay" ? "connectionRouteRelay" : "connectionRouteLan"), routeViaDetail = t(transport === "P2P" ? "connectionRouteP2pDetail" : transport === "TURN" ? "connectionRouteTurnDetail" : transport === "Relay" ? "connectionRouteRelayDetail" : "connectionRouteLanDetail"), network = status.network, webRtc = network?.webRtc, controlStateLabel = network?.controlChannelState === "connecting" ? t("controlStateConnecting") : network?.controlChannelState === "open" ? t("controlStateOpen") : network?.controlChannelState === "closing" ? t("controlStateClosing") : t("controlStateClosed"), detailValue = (value) => value === void 0 || value === "" ? t("notProvided") : String(value), candidateLabel = (value) => value === "host" ? t("candidateHost") : value === "srflx" ? t("candidateSrflx") : value === "prflx" ? t("candidatePrflx") : value === "relay" ? t("candidateRelay") : detailValue(value), fact = (label, value, mono = !1) => React.createElement(
-          "div",
-          null,
-          React.createElement("dt", null, label),
-          React.createElement("dd", { className: mono ? "isMono" : void 0, title: mono ? value : void 0 }, value)
-        );
-        return React.createElement(
-          "div",
-          { className: "dshRemoteSessionHeader", role: "status" },
-          React.createElement("svg", {
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 1.7,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            "aria-hidden": !0
-          }, React.createElement("rect", { x: 3, y: 4, width: 18, height: 13, rx: 2 }), React.createElement("path", { d: "M8 21h8M12 17v4" })),
-          React.createElement("span", { className: "dshRemoteSessionTarget" }, t("remoteModeLabel", { name: status.target?.name ?? t("host") })),
-          React.createElement("button", {
-            type: "button",
-            className: `dshRemoteNetwork${networkOnline ? " isOnline" : " isOffline"}`,
-            title: networkLabel,
-            disabled: !networkOnline,
-            "aria-haspopup": "dialog",
-            "aria-expanded": routeOpen,
-            onClick: () => setRouteOpen((value) => !value)
-          }, React.createElement("i", { "aria-hidden": !0 }), networkLabel),
-          networkOnline ? React.createElement("span", { className: "dshRemoteEncrypted" }, t("remoteLinkEncrypted")) : null,
-          React.createElement("button", { type: "button", className: "dshRemoteHeaderExitLink", disabled: busy, onClick: () => void exit() }, t("exitRemote")),
-          routeOpen ? React.createElement("div", {
-            className: "dshRemoteRouteBackdrop",
-            role: "presentation",
-            onMouseDown: (event) => {
-              event.target === event.currentTarget && setRouteOpen(!1);
-            }
-          }, React.createElement(
-            "section",
-            {
-              className: "dshRemoteRoutePanel",
-              role: "dialog",
-              "aria-label": t("connectionRouteTitle")
-            },
-            React.createElement(
-              "header",
-              null,
-              React.createElement("strong", null, t("connectionRouteTitle")),
-              React.createElement("button", { type: "button", "aria-label": t("close"), onClick: () => setRouteOpen(!1) }, "\xD7")
-            ),
-            React.createElement(
-              "ol",
-              null,
-              React.createElement(
-                "li",
-                null,
-                React.createElement("small", null, t("connectionRouteFrom")),
-                React.createElement("strong", null, network?.local.name ?? t("connectionRouteCurrentDevice")),
-                network === void 0 ? null : React.createElement("span", null, `${network.local.platform} \xB7 ${shortDeviceId(network.local.deviceId)}`)
-              ),
-              React.createElement(
-                "li",
-                null,
-                React.createElement("small", null, t("connectionRouteVia")),
-                React.createElement("strong", null, routeVia),
-                React.createElement("span", null, routeViaDetail)
-              ),
-              React.createElement(
-                "li",
-                null,
-                React.createElement("small", null, t("connectionRouteTo")),
-                React.createElement("strong", null, network?.remote.name ?? status.target?.name ?? t("host")),
-                React.createElement("span", null, network === void 0 ? t("connectionRouteHost") : `${network.remote.platform} \xB7 ${shortDeviceId(network.remote.deviceId)}`)
-              )
-            ),
-            network === void 0 ? null : React.createElement(
-              "section",
-              { className: "dshRemoteRouteSection" },
-              React.createElement("h3", null, t("connectionDetailsConnection")),
-              React.createElement(
-                "dl",
-                null,
-                fact(t("connectionId"), detailValue(network.connectionId), !0),
-                fact(t("connectedAt"), network.connectedAt === void 0 ? t("notProvided") : formatLocalTime(network.connectedAt)),
-                fact(t("preferredTransports"), network.preferredTransports.map((value) => transportLabel(value, t)).join(" \u2192 ")),
-                fact(t("controlChannel"), `WebSocket \xB7 ${controlStateLabel}`),
-                fact(t("controlAddress"), network.controlChannelUrl, !0)
-              )
-            ),
-            webRtc === void 0 ? null : React.createElement(
-              "section",
-              { className: "dshRemoteRouteSection" },
-              React.createElement("h3", null, t("connectionDetailsWebRtc")),
-              React.createElement(
-                "dl",
-                null,
-                fact(t("peerState"), `${webRtc.connectionState} \xB7 ICE ${webRtc.iceConnectionState}`),
-                fact(t("dataChannel"), detailValue(webRtc.dataChannelState)),
-                fact(t("localCandidate"), candidateLabel(webRtc.localCandidateType)),
-                fact(t("remoteCandidate"), candidateLabel(webRtc.remoteCandidateType)),
-                fact(t("localAddress"), detailValue(webRtc.localAddress), !0),
-                fact(t("remoteAddress"), detailValue(webRtc.remoteAddress), !0),
-                fact(t("networkProtocol"), detailValue(webRtc.protocol?.toUpperCase())),
-                fact(t("relayProtocol"), detailValue(webRtc.relayProtocol?.toUpperCase())),
-                fact(t("roundTripTime"), webRtc.currentRoundTripTimeMs === void 0 ? t("notProvided") : `${webRtc.currentRoundTripTimeMs.toLocaleString()} ms`),
-                fact(t("availableBitrate"), webRtc.availableOutgoingBitrate === void 0 ? t("notProvided") : formatBitrate(webRtc.availableOutgoingBitrate)),
-                fact(t("bytesSent"), webRtc.bytesSent === void 0 ? t("notProvided") : formatByteSize(webRtc.bytesSent)),
-                fact(t("bytesReceived"), webRtc.bytesReceived === void 0 ? t("notProvided") : formatByteSize(webRtc.bytesReceived))
-              )
-            ),
-            React.createElement("p", null, t("connectionRouteEncrypted"))
-          )) : null
-        );
-      }
-      function hideLocalSessionActions() {
-        let selector = 'button,a,[role="button"]', hiddenAttribute = "data-dsh-remote-hidden-action", localAction = /(?:open|打开).{0,12}vs\s*code|vs\s*code.{0,12}(?:open|打开)|session\s*logs?|download.{0,12}session\s*logs?|会话日志|下载.{0,8}日志/i, inspect = (root) => {
-          let candidates = root instanceof Element && root.matches(selector) ? [root, ...Array.from(root.querySelectorAll(selector))] : Array.from(root.querySelectorAll(selector));
-          for (let candidate of candidates) {
-            if (candidate.closest(".dshRemoteSessionHeader") !== null) continue;
-            let label = [
-              candidate.getAttribute("aria-label"),
-              candidate.getAttribute("title"),
-              candidate.getAttribute("data-tooltip"),
-              candidate.textContent
-            ].filter(Boolean).join(" ");
-            localAction.test(label) && candidate.setAttribute(hiddenAttribute, "");
-          }
-        };
-        inspect(document.body);
-        let observer = new MutationObserver((records) => {
-          for (let record of records) {
-            record.type === "attributes" && inspect(record.target);
-            for (let node of Array.from(record.addedNodes))
-              node instanceof Element && inspect(node);
-          }
-        });
-        return observer.observe(document.body, {
-          subtree: !0,
-          childList: !0,
-          attributes: !0,
-          attributeFilter: ["aria-label", "title", "data-tooltip"]
-        }), () => {
-          observer.disconnect(), document.querySelectorAll(`[${hiddenAttribute}]`).forEach((element) => element.removeAttribute(hiddenAttribute));
-        };
-      }
-      function installStyle() {
-        let style = document.createElement("style");
-        return style.dataset.plugin = clientModuleId, style.dataset.pluginCss = "dsh-remote", style.textContent = [
-          'html.dshRemoteTargetActive button[aria-label="\u6DFB\u52A0\u5DE5\u4F5C\u533A"],html.dshRemoteTargetActive button[aria-label="Add workspace"]{display:none!important}',
-          'html.dshRemoteCodexTargetActive [data-composer-card] button[aria-haspopup="listbox"][aria-label="\u6307\u4EE4"],html.dshRemoteCodexTargetActive [data-composer-card] button[aria-haspopup="listbox"][aria-label="Commands"]{display:none!important}',
-          "[data-dsh-remote-hidden-action]{display:none!important}",
-          // The 0.1.6 right sidebar occupies the same shell header area as the
-          // remote status strip. Hide the strip while that sidebar is expanded;
-          // the sidebar itself remains the active context for terminal/files.
-          ":has([data-sidebar-right-open]) .dshRemoteSessionHeader{display:none!important}",
-          // TerminalRecovery renders a retry action in the conversation header.
-          // A failed remote terminal is reported when its tab is opened/closed;
-          // keeping this background recovery action out of the top-left header
-          // avoids overlapping the session controls.
-          '[title^="\u6062\u590D\u7EC8\u7AEF\u5931\u8D25"],[title^="Terminal recovery failed"]{display:none!important}',
-          ".dshRemoteTerminalUnavailable{box-sizing:border-box;margin:12px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font-size:13px;line-height:1.5}",
-          ".dshRemoteModeButton{min-height:36px;border:0;background:transparent;color:var(--dsw-alias-label-primary);display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:8px}.dshRemoteModeButton:is(button){cursor:pointer}",
-          ".dshRemoteModeButton:is(button):hover{background:var(--dsw-alias-interactive-bg-hover)}",
-          // Keep additive footer actions in reading order above the Settings seat.
-          '[class*="_footArea"]:has(.dshRemoteSidebarEntry){flex-direction:column!important;align-items:stretch;gap:0}[class*="_footerActions"]:has(.dshRemoteSidebarEntry){display:flex!important;flex-direction:column;align-items:stretch}[class*="_footerActions"]:has(.dshRemoteSidebarEntry.isRail){align-items:center}',
-          '[class*="_footerActions"]:has(.dshRemoteSidebarEntry.isWide) .bt-return{justify-content:flex-start}',
-          // Bot mode seats its account beside Connect plugins. Keep that row intact
-          // and let Remote span a separate row underneath it.
-          '[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide){display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px 9px}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_footerActions"]{display:contents!important}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_footerActions"]>div:not(.dshRemoteSidebarEntry){display:contents!important}',
-          '[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide) .bt-connect-wrap{grid-column:2;grid-row:1}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide)>[class*="_settingsArea"]{grid-column:1;grid-row:1;width:36px!important}[class*="_footArea"]:has(.bt-connect-wrap):has(.dshRemoteSidebarEntry.isWide) .dshRemoteSidebarEntry.isWide{display:block!important;grid-column:1/-1;grid-row:2;margin:0}',
-          '[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide){grid-template-columns:36px minmax(0,1fr) 36px}[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide) .bt-foot-account{grid-column:1;grid-row:1}[class*="_footArea"]:has(.bt-connect-wrap):has(.bt-foot-account):has(.dshRemoteSidebarEntry.isWide)>[class*="_settingsArea"]{grid-column:3}',
-          ".dshRemoteSidebarEntry{box-sizing:border-box;flex:none;width:36px;min-width:36px;display:block}.dshRemoteSidebarEntry .dshRemoteModeButton{box-sizing:border-box;width:36px;height:36px;min-height:36px;justify-content:center;gap:0;padding:0;border-radius:50%}.dshRemoteSidebarEntry.isWide{width:100%;min-width:0;height:36px;margin:4px 0}.dshRemoteSidebarEntry.isWide .dshRemoteModeButton{width:100%;min-width:0;justify-content:flex-start;gap:8px;padding:0 14px;border-radius:8px;font:inherit;font-size:14px;line-height:20px;text-align:start}.dshRemoteSidebarLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteSidebarEntry.isRail{height:54px}.dshRemoteSidebarEntry.isRail .dshRemoteModeButton{margin:8px 0 10px}.dshRemoteSidebarEntry.isActive .dshRemoteComputerIcon{color:var(--dsw-alias-brand-primary)}.dshRemoteSidebarEntry .dshRemoteModeButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteSidebarEntry .dshRemoteModeButton:disabled{opacity:.45;cursor:default}",
-          ".dshRemoteComputerIcon{box-sizing:border-box;width:18px;height:18px;flex:0 0 18px;color:var(--dsw-alias-label-secondary)}",
-          ".dshRemoteSidebarEntry.isWide{position:relative}.dshRemoteSidebarEntry.isWide.isActive .dshRemoteModeButton{padding-inline-end:64px}.dshRemoteExitLink{position:absolute;inset-block-start:0;inset-inline-end:8px;min-width:44px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);padding:0 6px;font:inherit;font-size:12px;line-height:20px;white-space:nowrap;cursor:pointer}.dshRemoteExitLink:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteExitLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteExitLink:disabled{opacity:.45;cursor:default}",
-          '.dshRemoteSessionHeader{position:fixed;z-index:25;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 360px);height:28px;display:inline-flex;align-items:center;gap:7px;color:var(--dsw-alias-label-secondary);font-size:12px;white-space:nowrap}.dshRemoteSessionHeader>svg{width:15px;height:15px;flex:0 0 auto}.dshRemoteSessionTarget{min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis}.dshRemoteNetwork{flex:0 0 auto;border:0;background:transparent;color:inherit;font:inherit;padding:3px 2px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.dshRemoteNetwork:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteNetwork:disabled{cursor:default}.dshRemoteNetwork>i{width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-tertiary)}.dshRemoteNetwork.isOnline>i{background:var(--dsw-alias-state-success-primary)}.dshRemoteNetwork.isOffline{color:var(--dsw-alias-state-error-primary)}.dshRemoteNetwork.isOffline>i{background:currentColor}.dshRemoteEncrypted{flex:0 0 auto;color:var(--dsw-alias-label-tertiary)}.dshRemoteHeaderExitLink{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:3px 2px;font:inherit;text-decoration:none;cursor:pointer}.dshRemoteHeaderExitLink:hover{text-decoration:underline;color:var(--dsw-alias-label-primary)}.dshRemoteHeaderExitLink:disabled{opacity:.45;cursor:default;text-decoration:none}.dshRemoteNetwork:focus-visible,.dshRemoteHeaderExitLink:focus-visible,.dshRemoteRoutePanel>header button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteRouteBackdrop{position:fixed;inset:0;z-index:26}.dshRemoteRoutePanel{box-sizing:border-box;position:absolute;top:48px;right:28px;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 72px);overflow:auto;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;padding:16px;white-space:normal}.dshRemoteRoutePanel>header{position:sticky;top:-16px;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:-16px -16px 0;padding:16px;background:var(--dsw-alias-bg-layer-1)}.dshRemoteRoutePanel>header strong{font-size:14px}.dshRemoteRoutePanel>header button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:inherit;font-size:20px;cursor:pointer}.dshRemoteRoutePanel>header button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteRoutePanel ol{display:flex;align-items:stretch;margin:12px 0 0;padding:0 0 16px;border-bottom:1px solid var(--dsw-alias-border-l2);list-style:none}.dshRemoteRoutePanel li{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;padding-right:20px}.dshRemoteRoutePanel li:not(:last-child)::after{content:"\u2192";position:absolute;right:7px;top:21px;color:var(--dsw-alias-label-tertiary)}.dshRemoteRoutePanel li small{color:var(--dsw-alias-label-tertiary)}.dshRemoteRoutePanel li strong,.dshRemoteRoutePanel li span{overflow:hidden;text-overflow:ellipsis}.dshRemoteRoutePanel li strong{font-size:13px}.dshRemoteRoutePanel li span{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteRouteSection{padding-top:16px}.dshRemoteRouteSection h3{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary)}.dshRemoteRouteSection dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.dshRemoteRouteSection dl>div{min-width:0;display:grid;grid-template-columns:minmax(104px,auto) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:12px;line-height:1.45}.dshRemoteRouteSection dt{color:var(--dsw-alias-label-tertiary)}.dshRemoteRouteSection dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}.dshRemoteRouteSection dd.isMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.dshRemoteRoutePanel>p{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}@media(max-width:620px){.dshRemoteSessionHeader{top:8px;max-width:calc(100vw - 112px)}.dshRemoteSessionHeader>svg{display:none}.dshRemoteSessionTarget{max-width:130px}.dshRemoteEncrypted{display:none}.dshRemoteRoutePanel{top:42px;right:12px;max-height:calc(100vh - 56px)}.dshRemoteRoutePanel ol{flex-direction:column;gap:18px}.dshRemoteRoutePanel li:not(:last-child)::after{content:"\u2193";top:auto;right:auto;bottom:-16px;left:3px}.dshRemoteRouteSection dl{grid-template-columns:1fr}.dshRemoteRouteSection dl>div{grid-template-columns:1fr;gap:2px}.dshRemoteRouteSection dd{text-align:left}}',
-          ".dshRemoteSessionHeader{left:auto;right:148px;transform:none;max-width:calc(100vw - 420px)}@media(max-width:760px){.dshRemoteSessionHeader{left:auto;right:104px;transform:none;max-width:calc(100vw - 124px)}}",
-          ".dshRemoteModeButton:focus-visible,.dshRemotePage button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}",
-          ".dshRemotePage{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:14px;overflow:hidden;animation:dshRemotePageIn .18s cubic-bezier(.25,1,.5,1)}",
-          ".dshRemotePageHeader{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemotePageIntro{min-width:0;flex:1}.dshRemotePageHeader strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.4}.dshRemotePageHeader p{min-width:0;max-width:70ch;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5}.dshRemotePageActions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.dshRemotePageActions>button{height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:inherit;line-height:1;cursor:pointer}.dshRemotePageActions>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.dshRemotePageActions>button:disabled{opacity:.45;cursor:default}.dshRemotePageBack,.dshRemotePageRefresh{min-width:48px;padding:0 10px;font:inherit;font-size:13px}.dshRemotePageBack{color:var(--dsw-alias-label-secondary)!important}.dshRemotePageClose{width:40px;padding:0;font-size:24px}",
-          ".dshRemotePageBody{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:24px}.dshRemotePageBody button{font:inherit;color:inherit}",
-          ".dshRemotePageTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.dshRemotePageTitleRow>strong{min-width:0;flex:0 1 auto}.dshRemoteStarLink{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:400;text-decoration:none}.dshRemoteStarLink:hover{color:var(--dsw-alias-label-primary);text-decoration:underline;text-underline-offset:3px}.dshRemoteStarLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px;border-radius:3px}",
-          ".dshRemoteSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.dshRemoteSectionTitle{min-width:0;display:flex;align-items:center;gap:10px}.dshRemoteSectionTitle>strong{font-size:14px}.dshRemoteSectionActions{display:flex;align-items:center;gap:14px}.dshRemoteSectionActions>button{border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px}.dshRemoteSectionActions>button:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}",
-          ".dshRemoteSectionTitle{flex:1}.dshRemoteSectionTitle>.dshRemoteConnectedMenu{margin-left:auto}",
-          '.dshRemoteAcpSetting{display:block!important;width:100%;padding:0}.dshRemoteAcpSetting>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer;list-style:none}.dshRemoteAcpSetting>summary::-webkit-details-marker{display:none}.dshRemoteAcpSetting>summary::after{content:"\u2304";color:var(--dsw-alias-label-secondary);transition:transform .18s ease-out}.dshRemoteAcpSetting[open]>summary::after{transform:rotate(180deg)}.dshRemoteAcpSummaryText{min-width:0}.dshRemoteAcpSummaryText strong{display:block}.dshRemoteAcpSummaryText p{margin:4px 0 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4}.dshRemoteAcpCheckLink{grid-column:2;grid-row:1;color:var(--dsw-alias-brand-primary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpCheckLink:hover{color:var(--dsw-alias-label-primary)}.dshRemoteAcpCheckResult{grid-column:3;grid-row:1;font-size:11px;line-height:1.4;white-space:nowrap}.dshRemoteAcpCheckResult.isPassed{color:var(--dsw-alias-state-success-primary)}.dshRemoteAcpCheckResult.isFailed{color:var(--dsw-alias-state-danger-primary)}.dshRemoteAcpList{display:flex;flex-direction:column;gap:0;margin-top:12px;padding-top:0;border-top:0}.dshRemoteAcpList>.dshRemoteAuthorizationSetting{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;column-gap:18px;line-height:1.4}.dshRemoteAcpList>.dshRemoteAuthorizationSetting>span:first-child{min-width:0;line-height:1.4}.dshRemoteAcpList>.dshRemoteAuthorizationSetting>input{grid-column:4;grid-row:1}',
-          ".dshRemoteAcpAddLink{align-self:flex-start;margin-top:12px;color:var(--dsw-alias-brand-primary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpAddForm{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(140px,1fr) minmax(100px,1fr) auto;gap:8px;margin-top:12px}.dshRemoteAcpAddForm input{min-width:0;height:34px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:inherit;padding:0 10px}.dshRemoteAcpAddForm button{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);padding:0 12px;cursor:pointer;font:inherit;font-size:12px}.dshRemoteAcpAddForm button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteAcpRemoveLink{grid-column:3;grid-row:1;color:var(--dsw-alias-label-secondary);font-size:12px;text-decoration:underline;text-underline-offset:3px}.dshRemoteAcpRemoveLink:hover{color:var(--dsw-alias-state-danger-primary)}",
-          ".dshRemoteAcpCheckResult.isPassed,.dshRemoteAcpCheckResult.isFailed{color:var(--dsw-alias-label-secondary)}",
-          ".dshRemoteAcpList>.dshRemoteAuthorizationSetting{grid-template-columns:minmax(0,1fr) 190px 40px 56px;column-gap:18px}.dshRemoteAcpCheckCell{grid-column:2;display:flex;align-items:center;gap:10px;min-width:0}.dshRemoteAcpCheckLink,.dshRemoteAcpRemoveLink{justify-self:start}.dshRemoteAcpCheckResult{position:static}",
-          ".dshRemoteAcpCheckLink.isPassed{color:var(--dsw-alias-state-success-primary)}.dshRemoteAcpCheckLink.isFailed{color:var(--dsw-alias-state-danger-primary)}.dshRemoteAcpCheckLink.isChecking{color:var(--dsw-alias-label-secondary)}",
-          ".dshRemoteCancelWorkspace{min-height:36px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:6px 0;cursor:pointer}.dshRemoteCancelWorkspace:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteCancelWorkspace:disabled{opacity:.5;cursor:default}",
-          '.dshRemoteHostList{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2);max-height:296px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.dshRemoteHostList.isCollapsed{max-height:none;overflow-y:visible}.dshRemoteHostList>button{min-height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:10px 4px;cursor:pointer}.dshRemoteHostList>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteHostList>button:disabled{opacity:.5;cursor:default}.dshRemoteHostList>button[aria-current="true"]{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteHostList>button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteHostList>button strong{font-size:14px;font-weight:500}.dshRemoteHostList small{color:var(--dsw-alias-label-secondary);font-size:12px}',
-          '.dshRemoteConnectedMenu{position:relative;flex:0 0 auto;margin-right:4px}.dshRemoteConnectedCount{appearance:none;display:inline-flex;align-items:center;justify-content:center;height:22px;border:0;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);box-shadow:0 1px 2px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.04) inset;padding:0 10px;font:inherit;font-size:11px;font-weight:500;line-height:17px;white-space:nowrap;cursor:default}.dshRemoteConnectedCount.isOnline{color:var(--dsw-alias-state-success-primary)}.dshRemoteConnectedCount.isInteractive{cursor:pointer}.dshRemoteConnectedCount.isInteractive:hover{filter:brightness(1.08)}.dshRemoteConnectedCount:disabled{opacity:1;cursor:default}.dshRemoteConnectedCount:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteConnectedPanel{position:absolute;top:calc(100% + 8px);right:0;z-index:4;width:min(320px,calc(100vw - 48px));max-height:min(280px,40vh);overflow:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-2);box-shadow:0 10px 28px rgba(0,0,0,.28);padding:10px 12px}.dshRemoteConnectedPanelTitle{display:block;margin:0 0 6px;color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600}.dshRemoteClientList{display:flex;flex-direction:column}.dshRemoteClientRow{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteClientRow:last-child{border-bottom:0}.dshRemoteClientRow>span{min-width:0;display:flex;flex-direction:column;gap:2px}.dshRemoteClientRow strong{font-size:13px;font-weight:500}.dshRemoteClientRow small{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteClientOnline{display:inline-flex;align-items:center;gap:6px;color:var(--dsw-alias-state-success-primary)!important}.dshRemoteClientOnline::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}',
-          ".dshRemoteConnectedCount{height:auto;border-radius:0;background:transparent;box-shadow:none;padding:0 4px;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.dshRemoteConnectedCount.isInteractive:hover{filter:none;text-decoration-color:currentColor}.dshRemoteConnectedCount:focus-visible{outline-offset:3px;border-radius:3px}",
-          '.dshRemoteProgress{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2)}.dshRemoteProgressHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.dshRemoteProgressHeader strong{font-size:13px;font-weight:600}.dshRemoteProgressHeader span{color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteProgressBar{height:6px;overflow:hidden;border-radius:999px;background:var(--dsw-alias-bg-layer-3)}.dshRemoteProgressBar>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--dsw-alias-brand-primary);transform-origin:left center;transition:transform .22s ease-out}[dir="rtl"] .dshRemoteProgressBar>span{transform-origin:right center}.dshRemoteProgress p{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.45}.dshRemoteProgressRoute{font-weight:500}.dshRemoteProgressRoute .isActive{color:var(--dsw-alias-state-success-primary);font-weight:700}.dshRemoteProgressRouteArrow{color:var(--dsw-alias-label-tertiary)}@media(prefers-reduced-motion:reduce){.dshRemoteProgressBar>span{transition:none}}',
-          '.dshRemoteBrowser{display:flex;flex-direction:column}.dshRemoteCrumbs{display:flex;align-items:center;gap:4px;overflow:auto;padding:2px 0 10px}.dshRemoteCrumbs>button{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:5px 7px;border-radius:6px;cursor:pointer}.dshRemoteCrumbs>button:not(:last-child)::after{content:" /";color:var(--dsw-alias-label-tertiary)}.dshRemoteCrumbs>button:disabled{color:var(--dsw-alias-label-primary);font-weight:600}',
-          ".dshRemoteWorkspaceLists{overflow:visible}",
-          ".dshRemoteDirectoryList{min-height:72px;display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteDirectoryList>button{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;text-align:left;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:8px 4px;cursor:pointer}.dshRemoteDirectoryList>button:hover,.dshRemoteDirectoryList>button.isSelected{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteDirectoryList>button.isSelected{color:var(--dsw-alias-label-primary)}.dshRemoteDirectoryList>button>span:first-child,.dshRemoteDirectoryList>button>.dshRemoteWorkspaceIcon{grid-row:1/3}.dshRemoteWorkspaceIcon{box-sizing:border-box;width:22px;height:22px;align-self:center;object-fit:contain}.dshRemoteWorkspaceIcon.isGpt{border-radius:6px}.dshRemoteDirectoryList>button>span:not(:first-child),.dshRemoteDirectoryList>button>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteDirectoryList>button>small{grid-column:2;color:var(--dsw-alias-label-secondary)}.dshRemoteDirectoryList>p,.dshRemoteHint{margin:12px 0;color:var(--dsw-alias-label-secondary);font-size:13px}",
-          ".dshRemoteAddWorkspace{box-sizing:border-box;width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);padding:0;cursor:pointer}.dshRemoteAddWorkspace:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteAddWorkspace:disabled{opacity:.5;cursor:default}.dshRemoteAddWorkspaceIcon{width:20px;height:20px}.dshRemoteCodexWorkspaceGroup{margin-top:16px}.dshRemoteWorkspaceSourceHeading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 7px}.dshRemoteWorkspaceSourceText{min-width:0;display:flex;flex-direction:column;gap:2px}.dshRemoteWorkspaceSourceText>strong{font-size:13px}.dshRemoteWorkspaceSourceText>small{color:var(--dsw-alias-label-secondary);font-size:11px}.dshRemoteCodexWorkspaceList{min-height:0}.dshRemoteDirectoryList>.dshRemoteWorkspaceMore,.dshRemoteCodexWorkspaceGroup>.dshRemoteWorkspaceMore{box-sizing:border-box;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);padding:8px 4px;text-align:center;font-size:16px;cursor:pointer}.dshRemoteWorkspaceMore>span{display:block;line-height:1;transform:translateY(-2px)}.dshRemoteWorkspaceMore:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:transparent}.dshRemoteWorkspaceMore:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.dshRemoteWorkspaceMore:disabled{opacity:.5;cursor:default}",
-          ".dshRemotePreviewAction,.dshRemotePreviewForm{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.dshRemotePreviewForm input{width:90px;color:inherit;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);padding:6px}.dshRemotePreviewForm [role=alert]{max-width:360px;white-space:normal}.dshRemoteDevelopmentSettings{width:100%;margin:16px 0}.dshRemoteDevelopmentSettings .dshRemotePathField{display:flex;flex-direction:column;gap:6px;margin:8px 0}.dshRemoteDevelopmentSettings .dshRemotePathField>label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteDevelopmentSettings .dshRemotePortsRow{display:flex;gap:8px;align-items:stretch;width:100%}.dshRemoteDevelopmentSettings .dshRemotePortsRow>input{box-sizing:border-box;width:100%;flex:1;min-width:0;height:34px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit;font-size:13px;line-height:1.5}.dshRemoteDevelopmentSettings button{min-height:34px;color:inherit;background:var(--dsw-alias-bg-layer-1);border:.5px solid var(--dsw-alias-border-l2);border-radius:8px;padding:5px 14px;white-space:nowrap;font-size:13px;line-height:1.5}.dshRemoteAcpAddForm>label{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteAcpAddForm>label>input{box-sizing:border-box;width:100%;height:34px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);padding:0 12px;font:inherit;font-size:13px;line-height:1.5}",
-          ".dshRemoteFolderBrowser{margin-top:14px}.dshRemoteFolderBrowser>p,.dshRemoteFolderList>p{margin:12px 0;color:var(--dsw-alias-label-secondary);font-size:13px}.dshRemoteFolderList{max-height:260px;overflow:auto;border-block:1px solid var(--dsw-alias-border-l2)}.dshRemoteFolderList>button{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:7px 6px;text-align:left;cursor:pointer}.dshRemoteFolderList>button:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteFolderBrowser>small{display:block;margin-top:8px;color:var(--dsw-alias-state-warn-label)}",
-          ".dshRemotePathField{display:flex;flex-direction:column;gap:6px;margin-top:20px}.dshRemotePathField>span{font-size:13px;font-weight:600}.dshRemotePathField>input{min-height:40px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit}.dshRemotePathField>small{color:var(--dsw-alias-label-secondary)}",
-          ".dshRemoteOpenBar{position:sticky;bottom:-96px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:14px 0;background:var(--dsw-alias-bg-layer-1);border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteOpenBar>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteOpenBar span{color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteOpenBar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dshRemoteOpenBar>button,.dshRemoteEnable>button{min-height:40px;flex:0 0 auto;border:0;border-radius:8px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);padding:8px 16px;cursor:pointer}.dshRemoteOpenBar>button:disabled,.dshRemoteEnable>button:disabled{opacity:.5;cursor:default}",
-          ".dshRemoteEnable{box-sizing:border-box;width:min(440px,100%);max-width:100%;min-height:388px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.dshRemoteEnable p{margin:0;color:var(--dsw-alias-label-secondary);line-height:1.5}",
-          '.dshRemoteLoginTabs{width:min(440px,100%);display:flex;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteLoginTabs>button{position:relative;min-height:38px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.dshRemoteLoginTabs>button:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.dshRemoteLoginTabs>button.isActive{color:var(--dsw-alias-label-primary);font-weight:600}.dshRemoteLoginTabs>button.isActive::after{content:"";position:absolute;right:12px;bottom:-1px;left:12px;height:2px;border-radius:2px 2px 0 0;background:var(--dsw-alias-brand-primary)}.dshRemoteLoginTabs>button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px;border-radius:6px}',
-          ".dshRemoteClientLogin{width:min(440px,100%);display:flex;flex-direction:column;gap:8px}.dshRemoteClientLogin input{min-height:40px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit}.dshRemoteClientLogin button{align-self:flex-start;min-height:40px;border:0;border-radius:8px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);padding:8px 16px;cursor:pointer}",
-          ".dshRemoteQrLogin{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;text-align:center}.dshRemoteQrLogin img,.dshRemoteQrPlaceholder{box-sizing:border-box;width:200px;height:200px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:#fff;padding:8px}.dshRemoteQrOpen{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary);font-size:12px;text-decoration:none}.dshRemoteQrOpen:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrOpen:hover img{border-color:var(--dsw-alias-label-dimmed)}.dshRemoteQrOpen:focus-visible{border-radius:12px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.dshRemoteQrPlaceholder{display:flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-secondary)}.dshRemoteQrLogin>strong{font-size:14px}.dshRemoteQrLogin>p{max-width:48ch;margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}.dshRemoteQrLogin>.dshRemoteServiceAddress{margin-top:2px;color:var(--dsw-alias-label-tertiary)}.dshRemoteServiceAddress>a{color:var(--dsw-alias-label-secondary);text-decoration:none}.dshRemoteServiceAddress>a:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrLogin>button,.dshRemoteClientLogin>.dshRemoteLoginSwitch{min-height:32px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}.dshRemoteQrLogin>button:hover,.dshRemoteClientLogin>.dshRemoteLoginSwitch:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteClientLogin>.dshRemoteLoginSwitch{align-self:flex-start;background:transparent;color:var(--dsw-alias-label-secondary);padding-left:0}",
-          ".dshRemoteLoginHeading{box-sizing:border-box;width:100%;display:flex;align-items:baseline;gap:10px;overflow:hidden;white-space:nowrap}.dshRemoteLoginTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteLoginHeading>span{flex:0 0 auto;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:400}.dshRemoteLoginTabs{box-sizing:border-box;width:100%;flex-wrap:wrap}.dshRemoteLoginTabs>button{min-width:120px;flex:1 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.dshRemoteLoginTabs>button.isActive::after{right:0;left:0;border-radius:0}.dshRemoteClientLogin,.dshRemoteQrLogin{box-sizing:border-box;width:100%;height:300px;min-height:300px}.dshRemoteClientLogin{align-items:stretch;padding-top:16px}.dshRemoteClientLogin>button{align-self:stretch;width:100%}.dshRemoteQrLogin{padding-top:12px}",
-          '.dshRemoteHostControlToggle{display:flex;align-items:center;gap:7px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;white-space:nowrap;cursor:default}.dshRemoteHostControlToggle>input{appearance:none;box-sizing:border-box;position:relative;width:32px;height:18px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteHostControlToggle>input::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteHostControlToggle>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteHostControlToggle>input:checked::after{transform:translateX(14px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteHostControlToggle>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteHostControlToggle>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteHostControlToggle>input,.dshRemoteHostControlToggle>input::after{transition:none}}',
-          ".dshRemoteAccountFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:14px;color:var(--dsw-alias-label-secondary);font-size:12px}.dshRemoteAccountExit{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px;line-height:1.5;white-space:nowrap}.dshRemoteAccountExit:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteAccountExit:disabled{opacity:.5;cursor:default;text-decoration:none}",
-          ".dshRemoteLocalLink{align-self:flex-start;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 0;cursor:pointer}.dshRemoteLocalLink:hover{color:var(--dsw-alias-label-primary)}",
-          "@keyframes dshRemotePageIn{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dshRemotePage{animation:none}}@media(max-width:620px){.dshRemoteBackdrop{padding:12px}.dshRemotePage{max-height:calc(100vh - 24px)}.dshRemotePageHeader{gap:8px;padding:12px 16px}.dshRemotePage.hasSelectedHost .dshRemotePageBack{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteSectionHeading{align-items:flex-start;flex-direction:column;gap:8px}.dshRemoteWorkspaceHeading{align-items:center;flex-direction:row}.dshRemoteSectionActions{width:100%;justify-content:space-between}.dshRemotePageBody{padding:20px 16px}.dshRemoteOpenBar{align-items:flex-end}.dshRemoteOpenBar>button{min-height:48px}}",
-          ".dshRemoteBackdrop{position:fixed;inset:0;z-index:1000;background:var(--dsw-alias-bg-mask-3);display:grid;place-items:center;padding:20px}",
-          ".dshRemoteDialog{width:min(460px,100%);max-height:80vh;overflow:auto;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);border-radius:14px;padding:18px;display:grid;gap:12px;box-shadow:var(--dsw-shadow-lv2)}",
-          ".dshRemoteDialog button,.dshRemoteDialog input{font:inherit;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:9px 10px;background:transparent;color:inherit}",
-          ".dshRemoteDialog button:not(:disabled){cursor:pointer}.dshRemoteDialog button:disabled{opacity:.5}",
-          ".dshRemoteHeader{display:flex;align-items:center;justify-content:space-between}.dshRemoteHeader button{border:0;font-size:22px;padding:0 6px}",
-          ".dshRemoteDevices{display:grid;gap:8px}.dshRemoteDevices p{margin:4px 0;color:var(--dsw-alias-label-secondary)}",
-          ".dshRemoteError{margin:0;color:var(--dsw-alias-state-error-primary)}",
-          ".dshRemoteHostAccount{display:grid;gap:8px;border-top:1px solid var(--dsw-alias-border-l3);padding-top:12px}.dshRemoteHostAccount p{margin:0;color:var(--dsw-alias-label-secondary);font-size:13px}",
-          ".dshRemoteLogin{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dshRemoteLogin button{grid-column:1/-1}",
-          // The plugin manager already supplies DSH's detail page chrome and
-          // spacing for `view: page`. Keep the legacy card only for older hosts;
-          // current DSH must not get a second, old-style card inside that page.
-          ".dshRemotePluginCard{list-style:none;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);border-radius:var(--dsw-radius-xl,16px);transition:border-color .16s,background .16s}",
-          ".dshRemotePluginModern{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;border:0;background:transparent;border-radius:0}.dshRemotePluginModern>.dshRemotePluginCardHeader{display:none}.dshRemotePluginModern>.dshRemotePluginCardBody{border-top:0;margin:0;padding:0}",
-          ".dshRemotePluginCard:hover{border-color:var(--dsw-alias-label-dimmed)}.dshRemotePluginCard.isOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}",
-          ".dshRemotePluginCard.dshRemotePluginModern:hover,.dshRemotePluginCard.dshRemotePluginModern.isOpen{border-color:transparent;background:transparent}",
-          ".dshRemotePluginCardHeader{display:flex;align-items:center}.dshRemotePluginCardToggle{appearance:none;width:100%;min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}.dshRemotePluginCardToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}",
-          ".dshRemotePluginCardHeading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dshRemotePluginCardHeading>strong{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.dshRemotePluginCardHeading>span{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.dshRemotePluginCardStatus{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.dshRemotePluginCardStatus.isOnline{color:var(--dsw-alias-state-success-primary)}.dshRemotePluginCardStatus.isReconnecting{color:var(--dsw-alias-state-warn-label)}.dshRemotePluginCardStatus.isOffline{color:var(--dsw-alias-state-error-primary)}.dshRemotePluginCardChevron{color:var(--dsw-alias-label-tertiary);font-size:18px;line-height:14px;transition:transform .16s}.dshRemotePluginCard.isOpen .dshRemotePluginCardChevron{transform:rotate(180deg)}",
-          ".dshRemotePluginCardBody{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.dshRemoteSettings{display:flex;flex-direction:column;max-width:none}.dshRemoteSettingsTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 12px}.dshRemoteSettingsState{margin:0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}",
-          ".dshRemotePluginModern .dshRemoteField input{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md,8px);height:40px}.dshRemotePluginModern .dshRemoteSettingsFooter button{border-radius:var(--dsw-radius-md,8px);min-height:32px}",
-          ".dshRemoteHostIdentity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemoteHostIdentity>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteHostIdentity span{color:var(--dsw-alias-label-tertiary);font-size:12px}.dshRemoteHostIdentity strong,.dshRemoteHostIdentity code{min-width:0;overflow-wrap:anywhere;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}.dshRemoteHostIdentity code{font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-weight:400}",
-          ".dshRemoteField{display:flex;flex-direction:column;gap:6px;padding:12px 0}.dshRemoteField+.dshRemoteField{border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteField label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.dshRemoteField input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.dshRemoteField input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.dshRemoteField input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.dshRemoteField p{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}",
-          '.dshRemoteAuthorizationSetting{border-top:1px solid var(--dsw-alias-border-l2);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.dshRemoteAuthorizationSetting>div{min-width:0}.dshRemoteAuthorizationSetting strong{font-size:13px;font-weight:500}.dshRemoteAuthorizationSetting p{margin:3px 0 0;color:var(--dsw-alias-label-tertiary);font-size:12px}.dshRemoteAuthorizationSetting>input{appearance:none;position:relative;width:38px;height:22px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteAuthorizationSetting>input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteAuthorizationSetting>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteAuthorizationSetting>input:checked::after{transform:translateX(16px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteAuthorizationSetting>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteAuthorizationSetting>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteAuthorizationSetting>input,.dshRemoteAuthorizationSetting>input::after{transition:none}}',
-          ".dshRemoteAssociation{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.dshRemoteAssociation>span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.dshRemoteAssociation strong{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:1.5}.dshRemoteAssociation p{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}",
-          ".dshRemoteConnection{border-top:1px solid var(--dsw-alias-border-l2);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.dshRemoteConnectionSummary{min-width:0;display:flex;flex-direction:column;gap:4px}.dshRemoteConnectionSummary>span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.dshRemoteConnectionSummary strong{display:flex;align-items:center;gap:7px;color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:1.5}.dshRemoteConnectionSummary p,.dshRemoteConnectionIssue{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.dshRemoteConnectionDot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--dsw-alias-label-tertiary)}.dshRemoteConnectionDot.isOnline{background:var(--dsw-alias-state-success-primary)}.dshRemoteConnectionDot.isReconnecting{background:var(--dsw-alias-state-warn-primary)}.dshRemoteConnectionDot.isOffline{background:var(--dsw-alias-state-error-primary)}.dshRemoteConnectionIssue{color:var(--dsw-alias-state-error-primary);padding:0 0 12px}.dshRemoteReconnect{appearance:none;flex:0 0 auto;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);min-height:34px;padding:5px 14px;font-size:13px;line-height:1.5}.dshRemoteReconnect:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteReconnect:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.dshRemoteReconnect:disabled{opacity:.4;cursor:default}",
-          ".dshRemoteSettingsFooter{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}.dshRemoteSettingsFooter .dshRemoteError,.dshRemoteNotice{min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5}.dshRemoteNotice{color:var(--dsw-alias-label-tertiary)}.dshRemoteDiscard,.dshRemoteSave{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.dshRemoteDiscard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent}.dshRemoteDiscard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.dshRemoteSave{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.dshRemoteDiscard:disabled,.dshRemoteSave:disabled{opacity:.4;cursor:default}.dshRemoteDiscard:focus-visible,.dshRemoteSave:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}",
-          "@media(max-width:620px){.dshRemotePluginCardStatus{display:none}.dshRemoteSettingsTop{gap:10px}.dshRemoteConnection{align-items:flex-start}.dshRemoteReconnect{min-height:40px}.dshRemotePortsRow{flex-direction:column}.dshRemoteAcpAddForm{grid-template-columns:1fr}.dshRemoteAcpAddForm button{min-height:40px}}"
-        ].join(""), document.head.append(style), () => style.remove();
-      }
       function apply(ctx) {
         if (window.__DS_HARNESS_REMOTE_CLIENT_ACTIVE__) return;
         window.__DS_HARNESS_REMOTE_CLIENT_ACTIVE__ = !0, readyPluginSessions(ctx.sessions), ctx.effect(() => () => {
@@ -4438,7 +4658,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
             if (disposed || opening || selection === void 0) return;
             let pending = selection, workspaceSnapshot = ctx.workspaces.list.getSnapshot();
             if (!workspacesReady(workspaceSnapshot) || !workspaceSnapshot.items.some((workspace) => workspace.workspaceId === pending.workspaceId)) return;
-            let sessionSnapshot = ctx.sessions.list.getSnapshot(), isVirtualBackend = pending.backend === "codex" || pending.backend === "cursor" || pending.backend === "antigravity";
+            let sessionSnapshot = ctx.sessions.list.getSnapshot(), isVirtualBackend = pending.backend === "codex" || pending.backend === "cursor" || pending.backend === "antigravity" || pending.backend === "pi" || pending.backend === "opencode";
             if (isVirtualBackend && pending.sessionId !== void 0 && sessionSnapshot.phase !== "ready") return;
             opening = !0, unsubscribeWorkspaces?.(), unsubscribeSessions?.(), unsubscribeWorkspaces = void 0, unsubscribeSessions = void 0;
             let navigation = ctx.get("uiWorkspace"), connectWorkspace = (workspaceId) => navigation !== void 0 ? navigation.connectWorkspace(workspaceId) : ctx.workspaces.connectWorkspace(workspaceId);
@@ -4480,7 +4700,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
               unsubscribe(), unregister?.();
             };
           }, "ds-harness-remote: remote file viewer provider");
-        }), ctx.effect(() => ctx.locale.register(localeNamespace, { zh, en }), "ds-harness-remote: dictionaries"), ctx.effect(installStyle, "ds-harness-remote: client styles"), ctx.effect(() => installTerminalAvailabilityNotice(statusFeed, t), "ds-harness-remote: terminal availability notice"), ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+        }), ctx.effect(() => ctx.locale.register(localeNamespace, { zh, en }), "ds-harness-remote: dictionaries"), ctx.effect(() => installStyle(clientModuleId), "ds-harness-remote: client styles"), ctx.effect(() => installTerminalAvailabilityNotice(statusFeed, t), "ds-harness-remote: terminal availability notice"), ctx.slots.inject("shell.overlay", () => ctx.slots.register({
           name: "shell.overlay",
           id: "ds-harness-remote-global-context",
           order: 20,
@@ -4511,31 +4731,6 @@ Minimum version required to store current data is: ` + bestVersion + `.
       function isMissingControlRoute(reason) {
         return reason instanceof Error && reason.message.startsWith(`transport failure for ${CONTROL_RPC_PREFIX}/`) && (reason.message.endsWith(": HTTP 404") || reason.message.endsWith(": HTTP 405"));
       }
-      function installTerminalAvailabilityNotice(feed, t) {
-        let latest, notice, update = () => {
-          let terminal = document.querySelector("[data-sidebar-terminal]"), unavailable = latest?.mode === "remote" && latest.remoteFeatures?.terminal !== !0;
-          if (!terminal || !unavailable) {
-            notice?.remove(), notice = void 0;
-            return;
-          }
-          notice !== void 0 && notice.isConnected || (notice = document.createElement("div"), notice.className = "dshRemoteTerminalUnavailable", notice.setAttribute("role", "alert"), notice.textContent = t("terminalRemoteUnavailable"), terminal.prepend(notice));
-        }, unsubscribe = feed.subscribe((status) => {
-          latest = status, update();
-        }), observer = new MutationObserver(update);
-        return observer.observe(document.body, { childList: !0, subtree: !0 }), update(), () => {
-          unsubscribe(), observer.disconnect(), notice?.remove();
-        };
-      }
-      function messageOf(reason) {
-        return reason instanceof Error ? reason.message : String(reason);
-      }
-      function formatPlatform(value) {
-        let normalized = value.toLowerCase();
-        return normalized === "darwin" || normalized === "macos" ? "macOS" : normalized === "win32" || normalized === "windows" ? "Windows" : normalized === "linux" ? "Linux" : normalized === "android" ? "Android" : value;
-      }
-      function connectedClientModeLabel(mode, t) {
-        return t(mode === "LAN" ? "remoteNetworkLan" : mode === "P2P" ? "remoteNetworkP2p" : mode === "TURN" ? "remoteNetworkTurn" : mode === "Relay" ? "remoteNetworkRelay" : "connected");
-      }
       return module.exports.apply = apply, module.exports.inject = inject, module.exports;
     }
   });