DOM-Inspector und komponentenbezogenes Layouting

[cray-com]

Ergebnis

Foundation Devtools wird zum kompakten Begleiter für beschleunigtes In-Code-Layouting auf der echten Website:

• freier DOM-Picker inklusive offener Shadow Roots, Hover-Label, Breadcrumb und Parent-/Child-Navigation;
• explizit registrierte Component-/Scope-Kontexte und ausschließlich registrierte Compose-Recipes/Controls;
• Inspect, Compose und Changes mit Page Map und kompakten Layout-Fakten;
• sichere, begrenzte Copy-Aktionen und Agent Brief mit changes-only JSON;
• aktive Auswahl, maximal acht Annotationen und optionaler Intent als getrennter Session-State;
• draggable Panel mit Edge-/Corner-Snap, Viewport-Clamping, Collapse und Session-Hide;
• Freeze Motion mit sauberem Video-/Stylesheet-Restore;
• gruppiertes Undo/Redo für Slider-Interaktionen;
• Firefox-sichere Tool-Shortcuts;
• Chromium- und Firefox-Smoke ohne stilles Skip;
• unveränderter Production-Ausschluss.

Kein Source-Write, Agent-Server, automatisches Source-Mapping, visueller Recipe-Generator oder Frontman-Code.

Checks

• npm run check
• npm test inklusive Chromium und Firefox
• npm run build
• git diff --check
• abschließendes unabhängiges Review: keine actionable Findings

Closes #12
Refs cray-com/foundation-orchestrator#96