Design system

Components

DChefNavbar.

Chef-side top navigation: wordmark left • capsule nav links center • help link + initials avatar right. Items are passed already-translated; the active item renders as a pearl-900 pill. On narrow viewports the center nav is hidden; the logo + avatar remain.

Default

default

Configuration standard. Items pré-traduits, l'élément actif rendu en pill pearl-900

Empty middle

empty-middle

Items vides pour les flows sans navigation (ex. wizard de candidature chef). Logo + avatar restent

Olive avatar tone

olive-avatar

Variante visuelle de l'avatar. Olive au lieu du butter par défaut

Avec menu compte

account-menu

Slot #avatar pour un trigger UDropdownMenu : Profil / Préférences / Se déconnecter. Glue prod ChefUserMenu dans apps/public câble useAuth().signOut() et lit /api/chef/me