docs(p12): sync workflow engine screen variants

This commit is contained in:
david committed 2026-08-03 17:07:59 +02:00
1 parent f3823d9107
commit 6682f98806
16 files changed
+353 -903

No files matched your search

+12 -11
View File
@@ -1,16 +1,16 @@
# Todo — Workflow Engine (P12)
Status: Offen
Status: V1/V2-Review offen
Eigenständige Aufgabenliste für P12. Detailwahrheit: [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
## Neue Screens gemeinsam validieren und bauen
## Neue Screens gemeinsam auswählen und finalisieren
- [ ] [[M03 Start-Auswahl]] — leer starten oder eine illustrative Standardvorlage wählen.
- [ ] [[S01 Automation-Liste]].
- [ ] [[S02 Lauf-Liste]].
- [ ] [[S03 Lauf-Detail]].
- [ ] [[S04 Vorlagen-Katalog]] — zunächst genau eine illustrative Standardvorlage plus eigener Leerzustand.
- [ ] [[M03 Start-Auswahl]] — V1 gegen die reduzierte V2 vergleichen; vorläufige Empfehlung: V2.
- [ ] [[S01 Automation-Liste]] — V1 mit KPI-Leiste gegen die kompaktere V2 vergleichen; vorläufige Empfehlung: V2.
- [ ] [[S02 Lauf-Liste]] — explizite V1 gegen die gruppierte V2 vergleichen; vorläufige Empfehlung: V2.
- [ ] [[S03 Lauf-Detail]] — ausführliche V1 gegen die diagnosefokussierte V2 vergleichen; vorläufige Empfehlung: V2.
- [ ] [[S04 Vorlagen-Katalog]] — fertige Katalogstruktur V1 gegen den ehrlichen Leerstart V2 vergleichen; vorläufige Empfehlung: V2.
## Review des bestehenden Subframe-Bestands
@@ -19,12 +19,11 @@ Eigenständige Aufgabenliste für P12. Detailwahrheit: [[S05 Baustein-Konfig-Pan
- [ ] 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.
- [ ] [[S01b Baustein-Picker]]: duzen, Namen und vollständigen Katalog nachziehen.
- [ ] Baukasten: Uhrzeit-Komponente sowie echte Kategorievarianten Rot/Gelb prüfen.
## Abgleich mit der aktuellen Entwicklung
## Designgrundlage
- [ ] Vor [[M03 Start-Auswahl]] und [[S04 Vorlagen-Katalog]] entscheiden: Der aktuelle Produktcode liefert bereits drei Plattformvorlagen aus (`lead-qualified-follow-up`, `project-deadline-warning`, `form-submission-create-task`). Der abgestimmte Designumfang startet dagegen mit einem produktiv leeren Katalog und genau einer klar gekennzeichneten illustrativen Standardvorlage. Produkt-, Design- und Entwicklungswahrheit müssen vor dem Handoff vereinheitlicht werden.
- [x] Der Repo-Code ist keine Designvorlage für M03/S04. Der aktuelle Designstand startet produktiv leer und zeigt genau eine klar gekennzeichnete illustrative Beispielkarte.
## Scope bereinigt am 2026-08-03
@@ -36,6 +35,8 @@ Folgende geplante Einzelscreens wurden aus Obsidian, Tracker und Canvas entfernt
## Erledigt
- [x] 35/35 aktuelle P12-Subframe-Seiten per MCP gelesen.
- [x] 45/45 aktuelle P12-Subframe-Seiten mit Obsidian abgeglichen.
- [x] 32 Konfigurationsseiten als individuelle Obsidian-Screens mit Direktlinks angelegt.
- [x] M03 sowie S01–S04 in jeweils zwei Varianten gebaut, per Screenshot geprüft und mit direkten Links dokumentiert.
- [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.
@@ -7,9 +7,15 @@ id: M03
screen: Start-Auswahl
typ: Modal
umsetzung: Bauen
status: Zu validieren und neu in Subframe zu bauen
status: In Subframe - V1/V2 zu validieren
route: "»+ Neue Automation« aus der Automation-Liste"
subframe: ""
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"
source_checked: 2026-08-03
---
@@ -19,7 +25,7 @@ source_checked: 2026-08-03
Entscheidung direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]]: leer beginnen oder mit einem Beispiel starten.
## Erster gemeinsamer Designumfang
## Gemeinsamer Funktionsumfang
- Primärer Weg „Leer starten“.
- Bereich „Mit Vorlage starten“.
@@ -27,12 +33,19 @@ Entscheidung direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]]: le
- Die Karte ist ein Designbeispiel und behauptet noch keinen produktiv gefüllten Vorlagenkatalog.
- Auswahl führt in [[S01 Flow-Editor]].
## Zu validieren
## Gebaute Varianten
- Ein CTA-Modell: entweder „Verwenden“ direkt auf der Karte oder Auswahl plus Footer-CTA, nicht beides.
- Wie prominent „Leer starten“ gegenüber der Beispielvorlage ist.
- Welche Informationen die Beispielkarte braucht: Name, Kurzbeschreibung und sichtbare Schrittfolge reichen zunächst aus.
| 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. |
## Vorläufige Empfehlung
**V2.** Sie macht den häufigsten und einfachsten Weg zuerst sichtbar, ohne die Beispielvorlage oder ihre Schrittfolge zu verstecken. Beide Varianten nutzen pro Option genau einen CTA und besitzen einen sichtbaren Schließen-Knopf.
## Subframe
Noch nicht im aktuellen P12-Flow vorhanden. Dieser Screen wird nach dem Obsidian-Abgleich gemeinsam validiert und anschließend gebaut.
- [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)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -5,13 +5,13 @@ ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01b
screen: Baustein-Picker
subframe_name: "Picker Kachel-Filter"
subframe_page_id: "6fab8a3e-c016-4381-b7e8-19414e8dcb7b"
subframe_name: "S01b Baustein-Picker vollst_ndig"
subframe_page_id: "83c4fbde-b040-4bc3-80a6-3c5d7b1f626b"
typ: Drawer
umsetzung: Bauen
status: In Subframe - in Obsidian gespiegelt, Review offen
status: In Subframe - vollständiger Katalog, Review offen
route: "aus S01 (Baustein hinzufügen)"
subframe: "https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit"
source_checked: 2026-08-03
---
@@ -19,29 +19,28 @@ source_checked: 2026-08-03
## Ziel und Rolle im Flow
Seitlicher 400-px-Drawer zum Suchen und Hinzufügen eines Bausteins in [[S01 Flow-Editor]].
Seitlicher 480-px-Drawer zum Suchen und Hinzufügen eines Bausteins in [[S01 Flow-Editor]]. Die zusätzliche Breite hält Namen, Kurzbeschreibung und Statuskennzeichen lesbar, ohne den Editor vollständig zu verdecken.
## Aktueller Subframe-Inhalt
- Suche „Baustein suchen …“.
- Kachelfilter: Auslöser, Aktionen und Logik.
- Auslöser: Neue Anfrage, Kontakt geändert, Termin in Kürze, Zahlungsziel überschritten, Zeitplan.
- Aktionen: Aufgabe anlegen, E-Mail senden, Datensatz ändern, Benachrichtigung senden.
- Logik: Wenn-Dann, Warten, Schleife.
- Name, Kurzbeschreibung und Hilfe-Tooltip pro Baustein.
- Kompakte Filter: Alle 31, Auslöser 16, Aktionen 6, Logik 8 und Integration 1.
- Alle 31 fachlichen Bausteine sind vorhanden; die Liste scrollt innerhalb des Drawers.
- Name, Kurzbeschreibung und Kategorie pro Baustein; „Ab v2“ und „Profi“ bleiben dort sichtbar, wo sie für die Auswahl relevant sind.
- Durchgehend Du-Ansprache.
## Verknüpfungen
Ein Klick führt zum passenden individuellen Konfigurationsscreen. Der vollständige Bestand liegt in [[S05 Baustein-Konfig-Panels]] und ist im Verwaltungs-Canvas nach Kategorien gruppiert.
Ein Klick führt zum passenden individuellen Konfigurationsscreen. Der vollständige Bestand liegt in [[S05 Baustein-Konfig-Panels]] und ist im Verwaltungs-Canvas nach Kategorien gruppiert. Dort existieren 32 Seiten, weil „Zeitplan monatlich“ eine bedeutsame Zustandsvariante des Bausteins „Zeitplan“ ist und kein eigener Picker-Eintrag.
## Offene Abweichungen
## Verifizierter Abgleich
- Der Drawer siezt noch und muss auf „du“ umgestellt werden.
- Die statische Auswahl ist unvollständig gegenüber den 32 gebauten Konfigurationsscreens.
- „Termin in Kürze“ und „Zahlungsziel überschritten“ sollen durch „Frist oder Termin“ ersetzt werden.
- Kategorien, Benennungen und vorbereitete Bausteine müssen beim gemeinsamen Review gegen den aktuellen Produktkatalog abgeglichen werden.
- 31/31 erwartete Bausteinnamen im Subframe-Readback gefunden.
- „Frist oder Termin“ ersetzt die zwei alten Einträge „Termin in Kürze“ und „Zahlungsziel überschritten“.
- Kein eigener Eintrag für die Monatsvariante und kein v1-Konfigurationsdialog für „An KWP übergeben“.
- Der alte unvollständige 12er-Picker wurde nach dem Abgleich aus Subframe entfernt.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit)
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -1,166 +1,28 @@
{
"nodes": [
{
"id": "1000000000000001",
"type": "group",
"x": -80,
"y": -120,
"width": 2960,
"height": 520,
"label": "Flow-Editor · aktueller und geplanter Ablauf",
"color": "5"
},
{
"id": "1000000000000002",
"type": "group",
"x": 980,
"y": 460,
"width": 1900,
"height": 380,
"label": "Verknüpfte Verwaltung",
"color": "3"
},
{
"id": "1000000000000003",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md",
"x": -80,
"y": -440,
"width": 460,
"height": 260
},
{
"id": "1000000000000004",
"type": "text",
"text": "# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste öffnet die Start-Auswahl.",
"x": 0,
"y": 0,
"width": 420,
"height": 180
},
{
"id": "1000000000000005",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md",
"x": 540,
"y": 0,
"width": 400,
"height": 180,
"color": "3"
},
{
"id": "1000000000000006",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md",
"x": 1060,
"y": 0,
"width": 420,
"height": 180
},
{
"id": "1000000000000007",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md",
"x": 1660,
"y": -40,
"width": 420,
"height": 170
},
{
"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,
"color": "3"
},
{
"id": "100000000000000b",
"type": "text",
"text": "# Scope\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.\n\nM03 und S02 sind noch zu validieren und in Subframe zu bauen.",
"x": 1600,
"y": 540,
"width": 540,
"height": 220
}
],
"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": "Leer oder Standardvorlage"
},
{
"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"
},
{
"id": "2000000000000006",
"fromNode": "1000000000000006",
"fromSide": "right",
"toNode": "1000000000000009",
"toSide": "left",
"label": "Konfiguration öffnen"
},
{
"id": "2000000000000007",
"fromNode": "1000000000000006",
"fromSide": "bottom",
"toNode": "100000000000000a",
"toSide": "top",
"label": "Aktivität"
}
]
"nodes":[
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":2960,"height":520,"label":"Flow-Editor · aktueller Ablauf und Variantenreview","color":"5"},
{"id":"1000000000000002","type":"group","x":980,"y":460,"width":1900,"height":380,"label":"Verknüpfte Verwaltung","color":"3"},
{"id":"1000000000000003","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md","x":-80,"y":-440,"width":460,"height":260},
{"id":"1000000000000004","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste öffnet die Start-Auswahl.","x":0,"y":0,"width":420,"height":180},
{"id":"1000000000000005","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":540,"y":0,"width":400,"height":180},
{"id":"1000000000000006","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1060,"y":0,"width":420,"height":180},
{"id":"1000000000000007","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md","x":1660,"y":-40,"width":420,"height":170},
{"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 und S02 sind als V1/V2 gebaut. Der Picker enthält 31/31 Bausteine. Die Screen-Notizen führen direkt zu beiden Varianten.","x":1600,"y":540,"width":540,"height":220}
],
"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":"Leer 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"},
{"id":"2000000000000006","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Konfiguration öffnen"},
{"id":"2000000000000007","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000a","toSide":"top","label":"Aktivität"}
],
"metadata":{
"version":"1.0-1.0",
"frontmatter":{}
}
}
@@ -4,7 +4,7 @@ project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
typ: Flow
status: Subframe-Bestand in Obsidian gespiegelt - M03 offen
status: In Subframe - M03 V1/V2 Review offen
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
canvas: "WF-P12 Flow-Editor.canvas"
source_checked: 2026-08-03
@@ -17,13 +17,13 @@ Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
## Kurzfassung
Das Paket dokumentiert Einstieg und zentrale Editor-Oberflächen. Der aktuelle Subframe-Bestand wurde am 2026-08-03 vollständig per MCP gelesen und nach Obsidian gespiegelt.
Das Paket dokumentiert Einstieg und zentrale Editor-Oberflächen. Der aktuelle P12-Flow umfasst 45 Subframe-Seiten und wurde am 2026-08-03 mit Obsidian abgeglichen.
## Gültiger Scope
- [[M03 Start-Auswahl]] — erforderlich, noch gemeinsam zu validieren und zu bauen.
- [[M03 Start-Auswahl]] — als V1 und reduzierte V2 gebaut; Auswahl steht aus.
- [[S01 Flow-Editor]] — gebauter leerer Vollbild-Editor.
- [[S01b Baustein-Picker]] — gebauter Drawer.
- [[S01b Baustein-Picker]] — gebauter Drawer mit allen 31 Bausteinen.
- [[S01c Canvas-Kontextmenue]] — gebautes Kontextmenü.
- Die 32 Konfigurationsscreens liegen einzeln in WF-P12 Verwaltung und sind über [[S05 Baustein-Konfig-Panels]] erschlossen.
@@ -48,11 +48,11 @@ S01 → Aktivität → Lauf-Liste
| ID | Screen | Subframe |
|---|---|---|
| M03 | Start-Auswahl | Noch nicht gebaut |
| 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) |
| 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/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/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) |
## Nächster Schritt
M03 gemeinsam validieren. Die übrigen drei Seiten sind Bestands-Screens und werden nur bei konkreten Reviewbefunden verändert.
M03 V1 und V2 gemeinsam vergleichen und eine Richtung finalisieren. Die übrigen drei Editorflächen bleiben Bestands-Screens; der Picker ist bereits vollständig ersetzt.
@@ -7,9 +7,15 @@ id: S01
screen: Automation-Liste
typ: Liste
umsetzung: Bauen
status: Zu validieren und neu in Subframe zu bauen
status: In Subframe - V1/V2 zu validieren
route: "/automations"
subframe: ""
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
subframe_v1_name: "S01 Automation-Liste"
subframe_v1_page_id: "36a25220-4793-47d9-9f66-e5f2327e02c1"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/36a25220-4793-47d9-9f66-e5f2327e02c1/edit"
subframe_v2_name: "S01 Automation-Liste V2"
subframe_v2_page_id: "47983952-26a9-4175-97a2-410f5c11f343"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/47983952-26a9-4175-97a2-410f5c11f343/edit"
source_checked: 2026-08-03
---
@@ -19,7 +25,7 @@ source_checked: 2026-08-03
Alle Automationen und ihren Zustand auf einen Blick sehen.
## Vorläufiger Umfang für die Validierung
## Gemeinsamer Funktionsumfang
- Name, Auslöser, Status, Läufe der letzten 30 Tage, letzte Ausführung und Verantwortliche.
- Suche sowie Filter nach Status, Auslöser und „nur meine“.
@@ -29,6 +35,19 @@ Alle Automationen und ihren Zustand auf einen Blick sehen.
- Zugang zu [[S04 Vorlagen-Katalog]].
- Leerzustand mit klarem Start-CTA.
## Noch nicht in Subframe
## Gebaute Varianten
Der frühere Entwurf wurde gelöscht. Wir validieren diesen Screen nach dem aktuellen Obsidian-Abgleich neu; daher existiert bewusst noch kein Subframe-Link.
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/36a25220-4793-47d9-9f66-e5f2327e02c1/edit) | KPI-Leiste und sieben explizite Tabellenspalten. | Sehr vollständig und erklärend, aber doppelt Informationen und verlangt mehr horizontales Scannen. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/47983952-26a9-4175-97a2-410f5c11f343/edit) | Keine KPI-Leiste; Auslöser steht beim Namen, Läufe und letzte Ausführung sind als „Aktivität“ gebündelt. | Ruhiger, schneller zu überfliegen und näher an der primären Aufgabe „Automation finden und handeln“. Alle Funktionen bleiben erreichbar. |
## Vorläufige Empfehlung
**V2.** Die Liste braucht auf dieser Ebene keine zusätzliche KPI-Zusammenfassung. Status, Aktivität, Verantwortung und Aktionen reichen für die Entscheidung; Details öffnen sich aus der Zeile.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/36a25220-4793-47d9-9f66-e5f2327e02c1/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/47983952-26a9-4175-97a2-410f5c11f343/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -7,9 +7,15 @@ id: S02
screen: Lauf-Liste
typ: Liste
umsetzung: Bauen
status: Zu validieren und neu in Subframe zu bauen
status: In Subframe - V1/V2 zu validieren
route: "/automations/:id/executions"
subframe: ""
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
subframe_v1_name: "S02 Lauf-Liste V1"
subframe_v1_page_id: "102904cd-1838-4632-816c-ceeb7af47d31"
subframe_v1: "https://app.subframe.com/f023064a5ca0/design/102904cd-1838-4632-816c-ceeb7af47d31/edit"
subframe_v2_name: "S02 Lauf-Liste V2"
subframe_v2_page_id: "2e3c770e-f91a-4f47-afa4-bef927ab8278"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/2e3c770e-f91a-4f47-afa4-bef927ab8278/edit"
source_checked: 2026-08-03
---
@@ -19,7 +25,7 @@ source_checked: 2026-08-03
Die letzten Ausführungen einer Automation schnell prüfen und einen Lauf öffnen.
## Vorläufiger Umfang für die Validierung
## Gemeinsamer Funktionsumfang
- Zeitpunkt, Status, Klartext-Zusammenfassung, Laufart und Dauer.
- Filter nach Status, Zeitraum und Auslöser.
@@ -31,6 +37,19 @@ Die letzten Ausführungen einer Automation schnell prüfen und einen Lauf öffne
Die Lauf-Liste bleibt als eigener Screen und eigene Route erhalten. Der „Aktivität“-Eintrag im Editor kann dorthin navigieren; er ersetzt diese Seite nicht.
## Noch nicht in Subframe
## Gebaute Varianten
Der frühere Entwurf wurde gelöscht. Wir validieren den neuen Stand gemeinsam, bevor er neu gebaut wird.
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/102904cd-1838-4632-816c-ceeb7af47d31/edit) | KPI-Leiste; Zeitpunkt, Status, Zusammenfassung, Auslöser, Laufart und Dauer als getrennte Spalten. | Gut für eine ausführliche Betriebsansicht, aber breit und bei langen Zusammenfassungen unruhig. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/2e3c770e-f91a-4f47-afa4-bef927ab8278/edit) | Keine KPI-Leiste; „Ergebnis + Auslöser“ und „Zustand + Laufart“ sind logisch gebündelt. | Weniger Blicksprünge und schnellere Fehlerdiagnose, ohne Status-, Zeit-, Trigger- oder Dauerfilter wegzulassen. |
## Vorläufige Empfehlung
**V2.** Auf der Laufebene zählt die einzelne Ausführung mehr als eine wiederholte Statistikleiste. Die Gruppierung lässt Erfolg, Fehlergrund und Laufart in einer Zeile schneller erfassen.
## Subframe
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/102904cd-1838-4632-816c-ceeb7af47d31/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2e3c770e-f91a-4f47-afa4-bef927ab8278/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -7,9 +7,15 @@ id: S03
screen: Lauf-Detail
typ: Detail + Timeline
umsetzung: Bauen
status: Zu validieren und neu in Subframe zu bauen
status: In Subframe - V1/V2 zu validieren
route: "/automations/:id/executions/:exec_id"
subframe: ""
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/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"
source_checked: 2026-08-03
---
@@ -19,7 +25,7 @@ source_checked: 2026-08-03
Einen Automationslauf Schritt für Schritt in verständlichem Deutsch nachvollziehen.
## Vorläufiger Umfang für die Validierung
## Gemeinsamer Funktionsumfang
- Kopf mit Zusammenfassung, Status, Zeit, Dauer und Laufart.
- Lesbare Auslöserdaten statt rohem JSON.
@@ -33,6 +39,21 @@ Einen Automationslauf Schritt für Schritt in verständlichem Deutsch nachvollzi
Ein Probelauf schreibt nichts und darf deshalb keine Rückgängig-Aktion anbieten. Produktive und simulierte Läufe müssen klar unterscheidbar sein.
## Noch nicht in Subframe
## Gebaute Varianten
Der frühere Entwurf wurde gelöscht. Wir validieren den neuen Stand gemeinsam, bevor er neu gebaut wird.
| 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. |
Beide Varianten zeigen lesbare Daten statt rohem JSON. Der Beispieldatensatz ist ein produktiver Lauf; deshalb ist die Rückgängig-Aktion hier fachlich korrekt.
## Vorläufige Empfehlung
**V2.** Ein Laufdetail ist in erster Linie ein Diagnose- und Reparaturwerkzeug. Erfolgreiches darf kompakt sein; der Fehler und die nächste Handlung brauchen die Fläche.
## 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)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -7,9 +7,15 @@ id: S04
screen: Vorlagen-Katalog
typ: Karten-Liste
umsetzung: Bauen
status: Zu validieren und neu in Subframe zu bauen
status: In Subframe - V1/V2 zu validieren
route: "/automations/templates"
subframe: ""
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/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"
source_checked: 2026-08-03
---
@@ -19,7 +25,7 @@ source_checked: 2026-08-03
Die spätere Vorlagenstruktur sichtbar machen, obwohl der produktive Katalog zunächst noch leer ist.
## Erster gemeinsamer Designumfang
## Gemeinsamer Funktionsumfang
- Seitenkopf und Erklärung des Vorlagenprinzips.
- Genau **eine illustrative Standardvorlage** als Anschauungsobjekt.
@@ -29,10 +35,23 @@ Die spätere Vorlagenstruktur sichtbar machen, obwohl der produktive Katalog zun
- Wird in vereinfachter Form in [[M03 Start-Auswahl]] verwendet.
- „Verwenden“ öffnet [[S01 Flow-Editor]] vorbefüllt.
## Noch nicht in Subframe
## Gebaute Varianten
Der frühere Entwurf wurde gelöscht. Wir validieren Aufbau und Beispielvorlage gemeinsam, bevor er neu gebaut wird.
| 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. |
## Offener Abgleich mit der Entwicklung
## Vorläufige Empfehlung
Der aktuelle Produktcode registriert bereits drei Plattformvorlagen. Vor dem Neubau muss entschieden werden, ob diese aus dem sichtbaren Startumfang entfernt werden oder ob der Katalog doch mit realen Vorlagen startet. Bis dahin bleibt dieser Screen bei der abgestimmten Designannahme: produktiv leer, mit genau einer klar als Illustration gekennzeichneten Standardvorlage.
**V2 für den Start.** V1 wird interessant, sobald mehrere echte Vorlagen vorhanden sind. Bis dahin ist jede Suche, jeder Filter und jeder Reiter zusätzliche Oberfläche ohne echte Auswahl.
## Verhältnis zur Entwicklung
Der Repo-Code war ausdrücklich keine Designvorlage für diesen Neubau. Der abgestimmte Designstand ist produktiv leer und zeigt genau eine klar als Illustration gekennzeichnete Beispielkarte. Eine spätere Implementierung muss auf diese Produktentscheidung ausgerichtet werden.
## 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)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -45,7 +45,8 @@ Alle 32 besitzen jetzt eine eigene Obsidian-Screen-Datei mit direkter Subframe-P
- [[K-A1 Datensatz aendern]]: veralteter Subframe-Seitenname.
- [[K-A2 Benachrichtigung senden]] und [[K-A2 E-Mail senden]]: TextArea-Breite/-Höhe.
- [[K-L1 Filter]]: Dialogbreite noch „large“.
- [[S01b Baustein-Picker]]: Sprache, Namen und vollständiger Katalog.
Der [[S01b Baustein-Picker]] ist seit 2026-08-03 mit allen 31 Bausteinen, Du-Ansprache und den abgestimmten Namen synchronisiert.
## Subframe
@@ -31,7 +31,7 @@ Verwandt: [[S05 Baustein-Konfig-Panels]] als Screen-Index und [[S01 Flow-Editor]
| Logik | Violett | 8 |
| Integration | Grau | 1 |
> ✅ **Entschieden (Dejan, 2026-07-13, mit Mandat von David): Dieses Schema gilt.** Die Konfigurationsdialoge folgen diesem Muster; der **Baustein-Picker muss nachziehen**.
> ✅ **Entschieden (Dejan, 2026-07-13, mit Mandat von David): Dieses Schema gilt.** Die Konfigurationsdialoge und der am 2026-08-03 ersetzte **Baustein-Picker** folgen diesem Muster.
---
@@ -124,7 +124,7 @@ Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Unter
## Weiteres Vorgehen
1. Die 32 gebauten Seiten gemeinsam visuell reviewen; nicht erneut bauen.
2. Picker gegen die 31 Bausteine abgleichen: Einträge, Namen, Kategorien, Farben und Du-Ansprache.
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.
@@ -197,7 +197,7 @@ Läuft seit 2026-07-13. Validiert von **Dejan** (mit ausdrücklichem Mandat von
| Regel | Wie |
|---|---|
| **Ansprache** | **Durchgehend duzen.** Entschieden 2026-07-13. Betrifft auch den Baustein-Picker (siezt noch) und potenziell das ganze Produkt. |
| **Ansprache** | **Durchgehend duzen.** Entschieden 2026-07-13. Der neue Baustein-Picker setzt dies um. |
| **Board, nicht Pipeline** | Der Begriff heißt überall `Board`. Entschieden 2026-07-13. |
| **Pflichtfeld-Muster** | Sternchen im Label (`Verantwortlich *`) **plus** das Wort `Pflichtfeld.` am Ende des helpText. Vorbild: K-A3 Aufgabe anlegen. |
| **Erklär-Box (Info-Kasten unten)** | Bleibt handgebaut. **Immer GRÜN** in allen Dialogen — entschieden David (abgesegnet) + Dejan (2026-07-16/17). Nicht kategorie-farbig. Symbol und Badge behalten dagegen ihre **Kategorie-Farbe** (Auslöser grün, Daten rot, Kommunikation blau, Aufgaben gelb, Logik violett, Integration grau). Grund: Der rote/violette Info-Kasten wirkte wie eine Warnung; ein einheitlich grüner Hilfetext ist freundlich und ruhig, während Symbol+Badge weiter die Kategorie zeigen. |
@@ -255,7 +255,7 @@ Bester Block bisher — Struktur, Sichtbarkeit der Labels und Duzen durchgehend
| **E-Mail senden** (neu) | Picker bot »E-Mail senden« an, es gab aber keinen Dialog | **Neuer Baustein gebaut** (Entscheidung Dejan 07-16): Empfänger `*` (Kontakt), Absender `*`, Betreff `*`, Nachricht `*`, optional Anhang. Optik = Benachrichtigung, blau. |
| Aufgabe anlegen / Aufgabe zuweisen | — | In Ordnung. »Aufgabe zuweisen« markiert sein Pflichtfeld (`Neue Verantwortung *`) bereits vorbildlich. |
**Wichtig für Subframe (von Hand):** Die Seite `K-A1 Kontakt aendern` sollte zu `K-A1 Datensatz aendern` umbenannt werden (Inhalt stimmt schon). Der Picker-Eintrag »E-Mail senden« bekommt jetzt einen echten Dialog; der neue Baustein ist auch im Picker als eigener Kommunikations-Eintrag zu führen.
**Wichtig für Subframe (von Hand):** Die Seite `K-A1 Kontakt aendern` sollte zu `K-A1 Datensatz aendern` umbenannt werden (Inhalt stimmt schon). Der Picker-Eintrag »E-Mail senden« ist inzwischen als eigener Kommunikations-Eintrag vorhanden und führt fachlich zum gebauten Dialog.
### Info-Kästen: alle Dialoge auf Grün (2026-07-17)
@@ -292,18 +292,18 @@ Vorbildlich für einen technischen Baustein: zwei Badges (»Integration« + »Pr
| `IconWithBackground` | Nur `destructive` (Gefahr-Rot) als Rot; kein Kategorie-Rot/Gelb-Variant | Daten-Bausteine (rot) und Logik (violett) brauchen einen handgeschriebenen `ui-*`-Farb-Override im Screen. |
| `BadgeFeedback` | Kein `subtle-red` und kein `subtle-yellow` (nur `subtle-negative`/`subtle-warning` = Gefahr/Warnung). `subtle-blue`/`subtle-purple` existieren. | Daten- und Aufgaben-Badges nutzen Feedback-Farben statt echter Kategorie-Farben. Für volle Einheitlichkeit braucht der Baukasten `ui-red`/`ui-yellow`-Varianten. |
## Lücken und Widersprüche (aktualisiert 2026-08-03)
## Picker-Abgleich abgeschlossen (2026-08-03)
Der Baustein-Picker ([[S01 Flow-Editor]], Seite »Picker Kachel-Filter«) und dieser Katalog stimmen noch nicht überein:
Der alte 12er-Entwurf „Picker Kachel-Filter“ wurde durch [[S01b Baustein-Picker]] ersetzt und nach erfolgreichem Readback aus Subframe entfernt.
| Befund | Was zu tun ist |
|---|---|
| Picker führt **»Termin in Kürze«** und **»Zahlungsziel überschritten«** getrennt | Beide Fälle deckt der gebaute Dialog **»Frist oder Termin«** ab. Die zwei Picker-Einträge durch diesen einen Baustein ersetzen. |
| **»E-Mail senden«** | Der eigene Dialog ist gebaut und gespiegelt; der Picker-Eintrag muss auf genau diesen Dialog zeigen. |
| **»Datensatz ändern«** | Der Dialoginhalt ist bereits generisch. Nur der Subframe-Seitenname lautet noch `K-A1 Kontakt aendern` und muss von Hand nachgezogen werden. |
| Picker zeigt nur **12 Bausteine**, der aktuelle Subframe-Bestand umfasst **31 Bausteine plus eine Zustandsvariante** | Picker vollständig und fachlich gegen den Produktkatalog abgleichen. |
| Picker-Farben weichen ab (Orange/Blau/Neutral) | Auf das S05a-Schema umstellen (entschieden 2026-07-13). |
| Picker **siezt** (»Wählen Sie einen Baustein«) | Auf Duzen umstellen (entschieden 2026-07-13). |
- 31/31 fachliche Bausteine vorhanden: 16 Auslöser, 6 Aktionen, 8 Logik und 1 Integration.
- „Frist oder Termin“ ersetzt „Termin in Kürze“ und „Zahlungsziel überschritten“.
- „E-Mail senden“ und „Datensatz ändern“ sind als eigene Picker-Einträge vorhanden.
- „Zeitplan monatlich“ bleibt eine Zustandsvariante des Bausteins „Zeitplan“ und zählt nicht als 32. Picker-Eintrag.
- „An KWP übergeben“ bleibt ein v2-Registry-Eintrag ohne v1-Konfigurationsdialog.
- Du-Ansprache und die Kennzeichnungen „Ab v2“/„Profi“ sind umgesetzt.
Offen bleibt nur die bereits dokumentierte manuelle Umbenennung der Subframe-Seite `K-A1 Kontakt aendern`; der sichtbare Picker-Name ist korrekt.
## Offene Review-Punkte
@@ -1,628 +1,113 @@
{
"nodes": [
{
"id": "1000000000000001",
"type": "group",
"x": -80,
"y": -120,
"width": 3280,
"height": 640,
"label": "Automation, Starts und Läufe",
"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"
},
{
"id": "1000000000000005",
"type": "group",
"x": -80,
"y": 1810,
"width": 2340,
"height": 535,
"label": "Logik · 8 gebaute Subframe-Seiten",
"color": "6"
},
{
"id": "1000000000000006",
"type": "group",
"x": 2380,
"y": 1810,
"width": 1220,
"height": 535,
"label": "Review-Hinweise",
"color": "3"
},
{
"id": "1000000000000007",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md",
"x": -80,
"y": -450,
"width": 460,
"height": 260
},
{
"id": "1000000000000008",
"type": "text",
"text": "# Einstieg\n\nSidebar → Automationen",
"x": 0,
"y": 20,
"width": 420,
"height": 170
},
{
"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,
"color": "3"
},
{
"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,
"color": "3"
},
{
"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,
"color": "3"
},
{
"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,
"color": "3"
},
{
"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,
"color": "3"
},
{
"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": "# Status\n\nGelb = noch zu validieren und in Subframe zu bauen.\n\nS04 zeigt zunächst genau eine illustrative Standardvorlage; der echte Katalog ist leer.",
"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"
},
{
"id": "1000000000000015",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Lead qualifiziert.md",
"x": 1680,
"y": 680,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000016",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Projekt gewonnen.md",
"x": 0,
"y": 885,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000017",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Status gewechselt.md",
"x": 560,
"y": 885,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000018",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Projekt angelegt.md",
"x": 1120,
"y": 885,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000019",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Frist oder Termin.md",
"x": 1680,
"y": 885,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001a",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Termin gebucht.md",
"x": 0,
"y": 1090,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001b",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Termin storniert.md",
"x": 560,
"y": 1090,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001c",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Ereignis erstellt.md",
"x": 1120,
"y": 1090,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001d",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Zeitplan.md",
"x": 1680,
"y": 1090,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001e",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Zeitplan monatlich.md",
"x": 0,
"y": 1295,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "100000000000001f",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 E-Mail eingegangen.md",
"x": 560,
"y": 1295,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000020",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 E-Mail unzustellbar.md",
"x": 1120,
"y": 1295,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000021",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 Formular abgeschickt.md",
"x": 1680,
"y": 1295,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000022",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 Webhook empfangen.md",
"x": 0,
"y": 1500,
"width": 500,
"height": 170,
"color": "4"
},
{
"id": "1000000000000023",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A1 Datensatz aendern.md",
"x": 2460,
"y": 680,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000024",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A1 Notiz anlegen.md",
"x": 3020,
"y": 680,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000025",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A2 Benachrichtigung senden.md",
"x": 2460,
"y": 885,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000026",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A2 E-Mail senden.md",
"x": 3020,
"y": 885,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000027",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A3 Aufgabe anlegen.md",
"x": 2460,
"y": 1090,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000028",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A3 Aufgabe zuweisen.md",
"x": 3020,
"y": 1090,
"width": 500,
"height": 170,
"color": "1"
},
{
"id": "1000000000000029",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Wenn-Dann.md",
"x": 0,
"y": 1890,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002a",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Und.md",
"x": 560,
"y": 1890,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002b",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Oder.md",
"x": 1120,
"y": 1890,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002c",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Switch.md",
"x": 1680,
"y": 1890,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002d",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Filter.md",
"x": 0,
"y": 2095,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002e",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Warten.md",
"x": 560,
"y": 2095,
"width": 500,
"height": 170,
"color": "6"
},
{
"id": "100000000000002f",
"type": "file",
"file": "02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Schleife.md",
"x": 1120,
"y": 2095,
"width": 500,
"height": 170,
"color": "6"
},
{
"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- 32 Dialogseiten visuell prüfen\n- Picker: 12 Einträge, Farben, Namen und Du-Ansprache abgleichen\n- Subframe-Seitennamen »Deadline naht« und »Kontakt aendern« korrigieren\n- Filter-Breite entscheiden",
"x": 2460,
"y": 1890,
"width": 1060,
"height": 280
}
],
"edges": [
{
"id": "2000000000000001",
"fromNode": "1000000000000008",
"fromSide": "right",
"toNode": "1000000000000009",
"toSide": "left",
"styleAttributes": {
"path": "dotted"
}
},
{
"id": "2000000000000002",
"fromNode": "1000000000000009",
"fromSide": "right",
"toNode": "100000000000000a",
"toSide": "left",
"label": "+ Neue Automation"
},
{
"id": "2000000000000003",
"fromNode": "100000000000000a",
"fromSide": "right",
"toNode": "100000000000000b",
"toSide": "left",
"label": "Leer oder Standardvorlage"
},
{
"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"
},
{
"id": "2000000000000007",
"fromNode": "100000000000000c",
"fromSide": "left",
"toNode": "100000000000000a",
"toSide": "right",
"label": "Vorlage verwenden"
},
{
"id": "2000000000000008",
"fromNode": "100000000000000b",
"fromSide": "right",
"toNode": "100000000000000f",
"toSide": "left",
"label": "Baustein konfigurieren"
},
{
"id": "2000000000000009",
"fromNode": "100000000000000f",
"fromSide": "bottom",
"toNode": "1000000000000010",
"toSide": "top",
"label": "32 Seiten"
},
{
"id": "200000000000000a",
"fromNode": "1000000000000010",
"fromSide": "bottom",
"toNode": "1000000000000012",
"toSide": "top",
"label": "17 Auslöser",
"styleAttributes": {
"path": "dotted"
}
},
{
"id": "200000000000000b",
"fromNode": "1000000000000010",
"fromSide": "bottom",
"toNode": "1000000000000023",
"toSide": "top",
"label": "6 Aktionen",
"styleAttributes": {
"path": "dotted"
}
},
{
"id": "200000000000000c",
"fromNode": "1000000000000010",
"fromSide": "bottom",
"toNode": "1000000000000029",
"toSide": "top",
"label": "8 Logik",
"styleAttributes": {
"path": "dotted"
}
},
{
"id": "200000000000000d",
"fromNode": "1000000000000010",
"fromSide": "bottom",
"toNode": "1000000000000031",
"toSide": "top",
"label": "1 Integration",
"styleAttributes": {
"path": "dotted"
}
}
]
}
"nodes":[
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3280,"height":640,"label":"Automation, Starts und Läufe · V1/V2 Review","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"},
{"id":"1000000000000005","type":"group","x":-80,"y":1810,"width":2340,"height":535,"label":"Logik · 8 gebaute Subframe-Seiten","color":"6"},
{"id":"1000000000000006","type":"group","x":2380,"y":1810,"width":1220,"height":535,"label":"Review-Hinweise","color":"3"},
{"id":"1000000000000007","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md","x":-80,"y":-450,"width":460,"height":260},
{"id":"1000000000000008","type":"text","text":"# Einstieg\n\nSidebar → Automationen","x":0,"y":20,"width":420,"height":170},
{"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":"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":"# Variantenreview\n\nM03 und S01–S04 sind jeweils als V1/V2 in Subframe gebaut. Die Screen-Notizen enthalten beide Direktlinks und die UX-Abwägung.\n\nS04 zeigt genau eine illustrative Beispielkarte; der echte Katalog bleibt leer.","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"},
{"id":"1000000000000015","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Lead qualifiziert.md","x":1680,"y":680,"width":500,"height":170,"color":"4"},
{"id":"1000000000000016","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Projekt gewonnen.md","x":0,"y":885,"width":500,"height":170,"color":"4"},
{"id":"1000000000000017","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Status gewechselt.md","x":560,"y":885,"width":500,"height":170,"color":"4"},
{"id":"1000000000000018","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Projekt angelegt.md","x":1120,"y":885,"width":500,"height":170,"color":"4"},
{"id":"1000000000000019","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Frist oder Termin.md","x":1680,"y":885,"width":500,"height":170,"color":"4"},
{"id":"100000000000001a","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Termin gebucht.md","x":0,"y":1090,"width":500,"height":170,"color":"4"},
{"id":"100000000000001b","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Termin storniert.md","x":560,"y":1090,"width":500,"height":170,"color":"4"},
{"id":"100000000000001c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Ereignis erstellt.md","x":1120,"y":1090,"width":500,"height":170,"color":"4"},
{"id":"100000000000001d","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Zeitplan.md","x":1680,"y":1090,"width":500,"height":170,"color":"4"},
{"id":"100000000000001e","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T2 Zeitplan monatlich.md","x":0,"y":1295,"width":500,"height":170,"color":"4"},
{"id":"100000000000001f","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 E-Mail eingegangen.md","x":560,"y":1295,"width":500,"height":170,"color":"4"},
{"id":"1000000000000020","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 E-Mail unzustellbar.md","x":1120,"y":1295,"width":500,"height":170,"color":"4"},
{"id":"1000000000000021","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 Formular abgeschickt.md","x":1680,"y":1295,"width":500,"height":170,"color":"4"},
{"id":"1000000000000022","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T3 Webhook empfangen.md","x":0,"y":1500,"width":500,"height":170,"color":"4"},
{"id":"1000000000000023","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A1 Datensatz aendern.md","x":2460,"y":680,"width":500,"height":170,"color":"1"},
{"id":"1000000000000024","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A1 Notiz anlegen.md","x":3020,"y":680,"width":500,"height":170,"color":"1"},
{"id":"1000000000000025","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A2 Benachrichtigung senden.md","x":2460,"y":885,"width":500,"height":170,"color":"1"},
{"id":"1000000000000026","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A2 E-Mail senden.md","x":3020,"y":885,"width":500,"height":170,"color":"1"},
{"id":"1000000000000027","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A3 Aufgabe anlegen.md","x":2460,"y":1090,"width":500,"height":170,"color":"1"},
{"id":"1000000000000028","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-A3 Aufgabe zuweisen.md","x":3020,"y":1090,"width":500,"height":170,"color":"1"},
{"id":"1000000000000029","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Wenn-Dann.md","x":0,"y":1890,"width":500,"height":170,"color":"6"},
{"id":"100000000000002a","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Und.md","x":560,"y":1890,"width":500,"height":170,"color":"6"},
{"id":"100000000000002b","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Oder.md","x":1120,"y":1890,"width":500,"height":170,"color":"6"},
{"id":"100000000000002c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Switch.md","x":1680,"y":1890,"width":500,"height":170,"color":"6"},
{"id":"100000000000002d","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L1 Filter.md","x":0,"y":2095,"width":500,"height":170,"color":"6"},
{"id":"100000000000002e","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Warten.md","x":560,"y":2095,"width":500,"height":170,"color":"6"},
{"id":"100000000000002f","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Schleife.md","x":1120,"y":2095,"width":500,"height":170,"color":"6"},
{"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- Für M03 und S01–S04 jeweils V1/V2 auswählen\n- 32 Dialogseiten visuell prüfen\n- Subframe-Seitennamen »Deadline naht« und »Kontakt aendern« korrigieren\n- Filter-Breite entscheiden\n\nPicker erledigt: 31/31 Einträge, Namen und Du-Ansprache synchron.","x":2460,"y":1890,"width":1060,"height":280}
],
"edges":[
{
"id":"2000000000000001",
"fromNode":"1000000000000008",
"fromSide":"right",
"toNode":"1000000000000009",
"toSide":"left",
"styleAttributes":{"path":"dotted"}
},
{"id":"2000000000000002","fromNode":"1000000000000009","fromSide":"right","toNode":"100000000000000a","toSide":"left","label":"+ Neue Automation"},
{"id":"2000000000000003","fromNode":"100000000000000a","fromSide":"right","toNode":"100000000000000b","toSide":"left","label":"Leer 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"},
{"id":"2000000000000007","fromNode":"100000000000000c","fromSide":"left","toNode":"100000000000000a","toSide":"right","label":"Vorlage verwenden"},
{"id":"2000000000000008","fromNode":"100000000000000b","fromSide":"right","toNode":"100000000000000f","toSide":"left","label":"Baustein konfigurieren"},
{"id":"2000000000000009","fromNode":"100000000000000f","fromSide":"bottom","toNode":"1000000000000010","toSide":"top","label":"32 Seiten"},
{
"id":"200000000000000a",
"fromNode":"1000000000000010",
"fromSide":"bottom",
"toNode":"1000000000000012",
"toSide":"top",
"label":"17 Auslöser",
"styleAttributes":{"path":"dotted"}
},
{
"id":"200000000000000b",
"fromNode":"1000000000000010",
"fromSide":"bottom",
"toNode":"1000000000000023",
"toSide":"top",
"label":"6 Aktionen",
"styleAttributes":{"path":"dotted"}
},
{
"id":"200000000000000c",
"fromNode":"1000000000000010",
"fromSide":"bottom",
"toNode":"1000000000000029",
"toSide":"top",
"label":"8 Logik",
"styleAttributes":{"path":"dotted"}
},
{
"id":"200000000000000d",
"fromNode":"1000000000000010",
"fromSide":"bottom",
"toNode":"1000000000000031",
"toSide":"top",
"label":"1 Integration",
"styleAttributes":{"path":"dotted"}
}
],
"metadata":{
"version":"1.0-1.0",
"frontmatter":{}
}
}
@@ -4,7 +4,7 @@ project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
typ: Flow
status: 32 Subframe-Dialoge gespiegelt - S01 bis S04 offen
status: In Subframe - S01 bis S04 V1/V2 Review offen
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
canvas: "WF-P12 Verwaltung.canvas"
source_checked: 2026-08-03
@@ -21,10 +21,10 @@ Die Verwaltungsflächen und alle typabhängigen Konfigurationsdialoge der Workfl
## Aktueller Stand
- [[S01 Automation-Liste]] — erforderlich, noch zu validieren und neu zu bauen.
- [[S02 Lauf-Liste]] — erforderlich, noch zu validieren und neu zu bauen.
- [[S03 Lauf-Detail]] — erforderlich, noch zu validieren und neu zu bauen.
- [[S04 Vorlagen-Katalog]] — erforderlich, zunächst mit einer illustrativen Standardvorlage.
- [[S01 Automation-Liste]] — V1 und reduzierte V2 gebaut; Auswahl steht aus.
- [[S02 Lauf-Liste]] — V1 und reduzierte V2 gebaut; Auswahl steht aus.
- [[S03 Lauf-Detail]] — V1 und diagnosefokussierte V2 gebaut; Auswahl steht aus.
- [[S04 Vorlagen-Katalog]] — V1 und V2 mit genau einer illustrativen Beispielkarte gebaut; Auswahl steht aus.
- [[S05 Baustein-Konfig-Panels]] — 32 gebaute Subframe-Seiten vollständig als einzelne Obsidian-Screens gespiegelt.
- [[S05a Baustein-Konfig Vorplanung]] — Katalog, Entscheidungen und Reviewbefunde.
@@ -48,6 +48,15 @@ Flow-Editor → S05 → einer von 32 Konfigurationsdialogen
Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink, sichtbaren Feldern, Aktionen und Komponenten. Die Beziehungen stehen im Verwaltungs-Canvas.
## Neue Verwaltungsvarianten
| Screen | V1 | V2 | Vorläufige Empfehlung |
|---|---|---|---|
| S01 Automation-Liste | [Öffnen](https://app.subframe.com/f023064a5ca0/design/36a25220-4793-47d9-9f66-e5f2327e02c1/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/47983952-26a9-4175-97a2-410f5c11f343/edit) | V2 |
| S02 Lauf-Liste | [Öffnen](https://app.subframe.com/f023064a5ca0/design/102904cd-1838-4632-816c-ceeb7af47d31/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/2e3c770e-f91a-4f47-afa4-bef927ab8278/edit) | V2 |
| 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) | V2 |
| 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) | V2 für den leeren Startumfang |
## Nächster Schritt
M03 und S01–S04 nacheinander validieren; danach in Subframe bauen und ihre Direktlinks in die vorhandenen Screen-Dateien eintragen.
M03 und S01–S04 anhand der jeweils zwei gebauten Varianten gemeinsam validieren und anschließend die gewählte Richtung finalisieren. Die Direktlinks und UX-Unterschiede stehen bereits in den Screen-Dateien.
+12 -12
View File
@@ -46,8 +46,8 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P9 Projekt-Akte | D-P9 | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.md>) | [Canvas](<P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Rechnung v1 neu; Board-Auftragsoptionen erweitern WF-P8 S04 |
| WF-P9 Plantafel | D-PLAN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.md>) | [Canvas](<P9 Auftrag/WF-P9 Plantafel/WF-P9 Plantafel.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Monteur-Modus = 1 Frame Heute<->Woche; Konflikt-Dialog wird gebaut |
| WF-P9 Abnahme | D-ABN | Auftrag | Validiert | [MD](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.md>) | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; mehrstufiger Mobile-Workflow; immutable nach Abschluss |
| WF-P12 Flow-Editor | D-FLOW | Automationen | Teilweise in Subframe | [MD](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | M03 validieren und bauen; Bestand reviewen | Vollbild-Canvas, Drawer-Picker und Kontextmenü sind gebaut und per MCP gespiegelt. Kein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung. |
| WF-P12 Verwaltung | D-P12 | Automationen | Teilweise in Subframe | [MD](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | S01-S04 validieren und bauen; 32 Dialogseiten reviewen | Alle 32 gebauten Konfigurationsseiten sind als eigene Obsidian-Screens mit direkten Subframe-Links gespiegelt. S01-S04 fehlen in Subframe; S04 startet mit genau einer illustrativen Standardvorlage. |
| WF-P12 Flow-Editor | D-FLOW | Automationen | In Subframe / Review | [MD](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | M03 V1/V2 auswählen; Bestand reviewen | Start-Auswahl in zwei Varianten gebaut; Picker auf 31/31 Bausteine ersetzt. Kein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung. |
| WF-P12 Verwaltung | D-P12 | Automationen | In Subframe / Review | [MD](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | S01-S04 jeweils V1/V2 auswählen; 32 Dialogseiten reviewen | S01-S04 sind in je zwei screenshot-geprüften Varianten gebaut. Die 32 Konfigurationsseiten bleiben einzeln gespiegelt; S04 zeigt genau eine illustrative Beispielkarte. |
| WF-D-FORM Form Builder | D-FORM | Termine & Formulare | Review | [MD](<D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.md>) | [Canvas](<D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas>) | [Subframe](<https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad>) | David Review / Handoff | Mitarbeiterinnen-Paket eingebaut 2026-07-09; S02 Simple Builder ist empfohlener Hauptfluss; Advanced-Canvas bleibt Referenz |
| WF-P16 Kalender | D-BOOK + D-P16 | Termine | Validiert | [MD](<P16 Termine/WF-P16 Kalender/WF-P16 Kalender.md>) | [Canvas](<P16 Termine/WF-P16 Kalender/WF-P16 Kalender.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Davids Delta: vollwertiger Kalender (anlegen + einladen inkl. freie E-Mails, Kollegen-Overlay) = CR an Dev; Sync im P5-Muster |
| WF-P16 Terminbuchung | D-BOOK + D-P16 | Termine | Validiert | [MD](<P16 Termine/WF-P16 Terminbuchung/WF-P16 Terminbuchung.md>) | [Canvas](<P16 Termine/WF-P16 Terminbuchung/WF-P16 Terminbuchung.canvas>) | - | Subframe nach explizitem OK | Screens validiert 2026-07-09; Calendly-Stil; Davids Delta: Kunde kann per Mail-Link absagen/verschieben (S04) = CR an Dev; Feld-Zuordnung zum Lead im Editor |
@@ -199,13 +199,13 @@ Diese Datei ist der erste Ort, um zu sehen:
| S03 | Abnahme Schritt 2: Maengel | WF-P9 Abnahme | BESPOKE-Mobile | Bauen | Validiert | Workflow | [MD](<P9 Auftrag/WF-P9 Abnahme/Screens/S03 Schritt Maengel.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) |
| S04 | Abnahme Schritt 3: Unterschriften | WF-P9 Abnahme | BESPOKE-Mobile | Bauen | Validiert | Workflow | [MD](<P9 Auftrag/WF-P9 Abnahme/Screens/S04 Schritt Unterschriften.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) |
| S01 | Flow-Editor (Vollbild-Canvas) | WF-P12 Flow-Editor | BESPOKE | Bauen | In Subframe (Grundgeruest) / Review offen | `/automations/:id/edit` | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / Farbschema + fehlende Bausteine nachziehen | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / 31 von 31 synchron | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01c | Canvas-Kontextmenue | WF-P12 Flow-Editor | Kontextmenue | Bauen | In Subframe / Review offen | Rechtsklick in S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| M03 | Start-Auswahl (leer/Standardvorlage) | WF-P12 Flow-Editor | Modal | Validieren und bauen | Fehlt in Subframe | + Neue Automation | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md>) | - | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01 | Automation-Liste | WF-P12 Verwaltung | Liste | Validieren und bauen | Fehlt in Subframe | `/automations` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md>) | - | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S02 | Lauf-Liste | WF-P12 Verwaltung | Liste | Validieren und bauen | Fehlt in Subframe; eigene Route | `/automations/:id/executions` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md>) | - | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S03 | Lauf-Detail (Timeline, 24h-Undo) | WF-P12 Verwaltung | Detail | Validieren und bauen | Fehlt in Subframe | `/automations/:id/executions/:id` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md>) | - | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S04 | Vorlagen-Katalog | WF-P12 Verwaltung | Karten-Liste | Validieren und bauen | Fehlt in Subframe; zunächst eine illustrative Standardvorlage | `/automations/templates` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md>) | - | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| M03 | Start-Auswahl (leer/Standardvorlage) | WF-P12 Flow-Editor | Modal | Auswählen und finalisieren | In Subframe / V1-V2-Review | + Neue Automation | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md>) | [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>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01 | Automation-Liste | WF-P12 Verwaltung | Liste | Auswählen und finalisieren | In Subframe / V1-V2-Review | `/automations` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md>) | [V1](<https://app.subframe.com/f023064a5ca0/design/36a25220-4793-47d9-9f66-e5f2327e02c1/edit>) · [V2](<https://app.subframe.com/f023064a5ca0/design/47983952-26a9-4175-97a2-410f5c11f343/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S02 | Lauf-Liste | WF-P12 Verwaltung | Liste | Auswählen und finalisieren | In Subframe / V1-V2-Review; eigene Route | `/automations/:id/executions` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md>) | [V1](<https://app.subframe.com/f023064a5ca0/design/102904cd-1838-4632-816c-ceeb7af47d31/edit>) · [V2](<https://app.subframe.com/f023064a5ca0/design/2e3c770e-f91a-4f47-afa4-bef927ab8278/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S03 | Lauf-Detail (Timeline, 24h-Undo) | WF-P12 Verwaltung | Detail | Auswählen und finalisieren | In Subframe / V1-V2-Review | `/automations/:id/executions/:id` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md>) | [V1](<https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit>) · [V2](<https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S04 | Vorlagen-Katalog | WF-P12 Verwaltung | Karten-Liste | Auswählen und finalisieren | In Subframe / V1-V2-Review; eine illustrative Beispielkarte | `/automations/templates` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md>) | [V1](<https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit>) · [V2](<https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S05 | Baustein-Konfigurationsdialoge (32 Seiten) | WF-P12 Verwaltung | A5 Dialog | Spiegeln und reviewen | In Subframe; vollständig in Obsidian gespiegelt | Dialog über dem Editor | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md>) | [Flow](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S05a | Baustein-Katalog (32 Seiten/Links) | WF-P12 Verwaltung | Screen-Index | Dokumentieren | Aktuelle Detailwahrheit des gebauten Bestands | — | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md>) | [Flow](<https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| K-T1 | Neuer Kontakt – Mit Beispiel | WF-P12 Verwaltung | A5 Dialog | Reviewen | In Subframe / gespiegelt | Dialog im Editor | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neuer Kontakt - Mit Beispiel.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
@@ -394,8 +394,8 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P12 Flow-Editor | Modus-Umschalter Bauen/Aktivität/Auswertung | Teilweise geklärt | »Aktivität« verlinkt auf die eigenständige Lauf-Liste S02 statt sie in den Editor zu holen. Ob »Auswertung« in v1 bleibt, wird beim Screen-Review entschieden. | Bestandsabgleich 2026-08-03 |
| WF-P12 Flow-Editor | Ausgeschlossene Einzelscreens | Genommen | Kein eigener Screen für gefüllten Editor/S01d, Probelauf/M01 oder Schleifen-/Ratenwarnung/M02. Zustände und Funktionen dürfen im Editor vorkommen, werden aber nicht als eigene Obsidian-Screens geplant. | David 2026-08-03 |
| WF-P12 Verwaltung | Baustein-Konfig als Dialog | Genommen | Klick auf einen Baustein öffnet einen echten Dialog, kein rechtes Panel. Der aktuelle Bestand umfasst 32 Subframe-Seiten: 31 Bausteine plus die Monatsvariante des Zeitplans. | David 2026-07-12; MCP-Abgleich 2026-08-03 |
| WF-P12 Verwaltung | Farbschema der Baustein-Kategorien | Genommen | S05a-Schema: Grün=Auslöser, Rot=Daten, Blau=Kommunikation, Gelb=Aufgaben, Violett=Logik, Grau=Integration. | Dejan 2026-07-13 (Mandat David). Die 32 Seiten folgen überwiegend dem Schema; **Picker muss nachziehen**. |
| Produktweit | Ansprache: durchgehend **duzen** | Genommen | Kein Siezen. Betrifft alle Module, nicht nur P12. | Dejan 2026-07-13. In P12 behoben; Baustein-Picker siezt noch. **Muss ausserhalb P12 nachgezogen werden** |
| WF-P12 Verwaltung | Farbschema der Baustein-Kategorien | Genommen | S05a-Schema: Grün=Auslöser, Rot=Daten, Blau=Kommunikation, Gelb=Aufgaben, Violett=Logik, Grau=Integration. | Dejan 2026-07-13 (Mandat David). Dialoge und neuer 31er-Picker folgen dem Schema. |
| Produktweit | Ansprache: durchgehend **duzen** | Genommen | Kein Siezen. Betrifft alle Module, nicht nur P12. | Dejan 2026-07-13. In P12 einschließlich Baustein-Picker behoben; außerhalb P12 bei Bedarf nachziehen. |
| WF-P12 Verwaltung | »E-Mail eingegangen« = Ab v2 | Genommen | Baustein bleibt im Katalog, bekommt Badge »Ab v2« + Hinweisbox. Braucht Postfach-Sync (v2, → P23). | Dejan 2026-07-16 |
| WF-P12 Verwaltung | »E-Mail unzustellbar« Abhaengigkeit | Genommen | Bleibt v1-nutzbar; braucht aber D-KAMP + D-P14 (v1, ungebaut). Nur Reihenfolge-Hinweis fuer Dev. | Dejan 2026-07-16 |
| WF-P12 Verwaltung | »Kontakt aendern« → »Datensatz aendern« | Genommen | Baustein kann auch Projekt/Auftrag; ehrlicher Name, passt zum Picker. | Dejan 2026-07-16. Subframe-Seite noch umbenennen |
@@ -414,8 +414,8 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P12 Verwaltung | Zeitplan: Felder wechseln je Wiederholung | Genommen | Täglich → nur Uhrzeit. Wöchentlich → Wochentage + Uhrzeit. Monatlich → Tag im Monat + Uhrzeit. | Monatlicher Zustand ist als eigene Subframe-Seite gebaut und gespiegelt; täglicher Zustand bleibt trivial dokumentiert. |
| Baukasten (D-D0b) | Number Input auf exakt 192px festgenagelt | Offen | `min-w` und `max-w` beide 192px: Zahlenfelder koennen weder schmal noch voll breit sein. | Befund 2026-07-13. Aenderung am Baukasten braucht eigene Standards-Runde |
| Baukasten (D-D0b) | IconWithBackground kann kein Violett | Offen | Logik-Bausteine brauchen handgeschriebenen Farb-Override im Screen. Badge kann Violett. | Befund 2026-07-13 |
| WF-P12 Verwaltung | Picker und Dialogbestand | Offen | Für »E-Mail senden« existiert inzwischen ein Dialog; Termin/Mahnwesen bündelt »Frist oder Termin«. Der Picker zeigt aber nur 12 Einträge, verwendet teils alte Namen/Farben und siezt. | Beim gemeinsamen Review gegen die 31 Bausteine abgleichen |
| WF-P12 Flow-Editor | Anlegen-Flow | Zu validieren | Start-Auswahl: »Leer starten« oder genau eine illustrative »Standardvorlage«. Der echte Vorlagenkatalog bleibt zunächst leer. | Scope David 2026-08-03; M03 und S04 noch nicht in Subframe |
| WF-P12 Verwaltung | Picker und Dialogbestand | Erledigt | Der neue Picker enthält 31/31 Bausteine; „Zeitplan monatlich“ bleibt eine Dialogzustandsvariante. Namen, Kategorien und Du-Ansprache sind abgeglichen. | Readback 2026-08-03; alter 12er-Picker aus Subframe entfernt |
| WF-P12 Flow-Editor | Anlegen-Flow | V1-V2-Review | Start-Auswahl: »Leer starten« oder genau eine illustrative Beispielvorlage. Der echte Vorlagenkatalog bleibt zunächst leer. | M03 und S04 jeweils als zwei screenshot-geprüfte Varianten gebaut; vorläufige Empfehlung V2 |
| WF-D-FORM Form Builder | Paket eingebaut | Genommen | Mitarbeiterinnen-Paket wurde als `WF-D-FORM Form Builder` in den Vault uebernommen. | Ursprungsname war `WF-P16 Form Builder`; wegen bestehendem `P16 Termine` bewusst auf D-FORM normalisiert |
| WF-D-FORM Form Builder | Simple Builder als Hauptfluss | Review | S02 ist der empfohlene Google-Forms-nahe Haupteditor fuer Handwerksbetriebe; S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt. | David prueft Richtung und Subframe-Feinschliff |
| WF-D-FORM Form Builder | Lead-Feldzuweisung | Review | S02L ordnet Formularfragen per Dropdown Lead-Feldern zu; E05 deckt fehlende oder unmoegliche Zuweisungen ab. | Davids Feedback aus dem Mitarbeiterinnen-Paket uebernommen |
+2 -2
View File
@@ -41,8 +41,8 @@
{"id":"c6cbb590c3f9d168","type":"file","file":"02 Wireframes/P16 Termine/WF-P16 E-Signatur/WF-P16 E-Signatur.canvas","x":4337,"y":2560,"width":460,"height":220},
{"id":"e21930b7073823f8","type":"text","text":"## Aufgaben\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/tasks` + überall als Reiter\n\n**Was drin ist:** Aufgaben-Liste (Meine / von mir erstellt / Alle), Aufgabe mit Frist, Priorität, Zuständigem (Person oder Gruppe), Beobachtern und Verknüpfung (Kontakt/Projekt/…)\n\n**So funktioniert's:** Einmal gebaut, überall eingebettet — jede Detailseite hat einen Aufgaben-Reiter. Aufgaben können auch aus Chat, Formularen oder Automationen entstehen (Herkunft sichtbar). Erinnerung vor/nach Frist.","x":800,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"036e2a807223753d","type":"text","text":"## Dateien\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/files` + überall als Reiter\n\n**Was drin ist:** Datei-Übersicht (Tabelle oder Kacheln, Filter, Mehrfach-Aktionen inkl. ZIP), Upload per Drag&Drop (mehrere gleichzeitig, mit Fortschritt), Datei-Detail mit Vorschau\n\n**So funktioniert's:** Dateien hängen an Kontakten/Projekten/… mit Rolle (z. B. »Angebot«). iPhone-Fotos (HEIC) werden automatisch zu JPG. Versionen kommen in v2.","x":1450,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"8f3127f03a5bab96","type":"text","text":"## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** 🟡 teilweise in Subframe\n**Wo:** `/automations/:id/edit`\n\n**Gebaut:** Vollbild-Canvas, Baustein-Picker, Kontextmenü und 32 Konfigurationsseiten als Dialoge. Alle 35 aktuellen Subframe-Seiten sind in Obsidian gespiegelt.\n\n**Noch zu bauen:** Start-Auswahl mit Leerstart und einer illustrativen Standardvorlage. Kein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung. **Aufwendigste UI der ganzen App.**","x":2150,"y":3100,"width":460,"height":360,"color":"1"},
{"id":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** 🟡 zu validieren und zu bauen\n**Wo:** `/automations`\n\n**Noch zu bauen:** Automation-Liste, Lauf-Liste als eigene Route, Lauf-Detail und Vorlagen-Katalog. Der Vorlagenentwurf zeigt zunächst genau eine illustrative Standardvorlage; der echte Katalog bleibt leer.\n\n**Vorhandener Bestand:** 32 Konfigurationsseiten sind einzeln dokumentiert, direkt mit Subframe verlinkt und im P12-Verwaltungs-Canvas gruppiert.","x":3067,"y":3100,"width":460,"height":360,"color":"2"},
{"id":"8f3127f03a5bab96","type":"text","text":"## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** 🟡 in Subframe / Review\n**Wo:** `/automations/:id/edit`\n\n**Gebaut:** Vollbild-Canvas, vollständiger 31er-Baustein-Picker, Kontextmenü, 32 Konfigurationsseiten und Start-Auswahl als V1/V2. Der gemeinsame P12-Flow umfasst 45 aktuelle Seiten und ist mit Obsidian synchronisiert.\n\n**Review:** M03 V1/V2 auswählen. Kein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung. **Aufwendigste UI der ganzen App.**","x":2150,"y":3100,"width":460,"height":360,"color":"1"},
{"id":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** 🟡 in Subframe / V1-V2-Review\n**Wo:** `/automations`\n\n**Gebaut:** Automation-Liste, Lauf-Liste, Lauf-Detail und Vorlagen-Katalog jeweils als zwei screenshot-geprüfte Varianten. Der Katalog bleibt produktiv leer und zeigt genau eine illustrative Beispielkarte.\n\n**Review:** Für S01–S04 jeweils V1/V2 auswählen. Die 32 Konfigurationsseiten bleiben einzeln dokumentiert und direkt verlinkt.","x":3067,"y":3100,"width":460,"height":360,"color":"2"},
{"id":"401d8270854bebac","type":"text","text":"## Team-Chat 📱\n**Ticket:** `D-CHAT` · **Status:** ⬜ offen (Entwurf angelegt, nicht validiert)\n**Wo:** `/chat`\n\n**Entwurf enthält:** Channel-Liste, Chat-Verlauf mit Threads/Reactions/Anhängen/Read-Receipts, Composer mit @Mentions, Pins, Mentions-Aggregat, Suche, Channel-Settings, Admin-Audit, Monteur-Handy-Frame\n\n**Noch zu klären:** Paket-Schnitt gemeinsam mit David validieren. Projekt-Channel, Admin-DM-Audit und Mobile-Frame sind Vorschläge, nicht final entschieden.","x":5077,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"4bb807ef5e3c8dee","type":"text","text":"## Projekt-Akte (Auftrag) 📱\n**Ticket:** `D-P9` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Reiter am Projekt: Team-Mitglieder, Termine, **Rechnungen (neu in v1)**, Checklisten & Mängel, Aufgaben, Dateien, Abnahmen · dazu Projekt-Vorlagen und Abnahme-Formular-Vorlagen\n\n**So funktioniert's:** Alles zum Auftrag an einem Ort. Am Handy reduziert: Stammdaten, heutige Aufgaben, Abnahme-Knopf, Foto direkt hochladen.","x":5077,"y":1040,"width":460,"height":360,"color":"2"},
{"id":"5e02b1bae66787d4","type":"file","file":"02 Wireframes/P9 Auftrag/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas","x":5077,"y":1440,"width":460,"height":220},
+14 -12
View File
@@ -60,8 +60,8 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
| Benachrichtigungen | Kommunikation | D-P3 (Teil) | 🔵 | 🟡 vorgeplant |
| Aufgaben | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | 🟡 vorgeplant |
| Dateien | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | 🟡 vorgeplant |
| Automations-Baukasten (Flow-Editor) | Automationen | D-FLOW | 🔴 schwerste UI | 🟡 vorgeplant |
| Automationen: Übersicht & Verläufe | Automationen | D-P12 | 🟠 | 🟡 vorgeplant |
| Automations-Baukasten (Flow-Editor) | Automationen | D-FLOW | 🔴 schwerste UI | 🟡 in Subframe / Review |
| Automationen: Übersicht & Verläufe | Automationen | D-P12 | 🟠 | 🟡 in Subframe / Review |
| HR-Bereich 📱 | HR | D-HR | 🔵 breit | ⬜ offen |
| Integrationen (Apps verbinden) | Verwaltung | D-P5 | 🔵 | 🟡 vorgeplant |
| Aktivitäts-Protokoll (Audit-Log) | Verwaltung | D-P3 (Teil) | 🔵 | 🟡 vorgeplant |
@@ -377,29 +377,31 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
### Automationen
#### Automations-Baukasten (Flow-Editor) — `D-FLOW` — 🟡 teilweise in Subframe (Abgleich 2026-08-03)
#### Automations-Baukasten (Flow-Editor) — `D-FLOW` — 🟡 in Subframe / Review (Abgleich 2026-08-03)
- [x] Gebaut: Vollbild-Canvas als leeres Editor-Grundgerüst
- [x] Gebaut: Baustein-Picker als Drawer
- [x] Gebaut: Baustein-Picker als Drawer mit allen 31 Bausteinen
- [x] Gebaut: Canvas-Kontextmenü
- [x] Gebaut: 32 Konfigurationsseiten als echte Dialoge; kein rechtes Einstellungs-Panel
- [ ] Zu validieren und zu bauen: Start-Auswahl M03 mit »Leer starten« und genau einer illustrativen Standardvorlage
- [x] Gebaut: Start-Auswahl M03 als zwei screenshot-geprüfte Varianten mit »Leer starten« und genau einer illustrativen Beispielvorlage
- [ ] M03 V1 gegen die reduzierte V2 validieren und finalisieren
- Kein eigener Obsidian-/Subframe-Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.
- Sprach-Eingabe bleibt gestrichen (keine KI in v1).
- Aktuelles Muster: Vollbild-Canvas · Drawer-Picker · Konfiguration als Dialog.
- Bestand: 35 Subframe-Seiten per MCP gelesen und mit eigenen Obsidian-Screens sowie direkten Links gespiegelt.
- Bestand: Der gemeinsame P12-Flow umfasst 45 aktuelle Subframe-Seiten; Obsidian-Screens, Variantenlinks und Canvas-Beziehungen sind synchronisiert.
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/`
#### Automationen: Übersicht & Verläufe — `D-P12` — 🟡 zu validieren und zu bauen
- [ ] S01 Automation-Liste
- [ ] S02 Lauf-Liste als eigene Route; »Aktivität« im Editor verlinkt dorthin
- [ ] S03 Lauf-Detail mit Klartext-Timeline und 24-h-Rückgängig-Logik
- [ ] S04 Vorlagen-Katalog; der echte Katalog ist zunächst leer, im Entwurf steht eine illustrative Standardvorlage
#### Automationen: Übersicht & Verläufe — `D-P12` — 🟡 in Subframe / V1-V2-Review
- [x] S01 Automation-Liste als V1 und reduzierte V2 gebaut
- [x] S02 Lauf-Liste als V1 und V2 gebaut; »Aktivität« im Editor verlinkt auf die eigene Route
- [x] S03 Lauf-Detail als V1 und diagnosefokussierte V2 mit Klartext-Timeline und 24-h-Rückgängig-Logik gebaut
- [x] S04 Vorlagen-Katalog als V1 und V2 gebaut; produktiv leer, mit genau einer illustrativen Beispielkarte
- [ ] Für S01–S04 jeweils V1/V2 auswählen und die gewählte Richtung finalisieren
- [x] 32 gebaute Konfigurationsseiten sind vollständig im Obsidian-Paket erfasst und im Canvas nach Kategorien angeordnet
### HR
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Verwaltung/` (S01-S04 fehlen in Subframe; Konfigurationsbestand gespiegelt)
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Verwaltung/` (S01–S04 als je zwei Varianten in Subframe; Konfigurationsbestand gespiegelt)
#### HR-Bereich 📱 — `D-HR` — ⬜ offen
- [ ] HR-Startseite (angepinnte Ankündigungen, offene Pflichten, meine Anträge, wer ist heute da, Geburtstage, Schnell-Knöpfe »krank melden / Urlaub beantragen«)