Keros · DS TEEO · TENANT-0042 Préprod reynholds.reinetteRR
Keros/Design system/Keros AI

Keros AI — Volet de communication avec l'IA d'AMCO

Keros est l'IA de la plateforme AMCO. Elle se présente sous la forme d'un volet conversationnel accessible depuis n'importe quelle page via un badge flottant en bas à droite.

Concept

Trois principes : présence discrète, accès permanent, contexte conservé.

Présence discrète

Un badge flottant de 60×60 px avec le monogramme TEEO. Il ne masque jamais le contenu métier et reste accessible en permanence.

Accès permanent

Le volet s'ouvre par-dessus la page courante (380 px de large) sans la masquer entièrement. L'utilisateur garde son contexte sous les yeux.

Contexte conservé

Le volet propose des scénarios contextuels (Alerte énergie, Maintenance, Audit, Incident) et un statut temps réel pour réduire la friction.

Aperçu interactif

Cliquez sur le badge en bas à droite de la zone pour ouvrir / fermer le volet Keros.

Aperçu

Anatomie du volet

Structure verticale en 4 zones, dimensionnée pour ne pas masquer le contenu métier.

ZoneRôleHauteur indicative
HeaderIdentité Keros (monogramme + libellé), actions réduire/fermer. Dégradé Bleu TEEO → Indigo profond.~64 px
Scénarios4 boutons contextuels pour amorcer rapidement une conversation type.~110 px
Statut temps réelIndicateurs clés (consommation, anomalies, équipements) — lecture immédiate.~130 px
Analyse temps réelCartes d'alertes en file, par sévérité (orange / rouge).variable
FooterChamp "Posez une question…" + bouton envoyer (cercle bleu TEEO).~62 px

Badge flottant — règles d'usage

  • Position : fixed bottom-right, marges 24 px (16 px sur mobile).
  • Dimensions : 60×60 px, forme circulaire, fond blanc.
  • Pulse subtile (animation 2,4 s) signalant que l'IA est active.
  • Point orange (accent TEEO #E9A547) signalant une notification ou une recommandation à consulter.
  • Reste visible sur toutes les pages AMCO et tous les modules Keros (sauf écran de connexion).
  • Au clic : ouverture / fermeture du volet — toggle.
  • Raccourci clavier recommandé : K ou Ctrl+K (V1).

Scénarios métier portés par Keros

Le volet est volontairement orienté action — pas un assistant généraliste, un copilote métier énergie/eau.

⚡ Alerte énergie

Détection d'une dérive de consommation. Keros explique l'anomalie, propose des compteurs à investiguer, suggère un commentaire métier.

🛠 Maintenance

Préparation d'une intervention : compteurs concernés, dernière relève, historique, fenêtre de maintenance recommandée.

📋 Audit

Restitution synthétique pour un audit : KPI sur période, anomalies marquantes, taux de faux positifs, points de vigilance.

🚨 Incident

Gestion d'un incident en cours : agrégation des signaux, secteurs impactés, actions de qualification, traçabilité.

Règles d'intégration

  • Identité TEEO : le monogramme du badge reprend les codes du logo TEEO officiel (plaque arrondie, boucle bicolore Bleu + Orange). Pas de variation libre.
  • Conformité charte : couleurs limitées à la palette TEEO (#157AB3, #485194, #E9A547, #E14929, #DEDFDF). Pas d'effet 3D, pas d'ombre marketing, pas de cartoon.
  • Multi-tenant : le contexte (tenant_id, secteur, période active) est transmis à Keros via postMessage. Aucune décision de filtrage n'est prise côté front uniquement.
  • RGPD : les conversations Keros sont journalisées par tenant ; les données personnelles sont anonymisées dans les exports.
  • Accessibilité : badge focusable au clavier ; volet avec rôle dialog non modal ; Échap ferme le volet.
  • Disponibilité : si le service IA est indisponible, le badge affiche un état grisé et l'ouverture montre un message d'erreur sobre.