Workbench 设计方向 v4 — Agent 为中心

延续 v1 视觉语言（四级表面阶梯 · 克制蓝 accent · system-ui + 等宽双栈 · 4px 网格 · 同一套 tokens.css），把交互模型从「session 列表」掉头为 三层花名册（Workspace → Agent → Session）+ 以 Agent 为中心的主区 + 右侧 context 面板。切换系统深色模式可看暗色版。

桌面 · 三栏 Agent 身份头 状态覆盖 6 态 H5 花名册 + 会话

Desktop · Agent 为中心主界面（运行中态）

/ 默认工作区 / Tech Lead Agent mac-worker · online
TL
Tech Lead Agent claude-code

负责轮次规划与派发：把选定方案拆成 round、起草 round 契约、在物理约束下决定串行/并行派发，复核 run 报告与 QA 结论。

可 dispatch runs docs / registry 不写产品码 不标用户验收
这轮把「身份注入」拆成可派发的 dev round，先给我 round 契约草案。
思考中 · 186 字

身份注入涉及 buildSessionPrompt（orchestrator）与 context-pack（worker）两个注入点，两 runner 同经 buildPromptFromPack，需保证契约块作为前缀增量、不改原 header/history 逻辑。先读 server.mjs 相关行确认注入位置……

●Readservices/orchestrator/server.mjs
└ buildSessionPrompt :481–547
●Readworkers/mac-worker/context-pack.mjs
└ briefLines :25–38
●Writedocs/63-identity-injection-round.md
Read 2 files · 起草契约中
running 46% · 起草 round 契约
docs/61-agent-centric.md ✕

三栏：① 左侧三层花名册 Workspace→Agent（角色分组，registry 展示名 + 双字母 monogram，非 emoji）→ Session；每组「＋」= 直接对该 agent 开新对话；chat-agent 与未知角色落「通用 / 未归类」虚线槽，排最后、视觉弱化。② 中间主区顶部是 Agent 身份头（名字 + runner + 职责一句 + 允许/禁止边界 chip），下面才是对话与过程时间线——「直接对话某角色」被显式呈现。③ 右侧 context 面板：workspace/project 只读徽标、当前 run 状态、referenced files、产物。accent 预算：选中态（brand-soft）+ 主发送键 + 运行圆点/进度，焦点环为可达性豁免的第三处。

Desktop · 主区状态覆盖（空 / 加载 / blocked / 完成 / 错误）

空态 · Empty
TL

还没有和 Tech Lead Agent 的对话

直接向他派活：拆 round、起草契约、决定串行/并行派发。他记得你们在这个工作区定过的事。

加载态 · Loading
加载对话历史…
受阻 · Blocked
完成 · Completed

已完成：身份注入 round 契约草案

拆成 2 个 dev round，注入点走 buildSessionPrompt + context-pack，两 runner 同通道。

产物
Adocs/63-identity-injection-round.md
草案就绪待你审阅后派 dev
错误 · Error
边界 · 未注册 / 停用角色

六态各有独立设计，不只画理想态（craft/state-coverage）：空态 = 一句标题 + 一句解释 + 一个主动作；加载 = 骨架 + 带文字 spinner（>10s 转确定性/取消，reduced-motion 去动画）；blocked = warn-soft 内嵌条 + 拍板动作，用 ◆ 图标 + 文字双通道；完成 = 回答卡 + PASS/就绪 pill，不放礼花；错误 = 发生了什么 + 原因 + 下一步 + 可复制 run id，输入保留。

H5 · 三层花名册 + Agent 会话（375px 监督视图）

花名册
默认工作区 · 6 个角色
默认工作区 切换 ▾
TLTech Lead Agent 3
三层花名册_技术契约复核
身份注入_round2 拆解
DVDevelopment Agent 2
花名册 UI_round1a 实现
DSDesign Agent 1
全新 HTML 设计_desktop+H5
— 通用 / 未归类2
‹ TL
Tech Lead Agent
三层花名册_技术契约复核
online
这轮把身份注入拆成可派发的 dev round
思考中 · 186 字
●Readserver.mjs
└ buildSessionPrompt
●Writedocs/63-…
running
‹ DV
Development Agent
花名册 UI_round1a 实现
花名册按 active_agent_id 分组

已完成：三层分组 + 未归类槽。

PASS 24/24
任务
身份注入_round2_契约注入 runner
Tech Leadrunning · 62%
花名册 UI_round1a_三层分组
DevQA待验收
产品调研：默认工作区
Product Researchqueued

手机是监督视图：① 花名册整屏化为三层导航（Workspace 切换条 → Agent 分组行 44px 触控 + 每组「＋」→ thread），不是桌面侧栏的压缩；② 点进即 Agent 会话，顶部 header 带 monogram + 角色名 + 当前 thread + worker chip，折叠优先的时间线 + 拇指区验收按钮（44px）+ 胶囊吸底 composer（safe-area 垫底）；③ 任务抽屉改底部 sheet（抓手 / 85vh / agent 徽章 + 进度）。