Patterns UI

Composants partagés que chaque page de module utilise pour ses états. Source : app/components/patterns/

<LoadingState>

Pendant qu'une requête est en cours. Reprend la mise en page finale.

<EmptyState>

Quand une requête ne renvoie rien. Propose toujours l'étape suivante.

Aucun élément

Les éléments que vous créez apparaissent ici.

<ErrorState>

Quand une requête échoue. Dit ce qui s'est passé et comment s'en sortir.

<ConfirmDialog>

Avant toute action destructive. Le bouton nomme l'action.

<FormField>

Libellé, contrôle, aide et erreur zod dans un seul wrapper.

Visible par les personnes avec qui vous travaillez.

Boutons et statuts

Une seule action principale par vue. Un statut associe toujours couleur et libellé.

BrouillonEn revueApprouvéBientôt dûEn retard

Registre de navigation

Le shell collecte chaque app/nav/*.ts via import.meta.glob. Installer un module ajoute ses entrées sans modifier de fichier partagé.

EntréeSectionFichierAccès
Vue d'ensembleEspace de travailapp/nav/overview.tsPublic
Patterns UIDéveloppementapp/nav/patterns.tsPublic