Headless275 Documents

Headless Menu Separation

In a headless panel, root menu.jsx exports menu data and panel/menu.jsx implements the component that renders it. These files have different responsibilities and may both exist. The renderer consumes the root declarations and uses shared routing for internal navigation. Scaffolding must not create a second menu data array under panel.

Philosophy

A rendering component is not a duplicate of the declaration it consumes.

Fix

Keep one menu data source at the runnable root and render it through the runnable-owned menu component.