The native port is finished off with the readability work the earlier rounds left open, plus the cleanup of everything the shadcn era or the older canvas left behind. - Geometry: node height is now composed from named parts (chrome, two title lines, meta row) and per-node extras, so a teammate card that carries a task line no longer gets clipped by the old fixed 68px budget; the layout spec follows the new model and GRAPH_ROW_STRIDE stays exported for it. - Readability: row rhythm (28-32px), three ink levels for title/meta/owner, truncation with title hints, current-row and hover expressed as an accent bar plus a hover fill (no shadows), phase frames and edges back on the l1/l2 hairlines, control cluster uniformly 28px, drawer durations on tabular figures, kill action revealed on hover/focus without shifting the row, no horizontal overflow at 360px. - Task window: the markdown body is pulled onto the page scale (12px body, 12/13px headings, tightened list indent and paragraph spacing) while the shared MarkdownText/markdownTextProps contract is untouched. - Cleanup: dead stylesheet rules, unused TSX exports and helpers, stale comments that still described the retired Variant-D canvas, zero-reference i18n keys across the dictionaries, and the Tailwind/shadcn/Variant-D narrative in the design doc, AGENTS.md and the plugin guide (kept as one short "why it was rolled back" section). Verified here: typecheck and lint clean; 133 files / 1413 tests; build with no radix-ui or --tw- strings in lib/client.js (988.9 KiB); the 70-assertion real-browser contract at 70/70 with the 20 reference screenshots regenerated; mount e2e 7/7.
25 KiB
任务管理页重构:工作流图 + Agent Teams + 后台任务抽屉(v0.20 设计)
日期:2026-09-14 分支:feat/tasks-graph-workflow-teams
背景与目标
DSH 0.1.5-rc.2 引入两个新的可观测面:workflow(dsh-tool-workflow 的 run/agent 生命周期事件)与 Agent Teams(实验层,ctx.agentTeams 的共享任务板)。任务管理页(原「子代理拓扑」)系统性地接纳两者,并按用户确认的「简洁后现代主义」方向重构为工作流图:分层节点 + 贝塞尔连线、拖拽平移、滚轮缩放、右下角控制条、已完成节点折叠聚合、点击浮窗取代页内 dock。
用户确认的关键交互决策(问答摘要):
- 数据范围 = 当前会话树(主代理 + 全部后代)。
- 节点点击 = 跳转转录;ⓘ = 详情浮窗。
- 后台任务输出 = 锚定浮窗(替换页内底部 dock)。
- 自动折叠只作用于后台任务抽屉,阈值 8 个代理;图节点的折叠是「已完成」语义的折叠聚合,点击展开、控制条可再折叠。
- 图/树切换按钮在两种模式下都可用(早期设计稿把 toggle 藏在画布容器内、树模式下无法切回——真实实现把控制条移出滚动面)。
- 默认视图由设置 select 决定(默认工作流图),页内切换为临时态。
- 任务板 v1 只做基础操作(完成/重开/删除/改派/新建/编辑,CAS)。
数据源事实(侦察结论)
Workflow
- 没有服务注册表 / 持久化 / HTTP 接口;只有调用方会话日志里的 4 个会话事件:
tool-workflow/run-start | agent-start | agent-end | run-end。 - 只有顶层 run 落事件(
exec.parent === undefined),嵌套 run 不可见——与官方dsh-client-ui-workflow-run面板折叠的恰好是同 4 类事件,因此插件折叠结果与官方面板一致。 - run 的 member agent 是普通子会话(catalog 里有行),
childId即子会话 id——图模式把它们重挂到 run 节点下;catalog 里没有的 member 用 run 自带数据合成占位节点。
Agent Teams(实验层)
- 只在
~/.dsh-web类 profile 的实验 bundle 里存在;ctx.get('agentTeams')缺席时返回undefined(不抛)——结构性降级的支点。 - TeamId ≡ lead SessionId;
tryMembership(agent)命中后remoteView(agent) → {members, tasks};remoteCreateTask/remoteUpdateTask(CAS,expectedRevision,冲突走team-task-conflictunion 返回而非抛错)。 - 成员上限 8、任务上限 256;teammate = lead 的可续接子会话(
member.id= 子会话 id,与拓扑树天然关联)。 ~/.dsh/task-board/ledger-v2.json与 Agent Teams 无关(名字误导,已核证)。- 官方团队面板是 read-mostly + 手动刷新——客户端 5s 轮询(仅页面可见时)不是过度设计。
Jobs
沿用既有:jobsBySession push 镜像 + jobs.output 事件回放(不碰模型游标)+ 两击终止。
架构
host 半(src/)
workflow-runs.ts 纯折叠 foldWorkflowRuns(events, originSessionId) → WorkflowRunView[]
workflow-routes.ts workflows.list:树枚举 + 存储日志与 live 镜像按 seq 去重合并
team-routes.ts teams.view / taskCreate / taskUpdate:结构镜像 Remote 词汇,三分支降级
client 半(src/client/)
tasks-model.ts 统一视图模型(图/树共用):catalog 走树、run 重挂、team 富化、fold 聚合
tasks-graph-layout.ts 免依赖 tidy-tree 分层布局(<100 节点无需虚拟化;bundle 纯度禁图库)
TasksGraph.tsx 画布:pan / wheel-zoom-to-cursor / 相位虚线框 / 控制条(图树切换+折叠+缩放)
TasksTree.tsx 树模式:缩进行 + 键盘导航(官方 catalog 配方)
TasksPopovers.tsx 节点详情 / run 详情 / 团队任务板(CAS 操作)
JobsDrawer.tsx 底部抽屉(≥8 代理自动折叠,手动优先)+ 输出浮窗(回放,尾钉)
AnchoredPopover.tsx 锚定浮窗:geometry + 关闭契约(沿用 selection-popup 的 #425 修复)
tool-icons.tsx 工具字形映射(宿主 primitives 图标,currentColor)
降级矩阵(可证伪)
| 环境 | workflows.list | teams.view | 页面表现 |
|---|---|---|---|
| 无 workflow/无 team(3384 桌面 profile r) | {runs: []}(200,空而非错) |
{available:false} |
图/树照常,无 run 节点、无团队 chip |
| 有 team 无 workflow(3080) | {runs: []} |
{available:true, team:{...}} |
roster 富化节点 + chip + 任务板 |
| 有 workflow | 折叠结果 | — | run 节点 + 相位框 + member 重挂 |
| subagents 服务缺席 | 仅折叠 root | 不影响 | 旧快照退化行为 |
关键取舍
- 零实验包 import:
context-types.ts结构镜像TeamService的 Remote 词汇;ctx.get('agentTeams')探活在路由内。实验层缺席时 mutation 抛 503team-error(与subagents-unavailable同形)。 - workflow 无事件 = 空列表不是错误:旧会话/无 workflow 会话静默为空(jobs 镜像同款语义)。
- fold 规则:per-parent 的「已完成/出错的叶子 agent」折叠为一个聚合节点;当前会话、teammate、有子节点的、run 节点永不折叠(折叠父节点会藏住活跃分支)。
- 树/图同一模型:fold 状态、团队富化、run 重挂两种模式共享——不会视觉漂移。
- 控制条移出滚动面:图模式的缩放按钮与图/树切换都在视图容器级(绝对定位右下),树模式下缩放按钮不渲染但切换在(早期实现把它放进滚动面、树模式下切不回去——有测试守护)。
- 页内视图切换是临时态,默认视图走
tasksViewModepref(schemasteryz.union([z.const('graph'), z.const('tree')])——schemastery 无z.enum)。 - AnchoredPopover 不复用 primitives 的 HoverCard:浮窗需要持久交互(任务板表单、输出滚动),HoverCard 是悬停语义;关闭契约(外部 mousedown / Escape / anchor 离屏的 IntersectionObserver)沿用 selection-popup 已验证的模式。
- 主题硬阴影用
color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent):后现代硬投影但颜色全部出自令牌(theme.spec 只守color:,皮肤契约的精神照旧满足)。
实施偏差记录
- 诊断行(diagnostic catalog entries)从模型中省略:旧树逐 parent 渲染 corrupt/unavailable 行;新模型跳过它们,目录加载失败改由页头横幅「N 个分支加载失败 + 重试(逐个 refresh)」统一承载。理由:诊断行罕见(通常是 side-chat 遗产),逐 parent 内联会破坏图的 tidy 布局;横幅保留可达性与重试。
- catalog
state:'error'不再逐层内联,同上进横幅。 - loadin rows:图模式无「加载中占位卡」;树模式保留
summaryBackedLoading的 loading 行。图模式靠 5s 轮询自然收敛。 - 子代理 keyboard 导航保留在树模式;图模式节点
tabIndex=-1(平移/缩放下 tab 序无意义,树模式是可达性面)。 - 本地
pnpm test:mount需要绕过桌面 shim:桌面版~/.local/bin/dshshim 回退到桌面捆绑 CLI 且不尊重DSH_HOME(dsh plugin add会写到真实~/.dshprofile——本次亲历,把真实 profile web 的 better-sidebar 指到了本分支 tarball)。正确姿势与 CI 一致:DSH_CMD="npx -y --package @deepseek-ai/dsh@0.1.5-rc.2 dsh" pnpm test:mount。 - 测试断言从
container.textContent迁到document.body:输出浮窗 portal 到 body(#425 契约),jobs-view 套件相应更新。 - fold 聚合节点的 aria-label 带计数文本:与控制条的 fold 切换按钮消歧(两者同文案会导致 a11y 选择器歧义)。
复审返工(2026-09-14 晚,真机截图反馈)
用户在 3384(DSH_HOME=~/.dsh,profile web)看到首版实现后给出四条反馈,逐条定位并修复:
| 反馈 | 根因 | 修法 |
|---|---|---|
| 「按钮和文本的颜色不对,不够后现代」 | 新 CSS 17 处裸用 var(--dsw-alias-accent)——该令牌在 DSH 主题里不存在(旧文件的用法都带 fallback 才没暴露),声明被浏览器整条丢弃;容器边框用的 border-l1 只有 4% 黑,几乎不可见 |
accent → --dsw-alias-state-business-primary;容器边 → --dsw-alias-border-l4(16%);整体回到设计稿语言:ink 边框、3px 硬投影、mono 微型字 + 字距大写标签、点阵画布、横向缩放条 |
| 「点 ⓘ 没反应 / 图里点不动(树能点)」 | 画布 pointerdown 里对容器 setPointerCapture,捕获把派生 click 重定向到容器,节点永远收不到点击(jsdom 不模拟捕获语义,所以单测全绿——只有真实浏览器能暴露) |
去掉 capture,pan 仅从背景起手(closest('[data-graph-node]'/'[data-graph-controls]') 直接返回),监听挂 window |
| 「图很小 / 不在中间 / 任务板没显示」 | fit 在容器为 0 尺寸时静默放弃且不再重试;只居中横轴、上限 1.0;窄面板里 5 个兄弟节点挤成 770px 宽 → 缩到 35% | ResizeObserver + 首次非零尺寸补 fit、双轴居中、FIT_MIN_SCALE=0.78 可读性下限;按容器宽度求解排布(layoutTasksGraphForWidth:先取仍满足可读性预算的最宽排布,只有窄到 ≤1 列才允许 20% 横向溢出);任务板改为常驻可见条(不再藏在 chip 后) |
| 「卡片信息过多过杂,都被省略看不见」 | 卡片同时塞 displayTitle + 模式 + 状态 + 模型 + live 文本,132px 宽(窄面板的目标宽度)下全部省略号 | 卡片只留三层:标题(1 行)/ mono 元信息(模式或模型 · 状态)/ live 行(仅运行中);其余(会话标题、team 角色、模型全名、最新文本、跳转)进 ⓘ 浮窗 |
| 「非常窄,非常挤」 | 设计按宽画布做,未以原生右侧栏窄宽为目标 | 度量全部改按窄栏基准(卡片 132×46、行距 112);行高/间距/字号显式声明(宿主 body 行高曾把行撑高);user-select: none 防拖拽选中文本 |
回归面:tests/tasks-page.spec.tsx 增 3 例(背景 pointerdown 后节点仍可激活、节点上的手势绝不启动 pan、团队任务板无需点击即常驻可见);tests/tasks-graph-layout.spec.ts 重写 9 例(band 换行、换行 band 不得压到兄弟子树行、宽度求解两段式、运行时预留 live 行)。
本地可视化自检 harness(未入库,tmp-visual/,git-excluded)
真实浏览器里的组件级回归无法靠 jsdom 覆盖(点击捕获、fit/居中、主题令牌解析都是浏览器行为)。harness 用 esbuild 把真实组件 + 与 buildTasksModel 同形状的 fixture(走同一个模型,因此折叠/重挂/富化都真实生效)打包进一个页面,注入从 dsh-client-ui-theme 抽出的令牌 CSS,@deepseek-ai/dsh-client-ui-primitives 别名到轻量桩(避免把 katex/shiki 资源拖进截图包),再由 Playwright 在 360px / 720px 两档宽度截图并断言:节点点击回调、ⓘ 回调、背景拖拽平移量。本次返工的四条反馈里有三条正是它先复现、修完再确认的。
第二轮返工(2026-09-14 深夜,13 条反馈)
用户第二轮反馈三条,逐条落地:
| 反馈 | 做法 |
|---|---|
| 任务板「太窄太小」,且任务应显示到对应节点上 | 任务按 ownerName → 成员名 → 成员会话 id 映射进模型(TasksNodeTask),节点第 4 行渲染「☑ 主题 · 状态 +N」;任务板改为:成员 Pill 行兼当负责人筛选、任务行 = 状态点 + 主题 + 负责人 + 状态 Tag + 一个溢出菜单;新建/编辑改为 Modal + Input(真正的宽表单),负责人用 Pill 选择 |
| 所有组件用自建、不用原生 HTML | 任务板全量换成宿主 primitives:Menu(含子菜单的改派)/Modal/Input/Button/Pill/Tag/Switch/StateDot;后台任务行的 kind/状态用 Tag、终止用 Button、输出浮窗的复制/跟随/终止同理。页面仅剩结构性 div(卡片、树行)不是表单控件 |
| Agent 用图标而非自绘 SVG;优化工具展示 | ◉/◇/▶/✓/⇪/⇩/i/☰/⌗/⌂ 等字形全部删除,改用宿主图标:IconAgentPresetOutline16(代理)、IconUserOutline16(teammate)、IconBranchOutline16(workflow run)、IconChecklistOutline14(折叠聚合 / 任务行 / 折叠按钮)、IconTreeCorner8x10(树视图)、IconFullscreenOutline16(适应)、IconEllipsisOutline16(节点详情)、IconCopyOutline16/IconStopFill16(作业)。live 行改为工具自身图标 + 工具名 + 参数(去掉手绘方框) |
| 后台任务弹窗要能拖动 + 体验 | AnchoredPopover 增加 draggable(拖动整体、按钮/输入/pre 不拦截、双击复位、视口内钳制)与 width 参数;输出浮窗宽 380 且可拖,新增「复制输出」「跟随最新」开关(关闭后不再尾钉)、kind/状态 Tag、拖动提示;抽屉行高亮当前打开的作业 |
i18n:本轮新增 19 条文案,zh/en/ja + 18 份第三语言词典同步(tests/locales.spec.ts 16/16)。
第三轮返工(2026-09-14 深夜,交互统一)
用户第三轮反馈两点,都指向「减少控件、统一入口」:
| 反馈 | 做法 |
|---|---|
| 图卡片去掉详情按钮,「统一改为弹出详细」 | 删除每张卡片右上角的 … 按钮(树行同理):卡片/行本身就是详情入口,点击即弹详情窗口;跳转转录改为详情窗口内的主按钮。折叠聚合节点仍保留「点击=展开/再折叠」的语义 |
| 任务所有入口统一为「点击弹出非全屏可拖动编辑(兼查看)窗口」,含 编辑owner + 编辑 + 重开 + 删除;默认多行 markdown 预览,点编辑才进入多行编辑 | 新增单一组件 TaskWindow.tsx:TaskWindow(内容)+ TaskPopover(可拖动外壳,宽 430)+ MultilineField(自建多行输入)+ OwnerPicker(Pill 即点即改派)+ TaskCreateButton。三处入口全部复用它——任务板行、节点任务行、节点详情里的任务清单;「新建」也走同一个窗口(create 模式直接进入编辑态)。任务板由此删掉了溢出菜单与 Modal,只留筛选 Pills、任务行与新建按钮 |
新文案 3 条(任务详情 / 暂无描述 / 被阻塞),zh/en/ja + 18 份第三语言同步。
组件复用清单(本轮):
| 组件 | 复用点 |
|---|---|
TaskPopover |
任务板行、节点任务行、节点详情任务清单、新建按钮(4 处) |
MultilineField |
任务描述编辑(宿主 primitives 无多行输入,故自建) |
AgentGlyph / WorkflowGlyph / FoldGlyph / TaskLine |
图与树两种模式共用 |
回退后修订:上表与上一行提到的
TaskCreateButton已删除——它唯一的调用方就是任务板,包一层没有收益;任务板的「新建」现在直接是宿主 outlineButton+IconPlusOutline16(同一文案键teamTaskCreate)。TaskWindow/TaskPopover/MultilineField/OwnerPicker不变。
验证结果(2026-09-14)
PR:#680(分支 feat/tasks-graph-workflow-teams)。
pnpm typecheck✅;pnpm vitest run133 文件 / 1400 用例通过(新增:host 路由 29、模型 7、布局 9、页面交互 9);pnpm build✅(皮肤契约 / 市场清单 / chunk 纯度守卫全绿)。pnpm test:mount(DSH_CMD="npx -y --package @deepseek-ai/dsh@0.1.5-rc.2 dsh",本地必须绕开桌面 shim,见实施偏差 5)7/7 通过:真实挂载 + 无头 tab 全扫。其 PERF_JSON 里可读到 scratch profile(无实验层,等价 3384 的 profile)上/sidebar/api/workflows.list → {runs:[]}、/sidebar/api/teams.view → {available:false}—— 即降级矩阵左列的实测证据。- 3080(
~/.dsh-web,含实验层)实景协议验证:teams.view → {available:true, team:null}、workflows.list → {runs:[]}、teams.taskCreate → 404 team-error "the tree root leads no team"(三分支里「层在、无团队」这条)。 - 本地可视化自检 harness(真实组件 + 真实主题令牌 + Playwright,360px/720px 两档):节点点击、ⓘ 浮窗、背景平移(Δ+60/+40)、折叠聚合、任务板常驻全部通过;本轮四条真机反馈中的三条由它先复现。
- 复现步骤与陷阱(令牌提取、primitives 桩、shim 与 tarball 重装坑)已沉淀到
.workspace-docs/notes/dsh/09-14-dsh-better-sidebar任务管理页重构(工作流图与Teams任务板).md。
未在本机自动化验证、留给用户实机确认的一项:3384 桌面应用重启后的 UI 级复看(新 bundle 已装进 ~/.dsh/profiles/web,与仓库构建产物 SHA-256 一致)。
回退记录与结论(2026-09-21:任务页回到插件自有体系)
本节是 2026-09-17 – 09-21 那次视觉基座尝试的唯一记录:本文档曾用 250 余行详述它的依赖版本、Tailwind 接入方式、令牌映射表、vendored 组件清单、体积与真机排障,那套基座已整体回退,正文随之删除,只留「为什么回退」与「回退后的结论」。本节出现的 shadcn / Tailwind / radix 字样都是对已废弃方案的引用,不代表本仓库或消费插件的建议做法。
任务页 2026-09-17 换成 shadcn/ui + Tailwind v4 视觉基座(组件源码 vendoring 进 src/client/ui/,样式由工具类产出,颜色经 shadcn 语义令牌桥接到 --dsw-*),09-20 又按「对齐上游 stock」回调一轮;09-21 判定该基座与本插件的体系不可调和,整体回退。
改动面:8 个页面文件(TasksGraph / TasksTree / TaskWindow / TeamBoard / JobsDrawer / TasksPopovers / SubagentView / tasks-shared)以 12b4716 的原生实现(CSS Modules + 宿主 @deepseek-ai/dsh-client-ui-primitives)为基线重建,src/client/ui/**(23 个文件)、components.json、scripts/ui-css.mjs 与其 ui:css 脚本删除;radix-ui / class-variance-authority / tailwind-merge / tailwindcss / @tailwindcss/postcss / postcss 六个依赖下线;tasks 懒加载 chunk 与 CHUNK_NAMES 的 tasks 项一并取消(回到 terminal / editor / mermaid / locale 四项)。回退只换视觉基座:09-17–09-21 期间的行为修复逐条重新落地(见下「保留的行为修复」)。
回退根因
- 默认尺度与插件体系冲突(最直接的一条):stock shadcn 的正文是
text-sm(14px)、metatext-xs(12px)、控件按h-9(36px) 起;本插件的语言是正文 12px / meta 11px / 微标 10px、控件 28px(sidebar.module.css的图标按钮即为 28px 方)。要贴合就得把 stock 的每个尺寸逐处改回去——那等于不用 shadcn,只是多背一层工具类。09-20 的「stock 回调」正是这条冲突的产物:字号一放开,GRAPH_NODE_W132px 的图节点标题只剩约 7 个汉字(“图形重布重写”被截成“图…”),两轮下来只能把宽度 132→150→176 并改两行标题救场。 - 层级语义冲突:shadcn 给静态组件默认带投影(card
shadow-sm,input / textarea / toggle / button-outlineshadow-xs);本插件的语言是静态面板无阴影(层级 = 1px--dsw-alias-border-l2+ hairline--dsw-alias-border-l1+ 表面阶梯 + 墨色三档),只有浮层用--dsw-shadow-lv2/3。第一轮把静态阴影全删了,stock 回调又把它们恢复成 stock——两次改的都是同一份 vendored 源码,每次跟上游--diff都要重新施加。 - 彩色语义是第二套词汇表:shadcn 的
primary/secondary/muted/accent/destructive与 DSH 的--dsw-alias-state-*/--dsw-alias-interactive-bg-hover并非一一对应,任务状态(进行中 / 阻塞 / 完成 / 错误)还要再自造--success/--warning两个非 stock 令牌,整张映射表 22 条必须逐条维护:--border先桥到--dsw-alias-border-l4、09-20 又改成l2,只因为 shadcn 的 1px 边框语义变了——而l2(1px 边框)/l1(hairline)的分工本来就是本插件自己的契约,不必经过第三层命名。 - 不引 preflight 就得自己补一套:插件注入的是全局
<style data-plugin>(无 shadow DOM),引 Tailwind 完整入口会重置整张宿主页面,所以只能引theme+utilities;表单控件因此保留 UA 外观,真机反馈「任务页看起来完全没有 CSS,边框非常模糊」的根因即在此。补救是在theme.css写限定.dsw-tasks作用域的 preflight 子集 + 显式@layer theme, base, components, utilities;层序声明 + 页面根类。这整套补偿只为承载 Tailwind 而存在,原生 CSS Modules 不需要。 - 架构代价:radix 浮层栈 +
tailwind-merge把核心包撑到 1452623 bytes(+457.6 KiB,超 +250 KiB 预算),处置是把任务页整体下沉为懒加载 chunk(lib/client-tasks.js706.7 KiB,CHUNK_NAMES加tasks、package.json#files补 glob)。原生实现下这些负载不存在,taskschunk 随回退下线。 - vendored 源码的持续负担:每个 vendored 组件的本地适配(
cn改./utils、图标换宿主IconXxx、删dark:覆写、text-white→ 令牌、React 18 的forwardRef)都要跟着上游逐次重放;popover.tsx/skeleton.tsx自始至终没有消费者。
结论(写给消费插件)
嵌入式插件沿用宿主体系:样式用 CSS Modules + --dsw-* 令牌(参考 src/client/sidebar.module.css / src/client/changes/changes.module.css / src/client/SideChatView.module.css),控件与图标用宿主 @deepseek-ai/dsh-client-ui-primitives 的 Button / Menu / Modal / Pill / Tag / Switch / Input / Tooltip / StateDot / MarkdownText / DisclosureRow 与 IconXxx;不引 Tailwind / radix / CVA / lucide,不自绘 svg(连线几何除外)。插件样式表是全局作用域的,任何自带 reset 或工具类的方案都要额外处理与宿主无层级样式表的优先级关系——这是本插件选择自有体系的直接原因。
保留的行为修复(与视觉基座无关,已在原生实现上重新落地)
| 修复 | 位置 | 守护 |
|---|---|---|
节点 id 去重:workflow member 的 childId 不在 run 发起者 catalog 里、但存在于树中别处时不再合成同 id 的第二张卡片;返回前兜底去重 |
src/client/tasks-model.ts |
tests/tasks-model.spec.ts |
任务窗口 CAS:编辑 / 改派携带 expectedRevision,冲突不吞 |
src/client/TaskWindow.tsx |
tests/tasks-page.spec.tsx |
后台任务终止两击确认(首击 arm、二击才发 jobs.kill) |
src/client/JobsDrawer.tsx |
tests/subagent-jobs-view.spec.tsx |
后台任务抽屉 ≥8 代理自动折叠,条形按钮 aria-expanded 可展开 |
src/client/JobsDrawer.tsx |
tests/tasks-page.spec.tsx |
输出浮窗可拖动;稳定 data-* 钩子(data-graph-node / data-graph-controls)不变 |
AnchoredPopover.tsx / TasksGraph.tsx |
tests/tasks-page.spec.tsx |
测试与文档清扫
- 删除三个守 shadcn 层的 spec:
tests/ui-foundation.spec.ts(Tailwind 入口 / 令牌桥 / 层序 / 作用域 reset)、tests/ui-bundle.spec.ts(核心包与 chunk 的体积与产物断言)、tests/ui-shadows.spec.ts(静态面板阴影白名单)。 tests/theme.spec.ts去掉指向src/client/ui/**与令牌桥的一节,保留「图标模块零颜色字面量」与「每条color:解析到主题令牌」,后者从 tab 图标单表扩展到src/client/**/*.module.css全量(color-mix()/var()链同样按令牌逐个校验,inherit/currentcolor/transparent视为「不自己上色」)。tests/bundle-route.spec.ts的CHUNK_NAMES期望回到 4 项;tests/manifest-consistency.spec.ts的「每个 chunk 都被package.json#files覆盖」断言保留,列表继续从CHUNK_NAMES派生(不手抄)。README.md两处「视觉基座为 shadcn/ui + Tailwind v4」描述删除;docs/external-plugin-guide.md删除 §12.3「在插件里用 Tailwind / shadcn/ui」整节(含 preflight 规避、令牌桥、静态面板零阴影三条)。
验收(回退后,2026-09-21)
pnpm typecheck ✅ 0 错误;pnpm lint ✅ 0 错误;pnpm vitest run 133 文件通过 / 1410 用例通过 / 9 skipped / 0 失败(回退前:4 个文件失败,其中 theme.spec.ts、ui-foundation.spec.ts 在收集期就因 src/client/ui/theme.css 缺失报 ENOENT,ui-shadows.spec.ts 2 例、bundle-route.spec.ts 1 例断言失败)。