dsh-over-ssh 0.1.0 → 0.1.1

package/lib/client.js

@@ -510,7 +510,7 @@ var OVER_SSH_DICTS = {
 };
 
 // src/client/panel.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/client/core/controls.ts
 var import_react = require("react");
@@ -1356,29 +1356,7 @@ function Checkbox(props) {
 }
 
 // src/client/roots/roots-panel-view.ts
-var import_react6 = require("react");
-
-// src/shared/format.ts
-var BYTE_UNITS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
-function formatBytes(bytes) {
-  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
-  let value = bytes;
-  let unit = 0;
-  while (value >= 1024 && unit < BYTE_UNITS.length - 1) {
-    value /= 1024;
-    unit += 1;
-  }
-  const label = BYTE_UNITS[unit] ?? "B";
-  return unit === 0 ? `${Math.round(value)} ${label}` : `${value.toFixed(1)} ${label}`;
-}
-function formatDuration(ms) {
-  if (!Number.isFinite(ms) || ms < 0) return "\u672A\u77E5";
-  if (ms < 1e3) return `${Math.round(ms)}ms`;
-  const seconds = ms / 1e3;
-  if (seconds < 60) return `${seconds.toFixed(1)}s`;
-  const minutes = Math.floor(seconds / 60);
-  return `${minutes}m${Math.round(seconds - minutes * 60)}s`;
-}
+var import_react5 = require("react");
 
 // src/client/core/card-focus-trap.ts
 var import_react2 = require("react");
@@ -1526,8 +1504,67 @@ function useCardTabTrap(open, container) {
   }, [open, container]);
 }
 
-// src/client/roots/roots-panel.ts
+// src/shared/routes.ts
 var ROOTS_API_PATH = "/api/over-ssh/roots";
