docs(p12): finalize workflow engine handoff

This commit is contained in:
david committed 2026-08-04 18:02:21 +02:00
1 parent 0898b466e1
commit 3602dbeaa8
56 files changed
+534 -430

No files matched your search

+39 -37
View File
@@ -1,49 +1,51 @@
# Todo — Workflow Engine (P12)
# Abschluss — Workflow Engine (P12)
Status: Sequenzieller Review läuft; S01, S02 und S06 entschieden
Status: **Fertig / Development-Handoff am 2026-08-04**
Eigenständige Aufgabenliste für P12. Detailwahrheit: [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
Detailwahrheit: [[WF-P12 Flow-Editor]], [[WF-P12 Verwaltung]], [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
## Neue Screens gemeinsam auswählen und finalisieren
## Finaler Subframe-Bestand
- [ ] [[M03 Start-Auswahl]] — V1/V2 gegen das neue Auswahlmodal V3 mit vier Vorlagen vergleichen; vorläufige Empfehlung: V3.
- [x] [[S01 Automation-Liste]] — V3 bestätigt; V1 und V2 nach der Konsolidierung aus Subframe gelöscht.
- [x] [[S02 Lauf-Liste]] — V3 bestätigt; Zusatz unter „Wartet“ entfernt und V1/V2 aus Subframe gelöscht.
- [ ] [[S03 Lauf-Detail]] — V3 mit kompakten Accordions, Fehler im Schritt und Fehlerhilfe rechts validieren; vorläufige Empfehlung: V3.
- [ ] [[S04 Vorlagen-Katalog]] — korrigiertes V3-Verwaltungsmodal mit vier Vorlagen validieren; vorläufige Empfehlung: V3 Modal.
- [ ] [[M04 Automation aktivieren]] und [[M05 Automation pausieren]] — Konsequenz und Copy kurz abnehmen; keine technische Sonderfallplanung im Design.
- [x] [[S06 Zugangsdaten]] — V1 bestätigt; echte Filter Bar nur mit Status, Kategorie/Typ entfernt und V3 gelöscht. V2 bleibt als Referenz.
- [x] Beide Flows vollständig per MCP neu eingelesen.
- [x] **39 Seiten** in „WF-P12 Workflow Engine“ inventarisiert.
- [x] **5 Seiten** in „(MCP) WF-P12 Verwaltung“ inventarisiert.
- [x] **44/44 aktuelle Subframe-Seiten** mit Obsidian, Direktlinks und Canvas-Beziehungen abgeglichen.
- [x] Alle fünf Verwaltungsseiten tragen finale Namen ohne Versionssuffix.
- [x] „S04 Vorlagen-Katalog“ in Obsidian und Subframe als [[M04 Vorlagen-Katalog]] geführt.
- [x] Finale [[M03 Start-Auswahl]] auf Page-ID 03d42bf8-7624-4286-8e38-54a3ea605b14 umgestellt.
- [x] Finale [[S06 Zugangsdaten]] auf Page-ID b183c6bf-9674-4e97-86d7-d7a8ef9ab17b umgestellt.
- [x] „M03 Start-Auswahl V3“ als verbliebene Vergleichsseite im vollständigen Inventar dokumentiert.
- [x] Alte Verwaltungsvarianten sind nicht mehr Bestandteil des aktuellen Subframe-Flows.
## Review des bestehenden Subframe-Bestands
## Finale Screens
- [ ] [[K-T2 Frist oder Termin]] — Feld „Abstand“ mit „Wann genau“ in einen sauberen Formularrhythmus bringen.
- [ ] [[K-A2 Benachrichtigung senden]] und [[K-A2 E-Mail senden]] — TextArea-Variante „volle Breite + feste Höhe“ im Baukasten klären.
- [ ] Subframe-Seite „K-T2 Deadline naht“ in „K-T2 Frist oder Termin“ umbenennen.
- [ ] Subframe-Seite „K-A1 Kontakt aendern“ in „K-A1 Datensatz aendern“ umbenennen.
- [ ] [[K-L1 Filter]] von „large“ auf „medium“ stellen. Wenn-Dann ist bereits korrigiert.
- [ ] Baukasten: Uhrzeit-Komponente sowie echte Kategorievarianten Rot/Gelb prüfen.
- [x] [[S01 Flow-Editor]]
- [x] [[S01b Baustein-Picker]]
- [x] [[S01c Canvas-Kontextmenue]]
- [x] [[M03 Start-Auswahl]]
- [x] [[M04 Automation aktivieren]]
- [x] [[M05 Automation pausieren]]
- [x] [[S01 Automation-Liste]]
- [x] [[S02 Lauf-Liste]]
- [x] [[S03 Lauf-Detail]]
- [x] [[M04 Vorlagen-Katalog]]
- [x] [[S06 Zugangsdaten]]
- [x] 32 Konfigurationsdialoge aus [[S05 Baustein-Konfig-Panels]]
## Designgrundlage
## Bewusst nicht als eigener Screen
- [x] Der Repo-Code ist keine Designvorlage für M03/S04. Der aktuelle Designstand nutzt vier lösch- und duplizierbare Dummy-Vorlagen; Katalog und Auswahlmodal greifen auf denselben Bestand zu.
- Gefüllter Editor.
- Probelauf.
- Schleifen-/Ratenwarnung.
- Zusätzliche Detail- und Error-Flows für Zugangsdaten.
## Scope bereinigt am 2026-08-03
## Nicht blockierende Development-Hinweise
Folgende geplante Einzelscreens wurden aus Obsidian, Tracker und Canvas entfernt:
- Die Live-Seitennamen „K-T2 Deadline naht“ und „K-A1 Kontakt aendern“ weichen von den im sichtbaren Inhalt und Picker verwendeten Produktnamen „Frist oder Termin“ und „Datensatz ändern“ ab.
- [[K-L1 Filter]] verwendet noch die breite Dialogvariante.
- Time-Picker sowie echte Kategorievarianten Rot/Gelb bleiben Baukasten-Themen.
- Subframe bildet die Interaktionen statisch ab; Routing, Rechte und technische Sonderfälle vervollständigt Development.
- Gefüllter Editor / S01d.
- Probelauf / M01.
- Schleifen-/Ratenwarnung / M02.
## Ablage
## Erledigt
- [x] 50/50 aktuelle P12-Subframe-Seiten über zwei Flows mit Obsidian abgeglichen: 40 Workflow Engine + 10 Verwaltung.
- [x] Verwaltungsseiten für den laufenden Review in einen eigenen Flow ausgelagert; er enthält aktuell zehn Seiten. Editor, M03-Varianten und 32 Konfigurationsdialoge bleiben im 40-Seiten-Workflow-Engine-Flow.
- [x] 32 Konfigurationsseiten als individuelle Obsidian-Screens mit Direktlinks angelegt.
- [x] M03 und S03 liegen in drei Varianten vor; S04 V3 wurde als echtes Modal korrigiert. S06 V1 ist bestätigt, V3 wurde gelöscht und V2 bleibt als Referenz. Alle aktuellen Screens sind per Screenshot geprüft und direkt verlinkt.
- [x] S01 V3 aus KPI-Leiste und Auslöser von V1 sowie Aktivität und Namensdarstellung von V2 konsolidiert; echte Filter Bar und Avatar-only geprüft.
- [x] Mittleren Plus-CTA aus dem leeren Editor entfernt; das Plus unten rechts bleibt der einzige sichtbare Hinzufügen-Einstieg.
- [x] Bestätigungsmodale für Aktivieren und Pausieren als schlanke Outline gebaut und gespiegelt.
- [x] Zugangsdaten-Verwaltung gebaut, aus der Automation-Liste verlinkt und als S06 gespiegelt.
- [x] Baustein-Picker auf 31/31 Einträge, Du-Ansprache und den abgestimmten Katalog umgestellt; alten 12er-Entwurf entfernt.
- [x] Bestehende Editorseiten S01, S01b und S01c mit Page-IDs und aktuellen Links synchronisiert.
Der kompakte Handoff liegt unter „Tickets/Fertige Tickets/D-FLOW Workflow Engine.md“ und umfasst beide Subframe-Flows sowie die vollständige Liste aller 44 aktuellen Seiten.
@@ -7,18 +7,14 @@ id: M03
screen: Start-Auswahl
typ: Modal
umsetzung: Bauen
status: In Subframe - V1/V2/V3 zu validieren
status: Fertig / Development-Handoff
route: "»+ Neue Automation« aus der Automation-Liste"
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
subframe_v1_name: "M03 Start-Auswahl V1"
subframe_v1_page_id: "03d42bf8-7624-4286-8e38-54a3ea605b14"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit"
subframe_v2_name: "M03 Start-Auswahl V2"
subframe_v2_page_id: "b902c779-a2b8-4d2d-9808-2db5f9b28872"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/b902c779-a2b8-4d2d-9808-2db5f9b28872/edit"
subframe_v3_name: "M03 Start-Auswahl V3"
subframe_v3_page_id: "c8291109-a683-454c-8de6-f36b524b3254"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit"
subframe_name: "M03 Start-Auswahl"
subframe_page_id: "03d42bf8-7624-4286-8e38-54a3ea605b14"
subframe: "https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit"
reference_name: "M03 Start-Auswahl V3"
reference_page_id: "c8291109-a683-454c-8de6-f36b524b3254"
reference: "https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit"
source_checked: 2026-08-04
---
@@ -26,32 +22,23 @@ source_checked: 2026-08-04
## Ziel und Rolle im Flow
Entscheidung direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]]: einen leeren Flow anlegen oder direkt eine der vorhandenen Vorlagen verwenden.
Direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]] entscheiden, ob ein leerer Ablauf oder eine Beispielvorlage als Ausgangspunkt verwendet wird.
## Gemeinsamer Funktionsumfang
## Finaler Screen
- Prominenter Leerstart „Von Grund auf neu“ mit großem Plus und der eindeutigen Aktion „Leeren Flow erstellen“.
- Vier durchsuchbare Dummy-Vorlagen aus demselben Bestand wie [[S04 Vorlagen-Katalog]].
- Vorlagensuche und Kategorie ausschließlich über die vorhandene Subframe-Komponente „Filter Bar“.
- Keine Trennung in Standard- und eigene Vorlagen.
- Kartenmenü für Duplizieren, Umbenennen und Löschen.
- Auswahl führt in [[S01 Flow-Editor]].
Die Subframe-Seite ohne Versionssuffix ist die finale Auswahl. Das Modal stellt zwei gleichwertige, verständliche Wege nebeneinander:
## Gebaute Varianten
- **Leer starten:** leerer Ablauf, Bausteine werden anschließend selbst hinzugefügt.
- **Mit Vorlage starten:** die Beispielvorlage „Neue Anfrage direkt nachfassen“ mit sichtbarer Schrittfolge aus Formular, Aufgabe und Benachrichtigung.
- Beide Wege führen in [[S01 Flow-Editor]].
- Ein kurzer Hinweis macht klar, dass jeder Ablauf später vollständig angepasst werden kann.
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit) | Zwei gleich große Optionen für Leerstart und Beispielvorlage. | Sehr explizit und gut vergleichbar, aber die große leere Vorschau verbraucht Fläche ohne zusätzliche Information. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/b902c779-a2b8-4d2d-9808-2db5f9b28872/edit) | Leerstart als klarer Hauptweg; die eine Beispielvorlage kompakt darunter. | Schnellere Entscheidung, weniger Wiederholung und passend zum zunächst leeren Katalog. Die Vorlage ist bewusst nachgeordnet, bleibt aber vollständig sichtbar. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) | Großes Auswahlmodal mit prominentem „Von Grund auf neu“-Einstieg, echter Filter Bar und vier Vorlagen im 2×2-Raster. | Benennt die Entscheidung aus Nutzersicht: entweder einen leeren Flow erstellen oder eine Vorlage als Ausgangspunkt verwenden. |
## Verbliebene Referenz
## Vorläufige Empfehlung
**V3.** „Von Grund auf neu“ ist verständlicher als „leere Vorlage“, weil hier eine Automation und keine Vorlage angelegt wird. Der große Plus-Einstieg bleibt klar vom durchsuchbaren Vorlagenbestand getrennt; ein zusätzlicher Auswahlschritt entfällt.
[M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) bleibt als Vergleichsseite im Workflow-Engine-Flow. Sie zeigt den breiteren Ansatz mit großem Leerstart, Filter Bar und vier Vorlagen, ist aber nicht die final umbenannte Zielseite.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b902c779-a2b8-4d2d-9808-2db5f9b28872/edit)
- [V3 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
- [Finalen Screen öffnen](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit)
- [Vergleichsseite V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit)
- [Workflow-Engine-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -9,10 +9,10 @@ subframe_name: "M04 Automation aktivieren"
subframe_page_id: "e30af8dc-37f4-4634-a332-fdd17219432b"
typ: Bestätigungsmodal
umsetzung: Bauen
status: In Subframe - Outline gebaut, Review offen
status: Fertig / Development-Handoff
route: "Aktiv-Schalter in S01 Flow-Editor"
subframe: "https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# M04 — Automation aktivieren
@@ -9,10 +9,10 @@ subframe_name: "M05 Automation pausieren"
subframe_page_id: "9a9cde02-ccc5-4128-b79e-e351fee17318"
typ: Bestätigungsmodal
umsetzung: Bauen
status: In Subframe - Outline gebaut, Review offen
status: Fertig / Development-Handoff
route: "Aktiv-Schalter in S01 Flow-Editor"
subframe: "https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# M05 — Automation pausieren
@@ -9,10 +9,10 @@ subframe_name: "V1 Vollbild minimal"
subframe_page_id: "ae9f5d91-1153-44de-9af3-63010bc86162"
typ: BESPOKE
umsetzung: Bauen
status: In Subframe - in Obsidian gespiegelt
status: Fertig / Development-Handoff
route: "/automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# S01 — Flow-Editor ⭐
@@ -9,10 +9,10 @@ subframe_name: "S01b Baustein-Picker vollst_ndig"
subframe_page_id: "83c4fbde-b040-4bc3-80a6-3c5d7b1f626b"
typ: Drawer
umsetzung: Bauen
status: In Subframe - vollständiger Katalog, Review offen
status: Fertig / Development-Handoff
route: "aus S01 (Baustein hinzufügen)"
subframe: "https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# S01b — Baustein-Picker
@@ -9,10 +9,10 @@ subframe_name: "Kontextmenue Canvas"
subframe_page_id: "2278da93-f0a2-4e46-bd3b-250d5912a62d"
typ: Kontextmenue
umsetzung: Bauen
status: In Subframe - in Obsidian gespiegelt
status: Fertig / Development-Handoff
route: "Rechtsklick auf die Zeichenfläche in S01"
subframe: "https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# S01c — Canvas-Kontextmenü
@@ -10,13 +10,13 @@
{"id":"1000000000000008","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md","x":1660,"y":150,"width":420,"height":170},
{"id":"1000000000000009","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":2300,"y":0,"width":500,"height":180,"color":"5"},
{"id":"100000000000000a","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":1060,"y":580,"width":420,"height":180},
{"id":"100000000000000b","type":"text","text":"# Scope und Review\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.\n\nM03 V3 ist das Auswahlmodal mit »Von Grund auf neu« und vier Vorlagen; S02 ist final. M04/M05 sind schlanke Bestätigungs-Outlines. Der Picker enthält 31/31 Bausteine.","x":1600,"y":540,"width":540,"height":220},
{"id":"100000000000000b","type":"text","text":"# Finaler Scope\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.\n\nM03 ohne Versionssuffix ist final: »Leer starten« oder eine Beispielvorlage. M03 V3 bleibt Referenz. M04/M05 sind Bestätigungsmodale; der Picker enthält 31/31 Bausteine. Beide Flows zusammen: 44 Seiten.","x":1600,"y":540,"width":540,"height":220},
{"id":"100000000000000c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M04 Automation aktivieren.md","x":0,"y":230,"width":400,"height":170},
{"id":"100000000000000d","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M05 Automation pausieren.md","x":540,"y":230,"width":400,"height":170}
],
"edges":[
{"id":"2000000000000001","fromNode":"1000000000000004","fromSide":"right","toNode":"1000000000000005","toSide":"left","label":"+ Neue Automation"},
{"id":"2000000000000002","fromNode":"1000000000000005","fromSide":"right","toNode":"1000000000000006","toSide":"left","label":"Von Grund auf neu oder Vorlage"},
{"id":"2000000000000002","fromNode":"1000000000000005","fromSide":"right","toNode":"1000000000000006","toSide":"left","label":"Leer starten oder Beispielvorlage"},
{"id":"2000000000000003","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000007","toSide":"left","label":"Baustein hinzufügen"},
{"id":"2000000000000004","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000008","toSide":"left","label":"Rechtsklick"},
{"id":"2000000000000005","fromNode":"1000000000000007","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Baustein wählen"},
@@ -4,7 +4,7 @@ project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
typ: Flow
status: In Subframe - 40 Seiten; M03 V1/V2/V3 und neue Modale Review offen
status: Fertig / Development-Handoff
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
canvas: "WF-P12 Flow-Editor.canvas"
source_checked: 2026-08-04
@@ -17,47 +17,51 @@ Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
## Kurzfassung
Das Paket dokumentiert Einstieg und zentrale Editor-Oberflächen. Der Workflow-Engine-Flow umfasst 40 Subframe-Seiten: acht Editor-/Modal-Seiten einschließlich M03 V1/V2/V3 sowie die 32 Konfigurationsdialoge. Der separate Verwaltungs-Flow enthält zehn Seiten; zusammen sind 50/50 P12-Seiten mit Obsidian abgeglichen.
Der aktuelle Workflow-Engine-Flow umfasst **39 Subframe-Seiten**: sechs finale Editor-/Modal-Seiten, die verbliebene Vergleichsseite `M03 Start-Auswahl V3` und 32 Konfigurationsdialoge. Der separate Verwaltungs-Flow enthält fünf finale Seiten. Damit sind **44 aktuelle P12-Seiten** vollständig inventarisiert und im gemeinsamen Workflow-Engine-Handoff erfasst.
## Gültiger Scope
Die Subframe-Seite ohne Versionssuffix ist jeweils die finale Auswahl. Für M03 ist das die reduzierte Zwei-Wege-Auswahl mit „Leer starten“ oder einer Beispielvorlage. `M03 Start-Auswahl V3` bleibt im Flow als Referenz, ist aber nicht die finale Zielseite.
- [[M03 Start-Auswahl]] — als V1, reduzierte V2 und Auswahlmodal V3 mit prominentem „Von Grund auf neu“-Einstieg und vier Vorlagen gebaut; Auswahl steht aus.
- [[S01 Flow-Editor]] — gebauter leerer Vollbild-Editor.
- [[S01b Baustein-Picker]] — gebauter Drawer mit allen 31 Bausteinen.
- [[S01c Canvas-Kontextmenue]] — gebautes Kontextmenü.
- [[M04 Automation aktivieren]] — schlanke Bestätigung vor dem produktiven Einschalten.
- [[M05 Automation pausieren]] — schlanke Bestätigung vor dem Pausieren.
- Die 32 Konfigurationsscreens liegen einzeln in WF-P12 Verwaltung und sind über [[S05 Baustein-Konfig-Panels]] erschlossen.
## Finaler Scope
- [[M03 Start-Auswahl]] — finales Anlege-Modal mit den zwei Wegen „Leer starten“ und „Mit Vorlage starten“.
- [[S01 Flow-Editor]] — leerer Vollbild-Editor.
- [[S01b Baustein-Picker]] — Drawer mit allen 31 fachlichen Bausteinen.
- [[S01c Canvas-Kontextmenue]] — Kontextmenü der Zeichenfläche.
- [[M04 Automation aktivieren]] — Bestätigung vor dem produktiven Einschalten.
- [[M05 Automation pausieren]] — Bestätigung vor dem Pausieren.
- Die 32 Konfigurationsdialoge liegen einzeln in WF-P12 Verwaltung und sind über [[S05 Baustein-Konfig-Panels]] erschlossen.
## Entfernt aus dem Screen-Scope
Entscheidung 2026-08-03:
- Kein eigener „gefüllter Editor“-Screen.
- Kein eigener gefüllter Editor-Screen.
- Kein eigener Probelauf-Screen.
- Kein eigener Schleifen-/Ratenwarnungs-Screen.
Die Funktionen dürfen technisch vorhanden sein, sind aber keine separat zu pflegenden oder neu zu bauenden Design-Screens.
Diese Funktionen dürfen technisch vorhanden sein, sind aber keine separat zu pflegenden Design-Screens.
## Flow
Automation-Liste → M03 Start-Auswahl → S01 Flow-Editor
S01 → S01b Baustein-Picker → individueller Konfigurationsdialog
S01 → S01c Canvas-Kontextmenü
S01 → Aktiv-Schalter → M04 Automation aktivieren oder M05 Automation pausieren
S01 → Aktivität → Lauf-Liste
```text
Automation-Liste -> M03 Start-Auswahl -> S01 Flow-Editor
S01 -> S01b Baustein-Picker -> individueller Konfigurationsdialog
S01 -> S01c Canvas-Kontextmenü
S01 -> Aktiv-Schalter -> M04 Automation aktivieren oder M05 Automation pausieren
S01 -> Aktivität -> S02 Lauf-Liste
```
## Screen-Stand
## Aktueller Seitenbestand
| ID | Screen | Subframe |
| Rolle | Subframe-Seite | Stand |
|---|---|---|
| M03 | Start-Auswahl | [V1](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit) · [V2](https://app.subframe.com/f023064a5ca0/design/b902c779-a2b8-4d2d-9808-2db5f9b28872/edit) · [V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) |
| S01 | Flow-Editor | [Öffnen](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit) |
| S01b | Baustein-Picker | [Öffnen](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit) |
| S01c | Canvas-Kontextmenü | [Öffnen](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit) |
| M04 | Automation aktivieren | [Öffnen](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit) |
| M05 | Automation pausieren | [Öffnen](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit) |
| S01 Flow-Editor | [V1 Vollbild minimal](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit) | Final |
| S01b Baustein-Picker | [S01b Baustein-Picker vollst_ndig](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit) | Final |
| S01c Canvas-Kontextmenü | [Kontextmenue Canvas](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit) | Final |
| M03 Start-Auswahl | [M03 Start-Auswahl](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit) | Final |
| M04 Automation aktivieren | [M04 Automation aktivieren](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit) | Final |
| M05 Automation pausieren | [M05 Automation pausieren](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit) | Final |
| M03 Vergleich | [M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) | Verbleibende Referenz, nicht Zielseite |
| Baustein-Konfiguration | [32 Dialogseiten im Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit) | Development-Handoff |
## Nächster Schritt
## Handoff
M03 V3 gegen die beiden älteren Richtungen prüfen und finalisieren; vorläufig wird V3 empfohlen. M04 und M05 brauchen nur einen kurzen Copy-/Wirkungscheck; technische Sonder- und Fehlerfälle bleiben bewusst der Entwicklung überlassen.
Das Paket ist Teil des gemeinsamen fertigen Tickets `D-FLOW + D-P12 Workflow Engine`. Die vollständige UUID- und Linkliste aller 39 Seiten steht dort sowie im [[Screen Paket Tracker]].
@@ -9,10 +9,10 @@ subframe_name: "K-A1 Kontakt aendern"
subframe_page_id: "69019ec4-d884-4d89-b699-d67a6ec99c7f"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/69019ec4-d884-4d89-b699-d67a6ec99c7f/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.745Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-A1 Notiz anlegen"
subframe_page_id: "a94188de-7a32-4e7d-a608-04cd47f2cbf2"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a94188de-7a32-4e7d-a608-04cd47f2cbf2/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:16:26.944Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-A2 Benachrichtigung senden"
subframe_page_id: "a0a46df7-4f24-4e36-98ab-c4772ecf2e63"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a0a46df7-4f24-4e36-98ab-c4772ecf2e63/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:21:45.433Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-A2 E-Mail senden"
subframe_page_id: "a7f4debc-2e00-4f32-937a-bc85636a30ba"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a7f4debc-2e00-4f32-937a-bc85636a30ba/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T19:33:58.383Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-A3 Aufgabe anlegen"
subframe_page_id: "9d9f2a55-0d46-4644-ac9f-c63721262fdb"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/9d9f2a55-0d46-4644-ac9f-c63721262fdb/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.762Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-A3 Aufgabe zuweisen"
subframe_page_id: "94ccafb9-b3d2-4256-907c-f7a95632945a"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/94ccafb9-b3d2-4256-907c-f7a95632945a/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.766Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-I1 HTTP-Anfrage"
subframe_page_id: "b41d53ea-a101-41c5-8950-cca4fc57ed90"
typ: "Integration · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T18:30:24.213Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L1 Filter"
subframe_page_id: "d7adb2e6-e7b2-412a-9b3e-884e1968c7d8"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/d7adb2e6-e7b2-412a-9b3e-884e1968c7d8/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:32:29.851Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L1 Oder"
subframe_page_id: "6c360480-f4cf-4f3f-85ff-2a9bab994ed0"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6c360480-f4cf-4f3f-85ff-2a9bab994ed0/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.798Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L1 Switch"
subframe_page_id: "879e169d-839c-450b-adc6-c01a9d3cc2fd"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/879e169d-839c-450b-adc6-c01a9d3cc2fd/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.830Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L1 Und"
subframe_page_id: "95c4b661-8070-4fb0-90e5-9a60910a7754"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/95c4b661-8070-4fb0-90e5-9a60910a7754/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.789Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L1 Wenn-Dann"
subframe_page_id: "7e6bcf69-2938-4cd3-b060-2e0a9695499f"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/7e6bcf69-2938-4cd3-b060-2e0a9695499f/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:29:30.901Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L2 Schleife"
subframe_page_id: "de5b5fa7-bf30-4150-a5b5-5f27d7f37a87"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/de5b5fa7-bf30-4150-a5b5-5f27d7f37a87/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.802Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L2 Warten"
subframe_page_id: "3b8067ec-1905-4fb6-bafd-e3e414c216b2"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/3b8067ec-1905-4fb6-bafd-e3e414c216b2/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T18:15:44.244Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-L2 Wert setzen"
subframe_page_id: "0c2fae48-e2ab-4103-b111-15a3e120adb1"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/0c2fae48-e2ab-4103-b111-15a3e120adb1/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.857Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Kontakt geaendert"
subframe_page_id: "48d85ffd-c90c-4da0-b37a-6b3d2711299d"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T12:56:29.920Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Lead qualifiziert"
subframe_page_id: "168740c8-c344-40db-9a86-9b8dbb0b86f7"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/168740c8-c344-40db-9a86-9b8dbb0b86f7/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.672Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Neue Anfrage"
subframe_page_id: "0e6798e1-5daf-4cd4-ac37-0d3c53316ffb"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.677Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Neuer Kontakt - Mit Beispiel"
subframe_page_id: "b826c642-9b14-4c83-98e0-dba33470852e"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T12:56:29.814Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Projekt angelegt"
subframe_page_id: "6ddca087-0655-4390-b365-47b46796520a"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6ddca087-0655-4390-b365-47b46796520a/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.687Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Projekt gewonnen"
subframe_page_id: "7dbedd13-7bd9-4203-ac4b-367fe98a0c90"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/7dbedd13-7bd9-4203-ac4b-367fe98a0c90/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.660Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T1 Status gewechselt"
subframe_page_id: "4531af4b-270d-4338-a7aa-9bf9f22acb2a"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/4531af4b-270d-4338-a7aa-9bf9f22acb2a/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.682Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Ereignis erstellt"
subframe_page_id: "6dbde62e-a714-484a-a7c1-eeb45b281537"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6dbde62e-a714-484a-a7c1-eeb45b281537/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.700Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Deadline naht"
subframe_page_id: "4049387e-82e7-46d9-bcc8-1f0623212f4d"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/4049387e-82e7-46d9-bcc8-1f0623212f4d/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T15:37:53.237Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Termin gebucht"
subframe_page_id: "4f65190b-0088-4774-b0d4-47c2548b9e1f"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/4f65190b-0088-4774-b0d4-47c2548b9e1f/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.691Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Termin storniert"
subframe_page_id: "ecfcc5d9-fa76-401d-ba4f-cae76cbdff69"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/ecfcc5d9-fa76-401d-ba4f-cae76cbdff69/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.696Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Zeitplan monatlich"
subframe_page_id: "742004f9-97d5-446a-862a-3db1886ade6c"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/742004f9-97d5-446a-862a-3db1886ade6c/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.889Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T2 Zeitplan"
subframe_page_id: "69a04a7d-11e1-4507-97db-79556a4058a1"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/69a04a7d-11e1-4507-97db-79556a4058a1/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T12:56:30.025Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T3 E-Mail eingegangen"
subframe_page_id: "19182d3b-ae54-4327-b8a7-bc2f7a525e8e"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/19182d3b-ae54-4327-b8a7-bc2f7a525e8e/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.721Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T3 E-Mail unzustellbar"
subframe_page_id: "b53d974b-f3d4-43f8-9118-879d165c475f"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/b53d974b-f3d4-43f8-9118-879d165c475f/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.726Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T3 Formular abgeschickt"
subframe_page_id: "ece5c3ef-81e4-430b-af86-6317c9921963"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/ece5c3ef-81e4-430b-af86-6317c9921963/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.731Z"
---
@@ -9,10 +9,10 @@ subframe_name: "K-T3 Webhook empfangen"
subframe_page_id: "cd8330f6-1acb-4dd2-bd56-7f2f159d506b"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "In Subframe - in Obsidian gespiegelt, Review offen"
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/cd8330f6-1acb-4dd2-bd56-7f2f159d506b/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:06:32.663Z"
---
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: M04
screen: Vorlagen-Katalog
typ: Modal + Karten-Liste
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "Modal über »Vorlagen« in der Automation-Liste"
subframe_name: "M04 Vorlagen-Katalog"
subframe_page_id: "04ceb95c-f8a0-4047-860c-8f1a1c12252c"
subframe: "https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit"
source_checked: 2026-08-04
---
# M04 — Vorlagen-Katalog
## Ziel
Den gemeinsamen Vorlagenbestand direkt aus [[S01 Automation-Liste]] heraus durchsuchen, verwenden und verwalten, ohne die Seite zu verlassen.
## Finaler Aufbau
- Eigenständiges Modal mit Titel, Erklärung und Schließen-X.
- Vier konkrete Dummy-Vorlagen mit Name, Kurzbeschreibung, Kategorien und sichtbarer Schrittfolge.
- Filter Bar für Suche und Kategorie.
- Keine Trennung oder Tabs für Standard- und eigene Vorlagen.
- Drei-Punkte-Menü je Karte mit Verwenden, Duplizieren, Umbenennen und Löschen.
- „Vorlage verwenden“ öffnet [[S01 Flow-Editor]] vorbefüllt.
## Vorlagen
- Neue Anfrage nachfassen.
- Angebot automatisch nachverfolgen.
- Terminbestätigung senden.
- Neue Leads dem Vertrieb zuweisen.
[[M03 Start-Auswahl]] ist der separate Anlegekontext. Die finale M03-Seite bietet eine Beispielvorlage als Alternative zum Leerstart; M04 ist der vollständige Verwaltungszugang mit allen vier Vorlagen.
## Subframe
- [Finales Modal öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -7,7 +7,7 @@ id: S01
screen: Automation-Liste
typ: Liste
umsetzung: Bauen
status: In Subframe - V3 bestätigt; Altvarianten gelöscht
status: Fertig / Development-Handoff
route: "/automations"
subframe_name: "S01 Automation-Liste"
subframe_page_id: "333d4c20-5189-4b10-b3b1-165726c5abb8"
@@ -30,7 +30,7 @@ Alle Automationen und ihren Zustand auf einen Blick sehen.
- „Neue Automation“ → [[M03 Start-Auswahl]] als Modal.
- Automation öffnen → [[S01 Flow-Editor]].
- Läufe öffnen → [[S02 Lauf-Liste]].
- „Vorlagen“ → [[S04 Vorlagen-Katalog]] als Modal.
- „Vorlagen“ → [[M04 Vorlagen-Katalog]] als Modal.
- „Zugangsdaten“ → [[S06 Zugangsdaten]].
- Leerzustand mit klarem Start-CTA.
@@ -7,9 +7,9 @@ id: S02
screen: Lauf-Liste
typ: Liste
umsetzung: Bauen
status: In Subframe - V3 bestätigt; Altvarianten gelöscht
status: Fertig / Development-Handoff
route: "/automations/:id/executions"
subframe_name: "S02 Lauf-Liste V3"
subframe_name: "S02 Lauf-Liste"
subframe_page_id: "c5afe1a5-b6e1-4570-97f1-d3e21fc3807f"
subframe: "https://app.subframe.com/f023064a5ca0/design/c5afe1a5-b6e1-4570-97f1-d3e21fc3807f/edit"
source_checked: 2026-08-04
@@ -7,18 +7,11 @@ id: S03
screen: Lauf-Detail
typ: Detail + Timeline
umsetzung: Bauen
status: In Subframe - V1/V2/V3 zu validieren
status: Fertig / Development-Handoff
route: "/automations/:id/executions/:exec_id"
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
subframe_v1_name: "S03 Lauf-Detail V1"
subframe_v1_page_id: "7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit"
subframe_v2_name: "S03 Lauf-Detail V2"
subframe_v2_page_id: "b6748a04-9385-4646-abba-1837764f3be9"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit"
subframe_v3_name: "S03 Lauf-Detail V3"
subframe_v3_page_id: "118793cf-a1e1-43d4-9c54-8bf06de56a6a"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit"
subframe_name: "S03 Lauf-Detail"
subframe_page_id: "118793cf-a1e1-43d4-9c54-8bf06de56a6a"
subframe: "https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit"
source_checked: 2026-08-04
---
@@ -26,43 +19,28 @@ source_checked: 2026-08-04
## Ziel
Einen Automationslauf Schritt für Schritt in verständlichem Deutsch nachvollziehen.
Genau einen Automationslauf Schritt für Schritt in verständlichem Deutsch nachvollziehen.
## Beziehung zur Lauf-Liste
S02 zeigt mehrere vollständige Ausführungen derselben Automation. S03 öffnet genau eine dieser Ausführungen und zerlegt sie in Auslöser, ausgeführte Schritte, Ein-/Ausgaben, Laufdaten und gegebenenfalls die Fehlerbehebung. Die Schritte in S03 sind daher keine weiteren Läufe.
[[S02 Lauf-Liste]] zeigt mehrere vollständige Ausführungen derselben Automation. S03 öffnet genau eine Ausführung und zerlegt sie in Auslöser, Schritte, Ein-/Ausgaben, Laufdaten und gegebenenfalls Fehlerbehebung.
## Gemeinsamer Funktionsumfang
## Finaler Aufbau
- Kopf mit Zusammenfassung und Status; Laufdaten stehen ausschließlich rechts.
- Lesbare Auslöserdaten statt rohem JSON.
- Kompakte Accordion-Liste je Schritt mit Status, Dauer und verständlichem Input/Output beim Aufklappen.
- Der eigentliche Fehler steht direkt im betroffenen Schritt; die rechte Spalte erklärt nur die mögliche Behebung.
- „Schritt erneut ausführen“ liegt ausschließlich im Drei-Punkte-Menü des jeweiligen Schritts.
- Keine Rückgängig- oder Rollback-Funktion.
- Kopf mit Laufdatum, Status, Automation und kurzer Ergebniszusammenfassung.
- Vier kompakte Accordion-Schritte mit Status und Dauer.
- Eingabe, Ausgabe und Details werden erst beim Aufklappen sichtbar.
- Der fehlgeschlagene Schritt ist geöffnet; die eigentliche Fehlermeldung steht direkt dort.
- Die rechte Spalte enthält Laufdaten und getrennt davon die Fehlerhilfe.
- „Schritt erneut ausführen“ liegt im Drei-Punkte-Menü des einzelnen Schritts.
- Keine Rückgängig-, Rollback- oder globale Wiederhol-Funktion.
- Zurück zu [[S02 Lauf-Liste]] und Bearbeiten in [[S01 Flow-Editor]].
## Zustandslogik
## Beispielzustand
Der ausgewählte Schritt steuert den Kontext rechts. Bei einem Fehler bleibt die Fehlermeldung im aufgeklappten Schritt sichtbar; „Fehlerhilfe“ erklärt die Reparatur und verweist anschließend auf das Drei-Punkte-Menü dieses Schritts.
## Gebaute Varianten
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit) | Erfolgreiche Schritte sind ausführlich geöffnet; Fehler, Laufdaten und nächste Aktionen stehen daneben. | Maximale Nachvollziehbarkeit, aber die relevante Fehlerstelle konkurriert mit bereits erledigten Details. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit) | Erfolgreiche Schritte kompakt, Ergebnis zusammengefasst, fehlgeschlagener Schritt vollständig geöffnet; rechts ein klarer Bereich „Was jetzt?“. | Lenkt direkt vom Befund zur Reparatur. Laufdaten, Wiederholen, Fortsetzen und 24-h-Rückgängig bleiben sichtbar. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit) | Vier echte Accordion-Schritte; der fehlgeschlagene Schritt ist ausgewählt und geöffnet. Laufdaten und Fehlerhilfe stehen rechts. | Verbindet die Detailtiefe aus V1 mit der Dichte aus V2, entfernt doppelte Metadaten und Rückgängig vollständig und ordnet Wiederholen dem einzelnen Schritt zu. |
Alle Varianten zeigen lesbare Daten statt rohem JSON. V3 bildet den aktuellen Feedbackstand ohne Rückgängig- oder Laufart-Logik ab.
## Vorläufige Empfehlung
**V3.** Sie beantwortet zuerst „Welcher Schritt ist betroffen?“, hält abgeschlossene Schritte kompakt und zeigt Details nur auf Wunsch. Fehler und Eingabe bleiben zusammen; rechts steht ausschließlich die Hilfe zur Behebung.
Der Lauf „Neue Website-Anfrage nachfassen“ schlägt in Schritt 4 „Aufgabe zuweisen“ fehl, weil dem Vertriebsteam keine zuständige Person hinterlegt ist. Die Fehlerhilfe verweist auf die Team-Einstellungen und anschließend auf das Schrittmenü.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit)
- [V3 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit)
- [Finalen Screen öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -1,62 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S04
screen: Vorlagen-Katalog
typ: Modal + Karten-Liste
umsetzung: Bauen
status: In Subframe - V3 Modal zu validieren
route: "Modal über »Vorlagen« in der Automation-Liste"
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
subframe_v1_name: "S04 Vorlagen-Katalog V1"
subframe_v1_page_id: "2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit"
subframe_v2_name: "S04 Vorlagen-Katalog V2"
subframe_v2_page_id: "47542e29-c96d-4486-b455-ad0356f16db3"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit"
subframe_v3_name: "S04 Vorlagen-Katalog V3 Modal"
subframe_v3_page_id: "04ceb95c-f8a0-4047-860c-8f1a1c12252c"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit"
source_checked: 2026-08-04
---
# S04 — Vorlagen-Katalog
## Ziel
Einen gemeinsamen, überschaubaren Vorlagenbestand direkt aus der Automation-Liste heraus durchsuchen, verwenden und verwalten, ohne die Seite zu verlassen.
## Gemeinsamer Funktionsumfang
- Eigenständiges Modal mit Titel, Erklärung und Schließen-X; keine App-Navigation und kein Zurück-Button innerhalb des Screens.
- Vier konkrete Dummy-Vorlagen mit Name, Kurzbeschreibung, Kategorien und sichtbarer Schrittfolge.
- Suche und Kategorie ausschließlich über die vorhandene Subframe-Komponente „Filter Bar“.
- Keine Trennung oder Tabs für Standard- und eigene Vorlagen.
- Drei-Punkte-Menü je Karte mit Verwenden, Duplizieren, Umbenennen und Löschen.
- Derselbe Bestand wird im Anlege-Modal [[M03 Start-Auswahl]] verwendet; S04 ist der Verwaltungszugang über „Vorlagen“.
- „Verwenden“ öffnet [[S01 Flow-Editor]] vorbefüllt.
## Gebaute Varianten
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit) | Fertige Katalogstruktur mit Reitern, Suche und Filter; eine klar markierte Beispielkarte. | Gute Vorschau auf einen später gefüllten Katalog, aktuell aber viel Bedienoberfläche für genau ein Beispiel. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit) | Eine Sektion „So können Standardvorlagen aussehen“ plus kompakter Leerzustand für eigene Vorlagen. | Ehrlicher zum jetzigen Produktstand, kürzer und ohne funktionslose Filter. Die Beispielkarte bleibt vollständig. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit) | Echtes Verwaltungsmodal mit vier Vorlagen, Filter Bar, 2×2-Raster und Drei-Punkte-Menü je Karte. | Hält den Kontext der Automation-Liste sichtbar und vermeidet einen unnötigen Seitensprung. Der falsche V3-Seitenscreen wurde aus Subframe gelöscht. |
## Vorläufige Empfehlung
**V3 als Modal.** Vier Vorlagen rechtfertigen Suche und Kategorie, aber weiterhin keine Reiter. Verwaltung und Verwendung bleiben direkt an der jeweiligen Karte; M03 nutzt denselben Bestand im Anlegekontext.
## Verhältnis zur Entwicklung
Der Repo-Code war ausdrücklich keine Designvorlage für diesen Neubau. Der aktuelle Feedbackstand definiert vier lösch- und duplizierbare Dummy-Vorlagen sowie einen gemeinsamen Bestand ohne Standard-/Eigene-Typisierung.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit)
- [V3 Modal direkt öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -7,10 +7,10 @@ id: S05
screen: Baustein-Konfigurationsdialoge
typ: Screen-Familie
umsetzung: Bauen
status: 32 Seiten in Subframe und Obsidian erfasst - Review offen
status: Fertig / Development-Handoff - 32 Seiten vollständig erfasst
route: "Dialog über dem Flow-Editor"
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# S05 — Baustein-Konfigurationsdialoge
@@ -39,7 +39,7 @@ Alle 32 besitzen jetzt eine eigene Obsidian-Screen-Datei mit direkter Subframe-P
- Abbrechen und Übernehmen im Footer.
- Bedeutende Zustandsvarianten erhalten eine eigene Seite, zum Beispiel [[K-T2 Zeitplan monatlich]].
## Bekannte Restpunkte
## Bekannte nicht blockierende Hinweise
- [[K-T2 Frist oder Termin]]: NumberInput-Layout und veralteter Subframe-Seitenname.
- [[K-A1 Datensatz aendern]]: veralteter Subframe-Seitenname.
@@ -7,9 +7,9 @@ id: S05a
screen: Baustein-Konfig Vorplanung (Katalog aller Panels)
typ: Vorplanung / Katalog
umsetzung: Planen
status: 32 Subframe-Seiten gespiegelt / Review offen
status: Fertig / Development-Handoff - bekannte Hinweise dokumentiert
route: "Modal über dem Flow-Editor (Dialog-Komponente, Klick auf Baustein)"
source_checked: 2026-08-03
source_checked: 2026-08-04
---
# S05a — Baustein-Konfig Vorplanung
@@ -121,9 +121,9 @@ Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Unter
---
## Weiteres Vorgehen
## Handoff-Hinweise
1. Die 32 gebauten Seiten gemeinsam visuell reviewen; nicht erneut bauen.
1. Die 32 gebauten Seiten sind Bestandteil des Development-Handoffs; bekannte Detailpunkte unten sind nicht blockierend.
2. ~~Picker gegen die 31 Bausteine abgleichen.~~ Erledigt am 2026-08-03: 31/31 Einträge, Kategorien, Namen und Du-Ansprache verifiziert.
3. Die zwei abweichenden Subframe-Seitennamen von Hand korrigieren: `K-T2 Deadline naht` → `K-T2 Frist oder Termin` und `K-A1 Kontakt aendern` → `K-A1 Datensatz aendern`.
4. KWP bleibt ein Registry-Eintrag ohne Konfigurationsdialog und zählt deshalb nicht zu den 32 Seiten.
@@ -133,7 +133,7 @@ Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Unter
- **Entscheidung (David, 2026-07-12): Konfig als MODAL** (Dialog-Komponente), nicht rechtes Panel/Drawer — n8n-Muster: Klick auf Baustein öffnet Dialog.
- **32 Seiten gebaut** (31 Bausteine plus Monatsvariante; KWP ohne UI): Benennung »K-<Archetyp> <Name>« im Flow [WF-P12 Workflow Engine](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit).
- Muster/Blaupause: **K-T1 Neuer Kontakt** (Dialog.Content ohne Overrides = 560 px/16 px/24 px laut Layout-Regeln, Labels + Helptexte über Komponenten-Props, jede Feld-Erklärung als helpText, Erklärungs-Box mit Fragezeichen in Kategoriefarbe, Fuß rechts: Abbrechen/Übernehmen). Größere Panels (Kontakt ändern, Benachrichtigung, Aufgabe anlegen, Wenn-Dann, Switch, HTTP) mit `size="medium"` = 720 px.
- MCP-Readback aller 32 Seiten am 2026-08-03 abgeschlossen. **Händisches Review durch David steht aus.**
- MCP-Readback aller 32 Seiten am 2026-08-03 abgeschlossen; am 2026-08-04 in den gemeinsamen Workflow-Engine-Handoff übernommen.
## Subframe-Links aller 32 Seiten (Stand 2026-08-03, per MCP verifiziert)
@@ -305,7 +305,7 @@ Der alte 12er-Entwurf „Picker Kachel-Filter“ wurde durch [[S01b Baustein-Pic
Offen bleibt nur die bereits dokumentierte manuelle Umbenennung der Subframe-Seite `K-A1 Kontakt aendern`; der sichtbare Picker-Name ist korrekt.
## Offene Review-Punkte
## Nicht blockierende Development-Punkte
- Switch: Wie viele Pfade sind in v1 maximal erlaubt?
- Filter: Soll die einzige verbliebene `large`-Dialogbreite auf `medium` vereinheitlicht werden?
@@ -7,15 +7,11 @@ id: S06
screen: Zugangsdaten
typ: Liste / Verwaltung
umsetzung: Bauen
status: In Subframe - V1 bestätigt; V2 als Referenz
status: Fertig / Development-Handoff
route: "/automations/credentials"
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
subframe_v1_name: "S06 Zugangsdaten"
subframe_v1_page_id: "81271b5c-7871-4404-be60-e74423d6a364"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit"
subframe_v2_name: "S06 Zugangsdaten V2 Gesamtliste"
subframe_v2_page_id: "b183c6bf-9674-4e97-86d7-d7a8ef9ab17b"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit"
subframe_name: "S06 Zugangsdaten"
subframe_page_id: "b183c6bf-9674-4e97-86d7-d7a8ef9ab17b"
subframe: "https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit"
source_checked: 2026-08-04
---
@@ -23,43 +19,29 @@ source_checked: 2026-08-04
## Ziel und Rolle im Flow
Wiederverwendbare Zugangsdaten für Automationen zentral finden, neue Verbindungen anlegen und bestehende verwalten. Der Einstieg liegt direkt im Kopf von [[S01 Automation-Liste]], weil die Zugangsdaten ein Arbeitsmittel der Automationen sind und nicht zu einer einzelnen Automation gehören.
Wiederverwendbare Zugangsdaten für Automationen zentral finden, neue Anbieter einrichten und bestehende Verbindungen verwalten. Der Einstieg liegt im Kopf von [[S01 Automation-Liste]].
## Sichtbarer Umfang
## Finaler Live-Stand
Die aktuell ohne Versionssuffix benannte Subframe-Seite ist die frühere Gesamtliste und damit die finale Auswahl:
- Seitenkopf mit Rückweg zu „Automationen“ und „Zugangsdaten hinzufügen“.
- Echte Subframe-„Filter Bar“ mit Freitextsuche und Statusfilter.
- Keine Kategorie-, Typ- oder Verbindungsart-Spalte und kein entsprechender Filter.
- Kompakte Tabelle mit Name/Konto, verwendenden Automationen, Status, letzter Änderung und Aktionen.
- Drei sichtbare Bestandszugangsdaten; der Dienstkatalog beginnt erst nach „Zugangsdaten hinzufügen“ und braucht im aktuellen Outline-Scope keinen weiteren Screen.
- Filter Bar mit Status- und Kategoriefilter sowie Anbieteranzahl.
- Gemeinsame Tabelle mit „Anbieter / Konto“, „Kategorie“, „Verwendung“, „Status“ und „Aktion“.
- Acht Anbieter: vier verbunden und vier noch nicht eingerichtet.
- Verbundene Konten zeigen verwendende Automationen, „Verwalten“ sowie das Menü „Verbindung prüfen“, „Bearbeiten“ und „Trennen“.
- Nicht eingerichtete Anbieter besitzen die direkte Aktion „Einrichten“.
- Sicherheitshinweis, dass gespeicherte Zugangsdaten nie vollständig angezeigt werden.
## Aktionen
## Beispielanbieter
- Zugangsdaten hinzufügen.
- Nach „Zugangsdaten hinzufügen“ einen Dienst auswählen und einrichten.
- Bestehenden Eintrag verwalten oder über das Zeilenmenü „Verbindung prüfen“, „Bearbeiten“ und „Entfernen“ wählen.
- Verwendende Automationen als Kontext erkennen.
Google Workspace, Microsoft 365, Slack und OpenAI / ChatGPT sind verbunden. WhatsApp Business, Stripe, SMTP / E-Mail und HubSpot sind noch nicht eingerichtet.
Für Anlegen, Bearbeiten, Entfernen und Fehlerbehebung werden im aktuellen Zeitrahmen keine zusätzlichen Detail- oder Error-Screens gestaltet. Die Liste definiert die Informationsarchitektur; konkrete Abläufe und Schutzmechanismen werden in der Entwicklung vervollständigt.
## Scope
## Gebaute Varianten
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | Drei angelegte Zugangsdaten in einer kompakten Tabelle; echte Filter Bar nur mit Status, ohne Kategorie oder Typ. | Ruhige Bestandsverwaltung mit genau den Informationen, die für Auswahl und Wartung benötigt werden. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit) | Eine gemeinsame Tabelle für vier verbundene und vier noch nicht eingerichtete Anbieter. | Sehr kompakt und gut filterbar; bei mehreren Konten desselben Dienstes wird das Modell jedoch weniger eindeutig. |
## Entscheidung
**V1.** Die Bestandsliste ist der klarste Hauptscreen. Kategorie beziehungsweise Verbindungstyp sind für die tägliche Auswahl nicht nötig und wurden vollständig entfernt. V3 wurde aus Subframe gelöscht; V2 bleibt vorerst als ältere Vergleichsreferenz erhalten.
## Abgrenzung zu Integrationen
S06 verwaltet die in Automationen verwendbaren Zugangsdaten. Der umfangreichere Lebenszyklus einer App-Verbindung — OAuth-Einrichtung, Verbindungstest, Synchronisation und Abgleich-Verlauf — bleibt beim separaten Paket „Integrationen“. Damit werden keine zwei konkurrierenden Verbindungsverwaltungen geplant.
Anlegen, OAuth/API-Schlüssel, Bearbeiten, Trennen und Fehlerbehebung werden in diesem Outline-Paket nicht als zusätzliche Screens ausgearbeitet. Die Liste definiert den Einstieg und die Informationsarchitektur; die Detailabläufe vervollständigt Development.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit)
- [Finalen Screen öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -1,6 +1,6 @@
{
"nodes":[
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3280,"height":640,"label":"Verwaltungs-Flow · 10 Seiten / referenzierter Editor-Kontext","color":"5"},
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3280,"height":640,"label":"Verwaltungs-Flow · 5 finale Seiten / referenzierter Editor-Kontext","color":"5"},
{"id":"1000000000000002","type":"group","x":-80,"y":600,"width":2340,"height":1150,"label":"Auslöser · 17 gebaute Subframe-Seiten","color":"4"},
{"id":"1000000000000003","type":"group","x":2380,"y":600,"width":1220,"height":740,"label":"Aktionen · 6 gebaute Subframe-Seiten","color":"1"},
{"id":"1000000000000004","type":"group","x":2380,"y":1390,"width":1220,"height":360,"label":"Integration · 1 gebaute Subframe-Seite","color":"5"},
@@ -11,12 +11,12 @@
{"id":"1000000000000009","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md","x":540,"y":20,"width":400,"height":170},
{"id":"100000000000000a","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":1060,"y":20,"width":400,"height":170},
{"id":"100000000000000b","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1580,"y":20,"width":400,"height":170},
{"id":"100000000000000c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md","x":2100,"y":20,"width":400,"height":170},
{"id":"100000000000000c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/M04 Vorlagen-Katalog.md","x":2100,"y":20,"width":400,"height":170},
{"id":"100000000000000d","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":540,"y":270,"width":400,"height":170},
{"id":"100000000000000e","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md","x":1060,"y":270,"width":400,"height":170},
{"id":"100000000000000f","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":2620,"y":20,"width":500,"height":170,"color":"5"},
{"id":"1000000000000010","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md","x":2620,"y":270,"width":500,"height":170,"color":"5"},
{"id":"1000000000000011","type":"text","text":"# Zwei Subframe-Flows\n\nDer Verwaltungs-Flow enthält 10 Seiten: S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal und S06 V1/V2. S01, S02 und S06 sind final; S04 V3 ist jetzt ein Modal.\n\nDer Workflow-Engine-Flow enthält 40 Seiten: 8 Editor-/Modal-Seiten und 32 Konfigurationsdialoge. Zusammen sind 50/50 Seiten synchronisiert.","x":1580,"y":230,"width":920,"height":200},
{"id":"1000000000000011","type":"text","text":"# Zwei Subframe-Flows · final\n\nDer Verwaltungs-Flow enthält 5 finale Seiten: S01 Automation-Liste, S02 Lauf-Liste, S03 Lauf-Detail, M04 Vorlagen-Katalog und S06 Zugangsdaten.\n\nDer Workflow-Engine-Flow enthält 39 Seiten: 6 finale Editor-/Modal-Seiten, M03 V3 als Referenz und 32 Konfigurationsdialoge. Zusammen sind 44/44 aktuelle Seiten synchronisiert.","x":1580,"y":230,"width":920,"height":200},
{"id":"1000000000000012","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neuer Kontakt - Mit Beispiel.md","x":0,"y":680,"width":500,"height":170,"color":"4"},
{"id":"1000000000000013","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Kontakt geaendert.md","x":560,"y":680,"width":500,"height":170,"color":"4"},
{"id":"1000000000000014","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neue Anfrage.md","x":1120,"y":680,"width":500,"height":170,"color":"4"},
@@ -50,7 +50,7 @@
{"id":"1000000000000030","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Wert setzen.md","x":1680,"y":2095,"width":500,"height":170,"color":"6"},
{"id":"1000000000000031","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-I1 HTTP-Anfrage.md","x":2460,"y":1470,"width":500,"height":170,"color":"5"},
{"id":"1000000000000032","type":"text","text":"# KWP\n\n»An KWP übergeben« bleibt ein Registry-Eintrag ohne v1-Konfigurationsdialog.","x":3020,"y":1470,"width":500,"height":170},
{"id":"1000000000000033","type":"text","text":"# Nächster gemeinsamer Review\n\n- S03 V3 validieren\n- S04 V3 Modal validieren\n- M03 V3 im Editor-Paket validieren\n- 32 Dialogseiten visuell prüfen\n- Subframe-Seitennamen »Deadline naht« und »Kontakt aendern« korrigieren\n- Filter-Breite entscheiden\n\nS01, S02 und S06 erledigt.","x":2460,"y":1890,"width":1060,"height":280},
{"id":"1000000000000033","type":"text","text":"# Development-Handoff\n\nFinal: S01, S02, S03, M04 und S06. Die 32 Dialogseiten gehören vollständig zum Handoff.\n\nNicht blockierend für Development:\n- Live-Namen »Deadline naht« und »Kontakt aendern« weichen vom sichtbaren Produktnamen ab\n- Filter-Breite und Baukasten-Themen bleiben dokumentiert\n- technische Sonder- und Error-Fälle werden in der Umsetzung ergänzt","x":2460,"y":1890,"width":1060,"height":280},
{"id":"1000000000000034","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S06 Zugangsdaten.md","x":0,"y":270,"width":400,"height":170,"color":"5"}
],
"edges":[
@@ -63,7 +63,7 @@
"styleAttributes":{"path":"dotted"}
},
{"id":"2000000000000002","fromNode":"1000000000000009","fromSide":"right","toNode":"100000000000000a","toSide":"left","label":"Neue Automation · Modal"},
{"id":"2000000000000003","fromNode":"100000000000000a","fromSide":"right","toNode":"100000000000000b","toSide":"left","label":"Von Grund auf neu oder Vorlage"},
{"id":"2000000000000003","fromNode":"100000000000000a","fromSide":"right","toNode":"100000000000000b","toSide":"left","label":"Leer starten oder Beispielvorlage"},
{"id":"2000000000000004","fromNode":"1000000000000009","fromSide":"bottom","toNode":"100000000000000d","toSide":"top","label":"Läufe"},
{"id":"2000000000000005","fromNode":"100000000000000d","fromSide":"right","toNode":"100000000000000e","toSide":"left","label":"Lauf öffnen"},
{"id":"2000000000000006","fromNode":"1000000000000009","fromSide":"right","toNode":"100000000000000c","toSide":"left","label":"Vorlagen · Modal"},
@@ -4,7 +4,7 @@ project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
typ: Flow
status: In Subframe - 10 Seiten; S01/S02/S06 final; S03/S04 Review offen
status: Fertig / Development-Handoff
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
canvas: "WF-P12 Verwaltung.canvas"
source_checked: 2026-08-04
@@ -17,26 +17,30 @@ Canvas: [Canvas](<WF-P12 Verwaltung.canvas>)
## Kurzfassung
Die Verwaltungsseiten liegen in einem eigenen Subframe-Flow für den sequenziellen Review. Er enthält aktuell zehn Seiten: S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal sowie S06 V1/V2. Die 32 typabhängigen Konfigurationsdialoge bleiben im Workflow-Engine-Flow, werden aber weiterhin in diesem Obsidian-Paket und Canvas dokumentiert.
Der Verwaltungs-Flow ist auf **fünf finale Subframe-Seiten** bereinigt: Automation-Liste, Lauf-Liste, Lauf-Detail, Vorlagen-Katalog als `M04` und Zugangsdaten. Die 32 typabhängigen Konfigurationsdialoge bleiben technisch im Workflow-Engine-Flow, werden aber weiterhin in diesem Obsidian-Paket und Canvas dokumentiert.
## Aktueller Stand
Zusammen enthalten beide Subframe-Flows 44 aktuelle Seiten: 39 Workflow Engine und 5 Verwaltung. Alle fünf Verwaltungsseiten tragen jetzt ihre finalen Namen ohne Versionssuffix.
- [[S01 Automation-Liste]] — V3 bestätigt; V1 und V2 aus Subframe gelöscht.
- [[S02 Lauf-Liste]] — V3 bestätigt; Zusatz unter „Wartet“ entfernt und V1/V2 aus Subframe gelöscht.
- [[S03 Lauf-Detail]] — V3 ergänzt echte Accordions, den Fehler im betroffenen Schritt und eine getrennte Fehlerhilfe; Empfehlung V3.
- [[S04 Vorlagen-Katalog]] — V3 ist als echtes Verwaltungsmodal mit vier Vorlagen, Filter Bar und Kartenmenüs korrigiert; Empfehlung V3 Modal.
- [[S05 Baustein-Konfig-Panels]] — 32 gebaute Subframe-Seiten vollständig als einzelne Obsidian-Screens gespiegelt; in Subframe weiterhin dem Workflow-Engine-Flow zugeordnet.
- [[S05a Baustein-Konfig Vorplanung]] — Katalog, Entscheidungen und Reviewbefunde.
- [[S06 Zugangsdaten]] — V1 bestätigt und auf echte Filter Bar nur mit Status reduziert; Kategorie/Typ entfernt, V3 gelöscht, V2 bleibt als Referenz.
## Finaler Bestand
- [[S01 Automation-Liste]] — Übersicht mit Kennzahlen, Auslöser, Status, Aktivität und Avatar.
- [[S02 Lauf-Liste]] — vollständige Ausführungen genau einer Automation.
- [[S03 Lauf-Detail]] — kompakte Accordions, Fehler im Schritt und Fehlerhilfe rechts.
- [[M04 Vorlagen-Katalog]] — Verwaltungsmodal mit vier Vorlagen, Filter Bar und Kartenmenüs.
- [[S06 Zugangsdaten]] — gemeinsame Liste für verbundene und noch nicht eingerichtete Anbieter.
- [[S05 Baustein-Konfig-Panels]] — Index der 32 Konfigurationsdialoge im Workflow-Engine-Flow.
- [[S05a Baustein-Konfig Vorplanung]] — Katalog, Entscheidungen und bekannte nicht blockierende Hinweise.
## Hauptflow
Sidebar → S01 Automation-Liste
S01 → S02 Lauf-Liste → S03 Lauf-Detail
S01 → M03 Start-Auswahl → Flow-Editor
S01 → S04 Vorlagen-Katalog als Modal
S01 → S06 Zugangsdaten
Flow-Editor → S05 → einer von 32 Konfigurationsdialogen
```text
Sidebar -> S01 Automation-Liste
S01 -> S02 Lauf-Liste -> S03 Lauf-Detail
S01 -> M03 Start-Auswahl -> Flow-Editor
S01 -> M04 Vorlagen-Katalog
S01 -> S06 Zugangsdaten
Flow-Editor -> S05 -> einer von 32 Konfigurationsdialogen
```
## Dialogbestand
@@ -48,23 +52,18 @@ Flow-Editor → S05 → einer von 32 Konfigurationsdialogen
| Integration | 1 |
| **Gesamt** | **32** |
Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink, sichtbaren Feldern, Aktionen und Komponenten. Die Beziehungen stehen im Verwaltungs-Canvas. Die Dialogseiten liegen im [Workflow-Engine-Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit); der [Verwaltungs-Flow](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit) enthält S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal sowie S06 V1/V2.
Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink, sichtbaren Feldern, Aktionen und Komponenten. Die Dialogseiten liegen im [Workflow-Engine-Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit).
## Entschiedene Verwaltungs-Screens
## Finale Verwaltungsseiten
| Screen | Live-Screen | Stand |
| ID | Screen | Subframe |
|---|---|---|
| S01 Automation-Liste | [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/333d4c20-5189-4b10-b3b1-165726c5abb8/edit) | Final bestätigt; Altvarianten gelöscht |
| S02 Lauf-Liste | [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c5afe1a5-b6e1-4570-97f1-d3e21fc3807f/edit) | Final bestätigt; Altvarianten gelöscht |
| S06 Zugangsdaten | [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | V1 bestätigt; keine Kategorie-/Typ-Spalte, V3 gelöscht, V2 bleibt Referenz |
| S01 | Automation-Liste | [Öffnen](https://app.subframe.com/f023064a5ca0/design/333d4c20-5189-4b10-b3b1-165726c5abb8/edit) |
| S02 | Lauf-Liste | [Öffnen](https://app.subframe.com/f023064a5ca0/design/c5afe1a5-b6e1-4570-97f1-d3e21fc3807f/edit) |
| S03 | Lauf-Detail | [Öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit) |
| M04 | Vorlagen-Katalog | [Öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit) |
| S06 | Zugangsdaten | [Öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit) |
## Offene Verwaltungsvarianten
## Handoff
| Screen | V1 | V2 | V3 | Vorläufige Empfehlung |
|---|---|---|---|---|
| S03 Lauf-Detail | [Öffnen](https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit) | V3 |
| S04 Vorlagen-Katalog | [Öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit) | [Modal öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit) | V3 Modal |
## Nächster Schritt
Als Nächstes werden S03 V3 und das korrigierte S04 V3 Modal geprüft. M03 V3 bleibt im separaten Flow-Editor-Review; S06 ist entschieden.
Das Paket ist Teil des gemeinsamen fertigen Tickets `D-FLOW + D-P12 Workflow Engine`. Die vollständige UUID- und Linkliste aller 44 aktuellen Subframe-Seiten steht dort sowie im [[Screen Paket Tracker]].