Finalize P8 pipeline wireframe handoff

This commit is contained in:
david committed 2026-07-28 19:32:30 +02:00
1 parent 8ee75ae314
commit 8266352421
33 files changed
+1389 -459

No files matched your search

@@ -5,38 +5,42 @@ ticket: D-KANBAN
package: WF-P8 Pipelines
id: M01
screen: Verloren-Dialog
typ: Modal
subframe_name: "M01 Verloren-Dialog"
subframe_page_id: "e0c4d9da-aff9-400b-b028-6e215e6e86db"
typ: Modal / Pflichtentscheidung
umsetzung: Bauen
status: Validiert
route: "beim Ziehen in eine Verloren-Spalte (S01/S02)"
subframe: ""
status: In Subframe
route: "aus Projektstatus Verloren"
subframe: "https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit"
source_checked: 2026-07-28
---
# M01 — Verloren-Dialog
## Ziel
## Ziel und Rolle im Flow
Kein Projekt geht »einfach so« verloren — der Grund ist Pflicht (Reporting).
Pflichtmoment beim Setzen eines Projekts auf „Verloren“. Gehört fachlich zu [[S01 Kanban-Board]] und [[S02 Pipelines Detailansicht]].
## Pattern / Archetyp
## Sichtbare Daten
A5 Dialog (echtes Modal).
- Titel „Projekt als verloren markieren“.
- Hinweis: „Diese Aktion setzt den Status auf Verloren.“
- Pflichtfeld „Verlust-Grund *“ mit [[S06 Verlust-Gruende|verwalteten Gründen]].
- Optionen: Preis zu hoch, Kein Budget, Wettbewerber gewonnen, Projekt verschoben, Kunde nicht erreichbar.
- Optionale Notiz für zusätzliche Informationen.
- Hinweis: Grund wird fürs Reporting gespeichert; Projekt kann 24 Stunden rückgängig gemacht werden.
## Daten
## Aktionen und Zustände
- **Grund-Auswahl (Pflicht)** aus den Verlust-Gründen ([[S06 Verlust-Gruende]]) + optionales Freitext-Feld
- Abbrechen.
- „Als verloren markieren“.
- Fehlender Grund ist fachlich blockierend; die aktuelle Seite zeigt den Pflichtstern, aber keinen separaten Error-State als eigene Subframe-Seite.
## Aktionen
## Implementierungsform
- »Als verloren markieren« → Karte wandert, 24-h-Rückgängig-Banner
- Abbrechen → Karte springt zurück
## Meldungsentscheidung
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|---|---|---|---|---|
| Kein Grund gewählt | Inline-Validierung | ja | Nur dokumentieren | Pflichtfeld |
`DialogLayout` mit `Dialog` und einer darin selbst aufgebauten, zentrierten Surface; kein `Dialog.Content` im aktuellen JSX. Außerdem `Select`, `TextArea`, `Alert`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- (erst nach explizitem OK)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -1,42 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-KANBAN
package: WF-P8 Pipelines
id: M02
screen: Board-Wechsel-Dialog
typ: Modal
umsetzung: Bauen
status: Validiert
route: "beim Einzug in eine Spalte ohne Auto-Regel (v. a. Gewonnen)"
subframe: ""
---
# M02 — Board-Wechsel-Dialog
## Ziel
Davids Regel-Logik: Hat die Spalte eine Auto-Verschieben-Regel, passiert der Wechsel still. **Ohne Regel** fragt dieser Dialog: »Wohin damit?«
## Pattern / Archetyp
A5 Dialog (echtes Modal).
## Daten
- Kurz-Bestätigung (z. B. »Projekt gewonnen 🎉«)
- **Auswahl: Ziel-Board + Start-Spalte** (nur Boards mit Zugriff)
- Option »Hier liegen lassen« (kein Wechsel)
## Aktionen
- »Verschieben« → Projekt wechselt Board (nur View-Wechsel, kein Kopieren), Toast + 24-h-Rückgängig
- »Hier lassen« / Abbrechen
## Subframe
- (erst nach explizitem OK)
## Notizen
- Spalten-Regel wird in [[S04 Board-Einstellungen]] gepflegt; Umsetzung (direkt vs. Automation-Engine) = Dev-Frage.
@@ -0,0 +1,41 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-KANBAN
package: WF-P8 Pipelines
id: M03
screen: Kontextmen_ Rechtsklick
subframe_name: "M03 Kontextmen_ Rechtsklick"
subframe_page_id: "78fa6fa5-e2e8-441c-aefd-e9990996b761"
typ: Kontextmenü
umsetzung: Bauen
status: In Subframe
route: "Rechtsklick auf Kanban-Karte in S01"
subframe: "https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit"
source_checked: 2026-07-28
---
# M03 — Kontextmen_ Rechtsklick
## Ziel und Rolle im Flow
Kontextmenü für eine Kanban-Karte in [[S01 Kanban-Board]]. Ein Rechtsklick auf die Karte öffnet M03; das Menü gehört damit zum Arbeiten innerhalb des Kanban-Boards und nicht zu einer eigenständigen Canvas-Seite.
## Sichtbare Aktionen
- Öffnen.
- Einstellungen.
- Rückgängig (`⌘ Z`).
- Wiederholen (`⌘ ⇧Z`).
- Board wechseln.
- Duplizieren (`⌘ D`).
- Löschen (`⌫`, destruktiv markiert).
## Implementierungsform
`SubframeCore.ContextMenu.Root/Trigger/Portal/Content` mit dem Projekt-`ContextMenu` und `BadgeShortcut`. Der Export enthält keine Aktionshandler; der Kartenkontext ist als Produktentscheidung für Development validiert.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: M04
screen: Pipeline-Uebergabe
subframe_name: "M04 Pipeline-Uebergabe"
subframe_page_id: "928e8ef6-90af-4733-8dad-38765c00c42f"
typ: Modal / Übergabe · Notizen
umsetzung: Bauen
status: In Subframe
route: "Statuswechsel in die letzte Stage der aktuellen Pipeline"
subframe: "https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit"
source_checked: 2026-07-28
---
# M04 — Pipeline-Übergabe
## Ziel und Rolle im Flow
Beim Erreichen der letzten Stage einer Pipeline auswählen, welche projektbezogenen Begleitdaten in die nächste Pipeline übernommen werden. Das Beispiel übergibt „Wärmepumpe Müller“ von Angebot nach Anlagen-Installation.
Der Trigger ist statusbasiert und kein eigener Button: Setzt ein Vertriebler die Kanban-Karte in [[S01 Kanban-Board]] in die letzte Stage bzw. den abschließenden Status, öffnet sich M04 automatisch. Erst nach der Auswahl wird das Projekt zusammen mit den gewählten Notizen, Dateien, Aufgaben und Terminen an die nächste Pipeline übergeben.
## Tabs und Varianten
- M04 zeigt den Reiter Notizen.
- Dateien → [[M04a Pipeline-Uebergabe Dateien]].
- Aufgaben → [[M04b Pipeline-Uebergabe Aufgaben]].
- Termine → [[M04c Pipeline-Uebergabe Termine]].
## Sichtbarer Inhalt
- Drei selektierbare Notizen mit Inhalt, Autor und Datum.
- Beispielnotizen betreffen BAFA/Förderung, Vergleichsangebote und optional weiterzugebende Informationen.
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
## Aktionen
- Abbrechen / Schließen.
- Auswahl übernehmen → Projekt in die nächste Pipeline übergeben und die ausgewählten Begleitdaten mitnehmen.
## Implementierungsform
`DialogLayout` mit `Dialog.Content`, außerdem `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P4
package: WF-P8 Pipelines
id: M04a
screen: Pipeline-Uebergabe Dateien
subframe_name: "M04a Pipeline-Uebergabe Dateien"
subframe_page_id: "2f8d946f-2700-4ba5-b1f3-f8199ef4c07f"
typ: Modal-Variante / Übergabe · Dateien
umsetzung: Bauen
status: In Subframe
route: "Dateien-Tab von M04"
subframe: "https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit"
source_checked: 2026-07-28
---
# M04a — Pipeline-Übergabe Dateien
## Ziel und Rolle im Flow
Dateien-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals, kein unabhängiger linearer Schritt. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
## Sichtbarer Inhalt
- Angebot_v1.pdf (Angebotsdokument).
- Auftrag.pdf (Auftragsdokument).
- Foerderunterlagen.pdf (Förderung).
- Fotos Vor-Ort-Termin.zip (Dateianhang).
- Jede Datei besitzt Checkbox, Typ/Metadaten und Dateigröße/Datum.
- Auswahlzusammenfassung: 7 ausgewählt; 2 Notizen, 2 Dateien, 2 Aufgaben, 1 Termin.
## Aktionen
- Wechsel zu Notizen, Aufgaben oder Terminen.
- Abbrechen / Schließen.
- Auswahl übernehmen.
## Implementierungsform
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P4
package: WF-P8 Pipelines
id: M04b
screen: Pipeline-Uebergabe Aufgaben
subframe_name: "M04b Pipeline-Uebergabe Aufgaben"
subframe_page_id: "9ba224d7-3288-4027-9bd1-6c1483453b4f"
typ: Modal-Variante / Übergabe · Aufgaben
umsetzung: Bauen
status: In Subframe
route: "Aufgaben-Tab von M04"
subframe: "https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit"
source_checked: 2026-07-28
---
# M04b — Pipeline-Übergabe Aufgaben
## Ziel und Rolle im Flow
Aufgaben-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
## Sichtbarer Inhalt
- Förderzusage prüfen: offen, hoch, Markus Weber.
- Vor-Ort-Termin vorbereiten: mittel, Sandra Koch.
- Kunde wegen Vergleichsangebot anrufen: optional, normal.
- Jede Aufgabe zeigt Beschreibung, Fälligkeit, Priorität und zuständige Person sowie eine Checkbox.
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
## Aktionen
- Wechsel zu Notizen, Dateien oder Terminen.
- Abbrechen / Schließen.
- Auswahl übernehmen.
## Implementierungsform
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P16
package: WF-P8 Pipelines
id: M04c
screen: Pipeline-Uebergabe Termine
subframe_name: "M04c Pipeline-Uebergabe Termine"
subframe_page_id: "d248e3b5-4470-4c33-9e2f-c2fc2cf4006a"
typ: Modal-Variante / Übergabe · Termine
umsetzung: Bauen
status: In Subframe
route: "Termine-Tab von M04"
subframe: "https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit"
source_checked: 2026-07-28
---
# M04c — Pipeline-Übergabe Termine
## Ziel und Rolle im Flow
Termine-Tab des Übergabe-Dialogs [[M04 Pipeline-Uebergabe]]. Es ist ein gebauter Tab-Zustand desselben Modals. Das Modal wurde bereits durch den Statuswechsel in die letzte Stage geöffnet.
## Sichtbarer Inhalt
- Vor-Ort-Termin, 12.07. um 10:30 Uhr, Kunde vor Ort, Sandra Koch.
- Telefonat Förderung, 14.07. um 09:00 Uhr, Markus Weber.
- Montagefenster abstimmen, 18.07. um 15:00 Uhr, Team Montage.
- Angebot nachfassen, 21.07. um 11:00 Uhr, Markus Weber.
- Jede Zeile zeigt Datum, Uhrzeit, Titel, Typ/Ort, Verantwortliche und Checkbox.
- Auswahlzusammenfassung: 6 ausgewählt; 2 Notizen, 1 Datei, 2 Aufgaben, 1 Termin.
## Aktionen
- Wechsel zu Notizen, Dateien oder Aufgaben.
- Abbrechen / Schließen.
- Auswahl übernehmen.
## Implementierungsform
`DialogLayout` mit `Dialog.Content`, `Tabs`, `Checkbox`, `BadgeFeedback`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: M05
screen: Modal Bestandsfeld
subframe_name: "Modal Bestandsfeld"
subframe_page_id: "4b1c3497-6eff-48f6-9680-1cbad7e67da7"
typ: S05-Variante mit Unterdialog
umsetzung: Bauen
status: In Subframe
route: "aus S05: Bestehendes Feld hinzufügen"
subframe: "https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit"
source_checked: 2026-07-28
---
# Modal Bestandsfeld
## Ziel und Rolle im Flow
Gebauter Zustand von [[S05 Detail-Schablone Edit-Mode]] mit geöffnetem Unterdialog „Bestehendes Feld hinzufügen“. Subframe vergibt für diese Seite keinen S-/M-Präfix; `M05` ist nur das eindeutige lokale Canvas-Kürzel.
## Hintergrundzustand
Die komplette Detailfeld-Konfiguration bleibt im Hintergrund sichtbar: Feldgruppen, Bestandsfelder, Live-Vorschau und ausgewähltes Custom-Feld. Der Kopf nutzt hier „Speichern“ statt „Fertig“.
## Unterdialog
- Zielgruppe im Beispiel: Grunddaten.
- Suchfeld „Feld suchen…“.
- Vorhandene Felder mit Typ:
- Fördernummer, Angebotsnummer, Zählernummer: Text.
- Wunschtermin: Datum.
- Objektart, Dachform, Netzbetreiber: Auswahl.
- Interne Notiz: Langtext.
- Fördernummer ist im Beispiel ausgewählt.
## Aktionen
- Schließen / Abbrechen.
- Hinzufügen.
## Implementierungsform
Vollständige S05-Seite mit absolut darüberliegendem `Dialog` und `Dialog.Content`; außerdem `TextInput`, `Select`, `Switch`, `DropdownMenuSelect`, `Tag_Label`, `BadgeFeedback`, `Button`, `IconButton`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,55 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S00
screen: Boards-Startseite
subframe_name: "S00 Boards-Startseite"
subframe_page_id: "1778cf5e-777b-439c-81b6-c51f85283cc4"
typ: Board-Auswahl / Liste
umsetzung: Bauen
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit"
source_checked: 2026-07-28
---
# S00 — Boards-Startseite
## Ziel und Rolle im Flow
Normaler Einstieg in Pipelines: Ein verfügbares Board öffnen oder für ein gesperrtes Board die Nutzung anfragen. Der Screen trennt die normale Board-Auswahl von der Admin-Verwaltung in [[S07 Boards-Uebersicht]].
## Sichtbare Struktur und Daten
- Kopf „Boards“ mit Erklärung zu sichtbaren, aber noch nicht freigegebenen Boards.
- Aktionen: Allgemeine Einstellungen, [[S06 Verlust-Gruende|Verlustgründe]], „Neues Board“.
- Filter: Typ (Vertrieb/Auftrag/Eigenes), Zugriff (Freigegeben/Freigabe nötig/Nur ich), Status (Aktiv/Gesperrt/Entwurf/Archiviert).
- Tabelle: Board, Typ, Spalten, Projekte, Zugriff, Status, Aktion.
- Beispiel-Boards: Vertrieb: Anlagen-Verkauf, Wartungsverträge, Anlagen-Installation, Notfall-Reparatur, Controlling Board.
## Aktionen und Verknüpfungen
- „Öffnen“ bzw. Board-Name → [[S01 Kanban-Board]].
- Zahnrad einer Zeile → [[S04 Board-Einstellungen]].
- „Nutzung anfragen“ bleibt auf gesperrten Boards verfügbar.
- „Neues Board“ → [[S07 Neues Board Dialog Variante]].
- „Allgemeine Einstellungen“ gehört fachlich zur Admin-Boardverwaltung [[S07 Boards-Uebersicht]].
Die Ziele sind aus den sichtbaren Controls und den vorhandenen Seiten abgeleitet; die exportierten `onClick`-Handler sind leer.
## Permissions / Gates
- Freigegebene Boards sind öffnbar.
- Gesperrte Boards bleiben gedimmt sichtbar und zeigen „Keine Berechtigung“ oder „Anfrage möglich“.
- Fußzeile: „5 Boards sichtbar · gesperrte Boards werden nach Freigabe nutzbar“.
## Verwendete Komponenten
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `BadgeFeedback`, `Tag_Label`, `Button`, `IconButton`, `LinkButton`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -5,53 +5,55 @@ ticket: D-KANBAN
package: WF-P8 Pipelines
id: S01
screen: Kanban-Board
typ: BESPOKE Board
subframe_name: "S01 Kanban-Board"
subframe_page_id: "52699d37-974d-4f5d-b3d0-003de765b692"
typ: Board-Hauptansicht
umsetzung: Bauen
status: Validiert
route: "/projects"
subframe: ""
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit"
source_checked: 2026-07-28
---
# S01 — Kanban-Board ⭐
# S01 — Kanban-Board
## Ziel
## Ziel und Rolle im Flow
Der Vertrieb auf einen Blick: Wo steht welches Projekt, was hängt, was ist gewonnen?
Projektarbeit in der Board-Ansicht der ausgewählten Pipeline. Das Beispiel zeigt „Vertrieb: Anlagen-Verkauf“ und ist die Board-Schwesteransicht von [[S03 Projekt-Liste]].
## Was das Tool können muss
## Sichtbare Struktur und Daten
- **EIN Board-System für alle Board-Typen** (Vertrieb/Auftrag/eigene) — Boards sind Views auf denselben Projekt-Datensatz
- **Karten ziehen = Status wechseln**, mit Validation (unerlaubte Spalte → Karte springt zurück + Klartext)
- **Gewonnen-Spalte:** Regel greift (Auto-Verschieben nach Board X, Toast) oder [[M02 Board-Wechsel-Dialog]]
- **Verloren-Spalte:** [[M01 Verloren-Dialog]] — Grund ist Pflicht
- Umsatz-Aggregate nur für Berechtigte (sonst »—«)
- Live (mehrere Nutzer sehen Änderungen sofort), Pagination je Spalte (100+)
- Kopf: Pipelines, Board-Auswahl, Umschalter Board/Liste, Board-Einstellungen, Projekt anlegen.
- Filter: Sachbearbeiter, Kundentyp, Tags, Zeitraum, Auftragswert; Schnellfilter „Nur meine Projekte“.
- Aktive Filter im Beispiel: PV / Solar, Wärmepumpe, Nur meine Projekte.
- Spalten: Neu (4), Qualifiziert (4), Angebot (3).
- Karten: Projektname, Kontakt/Ort, Tags, Auftragswert oder „—“, Avatar, Start-/Enddatum, nächster Termin und Prioritätsvariante.
- Die elf Beispielprojekte entsprechen der Tabellenansicht in S03.
## Pattern / Archetyp
## Aktionen und Verknüpfungen
**BESPOKE** — horizontales Spalten-Board.
- Umschalter „Liste“ → [[S03 Projekt-Liste]].
- „Board-Einstellungen“ → [[S04 Board-Einstellungen]].
- Projektkarte öffnen → [[S02 Pipelines Detailansicht]] (fachlich aus Card/Detail-Seitenfamilie abgeleitet).
- Leerer bzw. weggefilterter Zustand → [[S01a Kanban-Board Empty State]].
- Rechtsklick auf eine Kanban-Karte → [[M03 Kontextmen_ Rechtsklick]].
- Status „Verloren“ gehört zum Pflichtdialog [[M01 Verloren-Dialog]].
- Wird eine Karte in die letzte Stage bzw. den abschließenden Status gezogen, öffnet sich automatisch [[M04 Pipeline-Uebergabe]]. Das ist statusgetrieben und kein eigener Button.
## Daten
## Aktueller Umfang
- Board-Wechsler oben (nur Boards, die die Rolle sehen darf) + Umschalter Board/Liste ([[S03 Projekt-Liste]])
- Spaltenkopf: Name · Projekt-Anzahl · Summe (gegated) · Win-%
- Karte (fix, kein Karten-Editor v1): Titel · Umsatz (gegated) · Verantwortlicher-Avatar · Termin-/Abschlussdatum · max. 3 Tags · Hänger-Marker (zu lange in Spalte)
- Filter: Verantwortlicher, Tags, Umsatz-Bereich, Datum · »nur meine«-Schnellfilter
Im JSX sind drei Board-Spalten und statische `ProjectCard`-Instanzen sichtbar. Drag-and-drop-, Bulk- oder Live-Logik ist im exportierten Screen-Code nicht verdrahtet. Für Development ist jedoch validiert: Karten-Rechtsklick öffnet M03; das Setzen auf die letzte Stage öffnet statusbasiert M04.
## Aktionen
## Permissions / Gates
- Karte öffnen → [[S02 Projekt-Detailseite]]
- Drag&Drop · Mehrfachauswahl + Bulk (zuweisen, Spalte, Tags)
- Admin: **»Board verwalten«** → [[S04 Board-Einstellungen]] · **Edit-Mode** → [[S05 Detail-Schablone Edit-Mode]]
- Einzelne Auftragswerte werden als „—“ dargestellt; andere Karten zeigen Beträge.
- Der Screen selbst erklärt den Grund dafür nicht, bildet aber damit einen gegateten Wertzustand ab.
## Zustände
## Verwendete Komponenten
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leeres Board | »Noch keine Projekte« + CTA (Lead-Eingang / anlegen) | Nur dokumentieren |
| Live weg | Inline »aktualisiert sich gerade nicht« | Nur dokumentieren |
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
`KanbanColumn`, `ProjectCard`, `FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Switch`, `Tag_Label`, `Avatar`, `Button`.
## Subframe
- (erst nach explizitem OK)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,48 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-KANBAN
package: WF-P8 Pipelines
id: S01a
screen: Kanban-Board Empty State
subframe_name: "S01a Kanban-Board Empty State"
subframe_page_id: "99a06fd6-d3c7-407b-8a52-5ffb202d5be4"
typ: Gebaute Empty-State-Variante
umsetzung: Bauen
status: In Subframe
route: "Variante von S01"
subframe: "https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit"
source_checked: 2026-07-28
---
# S01a — Kanban-Board Empty State
## Ziel und Rolle im Flow
Gebauter Leer-/Filterzustand von [[S01 Kanban-Board]]. Der Kopf und die Filter bleiben vollständig erhalten.
## Sichtbarer Zustand
- Zentrale Meldung „Keine Projekte gefunden“.
- Erklärung „Filter zurücksetzen oder ein neues Projekt anlegen.“
- Aktionen: Filter zurücksetzen, Projekt anlegen.
- Zähler: 0 Projekte.
- Die drei leeren Spalten bleiben sichtbar:
- Neu: „Neue Projekte erscheinen hier.“
- Qualifiziert: „Geprüfte Projekte landen hier.“
- Angebot: „Angebotsreife Projekte landen hier.“
## Verknüpfungen
- Filter zurücksetzen → S01 mit Projekten.
- Projekt anlegen → nicht als eigene Seite im aktuellen P8-Flow vorhanden.
- Board/Liste-Umschalter bleibt mit [[S03 Projekt-Liste]] verbunden.
## Verwendete Komponenten
`FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `KanbanColumn`, `Switch`, `Tag_Label`, `Button`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P4
package: WF-P8 Pipelines
id: S02-A
screen: Modal Aufgabe erstellen
subframe_name: "S02 Modal Aufgabe erstellen"
subframe_page_id: "57954141-d806-4766-ba3e-a8a35f5b1902"
typ: Schnellaktions-Modal
umsetzung: Bauen
status: In Subframe
route: "Schnellaktion aus S02"
subframe: "https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit"
source_checked: 2026-07-28
---
# S02 — Modal Aufgabe erstellen
## Ziel und Rolle im Flow
Neue Aufgabe direkt für das aktuelle Projekt aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
## Sichtbare Felder
- Aufgabe / Titel.
- Fällig am.
- Zuständig: Person oder Team; Beispiele Markus Weber, Sandra Koch, Team Vertrieb, Team Montage.
- Priorität: Niedrig, Normal, Hoch.
- Beschreibung.
- Der Screen enthält einen vollständig ausgefüllten Beispieldatensatz zum Rückruf wegen eines BAFA-Antrags.
## Aktionen
- Abbrechen / Schließen.
- Aufgabe erstellen.
## Implementierungsform
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `TextInput`, `DatePicker`, `Select`, `TextArea`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,42 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P4
package: WF-P8 Pipelines
id: S02-F
screen: Modal Datei hochladen
subframe_name: "S02 Modal Datei hochladen"
subframe_page_id: "b2182708-1af1-45d1-8d18-c652081d04c5"
typ: Schnellaktions-Modal
umsetzung: Bauen
status: In Subframe
route: "Schnellaktion aus S02"
subframe: "https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit"
source_checked: 2026-07-28
---
# S02 — Modal Datei hochladen
## Ziel und Rolle im Flow
Datei direkt zum aktuellen Projekt aus der Schnellaktionsleiste bzw. der Dateien-Seitenleiste von [[S02 Pipelines Detailansicht]] hinzufügen.
## Sichtbare Felder
- `FileUpload` im Default-Zustand.
- Kategorie: Angebot, Rechnung, Auftragsdokument, Foto, Sonstiges.
- Optionale Beschreibung.
## Aktionen
- Abbrechen / Schließen.
- Datei hochladen.
## Implementierungsform
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `FileUpload`, `Select`, `TextArea`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S02-N
screen: Modal Notiz erstellen
subframe_name: "S02 Modal Notiz erstellen"
subframe_page_id: "2dcbdcd7-d91a-4e74-96ec-103e3c545e76"
typ: Schnellaktions-Modal
umsetzung: Bauen
status: In Subframe
route: "Schnellaktion aus S02"
subframe: "https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit"
source_checked: 2026-07-28
---
# S02 — Modal Notiz erstellen
## Ziel und Rolle im Flow
Projektbezogene Notiz aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
## Sichtbare Felder
- Notiz als mehrzeiliger Text.
- Sichtbarkeit: Alle mit Projektzugriff, Nur Innendienst, Nur ich.
- Beispielnotiz: Förderprogramm-Affinität und laufender BAFA-Antrag.
## Aktionen
- Abbrechen / Schließen.
- Notiz erstellen.
## Permissions / Gates
Die Sichtbarkeitsauswahl ist ein explizites Berechtigungsmerkmal dieser Notiz und nicht nur ein allgemeiner Projektzugriff.
## Implementierungsform
`DialogLayout` mit zentrierter, selbst aufgebauter Surface; kein importiertes `Dialog`/`Dialog.Content`. Komponenten: `TextArea`, `Select`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8 + D-P16
package: WF-P8 Pipelines
id: S02-T
screen: Modal Termin erstellen
subframe_name: "S02 Modal Termin erstellen"
subframe_page_id: "2a15d9a8-03b4-45e2-8c39-5be6e18b79cf"
typ: Schnellaktions-Modal
umsetzung: Bauen
status: In Subframe
route: "Schnellaktion aus S02"
subframe: "https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit"
source_checked: 2026-07-28
---
# S02 — Modal Termin erstellen
## Ziel und Rolle im Flow
Projektbezogenen Termin aus der Schnellaktionsleiste von [[S02 Pipelines Detailansicht]] anlegen.
## Sichtbare Felder
- Terminname.
- Datum, Von, Bis.
- Typ: Vor-Ort-Termin, Telefontermin, Online-Termin.
- Zuständig: Person/Team.
- Eingeladene Personen mit Avataren, „Person hinzufügen“ und Benachrichtigungshinweis.
- Notiz.
- Der Beispieldatensatz plant einen Vor-Ort-Termin am 30.09.2026 von 10:30 bis 11:30 Uhr.
## Aktionen
- Abbrechen / Schließen.
- Termin erstellen.
## Implementierungsform
`Dialog` mit `Dialog.Content`; kein `DialogLayout` im aktuellen JSX. Außerdem `DatePicker`, `TextInput`, `Select`, `TextArea`, `Avatar`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,67 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S02
screen: Pipelines Detailansicht
subframe_name: "S02 Pipelines Detailansicht"
subframe_page_id: "8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7"
typ: Projekt-Detail / Editor
umsetzung: Bauen
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit"
source_checked: 2026-07-28
---
# S02 — Pipelines Detailansicht
## Ziel und Rolle im Flow
Zentrale, direkt bearbeitbare Projektansicht. Der aktuelle Beispieldatensatz „Heizungsmodernisierung Familie Weber“ gehört zum Board „Auftragsabwicklung SHK“. Der Screen wird fachlich aus Projektkarten in [[S01 Kanban-Board]] und Zeilen in [[S03 Projekt-Liste]] geöffnet.
## Kopf und globale Aktionen
- Projektname und Board-Badge.
- Projekt-ID `PRJ-2026-00482` mit Kopieraktion.
- „Pipeline“ und „Speichern“.
- Statusauswahl mit Neu, Qualifiziert, Aufmaß geplant, Angebot erstellt, Angebot versendet, Gewonnen, Verloren und Pausiert; aktueller Beispielwert „In Verhandlung“.
## Bearbeitbare Datenbereiche
- Grunddaten: Projektname, Status, Priorität, Quelle, Projekttyp, Promotion, potenzieller Wert, Auftragsvolumen.
- Planung und Verantwortliche: Start, Deadline, zuständige Personen, Projektleiter, Monteure.
- Projektkontaktdaten: E-Mail, Telefon, Fax.
- KWP-Integration: Projektnummer, Abteilungsnummer, Sachbearbeiter, Auftragsstatus.
- Kontakte: Firma mit Firmendaten und Notizen, primärer und sekundärer Ansprechpartner, Firma/Kontakt suchen oder neu anlegen.
- Adressdaten: Projektadresse, separate Rechnungsadresse, separate Bauherradresse und ausführliche Zugangs-/Versandhinweise.
## Schnellaktionen und Unterseiten
- Anrufen und E-Mail bleiben direkte Aktionen ohne eigene Seite im P8-Flow.
- Termin → [[S02 Modal Termin erstellen]].
- Aufgabe → [[S02 Modal Aufgabe erstellen]].
- Notiz → [[S02 Modal Notiz erstellen]].
- Hochladen → [[S02 Modal Datei hochladen]].
- Status Verloren → [[M01 Verloren-Dialog]].
- Für [[M04 Pipeline-Uebergabe]] gibt es keinen eigenen Button in S02. Der validierte Haupttrigger liegt im Kanban: Wird die Karte in S01 in die letzte Stage bzw. den abschließenden Status gesetzt, öffnet sich M04 automatisch.
## Rechte Pipeline-Seitenleiste
- Bereiche: Verlauf, Termine, Dateien, Aufgaben, Notizen, Aktivitäten.
- Im gebauten Zustand ist Dateien aktiv.
- Enthält Upload-CTA, Drag-and-drop-Zone sowie Angebots- und Auftragsdokumente mit Download-/Mehr-Menü.
## Aktuelle Abgrenzung
Der Screen ist kein kleiner P6-Karteikarten-Platzhalter mehr, sondern ein umfangreicher Editor mit Hauptfläche, schwebender Schnellaktionsleiste und rechter Pipeline-Seitenleiste. Diese konkrete Struktur ersetzt die frühere Obsidian-Beschreibung.
## Verwendete Komponenten
Unter anderem `Accordion`, `AccordionNested`, `TextInput`, `Select`, `MultiSelect`, `DatePicker`, `DropdownMenuSelect`, `DropdownMenuMultiSelect`, `ProjectCard`, `Avatar`, `BadgeFeedback`, `CopyToClipboardButton`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -1,51 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S02
screen: Projekt-Detailseite
typ: Detail (P6-Muster)
umsetzung: Bauen
status: Validiert
route: "/projects/:id"
subframe: ""
---
# S02 — Projekt-Detailseite
## Ziel
Alles zu einem Projekt an einem Ort — die Akte, die in P9 um Auftrags-Reiter wächst.
## Was das Tool können muss
- **Status sichtbar und klickbar**: Status-Leiste (Spalten des aktuellen Boards) im Kopf, Klick = Wechsel; Historie mit Verweildauer je Spalte
- Herkunft zeigen: »Kam aus Anfrage X« (Link zum Lead)
- Gewonnen/Verloren-Banner mit **24-h-Rückgängig**
- Kontakte **mit Projekt-Rollen** verknüpfen: Auftraggeber · Bauherr · Rechnungsempfänger · Ansprechpartner
- Felder je Board unterschiedlich (kommt aus der Detail-Schablone / Edit-Mode)
## Pattern / Archetyp
A3 — **P6-Karteikarten-Muster** (Zweispalter + Reiter), erweitert um die Status-Leiste im Kopf.
## Aufbau
- **Kopf:** Nummer + Titel · Status-Leiste (klickbar) · Board-Zugehörigkeit · Schnell-Aktionen (Anrufen/E-Mail/Termin/Aufgabe/Notiz)
- **Links:** Stammdaten inline (Umsatz gegated, Zeitraum, Adress-Slots) · Kontakte mit Rollen · eigene Felder (je Board-Schablone) · Tags · Herkunfts-Hinweis
- **Rechts, Reiter:** Verlauf (Default) · Termine · Aufgaben (V01 aus P4) · Dateien (P4-Sektion) — Rechnungen/Checklisten/Abnahmen kommen mit P9 dazu
- »Verlauf dieses Objekts« (Audit-Drawer aus P3)
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Gewonnen/Verloren | Banner + 24-h-Rückgängig | Nur dokumentieren |
| Umsatz ohne Recht | »—« | Nur dokumentieren |
| Nicht gefunden / kein Recht | 404 | Wiederverwenden |
| Laden / Fehler | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -5,43 +5,48 @@ ticket: D-P8
package: WF-P8 Pipelines
id: S03
screen: Projekt-Liste
typ: Liste
subframe_name: "S03 Projekt-Liste"
subframe_page_id: "5c5bdb0a-995e-4c22-aa8b-e48333c60297"
typ: Listen-Hauptansicht
umsetzung: Bauen
status: Validiert
route: "/projects/list"
subframe: ""
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit"
source_checked: 2026-07-28
---
# S03 — Projekt-Liste
## Ziel
## Ziel und Rolle im Flow
Alle Projekte über alle Boards hinweg — für Suchen, Sortieren, Exportieren.
Listenansicht derselben elf Projekte wie [[S01 Kanban-Board]]. Der sichtbare Footer bestätigt ausdrücklich „gleiche Datengrundlage wie Kanban-Board“.
## Was das Tool können muss
## Sichtbare Struktur und Daten
- Cross-Board-Sicht mit Board-Spalte und Board-Filter
- Server-seitig sortieren/filtern/paginieren, Spalten konfigurierbar, CSV-Export, Mehrfach-Aktionen
- Kopf: Pipelines, Pipeline-Auswahl, Umschalter Board/Liste, Board-Einstellungen, Projekt anlegen.
- Filter: Sachbearbeiter, Kundentyp, Tags, Zeitraum, Auftragswert; „Nur meine Projekte“.
- Tabelle: Auswahl, Projekt-Nr., Projektname, Board, Spalte, Auftragswert, Kunde/Kontaktrolle, Termin/Hinweis, Tags, Sachbearbeiter und Zeilenaktion.
- Gegatete Werte erscheinen als „Auftragswert gesperrt“ oder „Umsatz gesperrt“.
- Footer: elf Projekte; keine weitere Seite.
## Pattern / Archetyp
## Aktionen und Verknüpfungen
A2 Liste (Umschalter Board ↔ Liste im Kopf von [[S01 Kanban-Board]]).
- Umschalter „Board“ → [[S01 Kanban-Board]].
- Zeile öffnen → [[S02 Pipelines Detailansicht]] (fachlich aus Tabellen-/Detail-Seitenfamilie abgeleitet).
- „Board-Einstellungen“ → [[S04 Board-Einstellungen]].
- Leer-/Filterzustand → [[S03a Projekt-Liste Empty State]].
## Daten
## Development-Hinweis zum Pipeline-Namen
- Zeile: Projekt-Nummer · Titel · Board · Status (Spalte) · Umsatz (gegated) · Kontakt/Organisation · Zeitraum/Abschlussdatum · letzte Aktivität
Im Kopf steht in Subframe sichtbar „hier Name der Pipeline einfügen“. Das ist ein bewusster Development-Platzhalter: An dieser Stelle soll der Name der aktuell ausgewählten Pipeline eingesetzt werden. Am Subframe-Screen muss dafür nichts geändert werden.
## Aktionen
Die frühere Obsidian-Aussage „alle Projekte über alle Boards“ ist im aktuellen Screen nicht belegt. S03 zeigt die Listenansicht der gewählten Pipeline; die Board-Zugehörigkeit bleibt als eigene Spalte sichtbar.
- Zeile öffnen → [[S02 Projekt-Detailseite]]
- Bulk: zuweisen, Tags, Archiv · CSV-Export
## Verwendete Komponenten
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leer / Laden / Fehler | A7 + Klartext | Wiederverwenden |
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Checkbox`, `Switch`, `Tag_Label`, `BadgeFeedback`, `Avatar`, `Button`, `IconButton`.
## Subframe
- (erst nach explizitem OK)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S03a
screen: Projekt-Liste Empty State
subframe_name: "S03a Projekt-Liste Empty State"
subframe_page_id: "4f05ca11-e8b7-4b4c-a82e-abf34d64f181"
typ: Gebaute Empty-State-Variante
umsetzung: Bauen
status: In Subframe
route: "Variante von S03"
subframe: "https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit"
source_checked: 2026-07-28
---
# S03a — Projekt-Liste Empty State
## Ziel und Rolle im Flow
Gebauter Leer-/Filterzustand von [[S03 Projekt-Liste]]. Kopf, Pipeline-Auswahl, Filter und Board/List-Umschalter bleiben erhalten.
## Sichtbarer Zustand
- Aktive Filter im Beispiel: Bad / Sanitär und über 60.000 €.
- Meldung „Keine Projekte gefunden“.
- Erklärung „Filter anpassen oder zurücksetzen.“
- Aktionen: Filter zurücksetzen, Projekt anlegen.
- Footer: „0 Projekte · gleiche Datengrundlage wie Kanban-Board“ und „Keine weitere Seite“.
## Verknüpfungen
- Filter zurücksetzen → S03 mit Projekten.
- Board-Umschalter → [[S01 Kanban-Board]].
- Projekt anlegen → nicht als eigene Seite im aktuellen P8-Flow vorhanden.
## Verwendete Komponenten
`FilterBar`, `DropdownMenuMultiSelect`, `ToggleGroup`, `Switch`, `Tag_Label`, `Button`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -5,43 +5,46 @@ ticket: D-P8
package: WF-P8 Pipelines
id: S04
screen: Board-Einstellungen
typ: Verwaltung
subframe_name: "S04 Board-Einstellungen"
subframe_page_id: "0b946683-2cca-4cd4-864d-f69ed1937fdb"
typ: Board-Einstellungsdetail / Pipeline-Konfiguration
umsetzung: Bauen
status: Validiert
route: "aus S01 (Board verwalten) + aus S07 (Einstellungen)"
subframe: ""
status: In Subframe
route: "aus S07 Board-Übersicht → Board-Einstellungen"
subframe: "https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit"
source_checked: 2026-07-28
---
# S04 — Board-Einstellungen
## Ziel
## Ziel und Rolle im Flow
Ein Board zuschneiden: Spalten, wer es sieht, was beim Einzug in eine Spalte passiert. **Zwei Einstiege** (im Board + über Einstellungen), gleiche Seite.
Detail- und Bearbeitungsansicht des ausgewählten Boards „Vertrieb: Anlagen-Verkauf“. Der primäre Admin-Weg lautet: [[S07 Boards-Uebersicht]] → Board auswählen bzw. „Board-Einstellungen“ → S04. Auch die Board-Einstellungen in [[S01 Kanban-Board]], die Zeilenaktion von [[S00 Boards-Startseite]] und ein neu angelegtes Board führen hierher.
## Was das Tool können muss
## Sichtbare Struktur und Daten
- **Spalten:** anlegen, per Ziehen ordnen, je Spalte: Name · Art (offen/gewonnen/verloren) · Win-% · Farbe; Validation: min. 1 gewonnen + 1 verloren
- **Spalten-Regel (Davids Delta):** »Beim Einzug in diese Spalte automatisch verschieben nach [Board, Start-Spalte]« — greift die Regel, entfällt der Wechsel-Dialog
- **Rollen-Zugriff:** Matrix wer sehen / wer bearbeiten darf (Rolle/Person/Gruppe)
- Board: umbenennen · Typ (Vertrieb/Auftrag/eigenes) · duplizieren · archivieren
- Einstieg in die **Detail-Schablone** → [[S05 Detail-Schablone Edit-Mode]]
- Kopf: Boardname, Bearbeiten-Icon, Status Aktiv, Board-ID `BRD-014`, Hinweis „Ansicht auf Projekte“ und Änderungszeitpunkt.
- Bereich „Spalten“ mit erklärendem Informationshinweis.
- Tabelle: Drag-Handle/Farbe, Name, Status, Projektanzahl, Bearbeiten, Löschen.
- Aktuelle Beispiele: Neu / Offen / 4 Projekte; Qualifiziert / In Bearbeitung / 4 Projekte; Angebot / Wartet auf Kunde / 3 Projekte.
- Statusauswahl enthält Offen, In Bearbeitung, Wartet auf Kunde und „Neuen Status eingeben“.
- Aktion „Spalte hinzufügen“.
## Pattern / Archetyp
## Detailfeld-Verknüpfung
A6 Settings + A2 (Spalten-Liste mit Drag&Drop).
Der zweite Bereich erklärt, dass Felder und Rechte der Projekt-Detailseite getrennt konfiguriert werden. „Zur Detailfelder-Konfiguration“ → [[S05 Detail-Schablone Edit-Mode]].
## Zustände
## Validierte Einordnung für Development
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Validation verletzt (kein gewonnen/verloren) | Inline-Hinweis, Speichern blockiert | Nur dokumentieren |
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
S04 ist die zentrale Einstellungsdetailseite eines Boards. Neue Boards/Pipelines werden aus S07 angelegt und anschließend hier eingerichtet. Der sichtbare Subframe-Stand bildet den Pipeline-Aufbau über Spalten, Stages und zugeordnete Status sowie den Einstieg in die Detailfeld-Konfiguration ab.
Zugriff und Regeln gehören fachlich ebenfalls zur Board-Konfiguration; aus dem statischen S04-JSX wird dafür jedoch kein zusätzlicher Screen abgeleitet. Die Übergabe in eine nächste Pipeline ist keine eigene Schaltfläche in S04: Das Erreichen der letzten Stage löst [[M04 Pipeline-Uebergabe]] statusbasiert aus.
## Verwendete Komponenten
`SettingsPage`, `Table`, `TextInput`, `Select`, `Tag_Label`, `Alert`, `Button`, `IconButton`.
## Subframe
- (erst nach explizitem OK)
## Notizen
- Spalten-Regel: Umsetzung (Board-Modell vs. Automation-Engine) = Dev-Frage beim Handoff.
- Auftrags-Erweiterung (aus WF-P9 Projekt-Akte, validiert): je Spalte zusätzlich **»Abnahme Pflicht«** (Wechsel ohne Abnahme blockiert), **Abnahme-Vorlagen-Zuweisung** und **Auto-Archiv nach N Tagen**.
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -5,47 +5,63 @@ ticket: D-P8
package: WF-P8 Pipelines
id: S05
screen: Detail-Schablone Edit-Mode
typ: Modus (WYSIWYG)
subframe_name: "S05 Detail-Schablone Edit-Mode"
subframe_page_id: "699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e"
typ: Detailfeld-Konfiguration
umsetzung: Bauen
status: Validiert
route: "aus S01/S04 (Edit-Mode-Umschalter)"
subframe: ""
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit"
source_checked: 2026-07-28
---
# S05 — Detail-Schablone (Edit-Mode)
# S05 — Detail-Schablone Edit-Mode
## Ziel
## Ziel und Rolle im Flow
**Davids Konzept:** Die Projekt-Detailansicht dieses Boards als leere Schablone — alle Felder genau da, wo sie sitzen, nur ungefüllt. Direkt bearbeiten statt abstrakter Einstellungs-Tabelle.
Konfiguration der Felder, Gruppen und Pflichtlogik für die Projekt-Detailseite eines Boards. Einstieg über [[S04 Board-Einstellungen]].
## Was das Tool können muss
## Kopf und Regeln
- Umschalten in den Edit-Mode vom Board/Board-Einstellungen aus (nur Admin)
- Felder **verschieben** (Reihenfolge/Position in der Detailansicht)
- Felder **ein-/ausblenden** (Show / not Show) und als **Pflicht** markieren — optional je Spalte/Status
- **Feld hinzufügen**: bestehendes eigenes Feld wählen ODER neues anlegen (nutzt Eigene Felder aus P6)
- **Berechtigung je Feld** setzen (wer sieht/bearbeitet — z. B. Umsatz nur Vertrieb)
- Gilt **nur für die Detailansicht** — das Karten-Layout ist bewusst NICHT editierbar (v1, Davids Entscheidung)
- Titel „Detailfelder konfigurieren“, Board „Vertrieb: Anlagen-Verkauf“, Abbrechen, Fertig.
- Systemfelder dürfen umsortiert, gesperrt oder in den Bestand zurückgelegt, aber nicht dauerhaft gelöscht werden.
- Projektname, Status und Priorität bleiben immer sichtbar.
- Projekt-ID, Erstellt und Board-Spalte sind feste Systeminfos außerhalb dieser Konfiguration.
- Legende: System, Custom-Feld, immer sichtbar, gesperrt/nur lesbar.
## Pattern / Archetyp
## Feldgruppen
WYSIWYG-Variante der [[S02 Projekt-Detailseite]] mit Edit-Rahmen (gestrichelte Feld-Slots, Drag-Handles, Feld-Einstellungs-Popover).
- Grunddaten: 8 Felder.
- Planung & Verantwortliche: 6 Felder.
- Projektkontaktdaten: 3 Felder.
- KWP-Integration: 4 Felder; Reihenfolge anpassbar, Inhalte nicht.
- Adressdaten: Projektadresse, separate Rechnungsadresse, separate Bauherradresse, Zufahrt-Hinweis.
- Kontakte: verknüpfte Firma, Ansprechpartner.
- Neue Feldgruppe kann angelegt werden.
- Bestandsfelder außerhalb der Schablone: Fördernummer, Angebotsnummer, Wunschtermin, Objektart, Dachform, Zählernummer, Netzbetreiber, Interne Notiz.
## Aktionen
## Ausgewähltes Custom-Feld
- Feld ziehen · Feld-Popover (sichtbar/Pflicht/Berechtigung) · »+ Feld« · Speichern/Verwerfen · zurück zum Board
Das Beispiel „Aufmaß erledigt“ zeigt:
## Zustände
- Feldbezeichnung und Feldtyp.
- Typen von Text über Zahl/Betrag/Datum/Auswahl bis Person, Adresse, Link und Datei.
- Auswahloptionen mit Reihenfolge/Farbe, Option hinzufügen und Mehrfachauswahl.
- optionaler Feldhinweis.
- Pflichtfeld und „Pflicht ab Board-Spalte“ (Keine Pflicht / ab Qualifiziert / ab Angebot).
- Kopieren und dauerhaftes Löschen mit Datenverlust-Hinweis.
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Ungespeicherte Änderungen | Hinweis beim Verlassen | Nur dokumentieren |
| Kein Admin-Recht | Umschalter gar nicht sichtbar | Nur dokumentieren |
## Aktionen und Verknüpfungen
- „Bestehendes Feld hinzufügen“ → [[Modal Bestandsfeld]].
- „Neues Custom-Feld erstellen“ bleibt im selben Konfigurationsscreen.
- „Fertig“ speichert/verlässt semantisch; die Handler sind im exportierten JSX leer.
## Verwendete Komponenten
`TextInput`, `TextArea`, `Select`, `DropdownMenuSelect`, `Switch`, `Tag_Label`, `Button` sowie Drag-/Status-Icons.
## Subframe
- (erst nach explizitem OK)
## Notizen
- Entspricht fachlich der Feld-Konfiguration je Board (PipelineFieldConfig) — nur als WYSIWYG statt Tabelle. Dev-seitig identisches Modell.
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -5,35 +5,43 @@ ticket: D-P8
package: WF-P8 Pipelines
id: S06
screen: Verlust-Gruende
subframe_name: "S06 Verlust-Gruende"
subframe_page_id: "3c95e1e1-728b-460c-996f-5a641c971dfe"
typ: Settings-Liste
umsetzung: Bauen
status: Validiert
route: "/admin/pipelines/lost-reasons (Einstellungen -> Arbeitsweise)"
subframe: ""
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit"
source_checked: 2026-07-28
---
# S06 — Verlust-Gründe
## Ziel
## Ziel und Rolle im Flow
Pflegen, warum Projekte verloren gehen — Grundlage fürs Reporting.
Admin-Verwaltung der Gründe, die in [[M01 Verloren-Dialog]] ausgewählt und für die Verlust-Auswertung gespeichert werden. Erreichbar über S00 und [[S07 Boards-Uebersicht]].
## Was das Tool können muss
## Sichtbare Struktur und Daten
- Liste: Grund · Anzahl verknüpfter Projekte · Status
- Anlegen / bearbeiten / **archivieren** (kein Löschen — Reporting braucht die Historie)
- 5 SHK-Vorlagen vorbefüllt
- Erklärung des Zusammenhangs mit Verlustdialog und Reporting.
- KPI-Bereich: Top-Grund der letzten 30 Tage „Preis zu hoch“, Monatsvergleich +12 %.
- Filter: Status Alle/Aktiv/Archiviert; Suche „Gründe durchsuchen…“.
- Tabelle: Grund, Beschreibung/Kategorie, Projekte, Status, zuletzt verwendet, Zeilenmenü.
- Sechs Gründe: fünf SHK-Vorlagen und ein eigener Grund.
- Vorlagen: Preis zu hoch, Kein Budget, Wettbewerber gewonnen, Projekt verschoben, Kunde nicht erreichbar.
- Eigener archivierter Grund: Dublette (Testdaten).
## Pattern / Archetyp
## Aktionen und Zustände
A2 Settings-Liste unter Einstellungen → Arbeitsweise.
- Bearbeiten, Verlauf ansehen, Archivieren; archivierter Grund kann reaktiviert werden.
- Die Oberfläche erklärt ausdrücklich „Archivieren statt Löschen“.
- Empty-Text der Tabelle: „Keine Verlust-Gründe gefunden“.
## Zustände
## Verwendete Komponenten
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
`Table`, `SearchInput`, `Select`, `DropdownMenuSelect`, `BadgeFeedback`, `Tag_Label`, `Alert`, `IconButton`.
## Subframe
- (erst nach explizitem OK)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -5,35 +5,45 @@ ticket: D-P8
package: WF-P8 Pipelines
id: S07
screen: Boards-Uebersicht
typ: Settings-Liste
subframe_name: "S07 Boards-Uebersicht"
subframe_page_id: "5190e285-e92f-4ad2-9f3d-2a2f511fe695"
typ: Admin-Boardverwaltung
umsetzung: Bauen
status: Validiert
route: "/admin/pipelines (Einstellungen -> Arbeitsweise -> Boards)"
subframe: ""
status: In Subframe
route: ""
subframe: "https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit"
source_checked: 2026-07-28
---
# S07 — Boards-Übersicht (Einstellungen)
# S07 — Boards-Übersicht
## Ziel
## Ziel und Rolle im Flow
Der zweite Einstieg (Davids Entscheidung): alle Boards an einem Ort finden, in ihre Einstellungen springen, neue anlegen.
Admin-Bereich für Boards. Der Screen sagt ausdrücklich, dass die normale Board-Auswahl auf [[S00 Boards-Startseite]] liegt.
## Was das Tool können muss
## Sichtbare Struktur und Daten
- Liste aller Boards: Name · Typ (Vertrieb/Auftrag/eigenes) · Spalten-Anzahl · aktive Projekte · wer Zugriff hat (Kurzform) · Status
- **»+ Neues Board«** (Name, Typ, Start-Spalten aus Vorlage)
- Zeile öffnen → [[S04 Board-Einstellungen]] (dieselbe Seite wie der Einstieg im Board)
- Kopf: „Board-Verwaltung“ mit Verlustgründe, Board-Einstellungen und Neues Board.
- Filter: Typ (Vertrieb/Auftrag/Eigenes), Status (Aktiv/Entwurf/Archiviert), Zugriff (Alle/Service-Team/Montage/Notdienst/Nur ich), Regeln (mit/ohne aktive Regeln).
- Tabelle: Board, Typ, Spalten, Projekte, Zugriff, Status, Aktionen.
- Beispiel-Boards: Vertrieb: Anlagen-Verkauf, Wartungsverträge, Anlagen-Installation, Notfall-Reparatur, Eigenes Board.
- Footer: 5 von 5 Boards; Standard-Board „Vertrieb: Anlagen-Verkauf“.
## Pattern / Archetyp
## Aktionen und Verknüpfungen
A2 Settings-Liste unter Einstellungen → Arbeitsweise.
- „Verlustgründe“ → [[S06 Verlust-Gruende]].
- „Board-Einstellungen“ bzw. Zeilenaktion → [[S04 Board-Einstellungen]].
- „Neues Board“ → [[S07 Neues Board Dialog Variante]].
## Zustände
## Validierte Weiterleitung
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
S07 ist die Übersicht, [[S04 Board-Einstellungen|S04]] die Detail- und Bearbeitungsansicht des ausgewählten Boards. „Board-Einstellungen“ und die entsprechende Zeilenaktion öffnen daher S04; dort wird der Pipeline-Aufbau des Boards konfiguriert. Ein neu angelegtes Board wird ebenfalls in S04 weiter eingerichtet.
## Verwendete Komponenten
`Table`, `FilterBar`, `DropdownMenuMultiSelect`, `BadgeFeedback`, `Tag_Label`, `Button`, `IconButton`, `LinkButton`.
## Subframe
- (erst nach explizitem OK)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,44 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S07-D
screen: Neues Board Dialog Variante
subframe_name: "S07 Neues Board Dialog Variante"
subframe_page_id: "50219cd7-323d-4a74-82cd-61c23c45da79"
typ: Modal / Anlegen
umsetzung: Bauen
status: In Subframe
route: "aus S00 oder S07"
subframe: "https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit"
source_checked: 2026-07-28
---
# S07 — Neues Board Dialog Variante
## Ziel und Rolle im Flow
Neues Pipeline-Board anlegen. Der Dialog wird von „Neues Board“ in [[S00 Boards-Startseite]] und [[S07 Boards-Uebersicht]] geöffnet.
## Sichtbare Daten
- Board-Name mit Beispiel „Vertrieb: Anlagen-Verkauf“.
- Board-Typ: Vertrieb, Auftrag oder Eigenes.
- Informationshinweis: Spalten und Zugriff danach einstellen.
- Nach dem Anlegen öffnet sich [[S04 Board-Einstellungen]] als Einstellungsdetail des neuen Boards. Dort werden insbesondere Pipeline-Spalten/Stages, Status und Detailfelder eingerichtet; Zugriff und Regeln gehören fachlich ebenfalls zu dieser Board-Konfiguration.
## Aktionen und Zustände
- Abbrechen / Schließen.
- Board anlegen → weiter zu S04, um das neue Board vollständig einzurichten.
- Validierungs-/Fehlerzustand → [[S07a Neues Board Error State]].
## Implementierungsform
Aktuell `DialogLayout` mit einer zentrierten, selbst aufgebauten Surface; kein importiertes `Dialog`/`Dialog.Content` in dieser Seite. Verwendet werden `TextInput`, `Select`, `Alert`, `Button`, `IconButton`, `IconWithBackground`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -0,0 +1,43 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P8
package: WF-P8 Pipelines
id: S07a
screen: Neues Board Error State
subframe_name: "S07a Neues Board Error State"
subframe_page_id: "a0139eb6-cb59-47ce-8065-d1c4217a3e85"
typ: Modal-Fehlerzustand
umsetzung: Bauen
status: In Subframe
route: "Fehlerzustand von S07-D"
subframe: "https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit"
source_checked: 2026-07-28
---
# S07a — Neues Board Error State
## Ziel und Rolle im Flow
Gebauter blockierender Fehlerzustand von [[S07 Neues Board Dialog Variante]].
## Sichtbare Fehler
- Globaler Alert: „Board konnte nicht angelegt werden. Bitte markierte Felder ausfüllen.“
- Board-Name ist vorausgefüllt und meldet: „Diesen Board-Namen gibt es schon.“
- Board-Typ meldet: „Bitte Board-Typ auswählen.“
- Der Hinweis zu nachgelagerten Spalten, Zugriff, Regeln und Detailfeldern bleibt sichtbar.
## Aktionen
- Abbrechen / Schließen.
- Board anlegen bleibt die Primäraktion, nachdem die markierten Felder korrigiert sind.
## Implementierungsform
`DialogLayout` mit `Dialog.Content`, außerdem `TextInput`, `Select`, `Alert`, `Button`, `IconButton`.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit)
- [P8-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
@@ -1,58 +1,62 @@
{
"nodes":[
{"id":"md-paket","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md","x":-80,"y":-440,"width":460,"height":280},
{"id":"group-board","type":"group","x":-80,"y":-100,"width":1820,"height":380,"label":"Board (Bespoke)"},
{"id":"group-liste","type":"group","x":1880,"y":-100,"width":540,"height":380,"label":"Listen-Ansicht"},
{"id":"group-dialoge","type":"group","x":-80,"y":460,"width":1120,"height":380,"label":"Won/Lost-Dialoge"},
{"id":"group-verw","type":"group","x":1200,"y":460,"width":1200,"height":380,"label":"Board-Verwaltung + Edit-Mode"},
{"id":"group-settings","type":"group","x":-80,"y":1120,"width":1820,"height":380,"label":"Einstellungen → Arbeitsweise (zweiter Einstieg)"},
{"id":"note-entry","type":"text","text":"# Einstieg\n\nSidebar → Pipelines (`/projects`) — öffnet das zuletzt genutzte Board.\n\nBoards = Views auf denselben Projekt-Datensatz (Pivot).","x":0,"y":0,"width":360,"height":200},
{"id":"s01","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md","x":560,"y":0,"width":420,"height":200},
{"id":"s02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite.md","x":1240,"y":0,"width":420,"height":200},
{"id":"s03","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md","x":1920,"y":0,"width":420,"height":200},
{"id":"m01","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md","x":0,"y":560,"width":420,"height":200},
{"id":"m02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M02 Board-Wechsel-Dialog.md","x":580,"y":560,"width":420,"height":200},
{"id":"s04","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md","x":1240,"y":560,"width":420,"height":200},
{"id":"s05","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md","x":1940,"y":560,"width":420,"height":200},
{"id":"note-settings","type":"text","text":"# Einstieg 2\n\nEinstellungen → Arbeitsweise: alle Boards finden, neue anlegen, Verlust-Gründe pflegen.\n\nGleiche Board-Einstellungen wie im Tool — kein Duplikat.","x":0,"y":1220,"width":360,"height":200},
{"id":"s07","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md","x":560,"y":1220,"width":420,"height":200},
{"id":"s06","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md","x":1240,"y":1220,"width":420,"height":200}
{"id":"728a94793d7f7810","type":"group","x":2100,"y":0,"width":2700,"height":1400,"color":"5","label":"2 · Projektdetail, Schnellaktionen und Übergabe"},
{"id":"dbf756420cc2f7be","type":"group","x":0,"y":0,"width":2100,"height":1300,"color":"4","label":"1 · Einstieg, Board und Liste"},
{"id":"92628606ad360799","type":"group","x":0,"y":1500,"width":2100,"height":1000,"color":"6","label":"3 · Board-Verwaltung"},
{"id":"85989ad0ce08970a","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md","x":0,"y":-520,"width":420,"height":260},
{"id":"b63c44f74be06db9","type":"text","text":"# Einstieg\n\nNavigation **Pipelines** öffnet die Boards-Startseite.\n\nNormale Auswahl und Admin-Verwaltung sind getrennte Screens.","x":80,"y":160,"width":400,"height":200},
{"id":"c905c9f52bfb87b7","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S00 Boards-Startseite.md","x":600,"y":160,"width":400,"height":200},
{"id":"3a6e300d3286b1b6","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md","x":1120,"y":160,"width":400,"height":200},
{"id":"937eb200b46fd94f","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S01a Kanban-Board Empty State.md","x":1120,"y":540,"width":400,"height":200,"color":"3"},
{"id":"eb09c954546f78cb","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht.md","x":2200,"y":160,"width":440,"height":220},
{"id":"f5eb8545672b7472","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M03 Kontextmen_ Rechtsklick.md","x":80,"y":540,"width":400,"height":200,"color":"6"},
{"id":"8b42521bcff69d43","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md","x":2740,"y":160,"width":400,"height":200,"color":"6"},
{"id":"8836d9c048695b13","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Aufgabe erstellen.md","x":2720,"y":540,"width":400,"height":200,"color":"6"},
{"id":"bf1c6f41f0443345","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Notiz erstellen.md","x":3240,"y":540,"width":400,"height":200,"color":"6"},
{"id":"dba453788123da32","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Termin erstellen.md","x":3760,"y":540,"width":400,"height":200,"color":"6"},
{"id":"ad1bb8f622f239c0","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Datei hochladen.md","x":4280,"y":540,"width":400,"height":200,"color":"6"},
{"id":"7747b3f26459f6b2","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04 Pipeline-Uebergabe.md","x":2200,"y":540,"width":400,"height":200,"color":"6"},
{"id":"3988fbe97300c3c1","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04a Pipeline-Uebergabe Dateien.md","x":2720,"y":1000,"width":400,"height":200,"color":"6"},
{"id":"24c4bb324a1ae48c","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04b Pipeline-Uebergabe Aufgaben.md","x":3240,"y":1000,"width":400,"height":200,"color":"6"},
{"id":"48d4567b68b4f14e","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/M04c Pipeline-Uebergabe Termine.md","x":3760,"y":1000,"width":400,"height":200,"color":"6"},
{"id":"68ede1e6b59b1efa","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md","x":1640,"y":540,"width":400,"height":200},
{"id":"473cd8a7cb5dfc69","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S03a Projekt-Liste Empty State.md","x":1640,"y":920,"width":400,"height":200,"color":"3"},
{"id":"8662a71220e50b16","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md","x":80,"y":1660,"width":400,"height":200},
{"id":"316632e854dbdb52","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07 Neues Board Dialog Variante.md","x":600,"y":1660,"width":400,"height":200,"color":"6"},
{"id":"0a204ec0c85164d7","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S07a Neues Board Error State.md","x":1120,"y":1660,"width":400,"height":200,"color":"1"},
{"id":"85500a52f8b5652c","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md","x":80,"y":2060,"width":400,"height":200},
{"id":"bfe7baf11bc6d804","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md","x":600,"y":2060,"width":400,"height":200},
{"id":"6777d7f1acde205f","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md","x":1120,"y":2060,"width":400,"height":200},
{"id":"12910581f662cd08","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/Screens/Modal Bestandsfeld.md","x":1640,"y":2060,"width":400,"height":200,"color":"6"},
{"id":"c94a57bec72e0de9","type":"text","text":"# Subframe ist die Quelle\n\n**Abgleich:** 2026-07-28 · 23/23 Seiten per MCP inklusive JSX gelesen.\n\n**Kanten:** sichtbare Controls plus von David validierte Produktlogik. Die exportierten `onClick`-Handler sind leer; statusbasierte Development-Regeln sind deshalb nicht mit bereits verdrahteter Prototype-Navigation gleichzusetzen.\n\n**Farben:** Gelb = gebaute Variante/State · Violett = Modal/Overlay · Rot = Fehlerzustand.","x":540,"y":-520,"width":980,"height":260}
],
"edges":[
{
"id":"e-entry",
"fromNode":"note-entry",
"fromSide":"right",
"toNode":"s01",
"toSide":"left",
"toEnd":"arrow",
"styleAttributes":{"path":"dotted"}
},
{"id":"e-open","fromNode":"s01","fromSide":"right","toNode":"s02","toSide":"left","toEnd":"arrow","label":"Karte öffnen"},
{"id":"e-liste","fromNode":"s01","fromSide":"top","toNode":"s03","toSide":"top","toEnd":"arrow","label":"Umschalter Board ↔ Liste"},
{"id":"e-lost","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Verloren-Spalte (Grund Pflicht)"},
{"id":"e-won","fromNode":"s01","fromSide":"bottom","toNode":"m02","toSide":"top","toEnd":"arrow","label":"Gewonnen ohne Spalten-Regel"},
{"id":"e-verw","fromNode":"s02","fromSide":"bottom","toNode":"s04","toSide":"top","toEnd":"arrow","label":"Board verwalten (aus S01/S02)"},
{"id":"e-edit","fromNode":"s04","fromSide":"right","toNode":"s05","toSide":"left","toEnd":"arrow","label":"Edit-Mode öffnen"},
{
"id":"e-link",
"fromNode":"s07",
"fromSide":"top",
"toNode":"s04",
"toSide":"bottom",
"toEnd":"arrow",
"label":"öffnet dieselbe Seite",
"styleAttributes":{"path":"long-dashed"}
},
{
"id":"e-set",
"fromNode":"note-settings",
"fromSide":"right",
"toNode":"s07",
"toSide":"left",
"toEnd":"arrow",
"styleAttributes":{"path":"dotted"}
}
{"id":"650171f983a71e47","fromNode":"b63c44f74be06db9","fromSide":"right","toNode":"c905c9f52bfb87b7","toSide":"left","label":"Pipelines"},
{"id":"a2388dc39bf31f00","fromNode":"c905c9f52bfb87b7","fromSide":"right","toNode":"3a6e300d3286b1b6","toSide":"left","label":"Board öffnen"},
{"id":"fc6cca6282b98003","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"68ede1e6b59b1efa","toSide":"left","fromEnd":"arrow","label":"Board ↔ Liste"},
{"id":"da04822bf54a7b12","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"937eb200b46fd94f","toSide":"top","label":"leer / Filter"},
{"id":"d1e4ed6890bfeb83","fromNode":"68ede1e6b59b1efa","fromSide":"bottom","toNode":"473cd8a7cb5dfc69","toSide":"top","label":"leer / Filter"},
{"id":"a202855b17ae4c2c","fromNode":"3a6e300d3286b1b6","fromSide":"right","toNode":"eb09c954546f78cb","toSide":"left","label":"Projekt öffnen"},
{"id":"812389a70de9e940","fromNode":"68ede1e6b59b1efa","fromSide":"right","toNode":"eb09c954546f78cb","toSide":"bottom","label":"Zeile öffnen"},
{"id":"311b545b89d4406d","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"f5eb8545672b7472","toSide":"top","label":"Karten-Rechtsklick"},
{"id":"efe217b35a7fc048","fromNode":"eb09c954546f78cb","fromSide":"right","toNode":"8b42521bcff69d43","toSide":"left","label":"Verloren"},
{"id":"6857e5f151f029e6","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"8836d9c048695b13","toSide":"top","label":"Aufgabe"},
{"id":"c1d158bb87e78bc4","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"bf1c6f41f0443345","toSide":"top","label":"Notiz"},
{"id":"aa36abe5f4acf0f9","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"dba453788123da32","toSide":"top","label":"Termin"},
{"id":"075b07ecb1eea605","fromNode":"eb09c954546f78cb","fromSide":"bottom","toNode":"ad1bb8f622f239c0","toSide":"top","label":"Hochladen"},
{"id":"4d8f5c52604f03ae","fromNode":"3a6e300d3286b1b6","fromSide":"bottom","toNode":"7747b3f26459f6b2","toSide":"top","label":"letzte Stage / Status"},
{"id":"c1195b5a6b219701","fromNode":"7747b3f26459f6b2","fromSide":"right","toNode":"3988fbe97300c3c1","toSide":"left","label":"Dateien"},
{"id":"e1049bc8f6c15326","fromNode":"3988fbe97300c3c1","fromSide":"right","toNode":"24c4bb324a1ae48c","toSide":"left","label":"Aufgaben"},
{"id":"cf7bf4c9807e2754","fromNode":"24c4bb324a1ae48c","fromSide":"right","toNode":"48d4567b68b4f14e","toSide":"left","label":"Termine"},
{"id":"1cbb9860500d8be3","fromNode":"c905c9f52bfb87b7","fromSide":"bottom","toNode":"8662a71220e50b16","toSide":"top","label":"Allg. Einstellungen"},
{"id":"a7d4d6f3ce803337","fromNode":"c905c9f52bfb87b7","fromSide":"bottom","toNode":"316632e854dbdb52","toSide":"top","label":"Neues Board"},
{"id":"f4c2b49295bdb20e","fromNode":"8662a71220e50b16","fromSide":"right","toNode":"316632e854dbdb52","toSide":"left","label":"Neues Board"},
{"id":"ab3ec2127b75d8f8","fromNode":"316632e854dbdb52","fromSide":"right","toNode":"0a204ec0c85164d7","toSide":"left","label":"Fehler"},
{"id":"2084af324a40a39c","fromNode":"316632e854dbdb52","fromSide":"bottom","toNode":"bfe7baf11bc6d804","toSide":"top","label":"nach Anlegen"},
{"id":"904192a15dcb31ea","fromNode":"8662a71220e50b16","fromSide":"bottom","toNode":"85500a52f8b5652c","toSide":"top","label":"Verlustgründe"},
{"id":"873706ea9a1ae63f","fromNode":"8662a71220e50b16","fromSide":"right","toNode":"bfe7baf11bc6d804","toSide":"left","label":"Board-Einstellungen"},
{"id":"7e9feab4fcde75e1","fromNode":"bfe7baf11bc6d804","fromSide":"right","toNode":"6777d7f1acde205f","toSide":"left","label":"Detailfelder"},
{"id":"86dff056c87f0cb6","fromNode":"6777d7f1acde205f","fromSide":"right","toNode":"12910581f662cd08","toSide":"left","label":"Bestandsfeld"}
],
"metadata":{
"version":"1.0-1.0",
@@ -4,139 +4,198 @@ project: HiveGrid Screen Project
ticket: D-P8 + D-KANBAN
package: WF-P8 Pipelines
typ: Flow
status: Validiert
subframe: ""
status: In Subframe
subframe: "https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit"
canvas: "WF-P8 Pipelines.canvas"
source_checked: 2026-07-28
---
# WF-P8 Pipelines
Status: Validiert (Screen-Liste)
Subframe-Link: -
Canvas: [Canvas](<WF-P8 Pipelines.canvas>)
Stand: 2026-07-08
Status: In Subframe · Obsidian mit dem aktuellen Flow abgeglichen
Subframe: [Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
Canvas: [Canvas öffnen](<WF-P8 Pipelines.canvas>)
Stand: 2026-07-28
---
## 1. Kurzfassung
## 1. Verbindliche Quelle
Das Herzstück des Vertriebs: **Kanban-Boards als Views auf den einen Projekt-Datensatz.** Karten ziehen = Status wechseln, gewonnen = Board-Wechsel (regel-basiert oder per Dialog), Umsatz nur für Berechtigte. Konfiguration lebt im Board (Edit-Mode für die Detailansicht) mit zweitem Einstieg über die Einstellungen. Deckt **beide Tickets** ab: D-KANBAN (Board, Bespoke) + D-P8 (Detail, Liste, Verwaltung).
Für diesen Paketstand ist der aktuelle Subframe-Flow die Single Source of Truth:
---
## 2. Intent Check
| Frage | Antwort |
| Feld | Wert |
|---|---|
| Welches Ticket/Modul ist betroffen? | D-P8 + D-KANBAN (P8), Dev-Pendant R-P8a/R-P8b |
| Was soll der Nutzer am Ende schaffen? | Vertrieb im Blick (Board), Projekt-Details pflegen, Boards selbst zuschneiden (Spalten, Rechte, Felder) |
| Flow, Screen, Zustand oder Doku? | Bespoke-Board + Detail + Liste + Verwaltungs-Screens + 2 Dialoge |
| Welche Planning-Quellen wurden geprüft? | `ticket-docs/D-P8.md` + `D-KANBAN.md`, ENTITY-MODEL Domäne 5 (Pivot), HiveGrid Map |
| Was ist sicher im Scope? | Board, Projekt-Detail (Basis), Liste, Board-Einstellungen, Edit-Mode Detailansicht, Verlust-Gründe |
| Was ist sicher nicht im Scope? | Plantafel/Abnahme/Rechnungen-Reiter (P9), Forecast-Widgets als Screens (P11/D-DASH — hier nur Datenquellen), Karten-Layout-Editor (bewusst nicht, Davids Entscheidung) |
| Admin/Normalrolle-Unterschiede? | Board-Sichtbarkeit je Rolle (PipelineAccess); Umsatz field-level gegated; Verwaltung nur Admin |
| Unsichere Annahmen? | Spalten-Regel »Auto-Verschieben nach Board X« — technische Umsetzung (direkt oder via Automation-Engine) → Dev-Frage |
| Projekt | `Basedesign` (`f023064a5ca0`) |
| Flow | `(MCP) WF-P8 Pipelines` |
| Flow-ID | `d9dfdec6-7236-4386-8514-697b9e0f0bc4` |
| Bestand | 23 Subframe-Seiten |
| Abgleich | 2026-07-28, per MCP; jede Seite inklusive aktuellem JSX gelesen |
Die Screen-Namen, UUIDs, sichtbaren Inhalte und Komponenten kommen direkt aus Subframe. Alte Planungsannahmen wurden nur übernommen, wenn sie im aktuellen Screen-Code noch sichtbar sind. Interaktionslogik, die statisches JSX nicht ausdrücken kann, ist nur dann ergänzt, wenn David sie ausdrücklich für Development validiert hat.
Wichtig für die Kanten im Canvas: Die exportierten `onClick`-Handler sind leer. Die Verbindungen bilden deshalb sichtbare Beziehungen plus die am 2026-07-28 validierten Produktentscheidungen ab; sie behaupten keine bereits verdrahtete Prototype-Navigation.
---
## 3. Scope
## 2. Aktuelle Flow-Struktur
| Punkt | Inhalt |
|---|---|
| Ticket/Modul | D-P8 + D-KANBAN · Sidebar-Punkt »Pipelines« |
| Nutzerrolle | Maximalansicht (Admin) |
| Startpunkt | Sidebar »Pipelines« → zuletzt genutztes Board |
| Ziel | Projekt durchs Board bewegt; gewonnen → Auftrags-Board |
| Haupt-Archetyp | **BESPOKE Board** · A3 Detail (P6-Muster) · A2 Liste · A5/A6 Verwaltung |
| Bespoke-Anteil | Das Board selbst (ein Board für alle Pipeline-Typen) |
| Out of scope | P9-Sub-Areas, KWP, getrennte Sales-/Projekt-Kanbans (Pivot: EIN Board-System) |
---
## 4. Entscheidungen (validiert 2026-07-08)
| Entscheidung | Status | Notiz |
|---|---|---|
| EIN Paket für beide Tickets | genommen | Board = Bespoke-Kern, Rest Baukasten |
| **Boards = Views auf Projekte** | genommen | Pivot AD-20: ein Datensatz, »Deal«/»Auftrag« = Board-Typen, kein Kopieren beim Gewinnen, Status immer board-intern |
| **Edit-Mode: NUR die Detailansicht** | genommen | Vom Board aus umschaltbar: alle Felder der Projekt-Detailansicht als leere Schablone — verschieben, hinzufügen (nutzt Eigene Felder aus P6), sichtbar/Pflicht, Berechtigung je Feld. **Karten-Layout bewusst NICHT editierbar (v1)** |
| **Zwei Einstiege zu den Board-Einstellungen** | genommen | (1) im Board: »Board verwalten« + Edit-Mode-Umschalter · (2) Einstellungen → Arbeitsweise → Boards: Liste aller Boards, Springen in deren Einstellungen, »+ Neues Board« — gleiche Ziele, kein Duplikat |
| **Gewonnen-Moment regel-basiert** | genommen — Davids Delta | Spalten-Regel: »Beim Einzug in diese Spalte automatisch verschieben nach [Board, Spalte]« → kein Dialog. Ohne Regel → Auswahl-Dialog »Wohin verschieben?«. Umsetzung (direkt vs. Automation-Engine) = Dev-Frage |
| Verloren = Grund Pflicht | genommen | Dialog mit Verlust-Grund-Auswahl (SHK-Vorlagen geseedet) |
| Projekt-Detail nach P6-Karteikarten-Muster | genommen | Zweispalter + Reiter, Status-Leiste im Kopf |
| Umsatz-Gating | genommen | Ohne Recht »—« (field-level via Feld-Konfiguration + Rechte) |
### Happy Path
1. Sidebar »Pipelines« → zuletzt genutztes Board; Wechsler oben (Vertrieb/Auftrag/eigene — nur die, die man sehen darf).
2. Karten ziehen; Spaltenköpfe zeigen Anzahl + Summe + Win-%.
3. In »Gewonnen« ziehen → Regel greift (auto-verschoben, Toast) ODER Dialog »Wohin?«.
4. In »Verloren« ziehen → Grund-Pflicht-Dialog.
5. Karte öffnen → Projekt-Detail (P6-Muster) mit klickbarer Status-Leiste + Historie.
6. Admin: Edit-Mode → Detailansicht-Schablone anpassen (Felder, Sichtbarkeit, Pflicht, Rechte); »Board verwalten« → Spalten, Rollen-Zugriff, Spalten-Regeln.
### Meldungs-/Error-States (validiert)
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|---|---|---|---|---|
| Verloren ohne Grund | Pflicht-Dialog | ja | Bauen (M01) | Grund-Auswahl + Freitext |
| Gewonnen/Verloren gesetzt | 24-h-Rückgängig-Banner | nein | Nur dokumentieren | am Projekt + Board-Toast |
| Umsatz ohne Recht | »—« in Karte/Kopf/Liste | nein | Nur dokumentieren | field-level |
| Ziehen in unerlaubte Spalte | Klartext-Hinweis, Karte springt zurück | ja (Aktion) | Nur dokumentieren | Validation |
| Live-Verbindung weg | Inline-Hinweis | nein | Nur dokumentieren | »aktualisiert sich gerade nicht« |
| Leeres Board | Leer-Zustand + CTA | nein | Nur dokumentieren | »Noch keine Projekte — aus Lead-Eingang konvertieren oder anlegen« |
---
## 7. Validierte Screen-Liste
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|---|---|---|---|---|---|
| S01 | Kanban-Board ⭐ | BESPOKE | Bauen | `/projects` | Validiert |
| S02 | Projekt-Detailseite | Detail (P6-Muster) | Bauen | `/projects/:id` | Validiert |
| S03 | Projekt-Liste (alle Boards) | Liste | Bauen | `/projects/list` | Validiert |
| S04 | Board-Einstellungen (Spalten, Rollen-Zugriff, Spalten-Regeln) | Verwaltung | Bauen | aus Board + aus Einstellungen | Validiert |
| S05 | Detail-Schablone (Edit-Mode) | Modus/Variante | Bauen | aus Board/S04 | Validiert |
| S06 | Verlust-Gründe | Settings-Liste | Bauen | `/admin/pipelines/lost-reasons` | Validiert |
| S07 | Boards-Übersicht (Einstellungen) | Settings-Liste | Bauen | Einstellungen → Arbeitsweise | Validiert |
| M01 | Verloren-Dialog (Grund Pflicht) | Modal | Bauen | aus S01/S02 | Validiert |
| M02 | Board-Wechsel-Dialog (»Wohin?« ohne Regel) | Modal | Bauen | aus S01 | Validiert |
| D01 | KPI-/Forecast-Datenquellen | Doku | Nur dokumentieren | Widgets in D-DASH | Validiert |
| D02–D06 | Zustände (s. Tabelle) | Inline/Banner | Nur dokumentieren | — | Validiert |
---
## 8. Grid
### Normaler Einstieg und Projektarbeit
```text
Sidebar -> S01 (Board) -> S02 (Projekt-Detail)
S01 -> S03 (Listen-Ansicht) [Umschalter]
S01 -> M01 (Verloren) / M02 (Board-Wechsel ohne Regel)
S01 -> S04 (Board verwalten) -> S05 (Edit-Mode Detailansicht)
Einstellungen -> S07 (Boards-Uebersicht) -> S04
Einstellungen -> S06 (Verlust-Gruende)
S02 nutzt P6-Muster + bettet ein: Aufgaben V01, Datei-Sektion, Verlauf-Drawer
S00 Boards-Startseite
-> S01 Kanban-Board <-> S03 Projekt-Liste
| |
+-------> S02 Pipelines Detailansicht
```
---
- S00 ist die normale Board-Auswahl. Freigegebene und gesperrte Boards bleiben sichtbar; für gesperrte Boards gibt es „Nutzung anfragen“.
- S01 und S03 zeigen dieselbe Projektdatenbasis als Board bzw. Liste.
- S01a und S03a sind die gebauten Leer-/Filterzustände dieser beiden Ansichten.
- S02 ist die umfangreiche, direkt bearbeitbare Projektansicht mit Schnellaktionen und rechter Pipeline-Seitenleiste.
## 9. Screen-Pakete
### Verwaltung
- [[S01 Kanban-Board]] · [[S02 Projekt-Detailseite]] · [[S03 Projekt-Liste]]
- [[S04 Board-Einstellungen]] · [[S05 Detail-Schablone Edit-Mode]]
- [[S06 Verlust-Gruende]] · [[S07 Boards-Uebersicht]]
- [[M01 Verloren-Dialog]] · [[M02 Board-Wechsel-Dialog]]
```text
S00/S07 -> Neues Board -> S07a Fehler
S00/S01/S07 -> S04 Board-Einstellungen -> S05 Detailfelder -> Modal Bestandsfeld
S00/S07 -> S06 Verlust-Gründe
```
- S07 ist die Admin-Übersicht; S00 bleibt die normale Board-Auswahl.
- S04 ist die Detail- und Bearbeitungsansicht des in S07 ausgewählten Boards. Der aktuelle Code zeigt den Pipeline-Aufbau über Spalten/Stages und Status sowie den Einstieg in die Detailfeld-Konfiguration.
- S05 ordnet System- und Custom-Felder; „Modal Bestandsfeld“ zeigt den Zustand „Bestehendes Feld hinzufügen“.
### Projektaktionen und Pipeline-Übergabe
```text
S02 -> Aufgabe | Notiz | Termin | Datei
S01/S02 -> M01 Verloren-Dialog
S01 -- Karte in letzte Stage / finalen Status --> M04 Übergabe -> Dateien | Aufgaben | Termine
S01 -- Rechtsklick auf Kanban-Karte --> M03 Kontextmenü
```
- Die vier S02-Modalseiten gehören zu den sichtbaren Schnellaktionen der Detailansicht.
- M04, M04a, M04b und M04c sind Tab-Zustände desselben Übergabe-Dialogs; M04 zeigt den Reiter „Notizen“. Das Modal öffnet automatisch, wenn ein Projekt die letzte Stage bzw. den abschließenden Status erreicht; es gibt dafür keinen eigenen Button.
- M03 ist das Rechtsklick-Kontextmenü einer Kanban-Karte mit Öffnen, Einstellungen, Undo/Redo, Board wechseln, Duplizieren und Löschen.
---
## 10. Offene Fragen
## 3. Vollständiger Subframe-Bestand
- **Dev-Frage (Davids Delta):** Spalten-Regel »Auto-Verschieben nach Board X, Spalte Y« — direkt am Board-Modell oder als vereinfachte Oberfläche über die Automation-Engine (P12)? Beim Handoff klären
- Karten-Inhalt fix definiert (Titel, Umsatz gegated, Avatar, Datum, max. 3 Tags, Hänger-Marker) — Feinschliff beim Subframe-Bau
- Projekt anlegen direkt aus dem Board (+ auf Spalte)? → beim Subframe-Bau entscheiden (Anfragen kommen primär aus dem Lead-Eingang)
Die Spalte „Canvas-ID“ ist nur ein eindeutiges Obsidian-Kürzel, wenn Subframe denselben Präfix mehrfach verwendet oder gar keine Nummer vergibt. Maßgeblich bleiben Subframe-Name und UUID.
## Handoff-Check
| Canvas-ID | Subframe-Seite | Typ / Rolle | Screen-MD | Subframe |
|---|---|---|---|---|
| S00 | S00 Boards-Startseite | Board-Auswahl / Einstieg | [MD](<Screens/S00 Boards-Startseite.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit) |
| S01 | S01 Kanban-Board | Board-Hauptansicht | [MD](<Screens/S01 Kanban-Board.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit) |
| S02 | S02 Pipelines Detailansicht | Projekt-Detail | [MD](<Screens/S02 Pipelines Detailansicht.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit) |
| S03 | S03 Projekt-Liste | Listen-Hauptansicht | [MD](<Screens/S03 Projekt-Liste.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit) |
| S04 | S04 Board-Einstellungen | Board-Einstellungsdetail / Pipeline-Konfiguration | [MD](<Screens/S04 Board-Einstellungen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit) |
| S05 | S05 Detail-Schablone Edit-Mode | Detailfeld-Konfiguration | [MD](<Screens/S05 Detail-Schablone Edit-Mode.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit) |
| S06 | S06 Verlust-Gruende | Verlustgrund-Verwaltung | [MD](<Screens/S06 Verlust-Gruende.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit) |
| S07 | S07 Boards-Uebersicht | Admin-Boardverwaltung | [MD](<Screens/S07 Boards-Uebersicht.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit) |
| M03 | M03 Kontextmen_ Rechtsklick | Kanban-Karten-Kontextmenü | [MD](<Screens/M03 Kontextmen_ Rechtsklick.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit) |
| S01a | S01a Kanban-Board Empty State | Variante von S01 | [MD](<Screens/S01a Kanban-Board Empty State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit) |
| S03a | S03a Projekt-Liste Empty State | Variante von S03 | [MD](<Screens/S03a Projekt-Liste Empty State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit) |
| S07-D | S07 Neues Board Dialog Variante | Neues-Board-Dialog | [MD](<Screens/S07 Neues Board Dialog Variante.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit) |
| M01 | M01 Verloren-Dialog | Pflichtdialog | [MD](<Screens/M01 Verloren-Dialog.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit) |
| S07a | S07a Neues Board Error State | Fehlerzustand des Dialogs | [MD](<Screens/S07a Neues Board Error State.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit) |
| S02-A | S02 Modal Aufgabe erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Aufgabe erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit) |
| S02-N | S02 Modal Notiz erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Notiz erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit) |
| S02-T | S02 Modal Termin erstellen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Termin erstellen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit) |
| S02-F | S02 Modal Datei hochladen | Schnellaktions-Modal | [MD](<Screens/S02 Modal Datei hochladen.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit) |
| M04 | M04 Pipeline-Uebergabe | Übergabe · Reiter Notizen | [MD](<Screens/M04 Pipeline-Uebergabe.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit) |
| M04a | M04a Pipeline-Uebergabe Dateien | Übergabe · Reiter Dateien | [MD](<Screens/M04a Pipeline-Uebergabe Dateien.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit) |
| M04b | M04b Pipeline-Uebergabe Aufgaben | Übergabe · Reiter Aufgaben | [MD](<Screens/M04b Pipeline-Uebergabe Aufgaben.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit) |
| M04c | M04c Pipeline-Uebergabe Termine | Übergabe · Reiter Termine | [MD](<Screens/M04c Pipeline-Uebergabe Termine.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit) |
| M05 | Modal Bestandsfeld | S05 mit geöffnetem Unterdialog | [MD](<Screens/Modal Bestandsfeld.md>) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit) |
- [x] Jeder Screen ist mit Umsetzung markiert.
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
---
## 4. Fachlicher Stand aus dem aktuellen JSX
### Board-Einstieg, Zugriff und Typen
- Board-Typen: Vertrieb, Auftrag, Eigenes.
- S00 filtert nach Typ, Zugriff und Status; gesperrte Boards bleiben sichtbar.
- Sichtbare Zugriffsformen: freigegeben, Freigabe nötig, nur ich; gesperrte Einträge bieten „Nutzung anfragen“.
- S07 trennt die Admin-Verwaltung von der normalen Board-Auswahl und filtert zusätzlich nach Regeln.
### Board und Liste
- S01 zeigt das Board „Vertrieb: Anlagen-Verkauf“ mit den sichtbaren Spalten Neu, Qualifiziert und Angebot.
- Karten zeigen Projektname, Kontakt/Ort, Tags, Wert bzw. „—“, Avatar, Zeitraum, Termin und Prioritätsvariante.
- S03 zeigt dieselben elf Beispielprojekte als Tabelle mit Projekt-Nr., Projektname, Board, Spalte, Auftragswert, Kunde/Kontaktrolle, Termin/Hinweis, Tags und Sachbearbeiter.
- Beide Ansichten teilen Filter für Sachbearbeiter, Kundentyp, Tags, Zeitraum und Auftragswert sowie „Nur meine Projekte“.
### Projekt-Detail
- Kopf: Projektname, zugehöriges Board, Projekt-ID mit Kopieren, „Pipeline“ und „Speichern“.
- Bearbeitbare Gruppen: Grunddaten, Planung und Verantwortliche, Projektkontaktdaten, KWP-Integration, Kontakte/Firmendaten und Adressdaten.
- Kontaktbereich: Firma, zwei Ansprechpartner, Kontakt-/Firmenanlage und Rollen-/Erreichbarkeitsinformationen.
- Adressbereich: Projektadresse, Rechnungsadresse und Bauherradresse mit Hinweisen.
- Schnellaktionen: Anrufen, E-Mail, Termin, Aufgabe, Notiz, Hochladen.
- Rechte Seitenleiste: Verlauf, Termine, Dateien, Aufgaben, Notizen und Aktivitäten; im gebauten Zustand ist „Dateien“ aktiv.
### Konfiguration
- S07 ist die Board-Übersicht; S04 ist die zugehörige Detail-/Bearbeitungsansicht. Neue Boards/Pipelines werden aus S07 angelegt und anschließend in S04 eingerichtet.
- S04 konfiguriert im sichtbaren Stand den Pipeline-Aufbau über Name, Reihenfolge und Status der Board-Spalten; sichtbar sind Neu, Qualifiziert und Angebot.
- S05 trennt Systemfelder, Custom-Felder, immer sichtbare und gesperrte Felder.
- Feldgruppen: Grunddaten, Planung und Verantwortliche, Projektkontaktdaten, KWP-Integration, Adressdaten und Kontakte.
- Custom-Felder können Feldtyp, Optionen, Mehrfachauswahl, Hinweis, Pflichtstatus und Pflicht-ab-Spalte erhalten sowie kopiert oder gelöscht werden.
- „Modal Bestandsfeld“ sucht und übernimmt vorhandene Felder in eine Gruppe.
### Verlust und Übergabe
- M01 verlangt einen Verlust-Grund; die Notiz ist optional. Der Screen weist auf Reporting und 24 Stunden Rückgängig hin.
- M04 wird automatisch durch den Statuswechsel in die letzte Stage der aktuellen Pipeline ausgelöst. Der Vertriebler wählt selektiv Notizen, Dateien, Aufgaben und Termine; erst danach werden Projekt und Auswahl in die nächste Pipeline übergeben. Der Beispielsprung lautet „Angebot → Anlagen-Installation“.
---
## 5. Zustände und Modale
| Auslöser / Zustand | Gebaute Seite | Ergebnis |
|---|---|---|
| Board-Filter ohne Treffer / leeres Board | S01a | Filter zurücksetzen oder Projekt anlegen; leere Spalten erklären ihren Inhalt |
| Listenfilter ohne Treffer | S03a | Filter anpassen/zurücksetzen oder Projekt anlegen |
| Neues Board | S07 Neues Board Dialog Variante | Board-Name und Typ; danach Board-Einstellungen |
| Neues Board ungültig | S07a | Gesamtfehler, doppelter Name, fehlender Typ |
| Projekt verloren | M01 | Pflichtgrund + optionale Notiz; 24-h-Rückgängig-Hinweis |
| Schnellaktion in S02 | vier S02-Modalseiten | Aufgabe, Notiz, Termin oder Datei anlegen |
| Karte erreicht letzte Stage / finalen Status | M04/M04a–c | Modal automatisch öffnen, Begleitdaten tabweise auswählen und Projekt in die nächste Pipeline übergeben |
| Bestehendes Detailfeld | Modal Bestandsfeld | Feld suchen, auswählen und hinzufügen |
---
## 6. Validierte Produktentscheidungen und Development-Hinweise
Diese Punkte ergänzen die statischen Subframe-Screens um die von David validierte Produktlogik. Subframe blieb unverändert.
1. **S04:** S07 ist die Board-Übersicht, S04 die Detail-/Bearbeitungsansicht des ausgewählten Boards. Hier wird dessen Pipeline-Aufbau konfiguriert; neue Boards/Pipelines werden nach dem Anlegen in S04 weiter eingerichtet.
2. **S03:** „hier Name der Pipeline einfügen“ ist ein bewusster Development-Platzhalter. Development setzt dort den Namen der aktiven Pipeline ein; am Subframe-Screen ist keine Korrektur nötig.
3. **M04:** Der Trigger ist der Statuswechsel in die letzte Stage bzw. den abschließenden Status. Das Modal öffnet automatisch und nicht über einen Button; nach der Auswahl werden Projekt und Begleitdaten in die nächste Pipeline übergeben.
4. **M03:** Das Kontextmenü gehört zur Kanban-Karte. Ein Rechtsklick auf eine Karte in S01 öffnet M03.
5. Die Dialogseiten sind technisch nicht einheitlich aufgebaut: Einige nutzen `Dialog`/`Dialog.Content`, andere nur `DialogLayout` mit einer zentrierten Surface. Das ist der aktuelle Subframe-Stand, keine Obsidian-Normalisierung.
6. Routen sind im Subframe-Seitencode nicht hinterlegt. Frühere Obsidian-Routen wurden daher nicht als verifizierte Fakten weitergeführt.
---
## 7. Bereinigter Altbestand
- `M02 Board-Wechsel-Dialog` wurde entfernt: Im aktuellen Subframe-Flow gibt es weder diese Seite noch diese UUID.
- Die frühere Behauptung „Projekt-Liste über alle Boards“ wurde entfernt; der aktuelle S03-Screen ist die Listenansicht der ausgewählten Pipeline und zeigt das Board als Tabellenspalte.
- Eine frühere, konkrete S04-Regeloberfläche mit Ziel-Board/Start-Spalte ist im aktuellen Screen nicht sichtbar. Maßgeblich ist die nun validierte Statuslogik: Letzte Stage erreicht → M04 öffnet automatisch → Auswahl wird in die nächste Pipeline übergeben.
- Die alte, deutlich kleinere P6-Musterbeschreibung der Projekt-Detailseite wurde durch den tatsächlichen umfangreichen S02-Aufbau ersetzt.
---
## 8. Handoff-Check
- [x] Alle 23 aktuellen Subframe-Seiten haben eine Screen-Datei.
- [x] Alle 23 Screen-Dateien enthalten den direkten Subframe-Link und die UUID.
- [x] Paket-MD, Tracker und Canvas verwenden denselben aktuellen Bestand.
- [x] Veraltete Screen-Datei und tote Canvas-/Tracker-Einträge sind entfernt.
- [x] Zustände, Modale, Permissions und fachliche Abhängigkeiten sind abgedeckt.
- [x] Die vier zuvor offenen Produktfragen zu S03, S04, M03 und M04 sind für Development validiert und überall synchronisiert.
- [x] Subframe wurde nur gelesen und nicht verändert.
@@ -30,7 +30,7 @@ Die Projekt-Akte für die Bau-Phase: alles zum Auftrag an einem Ort. Erweitert d
## Pattern / Archetyp
A3 — Reiter-Erweiterung der [[../../P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite|P8-Projekt-Detailseite]] (P6-Muster).
A3 — Reiter-Erweiterung der [[../../../P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht|P8-Pipelines-Detailansicht]].
## Zustände
+31 -13
View File
@@ -42,7 +42,7 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P5 Integrationen | D-P5 | Integrationen | Validiert | [MD](<P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.md>) | [Canvas](<P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Sync-Verlauf als eigene Seiten; Connection-Card = Muster fuer P14/P15/P16 |
| WF-P6 Kontakte und Organisationen | D-CRM | Kontakte | Validiert | [MD](<P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.md>) | [Canvas](<P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Karteikarte = Muster-Vorlage fuer alle Detailseiten (Zweispalter + Reiter) |
| WF-P7 Leads | D-P7 | Leads | Validiert | [MD](<P7 Leads/WF-P7 Leads/WF-P7 Leads.md>) | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Lead->Projekt als grosses Modal (+Bulk); CSV-Import = Davids Delta/CR |
| WF-P8 Pipelines | D-P8 + D-KANBAN | Pipelines | Validiert | [MD](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-08; Edit-Mode nur Detailansicht; Gewonnen regel-basiert (Spalten-Regel = Davids Delta) |
| WF-P8 Pipelines | D-P8 + D-KANBAN | Pipelines | In Subframe | [MD](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.md>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit>) | Development-Handoff | 23 aktuelle Seiten per MCP abgeglichen; S03/S04/M03/M04-Produktlogik am 2026-07-28 von David validiert |
| WF-P9 Projekt-Akte | D-P9 | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.md>) | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Rechnung v1 neu; Board-Auftragsoptionen erweitern WF-P8 S04 |
| WF-P9 Plantafel | D-PLAN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.md>) | [Canvas](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Monteur-Modus = 1 Frame Heute<->Woche; Konflikt-Dialog wird gebaut |
| WF-P9 Abnahme | D-ABN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.md>) | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; mehrstufiger Mobile-Workflow; immutable nach Abschluss |
@@ -162,15 +162,29 @@ Diese Datei ist der erste Ort, um zu sehen:
| M03 | CSV-Import-Wizard | WF-P7 Leads | Modal/Wizard | Bauen | Validiert (Delta) | aus S01 | [MD](<P7 Leads/WF-P7 Leads/Screens/M03 CSV-Import.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
| S04 | Quellen-Verwaltung | WF-P7 Leads | Settings-Liste | Bauen | Validiert | `/admin/lead-sources` | [MD](<P7 Leads/WF-P7 Leads/Screens/S04 Quellen-Verwaltung.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
| S05 | Spam-Schutz | WF-P7 Leads | Settings | Bauen | Validiert | `/admin/lead-anti-spam` | [MD](<P7 Leads/WF-P7 Leads/Screens/S05 Spam-Schutz.md>) | - | [Canvas](<P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas>) |
| S01 | Kanban-Board (Bespoke) | WF-P8 Pipelines | Board | Bauen | Validiert | `/projects` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02 | Projekt-Detailseite (P6-Muster) | WF-P8 Pipelines | Detail | Bauen | Validiert | `/projects/:id` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Projekt-Detailseite.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S03 | Projekt-Liste (alle Boards) | WF-P8 Pipelines | Liste | Bauen | Validiert | `/projects/list` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S04 | Board-Einstellungen | WF-P8 Pipelines | Verwaltung | Bauen | Validiert | aus Board + Einstellungen | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S05 | Detail-Schablone (Edit-Mode) | WF-P8 Pipelines | Modus | Bauen | Validiert | aus S01/S04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S06 | Verlust-Gruende | WF-P8 Pipelines | Settings-Liste | Bauen | Validiert | `/admin/pipelines/lost-reasons` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S07 | Boards-Uebersicht (Einstellungen) | WF-P8 Pipelines | Settings-Liste | Bauen | Validiert | `/admin/pipelines` | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M01 | Verloren-Dialog (Grund Pflicht) | WF-P8 Pipelines | Modal | Bauen | Validiert | aus S01/S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M02 | Board-Wechsel-Dialog | WF-P8 Pipelines | Modal | Bauen | Validiert | Spalte ohne Auto-Regel | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M02 Board-Wechsel-Dialog.md>) | - | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S00 | Boards-Startseite | WF-P8 Pipelines | Board-Auswahl | Bauen | In Subframe | Einstieg Pipelines | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S00 Boards-Startseite.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S01 | Kanban-Board | WF-P8 Pipelines | Board | Bauen | In Subframe | aus S00 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01 Kanban-Board.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02 | Pipelines Detailansicht | WF-P8 Pipelines | Projekt-Detail / Editor | Bauen | In Subframe | aus S01/S03 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Pipelines Detailansicht.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S03 | Projekt-Liste | WF-P8 Pipelines | Liste | Bauen | In Subframe | Schwesteransicht von S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03 Projekt-Liste.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S04 | Board-Einstellungen | WF-P8 Pipelines | Board-Einstellungsdetail / Pipeline-Konfiguration | Bauen | In Subframe | primär aus S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S04 Board-Einstellungen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S05 | Detail-Schablone Edit-Mode | WF-P8 Pipelines | Detailfeld-Konfiguration | Bauen | In Subframe | aus S04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S05 Detail-Schablone Edit-Mode.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S06 | Verlust-Gruende | WF-P8 Pipelines | Settings-Liste | Bauen | In Subframe | aus S00/S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S06 Verlust-Gruende.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S07 | Boards-Uebersicht | WF-P8 Pipelines | Admin-Boardverwaltung | Bauen | In Subframe | Admin-Einstieg | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Boards-Uebersicht.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M03 | Kontextmen_ Rechtsklick | WF-P8 Pipelines | Kanban-Karten-Kontextmenü | Bauen | In Subframe | Karten-Rechtsklick in S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M03 Kontextmen_ Rechtsklick.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S01a | Kanban-Board Empty State | WF-P8 Pipelines | Board-Variante | Bauen | In Subframe | Variante von S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S01a Kanban-Board Empty State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S03a | Projekt-Liste Empty State | WF-P8 Pipelines | Listen-Variante | Bauen | In Subframe | Variante von S03 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S03a Projekt-Liste Empty State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S07-D | Neues Board Dialog Variante | WF-P8 Pipelines | Modal | Bauen | In Subframe | aus S00/S07 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07 Neues Board Dialog Variante.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M01 | Verloren-Dialog | WF-P8 Pipelines | Modal | Bauen | In Subframe | aus S01/S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M01 Verloren-Dialog.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S07a | Neues Board Error State | WF-P8 Pipelines | Modal-Fehler | Bauen | In Subframe | Variante von S07-D | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S07a Neues Board Error State.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02-A | Modal Aufgabe erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Aufgabe erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02-N | Modal Notiz erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Notiz erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02-T | Modal Termin erstellen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Termin erstellen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S02-F | Modal Datei hochladen | WF-P8 Pipelines | Modal | Bauen | In Subframe | Schnellaktion aus S02 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/S02 Modal Datei hochladen.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M04 | Pipeline-Uebergabe | WF-P8 Pipelines | Modal · Notizen | Bauen | In Subframe | letzte Stage / finaler Status in S01 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04 Pipeline-Uebergabe.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M04a | Pipeline-Uebergabe Dateien | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Dateien-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04a Pipeline-Uebergabe Dateien.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M04b | Pipeline-Uebergabe Aufgaben | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Aufgaben-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04b Pipeline-Uebergabe Aufgaben.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M04c | Pipeline-Uebergabe Termine | WF-P8 Pipelines | Modal-Variante | Bauen | In Subframe | Termine-Tab von M04 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/M04c Pipeline-Uebergabe Termine.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| M05 | Modal Bestandsfeld | WF-P8 Pipelines | S05-Dialogzustand | Bauen | In Subframe | aus S05 | [MD](<P8 Pipelines/WF-P8 Pipelines/Screens/Modal Bestandsfeld.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit>) | [Canvas](<P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas>) |
| S01 | Auftrags-Reiter am Projekt | WF-P9 Projekt-Akte | Detail-Erweiterung | Bauen | Validiert | `/projects/:id` | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/S01 Auftrags-Reiter.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
| S02 | Mobil-Modus | WF-P9 Projekt-Akte | Variante 📱 | Bauen | Validiert | `/projects/:id` (Handy) | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/S02 Mobil-Modus.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
| M01 | Rechnung anlegen | WF-P9 Projekt-Akte | Modal | Bauen | Validiert | Rechnungen-Reiter | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/Screens/M01 Rechnung anlegen.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) |
@@ -337,9 +351,13 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P7 Leads | Lead->Projekt-Form | Genommen | Grosses Modal mit 3 Sektionen (Vererbungs-Vorschau, Board+Spalte, Kontakt verknuepfen); auch als Bulk-Variante (Massen-Konvertierung). | Bulk-Machbarkeit mit Dev bestaetigen |
| WF-P7 Leads | CSV-Import-Wizard | Genommen (Delta) | Datei -> Spalten zuordnen -> Vorschau/Duplikat-Regel -> Import im Hintergrund. Steht nicht im Dev-Ticket. | Change-Request an Dev |
| WF-P7 Leads | Anfrage anlegen | Genommen | Modal (wie Kontakt anlegen); Inline-Anlegen (Plus -> Zeile) als gemeinsames Spaeter-Muster mit P6 dokumentiert. | Validiert 2026-07-08 |
| WF-P8 Pipelines | Edit-Mode | Genommen | NUR die Detailansicht als WYSIWYG-Schablone (Felder verschieben/hinzufuegen/sichtbar/Pflicht/Berechtigung); Karten-Layout bewusst NICHT editierbar (v1). | Validiert 2026-07-08 |
| WF-P8 Pipelines | Zwei Einstiege zur Board-Verwaltung | Genommen | Im Board (Board verwalten + Edit-Mode) UND Einstellungen -> Arbeitsweise -> Boards (Liste, neues Board). Gleiche Seiten, kein Duplikat. | Validiert 2026-07-08 |
| WF-P8 Pipelines | Gewonnen regel-basiert | Genommen (Delta) | Spalten-Regel "Auto-Verschieben nach Board X, Spalte Y" -> kein Dialog; ohne Regel -> Auswahl-Dialog. | Dev-Frage: direkt am Board-Modell oder via Automation-Engine |
| WF-P8 Pipelines | Aktueller Subframe-Bestand | Geltend | 23 Seiten im Flow `(MCP) WF-P8 Pipelines`; alle Namen, UUIDs, Links und JSX-Inhalte sind in Paket, Screen-Dateien und Canvas synchronisiert. | MCP-Abgleich 2026-07-28 |
| WF-P8 Pipelines | Board- und Listenansicht | Geltend | S01 und S03 sind zwei Ansichten derselben Projektdatenbasis; S01a/S03a sind die gebauten Empty States. | Im aktuellen JSX sichtbar |
| WF-P8 Pipelines | Normale Auswahl vs. Admin-Verwaltung | Geltend | S00 ist die normale Board-Auswahl mit Zugriffsgates; S07 ist die Admin-Boardverwaltung. | Im aktuellen JSX explizit beschrieben |
| WF-P8 Pipelines | S04 Board-Einstellungsdetail | Genommen | S07 ist die Board-Übersicht; S04 ist die Detail-/Bearbeitungsansicht des ausgewählten Boards und konfiguriert dessen Pipeline-Aufbau. Neue Boards/Pipelines werden nach dem Anlegen dort weiter eingerichtet. | David-validiert 2026-07-28 |
| WF-P8 Pipelines | S03 Pipeline-Name | Genommen | „hier Name der Pipeline einfügen“ ist ein Development-Platzhalter; Development setzt dort den Namen der aktiven Pipeline ein. Kein Subframe-Umbau nötig. | David-validiert 2026-07-28 |
| WF-P8 Pipelines | M03 Karten-Kontext | Genommen | Rechtsklick auf eine Kanban-Karte in S01 öffnet M03; das Menü gehört zum Arbeiten im Kanban-Board. | David-validiert 2026-07-28 |
| WF-P8 Pipelines | M04 Pipeline-Übergabe | Genommen | Erreicht eine Karte die letzte Stage bzw. den finalen Status, öffnet M04 automatisch und ohne Button. Nach Auswahl werden Projekt sowie Notizen, Dateien, Aufgaben und Termine in die nächste Pipeline übergeben. | David-validiert 2026-07-28 |
| WF-P9 Plantafel | Monteur-Modus | Genommen | EIN Frame mit Umschalter Heute <-> Woche; offline mit Sync-Status. | Validiert 2026-07-09 |
| WF-P9 Abnahme | Workflow-Form | Genommen | Mehrstufig (Pruefungen -> Maengel -> Unterschriften) statt langem Scroll-Screen. | Validiert 2026-07-09 |
| WF-P9 Projekt-Akte | Board-Auftragsoptionen | Genommen | Abnahme-Pflicht je Spalte, Vorlagen-Zuweisung, Auto-Archiv -> erweitern WF-P8 S04 (kein neuer Screen). | Validiert 2026-07-09 |
+17 -17
View File
@@ -15,9 +15,9 @@
{"id":"2025c7621bb63c98","type":"group","x":2737,"y":0,"width":540,"height":740,"color":"4","label":"LOGIN & ZUGÄNGE"},
{"id":"3c6e5b1ea4a27913","type":"group","x":7297,"y":2080,"width":540,"height":740,"label":"HR (MITARBEITER)"},
{"id":"8272764aa65537b0","type":"text","text":"## Lead-Eingang (Anfragen)\n**Ticket:** `D-P7` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/leads`\n\n**Was drin ist:** Eingangs-Liste aller Anfragen (mit Quelle, Spam-Verdacht, Duplikat-Hinweis), Anfrage-Detail, »Zu Projekt machen«, Statistiken, Quellen-Verwaltung, Spam-Schutz-Einstellungen\n\n**So funktioniert's:** Alle Anfragen (Website, Formulare, Anrufe, Buchungen) landen hier. Wer sie bearbeiten darf (Freigabe = ja), macht daraus ein Projekt und hängt den Kontakt dran.","x":2007,"y":1040,"width":460,"height":360,"color":"5"},
{"id":"a-leads-pkg","type":"file","file":"02 Wireframes/P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas","x":2007,"y":1440,"width":460,"height":220},
{"id":"487ffd8c4ba06816","type":"file","file":"02 Wireframes/P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas","x":2007,"y":1440,"width":460,"height":220},
{"id":"d9868dadb782f253","type":"text","text":"## Kontakte & Organisationen\n**Ticket:** `D-CRM` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/contacts`\n\n**Was drin ist:** Kontakt-Liste, Organisations-Liste, Kontakt-Detailseite (die Vorlage für ALLE Detailseiten), eigene Felder, Tags, Duplikate zusammenführen\n\n**So funktioniert's:** Ein Kontakt ist Privatperson oder Organisation und hat einen Status (Kontakt → Kunde → Bestandskunde). Auf der Detailseite sieht man alles: Projekte, Mails, Anrufe, Aufgaben, Dateien, Notizen.","x":3077,"y":1040,"width":460,"height":360,"color":"5"},
{"id":"a-kontakte-pkg","type":"file","file":"02 Wireframes/P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas","x":3077,"y":1440,"width":460,"height":220},
{"id":"e7b3227af605e50f","type":"file","file":"02 Wireframes/P6 Kontakte/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas","x":3077,"y":1440,"width":460,"height":220},
{"id":"77ebfde5a3a05b8a","type":"text","text":"## Online-Terminbuchung 🌐\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** 🌐 Buchungslink + `/bookings`\n\n**Was drin ist:** 🌐 Buchungs-Seite für Kunden (freien Termin wählen → Formular → Bestätigung mit Kalender-Datei), intern: Buchungs-Liste (verschieben, stornieren, No-Show), Buchungsseiten-Editor (Fragen mit Feld-Zuordnung zum Lead), Verfügbarkeits-Zeiten — Davids Delta: Kunde kann per Mail-Link selbst absagen/verschieben\n\n**So funktioniert's:** Kunde bucht selbst, der erste freie Mitarbeiter bekommt den Termin, die Anfrage landet im Lead-Eingang. Muss am schönsten aussehen — ist öffentlich.","x":3067,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"6b8c7d3bc3ee7449","type":"text","text":"## Formulare (Baukasten) 🌐\n**Ticket:** `D-FORM` + `D-P16` (Teil) · **Status:** 🟡 Review-Draft (Mitarbeiterinnen-Paket eingebaut, David Review offen)\n**Wo:** `/forms` + öffentlicher Link\n\n**Was drin ist:** Formular-Zentrale, einfacher Google-Forms-naher Builder S02, Lead-Feldzuweisung S02L/E05, Design, Antworten-Tabelle, 🌐 öffentliches Formular mit Erfolg/Blocker/Submit-Fehler\n\n**So funktioniert's:** S02 ist der Hauptfluss für Handwerksbetriebe; Advanced-Canvas, Logic/Actions und Publish-Blocker bleiben als Referenz/Power-User-Richtung. D-FORM kann später in Terminbuchung, HR und Abnahme-Vorlagen eingesteckt werden.","x":2560,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"4cce52e2e3bd8823","type":"text","text":"## Versand-Technik & Statistiken 🌐\n**Ticket:** `D-P14` · **Status:** ⬜ offen\n**Wo:** `/email-marketing` + Einstellungen\n\n**Was drin ist:** Eigene Absender-Domain einrichten (mit Copy-Paste-Anleitung), Kampagnen-Übersicht + Statistiken (zugestellt/geöffnet/geklickt), gesperrte Empfänger, Vorlagen, 🌐 Abmelde-Seite\n\n**So funktioniert's:** Mails an Kunden tauchen automatisch am Kontakt auf (BCC-Trick, kein Postfach-Anschluss nötig — der kommt in v2).","x":1850,"y":2160,"width":460,"height":360,"color":"2"},
@@ -25,11 +25,11 @@
{"id":"28bd46ecb4eaa069","type":"text","text":"## Kalender\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/calendar` + Einstellungen\n\n**Was drin ist:** Monats-/Wochen-Ansicht mit allen Terminen (Google-Kalender + Buchungen + Plantafel, je mit Herkunfts-Marker), Google-Kalender verbinden, Konflikt-Übersicht — Davids Delta: Termine anlegen + einladen (Team/Kontakte/freie E-Mails), Kollegen-Overlay\n\n**So funktioniert's:** Läuft in beide Richtungen mit Google (Outlook kommt in v2). Fremde private Termine erscheinen nur als »belegt«.","x":3837,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"903e3384b0a5e623","type":"text","text":"**Detail-Flows:** 9 Wireframe-Pakete mit eigenen Canvases in `02 Wireframes/P2 Auth/` (Login, Signup, Reset, Set Password, 2FA, RBAC …) — siehe Tracker","x":2777,"y":480,"width":460,"height":220},
{"id":"d48196ed3e229be5","type":"text","text":"**Standards:** `04 Standards/Subframe UI Standards/` — validierte Layout-Regeln","x":690,"y":480,"width":460,"height":220},
{"id":"e10a35560a461111","type":"text","text":"## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/projects` + Admin\n\n**Was drin ist:** Kanban-Board mit Spalten je Status (Karten ziehen = Status wechseln), Projekt-Liste, Projekt-Detailseite, Pipeline-Einstellungen (Spalten, Rechte, Pflichtfelder), Verlust-Gründe\n\n**So funktioniert's:** Ein Projekt wandert durch Boards — »Vertrieb« und »Auftrag« sind nur zwei Boards für denselben Datensatz. Gewonnen = wechselt aufs Auftrags-Board. Wer welche Felder sieht (z. B. Umsatz), ist einstellbar.","x":4037,"y":1040,"width":460,"height":360,"color":"2"},
{"id":"a-pipelines-pkg","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas","x":4037,"y":1440,"width":460,"height":220},
{"id":"a-d-form-pkg","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas","x":2560,"y":2560,"width":460,"height":220},
{"id":"a-kalender-pkg","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 Kalender/WF-P16 Kalender.canvas","x":3837,"y":2560,"width":460,"height":220},
{"id":"a-buchung-pkg","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 Terminbuchung/WF-P16 Terminbuchung.canvas","x":3067,"y":2560,"width":460,"height":220},
{"id":"e10a35560a461111","type":"text","text":"## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** 🟢 in Subframe, 23/23 Seiten abgeglichen (2026-07-28)\n**Wo:** Boards-Startseite + Board/Liste + Admin\n\n**Was drin ist:** S00 Board-Auswahl, S01 Kanban und S03 Liste mit Empty States, S02 Projekt-Detail, Board-/Verlustgrund-/Detailfeld-Verwaltung sowie alle Modals.\n\n**Für Development validiert:** S07 → S04 Board-Einstellungsdetail; S03 setzt den aktiven Pipeline-Namen ein; Karten-Rechtsklick öffnet M03; letzte Stage/finaler Status öffnet M04 automatisch. Details und direkte Screen-Links liegen im P8-Paket.","x":4037,"y":1040,"width":460,"height":360,"color":"4"},
{"id":"dffe68e69f10ce02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas","x":4037,"y":1440,"width":460,"height":220},
{"id":"a5fedec01fe8bd0b","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas","x":2560,"y":2560,"width":460,"height":220},
{"id":"4dcc2ddf551aa917","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 Kalender/WF-P16 Kalender.canvas","x":3837,"y":2560,"width":460,"height":220},
{"id":"b75d102c4db2d32f","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 Terminbuchung/WF-P16 Terminbuchung.canvas","x":3067,"y":2560,"width":460,"height":220},
{"id":"b789fc765f833f45","type":"text","text":"## Digital unterschreiben (E-Signatur)\n**Ticket:** `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** PDF aus Projekt-Dateien wählen/hochladen → Unterzeichner + Reihenfolge → Kunde unterschreibt per Link mit Code oder direkt vor Ort → Status je Unterzeichner, Erinnerung, Zurückziehen, Downloads\n\n**So funktioniert's:** Hängt direkt am Projekt (»Zur Signatur senden«). SES-Eigenbau ist Default; PandaDoc nur optional BYOK. Davids Delta: eigene Kunden-Signierseite als Frame.","x":4337,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"3e27875daca5713d","type":"text","text":"## Login, Registrierung & Workspace\n**Ticket:** `D-P2` · **Status:** ✅ validiert / in Subframe\n**Wo:** Login-Seiten + Einstellungen\n\n**Was drin ist:** Registrierung, Login + 2FA, Passwort vergessen/ändern, Workspace-Auswahl + neuer Workspace, Profil & Sicherheit, Mitarbeiter & Rollen (Admin)\n\n**Stand:** 9 Wireframe-Pakete fertig gebaut. Konto/Workspace löschen bewusst geparkt. → `02 Wireframes/P2 Auth/`","x":2777,"y":80,"width":460,"height":360,"color":"4"},
{"id":"89c0813f7e139a88","type":"text","text":"## Dashboard (Startseite)\n**Ticket:** `D-DASH` (Teil) · **Status:** ⬜ offen\n**Wo:** `/dashboard`\n\n**Was drin ist:** 3 feste Ansichten je Rolle: Chef (Umsatz, Projekte, Auslastung) · Büro (Projekte, Aufgaben, Anrufe) · Monteur 📱 (meine Termine, Projekte, Aufgaben)\n\n**So funktioniert's:** Kacheln mit Zahlen, Listen und Trend-Charts, live aktualisiert. Kein freies Umbauen in v1 — nur Filter/Zeitraum einstellbar.","x":4037,"y":80,"width":460,"height":360,"color":"2"},
@@ -38,15 +38,15 @@
{"id":"c02969250252a3ab","type":"text","text":"## Feinschliff vor Launch\n**Ticket:** `D-POLISH` · **Status:** ⬜ offen\n**Wo:** 🌐 alles öffentlich Sichtbare\n\n**Was drin ist:** Letzter Polier-Durchgang: Terminbuchungs-Seite, öffentliche Formulare, Marketing-Mails · danach Screenshots als »So muss es aussehen«-Referenz einfrieren\n\n**Warum wichtig:** Kommt ganz am Ende, direkt vor dem Launch. Braucht Terminbuchung + Dashboard fertig.","x":1190,"y":80,"width":460,"height":360,"color":"3"},
{"id":"d53e7ea48a9b1e6c","type":"text","text":"## UI-Baukasten (Listen, Formulare, Modals …)\n**Ticket:** `D-D0b` · **Status:** ✅ validiert\n**Wo:** überall in der App\n\n**Was drin ist:** Fertige Bausteine: Listen mit Filter, Detail-Seiten, Formular-Felder (12 Typen), Dialoge/Wizards, Settings-Seiten, Leer-/Lade-/Fehler-Zustände + Kleinteile (Buttons, Tags, Charts, Unterschriften-Feld …)\n\n**Warum wichtig:** Einmal designen, überall wiederverwenden. Layout-Standards liegen in `04 Standards`. ✅ Bereits erledigt.","x":690,"y":80,"width":460,"height":360,"color":"4"},
{"id":"b3cad562971d30a5","type":"text","text":"## App-Gerüst (Sidebar, Topbar & Design)\n**Ticket:** `D-D0a` · **Status:** ✅ gebaut (David, in Subframe)\n**Wo:** überall in der App\n\n**Was drin ist:** Sidebar (Module ein-/ausblendbar je Abo, Handy-Variante 📱), Topbar (Workspace-Wechsler, Suche, Glocke, Profil-Menü), Breadcrumb, Warn-Banner (z. B. »Zahlung offen«), Erfolgs-/Fehlermeldungen\n\n**Stand:** Bereits gebaut und validiert. Der Rahmen, in dem jedes Feature steckt — inkl. Farben, Schriften, Hell/Dunkel.","x":-100,"y":80,"width":460,"height":360,"color":"4"},
{"id":"a-signatur-pkg","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 E-Signatur/WF-P16 E-Signatur.canvas","x":4337,"y":2560,"width":460,"height":220},
{"id":"c6cbb590c3f9d168","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 E-Signatur/WF-P16 E-Signatur.canvas","x":4337,"y":2560,"width":460,"height":220},
{"id":"e21930b7073823f8","type":"text","text":"## Aufgaben\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/tasks` + überall als Reiter\n\n**Was drin ist:** Aufgaben-Liste (Meine / von mir erstellt / Alle), Aufgabe mit Frist, Priorität, Zuständigem (Person oder Gruppe), Beobachtern und Verknüpfung (Kontakt/Projekt/…)\n\n**So funktioniert's:** Einmal gebaut, überall eingebettet — jede Detailseite hat einen Aufgaben-Reiter. Aufgaben können auch aus Chat, Formularen oder Automationen entstehen (Herkunft sichtbar). Erinnerung vor/nach Frist.","x":800,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"036e2a807223753d","type":"text","text":"## Dateien\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/files` + überall als Reiter\n\n**Was drin ist:** Datei-Übersicht (Tabelle oder Kacheln, Filter, Mehrfach-Aktionen inkl. ZIP), Upload per Drag&Drop (mehrere gleichzeitig, mit Fortschritt), Datei-Detail mit Vorschau\n\n**So funktioniert's:** Dateien hängen an Kontakten/Projekten/… mit Rolle (z. B. »Angebot«). iPhone-Fotos (HEIC) werden automatisch zu JPG. Versionen kommen in v2.","x":1450,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"8f3127f03a5bab96","type":"text","text":"## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/automations/:id/edit`\n\n**Was drin ist:** Zeichenfläche mit Bausteinen: Auslöser (neue Anfrage, Formular abgeschickt, Zeitplan …) und Aktionen (Aufgabe anlegen, Mail senden, Wenn-Dann, Warten …) per Ziehen verbinden\n\n**So funktioniert's:** Alles in verständlichem Deutsch beschriftet. Vor dem Aktivieren zeigt eine Probe-Vorschau »trifft X Datensätze« — erst bestätigen, dann läuft's. Warnt vor Endlos-Schleifen. **Aufwendigste UI der ganzen App.**","x":2150,"y":3100,"width":460,"height":360,"color":"1"},
{"id":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/automations`\n\n**Was drin ist:** Liste aller Automationen (aktiv/pausiert/Entwurf), Lauf-Protokolle Schritt für Schritt in Klartext, Vorlagen-Katalog (SHK-Vorlagen + eigene)\n\n**So funktioniert's:** Jeder Lauf ist nachvollziehbar; 24 h lang rückgängig machbar (Countdown-Knopf), fehlgeschlagene Schritte neu anstoßen.","x":3067,"y":3100,"width":460,"height":360,"color":"2"},
{"id":"401d8270854bebac","type":"text","text":"## Team-Chat 📱\n**Ticket:** `D-CHAT` · **Status:** ⬜ offen (Entwurf angelegt, nicht validiert)\n**Wo:** `/chat`\n\n**Entwurf enthält:** Channel-Liste, Chat-Verlauf mit Threads/Reactions/Anhängen/Read-Receipts, Composer mit @Mentions, Pins, Mentions-Aggregat, Suche, Channel-Settings, Admin-Audit, Monteur-Handy-Frame\n\n**Noch zu klären:** Paket-Schnitt gemeinsam mit David validieren. Projekt-Channel, Admin-DM-Audit und Mobile-Frame sind Vorschläge, nicht final entschieden.","x":5077,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"4bb807ef5e3c8dee","type":"text","text":"## Projekt-Akte (Auftrag) 📱\n**Ticket:** `D-P9` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Reiter am Projekt: Team-Mitglieder, Termine, **Rechnungen (neu in v1)**, Checklisten & Mängel, Aufgaben, Dateien, Abnahmen · dazu Projekt-Vorlagen und Abnahme-Formular-Vorlagen\n\n**So funktioniert's:** Alles zum Auftrag an einem Ort. Am Handy reduziert: Stammdaten, heutige Aufgaben, Abnahme-Knopf, Foto direkt hochladen.","x":5077,"y":1040,"width":460,"height":360,"color":"2"},
{"id":"a-akte-pkg","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas","x":5077,"y":1440,"width":460,"height":220},
{"id":"a-chat-pkg","type":"file","file":"02 Wireframes/P15 Kommunikation/WF-P15 Team-Chat/WF-P15 Team-Chat.canvas","x":5077,"y":2560,"width":460,"height":220},
{"id":"5e02b1bae66787d4","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas","x":5077,"y":1440,"width":460,"height":220},
{"id":"0dd112848b0f0dff","type":"file","file":"02 Wireframes/P15 Kommunikation/WF-P15 Team-Chat/WF-P15 Team-Chat.canvas","x":5077,"y":2560,"width":460,"height":220},
{"id":"5c72e7b04059503a","type":"text","text":"## Integrationen (Apps verbinden)\n**Ticket:** `D-P5` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/admin/integrations`\n\n**Was drin ist:** App-Katalog (nach Kategorie, mit Status-Ampel), Verbindung einrichten per Schritt-für-Schritt-Assistent, Verbindungs-Zustand + Sync-Verlauf in Klartext\n\n**So funktioniert's:** Das gemeinsame Gerüst für alle Anbindungen — E-Mail, Telefonie, Kalender, Signatur nutzen alle dieselben Verbindungs-Karten.","x":5537,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"29ca06733a9b243b","type":"text","text":"## Telefonie (Anrufe)\n**Ticket:** `D-P15` · **Status:** ⬜ offen\n**Wo:** `/calls` + Einstellungen\n\n**Was drin ist:** AirCall verbinden (Telefon-Nutzer zuordnen), Anruf-Liste + Detail (Notiz, Aufnahme), Anruf-Knopf direkt an Kontakt/Anfrage/Projekt\n\n**So funktioniert's:** Anrufe werden automatisch dem richtigen Kontakt zugeordnet. Unbekannte Nummer ruft an → wird automatisch eine Anfrage im Lead-Eingang.","x":5577,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"d5d3db1765287eef","type":"text","text":"# 🗺 HiveGrid Feature Map (v1)\nJede Karte = **ein Feature**. Das Ticket steht nur als Referenz dran. Übergreifende Sachen (App-Gerüst, UI-Baukasten, Feinschliff) liegen unter **Basis**.\n\n**Farben:**\n🟢 fertig/validiert · 🔴 Sonder-UI, wird von Hand designt (Tage) · 🔵 wird aus dem UI-Baukasten zusammengesteckt (Stunden) · 🟠 Mischung aus beidem · 🟣 Basis · 🟡 Feinschliff\n\n**Marker:** 🌐 öffentlich sichtbar (höchster Anspruch) · 📱 Monteur-Handy, teils offline\n\n**Unter jeder Karte:** Slot für die verknüpften Paket-Canvases (Detail-Flows aus `02 Wireframes`) — Karte anklicken öffnet den Flow.\n\n**Pfeile:** orange = Hauptkette (Anfrage → Auftrag → Geld) · grau = klare Querverbindung. Gilt etwas für **alle** Features (Automationen, Aufgaben/Dateien, Benachrichtigungen, Verbindungs-Gerüst), steht es als Text auf der Karte statt als Pfeil.\n\nAbhaklisten & Details: [[HiveGrid Map]]","x":-163,"y":-600,"width":1140,"height":380},
@@ -60,14 +60,14 @@
"width":820,
"height":420
},
{"id":"md-hivegrid-map","type":"file","file":"05 HiveGrid Map/HiveGrid Map.md","x":-683,"y":-600,"width":460,"height":300},
{"id":"c3ff54579acc3b17","type":"file","file":"05 HiveGrid Map/HiveGrid Map.md","x":-683,"y":-600,"width":460,"height":300},
{"id":"3f83fa1a16ae69df","type":"text","text":"## Plantafel (Einsatzplanung) 📱\n**Ticket:** `D-PLAN` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/projects/plantafel`\n\n**Was drin ist:** Planungs-Raster: Zeilen = Mitarbeiter, Spalten = Zeit. Einsätze per Ziehen verschieben/verlängern, Klick auf freien Slot = neuer Einsatz\n\n**So funktioniert's:** Warnt bei Konflikten (doppelt verplant, Urlaub/krank, außerhalb Arbeitszeit) — zuweisen geht trotzdem. Monteure sehen am Handy »Meine Termine heute« mit Adresse + Navi, auch offline.","x":5897,"y":1040,"width":460,"height":360,"color":"1"},
{"id":"a1328943a7cef3b2","type":"file","file":"02 Wireframes/P4 Aufgaben und Dateien/WF-P4 Dateien/WF-P4 Dateien.canvas","x":1450,"y":3500,"width":460,"height":220},
{"id":"98798c9044c1d4bc","type":"file","file":"02 Wireframes/P4 Aufgaben und Dateien/WF-P4 Aufgaben/WF-P4 Aufgaben.canvas","x":800,"y":3500,"width":460,"height":220},
{"id":"a-integrationen-pkg","type":"file","file":"02 Wireframes/P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas","x":5537,"y":3500,"width":460,"height":220},
{"id":"a-plantafel-pkg","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.canvas","x":5897,"y":1440,"width":460,"height":220},
{"id":"a-flow-pkg","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas","x":2150,"y":3500,"width":460,"height":220},
{"id":"a-autoverw-pkg","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas","x":3067,"y":3500,"width":460,"height":220},
{"id":"ccd329042d522b12","type":"file","file":"02 Wireframes/P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas","x":5537,"y":3500,"width":460,"height":220},
{"id":"ac81f31c1c891a76","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.canvas","x":5897,"y":1440,"width":460,"height":220},
{"id":"e19722e166e60234","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas","x":2150,"y":3500,"width":460,"height":220},
{"id":"1e6745655cfaf5c0","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas","x":3067,"y":3500,"width":460,"height":220},
{"id":"0f6acf7087283c0c","type":"text","text":"## Aktivitäts-Protokoll (Audit-Log)\n**Ticket:** `D-P3` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/admin/audit`\n\n**Was drin ist:** Wer hat wann was geändert — als deutscher Klartext-Satz, mit Filter und Vorher/Nachher-Vergleich, Export mit Zweck-Angabe\n\n**So funktioniert's:** Der gleiche Verlauf ist auch an jedem Datensatz einblendbar (»Verlauf dieses Objekts«). Unterscheidet Mensch / Automation / Agent / Admin.","x":6037,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"50945ed6e43505ce","type":"text","text":"## Benachrichtigungen\n**Ticket:** `D-P3` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** Glocke oben + Einstellungen\n\n**Was drin ist:** Glocke mit Ungelesen-Zähler + aufklappbare Liste (Klick springt zur Sache), eigene Seite mit allen Meldungen, Einstellungen: pro Ereignis-Typ wählen ob In-App und/oder E-Mail\n\n**So funktioniert's:** Wird von allen Features gespeist (neue Anfrage, Aufgabe fällig, Antrag genehmigt …). Master-Schalter »alle E-Mails aus«.","x":6077,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"43a26561f03f72da","type":"file","file":"02 Wireframes/P3 Querschnitt/WF-P3 Benachrichtigungen/WF-P3 Benachrichtigungen.canvas","x":6077,"y":2560,"width":460,"height":220},
@@ -77,7 +77,7 @@
{"id":"6b3c0929759a607b","type":"text","text":"## Abo & Rechnungen (für HiveGrid)\n**Ticket:** `D-P20` (Teil) · **Status:** ⚠️ Ticket braucht Recut\n**Wo:** `/admin/subscription`\n\n**Was drin ist:** Abo-Übersicht (Plan, Plätze, gebuchte Module, Test-Countdown), Verbrauchs-Balken (Automations-Läufe, Speicher), Rechnungen + Zahlungsstatus\n\n**Achtung:** Das Ticket wird gerade umgeschnitten (neuer Abrechnungs-Unterbau) — erst planen, wenn der Brief neu steht. Kein Selbst-Upgrade in v1.","x":6537,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"db76161d24fb0c1d","type":"text","text":"## Feedback & Hilfe\n**Ticket:** `D-P21` (Teil) · **Status:** ⬜ offen\n**Wo:** überall + `/help`\n\n**Was drin ist:** Schwebender Feedback-Knopf (Fehler melden / Idee / Frage, optional mit Screenshot), kleine FAQ-Seite\n\n**So funktioniert's:** Meldungen landen direkt in unserer Support-Inbox im Plattform-Admin.","x":6537,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"d9ad572ae83b4d0a","type":"text","text":"## Abnahme (Baustellen-Protokoll) 📱\n**Ticket:** `D-ABN` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Abnahme-Formular (Druckprobe, Funktionsprüfung, Zählerstände, übergebene Dokumente), Mängel mit Foto festhalten, Unterschrift Kunde + Monteur direkt am Handy, Liste aller Abnahmen je Projekt\n\n**So funktioniert's:** Nach dem Speichern unveränderbar (6 Jahre Aufbewahrung), PDF geht automatisch per Mail an den Kunden. Funktioniert offline, lädt später hoch. Mängel werden automatisch Aufgaben.","x":6767,"y":1040,"width":460,"height":360,"color":"1"},
{"id":"a-abnahme-pkg","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas","x":6767,"y":1440,"width":460,"height":220},
{"id":"03b5ea95e563acd9","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas","x":6767,"y":1440,"width":460,"height":220},
{"id":"03e8e03ef11606a0","type":"text","text":"## HR-Bereich 📱\n**Ticket:** `D-HR` · **Status:** ⬜ offen\n**Wo:** `/hr` + HR-Admin\n\n**Was drin ist:** Startseite (Ankündigungen, offene Anträge, wer ist heute da), Urlaub & Krankmeldung (mit Genehmigung), Lohnabrechnungen, Anträge (Spesen, Hardware …), Passwort-Safe, Umfragen, Mitarbeiter-Verzeichnis, Standorte, eigene Dokumente\n\n**So funktioniert's:** Mitarbeiter-Sicht und HR-Verwaltung sind strikt getrennt; sensible Daten verschlüsselt, jedes Aufdecken protokolliert. Urlaub/krank fließt direkt in die Plantafel-Konflikte.","x":7337,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"c8d8914e45e1497e","type":"text","text":"## Plattform-Admin\n**Ticket:** `D-ADMIN` · **Status:** ⬜ offen\n**Wo:** admin.hivegrid.de\n\n**Was drin ist:** Eigener Login (2FA Pflicht), Übersichts-Dashboard (Kunden, Nutzer, Umsatz, System-Zustand), Kunden-Verwaltung (Module freischalten = Abo-Baukasten, Test verlängern, »als Kunde einloggen« mit Begründung), Nutzer-Hilfen (2FA-Reset), Feature-Schalter, Warteschlangen-Monitor, Support-Inbox, Protokoll\n\n**So funktioniert's:** Komplett eigene Welt für uns als Betreiber — Kunden sehen davon nichts. Muss funktionieren, nicht hübsch sein.","x":7337,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"abf5f779c1463715","type":"text","text":"## Hinweis\nDieses eine Ticket enthält viele kleine Features (Kunden, Schalter, Support …).\n\nBeim atomaren Durchgehen behandeln wir es als eigenen Bereich und teilen es bei Bedarf in Unter-Pakete auf. Priorität liegt aber hinter der Vertriebs-/Auftrags-Kette.","x":7337,"y":3760,"width":460,"height":360,"color":"5"},
@@ -311,4 +311,4 @@
"frontmatter":{},
"startNode":"306e93d5a09ecb25"
}
}
}
+15 -14
View File
@@ -45,7 +45,7 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
| Suche (Cmd+K) | Suche & Dashboard | D-DASH (Teil) | 🔴 klein | ⬜ offen |
| Lead-Eingang (Anfragen) | Vertrieb | D-P7 | 🔵 | 🟡 vorgeplant |
| Kontakte & Organisationen | Vertrieb | D-CRM | 🔵 | 🟡 vorgeplant |
| Kanban-Board & Pipelines (Projekte) | Vertrieb | D-P8 + D-KANBAN | 🟠 | 🟡 vorgeplant |
| Kanban-Board & Pipelines (Projekte) | Vertrieb | D-P8 + D-KANBAN | 🟠 | 🟢 in Subframe, abgeglichen |
| Projekt-Akte (Auftrag) 📱 | Auftrag & Baustelle | D-P9 | 🟠 | 🟡 vorgeplant |
| Plantafel (Einsatzplanung) 📱 | Auftrag & Baustelle | D-PLAN | 🔴 | 🟡 vorgeplant |
| Abnahme (Baustellen-Protokoll) 📱 | Auftrag & Baustelle | D-ABN | 🔴 | 🟡 vorgeplant |
@@ -217,19 +217,20 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
- Davids Idee dokumentiert (Später): Inline-Anlegen in der Liste (Notion-Stil)
- Paket: `02 Wireframes/P6 Kontakte/WF-P6 Kontakte und Organisationen/` (Screens validiert; Subframe steht aus)
#### Kanban-Board & Pipelines (Projekte) — `D-P8` + `D-KANBAN` — 🟡 vorgeplant (2026-07-08)
- [x] Kanban-Board: Spalten = Status, Karten ziehen = Status wechseln; Spaltenkopf mit Anzahl + Summe + Win-%
- [x] Karten: Titel, Summe (nur für Berechtigte, sonst »—«), Avatar, Termin, max. 3 Tags, »hängt fest«-Marker — Karten-Layout bewusst NICHT editierbar (v1)
- [x] Gewonnen **regel-basiert** (Davids Delta): Spalten-Regel »Auto-Verschieben nach Board X« → kein Dialog; ohne Regel → Auswahl-Dialog · Verloren = Grund ist Pflicht
- [x] Board-Wechsler (Vertrieb / Auftrag / eigene, rechte-gefiltert), Filter + »nur meine«, live
- [x] Projekt-Liste über alle Boards (Filter, CSV)
- [x] Projekt-Detailseite nach P6-Karteikarten-Muster (klickbare Status-Leiste, Verlauf mit Verweildauer, Herkunft, 24-h-Rückgängig, Kontakt-Rollen Auftraggeber/Bauherr/Rechnungsempfänger/Ansprechpartner)
- [x] Board-Einstellungen mit **zwei Einstiegen** (im Board + Einstellungen → Arbeitsweise → Boards): Spalten, Rollen-Zugriff, Spalten-Regeln
- [x] **Edit-Mode (Davids Konzept):** Detailansicht als WYSIWYG-Schablone — Felder verschieben/hinzufügen, sichtbar/Pflicht, Berechtigung je Feld (nur Detailansicht, nicht die Karte)
- [x] Verlust-Gründe verwalten (SHK-Vorlagen vorbefüllt)
- [x] Zahlen-Grundlage fürs Dashboard (Prognose, Abschlussquoten) — kein eigener Screen
- Merken: Ein Projekt-Datensatz, Boards sind nur Sichten (AD-20).
- Paket: `02 Wireframes/P8 Pipelines/WF-P8 Pipelines/` (Screens validiert; Subframe steht aus)
#### Kanban-Board & Pipelines (Projekte) — `D-P8` + `D-KANBAN` — 🟢 in Subframe, abgeglichen (2026-07-28)
- [x] 23 aktuelle Subframe-Seiten per MCP inklusive JSX inventarisiert und in Obsidian verlinkt
- [x] S00 Boards-Startseite als normaler Einstieg; gesperrte Boards bleiben sichtbar und bieten »Nutzung anfragen«
- [x] S01 Kanban-Board und S03 Projekt-Liste als zwei Ansichten derselben elf Beispielprojekte, jeweils mit gebautem Empty State
- [x] S02 Pipelines Detailansicht als umfangreicher Projekt-Editor mit Grunddaten, Verantwortlichen, KWP, Kontakten, Adressen und rechter Pipeline-Seitenleiste
- [x] Vier Schnellaktionsmodale aus S02: Aufgabe, Notiz, Termin, Datei
- [x] S07 als Board-Übersicht; S04 als Detail-/Bearbeitungsansicht des ausgewählten Boards für Pipeline-Spalten/Stages und Status; S05 für Detailfelder
- [x] Verlust-Gründe samt Pflichtdialog für »Verloren«
- [x] M03 als Kontextmenü beim Rechtsklick auf eine Kanban-Karte
- [x] M04/M04a–c öffnen automatisch, wenn eine Karte die letzte Stage bzw. den finalen Status erreicht; Auswahl von Notizen, Dateien, Aufgaben und Terminen für die nächste Pipeline
- [x] Veralteter M02 Board-Wechsel-Dialog aus Obsidian entfernt; er existiert nicht im aktuellen Subframe-Flow
- [x] S03-Platzhalter »hier Name der Pipeline einfügen« als bewusste Development-Anweisung bestätigt; kein Subframe-Umbau nötig
- Subframe: [Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
- Paket: `02 Wireframes/P8 Pipelines/WF-P8 Pipelines/` (23/23 Seiten synchron)
### Auftrag & Baustelle
@@ -0,0 +1,131 @@
---
kind: ticket-handoff
project: HiveGrid Screen Project
ticket: D-P8 + D-KANBAN
area: Pipelines / Kanban / Board-Verwaltung
status: Fertig / Development-Handoff
repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes
stand: 2026-07-28
---
# D-P8 Pipelines Wireframes
Repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes
Zentrale Tracker-Datei: [Screen Paket Tracker](../../02%20Wireframes/Screen%20Paket%20Tracker.md)
Arbeitsbereich im Repo: [02 Wireframes/P8 Pipelines](../../02%20Wireframes/P8%20Pipelines)
Flow-Paket: [WF-P8 Pipelines](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.md)
Canvas: [WF-P8 Pipelines.canvas](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.canvas)
Subframe Flow: [(MCP) WF-P8 Pipelines](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
## Kurzfassung
Fuer `D-P8 + D-KANBAN` wurde der aktuelle Pipeline-Flow vollstaendig aus Subframe uebernommen und als Development-Handoff finalisiert. Der Flow umfasst 23 aktuelle Subframe-Seiten fuer Board-Auswahl, Kanban und Liste, Projekt-Detail, Board-Verwaltung, Empty States, Schnellaktionsmodale, Verlust-Dialog, Karten-Kontextmenue und Pipeline-Uebergabe.
Subframe ist fuer Screen-Bestand, Namen, UUIDs, sichtbare Inhalte und Komponenten die Single Source of Truth. Alle 23 Seiten wurden am 2026-07-28 per MCP inklusive JSX gelesen. Paket-MD, Screen-Dateien, Tracker, P8-Canvas und HiveGrid-Map wurden auf denselben Bestand synchronisiert. Subframe selbst wurde bei diesem Handoff nicht veraendert.
Die Interaktionslogik, die im statischen JSX nicht verdrahtet ist, wurde mit David final geklaert und ist in diesem Ticket sowie den Screen-Dateien als verbindliche Development-Entscheidung dokumentiert.
## Gemacht
- Alle 23 aktuellen Subframe-Seiten mit Namen, UUID, direktem Link, sichtbaren Daten, Aktionen, Komponenten und Beziehungen inventarisiert.
- Fuer jede aktuelle Seite eine eigene Screen-Datei angelegt bzw. aktualisiert.
- P8-Canvas auf den aktuellen Bestand neu aufgebaut und nach Einstieg, Projektarbeit und Board-Verwaltung gruppiert.
- Direkte Verbindungen fuer Board/Liste, Projekt-Detail, Schnellaktionen, Empty States, Board-Einstellungen, Verlust und Pipeline-Uebergabe dokumentiert.
- `Screen Paket Tracker` und `HiveGrid Map` auf den finalen P8-Stand aktualisiert.
- Querverweis aus der P9-Projekt-Akte auf die aktuelle P8-Detailansicht korrigiert.
- Veralteten `M02 Board-Wechsel-Dialog` entfernt.
- Alte `S02 Projekt-Detailseite` durch die aktuelle `S02 Pipelines Detailansicht` ersetzt.
- Alte Aussagen wie „Projekt-Liste ueber alle Boards“ und eine buttonbasierte Pipeline-Uebergabe aus dem geltenden Stand entfernt.
## Finale Produktentscheidungen
- **S00 vs. S07:** S00 ist die normale Board-Auswahl mit Zugriffsgates. S07 ist die administrative Board-Uebersicht.
- **S01 und S03:** Kanban und Liste sind zwei Ansichten derselben Projektdatenbasis. S01a und S03a sind die gebauten Empty-/Filter-States.
- **S04:** S07 fuehrt ueber „Board-Einstellungen“ bzw. die Zeilenaktion in S04. S04 ist die Detail- und Bearbeitungsansicht des ausgewaehlten Boards und konfiguriert dessen Pipeline-Aufbau ueber Spalten/Stages und Status. Neu angelegte Boards/Pipelines werden dort weiter eingerichtet.
- **S03 Pipeline-Name:** „hier Name der Pipeline einfuegen“ ist ein bewusster Development-Platzhalter. Development setzt dort den Namen der aktiven Pipeline ein; am Subframe-Screen ist keine Korrektur erforderlich.
- **M03:** Ein Rechtsklick auf eine Kanban-Karte in S01 oeffnet das Karten-Kontextmenue M03.
- **M04:** Die Pipeline-Uebergabe wird nicht durch einen Button ausgeloest. Erreicht eine Karte die letzte Stage bzw. den abschliessenden Status der aktuellen Pipeline, oeffnet sich M04 automatisch.
- **M04 Uebergabe:** Der Vertriebler waehlt Notizen, Dateien, Aufgaben und Termine aus. Erst mit „Auswahl uebernehmen“ werden Projekt und ausgewaehlte Begleitdaten in die naechste Pipeline uebergeben.
- **M01:** Beim Status „Verloren“ ist ein Verlustgrund Pflicht; die Notiz bleibt optional.
- **S02:** Aufgabe, Notiz, Termin und Datei sind eigene gebaute Schnellaktionsmodale der Projekt-Detailansicht.
## Development-Hinweise
- Die exportierten `onClick`-Handler sind leer. Canvas-Kanten und dokumentierte Outcomes beschreiben die validierte Produktlogik, nicht bereits verdrahtete Prototype-Navigation.
- S04 ist fachlich die zentrale Board-Einstellungsdetailseite. Im aktuellen JSX sichtbar sind insbesondere Pipeline-Spalten/Stages, Status und der Einstieg in die Detailfeld-Konfiguration.
- Die Dialogseiten sind im aktuellen Subframe-Bestand technisch nicht einheitlich aufgebaut: teils `Dialog`/`Dialog.Content`, teils `DialogLayout` mit selbst aufgebauter Surface. Die einzelnen Screen-Dateien dokumentieren den tatsaechlichen JSX-Stand.
- Routen sind im Subframe-Seitencode nicht hinterlegt. Development leitet Routing aus dem dokumentierten Flow und der bestehenden App-Navigation ab.
- Die visuelle und inhaltliche Detailwahrheit bleibt im [P8-Flow-Paket](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.md) und den verknuepften Screen-Dateien.
## Hauptfluss
```text
S00 Boards-Startseite
-> S01 Kanban-Board <-> S03 Projekt-Liste
| |
+-------> S02 Pipelines Detailansicht
S07 Boards-Uebersicht -> S04 Board-Einstellungen -> S05 Detail-Schablone
S01 -- Karten-Rechtsklick --> M03
S01 -- letzte Stage / finaler Status --> M04 -> M04a/M04b/M04c
```
## Flow-Paket
| Flow | Status | Repo | Canvas | Subframe |
|---|---|---|---|---|
| WF-P8 Pipelines | Fertig / Development-Handoff | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.md) | [Canvas](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.canvas) | [Flow](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit) |
## Screen-Dateien
| ID | Screen / Rolle | Repo | Subframe |
|---|---|---|---|
| S00 | Boards-Startseite / normaler Einstieg | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S00%20Boards-Startseite.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/1778cf5e-777b-439c-81b6-c51f85283cc4/edit) |
| S01 | Kanban-Board | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S01%20Kanban-Board.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/52699d37-974d-4f5d-b3d0-003de765b692/edit) |
| S01a | Kanban-Board Empty State | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S01a%20Kanban-Board%20Empty%20State.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/99a06fd6-d3c7-407b-8a52-5ffb202d5be4/edit) |
| S02 | Pipelines Detailansicht | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S02%20Pipelines%20Detailansicht.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/8f60a380-bb06-4ed7-b21f-1abd1c8ddbb7/edit) |
| S02-A | Modal Aufgabe erstellen | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S02%20Modal%20Aufgabe%20erstellen.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/57954141-d806-4766-ba3e-a8a35f5b1902/edit) |
| S02-N | Modal Notiz erstellen | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S02%20Modal%20Notiz%20erstellen.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2dcbdcd7-d91a-4e74-96ec-103e3c545e76/edit) |
| S02-T | Modal Termin erstellen | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S02%20Modal%20Termin%20erstellen.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2a15d9a8-03b4-45e2-8c39-5be6e18b79cf/edit) |
| S02-F | Modal Datei hochladen | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S02%20Modal%20Datei%20hochladen.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/b2182708-1af1-45d1-8d18-c652081d04c5/edit) |
| S03 | Projekt-Liste | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S03%20Projekt-Liste.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5c5bdb0a-995e-4c22-aa8b-e48333c60297/edit) |
| S03a | Projekt-Liste Empty State | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S03a%20Projekt-Liste%20Empty%20State.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4f05ca11-e8b7-4b4c-a82e-abf34d64f181/edit) |
| S04 | Board-Einstellungen / Einstellungsdetail | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S04%20Board-Einstellungen.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/0b946683-2cca-4cd4-864d-f69ed1937fdb/edit) |
| S05 | Detail-Schablone Edit-Mode | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S05%20Detail-Schablone%20Edit-Mode.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/699d1c64-ef84-4bb8-b1e0-e9afedaf1f3e/edit) |
| S06 | Verlust-Gruende | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S06%20Verlust-Gruende.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/3c95e1e1-728b-460c-996f-5a641c971dfe/edit) |
| S07 | Boards-Uebersicht / Admin | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S07%20Boards-Uebersicht.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/5190e285-e92f-4ad2-9f3d-2a2f511fe695/edit) |
| S07-D | Neues Board Dialog Variante | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S07%20Neues%20Board%20Dialog%20Variante.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/50219cd7-323d-4a74-82cd-61c23c45da79/edit) |
| S07a | Neues Board Error State | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/S07a%20Neues%20Board%20Error%20State.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/a0139eb6-cb59-47ce-8065-d1c4217a3e85/edit) |
| M01 | Verloren-Dialog | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M01%20Verloren-Dialog.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/e0c4d9da-aff9-400b-b028-6e215e6e86db/edit) |
| M03 | Kanban-Karten-Kontextmenue | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M03%20Kontextmen_%20Rechtsklick.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/78fa6fa5-e2e8-441c-aefd-e9990996b761/edit) |
| M04 | Pipeline-Uebergabe / Notizen | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M04%20Pipeline-Uebergabe.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/928e8ef6-90af-4733-8dad-38765c00c42f/edit) |
| M04a | Pipeline-Uebergabe / Dateien | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M04a%20Pipeline-Uebergabe%20Dateien.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/2f8d946f-2700-4ba5-b1f3-f8199ef4c07f/edit) |
| M04b | Pipeline-Uebergabe / Aufgaben | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M04b%20Pipeline-Uebergabe%20Aufgaben.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/9ba224d7-3288-4027-9bd1-6c1483453b4f/edit) |
| M04c | Pipeline-Uebergabe / Termine | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/M04c%20Pipeline-Uebergabe%20Termine.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/d248e3b5-4470-4c33-9e2f-c2fc2cf4006a/edit) |
| M05 | Modal Bestandsfeld | [MD](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/Screens/Modal%20Bestandsfeld.md) | [Subframe](https://app.subframe.com/f023064a5ca0/design/4b1c3497-6eff-48f6-9680-1cbad7e67da7/edit) |
## Entfernt / nicht mehr geltend
- `M02 Board-Wechsel-Dialog` ist nicht Bestandteil des aktuellen Subframe-Flows und wurde aus Obsidian entfernt.
- Die alte Datei `S02 Projekt-Detailseite` ist durch `S02 Pipelines Detailansicht` ersetzt.
- S03 ist keine globale Liste ueber alle Boards, sondern die Listenansicht der ausgewaehlten Pipeline.
- M04 ist keine buttonbasierte Aktion; ausschlaggebend ist das Erreichen der letzten Stage bzw. des finalen Status.
## Abschlusspruefung
- 23 Subframe-Seiten = 23 Screen-Dateien = 23 Screen-Nodes im P8-Canvas.
- Alle Screen-UUIDs und direkten Subframe-Links sind eindeutig und synchron.
- P8-Canvas und globale HiveGrid-Map sind JSON-valid.
- Der P8-Canvas enthaelt keine ueberlappenden Karten oder Kanten durch andere Karten.
- Lokale Markdown- und Obsidian-Links wurden auf vorhandene Ziele geprueft.
- Subframe wurde fuer diesen Handoff nur gelesen und nicht veraendert.
## Hinweis fuer Ticket-System
Diese Datei ist der kompakte, fertige Handoff fuer `D-P8 + D-KANBAN`. Fuer die vollstaendige Detailwahrheit sind das [P8-Flow-Paket](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.md), der [P8-Canvas](../../02%20Wireframes/P8%20Pipelines/WF-P8%20Pipelines/WF-P8%20Pipelines.canvas) und der [Screen Paket Tracker](../../02%20Wireframes/Screen%20Paket%20Tracker.md) massgeblich.
+1
View File
@@ -21,3 +21,4 @@ Die Detailwahrheit bleibt in den Wireframe-Paketen und im `Screen Paket Tracker`
| D-P2 | [D-P2 Auth Wireframes](<Fertige Tickets/D-P2 Auth Wireframes.md>) |
| D-D0b | [D-D0b Layout Standards](<Fertige Tickets/D-D0b Layout Standards.md>) |
| D-FORM | [D-FORM Form Builder](<Fertige Tickets/D-FORM Form Builder.md>) |
| D-P8 + D-KANBAN | [D-P8 Pipelines Wireframes](<Fertige Tickets/D-P8 Pipelines Wireframes.md>) |