ultisuite-client/components/gmail

Composants Gmail — arborescence

Point d’entrée publics (re-exports à la racine) :

Fichier racine	Module réel
email-list.tsx	email-list/
sidebar.tsx	sidebar/
compose-modal.tsx	compose/
compose-toolbar.tsx	compose/
email-view.tsx	email-view/ + lecture

Dossiers par fonctionnalité

components/gmail/
├── compose/           # Rédaction (fenêtre, manager, toolbar, destinataires)
├── email-list/        # Liste des messages
│   ├── hooks/         # data, labels, selection, reading
│   ├── attachments/
│   └── …
├── email-view/        # Lecture d’un message
├── mail-search/       # Recherche avancée (desktop + mobile)
├── sidebar/           # Navigation latérale
├── contacts/          # Carnet d’adresses
├── quick-settings/    # Réglages rapides
└── *.tsx              # Chrome global (header, search bar, swipe, …)

email-list/

• email-list.tsx — orchestration (hooks → layout)
• hooks/use-email-list-data.ts — filtrage, pagination, pull-refresh
• hooks/use-email-list-labels.ts — libellés / déplacer
• hooks/use-email-list-selection.ts — sélection, actions bulk
• hooks/use-email-list-reading.ts — vue message, navigation clavier
• email-list-layout.tsx — structure split / toolbars
• email-list-body.tsx — zone scroll + lignes
• email-list-toolbar.tsx — barre d’outils
• email-list-row.tsx — une ligne

sidebar/

• sidebar.tsx — shell <aside>
• use-sidebar-state.ts — état local + effets
• sidebar-header.tsx — logo, compose, réglages
• sidebar-nav-panel.tsx — nav principale, dossiers, libellés
• sidebar-folder-row-expanded.tsx, sidebar-label-item-row.tsx, …

compose/

• compose-window.tsx — UI fenêtre
• use-compose-window.ts — éditeur TipTap, envoi, pièces jointes
• compose-modal-manager.tsx — pile de fenêtres / sheet mobile
• compose-recipients.tsx, compose-editor-chrome.tsx, compose-toolbar.tsx