Workbench 设计方向 v4 — Agent 为中心（迭代 2 · 2026-07-18）

Desktop · Agent 为中心主界面（运行中态 · 点左上 ☰ 可收起左栏）

左栏两个平级分区：① 「Agent」区 = 角色分组（Workspace → Agent → thread），每个角色一个专属 accent 色（TL 紫 / DV 青 / DS 玫 / PR 琥珀 / QA 绿，来自新增 --role-* token），accent 只落在 monogram 头像 + 选中组名 + active thread，不铺满；② 「对话」区 = 普通网页聊天（web-chat-agent），独立平铺、带相对时间、不进工程看板、无角色分组。左上角 ☰ 收起左栏后对话区变主角（本预览按钮可点）。中间主区顶部仍是 Agent 身份头（名字 + runner + 职责 + 允许/禁止边界，头像用角色色），右侧 context 面板只读。运行态圆点/进度保持 brand（系统级信号），与角色识别色分工。

Desktop · 「对话」区空态（web-chat · 对齐参考截图的居中 hero）

「对话」区被选中时，主区是居中大标题 + 大输入框（“随心输入”）+ 模型/runner 选择 + 底部当前上下文 chip——观感对齐参考截图，但配色全用我们自己的 token（浅色克制、非截图淡绿）。它没有 Agent 身份头（普通聊天无角色边界），以此和 Agent 会话在视觉上区分开。此稿左栏收起了右侧 context 面板（对话区无 run 时不必占位），演示两栏形态。偏离标注：hero 标题 22px 略超现有 type scale 上限（17px），作为空态 display 例外；若认可可在 tokens 增补一档 --fs-display（见 notes 开放问题）。

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

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

H5 · 会话优先（进入先对话框，左上按钮呼出花名册）

H5 会话优先：① 进入即对话框（手机1），顶部 header 左上角是 ☰ 花名册按钮（红点=有更新），右侧 worker chip，正文是折叠优先时间线 + 胶囊吸底 composer（safe-area 垫底）；② 点 ☰ 呼出花名册（手机2）为整屏两分区：「Agent」区（角色分组行 ≥44px + 每组「＋」，头像用角色专属色）与置底的 「对话」区（普通聊天，平铺带相对时间）；③ 任务改底部 sheet（抓手 / 85vh / 角色色徽章 + 进度）。运行圆点保持 brand。