Blanc et crème, éditorial, précis, avec un seul fil vert mousse. Chaque composant lit ses couleurs dans les jetons de globals.css, dans les deux thèmes. Les sections des fonctionnalités s’ajoutent au registre.
Le logomark, les vagues de fils, les compteurs vivants et la puce d’état.
<Logomark /><Wordmark /><StringArtWaves variant='hero' /><Odometer value={1284} chip /><StatusChip tone='ok' /><TwoToneHeading claim rest />Décisions d’applicabilité, confiance, états des faits et santé des sources (spéc. §9.2 et §9.7).
Le texte concerne ce client : les faits du profil remplissent les critères des obligations citées.
Le texte concerne probablement ce client ; un fait ou une interprétation reste à confirmer.
Le texte ne concerne pas ce client ; la justification est conservée pour l’auditeur.
Un fait du profil manque pour conclure : une question est posée au consultant.
<DecisionChip decision='may_apply' confidence={0.62} /><ConfidenceLine value={0.62} /><FactStateBadge source='inferred' /><HealthChip status='failed' />Passage cité, reproduit exactement tel qu’il figure dans le texte stocké.
<LegalQuote reference='Art. 12'>…</LegalQuote><ContentBlock lang='ar'>…</ContentBlock>Serif d’affichage, Inter pour l’interface, mono pour les chiffres et les références d’articles.
Lisez moins. Ne manquez rien.
text-display · font-serifTitre de page
Titre de section
Titre de carte
Rien ne part sans vous. Chaque rapport est relu et approuvé par un consultant.
Inter 500, tracking −0.02emLe texte courant utilise Inter 15/24 pour les résumés, avec une mesure confortable de 68 caractères au plus.
[Surtitre mono]
1 284 · 99,2 % · v1.1
Registre 13 px tabulaire — 12/09/2026 · Art. 4
Citation serif 15/23 dans un bloc crème.
15/24 · mono 12/500 · 13 tabularSurfaces, encre, mousse et sémantique, en clair et en sombre.
Champs de 6 px, libellés visibles, erreurs traduites.
useZodResolver(schema)Puces de 2 px pour les états, mono pour les versions et les compteurs.
<Badge variant='tint' /><StatusPill tone='success' pulse />Cartes crème de 12 px, bordures fines, sans ombre ; formule Cabinet en ligne.
<Card />Rien de nouveau sur les 6 sources vérifiées. Le relevé de couverture est prêt.
<EmptyState />Les rapports approuvés partent automatiquement à la date prévue.
<PlanGate feature='autoSend' when />TanStack Table v8 : recherche, facettes, tri, sélection, pagination, variante dense pour les registres.
| Exemple — texte fictif n° 100 | Arrêté | Applicable | Conforme | 01/09/2026 | |
| Exemple — texte fictif n° 101 | Décret | À confirmer | À évaluer | 02/09/2026 | |
| Exemple — texte fictif n° 102 | Loi | Exempté | Non conforme | 03/09/2026 | |
| Exemple — texte fictif n° 103 | Circulaire | Applicable | Conforme | 04/09/2026 | |
| Exemple — texte fictif n° 104 | Arrêté | À confirmer | À évaluer | 05/09/2026 | |
| Exemple — texte fictif n° 105 | Décret | Exempté | Non conforme | 06/09/2026 | |
| Exemple — texte fictif n° 106 | Loi | Applicable | Conforme | 07/09/2026 | |
| Exemple — texte fictif n° 107 | Circulaire | À confirmer | À évaluer | 08/09/2026 |
Seuls les éléments flottants portent une ombre douce.
Des squelettes dans le contenu ; les indicateurs de chargement seulement dans les boutons.
<SkeletonCard /><SkeletonList rows={4} />Avatars, raccourcis, copie, temps relatif, import de fichiers, périodes, langues.
<AvatarGroup users={…} /><Kbd keys={['mod','K']} /><CopyButton /> <RelativeTime /><FileDropzone accept={acceptFor('text_document')} />iconsax, variante Bulk uniquement.
import { Home2 } from 'iconsax-react'Santé du client, états des informations (déclarée, déduite, confirmée), questions Oui / Non / ?, choix du modèle sectoriel.
<HealthChips health={health} /><FactStateBadge source='inferred' /><CompletenessMeter value={64} />Le site de Casablanca stocke-t-il plus de 500 L de liquides inflammables ?
<FactQuestionControl question={q} /><SectorTemplatePicker templates={…} value={key} />Carte de source (santé, 14 derniers jours, cadence), puces de santé, relevé de couverture, journal d’exécution et bandeau d’incident.
Exemple illustratif : cadence, dates et compteurs fictifs.
<SourceHealthBadge status='failed' />MTEDD — Département du Développement durable
Textes juridiques (évaluation environnementale, pollution, déchets, biodiversité) et normes de rejets publiés par le département. Les PDF sont en général des extraits du Bulletin officiel.
<SourceCard source actions />Institut marocain de normalisation (IMANOR)
Nouvelles normes marocaines (NM) homologuées et projets de normes soumis à enquête publique — titres et résumés uniquement (les normes sont payantes).
Structure de la page modifiée
health.reasons: structure_changed<SourceDays days />Lancement (vérification planifiée), publications depuis le 29 sept.
Page lue : Normes (valeurs limites air et eau) — 14 liens de document1,2 s
https://www.environnement.gov.ma/fr/lois-et-reglementations/normes1 nouveau document repéré
Téléchargement refusé par le fichier robots.txt du site : document signalé pour import manuel
https://www.environnement.gov.ma/images/exemple.pdfTerminée partiellement : 62 éléments listés, aucun nouveau texte8,4 s
<RunLog entries />2 sources couvertes sur 3 · 1 lacune signalée · 02/09/2026 → 02/10/2026
| Source | Vérifications | Dernière | Textes | Couverture |
|---|---|---|---|---|
| Développement durableMA | 4 vérifications2 oct., 1 oct., 30 sept., 29 sept. | 02/10/2026 | 3 | Couverte sur toute la période |
| SantéMA | 2 vérifications2 oct., 28 sept. | 02/10/2026 | 1 | Couverte sur toute la période |
| IMANORMA | 2 vérifications23 sept., 22 sept. | 23/09/2026 | 0 | IMANOR n’a pas pu être vérifiée du 23 sept. au 2 oct. (9 jours). |
<CoverageBlock coverage />Puces de citation, lecteur de passage, synthèse citée, obligations avec citation exacte, statuts de traitement et de pertinence.
<CitationChip chunkId chunk onOpen /><TextTypeLine textType externalRef country /><SummaryView sentences language chunks onOpenPassage /><ProcessingStatusChip status /><RelevanceChip isQse overridden />« Tout générateur de déchets dangereux doit désigner, parmi le personnel qu’il emploie une personne responsable chargée de la gestion des déchets dangereux, dénommée «responsable déchets». »
<LegalQuote reference />ART. 8. – Tout générateur de déchets dangereux doit désigner, parmi le personnel qu’il emploie une personne responsable chargée de la gestion des déchets dangereux, dénommée «responsable déchets».
<PassageViewer textId chunkId open onOpenChange /><Snippet value />Exemples réels, cités mot pour mot : décret n° 2-14-85 du 20 janvier 2015 relatif à la gestion des déchets dangereux (BO n° 6336, édition de traduction officielle).
Carte de correspondance (décision, confiance, raisonnement cité, question), barre d’approbation groupée, éditeur d’impact et raccourcis clavier.
S’applique : 3 obligations remplies sur 3
Données insuffisantes : 1 obligation dépend d’un fait inconnu
Le site Usine de Casablanca stocke-t-il plus de 500 L de liquides inflammables ?
<MatchCard match={m} />Peut s’appliquer : 1 obligation remplie sur 3
Proposition de Karim B. (fictif) : S’applique
Le site dispose d’un poste de transformation : à confirmer lors de la visite.
<MatchCard capabilities={{ decide: false, prepare: true }} /><MatchRow match={m} /><BulkApproveBar count={3} /><ImpactFields value onChange /><KeyboardHints canDecide canPrepare /><RuleScopeLabel /> <RuleEffectBadge /> <LearnedBadge />Puces d’applicabilité, de conformité et de revue, ligne d’exemption, évolutions du registre, action en retard.
<RegisterStatusChip status /><ComplianceChip status /><ReviewStateChip review />Aucune installation concernée sur le site (information confirmée).
<ExemptionRow entry /><RegisterDiff clientId /><ActionStatusChip /> <DueCell />Statuts de rapport, élément de rapport éditable, journal d’envoi, avancement de fin de mois.
<ReportStatusChip status /><MonthEndBar /><ReportItemEditor value lang onSave /><DeliveryLog deliveries />Places de la formule, rôles du cabinet (propriétaire, administrateur, consultant, junior, lecteur) et matrice des capacités de la spécification §2.2.
<RoleBadge role='consultant' /><SeatMeter seats={…} /><SeatMeter seats={…} />| Capacité | Propriétaire | Administrateur | Consultant | Consultant junior | Lecteur |
|---|---|---|---|---|---|
| Facturation, suppression du cabinet | |||||
| Membres, rôles, image du cabinet | |||||
| Configuration des sources | |||||
| Approuver les correspondances et exemptions, envoyer les rapports | |||||
| Gérer les règles et les exemptions | |||||
| Créer et modifier clients, sites et profils | |||||
| Préparer la revue (résumés, propositions) | |||||
| Consulter textes, clients, registres et rapports |
<RolesMatrix highlight='consultant' />Compteurs de la formule, comparaison Solo / Cabinet, factures et paiement en mode test (MAD).
<UsageMeters usage={usage} />paid · openstatus chipsÉtat des sources, bandeau de la démo, choix des pays suivis, libellés arabes (de droite à gauche) et zone de suppression à confirmation saisie. Exemples fictifs.
<SourcesStatusChip /> · <StatusChip tone>Copie privée de démonstration · s’efface dans 2 heures · Aucun e-mail n’est envoyé depuis la démo.
Enregistrer dans votre compte<DemoBannerView expiresAt saveHref />role=radiogroupdir='rtl' lang='ar'<SettingsCard tone='danger'>Les composants du site marketing : barre d’annonce, méga-menu, puce de mesure en direct, vagues, maquette de la file, pile de décisions au clavier, aperçu de rapport, promesse de couverture.
<AnnouncementBar /><HeroMetricChip metric={{ kind: 'week', value }} /><SourcesStatusChip summary /><ReviewDemo /><SummariesArt /> · <MatchesArt /> · <RegisterArt /><Pipeline steps /><FirmTile firm /><StringArtWaves variant="band" />