Widget de chat utilisateur
Iframe sandbox embarquée sur la plateforme Dokia · 4 états critiques
Widget — état READY
Conversation en cours avec historique, sources cliquables (CCN HCR), feedback inline et indicateur quota.
Voir la maquette →Widget — état STREAMING
LLM en cours de réponse : tokens qui arrivent, tool call visible, input désactivé, curseur clignotant.
Voir la maquette →Widget — QUOTA_EXCEEDED
Quota à 100% en rouge, bannière chaleureuse en peach, input désactivé, CTA contacter Dokia.
Voir la maquette →Widget — AUTH_FAILED
Fallback complet : JWT absent ou expiré, monogramme `d.`, invitation à se connecter sur Dokia.
Voir la maquette →Console d'administration
22 pages au total dans la spec, 8 écrans clés mockés ici dans l'ordre de parcours admin.
Admin — page de login
Point d'entrée. NextAuth credentials : email + mot de passe, toggle visibilité, challenge 2FA optionnel.
Voir la maquette →Admin — dashboard
Vue d'ensemble post-login : alertes à traiter, KPIs du jour, dernières conversations, statut des sources.
Voir la maquette →Admin — liste utilisateurs
Liste paginée des utilisateurs plateforme avec recherche, filtres, pagination, ligne bloquée mise en évidence.
Voir la maquette → Critique · Q7Admin — détail utilisateur
Page /users/[id] avec séparation visuelle stricte modifier-quota / bloquer-accès et modale RGPD (Article 17).
Admin — édition prompt
Édition du prompt système Famille Social & Emploi, versioning, compteur caractères, publication.
Voir la maquette →Admin — dashboard analytics
4 KPIs (messages, satisfaction, latence, tokens consommés), line chart 30j, pie chart, questions sans réponse.
Voir la maquette →Admin — ingestion
Sources connectées (WordPress, OneDrive, Strapi à venir) + jobs récents avec retry des échecs.
Voir la maquette →Admin — quotas global
Configuration du quota par défaut (50 msg/mois), overrides individuels actifs, historique audité.
Voir la maquette →Stack & conventions
Stack maquettes
- HTML5 + Tailwind CSS (CDN)
- Outfit (Google Fonts)
- Alpine.js si interactivité légère
- Aucun build step
Tokens Dokia officiels
- Navy
#0F1939 - Orange
#F25C1C - Cream
#FBFAF7 - Police : Outfit 400/500/600/700
Stack production cible
- Next.js 15 App Router
- shadcn/ui + Tailwind
- Recharts (analytics)
- NextAuth v5 + TOTP 2FA