dsh-plugin-standalone-session 0.2.0 → 0.2.1

package/lib/client.js

@@ -480,6 +480,7 @@ var zh = {
   "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",
@@ -555,6 +556,7 @@ var en = {
   "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",
@@ -939,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();
@@ -962,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)(
@@ -1188,6 +1190,8 @@ function createStandalonePanel(ctx) {
     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;
@@ -1196,7 +1200,6 @@ function createStandalonePanel(ctx) {
       setSelectedIds(/* @__PURE__ */ new Set());
       setMenuTarget(null);
       setError(null);
-      selectButtonRef.current?.focus();
     };
     const enterSelection = () => {
       if (locked) return;
@@ -1233,8 +1236,14 @@ function createStandalonePanel(ctx) {
       }
     }, [rows, selectedIds, selectionMode]);
     (0, import_react3.useEffect)(() => {
-      if (selectionMode) selectAllRef.current?.focus();
+      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]);
@@ -1293,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));
@@ -1331,24 +1347,24 @@ function createStandalonePanel(ctx) {
           setError(message);
           showNotice("error", message);
         }
-        openManagementPanel(ctx, t);
+        reopenIfUnmounted();
       } catch (reason) {
         setBatchTargets(null);
         const message = t("panel.actionFailed", { message: messageOf(reason) });
         setError(message);
         showNotice("error", message);
-        openManagementPanel(ctx, t);
+        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.jsxs)(
           "header",
           {
-            className: `ss-header${selectionMode ? " ss-headerSelection" : ""}`,
+            className: "ss-header",
             role: selectionMode ? "toolbar" : void 0,
             "aria-label": selectionMode ? t("panel.selectToolbar") : void 0,
             children: [
@@ -1357,7 +1373,15 @@ function createStandalonePanel(ctx) {
                   /* @__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 })
                 ] }),
-                !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-description", children: t("panel.description") }) : null
+                /* @__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: [
@@ -1375,7 +1399,7 @@ function createStandalonePanel(ctx) {
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("panel.selectAll") })
                 ] }),
-                state.count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-deleteSlot", children: state.count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "button",
                   {
                     type: "button",
@@ -1384,7 +1408,7 @@ function createStandalonePanel(ctx) {
                     onClick: beginBatch,
                     children: t("panel.batchDelete")
                   }
-                ) : null,
+                ) : null }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "button",
                   {
@@ -1409,7 +1433,6 @@ function createStandalonePanel(ctx) {
             ]
           }
         ),
-        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", role: "alert", children: error }) : 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") }),
@@ -1453,7 +1476,7 @@ function createStandalonePanel(ctx) {
             {
               className: `ss-row${openMenu ? " ss-rowMenuOpen" : ""}${selectionMode && checked ? " ss-rowSelected" : ""}`,
               children: [
-                selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowLead", children: selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "input",
                   {
                     type: "checkbox",
@@ -1463,7 +1486,7 @@ function createStandalonePanel(ctx) {
                     "aria-label": t("panel.selectRow", { title }),
                     onChange: () => toggleRow(row.id)
                   }
-                ) : null,
+                ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandaloneIcon, { size: 14 }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   "button",
                   {
@@ -1490,7 +1513,7 @@ function createStandalonePanel(ctx) {
                     ]
                   }
                 ),
-                !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowActions", children: [
+                /* @__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",
                     {
@@ -1547,13 +1570,13 @@ function createStandalonePanel(ctx) {
                       ]
                     }
                   ) : null
-                ] }) : null
+                ] }) : null })
               ]
             },
             row.id
           );
         }) }),
-        !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") })
       ] }),
       batchTargets !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         BatchDeleteDialog,
@@ -1610,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;
@@ -1625,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);
@@ -1644,21 +1677,27 @@ var CSS = `
 }
 .ss-headerActions {
   display: flex;
+  flex: 0 0 176px;
+  width: 176px;
+  height: 32px;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 8px;
 }
-.ss-headerSelection {
-  position: sticky;
-  top: 0;
-  z-index: 6;
-  align-items: center;
-  padding: 8px 0;
-  background: var(--dsw-specific-main-fill, var(--dsw-alias-bg-elevated, #fff));
+.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: 30px;
+  min-height: 32px;
   padding: 3px 8px;
   border: 0;
   border-radius: var(--dsw-radius-md, 10px);
@@ -1685,6 +1724,8 @@ var CSS = `
 .ss-button {
   font: inherit;
   display: inline-flex;
+  flex: none;
+  white-space: nowrap;
   align-items: center;
   justify-content: center;
   gap: 6px;
@@ -1775,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));
@@ -1800,9 +1843,19 @@ var CSS = `
   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;
@@ -1847,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 {
@@ -2218,11 +2276,7 @@ var CSS = `
 @media (max-width: 640px) {
   .ss-panel { padding: 20px 14px 40px; }
   .ss-row { flex-wrap: nowrap; gap: 10px; }
-  .ss-headerSelection { align-items: flex-start; }
-  .ss-headerSelection .ss-headerActions {
-    width: 100%;
-    justify-content: flex-end;
-  }
+  .ss-headerActions { flex-basis: 176px; width: 176px; }
 }
 `;
 function insertStyles() {

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.select' | 'panel.selectToolbar' | 'panel.selectAll' | 'panel.selectAllLabel' | '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 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/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-headerActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ss-headerSelection {\n  position: sticky;\n  top: 0;\n  z-index: 6;\n  align-items: center;\n  padding: 8px 0;\n  background: var(--dsw-specific-main-fill, var(--dsw-alias-bg-elevated, #fff));\n}\n.ss-selectButton {\n  min-height: 30px;\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  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: 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-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-rowMain {\n  min-width: 0;\n  flex: 1;\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: 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  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-headerSelection { align-items: flex-start; }\n  .ss-headerSelection .ss-headerActions {\n    width: 100%;\n    justify-content: flex-end;\n  }\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.2.0",
+  "version": "0.2.1",
   "displayName": "Standalone Session",
   "description": "Create and manage standalone DSH sessions that are not attached to any workspace.",
   "type": "module",