Component Guidelines

Use typed React function components. App.tsx owns session/editor composition, while reusable map and UI concerns live in named components. Prefer the shared ui/button.tsx primitive for commands. Do not create business UI with querySelector or innerHTML.

Forms use controlled inputs and submit handlers. Keep map canvas DOM owned by OpenLayers and surrounding controls owned by React.