Patterns métier

Compositions concrètes de composants — gabarits prêts à reproduire pour AMCO Avancé.

Dashboard anomalies Listing compteurs Synthèse compteur Détail anomalie Statut API Intégration iFrame

1 · Dashboard anomalies

Page d'entrée AMCO Avancé

Vue d'ensemble : KPI, répartition par sévérité, top 10 anomalies récentes, raccourcis vers le détail.

Anomalies 7 derniers jours · tous secteurs

📅 14/05 — 20/05

Ouvertes

▲ +6 vs 7j

Critiques

▲ +2

Faux positifs

8,4 %

▼ -1,1 pt

Délai qualif.

3,2 j

▼ -0,4 j

Anomalies récentes

ID	Compteur	Sévérité	Statut	Détectée le
ANO-00478	EAU-12347	Critique	En cours	20/05 09:14
ANO-00477	ENE-08812	Moyenne	Nouvelle	20/05 02:14
ANO-00474	EAU-12101	Élevée	Confirmée	19/05 17:42
ANO-00471	ENE-08120	Élevée	Requalifiée	19/05 11:20

Par sévérité

2 · Listing compteurs

Catalogue + filtres

FilterBar + DataTable avec colonne ID figée mentale (1re colonne identifiante).

Type · Eau, Énergie Secteur · Tous Statut · OK + Alerte

ID	Type	Secteur	Statut	Dernière relève	Anomalies ouvertes
EAU-12347	Eau	Nord	OK	20/05 09:00	2
EAU-12101	Eau	Sud	Alerte	20/05 08:50	1
EAU-12005	Eau	Nord	OK	20/05 09:00	0
ENE-08812	Énergie	Est	Alerte	20/05 08:55	3
ENE-08120	Énergie	Ouest	OK	20/05 09:00	1

3 · Synthèse compteur

Fiche compteur avec onglets

EAU-12347 OK

Secteur Nord · Eau · Modèle 2023

Conso 7j

2 410 m³

Moyenne mobile

2 250 m³

Anomalies 30j

Voir l'onglet Mesures pour la série temporelle complète (pas 10min ou horaire).

Anomalies du compteur listées sous forme de cartes ou tableau dense.

CommentPanel rattaché au compteur.

4 · Détail d'anomalie

Layout 2 colonnes : contexte + actions

Dépassement seuil — EAU-12347

CritiqueEn coursDétectée 20/05 09:14 · Keros AI v0.2

Série de mesures avec overlay24h ± anomalie

Commentaires3 messages

Contexte

Compteur: EAU-12347

Secteur: Nord

Type: Dépassement seuil

Modèle: Keros AI v0.2

Score: 0.93

Timeline

09:14

Détection

10:02

Commentaire J. Dupont

11:30

Statut → En cours

5 · Statut API & qualité données

Module observabilité

Ingestion (24h)

98,7 %

Latence p95

214 ms

Erreurs (24h)

Service	Statut	Version	Dernière ingestion	Erreurs 24h
keros-anomalies	Healthy	1.0.0	20/05 11:30	0
keros-ingestion	Degraded	2.4.1	20/05 11:18	9
keros-export	Healthy	1.2.0	20/05 10:55	3
amco-bridge	Down	0.9.7	20/05 09:42	—

6 · Intégration iFrame (Keros dans AMCO)

Micro-frontend

L'écran montre comment un module Keros (ex. Détection d'anomalies) s'intègre visuellement dans le portail AMCO sans dénoter.

⌂ AMCO · Portail (parent) tenant=TEEO-0042 · user=RR

▣ Keros · Détection d'anomalies iFrame · v1.0.0 · postMessage(handshake)

Ouvertes

Critiques

Délai qualif.

3,2j

Anomalies (extrait)

Critique EAU-12347 · 20/05 09:14

Moyenne ENE-08812 · 20/05 02:14

Le préfixe CSS .k- évite les collisions avec AMCO. Les tokens (couleurs, espaces) sont cohérents avec la charte AMCO pour ne pas créer de rupture visuelle entre le parent et l'iFrame.