dsh-disk-cleaner 1.5.0 → 1.6.0

package/README.md

@@ -5,7 +5,7 @@
 <!-- badges -->
 | | |
 | --- | --- |
-| **version** | `1.5.0` |
+| **version** | `1.6.0` |
 | **DSH** | `0.2.1-rc.5`（开发与实测版本；用到 `plugins.bundle.config`、`settings.section`） |
 | **license** | [MIT](LICENSE) |
 | **Node** | `>= 22`（仅运行冒烟测试需要） |
@@ -36,6 +36,7 @@ Both the panel and the agent reach the *same* operations: the cleaning logic liv
 | Plan | Nine possible steps, ordered from zero-cost to your-decision-only; the steps the plugin can run have a button, the rest have a copyable command |
 | Entry placement | Sidebar icon, settings section, or both (default) — switched from the plugin's own config card or the panel's ⚙ button |
 | Behaviour settings | What is preselected after a scan, and whether deleting asks first |
+| Grouped list | The thirty-two targets are filed under seven headings — system temp, developer tools, browser caches, app caches, leftover updaters, backups, orphaned data. A section whose targets all read 0 B starts folded, so the list opens with only what there is to clean |
 | Panel memory | Scan results, the selection and the assessment survive switching to another panel and back |
 | Agent tool | `disk_cleaner` exposes the same five actions to the model, in readable prose |
 | Bilingual | Follows the host locale service; zh and en dictionaries ship together |
@@ -195,7 +196,7 @@ The bundle's own `cordis.patch.yml` inserts the plugin row; no profile patch edi
 ### Development
 
 ```bash
-node smoke.mjs                       # 69 assertions, zero dependencies
+node smoke.mjs                       # 82 assertions, zero dependencies
 node --check lib/client.js           # and lib/index.js, lib/catalog.js, lib/audit.js, lib/plan.js
 ```
 
@@ -222,6 +223,7 @@ What the smoke test deliberately does **not** cover: anything that walks a real
 | "Keep only the newest of a group" fails closed | Throwaway fixture tree: a same-hash duplicate collapses to the newest, a folder with no metadata is left alone, a different hash is kept, the live database survives (9/9) |
 | Old editor builds need a launcher that proves which one runs | Throwaway fixture tree: a build the launcher does not name goes, no launcher deletes nothing, a launcher naming a missing build deletes nothing, a lone build stays, `old_x` goes only while `x` exists (7/7) |
 | A dry run reports what a real run frees | The 30-day rewind window reports 263 KB not 283 MB, and scan matches the dry run |
+| Grouping and folding | The real `groupRows` runs out of the bundle against a mixed list: fixed order, per-section totals, an unknown group lands in "other", an empty section is the folded one. A click on a section head folds that section and only that one, and a folded section's rows drop out of bulk select |
 | Visual layout | Checked by hand in the running Web UI. No browser automation here, so this one is a human check, not a test. |
 
 ### Implementation notes
@@ -247,15 +249,15 @@ What the smoke test deliberately does **not** cover: anything that walks a real
 ├─ package.json           dsh.bundle.patch + dsh.client { platform: "web" }
 ├─ cordis.patch.yml       - insert:  id: dsh-disk-cleaner
 ├─ lib/index.js    (411)  Host: HTTP route + disk_cleaner tool, same run() for both; reveal
-├─ lib/catalog.js  (1152)  The 32 targets, measurePath / purgePath / resolveTargets / drives
+├─ lib/catalog.js  (1192)  The 32 targets, measurePath / purgePath / resolveTargets / drives
 ├─ lib/audit.js    (365)  Read-only assessment, 10-minute cache, areaPaths, exposes no deletion
 ├─ lib/plan.js     (150)  Pure: measurements → ordered steps
-├─ lib/client.js  (1397)  Client half: slots, panel, preferences, zh/en dictionaries, CSS
+├─ lib/client.js  (1492)  Client half: slots, panel, preferences, zh/en dictionaries, CSS
 ├─ locale/{en,zh}.json    Display metadata (meta.title / meta.description)
 ├─ icon.svg               Plugin icon
 ├─ README.md              This file
 ├─ LICENSE                MIT
