Extract design-independent fixes from #457 (CI tooling + graphical bug fixes)

[kcarnold]

Pulls the changes out of #457 that don't require a design decision so they can be reviewed and merged without waiting on the brand-redesign design-team meeting. Everything brand/design-related (theme tokens, fonts, navbar wordmark, copy rewrites, restyles) stays in #457.

Re-authored on top of main (not stacked on #457) so each piece merges independently. One commit per bucket:

1. ci: visual-snapshot regeneration job + docs cleanup

• Add an update-snapshots workflow_dispatch job to frontend-tests.yml that re-renders Playwright baselines in the pinned container and commits them back to the branch; skip the e2e job when regenerating.
• Rewrite VISUAL_REGRESSION.md to document that flow and the single chromium baseline.
• Delete the firefox/webkit baseline PNGs, which are already dead — those Playwright projects are commented out in playwright.config.ts on main. (The chromium baseline is left untouched.)

2. fix(draft): apply active-card highlight class

The active feature card passed the raw string 'active' instead of classes.active. CSS modules hash the class name, so the .featureCard.active rules that already exist never matched and the highlight never rendered. One-line fix.

3. fix(chat): make typing dots and disabled send button visible

The typing-indicator dots (#fafaf8 on a #ffffff bubble) and the disabled send button (#fafaf8 background under a near-white #faf8f4 icon) were white-on-white and invisible. Dots get a visible neutral gray; the dark send button is dimmed when disabled instead of washed out. Minimal contrast fixes against the current palette — no new design tokens.

Verification

• npm run build, tsc --noEmit, ESLint, and the 8 Vitest unit tests pass.
• Playwright e2e could not run in the sandbox (browser download blocked by network policy); CI will cover it. These changes don't alter the demo-page screenshot or any test-asserted text/aria.

Follow-up

After this merges, #457 should be rebased onto main, shrinking it to just the design decisions. The dead-code/refactor cleanup (remove dead revise .tabBtn styles; replace the draft delete-button JS hover hack with CSS :hover) was intentionally left out and can be a later PR.

https://claude.ai/code/session_01SmzcLwfuBPx2eL2wkNjVvk

---

Generated by Claude Code

[Copilot]

Pull request overview

This PR extracts non-design-dependent fixes from #457, focusing on CI tooling for Playwright visual snapshots and a couple of small UI correctness/contrast fixes in the Draft and Chat pages.

Changes:

• Adds a manual workflow_dispatch path to regenerate Playwright visual snapshots in CI and commit them back to the triggering branch.
• Fixes Draft feature-card “active” styling by using the CSS-module class instead of a raw string.
• Improves Chat typing-indicator and disabled send-button visibility by adjusting colors/opacity, and updates VISUAL_REGRESSION.md to match the new snapshot workflow.

Reviewed changes

Copilot reviewed 4 out of 6 changed files in this pull request and generated 2 comments.

File	Description
VISUAL_REGRESSION.md	Updates documentation to reflect CI-based snapshot regeneration and single Chromium baseline.
frontend/src/pages/draft/index.tsx	Fixes active-card class application for CSS modules.
frontend/src/pages/chat/styles.module.css	Adjusts typing dots and disabled send button styling for visibility.
.github/workflows/frontend-tests.yml	Adds snapshot-regeneration job and conditional skipping of E2E during regeneration.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.