Redface 2 · vue:drapeaux · #603 · mockups

Refonte de la top bar — exploration

La barre se vide : loupe rétractable + avatar rond à droite, container drapal + nom + état « +lus » à gauche, centre transparent où le contenu passe dessous. Le loader amorce émerge au centre quand on tire pour rafraîchir, les containers du haut descendant avec le geste. Tire l'écran vers le bas (ou le curseur) pour le sentir.

cadrage Codex (gpt-5.5) · variantes +lus A–E · loaders 1–4 · non contractuel

21:095G  100%

Tire la liste vers le bas (en haut de page) pour armer l'amorce.

Onglet (drapal)

Indicateur « +lus » (container gauche)

Loader amorce (centre)

Amorce pull-to-refresh — 0.00

Comparer les 5 indicateurs « +lus »

État ON sur l'onglet « Mes sujets » (cyan). Codex recommande A (badge texte) pour la v1 — le seul lisible au premier usage.

Comparer les 4 loaders amorce

Vignettes animées en boucle (état « refreshing »). Codex recommande 1 (redface qui roule), repli 3 (anneau). Tous faisables en Compose stable (pas d'API Expressive interne).

Voir le vrai effet (références Material)

Le loader amorce s'inspire du M3 Expressive Loading Indicator (morph de 7 formes, conteneur à fond clair en pull-to-refresh) ; le « feel » de la descente = le système de ressorts M3 Expressive. À réimplémenter en Compose stable (l'API expressive est interne dans notre BOM).

Umbrella #603 · suivi de phase tracker · top bar translucide (prereq) #665 · découvrabilité +lus #661