← All frames · Frame 01 · /dashboard · 375px

The bottom nav mounted in the mobile shell. It sits fixed at the bottom within thumb reach; the content area scrolls behind it. Two stages: the default view with Apps active, and the same bar with a notification badge and the Home tab active.

Default · Apps active · /applications

FuzeFront

Applications

Your activated apps. Tap one to open it in the shell.

▦ FuzePlan

Project planning · activated

📊 FuzeBI

Dashboards · activated

🗓️ FuzeAgent

Assistant · activated

💬 FuzeSocial

Messaging · activated

Home active · badge on More · /dashboard

FuzeFront

Dashboard

Welcome back. Here's what's happening across your workspace.

3 apps active

FuzePlan, FuzeBI, FuzeAgent

Acme Inc.

Current organization context

2 pending invites

Review under More → Organizations

Contract. The bar is position: fixed at the viewport bottom at --bottom-nav-height (56px) + --safe-area-bottom; the content area's padding-bottom clears it so nothing is hidden under the bar or the home indicator. Exactly one tab carries aria-current="page", derived from the router pathname (a /app/<slug> route lights Apps). Each tab is a real <a>/<button> at ≥--touch-target (44px) tall. The More tab is a <button> with aria-haspopup/aria-expanded that opens the drawer (Frame 02) — it never navigates. The badge is an accessible count, not decoration.
Test hooks: [data-frame='01-bottom-nav'] · [data-component='bottom-nav'] · [data-nav-item='home'|'apps'|'orgs'|'more'] · [aria-current='page'] · [data-action='toggle-drawer'] · [data-badge]. Tokens only.

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