SOUPs Management — maquette filaire (ticket #44, épopée #28) — design-system §SM
================================================================================

┌──────────────────────────────────────────────────────────────────────────────┐
│ ← Overview                    Pipeliner — Projet client                 (·)    │  ← bande §TB.1 (h1 = nom projet)
├──────────────────────────────────────────────────────────────────────────────┤
│                                                                                │
│  ┌── Risk overview (region) ───────────────────────────────────────────────┐  │  §SM.1a — VUE D'ENSEMBLE
│  ▌                                                                          │  │  (rail gauche = niveau global)
│  ▌  ┌────┐                                ╭───────╮        Risk trend  open  │  │
│  ▌  │ 🟠 │  High risk            (h2)     │ ╭───╮ │        ┌──────────────┐   │  │
│  ▌  │    │  8 critical · 18 high · 4      │ │ 247│        │   /\     /\   │   │  │  ← <TimeSeriesChart>
│  ▌  └────┘  medium across 247 components  │ ╰SOUPs        │ _/  \_/\_/  \_ │   │  │   2 lignes :
│  ▌         ────────────────────────────  ╰───────╯        └──────────────┘   │  │   ● Critical (danger-fg)
│  ▌         Top 3 critical risks      (h3) ● Critical 8                        │  │   ● High (warning-fg)
│  ▌          log4j-core 2.14.1        🔴 Critical ↗  ● High 18                 │  │
│  ▌          openssl 1.1.1k           🔴 Critical ↗  ● Medium 4    [7d][30d•][90d]│  │  ← donut SVG natif
│  ▌          jackson-databind 2.9.8   🔴 Critical ↗  ● Low 12   ● Clean 205   │  │   (PAS recharts)
│  └──────────────────────────────────────────────────────────────────────────┘  │
│                                                                                │
│  Components (h2)                                                                │  §SM.2 — DÉTAIL COMPOSANTS
│  [All][🔴Critical 8][🟠High 18][🟠Medium 4][🟢Low 12][🟢Clean 205]            │   chips risque (radiogroup)
│  Status:[All statuses ▾]   From:[____-__-__]  To:[____-__-__]  Clear dates     │   + statut + plage de dates
│  ┌──────────────────────────────────────────────────────────────────────────┐  │
│  │ COMPONENT ▾   VERSION   RISK ▾(desc)  STATUS    LAST SEEN              │   │  │  ← <table> triable
│  ├──────────────────────────────────────────────────────────────────────────┤  │   (card-owns-scroll,
│  │ log4j-core ↗  2.14.1    🔴 Critical   Active    2 days ago   [View details ›]│  │    min-w-[48rem])
│  │ openssl ↗     1.1.1k    🔴 Critical   Mitigated 5 days ago   [View details ›]│  │
│  │ jackson ↗     2.9.8     🟠 High risk  Active    1 week ago   [View details ›]│  │
│  │ guava         30.1      🟢 Low        Resolved  3 weeks ago  [View details ›]│  │
│  ├──────────────────────────────────────────────────────────────────────────┤  │
│  │ 1–50 of 247                        [‹ Prev]  Page 1 of 5  [Next ›]         │  │  ← pagination serveur §SO.3d
│  └──────────────────────────────────────────────────────────────────────────┘  │
│  2 items suppressed                                                             │  ← §SM.privacy : COMPTEUR SEUL
│                                                                                │     (jamais la liste / aucun lien)
│  Reports (h2)                                                                   │  §SM.4 — RAPPORTS
│  ┌──────────────────────────────────────────────────────────────────────────┐  │
│  │ Export this project's software bill of materials and compliance report.   │  │
│  │ Standard: [IEC 62304]  [PCI DSS]  [Generic •]                             │  │   3 chips standard
│  │           Medical…     Payment…   Standard SBOM                            │  │
│  │ [⬇ Download PDF]  [⬇ Download Excel]      View CycloneDX SBOM ↗            │  │   PDF + Excel + lien report_url
│  └──────────────────────────────────────────────────────────────────────────┘  │
└──────────────────────────────────────────────────────────────────────────────┘

  ── Voir détails → DRAWER latéral droit (§SM.3c, role=dialog, ?component={cid}) ──┐
   log4j-core@2.14.1   🔴 Critical   Active                                    [✕]│
   Vulnerabilities                                                                │
    CVE-2021-44228  🔴 Critical   2.14.1 → 2.17.1 (fixable)  ↗                    │
    CVE-2021-45046  🟠 High       2.14.1 → 2.16.0 (fixable)  ↗                    │
   Licenses:  [Apache-2.0]                                                        │
   purl: pkg:maven/org.apache.logging.log4j/log4j-core@2.14.1   [copy]            │
   View SBOM ↗                                                                    │
  ──────────────────────────────────────────────────────────────────────────────┘

Conventions (toutes héritées) :
- Calqué sur Security Ops §SO : shell §UR.1, segmented §TB.1, HealthBadge §6.1, Card §6.3,
  SectionError §PO.7/§UR.4, table accessible §AD.3/§UR.3.
- Niveau de risque = SM.risk-map (= §SO.severity-map / §SO.1a) : 🔴 critical→danger, 🟠 high→warning
  (ambre « Attention »), 🟠 medium→warning doux, 🟢 low→neutre, 🟢 clean→success.
  Gotcha #6 : le rouge « Down » reste réservé aux pannes ; ici danger = sévérité, pas outage.
- Émoji décoratif aria-hidden ; le MOT + la pastille portent toujours le sens (jamais couleur seule, §7).
- AUCUNE nouvelle couleur (100% tokens §2/§3, base v2.3). Courbe = wrapper recharts unique ;
  donut = SVG natif (aucun autre recharts). Clés i18n → en.ts uniquement (namespace `soups`).
- Faux positifs / champs supprimés : JAMAIS affichés ; au plus un compteur « {n} items suppressed ».