The application navigation sidebar — the same shell used by the Hub, Admin and Account apps. It renders a logo/title header, grouped sections of nav items (each with an icon, label and optional badge), plus footerItems. It is collapsible (persisted to localStorage) and fully controlled via activeTab + onTabChange. Click an item to switch tabs; use the round chevron to collapse.

Contained preview: the sidebar is h-full and renders in-flow, so it fits a fixed-height frame. Caveat: its collapsed-state tooltip uses a fixed portal anchored to the viewport, so when collapsed the hover tooltip appears outside this frame.

The full application shell that composes the whole authenticated experience in the Hub, Admin and Account apps. It takes a sidebar slot (a NkSidebar), an optional statusHeader, and the scrollable children main area (with onScroll). On desktop the sidebar sits in-flow; on mobile it becomes a backdrop + slide-in drawer driven by a hamburger header. Below it is shown composed with the real NkSidebar.

Contained preview: this shell is normally h-screen (full viewport). We override it to h-full and wrap it in a relative, fixed-height frame so it renders contained. Caveat: the mobile drawer + backdrop use fixed positioning, so on narrow viewports opening the menu overlays the whole page rather than just this frame.