style(website): adopt ReactBench editorial design tokens and type families

[aidenybai]

Summary

Ports react-bench-website's current design system into apps/website so the two sites share one look:

• Surfaces: white --color-canvas: #fff over a new --color-page: #fcfcfc wash (dark: #111111 / #0f0f0f), with ReactBench's line/hairline values. PageShell outer frame now uses bg-page.
• Ink ramp: compact near-black light ramp (#050505 → #3c3c3c) and ReactBench's warm dark ramp (#e4e0dd ink, cool muted steps). Adds --color-react (React brand blue, #149eca / #6495bd).
• Type families: --font-page-title = EK Baumer Headline (new), headings/serif = Tiempos Text variable (replaces Test Signifier), body stays EK Baumer Uniwidth (italics added), mono stays Geist Mono. Page h1s (page.tsx, page-header.tsx) move to font-page-title.
• Type scale: body 16/28, h3 19/27, h2 22/29, display 36/42; radii tightened to ReactBench's 2–6px range (--radius: 4px).
• shadcn secondary/muted/accent now resolve through --color-code instead of a second gray; light-mode selection becomes the quiet rgba(0,0,0,.12) wash, dark keeps the inverted treatment.

Light / dark after the change:

Link to Devin session: https://app.devin.ai/sessions/0a2ef98d54644cf0a84b87b3df799493
Requested by: @aidenybai

---

Note

Low Risk
Visual and CSS-token changes only; no auth, data, or application logic.

Overview
Aligns apps/website with the ReactBench editorial system: white card on a --color-page wash, tighter ink ramps, --color-react, and smaller radii (--radius: 4px).

globals.css refreshes light/dark surfaces and typography—Tiempos Text and EK Baumer Headline replace Test Signifier; Uniwidth gains italics; body/display scale bumps; shadcn secondary/muted/accent route through --color-code; light selection is a subtle gray wash.

PageShell uses bg-page; home and PageHeader titles use font-page-title with wider tracking.

^{Reviewed by Cursor Bugbot for commit f07a5dd. Bugbot is set up for automated code reviews on this repo. Configure here.}

---

Summary by cubic

Adopts the ReactBench editorial design in apps/website for a unified look. Updates tokens, typography, and component styles for consistent light/dark UI; page titles now use EK Baumer Headline with wider tracking.

• Refactors
  • Surfaces: added --color-page; PageShell uses bg-page; tightened line/hairline; set --radius: 4px.
  • Ink/code: compact near‑black ink ramp; refreshed dark ramp; added --color-react; remapped shadcn secondary/muted/accent to --color-code/--color-code-ink; quieter light selection.
  • Typography: replaced Test Signifier with Tiempos Text; kept EK Baumer Uniwidth and added italics; adjusted scale (body 16/28, h3 19/27, h2 22/29, display 36/42).
  • UI wiring: updated page.tsx and page-header.tsx to font-page-title with tracking-wide; added new font files and removed old Signifier files.

^{Written for commit f07a5dd. Summary will update on new commits.}

[devin-ai-integration]

Original prompt from Aiden Bai

improve the react grab website to look like the react-bench-website styles

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment, CI, and merge conflict monitoring

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
react-grab-storybook	Ready	Preview, Comment	Jul 17, 2026 7:21am
react-grab-website	Ready	Preview, 💬 1 unresolved	Jul 17, 2026 7:21am

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@react-grab/cli@570

npm i https://pkg.pr.new/grab@570

npm i https://pkg.pr.new/react-grab@570

commit: f07a5dd

[github-actions]

Performance report — this PR vs base branch

🔴 3 regressions · 🟢 3 improvements across 77 scenarios.

Scenario	Metric	Base → PR	Verdict
context-menu-open-close-cycle	Interaction latency (INP)	32.0ms → 56.0ms (+75%)	🔴 worse
interference-hijacked-scroll-passive	GPU process CPU	29% → 35% (+23%)	🔴 worse
animation-scheduling-controls/finite-static-holds	Draws per animation tick	0.3× → 0.4× (+27%)	🔴 worse
heavy-all-drag-sweep	Leaked DOM nodes	87 → 3 (-97%)	🟢 better
heavy-table-filter-typing-passive	Heap growth	590KB → -140KB (-124%)	🟢 better
interference-hijacked-scroll-during-selection	GPU process CPU	42% → 31% (-24%)	🟢 better

_{A metric counts as changed only past per-metric thresholds sized to measured shared-runner variance on identical code: interaction latency ±10% and 16ms (measured in 8ms steps), frame times ±30%, long-task/LoAF sums ±10% and 500ms, memory ±25% and 512KB / 60 nodes, process CPU ±20% and 10 points, GPU-process CPU ±20% and 3 points, animation ticks ±20% and 3/s, draws/tick ±20% and 0.05, hardware GPU ±20% and 10 points, compositor production ±20% and 3fps / 5 duty-cycle points, composited layers ±20% and 2 layers / 0.5 viewport areas, rendering stages ±20% and 1ms; any ms metric with a ≥100ms baseline needs ±30%.}

All 73 standard scenarios (full numbers)

Scenario	Interaction latency (INP)	Main-thread blocking (long tasks)	Janky frames (LoAF total)	Frame time (p95)	Frame time (worst)	Heap growth	Leaked DOM nodes	Browser process CPU	GPU process CPU	Renderer process CPU	Animation ticks	Active animation timeline duty	Animation-attributable renderer CPU	Animation-attributable GPU-process CPU	Animation-attributable graphics CPU	Hardware GPU busy	Compositor frame production	Compositor production duty cycle	Composited content layers	Composited surface area	Painted area	Paint work	CSS selector matching	CSS selector attempts	Compositor work
activate-deactivate-dense-animations	0.0ms → 0.0ms (0%)	21036ms → 20300ms (-3%)	19787ms → 19107ms (-3%)	592ms → 558ms (-6%)	667ms → 625ms (-6%)	76KB → 79KB (+4%)	0 → 0 (0%)	172% → 172% (0%)	32% → 31% (-3%)	139% → 140% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
activate-large-dom-sparse-animations	0.0ms → 0.0ms (0%)	140ms → 114ms (-18%)	250ms → 189ms (-24%)	50.0ms → 50.1ms (0%)	66.7ms → 75.1ms (+13%)	85KB → 83KB (-2%)	0 → 0 (0%)	122% → 121% (-1%)	26% → 25% (-2%)	96% → 94% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
activate-with-many-animations	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	25.0ms → 16.8ms (-33%)	81KB → 83KB (+2%)	0 → 0 (0%)	120% → 110% (-9%)	34% → 27% (-19%)	84% → 80% (-5%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
arrow-navigation-storm	40.0ms → 40.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	133KB → 127KB (-5%)	0 → 0 (0%)	104% → 101% (-3%)	33% → 31% (-4%)	69% → 66% (-4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
context-menu-arrow-navigation	40.0ms → 32.0ms (-20%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	149KB → 150KB (+1%)	1 → 1 (0%)	102% → 95% (-6%)	37% → 34% (-6%)	62% → 58% (-8%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
context-menu-open-close-cycle	32.0ms → 56.0ms (+75%) 🔴 worse	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	165KB → 176KB (+7%)	1 → 1 (0%)	31% → 32% (+4%)	8% → 9% (+11%)	18% → 19% (+2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
copy-multi-element-batch	44.0ms → 48.0ms (+9%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	277KB → 283KB (+2%)	4 → 1 (-75%)	89% → 91% (+3%)	20% → 20% (0%)	67% → 69% (+3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
copy-then-deactivate-stress	64.0ms → 64.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	33.4ms → 33.4ms (0%)	88KB → 97KB (+10%)	0 → 0 (0%)	118% → 117% (-1%)	40% → 38% (-5%)	74% → 74% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
copy-under-saturated-network	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	16.8ms → 16.8ms (0%)	292KB → 292KB (0%)	2 → 2 (0%)	18% → 17% (-5%)	7% → 6% (-4%)	10% → 10% (-6%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
copy-under-saturated-network (sourceResolveMs)	8005ms → 8005ms (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
deactivate-with-many-frozen-elements	68.0ms → 60.0ms (-12%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	41.7ms → 33.3ms (-20%)	-45KB → -58KB (-29%)	0 → 0 (0%)	131% → 130% (-1%)	38% → 37% (-2%)	89% → 88% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
deep-element-stack-hover	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	62KB → 59KB (-5%)	0 → 0 (0%)	51% → 51% (0%)	13% → 14% (+11%)	36% → 35% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
dom-rerender-during-selection	48.0ms → 44.0ms (-8%)	0.0ms → 0.0ms (0%)	25.1ms → 26.6ms (+6%)	16.7ms → 16.8ms (0%)	25.1ms → 25.0ms (0%)	125KB → 101KB (-19%)	7 → 0 (-100%)	107% → 105% (-2%)	24% → 23% (-4%)	69% → 68% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-commit-massive-grid	1404ms → 1556ms (+11%)	6927ms → 6954ms (0%)	6810ms → 6861ms (+1%)	725ms → 675ms (-7%)	1367ms → 1533ms (+12%)	253KB → 335KB (+32%)	4 → 1 (-75%)	114% → 116% (+2%)	6% → 7% (+14%)	107% → 108% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-freeze-animation-storm	904ms → 928ms (+3%)	3404ms → 3439ms (+1%)	3486ms → 3574ms (+3%)	183ms → 192ms (+5%)	850ms → 883ms (+4%)	320KB → 312KB (-2%)	3 → 3 (0%)	158% → 157% (-1%)	30% → 30% (-1%)	124% → 123% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-rapid-zigzag	48.0ms → 40.0ms (-17%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	189KB → 177KB (-6%)	2 → 2 (0%)	66% → 64% (-3%)	17% → 17% (-4%)	40% → 40% (+2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-selection-sweep	56.0ms → 56.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	33.3ms → 33.4ms (0%)	161KB → 188KB (+17%)	0 → 2 (was 0)	38% → 40% (+4%)	10% → 10% (+1%)	24% → 26% (+4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-sweep-massive-grid	488ms → 472ms (-3%)	10218ms → 10232ms (0%)	9987ms → 10044ms (+1%)	450ms → 442ms (-2%)	733ms → 708ms (-3%)	642KB → 668KB (+4%)	4 → 4 (0%)	110% → 108% (-2%)	8% → 7% (-9%)	97% → 96% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
drag-with-autoscroll	56.0ms → 56.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	33.4ms → 33.3ms (0%)	171KB → 168KB (-2%)	17 → 17 (0%)	43% → 44% (+3%)	10% → 11% (+14%)	28% → 28% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-all-activate-toggle	0.0ms → 0.0ms (0%)	81.0ms → 50.5ms (-38%)	1156ms → 1182ms (+2%)	58.4ms → 58.3ms (0%)	91.6ms → 74.9ms (-18%)	171KB → 157KB (-8%)	0 → 0 (0%)	158% → 155% (-2%)	43% → 39% (-10%)	112% → 114% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-all-copy-cross-section	136ms → 172ms (+26%)	396ms → 424ms (+7%)	437ms → 476ms (+9%)	100.0ms → 100.0ms (0%)	100ms → 117ms (+17%)	249KB → 249KB (0%)	-9 → -9 (0%)	129% → 130% (+1%)	23% → 23% (+3%)	104% → 104% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-all-drag-sweep	228ms → 216ms (-5%)	324ms → 381ms (+18%)	406ms → 507ms (+25%)	25.1ms → 41.6ms (+66%)	192ms → 183ms (-4%)	630KB → 344KB (-45%)	87 → 3 (-97%) 🟢 better	113% → 113% (0%)	22% → 21% (-2%)	79% → 80% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-all-scroll-during-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	50.0ms → 33.4ms (-33%)	5774KB → 5695KB (-1%)	0 → 0 (0%)	139% → 140% (0%)	48% → 47% (-3%)	88% → 90% (+3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-charts-activate-cycle	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	33.3ms → 25.0ms (-25%)	33.4ms → 41.6ms (+25%)	56KB → 50KB (-11%)	0 → 0 (0%)	153% → 153% (0%)	37% → 37% (-1%)	112% → 113% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-charts-drag-select	136ms → 128ms (-6%)	60.0ms → 63.0ms (+5%)	92.7ms → 140ms (+51%)	16.8ms → 16.8ms (0%)	83.3ms → 83.4ms (0%)	66KB → 84KB (+27%)	0 → 0 (0%)	103% → 107% (+3%)	24% → 25% (+2%)	71% → 72% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-charts-hover-in-selection-mode	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	70KB → 17KB (-76%)	0 → 0 (0%)	57% → 56% (-2%)	15% → 16% (+1%)	38% → 38% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-charts-tooltip-sweep-passive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	-179KB → -174KB (+3%)	0 → 0 (0%)	114% → 109% (-4%)	14% → 13% (-5%)	94% → 90% (-5%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-dashboard-drag-sweep	64.0ms → 64.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	33.3ms → 33.3ms (0%)	149KB → 201KB (+35%)	2 → -4 (-300%)	72% → 71% (-1%)	17% → 17% (-4%)	46% → 46% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-dashboard-hover-sweep	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	127KB → 138KB (+9%)	2 → 2 (0%)	113% → 111% (-2%)	38% → 36% (-4%)	69% → 72% (+4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-dashboard-selection-under-rerender	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	109KB → 111KB (+2%)	0 → 0 (0%)	22% → 24% (+7%)	6% → 7% (+2%)	15% → 17% (+11%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-heatmap-crosshair-passive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	33.3ms → 16.8ms (-50%)	-170KB → -164KB (+4%)	0 → 0 (0%)	117% → 114% (-2%)	9% → 9% (-4%)	103% → 101% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-heatmap-hover-in-selection-mode	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	-75KB → -15KB (+80%)	0 → 0 (0%)	112% → 109% (-3%)	37% → 36% (-2%)	70% → 70% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-drag-select-rows	80.0ms → 80.0ms (0%)	0.0ms → 0.0ms (0%)	56.6ms → 52.4ms (-7%)	16.8ms → 16.8ms (0%)	50.0ms → 50.0ms (0%)	159KB → 147KB (-8%)	1 → 1 (0%)	78% → 74% (-5%)	21% → 19% (-9%)	47% → 45% (-4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-expand-rows-passive	112ms → 120ms (+7%)	739ms → 744ms (+1%)	766ms → 774ms (+1%)	50.1ms → 50.0ms (0%)	83.3ms → 83.4ms (0%)	66KB → 50KB (-24%)	0 → 0 (0%)	66% → 69% (+4%)	6% → 6% (-2%)	58% → 59% (+3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-filter-typing-passive	204ms → 200ms (-2%)	1534ms → 1536ms (0%)	1975ms → 1883ms (-5%)	83.3ms → 58.3ms (-30%)	183ms → 183ms (0%)	590KB → -140KB (-124%) 🟢 better	1 → 1 (0%)	105% → 104% (0%)	3% → 3% (-1%)	99% → 98% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-hover-in-selection-mode	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	16.8ms → 16.8ms (0%)	59KB → 65KB (+10%)	2 → 2 (0%)	135% → 127% (-5%)	46% → 44% (-4%)	84% → 80% (-5%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-multi-select-copy	80.0ms → 72.0ms (-10%)	0.0ms → 0.0ms (0%)	37.9ms → 34.6ms (-9%)	25.0ms → 25.0ms (0%)	41.8ms → 33.4ms (-20%)	-377KB → -370KB (+2%)	-143 → -143 (0%)	97% → 95% (-2%)	27% → 26% (-6%)	66% → 66% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-paginate-passive	152ms → 160ms (+5%)	1487ms → 1501ms (+1%)	1594ms → 1613ms (+1%)	83.3ms → 83.4ms (0%)	117ms → 117ms (0%)	-203KB → -199KB (+2%)	0 → 0 (0%)	76% → 79% (+5%)	4% → 4% (0%)	67% → 70% (+6%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-table-sort-passive	264ms → 272ms (+3%)	3654ms → 3210ms (-12%)	4387ms → 3941ms (-10%)	50.1ms → 33.5ms (-33%)	233ms → 233ms (0%)	-68KB → -65KB (+4%)	0 → 0 (0%)	82% → 82% (0%)	3% → 3% (-1%)	75% → 74% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-virtual-hover-sweep	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	77KB → 84KB (+9%)	2 → 2 (0%)	123% → 125% (+1%)	46% → 46% (0%)	74% → 74% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-virtual-scroll-during-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	33.4ms → 33.4ms (0%)	231KB → 229KB (-1%)	0 → 0 (0%)	131% → 132% (0%)	43% → 43% (+1%)	85% → 86% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
heavy-virtual-scroll-passive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	-190KB → -188KB (+1%)	0 → 0 (0%)	98% → 99% (+1%)	17% → 17% (0%)	77% → 78% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
hover-deep-nested-dom	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	59KB → 55KB (-7%)	0 → 0 (0%)	49% → 47% (-4%)	10% → 9% (-6%)	37% → 36% (-3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
hover-dense-flat-dom	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	-104KB → -107KB (-3%)	0 → 0 (0%)	127% → 122% (-4%)	40% → 37% (-9%)	85% → 83% (-3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
hover-in-selection-mode	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	153KB → 179KB (+17%)	0 → 0 (0%)	97% → 91% (-7%)	36% → 31% (-13%)	59% → 57% (-4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
hover-over-animated-elements	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	7KB → 7KB (0%)	0 → 0 (0%)	18% → 18% (+1%)	7% → 7% (0%)	10% → 10% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
idle-after-activation	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	138KB → 140KB (+1%)	0 → 0 (0%)	23% → 24% (+4%)	6% → 6% (+8%)	16% → 17% (+3%)	57/s → 54/s (-6%)	0% → 0% (0%)	-0% → 0% (+200%)	-0% → -0% (-49600%)	-0% → -0% (-16400%)	–	10fps → 10fps (+5%)	27% → 30% (+10%)	18 → 18 (0%)	3.8× → 3.8× (0%)	20.0× → 21.0× (+5%)	6.7ms → 6.4ms (-3%)	0.0ms → 0.0ms (0%)	0 → 0 (0%)	425ms → 413ms (-3%)
interference-canvas-hover-markers	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	51KB → 52KB (+2%)	0 → 0 (0%)	140% → 144% (+3%)	54% → 53% (-3%)	82% → 87% (+6%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-canvas-paint-passive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	1KB → 1KB (0%)	0 → 0 (0%)	43% → 45% (+2%)	23% → 23% (+3%)	21% → 21% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-editor-hover-with-swallowed-pointermove	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	32KB → 38KB (+19%)	0 → 0 (0%)	74% → 72% (-3%)	30% → 29% (-2%)	41% → 40% (-3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-editor-typing-passive	24.0ms → 24.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	19KB → -46KB (-342%)	0 → 0 (0%)	75% → 75% (0%)	7% → 7% (+6%)	62% → 61% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-gauntlet-activate-toggle	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	33.4ms → 33.3ms (0%)	33.4ms → 33.4ms (0%)	211KB → 397KB (+88%)	6 → 18 (+200%)	192% → 192% (0%)	60% → 62% (+4%)	130% → 127% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-gauntlet-drag-sweep	124ms → 132ms (+6%)	196ms → 201ms (+3%)	231ms → 206ms (-11%)	33.3ms → 33.3ms (0%)	83.3ms → 83.3ms (0%)	487KB → 461KB (-5%)	64 → 61 (-5%)	196% → 198% (+1%)	59% → 60% (+1%)	117% → 118% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-gauntlet-hover-sweep	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	33.4ms → 33.4ms (0%)	88KB → 136KB (+55%)	0 → 0 (0%)	197% → 198% (+1%)	62% → 63% (+3%)	132% → 130% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-hijacked-scroll-during-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	126KB → 105KB (-17%)	0 → 0 (0%)	99% → 89% (-10%)	42% → 31% (-24%) 🟢 better	56% → 56% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-hijacked-scroll-passive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	77KB → 69KB (-10%)	0 → 0 (0%)	78% → 86% (+10%)	29% → 35% (+23%) 🔴 worse	47% → 48% (+2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-kanban-app-drag-passive	32.0ms → 24.0ms (-25%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	281KB → 90KB (-68%)	0 → 0 (0%)	60% → 60% (0%)	3% → 4% (+14%)	51% → 49% (-4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-kanban-grab-drag-select	64.0ms → 64.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	33.4ms → 33.4ms (0%)	162KB → 163KB (+1%)	1 → 1 (0%)	74% → 74% (-1%)	16% → 16% (+3%)	38% → 38% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-kanban-hover-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	43KB → 60KB (+40%)	0 → 0 (0%)	117% → 112% (-5%)	43% → 40% (-8%)	69% → 67% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-raf-mutator-hover	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 33.4ms (+99%)	-227KB → -223KB (+2%)	0 → 0 (0%)	193% → 204% (+6%)	68% → 71% (+4%)	122% → 130% (+7%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-toast-hover-churn	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	33.4ms → 16.8ms (-50%)	81KB → 31KB (-62%)	0 → 0 (0%)	110% → 113% (+2%)	65% → 66% (+3%)	42% → 43% (+1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-toast-storm-idle-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	16.8ms → 16.8ms (0%)	14KB → 34KB (+143%)	0 → 0 (0%)	19% → 19% (+1%)	10% → 11% (+5%)	8% → 8% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-waapi-freeze-cycle	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	25.0ms → 16.8ms (-33%)	33.4ms → 33.4ms (0%)	51KB → 50KB (-2%)	0 → 0 (0%)	188% → 190% (+1%)	60% → 59% (-2%)	124% → 129% (+3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
interference-waapi-hover-sweep	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	16.8ms → 33.4ms (+99%)	-218KB → 34KB (+116%)	0 → 0 (0%)	195% → 205% (+5%)	70% → 74% (+5%)	122% → 128% (+5%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
keyboard-rapid-arrows	48.0ms → 40.0ms (-17%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	16.8ms → 16.8ms (0%)	38KB → 37KB (-3%)	0 → 0 (0%)	89% → 81% (-8%)	27% → 24% (-9%)	58% → 53% (-8%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
large-drag-selection	72.0ms → 56.0ms (-22%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.8ms (0%)	50.0ms → 33.3ms (-33%)	-117KB → 97KB (+183%)	2 → 2 (0%)	71% → 68% (-4%)	15% → 13% (-12%)	45% → 44% (-4%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
pointermove-storm-synthetic	0.0ms → 0.0ms (0%)	3559ms → 3347ms (-6%)	3406ms → 3200ms (-6%)	150ms → 133ms (-11%)	167ms → 133ms (-20%)	-191KB → -188KB (+2%)	0 → 0 (0%)	115% → 116% (0%)	8% → 9% (+11%)	107% → 107% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
prompt-mode-typing	32.0ms → 32.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (-1%)	16.8ms → 16.8ms (0%)	168KB → 184KB (+10%)	1 → 1 (0%)	59% → 58% (-2%)	13% → 13% (-1%)	39% → 38% (-1%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
rapid-toggle-active-inactive	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	74KB → 72KB (-3%)	0 → 0 (0%)	118% → 119% (0%)	36% → 37% (+1%)	78% → 78% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
scroll-during-selection	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (+1%)	16.8ms → 16.8ms (0%)	118KB → 114KB (-3%)	0 → 0 (0%)	108% → 108% (0%)	45% → 45% (-1%)	60% → 60% (0%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
toolbar-collapse-expand-cycle	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.8ms → 16.7ms (0%)	16.8ms → 16.8ms (0%)	23KB → 24KB (+4%)	0 → 0 (0%)	28% → 25% (-8%)	2% → 2% (-5%)	25% → 22% (-9%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
toolbar-drag-to-edges	48.0ms → 36.0ms (-25%)	0.0ms → 0.0ms (0%)	0.0ms → 0.0ms (0%)	16.7ms → 16.8ms (0%)	16.8ms → 16.8ms (0%)	-349KB → -349KB (0%)	0 → 0 (0%)	41% → 40% (-2%)	6% → 6% (-6%)	29% → 28% (-2%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–
viewport-resize-during-selection	0.0ms → 0.0ms (0%)	322ms → 214ms (-33%)	140ms → 77.0ms (-45%)	66.7ms → 50.0ms (-25%)	75.1ms → 58.3ms (-22%)	35KB → 27KB (-23%)	0 → 0 (0%)	166% → 168% (+1%)	33% → 31% (-6%)	130% → 134% (+3%)	–	–	–	–	–	–	–	–	–	–	–	–	–	–	–

All 5 animation scheduling controls (full numbers)

Control	Active graphics-pipeline CPU	Graphics CPU over paused	Animation ticks	Draws per animation tick	Compositor frame production	Compositor production duty cycle	Active animation timeline duty
animation-scheduling-controls/finite-static-holds	3% → 2% (-17%)	3% → 2% (-17%)	30/s → 36/s (+18%)	0.3× → 0.4× (+27%) 🔴 worse	16fps → 16fps (0%)	78% → 76% (-2%)	24% → 26% (+5%)
animation-scheduling-controls/infinite-stepped	2% → 2% (-20%)	2% → 2% (-20%)	79/s → 82/s (+4%)	0.0× → 0.0× (+26%)	2fps → 2fps (0%)	4% → 3% (-5%)	100% → 100% (0%)
animation-scheduling-controls/legacy-one-indicator	3% → 3% (-14%)	3% → 3% (-14%)	72/s → 78/s (+8%)	0.7× → 0.7× (+6%)	59fps → 59fps (0%)	100% → 100% (0%)	100% → 100% (0%)
animation-scheduling-controls/animations-paused	–	–	1/s → 1/s (0%)	0.0× → 0.0× (0%)	0fps → 0fps (0%)	0% → 0% (0%)	0% → 0% (0%)
animation-scheduling-controls/legacy-production-count	5% → 5% (0%)	5% → 5% (0%)	73/s → 75/s (+3%)	0.7× → 0.7× (0%)	60fps → 60fps (0%)	100% → 100% (0%)	100% → 100% (0%)

_{Commit f07a5dd · full reports in the perf-bench-570 artifact.}

[devin-ai-integration]

Ran a visual test pass on the production build (next start), verifying computed styles in-browser across Home, Benchmarks, Changelog, and Demo.

• It should render the ReactBench light palette and type on the home page — passed (white #fff column on #fcfcfc wash; h1 = EK Baumer Headline w500; demo hero = Tiempos Text; body 16px; chip radius 3.2px)
• It should flip to the feat: new activation key API #111 ReactBench dark theme via the footer toggle — passed (exact values: #0f0f0f wash, #111111 canvas, #e4e0dd ink, #2d2f32 hairlines)
• Regression: inner pages inherit the new tokens — passed (Benchmarks h1 22px/29px Baumer Headline; changelog/demo legible, no unstyled regions)

Dark mode + inner pages

Minor note: computed body line-height is 26px (the shell's leading-relaxed overrides the 28px token) — visually fine, flagging for accuracy.

Tested by Devin