Applications
Your activated apps.
▦ FuzePlan
Project planning
📊 FuzeBI
Dashboards
/applications (drawer open) · 375pxTapping More opens the existing slide-in drawer (SidePanel) over a scrim —
the same drawer the top-bar hamburger opens, so there is one overlay, not two. The bottom nav stays
mounted behind the scrim with More shown pressed; the drawer carries the long-tail destinations that
don't fit the four bar slots. Tapping the scrim, the ✕, or any item closes it.
Drawer open · More pressed · long-tail nav
Coexistence contract. The More tab and the top-bar hamburger both call the shell's single
toggleSidebar (Layout.tsx isSidebarOpen) — one drawer, two triggers,
no second overlay primitive. While open: the drawer is role="dialog" aria-modal="true", the
scrim (--scrim) covers content and bar, the backgrounded content is
aria-hidden, More shows data-pressed + aria-expanded="true", and the
drawer honours --safe-area-top/-bottom so a full-height panel clears the notch and home
indicator. The drawer holds everything the four bar slots can't — Profile, Billing, Connectors,
Help, Status, plus the registry Apps section and (role-gated) Admin — reusing SidePanel's
existing markup. Dismiss: scrim tap (data-action='close-drawer'), ✕, Esc, or any item.
Test hooks: [data-frame='02-more-drawer'] · [data-panel='drawer'][data-state='open'] ·
[data-scrim] · [data-action='close-drawer'] · [data-nav-item='more'][data-pressed='true'] ·
[data-drawer-item='billing'|'connectors'|'profile'|'help'|'status']. Tokens only.