Layout Inspector

Debug GPUI layout issues by combining visual probes, computed layout dumps, and automated invariant checks. Use this when elements disappear, get clipped, or have wrong sizes.

Quick Diagnosis Flow

When an element is missing or not rendering:

1. Add a debug probe — bright-colored div to test if the container is working
2. Build and capture — screenshot to check if probe is visible
3. Read the screenshot — visually confirm what rendered
4. Interpret results — probe visible = container works, element is the problem; probe invisible = container/parent is broken

Debug Probe Pattern

Add a brightly colored div near the suspected problem area: