Files
HiveGrid-Wireframes/Tickets/Fertige Tickets/D-P8 Pipelines Wireframes.md
T

132 lines
13 KiB
Markdown

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