- Read-only Übersicht der Gate-Abhängigkeiten — im Designer modellieren oder auf der - Gate-Detailseite Kanten pflegen; Verify und Kriterien dort. -
++ Read-only Übersicht der Gate-Abhängigkeiten — im Designer modellieren oder auf der + Gate-Detailseite Kanten pflegen; Verify und Kriterien dort. +
++ Baum der Gate-Abhängigkeiten mit Ist-Status — keine Planungsbearbeitung (Kontrolle / + Journey). +
+ {loading ? ( +Graph wird geladen …
+ ) : ( +Zielzustands-Fortschritt wird geladen …
++ Nächste Gates und Kriterien im Ist — Schritt für Schritt bis Verify. Vollständige Pflege + auf der Gate-Detailseite. +
++ Kriterien: {progress.closed}/{progress.total} erfüllt +
+ )} + {criteria.length > 0 && ( +Alle Kriterien bearbeitet — Verify prüfen.
+ )} +{event.summary}
}{error}
} +diff --git a/frontend/src/styles/components.css b/frontend/src/styles/components.css index 3809304..aac3df3 100644 --- a/frontend/src/styles/components.css +++ b/frontend/src/styles/components.css @@ -1255,6 +1255,52 @@ box-shadow: none; } +.journey-gate-progress-list { + margin-top: 0.75rem; +} + +.journey-gate-progress-item__head { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 0.5rem 0.75rem; +} + +.journey-gate-criteria-list { + margin: 0.5rem 0 0; + padding-left: 1.25rem; + display: grid; + gap: 0.35rem; +} + +.journey-gate-criterion { + display: flex; + flex-wrap: wrap; + align-items: baseline; + gap: 0.35rem 0.75rem; +} + +.journey-gate-criterion--done { + opacity: 0.72; +} + +.journey-gate-criterion__title { + flex: 1 1 12rem; +} + +.journey-gate-criterion__status { + font-size: 0.85rem; +} + +.journey-gate-map .gate-map-view--embedded { + margin-top: 0.5rem; +} + +.journey-gate-map .gate-map-view--embedded > h2, +.journey-gate-map .gate-map-view--embedded > .section-lead { + display: none; +} + .next-action-embedded { margin-top: 1rem; } @@ -1850,6 +1896,11 @@ color: #047857; } +.status-pill--wait { + background: #fffbeb; + color: #b45309; +} + .status-pill--blocked { background: #fef2f2; color: #b91c1c;