App shell, routes, and navigation

The generated frontend separates application route ownership from reusable shell layout. Use the leaf that matches the change:

• Application routes and navigation covers App.tsx contributions, bootstrap order, public/protected routes, SapportaRoutes.tsx and the framework screens it mounts, generated table navigation, and the frontend authorization boundary.
• Layout and sidebar covers responsive sidebar primitives, application-owned shells, theme mode, AppPage, page headers, bounded workspaces, height, and scrolling.

Project screens use these public extension points rather than replacing SapportaApp. An application that needs a different frame composes its own shell from the sidebar primitives in place of AppShell.

Related documentation

• Custom frontend routes and screens
• Generated record surfaces and form helpers
• Table query options