|
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 ».
|