dsh-agent-board 1.7.7 → 1.7.9

package/lib/client.js

@@ -207,6 +207,11 @@ function apply(ctx) {
         ['circle', { cx: 12, cy: 12, r: 10 }],
         ['rect', { width: 6, height: 6, x: 9, y: 9 }]
       ],
+      // 取消入口图标（详情页「取消任务」按钮；语义=作废不派发，与删除 trash-2 区分）
+      'ban': [
+        ['circle', { cx: 12, cy: 12, r: 10 }],
+        ['path', { d: 'm4.9 4.9 14.2 14.2' }]
+      ],
       'plus': [
         ['path', { d: 'M5 12h14' }],
         ['path', { d: 'M12 5v14' }]
@@ -242,7 +247,15 @@ function apply(ctx) {
       blocked: { title: '阻塞：卡住待处理（等依赖/等主窗口裁决）', empty: '暂无阻塞——任务卡住待裁决时会出现在这里' }
     }
     var reqEpoch = 0 // 会话切换纪元：切会话时自增，旧会话在途响应按纪元丢弃
-    var state = { sessionId: null, tasks: [], boardMode: 'auto', teamMode: false, workMode: 'auto', minWorkers: 1, maxWorkers: 3, minVerifiers: 0, maxVerifiers: 2, workerModel: '', verifierModel: '', softTimeoutMin: 30, hardTimeoutMin: 120, feedbackEnabled: true, notifyDispatch: true, notifyDone: true, epicSplit: true, verifyUserGuide: true, lessonPushed: {}, isRoot: true, isRootEverTrue: false, isRootFalseN: 0, isRootStable: true, open: false, detailId: null, children: [], dragOver: null, dragTask: null, dispatchInfo: '', view: 'board', layoutLeft: 280, layoutRight: 0, poolStatus: null, escalatedIds: [], filterQ: '', filterPrio: [], filterTag: '', filterReview: false, selectMode: false, selected: {}, undoSnapshot: null, cardHover: '', archSort: 'time-desc', dateRange: { from: '', to: '' }, rfOpen: false, gboOpen: false, activity: {}, archived: [], archQ: '', globalBoards: [], createOpen: false, createFlash: '', mpRole: '', mpSize: '', usageSummary: null, childStats: {}, tasksErr: '', tasksHash: '' }
+    // ===== 界面缩放档位（task-mv58e01j，用户 2026-10-12「字体整体偏小」）=====
+    // 面板内 ~317 处内联 fontSize px 写死（9/10/11 为主），逐处改不值 → 面板根容器 CSS zoom
+    // 等比缩放统一接管（Chromium 支持，字体/图标/间距一并放大；zoom 只作用本面板子树，不碰宿主页面）。
+    // 纯客户端偏好（不走 host set-board-config）：localStorage 键 dsh-agent-board-ui-zoom 持久化，缺省 1；
+    // 脏值/档位外值/读取异常一律回退 1（白名单校验，不写回——下次选中档位时覆盖）。
+    var UI_ZOOM_KEY = 'dsh-agent-board-ui-zoom'
+    var UI_ZOOM_LEVELS = [0.9, 1, 1.1, 1.25, 1.5] // 90% / 100%（默认）/ 110% / 125% / 150%
+    function readUiZoom() { try { var v = parseFloat(localStorage.getItem(UI_ZOOM_KEY)); return UI_ZOOM_LEVELS.indexOf(v) >= 0 ? v : 1 } catch (_) { return 1 } }
+    var state = { sessionId: null, tasks: [], boardMode: 'auto', teamMode: false, workMode: 'auto', minWorkers: 1, maxWorkers: 3, minVerifiers: 0, maxVerifiers: 2, workerModel: '', verifierModel: '', softTimeoutMin: 30, hardTimeoutMin: 120, cleanupRetentionDays: 7, feedbackEnabled: true, notifyDispatch: true, notifyDone: true, epicSplit: true, verifyUserGuide: true, uiZoom: readUiZoom(), lessonPushed: {}, isRoot: true, isRootEverTrue: false, isRootFalseN: 0, isRootStable: true, open: false, detailId: null, children: [], dragOver: null, dragTask: null, dispatchInfo: '', view: 'board', layoutLeft: 280, layoutRight: 0, poolStatus: null, escalatedIds: [], filterQ: '', filterPrio: [], filterTag: '', filterReview: false, selectMode: false, selected: {}, undoSnapshot: null, cardHover: '', archSort: 'time-desc', dateRange: { from: '', to: '' }, rfOpen: false, gboOpen: false, activity: {}, archived: [], archQ: '', globalBoards: [], createOpen: false, createFlash: '', mpRole: '', mpSize: '', usageSummary: null, childStats: {}, tasksErr: '', tasksHash: '' }
 
     // #16 快捷键：Esc 逐级关闭（详情→看板→面板）；输入框聚焦时不劫持
     try {
@@ -323,7 +336,12 @@ function apply(ctx) {
       // 空范围（两端皆空）不传 field：host 收到 undefined 即全量聚合，与老 host 的调用形态完全一致；
       // 绝不用空字符串占位（host 侧 `from`/`to` 空串虽也判为无范围，但少传一个字段就少一处口径分叉）。
       var rgSend = activeRange()
-      var rpcArgs = (rgSend.from || rgSend.to) ? { range: rgSend } : undefined
+      var rpcArgs = (rgSend.from || rgSend.to) ? { range: rgSend } : {}
+      // 条件请求瘦身（task-mv492for）：带上轮 tasksHash 作 ifHash，host 比对一致则返回 unchanged:true
+      // 轻量响应（不含 tasks 全量，轮询载荷 1.34MB→KB 级）；首轮/会话切换后 state.tasksHash 为空不带
+      // ifHash → 全量返回（与不带 ifHash 的老客户端同路径）。空范围时 rpcArgs 由 undefined 改 {} 是同义
+      // 形态（rpc 助手 args||{} 归一；host 只读 range/sessionId/ifHash，多传空对象无害）。
+      if (state.tasksHash) rpcArgs.ifHash = state.tasksHash
       // 范围守卫：范围已在本轮响应回来前被改掉 → 这份响应属于旧范围，丢弃 usageSummary 赋值
       // （否则旧范围的旧聚合会覆盖新范围的新聚合，用户看到「切了范围数字没变」直到下一次轮询）。
       // 注意 tasksHash 短路只管 tasks：usageSummary 照常赋值（现状已对，保持）。
@@ -338,7 +356,11 @@ function apply(ctx) {
         // （hash 只管任务列表渲染；这些字段随下次任意 notify 生效，不为它们单独渲染）。
         // 老 host 不返回 tasksHash → 恒视为变化，行为与旧版完全一致。
         var newHash = (d && d.tasksHash) || ''
-        var tasksChanged = !newHash || newHash !== state.tasksHash
+        // 条件请求瘦身（task-mv492for）：host 判 ifHash 一致时返回 unchanged:true（响应不含 tasks 全量）。
+        // state.tasks 必须原样保留——unchanged 优先于 hash 比对：缺 tasks 的响应若误入变化分支，
+        // `(d && d.tasks) || []` 会把列表清空。轻量字段不受影响，照常走下方既有赋值链。
+        var unchanged = !!(d && d.unchanged)
+        var tasksChanged = !unchanged && (!newHash || newHash !== state.tasksHash)
         // 设置开关的权威纠偏（task-muw5uudk）：开关不走 tasksHash，hash 不变分支里照常赋值也没有 notify
         // → 勾选框必须等下一次任意 notify 才翻面（安静板卡数秒）。这里在赋值前快照、赋值后比对，
         // 有变化就补一次 notify：乐观更新（PoolCfgPopover）已让点击瞬时翻面，本兜底是服务端权威值纠偏
@@ -364,10 +386,14 @@ function apply(ctx) {
         state.poolStatus = (d && d.poolStatus) || null
         // token 消耗聚合（board 级，host 端现算）：范围守卫——响应回来时范围若已变，保留旧值不覆盖
         // （新范围的那次请求会带着新聚合回来；老 host 不返回该字段 → null，零渲染）
-        // ===== usageSummary 变化检测（task-muwq9u04：选范围不重渲染）=====
-        // 病根：范围切换只让 state.usageSummary 换对象，tasksHash 与四个 cfg 开关都不变 → 无 notify
-        // → Token 区冻在旧数字上，要等下一次任意 notify（改任务/切开关）才翻新。
-        // 为什么用「上一次的 JSON 串」比对而不是对象引用：host 每次 get-tasks 都现算聚合、**必然返回新对象**
+        // ===== usageSummary 变化检测 + React 订阅（task-muwq9u04 → task-mv10lvud 根修）=====
+        // 病根（task-mv10lvud 实测「点今天也没变化」）：范围切换时 setRange 先换 state.dateRange（新对象
+        // → setDR 身份变化 → 第一帧渲染成功），随后 fetchTasks 响应把 state.usageSummary 换成新对象并 notify()，
+        // 但 TopPanel 的 update() 里所有 setX 值都 Object.is 全等（tasks 引用不变、布尔不变）→ React 18 全量
+        // bailout，零重渲染 → Token 区永远拿不到新聚合。notify ≠ React 重渲染，须有「新身份的订阅值」做载体。
+        // 修法：TopPanel 补 usageSummary 专属 React state（setUsage(state.usageSummary)），host 每次响应都是
+        // 新对象，身份变化天然触发渲染（订阅见 TopPanel 的 update()）。
+        // 为什么本处用「上一次的 JSON 串」比对而不是对象引用：host 每次 get-tasks 都现算聚合、**必然返回新对象**
         // （引用比较恒真）→ 3s 轮询每轮都 notify，tasksHash 的渲染节约当场作废。JSON 串只在这份聚合
         // 真变了时才不等（KB 级体积、3s 一次，代价可忽略）；赋值前先快照，赋值后比对。
         var usageJsonPrev = JSON.stringify(state.usageSummary || null)
@@ -389,6 +415,9 @@ function apply(ctx) {
         state.epicSplit = cfgKnobOf(d, 'epicSplit')
         // 自测指南开关（设置区「验收」）：同上——缺字段=开（详情块/报告清单段照常），只有显式 false 才关
         state.verifyUserGuide = cfgKnobOf(d, 'verifyUserGuide')
+        // 清理保留天数（设置区「存储清理」，卡龄主闸）：数值键，host 已 cfg 归一（缺字段/脏值=7、钳 1-90），
+        // 客户端读服务端权威值（与 softTimeoutMin/hardTimeoutMin 同款直接赋值，不做布尔口径纠偏）。
+        state.cleanupRetentionDays = (d && d.cleanupRetentionDays) || 7
         // 开关有变 / Token 区聚合有变 → 补一次 notify（tasksChanged 分支已在上面 notify 过，
         // 这里只管 hash 不变时被跳过的那两次：开关乐观更新纠偏 + 统计范围切换后的新聚合）
         var cfgDelta = !tasksChanged && cfgKnobsChanged(cfgKnobs, state)
@@ -511,6 +540,23 @@ function apply(ctx) {
       }).catch(function (e) { if (onMsg) onMsg('⚠️ ' + String(e)); return { ok: false, error: String(e) } })
     }
 
+    // ===== 取消通道（与 host cancel-task / task_cancel 门禁一一对应）=====
+    // 可取消状态：草稿/待办/阻塞（未进入执行）。in-progress/verifying 需先终止；resolved 引导归档。
+    // 取消=显式放弃：置 cancelled + 留档可检索、可在归档 tab「恢复待办」；与删除不同，取消不丢数据。
+    function canCancel(t) { return !!t && (t.status === 'draft' || t.status === 'pending' || t.status === 'blocked') }
+    // confirm 预警（与 note「取消后不再派发，可在归档恢复」同口径）；失败时 host 门禁原因原样回显。
+    function cancelTask(id, title, onMsg) {
+      var t = getTask(id)
+      var name = title || (t && t.title) || id
+      if (!window.confirm('取消后不再派发，可在归档恢复。确认取消「' + name + '」？')) return Promise.resolve({ ok: false, cancelled: true })
+      return rpc('cancel-task', { taskId: id }).then(function (r) {
+        if (r && r.ok === false) { if (onMsg) onMsg('⚠️ ' + (r.error || '取消失败')) }
+        else if (onMsg) onMsg('🚫 已取消「' + name + '」（可在归档 tab 恢复待办）')
+        fetchTasks()
+        return r
+      }).catch(function (e) { if (onMsg) onMsg('⚠️ ' + String(e)); return { ok: false, error: String(e) } })
+    }
+
     function onDragStart(e, task) { e.dataTransfer.setData('text/plain', JSON.stringify({ id: task.id, status: task.status })); e.dataTransfer.effectAllowed = 'move'; state.dragTask = task.id; notify() }
     function onDragEnd() { state.dragTask = null; state.dragOver = null; notify() }
     function onColDragOver(e, st) { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; if (state.dragOver !== st) { state.dragOver = st; notify() } }
@@ -589,7 +635,10 @@ function apply(ctx) {
       var _ndo = useState(state.notifyDispatch), ndOn = _ndo[0], setNdOn = _ndo[1]; var _nno = useState(state.notifyDone), nnOn = _nno[0], setNnOn = _nno[1]
       var _eso = useState(state.epicSplit), esOn = _eso[0], setEsOn = _eso[1] // 史诗拆分总开关勾选态（设置区「功能」）
       var _vug = useState(state.verifyUserGuide), vugOn = _vug[0], setVugOn = _vug[1] // 自测指南开关勾选态（设置区「验收」）
-      useEffect(function () { function update() { setOpen(state.open); setTasksState(state.tasks); setModeState(state.boardMode); setDetailId(state.detailId); setDragOver(state.dragOver); setDispatchInfo(state.dispatchInfo); setViewState(state.view); setLayL(state.layoutLeft); setLayR(state.layoutRight); setMinW(state.minWorkers); setMaxW(state.maxWorkers); setMinV(state.minVerifiers); setMaxV(state.maxVerifiers); setWorkerModel(state.workerModel); setVerifierModel(state.verifierModel); setTeamMode(state.teamMode); setWorkModeState(state.workMode); setDR(state.dateRange); setSoftT(state.softTimeoutMin); setHardT(state.hardTimeoutMin); setFbEnabled(state.feedbackEnabled); setNdOn(state.notifyDispatch); setNnOn(state.notifyDone); setEsOn(state.epicSplit); setVugOn(state.verifyUserGuide); setCreateOpen(state.createOpen); setCreateFlash(state.createFlash); setTasksErr(state.tasksErr) }; listeners.push(update); update(); return function () { var i = listeners.indexOf(update); if (i >= 0) listeners.splice(i, 1) } }, [])
+      var _crd = useState(state.cleanupRetentionDays), crd = _crd[0], setCrd = _crd[1] // 清理保留天数（设置区「存储清理」）
+      var _uzm = useState(state.uiZoom), uiZoom = _uzm[0], setUiZoom = _uzm[1] // 界面缩放档位（设置区「界面」，zoom 挂面板根容器）
+      var _usg = useState(state.usageSummary), setUsage = _usg[1] // Token 区聚合订阅（task-mv10lvud 根修）：usageSummary 换新对象即触发渲染
+      useEffect(function () { function update() { setOpen(state.open); setTasksState(state.tasks); setModeState(state.boardMode); setDetailId(state.detailId); setDragOver(state.dragOver); setDispatchInfo(state.dispatchInfo); setViewState(state.view); setLayL(state.layoutLeft); setLayR(state.layoutRight); setMinW(state.minWorkers); setMaxW(state.maxWorkers); setMinV(state.minVerifiers); setMaxV(state.maxVerifiers); setWorkerModel(state.workerModel); setVerifierModel(state.verifierModel); setTeamMode(state.teamMode); setWorkModeState(state.workMode); setDR(state.dateRange); setSoftT(state.softTimeoutMin); setHardT(state.hardTimeoutMin); setFbEnabled(state.feedbackEnabled); setNdOn(state.notifyDispatch); setNnOn(state.notifyDone); setEsOn(state.epicSplit); setVugOn(state.verifyUserGuide); setCrd(state.cleanupRetentionDays); setUiZoom(state.uiZoom); setCreateOpen(state.createOpen); setCreateFlash(state.createFlash); setTasksErr(state.tasksErr); setUsage(state.usageSummary) }; listeners.push(update); update(); return function () { var i = listeners.indexOf(update); if (i >= 0) listeners.splice(i, 1) } }, [])
       if (!open) return null
       if (!state.isRootStable) return null // 子代理会话不渲染看板面板（读 isRootStable：瞬态 false 不闪，见 isRoot 蝶变防抖）
       var active = tasks.filter(function (t) { return t.status !== 'archived' }); var archived = tasks.filter(function (t) { return t.status === 'archived' })
@@ -611,11 +660,14 @@ function apply(ctx) {
         })
         content = React.createElement('div', null, React.createElement(FilterBar, null), hasFilter && active.length === 0 && archived.length === 0 ? React.createElement('div', { style: { textAlign: 'center', padding: 16, color: C.text2, fontSize: 11 } }, '无匹配任务') : null, React.createElement('div', { style: { fontSize: 10, color: C.text2, marginBottom: 6 } }, state.selectMode ? '多选模式：点击卡片勾选，底部批量操作' : '提示：拖拽卡片到目标列即可流转状态'), tasks.length === 0 ? React.createElement('div', { style: { textAlign: 'center', padding: '16px 8px 12px', color: C.text2, fontSize: 12 } }, '点击右上角', React.createElement('span', { style: { color: C.brand, fontWeight: 600 } }, '「+ 新建任务」'), '创建第一张卡，或直接在对话里说：帮我建一张任务卡') : null, React.createElement('div', { style: { display: 'flex', gap: 8, overflowX: 'auto', paddingBottom: 4 } }, cols),  React.createElement(BatchBar, null))
       }
-      return React.createElement('div', { style: { position: 'fixed', top: 44, left: (layL + 8) + 'px', right: (layR + 8) + 'px', maxHeight: '60vh', zIndex: 900, background: C.bg, border: '1px solid ' + C.border, borderRadius: '0 0 10px 10px', boxShadow: '0 8px 24px rgba(0,0,0,0.12)', display: 'flex', flexDirection: 'column', overflow: 'hidden' } },
+      // 面板根容器（顶层 div）：zoom 挂这里——等比缩放整个面板子树（字体/图标/间距），只影响本面板
+      // 不影响宿主页面；uiZoom 为订阅值（设置弹层选档 → state.uiZoom + notify → 本组件重渲染即时生效）。
+      // React 的 zoom 属无单位数值型 style（isUnitlessNumber 含 zoom），直接传数值不会拼 px。
+      return React.createElement('div', { style: { position: 'fixed', top: 44, left: (layL + 8) + 'px', right: (layR + 8) + 'px', maxHeight: '60vh', zIndex: 900, zoom: uiZoom, background: C.bg, border: '1px solid ' + C.border, borderRadius: '0 0 10px 10px', boxShadow: '0 8px 24px rgba(0,0,0,0.12)', display: 'flex', flexDirection: 'column', overflow: 'hidden' } },
         React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '6px 12px', borderBottom: '1px solid ' + C.border, flexShrink: 0, flexWrap: 'wrap', gap: 4 } },
           React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6 } }, React.createElement('span', { style: { fontWeight: 600, fontSize: 13, color: C.text, display: 'inline-flex', alignItems: 'center', gap: 5 } }, ic('clipboard-list', 15), '智能看板'), React.createElement(ViewTab, null), React.createElement(PoolStatus, null)),
           React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' } },
