AppShell

You're in #planning·3 others·00:00
content (deferred surface)

Flagship frame — TopBar + Rail + WorkspacesSidebar + content (with a live PresenceStrip). Drag the rail|sidebar seam to resize (committed width: 298px). The resizer writes the CSS var with zero React state per pointermove. Below 768px the rail/sidebar/aside leave the grid and move into the MobileNav overlay (see its own demo) — resize the actual browser window, not this clipped box, since the breakpoint reads the real viewport via `useMediaQuery`.