-└─ smoke.mjs              69 assertions, zero dependencies
+└─ smoke.mjs              82 assertions, zero dependencies
 ```
 
 Client-half slots: `sidebar.panellist` (order 50, disposed in settings-only mode), `main` (keyed by the package name), `settings.section` (order 30, disposed in sidebar-only mode), `plugins.bundle.config` (keyed by the package name).
@@ -287,6 +289,7 @@ Client-half slots: `sidebar.panellist` (order 50, disposed in settings-only mode
 | 处理方案 | 九种可能步骤，从零风险到只能你决定；本插件能执行的带按钮，其余给可复制的命令 |
 | 入口位置 | 侧边栏图标、设置页分区、或两者都要（默认）——在插件自己的配置卡或面板 ⚙ 里切换 |
 | 行为设置 | 扫描后默认勾选什么、删除前是否确认 |
+| 分类折叠 | 三十二个目标归到七个标题下（系统临时、开发工具、浏览器缓存、应用缓存、升级残留、备份快照、已卸载残留）。整类都是 0 字节的默认收起来，所以打开面板先看到的只有真能清的那些 |
 | 面板记忆 | 扫描结果、勾选、评估结果在切走再回来时都还在 |
 | Agent 工具 | `disk_cleaner` 把同样的五个动作以可读文本交给模型 |
 | 双语 | 跟随宿主语言服务，zh / en 字典一起发布 |
@@ -449,7 +452,7 @@ git clone https://github.com/stallenlu/dsh-disk-cleaner
 ### 开发
 
 ```bash
-node smoke.mjs                       # 69 条断言，零依赖
+node smoke.mjs                       # 82 条断言，零依赖
 node --check lib/client.js           # 以及 lib/index.js、lib/catalog.js、lib/audit.js、lib/plan.js
 ```
 
@@ -476,6 +479,7 @@ node --check lib/client.js           # 以及 lib/index.js、lib/catalog.js、li
 | 「只留最新一份」一律选保守一侧 | 一次性 fixture 目录：同哈希的重复项收敛到最新、无元数据的目录不动、不同哈希保留、正在用的数据库完好（9/9） |
 | 旧版编辑器构建要有启动器作证才删 | 一次性 fixture 目录：启动器未指向的构建会删、没有启动器一律不删、启动器指向的构建不在磁盘上也不删、只有一份构建时不删、`old_x` 只在 `x` 仍在时删（7/7） |
 | 预演报告的字节数等于真删能释放的字节数 | 30 天的回滚窗口报 263 KB 而不是 283 MB，且扫描结果与预演一致 |
+| 分类与折叠 | 从 bundle 里取出真正的 `groupRows` 跑一组混合数据：顺序固定、按类合计、未知类别落到「其他」、空的类别是收起来的那个。点某一类的标题只折叠这一类，折叠里的行不参与批量选择 |
 | 视觉排版 | 在运行中的 Web UI 里手工确认过。本环境没有浏览器自动化，所以这条是人眼检查，不是测试。 |
 
 ### 实现要点
@@ -501,15 +505,15 @@ node --check lib/client.js           # 以及 lib/index.js、lib/catalog.js、li
 ├─ package.json           dsh.bundle.patch + dsh.client { platform: "web" }
 ├─ cordis.patch.yml       - insert:  id: dsh-disk-cleaner
 ├─ lib/index.js    (411)  Host：HTTP 路由 + disk_cleaner 工具，共用同一个 run()，含 reveal
-├─ lib/catalog.js  (1152)  32 个目标，measurePath / purgePath / resolveTargets / drives
+├─ lib/catalog.js  (1192)  32 个目标，measurePath / purgePath / resolveTargets / drives
 ├─ lib/audit.js    (365)  只读评估，10 分钟缓存，带 areaPaths，不暴露任何删除
 ├─ lib/plan.js     (150)  纯函数：测量结果 → 有序步骤
-├─ lib/client.js  (1397)  Client 半面：slot、面板、偏好、zh/en 字典、CSS
+├─ lib/client.js  (1492)  Client 半面：slot、面板、偏好、zh/en 字典、CSS
 ├─ locale/{en,zh}.json    展示元数据（meta.title / meta.description）
 ├─ icon.svg               插件图标
 ├─ README.md              本文件
 ├─ LICENSE                MIT
-└─ smoke.mjs              69 条断言，零依赖
+└─ smoke.mjs              82 条断言，零依赖
 ```
 
 Client 半面注册的 slot：`sidebar.panellist`（order 50，仅设置页模式下拆除）、`main`（以包名为 key）、`settings.section`（order 30，仅侧边栏模式下拆除）、`plugins.bundle.config`（以包名为 key）。

package/lib/catalog.js

