事项卡 × 项目看板 · 可点稿

设计真源 docs/92 + 用户 2026-08-17 五步流程更正 · 数据模型 docs/90 · 对接点 apps/web/index.html:2880-2889 · 视觉 design/DESIGN.md v2 + tokens.micro.css

rev2 更正:「不要确认控件」是指不要在对话框里做确认卡 —— confirm 在大卡片上点;对话里只留一个入口,卡片本体是点开后的一整屏。(docs/92 第〇节目前只记了两条纠正、无第 4 条五步流程,本稿按你本轮原话做,那节待补。)

屏 1 · 对话框里的入口 —— 对话里不铺开卡的内容

我希望我们 workbench,UI 可以更好看,看到一个这样的网站 https://www.aicss.dev/ 怎么样可以把它作为我们自己的组件库,作为 1:1 还原。
GM

拆四条战线:组件库对齐 14 组件 / 对话流拉平 / Micro 全站换肤 / 引擎锁加固。做到哪一档?

可以从 P0-P2 做完。上游当种子,长成自己的——早期 MVP 够用。
GM

信息齐全,已生成卡片:分配计划 5 个角色、session 计划 4 条(2 条复用 / 1 条强制同条 / 1 条新建)都在卡上,你点开 confirm。

样式 A · 文字链接
样式 B · 主按钮 draft · 待你 confirm

两种任选其一(实现时只留一种):A 更轻、不抢回答的戏;B 在长对话里更找得到,且是本条回答里唯一的动作(DESIGN.md §7.1 每条回答 1 个主按钮)。

这一屏的全部重点:对话里只有一个入口,没有字段、没有确认卡、没有分配计划预览——卡的内容一律在点开之后。

屏 2 · 大卡片 —— 被 confirm 的那个对象(整屏,不是抽屉)

屏 3 · confirm 之后 —— 排期卡落到看板(上一版的看板原样保留)

会话主区(被遮罩)· 抽屉从右侧覆盖,宽 min(880px, 100vw),与今天一致
任务中心 卡 2 · 子事项 12 · 无合约 run 98
建卡不在这里:你在对话里说一句「建卡」,卡就出现在列里 →

confirm 前后卡上不一样:confirm 之前只有名字与背景、分配计划、session 计划三块——战线是「计划 4 条」、子事项 0、产出空、等我做只有一项 confirm;confirm 之后战线才开线、子事项与产出才由派活与 run 自动挂上。诚实说明:这张卡的 12 个已终态子事项与 5 条已定决策是真实历史,本稿把它们接在 confirm 之后一次显示;真实世界里它们是 confirm 后一轮轮长出来的。

列怎么排 · 方案与理由:默认分组沿用现有三列 stage(门禁 cc:test:task-center 钉住 stage→列位置,不改),另加第四组「长期约定」放纯决策卡——它没有子事项也永不完成,塞进三列任一列都会说谎;分组依据可切「战线 / 等我做什么」,这是飞书原生能力,也顺手给出另两种排法的真实观感。

与 run/task 卡怎么共存:同一看板、不分 tab。有卡的 run 收进卡内(卡是唯一锚点),无卡的历史 run 单独一张灰卡常驻——docs/90 要求「让绕过在你眼前可见」;分 tab 会把「事项与执行断链」这个根因固化成两个视图。

演示层(稿子控件,不是产品控件)
你:…卡的样式要无缝对接项目看板。建卡吧。 GM:建好了 —— workbench_2:结论卡与看板对接(draft),入口在这条回答里,confirm 在卡片上点。
按钮只做「服务端会自动干的事」——卡上没有任何手写入口
自动追加日志:还没有事件。

生长:子事项、产出、时间线节点全是既有写路径的副作用(POST /cards/:id/dispatch 建 item + 建/复用 session + createRun 一次完成;worker collectPostRunSummary → artifact 落库写 outcome),GM 主动要做的只有吐一次卡——这是 docs/92 第三节的四类追加。

设计裁决与对飞书的三处必要偏离(每条一句)
列底色飞书「进行中」列是淡橙底 = pastel wash;产品区禁用(DESIGN.md §9 冲突 1/7)→ 改中性 --shell 列底 + 语义色 dot。
标题蓝飞书卡标题用蓝链接色;这里卡标题保持 --ink(与现有 .tc-card-title 同构,且 §3.2 brand ≤3 处)→ 蓝只给真链接(产出)与进行中列的 dot/进度条。
confirm 位置飞书详情底部那个蓝色主按钮位,在我们这里是大卡片底部的 confirm(rev2)——对话框里一个控件都不放,只放入口。详情抽屉底部那颗是「验收」,两者不是一件事:confirm 在派活之前,验收在活干完之后。
主按钮色飞书主按钮是蓝底;按 §3.2 我们的主按钮是 --ink 实底白字(Azure 白字实测 3.46:1 不达 AA)。confirm 与验收都是 --ink 实底。
大卡片 vs 抽屉confirm 前用整屏大卡片(要读分配计划与 session 计划,抽屉 548px 装不下 5+4 行可展开内容);confirm 后进看板,日常查看走抽屉里的详情面板。两态共用同一套字段行样式。
字段图标飞书按字段类型给彩色图标;这里 7 种类型 > marker 同屏上限 3 → 全部并入中性 --ink-3,靠形状区分(§3.5)。
详情宽度飞书详情占半屏;抽屉 880px 下取 548px 覆盖,左侧仍露出一列保持上下文;≤640px 退回全宽 drill-in(与现有抽屉行为一致)。
六态docs/90 说卡有六态但未在真源里逐个命名,且 docs/92 〇.1 作废了 draft/确认 → 本稿只用能确证的 active / 已完成,其余态位标「态名未定」不自编。