docs(p12): finalize workflow engine handoff
This commit is contained in:
david committed
1 parent
0898b466e1
commit
3602dbeaa8
56 files changed
+534
-430
No files matched your search
@@ -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)
|
||||
+2
-2
@@ -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
|
||||
|
||||
+2
-2
@@ -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
|
||||
|
||||
+2
-2
@@ -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]].
|
||||
Reference in new issue
Block a user