dsh-plugin-standalone-session 0.1.0 → 0.2.0

package/README.md

@@ -1,160 +1,81 @@
 # dsh-plugin-standalone-session
 
-为 **DeepSeek Harness (DSH)** 增加“独立会话”：不隶属于任何工作区、不占用项目工作区、但完整复用 DSH 原生输入区（模型选择、附件、斜杠指令、发送）的会话。
+[![npm](https://img.shields.io/npm/v/dsh-plugin-standalone-session)](https://www.npmjs.com/package/dsh-plugin-standalone-session)
+[![release](https://img.shields.io/github/v/release/LRainner/dsh-plugin-standalone-session)](https://github.com/LRainner/dsh-plugin-standalone-session/releases)
+
+DeepSeek Harness 的独立会话：**不隶属于任何工作区**，但完整复用原生输入区。
 
 - 插件 ID：`standalone-session`
-- 显示名：`Standalone Session`
-- 中文名：`独立会话`
+- 中文名：`独立会话` / `Standalone Session`
 - 兼容 DSH：`>=0.2.1-rc.2 <0.3.0-0`
-- 许可证：MIT
-
-## 它解决什么
+- License：MIT
 
-DSH 原生输入区在“会话没有工作区”时会把输入区置为不可用：空白会话页需要先选择一个工作区才能开始输入。本插件让“独立会话”成为一个可用的、持久的状态：
+## 功能
 
-- 会话本身**不属于任何工作区**；DSH 的工作区注册表里不会出现任何由本插件创建的“假工作区”。
-- 原生输入区被解锁，模型、附件、`/` 指令、发送全部照常。
-- 独立会话显示在侧边栏顶层的 **未分组** 区域，并带有 `独` / `独立` badge；同时提供一个独立的“独立会话”管理面板。
-- 重启 DSH 后，独立会话仍可恢复，且不会自动变成某个工作区的会话。
-- 不替换原生“新建会话”按钮、工作区浏览器、工作区选择器、会话菜单或聊天界面。
+- 侧边栏顶部点击 **新建独立会话**，直接创建并打开会话。
+- 上一次由该入口创建的空白会话会复用，避免连点产生大量空会话；管理面板空状态可强制新建。
+- 侧边栏底部 **管理独立会话**：点击行打开，`⋯` 菜单重命名/删除，支持多选批量删除。
+- 原生输入区可用：模型选择、附件、`/` 指令、发送。
+- 重启 DSH 后仍保持独立状态。
+- 不替换原生新建会话、工作区浏览器、会话菜单或聊天 UI。
 
 ## 安装
 
-### 从 npm 安装（推荐）
+### npm（推荐）
 
-**Web 配置：**
+**Web**
 
 ```bash
 dsh plugin --profile web add dsh-plugin-standalone-session
 ```
 
-重启 `dsh web`，然后硬刷新页面（macOS `Cmd+Shift+R`）以获取新的客户端 bundle。
-
-**Desktop 配置：**
-
-DSH 0.2.1-rc.2 的 `dsh` CLI 会拒绝直接管理 desktop 配置：
-
-```text
-error: profile "desktop" is managed exclusively by the Electron application
-```
+重启 `dsh web`，硬刷新页面。
 
-这是设计行为，不是本插件的安装失败。Desktop 插件应通过应用内的 **插件 / Plugins** 页面安装：
+**Desktop**
 
-1. 打开 DeepSeek Harness 桌面应用。
-2. 侧边栏 → **插件** → 安装/添加插件。
-3. 输入 npm 包名 `dsh-plugin-standalone-session`（Plugin Manager 也接受 tarball 路径和绝对本地目录）。
-4. 安装完成后，完全退出并重新启动 DeepSeek Harness；宿主端插件只在进程启动时加载。
-5. 如果右侧/左侧 UI 没有立即变化，执行一次窗口重载（`Cmd+R`）。
+打开 **插件 / Plugins** → 安装 → 输入 `dsh-plugin-standalone-session`，然后完全退出并重启 DSH。
 
-> 如果桌面应用正在运行，请优先使用应用内 Plugin Manager；不要在应用运行时直接改写 `~/.dsh/profiles/desktop` 下的依赖，以免与应用的 profile 管理冲突。
+桌面端的 profile 由 Electron 管理，不能用 `dsh plugin --profile desktop` 安装。
 
-### 从本地 tarball 安装（离线/开发）
+### 本地 tarball
 
 ```bash
-cd dsh-plugin-standalone-session
-npm install
+npm ci
 npm run build
 npm pack
-# 产物：/absolute/path/to/dsh-plugin-standalone-session-0.1.0.tgz
-```
-
-**Web 配置：**
-
-```bash
 dsh plugin --profile web add /absolute/path/to/dsh-plugin-standalone-session-0.1.0.tgz
 ```
 
-重启 `dsh web`，然后硬刷新页面（macOS `Cmd+Shift+R`）以获取新的客户端 bundle。
-
-**Desktop 配置：** 使用应用内 **插件 / Plugins** 页面，输入 tarball 的绝对路径。
-
-> **不要直接安装 GitHub 源码 tarball。** 仓库不包含构建后的 `lib/`，pnpm 会要求执行构建脚本，默认被供应链策略拦截并报 `ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED`。请使用 npm 包、本地 tarball，或按 pnpm 提示在 profile 的 `pnpm-workspace.yaml` 中显式允许对应 commit 的构建。
-
-### 卸载
-
-- **Web**：`dsh plugin --profile web remove dsh-plugin-standalone-session`，然后重启 `dsh web`。
-- **Desktop**：在桌面应用的 **插件 / Plugins** 页面卸载，然后完全重启应用。
-
-**卸载不会删除任何会话**，也不会自动删除独立会话的工作目录。卸载后：
-
-- 已经产生过消息的独立会话仍可作为普通“未分组”会话继续使用（输入区在活动会话中本来就是可用的）。
-- **空白**独立会话缺少本插件的输入区解锁逻辑，输入区会回到 DSH 原生的“选择工作区”状态；可以给它挂一个真实工作区，或重新安装本插件。
-- 如果确认不再需要这些独立会话，可手动清理其工作目录（见“清理”）。
+> 不要直接安装 GitHub 源码 tarball。仓库不包含构建后的 `lib/`，pnpm 会因构建脚本策略报 `ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED`；请用 npm 包或本地 tarball。
 
 ## 使用
 
-### 新建独立会话
-
-主要入口是侧边栏顶部的 **`新建独立会话`（+）** 行：
-
-- 点击这一行会**立即创建并进入**一个新的独立会话，不再先显示管理面板。
-- 如果上一次由这个入口创建的会话仍然是空白且仍然存在，会直接复用它，避免误点/连点产生大量空白会话。
-- 创建失败会停留在轻量的 launcher 页，提供“重试”和“管理已有会话”。
-
-其他入口：
-
-1. **管理面板为空时**：空状态里的 `新建独立会话` 总是创建全新的空白会话。
-2. **命令菜单**：在任意会话的输入框输入 `/`，选择 `独立会话：新建`（英文 `Standalone Session: New`）。
-
-创建后会直接在**主视图**打开原生会话页。输入框、模型选择、附件按钮立即可用。
-
-### 管理
+- **新建**：点击侧边栏顶部 `新建独立会话`。如果上次创建的会话仍为空白，会直接复用它。
+- **管理**：点击底部 `管理独立会话（n）`，或命令菜单里的 `独立会话：管理`。
+- **命令**：输入 `/`，选择 `独立会话：新建` / `独立会话：管理`。
+- **删除**：使用 DSH 原生归档，不是物理删除；已删除会话可在归档视图中恢复。
 
-点击侧边栏底部的 **`管理独立会话`**，或使用命令菜单里的 `独立会话：管理` / `Standalone Session: Manage`，打开管理面板：
+管理面板点击整行打开会话；行尾 `⋯` 提供重命名和删除。点击右上角 `选择` 进入批量模式，可全选/半选后一次删除；部分失败会保留失败项。删除最后一条后会停留在空状态，不会跳回新会话页。
 
-- 列出所有未归档的独立会话（含空白的会话；原生侧边栏默认只显示当前空白会话）。
-- 点击会话行：切回原生会话页；行尾 `⋯` 菜单提供重命名和删除。
-- `重命名`：调用原生 Session Controller 的重命名能力，标题投影同步更新。
-- `删除`：调用原生归档（DSH 没有物理删除会话的公开 API）。
-
-### 删除语义
-
-DSH 把“删除”实现为**归档**：会话从普通列表消失，但仍可在原生归档视图中恢复。本插件遵守这一点：
-
-- 从未产生过用户消息、且目录为空的独立会话：归档后，宿主端会删除它的专用工作目录。
-- 从未产生过用户消息、但目录非空（例如 agent 已经写入文件）：保留目录，避免把“没有记录到消息”误判为“可以删除内容”。
-- 已经产生过消息的独立会话：归档后**保留**工作目录，以便日后从归档恢复时仍能继续在原目录工作；即使目录为空也不删除。
-- 清理失败：宿主端记录 `[standalone-session]` 前缀的日志，并在 `registry.json` 中保留 `cleanupFailed` / `cleanupError`，下次扫描重试；这不会阻塞归档主流程。
-
-## 与普通工作区会话的区别
+## 与普通会话的区别
 
 | | 普通工作区会话 | 独立会话 |
 | --- | --- | --- |
 | 工作区归属 | 属于某个工作区 | 不属于任何工作区 |
-| 工作区注册表 | 有对应工作区记录 | **没有**任何工作区记录 |
-| 侧边栏位置 | 工作区分组下 | 顶层“未分组” + 独立面板 |
-| badge | 无 | `独` / `独立会话 · 无工作区` |
+| 工作区注册表 | 有记录 | 没有记录 |
+| 侧边栏 | 工作区分组 | 顶层“未分组” + 独立面板 |
 | 工作目录 | 工作区目录 | `~/.dsh/dsh-standalone-sessions/<sessionId>` |
-| 原生输入区 | 原生启用 | 由本插件解锁（仍是同一个原生 InputBar） |
-| 重启恢复 | 是 | 是（靠会话自身 cwd 标记 + 宿主 registry） |
-
-## 实现方案（没有使用临时工作区）
-
-调研结论：原生输入区的 `inert` 条件来自 Conversation 的 `hero && chipTitle === undefined`，而 `chipTitle` 通常来自“当前会话是否属于某个工作区”。常见做法是**临时创建一个工作区**并挂载会话，让输入区解锁，首条消息后再删除该工作区。
+| 输入区 | 原生启用 | 插件解锁同一个原生 InputBar |
 
-本插件**没有采用**这个方案，原因：
+## 实现
 
-1. 临时工作区必须进入宿主 `workspaceRegistry` 才会被原生会话页识别，因此它会出现在用户的侧边栏工作区列表中；要隐藏它就必须替换/过滤原生 WorkspaceBrowser，风险更大。
-2. 若在首条消息前崩溃或用户切走，还可能留下“孤儿工作区”，与“临时工作区不得出现在用户工作区列表”的要求冲突。
+没有创建临时工作区，也没有 patch 原生 workspace 逻辑：
 
-本插件改为一个**范围极小的视图适配器**：
+- 会话自身 `cwd` 带有独立标记；宿主 `registry.json` 记录生命周期。
+- 客户端只包装 `conversation.composer.bar`：当 cwd 是独立标记且原生输入区为 disabled 时解锁。
+- 不替换原生聊天、工作区选择器、会话菜单或新建按钮。
 
-- `conversation.composer.bar` 是 DSH 原生输入条的 slot。插件包装该 slot 的**现有**组件；仅当当前会话的 durable `cwd` 带有独立标记且原生 `disabled === true` 时，传入 `disabled: false`，并清空工作区选择器的占位参数。
-- 原生 InputBar 仍然负责编辑器、模型选择、附件、斜杠指令、提交、停止和错误展示；插件没有重写聊天 UI，也没有修改会话数据模型。
-- 适配器在插件卸载时恢复原组件；如果 DSH 未来改变该 slot 的形状，适配器会安全地不生效（输入区回到原生状态），管理面板仍然可用。
-
-其他部分：
-
-- **持久化标记**：会话的 `cwd` 是 `~/.dsh/dsh-standalone-sessions/<sessionId>`；`<sessionId>` 与目录名一致。这个标记写入 DSH 的会话 header，重启后仍然存在。宿主端另有 `~/.dsh/dsh-standalone-sessions/registry.json` 记录 `standalone: true`、`hadMessage`、清理状态等生命周期信息；浏览器端只依赖 cwd 标记，因此 registry 损坏不会导致会话“消失”。
-- **点击即新建**：`sidebar.panellist` 的行点击被 DSH 固定为 `selectPanel(id)`，插件无法替换整行动作。因此顶栏行指向一个专用的 launcher main panel：它挂载时创建（或复用空白）会话并 `openSession`，用户感知为“点一下就进入新对话”。launcher 还会记录一次真实行点击作为“arm”信号，布局/历史恢复该 panel 时只显示 CTA，不会静默创建会话。
-- **宿主端**：监听 `api-session/added` / `api-session/activity`，维护 registry；每 2s 读取 `workspaceRegistry.archivedSessionIds`，对已归档的独立会话执行清理；启动时回收失败的空白目录。
-- **并发创建**：每次创建由客户端铸造 `session-<uuid>`，目录唯一；registry 写入串行化并使用临时文件 + `rename` 原子替换。
-- **失败回滚**：创建失败时不会调用 `openSession`；宿主扫描会回收 60s 以上、没有 live session、且为空目录的残留。删除清理失败会记录并重试，不影响归档。
-- **不破坏原生行为**：没有 patch `uiWorkspace.startSession`，没有替换 `sidebar.workspaces`，没有改工作区选择器或会话菜单。
-
-## 数据与清理
-
-默认工作目录：
+数据目录：
 
 ```text
 ~/.dsh/dsh-standalone-sessions/
@@ -162,78 +83,62 @@ DSH 把“删除”实现为**归档**：会话从普通列表消失，但仍可
 └── session-<uuid>/
 ```
 
-- 插件不会把独立会话写进 `workspace.json` 的工作区列表。
-- 删除空白独立会话后，对应 `session-<uuid>/` 会被删除；已使用过的会话目录保留。
-- 清理 registry 中已不存在的记录不会删除 DSH 的会话日志（`~/.dsh/sessions`）；会话日志由 DSH 自己管理。
+删除语义：
+
+- 空白且目录为空：归档后删除工作目录。
+- 目录非空或产生过消息：保留目录，便于恢复。
+- 清理失败会记录日志并重试，不阻塞归档。
 
-### 完整清理（谨慎）
+## 兼容与限制
 
-仅在确认不再需要这些独立会话时：
+- 只在 DSH `>=0.2.1-rc.2 <0.3.0-0` 验证。
+- 独立会话仍会出现在原生“未分组”区域；插件没有替换 WorkspaceBrowser。
+- 原生 hero 的 `选择工作区` chip 仍在；插件只在右侧显示 `独立会话 · 无工作区`。
+- 卸载后，空白独立会话的输入区会回到原生 inert 状态；有消息的会话不受影响。
+- DSH 没有物理删除会话 API，删除等于归档。
+- 自定义 `DSH_HOME` 时，独立会话目录仍固定在 `~/.dsh/dsh-standalone-sessions`。
+
+## 开发
 
 ```bash
-# 先卸载插件并重启 DSH
-rm -rf ~/.dsh/dsh-standalone-sessions
+npm ci
+npm run check       # typecheck + build + 59 个单元测试
+npm test
 ```
 
-这会删除独立会话的工作目录（可能包含 agent 写入的文件）。若要连同会话历史一起删除，请使用 DSH 自身的归档/存储管理方式；本插件不提供物理删除会话日志的能力。
+产物：
 
-## 兼容性
+- `lib/index.js`：宿主插件
+- `lib/client.js`：客户端 Module Loader bundle
+- `lib/types/**`：类型声明
 
-- 目标宿主：`0.2.1-rc.2`，声明范围 `>=0.2.1-rc.2 <0.3.0-0`。
-- 本插件**不依赖** npm 上的 `@deepseek-ai/dsh-tools`、`@deepseek-ai/dsh-client-ui-*` 等子包。当前 npm 上这些子包仍是过旧的 `0.0.1-rc.1`（`dsh-tools` 为 `0.0.1-rc.1`），与 `0.2.1-rc.2` 宿主不兼容；插件在运行时使用宿主提供的模块图（React、slot、Session/Workspace controllers），构建期只依赖 TypeScript、esbuild 和 Vitest。
-- 自定义 `DSH_HOME`：本插件的工作目录固定为 `~/.dsh/dsh-standalone-sessions`，因为浏览器端只能拿到 `$host.home`。如果使用自定义 `DSH_HOME`，DSH 的 profile/session 数据会在自定义位置，但独立会话目录仍在 `~/.dsh` 下；会话功能不受影响，只是目录不跟随 `DSH_HOME`。
-- 如果未来 DSH 修改 `conversation.composer.bar` slot 或原生 InputBar props，输入区解锁可能失效；插件会安全降级，不损坏会话或工作区数据。
+## 发布
 
-## 已知限制
+发布使用 [Release Please](https://github.com/googleapis/release-please-action)：合并 `feat:` / `fix:` 后自动创建 release PR；合并 release PR 后自动创建 tag、GitHub Release，并通过 npm Trusted Publishing 发布和附加 tarball。
 
-- **原生“未分组”区域仍会显示独立会话**：它们不隶属于任何工作区（`workspaceIds` 为空），但 DSH 的原生 WorkspaceBrowser 会把无工作区会话放进顶层“未分组”分组。插件在该分组中为独立会话加 `独` / `独立` badge，并提供独立管理面板；没有替换原生浏览器来彻底隐藏这个分组。
-- **删除 = 归档**：DSH 没有公开的物理删除会话 API；已删除会话可从原生归档视图恢复。空白会话的目录会被清理；已使用会话的目录会保留。
-- **空白会话依赖本插件解锁输入区**：卸载后空白独立会话的输入区会回到原生 inert 状态。
-- **没有全局快捷键**：只注册了命令菜单项和侧边栏入口，避免与原生快捷键冲突。
-- **顶栏行本质是导航键**：DSH 的 `sidebar.panellist` 点击固定执行 `selectPanel`，插件通过 launcher main panel 实现“点击即创建”；如果未来 DSH 改变 panel/行语义，需要重新适配。
-- **没有自动模型回复测试**：本地验证使用了隔离的 DSH profile 和真实浏览器；首次消息成功写入并保持独立状态，但测试环境的 API Key 无效，模型返回 `API 密钥无效`。这不影响会话、输入区和独立标记的验证。
+首次使用需要在 npm 包设置中配置 Trusted Publisher：
 
-## 开发
+- Repository：`LRainner/dsh-plugin-standalone-session`
+- Workflow：`release.yml`
 
-```bash
-npm install
-npm run typecheck   # tsc --noEmit
-npm run build       # 宿主 ESM + 客户端 Module Loader bundle + .d.ts
-npm test            # Vitest：51 个单元测试
-npm run check       # typecheck + build + test
-```
+同时确保仓库 Actions 设置允许创建 pull request。
 
-本项目结构：
+## 卸载
 
-```text
-src/index.ts                宿主端入口（registry、归档清理、孤儿目录回收）
-src/host/registry.ts        原子写入的 registry、目录清理策略
-src/shared/standalone.ts    纯函数：路径标记、id、registry 归一化、清理策略
-src/client/index.ts         客户端入口（slot 注册、命令、主题样式）
-src/client/adapters.ts      原生输入条适配器（仅解锁独立会话）
-src/client/components.tsx   独立会话面板、launcher、侧边栏入口、行 badge、toast
-src/client/launcher.ts      launcher 的创建去重、空白复用、点击 arm 策略
-src/client/panels.ts        main panel id（launcher / 管理）
-src/client/format.ts        相对时间本地化
-src/client/create.ts        创建策略（可注入测试）
-src/client/hooks.ts         Session/Workspace 可观察源的 React 绑定
-test/standalone.test.ts     创建策略、标记、回滚、composer 策略
-test/registry.test.ts       registry 持久化、并发、清理、失败重试、孤儿回收
-test/launcher.test.ts       launcher 创建去重、空白复用、arm 窗口
-test/actions.test.ts         管理入口与显式创建/打开
-test/format.test.ts         相对时间本地化
+```bash
+dsh plugin --profile web remove dsh-plugin-standalone-session
 ```
 
-构建产物：
+Desktop 在 **插件 / Plugins** 页面卸载，然后完全重启。
 
-- `lib/index.js`：宿主 ESM 插件。
-- `lib/client.js`：`window.__ModuleLoader__.load({ id, factory })` 形式的客户端 bundle。
-- `lib/types/**`：TypeScript 声明。
+卸载不会删除会话。确需清理独立会话目录时：
 
-## English summary
+```bash
+rm -rf ~/.dsh/dsh-standalone-sessions
+```
 
-Adds first-class standalone sessions to DeepSeek Harness. A standalone session has no workspace: its durable cwd is `~/.dsh/dsh-standalone-sessions/<sessionId>`, it is listed under the native top-level **Ungrouped** group with a standalone badge, and it also has a dedicated sidebar panel with create/open/rename/delete. A narrowly scoped adapter unlocks DSH's own composer for these sessions, so model selection, attachments, slash commands and sending work without creating a synthetic workspace. The native New Session button, workspace browser, picker, session menus and chat UI are not replaced. Deleting a standalone session uses DSH's native archive; an unused session's directory is removed, while a used session's directory is retained for recovery. Compatible with DSH `>=0.2.1-rc.2 <0.3.0-0`. MIT.
+这会删除工作目录，可能包含 agent 写入的文件；会话历史仍由 DSH 管理。
 
 ## License
 
-MIT. See [LICENSE](./LICENSE).
+MIT

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,19 @@ 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.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 +551,19 @@ 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.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 +608,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({
@@ -1031,6 +1104,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 +1180,30 @@ 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 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);
+      selectButtonRef.current?.focus();
+    };
+    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 +1224,36 @@ 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();
+    }, [selectionMode]);
+    (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 +1265,7 @@ function createStandalonePanel(ctx) {
       }
     };
     const open = (row) => {
-      if (busy !== null) return;
+      if (locked) return;
       setMenuTarget(null);
       try {
         ctx.uiWorkspace.openSession(row.id);
@@ -1084,6 +1273,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);
@@ -1109,16 +1306,109 @@ 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);
+        }
+        openManagementPanel(ctx, t);
+      } catch (reason) {
+        setBatchTargets(null);
+        const message = t("panel.actionFailed", { message: messageOf(reason) });
+        setError(message);
+        showNotice("error", message);
+        openManagementPanel(ctx, t);
+      } 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: [
       /* @__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") })
-        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "header",
+          {
+            className: `ss-header${selectionMode ? " ss-headerSelection" : ""}`,
+            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 })
+                ] }),
+                !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-description", children: t("panel.description") }) : null
+              ] }),
+              /* @__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") })
+                ] }),
+                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 })
+            ]
+          }
+        ),
         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") }),
@@ -1128,7 +1418,7 @@ function createStandalonePanel(ctx) {
             {
               type: "button",
               className: "ss-button ss-buttonPrimary",
-              disabled: busy !== null,
+              disabled: locked,
               onClick: () => {
                 void create();
               },
@@ -1142,6 +1432,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 +1451,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: [
+                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)
+                  }
+                ) : null,
+                /* @__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
+                    ]
+                  }
+                ),
+                !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowActions", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "button",
                     {
@@ -1192,7 +1499,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 +1522,7 @@ function createStandalonePanel(ctx) {
                           {
                             type: "button",
                             role: "menuitem",
-                            disabled: busy !== null,
+                            disabled: locked,
                             onClick: () => {
                               setMenuTarget(null);
                               setRenameTarget(row);
@@ -1229,7 +1536,7 @@ function createStandalonePanel(ctx) {
                             type: "button",
                             role: "menuitem",
                             className: "ss-rowMenuDanger",
-                            disabled: busy !== null,
+                            disabled: locked,
                             onClick: () => {
                               setMenuTarget(null);
                               setDeleteTarget(row);
@@ -1240,14 +1547,26 @@ function createStandalonePanel(ctx) {
                       ]
                     }
                   ) : null
-                ] })
+                ] }) : null
               ]
             },
             row.id
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") })
+        !selectionMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") }) : null
       ] }),
+      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,
         {
@@ -1323,6 +1642,46 @@ var CSS = `
   margin-top: 0;
   align-self: center;
 }
+.ss-headerActions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  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-selectButton {
+  min-height: 30px;
+  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;
@@ -1384,6 +1743,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;
@@ -1410,10 +1791,10 @@ 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;
@@ -1425,6 +1806,23 @@ var CSS = `
   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;
@@ -1613,6 +2011,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 +2049,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 +2217,12 @@ 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-headerSelection { align-items: flex-start; }
+  .ss-headerSelection .ss-headerActions {
+    width: 100%;
+    justify-content: flex-end;
+  }
 }
 `;
 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.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: 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";
 /**
  * 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.0",
+  "version": "0.2.0",
   "displayName": "Standalone Session",
   "description": "Create and manage standalone DSH sessions that are not attached to any workspace.",
   "type": "module",