alouette

The chrome around every screen of an app. AppLayout is the shell at one call site: a header, an optional rail and a footer scrolling with the page, the screen in its main landmark with the safe-area insets already applied. AppShell with AppShellSidebar and AppShellMain is the same shell rendered once in a root layout, each route deciding whether it has a rail. AppSidebarLayout is for an application (a dashboard, a back office) navigated from a fixed AppSidebar, falling back to a header on small screens. AppHeader is the banner, filled from caller-composed slots: AppHeaderBrand with a BrandLogo, HeaderNav for text destinations on the bar, AppHeaderActions, and the session — AppHeaderAccount signed in, AppHeaderSignIn signed out, never a "Guest" account menu. Load when building an app header or top bar, a site or app shell, a sidebar layout, a brand logo, or the sign-in button or account menu of a header.