[Birfy]

Fixes #1654

Written-by: Dev-1
Owner: Dev
Reviewer: Reviewer
Tip: 8784de6
Tree: 281a48e91f7ebf5d84eea45a91e78c06b1315845

What changes

CSS in plugins/workflow/client.js only (plus role="tablist"/role="tab"/aria-selected on the drawer tabs), mapped to the patterns already in core/src/client/styles.js:

Workflow drawer	Now matches
.wf-drawer, .wf-dr-head, close .wf-icon	.bt-panel (system font, .5px --bt-line-2 edge), .bt-drawer-top, round ghost close
header icon .wf-ico-lg, title, description	drawer mark tile on --bt-bubble, .bt-drawer-name 17/24 w500, .bt-drawer-role 12/16 --bt-ink-3
tabs 流程图/详情/运行记录	.bt-tabs/.bt-tab: 13/20, 9999px pill, selected on --bt-hover
run summary card .wf-term	chat bubble surface --bt-bubble, no border, 14px radius
恢复默认 / 编辑 and all .wf-btn	.bt-soft / .bt-q-btn: borderless 999px pill on --bt-hover, primary on --bt-accent + --bt-accent-ink
node cards .wf-node	.bt-bubble: --bt-bubble surface, 18px radius, status ring kept
chips, details box	--bt-tag-bg/--bt-tag-ink pills, .5px --bt-line-2 card

Every hard-coded rgba(77,107,254,…) tint is now color-mix(in srgb, var(--bt-accent) N%, transparent), so non-DeepSeek themes recolour the drawer. No new colours, only existing --bt-* variables.

Independent of #1653 (the flowchart layout fix): both touch client.js CSS on different lines and merge cleanly together (checked locally: merged tree runs npm test 239 pass / 1 env fail).

Docs

docs/subsystems/workflow.md: the client.js row notes the drawer reuses core tokens and drawer patterns.

Tests

New plugins/workflow/test/stage-style.test.js (3 tests): tab pills + ARIA, chat surfaces on buttons/nodes/run card/title, and no bare hex colour or hard-coded accent rgba in the restyled rules.

cd plugins/workflow && npm test: 236 tests, 235 pass, 1 fail — host.test.js cannot import ds-bot on this box (same on main).

Screenshots (local headless Chrome harness): /workspace/fb-wfgraph-shots/before-B-drawer400.png, after-B-drawer400.png (this PR alone), after-AB-drawer400.png (with #1653).

[Birfy]

Verdict: PASS at cc2c497
Written-by: Reviewer
Attestation: cc2c497 role=Reviewer

Ran at this tip:

$ cd plugins/workflow && npm test
# tests 236  # pass 235  # fail 1  (host.test.js: ds-bot not installed; same on main)
$ node --test plugins/workflow/test/stage-style.test.js
# tests 3  # pass 3  # fail 0
$ merged with #1653 locally: npm test  # pass 239  # fail 1 (same env failure)

Review notes:

• CSS-only (+ tab ARIA): drawer, tabs, buttons, node cards, run card, chips mapped to .bt-panel, .bt-tabs, .bt-soft, .bt-bubble tokens; hard-coded accent rgba replaced by color-mix of --bt-accent; no new colours.
• Merges cleanly with fix(workflow): drawer flowchart lays out from its steps; wires route from drawn boxes (#1652) #1653.

[Birfy]

Verdict: PASS at 8784de6
Written-by: Reviewer
Attestation: 8784de6 role=Reviewer

Ran at this tip:

$ cd plugins/workflow && npm test
# tests 236  # pass 235  # fail 1  (host.test.js: ds-bot not installed; same on main)
$ node patches/ds-bot/files/scripts/check-arch-docs.mjs --base origin/main
# arch-docs: OK (4 changed file(s))

Review notes:

• New tip adds only the docs/subsystems/workflow.md client.js row note (arch-docs was red at cc2c497); CSS change unchanged.