dsh-remote-local-plugin 0.0.0-stage → 0.8.1

package/lib/client.js

@@ -0,0 +1,1571 @@
+window.__ModuleLoader__.load({
+  id: "dsh-remote-local-plugin",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/host-api/contract.ts
+var HOST_API_PATH = "/api/dsh-remote";
+
+// src/client/api.ts
+var RemoteUiError = class extends Error {
+  code;
+  details;
+  constructor(code, message, details = {}) {
+    super(message);
+    this.name = "RemoteUiError";
+    this.code = code;
+    this.details = details;
+  }
+};
+function createHostsApi(ctx) {
+  return {
+    state: () => call("state", void 0),
+    validateTarget: (sshTarget) => call("target/validate", { sshTarget }),
+    addHost: (input) => call("host/add", input),
+    removeHost: async (hostId) => {
+      await call("host/remove", { hostId });
+    },
+    connect: (hostId) => call("host/connect", { hostId }),
+    disconnect: (hostId) => call("host/disconnect", { hostId }),
+    refresh: (hostId) => call("host/refresh", { hostId }),
+    provision: (hostId) => call("host/provision", { hostId }),
+    workspaces: (hostId) => call("host/workspaces", { hostId }),
+    listDirectories: (hostId, path) => call("host/directory/list", { hostId, ...path === void 0 ? {} : { path } }),
+    listLocalDirectories: (path) => call("local/directory/list", { ...path === void 0 ? {} : { path } }),
+    createLocalWorkspace: (input) => call("local/workspace/create", input),
+    createWorkspace: (hostId, input) => call("host/workspace/create", { hostId, ...input }),
+    sessions: (hostId, workspaceId) => call("host/sessions", {
+      hostId,
+      ...workspaceId === void 0 ? {} : { workspaceId }
+    }),
+    webUrl: (hostId) => call("host/web-url", { hostId }),
+    snapshot: (hostId, sessionId, limit) => call("host/session", {
+      hostId,
+      sessionId,
+      ...limit === void 0 ? {} : { limit }
+    }),
+    createSession: (hostId, input) => call("host/session/create", { hostId, ...input }),
+    openSession: (sessionId) => {
+      ctx.uiWorkspace.openSession(sessionId);
+    },
+    fileList: (sessionId, path) => call("host/files/list", { sessionId, path }),
+    fileRead: (sessionId, path, offset, limit) => call("host/files/read", {
+      sessionId,
+      path,
+      ...offset === void 0 ? {} : { offset },
+      ...limit === void 0 ? {} : { limit }
+    }),
+    fileStat: (sessionId, path) => call("host/files/stat", { sessionId, path }),
+    fileBytes: (sessionId, path, offset, length) => call("host/files/bytes", {
+      sessionId,
+      path,
+      ...offset === void 0 ? {} : { offset },
+      ...length === void 0 ? {} : { length }
+    }),
+    prompt: (hostId, sessionId, text, mode, selection) => call("host/session/prompt", {
+      hostId,
+      sessionId,
+      text,
+      ...mode === void 0 ? {} : { mode },
+      ...selection === void 0 ? {} : selection
+    }),
+    cancel: (hostId, sessionId) => call("host/session/cancel", { hostId, sessionId })
+  };
+}
+async function call(endpoint, payload) {
+  const response = await fetch(HOST_API_PATH, {
+    method: "POST",
+    credentials: "same-origin",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify(payload === void 0 ? { endpoint } : { endpoint, payload })
+  });
+  if (!response.ok) {
+    throw new RemoteUiError("request/invalid", `host API returned HTTP ${response.status}`);
+  }
+  const result = await response.json();
+  if (!result.ok) {
+    throw new RemoteUiError(result.error.code, result.error.message, result.error.details ?? {});
+  }
+  return result.value;
+}
+
+// src/client/RemoteDevelopmentPanel.tsx
+var import_react = require("react");
+
+// src/client/panel.css
+var panel_default = ".dshr-root {\n  --dshr-accent: #4f7cff;\n  --dshr-danger: #d24b4b;\n  --dshr-success: #2f9e63;\n  --dshr-warning: #c98417;\n  --dshr-border: color-mix(in srgb, currentColor 14%, transparent);\n  --dshr-soft: color-mix(in srgb, currentColor 4%, transparent);\n  --dshr-softer: color-mix(in srgb, currentColor 2.5%, transparent);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 4px 2px 32px;\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.dshr-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.dshr-header h2 {\n  margin: 0 0 4px;\n  font-size: 17px;\n  font-weight: 650;\n}\n\n.dshr-subtitle {\n  max-width: 760px;\n  margin: 0;\n  opacity: 0.72;\n}\n\n.dshr-subtitle code,\n.dshr-host-title code,\n.dshr-workspace-head code,\n.dshr-session code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.92em;\n}\n\n.dshr-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px;\n  border: 1px solid var(--dshr-border);\n  border-radius: 12px;\n  background: var(--dshr-softer);\n}\n\n.dshr-card h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 650;\n}\n\n.dshr-section-title {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.dshr-form {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.dshr-field {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  min-width: 0;\n}\n\n.dshr-field-wide {\n  grid-column: 1 / -1;\n}\n\n.dshr-field > span {\n  font-size: 12px;\n  opacity: 0.72;\n}\n\n.dshr-field input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 7px 9px;\n  border: 1px solid var(--dshr-border);\n  border-radius: 8px;\n  background: var(--dshr-soft);\n  color: inherit;\n  font: inherit;\n  outline: none;\n}\n\n.dshr-field input:focus {\n  border-color: var(--dshr-accent);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dshr-accent) 22%, transparent);\n}\n\n.dshr-check {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 12px;\n}\n\n.dshr-form-actions {\n  display: flex;\n  grid-column: 1 / -1;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.dshr-button {\n  padding: 6px 12px;\n  border: 1px solid var(--dshr-border);\n  border-radius: 8px;\n  background: var(--dshr-soft);\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n\n.dshr-button:hover:not(:disabled) {\n  background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.dshr-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n\n.dshr-button-primary {\n  border-color: color-mix(in srgb, var(--dshr-accent) 65%, transparent);\n  background: var(--dshr-accent);\n  color: #fff;\n}\n\n.dshr-button-primary:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dshr-accent) 84%, #000);\n}\n\n.dshr-button-danger {\n  border-color: color-mix(in srgb, var(--dshr-danger) 45%, transparent);\n  color: var(--dshr-danger);\n}\n\n.dshr-hint {\n  font-size: 12px;\n  opacity: 0.62;\n}\n\n.dshr-empty {\n  margin: 0;\n  padding: 10px 0;\n  opacity: 0.62;\n}\n\n.dshr-banner {\n  margin: 0;\n  padding: 9px 12px;\n  border-radius: 9px;\n  border: 1px solid var(--dshr-border);\n}\n\n.dshr-banner-error {\n  border-color: color-mix(in srgb, var(--dshr-danger) 45%, transparent);\n  background: color-mix(in srgb, var(--dshr-danger) 10%, transparent);\n  color: var(--dshr-danger);\n}\n\n.dshr-banner-info {\n  border-color: color-mix(in srgb, var(--dshr-accent) 35%, transparent);\n  background: color-mix(in srgb, var(--dshr-accent) 9%, transparent);\n}\n\n.dshr-hosts {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dshr-host {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--dshr-border);\n  border-radius: 10px;\n  background: var(--dshr-soft);\n}\n\n.dshr-host-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.dshr-host-title {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  flex-wrap: wrap;\n  min-width: 0;\n}\n\n.dshr-host-title strong {\n  font-size: 14px;\n}\n\n.dshr-phase {\n  flex: none;\n  padding: 1px 8px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid currentColor;\n  opacity: 0.9;\n}\n\n.dshr-phase-connected {\n  color: var(--dshr-success);\n}\n\n.dshr-phase-discovering,\n.dshr-phase-connecting {\n  color: var(--dshr-warning);\n}\n\n.dshr-phase-error {\n  color: var(--dshr-danger);\n}\n\n.dshr-phase-idle,\n.dshr-phase-disconnected {\n  opacity: 0.62;\n}\n\n.dshr-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 20px;\n  margin: 0;\n  font-size: 12px;\n}\n\n.dshr-meta > div {\n  display: flex;\n  gap: 5px;\n}\n\n.dshr-meta dt {\n  opacity: 0.58;\n}\n\n.dshr-meta dd {\n  margin: 0;\n  font-variant-numeric: tabular-nums;\n}\n\n.dshr-host-error {\n  margin: 0;\n  color: var(--dshr-danger);\n  font-size: 12px;\n  overflow-wrap: anywhere;\n}\n\n.dshr-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.dshr-workspaces {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-top: 4px;\n  border-top: 1px dashed var(--dshr-border);\n}\n\n.dshr-workspace {\n  border-radius: 8px;\n  background: var(--dshr-softer);\n}\n\n.dshr-workspace-head {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 8px 10px;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  flex-wrap: wrap;\n}\n\n.dshr-workspace-head:hover {\n  background: var(--dshr-soft);\n}\n\n.dshr-workspace-head code {\n  opacity: 0.6;\n}\n\n.dshr-caret {\n  width: 12px;\n  opacity: 0.6;\n}\n\n.dshr-count {\n  margin-left: auto;\n  font-size: 11px;\n  opacity: 0.55;\n  white-space: nowrap;\n}\n\n.dshr-sessions {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 10px 8px 30px;\n}\n\n.dshr-session {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  padding: 3px 0;\n  font-size: 12px;\n  flex-wrap: wrap;\n}\n\n.dshr-session > span:not(.dshr-live):not(.dshr-idle) {\n  opacity: 0.62;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dshr-live,\n.dshr-idle {\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  transform: translateY(-1px);\n}\n\n.dshr-live {\n  background: var(--dshr-success);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dshr-success) 20%, transparent);\n}\n\n.dshr-idle {\n  background: color-mix(in srgb, currentColor 28%, transparent);\n}\n\n@media (max-width: 720px) {\n  .dshr-form {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .dshr-header {\n    flex-direction: column;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dshr-button {\n    transition: none;\n  }\n}\n\n.dshr-detail {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dshr-warning);\n}\n\n.dshr-workspace-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-right: 6px;\n}\n\n.dshr-workspace-row .dshr-workspace-head {\n  flex: 1;\n}\n\n.dshr-button-small {\n  flex: none;\n  padding: 3px 8px;\n  font-size: 11px;\n}\n\n.dshr-workspace-add {\n  display: flex;\n  gap: 6px;\n  padding: 4px 0 6px;\n}\n\n.dshr-workspace-add input {\n  flex: 1;\n  min-width: 0;\n  padding: 5px 8px;\n  border: 1px solid var(--dshr-border);\n  border-radius: 7px;\n  background: var(--dshr-soft);\n  color: inherit;\n  font: inherit;\n  font-size: 12px;\n  outline: none;\n}\n\n.dshr-workspace-add input:focus {\n  border-color: var(--dshr-accent);\n}\n";
+
+// src/client/RemoteDevelopmentPanel.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function phaseLabel(t, phase) {
+  return t(`phase.${phase}`);
+}
+var DETAIL_KEYS = {
+  "\u6B63\u5728\u901A\u8FC7 SSH \u53D1\u73B0\u8FDC\u7AEF agent\u2026": "detail.discovering",
+  "\u6B63\u5728\u8FDC\u7AEF\u5B89\u88C5 DSH \u4E0E dsh-remote-agent\uFF0C\u9996\u6B21\u7EA6 1\u20133 \u5206\u949F\u2026": "detail.installing",
+  "\u6B63\u5728\u5EFA\u7ACB SSH \u96A7\u9053\u5E76\u6821\u9A8C\u8FDC\u7AEF agent\u2026": "detail.connecting",
+  "\u6B63\u5728\u91CD\u65B0\u5B89\u88C5\u8FDC\u7AEF agent\u2026": "detail.reprovisioning",
+  "SSH \u96A7\u9053\u65AD\u5F00\uFF0C\u7B49\u5F85\u91CD\u8FDE\u2026": "detail.reconnecting",
+  "\u6B63\u5728\u51C6\u5907\u8FDC\u7AEF\u5B89\u88C5\u73AF\u5883\u2026": "detail.preparing",
+  "\u6B63\u5728\u4E0A\u4F20\u8FDC\u7AEF agent \u5B89\u88C5\u5305\u2026": "detail.uploadingAgent",
+  "\u5B89\u88C5\u5305\u4E0A\u4F20\u5B8C\u6210\uFF0C\u5F00\u59CB\u8FDC\u7AEF\u5B89\u88C5\u2026": "detail.uploaded",
+  "\u6B63\u5728\u4E0B\u8F7D Node.js\u2026": "detail.nodeDownloading",
+  "Node.js \u5B89\u88C5\u5B8C\u6210\uFF0C\u7EE7\u7EED\u5B89\u88C5 pnpm/DSH\u2026": "detail.nodeInstalled",
+  "Node.js \u5DF2\u5C31\u7EEA\uFF0C\u51C6\u5907\u5B89\u88C5 pnpm/DSH\u2026": "detail.nodeReady",
+  "\u6B63\u5728\u5B89\u88C5 pnpm\u2026": "detail.pnpmInstalling",
+  "\u6B63\u5728\u5B89\u88C5\u8FDC\u7AEF DSH\uFF08\u4E0B\u8F7D\u4F9D\u8D56\u53EF\u80FD\u9700\u8981\u51E0\u5206\u949F\uFF09\u2026": "detail.dshInstalling",
+  "\u6B63\u5728\u5B89\u88C5\u8FDC\u7AEF agent\u2026": "detail.agentInstalling",
+  "\u6B63\u5728\u542F\u52A8\u8FDC\u7AEF DSH Web \u670D\u52A1\u2026": "detail.webStarting",
+  "\u6B63\u5728\u7B49\u5F85\u8FDC\u7AEF agent \u72B6\u6001\u6587\u4EF6\u2026": "detail.waitingState",
+  "\u6B63\u5728\u7B49\u5F85\u8FDC\u7AEF agent \u72B6\u6001\u2026": "detail.waitingAgent",
+  "\u8FDC\u7AEF agent \u5DF2\u5C31\u7EEA\uFF0C\u6B63\u5728\u5EFA\u7ACB\u8FDE\u63A5\u2026": "detail.agentReady",
+  "\u8FDC\u7AEF\u5B89\u88C5\u5B8C\u6210\u2026": "detail.installed",
+  "\u8FDC\u7AEF\u5B89\u88C5\u5B8C\u6210\uFF0C\u6B63\u5728\u7B49\u5F85 DSH web \u542F\u52A8\u2026": "detail.waitingWeb",
+  "\u4ECD\u5728\u7B49\u5F85\u8FDC\u7AEF dsh web \u5C31\u7EEA\u2026": "detail.stillWaiting",
+  "\u6B63\u5728\u8BFB\u53D6\u8FDC\u7AEF agent \u72B6\u6001\u2026": "detail.readingState",
+  "\u6B63\u5728\u5EFA\u7ACB SSH \u96A7\u9053\u2026": "detail.tunnel",
+  "\u6B63\u5728\u6821\u9A8C\u8FDC\u7AEF agent\u2026": "detail.checkingAgent",
+  "\u6B63\u5728\u540C\u6B65\u8FDC\u7AEF\u6A21\u578B\u73AF\u5883\u2026": "detail.reconcilingModel",
+  "\u5DF2\u8FDE\u63A5\uFF1B\u6A21\u578B\u8BF7\u6C42\u7ECF\u672C\u5730\u51ED\u636E\u4EE3\u7406\u8F6C\u53D1": "detail.connectedProxy",
+  "\u5DF2\u8FDE\u63A5\uFF1B\u6A21\u578B\u8BF7\u6C42\u7531\u8FDC\u7AEF\u76F4\u8FDE DeepSeek": "detail.connectedDirect",
+  "\u5DF2\u8FDE\u63A5\uFF1B\u8FDC\u7AEF\u4F7F\u7528\u81EA\u8EAB\u51ED\u636E\u6216\u672A\u914D\u7F6E\u6A21\u578B key": "detail.connectedRemote"
+};
+function detailLabel(t, detail) {
+  const key = DETAIL_KEYS[detail];
+  return key === void 0 ? detail : t(key);
+}
+var POLL_MS = 2500;
+function RemoteDevelopmentPanel({ api, t }) {
+  const [state, setState] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [notice, setNotice] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(null);
+  const [expandedHost, setExpandedHost] = (0, import_react.useState)(null);
+  const [workspaces, setWorkspaces] = (0, import_react.useState)({});
+  const [openWorkspace, setOpenWorkspace] = (0, import_react.useState)({});
+  const [sessions, setSessions] = (0, import_react.useState)({});
+  const [workspaceDraft, setWorkspaceDraft] = (0, import_react.useState)("");
+  const [form, setForm] = (0, import_react.useState)({
+    sshTarget: "",
+    label: ""
+  });
+  useInjectedStyle(panel_default);
+  const hosts = (0, import_react.useMemo)(() => state?.hosts ?? [], [state]);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    const load = async () => {
+      try {
+        const next = await api.state();
+        if (!cancelled) {
+          setState(next);
+          setError((current) => current === t("settings.unavailable") ? null : current);
+        }
+      } catch (failure) {
+        if (!cancelled) setError(messageOf(failure, t("settings.unavailable")));
+      }
+    };
+    void load();
+    const timer = window.setInterval(() => {
+      void load();
+    }, POLL_MS);
+    const onFocus = () => {
+      void load();
+    };
+    window.addEventListener("focus", onFocus);
+    return () => {
+      cancelled = true;
+      window.clearInterval(timer);
+      window.removeEventListener("focus", onFocus);
+    };
+  }, [api, t]);
+  (0, import_react.useEffect)(() => {
+    const host = hosts.find((item) => item.id === expandedHost);
+    if (host?.phase === "connected" && workspaces[host.id] === void 0) {
+      void loadWorkspaces(host.id);
+    }
+  }, [hosts, expandedHost, workspaces]);
+  async function refresh() {
+    setState(await api.state());
+  }
+  async function run(key, task) {
+    setBusy(key);
+    setError(null);
+    setNotice(null);
+    try {
+      await task();
+      await refresh();
+    } catch (failure) {
+      setError(messageOf(failure, t("settings.operationFailed")));
+    } finally {
+      setBusy(null);
+    }
+  }
+  async function onAdd() {
+    const sshTarget = form.sshTarget.trim();
+    if (sshTarget === "") {
+      setError(t("settings.sshRequired"));
+      return;
+    }
+    await run("add", async () => {
+      await api.validateTarget(sshTarget);
+      const host = await api.addHost({
+        sshTarget,
+        ...form.label.trim() === "" ? {} : { label: form.label.trim() },
+        autoConnect: true
+      });
+      setForm({ sshTarget: "", label: "" });
+      setExpandedHost(host.id);
+      setNotice(t("settings.hostSaved"));
+    });
+  }
+  async function toggleHost(host) {
+    if (expandedHost === host.id) {
+      setExpandedHost(null);
+      return;
+    }
+    setExpandedHost(host.id);
+    await loadWorkspaces(host.id);
+  }
+  async function loadWorkspaces(hostId) {
+    setWorkspaces((current) => ({ ...current, [hostId]: void 0 }));
+    try {
+      const result = await api.workspaces(hostId);
+      setWorkspaces((current) => ({ ...current, [hostId]: [...result.workspaces] }));
+    } catch (failure) {
+      setWorkspaces((current) => ({ ...current, [hostId]: [] }));
+      setError(messageOf(failure, t("settings.readWorkspacesFailed")));
+    }
+  }
+  async function toggleWorkspace(hostId, workspaceId) {
+    const key = `${hostId}:${workspaceId}`;
+    const next = !(openWorkspace[key] ?? false);
+    setOpenWorkspace((current) => ({ ...current, [key]: next }));
+    if (!next || sessions[key] !== void 0) return;
+    setSessions((current) => ({ ...current, [key]: void 0 }));
+    try {
+      const result = await api.sessions(hostId, workspaceId);
+      setSessions((current) => ({ ...current, [key]: [...result.sessions] }));
+    } catch (failure) {
+      setSessions((current) => ({ ...current, [key]: [] }));
+      setError(messageOf(failure, t("settings.readSessionsFailed")));
+    }
+  }
+  async function addWorkspace(host) {
+    const path = workspaceDraft.trim();
+    if (path === "") {
+      setError(t("settings.pathRequired"));
+      return;
+    }
+    setBusy(`workspace:${host.id}`);
+    setError(null);
+    try {
+      await api.createWorkspace(host.id, { path });
+      setWorkspaceDraft("");
+      await loadWorkspaces(host.id);
+      setExpandedHost(host.id);
+    } catch (failure) {
+      setError(messageOf(failure, t("settings.addWorkspaceFailed")));
+    } finally {
+      setBusy(null);
+    }
+  }
+  async function newSession(host, workspaceId) {
+    setBusy(`create:${host.id}:${workspaceId}`);
+    setError(null);
+    try {
+      const created = await api.createSession(host.id, { workspaceId });
+      const key = `${host.id}:${workspaceId}`;
+      setOpenWorkspace((current) => ({ ...current, [key]: true }));
+      if (created.localSessionId !== void 0) {
+        api.openSession(created.localSessionId);
+        setNotice(t("settings.sessionOpening"));
+        window.setTimeout(() => {
+          document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true }));
+        }, 80);
+      } else {
+        setNotice(t("settings.sessionSyncing"));
+      }
+      const result = await api.sessions(host.id, workspaceId);
+      setSessions((current) => ({ ...current, [key]: [...result.sessions] }));
+      const refreshed = await api.workspaces(host.id);
+      setWorkspaces((current) => ({ ...current, [host.id]: [...refreshed.workspaces] }));
+    } catch (failure) {
+      setError(messageOf(failure, t("settings.createSessionFailed")));
+    } finally {
+      setBusy(null);
+    }
+  }
+  async function onRemove(host) {
+    if (!window.confirm(`${t("settings.confirmRemovePrefix")}${host.label}${t("settings.confirmRemoveSuffix")}`)) return;
+    await run(`remove:${host.id}`, async () => {
+      await api.removeHost(host.id);
+      if (expandedHost === host.id) setExpandedHost(null);
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "dshr-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: t("settings.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "dshr-subtitle", children: [
+          t("settings.subtitle.lead"),
+          " ",
+          t("settings.subtitle.body")
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "dshr-button",
+          onClick: () => {
+            void refresh().catch((failure) => setError(messageOf(failure, t("settings.refreshFailed"))));
+          },
+          disabled: busy !== null,
+          children: t("settings.refresh")
+        }
+      )
+    ] }),
+    error !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-banner dshr-banner-error", role: "alert", children: error }),
+    notice !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-banner dshr-banner-info", role: "status", children: notice }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dshr-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("settings.addHost") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "form",
+        {
+          className: "dshr-form",
+          onSubmit: (event) => {
+            event.preventDefault();
+            void onAdd();
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dshr-field dshr-field-wide", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("settings.sshTarget") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  value: form.sshTarget,
+                  onChange: (event) => setForm((current) => ({ ...current, sshTarget: event.target.value })),
+                  placeholder: t("settings.sshPlaceholder"),
+                  autoComplete: "off",
+                  spellCheck: false
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dshr-field", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("settings.label") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  value: form.label,
+                  onChange: (event) => setForm((current) => ({ ...current, label: event.target.value })),
+                  placeholder: t("settings.labelPlaceholder")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-form-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", className: "dshr-button dshr-button-primary", disabled: busy !== null, children: busy === "add" ? t("settings.adding") : t("settings.saveConnect") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dshr-hint", children: t("settings.sshHint") })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dshr-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-section-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("settings.hosts") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dshr-hint", children: [
+          hosts.length,
+          " ",
+          t("settings.hostsUnit")
+        ] })
+      ] }),
+      hosts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-empty", children: t("settings.noHosts") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dshr-hosts", children: hosts.map((host) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "dshr-host", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "dshr-host-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-host-title", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: host.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: host.sshTarget })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dshr-phase dshr-phase-${host.phase}`, children: phaseLabel(t, host.phase) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "dshr-meta", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("settings.remotePort") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.remoteAgentPort ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("settings.localTunnel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.localPort ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("settings.workspaces") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.workspaceCount ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Agent" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.hostInfo?.agentVersion ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("settings.token") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.hasToken ? t("settings.saved") : t("settings.unsaved") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: t("settings.modelProxy") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: host.modelProxy ? t("settings.localProxy") : host.modelDirect ? t("settings.direct") : t("settings.remoteDefault") })
+          ] })
+        ] }),
+        host.detail !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-detail", children: detailLabel(t, host.detail) }),
+        host.error !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-host-error", role: "alert", children: host.error }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-actions", children: [
+          host.phase === "connected" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button",
+                disabled: busy !== null,
+                onClick: () => {
+                  void toggleHost(host);
+                },
+                children: expandedHost === host.id ? t("settings.collapseWorkspaces") : t("settings.expandWorkspaces")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button",
+                disabled: busy !== null,
+                onClick: () => {
+                  void run(`refresh:${host.id}`, async () => {
+                    await api.refresh(host.id);
+                  });
+                },
+                children: t("settings.rediscover")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button",
+                disabled: busy !== null,
+                onClick: () => {
+                  void run(`disconnect:${host.id}`, async () => {
+                    await api.disconnect(host.id);
+                  });
+                },
+                children: t("settings.disconnect")
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button dshr-button-primary",
+                disabled: busy !== null || host.phase === "installing" || host.phase === "discovering" || host.phase === "connecting",
+                onClick: () => {
+                  void run(`connect:${host.id}`, async () => {
+                    await api.connect(host.id);
+                  });
+                },
+                children: host.phase === "installing" ? t("settings.installing") : host.phase === "connecting" ? t("settings.connecting") : t("settings.connect")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button",
+                disabled: busy !== null,
+                onClick: () => {
+                  void run(`refresh:${host.id}`, async () => {
+                    await api.refresh(host.id);
+                  });
+                },
+                children: t("settings.rediscover")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dshr-button",
+              disabled: busy !== null || host.phase === "installing",
+              onClick: () => {
+                void run(`provision:${host.id}`, async () => {
+                  await api.provision(host.id);
+                });
+              },
+              children: t("settings.reprovision")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dshr-button dshr-button-danger",
+              disabled: busy !== null,
+              onClick: () => {
+                void onRemove(host);
+              },
+              children: t("settings.remove")
+            }
+          )
+        ] }),
+        expandedHost === host.id && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-workspaces", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-workspace-add", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                value: workspaceDraft,
+                onChange: (event) => setWorkspaceDraft(event.target.value),
+                placeholder: t("settings.workspacePathPlaceholder"),
+                spellCheck: false,
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") {
+                    event.preventDefault();
+                    void addWorkspace(host);
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dshr-button dshr-button-small",
+                disabled: busy !== null,
+                onClick: () => {
+                  void addWorkspace(host);
+                },
+                children: busy === `workspace:${host.id}` ? t("settings.addingWorkspace") : t("settings.addWorkspace")
+              }
+            )
+          ] }),
+          workspaces[host.id] === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-empty", children: t("settings.readingWorkspaces") }) : workspaces[host.id]?.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-empty", children: t("settings.noWorkspaces") }) : workspaces[host.id]?.map((workspace) => {
+            const workspaceKey = `${host.id}:${workspace.workspaceId}`;
+            const open = openWorkspace[workspaceKey] ?? false;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-workspace", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-workspace-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "dshr-workspace-head",
+                    "aria-expanded": open,
+                    onClick: () => {
+                      void toggleWorkspace(host.id, workspace.workspaceId);
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dshr-caret", children: open ? "\u25BE" : "\u25B8" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: workspace.title }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: workspace.path }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dshr-count", children: [
+                        workspace.sessionIds.length,
+                        " ",
+                        t("settings.sessionsUnit")
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "dshr-button dshr-button-small",
+                    disabled: busy !== null,
+                    onClick: () => {
+                      void newSession(host, workspace.workspaceId);
+                    },
+                    children: busy === `create:${host.id}:${workspace.workspaceId}` ? t("settings.creating") : t("settings.newSession")
+                  }
+                )
+              ] }),
+              open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dshr-sessions", children: sessions[workspaceKey] === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-empty", children: t("settings.readingSessions") }) : sessions[workspaceKey]?.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dshr-empty", children: t("settings.noSessions") }) : sessions[workspaceKey]?.map((session) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dshr-session", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: session.live ? "dshr-live" : "dshr-idle" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: session.sessionId }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: session.cwd ?? "\u2014" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dshr-count", children: [
+                  session.eventCount ?? "\u2014",
+                  " ",
+                  t("settings.eventsUnit")
+                ] })
+              ] }, session.sessionId)) })
+            ] }, workspace.workspaceId);
+          })
+        ] })
+      ] }, host.id)) })
+    ] })
+  ] });
+}
+function useInjectedStyle(css) {
+  (0, import_react.useEffect)(() => {
+    const tag = document.createElement("style");
+    tag.dataset.plugin = "dsh-remote-local";
+    tag.textContent = css;
+    document.head.appendChild(tag);
+    return () => {
+      tag.remove();
+    };
+  }, [css]);
+}
+function messageOf(value, fallback) {
+  return value instanceof Error && value.message !== "" ? value.message : fallback;
+}
+
+// src/client/routing.ts
+function installNativeWorkspaceRouting(ctx, api) {
+  const workspace = ctx.uiWorkspace;
+  if (workspace === void 0 || typeof workspace.startSession !== "function") return;
+  const original = workspace.startSession.bind(workspace);
+  workspace.startSession = (workspaceId, options) => {
+    if (workspaceId === void 0) {
+      original(workspaceId, options);
+      return;
+    }
+    void route(api, String(workspaceId)).then((routed) => {
+      if (!routed) original(workspaceId, options);
+    }).catch(() => {
+      original(workspaceId, options);
+    });
+  };
+}
+async function route(api, localWorkspaceId) {
+  const state = await api.state();
+  for (const host of state.hosts) {
+    if (host.phase !== "connected") continue;
+    const result = await api.workspaces(host.id);
+    const workspace = result.workspaces.find((item) => item.localWorkspaceId === localWorkspaceId);
+    if (workspace === void 0) continue;
+    const created = await api.createSession(host.id, { workspaceId: workspace.workspaceId });
+    if (created.localSessionId !== void 0) {
+      api.openSession(created.localSessionId);
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/client/remote-files.ts
+function installRemoteFiles(ctx, api) {
+  const remote = ctx.remote;
+  const face = remote?.workspaceFiles;
+  if (face === void 0) return;
+  const original = {
+    list: face.list.bind(face),
+    read: face.read.bind(face),
+    stat: face.stat.bind(face),
+    readBytes: face.readBytes.bind(face)
+  };
+  face.list = async (sessionId, path, signal) => {
+    const result = await api.fileList(sessionId, path);
+    return result.mirrored ? { ok: true, value: result.value } : original.list(sessionId, path, signal);
+  };
+  face.read = async (sessionId, path, range, signal) => {
+    const result = await api.fileRead(sessionId, path, range.offset, range.limit);
+    return result.mirrored ? { ok: true, value: result.value } : original.read(sessionId, path, range, signal);
+  };
+  face.stat = async (sessionId, path, signal) => {
+    const result = await api.fileStat(sessionId, path);
+    return result.mirrored ? { ok: true, value: result.value } : original.stat(sessionId, path, signal);
+  };
+  face.readBytes = async (sessionId, path, options, signal) => {
+    const result = await api.fileBytes(sessionId, path, options.range?.offset, options.range?.length);
+    return result.mirrored ? { ok: true, value: result.value } : original.readBytes(sessionId, path, options, signal);
+  };
+}
+
+// src/client/locale.ts
+var NS = "dshRemote";
+var zh = {
+  "settings.title": "\u8FDC\u7A0B\u5F00\u53D1",
+  "settings.subtitle.lead": "\u53EA\u9700\u586B\u5199 SSH \u76EE\u6807\u3002\u63D2\u4EF6\u4F1A\u81EA\u52A8\u5B89\u88C5\u5E76\u542F\u52A8\u8FDC\u7AEF agent\uFF0C\u5EFA\u7ACB\u96A7\u9053\u3002",
+  "settings.subtitle.body": "\u8FDE\u63A5\u540E\u8FDC\u7AEF\u5DE5\u4F5C\u533A\u548C\u4F1A\u8BDD\u4F1A\u540C\u6B65\u5230\u5DE6\u4FA7\uFF0C\u50CF\u672C\u5730\u4F1A\u8BDD\u4E00\u6837\u6253\u5F00\uFF1B\u6A21\u578B\u51ED\u636E\u9ED8\u8BA4\u5199\u5165\u8FDC\u7AEF\u670D\u52A1\u73AF\u5883\uFF1B\u4E5F\u53EF\u542F\u7528\u672C\u5730\u4EE3\u7406\u6A21\u5F0F\u3002",
+  "settings.refresh": "\u5237\u65B0",
+  "settings.addHost": "\u6DFB\u52A0\u4E3B\u673A",
+  "settings.sshTarget": "SSH \u76EE\u6807",
+  "settings.sshPlaceholder": "user@host \u6216 ssh://user@host:22",
+  "settings.label": "\u663E\u793A\u540D\u79F0\uFF08\u53EF\u9009\uFF09",
+  "settings.labelPlaceholder": "\u53EF\u9009\uFF0C\u4F8B\u5982 \u5F00\u53D1\u673A",
+  "settings.saveConnect": "\u4FDD\u5B58\u5E76\u8FDE\u63A5",
+  "settings.adding": "\u6DFB\u52A0\u4E2D\u2026",
+  "settings.sshHint": "\u9700\u8981\u5BC6\u94A5\u6216 ssh-agent \u514D\u4EA4\u4E92\u767B\u5F55\uFF1B\u9996\u6B21\u81EA\u52A8\u5B89\u88C5\u7EA6 1\u20133 \u5206\u949F\u3002",
+  "settings.hosts": "\u4E3B\u673A",
+  "settings.hostsUnit": "\u53F0",
+  "settings.noHosts": "\u8FD8\u6CA1\u6709\u8FDC\u7A0B\u4E3B\u673A\u3002\u5148\u5728\u4E0A\u65B9\u6DFB\u52A0\u4E00\u53F0\u3002",
+  "settings.refreshFailed": "\u5237\u65B0\u5931\u8D25",
+  "settings.unavailable": "\u65E0\u6CD5\u8FDE\u63A5\u672C\u5730\u8FDC\u7A0B\u5BBF\u4E3B\u670D\u52A1",
+  "settings.operationFailed": "\u64CD\u4F5C\u5931\u8D25",
+  "settings.sshRequired": "\u8BF7\u586B\u5199 SSH \u76EE\u6807\uFF0C\u4F8B\u5982 user@host \u6216 ssh://user@host:22",
+  "settings.hostSaved": "\u4E3B\u673A\u5DF2\u4FDD\u5B58\u3002\u63D2\u4EF6\u4F1A\u81EA\u52A8\u5B89\u88C5\u5E76\u542F\u52A8\u8FDC\u7AEF agent\uFF1B\u5B89\u88C5\u8FDB\u5EA6\u4F1A\u663E\u793A\u5728\u4E3B\u673A\u5361\u7247\u4E0A\u3002",
+  "settings.readWorkspacesFailed": "\u8BFB\u53D6\u8FDC\u7AEF\u5DE5\u4F5C\u533A\u5931\u8D25",
+  "settings.readSessionsFailed": "\u8BFB\u53D6\u8FDC\u7AEF\u4F1A\u8BDD\u5931\u8D25",
+  "settings.pathRequired": "\u8BF7\u586B\u5199\u8FDC\u7AEF\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u4F8B\u5982 /home/user/project",
+  "settings.addWorkspaceFailed": "\u6DFB\u52A0\u8FDC\u7AEF\u5DE5\u4F5C\u533A\u5931\u8D25",
+  "settings.sessionOpening": "\u8FDC\u7AEF\u4F1A\u8BDD\u5DF2\u521B\u5EFA\uFF0C\u6B63\u5728\u666E\u901A\u4F1A\u8BDD\u754C\u9762\u6253\u5F00\u2026",
+  "settings.sessionSyncing": "\u8FDC\u7AEF\u4F1A\u8BDD\u5DF2\u521B\u5EFA\uFF0C\u6B63\u5728\u540C\u6B65\u5230\u4FA7\u8FB9\u680F\u2026",
+  "settings.createSessionFailed": "\u521B\u5EFA\u8FDC\u7AEF\u4F1A\u8BDD\u5931\u8D25",
+  "settings.confirmRemovePrefix": "\u5220\u9664\u4E3B\u673A\u300C",
+  "settings.confirmRemoveSuffix": "\u300D\uFF1F\u8FDC\u7AEF\u6587\u4EF6\u4E0E\u4F1A\u8BDD\u4E0D\u4F1A\u88AB\u5220\u9664\u3002",
+  "settings.remotePort": "\u8FDC\u7AEF\u7AEF\u53E3",
+  "settings.localTunnel": "\u672C\u5730\u96A7\u9053",
+  "settings.workspaces": "\u5DE5\u4F5C\u533A",
+  "settings.token": "Token",
+  "settings.saved": "\u5DF2\u4FDD\u5B58",
+  "settings.unsaved": "\u672A\u4FDD\u5B58",
+  "settings.modelProxy": "\u6A21\u578B\u4EE3\u7406",
+  "settings.localProxy": "\u672C\u5730\u4EE3\u7406",
+  "settings.direct": "\u8FDC\u7AEF\u76F4\u8FDE",
+  "settings.remoteDefault": "\u8FDC\u7AEF\u9ED8\u8BA4",
+  "settings.collapseWorkspaces": "\u6536\u8D77\u5DE5\u4F5C\u533A",
+  "settings.expandWorkspaces": "\u5DE5\u4F5C\u533A",
+  "settings.rediscover": "\u91CD\u65B0\u53D1\u73B0",
+  "settings.disconnect": "\u65AD\u5F00",
+  "settings.connect": "\u8FDE\u63A5",
+  "settings.installing": "\u6B63\u5728\u5B89\u88C5\u2026",
+  "settings.connecting": "\u6B63\u5728\u8FDE\u63A5\u2026",
+  "settings.reprovision": "\u91CD\u65B0\u5B89\u88C5",
+  "settings.remove": "\u5220\u9664",
+  "settings.workspacePathPlaceholder": "\u8FDC\u7AEF\u76EE\u5F55\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u4F8B\u5982 /home/user/project",
+  "settings.addWorkspace": "\u6DFB\u52A0\u5DE5\u4F5C\u533A",
+  "settings.addingWorkspace": "\u6DFB\u52A0\u4E2D\u2026",
+  "settings.readingWorkspaces": "\u6B63\u5728\u8BFB\u53D6\u5DE5\u4F5C\u533A\u2026",
+  "settings.noWorkspaces": "\u8FDC\u7AEF\u8FD8\u6CA1\u6709\u6CE8\u518C\u5DE5\u4F5C\u533A\u3002\u53EF\u5728\u8FDC\u7AEF DSH \u91CC\u6DFB\u52A0\u76EE\u5F55\u540E\u5237\u65B0\u3002",
+  "settings.sessionsUnit": "\u4E2A\u4F1A\u8BDD",
+  "settings.newSession": "+ \u65B0\u4F1A\u8BDD",
+  "settings.creating": "\u521B\u5EFA\u4E2D\u2026",
+  "settings.readingSessions": "\u6B63\u5728\u8BFB\u53D6\u4F1A\u8BDD\u2026",
+  "settings.noSessions": "\u8BE5\u5DE5\u4F5C\u533A\u6682\u65E0\u4F1A\u8BDD\u3002\u70B9\u201C+ \u65B0\u4F1A\u8BDD\u201D\u5F00\u59CB\u3002",
+  "settings.eventsUnit": "\u4E8B\u4EF6",
+  "phase.idle": "\u672A\u8FDE\u63A5",
+  "phase.discovering": "\u53D1\u73B0\u4E2D",
+  "phase.installing": "\u5B89\u88C5\u4E2D",
+  "phase.connecting": "\u8FDE\u63A5\u4E2D",
+  "phase.connected": "\u5DF2\u8FDE\u63A5",
+  "phase.disconnected": "\u5DF2\u65AD\u5F00",
+  "phase.error": "\u5F02\u5E38",
+  "detail.discovering": "\u6B63\u5728\u901A\u8FC7 SSH \u53D1\u73B0\u8FDC\u7AEF agent\u2026",
+  "detail.installing": "\u6B63\u5728\u8FDC\u7AEF\u5B89\u88C5 DSH \u4E0E dsh-remote-agent\uFF0C\u9996\u6B21\u7EA6 1\u20133 \u5206\u949F\u2026",
+  "detail.connecting": "\u6B63\u5728\u5EFA\u7ACB SSH \u96A7\u9053\u5E76\u6821\u9A8C\u8FDC\u7AEF agent\u2026",
+  "detail.reprovisioning": "\u6B63\u5728\u91CD\u65B0\u5B89\u88C5\u8FDC\u7AEF agent\u2026",
+  "detail.reconnecting": "SSH \u96A7\u9053\u65AD\u5F00\uFF0C\u7B49\u5F85\u91CD\u8FDE\u2026",
+  "detail.connectedProxy": "\u5DF2\u8FDE\u63A5\uFF1B\u6A21\u578B\u8BF7\u6C42\u7ECF\u672C\u5730\u51ED\u636E\u4EE3\u7406\u8F6C\u53D1",
+  "detail.connectedDirect": "\u5DF2\u8FDE\u63A5\uFF1B\u6A21\u578B\u8BF7\u6C42\u7531\u8FDC\u7AEF\u76F4\u8FDE DeepSeek",
+  "detail.connectedRemote": "\u5DF2\u8FDE\u63A5\uFF1B\u8FDC\u7AEF\u4F7F\u7528\u81EA\u8EAB\u51ED\u636E\u6216\u672A\u914D\u7F6E\u6A21\u578B key",
+  "detail.preparing": "\u6B63\u5728\u51C6\u5907\u8FDC\u7AEF\u5B89\u88C5\u73AF\u5883\u2026",
+  "detail.uploadingAgent": "\u6B63\u5728\u4E0A\u4F20\u8FDC\u7AEF agent \u5B89\u88C5\u5305\u2026",
+  "detail.uploaded": "\u5B89\u88C5\u5305\u4E0A\u4F20\u5B8C\u6210\uFF0C\u5F00\u59CB\u8FDC\u7AEF\u5B89\u88C5\u2026",
+  "detail.nodeDownloading": "\u6B63\u5728\u4E0B\u8F7D Node.js\u2026",
+  "detail.nodeInstalled": "Node.js \u5B89\u88C5\u5B8C\u6210\uFF0C\u7EE7\u7EED\u5B89\u88C5 pnpm/DSH\u2026",
+  "detail.nodeReady": "Node.js \u5DF2\u5C31\u7EEA\uFF0C\u51C6\u5907\u5B89\u88C5 pnpm/DSH\u2026",
+  "detail.pnpmInstalling": "\u6B63\u5728\u5B89\u88C5 pnpm\u2026",
+  "detail.dshInstalling": "\u6B63\u5728\u5B89\u88C5\u8FDC\u7AEF DSH\uFF08\u4E0B\u8F7D\u4F9D\u8D56\u53EF\u80FD\u9700\u8981\u51E0\u5206\u949F\uFF09\u2026",
+  "detail.agentInstalling": "\u6B63\u5728\u5B89\u88C5\u8FDC\u7AEF agent\u2026",
+  "detail.webStarting": "\u6B63\u5728\u542F\u52A8\u8FDC\u7AEF DSH Web \u670D\u52A1\u2026",
+  "detail.waitingState": "\u6B63\u5728\u7B49\u5F85\u8FDC\u7AEF agent \u72B6\u6001\u6587\u4EF6\u2026",
+  "detail.waitingAgent": "\u6B63\u5728\u7B49\u5F85\u8FDC\u7AEF agent \u72B6\u6001\u2026",
+  "detail.agentReady": "\u8FDC\u7AEF agent \u5DF2\u5C31\u7EEA\uFF0C\u6B63\u5728\u5EFA\u7ACB\u8FDE\u63A5\u2026",
+  "detail.installed": "\u8FDC\u7AEF\u5B89\u88C5\u5B8C\u6210\u2026",
+  "detail.waitingWeb": "\u8FDC\u7AEF\u5B89\u88C5\u5B8C\u6210\uFF0C\u6B63\u5728\u7B49\u5F85 DSH web \u542F\u52A8\u2026",
+  "detail.stillWaiting": "\u4ECD\u5728\u7B49\u5F85\u8FDC\u7AEF dsh web \u5C31\u7EEA\u2026",
+  "detail.readingState": "\u6B63\u5728\u8BFB\u53D6\u8FDC\u7AEF agent \u72B6\u6001\u2026",
+  "detail.tunnel": "\u6B63\u5728\u5EFA\u7ACB SSH \u96A7\u9053\u2026",
+  "detail.checkingAgent": "\u6B63\u5728\u6821\u9A8C\u8FDC\u7AEF agent\u2026",
+  "detail.reconcilingModel": "\u6B63\u5728\u540C\u6B65\u8FDC\u7AEF\u6A21\u578B\u73AF\u5883\u2026",
+  "dialog.title": "\u65B0\u5EFA\u5DE5\u4F5C\u533A",
+  "dialog.close": "\u5173\u95ED",
+  "dialog.name": "\u5DE5\u4F5C\u533A\u540D\u79F0",
+  "dialog.namePlaceholder": "\u5DE5\u4F5C\u533A\u540D\u79F0\uFF08\u53EF\u9009\uFF09",
+  "dialog.source": "\u6E90\u76EE\u5F55",
+  "dialog.addToPrefix": "\u5C06\u76EE\u5F55\u6DFB\u52A0\u5230 ",
+  "dialog.addToSuffix": "",
+  "dialog.add": "\u6DFB\u52A0",
+  "dialog.local": "\u672C\u673A",
+  "dialog.remoteDevices": "\u8FDC\u7AEF\u8BBE\u5907",
+  "dialog.addRemote": "+ \u6DFB\u52A0\u8FDC\u7AEF\u2026",
+  "dialog.addRemoteHint": "\u8BF7\u5148\u5728 Settings \u2192 \u8FDC\u7A0B\u5F00\u53D1 \u6DFB\u52A0\u5E76\u8FDE\u63A5\u8FDC\u7AEF\u4E3B\u673A\u3002",
+  "dialog.cancel": "\u53D6\u6D88",
+  "dialog.create": "\u521B\u5EFA\u5DE5\u4F5C\u533A",
+  "dialog.creating": "\u521B\u5EFA\u4E2D\u2026",
+  "dialog.createFailed": "\u65B0\u5EFA\u5DE5\u4F5C\u533A\u5931\u8D25",
+  "dialog.removeFolder": "\u79FB\u9664\u76EE\u5F55",
+  "dialog.selectedFallback": "\u8FDC\u7AEF workspace \u5DF2\u521B\u5EFA\uFF0C\u4F46\u672C\u5730\u955C\u50CF\u8FD8\u6CA1\u6709\u540C\u6B65\u5B8C\u6210",
+  "dialog.folderTitle": "\u9009\u62E9\u6E90\u76EE\u5F55",
+  "dialog.up": "\u4E0A\u4E00\u7EA7",
+  "dialog.selectFolder": "\u9009\u62E9\u5F53\u524D\u76EE\u5F55",
+  "dialog.reading": "\u6B63\u5728\u8BFB\u53D6\u76EE\u5F55\u2026",
+  "dialog.emptyFolder": "\u6B64\u76EE\u5F55\u6CA1\u6709\u5B50\u76EE\u5F55",
+  "dialog.readFailed": "\u8BFB\u53D6\u76EE\u5F55\u5931\u8D25",
+  "dialog.nativePickerFailed": "\u65E0\u6CD5\u6253\u5F00\u7CFB\u7EDF\u76EE\u5F55\u9009\u62E9\u5668",
+  "dialog.useFolder": "\u4F7F\u7528\u6B64\u76EE\u5F55"
+};
+var en = {
+  "settings.title": "Remote development",
+  "settings.subtitle.lead": "Enter an SSH target. The plugin installs and starts the remote agent and opens a tunnel.",
+  "settings.subtitle.body": "Remote workspaces and sessions sync into the normal sidebar and open like local sessions. The model key is written into the remote service environment by default; local proxying remains optional.",
+  "settings.refresh": "Refresh",
+  "settings.addHost": "Add host",
+  "settings.sshTarget": "SSH target",
+  "settings.sshPlaceholder": "user@host or ssh://user@host:22",
+  "settings.label": "Display name (optional)",
+  "settings.labelPlaceholder": "Optional, e.g. dev box",
+  "settings.saveConnect": "Save and connect",
+  "settings.adding": "Adding\u2026",
+  "settings.sshHint": "Requires key or ssh-agent authentication. First install takes about 1\u20133 minutes.",
+  "settings.hosts": "Hosts",
+  "settings.hostsUnit": "",
+  "settings.noHosts": "No remote hosts yet. Add one above.",
+  "settings.refreshFailed": "Refresh failed",
+  "settings.unavailable": "Cannot reach the local remote-host service",
+  "settings.operationFailed": "Operation failed",
+  "settings.sshRequired": "Enter an SSH target, e.g. user@host or ssh://user@host:22",
+  "settings.hostSaved": "Host saved. The plugin will install and start the remote agent; progress appears on the host card.",
+  "settings.readWorkspacesFailed": "Could not read remote workspaces",
+  "settings.readSessionsFailed": "Could not read remote sessions",
+  "settings.pathRequired": "Enter an absolute remote directory, e.g. /home/user/project",
+  "settings.addWorkspaceFailed": "Could not add the remote workspace",
+  "settings.sessionOpening": "Remote session created; opening it in the conversation view\u2026",
+  "settings.sessionSyncing": "Remote session created; syncing it into the sidebar\u2026",
+  "settings.createSessionFailed": "Could not create the remote session",
+  "settings.confirmRemovePrefix": 'Remove host "',
+  "settings.confirmRemoveSuffix": '"? Remote files and sessions are not deleted.',
+  "settings.remotePort": "Remote port",
+  "settings.localTunnel": "Local tunnel",
+  "settings.workspaces": "Workspaces",
+  "settings.token": "Token",
+  "settings.saved": "Saved",
+  "settings.unsaved": "Not saved",
+  "settings.modelProxy": "Model credentials",
+  "settings.localProxy": "Local proxy",
+  "settings.direct": "Remote direct",
+  "settings.remoteDefault": "Remote default",
+  "settings.collapseWorkspaces": "Hide workspaces",
+  "settings.expandWorkspaces": "Workspaces",
+  "settings.rediscover": "Rediscover",
+  "settings.disconnect": "Disconnect",
+  "settings.connect": "Connect",
+  "settings.installing": "Installing\u2026",
+  "settings.connecting": "Connecting\u2026",
+  "settings.reprovision": "Reinstall",
+  "settings.remove": "Remove",
+  "settings.workspacePathPlaceholder": "Absolute remote path, e.g. /home/user/project",
+  "settings.addWorkspace": "Add workspace",
+  "settings.addingWorkspace": "Adding\u2026",
+  "settings.readingWorkspaces": "Reading workspaces\u2026",
+  "settings.noWorkspaces": "No remote workspaces registered yet. Add a directory in the remote DSH, then refresh.",
+  "settings.sessionsUnit": "sessions",
+  "settings.newSession": "+ New session",
+  "settings.creating": "Creating\u2026",
+  "settings.readingSessions": "Reading sessions\u2026",
+  "settings.noSessions": "No sessions in this workspace. Start one with \u201C+ New session\u201D.",
+  "settings.eventsUnit": "events",
+  "phase.idle": "Idle",
+  "phase.discovering": "Discovering",
+  "phase.installing": "Installing",
+  "phase.connecting": "Connecting",
+  "phase.connected": "Connected",
+  "phase.disconnected": "Disconnected",
+  "phase.error": "Error",
+  "detail.discovering": "Discovering the remote agent over SSH\u2026",
+  "detail.installing": "Installing DSH and dsh-remote-agent remotely; this takes about 1\u20133 minutes\u2026",
+  "detail.connecting": "Opening the SSH tunnel and checking the remote agent\u2026",
+  "detail.reprovisioning": "Reinstalling the remote agent\u2026",
+  "detail.reconnecting": "SSH tunnel closed; waiting to reconnect\u2026",
+  "detail.connectedProxy": "Connected; model requests go through the local credential proxy",
+  "detail.connectedDirect": "Connected; the remote host calls DeepSeek directly",
+  "detail.connectedRemote": "Connected; the remote host uses its own credentials or has no model key",
+  "detail.preparing": "Preparing the remote installation environment\u2026",
+  "detail.uploadingAgent": "Uploading the remote agent package\u2026",
+  "detail.uploaded": "Package uploaded; starting the remote installation\u2026",
+  "detail.nodeDownloading": "Downloading Node.js\u2026",
+  "detail.nodeInstalled": "Node.js installed; continuing with pnpm/DSH\u2026",
+  "detail.nodeReady": "Node.js is ready; preparing pnpm/DSH\u2026",
+  "detail.pnpmInstalling": "Installing pnpm\u2026",
+  "detail.dshInstalling": "Installing remote DSH (dependency download may take several minutes)\u2026",
+  "detail.agentInstalling": "Installing the remote agent\u2026",
+  "detail.webStarting": "Starting the remote DSH Web service\u2026",
+  "detail.waitingState": "Waiting for the remote agent state file\u2026",
+  "detail.waitingAgent": "Waiting for the remote agent\u2026",
+  "detail.agentReady": "Remote agent is ready; establishing the connection\u2026",
+  "detail.installed": "Remote installation complete\u2026",
+  "detail.waitingWeb": "Remote installation complete; waiting for DSH Web\u2026",
+  "detail.stillWaiting": "Still waiting for remote DSH Web\u2026",
+  "detail.readingState": "Reading the remote agent state\u2026",
+  "detail.tunnel": "Establishing the SSH tunnel\u2026",
+  "detail.checkingAgent": "Checking the remote agent\u2026",
+  "detail.reconcilingModel": "Synchronizing the remote model environment\u2026",
+  "dialog.title": "New workspace",
+  "dialog.close": "Close",
+  "dialog.name": "Workspace name",
+  "dialog.namePlaceholder": "Workspace name (optional)",
+  "dialog.source": "Source folder",
+  "dialog.addToPrefix": "Add a folder on ",
+  "dialog.addToSuffix": "",
+  "dialog.add": "Add",
+  "dialog.local": "This computer",
+  "dialog.remoteDevices": "Remote devices",
+  "dialog.addRemote": "+ Add remote\u2026",
+  "dialog.addRemoteHint": "Add and connect a remote host in Settings \u2192 Remote development first.",
+  "dialog.cancel": "Cancel",
+  "dialog.create": "Create workspace",
+  "dialog.creating": "Creating\u2026",
+  "dialog.createFailed": "Could not create the workspace",
+  "dialog.removeFolder": "Remove folder",
+  "dialog.selectedFallback": "The remote workspace was created, but the local mirror has not synced yet",
+  "dialog.folderTitle": "Choose a source folder",
+  "dialog.up": "Parent folder",
+  "dialog.selectFolder": "Select current folder",
+  "dialog.reading": "Reading folder\u2026",
+  "dialog.emptyFolder": "No subfolders here",
+  "dialog.readFailed": "Could not read the folder",
+  "dialog.nativePickerFailed": "Could not open the system folder picker",
+  "dialog.useFolder": "Use folder"
+};
+
+// src/client/workspace-add.ts
+var ADD_LABELS = /* @__PURE__ */ new Set(["Add workspace", "\u6DFB\u52A0\u5DE5\u4F5C\u533A"]);
+var NATIVE_CLICK_FLAG = "dshrNativeClick";
+var DIALOG_CLASS = "dshr-workspace-add-dialog";
+var closeDialog;
+var closeBrowser;
+var closeMenu;
+async function pickLocalDirectory(ctx) {
+  const desktop = globalThis.__DSH_DIRECTORY_PICKER__;
+  if (desktop !== void 0) return desktop.pick();
+  const uiWorkspace = ctx.uiWorkspace;
+  if (uiWorkspace?.pickDirectory !== void 0) return uiWorkspace.pickDirectory();
+  const remote = ctx.remote;
+  if (remote?.directoryPicker === void 0) throw new Error("directory picker is unavailable");
+  const result = await remote.directoryPicker.pick();
+  if (!result.ok) throw new Error(result.error.message);
+  return result.value;
+}
+function installWorkspaceAddMenu(ctx, api, t) {
+  if (typeof document === "undefined") return;
+  ensureStyles();
+  ctx.effect(() => {
+    const onClick = (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const button = target.closest("button[aria-label]");
+      if (button === null) return;
+      const label = button.getAttribute("aria-label") ?? "";
+      if (!ADD_LABELS.has(label)) return;
+      if (button.closest('[class*="headerActions"]') === null) return;
+      if (button.dataset[NATIVE_CLICK_FLAG] === "1") {
+        delete button.dataset[NATIVE_CLICK_FLAG];
+        return;
+      }
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      void openCreateDialog({ ctx, api, t }, button);
+    };
+    document.addEventListener("click", onClick, true);
+    return () => {
+      document.removeEventListener("click", onClick, true);
+      closeTransient();
+    };
+  }, "dsh-remote: workspace add dialog");
+}
+async function openCreateDialog(flow, anchor) {
+  closeTransient();
+  const overlay = document.createElement("div");
+  overlay.className = `${DIALOG_CLASS}-overlay`;
+  overlay.setAttribute("role", "presentation");
+  const dialog = document.createElement("div");
+  dialog.className = DIALOG_CLASS;
+  dialog.setAttribute("role", "dialog");
+  dialog.setAttribute("aria-modal", "true");
+  dialog.setAttribute("aria-label", flow.t("dialog.title"));
+  const title = document.createElement("h2");
+  title.className = `${DIALOG_CLASS}-title`;
+  title.textContent = flow.t("dialog.title");
+  const header = document.createElement("div");
+  header.className = `${DIALOG_CLASS}-header`;
+  const closeButton = document.createElement("button");
+  closeButton.type = "button";
+  closeButton.className = `${DIALOG_CLASS}-close`;
+  closeButton.setAttribute("aria-label", flow.t("dialog.close"));
+  closeButton.textContent = "\xD7";
+  header.append(title, closeButton);
+  const nameLabel = document.createElement("label");
+  nameLabel.className = `${DIALOG_CLASS}-field`;
+  const nameText = document.createElement("span");
+  nameText.textContent = flow.t("dialog.name");
+  const nameRow = document.createElement("div");
+  nameRow.className = `${DIALOG_CLASS}-input-row`;
+  const nameIcon = document.createElement("span");
+  nameIcon.className = `${DIALOG_CLASS}-input-icon`;
+  setFolderIcon(nameIcon);
+  const nameInput = document.createElement("input");
+  nameInput.className = `${DIALOG_CLASS}-input`;
+  nameInput.placeholder = flow.t("dialog.namePlaceholder");
+  nameInput.autocomplete = "off";
+  nameRow.append(nameIcon, nameInput);
+  nameLabel.append(nameText, nameRow);
+  const sourceTitle = document.createElement("h3");
+  sourceTitle.className = `${DIALOG_CLASS}-section-title`;
+  sourceTitle.textContent = flow.t("dialog.source");
+  const sourceHeader = document.createElement("div");
+  sourceHeader.className = `${DIALOG_CLASS}-source-header`;
+  const hostIndicator = document.createElement("span");
+  hostIndicator.className = `${DIALOG_CLASS}-host-indicator`;
+  const hostIcon = document.createElement("span");
+  hostIcon.className = `${DIALOG_CLASS}-host-icon`;
+  setComputerIcon(hostIcon);
+  const hostLabelText = document.createElement("span");
+  hostIndicator.append(hostIcon, hostLabelText);
+  sourceHeader.append(sourceTitle, hostIndicator);
+  const sourceBox = document.createElement("div");
+  sourceBox.className = `${DIALOG_CLASS}-source-box`;
+  const sourceCenter = document.createElement("div");
+  sourceCenter.className = `${DIALOG_CLASS}-source-center`;
+  const sourceTrigger = document.createElement("button");
+  sourceTrigger.type = "button";
+  sourceTrigger.className = `${DIALOG_CLASS}-source-trigger`;
+  const sourceTriggerText = document.createElement("span");
+  const sourceChevron = document.createElement("span");
+  sourceChevron.className = `${DIALOG_CLASS}-chevron`;
+  sourceChevron.textContent = "\u2304";
+  sourceTrigger.append(sourceTriggerText, sourceChevron);
+  const addFolder = document.createElement("button");
+  addFolder.type = "button";
+  addFolder.className = `${DIALOG_CLASS}-add-folder`;
+  const addFolderIcon = document.createElement("span");
+  addFolderIcon.className = `${DIALOG_CLASS}-add-folder-icon`;
+  const addFolderText = document.createElement("span");
+  addFolderText.textContent = flow.t("dialog.add");
+  addFolder.append(addFolderIcon, addFolderText);
+  sourceCenter.append(sourceTrigger, addFolder);
+  const selectedFolder = document.createElement("div");
+  selectedFolder.className = `${DIALOG_CLASS}-selected-folder`;
+  const selectedIcon = document.createElement("span");
+  selectedIcon.textContent = "\u{1F4C1}";
+  const selectedName = document.createElement("span");
+  selectedName.className = `${DIALOG_CLASS}-selected-name`;
+  const removeFolder = document.createElement("button");
+  removeFolder.type = "button";
+  removeFolder.className = `${DIALOG_CLASS}-remove-folder`;
+  removeFolder.setAttribute("aria-label", flow.t("dialog.removeFolder"));
+  removeFolder.textContent = "\xD7";
+  selectedFolder.append(selectedIcon, selectedName, removeFolder);
+  sourceBox.append(sourceCenter, selectedFolder);
+  const error = document.createElement("p");
+  error.className = `${DIALOG_CLASS}-error`;
+  error.setAttribute("role", "alert");
+  const actions = document.createElement("div");
+  actions.className = `${DIALOG_CLASS}-actions`;
+  const cancel = document.createElement("button");
+  cancel.type = "button";
+  cancel.className = `${DIALOG_CLASS}-button`;
+  cancel.textContent = flow.t("dialog.cancel");
+  const create = document.createElement("button");
+  create.type = "button";
+  create.className = `${DIALOG_CLASS}-button ${DIALOG_CLASS}-primary`;
+  create.textContent = flow.t("dialog.create");
+  actions.append(cancel, create);
+  dialog.append(header, nameLabel, sourceHeader, sourceBox, error, actions);
+  overlay.append(dialog);
+  document.body.append(overlay);
+  let hosts = [];
+  let destination = { kind: "local" };
+  let selectedPath = "";
+  const update = () => {
+    const label = destination.kind === "local" ? flow.t("dialog.local") : destination.host.label;
+    sourceTriggerText.textContent = `${flow.t("dialog.addToPrefix")}${label}${flow.t("dialog.addToSuffix")}`;
+    hostLabelText.textContent = label;
+    addFolderIcon.textContent = "+ ";
+    const hasFolder = selectedPath !== "";
+    sourceCenter.style.display = hasFolder ? "none" : "flex";
+    selectedFolder.style.display = hasFolder ? "flex" : "none";
+    sourceBox.classList.toggle(`${DIALOG_CLASS}-source-box-selected`, hasFolder);
+    selectedName.textContent = hasFolder ? folderName(selectedPath) : "";
+    selectedFolder.title = hasFolder ? selectedPath : "";
+    create.disabled = !hasFolder;
+  };
+  const close = () => {
+    closeBrowser?.();
+    closeMenu?.();
+    overlay.remove();
+    window.removeEventListener("keydown", keyHandler, true);
+    overlay.removeEventListener("pointerdown", outside, true);
+    if (closeDialog === close) closeDialog = void 0;
+  };
+  closeDialog = close;
+  const keyHandler = (event) => {
+    if (event.key === "Escape") close();
+  };
+  const outside = (event) => {
+    if (event.target === overlay) close();
+  };
+  window.addEventListener("keydown", keyHandler, true);
+  overlay.addEventListener("pointerdown", outside, true);
+  cancel.addEventListener("click", close);
+  closeButton.addEventListener("click", close);
+  sourceTrigger.addEventListener("click", () => {
+    openDestinationMenu(sourceTrigger, hosts, destination, flow.t, (next) => {
+      destination = next;
+      selectedPath = "";
+      update();
+    });
+  });
+  addFolder.addEventListener("click", () => {
+    if (destination.kind === "local") {
+      addFolder.disabled = true;
+      void pickLocalDirectory(flow.ctx).then((path) => {
+        if (path !== null) {
+          selectedPath = path;
+          update();
+        }
+      }).catch((failure) => {
+        error.textContent = messageOf2(failure, flow.t("dialog.nativePickerFailed"));
+      }).finally(() => {
+        addFolder.disabled = false;
+      });
+      return;
+    }
+    const initial = destination.host.hostInfo?.home ?? "~";
+    openDirectoryBrowser(flow, destination, initial, (path) => {
+      selectedPath = path;
+      update();
+    });
+  });
+  removeFolder.addEventListener("click", () => {
+    selectedPath = "";
+    update();
+  });
+  nameInput.addEventListener("input", update);
+  try {
+    const state = await flow.api.state();
+    hosts = state.hosts.filter((host) => host.phase === "connected");
+  } catch {
+    hosts = [];
+  }
+  update();
+  create.addEventListener("click", () => {
+    if (selectedPath === "") return;
+    const title2 = nameInput.value.trim() || folderName(selectedPath);
+    create.disabled = true;
+    cancel.disabled = true;
+    create.textContent = flow.t("dialog.creating");
+    void (async () => {
+      try {
+        if (destination.kind === "local") {
+          const local = await flow.api.createLocalWorkspace({ path: selectedPath, title: title2 });
+          close();
+          flow.ctx.uiWorkspace.startSession(local.workspaceId);
+          return;
+        }
+        const workspace = await flow.api.createWorkspace(destination.host.id, {
+          path: selectedPath,
+          title: title2
+        });
+        const session = await flow.api.createSession(destination.host.id, {
+          workspaceId: workspace.workspaceId
+        });
+        if (session.localSessionId !== void 0) {
+          close();
+          flow.api.openSession(session.localSessionId);
+          return;
+        }
+        const localId = await waitForLocalWorkspace(flow.api, destination.host.id, workspace.workspaceId);
+        if (localId === void 0) throw new Error(flow.t("dialog.selectedFallback"));
+        close();
+        flow.ctx.uiWorkspace.startSession(localId);
+      } catch (failure) {
+        error.textContent = messageOf2(failure, flow.t("dialog.createFailed"));
+        create.disabled = false;
+        cancel.disabled = false;
+        create.textContent = flow.t("dialog.create");
+      }
+    })();
+  });
+  nameInput.focus();
+}
+function openDestinationMenu(anchor, hosts, current, t, onPick) {
+  closeMenu?.();
+  const menu = document.createElement("div");
+  menu.className = `${DIALOG_CLASS}-destination-menu`;
+  const add = (label, destination) => {
+    const item = document.createElement("button");
+    item.type = "button";
+    item.className = `${DIALOG_CLASS}-destination-item`;
+    const text = document.createElement("span");
+    text.textContent = label;
+    const check = document.createElement("span");
+    check.className = `${DIALOG_CLASS}-destination-check`;
+    const selected = current.kind === destination.kind && (destination.kind === "local" || current.kind === "remote" && current.host.id === destination.host.id);
+    check.textContent = selected ? "\u2713" : "";
+    item.append(text, check);
+    item.addEventListener("click", () => {
+      onPick(destination);
+      close();
+    });
+    menu.append(item);
+  };
+  add(t("dialog.local"), { kind: "local" });
+  if (hosts.length > 0) {
+    const section = document.createElement("div");
+    section.className = `${DIALOG_CLASS}-destination-section`;
+    section.textContent = t("dialog.remoteDevices");
+    menu.append(section);
+    for (const host of hosts) add(host.label, { kind: "remote", host });
+  }
+  const addRemote = document.createElement("button");
+  addRemote.type = "button";
+  addRemote.className = `${DIALOG_CLASS}-destination-item ${DIALOG_CLASS}-destination-add`;
+  addRemote.textContent = t("dialog.addRemote");
+  addRemote.addEventListener("click", () => {
+    close();
+    const error = document.querySelector(`.${DIALOG_CLASS}-error`);
+    if (error !== null) error.textContent = t("dialog.addRemoteHint");
+  });
+  menu.append(addRemote);
+  document.body.append(menu);
+  const rect = anchor.getBoundingClientRect();
+  menu.style.left = `${Math.min(rect.left, window.innerWidth - 260)}px`;
+  menu.style.top = `${rect.bottom + 6}px`;
+  const close = () => {
+    menu.remove();
+    window.removeEventListener("pointerdown", dismiss, true);
+    if (closeMenu === close) closeMenu = void 0;
+  };
+  closeMenu = close;
+  const dismiss = (event) => {
+    if (event.target instanceof Node && menu.contains(event.target)) return;
+    close();
+  };
+  window.addEventListener("pointerdown", dismiss, true);
+}
+async function openDirectoryBrowser(flow, destination, initialPath, onPick) {
+  closeBrowser?.();
+  const overlay = document.createElement("div");
+  overlay.className = `${DIALOG_CLASS}-browser-overlay`;
+  overlay.setAttribute("role", "presentation");
+  const dialog = document.createElement("div");
+  dialog.className = `${DIALOG_CLASS} ${DIALOG_CLASS}-browser`;
+  dialog.setAttribute("role", "dialog");
+  dialog.setAttribute("aria-modal", "true");
+  dialog.setAttribute("aria-label", flow.t("dialog.folderTitle"));
+  const title = document.createElement("h2");
+  title.className = `${DIALOG_CLASS}-browser-title`;
+  title.textContent = flow.t("dialog.folderTitle");
+  const browserHeader = document.createElement("div");
+  browserHeader.className = `${DIALOG_CLASS}-browser-header`;
+  const browserClose = document.createElement("button");
+  browserClose.type = "button";
+  browserClose.className = `${DIALOG_CLASS}-close`;
+  browserClose.setAttribute("aria-label", flow.t("dialog.close"));
+  browserClose.textContent = "\xD7";
+  browserHeader.append(title, browserClose);
+  const pathRow = document.createElement("div");
+  pathRow.className = `${DIALOG_CLASS}-browser-path-row`;
+  const up = document.createElement("button");
+  up.type = "button";
+  up.className = `${DIALOG_CLASS}-up`;
+  up.textContent = "\u2191";
+  up.setAttribute("aria-label", flow.t("dialog.up"));
+  const pathInput = document.createElement("input");
+  pathInput.className = `${DIALOG_CLASS}-browser-path`;
+  pathInput.value = initialPath;
+  pathInput.autocomplete = "off";
+  pathRow.append(up, pathInput);
+  const status = document.createElement("p");
+  status.className = `${DIALOG_CLASS}-browser-status`;
+  status.textContent = flow.t("dialog.selectFolder");
+  const list = document.createElement("div");
+  list.className = `${DIALOG_CLASS}-browser-list`;
+  const actions = document.createElement("div");
+  actions.className = `${DIALOG_CLASS}-actions`;
+  const cancel = document.createElement("button");
+  cancel.type = "button";
+  cancel.className = `${DIALOG_CLASS}-button`;
+  cancel.textContent = flow.t("dialog.cancel");
+  const use = document.createElement("button");
+  use.type = "button";
+  use.className = `${DIALOG_CLASS}-button ${DIALOG_CLASS}-primary`;
+  use.textContent = flow.t("dialog.useFolder");
+  actions.append(cancel, use);
+  dialog.append(browserHeader, pathRow, status, list, actions);
+  overlay.append(dialog);
+  document.body.append(overlay);
+  let current = initialPath;
+  let parent = initialPath;
+  let currentEntries = [];
+  let requestSeq = 0;
+  let filterTimer;
+  const fetchListing = async (path) => {
+    const sequence = ++requestSeq;
+    status.textContent = flow.t("dialog.reading");
+    status.classList.remove(`${DIALOG_CLASS}-error-text`);
+    try {
+      const listing = destination.kind === "local" ? await flow.api.listLocalDirectories(path) : await flow.api.listDirectories(destination.host.id, path);
+      if (sequence !== requestSeq) return void 0;
+      return listing;
+    } catch (failure) {
+      if (sequence === requestSeq) {
+        status.textContent = messageOf2(failure, flow.t("dialog.readFailed"));
+        status.classList.add(`${DIALOG_CLASS}-error-text`);
+      }
+      return void 0;
+    }
+  };
+  const render = (entries) => {
+    list.replaceChildren();
+    if (entries.length === 0) {
+      const empty = document.createElement("p");
+      empty.className = `${DIALOG_CLASS}-browser-empty`;
+      empty.textContent = flow.t("dialog.emptyFolder");
+      list.append(empty);
+      return;
+    }
+    for (const entry of entries) {
+      const item = document.createElement("button");
+      item.type = "button";
+      item.className = `${DIALOG_CLASS}-browser-entry`;
+      const icon = document.createElement("span");
+      icon.textContent = "\u{1F4C1}";
+      const label = document.createElement("span");
+      label.textContent = entry.name;
+      item.append(icon, label);
+      item.addEventListener("click", () => {
+        void load(entry.path);
+      });
+      list.append(item);
+    }
+  };
+  const load = async (path) => {
+    const listing = await fetchListing(path);
+    if (listing === void 0) return;
+    current = listing.path;
+    parent = listing.parent;
+    currentEntries = listing.entries;
+    pathInput.value = listing.path;
+    status.textContent = flow.t("dialog.selectFolder");
+    render(listing.entries);
+  };
+  const applyInputFilter = async (raw) => {
+    if (raw === "") return;
+    const slash = raw.lastIndexOf("/");
+    const dir = slash < 0 ? current : raw.slice(0, slash + 1) || "/";
+    const query = slash < 0 ? raw : raw.slice(slash + 1);
+    if (query === "") {
+      await load(raw);
+      return;
+    }
+    const normalizedCurrent = current.replace(/\/+$/u, "") || "/";
+    const normalizedDir = dir.replace(/\/+$/u, "") || "/";
+    if (normalizedDir === normalizedCurrent) {
+      const needle2 = query.toLocaleLowerCase();
+      render(currentEntries.filter((entry) => entry.name.toLocaleLowerCase().startsWith(needle2)));
+      status.textContent = flow.t("dialog.selectFolder");
+      return;
+    }
+    const listing = await fetchListing(dir);
+    if (listing === void 0) return;
+    current = listing.path;
+    parent = listing.parent;
+    currentEntries = listing.entries;
+    const needle = query.toLocaleLowerCase();
+    render(listing.entries.filter((entry) => entry.name.toLocaleLowerCase().startsWith(needle)));
+    status.textContent = flow.t("dialog.selectFolder");
+  };
+  const close = () => {
+    overlay.remove();
+    window.removeEventListener("keydown", keyHandler, true);
+    overlay.removeEventListener("pointerdown", outside, true);
+    if (closeBrowser === close) closeBrowser = void 0;
+  };
+  closeBrowser = close;
+  const keyHandler = (event) => {
+    if (event.key === "Escape") close();
+  };
+  const outside = (event) => {
+    if (event.target === overlay) close();
+  };
+  window.addEventListener("keydown", keyHandler, true);
+  overlay.addEventListener("pointerdown", outside, true);
+  cancel.addEventListener("click", close);
+  browserClose.addEventListener("click", close);
+  use.addEventListener("click", () => {
+    onPick(current);
+    close();
+  });
+  up.addEventListener("click", () => {
+    if (parent !== "" && parent !== current) void load(parent);
+  });
+  pathInput.addEventListener("input", () => {
+    if (filterTimer !== void 0) window.clearTimeout(filterTimer);
+    const value = pathInput.value;
+    filterTimer = window.setTimeout(() => {
+      void applyInputFilter(value);
+    }, 140);
+  });
+  pathInput.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter") return;
+    event.preventDefault();
+    const value = pathInput.value.trim();
+    if (value !== "") void applyInputFilter(value);
+  });
+  void load(initialPath);
+}
+async function waitForLocalWorkspace(api, hostId, workspaceId) {
+  for (let attempt = 0; attempt < 40; attempt += 1) {
+    const result = await api.workspaces(hostId);
+    const workspace = result.workspaces.find((item) => item.workspaceId === workspaceId);
+    if (workspace?.localWorkspaceId !== void 0) return workspace.localWorkspaceId;
+    await new Promise((resolve) => setTimeout(resolve, 500));
+  }
+  return void 0;
+}
+function closeTransient() {
+  closeDialog?.();
+  closeBrowser?.();
+  closeMenu?.();
+}
+function messageOf2(failure, fallback) {
+  if (failure instanceof Error && failure.message !== "") return failure.message;
+  return fallback;
+}
+function setFolderIcon(icon) {
+  icon.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M3.5 7.5A2.5 2.5 0 0 1 6 5h4l2 2h6a2.5 2.5 0 0 1 2.5 2.5v7A2.5 2.5 0 0 1 18 19H6a2.5 2.5 0 0 1-2.5-2.5v-9Z" stroke="currentColor" stroke-width="1.5"/></svg>';
+}
+function folderName(path) {
+  const clean = path.replace(/[\\/]+$/u, "");
+  const parts = clean.split(/[\\/]+/u);
+  return parts[parts.length - 1] ?? clean;
+}
+function setComputerIcon(icon) {
+  icon.innerHTML = '<svg width="17" height="17" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3.5" y="5" width="17" height="12" rx="1.7" stroke="currentColor" stroke-width="1.5"/><path d="M8 20h8M12 17v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>';
+}
+function ensureStyles() {
+  const existing = document.getElementById("dshr-workspace-add-style");
+  const style = existing instanceof HTMLStyleElement ? existing : document.createElement("style");
+  style.id = "dshr-workspace-add-style";
+  style.textContent = `
+    .${DIALOG_CLASS}-overlay {
+      position: fixed; inset: 0; z-index: 100001; display: grid; place-items: center;
+      padding: 24px; background: rgba(0,0,0,.55);
+    }
+    .${DIALOG_CLASS} {
+      width: min(632px, calc(100vw - 48px));
+      box-sizing: border-box; padding: 26px; display: flex; flex-direction: column;
+      border-radius: 14px; border: 1px solid rgba(255,255,255,.1);
+      background: #242424; color: #f2f2f2; box-shadow: 0 28px 80px rgba(0,0,0,.65);
+      font: 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+    .${DIALOG_CLASS}-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
+    .${DIALOG_CLASS}-title { margin: 0; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: -.02em; }
+    .${DIALOG_CLASS}-close { border: 0; background: transparent; color: rgba(255,255,255,.75); font-size: 30px; line-height: 1; cursor: pointer; padding: 0 2px; }
+    .${DIALOG_CLASS}-close:hover { color: #fff; }
+    .${DIALOG_CLASS}-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 14px; }
+    .${DIALOG_CLASS}-field > span { font-size: 13px; color: rgba(255,255,255,.72); }
+    .${DIALOG_CLASS}-input-row { display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.24); border-radius: 9px; padding: 0 12px; background: transparent; }
+    .${DIALOG_CLASS}-input-icon { display: inline-flex; color: rgba(255,255,255,.7); }
+    .${DIALOG_CLASS}-input { width: 100%; border: 0; outline: none; background: transparent; color: inherit; font: inherit; font-size: 14px; padding: 13px 0; }
+    .${DIALOG_CLASS}-source-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 10px; }
+    .${DIALOG_CLASS}-section-title { margin: 0; font-size: 17px; font-weight: 600; color: rgba(255,255,255,.92); }
+    .${DIALOG_CLASS}-host-indicator { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.62); font-size: 15px; }
+    .${DIALOG_CLASS}-host-icon { display: inline-flex; }
+    .${DIALOG_CLASS}-source-box { position: relative; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; padding: 24px 16px; min-height: 150px; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
+    .${DIALOG_CLASS}-source-center { display: flex; flex-direction: column; align-items: center; gap: 16px; }
+    .${DIALOG_CLASS}-source-trigger { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: rgba(255,255,255,.75); font: inherit; font-size: 15px; cursor: pointer; }
+    .${DIALOG_CLASS}-source-trigger span:first-child { color: #fff; font-weight: 600; }
+    .${DIALOG_CLASS}-chevron { font-size: 18px; line-height: 1; }
+    .${DIALOG_CLASS}-add-folder { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 8px; padding: 8px 14px; background: rgba(255,255,255,.12); color: #fff; font: inherit; font-size: 14px; cursor: pointer; }
+    .${DIALOG_CLASS}-add-folder:hover { background: rgba(255,255,255,.18); }
+    .${DIALOG_CLASS}-add-folder-icon { font-size: 18px; line-height: 1; }
+    .${DIALOG_CLASS}-source-box-selected { padding: 0; min-height: 0; flex: none; justify-content: flex-start; }
+    .${DIALOG_CLASS}-selected-folder { display: none; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 12px 14px; color: rgba(255,255,255,.92); font-size: 16px; }
+    .${DIALOG_CLASS}-selected-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .${DIALOG_CLASS}-remove-folder { flex: none; border: 0; background: transparent; color: rgba(255,255,255,.6); font-size: 24px; line-height: 1; cursor: pointer; padding: 0 2px; }
+    .${DIALOG_CLASS}-remove-folder:hover { color: #fff; }
+    .${DIALOG_CLASS}-error { margin: 6px 0 0; color: #ff8b8b; font-size: 12px; white-space: pre-wrap; }
+    .${DIALOG_CLASS}-error:empty { display: none; }
+    .${DIALOG_CLASS}-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
+    .${DIALOG_CLASS}-button { padding: 11px 18px; border-radius: 8px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: #eee; cursor: pointer; font: inherit; font-size: 15px; }
+    .${DIALOG_CLASS}-button:disabled { opacity: .45; cursor: default; }
+    .${DIALOG_CLASS}-primary { border-color: #bdbdbd; background: #bdbdbd; color: #1a1a1a; font-weight: 600; }
+    .${DIALOG_CLASS}-primary:hover:not(:disabled) { background: #d0d0d0; }
+    .${DIALOG_CLASS}-destination-menu {
+      position: fixed; z-index: 100010; min-width: 250px; padding: 6px;
+      border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: #2a2a2a; color: #eee;
+      box-shadow: 0 18px 48px rgba(0,0,0,.55); font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+    .${DIALOG_CLASS}-destination-item { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
+    .${DIALOG_CLASS}-destination-item:hover { background: rgba(255,255,255,.09); }
+    .${DIALOG_CLASS}-destination-section { padding: 14px 12px 6px; color: rgba(255,255,255,.5); font-size: 13px; }
+    .${DIALOG_CLASS}-destination-check { color: #bdbdbd; }
+    .${DIALOG_CLASS}-destination-add { color: rgba(255,255,255,.75); }
+    .${DIALOG_CLASS}-browser-overlay { position: fixed; inset: 0; z-index: 100002; display: grid; place-items: center; background: rgba(0,0,0,.6); padding: 24px; }
+    .${DIALOG_CLASS}-browser { width: 640px; max-height: 86vh; display: flex; flex-direction: column; padding: 26px; }
+    .${DIALOG_CLASS}-browser-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
+    .${DIALOG_CLASS}-browser-title { margin: 0; font-size: 30px; line-height: 1.15; font-weight: 700; }
+    .${DIALOG_CLASS}-browser-path-row { display: flex; align-items: center; gap: 8px; }
+    .${DIALOG_CLASS}-up { flex: none; width: 34px; height: 34px; border: 0; background: transparent; color: rgba(255,255,255,.65); font-size: 22px; cursor: pointer; }
+    .${DIALOG_CLASS}-browser-path { flex: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 9px; background: transparent; color: #fff; font: inherit; font-size: 16px; padding: 12px 14px; outline: none; }
+    .${DIALOG_CLASS}-browser-path:focus { border-color: #4f8cff; }
+    .${DIALOG_CLASS}-browser-status { margin: 14px 0 8px; color: rgba(255,255,255,.55); font-size: 13px; }
+    .${DIALOG_CLASS}-browser-list { flex: 1; min-height: 220px; max-height: 420px; overflow: auto; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; padding: 6px; }
+    .${DIALOG_CLASS}-browser-entry { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 11px 12px; border: 0; border-radius: 8px; background: transparent; color: #fff; font: inherit; font-size: 16px; text-align: left; cursor: pointer; }
+    .${DIALOG_CLASS}-browser-entry:hover { background: rgba(255,255,255,.08); }
+    .${DIALOG_CLASS}-browser-empty { margin: 16px 12px; color: rgba(255,255,255,.5); font-size: 13px; }
+  `;
+  if (existing === null) document.head.append(style);
+}
+
+// src/client/index.tsx
+var inject = ["slots", "uiWorkspace", "locale"];
+function apply(ctx) {
+  const api = createHostsApi(ctx);
+  const locale = ctx.locale;
+  ctx.effect(() => locale.register(NS, { zh, en }), "dsh-remote: locale dictionaries");
+  const t = locale.bind(NS);
+  installNativeWorkspaceRouting(ctx, api);
+  installWorkspaceAddMenu(ctx, api, t);
+  ctx.inject(["remote.workspaceFiles"], (child) => {
+    installRemoteFiles(child, api);
+  });
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "remote-development",
+    order: 76,
+    label: () => t("settings.title"),
+    locale: NS,
+    inject: () => ({ api })
+  }, RemoteDevelopmentPanel));
+}
+    return module.exports;
+  },
+});
+//# sourceMappingURL=client.js.map