Wishlabs Design

App chrome

Organism. Top-of-app frame every dashboard route sits inside.

DashboardShell

Nav height, ToastProvider, detail-drawer tabs, padded vs full-bleed main.

import { DashboardShell } from '@wishpedigo/ui/app-chrome';
  • DashboardNav — top bar
  • AppSwitcher — cross-app switcher (+ platform Admin / Photo Albums / Previews)
  • ImpersonationBanner — view-as
  • Soft-nav drawers keep chrome on the opener path
This Design app already mounts ToastProvider in the root layout. Do not nest another.