+var SESSION_API_PATH = "/api/over-ssh/sessions";
+
+// src/shared/root-keys.ts
+function isAbsoluteLocalPath(path) {
+  return /^[A-Za-z]:[\\/]/.test(path) || path.startsWith("/") || path.startsWith("\\\\");
+}
+function normalizeLocalPath(path, options = {}) {
+  const caseInsensitive = options.caseInsensitive ?? false;
+  const unified = path.replace(/\\/g, "/");
+  const unc = unified.startsWith("//");
+  const posixAbsolute = unified.startsWith("/");
+  const driveMatch = /^([A-Za-z]):/.exec(unified);
+  const driveLetter = driveMatch?.[1];
+  const drive = driveLetter === void 0 ? "" : `${driveLetter.toUpperCase()}:`;
+  const rest = unc ? unified.slice(2) : drive === "" ? unified : unified.slice(2);
+  const segments = [];
+  for (const segment of rest.split("/")) {
+    if (segment === "" || segment === ".") continue;
+    if (segment === "..") {
+      segments.pop();
+      continue;
+    }
+    segments.push(segment);
+  }
+  const body = segments.join("/");
+  let normalized;
+  if (unc) normalized = `//${body}`;
+  else if (drive !== "") normalized = body === "" ? `${drive}/` : `${drive}/${body}`;
+  else if (posixAbsolute) normalized = body === "" ? "/" : `/${body}`;
+  else normalized = body === "" ? "." : body;
+  return caseInsensitive ? normalized.toLowerCase() : normalized;
+}
+function normalizePosixPath(path) {
+  if (!path.startsWith("/")) return void 0;
+  const segments = [];
+  for (const segment of path.split("/")) {
+    if (segment === "" || segment === ".") continue;
+    if (segment === "..") {
+      segments.pop();
+      continue;
+    }
+    segments.push(segment);
+  }
+  return segments.length === 0 ? "/" : `/${segments.join("/")}`;
+}
+function posixDirname(normalized) {
+  const index = normalized.lastIndexOf("/");
+  return index <= 0 ? "/" : normalized.slice(0, index);
+}
+function rootKeySpelling(location, path, connectionId, options = {}) {
+  if (location === "remote") return `remote:${connectionId ?? ""}:${normalizePosixPath(path) ?? path}`;
+  return `local:${normalizeLocalPath(path, options)}`;
+}
+function rootKeyIdentity(key) {
+  const lowered = key.toLowerCase();
+  return lowered.startsWith("local:") ? lowered : key;
+}
+
+// src/client/roots/roots-panel.ts
 function readString(source, key) {
   const value = source[key];
   return typeof value === "string" && value !== "" ? value : void 0;
@@ -1549,11 +1586,7 @@ function readBoolean(source, key) {
   return typeof value === "boolean" ? value : void 0;
 }
 function rootKey(location, path, connectionId) {
-  return location === "remote" ? `remote:${connectionId ?? ""}:${path}` : `local:${path}`;
-}
-function rootKeyIdentity(key) {
-  const lowered = key.toLowerCase();
-  return lowered.startsWith("local:") ? lowered : key;
+  return rootKeySpelling(location, path, connectionId);
 }
 function toRootRow(value, source, inUserFile) {
   if (typeof value !== "object" || value === null) return void 0;
@@ -1654,9 +1687,6 @@ function parseRootsSnapshot(value) {
   const anchorRoot = readString(payload, "anchorRoot");
   return { roots, connections, warnings, ...anchorRoot === void 0 ? {} : { anchorRoot } };
 }
-function isAbsoluteLocalPath(path) {
-  return /^[A-Za-z]:[\\/]/.test(path) || path.startsWith("/") || path.startsWith("\\\\");
-}
 function isAbsoluteRemotePath(path) {
   if (!path.startsWith("/")) return false;
   return !path.split("/").includes("..");
@@ -1671,7 +1701,8 @@ function validateRootDraft(draft, existing = []) {
     return { ok: false, message: { key: "rootsErrorLocalPath" } };
   }
   const key = rootKey(draft.location, path, draft.location === "remote" ? draft.connectionId : void 0);
-  if (existing.some((row) => row.key === key)) return { ok: false, message: { key: "rootsErrorDuplicate" } };
+  const identity = rootKeyIdentity(key);
+  if (existing.some((row) => rootKeyIdentity(row.key) === identity)) return { ok: false, message: { key: "rootsErrorDuplicate" } };
   const label = draft.label?.trim();
   return {
     ok: true,
@@ -1878,7 +1909,6 @@ function resolveMessage(copy, message) {
 }
 
 // src/client/roots/roots-panel-state.ts
-var import_react3 = require("react");
 function emptyRootsPanelEditDrafts() {
   return { id: "", host: "", user: "", authKind: "key", keyPath: "", password: "", port: "" };
 }
@@ -2051,10 +2081,32 @@ function resolveMessage2(copy, message) {
 }
 
 // src/client/roots/transfer-panel-view.ts
-var import_react5 = require("react");
+var import_react4 = require("react");
+
+// src/shared/format.ts
+var BYTE_UNITS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  let value = bytes;
+  let unit = 0;
+  while (value >= 1024 && unit < BYTE_UNITS.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  const label = BYTE_UNITS[unit] ?? "B";
+  return unit === 0 ? `${Math.round(value)} ${label}` : `${value.toFixed(1)} ${label}`;
+}
+function formatDuration(ms) {
+  if (!Number.isFinite(ms) || ms < 0) return "\u672A\u77E5";
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  const seconds = ms / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  const minutes = Math.floor(seconds / 60);
+  return `${minutes}m${Math.round(seconds - minutes * 60)}s`;
+}
 
 // src/client/roots/transfer-panel.ts
-var import_react4 = require("react");
+var import_react3 = require("react");
 function parseTransferRows(value) {
   const document2 = typeof value === "object" && value !== null ? value : {};
   const rows = [];
@@ -2206,11 +2258,11 @@ function TransferPanelSection(props) {
   const { copy, state, actions, format } = props;
   const rows = visibleTransfers(state.rows);
   const failures = rows.filter((row) => row.status === "failed");
-  return (0, import_react4.createElement)(
+  return (0, import_react3.createElement)(
     "section",
     { className: CLASS.stack, "aria-label": copy.title },
-    (0, import_react4.createElement)("h3", { className: CLASS.sectionTitle }, copy.title),
-    (0, import_react4.createElement)("p", { className: CLASS.description }, copy.description),
+    (0, import_react3.createElement)("h3", { className: CLASS.sectionTitle }, copy.title),
+    (0, import_react3.createElement)("p", { className: CLASS.description }, copy.description),
     state.error === void 0 ? null : Notice({ role: "alert", tone: "error", children: copy.resolve(state.error) }),
     state.clearError === void 0 ? null : Notice({ role: "alert", tone: "error", children: copy.resolve(state.clearError) }),
     state.loading ? Notice({ role: "status", tone: "info", children: copy.loading }) : null,
@@ -2221,17 +2273,17 @@ function TransferPanelSection(props) {
      * *and* the empty line tells the user both "we are reading" and "there is nothing" at once. `loading`
      * therefore suppresses the empty state.
      */
-    rows.length > 0 ? (0, import_react4.createElement)(
+    rows.length > 0 ? (0, import_react3.createElement)(
       "ul",
       { className: CLASS.list },
       ...rows.map((row) => {
         const label = row.direction === "download" ? copy.downloadLabel : copy.uploadLabel;
         const summary = transferSummary(row, { bytes: format.bytes, duration: format.duration, label }, copy);
-        return (0, import_react4.createElement)(
+        return (0, import_react3.createElement)(
           "li",
           { key: row.id, className: CLASS.row },
-          (0, import_react4.createElement)("span", { className: CLASS.rowTitle }, summary),
-          (0, import_react4.createElement)("span", { className: CLASS.rowMeta }, `${row.connectionId}:${row.remotePath}`),
+          (0, import_react3.createElement)("span", { className: CLASS.rowTitle }, summary),
+          (0, import_react3.createElement)("span", { className: CLASS.rowMeta }, `${row.connectionId}:${row.remotePath}`),
           /**
            * A native `<progress>` — the platform's own primitive, announced by a screen reader, and a
            * progress bar even if this stylesheet never loads — with its own class for geometry and accent.
@@ -2239,7 +2291,7 @@ function TransferPanelSection(props) {
            * The `aria-label` names **this** transfer (see {@link transferProgressLabel}): every row used to
            * carry `copy.title`, so a screen reader read N identical bars with no way to tell them apart.
            */
-          (0, import_react4.createElement)("progress", {
+          (0, import_react3.createElement)("progress", {
             className: CLASS.progress,
             value: Math.round(row.percent * 10),
             max: 1e3,
@@ -2249,29 +2301,29 @@ function TransferPanelSection(props) {
               copy
             )
           }),
-          row.status === "running" ? null : (0, import_react4.createElement)(
+          row.status === "running" ? null : (0, import_react3.createElement)(
             "code",
             { className: classes(CLASS.badge, row.status === "failed" ? CLASS.badgeError : row.status === "done" ? CLASS.badgeSuccess : void 0) },
             row.status === "done" ? copy.done : row.status === "cancelled" ? copy.cancelled : copy.failedTitle
           )
         );
       })
-    ) : state.loading ? null : (0, import_react4.createElement)("p", { className: CLASS.empty }, copy.empty),
-    failures.length === 0 ? null : (0, import_react4.createElement)(
+    ) : state.loading ? null : (0, import_react3.createElement)("p", { className: CLASS.empty }, copy.empty),
+    failures.length === 0 ? null : (0, import_react3.createElement)(
       "div",
       { className: CLASS.block },
-      (0, import_react4.createElement)("p", { className: CLASS.hint }, copy.failedTitle),
-      (0, import_react4.createElement)(
+      (0, import_react3.createElement)("p", { className: CLASS.hint }, copy.failedTitle),
+      (0, import_react3.createElement)(
         "ul",
         { className: CLASS.list },
         ...failures.map(
-          (row) => (0, import_react4.createElement)(
+          (row) => (0, import_react3.createElement)(
             "li",
             { key: `${row.id}-error`, className: CLASS.row },
-            (0, import_react4.createElement)("code", { className: classes(CLASS.badge, CLASS.badgeError) }, row.errorCode ?? copy.errorCodeUnknown),
+            (0, import_react3.createElement)("code", { className: classes(CLASS.badge, CLASS.badgeError) }, row.errorCode ?? copy.errorCodeUnknown),
             // The separator is the dictionary's business: a hard-coded full-width colon put CJK punctuation
             // into the English UI (audit 2026-11-01b ui P3-3).
-            (0, import_react4.createElement)(
+            (0, import_react3.createElement)(
               "span",
               { className: CLASS.rowMeta },
               resolveTemplate(copy.failureLine, { path: row.remotePath, reason: row.error ?? "" })
@@ -2280,7 +2332,7 @@ function TransferPanelSection(props) {
         )
       )
     ),
-    (0, import_react4.createElement)(
+    (0, import_react3.createElement)(
       "div",
       { className: CLASS.form },
       Button({ variant: "secondary", size: "compact", disabled: state.clearing, onClick: () => actions.onRefresh(), children: copy.refresh }),
@@ -2400,14 +2452,14 @@ function createTransferProgress(options) {
 
 // src/client/roots/transfer-panel-view.ts
 function TransferProgressSection({ copy }) {
-  const io = (0, import_react5.useMemo)(() => createTransferPanelIo((input, init) => globalThis.fetch(input, init)), []);
-  const progress = (0, import_react5.useMemo)(() => createTransferProgress({ io }), [io]);
-  const panel = (0, import_react5.useSyncExternalStore)(progress.subscribe, progress.getState);
-  (0, import_react5.useEffect)(() => {
+  const io = (0, import_react4.useMemo)(() => createTransferPanelIo((input, init) => globalThis.fetch(input, init)), []);
+  const progress = (0, import_react4.useMemo)(() => createTransferProgress({ io }), [io]);
+  const panel = (0, import_react4.useSyncExternalStore)(progress.subscribe, progress.getState);
+  (0, import_react4.useEffect)(() => {
     progress.start();
     return () => progress.dispose();
   }, [progress]);
-  (0, import_react5.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react4.useEffect)(injectControlStylesInBrowser, []);
   const panelCopy = transferPanelCopy(copy);
   return TransferPanelSection({
     copy: panelCopy,
@@ -2708,15 +2760,15 @@ function renderFormSuccess(copy, state, scope) {
   return Notice({ role: "status", tone: "info", children: resolveMessage2(copy, saved.message) });
 }
 function renderRow(row, copy, editable, onRemove) {
-  return (0, import_react6.createElement)(
+  return (0, import_react5.createElement)(
     "li",
     { key: row.key, className: CLASS.row },
-    (0, import_react6.createElement)("span", { className: CLASS.rowTitle }, row.title),
-    (0, import_react6.createElement)("code", { className: CLASS.badge }, resolveMessage2(copy, { key: row.badgeKey })),
-    (0, import_react6.createElement)("span", { className: CLASS.rowMeta }, row.subtitle),
+    (0, import_react5.createElement)("span", { className: CLASS.rowTitle }, row.title),
+    (0, import_react5.createElement)("code", { className: CLASS.badge }, resolveMessage2(copy, { key: row.badgeKey })),
+    (0, import_react5.createElement)("span", { className: CLASS.rowMeta }, row.subtitle),
     // The one and only source of "may this be deleted": the view model's `removable`. A per-row destructive
     // action is the `ghost` variant, so the row stays quiet until the operator means it.
-    row.removable ? (0, import_react6.createElement)(
+    row.removable ? (0, import_react5.createElement)(
       "span",
       { className: CLASS.rowActions },
       Button({ variant: "ghost", size: "compact", disabled: !editable, onClick: () => onRemove(row.key), children: copy.rootsRemove })
@@ -2733,7 +2785,7 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
   const candidates = listing?.candidates ?? [];
   const showCandidates = candidates.length > 0;
   const showEmpty = listing !== void 0 && candidates.length === 0 && !busy && state.importError === void 0;
-  return (0, import_react6.createElement)(
+  return (0, import_react5.createElement)(
     "section",
     {
       className: CLASS.block,
@@ -2750,8 +2802,8 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
         actions.onImportClose();
       }
     },
-    (0, import_react6.createElement)("h4", { id: `${idPrefix}-import-title`, className: CLASS.blockTitle }, copy.rootsImportTitle),
-    (0, import_react6.createElement)("p", { className: CLASS.description }, copy.rootsImportDescription),
+    (0, import_react5.createElement)("h4", { id: `${idPrefix}-import-title`, className: CLASS.blockTitle }, copy.rootsImportTitle),
+    (0, import_react5.createElement)("p", { className: CLASS.description }, copy.rootsImportDescription),
     state.importError === void 0 ? null : Notice({ role: "alert", tone: "error", children: resolveMessage2(copy, { key: "rootsImportFailed", params: { message: state.importError } }) }),
     // A clean import says what it imported; a **partial** one says both numbers and then lists what was refused.
     //
@@ -2762,7 +2814,7 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
     report === void 0 ? null : report.refused.length === 0 ? Notice({
       role: "status",
       children: resolveMessage2(copy, { key: "rootsImportDone", params: { count: report.imported.length, ids: report.imported.join(", ") } })
-    }) : (0, import_react6.createElement)(
+    }) : (0, import_react5.createElement)(
       "div",
       { className: CLASS.block },
       Notice({
@@ -2772,15 +2824,15 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
           params: { imported: report.imported.length, refused: report.refused.length }
         })
       }),
-      (0, import_react6.createElement)("p", { className: CLASS.hint }, copy.rootsImportRefusedTitle),
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)("p", { className: CLASS.hint }, copy.rootsImportRefusedTitle),
+      (0, import_react5.createElement)(
         "ul",
         { className: CLASS.list },
         ...report.refused.map(
-          (entry) => (0, import_react6.createElement)(
+          (entry) => (0, import_react5.createElement)(
             "li",
             { key: entry.alias, className: CLASS.row },
-            (0, import_react6.createElement)(
+            (0, import_react5.createElement)(
               "span",
               { className: CLASS.rowMeta },
               resolveMessage2(copy, { key: "rootsImportRefusedLine", params: { alias: entry.alias, reason: entry.reason } })
@@ -2792,11 +2844,11 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
     busy ? Notice({ role: "status", tone: "info", children: copy.rootsImportBusy }) : null,
     // The candidate list. A checkbox per alias, with the id it will become spelled out. While a read is in flight
     // (or after it failed) the notice above is the whole story — see `showEmpty`.
-    showCandidates ? (0, import_react6.createElement)(
+    showCandidates ? (0, import_react5.createElement)(
       "ul",
       { className: CLASS.list },
       ...candidates.map(
-        (candidate) => (0, import_react6.createElement)(
+        (candidate) => (0, import_react5.createElement)(
           "li",
           { key: candidate.alias, className: CLASS.row },
           Checkbox({
@@ -2806,38 +2858,38 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
             disabled: !editable || busy,
             onChange: () => actions.onImportToggle(candidate.alias)
           }),
-          (0, import_react6.createElement)(
+          (0, import_react5.createElement)(
             "label",
             { htmlFor: `${idPrefix}-import-${candidate.alias}`, className: CLASS.rowTitle },
             candidate.alias
           ),
-          (0, import_react6.createElement)("span", { className: CLASS.rowMeta }, sshConfigCandidateSummary(candidate)),
-          (0, import_react6.createElement)("code", { className: CLASS.badge }, candidate.suggestedId),
+          (0, import_react5.createElement)("span", { className: CLASS.rowMeta }, sshConfigCandidateSummary(candidate)),
+          (0, import_react5.createElement)("code", { className: CLASS.badge }, candidate.suggestedId),
           // Flags, not values: the presence of a key or a jump is what changes the resulting connection.
-          candidate.hasIdentityFile ? (0, import_react6.createElement)("code", { className: CLASS.badge }, copy.rootsImportHasKey) : null,
-          candidate.hasProxyJump ? (0, import_react6.createElement)("code", { className: CLASS.badge }, copy.rootsImportHasJump) : null
+          candidate.hasIdentityFile ? (0, import_react5.createElement)("code", { className: CLASS.badge }, copy.rootsImportHasKey) : null,
+          candidate.hasProxyJump ? (0, import_react5.createElement)("code", { className: CLASS.badge }, copy.rootsImportHasJump) : null
         )
       )
-    ) : showEmpty ? (0, import_react6.createElement)("p", { className: CLASS.empty }, copy.rootsImportEmpty) : null,
-    (0, import_react6.createElement)("p", { className: CLASS.hint }, copy.rootsImportIdHint),
+    ) : showEmpty ? (0, import_react5.createElement)("p", { className: CLASS.empty }, copy.rootsImportEmpty) : null,
+    (0, import_react5.createElement)("p", { className: CLASS.hint }, copy.rootsImportIdHint),
     // The refusals, with the reason for each.
-    listing !== void 0 && listing.skipped.length > 0 ? (0, import_react6.createElement)(
+    listing !== void 0 && listing.skipped.length > 0 ? (0, import_react5.createElement)(
       "div",
       { className: CLASS.block },
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)(
         "p",
         { className: CLASS.hint },
         resolveMessage2(copy, { key: "rootsImportSkippedTitle", params: { count: listing.skipped.length } })
       ),
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)(
         "ul",
         { className: CLASS.list },
         ...listing.skipped.map(
-          (entry) => (0, import_react6.createElement)(
+          (entry) => (0, import_react5.createElement)(
             "li",
             { key: `${entry.pattern}-${entry.reason}`, className: CLASS.row },
-            (0, import_react6.createElement)("code", { className: CLASS.badge }, entry.pattern),
-            (0, import_react6.createElement)(
+            (0, import_react5.createElement)("code", { className: CLASS.badge }, entry.pattern),
+            (0, import_react5.createElement)(
               "span",
               { className: CLASS.rowMeta },
               resolveMessage2(copy, { key: sshConfigSkipKey(entry.reason) })
@@ -2846,7 +2898,7 @@ function SshConfigImportDialog({ copy, state, actions, idPrefix = DEFAULT_ROOTS_
         )
       )
     ) : null,
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       "div",
       { className: CLASS.form },
       Button({ variant: "secondary", size: "compact", disabled: !editable || busy, onClick: () => actions.onImportAll(), children: copy.rootsImportSelectAll }),
@@ -2869,7 +2921,7 @@ function ConnectionEditForm({ copy, state, actions, idPrefix = DEFAULT_ROOTS_ID_
   const editable = canEdit(state);
   const drafts = state.editDrafts;
   const renamed = drafts.id.trim() !== editingId;
-  return (0, import_react6.createElement)(
+  return (0, import_react5.createElement)(
     "form",
     {
       onSubmit: (event) => {
@@ -2895,20 +2947,20 @@ function ConnectionEditForm({ copy, state, actions, idPrefix = DEFAULT_ROOTS_ID_
         actions.onCancelEdit();
       }
     },
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       "div",
       { className: CLASS.dialogHeader },
-      (0, import_react6.createElement)("h3", { className: CLASS.sectionTitle }, `${copy.rootsEditTitle}: ${editingId}`)
+      (0, import_react5.createElement)("h3", { className: CLASS.sectionTitle }, `${copy.rootsEditTitle}: ${editingId}`)
     ),
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       "div",
       { className: CLASS.dialogBody },
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)(
         "div",
         { className: CLASS.form },
         // The id is the rename field and carries the note below it, so it spans the whole row instead of
         // pairing with a neighbour that would then sit next to a paragraph.
-        (0, import_react6.createElement)(
+        (0, import_react5.createElement)(
           "div",
           { className: CLASS.fieldSpan },
           Field({
@@ -2925,7 +2977,7 @@ function ConnectionEditForm({ copy, state, actions, idPrefix = DEFAULT_ROOTS_ID_
         ),
         // Only when it is actually being renamed: the note is about a change the user is making, and a
         // permanent paragraph would be noise on every edit.
-        renamed ? (0, import_react6.createElement)(
+        renamed ? (0, import_react5.createElement)(
           "p",
           { className: classes(CLASS.hint, CLASS.fieldSpan) },
           resolveMessage2(copy, { key: "rootsEditRenameHint", params: { id: editingId } })
@@ -2995,7 +3047,7 @@ function ConnectionEditForm({ copy, state, actions, idPrefix = DEFAULT_ROOTS_ID_
             onChange: (event) => actions.onEditDraftChange({ password: fieldValue(event) })
           })
         }) : null,
-        drafts.authKind === "password" ? (0, import_react6.createElement)("p", { className: classes(CLASS.hint, CLASS.fieldSpan) }, copy.rootsEditPasswordHint) : null,
+        drafts.authKind === "password" ? (0, import_react5.createElement)("p", { className: classes(CLASS.hint, CLASS.fieldSpan) }, copy.rootsEditPasswordHint) : null,
         Field({
           htmlFor: `${idPrefix}-edit-port`,
           label: copy.rootsPortLabel,
@@ -3012,7 +3064,7 @@ function ConnectionEditForm({ copy, state, actions, idPrefix = DEFAULT_ROOTS_ID_
       ),
       // The action row is a **sibling of the grid**, not a cell inside it: as a grid item it occupied a single
       // column, which is why the two buttons came out small and jammed under the first field (audit 0090).
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)(
         "div",
         { className: CLASS.actions },
         Button({ variant: "primary", type: "submit", disabled: !editable, children: copy.rootsEditSave }),
@@ -3037,11 +3089,11 @@ function RootsPanelSection({
   const editable = view.canEdit;
   const { drafts } = state;
   const notice = resolveMessage2(copy, view.notice);
-  return (0, import_react6.createElement)(
+  return (0, import_react5.createElement)(
     "section",
     { "aria-label": copy.rootsTitle, className: CLASS.stack },
-    (0, import_react6.createElement)("h3", { className: CLASS.sectionTitle }, copy.rootsTitle),
-    (0, import_react6.createElement)("p", { className: CLASS.description }, copy.rootsDescription),
+    (0, import_react5.createElement)("h3", { className: CLASS.sectionTitle }, copy.rootsTitle),
+    (0, import_react5.createElement)("p", { className: CLASS.description }, copy.rootsDescription),
     // "No host data" / "the host reported warnings": a block, never bare text.
     notice === "" ? null : Notice({ role: "note", children: notice }),
     state.pending ? Notice({ role: "status", tone: "info", children: copy.rootsPending }) : null,
@@ -3051,7 +3103,7 @@ function RootsPanelSection({
     // collapsed diagnostic block at the bottom of this section (see below): it is still the only place a
     // root can be removed from, so it is demoted, never dropped.
     // -- add a connection ----------------------------------------------------
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       "form",
       {
         onSubmit: (event) => {
@@ -3060,8 +3112,8 @@ function RootsPanelSection({
         },
         className: CLASS.block
       },
-      (0, import_react6.createElement)("h4", { className: CLASS.blockTitle }, copy.rootsAddConnection),
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)("h4", { className: CLASS.blockTitle }, copy.rootsAddConnection),
+      (0, import_react5.createElement)(
         "div",
         { className: CLASS.form },
         Field({
@@ -3161,7 +3213,7 @@ function RootsPanelSection({
     // -- import from ~/.ssh/config (FR-2.1.4) --------------------------------
     // The button sits next to the add form because it is an alternative way to *create* a connection, and it
     // is disabled for the same reason every other control is (`canEdit`).
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       "div",
       { className: CLASS.block },
       Button({ variant: "secondary", disabled: !editable, onClick: () => actions.onImportOpen(), children: copy.rootsImportOpen })
@@ -3172,7 +3224,7 @@ function RootsPanelSection({
     // artifact: it duplicated the agent's own access, wrote to the remote machine with no audit trail, and
     // competed with the conversation as a second source of truth. The sentence says where the capability
     // actually lives; the tools behind it (`@` a path, or asking for a listing) are the agent's.
-    (0, import_react6.createElement)("p", { className: CLASS.description }, copy.remoteFilesHint),
+    (0, import_react5.createElement)("p", { className: CLASS.description }, copy.remoteFilesHint),
     // -- transfer progress (FR-2.6.4) ----------------------------------------
     transfers ?? null,
     // -- edit one saved connection (a dialog, not a block in this page) -------
@@ -3185,27 +3237,27 @@ function RootsPanelSection({
     // be removed from: dropping the rows would remove the only cleanup entry point, not just declutter.
     //
     // No `open` prop on purpose: the native default is collapsed, which is exactly the demotion asked for.
-    (0, import_react6.createElement)(
+    (0, import_react5.createElement)(
       // The card surface is an **outer div**, not the `<details>` element: `.dsh-rw-block` is `display: flex`, and
       // that changes the disclosure's box model (the marker/`open` rendering is a UA-internal slot) — audit
       // 2026-11-01b ui P3-11. The disclosure keeps its native display and only the card around it is a flex column.
       "div",
       { className: CLASS.block },
-      (0, import_react6.createElement)(
+      (0, import_react5.createElement)(
         "details",
         void 0,
-        (0, import_react6.createElement)("summary", { className: CLASS.blockTitle }, copy.rootsAdvancedSummary),
-        (0, import_react6.createElement)("p", { className: CLASS.description }, copy.rootsAdvancedNote),
-        view.rows.length === 0 ? (0, import_react6.createElement)("p", { className: CLASS.empty }, copy.rootsEmpty) : (0, import_react6.createElement)("ul", { className: CLASS.list }, ...view.rows.map((row) => renderRow(row, copy, editable, actions.onRemove)))
+        (0, import_react5.createElement)("summary", { className: CLASS.blockTitle }, copy.rootsAdvancedSummary),
+        (0, import_react5.createElement)("p", { className: CLASS.description }, copy.rootsAdvancedNote),
+        view.rows.length === 0 ? (0, import_react5.createElement)("p", { className: CLASS.empty }, copy.rootsEmpty) : (0, import_react5.createElement)("ul", { className: CLASS.list }, ...view.rows.map((row) => renderRow(row, copy, editable, actions.onRemove)))
       )
     )
   );
 }
 function RootsPanelContainer({ copy, controller }) {
-  const state = (0, import_react6.useSyncExternalStore)(controller.subscribe, controller.getState);
-  const uid = (0, import_react6.useId)();
+  const state = (0, import_react5.useSyncExternalStore)(controller.subscribe, controller.getState);
+  const uid = (0, import_react5.useId)();
   const idPrefix = `dsh-rw-${uid.replace(/[^A-Za-z0-9_-]/g, "")}`;
-  const [portal] = (0, import_react6.useState)(
+  const [portal] = (0, import_react5.useState)(
     () => createCardPortal({
       document: browserPortalDocument(),
       className: ROOTS_EDIT_PORTAL_CLASS,
@@ -3213,16 +3265,16 @@ function RootsPanelContainer({ copy, controller }) {
       render: renderInPortal
     })
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     controller.start();
   }, [controller]);
-  (0, import_react6.useEffect)(injectControlStylesInBrowser, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react5.useEffect)(() => {
     controller.surfaceAttached();
     return controller.surfaceDetached;
   }, [controller]);
   useCardTabTrap(state.editingId !== void 0, portal.container);
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     if (state.editingId === void 0) return;
     portal.mount();
     portal.focusCard();
@@ -3230,14 +3282,14 @@ function RootsPanelContainer({ copy, controller }) {
       portal.unmount();
     };
   }, [portal, state.editingId]);
-  const sectionActions = (0, import_react6.useMemo)(() => rootsPanelSectionActions(controller), [controller]);
+  const sectionActions = (0, import_react5.useMemo)(() => rootsPanelSectionActions(controller), [controller]);
   return RootsPanelSection({
     copy,
     state,
     idPrefix,
     // No `actions`: the transfer panel owns its own polling and its own buttons (the prop that used to be passed
     // here was typed `unknown` and never read — audit 2026-10-31 client.md §2.4).
-    transfers: (0, import_react6.createElement)(TransferProgressSection, { copy, state }),
+    transfers: (0, import_react5.createElement)(TransferProgressSection, { copy, state }),
     // The panel needs the connection list, which this section already read; it does not re-fetch it.
     actions: sectionActions,
     portal
@@ -3247,19 +3299,19 @@ function RootsPanelContainer({ copy, controller }) {
 // src/client/panel.ts
 function renderConnectionRow(row, actions) {
   const { onTest, onEdit, onRemove, disabled } = actions;
-  return (0, import_react7.createElement)(
+  return (0, import_react6.createElement)(
     "li",
     { key: row.id, className: CLASS.row },
-    (0, import_react7.createElement)("code", { className: CLASS.badge }, row.transportLabel ?? row.transport),
-    (0, import_react7.createElement)("span", { className: CLASS.rowTitle }, `${row.id} \xB7 ${row.host}`),
-    row.degraded ? (0, import_react7.createElement)("span", { className: CLASS.warnGlyph, "aria-hidden": true }, "(!)") : null,
-    row.note === "" ? null : (0, import_react7.createElement)("span", { className: CLASS.rowNote }, row.note),
+    (0, import_react6.createElement)("code", { className: CLASS.badge }, row.transportLabel ?? row.transport),
+    (0, import_react6.createElement)("span", { className: CLASS.rowTitle }, `${row.id} \xB7 ${row.host}`),
+    row.degraded ? (0, import_react6.createElement)("span", { className: CLASS.warnGlyph, "aria-hidden": true }, "(!)") : null,
+    row.note === "" ? null : (0, import_react6.createElement)("span", { className: CLASS.rowNote }, row.note),
     // The probe's result sits beside the row it belongs to: "is this server reachable right now" is a fact
     // about that connection, not a page-level notice.
-    row.test === void 0 || row.test.detail === "" ? null : (0, import_react7.createElement)("span", { className: CLASS.description }, row.test.detail),
+    row.test === void 0 || row.test.detail === "" ? null : (0, import_react6.createElement)("span", { className: CLASS.description }, row.test.detail),
     // Everything after this point is an action, so it is pushed to the far edge as one group: a row whose
     // buttons drifted apart as the note grew would be unreadable.
-    (0, import_react7.createElement)(
+    (0, import_react6.createElement)(
       "span",
       { className: CLASS.rowActions },
       row.test === void 0 || onTest === void 0 ? null : Button({
@@ -3276,12 +3328,12 @@ function renderConnectionRow(row, actions) {
   );
 }
 function renderRemoveConfirmation(copy, row, remoteRoots, disabled, onCancel, onAccept) {
-  return (0, import_react7.createElement)(
+  return (0, import_react6.createElement)(
     "div",
     { role: "alertdialog", "aria-label": copy.title, className: CLASS.block },
-    (0, import_react7.createElement)("h4", { className: CLASS.blockTitle }, copy.title),
-    (0, import_react7.createElement)("p", { className: CLASS.description }, copy.body(row, remoteRoots)),
-    (0, import_react7.createElement)(
+    (0, import_react6.createElement)("h4", { className: CLASS.blockTitle }, copy.title),
+    (0, import_react6.createElement)("p", { className: CLASS.description }, copy.body(row, remoteRoots)),
+    (0, import_react6.createElement)(
       "div",
       { className: CLASS.actions },
       Button({ variant: "primary", size: "compact", disabled, onClick: onAccept, children: copy.acceptLabel }),
@@ -3291,29 +3343,29 @@ function renderRemoveConfirmation(copy, row, remoteRoots, disabled, onCancel, on
 }
 function SshDevPanel({ model, close, roots, onTestConnection, rowState }) {
   const confirming = rowState?.confirmingId === void 0 ? void 0 : model.connections.find((row) => row.id === rowState.confirmingId);
-  return (0, import_react7.createElement)(
+  return (0, import_react6.createElement)(
     "section",
     { "aria-label": model.title, className: CLASS.stack },
-    (0, import_react7.createElement)(
+    (0, import_react6.createElement)(
       "header",
       { className: CLASS.header },
-      (0, import_react7.createElement)("h2", { className: CLASS.sectionTitle }, model.title),
+      (0, import_react6.createElement)("h2", { className: CLASS.sectionTitle }, model.title),
       Button({ variant: "secondary", size: "compact", onClick: close, children: model.closeLabel })
     ),
-    (0, import_react7.createElement)("p", { className: CLASS.description }, model.description),
+    (0, import_react6.createElement)("p", { className: CLASS.description }, model.description),
     // The page-level notice belongs **above** the content it explains: it used to be rendered after the whole
     // editor (several screens of forms), so "this page currently shows static copy only" sat at the very bottom,
     // below everything it was about (audit 2026-11-01b ui P2-7).
     model.notice === "" ? null : Notice({ role: "note", children: model.notice }),
-    (0, import_react7.createElement)(
+    (0, import_react6.createElement)(
       "div",
       { className: CLASS.block },
-      (0, import_react7.createElement)("h3", { className: CLASS.blockTitle }, model.connectionsHeading),
+      (0, import_react6.createElement)("h3", { className: CLASS.blockTitle }, model.connectionsHeading),
       // The list has three states, and they used to be two: rows, or nothing at all. An answered-but-empty
       // list now says so (the block used to vanish, leaving the page silent about whether there were no
       // connections or the section had simply not rendered), and a channel that has not answered keeps the
       // sentence at the top instead of claiming "none yet" at the bottom (audit 2026-11-01b ui P2-7).
-      model.connections.length > 0 ? (0, import_react7.createElement)(
+      model.connections.length > 0 ? (0, import_react6.createElement)(
         "ul",
         { className: CLASS.list },
         ...model.connections.map(
@@ -3322,7 +3374,7 @@ function SshDevPanel({ model, close, roots, onTestConnection, rowState }) {
             ...rowState === void 0 ? {} : { onEdit: rowState.onEdit, onRemove: rowState.onRemove, disabled: rowState.disabled }
           })
         )
-      ) : model.notice === "" ? (0, import_react7.createElement)("p", { className: CLASS.empty }, model.connectionsEmpty) : null
+      ) : model.notice === "" ? (0, import_react6.createElement)("p", { className: CLASS.empty }, model.connectionsEmpty) : null
     ),
     // The confirmation sits directly under the row list it belongs to, above everything else: it is a
     // question about a row the user just clicked, and it must not be pushed off-screen by the editor below.
@@ -3336,7 +3388,7 @@ function SshDevPanel({ model, close, roots, onTestConnection, rowState }) {
     ),
     // The read-only explanation stays above the editor: it answers "which transport is in force", which the
     // editor's forms do not touch (a new connection only becomes live after a reload).
-    roots === void 0 ? null : (0, import_react7.createElement)(RootsPanelContainer, { copy: roots.copy, controller: roots.controller })
+    roots === void 0 ? null : (0, import_react6.createElement)(RootsPanelContainer, { copy: roots.copy, controller: roots.controller })
   );
 }
 
@@ -3440,14 +3492,13 @@ async function openConnectionChannel(ctx, observer) {
 }
 
 // src/client/roots/connection-test.ts
-var DEFAULT_PATH = "/api/over-ssh/roots";
 var CONNECTION_TEST_TIMEOUT_MS = 15e3;
 function isTimeout(error) {
   const name = typeof error === "object" && error !== null ? error.name : void 0;
   return name === "TimeoutError" || name === "AbortError";
 }
 function createConnectionTester(options) {
-  const path = options.path ?? DEFAULT_PATH;
+  const path = options.path ?? ROOTS_API_PATH;
   const timeoutMs = options.timeoutMs ?? CONNECTION_TEST_TIMEOUT_MS;
   const listeners = /* @__PURE__ */ new Set();
   let state = /* @__PURE__ */ new Map();
@@ -3530,7 +3581,7 @@ function createConnectionTester(options) {
 }
 
 // src/client/session/session-panel-view.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/client/core/latest.ts
 function createLatestOnly() {
@@ -3547,7 +3598,6 @@ function createLatestOnly() {
 }
 
 // src/client/session/session-panel.ts
-var SESSION_API_PATH = "/api/over-ssh/sessions";
 function toSessionRowView(raw) {
   const id = raw["id"];
   if (typeof id !== "string" || id === "") return void 0;
@@ -3792,7 +3842,7 @@ function sessionRowTemplate(props) {
   const { row, copy, checked, onToggle, pickIdPrefix } = props;
   const badge = badgeFor(row, copy);
   const stamp = formatStamp(row.updatedAtMs);
-  return (0, import_react8.createElement)(
+  return (0, import_react7.createElement)(
     "li",
     { key: row.id, className: CLASS.sessionRow },
     /**
@@ -3800,7 +3850,7 @@ function sessionRowTemplate(props) {
      * Before this the box stood alone (only `aria-label` on the input): clicking the session
      * title did nothing, and a 16px square was the entire target for a two-line row.
      */
-    (0, import_react8.createElement)(
+    (0, import_react7.createElement)(
       "label",
       { className: CLASS.checkboxLabel, htmlFor: `${pickIdPrefix}${row.id}` },
       Checkbox({
@@ -3810,44 +3860,44 @@ function sessionRowTemplate(props) {
         onChange: () => onToggle(row.id),
         ariaLabel: row.id
       }),
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)(
         "div",
         { className: CLASS.sessionBody },
-        (0, import_react8.createElement)(
+        (0, import_react7.createElement)(
           "div",
           { className: CLASS.sessionHead },
-          (0, import_react8.createElement)("span", { className: CLASS.rowTitle, title: row.id }, rowLabel(row, copy)),
-          badge === void 0 ? null : (0, import_react8.createElement)(
+          (0, import_react7.createElement)("span", { className: CLASS.rowTitle, title: row.id }, rowLabel(row, copy)),
+          badge === void 0 ? null : (0, import_react7.createElement)(
             "span",
             { className: classes(CLASS.badge, badge.success ? CLASS.badgeSuccess : void 0) },
             badge.text
           )
         ),
-        (0, import_react8.createElement)(
+        (0, import_react7.createElement)(
           "div",
           { className: CLASS.sessionMeta },
-          (0, import_react8.createElement)("code", { className: CLASS.idChip, title: row.id }, shortId(row.id)),
-          stamp === "" ? null : (0, import_react8.createElement)("span", void 0, stamp),
-          (0, import_react8.createElement)("span", void 0, formatBytes(row.bytes))
+          (0, import_react7.createElement)("code", { className: CLASS.idChip, title: row.id }, shortId(row.id)),
+          stamp === "" ? null : (0, import_react7.createElement)("span", void 0, stamp),
+          (0, import_react7.createElement)("span", void 0, formatBytes(row.bytes))
         )
       )
     )
   );
 }
-var SessionRow = (0, import_react8.memo)(function SessionRow2(props) {
+var SessionRow = (0, import_react7.memo)(function SessionRow2(props) {
   return sessionRowTemplate(props);
 });
 function renderBinRow(props) {
   const { row, copy, busy } = props;
-  return (0, import_react8.createElement)(
+  return (0, import_react7.createElement)(
     "li",
     { key: row.entryId },
-    (0, import_react8.createElement)(
+    (0, import_react7.createElement)(
       "div",
       { className: CLASS.row },
-      (0, import_react8.createElement)("code", { className: CLASS.badge }, row.sessionId),
-      (0, import_react8.createElement)("span", { className: CLASS.rowMeta }, formatBytes(row.bytes)),
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)("code", { className: CLASS.badge }, row.sessionId),
+      (0, import_react7.createElement)("span", { className: CLASS.rowMeta }, formatBytes(row.bytes)),
+      (0, import_react7.createElement)(
         "span",
         { className: CLASS.rowActions },
         Button({
@@ -3872,14 +3922,14 @@ function renderWorkspaceGroup(props) {
   const { group, copy, selected, busy } = props;
   const remove = workspaceDeleteAction(group);
   const selectedSet = new Set(selected);
-  return (0, import_react8.createElement)(
+  return (0, import_react7.createElement)(
     "section",
     { key: group.key, className: CLASS.group },
-    (0, import_react8.createElement)(
+    (0, import_react7.createElement)(
       "div",
       { className: CLASS.groupHead },
-      (0, import_react8.createElement)("span", { className: CLASS.rowTitle }, group.label === "" ? copy.workspaceUnknown : group.label),
-      (0, import_react8.createElement)("span", { className: CLASS.badge }, String(group.sessions.length)),
+      (0, import_react7.createElement)("span", { className: CLASS.rowTitle }, group.label === "" ? copy.workspaceUnknown : group.label),
+      (0, import_react7.createElement)("span", { className: CLASS.badge }, String(group.sessions.length)),
       // A workspace with no directory (the platform's no-cwd bucket) has nothing to scope a delete to, so it
       // gets no button rather than a button that guesses.
       remove === void 0 ? null : Button({
@@ -3890,12 +3940,12 @@ function renderWorkspaceGroup(props) {
         children: copy.deleteWorkspace
       })
     ),
-    group.cwd === void 0 ? null : (0, import_react8.createElement)("p", { className: CLASS.hint, title: group.cwd }, group.cwd),
-    (0, import_react8.createElement)(
+    group.cwd === void 0 ? null : (0, import_react7.createElement)("p", { className: CLASS.hint, title: group.cwd }, group.cwd),
+    (0, import_react7.createElement)(
       "ul",
       { className: CLASS.list },
       ...group.sessions.map(
-        (row) => (0, import_react8.createElement)(SessionRow, {
+        (row) => (0, import_react7.createElement)(SessionRow, {
           // The key belongs to the element the group creates: the boundary is per row, so React has to match "this
           // is the same row as last render" before it compares props.
           key: row.id,
@@ -3922,24 +3972,24 @@ function sessionPanelStatus(phase, copy) {
 function sessionInventoryEmpty(phase, copy) {
   if (phase.kind !== "ready") return null;
   if (phase.snapshot.sessions.length > 0) return null;
-  return (0, import_react8.createElement)("p", { className: CLASS.empty }, copy.sessionsEmpty);
+  return (0, import_react7.createElement)("p", { className: CLASS.empty }, copy.sessionsEmpty);
 }
 function SessionPanel({ copy, io, close }) {
-  const [phase, setPhase] = (0, import_react8.useState)({ kind: "loading" });
-  const [selected, setSelected] = (0, import_react8.useState)([]);
-  const [outcome, setOutcome] = (0, import_react8.useState)(void 0);
-  const [busy, setBusy] = (0, import_react8.useState)(false);
-  const [pending, setPending] = (0, import_react8.useState)(void 0);
+  const [phase, setPhase] = (0, import_react7.useState)({ kind: "loading" });
+  const [selected, setSelected] = (0, import_react7.useState)([]);
+  const [outcome, setOutcome] = (0, import_react7.useState)(void 0);
+  const [busy, setBusy] = (0, import_react7.useState)(false);
+  const [pending, setPending] = (0, import_react7.useState)(void 0);
   const snapshot = phase.kind === "ready" ? phase.snapshot : EMPTY_SNAPSHOT;
-  const [reads] = (0, import_react8.useState)(() => createLatestOnly());
-  const alive = (0, import_react8.useRef)(true);
-  (0, import_react8.useEffect)(() => {
+  const [reads] = (0, import_react7.useState)(() => createLatestOnly());
+  const alive = (0, import_react7.useRef)(true);
+  (0, import_react7.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const refresh = (0, import_react8.useCallback)(async () => {
+  const refresh = (0, import_react7.useCallback)(async () => {
     const mine = reads.begin();
     setBusy(true);
     try {
@@ -3950,10 +4000,10 @@ function SessionPanel({ copy, io, close }) {
       if (alive.current && reads.isCurrent(mine)) setBusy(false);
     }
   }, [io, reads]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     void refresh();
   }, [refresh]);
-  const run = (0, import_react8.useCallback)(
+  const run = (0, import_react7.useCallback)(
     async (action) => {
       const mine = reads.begin();
       setBusy(true);
@@ -3972,14 +4022,14 @@ function SessionPanel({ copy, io, close }) {
     },
     [io, reads]
   );
-  const visible = (0, import_react8.useMemo)(() => visibleSessions(snapshot.sessions), [snapshot.sessions]);
+  const visible = (0, import_react7.useMemo)(() => visibleSessions(snapshot.sessions), [snapshot.sessions]);
   const hidden = hiddenSubsessionCount(snapshot.sessions);
-  const deletable = (0, import_react8.useMemo)(
+  const deletable = (0, import_react7.useMemo)(
     () => visible.filter((row) => row.deletable && selected.includes(row.id)),
     [visible, selected]
   );
-  const groups = (0, import_react8.useMemo)(() => groupByWorkspace(visible), [visible]);
-  const toggle = (0, import_react8.useCallback)((id) => {
+  const groups = (0, import_react7.useMemo)(() => groupByWorkspace(visible), [visible]);
+  const toggle = (0, import_react7.useCallback)((id) => {
     setSelected((current) => current.includes(id) ? current.filter((value) => value !== id) : [...current, id]);
   }, []);
   const acceptPending = () => {
@@ -3993,9 +4043,9 @@ function SessionPanel({ copy, io, close }) {
     });
   };
   const cancelPending = () => setPending(void 0);
-  const confirmTitleId = (0, import_react8.useId)();
-  const pickIdPrefix = `session-pick-${(0, import_react8.useId)().replace(/[^A-Za-z0-9_-]/g, "")}-`;
-  const [portal] = (0, import_react8.useState)(
+  const confirmTitleId = (0, import_react7.useId)();
+  const pickIdPrefix = `session-pick-${(0, import_react7.useId)().replace(/[^A-Za-z0-9_-]/g, "")}-`;
+  const [portal] = (0, import_react7.useState)(
     () => createCardPortal({
       document: browserPortalDocument(),
       className: CONFIRM_PORTAL_CLASS,
@@ -4003,10 +4053,10 @@ function SessionPanel({ copy, io, close }) {
       render: renderInPortal
     })
   );
-  const focusOrigin = (0, import_react8.useRef)(void 0);
+  const focusOrigin = (0, import_react7.useRef)(void 0);
   const confirmationOpen = pending !== void 0;
-  (0, import_react8.useEffect)(injectControlStylesInBrowser, []);
-  (0, import_react8.useLayoutEffect)(() => {
+  (0, import_react7.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react7.useLayoutEffect)(() => {
     if (!confirmationOpen) return;
     focusOrigin.current = captureFocusOrigin(browserPortalDocument());
     portal.mount();
@@ -4029,21 +4079,21 @@ function SessionPanel({ copy, io, close }) {
     );
     return portal.container === void 0 ? card : portal.render(card, portal.container);
   };
-  return (0, import_react8.createElement)(
+  return (0, import_react7.createElement)(
     "section",
     { "aria-label": copy.title, className: CLASS.stack },
-    (0, import_react8.createElement)(
+    (0, import_react7.createElement)(
       "header",
       { className: CLASS.header },
-      (0, import_react8.createElement)("h2", { className: CLASS.sectionTitle }, copy.title),
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)("h2", { className: CLASS.sectionTitle }, copy.title),
+      (0, import_react7.createElement)(
         "div",
         { className: CLASS.headerActions },
         Button({ variant: "secondary", size: "compact", onClick: () => void refresh(), children: copy.refresh }),
         Button({ variant: "secondary", size: "compact", onClick: close, children: copy.close })
       )
     ),
-    (0, import_react8.createElement)("p", { className: CLASS.description }, copy.description),
+    (0, import_react7.createElement)("p", { className: CLASS.description }, copy.description),
     sessionPanelStatus(phase, copy),
     outcome === void 0 ? null : Notice({
       role: outcome.kind === "ok" ? "status" : "alert",
@@ -4051,12 +4101,12 @@ function SessionPanel({ copy, io, close }) {
       children: copy.resolve(outcome.message)
     }),
     // --- the inventory ---------------------------------------------------------------------------
-    (0, import_react8.createElement)("h3", { className: CLASS.blockTitle }, copy.sessionsHeading),
+    (0, import_react7.createElement)("h3", { className: CLASS.blockTitle }, copy.sessionsHeading),
     // No totals from an empty snapshot: 「0 个会话…共 0 B」 next to 「正在读取会话…」 was half of the first-paint lie.
-    phase.kind === "ready" ? (0, import_react8.createElement)("p", { className: CLASS.description }, copy.totals(snapshot)) : null,
-    hidden === 0 ? null : (0, import_react8.createElement)("p", { className: CLASS.hint }, copy.subsessionsHidden(hidden)),
+    phase.kind === "ready" ? (0, import_react7.createElement)("p", { className: CLASS.description }, copy.totals(snapshot)) : null,
+    hidden === 0 ? null : (0, import_react7.createElement)("p", { className: CLASS.hint }, copy.subsessionsHidden(hidden)),
     sessionInventoryEmpty(phase, copy),
-    snapshot.sessions.length === 0 ? null : (0, import_react8.createElement)(
+    snapshot.sessions.length === 0 ? null : (0, import_react7.createElement)(
       "div",
       { className: CLASS.block },
       /**
@@ -4065,7 +4115,7 @@ function SessionPanel({ copy, io, close }) {
        * to scroll back up for every action. `position: sticky` keeps it inside the panel's own scroll box
        * (the card is the scrolling ancestor, not the window), so it follows the list without covering it.
        */
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)(
         "div",
         { className: CLASS.actionBar },
         Button({
@@ -4090,7 +4140,7 @@ function SessionPanel({ copy, io, close }) {
           children: copy.deletePermanent
         })
       ),
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)(
         "div",
         { className: CLASS.list },
         ...groups.map(
@@ -4107,13 +4157,13 @@ function SessionPanel({ copy, io, close }) {
       )
     ),
     // --- the bin --------------------------------------------------------------------------------
-    (0, import_react8.createElement)("h3", { className: CLASS.blockTitle }, copy.binHeading),
+    (0, import_react7.createElement)("h3", { className: CLASS.blockTitle }, copy.binHeading),
     // Same rule as the inventory: 「回收站为空」 is a claim about an **answer**. While nothing has been read (or the
     // read failed) the status line above says what is happening (audit 2026-11-01b ui P1-3).
-    phase.kind !== "ready" ? null : snapshot.bin.length === 0 ? (0, import_react8.createElement)("p", { className: CLASS.empty }, copy.binEmpty) : (0, import_react8.createElement)(
+    phase.kind !== "ready" ? null : snapshot.bin.length === 0 ? (0, import_react7.createElement)("p", { className: CLASS.empty }, copy.binEmpty) : (0, import_react7.createElement)(
       "div",
       { className: CLASS.block },
-      (0, import_react8.createElement)(
+      (0, import_react7.createElement)(
         "ul",
         { className: CLASS.list },
         ...snapshot.bin.map(
@@ -4139,7 +4189,7 @@ function SessionPanel({ copy, io, close }) {
   );
 }
 function renderConfirmationDialog(pending, copy, handlers, titleId, loadedIdle = 0) {
-  return (0, import_react8.createElement)(
+  return (0, import_react7.createElement)(
     "div",
     {
       className: CLASS.dialog,
@@ -4152,9 +4202,9 @@ function renderConfirmationDialog(pending, copy, handlers, titleId, loadedIdle =
         handlers.cancel();
       }
     },
-    (0, import_react8.createElement)("h3", { id: titleId, className: CLASS.dialogHeader }, copy.confirmTitle),
-    (0, import_react8.createElement)("p", { className: CLASS.dialogBody }, confirmationBody(pending, copy, loadedIdle)),
-    (0, import_react8.createElement)(
+    (0, import_react7.createElement)("h3", { id: titleId, className: CLASS.dialogHeader }, copy.confirmTitle),
+    (0, import_react7.createElement)("p", { className: CLASS.dialogBody }, confirmationBody(pending, copy, loadedIdle)),
+    (0, import_react7.createElement)(
       "div",
       { className: CLASS.actions },
       Button({ variant: "primary", size: "compact", onClick: handlers.accept, children: copy.confirmAccept }),
@@ -4180,7 +4230,7 @@ function loadedIdleIds(pending, rows) {
 }
 
 // src/client/session/session-row-actions.ts
-var import_react9 = require("react");
+var import_react8 = require("react");
 var SESSION_MENU_SLOT = "sidebar.workspaces.session.menu.item";
 var SESSION_ROW_RECYCLE_ID = "over-ssh-session-recycle";
 var SESSION_ROW_RECYCLE_ORDER = 500;
@@ -4296,7 +4346,7 @@ function sessionRowMenuEntry(kind) {
   return kind === "recycle" ? { itemId: SESSION_ROW_RECYCLE_ID, danger: false } : { itemId: SESSION_ROW_DELETE_ID, danger: true };
 }
 function SessionRowMenuItem(props) {
-  return (0, import_react9.createElement)(
+  return (0, import_react8.createElement)(
     "button",
     {
       type: "button",
@@ -4364,7 +4414,7 @@ function SessionRowActionDialog({
   onClose,
   titleId = SESSION_ROW_ACTIONS_TITLE_ID
 }) {
-  return (0, import_react9.createElement)(
+  return (0, import_react8.createElement)(
     "div",
     {
       // The shared confirmation shell: the same surface and radius as the settings panel's confirmation, instead
@@ -4379,8 +4429,8 @@ function SessionRowActionDialog({
         onClose();
       }
     },
-    (0, import_react9.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, view.title),
-    view.body === "" ? null : (0, import_react9.createElement)("p", { className: CLASS.description }, view.body),
+    (0, import_react8.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, view.title),
+    view.body === "" ? null : (0, import_react8.createElement)("p", { className: CLASS.description }, view.body),
     view.warning === "" ? null : Notice({ role: "note", tone: "warn", children: view.warning }),
     view.blocked === "" ? null : Notice({ role: "alert", tone: "error", children: view.blocked }),
     view.outcome === "" ? null : Notice({
@@ -4388,7 +4438,7 @@ function SessionRowActionDialog({
       tone: view.outcomeTone,
       children: view.outcome
     }),
-    (0, import_react9.createElement)(
+    (0, import_react8.createElement)(
       "div",
       { className: CLASS.actions },
       view.buttons === "confirm" ? Button({
@@ -4404,11 +4454,11 @@ function SessionRowActionDialog({
 }
 function SessionRowActionsOverlay(props) {
   const { copy, store } = props;
-  const state = (0, import_react9.useSyncExternalStore)(store.subscribe, store.getState);
+  const state = (0, import_react8.useSyncExternalStore)(store.subscribe, store.getState);
   const view = describeSessionRowAction(state, copy);
   const open = view !== void 0;
-  const titleId = (0, import_react9.useId)();
-  const [portal] = (0, import_react9.useState)(
+  const titleId = (0, import_react8.useId)();
+  const [portal] = (0, import_react8.useState)(
     () => createCardPortal({
       document: browserPortalDocument(),
       className: CONFIRM_PORTAL_CLASS,
@@ -4416,18 +4466,18 @@ function SessionRowActionsOverlay(props) {
       render: renderInPortal
     })
   );
-  const focusOrigin = (0, import_react9.useRef)(void 0);
-  (0, import_react9.useEffect)(injectControlStylesInBrowser, []);
+  const focusOrigin = (0, import_react8.useRef)(void 0);
+  (0, import_react8.useEffect)(injectControlStylesInBrowser, []);
   const queryKey = actionQueryKey(state);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (queryKey === "closed") return;
     void store.load();
   }, [store, queryKey]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     store.activate();
     return () => store.dispose();
   }, [store]);
-  (0, import_react9.useLayoutEffect)(() => {
+  (0, import_react8.useLayoutEffect)(() => {
     if (!open) return;
     focusOrigin.current = captureFocusOrigin(browserPortalDocument());
     portal.mount();
@@ -4450,7 +4500,7 @@ function SessionRowActionsOverlay(props) {
 }
 
 // src/client/session/session-remote-mark.ts
-var import_react10 = require("react");
+var import_react9 = require("react");
 var REMOTE_MARK_SLOT = "sidebar.session.row.leading";
 var REMOTE_MARK_ID = "over-ssh-remote-mark";
 var REMOTE_MARK_ORDER = 5;
@@ -4477,7 +4527,7 @@ function RemoteSessionMark(props) {
   if (sessionId === void 0) return null;
   if (props.isRemoteSession?.(sessionId) !== true) return null;
   const label = props.label ?? "";
-  return (0, import_react10.createElement)(
+  return (0, import_react9.createElement)(
     "span",
     {
       className: CLASS.remoteMark,
@@ -4488,25 +4538,25 @@ function RemoteSessionMark(props) {
       // marks without depending on the icon's geometry.
       "data-dsh-rw-remote-mark": sessionId
     },
-    (0, import_react10.createElement)(
+    (0, import_react9.createElement)(
       "svg",
       { viewBox: "0 0 16 16", width: "12", height: "12", "aria-hidden": "true", focusable: "false" },
       // A globe in three strokes: outline, equator, and the two meridian arcs. Same geometry the reference
       // third-party plugin draws, minus its five-arc fidelity; `currentColor` is what keeps it legible in
       // both themes (the reference implementation shipped a hardcoded white stroke and was invisible in the
       // light theme — see its CHANGELOG).
-      (0, import_react10.createElement)("circle", { cx: "8", cy: "8", r: "6", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
-      (0, import_react10.createElement)("path", { d: "M2 8h12", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
-      (0, import_react10.createElement)("path", { d: "M8 2c2.4 2.4 2.4 9.6 0 12M8 2C5.6 4.4 5.6 11.6 8 14", fill: "none", stroke: "currentColor", strokeWidth: "1.2" })
+      (0, import_react9.createElement)("circle", { cx: "8", cy: "8", r: "6", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+      (0, import_react9.createElement)("path", { d: "M2 8h12", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+      (0, import_react9.createElement)("path", { d: "M8 2c2.4 2.4 2.4 9.6 0 12M8 2C5.6 4.4 5.6 11.6 8 14", fill: "none", stroke: "currentColor", strokeWidth: "1.2" })
     )
   );
 }
 
 // src/client/flows/session-directory.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 
 // src/client/flows/directory-browser.ts
-var import_react11 = require("react");
+var import_react10 = require("react");
 var GIT_STATUS_API_PATH = "/api/over-ssh/git-status";
 var GIT_STATUS_BADGE = {
   modified: "M",
@@ -4721,10 +4771,9 @@ function directoryBrowserReducer(state, action) {
   }
 }
 function parentRemotePath(path) {
-  const trimmed = path.replace(/\/+$/, "");
-  if (trimmed === "") return void 0;
-  const at = trimmed.lastIndexOf("/");
-  return at <= 0 ? "/" : trimmed.slice(0, at);
+  const normalized = normalizePosixPath(path);
+  if (normalized === void 0 || normalized === "/") return void 0;
+  return posixDirname(normalized);
 }
 function remoteChildPath(base, name) {
   const trimmed = base.replace(/\/+$/, "");
@@ -4901,7 +4950,7 @@ var DEFAULT_DIRECTORY_BROWSER_ID_PREFIX = "dsh-rw-browse";
 function gitStatusBadgeElement(row, view) {
   const status = gitBadgeForRow(view, row);
   if (status === void 0) return null;
-  return (0, import_react11.createElement)("span", { className: CLASS.badge, title: status }, GIT_STATUS_BADGE[status]);
+  return (0, import_react10.createElement)("span", { className: CLASS.badge, title: status }, GIT_STATUS_BADGE[status]);
 }
 function failureText(copy, reason) {
   if (reason === NO_LOCAL_CAPABILITY_REASON) return resolveMessage2(copy, { key: "browseUnavailable" });
@@ -4913,7 +4962,7 @@ function failureText(copy, reason) {
 }
 function connectionListNotice(copy, view, gate, actions) {
   if (view.connectionsError !== void 0) {
-    return (0, import_react11.createElement)(
+    return (0, import_react10.createElement)(
       "div",
       { className: CLASS.block },
       Notice({
@@ -4950,10 +4999,10 @@ function DirectoryBrowserSection({
     onClick: () => actions.onModeChange(mode),
     children: label
   });
-  return (0, import_react11.createElement)(
+  return (0, import_react10.createElement)(
     "div",
     { className: CLASS.browser, role: "group", "aria-label": copy.browseHeading },
-    (0, import_react11.createElement)(
+    (0, import_react10.createElement)(
       "div",
       { className: CLASS.actions },
       fixedMode ? null : modeButton("local", copy.browseLocalMode),
@@ -4965,7 +5014,7 @@ function DirectoryBrowserSection({
       Button({ variant: "secondary", size: "compact", disabled: gate, onClick: actions.onHome, children: copy.browseHome })
     ),
     // -- the remote world needs a connection before anything can be listed -----
-    view.needsConnection && view.connections.length > 0 ? (0, import_react11.createElement)(
+    view.needsConnection && view.connections.length > 0 ? (0, import_react10.createElement)(
       "div",
       { className: CLASS.form },
       Field({
@@ -4995,10 +5044,10 @@ function DirectoryBrowserSection({
     // 「浏览…」跟当前位置放在一起，而不是跟模式切换挤在一行：它是**对当前目录**的动作，
     // 放在本机/远端旁边会被读成第三种模式，还会把「主目录」挤到第二行。
     // 远端不画——远端目录在这台机器上没有系统框可选。
-    (0, import_react11.createElement)(
+    (0, import_react10.createElement)(
       "div",
       { className: CLASS.actions },
-      (0, import_react11.createElement)("p", { className: CLASS.browserPath }, resolveMessage2(copy, { key: "browseCurrent", params: { path: view.path } })),
+      (0, import_react10.createElement)("p", { className: CLASS.browserPath }, resolveMessage2(copy, { key: "browseCurrent", params: { path: view.path } })),
       state.mode !== "local" || actions.onPickNative === void 0 ? null : Button({
         variant: "secondary",
         size: "compact",
@@ -5009,21 +5058,21 @@ function DirectoryBrowserSection({
     ),
     // Branch line: only when the host could name one (detached HEAD / no git / read failure → nothing is shown,
     // never a guessed name). The glyph is language-neutral; the branch name is the host's own string.
-    view.gitBranch === void 0 ? null : (0, import_react11.createElement)(
+    view.gitBranch === void 0 ? null : (0, import_react10.createElement)(
       "p",
       { className: CLASS.browserPath, "aria-label": `git branch ${view.gitBranch}` },
       `\u2387 ${view.gitBranch}${view.gitTruncated ? " \xB7 \u2026" : ""}`
     ),
     view.error === void 0 ? null : Notice({ role: "alert", tone: "error", children: failureText(copy, view.error) }),
     view.pending ? Notice({ role: "status", tone: "info", children: copy.browseLoading }) : null,
-    view.empty ? (0, import_react11.createElement)("p", { className: CLASS.empty }, copy.browseEmpty) : null,
-    (0, import_react11.createElement)(
+    view.empty ? (0, import_react10.createElement)("p", { className: CLASS.empty }, copy.browseEmpty) : null,
+    (0, import_react10.createElement)(
       "ul",
       // `tabIndex: -1` makes the list a programmatic focus target (not a Tab stop): it is where focus goes after a
       // navigation removes the row that had it.
       { className: CLASS.browserList, ref: listRef, tabIndex: -1 },
       ...view.canGoUp ? [
-        (0, import_react11.createElement)(
+        (0, import_react10.createElement)(
           "li",
           { key: "..", className: CLASS.browserItem },
           Button({
@@ -5041,7 +5090,7 @@ function DirectoryBrowserSection({
       ] : [],
       ...view.rows.map((row) => {
         const badge = gitStatusBadgeElement(row, view);
-        return (0, import_react11.createElement)(
+        return (0, import_react10.createElement)(
           "li",
           { key: row.key, className: CLASS.browserItem },
           row.kind === "directory" ? Button({
@@ -5052,11 +5101,11 @@ function DirectoryBrowserSection({
             disabled: gate,
             onClick: () => actions.onEnter(row.path),
             children: `${row.name}/`
-          }) : (0, import_react11.createElement)(
+          }) : (0, import_react10.createElement)(
             "span",
             { className: CLASS.browserQuiet },
             row.name,
-            (0, import_react11.createElement)(
+            (0, import_react10.createElement)(
               "span",
               { className: CLASS.badge },
               row.kind === "symlink" ? copy.browseKindSymlink : row.kind === "other" ? copy.browseKindOther : copy.browseKindFile
@@ -5067,7 +5116,7 @@ function DirectoryBrowserSection({
       })
     ),
     view.truncated ? Notice({ role: "note", tone: "info", children: resolveMessage2(copy, { key: "browseTruncated", params: { count: view.rows.length } }) }) : null,
-    (0, import_react11.createElement)(
+    (0, import_react10.createElement)(
       "div",
       { className: CLASS.actions },
       Button({ variant: "primary", disabled: gate || !view.canCommit, onClick: actions.onCommit, children: commitLabel, className: CLASS.browserCommit }),
@@ -5077,10 +5126,10 @@ function DirectoryBrowserSection({
 }
 function DirectoryBrowserContainer(props) {
   const { copy, io, mode, seedPath, initialConnectionId, initialConnections, disabled, fixedMode, idPrefix, commitLabel, onCommit, pickNative } = props;
-  const copyRef = (0, import_react11.useRef)(copy);
+  const copyRef = (0, import_react10.useRef)(copy);
   copyRef.current = copy;
-  const listRef = (0, import_react11.useRef)(null);
-  const [controller] = (0, import_react11.useState)(
+  const listRef = (0, import_react10.useRef)(null);
+  const [controller] = (0, import_react10.useState)(
     () => createDirectoryBrowser({
       io,
       copy: () => copyRef.current,
@@ -5089,17 +5138,17 @@ function DirectoryBrowserContainer(props) {
       ...initialConnections === void 0 ? {} : { connections: initialConnections }
     })
   );
-  const state = (0, import_react11.useSyncExternalStore)(controller.subscribe, controller.getState);
-  (0, import_react11.useEffect)(injectControlStylesInBrowser, []);
-  (0, import_react11.useEffect)(() => {
+  const state = (0, import_react10.useSyncExternalStore)(controller.subscribe, controller.getState);
+  (0, import_react10.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react10.useEffect)(() => {
     controller.activate();
     controller.start(mode === "local" ? seedPath : initialConnectionId === void 0 ? void 0 : "");
     return () => {
       controller.dispose();
     };
   }, [controller]);
-  const lastPath = (0, import_react11.useRef)(state.path);
-  (0, import_react11.useLayoutEffect)(() => {
+  const lastPath = (0, import_react10.useRef)(state.path);
+  (0, import_react10.useLayoutEffect)(() => {
     if (lastPath.current === state.path) return;
     lastPath.current = state.path;
     listRef.current?.focus();
@@ -5421,7 +5470,7 @@ function SessionDirectorySection({
   titleId
 }) {
   const view = selectSessionDirectoryView(state, copy);
-  const card = view.visible === false ? null : (0, import_react12.createElement)(
+  const card = view.visible === false ? null : (0, import_react11.createElement)(
     "div",
     {
       className: CLASS.floating,
@@ -5437,43 +5486,43 @@ function SessionDirectorySection({
         actions.onClose();
       }
     },
-    (0, import_react12.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, copy.sessionAddTitle),
-    (0, import_react12.createElement)("p", { className: CLASS.hint }, copy.sessionAddHint),
+    (0, import_react11.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, copy.sessionAddTitle),
+    (0, import_react11.createElement)("p", { className: CLASS.hint }, copy.sessionAddHint),
     // Which workspace this lands in, or - when the framework seats could not answer - the fallback the
     // copy states explicitly. Both are one line, so a narrow panel never has to truncate it.
-    (0, import_react12.createElement)("p", { className: CLASS.browserPath }, view.workspaceLine),
+    (0, import_react11.createElement)("p", { className: CLASS.browserPath }, view.workspaceLine),
     // The card no longer *is* a browser: it lists what this session has and offers one way in. The picker is a
     // step behind 「浏览…」, which also means the card no longer opens with a full directory listing (that was
     // the complaint: the panel showed the current directory's contents before the user asked for anything).
-    view.browsing ? (0, import_react12.createElement)(
+    view.browsing ? (0, import_react11.createElement)(
       "div",
       { className: CLASS.block },
       browser,
-      (0, import_react12.createElement)(
+      (0, import_react11.createElement)(
         "div",
         { className: CLASS.actions },
         Button({ variant: "ghost", size: "compact", onClick: actions.onBrowse, children: copy.sessionBrowseBack })
       )
-    ) : (0, import_react12.createElement)(
+    ) : (0, import_react11.createElement)(
       "div",
       { className: CLASS.block },
-      (0, import_react12.createElement)("h4", { className: CLASS.blockTitle }, copy.sessionRootsTitle),
-      (0, import_react12.createElement)("p", { className: CLASS.hint }, copy.sessionRootsHint),
+      (0, import_react11.createElement)("h4", { className: CLASS.blockTitle }, copy.sessionRootsTitle),
+      (0, import_react11.createElement)("p", { className: CLASS.hint }, copy.sessionRootsHint),
       view.roots.length === 0 ? view.rootsReading ? Notice({ role: "status", tone: "info", children: copy.sessionRootsLoading }) : (
         // A failed read is not an empty list: the error notice below is the whole truth there, and
         // 「还没有添加目录」 next to it would contradict it (same rule as the import dialog, ui P2-2/P2-3).
-        view.notice === "" ? (0, import_react12.createElement)("p", { className: CLASS.empty }, copy.sessionRootsEmpty) : null
-      ) : (0, import_react12.createElement)(
+        view.notice === "" ? (0, import_react11.createElement)("p", { className: CLASS.empty }, copy.sessionRootsEmpty) : null
+      ) : (0, import_react11.createElement)(
         "ul",
         { className: CLASS.list },
         ...view.roots.map(
-          (row) => (0, import_react12.createElement)(
+          (row) => (0, import_react11.createElement)(
             "li",
             { key: row.key, className: CLASS.row },
-            (0, import_react12.createElement)("span", { className: CLASS.rowTitle }, row.title),
-            (0, import_react12.createElement)("code", { className: CLASS.badge }, row.badge),
-            row.subtitle === "" ? null : (0, import_react12.createElement)("span", { className: CLASS.rowMeta }, row.subtitle),
-            row.removable ? (0, import_react12.createElement)(
+            (0, import_react11.createElement)("span", { className: CLASS.rowTitle }, row.title),
+            (0, import_react11.createElement)("code", { className: CLASS.badge }, row.badge),
+            row.subtitle === "" ? null : (0, import_react11.createElement)("span", { className: CLASS.rowMeta }, row.subtitle),
+            row.removable ? (0, import_react11.createElement)(
               "span",
               { className: CLASS.rowActions },
               Button({
@@ -5487,7 +5536,7 @@ function SessionDirectorySection({
           )
         )
       ),
-      (0, import_react12.createElement)(
+      (0, import_react11.createElement)(
         "div",
         { className: CLASS.actions },
         Button({ variant: "secondary", size: "compact", onClick: actions.onBrowse, children: copy.sessionBrowse })
@@ -5496,9 +5545,9 @@ function SessionDirectorySection({
     view.added === void 0 ? null : Notice({ role: "status", tone: "info", children: resolveMessage2(copy, { key: "sessionAddDone", params: { path: view.added } }) }),
     view.pending ? Notice({ role: "status", tone: "info", children: copy.flowPending }) : null,
     view.notice === "" ? null : Notice({ role: "alert", tone: "error", children: view.notice }),
-    (0, import_react12.createElement)("div", { className: CLASS.actions }, Button({ variant: "secondary", size: "compact", onClick: actions.onClose, children: copy.close }))
+    (0, import_react11.createElement)("div", { className: CLASS.actions }, Button({ variant: "secondary", size: "compact", onClick: actions.onClose, children: copy.close }))
   );
-  return (0, import_react12.createElement)(
+  return (0, import_react11.createElement)(
     "div",
     { className: CLASS.sessionEntry },
     Button({
@@ -5537,13 +5586,13 @@ function rootsQueryKey(state) {
 }
 function SessionDirectoryContainer(props) {
   const { copy, io } = props;
-  const copyRef = (0, import_react12.useRef)(copy);
+  const copyRef = (0, import_react11.useRef)(copy);
   copyRef.current = copy;
-  const [controller] = (0, import_react12.useState)(() => createSessionDirectory({ io, copy: () => copyRef.current }));
-  const state = (0, import_react12.useSyncExternalStore)(controller.subscribe, controller.getState);
+  const [controller] = (0, import_react11.useState)(() => createSessionDirectory({ io, copy: () => copyRef.current }));
+  const state = (0, import_react11.useSyncExternalStore)(controller.subscribe, controller.getState);
   const workspacePath = readWorkspacePath(props);
-  const titleId = (0, import_react12.useId)();
-  const [portal] = (0, import_react12.useState)(
+  const titleId = (0, import_react11.useId)();
+  const [portal] = (0, import_react11.useState)(
     () => createCardPortal({
       document: browserPortalDocument(),
       className: SESSION_DIRECTORY_PORTAL_CLASS,
@@ -5551,22 +5600,22 @@ function SessionDirectoryContainer(props) {
       render: renderInPortal
     })
   );
-  const focusOrigin = (0, import_react12.useRef)(void 0);
-  (0, import_react12.useEffect)(injectControlStylesInBrowser, []);
-  (0, import_react12.useEffect)(() => controller.setWorkspacePath(workspacePath), [controller, workspacePath]);
+  const focusOrigin = (0, import_react11.useRef)(void 0);
+  (0, import_react11.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react11.useEffect)(() => controller.setWorkspacePath(workspacePath), [controller, workspacePath]);
   const sessionId = props.sessionId;
-  (0, import_react12.useEffect)(() => controller.setSessionId(sessionId), [controller, sessionId]);
+  (0, import_react11.useEffect)(() => controller.setSessionId(sessionId), [controller, sessionId]);
   const queryKey = rootsQueryKey(state);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (queryKey === "closed") return;
     void controller.refreshRoots();
   }, [controller, queryKey]);
   useCardTabTrap(state.open, portal.container);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     controller.activate();
     return () => controller.dispose();
   }, [controller]);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react11.useLayoutEffect)(() => {
     if (!state.open) return;
     focusOrigin.current = captureFocusOrigin(browserPortalDocument());
     portal.mount();
@@ -5577,7 +5626,7 @@ function SessionDirectoryContainer(props) {
       focusOrigin.current = void 0;
     };
   }, [portal, state.open]);
-  const browser = state.open === false || state.browsing === false ? null : (0, import_react12.createElement)(DirectoryBrowserContainer, {
+  const browser = state.open === false || state.browsing === false ? null : (0, import_react11.createElement)(DirectoryBrowserContainer, {
     // One occurrence per open: a remount is how the browser is reset (its `mode`/seed are mount-time).
     key: "session-browser",
     copy,
@@ -5612,7 +5661,7 @@ function messageOf(error) {
 }
 
 // src/client/flows/workspace-directory-flow.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var WORKSPACE_DIRECTORY_FLOW_SLOTS = ["sidebar.workspaces.directoryFlow", "conversation.hero.workspace.directoryFlow"];
 var WORKSPACE_DIRECTORY_FLOW_PRIORITY = -1;
 var NO_ANCHOR_ERROR = "no-anchor-path";
@@ -5938,7 +5987,7 @@ function WorkspaceDirectoryFlowSection({
   const canSubmitRemote2 = view.canSubmitRemote;
   const connectionFieldId = `${idPrefix}-remote-connection`;
   const pathFieldId = `${idPrefix}-remote-path`;
-  const worldSwitch = (0, import_react13.createElement)(
+  const worldSwitch = (0, import_react12.createElement)(
     "div",
     { className: CLASS.actions, role: "group", "aria-label": copy.flowTitle },
     Button({
@@ -5956,7 +6005,7 @@ function WorkspaceDirectoryFlowSection({
       children: copy.flowRemoteHeading
     })
   );
-  const card = (0, import_react13.createElement)(
+  const card = (0, import_react12.createElement)(
     "section",
     {
       // The dialog's accessible name is its visible heading: the shell gives the heading a per-mount id, so
@@ -5975,21 +6024,21 @@ function WorkspaceDirectoryFlowSection({
       // wide two-column shape is queried against (see `styles.ts`).
       className: classes(CLASS.stack, CLASS.dialog)
     },
-    (0, import_react13.createElement)("div", { className: CLASS.dialogHeader }, (0, import_react13.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, copy.flowTitle)),
-    (0, import_react13.createElement)(
+    (0, import_react12.createElement)("div", { className: CLASS.dialogHeader }, (0, import_react12.createElement)("h3", { id: titleId, className: CLASS.sectionTitle }, copy.flowTitle)),
+    (0, import_react12.createElement)(
       "div",
       { className: CLASS.dialogBody },
-      (0, import_react13.createElement)("p", { className: CLASS.description }, copy.flowDescription),
+      (0, import_react12.createElement)("p", { className: CLASS.description }, copy.flowDescription),
       notice === "" ? null : Notice({ role: "alert", tone: "error", children: notice }),
       // -- ask first: local or remote; only the selected world's block is rendered below -----------------
       worldSwitch,
       // -- local: the OS folder dialog, opened by one button ------------------------------------------------
       // 「浏览目录」means the platform's native chooser (users can reach any drive there); the embedded browser is
       // the **remote** block's business only. One button, one commit path: the chooser's answer is adopted.
-      view.mode === "local" ? (0, import_react13.createElement)(
+      view.mode === "local" ? (0, import_react12.createElement)(
         "div",
         { key: "flow-local", className: CLASS.block },
-        (0, import_react13.createElement)("p", { className: CLASS.hint }, copy.flowLocalHint),
+        (0, import_react12.createElement)("p", { className: CLASS.hint }, copy.flowLocalHint),
         Button({
           variant: "primary",
           disabled: !canPickLocal2,
@@ -6000,7 +6049,7 @@ function WorkspaceDirectoryFlowSection({
         view.pending ? Notice({ role: "status", tone: "info", children: copy.flowPending }) : null
       ) : null,
       // -- the remote block: connection + path + one submit; browsing merely fills the path ------------
-      view.mode === "remote" ? (0, import_react13.createElement)(
+      view.mode === "remote" ? (0, import_react12.createElement)(
         "form",
         {
           key: "flow-remote",
@@ -6010,10 +6059,10 @@ function WorkspaceDirectoryFlowSection({
           },
           className: CLASS.block
         },
-        (0, import_react13.createElement)("p", { className: CLASS.hint }, copy.flowRemoteHint),
+        (0, import_react12.createElement)("p", { className: CLASS.hint }, copy.flowRemoteHint),
         // The connection list's three states are inline, in this block: a failure (with its own retry), a read
         // in progress, and "no connection at all". None of them closes the dialog — the local entry still works.
-        view.connectionsError !== void 0 ? (0, import_react13.createElement)(
+        view.connectionsError !== void 0 ? (0, import_react12.createElement)(
           "div",
           { className: CLASS.block },
           Notice({ role: "alert", tone: "error", children: resolveMessage2(copy, { key: "flowUnavailable", params: { reason: view.connectionsError } }) }),
@@ -6022,10 +6071,10 @@ function WorkspaceDirectoryFlowSection({
         // One column by default; two once `@container dsh-rw-flow (min-width: 22rem)` matches. Each field is
         // wrapped so a future sibling (a hint, a row of buttons) stays in the same cell instead of becoming a
         // column of its own.
-        (0, import_react13.createElement)(
+        (0, import_react12.createElement)(
           "div",
           { className: CLASS.form },
-          (0, import_react13.createElement)(
+          (0, import_react12.createElement)(
             "div",
             { className: CLASS.fieldSpan },
             Field({
@@ -6047,7 +6096,7 @@ function WorkspaceDirectoryFlowSection({
               })
             })
           ),
-          (0, import_react13.createElement)(
+          (0, import_react12.createElement)(
             "div",
             { className: CLASS.fieldSpan },
             Field({
@@ -6055,7 +6104,7 @@ function WorkspaceDirectoryFlowSection({
               label: copy.rootsRemotePathLabel,
               // The path and its browse button share one line: typing a path by hand stays possible, and the
               // button that finds it sits exactly where the user looks for it instead of under the form.
-              children: (0, import_react13.createElement)(
+              children: (0, import_react12.createElement)(
                 "div",
                 { className: CLASS.inputRow },
                 TextInput({
@@ -6084,7 +6133,7 @@ function WorkspaceDirectoryFlowSection({
         // Browsing the connection's directories: the host answers names and kinds only. Picking one commits
         // through the browser's own "用这个目录" (see browseRemote); the form's "添加远端目录" is hidden while
         // this panel is open, so the dialog never shows two buttons for one action.
-        view.browse === "remote" ? (0, import_react13.createElement)(DirectoryBrowserContainer, {
+        view.browse === "remote" ? (0, import_react12.createElement)(DirectoryBrowserContainer, {
           key: "flow-browse-remote",
           copy,
           io: browseIo,
@@ -6112,13 +6161,13 @@ function WorkspaceDirectoryFlowSection({
 }
 function WorkspaceDirectoryFlowContainer(props) {
   const { copy, io, open, busy, onPicked, onCancel, onError } = props;
-  const copyRef = (0, import_react13.useRef)(copy);
+  const copyRef = (0, import_react12.useRef)(copy);
   copyRef.current = copy;
-  const [controller] = (0, import_react13.useState)(() => createWorkspaceDirectoryFlow({ io, copy: () => copyRef.current }));
-  const state = (0, import_react13.useSyncExternalStore)(controller.subscribe, controller.getState);
-  const titleId = (0, import_react13.useId)();
+  const [controller] = (0, import_react12.useState)(() => createWorkspaceDirectoryFlow({ io, copy: () => copyRef.current }));
+  const state = (0, import_react12.useSyncExternalStore)(controller.subscribe, controller.getState);
+  const titleId = (0, import_react12.useId)();
   const idPrefix = `dsh-rw-${titleId.replace(/[^A-Za-z0-9_-]/g, "")}`;
-  const [portal] = (0, import_react13.useState)(
+  const [portal] = (0, import_react12.useState)(
     () => createCardPortal({
       document: browserPortalDocument(),
       className: WORKSPACE_DIRECTORY_FLOW_PORTAL_CLASS,
@@ -6126,16 +6175,16 @@ function WorkspaceDirectoryFlowContainer(props) {
       render: renderInPortal
     })
   );
-  const focusOrigin = (0, import_react13.useRef)(void 0);
-  (0, import_react13.useEffect)(() => {
+  const focusOrigin = (0, import_react12.useRef)(void 0);
+  (0, import_react12.useEffect)(() => {
     controller.activate();
     return () => controller.dispose();
   }, [controller]);
-  (0, import_react13.useEffect)(injectControlStylesInBrowser, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(injectControlStylesInBrowser, []);
+  (0, import_react12.useEffect)(() => {
     controller.syncOwner({ open, busy, onPicked, onCancel, onError });
   });
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     if (!state.open || portal.container === void 0) return;
     focusOrigin.current = captureFocusOrigin(browserPortalDocument());
     portal.mount();
@@ -6146,7 +6195,7 @@ function WorkspaceDirectoryFlowContainer(props) {
       focusOrigin.current = void 0;
     };
   }, [portal, state.open]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!state.open) return;
     const doc = browserPortalDocument();
     if (doc?.addEventListener === void 0) return;