dsh-delete-session 0.2.1 → 0.2.3

package/README.md

@@ -24,7 +24,7 @@ DSH 侧边栏的会话菜单只有**重命名 / 分叉 / 归档**——归档只
 - **对话框文案跟随开关** —— 勾选时写「并放进系统回收站」，取消勾选时写「永久删除…不可恢复」。你看到的永远是你实际会得到的
 - **风险确认** —— 每次删除弹出确认对话框，显示会话标题与 ID。要不要弹这个框**只在设置页改**，弹窗里没有快捷勾选；**按住 Shift 点击**可以临时强制弹窗
 - **子会话一起删** —— 子代理是**独立会话**（独立目录、独立日志），父会话删掉后它们会变成孤儿留在磁盘上。现在删除对话时会处理它派生的子会话：设置里勾选「同时删除子会话」就一起删；不勾选则弹窗列出子会话，由你勾选要删哪些（默认全选）
-- **多选批量删除** —— 会话菜单「多选」进入选择模式：勾选多行后底部操作条显示「已选 N 个 / 取消 / 删除」；点删除立即批量执行，被选中的行乐观隐藏、操作条实时显示进度，客户端 6 路并发、工作区记账串行；失败的行恢复显示并保持选中，方便重试；Esc 退出
+- **多选批量删除** —— 会话菜单「多选」进入选择模式：勾选多行后，侧边栏页脚那一行（官方 `sidebar.footer.action` 槽位）会出现操作条（「已选 N 个 / 取消 / 删除」），位置由宿主排列，退出选择模式即消失；点删除立即批量执行，被选中的行乐观隐藏、操作条实时显示进度，客户端 6 路并发、工作区记账串行；失败的行恢复显示并保持选中，方便重试；Esc 退出
 - **产出文件隔离（可选，默认关闭）** —— 打开后，删除会话时还能把这个对话在工作目录里产出的文件**移进隔离夹**，而不是直接删掉；范围可选「仅新建」或「新建的和改过的」，模式可选「全部直接隔离」或「先列清单由你勾选」
 - **跳过 git 仓库内的文件（默认开）** —— 在项目里干过活的对话，产出文件里往往就是项目源码。开启后仓库内的文件一律不碰，避免删一个对话把项目搬空
 - **删除后回到新会话** —— 若删除的正是当前打开的会话，自动切到一个全新会话，而不是落到已不可用的邻居页

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-delete-session",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Delete sessions from the DSH Web sidebar: adds a Delete action to the session row menu with a risk-consent dialog, sends the session log, workspace accounting and live session state to the system trash (or removes them outright), and, when opted in, quarantines the files the conversation produced.",
   "type": "module",
   "main": "src/index.js",

package/src/client.js

