contain-audit

Run the Playwright-based audit against a large workflow; it walks the DOM tree, scores each element by subtree size and sizing constraints, and outputs a ranked table of containment candidates with measured performance deltas.

Start the dev server with pnpm dev, then run pnpm exec playwright test browser_tests/tests/containAudit.spec.ts --project=audit. View results in the console table or the Playwright HTML report.

Good candidates have large subtrees, externally constrained size via CSS variables or flex, no existing containment, and several child elements. Elements with overflowing children or content-determined height affecting siblings should be excluded.

Yes, containment can break layouts when children overflow beyond element bounds. The audit takes before/after screenshots and flags pixel differences, but manual visual review is still required to confirm safety.

The audit cannot fully guarantee containment safety, measurements have natural variance, and it only tests idle and pan scenarios. Runtime style injection also ignores Tailwind purging and build-time optimizations.