Design — admin web : coque, file de modération et tableau de bord (écrans de référence) #339

Contexte

Epic : #5 · spécification : Admin-Web · D-085 · choix d'Ilan du 2026-10-09 : specs détaillées, et quelques écrans de référence pour un espace cohérent avec la DA Widoo ; les autres écrans suivent ces modèles.
Stack : Next.js, Tailwind, composants shadcn/ui thémés avec tokens.json.

À produire

• Coque : navigation latérale par rôle avec compteurs « à traiter », en-tête, compte
• A-01 connexion et ses refus (sans rôle, suspendu)
• A-02 liste avec filtres en chips, tri, ancienneté en rouge au-delà de 72 h ; états vide, chargement, erreur
• A-02 détail : fiche du parcours, carte, avertissements, règles à cocher, actions Publier, Demander des modifications, Refuser et leurs confirmations
• A-05 tableau de bord (tuiles « à traiter », catalogue, utilisateurs)
• Modèles réutilisables : tableau, panneau de détail, confirmation avec motif, toast
• 1280 px et 1024 px, contrastes et focus clavier
• planche nommée avec l'identifiant d'écran

Validation

Lien de la planche Claude Design : Widoo — Admin
Validée par Ilan le : 2026-10-09 (D-086)