Audit XL interface scaling and resulting layout failures across the app

[pathscale]

Objective

Audit the entire app because selecting XL still leaves many labels, controls, and text visibly too small. XL must scale the intended interface consistently, not only a subset of root typography.

Scale audit

• Inventory rendered text and interactive controls in Normal, Large, and XL.
• Detect hard-coded px sizes, local rem roots, transforms, inherited overrides, min/max clamps, SVG text, and component styles that bypass the global scale token.
• Verify meaningful monotonic growth between modes for headings, body, muted/help text, buttons, inputs, menus, tables, badges, composer controls, settings rows, and inspection/analytics surfaces.
• Treat intentionally fixed non-text artwork separately; do not silently exempt readable UI.

Layout audit at XL

After fixing scale, sweep for clipping, overlap, occlusion, truncated controls, broken wrapping, undersized hit targets, off-screen overlays, horizontal overflow, and incorrect responsive/container-query transitions.

Native QA

Add native computed-layout checks that compare the same semantic nodes across Normal/Large/XL and assert both increased text/control geometry and successful reflow. Include representative full-app surfaces and reusable UI components. Do not use jsdom font metrics as proof.

Acceptance

• Every text/control family is accounted for as scaled or intentionally fixed.
• No unexplained small-text outliers remain in XL.
• XL native sweep has no clipping/overlap/overflow regressions and returns the profile to its starting size.