任务中心 v2 — Tasks × Pipeline 合并静态稿

Tasks 抽屉(逐行明细 + 未读 + 验收信息)与 Pipeline 抽屉(三列看板概览)合并为一个「任务中心」。 看板承担概览层,点卡片 drill-in 到详情层(原 Tasks 行展开的全部信息 + 验收动作)。 卡片密度参考飞书项目(Meego)开片:标题 > 标签行 > 底部元信息,克制底色 + 语义徽章。 全部样式引用 design/tokens.css

/ 任务中心_design_round1 Worker: online
/ 任务中心_design_round1 Worker: online

Tasks(列表图标 + 红点)与 Pipeline(竖条图标)两个入口合并为一个看板图标; 未读红点整体迁移到任务中心入口(语义不变:终态且未读的 run 才计数)。Worker 健康 chip 与 Agents、Settings 保持原位。

/ 任务中心_design_round1 Worker: online
把 Tasks 和 Pipeline 两个抽屉合并成任务中心
(会话主区照旧 —— 抽屉打开时被 scrim 压暗)

任务中心

2 待排期 · 2 进行中 · 4 已完成 · 2 未读
待排期2
飞书Connector_round2_消息归档到多维表格
Dev Agentqueued
Codex CLI·10:12
Session管理_round2_归档与搜索
Dev Agentwaiting worker
Claude Code·10:30
进行中2
任务中心_dev_round1_看板与详情落地
Dev AgentQA Agent
Edit apps/web/index.html · 62%
Claude Code·mac-worker·12:40
数据保留_round2_自动清理策略与手动触发入口,超长标题两行截断示例超长超长超长
Dev Agentwaiting approval
Bash npm run cc:qa · 45%
Codex CLI·mac-worker·12:28
已完成4
多Agent协作框架_round2_任务流水线视图
Dev AgentQA Agent待验收
Claude Code·11:58
对齐Warp体验_round8_原生时间线
Dev Agentfailed待验收
Claude Code·11:20
Session管理_round1_删除与路径
Dev Agentblocked
Codex CLI·昨天
飞书Connector_round1_文档归档
Dev AgentQA Agent+2accepted
Codex CLI·昨天

双轨呈现:列(待排期/进行中/已完成)由 stage 决定; 验收(accepted / blocked / 待验收)是第二轨徽章,只出现在已完成列,永不并入列分组。 进行中卡 = 进度条 + 最新活动一行;待排期卡 = 状态 pill(queued / waiting worker); 已完成卡默认不重复 completed pill,仅异常终态(failed / cancelled)保留状态 pill。 未读卡 = brand-soft 淡底 + 标题后红点;agent 徽章同行超过 3 个折叠为 +N。列头带计数,空列显示「无任务」。

多Agent协作框架_round2_任务流水线视图 completed 待验收
Runrun_47c969c5d6e6
Agentsdev-agent · qa-agent
Runnerclaude-code
Workermac-worker
Projectpersonal-workbench
Updated2026-07-14 11:58

Changed files · 3

Mapps/web/index.html
Ascripts/cc-test-task-pipeline.mjs
Mservices/orchestrator/server.mjs

Diff stat

apps/web/index.html | 214 +++++++---
- <button id="btn-pipeline">
+ <button id="btn-task-center">
+ <span class="unread-dot" hidden></span>

Tests

PASS 24/24cc:test:task-pipeline · cc:qa:agent

最新活动 · 8

Read registry/agents— ok
Edit apps/web/index.html— +180 −34
Bash npm run cc:qa— pass
Bash npm run cc:verify— pass

Final

已完成任务流水线视图:三列 stage 看板挂在 #btn-pipeline 抽屉内, review 双轨徽章只在 done 列渲染;cc:test:task-pipeline 全绿。
Open session ›

点卡片 → 抽屉内 drill-in 到详情(880px 全宽可读 diff),「‹ 看板」返回,Escape 逐级退出。 详情覆盖原 Tasks 行展开的全部信息:run 元信息(mono)、changed files(M/A/D 三色徽章)、diff、tests、 最新活动(8 条)、final 摘要。底部动作行 = 会话主区验收动作的镜像(Accept 唯一主按钮,brand 预算之一), 「Open session」跳回会话主区并关闭抽屉。运行中任务的详情:动作行仅 Open session,final 区显示进度条 + 最新事件。

合并 Tasks 和 Pipeline 抽屉
任务中心
进行中2
任务中心_dev_round1_看板与详情落地
Dev AgentQA Agent
Claude Code·12:40
数据保留_round2_自动清理策略
Dev Agentwaiting approval
Codex CLI·12:28
待排期2
飞书Connector_round2_消息归档到多维表格
Dev Agentqueued
Codex CLI·10:12
合并 Tasks 和 Pipeline 抽屉
多Agent协作框架_round2 待验收
Runrun_47c969c5d6e6
Runnerclaude-code
Agentsdev · qa
Updated11:58

Changed files · 3

Mapps/web/index.html
Ascripts/cc-test-task-pipeline.mjs
Mservices/orchestrator/server.mjs

Tests

PASS 24/24

Final

已完成任务流水线视图:三列 stage 看板 + review 双轨徽章,QA 全绿。

≤640px 抽屉整体改为底部 sheet(顶角 20px + 抓手 + 最大高 85vh + safe-area 垫底)。 看板转纵向分组,顺序按监督优先级:进行中 → 待排期 → 已完成;分组头 44px 可点折叠(▾/▸ + 计数)。 diff 与最新活动在手机上折叠收起(监督视图不做代码审查),验收三键 44px 进拇指区: Accept / Mark blocked / Open session(Retry、Follow up 收进详情内菜单)。下滑抓手 / 点 scrim 关闭。