← All frames · Frame 02 · /applications (drawer open) · 375px

Tapping 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

FuzeFront

Applications

Your activated apps.

▦ FuzePlan

Project planning

📊 FuzeBI

Dashboards

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.

Review · mobile-bottom-nav approve or reject each flow ↓
mobile-bottom-navpendingApproveReject