-            React.createElement(PoolCfgPopover, { minW: minW, maxW: maxW, minV: minV, maxV: maxV, workerModel: workerModel, verifierModel: verifierModel, softT: softT, hardT: hardT, feedbackEnabled: fbEnabled, notifyDispatch: ndOn, notifyDone: nnOn, epicSplit: esOn, verifyUserGuide: vugOn }),
+            React.createElement(PoolCfgPopover, { minW: minW, maxW: maxW, minV: minV, maxV: maxV, workerModel: workerModel, verifierModel: verifierModel, softT: softT, hardT: hardT, feedbackEnabled: fbEnabled, notifyDispatch: ndOn, notifyDone: nnOn, epicSplit: esOn, verifyUserGuide: vugOn, retentionDays: crd }),
             dispatchInfo ? React.createElement('span', { style: { fontSize: 9, color: C.brand, maxWidth: 120, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, title: dispatchInfo }, dispatchInfo) : null,
             React.createElement('button', { onClick: function () { state.createOpen = true; notify() }, title: '新建任务（可存为草稿）', style: { fontSize: 11, padding: '3px 8px', border: '1px solid ' + C.border, borderRadius: 6, cursor: 'pointer', background: 'transparent', color: C.text2, display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('plus', 11), '新建任务'),
             createFlash ? React.createElement('span', { style: { fontSize: 10, color: C.ok } }, createFlash) : null,
@@ -826,18 +878,21 @@ function apply(ctx) {
     function ArchiveView() {
       var _R = React; var useState = _R.useState
       var _a = useState(state.archQ || ''), q = _a[0], setQ = _a[1]
-      // 归档数据源口径对齐仪表盘（反馈 n-muyg3e0m9z7i）：直接读 state.tasks（get-tasks 全量含归档），
+      // 归档 tab 数据源口径对齐仪表盘（反馈 n-muyg3e0m9z7i）：直接读 state.tasks（get-tasks 全量含归档），
       // 不再依赖独立 state.archived/fetchArchived——旧路径异步填库却未接入 TopPanel 的 notify 更新项，
       // 归档 tab 打开后停在「暂无归档任务」空态，而仪表盘「已归档」计数来自 state.tasks（全量），二者对不上。
-      // 全量 + 按归档时间倒序（archivedAt 优先，回退 resolvedAt/createdAt）+ 顶部注明条数。
-      var archived = state.tasks.filter(function (t) { return t.status === 'archived' })
+      // 全量 + 按归档/取消时间倒序（archivedAt 优先，回退 cancelledAt/resolvedAt/createdAt）+ 顶部注明条数。
+      // 含 cancelled（反馈 n-mv0zbqk... 取消通道）：取消卡在待办列消失（cancelled 不在 COLUMNS）后，
+      // 归入本 tab 可见、可「恢复待办」——否则作废卡从 UI 上彻底蒸发、无法找回。
+      var archived = state.tasks.filter(function (t) { return t.status === 'archived' || t.status === 'cancelled' })
+      var cancelledCount = archived.filter(function (t) { return t.status === 'cancelled' }).length // 文案口径修正：仪表盘「已归档」只数 archived，本 tab 含 cancelled，须单列
       var list = archived.filter(function (t) {
         if (!q) return true
         var qq = q.toLowerCase()
         return (t.title || '').toLowerCase().indexOf(qq) >= 0 || (t.id || '').toLowerCase().indexOf(qq) >= 0 || (t.tags || []).join(' ').toLowerCase().indexOf(qq) >= 0
       }).sort(function (a, b) {
-        // 归档时间倒序：archivedAt 优先，回退 resolvedAt/createdAt（老卡可能缺 archivedAt）
-        function archTs(t) { return t.archivedAt || t.resolvedAt || t.createdAt || '' }
+        // 归档/取消时间倒序：archivedAt 优先，回退 cancelledAt/resolvedAt/createdAt（老卡可能缺 archivedAt）
+        function archTs(t) { return t.archivedAt || t.cancelledAt || t.resolvedAt || t.createdAt || '' }
         return (archTs(b) || '').localeCompare(archTs(a) || '')
       })
       // 工作模式（与 fetchTasks 同口径）：list=清单模式（恢复不重派）不弹；auto/team 恢复即重派 → confirm 门禁
@@ -850,8 +905,8 @@ function apply(ctx) {
       }
       return React.createElement('div', null,
         React.createElement('input', { value: q, onChange: function (e) { setQ(e.target.value); state.archQ = e.target.value }, placeholder: '检索标题 / ID / 标签…', style: { width: '100%', padding: '5px 8px', fontSize: 11, border: '1px solid ' + C.border2, borderRadius: 5, background: C.card, color: C.text, marginBottom: 8 } }),
-        React.createElement('div', { style: { fontSize: 10, color: C.text2, marginBottom: 6 } }, '共 ' + archived.length + ' 条归档（全量，与仪表盘「已归档」同口径）'),
-        archived.length === 0 ? React.createElement('div', { style: { fontSize: 11, color: C.text2, padding: 12, textAlign: 'center' } }, '暂无归档任务') :
+        React.createElement('div', { style: { fontSize: 10, color: C.text2, marginBottom: 6 }, title: '归档 tab 含已归档 + 已取消两类；仪表盘「已归档」只数已归档，不数已取消' }, '共 ' + archived.length + ' 条' + (cancelledCount > 0 ? '（含已取消 ' + cancelledCount + ' 条）' : '')),
+        archived.length === 0 ? React.createElement('div', { style: { fontSize: 11, color: C.text2, padding: 12, textAlign: 'center' } }, '暂无归档/已取消任务') :
         list.length === 0 ? React.createElement('div', { style: { fontSize: 11, color: C.text2, padding: 12, textAlign: 'center' } }, '无匹配结果') :
         list.map(function (t) {
           // 归档行点击进详情（用户 2026-10-09 指令）：复用 state.detailId 机制，与看板卡同路径；
@@ -861,7 +916,8 @@ function apply(ctx) {
               React.createElement('span', { style: { fontSize: 11, fontWeight: 600, color: C.text, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, title: t.title }, t.title),
               reviewPending(t) ? React.createElement('span', { title: '👁 建议过目（命中风险信号）：\n' + ((t.reviewHint && t.reviewHint.reasons) || []).join('\n'), style: { fontSize: 9, padding: '0 4px', borderRadius: 2, background: 'color-mix(in srgb, ' + C.warn + ' 22%, transparent)', color: C.warn, fontWeight: 600, whiteSpace: 'nowrap', flexShrink: 0 } }, '👁 建议过目') : null,
               t.verification ? React.createElement('span', { title: '验收结论: ' + (t.verification.summary || '').slice(0, 100), style: { fontSize: 9, padding: '1px 5px', borderRadius: 3, background: t.verification.verdict === 'approved' ? C.ok : C.err, color: C_INV } }, t.verification.verdict === 'approved' ? '过' : '驳') : null,
-              React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, t.archivedAt ? ago(t.archivedAt) : '')),
+              t.status === 'cancelled' ? React.createElement('span', { title: '已取消（可恢复待办）', style: { fontSize: 9, padding: '0 4px', borderRadius: 2, background: 'color-mix(in srgb, ' + C.warn + ' 20%, transparent)', color: C.warn, fontWeight: 600, whiteSpace: 'nowrap', flexShrink: 0 } }, '已取消') : null,
+              React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, (t.archivedAt || t.cancelledAt) ? ago(t.archivedAt || t.cancelledAt) : '')),
             t.verification && t.verification.summary ? React.createElement('div', { style: { fontSize: 10, color: C.text2, marginTop: 2, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, '📝 ' + t.verification.summary) : null,
             React.createElement('div', { style: { display: 'flex', gap: 5, marginTop: 4, flexWrap: 'wrap' } },
               React.createElement('button', { onClick: function (e) { e.stopPropagation(); restore(t.id) }, title: wm === 'list' ? '恢复为待办' : '恢复为待办（将按当前工作模式立即重新派发，消耗一轮 Worker+Verifier token）', style: { fontSize: 9, padding: '2px 7px', border: '1px solid ' + C.brand, borderRadius: 3, background: 'transparent', color: C.brand, cursor: 'pointer' } }, '↩ 恢复待办'),
@@ -1314,7 +1370,10 @@ function apply(ctx) {
         p.then(function (r) { if (r && r.ok === false) setActionMsg('⚠️ 流转失败：' + (r.error || '未知错误')); else setActionMsg('✅ 已流转到「' + (statusLabels[to] || to) + '」'); fetchTasks() }).catch(function (e) { setActionMsg('⚠️ ' + String(e)) })
       }
       return React.createElement('div', { style: { padding: '4px 2px' } },
-        React.createElement('div', { onClick: function () { state.detailId = null; notify() }, style: { fontSize: 11, color: C.brand, cursor: 'pointer', marginBottom: 8 } }, '← 返回看板'),
+        // 头部行（task-mv493xjs 巡检次生观察②）：左「← 返回看板」+ 右上显性 ✕ 关闭钮（原来只有文字链不够显性）
+        React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 } },
+          React.createElement('div', { onClick: function () { state.detailId = null; notify() }, style: { fontSize: 11, color: C.brand, cursor: 'pointer' } }, '← 返回看板'),
+          React.createElement('button', { onClick: function () { state.detailId = null; notify() }, title: '关闭详情面板（返回看板）', style: { fontSize: 11, padding: '1px 6px', border: '1px solid ' + C.border, borderRadius: 3, background: 'transparent', color: C.text2, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', lineHeight: 1.4 } }, ic('x', 11))),
         React.createElement(ReviewSummary, { task: task }),
         React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6, marginBottom: 8 } }, React.createElement('select', { value: task.priority || 'medium', onChange: function (e) { rpc('update-task', { taskId: task.id, priority: e.target.value }).then(fetchTasks).catch(function () {}) }, title: '优先级（四档：紧急/高/中/低）', style: { fontSize: 10, padding: '1px 4px', border: '1px solid ' + C.border, borderRadius: 3, background: C.card, color: (prioColor[task.priority] || prioColor.low), fontWeight: 600 } }, ['critical', 'high', 'medium', 'low'].map(function (p) { return React.createElement('option', { key: p, value: p }, prioLabel[p] + '（' + p + '）') })), React.createElement('span', { style: { fontSize: 11, padding: '1px 8px', borderRadius: 3, background: C.nested, color: C.text } }, statusLabels[task.status] || task.status), React.createElement('select', { value: task.pipeline || 'full', onChange: function (e) { rpc('update-task', { taskId: task.id, pipeline: e.target.value }).then(fetchTasks).catch(function () {}) }, title: '管线档位', style: { fontSize: 10, padding: '1px 4px', border: '1px solid ' + C.border, borderRadius: 3, background: C.card, color: C.text2 } }, React.createElement('option', { value: 'full' }, '全流程（执行+验证）'), React.createElement('option', { value: 'work' }, '免验证（只做不验）'), React.createElement('option', { value: 'direct' }, '主窗口处理')), task.pipelineAuto ? React.createElement('span', { style: { fontSize: 9, color: C.text2 }, title: '由规则自动分类，可手动覆盖' }, 'auto') : null, isManual ? React.createElement('span', { style: { fontSize: 10, color: C.text2, display: 'inline-flex', alignItems: 'center', gap: 2 } }, ic('user', 10), '手动派发') : null),
         React.createElement(TagsEditor, { key: task.id, task: task }),
@@ -1435,10 +1494,15 @@ function apply(ctx) {
           task.status === 'verifying' ? React.createElement('button', { onClick: function () { doAction(function () { return rpc('verify-task', { taskId: task.id, verdict: 'approved' }) }) }, style: { fontSize: 10, padding: '3px 8px', border: 'none', borderRadius: 3, background: C.ok, color: C_INV, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('check-circle', 10), '通过') : null,
           task.status === 'verifying' ? React.createElement('button', { onClick: function () { var r = window.prompt('驳回原因：'); doAction(function () { return rpc('verify-task', { taskId: task.id, verdict: 'rejected', comment: r || '' }) }) }, style: { fontSize: 10, padding: '3px 8px', border: 'none', borderRadius: 3, background: C.err, color: C_INV, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('x-circle', 10), '驳回') : null,
           task.status === 'resolved' ? React.createElement('button', { onClick: function () { doAction(function () { return rpc('archive-task', { taskId: task.id }) }) }, style: { fontSize: 10, padding: '3px 8px', border: 'none', borderRadius: 3, background: C.text2, color: C_INV, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('archive', 10), '归档') : null),
-          // 删除（仅草稿/待办/阻塞）：confirm 防误删；被 host 门禁拒绝时把原因回显到详情页 actionMsg
-          // 容器 div 的收尾括号已挂在「归档」行；删除按钮作为**额外一行元素**排在它后面
-          // （多一个实参给同一个 createElement，属于合法调用），因此本行自身必须配平。
-          canDelete(task) ? React.createElement('button', { onClick: function () { deleteTask(task.id, task.title, setActionMsg) }, title: '删除任务（不可恢复；执行中请先终止，已落定请用归档）', style: { fontSize: 10, padding: '3px 8px', border: '1px solid ' + C.err, borderRadius: 3, background: 'transparent', color: C.err, cursor: 'pointer', fontWeight: 600, display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('trash-2', 10), '删除') : null,
+          // ===== 破坏性操作区（task-mv493xjs 消歧，巡检实证 n-mv2turadjv63 误触）=====
+          // 视觉分层：与上方表单按钮组（保存/发布/领取/派发/通过/驳回/归档）拉开——独立一行 +
+          // 顶部虚线分隔 + 「危险操作」前缀标签。「取消」改名「取消任务」：按表单惯例会被误读为
+          // 「关面板」，实际是 task_cancel 破坏性流转（confirm 确认在 kernel.cancelTask 已存在）。
+          // 取消（仅草稿/待办/阻塞）语义=作废留档（可恢复）；删除=真删不可恢复，被 host 门禁拒绝时原因回显 actionMsg。
+          (canCancel(task) || canDelete(task)) ? React.createElement('div', { role: 'group', 'aria-label': '危险操作', style: { display: 'flex', gap: 4, flexWrap: 'wrap', alignItems: 'center', marginTop: 8, paddingTop: 6, borderTop: '1px dashed ' + C.err } },
+            React.createElement('span', { style: { fontSize: 9, color: C.err, fontWeight: 700, marginRight: 2, letterSpacing: 1 } }, '危险操作'),
+            canCancel(task) ? React.createElement('button', { onClick: function () { cancelTask(task.id, task.title, setActionMsg) }, title: '取消任务（取消后不再派发，可在归档恢复待办）', style: { fontSize: 10, padding: '3px 8px', border: '1px solid ' + C.warn, borderRadius: 3, background: 'transparent', color: C.warn, cursor: 'pointer', fontWeight: 600, display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('ban', 10), '取消任务') : null,
+            canDelete(task) ? React.createElement('button', { onClick: function () { deleteTask(task.id, task.title, setActionMsg) }, title: '删除任务（不可恢复；执行中请先终止，已落定请用归档）', style: { fontSize: 10, padding: '3px 8px', border: '1px solid ' + C.err, borderRadius: 3, background: 'transparent', color: C.err, cursor: 'pointer', fontWeight: 600, display: 'inline-flex', alignItems: 'center', gap: 3 } }, ic('trash-2', 10), '删除') : null) : null,
         (function () {
           // 历史会话：无论任务处于哪个阶段都完整列出（Worker 各次 + Verifier 各次）
           var runs = historyRuns(task)
@@ -2055,13 +2119,14 @@ function apply(ctx) {
     // 近 14 天柱形通用画法（① 通过率 / ③ 超时率共用）：cells = [{ k, rate(null=当日无样本), tip }]
     //   今日柱 brand 高亮 + 率值顶标；无样本日画 3px 灰基线（title 写明无样本，不假装 0%）。
     function qtDayBars(cells, color, todayKey) {
-      return React.createElement('div', { style: { display: 'flex', alignItems: 'flex-end', gap: 3, height: 46 } },
+      return React.createElement('div', { style: { display: 'flex', alignItems: 'flex-end', gap: 3, height: 46, minWidth: 0, overflow: 'hidden' } },
         cells.map(function (c) {
           var isToday = c.k === todayKey
           var h = c.rate === null ? 3 : Math.max(4, Math.round(c.rate * 34))
+          h = Math.min(22, h) // clamp 柱高：100% 柱封顶 22px——46px 绘图容器扣掉上下率值/日期标签与 gap/描边后不越出，防单日 100% 黑柱向上盖住右列
           var kp = c.k.split('-')
           var dLabel = Number(kp[1]) + '/' + Number(kp[2])
-          return React.createElement('div', { key: c.k, style: { flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-end', gap: 1 }, title: c.tip },
+          return React.createElement('div', { key: c.k, style: { flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-end', gap: 1 }, title: c.tip },
             c.rate !== null ? React.createElement('span', { style: { fontSize: 8, color: isToday ? C.brand : C.text2 } }, mpPct(c.rate)) : null,
             React.createElement('div', { style: { width: '100%', maxWidth: 22, height: h + 'px', borderRadius: 2, background: c.rate === null ? C.nested : (isToday ? C.brand : color), border: '1px solid ' + (isToday ? C.brand : (c.rate === null ? C.border : color)) } }),
             React.createElement('span', { style: { fontSize: 8, color: isToday ? C.brand : C.text2 } }, dLabel))
@@ -2106,7 +2171,7 @@ function apply(ctx) {
       })
       var fpHas = false; fpCells.forEach(function (c) { if (c.rate !== null) fpHas = true })
       var fpToday = fpCells[fpCells.length - 1]
-      var block1 = React.createElement('div', { style: { flex: '1 1 260px', minWidth: 230 } },
+      var block1 = React.createElement('div', { style: { flex: '1 1 260px', minWidth: 230, overflow: 'hidden' } },
         blockHead('一次通过率（近 14 天）', React.createElement('span', null, '今日 ', React.createElement('span', { style: { color: fpToday.rate !== null ? C.brand : C.text2, fontWeight: 600 } }, fpToday.rate !== null ? mpPct(fpToday.rate) : '—')), '一次通过率 = 当天落定「已完成」任务里零驳回（rejectCount=0）的占比；驳回 = Verifier 验收判 reject'),
         fpHas ? qtDayBars(fpCells, C.ok, todayKey)
           : React.createElement('div', { style: { fontSize: 10, color: C.text2 } }, '近 14 天窗口内暂无 resolved 任务落定'))
@@ -2134,7 +2199,7 @@ function apply(ctx) {
       })
       var toHas = false; toCells.forEach(function (c) { if (c.rate !== null) toHas = true })
       var toToday = toCells[toCells.length - 1]
-      var block3 = React.createElement('div', { style: { flex: '1 1 260px', minWidth: 230 } },
+      var block3 = React.createElement('div', { style: { flex: '1 1 260px', minWidth: 230, overflow: 'hidden' } },
         blockHead('超时率走势（近 14 天）', React.createElement('span', null, '今日 ', React.createElement('span', { style: { color: toToday.rate !== null ? C.warn : C.text2, fontWeight: 600 } }, toToday.rate !== null ? mpPct(toToday.rate) : '—')), '超时率 = 超时落定（timeout/error）的 run 占当天 run 的比例'),
         toHas ? qtDayBars(toCells, C.warn, todayKey)
           : React.createElement('div', { style: { fontSize: 10, color: C.text2 } }, '近 14 天窗口内暂无 run 落定'))
@@ -2227,6 +2292,73 @@ function apply(ctx) {
         }))
     }
 
+    // ===== 存储清理区（已结算会话清理，task-mv2131cz）：数据源 host 端 cleanup-preview / cleanup-run =====
+    // preview 纯读盘零副作用；run 需 confirm:true 二次确认（删除不可恢复，token 账已入卡不受影响）。
+    // 可删判定口径在 host lib/cleanup.mjs：卡龄主闸（卡归档满 cleanupRetentionDays 天）+ 三底闸（落定/不活跃/路径安全）。
+    function fmtBytes(n) {
+      var v = Number(n) || 0
+      if (v >= 1073741824) return (v / 1073741824).toFixed(1) + ' GB'
+      if (v >= 1048576) return (v / 1048576).toFixed(v >= 10485760 ? 0 : 1) + ' MB'
+      if (v >= 1024) return (v / 1024).toFixed(v >= 10240 ? 0 : 1) + ' KB'
+      return String(v) + ' B'
+    }
+    function StorageCleanup() {
+      var _R = React; var useState = _R.useState
+      var _p = useState(null), prev = _p[0], setPrev = _p[1]
+      var _o = useState(false), open = _o[0], setOpen = _o[1]
+      var _r = useState(null), report = _r[0], setReport = _r[1]
+      var _m = useState(''), msg = _m[0], setMsg = _m[1]
+      var _b = useState(false), busy = _b[0], setBusy = _b[1]
+      var _c = useState(false), confirmOn = _c[0], setConfirmOn = _c[1]
+      function preview() {
+        setBusy(true); setMsg('')
+        rpc('cleanup-preview').then(function (r) {
+          if (r && r.ok) { setPrev(r); setReport(null); setConfirmOn(false) } else { setMsg((r && r.error) || '预览失败') }
+          setBusy(false)
+        }).catch(function (e) { setMsg('预览失败: ' + (e && e.message || e)); setBusy(false) })
+      }
+      function runClean() {
+        setBusy(true); setMsg('')
+        rpc('cleanup-run', { confirm: true }).then(function (r) {
+          setReport(r); setPrev(null); setConfirmOn(false); setBusy(false)
+          if (r && r.ok) { if (typeof fetchTasks === 'function') fetchTasks() } else { setMsg((r && r.error) || '清理失败') }
+        }).catch(function (e) { setMsg('清理失败: ' + (e && e.message || e)); setBusy(false) })
+      }
+      var box = { padding: '8px 10px', background: C.card, border: '1px solid ' + C.border, borderRadius: 6, marginBottom: 12 }
+      var head = React.createElement('div', { style: { fontSize: 11, fontWeight: 600, color: C.text2, marginBottom: 6, display: 'flex', alignItems: 'center', gap: 4 } }, ic('trash-2', 11), '存储清理')
+      var btn = { fontSize: 10, padding: '2px 10px', border: '1px solid ' + C.border, borderRadius: 5, background: C.card, color: C.text, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 4 }
+      var dangerBtn = { fontSize: 10, padding: '2px 10px', border: '1px solid ' + C.err, borderRadius: 5, background: C.card, color: C.err, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 4 }
+      function skippedLine(s, i) {
+        return React.createElement('div', { key: 'sk' + i, style: { fontSize: 9, color: C.text2, marginBottom: 2 } },
+          React.createElement('span', { style: { color: C.warn } }, '⏭ '), String(s.id || '').slice(0, 14) + '…：' + (s.text || s.reason || ''))
+      }
+      return React.createElement('div', { style: box },
+        head,
+        React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' } },
+          React.createElement('button', { onClick: preview, disabled: busy, style: btn, title: '扫描本看板归档超过保留天数的卡片的会话，估算可释放空间（只读不删）' }, ic('refresh-cw', 11), busy ? '扫描中…' : '预览可清理会话'),
+          prev ? React.createElement('span', { style: { fontSize: 10, color: C.text } }, prev.total > 0 ? ('可删 ' + prev.total + ' 个会话 · 约 ' + fmtBytes(prev.totalBytes)) : '无可删会话') : null,
+          prev && prev.total > 0 ? React.createElement('button', { onClick: function () { setOpen(!open); setConfirmOn(false) }, style: btn }, ic(open ? 'chevron-up' : 'chevron-down', 10), open ? '收起明细' : '展开明细') : null,
+          prev && prev.total > 0 ? (confirmOn ? React.createElement('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+              React.createElement('button', { onClick: runClean, disabled: busy, style: dangerBtn, title: '确认删除不可恢复；token 账已入卡不受影响' }, ic('check', 11), '确认清理（不可恢复）'),
+              React.createElement('button', { onClick: function () { setConfirmOn(false) }, style: btn }, '取消'))
+            : React.createElement('button', { onClick: function () { setConfirmOn(true) }, disabled: busy, style: btn, title: '删除不可恢复；token 账已入卡不受影响' }, ic('trash-2', 11), '清理')) : null),
+        msg ? React.createElement('div', { style: { fontSize: 9, color: C.err, marginTop: 4 } }, msg) : null,
+        report && report.ok ? React.createElement('div', { style: { fontSize: 10, color: C.text, marginTop: 5 } },
+          '✅ 已释放约 ' + fmtBytes(report.freedBytes) + '（删除 ' + report.deleted + ' 个会话' + ((report.skipped && report.skipped.length) ? ' · 跳过 ' + report.skipped.length + ' 个' : '') + '）') : null,
+        report && report.ok && report.skipped && report.skipped.length ? React.createElement('div', { style: { marginTop: 4 } }, report.skipped.map(skippedLine)) : null,
+        open && prev && prev.total > 0 ? React.createElement('div', { style: { marginTop: 6, borderTop: '1px solid ' + C.nested, paddingTop: 5 } },
+          React.createElement('div', { style: { fontSize: 9, color: C.text2, marginBottom: 4 } }, '可删会话（会话目录 + projcache 缓存一并删除）'),
+          (prev.byTask || []).map(function (b) {
+            return React.createElement('div', { key: b.taskId, style: { marginBottom: 3, fontSize: 9, color: C.text2 } },
+              React.createElement('span', { style: { color: C.brand } }, shortId(b.title)), '：' + b.count + ' 个 · 约 ' + fmtBytes(b.bytes))
+          }),
+          React.createElement('div', { style: { fontSize: 9, color: C.text2, marginTop: 2 } }, '数据来源：本看板 runs[] 里所属卡已归档超过 ' + (state.cleanupRetentionDays || 7) + ' 天、且 outcome 已落定并已不活跃的 Worker/Verifier 会话；token 账早已记入卡片，删除不影响任何统计。')
+        ) : null,
+        prev && prev.total === 0 && prev.skipped && prev.skipped.length ? React.createElement('div', { style: { marginTop: 5 } },
+          React.createElement('div', { style: { fontSize: 9, color: C.text2, marginBottom: 3 } }, '无符合条件可删的会话（跳过项）'),
+          prev.skipped.slice(0, 8).map(skippedLine)) : null)
+    }
+
     function Dashboard() {
       var stats = computeStats(state.tasks); var statusOrder = ['pending', 'in-progress', 'verifying', 'resolved', 'blocked', 'archived']; var prioOrder = ['critical', 'high', 'medium', 'low']
       return React.createElement('div', null,
@@ -2234,6 +2366,7 @@ function apply(ctx) {
         React.createElement(GlobalBoards),
         React.createElement('div', { style: { display: 'flex', gap: 6, marginBottom: 12, flexWrap: 'wrap' } }, React.createElement(StatCard, { label: '总任务', value: stats.total, color: C.text }), React.createElement(StatCard, { label: '待办', value: stats.byStatus['pending'] || 0, color: C.text2 }), React.createElement(StatCard, { label: '进行中', value: stats.byStatus['in-progress'] || 0, color: C.brand }), React.createElement(StatCard, { label: '验证中', value: stats.byStatus['verifying'] || 0, color: C.warn }), React.createElement(StatCard, { label: '已完成', value: stats.byStatus['resolved'] || 0, color: C.ok }), React.createElement(StatCard, { label: '已归档', value: stats.byStatus['archived'] || 0, color: C.text2 })),
         React.createElement(HealthHints),
+        React.createElement(StorageCleanup),
         React.createElement(TokenUsage, { usage: state.usageSummary }),
         // 模型表现区（卡3）：Token 区正下方；scoreboard 随 usageSummary 同通道透传（老 host 缺字段 → null → 空态）
         React.createElement(ModelPerf, { sb: (state.usageSummary && state.usageSummary.scoreboard) || null }),
@@ -2297,6 +2430,30 @@ function apply(ctx) {
         React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, '分'),
         dirty ? React.createElement('button', { onClick: function () { commit(val) }, title: '应用', style: { fontSize: 9, padding: '0px 5px', border: 'none', borderRadius: 2, background: C.brand, color: C_INV, cursor: 'pointer', lineHeight: '14px', fontWeight: 600, display: 'inline-flex', alignItems: 'center' } }, ic('check', 9)) : null)
     }
+    // 清理保留天数输入（卡龄主闸设置项 cleanupRetentionDays，1~90 天）：与 MinCfg 同款受控输入 + 失焦/回车提交，
+    // 越界值直接回弹到服务端权威值（不留脏态），成功走 set-board-config → fetchTasks 由服务端权威值纠偏。
+    function RetentionCfg(props) {
+      var _R = React; var useState = _R.useState, useEffect = _R.useEffect
+      var _a = useState(String(props.value)), val = _a[0], setVal = _a[1]
+      var _b = useState(false), dirty = _b[0], setDirty = _b[1]
+      useEffect(function () { setVal(String(props.value)); setDirty(false) }, [props.value])
+      function commit(v) {
+        var n = parseInt(v, 10)
+        if (isNaN(n) || n < 1 || n > 90) { setVal(String(props.value)); setDirty(false); return }
+        setVal(String(n)); setDirty(false); rpc('set-board-config', { key: 'cleanupRetentionDays', value: n }).then(fetchTasks).catch(function () {})
+      }
+      return React.createElement('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 3, fontSize: 9, color: C.text2 } },
+        props.label,
+        React.createElement('input', {
+          value: val, title: props.tip || ('1 ~ 90 天，默认 7'),
+          onChange: function (e) { setVal(e.target.value); setDirty(e.target.value !== String(props.value)) },
+          onBlur: function () { if (dirty) commit(val) },
+          onKeyDown: function (e) { if (e.key === 'Enter') commit(val) },
+          style: { width: 38, padding: '0px 3px', fontSize: 9, textAlign: 'center', border: '1px solid ' + (dirty ? C.brand : C.border2), borderRadius: 2, background: C.card, color: C.text }
+        }),
+        React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, '天'),
+        dirty ? React.createElement('button', { onClick: function () { commit(val) }, title: '应用', style: { fontSize: 9, padding: '0px 5px', border: 'none', borderRadius: 2, background: C.brand, color: C_INV, cursor: 'pointer', lineHeight: '14px', fontWeight: 600, display: 'inline-flex', alignItems: 'center' } }, ic('check', 9)) : null)
+    }
 
     function PoolStatus() {
       var ps = state.poolStatus
@@ -2340,6 +2497,23 @@ function apply(ctx) {
         dirty ? React.createElement('button', { onClick: save, title: '应用', style: { fontSize: 9, padding: '0px 5px', border: 'none', borderRadius: 2, background: C.brand, color: C_INV, cursor: 'pointer', lineHeight: '14px', fontWeight: 600, display: 'inline-flex', alignItems: 'center' } }, ic('check', 9)) : null)
     }
 
+    // 界面缩放档位选择（task-mv58e01j，用户反馈「字体整体偏小」）：90/100/110/125/150% 五档下拉。
+    // 纯客户端偏好——不走 set-board-config（host 不管 UI 偏好）：选中即 localStorage.setItem 持久化
+    // + state.uiZoom + notify，TopPanel 根容器 zoom 订阅即时生效；非法档位（脏值）不采纳。
+    function ZoomCfg() {
+      var cur = state.uiZoom || 1
+      function pick(v) {
+        var n = parseFloat(v)
+        if (UI_ZOOM_LEVELS.indexOf(n) < 0) return
+        state.uiZoom = n
+        try { localStorage.setItem(UI_ZOOM_KEY, String(n)) } catch (_) {}
+        notify()
+      }
+      return React.createElement('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 3, fontSize: 9, color: C.text2 } }, '界面缩放',
+        React.createElement('select', { value: String(cur), onChange: function (e) { pick(e.target.value) }, title: '界面缩放：等比放大/缩小面板内字体、图标与间距（选中即时生效，本地记忆）', style: { padding: '0px 4px', fontSize: 9, border: '1px solid ' + C.border, borderRadius: 2, background: C.card, color: C.text } },
+          UI_ZOOM_LEVELS.map(function (z) { return React.createElement('option', { key: String(z), value: String(z) }, Math.round(z * 100) + '%' + (z === 1 ? '（默认）' : '')) })))
+    }
+
     function PoolCfgPopover(props) {
       var _R = React; var useState = _R.useState, useEffect = _R.useEffect, useRef = _R.useRef
       var _a = useState(false), open = _a[0], setOpen = _a[1]
@@ -2363,12 +2537,16 @@ function apply(ctx) {
         // position:fixed + 视口坐标：面板容器是 overflow:hidden + maxHeight:60vh，
         // absolute 弹窗在面板内容短时会被裁掉下半截（超时配置行曾被整个裁掉）。
         // fixed 脱离任何祖先裁剪（面板无 transform/filter，不会形成包含块）。
-        if (!open && btnRef.current) { var r = btnRef.current.getBoundingClientRect(); setPos({ top: r.bottom + 4, right: Math.max(8, window.innerWidth - r.right) }) }
+        // 界面缩放补偿（task-mv58e01j）：根容器挂了 CSS zoom 后，getBoundingClientRect 返回缩放后的
+        // 可视坐标，而 fixed 弹层在 zoom 子树内 top/right/maxHeight 会再被缩一次 → 各项除以档位还原成
+        // CSS px，弹层仍贴着按钮且不溢出视口底（zoom=1 时与旧行为逐字一致）。
+        var z = state.uiZoom || 1
+        if (!open && btnRef.current) { var r = btnRef.current.getBoundingClientRect(); setPos({ top: (r.bottom + 4) / z, right: Math.max(8, window.innerWidth - r.right) / z, maxH: Math.max(140, (window.innerHeight - r.bottom - 16) / z) }) }
         setOpen(!open)
       }
       return React.createElement('span', { ref: ref, style: { position: 'relative', display: 'inline-flex' } },
         React.createElement('button', { ref: btnRef, onClick: toggle, title: '池配置', style: { fontSize: 12, padding: '3px 8px', border: '1px solid ' + (open ? C.brand : C.border), borderRadius: 6, cursor: 'pointer', background: open ? C.nested : 'transparent', color: C.text2, display: 'inline-flex', alignItems: 'center' } }, ic('settings', 13)),
-        open && pos ? React.createElement('div', { style: { position: 'fixed', top: pos.top + 'px', right: pos.right + 'px', padding: '8px 10px', background: C.card, border: '1px solid ' + C.border, borderRadius: 8, boxShadow: '0 4px 16px rgba(0,0,0,0.15)', zIndex: 1000, whiteSpace: 'nowrap', maxHeight: 'calc(100vh - ' + (pos.top + 12) + 'px)', overflowY: 'auto' } },
+        open && pos ? React.createElement('div', { style: { position: 'fixed', top: pos.top + 'px', right: pos.right + 'px', padding: '8px 10px', background: C.card, border: '1px solid ' + C.border, borderRadius: 8, boxShadow: '0 4px 16px rgba(0,0,0,0.15)', zIndex: 1000, whiteSpace: 'nowrap', maxHeight: (pos.maxH || 300) + 'px', overflowY: 'auto' } },
           React.createElement('div', { style: { fontSize: 10, fontWeight: 600, color: C.text2, marginBottom: 5 } }, '并发上限（一次性派发，用完即销毁）'),
           React.createElement('div', { style: { display: 'flex', gap: 8, alignItems: 'center', marginBottom: 5 } },
             React.createElement(PoolCfg, { label: 'Worker 并发', cfgKey: 'maxWorkers', value: props.maxW }),
@@ -2412,7 +2590,19 @@ function apply(ctx) {
           React.createElement('label', { style: { display: 'flex', alignItems: 'center', gap: 5, fontSize: 10, color: C.text, cursor: 'pointer', whiteSpace: 'normal', maxWidth: 260 } },
             React.createElement('input', { type: 'checkbox', checked: props.epicSplit !== false, onChange: function (e) { setCfg('epicSplit', e.target.checked) } }),
             React.createElement('span', null, '🧩 史诗拆分：大任务引导拆为 epic + 子任务')),
-          React.createElement('div', { style: { fontSize: 9, color: C.text2, marginTop: 3, whiteSpace: 'normal', maxWidth: 260 } }, '关掉只停引导：显式 parentId 建子卡与史诗自动收口照常工作')) : null)
+          React.createElement('div', { style: { fontSize: 9, color: C.text2, marginTop: 3, whiteSpace: 'normal', maxWidth: 260 } }, '关掉只停引导：显式 parentId 建子卡与史诗自动收口照常工作'),
+          // 清理保留天数（卡龄主闸 cleanupRetentionDays，默认 7、可配 1-90）：回收与归档生命周期对齐——
+          // 卡片归档满该天数后，其会话才进入可清理池。仪表盘「存储清理」区文案读同一服务端权威值。
+          React.createElement('div', { style: { fontSize: 10, fontWeight: 600, color: C.text2, margin: '7px 0 5px' } }, '存储清理'),
+          React.createElement('div', { style: { display: 'flex', gap: 8, alignItems: 'center' } },
+            React.createElement(RetentionCfg, { label: '归档保留', value: props.retentionDays, tip: '卡片归档后多少天可被完全回收（1~90 天，默认 7）' }),
+            React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, '（归档满该天数后其会话可被清理回收）')),
+          // 界面缩放档位（task-mv58e01j）：设置弹层「界面」小节——五档下拉选中即 localStorage
+          // 持久化 + state.uiZoom + notify 即时生效（zoom 挂在 TopPanel 根容器，只影响本面板）。
+          React.createElement('div', { style: { fontSize: 10, fontWeight: 600, color: C.text2, margin: '7px 0 5px' } }, '界面'),
+          React.createElement('div', { style: { display: 'flex', gap: 8, alignItems: 'center' } },
+            React.createElement(ZoomCfg, null),
+            React.createElement('span', { style: { fontSize: 9, color: C.text2 } }, '（等比缩放面板字体/图标/间距，仅本面板生效并本地记忆）'))) : null)
     }
 
     function TeamView() {

package/lib/core.mjs

@@ -139,7 +139,11 @@ export function classifyPipeline(t) {
 export function cfg(d) {
   var soft = Math.max(1, Math.min(480, d.softTimeoutMin || 30))
   var hard = Math.max(soft, Math.min(1440, d.hardTimeoutMin || 120))
-  return { minWorkers: Math.max(0, Math.min(10, d.minWorkers || 1)), maxWorkers: Math.max(1, Math.min(10, d.maxWorkers || 3)), minVerifiers: Math.max(0, Math.min(5, d.minVerifiers || 0)), maxVerifiers: Math.max(0, Math.min(5, d.maxVerifiers || 2)), softTimeoutMin: soft, hardTimeoutMin: hard, feedbackEnabled: d.feedbackEnabled !== false, notifyDispatch: d.notifyDispatch !== false, notifyDone: d.notifyDone !== false, epicSplit: d.epicSplit !== false, workerContinuable: d.workerContinuable !== false, verifyUserGuide: d.verifyUserGuide !== false }
+  // 清理保留天数（卡龄主闸，默认 7 天）：读路径归一，缺字段/脏值=7，钳 1-90。
+  var crd = d.cleanupRetentionDays
+  if (typeof crd !== 'number' || !(crd >= 1)) crd = 7
+  crd = Math.max(1, Math.min(90, Math.round(crd)))
+  return { minWorkers: Math.max(0, Math.min(10, d.minWorkers || 1)), maxWorkers: Math.max(1, Math.min(10, d.maxWorkers || 3)), minVerifiers: Math.max(0, Math.min(5, d.minVerifiers || 0)), maxVerifiers: Math.max(0, Math.min(5, d.maxVerifiers || 2)), softTimeoutMin: soft, hardTimeoutMin: hard, cleanupRetentionDays: crd, feedbackEnabled: d.feedbackEnabled !== false, notifyDispatch: d.notifyDispatch !== false, notifyDone: d.notifyDone !== false, epicSplit: d.epicSplit !== false, workerContinuable: d.workerContinuable !== false, verifyUserGuide: d.verifyUserGuide !== false }
 }
 
 // ===== 看板数据目录（跨重启继承用）=====
@@ -156,7 +160,7 @@ export function boardHome() { return path.join(boardDirName(), '.dsh') }
 // ownerCwd（跨重启继承）：创建该看板的会话工作区路径，继承判定全靠它——取不到就省略字段
 // （绝不落空串，否则「路径读不到的多个会话」会被误判成同一工作区）。
 export function seed(sid, ownerCwd) {
-  var d = { version: 12, ownerSession: sid, boardMode: 'auto', teamMode: false, feedbackEnabled: true, notifyDispatch: true, notifyDone: true, epicSplit: true, workerContinuable: true, verifyUserGuide: true, minWorkers: 1, maxWorkers: 3, minVerifiers: 0, maxVerifiers: 2, workerModel: '', verifierModel: '', softTimeoutMin: 30, hardTimeoutMin: 120, poolStatus: { workers: [], verifiers: [] }, tasks: [] }
+  var d = { version: 12, ownerSession: sid, boardMode: 'auto', teamMode: false, feedbackEnabled: true, notifyDispatch: true, notifyDone: true, epicSplit: true, workerContinuable: true, verifyUserGuide: true, minWorkers: 1, maxWorkers: 3, minVerifiers: 0, maxVerifiers: 2, workerModel: '', verifierModel: '', softTimeoutMin: 30, hardTimeoutMin: 120, cleanupRetentionDays: 7, poolStatus: { workers: [], verifiers: [] }, tasks: [] }
   if (typeof ownerCwd === 'string' && ownerCwd) d.ownerCwd = ownerCwd
   return d
 }
@@ -178,6 +182,9 @@ export function normalizeBoard(d) {
     if (typeof d.epicSplit !== 'boolean') d.epicSplit = true
     if (typeof d.workerContinuable !== 'boolean') d.workerContinuable = true
     if (typeof d.verifyUserGuide !== 'boolean') d.verifyUserGuide = true
+    // 清理保留天数（卡龄主闸）：缺字段/脏值（非数或 <1）→ 7；合法值四舍五入并钳 1-90。
+    if (typeof d.cleanupRetentionDays !== 'number' || !(d.cleanupRetentionDays >= 1)) d.cleanupRetentionDays = 7
+    else d.cleanupRetentionDays = Math.max(1, Math.min(90, Math.round(d.cleanupRetentionDays)))
     if (Array.isArray(d.tasks)) {
       for (var i = 0; i < d.tasks.length; i++) {
         var t = d.tasks[i]
@@ -260,6 +267,27 @@ export function archiveApply(d, t, actor, note) {
   if (p) r.parentUpdated = true
   return r
 }
+// 取消落定（task_cancel 工具与 cancel-task RPC 共享，单一行为口径；门禁 cancelGate 留在
+// rpc.mjs——它只需判 status + claimedBy，无需 IO，与 archiveErr/deleteGate 同居「门禁在接线层、
+// 状态流转在 core」的分工）。置 cancelled + 记历史（actor + 理由 note 可选）。
+// spawn-pending 占位回退：claimedBy='spawn-pending' 是派发瞬时占位（无真实 run，spawn 尚在途），
+// 取消时与 spawn 失败回退同口径清认领位（claimedBy/claimedAt → null），不留死占位。
+// 取消不级联子卡（删除有「未归档子卡」门禁防悬空引用；取消只标记本卡，父卡不删，子卡 parentId
+// 仍指向有效卡）；但取消子卡同样触发父卡自动收口（isChildSettled 已计 cancelled）。
+export function cancelApply(d, t, actor, note) {
+  var ps = t.status
+  if (t.claimedBy) { t.claimedBy = null; t.claimedAt = null } // spawn-pending / 残留认领位回退
+  t.status = 'cancelled'
+  t.cancelledAt = new Date().toISOString()
+  t.resolvedAt = null
+  t.resolution = null
+  delete t.stuckSince
+  ah(t, ps, 'cancelled', actor, note || 'cancelled')
+  var r = { ok: true, task: t }
+  var p = maybeAutoCloseParent(d, t) // 取消路径同样触发父卡自动收口（isChildSettled 已计 cancelled）
+  if (p) r.parentUpdated = true
+  return r
+}
 
 // ===== 史诗 hooks=agent run（宿主生命周期接线）=====
 // 定位：hook 点 = 一次**真实 agent 运行**（不是声明式命令、不走 shell），挂在 epic 卡上、