dsh-plugin-standalone-session 0.1.1 → 0.2.1

package/README.md

@@ -14,7 +14,7 @@ DeepSeek Harness 的独立会话：**不隶属于任何工作区**，但完整
 
 - 侧边栏顶部点击 **新建独立会话**，直接创建并打开会话。
 - 上一次由该入口创建的空白会话会复用，避免连点产生大量空会话；管理面板空状态可强制新建。
-- 侧边栏底部 **管理独立会话**：点击行打开，`⋯` 菜单重命名/删除。
+- 侧边栏底部 **管理独立会话**：点击行打开，`⋯` 菜单重命名/删除，支持多选批量删除。
 - 原生输入区可用：模型选择、附件、`/` 指令、发送。
 - 重启 DSH 后仍保持独立状态。
 - 不替换原生新建会话、工作区浏览器、会话菜单或聊天 UI。
@@ -55,7 +55,7 @@ dsh plugin --profile web add /absolute/path/to/dsh-plugin-standalone-session-0.1
 - **命令**：输入 `/`，选择 `独立会话：新建` / `独立会话：管理`。
 - **删除**：使用 DSH 原生归档，不是物理删除；已删除会话可在归档视图中恢复。
 
-管理面板点击整行打开会话；行尾 `⋯` 提供重命名和删除。删除最后一条后会停留在空状态，不会跳回新会话页。
+管理面板点击整行打开会话；行尾 `⋯` 提供重命名和删除。点击右上角 `选择` 进入批量模式，可全选/半选后一次删除；部分失败会保留失败项。删除最后一条后会停留在空状态，不会跳回新会话页。
 
 ## 与普通会话的区别
 
@@ -102,7 +102,7 @@ dsh plugin --profile web add /absolute/path/to/dsh-plugin-standalone-session-0.1
 
 ```bash
 npm ci
-npm run check       # typecheck + build + 51 个单元测试
+npm run check       # typecheck + build + 59 个单元测试
 npm test
 ```
 

package/lib/client.js

