Workbench 设计方向 v1 — 静态预览

四级表面阶梯（外框 → 画布 → 卡片 → 浮层）· 克制蓝 accent · system-ui + 等宽双栈 · 4px 网格。切换系统深色模式可看暗色版（同一套 token）。

桌面主界面H5 会话H5 底部任务 sheetToken 速览

Desktop · 会话主界面

/ 多Agent协作框架 mac-worker · online
给 Tasks 抽屉加一个未读红点，读过之后清掉
思考中 · 214 字

用户要的是抽屉按钮上的未读指示。orchestrator 已有 read_at 字段，前端在 buildTaskView 里能拿到 unread 布尔值，所以只需要在 header 按钮上渲染红点，并在抽屉打开时调 /tasks/read……

●Readapps/web/index.html
└ Read 240 lines
●Updateapps/web/index.html
└ Added 4 lines
- <button id="btn-tasks" class="icon-btn">
+ <button id="btn-tasks" class="icon-btn" data-unread="0">
+ <span class="unread-dot" hidden></span>
●Bashnpm run cc:test:tasks-drawer
└ all checks passed
Ran 3 shell commands · Edited 2 files

已完成：Tasks 抽屉未读红点

在 #btn-tasks 上加了未读指示：有终态未读任务时显示红点，打开抽屉即调 POST /tasks/read 清除。

  • 红点随 /tasks 轮询自动更新
  • 刷新页面后状态保持（服务端 read_at 持久化）
Changed files
Mapps/web/index.html
Ascripts/cc-test-unread-dot.mjs
QA
PASS 24/24cc:qa:agent · 生产 marker 全在

层次权重：会话内容（白卡+阴影）最高 → 过程时间线次级（灰阶内嵌）→ chrome（header/侧栏同色退后）。侧栏显示 session 挂载路径（等宽小字）。

H5 · 监督视图 & 底部任务 Sheet

多Agent协作框架_round1a online
给 Tasks 抽屉加一个未读红点
思考中 · 214 字
●Updateindex.html
└ Added 4 lines
●Bashnpm run cc:qa
└ all checks passed

已完成：未读红点 + 打开即清。

PASS 24/24
多Agent协作框架_round1a
给 Tasks 抽屉加一个未读红点
任务
多Agent协作框架_round2_任务流水线视图
Dev Agentrunning · 62%
对齐Warp对话体验_round8_原生时间线
Dev AgentQA Agent待验收
飞书Connector_round1_文档归档
Dev Agentqueued

左：吸底 composer（40px 触控）+ 折叠优先的时间线，验收按钮在拇指区。右：任务抽屉改为底部 sheet（抓手 + 卡片 + agent 徽章 + 进度），不再是桌面右滑抽屉的压缩版。

Token 速览

--shell 外框
--canvas 画布
--surface 卡片
--brand 255°
--ok
--warn
--danger
17 · 页面标题 — 多Agent协作框架 15 · 区块标题 / 移动端正文 — 任务流水线 14 · 桌面正文 — 会话内容与最终回答，中文行高 1.6 保证混排呼吸感 13 · 次级信息 — 过程时间线、时间戳、说明文字 12 · Label — SECTION HEADER mono 12.5 · scripts/cc-qa-agent.mjs · run_47c969c5d6e6 · +4 −1