@@ -259,8 +259,32 @@ window.__ModuleLoader__.load({
       const raw = typeof injected === 'function' ? injected : t
       if (raw.__dsdelLocalized === true) return raw
       const wrapped = (key, a, b) => {
-        const value = raw(key, a, b)
-        return typeof value === 'function' ? value(a, b) : value
+        // Our own dictionary answers first, and it is resolved HERE rather than
+        // through the host. `dsh-client-locale` interpolates whatever it finds as
+        // soon as params are present - it calls `template.replace(...)` - while
+        // most of these entries are functions. Handing it params made the host
+        // throw "template.replace is not a function", and the slot boundary turned
+        // that into an empty `data-slot-error` anchor: the bar vanished, Cancel
+        // and all. Calling it without params is no better: the host (and this
+        // module's own `t`) invoke function entries with no arguments, which
+        // produces "已选 undefined 个".
+        const dictionary = browserLang() === 'en' ? en : zh
+        const local = dictionary[key]
+        if (local !== undefined) {
+          if (typeof local === 'function') return local(a, b)
+          if (typeof local === 'string' && local.includes('{') && a !== undefined) {
+            const params = a !== null && typeof a === 'object'
+              ? a
+              : { n: a, done: a, total: b, ok: a, fail: b, path: a }
+            return local.replace(/\{(\w+)\}/g, (match, name) => (
+              params[name] === undefined ? match : String(params[name])
+            ))
+          }
+          return local
+        }
+        // A key this plugin does not ship: let the host answer.
+        const value = raw(key)
+        return typeof value === 'function' ? value(a, b) : (value === undefined || value === null ? key : value)
       }
       wrapped.__dsdelLocalized = true
       return wrapped
@@ -652,9 +676,19 @@ window.__ModuleLoader__.load({
       '.dsdel-check-on::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}',
       // 乐观删除：行先隐藏，失败时随 decorate 恢复
       '.dsdel-row-pending{display:none!important}',
-      '.dsdel-bar{position:fixed;left:12px;bottom:12px;z-index:2147483600;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--dsw-alias-border-l3,rgba(128,128,128,.3));box-shadow:0 12px 32px rgba(0,0,0,.28);color:var(--dsw-alias-label-primary,inherit);font-size:13px;background:linear-gradient(var(--dsw-alias-bg-layer-2,#fff),var(--dsw-alias-bg-layer-2,#fff)),linear-gradient(var(--dsw-alias-bg-layer-2,#fff),var(--dsw-alias-bg-layer-2,#fff)),linear-gradient(var(--dsw-alias-bg-layer-2,#fff),var(--dsw-alias-bg-layer-2,#fff)),var(--dsw-alias-bg-base,#fff)}',
-      '.dsdel-bar-count{white-space:nowrap}',
-      '.dsdel-bar-btn{appearance:none;min-height:30px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.4));background:var(--dsw-alias-fill-elevated,rgba(128,128,128,.08));color:var(--dsw-alias-label-primary,inherit);border-radius:8px;font-size:13px;cursor:pointer}',
+      '.dsdel-bar{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 8px;box-sizing:border-box;font-size:13px}',
+      // The sidebar foot stacks three things: the footer-action row, the usage
+      // card and the account row. While a selection runs only the action row
+      // stays, so the bar sits where the account row used to end the sidebar.
+      'body.dsdel-selecting [class*="_footArea"] > *:not([class*="_footerActions"]){display:none}',
+      // The other footer buttons are named POSITIVELY, by the attributes their
+      // plugins put on them, and never by "everything except the bar": the bar
+      // turned out not to be a direct child of the slot container, so an
+      // exclusion rule silently hid the bar together with its Cancel button.
+      'body.dsdel-selecting [data-slot="sidebar.footer.action"] > [data-dsh-plugin]{display:none}',
+      'body.dsdel-selecting [data-slot="sidebar.footer.action"] > [class*="_entryRow"]{display:none}',
+      '.dsdel-bar-count{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dsw-alias-label-secondary,inherit)}',
+      '.dsdel-bar-btn{flex:0 0 auto;white-space:nowrap;appearance:none;min-height:30px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.4));background:var(--dsw-alias-fill-elevated,rgba(128,128,128,.08));color:var(--dsw-alias-label-primary,inherit);border-radius:8px;font-size:13px;cursor:pointer}',
       '.dsdel-bar-btn:disabled{opacity:.5;cursor:default}',
       '.dsdel-bar-danger{border-color:var(--dsw-alias-state-error-primary,#e5484d);background:var(--dsw-alias-state-error-primary,#e5484d);color:#fff}',
       '.dsdel-page{display:flex;flex-direction:column;gap:8px}',
@@ -722,7 +756,8 @@ window.__ModuleLoader__.load({
     // per-row disabling: every row is selectable and the batch deletes
     // immediately (the single-session flow keeps its own consent dialog).
 
-    let bar = null
+    // The bar lives in the sidebar footer slot: the host owns where that row sits,
+    // so there is no element here to create, dock or hide.
     let decorateRaf = null
     let rowObserver = null
 
@@ -766,7 +801,6 @@ window.__ModuleLoader__.load({
         document.querySelectorAll('.dsdel-check').forEach((el) => el.remove())
       }
     }
-
     function scheduleDecorate() {
       if (typeof requestAnimationFrame !== 'function') return
       if (decorateRaf !== null) return
@@ -789,74 +823,69 @@ window.__ModuleLoader__.load({
       return api
     }
 
-    function updateBar() {
-      if (!bar) return
-      const count = bar.querySelector('.dsdel-bar-count')
-      if (count) {
-        if (state.batch === null) {
-          count.textContent = t('selectedCount', state.selected.size)
-        } else {
-          // A move reports processed-so-far (success + failure + skip) in one
-          // number; a delete counts its own two buckets.
-          const done = state.batch.kind === 'move'
-            ? state.batch.done
-            : state.batch.done + state.batch.failed
-          count.textContent = state.batch.kind === 'move'
-            ? t('batchMoving', done, state.batch.total)
-            : t('batchRunning', done, state.batch.total)
-        }
-      }
-      const busy = state.batch !== null
-      const empty = state.selected.size === 0
-      const cancel = bar.querySelector('.dsdel-bar-cancel')
-      const move = bar.querySelector('.dsdel-bar-move')
-      const del = bar.querySelector('.dsdel-bar-danger')
-      if (cancel) cancel.disabled = busy
-      // Move and delete both need something selected, and both are inert while a
-      // batch is already running.
-      if (move) move.disabled = busy || empty
-      if (del) del.disabled = busy || empty
-    }
-
-    function buildBar() {
-      const el = document.createElement('div')
-      el.className = 'dsdel-bar'
-      el.setAttribute('role', 'toolbar')
-      const count = document.createElement('span')
-      count.className = 'dsdel-bar-count'
-      const cancel = document.createElement('button')
-      cancel.type = 'button'
-      // Named so the bar never has to guess which plain button is Cancel.
-      cancel.className = 'dsdel-bar-btn dsdel-bar-cancel'
-      cancel.textContent = t('cancelSelect')
-      cancel.addEventListener('click', (e) => { e.stopPropagation(); exitSelection() })
-      const del = document.createElement('button')
-      del.type = 'button'
-      del.className = 'dsdel-bar-btn dsdel-bar-danger'
-      del.textContent = t('deleteSelected')
-      del.addEventListener('click', (e) => { e.stopPropagation(); runBatchDelete() })
-      el.appendChild(count)
-      el.appendChild(cancel)
-      // One more button when dsh-session-relocate is installed; otherwise the bar
-      // is exactly what it was before.
-      if (relocateApi() !== null) {
-        const move = document.createElement('button')
-        move.type = 'button'
-        move.className = 'dsdel-bar-btn dsdel-bar-move'
-        move.textContent = t('moveSelected')
-        move.addEventListener('click', (e) => { e.stopPropagation(); runBatchMove() })
-        el.appendChild(move)
-      }
-      el.appendChild(del)
-      document.body.appendChild(el)
-      return el
+    /**
+     * The batch bar, rendered into the host's `sidebar.footer.action` seat.
+     *
+     * The host decides where that row sits, how wide it is and whether the account
+     * chip shares it. Occupying the slot means this plugin never measures, docks,
+     * hides or restores host DOM: the row gains our controls while a selection is
+     * running, and loses them the moment it ends.
+     */
+    function BulkBar({ t: injected }) {
+      const translate = localizedTranslator(injected)
+      const view = useSnapshot()
+      // Outside selection mode the footer keeps its normal face.
+      if (!view.selecting) return null
+      const busy = view.batch !== null
+      const empty = view.selectedCount === 0
+      // A move reports processed-so-far (success + failure + skip) in one number;
+      // a delete counts its own two buckets.
+      const done = view.batch === null ? 0 : view.batch.kind === 'move' ? view.batch.done : view.batch.done + view.batch.failed
+      const label = view.batch === null
+        ? translate('selectedCount', view.selectedCount)
+        : view.batch.kind === 'move'
+          ? translate('batchMoving', done, view.batch.total)
+          : translate('batchRunning', done, view.batch.total)
+      return h('div', { className: 'dsdel-bar', role: 'toolbar' },
+        h('span', { key: 'count', className: 'dsdel-bar-count' }, label),
+        h('button', {
+          key: 'cancel',
+          type: 'button',
+          className: 'dsdel-bar-btn dsdel-bar-cancel',
+          disabled: busy,
+          onClick: (event) => {
+            if (event && event.stopPropagation) event.stopPropagation()
+            exitSelection()
+          },
+        }, translate('cancelSelect')),
+        // One more button when dsh-session-relocate is installed; otherwise the bar
+        // is exactly what it was before.
+        relocateApi() === null ? null : h('button', {
+          key: 'move',
+          type: 'button',
+          className: 'dsdel-bar-btn dsdel-bar-move',
+          disabled: busy || empty,
+          onClick: (event) => {
+            if (event && event.stopPropagation) event.stopPropagation()
+            runBatchMove()
+          },
+        }, translate('moveSelected')),
+        h('button', {
+          key: 'delete',
+          type: 'button',
+          className: 'dsdel-bar-btn dsdel-bar-danger',
+          disabled: busy || empty,
+          onClick: (event) => {
+            if (event && event.stopPropagation) event.stopPropagation()
+            runBatchDelete()
+          },
+        }, translate('deleteSelected')),
+      )
     }
-
     function toggleSelect(id) {
       if (state.selected.has(id)) state.selected.delete(id)
       else state.selected.add(id)
       publish()
-      updateBar()
     }
 
     function onSelectClickCapture(e) {
@@ -877,13 +906,24 @@ window.__ModuleLoader__.load({
       exitSelection()
     }
 
+    /**
+     * Mark the page while the mode runs. The marker is the only hook the
+     * stylesheet needs to let the account row step aside for the bar.
+     */
+    function markSelecting(on) {
+      if (typeof document === 'undefined' || !document.body) return
+      const classes = document.body.classList
+      if (!classes) return
+      if (on) classes.add('dsdel-selecting')
+      else classes.remove('dsdel-selecting')
+    }
+
     function enterSelection() {
       if (state.selecting) return
       state.selecting = true
       state.selected.clear()
       ensureStyle()
-      if (!bar) bar = buildBar()
-      bar.style.display = 'flex'
+      markSelecting(true)
       document.addEventListener('click', onSelectClickCapture, true)
       document.addEventListener('keydown', onSelectKeydown, true)
       if (typeof MutationObserver === 'function') {
@@ -891,7 +931,6 @@ window.__ModuleLoader__.load({
         rowObserver.observe(document.body, { childList: true, subtree: true })
       }
       publish()
-      updateBar()
     }
 
     function exitSelection(options) {
@@ -904,7 +943,7 @@ window.__ModuleLoader__.load({
         state.pending.clear()
         document.querySelectorAll('.dsdel-row-pending').forEach((el) => el.classList.remove('dsdel-row-pending'))
       }
-      if (bar) bar.style.display = 'none'
+      markSelecting(false)
       document.removeEventListener('click', onSelectClickCapture, true)
       document.removeEventListener('keydown', onSelectKeydown, true)
       if (rowObserver) { rowObserver.disconnect(); rowObserver = null }
@@ -936,7 +975,6 @@ window.__ModuleLoader__.load({
       state.selected.clear()
       for (const id of ids) state.pending.add(id)
       publish()
-      updateBar()
 
       const failedIds = []
       let cursor = 0
@@ -955,7 +993,6 @@ window.__ModuleLoader__.load({
             state.pending.delete(id)
           }
           publish()
-          updateBar()
         }
       }
       const workers = []
@@ -973,7 +1010,6 @@ window.__ModuleLoader__.load({
           for (const id of failedIds) state.selected.add(id)
           toast(t('batchPartial', ok, failed), true)
           publish()
-          updateBar()
         }
         refreshList()
         for (const id of ids) {
@@ -997,7 +1033,6 @@ window.__ModuleLoader__.load({
 
       state.batch = { kind: 'move', total: ids.length, done: 0, failed: 0 }
       publish()
-      updateBar()
 
       let result
       try {
@@ -1006,13 +1041,11 @@ window.__ModuleLoader__.load({
             if (state.batch === null || state.batch.kind !== 'move') return
             if (typeof done === 'number' && Number.isFinite(done)) state.batch.done = Math.max(0, done)
             if (typeof total === 'number' && Number.isFinite(total)) state.batch.total = Math.max(1, total)
-            updateBar()
           },
         })
       } catch (reason) {
         state.batch = null
         publish()
-        updateBar()
         toast(t('failed') + String((reason && reason.message) || reason), true)
         return
       }
@@ -1024,7 +1057,6 @@ window.__ModuleLoader__.load({
       if (result && (result.canceled === true || result.cancelled === true)) {
         // The user backed out of the target picker; keep the selection for a retry.
         publish()
-        updateBar()
         return
       }
 
@@ -1930,12 +1962,16 @@ window.__ModuleLoader__.load({
           { name: 'plugins.row.config', key: `${NS}#${NS}` },
           AskBeforeDeleteOption,
         ))
+        // The batch bar rides the official footer seat, so the host owns its
+        // position and the row it shares with the account chip.
+        slots.inject('sidebar.footer.action', () => slots.register(
+          { name: 'sidebar.footer.action', id: `${NS}-bulkbar`, order: 30, locale: NS },
+          BulkBar,
+        ))
 
-        // The batch bar and its row observer are the only long-lived DOM state;
-        // drop them when the plugin unloads.
+        // Leaving the mode disconnects the row observer and strips the checkboxes.
         return () => {
           exitSelection()
-          if (bar) { bar.remove(); bar = null }
         }
       }
 

package/src/index.js

@@ -117,6 +117,10 @@ function collectDescendants(headers, sessionId) {
   const byParent = new Map()
   for (const header of headers) {
     if (typeof header.parentSession !== 'string') continue
+    // Only subagents belong to a parent. A fork records where it branched from,
+    // but it is a conversation of its own and the user can open it like any other:
+    // sweeping those up deletes work nobody asked to delete.
+    if (header.origin !== 'subagent') continue
     const key = bareSessionId(header.parentSession)
     const list = byParent.get(key)
     if (list === undefined) byParent.set(key, [header])
@@ -144,7 +148,10 @@ function collectDescendants(headers, sessionId) {
  */
 function collectOrphans(headers) {
   const present = new Set(headers.map((entry) => bareSessionId(entry.id)))
-  return headers.filter((entry) => typeof entry.parentSession === 'string'
+  // Same rule as the descendant walk: a fork whose source is gone is still a
+  // conversation of its own, not an abandoned child.
+  return headers.filter((entry) => entry.origin === 'subagent'
+    && typeof entry.parentSession === 'string'
     && !present.has(bareSessionId(entry.parentSession)))
 }
 
@@ -770,11 +777,27 @@ async function deleteSession(ctx, sessionId, options) {
   const children = []
   for (const childId of childSessionIds) {
     try {
+      // A subagent can still be running while its parent is deleted. Removing the
+      // log out from under it is what made the agent's next write fail with ENOENT,
+      // so a child gets the same guard as the parent: stop it, flush it, and wait
+      // for the write lease before a single byte moves.
+      await quiesceAgent(ctx, childId)
+      await flushAndDetach(ctx, childId)
+      await assertNoActiveWriter(ctx, childId)
       const childFiles = await retireSessionFiles(childId, recycle)
       await withWorkspaceLock(() => detachFromWorkspace(ctx, childId))
       children.push({ id: childId, removed: childFiles.removed, caches: childFiles.caches })
     } catch (error) {
-      children.push({ id: childId, removed: 0, caches: 0, error: String((error && error.message) || error) })
+      // Never delete a child that could not be quieted: something is still writing
+      // to it. Report it so the caller can try again once it settles.
+      const busy = error instanceof HttpError && error.code === 'busy'
+      children.push({
+        id: childId,
+        removed: 0,
+        caches: 0,
+        skipped: busy ? 'busy' : 'error',
+        error: String((error && error.message) || error),
+      })
     }
   }
 

package/test/artifacts.host.test.js

@@ -954,7 +954,13 @@ test('the switch decides between staging for the bin and removing outright', asy
 
 // --- subagent sessions are separate sessions, linked by parentSession ------
 
-const header = (id, parentSession) => (parentSession === undefined ? { id } : { id, parentSession })
+/** A session with no parent at all. */
+const header = (id) => ({ id })
+/** A real subagent: DSH marks these with `origin`, and they belong to their parent. */
+const child = (id, parentSession) => ({ id, parentSession, origin: 'subagent', delegationDepth: 1 })
+/** A fork: it records where it branched from, but it is a conversation of its own. */
+const fork = (id, parentSession) => ({ id, parentSession, isSeeded: true, delegationDepth: 0 })
+
 
 function fakeContext(services) {
   return { get: (name) => services[name] }
@@ -963,8 +969,8 @@ function fakeContext(services) {
 test('a delete finds the grandchildren behind a child, not just the children', () => {
   const headers = [
     header('session-parent'),
-    header('session-child', 'session-parent'),
-    header('session-grandchild', 'session-child'),
+    child('session-child', 'session-parent'),
+    child('session-grandchild', 'session-child'),
   ]
 
   const found = internals.collectDescendants(headers, 'session-parent')
@@ -976,7 +982,7 @@ test('a delete finds the grandchildren behind a child, not just the children', (
 test('a parent link matches whether or not either id carries the prefix', () => {
   const headers = [
     header('session-parent'),
-    header('child-uuid', 'parent-uuid'),
+    child('child-uuid', 'parent-uuid'),
   ]
 
   const found = internals.collectDescendants(headers, 'parent-uuid')
@@ -987,7 +993,7 @@ test('a parent link matches whether or not either id carries the prefix', () =>
 test('a session that names itself as its parent does not loop forever', () => {
   const headers = [
     header('session-parent'),
-    header('session-child', 'session-child'),
+    child('session-child', 'session-child'),
   ]
 
   const found = internals.collectDescendants(headers, 'session-parent')
@@ -995,11 +1001,36 @@ test('a session that names itself as its parent does not loop forever', () => {
   assert.deepEqual(found, [], 'a self-parented session is not its own descendant')
 })
 
+test('a forked conversation is not a child of the conversation it branched from', () => {
+  const headers = [
+    header('session-parent'),
+    fork('session-fork', 'session-parent'),
+  ]
+
+  const found = internals.collectDescendants(headers, 'session-parent')
+
+  assert.deepEqual(found, [], 'a fork is a visible conversation, not a subagent')
+})
+
+test('a fork is never offered in the dialog, so it can never be ticked', () => {
+  const headers = [
+    header('session-parent'),
+    fork('session-fork', 'session-parent'),
+    child('session-real-child', 'session-parent'),
+  ]
+
+  const listed = internals.describeChildren(headers, 'session-parent')
+
+  assert.deepEqual(listed.map((c) => c.id), ['session-real-child'])
+  const picked = internals.selectChildDeletes(headers, 'session-parent', ['session-fork', 'session-real-child'])
+  assert.deepEqual(picked, ['session-real-child'], 'even a forged fork id is dropped')
+})
+
 test('an orphan is a session whose parent is gone', () => {
   const headers = [
     header('session-parent'),
-    header('session-kept', 'session-parent'),
-    header('session-orphan', 'session-deleted-long-ago'),
+    child('session-kept', 'session-parent'),
+    child('session-orphan', 'session-deleted-long-ago'),
   ]
 
   const orphans = internals.collectOrphans(headers)
@@ -1036,8 +1067,8 @@ test('a host that can list nothing yields no headers rather than throwing', asyn
 test('the child list carries a depth so nesting is visible in the dialog', () => {
   const headers = [
     header('session-parent'),
-    { id: 'session-child', parentSession: 'session-parent', cwd: 'E:\\work' },
-    { id: 'session-grandchild', parentSession: 'session-child', cwd: 'E:\\work' },
+    { ...child('session-child', 'session-parent'), cwd: 'E:\\work' },
+    { ...child('session-grandchild', 'session-child'), cwd: 'E:\\work' },
   ]
 
   const children = internals.describeChildren(headers, 'session-parent')
@@ -1051,8 +1082,8 @@ test('the child list carries a depth so nesting is visible in the dialog', () =>
 test('only the ids the user picked, and only real descendants, are deleted', () => {
   const headers = [
     header('session-parent'),
-    header('session-child', 'session-parent'),
-    header('session-grandchild', 'session-child'),
+    child('session-child', 'session-parent'),
+    child('session-grandchild', 'session-child'),
     header('session-unrelated'),
   ]
 
@@ -1068,8 +1099,8 @@ test('only the ids the user picked, and only real descendants, are deleted', ()
 test('a picked child is matched by its bare uuid but deleted under its own id', () => {
   const headers = [
     header('session-parent'),
-    header('session-grandchild', 'session-child'),
-    header('session-child', 'session-parent'),
+    child('session-grandchild', 'session-child'),
+    child('session-child', 'session-parent'),
   ]
 
   // The dialog may hold either spelling; the delete always uses the header's own.
@@ -1139,3 +1170,48 @@ test('the delete reports which children failed', async () => {
 
   assert.equal(result.children.length, 0, 'an invalid id never becomes a child delete')
 })
+
+test('a child is probed for a live writer before its files go', async () => {
+  const parent = plantSession(PARENT_ID)
+  const child = plantSession(CHILD_ID)
+  const probed = []
+
+  // A host service that answers the write-lease probe for whoever asks.
+  const ctx = {
+    get: (name) => (name === 'sessionPersistence'
+      ? {
+        open: async (id) => { probed.push(id); return { close: async () => {} } },
+        stat: async () => undefined,
+      }
+      : undefined),
+  }
+
+  await internals.deleteSession(ctx, PARENT_ID, { recycle: false, childSessionIds: [CHILD_ID] })
+
+  assert.ok(probed.includes(CHILD_ID), 'the child gets the same write-lease probe the parent gets')
+  assert.equal(fs.existsSync(child.dir), false, 'and it is deleted once the probe comes back clear')
+})
+
+test('a child that is still open is left alone and reported as skipped', async () => {
+  const parent = plantSession(PARENT_ID)
+  const child = plantSession(CHILD_ID)
+
+  // Busy on every attempt: the guard gives up and the child must survive.
+  const ctx = {
+    get: (name) => (name === 'sessionPersistence'
+      ? {
+        open: async (id) => {
+          if (id === CHILD_ID) throw new Error('session is busy: another writer holds it')
+          return { close: async () => {} }
+        },
+        stat: async () => undefined,
+      }
+      : undefined),
+  }
+
+  const result = await internals.deleteSession(ctx, PARENT_ID, { recycle: false, childSessionIds: [CHILD_ID] })
+
+  assert.equal(fs.existsSync(parent.dir), false, 'the parent still goes')
+  assert.equal(fs.existsSync(child.dir), true, 'a busy child is not deleted under its writer')
+  assert.equal(result.children[0].skipped, 'busy', 'and the report says why')
+})

package/test/checkbox.dom.test.js

@@ -191,6 +191,10 @@ function matches(node, selector) {
     return node._classes.has(selector.slice(1))
   }
 
+  // `[class*="_footArea"]` - how the bar finds the host's sidebar footer.
+  const classContains = /^\[class\*="([^"]*)"\]$/.exec(selector)
+  if (classContains !== null) return node.className.includes(classContains[1])
+
   const attrEquals = /^\[([\w-]+)="([^"]*)"\]$/.exec(selector)
   if (attrEquals !== null) return node.attributes[attrEquals[1]] === attrEquals[2]
 
@@ -265,6 +269,9 @@ async function loadPlugin(options = {}) {
     location: { reload() {} },
     dispatchEvent() {},
     Event: class { constructor(type) { this.type = type } },
+    // Viewport height: the docked bar is anchored to the footer's bottom edge,
+    // so the distance has to be computed against a real number.
+    innerHeight: 800,
   }
   globalThis.localStorage = makeStorage()
   // Node exposes `navigator` as a getter-only global, so it needs defining rather
@@ -404,9 +411,17 @@ async function loadPlugin(options = {}) {
     effect: (fn) => { const dispose = fn(); return () => { if (typeof dispose === 'function') dispose() } },
   })
 
+  // Mirrors `dsh-client-locale`: a function-valued entry is handed back
+  // UNTOUCHED (the caller invokes it), and a string is returned as-is when no
+  // params are given. Invoking here would hide the difference that once broke
+  // the real host.
   const t = (key, a, b) => {
     const value = locales[NS]?.zh?.[key]
-    return typeof value === 'function' ? value(a, b) : value ?? key
+    if (value === undefined) return key
+    if (typeof value === 'function') return value
+    if (a === undefined) return value
+    const params = a !== null && typeof a === 'object' ? a : { n: a, done: a, total: b, ok: a, fail: b, path: a }
+    return value.replace(/{(w+)}/g, (match, name) => (params[name] === undefined ? match : String(params[name])))
   }
 
   return { document, requests, rows, observers, slotRegistrations, locales, primitives: primitivesStub, t }
@@ -507,8 +522,31 @@ const totalCheckboxes = (harness) => harness.document.querySelectorAll('.dsdel-c
 const selectedCheckboxes = (harness) =>
   harness.document.querySelectorAll('.dsdel-check').filter((el) => el.classList.contains('dsdel-check-on')).length
 
-const bar = (harness) =>
-  walk(harness.document.body).find((node) => node._classes.has('dsdel-bar')) ?? null
+const FOOTER_SLOT = 'sidebar.footer.action'
+
+/**
+ * The batch bar is a slot occupant now: render the registered component the way
+ * the host would and inspect the element tree it returns. `null` means the
+ * footer is unoccupied, which is what "not selecting" looks like.
+ */
+const footerEntry = (harness) =>
+  harness.slotRegistrations.find((entry) => entry.spec.name === FOOTER_SLOT) ?? null
+
+const bar = (harness) => {
+  const entry = footerEntry(harness)
+  if (entry === null) return null
+  const node = entry.Component({})
+  return node === null || node === undefined ? null : node
+}
+
+const barChild = (harness, key) => {
+  const node = bar(harness)
+  if (node === null || node.props === undefined) return null
+  return findByKey(node.props.children, key)[0] ?? null
+}
+
+/** Invoke a bar button the way the host would dispatch a click. */
+const clickBar = (node) => node.props.onClick({ stopPropagation() {} })
 
 const tick = () => new Promise((resolve) => setTimeout(resolve, 0))
 
@@ -778,18 +816,16 @@ test('leaving multi-select strips every checkbox', async () => {
 
   selectRow(harness).element.props.onSelect()
   await flush()
-  const control = bar(harness)
-  assert.ok(control, 'the bar exists')
+  assert.ok(bar(harness), 'the bar exists')
   assert.equal(totalCheckboxes(harness), 2)
 
   // Cancel is the bar's non-danger button.
-  const cancel = control.querySelector('.dsdel-bar-btn:not(.dsdel-bar-danger)')
-  cancel.fire('click', { stopPropagation() {} })
+  clickBar(barCancel(harness))
   await flush()
 
   assert.equal(totalCheckboxes(harness), 0, 'no checkbox survives the mode')
   assert.deepEqual(rowCheckboxes(harness), [0, 0])
-  assert.notEqual(control.style.display, 'flex', 'the bar is hidden again')
+  assert.equal(bar(harness), null, 'and the footer is empty again')
 })
 
 // --- the two modes must not leak into each other ----------------------------
@@ -801,8 +837,7 @@ test('entering, leaving, then deleting plants nothing', async () => {
 
   selectRow(harness).element.props.onSelect()
   await flush()
-  const control = bar(harness)
-  control.querySelector('.dsdel-bar-btn:not(.dsdel-bar-danger)').fire('click', { stopPropagation() {} })
+  clickBar(barCancel(harness))
   await flush()
 
   // Leaving the mode removed the observer that decorates; a later delete must
@@ -810,7 +845,7 @@ test('entering, leaving, then deleting plants nothing', async () => {
   await decorateViaSingleDelete(harness, SESSION_A)
 
   assert.equal(totalCheckboxes(harness), 0, 'the mode leaves no residue behind')
-  assert.notEqual(control.style.display, 'flex', 'the bar stays hidden')
+  assert.equal(bar(harness), null, 'the footer stays empty')
 })
 
 test('a row whose row key changes still gets no checkbox outside the mode', async () => {
@@ -1352,11 +1387,16 @@ test('the browse button opens a picker that walks directories and commits one',
 // button appears between cancel and delete; when it is not, the bar is exactly
 // what it was before and no other logic changes.
 
-const barButtons = (harness) => bar(harness).querySelectorAll('.dsdel-bar-btn')
-const barMove = (harness) => bar(harness).querySelector('.dsdel-bar-move')
-const barCancel = (harness) => bar(harness).querySelector('.dsdel-bar-cancel')
-const barDelete = (harness) => bar(harness).querySelector('.dsdel-bar-danger')
-const barCount = (harness) => bar(harness).querySelector('.dsdel-bar-count')
+const barButtons = (harness) => {
+  const node = bar(harness)
+  if (node === null || node.props === undefined) return []
+  return (node.props.children || []).filter((child) => child !== null && child !== undefined
+    && child.props !== undefined && String(child.props.className || '').includes('dsdel-bar-btn'))
+}
+const barMove = (harness) => barChild(harness, 'move')
+const barCancel = (harness) => barChild(harness, 'cancel')
+const barDelete = (harness) => barChild(harness, 'delete')
+const barCount = (harness) => barChild(harness, 'count')
 const toasts = (harness) => harness.document.querySelectorAll('.dsdel-toast').map((el) => el.textContent)
 
 function installRelocate(moveSelection) {
@@ -1378,7 +1418,7 @@ test('without dsh-session-relocate the bar keeps exactly cancel and delete', asy
   await enterMulti(harness)
 
   assert.equal(barMove(harness), null, 'no move button is offered')
-  assert.deepEqual(barButtons(harness).map((el) => el.textContent), ['取消', '删除'])
+  assert.deepEqual(barButtons(harness).map((el) => el.props.children), ['取消', '删除'])
 })
 
 test('a relocate plugin that does not claim bulk move changes nothing', async () => {
@@ -1386,7 +1426,7 @@ test('a relocate plugin that does not claim bulk move changes nothing', async ()
   globalThis.window.__DSH_SESSION_RELOCATE__ = { version: '0.2.0', supportsBulkMove: false, moveSelection: async () => ({}) }
   mountRow(harness, SESSION_A)
   await enterMulti(harness)
-  assert.deepEqual(barButtons(harness).map((el) => el.textContent), ['取消', '删除'])
+  assert.deepEqual(barButtons(harness).map((el) => el.props.children), ['取消', '删除'])
 })
 
 test('with dsh-session-relocate the move button sits between cancel and delete', async () => {
@@ -1395,7 +1435,7 @@ test('with dsh-session-relocate the move button sits between cancel and delete',
   mountRow(harness, SESSION_A)
   await enterMulti(harness)
 
-  assert.deepEqual(barButtons(harness).map((el) => el.textContent), ['取消', '移动', '删除'], 'left to right')
+  assert.deepEqual(barButtons(harness).map((el) => el.props.children), ['取消', '移动', '删除'], 'left to right')
 })
 
 test('the move button is disabled until something is selected', async () => {
@@ -1404,13 +1444,13 @@ test('the move button is disabled until something is selected', async () => {
   const first = mountRow(harness, SESSION_A)
   await enterMulti(harness)
 
-  assert.equal(barMove(harness).disabled, true, 'nothing selected')
-  assert.equal(barDelete(harness).disabled, true, 'and delete agrees')
-  assert.equal(barCancel(harness).disabled, false, 'cancel is always live')
+  assert.equal(barMove(harness).props.disabled, true, 'nothing selected')
+  assert.equal(barDelete(harness).props.disabled, true, 'and delete agrees')
+  assert.equal(barCancel(harness).props.disabled, false, 'cancel is always live')
 
   clickRowIn(harness, first)
   await flush()
-  assert.equal(barMove(harness).disabled, false, 'one selection is enough')
+  assert.equal(barMove(harness).props.disabled, false, 'one selection is enough')
 })
 
 test('a move reports progress, then summarises, exits and refreshes', async () => {
@@ -1430,23 +1470,23 @@ test('a move reports progress, then summarises, exits and refreshes', async () =
   clickRowIn(harness, second)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
 
   assert.deepEqual(seen.ids, [SESSION_A.id, SESSION_B.id], 'the whole selection is handed over')
-  assert.equal(barCount(harness).textContent, '正在移动 0/2…')
-  assert.equal(barMove(harness).disabled, true, 'inert while the move runs')
-  assert.equal(barDelete(harness).disabled, true)
+  assert.equal(barCount(harness).props.children, '正在移动 0/2…')
+  assert.equal(barMove(harness).props.disabled, true, 'inert while the move runs')
+  assert.equal(barDelete(harness).props.disabled, true)
 
   seen.hooks.onProgress(1, 2)
-  assert.equal(barCount(harness).textContent, '正在移动 1/2…')
+  assert.equal(barCount(harness).props.children, '正在移动 1/2…')
 
   finish({ moved: 2, failed: 0, skipped: 0, total: 2, results: [] })
   await flush()
   await flush()
 
   assert.deepEqual(toasts(harness), ['已移动 2 个'], 'one summary line')
-  assert.notEqual(bar(harness).style.display, 'flex', 'multi-select exited')
+  assert.equal(bar(harness), null, 'multi-select exited')
 })
 
 test('a partial move reports both numbers', async () => {
@@ -1457,7 +1497,7 @@ test('a partial move reports both numbers', async () => {
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
   await flush()
 
@@ -1472,14 +1512,14 @@ test('cancelling the target picker keeps the selection and says nothing', async
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
   await flush()
 
   assert.deepEqual(toasts(harness), [], 'nothing happened, so nothing is reported')
-  assert.equal(bar(harness).style.display, 'flex', 'multi-select is still open')
-  assert.equal(barCount(harness).textContent, '已选 1 个', 'the count is back')
-  assert.equal(barMove(harness).disabled, false, 'the retry is available')
+  assert.ok(bar(harness), 'multi-select is still open')
+  assert.equal(barCount(harness).props.children, '已选 1 个', 'the count is back')
+  assert.equal(barMove(harness).props.disabled, false, 'the retry is available')
 })
 
 test('a throwing relocate call ends the batch and reports the error', async () => {
@@ -1490,11 +1530,11 @@ test('a throwing relocate call ends the batch and reports the error', async () =
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
   await flush()
 
-  assert.equal(bar(harness).style.display, 'flex', 'still in multi-select')
+  assert.ok(bar(harness), 'still in multi-select')
   assert.equal(toasts(harness).length, 1, 'the failure is reported')
   assert.match(toasts(harness)[0], /relocate exploded/)
 })
@@ -1508,17 +1548,17 @@ test('Escape stays inert while a move is running', async () => {
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
 
   harness.document.dispatchToDocument('keydown', { key: 'Escape', stopPropagation() {} })
   await flush()
-  assert.equal(bar(harness).style.display, 'flex', 'Escape is ignored mid-move')
+  assert.ok(bar(harness), 'Escape is ignored mid-move')
 
   finish({ moved: 1, failed: 0, skipped: 0, total: 1, results: [] })
   await flush()
   await flush()
-  assert.notEqual(bar(harness).style.display, 'flex', 'and the mode ends when the move does')
+  assert.equal(bar(harness), null, 'and the mode ends when the move does')
 })
 
 // --- the result contract is enforced, not guessed ---------------------------
@@ -1531,12 +1571,12 @@ test('the older "cancelled" spelling of the cancel flag is still honoured', asyn
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
   await flush()
 
   assert.deepEqual(toasts(harness), [], 'silent, exactly like the "canceled" spelling')
-  assert.equal(bar(harness).style.display, 'flex', 'still in multi-select')
+  assert.ok(bar(harness), 'still in multi-select')
 })
 
 test('a result without the agreed counts is reported instead of guessed', async () => {
@@ -1549,7 +1589,7 @@ test('a result without the agreed counts is reported instead of guessed', async
   clickRowIn(harness, first)
   await flush()
 
-  barMove(harness).fire('click', { stopPropagation() {} })
+  clickBar(barMove(harness))
   await flush()
   await flush()
 
@@ -1945,3 +1985,231 @@ test('the page ends with a quiet link to the repository', async () => {
   assert.equal(cta.props.rel, 'noreferrer')
   assert.equal(cta.props.children, '行，给你一颗 Star')
 })
+
+// --- the batch bar occupies the official footer seat ------------------------
+//
+// It used to be a floating card injected into `document.body`, and for a while it
+// measured the sidebar footer and covered it. Both were the same mistake: a plugin
+// guessing at host layout. The bar is a slot occupant now - the host places it, so
+// there is nothing to measure, dock, hide or restore.
+
+test('the bar registers into the official footer slot with a locale', async () => {
+  const harness = await loadPlugin()
+  const entry = footerEntry(harness)
+
+  assert.ok(entry, 'the footer seat is occupied by a registration')
+  assert.equal(entry.spec.id, 'dsh-delete-session-bulkbar')
+  assert.equal(entry.spec.locale, NS, 'and it asks for the plugin locale namespace')
+  assert.equal(typeof entry.Component, 'function')
+})
+
+test('the footer stays empty until multi-select starts', async () => {
+  const harness = await loadPlugin()
+  mountRow(harness, SESSION_A)
+
+  assert.equal(bar(harness), null, 'nothing is rendered into the footer outside the mode')
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+
+  assert.ok(bar(harness), 'and it appears the moment the mode starts')
+})
+
+test('the footer is empty again once the mode ends', async () => {
+  const harness = await loadPlugin()
+  mountRow(harness, SESSION_A)
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+  assert.ok(bar(harness), 'the bar is there while selecting')
+
+  clickBar(barCancel(harness))
+
+  assert.equal(bar(harness), null, 'and leaves the footer as it found it')
+})
+
+test('the bar reads the count from the store, not from the DOM', async () => {
+  const harness = await loadPlugin()
+  const first = mountRow(harness, SESSION_A)
+  mountRow(harness, SESSION_B)
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+
+  assert.equal(barCount(harness).props.children, '已选 0 个', 'nothing selected yet')
+
+  harness.document.dispatchToDocument('click', {
+    target: first,
+    preventDefault() {},
+    stopPropagation() {},
+  })
+  await flush()
+
+  assert.equal(barCount(harness).props.children, '已选 1 个', 'the same store the rows write to')
+})
+
+test('the plugin no longer injects a bar element into the document', async () => {
+  const harness = await loadPlugin()
+  mountRow(harness, SESSION_A)
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+
+  // Render the occupant first: a component that only misbehaves when the host
+  // actually mounts it would otherwise slip past this check.
+  assert.ok(bar(harness), 'the footer occupant renders')
+
+  const injected = walk(harness.document.body).filter((node) => node._classes.has('dsdel-bar'))
+  assert.deepEqual(injected, [], 'no DOM bar: the footer slot is the only home')
+})
+
+// --- the bar replaces the account row instead of stacking above it ----------
+
+test('selecting puts a marker on the page so the account row can step aside', async () => {
+  const harness = await loadPlugin()
+  mountRow(harness, SESSION_A)
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+
+  // The bar shares the sidebar foot with the account chip, so leaving the chip in
+  // place stacks two rows. The marker is what lets one stylesheet rule hide it,
+  // instead of measuring the host's box and covering it.
+  assert.equal(harness.document.body._classes.has('dsdel-selecting'), true, 'the page is marked')
+})
+
+test('leaving selection takes the marker away again', async () => {
+  const harness = await loadPlugin()
+  mountRow(harness, SESSION_A)
+
+  selectRow(harness).element.props.onSelect()
+  await flush()
+  clickBar(barCancel(harness))
+
+  assert.equal(harness.document.body._classes.has('dsdel-selecting'), false, 'the account row comes back')
+})
+
+test('the injected stylesheet hides the account row while the marker is on', async () => {
+  const harness = await loadPlugin()
+  // `ensureStyle` tags its <style> through `dataset.dshDeleteSession = '1'`.
+  const style = harness.document.head.querySelector('[data-dsh-delete-session="1"]')
+  assert.ok(style, 'the plugin injected its stylesheet')
+  const css = String(style._text ?? '')
+
+  // The foot stacks the action row, the usage card and the account row; only the
+  // action row survives, so the bar ends the sidebar where the account row did.
+  assert.match(
+    css,
+    /body\.dsdel-selecting \[class\*="_footArea"\] > \*:not\(\[class\*="_footerActions"\]\)/,
+    'the usage card and the account row step aside',
+  )
+  // The other footer buttons live in a slot container marked `display: contents`.
+  // They are named POSITIVELY — by the attributes their own plugins set — never by
+  // "everything except the bar": the bar is not a direct child of that container,
+  // and an exclusion rule hid it together with its Cancel button.
+  assert.match(
+    css,
+    /body\.dsdel-selecting \[data-slot="sidebar\.footer\.action"\] > \[data-dsh-plugin\]/,
+    'other plugins\' footer buttons are named one by one',
+  )
+  assert.doesNotMatch(
+    css,
+    /\[data-slot="sidebar\.footer\.action"\] > \*:not\(/,
+    'no exclusion rule may touch that slot — it cannot tell the bar apart',
+  )
+  assert.match(css, /display:\s*none/, 'both rules hide rather than shift')
+})
+
+test('the stylesheet never hides the bar itself', async () => {
+  const harness = await loadPlugin()
+  const style = harness.document.head.querySelector('[data-dsh-delete-session="1"]')
+  const css = String(style._text ?? '')
+
+  // Nothing may hide the footer by exclusion. Three attempts at "everything
+  // except the bar" took the bar itself down, because the bar is not a direct
+  // child of the container those rules addressed.
+  assert.doesNotMatch(
+    css,
+    /\[class\*="_footerActions"\] > \*:not\(\.dsdel-bar\)/,
+    'no rule may target the bar as a direct child of the action row',
+  )
+  assert.doesNotMatch(
+    css,
+    /\[class\*="_footerActions"\] > \*:not\(:has/,
+    'nor hide the action row wholesale',
+  )
+  assert.doesNotMatch(
+    css,
+    /\[data-slot="sidebar\.footer\.action"\] > \*:not\(\.dsdel-bar\)/,
+    'nor the slot container by exclusion',
+  )
+  // The bar itself must be addressed by nothing but its own appearance rules.
+  assert.doesNotMatch(
+    css,
+    /body\.dsdel-selecting [^{]*\.dsdel-bar\b(?!-)/,
+    'no selecting-state rule names the bar at all',
+  )
+})
+
+test('an interpolating host translator never receives our function entries', async () => {
+  const harness = await loadPlugin()
+  const dict = harness.locales[NS].zh
+  // `dsh-client-locale` interpolates whatever it finds as soon as params are
+  // given: it calls `template.replace(...)`. Handing it a function-valued entry
+  // throws "template.replace is not a function", and a slot entry that throws is
+  // replaced by the host's `data-slot-error` anchor — the bar vanishes whole.
+  const strict = (key, params) => {
+    const value = dict[key]
+    if (value === undefined) return key
+    if (params === undefined) return value
+    return value.replace(/\{(\w+)\}/g, (match, name) => (params && name in params ? String(params[name]) : match))
+  }
+
+  mountRow(harness, SESSION_A)
+  selectRow(harness).element.props.onSelect()
+  await flush()
+
+  const node = footerEntry(harness).Component({ t: strict })
+  assert.ok(node, 'the bar still renders')
+  assert.equal(node.props.children[0].props.children, '已选 0 个', 'and the count is formatted locally')
+})
+
+test('a placeholder string is interpolated locally, not by the host', async () => {
+  const harness = await loadPlugin({ children: CHILDREN })
+  const dict = harness.locales[NS].zh
+  const strict = (key, params) => {
+    const value = dict[key]
+    if (value === undefined) return key
+    if (params === undefined) return value
+    return value.replace(/{(w+)}/g, (match, name) => (params && name in params ? String(params[name]) : match))
+  }
+
+  const row = mountRow(harness, SESSION_A)
+  const { element } = deleteRow(harness, SESSION_A)
+  element.props.onSelect({ shiftKey: false })
+  await flush()
+
+  // `childrenHint` is the one template-with-placeholder in the dictionary; the
+  // host must not be asked to fill it, or it would receive a function entry.
+  const dialogEntry = harness.slotRegistrations.find(
+    (entry) => entry.spec.name === 'shell.overlay' && entry.spec.id === `${NS}-dialog`,
+  )
+  const modal = dialogEntry.Component({ t: strict })
+  const kids = (modal.props.children ?? []).filter(Boolean)
+  const section = kids.find((child) => child.props && child.props.key === 'children')
+  assert.ok(section, 'the child list renders')
+  assert.equal(section.props.children[0].props.children, '这个对话有 2 个子会话（子代理），勾选的会一起删除。')
+  assert.ok(row)
+})
+
+test('the bar buttons keep their width instead of wrapping', async () => {
+  const harness = await loadPlugin()
+  const style = harness.document.head.querySelector('[data-dsh-delete-session="1"]')
+  const css = String(style._text ?? '')
+
+  // In a flex row the buttons are the only shrinkable things next to a growing
+  // count, so a long progress label squeezed them into two-character columns.
+  assert.match(css, /\.dsdel-bar-btn\{[^}]*flex:0 0 auto/, 'buttons never shrink')
+  assert.match(css, /\.dsdel-bar-btn\{[^}]*white-space:nowrap/, 'and never wrap their label')
+  assert.match(css, /\.dsdel-bar-count\{[^}]*text-overflow:ellipsis/, 'the count gives way instead')
+})