@@ -311,6 +311,20 @@ async function renameStandalone(ctx, sessionId, title) {
 async function archiveStandalone(ctx, sessionId) {
   await ctx.workspaces.archiveSession(sessionId, { stopActivity: true });
 }
+async function archiveStandalones(ctx, sessionIds, onProgress) {
+  const archived = [];
+  const failed = [];
+  for (const [index, sessionId] of sessionIds.entries()) {
+    try {
+      await archiveStandalone(ctx, sessionId);
+      archived.push(sessionId);
+    } catch (reason) {
+      failed.push({ sessionId, message: messageOf(reason) });
+    }
+    onProgress?.(index + 1, sessionIds.length);
+  }
+  return { archived, failed };
+}
 function messageOf(error) {
   return error instanceof Error ? error.message : String(error);
 }
@@ -462,6 +476,20 @@ var zh = {
   "panel.deleteTitle": "\u5220\u9664\u72EC\u7ACB\u4F1A\u8BDD\uFF1F",
   "panel.deleteBody": "\u4F1A\u8BDD\u5C06\u4ECE\u5217\u8868\u548C\u539F\u751F\u4F1A\u8BDD\u89C6\u56FE\u4E2D\u79FB\u9664\uFF08DSH \u4EE5\u5F52\u6863\u5B9E\u73B0\u5220\u9664\uFF09\uFF0C\u4F46\u4ECD\u53EF\u5728\u5F52\u6863\u89C6\u56FE\u4E2D\u6062\u590D\u3002\u7A7A\u767D\u4F1A\u8BDD\u7684\u4E34\u65F6\u76EE\u5F55\u4F1A\u88AB\u6E05\u7406\uFF1B\u5DF2\u7ECF\u4EA7\u751F\u8FC7\u6D88\u606F\u7684\u4F1A\u8BDD\u4F1A\u4FDD\u7559\u5176\u76EE\u5F55\u3002",
   "panel.deleteConfirm": "\u5220\u9664",
+  "panel.select": "\u9009\u62E9",
+  "panel.selectToolbar": "\u6279\u91CF\u9009\u62E9",
+  "panel.selectAll": "\u5168\u9009",
+  "panel.selectAllLabel": "\u5168\u9009\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.selectionHint": "\u70B9\u51FB\u4F1A\u8BDD\u884C\u9009\u62E9\uFF0C\u6216\u4F7F\u7528\u5168\u9009\u3002",
+  "panel.selectedCount": "\u5DF2\u9009 {n} / {total}",
+  "panel.selectRow": "\u9009\u62E9\u201C{title}\u201D",
+  "panel.batchDelete": "\u5220\u9664",
+  "panel.batchDeleteTitle": "\u5220\u9664 {n} \u4E2A\u72EC\u7ACB\u4F1A\u8BDD\uFF1F",
+  "panel.batchDeleteBody": "\u5C06\u5F52\u6863\u8FD9 {n} \u4E2A\u4F1A\u8BDD\uFF0C\u53EF\u5728\u5F52\u6863\u89C6\u56FE\u4E2D\u6062\u590D\u3002",
+  "panel.batchDeleteRunning": "\u5176\u4E2D {n} \u4E2A\u6B63\u5728\u8FD0\u884C\uFF0C\u5F52\u6863\u4F1A\u505C\u6B62\u5B83\u4EEC\u3002",
+  "panel.batchDeleteDirs": "\u7A7A\u767D\u4E14\u76EE\u5F55\u4E3A\u7A7A\u7684\u4F1A\u8BDD\u4F1A\u6E05\u7406\u5DE5\u4F5C\u76EE\u5F55\uFF1B\u5DF2\u6709\u6D88\u606F\u6216\u76EE\u5F55\u975E\u7A7A\u7684\u4F1A\u8BDD\u4F1A\u4FDD\u7559\u76EE\u5F55\u3002",
+  "panel.batchDeleting": "\u5F52\u6863\u4E2D {done}/{total}\u2026",
+  "panel.batchPartial": "{n} \u4E2A\u4F1A\u8BDD\u5F52\u6863\u5931\u8D25\uFF0C\u5DF2\u4FDD\u7559\u9009\u4E2D\u72B6\u6001\u3002",
   "panel.deleteKeepDir": "\u8BE5\u4F1A\u8BDD\u5DF2\u6709\u6D88\u606F\uFF0C\u76EE\u5F55\u4F1A\u88AB\u4FDD\u7559\u3002",
   "panel.cancel": "\u53D6\u6D88",
   "panel.renameTitle": "\u91CD\u547D\u540D\u72EC\u7ACB\u4F1A\u8BDD",
@@ -524,6 +552,20 @@ var en = {
   "panel.deleteTitle": "Delete standalone session?",
   "panel.deleteBody": "The session leaves the list and the native session view (DSH implements deletion as archive), and remains recoverable from the archived view. The directory of an unused session is removed; a session that already carried messages keeps its directory.",
   "panel.deleteConfirm": "Delete",
+  "panel.select": "Select",
+  "panel.selectToolbar": "Bulk selection",
+  "panel.selectAll": "Select all",
+  "panel.selectAllLabel": "Select all standalone sessions",
+  "panel.selectionHint": "Select rows, or use Select all.",
+  "panel.selectedCount": "{n} / {total} selected",
+  "panel.selectRow": 'Select "{title}"',
+  "panel.batchDelete": "Delete",
+  "panel.batchDeleteTitle": "Delete {n} standalone session(s)?",
+  "panel.batchDeleteBody": "The {n} selected session(s) will be archived and can be restored from the archived view.",
+  "panel.batchDeleteRunning": "{n} session(s) are running; archiving will stop them.",
+  "panel.batchDeleteDirs": "Blank sessions with empty directories lose their working directory; sessions with messages or non-empty directories keep theirs.",
+  "panel.batchDeleting": "Archiving {done}/{total}\u2026",
+  "panel.batchPartial": "Failed to archive {n} session(s); selection was kept.",
   "panel.deleteKeepDir": "This session already carried messages; its directory is retained.",
   "panel.cancel": "Cancel",
   "panel.renameTitle": "Rename standalone session",
@@ -568,6 +610,39 @@ var en = {
   "error.noSession": "No session is available"
 };
 
+// src/client/selection.ts
+function toggleSelection(selected, sessionId) {
+  const next = new Set(selected);
+  if (next.has(sessionId)) next.delete(sessionId);
+  else next.add(sessionId);
+  return next;
+}
+function selectAllRows(rows) {
+  return new Set(rows.map((row) => row.id));
+}
+function selectedRows(rows, selected) {
+  return rows.filter((row) => selected.has(row.id));
+}
+function pruneSelection(rows, selected) {
+  if (selected.size === 0) return selected;
+  const live = new Set(rows.map((row) => row.id));
+  let changed = false;
+  const next = /* @__PURE__ */ new Set();
+  for (const id of selected) {
+    if (live.has(id)) next.add(id);
+    else changed = true;
+  }
+  return changed ? next : selected;
+}
+function selectionState(rows, selected) {
+  const count = selectedRows(rows, selected).length;
+  return {
+    count,
+    all: rows.length > 0 && count === rows.length,
+    some: count > 0 && count < rows.length
+  };
+}
+
 // src/client/components.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function StandaloneIcon({
@@ -866,7 +941,7 @@ function DialogFrame({ title, children, footer, onCancel, busy = false }) {
         'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])'
       )
     );
-    focusables()[0]?.focus();
+    focusables()[0]?.focus({ preventScroll: true });
     const onKey = (event) => {
       if (event.key === "Escape" && !busyRef.current) {
         event.preventDefault();
@@ -889,7 +964,7 @@ function DialogFrame({ title, children, footer, onCancel, busy = false }) {
     document.addEventListener("keydown", onKey);
     return () => {
       document.removeEventListener("keydown", onKey);
-      previous?.focus();
+      previous?.focus({ preventScroll: true });
     };
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1031,6 +1106,72 @@ function DeleteDialog({
     }
   );
 }
+function BatchDeleteDialog({
+  targets,
+  t,
+  progress,
+  onCancel,
+  onConfirm
+}) {
+  const [submitting, setSubmitting] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const busy = submitting || progress !== null;
+  const running = targets.filter((row) => row.running).length;
+  const hasBlank = targets.some((row) => row.blank);
+  const confirm = async () => {
+    if (busy) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await onConfirm();
+    } catch (reason) {
+      setError(messageOf(reason));
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DialogFrame,
+    {
+      title: t("panel.batchDeleteTitle", { n: targets.length }),
+      busy,
+      onCancel,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonQuiet",
+            disabled: busy,
+            onClick: onCancel,
+            children: t("panel.cancel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonDanger",
+            disabled: busy,
+            "aria-busy": progress !== null,
+            onClick: () => {
+              void confirm();
+            },
+            children: progress === null ? t("panel.batchDelete") : t("panel.batchDeleting", {
+              done: progress.done,
+              total: progress.total
+            })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-dialogBody", children: t("panel.batchDeleteBody", { n: targets.length }) }),
+        running > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-batchWarning", children: t("panel.batchDeleteRunning", { n: running }) }) : null,
+        hasBlank ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-batchDirs", children: t("panel.batchDeleteDirs") }) : null,
+        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", children: error }) : null
+      ]
+    }
+  );
+}
 function createStandalonePanel(ctx) {
   const fallbackT = ctx.locale.bind(NS);
   return function StandalonePanel(props) {
@@ -1041,8 +1182,31 @@ function createStandalonePanel(ctx) {
     const [renameTarget, setRenameTarget] = (0, import_react3.useState)(null);
     const [deleteTarget, setDeleteTarget] = (0, import_react3.useState)(null);
     const [menuTarget, setMenuTarget] = (0, import_react3.useState)(null);
+    const [selectionMode, setSelectionMode] = (0, import_react3.useState)(false);
+    const [selectedIds, setSelectedIds] = (0, import_react3.useState)(() => /* @__PURE__ */ new Set());
+    const [batchTargets, setBatchTargets] = (0, import_react3.useState)(null);
+    const [batchProgress, setBatchProgress] = (0, import_react3.useState)(null);
     const menuRef = (0, import_react3.useRef)(null);
     const menuButtonRef = (0, import_react3.useRef)(null);
+    const selectAllRef = (0, import_react3.useRef)(null);
+    const selectButtonRef = (0, import_react3.useRef)(null);
+    const panelRef = (0, import_react3.useRef)(null);
+    const wasSelecting = (0, import_react3.useRef)(false);
+    const selected = (0, import_react3.useMemo)(() => selectedRows(rows, selectedIds), [rows, selectedIds]);
+    const state = (0, import_react3.useMemo)(() => selectionState(rows, selectedIds), [rows, selectedIds]);
+    const locked = busy !== null || batchProgress !== null;
+    const exitSelection = () => {
+      setSelectionMode(false);
+      setSelectedIds(/* @__PURE__ */ new Set());
+      setMenuTarget(null);
+      setError(null);
+    };
+    const enterSelection = () => {
+      if (locked) return;
+      setMenuTarget(null);
+      setSelectedIds(/* @__PURE__ */ new Set());
+      setSelectionMode(true);
+    };
     (0, import_react3.useEffect)(() => {
       if (menuTarget === null) return;
       menuRef.current?.querySelector("button")?.focus();
@@ -1063,8 +1227,42 @@ function createStandalonePanel(ctx) {
         document.removeEventListener("keydown", onKeyDown);
       };
     }, [menuTarget]);
+    (0, import_react3.useEffect)(() => {
+      const pruned = pruneSelection(rows, selectedIds);
+      if (pruned !== selectedIds) setSelectedIds(pruned);
+      if (rows.length === 0 && selectionMode) {
+        setSelectionMode(false);
+        setSelectedIds(/* @__PURE__ */ new Set());
+      }
+    }, [rows, selectedIds, selectionMode]);
+    (0, import_react3.useEffect)(() => {
+      if (selectionMode) selectAllRef.current?.focus({ preventScroll: true });
+    }, [selectionMode]);
+    (0, import_react3.useEffect)(() => {
+      if (wasSelecting.current && !selectionMode && rows.length > 0) {
+        selectButtonRef.current?.focus({ preventScroll: true });
+      }
+      wasSelecting.current = selectionMode;
+    }, [selectionMode, rows.length]);
+    (0, import_react3.useEffect)(() => {
+      if (selectAllRef.current !== null) selectAllRef.current.indeterminate = state.some;
+    }, [state.some, selectionMode]);
+    (0, import_react3.useEffect)(() => {
+      if (!selectionMode) return;
+      const onKey = (event) => {
+        if (batchTargets !== null || renameTarget !== null || deleteTarget !== null || menuTarget !== null) {
+          return;
+        }
+        if (event.key === "Escape") {
+          event.preventDefault();
+          exitSelection();
+        }
+      };
+      document.addEventListener("keydown", onKey);
+      return () => document.removeEventListener("keydown", onKey);
+    }, [selectionMode, batchTargets, renameTarget, deleteTarget, menuTarget]);
     const create = async () => {
-      if (busy !== null) return;
+      if (locked) return;
       setBusy("new");
       setError(null);
       try {
@@ -1076,7 +1274,7 @@ function createStandalonePanel(ctx) {
       }
     };
     const open = (row) => {
-      if (busy !== null) return;
+      if (locked) return;
       setMenuTarget(null);
       try {
         ctx.uiWorkspace.openSession(row.id);
@@ -1084,6 +1282,14 @@ function createStandalonePanel(ctx) {
         setError(t("panel.actionFailed", { message: messageOf(reason) }));
       }
     };
+    const toggleRow = (sessionId) => {
+      if (locked) return;
+      setSelectedIds((current2) => toggleSelection(current2, sessionId));
+    };
+    const toggleAll = () => {
+      if (locked) return;
+      setSelectedIds(state.all ? /* @__PURE__ */ new Set() : selectAllRows(rows));
+    };
     const rename = async (row, title) => {
       setBusy(row.id);
       setError(null);
@@ -1096,12 +1302,19 @@ function createStandalonePanel(ctx) {
         setBusy(null);
       }
     };
+    const reopenIfUnmounted = () => {
+      window.setTimeout(() => {
+        if (panelRef.current === null || !panelRef.current.isConnected) {
+          openManagementPanel(ctx, t);
+        }
+      }, 0);
+    };
     const remove = async (row) => {
       setBusy(row.id);
       setError(null);
       try {
         await archiveStandalone(ctx, row.id);
-        openManagementPanel(ctx, t);
+        reopenIfUnmounted();
         setDeleteTarget(null);
       } catch (reason) {
         throw new Error(messageOf(reason));
@@ -1109,17 +1322,117 @@ function createStandalonePanel(ctx) {
         setBusy(null);
       }
     };
+    const beginBatch = () => {
+      if (locked || selected.length === 0) return;
+      setMenuTarget(null);
+      setError(null);
+      setBatchProgress(null);
+      setBatchTargets([...selected]);
+    };
+    const runBatch = async (targets) => {
+      setBatchProgress({ done: 0, total: targets.length });
+      setError(null);
+      try {
+        const result = await archiveStandalones(
+          ctx,
+          targets.map((row) => row.id),
+          (done, total) => setBatchProgress({ done, total })
+        );
+        setBatchTargets(null);
+        setSelectedIds(new Set(result.failed.map((failure) => failure.sessionId)));
+        if (result.failed.length === 0) {
+          setSelectionMode(false);
+        } else {
+          const message = t("panel.batchPartial", { n: result.failed.length });
+          setError(message);
+          showNotice("error", message);
+        }
+        reopenIfUnmounted();
+      } catch (reason) {
+        setBatchTargets(null);
+        const message = t("panel.actionFailed", { message: messageOf(reason) });
+        setError(message);
+        showNotice("error", message);
+        reopenIfUnmounted();
+      } finally {
+        setBatchProgress(null);
+      }
+    };
     const count = t("panel.count", { n: rows.length });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "ss-panel", "aria-label": t("panel.title"), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { ref: panelRef, className: "ss-panel", "aria-label": t("panel.title"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-shell", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "ss-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-titleRow", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "ss-title", children: t("panel.title") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-count ss-countInline", children: count })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-description", children: t("panel.description") })
-        ] }) }),
-        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", role: "alert", children: error }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "header",
+          {
+            className: "ss-header",
+            role: selectionMode ? "toolbar" : void 0,
+            "aria-label": selectionMode ? t("panel.selectToolbar") : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-headerMain", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-titleRow", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "ss-title", children: t("panel.title") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-count ss-countInline", children: selectionMode ? t("panel.selectedCount", { n: state.count, total: rows.length }) : count })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "p",
+                  {
+                    className: `ss-statusLine${error !== null ? " ss-statusLineError" : ""}`,
+                    role: error !== null ? "alert" : void 0,
+                    title: error ?? void 0,
+                    children: error ?? (selectionMode ? t("panel.selectionHint") : t("panel.description"))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-headerActions", children: selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "ss-selectAll", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "input",
+                    {
+                      ref: selectAllRef,
+                      type: "checkbox",
+                      className: "ss-checkbox",
+                      checked: state.all,
+                      disabled: locked,
+                      "aria-label": t("panel.selectAllLabel"),
+                      onChange: toggleAll
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("panel.selectAll") })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-deleteSlot", children: state.count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ss-button ss-buttonDanger",
+                    disabled: locked,
+                    onClick: beginBatch,
+                    children: t("panel.batchDelete")
+                  }
+                ) : null }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ss-selectButton",
+                    disabled: locked,
+                    onClick: exitSelection,
+                    children: t("panel.cancel")
+                  }
+                )
+              ] }) : rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  ref: selectButtonRef,
+                  type: "button",
+                  className: "ss-selectButton",
+                  disabled: locked,
+                  onClick: enterSelection,
+                  children: t("panel.select")
+                }
+              ) : null })
+            ]
+          }
+        ),
         loading && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-empty", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyHint", children: t("panel.loading") }) }) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-empty", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyTitle", children: t("panel.empty") }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyHint", children: t("panel.emptyHint") }),