@@ -583,6 +583,45 @@ const appDataCaches = () => {
  * a database file made before an upgrade) or 'orphan' (the app that wrote this folder is no
  * longer installed anywhere). Safe targets have none.
  */
+/**
+ * Which section of the panel a target is filed under. Kept outside the entries so adding a
+ * target stays one line here plus one line in the catalog, not a block to re-read.
+ */
+const GROUP_OF = {
+  temp: 'system',
+  'windows-temp': 'system',
+  'windows-update': 'system',
+  'recycle-bin': 'system',
+  'inet-cache': 'system',
+  'crash-dumps': 'system',
+  'npm-cache': 'dev',
+  'pnpm-store': 'dev',
+  'pip-cache': 'dev',
+  'uv-cache': 'dev',
+  'code-cache': 'dev',
+  'editor-builds': 'dev',
+  'editor-server-bundles': 'dev',
+  'toolchain-snapshots': 'dev',
+  'chrome-cache': 'browser',
+  'edge-cache': 'browser',
+  'app-caches': 'app',
+  'app-logs': 'app',
+  'app-temp': 'app',
+  'agent-app-caches': 'app',
+  'app-data-caches': 'app',
+  'agent-logs': 'app',
+  'rotated-logs': 'app',
+  'app-updaters': 'updates',
+  'update-packages': 'updates',
+  'plugin-old-versions': 'updates',
+  'qoder-old-versions': 'updates',
+  'office-update-cache': 'updates',
+  'session-backups': 'history',
+  'rewind-snapshots': 'history',
+  'database-backups': 'history',
+  'orphan-app-data': 'orphan',
+};
+
 const CATALOG = [
   {
     id: 'temp',
@@ -937,6 +976,7 @@ export function resolveTargets(only, drive) {
       kind: entry.kind,
       risk: entry.risk,
       note: entry.note ?? '',
+      group: GROUP_OF[entry.id] ?? 'other',
       minAgeDays: entry.minAgeDays ?? 0,
       paths: found,
       drives,

package/lib/client.js

@@ -84,6 +84,16 @@ window.__ModuleLoader__.load({
       'target_orphan-app-data': '已卸载程序的残留数据',
       'target_app-data-caches': '已停用应用的缓存',
       'target_office-update-cache': 'Office 更新暂存包',
+      group_system: '系统临时与回收站',
+      group_dev: '开发工具与包管理器',
+      group_browser: '浏览器缓存',
+      group_app: '应用缓存与日志',
+      group_updates: '升级残留',
+      group_history: '历史备份与快照',
+      group_orphan: '已卸载程序残留',
+      group_other: '其他',
+      groupExpanded: '收起这一类',
+      groupFolded: '展开这一类',
       auditTitle: '空间评估（本插件不会删除）',
       auditHint: '统计缓存之外真正占空间的东西：已装软件、WSL 虚拟磁盘、Windows 组件库，以及你自己的文件。这些一律不由本插件删除，只列出供你判断。',
       auditRun: '开始评估',
@@ -246,6 +256,16 @@ window.__ModuleLoader__.load({
       'target_orphan-app-data': 'Leftover data from an uninstalled app',
       'target_app-data-caches': 'Caches of apps that stopped writing',
       'target_office-update-cache': 'Office update staging packages',
+      group_system: 'System temp and recycle bin',
+      group_dev: 'Developer tools and package managers',
+      group_browser: 'Browser caches',
+      group_app: 'App caches and logs',
+      group_updates: 'Leftover updaters',
+      group_history: 'Backups and snapshots',
+      group_orphan: 'Data from uninstalled apps',
+      group_other: 'Other',
+      groupExpanded: 'Collapse this group',
+      groupFolded: 'Expand this group',
       auditTitle: 'Space assessment (this plugin deletes none of it)',
       auditHint: 'What actually takes up room outside caches: installed programs, WSL disk images, the Windows component store, and your own files. None of it is removed here; it is listed so you can decide.',
       auditRun: 'Run assessment',
@@ -369,6 +389,14 @@ window.__ModuleLoader__.load({
       .dsc-total b { color: var(--dsw-alias-label-primary); font-size: 13px; }
       .dsc-list { display: flex; flex-direction: column; gap: 2px; }
       .dsc-row { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 7px; cursor: pointer; }
+      .dsc-group { display: flex; flex-direction: column; gap: 2px; }
+      .dsc-group + .dsc-group { margin-top: 6px; }
+      .dsc-group-head { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 6px 8px; border: 0; border-radius: 7px; background: transparent; font: inherit; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; }
+      .dsc-group-head:hover { background: var(--dsw-alias-bg-layer-2); }
+      .dsc-group-head:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }
+      .dsc-caret { width: 10px; color: var(--dsw-alias-label-secondary); font-size: 10px; line-height: 1; }
+      .dsc-group-title { flex: 1; min-width: 0; font-size: 12px; font-weight: 600; letter-spacing: .01em; }
+      .dsc-group-meta { color: var(--dsw-alias-label-secondary); font-size: 11px; }
       .dsc-row:hover { background: var(--dsw-alias-bg-layer-2); }
       .dsc-row input { margin: 0; accent-color: var(--dsw-alias-brand-primary); }
       .dsc-row-name { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
@@ -587,6 +615,30 @@ window.__ModuleLoader__.load({
       }, [locale, active]);
     }
 
+    // Fixed order so the sections do not shuffle between scans.
+    const GROUP_ORDER = ['system', 'dev', 'browser', 'app', 'updates', 'history', 'orphan', 'other'];
+
+    /**
+     * Fold a flat target list into sections. Order is fixed rather than by size so a target
+     * stays where the user last saw it; the caller decides which sections read as folded.
+     */
+    function groupRows(rows) {
+      const buckets = new Map();
+      for (const row of rows) {
+        const key = GROUP_ORDER.includes(row.group) ? row.group : 'other';
+        if (!buckets.has(key)) buckets.set(key, []);
+        buckets.get(key).push(row);
+      }
+      return GROUP_ORDER.filter((key) => buckets.has(key)).map((key) => {
+        const list = buckets.get(key);
+        return {
+          key,
+          rows: list,
+          bytes: list.reduce((sum, row) => sum + (row.bytes || 0), 0),
+        };
+      });
+    }
+
     /** Why a row is safe or needs care, in one line the user can act on. */
     function riskWhy(t, row) {
       if (row.risk !== 'caution') return t('why_safe');
@@ -703,7 +755,7 @@ window.__ModuleLoader__.load({
 
       const pickAll = (on) => {
         if (!shown) return;
-        setPicked(on ? new Set(shown.filter((row) => row.bytes > 0).map((row) => row.id)) : new Set());
+        setPicked(on ? new Set(visibleRows().filter((row) => row.bytes > 0).map((row) => row.id)) : new Set());
       };
 
       const runClean = async () => {
@@ -732,6 +784,17 @@ window.__ModuleLoader__.load({
       };
 
       const shown = rows && drive !== '' ? rows.filter((row) => row.pathCount > 0) : rows;
+
+      // Only what the user toggled is stored; every other section falls back to "folded
+      // when it totals zero", which is right for the common case where 20 of 32 rows read 0 B.
+      const [toggled, setToggled] = usePersistent('folded', {});
+      const isFolded = (section) =>
+        typeof toggled[section.key] === 'boolean' ? toggled[section.key] : section.bytes === 0;
+      const toggleGroup = (section) =>
+        setToggled((prev) => ({ ...prev, [section.key]: !isFolded(section) }));
+
+      /** What is actually on screen, so a hidden row cannot be selected by a bulk action. */
+      const visibleRows = () => (shown ? groupRows(shown).filter((section) => !isFolded(section)).flatMap((section) => section.rows) : []);
       const totalBytes = shown ? shown.reduce((sum, row) => sum + (row.bytes || 0), 0) : 0;
       const pickedBytes = shown ? shown.reduce((sum, row) => sum + (picked.has(row.id) ? row.bytes || 0 : 0), 0) : 0;
 
@@ -847,43 +910,76 @@ window.__ModuleLoader__.load({
               : h(
                   'div',
                   { className: 'dsc-list' },
-                  shown.map((row) => {
-                    // An `aged` target reports only the bytes past its age limit, so a folder
-                    // holding 261 MB can read as "0.2 MB" and look like nothing was found.
-                    // Name the folder size too when the two disagree.
-                    const holds = row.totalBytes > row.bytes ? row.totalBytes : 0;
-                    return h(
-                      'label',
-                      { key: row.id, className: 'dsc-row' },
-                      h('input', {
-                        type: 'checkbox',
-                        checked: picked.has(row.id),
-                        disabled: busy !== '' || row.bytes === 0,
-                        onChange: () => toggle(row.id),
-                      }),
+                  groupRows(shown).map((section) =>
+                    h(
+                      'div',
+                      { key: section.key, className: 'dsc-group' },
+                      // A row of 32 targets is unreadable as a flat list: most of them read
+                      // 0 B most of the time. Fold each kind away, and start a group whose
+                      // total is zero folded, so only the groups holding something are open.
                       h(
-                        'span',
-                        { className: 'dsc-row-name' },
-                        h('span', { className: 'dsc-row-label' }, targetName(t, row.id)),
+                        'button',
+                        {
+                          type: 'button',
+                          className: 'dsc-group-head',
+                          'aria-expanded': !isFolded(section),
+                          title: t(isFolded(section) ? 'groupFolded' : 'groupExpanded'),
+                          onClick: () => toggleGroup(section),
+                        },
+                        h('span', { className: 'dsc-caret' }, isFolded(section) ? '▸' : '▾'),
+                        h('span', { className: 'dsc-group-title' }, t(`group_${section.key}`)),
+                        h('span', { className: 'dsc-group-meta' }, `${section.rows.length}`),
                         h(
                           'span',
-                          { className: 'dsc-row-hint' },
-                          `${t('pathCount').replace('{n}', String(row.pathCount))} · ${riskWhy(t, row)}${
-                            holds > 0 ? ` · ${t('holds').replace('{n}', formatBytes(holds))}` : ''
-                          }`,
+                          { className: `dsc-size${section.bytes > 0 ? '' : ' dsc-idle'}` },
+                          formatBytes(section.bytes),
                         ),
                       ),
-                      h(
-                        'span',
-                        {
-                          className: `dsc-badge${row.risk === 'caution' ? ' dsc-badge-caution' : ''}`,
-                          title: riskWhy(t, row),
-                        },
-                        t(row.risk === 'caution' ? 'risky' : 'safe'),
-                      ),
-                      h('span', { className: `dsc-size${row.bytes > 0 ? '' : ' dsc-idle'}` }, formatBytes(row.bytes)),
-                    );
-                  }),
+                      isFolded(section)
+                        ? null
+                        : section.rows.map((row) => {
+                            // An `aged` target reports only the bytes past its age limit, so a
+                            // folder holding 261 MB can read as "0.2 MB" and look like nothing
+                            // was found. Name the folder size too when the two disagree.
+                            const holds = row.totalBytes > row.bytes ? row.totalBytes : 0;
+                            return h(
+                              'label',
+                              { key: row.id, className: 'dsc-row' },
+                              h('input', {
+                                type: 'checkbox',
+                                checked: picked.has(row.id),
+                                disabled: busy !== '' || row.bytes === 0,
+                                onChange: () => toggle(row.id),
+                              }),
+                              h(
+                                'span',
+                                { className: 'dsc-row-name' },
+                                h('span', { className: 'dsc-row-label' }, targetName(t, row.id)),
+                                h(
+                                  'span',
+                                  { className: 'dsc-row-hint' },
+                                  `${t('pathCount').replace('{n}', String(row.pathCount))} · ${riskWhy(t, row)}${
+                                    holds > 0 ? ` · ${t('holds').replace('{n}', formatBytes(holds))}` : ''
+                                  }`,
+                                ),
+                              ),
+                              h(
+                                'span',
+                                {
+                                  className: `dsc-badge${row.risk === 'caution' ? ' dsc-badge-caution' : ''}`,
+                                  title: riskWhy(t, row),
+                                },
+                                t(row.risk === 'caution' ? 'risky' : 'safe'),
+                              ),
+                              h(
+                                'span',
+                                { className: `dsc-size${row.bytes > 0 ? '' : ' dsc-idle'}` },
+                                formatBytes(row.bytes),
+                              ),
+                            );
+                          }),
+                    ),
+                  ),
                 ),
           h(
             'div',

package/lib/index.js

@@ -103,6 +103,7 @@ const toPublic = (target) => ({
   kind: target.kind,
   risk: target.risk,
   note: target.note,
+  group: target.group,
   minAgeDays: target.minAgeDays,
   drives: target.drives,
   pathCount: target.paths.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-disk-cleaner",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "type": "module",
   "description": "Disk Cleaner for DSH: scan known-safe cache locations, see what they occupy, and reclaim the space from a panel or from the agent.",
   "keywords": [

package/smoke.mjs

@@ -264,6 +264,56 @@ check('every effect is labelled', applied.every((label) => typeof label === 'str
 const ids = [...catalog.matchAll(/^\s{4}id: '([a-z-]+)',$/gm)].map((m) => m[1]);
 check('catalog has the documented 32 targets', ids.length === 32, `got ${ids.length}`);
 check('every catalog id has a client label', ids.every((id) => zhKeys.includes(`target_${id}`) && enKeys.includes(`target_${id}`)));
+const groupMap = catalog.slice(catalog.indexOf('const GROUP_OF'), catalog.indexOf('const CATALOG = ['));
+const grouped = new Set([...groupMap.matchAll(/^\s+'?([a-z-]+)'?: '[a-z]+',$/gm)].map((m) => m[1]));
+check('every catalog id is filed under a group', ids.every((id) => grouped.has(id)), `missing: ${ids.filter((id) => !grouped.has(id)).join(',')}`);
+const groupKeys = [...new Set([...groupMap.matchAll(/: '([a-z]+)',$/gm)].map((m) => m[1]))];
+check('every group has a label in both languages', groupKeys.length > 1 && groupKeys.every((key) => zhKeys.includes(`group_${key}`) && enKeys.includes(`group_${key}`)), `groups: ${groupKeys.join(',')}`);
+{
+  // Run the real grouping function out of the bundle rather than assert on its text.
+  const start = source.indexOf('const GROUP_ORDER =');
+  const end = source.indexOf('function riskWhy', start);
+  const groupRows = new Function(`${source.slice(start, end)}; return groupRows;`)();
+  const folded = groupRows([
+    { id: 'a', group: 'dev', bytes: 10 },
+    { id: 'b', group: 'dev', bytes: 5 },
+    { id: 'c', group: 'system', bytes: 0 },
+    { id: 'd', group: 'nonsense', bytes: 1 },
+  ]);
+  check('grouping keeps a fixed order, not a size order', folded.map((g) => g.key).join(',') === 'system,dev,other');
+  check('grouping totals each section', folded.find((g) => g.key === 'dev').bytes === 15);
+  check('an unknown group falls into other', folded.find((g) => g.key === 'other').rows[0].id === 'd');
+  check('an empty section is the one that starts folded', folded.filter((g) => g.bytes === 0).map((g) => g.key).join(',') === 'system');
+}
+{
+  // Fold/unfold driven by the real helpers, on real section objects. The regression this
+  // guards against was the head handing `toggleGroup` a bare key, so nothing was stored.
+  const start = source.indexOf('const GROUP_ORDER =');
+  const end = source.indexOf('function riskWhy', start);
+  const groupRows = new Function(`${source.slice(start, end)}; return groupRows;`)();
+  const live = () => groupRows([
+    { id: 'a', group: 'system', bytes: 200 },
+    { id: 'b', group: 'dev', bytes: 0 },
+  ]);
+  const isFolded = (t, section) =>
+    typeof t[section.key] === 'boolean' ? t[section.key] : section.bytes === 0;
+  const click = (t, section) => ({ ...t, [section.key]: !isFolded(t, section) });
+
+  let toggled = {};
+  let section = live().find((g) => g.key === 'system');
+  check('a group with bytes starts open', isFolded(toggled, section) === false);
+  toggled = click(toggled, section);
+  check('one click folds the group it belongs to', isFolded(toggled, section) === true);
+  check('the fold map holds only the group that was clicked', Object.keys(toggled).join(',') === 'system');
+  toggled = click(toggled, section);
+  check('a second click unfolds it again', isFolded(toggled, section) === false);
+}
+check(
+  'a group head toggles its own section',
+  /onClick: \(\) => toggleGroup\(section\)/.test(source) && !/toggleGroup\(section\.key\)/.test(source),
+);
+check('select all skips the folded sections', /visibleRows\(\)\.filter/.test(source));
+check('the panel folds the group list', /function groupRows\(rows\)/.test(source) && /aria-expanded/.test(source) && /section\.bytes === 0/.test(source));
 check('every note code has an explanation', ['why_safe', 'why_in-use', 'why_rebuild', 'why_elevation', 'why_pending-update', 'why_rollback', 'why_superseded', 'why_history', 'why_duplicate', 'why_database-backup', 'why_orphan'].every((k) => zhKeys.includes(k) && enKeys.includes(k)));
 const areaIds = [...auditSrc.matchAll(/^\s{6}id: '([a-z-]+)',$/gm)].map((m) => m[1]);
 check('every assessment area has a translated label and reason', areaIds.length > 0 && areaIds.every((id) => zhKeys.includes(`area_${id}`) && zhKeys.includes(`area_${id}_why`) && enKeys.includes(`area_${id}`) && enKeys.includes(`area_${id}_why`)), `areas: ${areaIds.join(',')}`);