Tasks 抽屉(逐行明细 + 未读 + 验收信息)与 Pipeline 抽屉(三列看板概览)合并为一个「任务中心」。
看板承担概览层,点卡片 drill-in 到详情层(原 Tasks 行展开的全部信息 + 验收动作)。
卡片密度参考飞书项目(Meego)开片:标题 > 标签行 > 底部元信息,克制底色 + 语义徽章。
全部样式引用 design/tokens.css。
① Header 入口收敛 · 未读红点归属
Tasks(列表图标 + 红点)与 Pipeline(竖条图标)两个入口合并为一个看板图标; 未读红点整体迁移到任务中心入口(语义不变:终态且未读的 run 才计数)。Worker 健康 chip 与 Agents、Settings 保持原位。
② Desktop · 任务中心抽屉 — 看板态(880px)
双轨呈现:列(待排期/进行中/已完成)由 stage 决定; 验收(accepted / blocked / 待验收)是第二轨徽章,只出现在已完成列,永不并入列分组。 进行中卡 = 进度条 + 最新活动一行;待排期卡 = 状态 pill(queued / waiting worker); 已完成卡默认不重复 completed pill,仅异常终态(failed / cancelled)保留状态 pill。 未读卡 = brand-soft 淡底 + 标题后红点;agent 徽章同行超过 3 个折叠为 +N。列头带计数,空列显示「无任务」。
③ Desktop · 详情态(点卡片 drill-in,同一抽屉内)
Changed files · 3
Diff stat
Tests
最新活动 · 8
Final
#btn-pipeline 抽屉内,
review 双轨徽章只在 done 列渲染;cc:test:task-pipeline 全绿。
点卡片 → 抽屉内 drill-in 到详情(880px 全宽可读 diff),「‹ 看板」返回,Escape 逐级退出。 详情覆盖原 Tasks 行展开的全部信息:run 元信息(mono)、changed files(M/A/D 三色徽章)、diff、tests、 最新活动(8 条)、final 摘要。底部动作行 = 会话主区验收动作的镜像(Accept 唯一主按钮,brand 预算之一), 「Open session」跳回会话主区并关闭抽屉。运行中任务的详情:动作行仅 Open session,final 区显示进度条 + 最新事件。
④ H5 · 底部 Sheet — 纵向分组 & 详情态(375px)
Changed files · 3
Tests
Final
≤640px 抽屉整体改为底部 sheet(顶角 20px + 抓手 + 最大高 85vh + safe-area 垫底)。 看板转纵向分组,顺序按监督优先级:进行中 → 待排期 → 已完成;分组头 44px 可点折叠(▾/▸ + 计数)。 diff 与最新活动在手机上折叠收起(监督视图不做代码审查),验收三键 44px 进拇指区: Accept / Mark blocked / Open session(Retry、Follow up 收进详情内菜单)。下滑抓手 / 点 scrim 关闭。