@@ -1128,7 +1441,7 @@ function createStandalonePanel(ctx) {
             {
               type: "button",
               className: "ss-button ss-buttonPrimary",
-              disabled: busy !== null,
+              disabled: locked,
               onClick: () => {
                 void create();
               },
@@ -1142,6 +1455,7 @@ function createStandalonePanel(ctx) {
           const title = row.title?.trim() || t("panel.untitled");
           const updated = relativeTimeLabel(t, row.updatedAt);
           const openMenu = menuTarget === row.id;
+          const checked = selectedIds.has(row.id);
           const metaItems = [];
           if (updated !== "") metaItems.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: updated }, "time"));
           if (row.running) {
@@ -1160,30 +1474,46 @@ function createStandalonePanel(ctx) {
           return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "li",
             {
-              className: `ss-row${openMenu ? " ss-rowMenuOpen" : ""}`,
-              role: "button",
-              tabIndex: 0,
-              "aria-disabled": busy !== null,
-              onClick: () => open(row),
-              onKeyDown: (event) => {
-                if (event.target !== event.currentTarget) return;
-                if (event.key === "Enter" || event.key === " ") {
-                  event.preventDefault();
-                  open(row);
-                } else if (event.key === "ArrowDown") {
-                  event.preventDefault();
-                  setMenuTarget(row.id);
-                }
-              },
+              className: `ss-row${openMenu ? " ss-rowMenuOpen" : ""}${selectionMode && checked ? " ss-rowSelected" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowMain", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowTitleRow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowTitle", title, children: title }) }),
-                  metaItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowMeta", children: metaItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.Fragment, { children: [
-                    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-dotSep", children: "\xB7" }) : null,
-                    item
-                  ] }, index)) }) : null
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowActions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowLead", children: selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "ss-checkbox",
+                    checked,
+                    disabled: locked,
+                    "aria-label": t("panel.selectRow", { title }),
+                    onChange: () => toggleRow(row.id)
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandaloneIcon, { size: 14 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ss-rowMain",
+                    disabled: locked,
+                    "aria-pressed": selectionMode ? checked : void 0,
+                    onClick: () => {
+                      if (selectionMode) toggleRow(row.id);
+                      else open(row);
+                    },
+                    onKeyDown: (event) => {
+                      if (!selectionMode && event.key === "ArrowDown") {
+                        event.preventDefault();
+                        setMenuTarget(row.id);
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowTitleRow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowTitle", title, children: title }) }),
+                      metaItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowMeta", children: metaItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.Fragment, { children: [
+                        index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-dotSep", children: "\xB7" }) : null,
+                        item
+                      ] }, index)) }) : null
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowActions", children: !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "button",
                     {
@@ -1192,7 +1522,7 @@ function createStandalonePanel(ctx) {
                       "aria-label": t("panel.more"),
                       "aria-haspopup": "menu",
                       "aria-expanded": openMenu,
-                      disabled: busy !== null,
+                      disabled: locked,
                       ref: openMenu ? menuButtonRef : void 0,
                       onClick: (event) => {
                         event.stopPropagation();
@@ -1215,7 +1545,7 @@ function createStandalonePanel(ctx) {
                           {
                             type: "button",
                             role: "menuitem",
-                            disabled: busy !== null,
+                            disabled: locked,
                             onClick: () => {
                               setMenuTarget(null);
                               setRenameTarget(row);
@@ -1229,7 +1559,7 @@ function createStandalonePanel(ctx) {
                             type: "button",
                             role: "menuitem",
                             className: "ss-rowMenuDanger",
-                            disabled: busy !== null,
+                            disabled: locked,
                             onClick: () => {
                               setMenuTarget(null);
                               setDeleteTarget(row);
@@ -1240,7 +1570,7 @@ function createStandalonePanel(ctx) {
                       ]
                     }
                   ) : null
-                ] })
+                ] }) : null })
               ]
             },
             row.id
@@ -1248,6 +1578,18 @@ function createStandalonePanel(ctx) {
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") })
       ] }),
+      batchTargets !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        BatchDeleteDialog,
+        {
+          targets: batchTargets,
+          t,
+          progress: batchProgress,
+          onCancel: () => {
+            if (batchProgress === null) setBatchTargets(null);
+          },
+          onConfirm: () => runBatch(batchTargets)
+        }
+      ) : null,
       renameTarget !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         RenameDialog,
         {
@@ -1291,9 +1633,14 @@ var CSS = `
   align-items: flex-start;
   gap: 16px;
   justify-content: space-between;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  min-height: 58px;
   margin-bottom: 8px;
 }
+.ss-headerMain {
+  min-width: 0;
+  flex: 1;
+}
 .ss-titleRow {
   display: flex;
   align-items: center;
@@ -1306,12 +1653,17 @@ var CSS = `
   font-weight: 600;
   margin: 0;
 }
-.ss-description {
+.ss-statusLine {
+  margin: 6px 0 0;
   color: var(--dsw-alias-label-secondary, #59636e);
   font-size: 13px;
   line-height: 20px;
-  margin: 6px 0 0;
-  max-width: 560px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ss-statusLineError {
+  color: var(--dsw-alias-state-error-primary, #d1242f);
 }
 .ss-count {
   color: var(--dsw-alias-label-tertiary, #818b98);
@@ -1323,9 +1675,57 @@ var CSS = `
   margin-top: 0;
   align-self: center;
 }
+.ss-headerActions {
+  display: flex;
+  flex: 0 0 176px;
+  width: 176px;
+  height: 32px;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+.ss-deleteSlot {
+  width: 56px;
+  height: 32px;
+  flex: none;
+  display: flex;
+  justify-content: flex-end;
+}
+.ss-deleteSlot .ss-button {
+  min-width: 52px;
+  flex: none;
+}
+.ss-selectButton {
+  min-height: 32px;
+  padding: 3px 8px;
+  border: 0;
+  border-radius: var(--dsw-radius-md, 10px);
+  background: transparent;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  cursor: pointer;
+}
+.ss-selectButton:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+}
+.ss-selectButton:focus-visible {
+  outline: var(--dsw-focus-ring-width, 2px) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
+  outline-offset: 1px;
+}
+.ss-selectButton:disabled {
+  cursor: default;
+  opacity: 0.55;
+}
 .ss-button {
   font: inherit;
   display: inline-flex;
+  flex: none;
+  white-space: nowrap;
   align-items: center;
   justify-content: center;
   gap: 6px;
@@ -1384,6 +1784,28 @@ var CSS = `
   background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.12));
   border: 0.5px solid var(--dsw-alias-interactive-bg-hover, rgba(59, 130, 246, 0.18));
 }
+.ss-selectAll {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 13px;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+}
+.ss-checkbox {
+  width: 18px;
+  height: 18px;
+  margin: 0;
+  flex: none;
+  accent-color: var(--dsw-alias-state-business-primary, #2563eb);
+  cursor: pointer;
+}
+.ss-checkbox:disabled {
+  cursor: default;
+  opacity: 0.55;
+}
 .ss-list {
   display: flex;
   flex-direction: column;
@@ -1394,10 +1816,12 @@ var CSS = `
 }
 .ss-row {
   position: relative;
-  display: flex;
+  display: grid;
+  grid-template-columns: 18px minmax(0, 1fr) 28px;
+  column-gap: 14px;
   align-items: center;
-  gap: 14px;
   box-sizing: border-box;
+  height: 66px;
   padding: 12px 14px;
   border-radius: var(--dsw-radius-lg, 14px);
   border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2));
@@ -1410,21 +1834,48 @@ var CSS = `
   border-color: var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
   background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
 }
-.ss-row:focus-visible {
-  outline: var(--dsw-focus-ring-width, 2px) solid
-    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
-  outline-offset: 1px;
+.ss-rowSelected,
+.ss-rowSelected:hover,
+.ss-rowSelected:focus-within {
+  border-color: var(--dsw-alias-state-business-primary, #3b82f6);
 }
 .ss-row[aria-disabled="true"] {
   cursor: default;
   opacity: 0.7;
 }
+.ss-rowLead {
+  width: 18px;
+  height: 20px;
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dsw-alias-label-tertiary, #818b98);
+}
 .ss-rowMain {
   min-width: 0;
-  flex: 1;
+  width: 100%;
+  grid-column: 2;
   display: flex;
   flex-direction: column;
   gap: 3px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.ss-rowMain:disabled {
+  cursor: default;
+  opacity: 0.7;
+}
+.ss-rowMain:focus-visible {
+  outline: var(--dsw-focus-ring-width, 2px) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
+  outline-offset: 2px;
+  border-radius: 6px;
 }
 .ss-rowTitleRow {
   display: flex;
@@ -1449,16 +1900,21 @@ var CSS = `
   align-items: center;
   gap: 8px;
   min-width: 0;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .ss-dotSep {
   opacity: 0.5;
 }
 .ss-rowActions {
   position: relative;
+  grid-column: 3;
+  width: 28px;
   display: flex;
   align-items: center;
-  gap: 6px;
+  justify-content: center;
+  gap: 0;
   flex: none;
 }
 .ss-rowMenuButton {
@@ -1613,6 +2069,8 @@ var CSS = `
 .ss-dialog {
   width: 100%;
   max-width: 440px;
+  max-height: calc(100vh - 48px);
+  overflow: auto;
   box-sizing: border-box;
   border-radius: var(--dsw-radius-lg, 14px);
   border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
@@ -1649,6 +2107,19 @@ var CSS = `
   gap: 8px;
   margin-top: 18px;
 }
+.ss-batchWarning {
+  margin: 0 0 10px;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 600;
+}
+.ss-batchDirs {
+  margin: 0 0 10px;
+  color: var(--dsw-alias-label-tertiary, #818b98);
+  font-size: 12px;
+  line-height: 18px;
+}
 .ss-footerAction {
   box-sizing: border-box;
   width: 100%;
@@ -1804,8 +2275,8 @@ var CSS = `
 }
 @media (max-width: 640px) {
   .ss-panel { padding: 20px 14px 40px; }
-  .ss-row { flex-wrap: wrap; }
-  .ss-rowActions { width: 100%; justify-content: flex-end; }
+  .ss-row { flex-wrap: nowrap; gap: 10px; }
+  .ss-headerActions { flex-basis: 176px; width: 176px; }
 }
 `;
 function insertStyles() {

package/lib/types/client/actions.d.ts

@@ -36,5 +36,24 @@ export declare function renameStandalone(ctx: ClientContext, sessionId: string,
  * @param sessionId - target session.
  */
 export declare function archiveStandalone(ctx: ClientContext, sessionId: string): Promise<void>;
+/** One failed session in a batch archive operation. */
+export interface BatchArchiveFailure {
+    readonly sessionId: string;
+    readonly message: string;
+}
+/** Result of archiving a snapshot of selected sessions. */
+export interface BatchArchiveResult {
+    readonly archived: readonly string[];
+    readonly failed: readonly BatchArchiveFailure[];
+}
+/**
+ * Archive sessions one at a time. A failure is recorded and the remaining
+ * sessions continue, so one stale row cannot strand the rest of the batch.
+ * @param ctx - client root context.
+ * @param sessionIds - frozen snapshot of the selected session ids.
+ * @param onProgress - called after every attempt with 1-based progress.
+ * @returns successfully archived ids and per-session failures.
+ */
+export declare function archiveStandalones(ctx: ClientContext, sessionIds: readonly string[], onProgress?: (done: number, total: number) => void): Promise<BatchArchiveResult>;
 /** Human-readable error text. */
 export declare function messageOf(error: unknown): string;

package/lib/types/client/locales.d.ts

@@ -3,7 +3,7 @@
  * keeps `en` complete, and both shipped languages are registered together.
  */
 export declare const NS = "standaloneSession";
-export type StandaloneKey = 'panel.label' | 'panel.title' | 'panel.description' | 'panel.new' | 'panel.empty' | 'panel.emptyHint' | 'panel.badge' | 'panel.open' | 'panel.rename' | 'panel.delete' | 'panel.untitled' | 'panel.blank' | 'panel.running' | 'panel.cwd' | 'panel.count' | 'panel.deleteTitle' | 'panel.deleteBody' | 'panel.deleteConfirm' | 'panel.deleteKeepDir' | 'panel.cancel' | 'panel.renameTitle' | 'panel.renameLabel' | 'panel.more' | 'panel.save' | 'panel.titleRequired' | 'panel.actionFailed' | 'panel.retry' | 'panel.archivedHint' | 'panel.loading' | 'entry.label' | 'launcher.creating' | 'launcher.failedTitle' | 'launcher.retry' | 'launcher.manage' | 'launcher.hint' | 'command.label' | 'command.description' | 'command.manageLabel' | 'command.manageDescription' | 'footer.manage' | 'footer.manageCount' | 'footer.manageTooltip' | 'time.now' | 'time.minutes' | 'time.hours' | 'time.days' | 'toast.manageFailed' | 'hero.badge' | 'hero.hint' | 'row.mark' | 'row.hover' | 'composer.placeholder' | 'toast.created' | 'toast.createFailed' | 'toast.deleteFailed' | 'toast.deleted' | 'toast.renamed' | 'toast.renameFailed' | 'error.noHome' | 'error.noSession';
+export type StandaloneKey = 'panel.label' | 'panel.title' | 'panel.description' | 'panel.new' | 'panel.empty' | 'panel.emptyHint' | 'panel.badge' | 'panel.open' | 'panel.rename' | 'panel.delete' | 'panel.untitled' | 'panel.blank' | 'panel.running' | 'panel.cwd' | 'panel.count' | 'panel.deleteTitle' | 'panel.deleteBody' | 'panel.deleteConfirm' | 'panel.select' | 'panel.selectToolbar' | 'panel.selectAll' | 'panel.selectAllLabel' | 'panel.selectionHint' | 'panel.selectedCount' | 'panel.selectRow' | 'panel.batchDelete' | 'panel.batchDeleteTitle' | 'panel.batchDeleteBody' | 'panel.batchDeleteRunning' | 'panel.batchDeleteDirs' | 'panel.batchDeleting' | 'panel.batchPartial' | 'panel.deleteKeepDir' | 'panel.cancel' | 'panel.renameTitle' | 'panel.renameLabel' | 'panel.more' | 'panel.save' | 'panel.titleRequired' | 'panel.actionFailed' | 'panel.retry' | 'panel.archivedHint' | 'panel.loading' | 'entry.label' | 'launcher.creating' | 'launcher.failedTitle' | 'launcher.retry' | 'launcher.manage' | 'launcher.hint' | 'command.label' | 'command.description' | 'command.manageLabel' | 'command.manageDescription' | 'footer.manage' | 'footer.manageCount' | 'footer.manageTooltip' | 'time.now' | 'time.minutes' | 'time.hours' | 'time.days' | 'toast.manageFailed' | 'hero.badge' | 'hero.hint' | 'row.mark' | 'row.hover' | 'composer.placeholder' | 'toast.created' | 'toast.createFailed' | 'toast.deleteFailed' | 'toast.deleted' | 'toast.renamed' | 'toast.renameFailed' | 'error.noHome' | 'error.noSession';
 export type StandaloneDict = Readonly<Record<StandaloneKey, string>>;
 export declare const zh: StandaloneDict;
 export declare const en: StandaloneDict;

package/lib/types/client/selection.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Pure selection helpers for the standalone-session manager. Keeping these out
+ * of the panel makes bulk-selection edge cases (pruning, select-all, partial
+ * state) directly unit-testable.
+ */
+import type { SessionRow } from './dsh.js';
+/** Toggle one session id without mutating the caller's set. */
+export declare function toggleSelection(selected: ReadonlySet<string>, sessionId: string): ReadonlySet<string>;
+/** Select every row in the current view. */
+export declare function selectAllRows(rows: readonly SessionRow[]): ReadonlySet<string>;
+/** Rows that are still present in the current view and selected. */
+export declare function selectedRows(rows: readonly SessionRow[], selected: ReadonlySet<string>): SessionRow[];
+/**
+ * Drop ids that disappeared from the view. Returns the original set when
+ * nothing changed so callers can avoid a redundant state update.
+ */
+export declare function pruneSelection(rows: readonly SessionRow[], selected: ReadonlySet<string>): ReadonlySet<string>;
+/** Select-all checkbox state for the current view. */
+export declare function selectionState(rows: readonly SessionRow[], selected: ReadonlySet<string>): {
+    readonly count: number;
+    readonly all: boolean;
+    readonly some: boolean;
+};
+/** Counts used by the batch confirmation copy. */
+export declare function batchSummary(rows: readonly SessionRow[], selected: ReadonlySet<string>): {
+    readonly count: number;
+    readonly running: number;
+    readonly blank: number;
+};

package/lib/types/client/styles.d.ts

@@ -2,7 +2,7 @@
  * One namespaced stylesheet. DSH theme variables carry the palette, so the
  * plugin follows light/dark themes without owning color tokens.
  */
-export declare const CSS = "\n.ss-panel {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: 0;\n  overflow: auto;\n  padding: 32px clamp(20px, 5vw, 56px) 56px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-specific-main-fill, transparent);\n}\n.ss-shell {\n  width: 100%;\n  max-width: 880px;\n  margin: 0 auto;\n}\n.ss-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 8px;\n}\n.ss-titleRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n.ss-title {\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: 600;\n  margin: 0;\n}\n.ss-description {\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n  margin: 6px 0 0;\n  max-width: 560px;\n}\n.ss-count {\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 20px;\n  margin-top: 6px;\n}\n.ss-countInline {\n  margin-top: 0;\n  align-self: center;\n}\n.ss-button {\n  font: inherit;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  box-sizing: border-box;\n  min-height: 32px;\n  padding: 5px 12px;\n  border-radius: var(--dsw-radius-md, 10px);\n  border: 0.5px solid transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-button-elevated-fill, #f3f4f6);\n  transition: background 120ms ease, border-color 120ms ease;\n}\n.ss-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-button:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-buttonPrimary {\n  color: #fff;\n  background: var(--dsw-alias-state-business-primary, #2563eb);\n  border-color: var(--dsw-alias-state-business-primary, #2563eb);\n}\n.ss-buttonPrimary:hover:not(:disabled) {\n  background: var(--dsw-alias-state-business-primary, #2563eb);\n  filter: brightness(1.05);\n}\n.ss-buttonQuiet {\n  background: transparent;\n  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n}\n.ss-buttonDanger {\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n  background: transparent;\n  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n}\n.ss-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: none;\n  border-radius: 999px;\n  padding: 1px 8px 2px;\n  font-size: 11px;\n  line-height: 16px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);\n  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.12));\n  border: 0.5px solid var(--dsw-alias-interactive-bg-hover, rgba(59, 130, 246, 0.18));\n}\n.ss-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 20px 0 0;\n  padding: 0;\n  list-style: none;\n}\n.ss-row {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  box-sizing: border-box;\n  padding: 12px 14px;\n  border-radius: var(--dsw-radius-lg, 14px);\n  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2));\n  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n.ss-row:hover,\n.ss-row:focus-within {\n  border-color: var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-row:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-row[aria-disabled=\"true\"] {\n  cursor: default;\n  opacity: 0.7;\n}\n.ss-rowMain {\n  min-width: 0;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n.ss-rowTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.ss-rowTitle {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ss-rowMeta {\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n.ss-dotSep {\n  opacity: 0.5;\n}\n.ss-rowActions {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n.ss-rowMenuButton {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-md, 10px);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  opacity: 0;\n  transition: background 120ms ease, color 120ms ease, opacity 120ms ease;\n}\n.ss-row:hover .ss-rowMenuButton,\n.ss-row:focus-within .ss-rowMenuButton,\n.ss-rowMenuOpen .ss-rowMenuButton {\n  opacity: 1;\n}\n.ss-rowMenuButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-rowMenuButton:focus-visible {\n  opacity: 1;\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-rowMenuButton:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n.ss-rowMenu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 20;\n  min-width: 136px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  border-radius: var(--dsw-radius-md, 10px);\n  background: var(--dsw-alias-bg-elevated, #fff);\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n}\n.ss-rowMenu button {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 9px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n}\n.ss-rowMenu button:hover:not(:disabled),\n.ss-rowMenu button:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n  outline: none;\n}\n.ss-rowMenu button:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n.ss-rowMenuDanger {\n  color: var(--dsw-alias-state-error-primary, #d1242f) !important;\n}\n.ss-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n.ss-statusDot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.55;\n}\n.ss-stateRunning {\n  color: var(--dsw-alias-state-business-primary, #2563eb);\n  font-weight: 600;\n}\n.ss-empty {\n  margin-top: 28px;\n  padding: 44px 24px;\n  text-align: center;\n  border: 0.5px dashed var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.3));\n  border-radius: var(--dsw-radius-lg, 14px);\n}\n.ss-emptyTitle {\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n  margin: 0 0 6px;\n}\n.ss-emptyHint {\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n  margin: 0 auto;\n  max-width: 460px;\n}\n.ss-emptyAction {\n  margin-top: 18px;\n}\n.ss-panelHint {\n  margin: 18px 0 0;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 20px;\n}\n.ss-fieldLabel {\n  display: block;\n  margin: 12px 0 6px;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 12px;\n  line-height: 18px;\n}\n.ss-error {\n  margin-top: 16px;\n  padding: 8px 10px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n  background: var(--dsw-alias-state-error-tertiary, rgba(209, 36, 47, 0.08));\n  font-size: 12px;\n  line-height: 18px;\n}\n.ss-dialogBackdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 80;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.28);\n  padding: 24px;\n}\n.ss-dialog {\n  width: 100%;\n  max-width: 440px;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-lg, 14px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-elevated, #fff);\n  padding: 20px;\n  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);\n}\n.ss-dialogTitle {\n  margin: 0 0 6px;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n}\n.ss-dialogBody {\n  margin: 0 0 14px;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n}\n.ss-input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 36px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 0 10px;\n}\n.ss-dialogFooter {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 18px;\n}\n.ss-footerAction {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 30px;\n  padding: 4px 8px;\n  border: 0;\n  border-radius: var(--dsw-radius-md, 10px);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n}\n.ss-footerAction:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-footerAction:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-footerLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n}\n.ss-footerRail {\n  width: 36px;\n  height: 36px;\n  justify-content: center;\n  padding: 0;\n}\n.ss-panelIcon {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.ss-launcher {\n  box-sizing: border-box;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 32px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n.ss-launcherCard {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 430px;\n  padding: 30px 28px;\n  text-align: center;\n  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n  border-radius: var(--dsw-radius-lg, 14px);\n  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));\n}\n.ss-launcherSpinner {\n  width: 22px;\n  height: 22px;\n  margin: 0 auto 14px;\n  border-radius: 50%;\n  border: 2px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n  border-top-color: var(--dsw-alias-state-business-primary, #2563eb);\n  animation: ss-spin 900ms linear infinite;\n}\n@keyframes ss-spin {\n  to { transform: rotate(360deg); }\n}\n.ss-launcherTitle {\n  margin: 0;\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n.ss-launcherHint {\n  margin: 6px 0 0;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n}\n.ss-launcherActions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 18px;\n}\n.ss-heroBadge {\n  margin-right: 4px;\n}\n.ss-rowMark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);\n  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.14));\n  flex: none;\n}\n.ss-rowHover {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: #cfd3d6;\n  font-size: 12px;\n  line-height: 16px;\n}\n.ss-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 28px;\n  transform: translateX(-50%);\n  z-index: 90;\n  max-width: min(520px, calc(100vw - 40px));\n  box-sizing: border-box;\n  padding: 9px 14px;\n  border-radius: var(--dsw-radius-md, 10px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-elevated, #fff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n  font-size: 13px;\n  line-height: 19px;\n  pointer-events: auto;\n}\n.ss-toastError {\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n}\n.ss-visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n@media (hover: none) {\n  .ss-rowMenuButton { opacity: 1; }\n}\n@media (max-width: 640px) {\n  .ss-panel { padding: 20px 14px 40px; }\n  .ss-row { flex-wrap: wrap; }\n  .ss-rowActions { width: 100%; justify-content: flex-end; }\n}\n";
+export declare const CSS = "\n.ss-panel {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: 0;\n  overflow: auto;\n  padding: 32px clamp(20px, 5vw, 56px) 56px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-specific-main-fill, transparent);\n}\n.ss-shell {\n  width: 100%;\n  max-width: 880px;\n  margin: 0 auto;\n}\n.ss-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  min-height: 58px;\n  margin-bottom: 8px;\n}\n.ss-headerMain {\n  min-width: 0;\n  flex: 1;\n}\n.ss-titleRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n.ss-title {\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: 600;\n  margin: 0;\n}\n.ss-statusLine {\n  margin: 6px 0 0;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ss-statusLineError {\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n}\n.ss-count {\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 20px;\n  margin-top: 6px;\n}\n.ss-countInline {\n  margin-top: 0;\n  align-self: center;\n}\n.ss-headerActions {\n  display: flex;\n  flex: 0 0 176px;\n  width: 176px;\n  height: 32px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 8px;\n}\n.ss-deleteSlot {\n  width: 56px;\n  height: 32px;\n  flex: none;\n  display: flex;\n  justify-content: flex-end;\n}\n.ss-deleteSlot .ss-button {\n  min-width: 52px;\n  flex: none;\n}\n.ss-selectButton {\n  min-height: 32px;\n  padding: 3px 8px;\n  border: 0;\n  border-radius: var(--dsw-radius-md, 10px);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n.ss-selectButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-selectButton:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-selectButton:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-button {\n  font: inherit;\n  display: inline-flex;\n  flex: none;\n  white-space: nowrap;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  box-sizing: border-box;\n  min-height: 32px;\n  padding: 5px 12px;\n  border-radius: var(--dsw-radius-md, 10px);\n  border: 0.5px solid transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-button-elevated-fill, #f3f4f6);\n  transition: background 120ms ease, border-color 120ms ease;\n}\n.ss-button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-button:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-button:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-buttonPrimary {\n  color: #fff;\n  background: var(--dsw-alias-state-business-primary, #2563eb);\n  border-color: var(--dsw-alias-state-business-primary, #2563eb);\n}\n.ss-buttonPrimary:hover:not(:disabled) {\n  background: var(--dsw-alias-state-business-primary, #2563eb);\n  filter: brightness(1.05);\n}\n.ss-buttonQuiet {\n  background: transparent;\n  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n}\n.ss-buttonDanger {\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n  background: transparent;\n  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n}\n.ss-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: none;\n  border-radius: 999px;\n  padding: 1px 8px 2px;\n  font-size: 11px;\n  line-height: 16px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);\n  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.12));\n  border: 0.5px solid var(--dsw-alias-interactive-bg-hover, rgba(59, 130, 246, 0.18));\n}\n.ss-selectAll {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n  user-select: none;\n}\n.ss-checkbox {\n  width: 18px;\n  height: 18px;\n  margin: 0;\n  flex: none;\n  accent-color: var(--dsw-alias-state-business-primary, #2563eb);\n  cursor: pointer;\n}\n.ss-checkbox:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 20px 0 0;\n  padding: 0;\n  list-style: none;\n}\n.ss-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 18px minmax(0, 1fr) 28px;\n  column-gap: 14px;\n  align-items: center;\n  box-sizing: border-box;\n  height: 66px;\n  padding: 12px 14px;\n  border-radius: var(--dsw-radius-lg, 14px);\n  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2));\n  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n.ss-row:hover,\n.ss-row:focus-within {\n  border-color: var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-rowSelected,\n.ss-rowSelected:hover,\n.ss-rowSelected:focus-within {\n  border-color: var(--dsw-alias-state-business-primary, #3b82f6);\n}\n.ss-row[aria-disabled=\"true\"] {\n  cursor: default;\n  opacity: 0.7;\n}\n.ss-rowLead {\n  width: 18px;\n  height: 20px;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n}\n.ss-rowMain {\n  min-width: 0;\n  width: 100%;\n  grid-column: 2;\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.ss-rowMain:disabled {\n  cursor: default;\n  opacity: 0.7;\n}\n.ss-rowMain:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 2px;\n  border-radius: 6px;\n}\n.ss-rowTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.ss-rowTitle {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ss-rowMeta {\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.ss-dotSep {\n  opacity: 0.5;\n}\n.ss-rowActions {\n  position: relative;\n  grid-column: 3;\n  width: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  flex: none;\n}\n.ss-rowMenuButton {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-md, 10px);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  opacity: 0;\n  transition: background 120ms ease, color 120ms ease, opacity 120ms ease;\n}\n.ss-row:hover .ss-rowMenuButton,\n.ss-row:focus-within .ss-rowMenuButton,\n.ss-rowMenuOpen .ss-rowMenuButton {\n  opacity: 1;\n}\n.ss-rowMenuButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-rowMenuButton:focus-visible {\n  opacity: 1;\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));\n  outline-offset: 1px;\n}\n.ss-rowMenuButton:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n.ss-rowMenu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 20;\n  min-width: 136px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  border-radius: var(--dsw-radius-md, 10px);\n  background: var(--dsw-alias-bg-elevated, #fff);\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n}\n.ss-rowMenu button {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 9px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n}\n.ss-rowMenu button:hover:not(:disabled),\n.ss-rowMenu button:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n  outline: none;\n}\n.ss-rowMenu button:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n.ss-rowMenuDanger {\n  color: var(--dsw-alias-state-error-primary, #d1242f) !important;\n}\n.ss-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n.ss-statusDot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.55;\n}\n.ss-stateRunning {\n  color: var(--dsw-alias-state-business-primary, #2563eb);\n  font-weight: 600;\n}\n.ss-empty {\n  margin-top: 28px;\n  padding: 44px 24px;\n  text-align: center;\n  border: 0.5px dashed var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.3));\n  border-radius: var(--dsw-radius-lg, 14px);\n}\n.ss-emptyTitle {\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n  margin: 0 0 6px;\n}\n.ss-emptyHint {\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n  margin: 0 auto;\n  max-width: 460px;\n}\n.ss-emptyAction {\n  margin-top: 18px;\n}\n.ss-panelHint {\n  margin: 18px 0 0;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 20px;\n}\n.ss-fieldLabel {\n  display: block;\n  margin: 12px 0 6px;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 12px;\n  line-height: 18px;\n}\n.ss-error {\n  margin-top: 16px;\n  padding: 8px 10px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n  background: var(--dsw-alias-state-error-tertiary, rgba(209, 36, 47, 0.08));\n  font-size: 12px;\n  line-height: 18px;\n}\n.ss-dialogBackdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 80;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.28);\n  padding: 24px;\n}\n.ss-dialog {\n  width: 100%;\n  max-width: 440px;\n  max-height: calc(100vh - 48px);\n  overflow: auto;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-lg, 14px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-elevated, #fff);\n  padding: 20px;\n  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);\n}\n.ss-dialogTitle {\n  margin: 0 0 6px;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n}\n.ss-dialogBody {\n  margin: 0 0 14px;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n}\n.ss-input {\n  box-sizing: border-box;\n  width: 100%;\n  height: 36px;\n  border-radius: var(--dsw-radius-sm, 8px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 0 10px;\n}\n.ss-dialogFooter {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 18px;\n}\n.ss-batchWarning {\n  margin: 0 0 10px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n}\n.ss-batchDirs {\n  margin: 0 0 10px;\n  color: var(--dsw-alias-label-tertiary, #818b98);\n  font-size: 12px;\n  line-height: 18px;\n}\n.ss-footerAction {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 30px;\n  padding: 4px 8px;\n  border: 0;\n  border-radius: var(--dsw-radius-md, 10px);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n}\n.ss-footerAction:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);\n}\n.ss-footerAction:disabled {\n  cursor: default;\n  opacity: 0.55;\n}\n.ss-footerLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n}\n.ss-footerRail {\n  width: 36px;\n  height: 36px;\n  justify-content: center;\n  padding: 0;\n}\n.ss-panelIcon {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.ss-launcher {\n  box-sizing: border-box;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 32px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n.ss-launcherCard {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 430px;\n  padding: 30px 28px;\n  text-align: center;\n  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));\n  border-radius: var(--dsw-radius-lg, 14px);\n  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));\n}\n.ss-launcherSpinner {\n  width: 22px;\n  height: 22px;\n  margin: 0 auto 14px;\n  border-radius: 50%;\n  border: 2px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n  border-top-color: var(--dsw-alias-state-business-primary, #2563eb);\n  animation: ss-spin 900ms linear infinite;\n}\n@keyframes ss-spin {\n  to { transform: rotate(360deg); }\n}\n.ss-launcherTitle {\n  margin: 0;\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n.ss-launcherHint {\n  margin: 6px 0 0;\n  color: var(--dsw-alias-label-secondary, #59636e);\n  font-size: 13px;\n  line-height: 20px;\n}\n.ss-launcherActions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 18px;\n}\n.ss-heroBadge {\n  margin-right: 4px;\n}\n.ss-rowMark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);\n  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.14));\n  flex: none;\n}\n.ss-rowHover {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: #cfd3d6;\n  font-size: 12px;\n  line-height: 16px;\n}\n.ss-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 28px;\n  transform: translateX(-50%);\n  z-index: 90;\n  max-width: min(520px, calc(100vw - 40px));\n  box-sizing: border-box;\n  padding: 9px 14px;\n  border-radius: var(--dsw-radius-md, 10px);\n  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-elevated, #fff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n  font-size: 13px;\n  line-height: 19px;\n  pointer-events: auto;\n}\n.ss-toastError {\n  color: var(--dsw-alias-state-error-primary, #d1242f);\n}\n.ss-visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n@media (hover: none) {\n  .ss-rowMenuButton { opacity: 1; }\n}\n@media (max-width: 640px) {\n  .ss-panel { padding: 20px 14px 40px; }\n  .ss-row { flex-wrap: nowrap; gap: 10px; }\n  .ss-headerActions { flex-basis: 176px; width: 176px; }\n}\n";
 /**
  * Insert (or replace) the plugin's one style element.
  * @returns a disposer that removes the element.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-standalone-session",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "displayName": "Standalone Session",
   "description": "Create and manage standalone DSH sessions that are not attached to any workspace.",
   "type": "module",