feat(docs): finalize editing forms guideline and define empty state specification

- Marked `Editier-Formulare_Dialog-vs-Fullscreen_v1.md` as APPROVED with finalized mapping for all edit screens. - Created `Empty-States_Spezifikation_v1.md` to outline design, behavior, and implementation plan for empty states across 10 screens. - Logged session outcomes in `2026-04-03_UIUX_B1_B4_Editier-Formulare_Empty-States_Curator_Log.md`. - Updated `UIUX_Roadmap.md` to reflect Sprint B completion and tasks for Sprint C-1. Signed-off-by: Stefan Mogeritsch <stefan.mo.co@gmail.com>
2026-04-03 11:54:40 +02:00
parent 59f7f8d4ad
commit 52f2a54e0b
4 changed files with 411 additions and 24 deletions
@@ -0,0 +1,68 @@
+---
+type: Session Log
+date: 2026-04-03
+agent: 🖌️ UI/UX Designer + 🧹 Curator
+sprint: B (Abschluss)
+status: COMPLETED
+---
+
+# Session Log — UI/UX Sprint B Abschluss: B-1 & B-4
+
+## Zusammenfassung
+
+Sprint B vollständig abgeschlossen. Zwei offene Punkte bearbeitet:
+
+- **B-1:** Finale Entscheidung Editier-Formulare — Guideline von DRAFT auf APPROVED gesetzt, Screen-Mapping ergänzt.
+- **B-4:** Empty States — vollständige Design-Spezifikation neu erstellt (Typen, Texte, Icons, Composable-API).
+
+---
+
+## Erledigte Aufgaben
+
+### B-1 — Finale Entscheidung Editier-Formulare
+
+- **Analyse:** Bestehendes Dokument `Editier-Formulare_Dialog-vs-Fullscreen_v1.md` war inhaltlich vollständig (DRAFT).
+- **Review:** Frontend-Implementierungen (`ReiterProfilEditDialog`, `PferdProfilEditDialog`) bestätigen das
+  Side-Sheet-Muster — kein Widerspruch zur Richtlinie.
+- **Entscheidung festgeschrieben:**
+  - ≤ 3 Felder, keine Async-Lookups → **AlertDialog**
+  - 3–8 Felder, Kontext relevant → **Side Sheet** (Desktop: rechts, ~420–520 px)
+  - > 8 Felder oder starke Abhängigkeiten → **Fullscreen Edit**
+- **Mapping aller Edit-Screens** auf die drei Varianten dokumentiert.
+- **Hinweis:** `PferdProfilEditDialog` überschreitet die Grenze (8–10 Felder, Async-Lookups) → Migration zu Fullscreen
+  für C-1 vorgesehen.
+- **Status:** APPROVED, verbindlich ab 2026-04-03.
+
+### B-4 — Empty States für alle Listenansichten
+
+- **Neu erstellt:** `docs/06_Frontend/Guidelines/Empty-States_Spezifikation_v1.md`
+- **Inhalt:**
+  - 3 Empty-State-Typen definiert: `EMPTY_LIST`, `NO_RESULTS`, `ERROR`
+  - Visuelle Anatomie mit Maßen, Abständen, Typografie
+  - Icon-Konzept: Material Symbols Outlined (kein Custom-Illustration-Set für MVP)
+  - Texte (Titel, Beschreibung, CTA) für 10 Screens × 3 Typen
+  - Composable-API `MsEmptyState` vollständig spezifiziert
+  - Implementierungs-Reihenfolge für Sprint C-1 festgelegt
+  - Abgrenzung zu `MsLoadingIndicator`, `MsValidationWrapper`, `MsStatusBadge`
+- **Status:** APPROVED.
+
+---
+
+## Geänderte Dateien
+
+| Datei                                                                      | Aktion       | Beschreibung                                                                                   |
+|----------------------------------------------------------------------------|--------------|------------------------------------------------------------------------------------------------|
+| `docs/06_Frontend/Guidelines/Editier-Formulare_Dialog-vs-Fullscreen_v1.md` | Aktualisiert | Status DRAFT → APPROVED, Screen-Mapping + Freigabe-Abschnitt ergänzt                           |
+| `docs/06_Frontend/Guidelines/Empty-States_Spezifikation_v1.md`             | Neu erstellt | Vollständige Empty-State-Spezifikation (272 Zeilen)                                            |
+| `docs/04_Agents/Roadmaps/UIUX_Roadmap.md`                                  | Aktualisiert | Sprint B als abgeschlossen markiert, C-1 erweitert, Abhängigkeiten + Empfehlungen aktualisiert |
+
+---
+
+## Übergabe an 🎨 Frontend Expert (Sprint C-1)
+
+| Aufgabe                                            | Grundlage                                                | Priorität |
+|----------------------------------------------------|----------------------------------------------------------|-----------|
+| `MsEmptyState`-Composable implementieren           | `Empty-States_Spezifikation_v1.md` § 6                   | 🔴 Hoch   |
+| Empty States in 10 Listenansichten integrieren     | `Empty-States_Spezifikation_v1.md` § 7                   | 🔴 Hoch   |
+| `PferdProfilEditDialog` → Fullscreen migrieren     | `Editier-Formulare_Dialog-vs-Fullscreen_v1.md` § Mapping | 🟠 Mittel |
+| Verein/Funktionär/Bewerb/Turnier Edit → Side Sheet | `Editier-Formulare_Dialog-vs-Fullscreen_v1.md` § Mapping | 🟠 Mittel |