dsh-desktop-kit 0.0.0-stage → 2.0.0

package/plugins/dsh-session-move/client.js

@@ -0,0 +1,719 @@
+/**
+ * dsh-session-move — browser half.
+ *
+ * Adds two ways to re-file a chat into another Workspace:
+ *  1. drag a Session row from one sidebar group and drop it on another group /
+ *     Workspace header (a result toast reports the outcome);
+ *  2. the Session row's "…" menu gains "Move to workspace…" with a picker
+ *     dialog (keyboard-accessible fallback for the drag gesture).
+ *
+ * The Host half (index.js) owns the actual move; this module only renders the
+ * interaction and calls its authenticated Connection RPC route family.
+ */
+
+window.__ModuleLoader__.load({
+  id: "dsh-session-move",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+    const React = require("react");
+    const h = React.createElement;
+    const useState = React.useState;
+    const useEffect = React.useEffect;
+    const useSyncExternalStore = React.useSyncExternalStore;
+
+    const NS = "session-move";
+    /** Host wire namespace; must match ROUTE_BASE/RPC_NAMESPACE in index.js. */
+    const RPC_NS = "dsh-session-move";
+
+    const EN = {
+      "menu.move": "Move to workspace…",
+      "dialog.title": "Move chat to a workspace",
+      "dialog.subtitle": "The chat will belong to the chosen workspace and keep working in its folder.",
+      "dialog.ungrouped": "No project (Ungrouped)",
+      "dialog.current": "Current",
+      "dialog.cancel": "Cancel",
+      "dialog.retry": "Retry",
+      "dialog.loading": "Loading workspaces…",
+      "dialog.error": "Could not load workspaces: {message}",
+      "dialog.empty": "No workspaces registered yet.",
+      "toast.busy": "Moving chat…",
+      "toast.moved": "Moved to “{target}”",
+      "toast.movedUngrouped": "Moved out of projects",
+      "toast.alreadyThere": "This chat already belongs there.",
+      "toast.failed": "Could not move the chat: {message}",
+      "toast.workingDirSkipped": "Workspace changed; the working directory stays the same for now.",
+      "drop.hint": "Move to “{target}”",
+      "drop.ungrouped": "Move out of projects",
+      "error.session-unknown": "This chat is not available.",
+      "error.workspace-unknown": "This workspace no longer exists.",
+      "error.workspace-missing-dir": "The workspace folder is missing.",
+      "error.subagent": "Subagent chats cannot be moved.",
+      "error.busy": "This chat is already being moved.",
+      "error.bad-request": "The move request was rejected as invalid.",
+      "error.internal": "Internal error: {message}",
+      "menu.icon": "Move",
+    };
+    const RU = {
+      "menu.move": "Переместить в рабочую область…",
+      "dialog.title": "Переместить чат в рабочую область",
+      "dialog.subtitle": "Чат будет относиться к выбранной рабочей области и продолжит работать в её папке.",
+      "dialog.ungrouped": "Без проекта",
+      "dialog.current": "Текущая",
+      "dialog.cancel": "Отмена",
+      "dialog.retry": "Повторить",
+      "dialog.loading": "Загружаю рабочие области…",
+      "dialog.error": "Не удалось загрузить рабочие области: {message}",
+      "dialog.empty": "Рабочих областей пока нет.",
+      "toast.busy": "Перемещаю чат…",
+      "toast.moved": "Перемещено в «{target}»",
+      "toast.movedUngrouped": "Чат убран из проектов",
+      "toast.alreadyThere": "Этот чат уже находится там.",
+      "toast.failed": "Не удалось переместить чат: {message}",
+      "toast.workingDirSkipped": "Рабочая область изменена; рабочая директория пока осталась прежней.",
+      "drop.hint": "Переместить в «{target}»",
+      "drop.ungrouped": "Убрать из проектов",
+      "error.session-unknown": "Чат недоступен.",
+      "error.workspace-unknown": "Рабочая область больше не существует.",
+      "error.workspace-missing-dir": "Папка рабочей области недоступна.",
+      "error.subagent": "Чаты подагентов нельзя перемещать.",
+      "error.busy": "Этот чат уже перемещается.",
+      "error.bad-request": "Запрос на перемещение отклонён как некорректный.",
+      "error.internal": "Внутренняя ошибка: {message}",
+      "menu.icon": "Переместить",
+    };
+    const ZH = {
+      "menu.move": "移动到工作区…",
+      "dialog.title": "将对话移动到工作区",
+      "dialog.subtitle": "该对话将归属于所选工作区，并在其文件夹中继续工作。",
+      "dialog.ungrouped": "无项目（未分组）",
+      "dialog.current": "当前",
+      "dialog.cancel": "取消",
+      "dialog.retry": "重试",
+      "dialog.loading": "正在加载工作区…",
+      "dialog.error": "无法加载工作区：{message}",
+      "dialog.empty": "尚未注册任何工作区。",
+      "toast.busy": "正在移动对话…",
+      "toast.moved": "已移动到“{target}”",
+      "toast.movedUngrouped": "已从项目中移出",
+      "toast.alreadyThere": "该对话已经在那里了。",
+      "toast.failed": "无法移动对话：{message}",
+      "toast.workingDirSkipped": "工作区已更改；工作目录暂时保持不变。",
+      "drop.hint": "移动到“{target}”",
+      "drop.ungrouped": "从项目中移出",
+      "error.session-unknown": "该对话不可用。",
+      "error.workspace-unknown": "该工作区已不存在。",
+      "error.workspace-missing-dir": "工作区文件夹不存在。",
+      "error.subagent": "子代理对话无法移动。",
+      "error.busy": "该对话正在移动中。",
+      "error.bad-request": "移动请求无效。",
+      "error.internal": "内部错误：{message}",
+      "menu.icon": "移动",
+    };
+
+    const inject = ["slots", "locale", "connection"];
+
+    const TOAST_TIMEOUT_MS = 4600;
+    const ROW_SELECTOR = "[data-row-key]";
+    const WORKSPACE_PREFIX = "workspace:";
+    const SESSION_PREFIX = "session:";
+
+    function formatTemplate(template, params) {
+      return String(template).replace(/\{(\w+)\}/g, (match, name) =>
+        params && Object.prototype.hasOwnProperty.call(params, name) ? String(params[name]) : match,
+      );
+    }
+
+    function createStore(initial) {
+      let snapshot = initial;
+      const listeners = new Set();
+      return {
+        get: () => snapshot,
+        set(patch) {
+          const next = typeof patch === "function" ? patch(snapshot) : { ...snapshot, ...patch };
+          if (next === snapshot) return;
+          snapshot = next;
+          for (const listener of [...listeners]) {
+            try {
+              listener();
+            } catch (error) {
+              console.error("[session-move] store listener failed", error);
+            }
+          }
+        },
+        subscribe(listener) {
+          listeners.add(listener);
+          return () => listeners.delete(listener);
+        },
+      };
+    }
+
+    function useStore(store) {
+      return useSyncExternalStore(store.subscribe, store.get, store.get);
+    }
+
+    function apply(ctx) {
+      const t = ctx.locale.bind(NS);
+
+      /* ---------------- locale ---------------- */
+      ctx.effect(() => {
+        try {
+          return ctx.locale.register(NS, { en: EN, zh: ZH });
+        } catch (error) {
+          console.error("[session-move] dictionaries", error);
+          return () => {};
+        }
+      }, "session-move: dictionaries");
+      /* Do not addLanguage("ru") here: a Russian language pack (dsh-gkb-ru-ui)
+         owns that definition, and adding the same id twice throws. Registering
+         the dictionary is enough — an absent language simply never activates
+         these strings. */
+      ctx.effect(() => {
+        try {
+          return ctx.locale.register(NS, "ru", RU);
+        } catch {
+          return () => {};
+        }
+      }, "session-move: ru dictionary");
+
+      /* ---------------- styles ---------------- */
+      ctx.effect(() => {
+        const style = document.createElement("style");
+        style.id = "dsh-session-move-style";
+        style.textContent = `
+.dsh-sm-dialog-backdrop{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,17,21,.42)}
+.dsh-sm-dialog{width:min(460px,100%);max-height:min(560px,calc(100vh - 48px));display:flex;flex-direction:column;gap:0;border-radius:16px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));background:var(--dsw-alias-bg-overlay,#fff);color:var(--dsw-alias-label-primary,#111);box-shadow:0 24px 64px rgba(0,0,0,.28);overflow:hidden;animation:dsh-sm-pop .16s ease-out}
+.dsh-sm-dialog-head{padding:18px 20px 12px;display:flex;flex-direction:column;gap:6px}
+.dsh-sm-dialog-title{font-size:16px;font-weight:650;line-height:22px}
+.dsh-sm-dialog-sub{font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#666)}
+.dsh-sm-dialog-body{padding:4px 10px 10px;overflow:auto;display:flex;flex-direction:column;gap:2px}
+.dsh-sm-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 16px}
+.dsh-sm-row{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;line-height:18px;cursor:pointer}
+.dsh-sm-row:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.055))}
+.dsh-sm-row[data-current="true"]{border-color:var(--dsw-alias-border-l2,rgba(0,0,0,.16));background:var(--dsw-alias-bg-layer-1,rgba(0,0,0,.03))}
+.dsh-sm-row[data-busy="true"]{opacity:.6;cursor:progress}
+.dsh-sm-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
+.dsh-sm-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-sm-row-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary,#777)}
+.dsh-sm-row-mark{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--dsw-alias-brand-primary,#2f7df6)}
+.dsh-sm-btn{border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.16));background:transparent;color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;line-height:18px;padding:7px 14px;border-radius:9px;cursor:pointer}
+.dsh-sm-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05))}
+.dsh-sm-btn:focus-visible,.dsh-sm-row:focus-visible,.dsh-sm-menu-item:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#2f7df6);outline-offset:1px}
+.dsh-sm-menu-item{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;line-height:18px;text-align:left;cursor:pointer}
+.dsh-sm-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}
+.dsh-sm-menu-icon{flex:none;display:flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.8}
+.dsh-sm-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:2147483001;display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:12px;background:var(--dsw-alias-bg-overlay,#fff);border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));box-shadow:0 14px 36px rgba(0,0,0,.2);color:var(--dsw-alias-label-primary,#111);font-size:13px;line-height:18px;max-width:min(540px,calc(100vw - 40px));animation:dsh-sm-toast-in .18s ease-out}
+.dsh-sm-toast-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%}
+.dsh-sm-toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dsh-sm-toast-detail{font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#666)}
+@keyframes dsh-sm-toast-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
+@keyframes dsh-sm-pop{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
+@media (prefers-reduced-motion: reduce){.dsh-sm-toast,.dsh-sm-dialog{animation:none;transition:none}}
+`;
+        document.head.appendChild(style);
+        return () => style.remove();
+      }, "session-move: styles");
+
+      /* ---------------- store + rpc ---------------- */
+      const store = createStore({
+        drag: null,
+        toast: null,
+        dialog: null,
+      });
+      let toastTimer = null;
+      let workspacesCache = [];
+
+      function showToast(toast) {
+        if (toastTimer !== null) {
+          clearTimeout(toastTimer);
+          toastTimer = null;
+        }
+        store.set({ toast: { ...toast, id: Date.now() } });
+        if (toast.persist !== true) {
+          toastTimer = setTimeout(() => {
+            toastTimer = null;
+            store.set({ toast: null });
+          }, TOAST_TIMEOUT_MS);
+        }
+      }
+
+      async function call(operation, payload) {
+        let signal;
+        try {
+          signal = typeof AbortSignal !== "undefined" && typeof AbortSignal.timeout === "function"
+            ? AbortSignal.timeout(30000)
+            : undefined;
+        } catch {
+          signal = undefined;
+        }
+        return await ctx.connection.rpc.call("/api", `${RPC_NS}/${operation}`, payload ?? {}, signal);
+      }
+
+      function describeError(error) {
+        const code = typeof error?.code === "string" ? error.code : "";
+        const known = {
+          "session-move/session-unknown": t("error.session-unknown"),
+          "session-move/workspace-unknown": t("error.workspace-unknown"),
+          "session-move/workspace-missing-dir": t("error.workspace-missing-dir"),
+          "session-move/subagent": t("error.subagent"),
+          "session-move/busy": t("error.busy"),
+          "session-move/bad-request": t("error.bad-request"),
+        };
+        if (Object.prototype.hasOwnProperty.call(known, code)) return known[code];
+        if (code === "session-move/internal") return t("error.internal", { message: error?.message ?? "" });
+        return error?.message ?? String(error);
+      }
+
+      function workspaceLabel(workspaceId) {
+        if (workspaceId === null || workspaceId === undefined) return "";
+        const found = workspacesCache.find((workspace) => workspace.workspaceId === workspaceId);
+        return found ? found.title : "";
+      }
+
+      function refreshWorkspaces() {
+        call("state", {})
+          .then((result) => {
+            if (result?.ok && Array.isArray(result.value?.workspaces)) {
+              workspacesCache = result.value.workspaces;
+            }
+          })
+          .catch(() => {});
+      }
+
+      /* ---------------- move + dialog ---------------- */
+      function closeDialog() {
+        store.set({ dialog: null });
+      }
+
+      async function openDialog(sessionId) {
+        store.set({ dialog: { phase: "loading", sessionId, workspaces: [], currentWorkspaceId: null, error: null, busy: false } });
+        try {
+          const result = await call("state", { sessionId });
+          if (!result?.ok) {
+            store.set({ dialog: { phase: "error", sessionId, workspaces: [], currentWorkspaceId: null, error: describeError(result?.error), busy: false } });
+            return;
+          }
+          workspacesCache = Array.isArray(result.value?.workspaces) ? result.value.workspaces : [];
+          store.set({
+            dialog: {
+              phase: "ready",
+              sessionId,
+              workspaces: workspacesCache,
+              currentWorkspaceId: result.value?.session?.workspaceId ?? null,
+              error: null,
+              busy: false,
+            },
+          });
+        } catch (error) {
+          store.set({ dialog: { phase: "error", sessionId, workspaces: [], currentWorkspaceId: null, error: describeError(error), busy: false } });
+        }
+      }
+
+      function dialogMove(sessionId, workspaceId, displayTitle) {
+        closeDialog();
+        void performMove(sessionId, workspaceId, displayTitle, null);
+      }
+
+      async function performMove(sessionId, workspaceId, targetLabel, targetHeader, options) {
+        const label = targetLabel || workspaceLabel(workspaceId);
+        showToast({ tone: "info", text: t("toast.busy"), persist: true });
+        try {
+          const result = await call("move", { sessionId, workspaceId });
+          if (!result?.ok) {
+            showToast({ tone: "error", text: t("toast.failed", { message: describeError(result?.error) }) });
+            return false;
+          }
+          const value = result.value ?? {};
+          if (value.changed === false) {
+            showToast({ tone: "info", text: t("toast.alreadyThere") });
+            return true;
+          }
+          const detail = typeof value.workingDirectory === "string" && value.workingDirectory.startsWith("skipped")
+            ? t("toast.workingDirSkipped")
+            : undefined;
+          if (workspaceId === null) showToast({ tone: "success", text: t("toast.movedUngrouped"), detail });
+          else showToast({ tone: "success", text: t("toast.moved", { target: label || workspaceLabel(workspaceId) || "" }), detail });
+          if (targetHeader && targetHeader.getAttribute && targetHeader.getAttribute("aria-expanded") === "false") {
+            try {
+              targetHeader.click();
+            } catch {
+              /* the header may have been replaced mid-animation */
+            }
+          }
+          refreshWorkspaces();
+          if (typeof options?.onDone === "function") options.onDone(value);
+          return true;
+        } catch (error) {
+          showToast({ tone: "error", text: t("toast.failed", { message: describeError(error) }) });
+          return false;
+        }
+      }
+
+      /* ---------------- components ---------------- */
+      function ToastView() {
+        const snapshot = useStore(store);
+        const toast = snapshot.toast;
+        if (toast === null) return null;
+        const dotColor = toast.tone === "error"
+          ? "var(--dsw-alias-state-error-primary,#d64545)"
+          : toast.tone === "success"
+            ? "var(--dsw-alias-state-success-primary,#2e9e5b)"
+            : "var(--dsw-alias-brand-primary,#2f7df6)";
+        return h(
+          "div",
+          { className: "dsh-sm-toast", role: "status", "aria-live": "polite" },
+          h("span", { className: "dsh-sm-toast-dot", style: { background: dotColor } }),
+          h(
+            "div",
+            { className: "dsh-sm-toast-body" },
+            h("span", null, toast.text),
+            toast.detail ? h("span", { className: "dsh-sm-toast-detail" }, toast.detail) : null,
+          ),
+        );
+      }
+
+      function CheckMark() {
+        return h(
+          "svg",
+          { viewBox: "0 0 16 16", width: 16, height: 16, "aria-hidden": "true" },
+          h("path", {
+            d: "M3.2 8.6 6.4 11.8 12.9 4.9",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 1.8,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+          }),
+        );
+      }
+
+      function MoveDialog() {
+        const snapshot = useStore(store);
+        const dialog = snapshot.dialog;
+        const dialogOpen = dialog !== null;
+
+        useEffect(() => {
+          if (!dialogOpen) return undefined;
+          const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+              event.stopPropagation();
+              closeDialog();
+            }
+          };
+          document.addEventListener("keydown", onKeyDown, true);
+          return () => document.removeEventListener("keydown", onKeyDown, true);
+        }, [dialogOpen]);
+
+        if (dialog === null) return null;
+
+        const rows = [];
+        if (dialog.phase === "ready") {
+          for (const workspace of dialog.workspaces) {
+            const current = workspace.workspaceId === dialog.currentWorkspaceId;
+            rows.push(
+              h(
+                "button",
+                {
+                  key: workspace.workspaceId,
+                  type: "button",
+                  className: "dsh-sm-row",
+                  "data-current": current ? "true" : "false",
+                  "data-busy": dialog.busy ? "true" : "false",
+                  disabled: dialog.busy || current,
+                  onClick: () => dialogMove(dialog.sessionId, workspace.workspaceId, workspace.title),
+                  title: workspace.path,
+                },
+                h(
+                  "span",
+                  { className: "dsh-sm-row-text" },
+                  h("span", { className: "dsh-sm-row-title" }, workspace.title),
+                  h("span", { className: "dsh-sm-row-path" }, workspace.path),
+                ),
+                h("span", { className: "dsh-sm-row-mark" }, current ? null : h(CheckMark)),
+              ),
+            );
+          }
+          if (dialog.currentWorkspaceId !== null) {
+            rows.push(
+              h(
+                "button",
+                {
+                  key: "__ungrouped__",
+                  type: "button",
+                  className: "dsh-sm-row",
+                  "data-current": "false",
+                  "data-busy": dialog.busy ? "true" : "false",
+                  disabled: dialog.busy,
+                  onClick: () => dialogMove(dialog.sessionId, null, null),
+                },
+                h(
+                  "span",
+                  { className: "dsh-sm-row-text" },
+                  h("span", { className: "dsh-sm-row-title" }, t("dialog.ungrouped")),
+                ),
+              ),
+            );
+          }
+          if (rows.length === 0) {
+            rows.push(h("div", { key: "__empty__", className: "dsh-sm-row-path", style: { padding: "10px 12px" } }, t("dialog.empty")));
+          }
+        }
+
+        let body;
+        if (dialog.phase === "loading") body = h("div", { className: "dsh-sm-row-path", style: { padding: "10px 12px" } }, t("dialog.loading"));
+        else if (dialog.phase === "error") body = h("div", { className: "dsh-sm-row-path", style: { padding: "10px 12px", color: "var(--dsw-alias-state-error-primary,#d64545)" } }, t("dialog.error", { message: dialog.error ?? "" }));
+        else body = rows;
+
+        return h(
+          "div",
+          {
+            className: "dsh-sm-dialog-backdrop",
+            role: "presentation",
+            onMouseDown: (event) => {
+              if (event.target === event.currentTarget) closeDialog();
+            },
+          },
+          h(
+            "div",
+            { className: "dsh-sm-dialog", role: "dialog", "aria-modal": "true", "aria-label": t("dialog.title") },
+            h(
+              "div",
+              { className: "dsh-sm-dialog-head" },
+              h("div", { className: "dsh-sm-dialog-title" }, t("dialog.title")),
+              h("div", { className: "dsh-sm-dialog-sub" }, t("dialog.subtitle")),
+            ),
+            h("div", { className: "dsh-sm-dialog-body" }, body),
+            h(
+              "div",
+              { className: "dsh-sm-dialog-foot" },
+              dialog.phase === "error"
+                ? h("button", { type: "button", className: "dsh-sm-btn", onClick: () => void openDialog(dialog.sessionId) }, t("dialog.retry"))
+                : null,
+              h("button", { type: "button", className: "dsh-sm-btn", onClick: closeDialog }, t("dialog.cancel")),
+            ),
+          ),
+        );
+      }
+
+      function MoveIcon() {
+        return h(
+          "svg",
+          { viewBox: "0 0 16 16", width: 16, height: 16, "aria-hidden": "true", focusable: "false" },
+          h("path", {
+            d: "M2.5 4.2c0-.7.6-1.3 1.3-1.3h2.6c.4 0 .8.2 1 .5l.7.8h4c.7 0 1.3.6 1.3 1.3v6.1c0 .7-.6 1.3-1.3 1.3H3.8c-.7 0-1.3-.6-1.3-1.3V4.2Z",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 1.2,
+            strokeLinejoin: "round",
+          }),
+          h("path", {
+            d: "M8.6 7.1v3.2M7.2 8.7l1.4 1.6 1.4-1.6",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 1.2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+          }),
+        );
+      }
+
+      function MoveMenuItem(props) {
+        const sessionId = props?.sessionId;
+        const useMenuOpenState = props?.useMenuOpenState;
+        let setMenuOpen = null;
+        try {
+          const pair = typeof useMenuOpenState === "function" ? useMenuOpenState() : null;
+          if (Array.isArray(pair) && typeof pair[1] === "function") setMenuOpen = pair[1];
+        } catch {
+          setMenuOpen = null;
+        }
+        return h(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            className: "dsh-sm-menu-item",
+            onClick: () => {
+              try {
+                if (setMenuOpen) setMenuOpen(false);
+              } catch {
+                /* menu already closed */
+              }
+              void openDialog(sessionId);
+            },
+          },
+          h("span", { className: "dsh-sm-menu-icon" }, h(MoveIcon)),
+          h("span", null, t("menu.move")),
+        );
+      }
+
+      /* ---------------- drag and drop ---------------- */
+      function setupDragAndDrop() {
+        let drag = null;
+
+
+        function rowElementOf(target) {
+          if (!target || typeof target.closest !== "function") return null;
+          return target.closest(ROW_SELECTOR);
+        }
+
+        function workspaceHeaderFor(row) {
+          if (row === null) return null;
+          const own = row.getAttribute("data-row-key") || "";
+          if (own.startsWith(WORKSPACE_PREFIX)) return row;
+          let node = row.parentElement;
+          while (node !== null && node !== document.body) {
+            for (const child of node.children) {
+              if (typeof child.hasAttribute !== "function") continue;
+              if (child.hasAttribute("data-row-key")) {
+                if ((child.getAttribute("data-row-key") || "").startsWith(WORKSPACE_PREFIX)) return child;
+                continue;
+              }
+              const nested = child.querySelector?.(`[data-row-key^="${WORKSPACE_PREFIX}"]`);
+              if (nested !== undefined && nested !== null) return nested;
+            }
+            node = node.parentElement;
+          }
+          return null;
+        }
+
+        function dropTargetAt(event) {
+          const row = rowElementOf(event.target);
+          if (row === null) return null;
+          const header = workspaceHeaderFor(row);
+          if (header === null) return null;
+          const attr = header.getAttribute("data-row-key") || "";
+          if (!attr.startsWith(WORKSPACE_PREFIX)) return null;
+          return { key: attr.slice(WORKSPACE_PREFIX.length), header };
+        }
+
+        function titleOfHeader(header, key) {
+          const cached = workspaceLabel(key);
+          if (cached) return cached;
+          const title = header.querySelector(".wnFoaW_title");
+          const raw = title !== null ? title.textContent : header.textContent;
+          return (raw || "").trim();
+        }
+
+        function onDragStart(event) {
+          const row = rowElementOf(event.target);
+          if (row === null) return;
+          const attr = row.getAttribute("data-row-key") || "";
+          if (!attr.startsWith(SESSION_PREFIX)) return;
+          const header = workspaceHeaderFor(row);
+          const fromHeaderAttr = header === null ? "" : header.getAttribute("data-row-key") || "";
+          drag = {
+            sessionId: attr.slice(SESSION_PREFIX.length),
+            fromKey: fromHeaderAttr.startsWith(WORKSPACE_PREFIX) ? fromHeaderAttr.slice(WORKSPACE_PREFIX.length) : undefined,
+          };
+          store.set({ drag: { sessionId: drag.sessionId } });
+        }
+
+        function onDragOver(event) {
+          if (drag === null) return;
+          const target = dropTargetAt(event);
+          if (target === null || target.key === drag.fromKey) return;
+          event.preventDefault();
+          try {
+            if (event.dataTransfer !== null) event.dataTransfer.dropEffect = "move";
+          } catch {
+            /* some synthetic drag events expose a read-only DataTransfer */
+          }
+        }
+
+        function onDrop(event) {
+          if (drag === null) return;
+          const target = dropTargetAt(event);
+          if (target === null || target.key === drag.fromKey) return;
+          event.preventDefault();
+          const sessionId = drag.sessionId;
+          const key = target.key;
+          const title = key === "" ? "" : titleOfHeader(target.header, key);
+          drag = null;
+          store.set({ drag: null });
+          void performMove(sessionId, key === "" ? null : key, title, target.header);
+        }
+
+        // Never stop dragend: the shipped sidebar owns its own drag state and
+        // clears the blue insertion indicator when this event reaches it.
+        function onDragEnd() {
+          drag = null;
+          if (store.get().drag !== null) store.set({ drag: null });
+        }
+
+        function onWindowBlur() {
+          if (drag === null) return;
+          drag = null;
+          store.set({ drag: null });
+        }
+
+        document.addEventListener("dragstart", onDragStart, true);
+        document.addEventListener("dragover", onDragOver, true);
+        document.addEventListener("drop", onDrop, true);
+        document.addEventListener("dragend", onDragEnd, true);
+        window.addEventListener("blur", onWindowBlur);
+        return () => {
+          document.removeEventListener("dragstart", onDragStart, true);
+          document.removeEventListener("dragover", onDragOver, true);
+          document.removeEventListener("drop", onDrop, true);
+          document.removeEventListener("dragend", onDragEnd, true);
+          window.removeEventListener("blur", onWindowBlur);
+          drag = null;
+          store.set({ drag: null });
+        };
+      }
+
+      ctx.effect(() => setupDragAndDrop(), "session-move: drag and drop");
+
+      /* ---------------- slots ---------------- */
+      ctx.effect(() => ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+        name: "shell.overlay",
+        id: "session-move-toast",
+        order: 901,
+      }, ToastView)), "session-move: toast");
+      ctx.effect(() => ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+        name: "shell.overlay",
+        id: "session-move-dialog",
+        order: 902,
+      }, MoveDialog)), "session-move: dialog");
+      ctx.effect(() => ctx.slots.inject("sidebar.workspaces.session.menu.item", () => ctx.slots.register({
+        name: "sidebar.workspaces.session.menu.item",
+        id: "session-move.menu",
+        order: 500,
+        locale: NS,
+      }, MoveMenuItem)), "session-move: session menu item");
+
+      refreshWorkspaces();
+
+      /* Small, namespaced diagnostic hook: no data or authority beyond the
+         same authenticated RPC the UI already uses. */
+      try {
+        window.__DSH_SESSION_MOVE__ = {
+          call,
+          state: (sessionId) => call("state", sessionId === undefined ? {} : { sessionId }),
+          move: (sessionId, workspaceId) => call("move", { sessionId, workspaceId }),
+          diag: () => call("diag", {}),
+          openDialog: (sessionId) => openDialog(sessionId),
+          dialogState: () => store.get().dialog,
+          storeGet: () => store.get(),
+        };
+        ctx.effect(() => () => {
+          try {
+            delete window.__DSH_SESSION_MOVE__;
+          } catch {
+            /* ignore */
+          }
+        }, "session-move: debug hook");
+      } catch {
+        /* a hardened page may seal window */
+      }
+
+      console.info("[session-move] ready");
+    }
+
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  },
+});