docs(p12): correct template modal and credentials

This commit is contained in:
david committed 2026-08-04 17:37:15 +02:00
1 parent 2476676771
commit 0898b466e1
12 files changed
+68 -72

No files matched your search

+6 -6
View File
@@ -1,6 +1,6 @@
# Todo — Workflow Engine (P12)
Status: Sequenzieller Review läuft; S01 und S02 entschieden
Status: Sequenzieller Review läuft; S01, S02 und S06 entschieden
Eigenständige Aufgabenliste für P12. Detailwahrheit: [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
@@ -10,9 +10,9 @@ Eigenständige Aufgabenliste für P12. Detailwahrheit: [[S05 Baustein-Konfig-Pan
- [x] [[S01 Automation-Liste]] — V3 bestätigt; V1 und V2 nach der Konsolidierung aus Subframe gelöscht.
- [x] [[S02 Lauf-Liste]] — V3 bestätigt; Zusatz unter „Wartet“ entfernt und V1/V2 aus Subframe gelöscht.
- [ ] [[S03 Lauf-Detail]] — V3 mit kompakten Accordions, Fehler im Schritt und Fehlerhilfe rechts validieren; vorläufige Empfehlung: V3.
- [ ] [[S04 Vorlagen-Katalog]] — V3 mit vier Vorlagen, echter Filter Bar und ohne Standard-/Eigene-Tabs validieren; vorläufige Empfehlung: V3.
- [ ] [[S04 Vorlagen-Katalog]] — korrigiertes V3-Verwaltungsmodal mit vier Vorlagen validieren; vorläufige Empfehlung: V3 Modal.
- [ ] [[M04 Automation aktivieren]] und [[M05 Automation pausieren]] — Konsequenz und Copy kurz abnehmen; keine technische Sonderfallplanung im Design.
- [ ] [[S06 Zugangsdaten]] — Gesamtliste V2 gegen die gruppierte V3 vergleichen; vorläufige Empfehlung: V3.
- [x] [[S06 Zugangsdaten]] — V1 bestätigt; echte Filter Bar nur mit Status, Kategorie/Typ entfernt und V3 gelöscht. V2 bleibt als Referenz.
## Review des bestehenden Subframe-Bestands
@@ -37,10 +37,10 @@ Folgende geplante Einzelscreens wurden aus Obsidian, Tracker und Canvas entfernt
## Erledigt
- [x] 51/51 aktuelle P12-Subframe-Seiten über zwei Flows mit Obsidian abgeglichen: 40 Workflow Engine + 11 Verwaltung.
- [x] Verwaltungsseiten für den laufenden Review in einen eigenen Flow ausgelagert; er enthält aktuell elf Seiten. Editor, M03-Varianten und 32 Konfigurationsdialoge bleiben im 40-Seiten-Workflow-Engine-Flow.
- [x] 50/50 aktuelle P12-Subframe-Seiten über zwei Flows mit Obsidian abgeglichen: 40 Workflow Engine + 10 Verwaltung.
- [x] Verwaltungsseiten für den laufenden Review in einen eigenen Flow ausgelagert; er enthält aktuell zehn Seiten. Editor, M03-Varianten und 32 Konfigurationsdialoge bleiben im 40-Seiten-Workflow-Engine-Flow.
- [x] 32 Konfigurationsseiten als individuelle Obsidian-Screens mit Direktlinks angelegt.
- [x] M03, S03 und S04 in jeweils drei Varianten sowie S06 in drei Bestandsvarianten gebaut, per Screenshot geprüft und mit direkten Links dokumentiert; S01 und S02 wurden zuvor zu V3 konsolidiert und ihre Altvarianten gelöscht.
- [x] M03 und S03 liegen in drei Varianten vor; S04 V3 wurde als echtes Modal korrigiert. S06 V1 ist bestätigt, V3 wurde gelöscht und V2 bleibt als Referenz. Alle aktuellen Screens sind per Screenshot geprüft und direkt verlinkt.
- [x] S01 V3 aus KPI-Leiste und Auslöser von V1 sowie Aktivität und Namensdarstellung von V2 konsolidiert; echte Filter Bar und Avatar-only geprüft.
- [x] Mittleren Plus-CTA aus dem leeren Editor entfernt; das Plus unten rechts bleibt der einzige sichtbare Hinzufügen-Einstieg.
- [x] Bestätigungsmodale für Aktivieren und Pausieren als schlanke Outline gebaut und gespiegelt.
@@ -30,7 +30,7 @@ Entscheidung direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]]: ei
## Gemeinsamer Funktionsumfang
- Kompakter Primärweg „Leeren Flow anlegen“.
- 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.
@@ -43,11 +43,11 @@ Entscheidung direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]]: ei
|---|---|---|
| [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 kompaktem Leerstart, echter Filter Bar und vier Vorlagen im 2×2-Raster. | Bildet den nun gefüllten Vorlagenbestand direkt beim Anlegen ab, ohne zusätzliche Vorlagenseite oder Standard-/Eigene-Tabs. |
| [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. |
## Vorläufige Empfehlung
**V3.** Sie behält den klaren Leerstart aus V2, ergänzt aber die vier gewünschten Vorlagen im selben Modal. Katalog und Start-Auswahl verwenden damit dieselben Inhalte und Filter; ein zusätzlicher Auswahlschritt entfällt.
**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.
## Subframe
@@ -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 liegt als V1/V2/V3 vor; 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":"# 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":"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":"Leer oder Vorlage"},
{"id":"2000000000000002","fromNode":"1000000000000005","fromSide":"right","toNode":"1000000000000006","toSide":"left","label":"Von Grund auf neu oder Vorlage"},
{"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"},
@@ -17,11 +17,11 @@ 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 elf Seiten; zusammen sind 51/51 P12-Seiten mit Obsidian abgeglichen.
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.
## Gültiger Scope
- [[M03 Start-Auswahl]] — als V1, reduzierte V2 und neues Auswahlmodal V3 mit vier Vorlagen gebaut; Auswahl steht aus.
- [[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ü.
@@ -26,10 +26,11 @@ Alle Automationen und ihren Zustand auf einen Blick sehen.
- Automationsname, eigener Auslöser, Status, Aktivität und verantwortliches Profilbild.
- „Aktivität“ bündelt Läufe der letzten 30 Tage und den Zeitpunkt der letzten Ausführung.
- Suche und Filter werden ausschließlich über die vorhandene Subframe-Komponente „Filter Bar“ dargestellt.
- „+ Neue Automation“ → [[M03 Start-Auswahl]].
- Kopfaktionen in dieser Reihenfolge: „Zugangsdaten“, „Vorlagen“, „Neue Automation“.
- „Neue Automation“ → [[M03 Start-Auswahl]] als Modal.
- Automation öffnen → [[S01 Flow-Editor]].
- Läufe öffnen → [[S02 Lauf-Liste]].
- Zugang zu [[S04 Vorlagen-Katalog]].
- „Vorlagen“ → [[S04 Vorlagen-Katalog]] als Modal.
- „Zugangsdaten“ → [[S06 Zugangsdaten]].
- Leerzustand mit klarem Start-CTA.
@@ -5,10 +5,10 @@ ticket: D-P12
package: WF-P12 Verwaltung
id: S04
screen: Vorlagen-Katalog
typ: Karten-Liste
typ: Modal + Karten-Liste
umsetzung: Bauen
status: In Subframe - V1/V2/V3 zu validieren
route: "/automations/templates"
status: In Subframe - V3 Modal zu validieren
route: "Modal über »Vorlagen« in der Automation-Liste"
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
subframe_v1_name: "S04 Vorlagen-Katalog V1"
subframe_v1_page_id: "2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f"
@@ -16,9 +16,9 @@ subframe_v1: "https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1
subframe_v2_name: "S04 Vorlagen-Katalog V2"
subframe_v2_page_id: "47542e29-c96d-4486-b455-ad0356f16db3"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit"
subframe_v3_name: "S04 Vorlagen-Katalog V3"
subframe_v3_page_id: "7376e365-94b6-4ea7-bc12-da14e1d89016"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/7376e365-94b6-4ea7-bc12-da14e1d89016/edit"
subframe_v3_name: "S04 Vorlagen-Katalog V3 Modal"
subframe_v3_page_id: "04ceb95c-f8a0-4047-860c-8f1a1c12252c"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit"
source_checked: 2026-08-04
---
@@ -26,16 +26,16 @@ source_checked: 2026-08-04
## Ziel
Einen gemeinsamen, überschaubaren Vorlagenbestand durchsuchen, verwenden und verwalten.
Einen gemeinsamen, überschaubaren Vorlagenbestand direkt aus der Automation-Liste heraus durchsuchen, verwenden und verwalten, ohne die Seite zu verlassen.
## Gemeinsamer Funktionsumfang
- Seitenkopf und Erklärung des Vorlagenprinzips.
- Eigenständiges Modal mit Titel, Erklärung und Schließen-X; keine App-Navigation und kein Zurück-Button innerhalb des Screens.
- Vier konkrete Dummy-Vorlagen mit Name, Kurzbeschreibung, Kategorien und sichtbarer Schrittfolge.
- Suche und Kategorie ausschließlich über die vorhandene Subframe-Komponente „Filter Bar“.
- Keine Trennung oder Tabs für Standard- und eigene Vorlagen.
- Drei-Punkte-Menü je Karte mit Verwenden, Duplizieren, Umbenennen und Löschen.
- Derselbe Bestand wird direkt im Modal [[M03 Start-Auswahl]] verwendet.
- Derselbe Bestand wird im Anlege-Modal [[M03 Start-Auswahl]] verwendet; S04 ist der Verwaltungszugang über „Vorlagen“.
- „Verwenden“ öffnet [[S01 Flow-Editor]] vorbefüllt.
## Gebaute Varianten
@@ -44,11 +44,11 @@ Einen gemeinsamen, überschaubaren Vorlagenbestand durchsuchen, verwenden und ve
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit) | Fertige Katalogstruktur mit Reitern, Suche und Filter; eine klar markierte Beispielkarte. | Gute Vorschau auf einen später gefüllten Katalog, aktuell aber viel Bedienoberfläche für genau ein Beispiel. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit) | Eine Sektion „So können Standardvorlagen aussehen“ plus kompakter Leerzustand für eigene Vorlagen. | Ehrlicher zum jetzigen Produktstand, kürzer und ohne funktionslose Filter. Die Beispielkarte bleibt vollständig. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/7376e365-94b6-4ea7-bc12-da14e1d89016/edit) | Einheitlicher Katalog mit vier Vorlagen, echter Filter Bar und Drei-Punkte-Menü je Karte. | Entfernt die künstliche Standard-/Eigene-Trennung und bildet einen kleinen, aber bereits nutzbaren Vorlagenbestand ab. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit) | Echtes Verwaltungsmodal mit vier Vorlagen, Filter Bar, 2×2-Raster und Drei-Punkte-Menü je Karte. | Hält den Kontext der Automation-Liste sichtbar und vermeidet einen unnötigen Seitensprung. Der falsche V3-Seitenscreen wurde aus Subframe gelöscht. |
## Vorläufige Empfehlung
**V3.** Vier Vorlagen rechtfertigen Suche und Kategorie, aber weiterhin keine Reiter. Verwaltung und Verwendung bleiben direkt an der jeweiligen Karte; das Auswahlmodal nutzt denselben Bestand.
**V3 als Modal.** Vier Vorlagen rechtfertigen Suche und Kategorie, aber weiterhin keine Reiter. Verwaltung und Verwendung bleiben direkt an der jeweiligen Karte; M03 nutzt denselben Bestand im Anlegekontext.
## Verhältnis zur Entwicklung
@@ -58,5 +58,5 @@ Der Repo-Code war ausdrücklich keine Designvorlage für diesen Neubau. Der aktu
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit)
- [V3 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7376e365-94b6-4ea7-bc12-da14e1d89016/edit)
- [V3 Modal direkt öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -7,7 +7,7 @@ id: S06
screen: Zugangsdaten
typ: Liste / Verwaltung
umsetzung: Bauen
status: In Subframe - V1/V2/V3 zu validieren
status: In Subframe - V1 bestätigt; V2 als Referenz
route: "/automations/credentials"
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
subframe_v1_name: "S06 Zugangsdaten"
@@ -16,9 +16,6 @@ subframe_v1: "https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be
subframe_v2_name: "S06 Zugangsdaten V2 Gesamtliste"
subframe_v2_page_id: "b183c6bf-9674-4e97-86d7-d7a8ef9ab17b"
subframe_v2: "https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit"
subframe_v3_name: "S06 Zugangsdaten V3 Gruppiert"
subframe_v3_page_id: "4f30c824-ee30-45b6-ab4e-5857c10a6735"
subframe_v3: "https://app.subframe.com/f023064a5ca0/design/4f30c824-ee30-45b6-ab4e-5857c10a6735/edit"
source_checked: 2026-08-04
---
@@ -26,22 +23,22 @@ source_checked: 2026-08-04
## Ziel und Rolle im Flow
Wiederverwendbare Zugangsdaten für Automationen zentral finden, mögliche Dienste entdecken, neue Verbindungen einrichten und bestehende verwalten. Der Einstieg liegt direkt im Kopf von [[S01 Automation-Liste]], weil die Zugangsdaten ein Arbeitsmittel der Automationen sind und nicht zu einer einzelnen Automation gehören.
Wiederverwendbare Zugangsdaten für Automationen zentral finden, neue Verbindungen anlegen und bestehende verwalten. Der Einstieg liegt direkt im Kopf von [[S01 Automation-Liste]], weil die Zugangsdaten ein Arbeitsmittel der Automationen sind und nicht zu einer einzelnen Automation gehören.
## Sichtbarer Umfang
- Seitenkopf mit Rückweg zu „Automationen“ und „Zugangsdaten hinzufügen“.
- Freitextsuche, Status und Kategorie ausschließlich über die vorhandene Subframe-Komponente „Filter Bar“.
- Sichtbarer Katalog mit Google Workspace, Microsoft 365, OpenAI / ChatGPT, Slack, WhatsApp Business, Stripe, SMTP / E-Mail und HubSpot.
- Beschränkte Zustände „Verbunden“ und „Nicht eingerichtet“.
- Verbundene Einträge zeigen Konto und verwendende Automationen; verfügbare Dienste zeigen „Einrichten“.
- Echte Subframe-„Filter Bar“ mit Freitextsuche und Statusfilter.
- Keine Kategorie-, Typ- oder Verbindungsart-Spalte und kein entsprechender Filter.
- Kompakte Tabelle mit Name/Konto, verwendenden Automationen, Status, letzter Änderung und Aktionen.
- Drei sichtbare Bestandszugangsdaten; der Dienstkatalog beginnt erst nach „Zugangsdaten hinzufügen“ und braucht im aktuellen Outline-Scope keinen weiteren Screen.
- Sicherheitshinweis, dass gespeicherte Zugangsdaten nie vollständig angezeigt werden.
## Aktionen
- Zugangsdaten hinzufügen.
- Nicht eingerichteten Dienst auswählen und einrichten.
- Bestehenden Eintrag verwalten oder über das Zeilenmenü „Verbindung prüfen“, „Bearbeiten“ und „Trennen“ wählen.
- Nach „Zugangsdaten hinzufügen“ einen Dienst auswählen und einrichten.
- Bestehenden Eintrag verwalten oder über das Zeilenmenü „Verbindung prüfen“, „Bearbeiten“ und „Entfernen“ wählen.
- Verwendende Automationen als Kontext erkennen.
Für Anlegen, Bearbeiten, Entfernen und Fehlerbehebung werden im aktuellen Zeitrahmen keine zusätzlichen Detail- oder Error-Screens gestaltet. Die Liste definiert die Informationsarchitektur; konkrete Abläufe und Schutzmechanismen werden in der Entwicklung vervollständigt.
@@ -50,13 +47,12 @@ Für Anlegen, Bearbeiten, Entfernen und Fehlerbehebung werden im aktuellen Zeitr
| Variante | Aufbau | UX-Einschätzung |
|---|---|---|
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | Drei bereits angelegte Zugangsdaten in einer kompakten Tabelle. | Gute Bestandsverwaltung, zeigt aber nicht, welche weiteren Dienste überhaupt eingerichtet werden können. |
| [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | Drei angelegte Zugangsdaten in einer kompakten Tabelle; echte Filter Bar nur mit Status, ohne Kategorie oder Typ. | Ruhige Bestandsverwaltung mit genau den Informationen, die für Auswahl und Wartung benötigt werden. |
| [V2 öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit) | Eine gemeinsame Tabelle für vier verbundene und vier noch nicht eingerichtete Anbieter. | Sehr kompakt und gut filterbar; bei mehreren Konten desselben Dienstes wird das Modell jedoch weniger eindeutig. |
| [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/4f30c824-ee30-45b6-ab4e-5857c10a6735/edit) | Oben verbundene Konten, darunter verfügbare Dienste; eine Filter Bar steuert beide Listen. | Trennt Credential-Instanzen sauber von Verbindungstypen und skaliert besser, wenn ein Dienst später mehrere Konten besitzt. |
## Vorläufige Empfehlung
## Entscheidung
**V3.** Sie entspricht dem mentalen Modell „Was ist bereits verbunden?“ versus „Was kann ich noch einrichten?“, ohne dafür Tabs oder zusätzliche Screens einzuführen.
**V1.** Die Bestandsliste ist der klarste Hauptscreen. Kategorie beziehungsweise Verbindungstyp sind für die tägliche Auswahl nicht nötig und wurden vollständig entfernt. V3 wurde aus Subframe gelöscht; V2 bleibt vorerst als ältere Vergleichsreferenz erhalten.
## Abgrenzung zu Integrationen
@@ -66,5 +62,4 @@ S06 verwaltet die in Automationen verwendbaren Zugangsdaten. Der umfangreichere
- [V1 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit)
- [V2 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit)
- [V3 direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4f30c824-ee30-45b6-ab4e-5857c10a6735/edit)
- [Verwaltungs-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit)
@@ -1,6 +1,6 @@
{
"nodes":[
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3280,"height":640,"label":"Verwaltungs-Flow · 11 Seiten / referenzierter Editor-Kontext","color":"5"},
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3280,"height":640,"label":"Verwaltungs-Flow · 10 Seiten / referenzierter Editor-Kontext","color":"5"},
{"id":"1000000000000002","type":"group","x":-80,"y":600,"width":2340,"height":1150,"label":"Auslöser · 17 gebaute Subframe-Seiten","color":"4"},
{"id":"1000000000000003","type":"group","x":2380,"y":600,"width":1220,"height":740,"label":"Aktionen · 6 gebaute Subframe-Seiten","color":"1"},
{"id":"1000000000000004","type":"group","x":2380,"y":1390,"width":1220,"height":360,"label":"Integration · 1 gebaute Subframe-Seite","color":"5"},
@@ -16,7 +16,7 @@
{"id":"100000000000000e","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md","x":1060,"y":270,"width":400,"height":170},
{"id":"100000000000000f","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":2620,"y":20,"width":500,"height":170,"color":"5"},
{"id":"1000000000000010","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md","x":2620,"y":270,"width":500,"height":170,"color":"5"},
{"id":"1000000000000011","type":"text","text":"# Zwei Subframe-Flows\n\nDer Verwaltungs-Flow enthält 11 Seiten: S01, S02 V3 sowie S03, S04 und S06 jeweils als V1/V2/V3. S01 und S02 sind final; ihre Altvarianten wurden gelöscht.\n\nDer Workflow-Engine-Flow enthält 40 Seiten: 8 Editor-/Modal-Seiten und 32 Konfigurationsdialoge. Zusammen sind 51/51 Seiten synchronisiert.","x":1580,"y":230,"width":920,"height":200},
{"id":"1000000000000011","type":"text","text":"# Zwei Subframe-Flows\n\nDer Verwaltungs-Flow enthält 10 Seiten: S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal und S06 V1/V2. S01, S02 und S06 sind final; S04 V3 ist jetzt ein Modal.\n\nDer Workflow-Engine-Flow enthält 40 Seiten: 8 Editor-/Modal-Seiten und 32 Konfigurationsdialoge. Zusammen sind 50/50 Seiten synchronisiert.","x":1580,"y":230,"width":920,"height":200},
{"id":"1000000000000012","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neuer Kontakt - Mit Beispiel.md","x":0,"y":680,"width":500,"height":170,"color":"4"},
{"id":"1000000000000013","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Kontakt geaendert.md","x":560,"y":680,"width":500,"height":170,"color":"4"},
{"id":"1000000000000014","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neue Anfrage.md","x":1120,"y":680,"width":500,"height":170,"color":"4"},
@@ -50,7 +50,7 @@
{"id":"1000000000000030","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-L2 Wert setzen.md","x":1680,"y":2095,"width":500,"height":170,"color":"6"},
{"id":"1000000000000031","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/K-I1 HTTP-Anfrage.md","x":2460,"y":1470,"width":500,"height":170,"color":"5"},
{"id":"1000000000000032","type":"text","text":"# KWP\n\n»An KWP übergeben« bleibt ein Registry-Eintrag ohne v1-Konfigurationsdialog.","x":3020,"y":1470,"width":500,"height":170},
{"id":"1000000000000033","type":"text","text":"# Nächster gemeinsamer Review\n\n- S03 V3 validieren\n- S04 V3 validieren\n- S06 V2/V3 vergleichen\n- M03 V3 im Editor-Paket validieren\n- 32 Dialogseiten visuell prüfen\n- Subframe-Seitennamen »Deadline naht« und »Kontakt aendern« korrigieren\n- Filter-Breite entscheiden\n\nS01 und S02 erledigt: V3 final; Altvarianten gelöscht.","x":2460,"y":1890,"width":1060,"height":280},
{"id":"1000000000000033","type":"text","text":"# Nächster gemeinsamer Review\n\n- S03 V3 validieren\n- S04 V3 Modal validieren\n- M03 V3 im Editor-Paket validieren\n- 32 Dialogseiten visuell prüfen\n- Subframe-Seitennamen »Deadline naht« und »Kontakt aendern« korrigieren\n- Filter-Breite entscheiden\n\nS01, S02 und S06 erledigt.","x":2460,"y":1890,"width":1060,"height":280},
{"id":"1000000000000034","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S06 Zugangsdaten.md","x":0,"y":270,"width":400,"height":170,"color":"5"}
],
"edges":[
@@ -62,11 +62,11 @@
"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":"2000000000000002","fromNode":"1000000000000009","fromSide":"right","toNode":"100000000000000a","toSide":"left","label":"Neue Automation · Modal"},
{"id":"2000000000000003","fromNode":"100000000000000a","fromSide":"right","toNode":"100000000000000b","toSide":"left","label":"Von Grund auf neu oder Vorlage"},
{"id":"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":"2000000000000006","fromNode":"1000000000000009","fromSide":"right","toNode":"100000000000000c","toSide":"left","label":"Vorlagen · Modal"},
{"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"},
@@ -4,7 +4,7 @@ project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
typ: Flow
status: In Subframe - 11 Seiten; S01/S02 final; S03/S04/S06 Review offen
status: In Subframe - 10 Seiten; S01/S02/S06 final; S03/S04 Review offen
subframe: "https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit"
canvas: "WF-P12 Verwaltung.canvas"
source_checked: 2026-08-04
@@ -17,24 +17,24 @@ Canvas: [Canvas](<WF-P12 Verwaltung.canvas>)
## Kurzfassung
Die Verwaltungsseiten liegen in einem eigenen Subframe-Flow für den sequenziellen Review. Er enthält aktuell elf Seiten: S01, S02 V3 sowie jeweils drei Varianten von S03, S04 und S06. Die 32 typabhängigen Konfigurationsdialoge bleiben im Workflow-Engine-Flow, werden aber weiterhin in diesem Obsidian-Paket und Canvas dokumentiert.
Die Verwaltungsseiten liegen in einem eigenen Subframe-Flow für den sequenziellen Review. Er enthält aktuell zehn Seiten: S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal sowie S06 V1/V2. Die 32 typabhängigen Konfigurationsdialoge bleiben im Workflow-Engine-Flow, werden aber weiterhin in diesem Obsidian-Paket und Canvas dokumentiert.
## Aktueller Stand
- [[S01 Automation-Liste]] — V3 bestätigt; V1 und V2 aus Subframe gelöscht.
- [[S02 Lauf-Liste]] — V3 bestätigt; Zusatz unter „Wartet“ entfernt und V1/V2 aus Subframe gelöscht.
- [[S03 Lauf-Detail]] — V3 ergänzt echte Accordions, den Fehler im betroffenen Schritt und eine getrennte Fehlerhilfe; Empfehlung V3.
- [[S04 Vorlagen-Katalog]] — V3 ergänzt vier Vorlagen, echte Filter Bar und Kartenmenüs ohne Standard-/Eigene-Tabs; Empfehlung V3.
- [[S04 Vorlagen-Katalog]] — V3 ist als echtes Verwaltungsmodal mit vier Vorlagen, Filter Bar und Kartenmenüs korrigiert; Empfehlung V3 Modal.
- [[S05 Baustein-Konfig-Panels]] — 32 gebaute Subframe-Seiten vollständig als einzelne Obsidian-Screens gespiegelt; in Subframe weiterhin dem Workflow-Engine-Flow zugeordnet.
- [[S05a Baustein-Konfig Vorplanung]] — Katalog, Entscheidungen und Reviewbefunde.
- [[S06 Zugangsdaten]] — V1 sowie Gesamtliste V2 und gruppierte V3 gebaut; Empfehlung V3.
- [[S06 Zugangsdaten]] — V1 bestätigt und auf echte Filter Bar nur mit Status reduziert; Kategorie/Typ entfernt, V3 gelöscht, V2 bleibt als Referenz.
## Hauptflow
Sidebar → S01 Automation-Liste
S01 → S02 Lauf-Liste → S03 Lauf-Detail
S01 → M03 Start-Auswahl → Flow-Editor
S01 → S04 Vorlagen-Katalog
S01 → S04 Vorlagen-Katalog als Modal
S01 → S06 Zugangsdaten
Flow-Editor → S05 → einer von 32 Konfigurationsdialogen
@@ -48,7 +48,7 @@ Flow-Editor → S05 → einer von 32 Konfigurationsdialogen
| Integration | 1 |
| **Gesamt** | **32** |
Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink, sichtbaren Feldern, Aktionen und Komponenten. Die Beziehungen stehen im Verwaltungs-Canvas. Die Dialogseiten liegen im [Workflow-Engine-Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit); der [Verwaltungs-Flow](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit) enthält S01, S02 V3 sowie S03, S04 und S06 jeweils als V1/V2/V3.
Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink, sichtbaren Feldern, Aktionen und Komponenten. Die Beziehungen stehen im Verwaltungs-Canvas. Die Dialogseiten liegen im [Workflow-Engine-Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit); der [Verwaltungs-Flow](https://app.subframe.com/f023064a5ca0/flow/62d8e7ad-c757-4416-b150-ae286310bca9/edit) enthält S01, S02 V3, S03 V1/V2/V3, S04 V1/V2/V3 Modal sowie S06 V1/V2.
## Entschiedene Verwaltungs-Screens
@@ -56,15 +56,15 @@ Jeder Dialog besitzt eine eigene Markdown-Datei mit Subframe-Page-ID, Direktlink
|---|---|---|
| S01 Automation-Liste | [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/333d4c20-5189-4b10-b3b1-165726c5abb8/edit) | Final bestätigt; Altvarianten gelöscht |
| S02 Lauf-Liste | [V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c5afe1a5-b6e1-4570-97f1-d3e21fc3807f/edit) | Final bestätigt; Altvarianten gelöscht |
| S06 Zugangsdaten | [V1 öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | V1 bestätigt; keine Kategorie-/Typ-Spalte, V3 gelöscht, V2 bleibt Referenz |
## Offene Verwaltungsvarianten
| Screen | V1 | V2 | V3 | Vorläufige Empfehlung |
|---|---|---|---|---|
| S03 Lauf-Detail | [Öffnen](https://app.subframe.com/f023064a5ca0/design/7f33f9fa-f96b-4c0b-8263-9fd38de2cbb4/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/b6748a04-9385-4646-abba-1837764f3be9/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/edit) | V3 |
| S04 Vorlagen-Katalog | [Öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/7376e365-94b6-4ea7-bc12-da14e1d89016/edit) | V3 |
| S06 Zugangsdaten | [Öffnen](https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/4f30c824-ee30-45b6-ab4e-5857c10a6735/edit) | V3 |
| S04 Vorlagen-Katalog | [Öffnen](https://app.subframe.com/f023064a5ca0/design/2dd7fd2f-c7ce-4492-a1f3-c8e0386e573f/edit) | [Öffnen](https://app.subframe.com/f023064a5ca0/design/47542e29-c96d-4486-b455-ad0356f16db3/edit) | [Modal öffnen](https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/edit) | V3 Modal |
## Nächster Schritt
Als Nächstes werden S03 V3 und S04 V3 geprüft; danach folgt der Vergleich von S06 V2 und V3. M03 V3 bleibt im separaten Flow-Editor-Review.
Als Nächstes werden S03 V3 und das korrigierte S04 V3 Modal geprüft. M03 V3 bleibt im separaten Flow-Editor-Review; S06 ist entschieden.
+6 -6
View File
@@ -47,7 +47,7 @@ Diese Datei ist der erste Ort, um zu sehen:
| 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 | 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 V3 validieren; M04/M05 kurz abnehmen | 40er-Workflow-Engine-Flow synchron: 8 Editor-/Modal-Seiten plus 32 Konfigurationsdialoge. Picker 31/31; 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/62d8e7ad-c757-4416-b150-ae286310bca9/edit>) | S03 V3, S04 V3 und S06 V2/V3 validieren | Eigener 11er-Verwaltungs-Flow synchron. S01 und S02 sind final; S03/S04/S06 liegen jeweils als V1/V2/V3 vor. |
| 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/62d8e7ad-c757-4416-b150-ae286310bca9/edit>) | S03 V3 und S04 V3 Modal validieren | Eigener 10er-Verwaltungs-Flow synchron. S01, S02 und S06 sind entschieden; S04 V3 ist ein Modal. |
| 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 |
@@ -207,10 +207,10 @@ Diese Datei ist der erste Ort, um zu sehen:
| S01 | Automation-Liste | WF-P12 Verwaltung | Liste | Bauen | In Subframe / final bestätigt | `/automations` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/333d4c20-5189-4b10-b3b1-165726c5abb8/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S02 | Lauf-Liste | WF-P12 Verwaltung | Liste | Bauen | In Subframe / final; eigene Route | `/automations/:id/executions` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/c5afe1a5-b6e1-4570-97f1-d3e21fc3807f/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S03 | Lauf-Detail (Accordion + Fehlerhilfe) | WF-P12 Verwaltung | Detail | Auswählen und finalisieren | In Subframe / V1-V3-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>) · [V3](<https://app.subframe.com/f023064a5ca0/design/118793cf-a1e1-43d4-9c54-8bf06de56a6a/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-V3-Review; V3 mit vier Vorlagen ohne Tabs | `/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>) · [V3](<https://app.subframe.com/f023064a5ca0/design/7376e365-94b6-4ea7-bc12-da14e1d89016/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S04 | Vorlagen-Katalog | WF-P12 Verwaltung | Modal + Karten-Liste | Auswählen und finalisieren | In Subframe / V3 Modal im Review | Button „Vorlagen“ in S01 | [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>) · [V3 Modal](<https://app.subframe.com/f023064a5ca0/design/04ceb95c-f8a0-4047-860c-8f1a1c12252c/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>) |
| S06 | Zugangsdaten | WF-P12 Verwaltung | Liste / Verwaltung | Auswählen und finalisieren | In Subframe / V1-V3-Review | `/automations/credentials` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S06 Zugangsdaten.md>) | [V1](<https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit>) · [V2](<https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/edit>) · [V3](<https://app.subframe.com/f023064a5ca0/design/4f30c824-ee30-45b6-ab4e-5857c10a6735/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S06 | Zugangsdaten | WF-P12 Verwaltung | Liste / Verwaltung | Bauen | In Subframe / V1 bestätigt; V3 gelöscht | `/automations/credentials` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S06 Zugangsdaten.md>) | [V1 final](<https://app.subframe.com/f023064a5ca0/design/81271b5c-7871-4404-be60-e74423d6a364/edit>) · [V2 Referenz](<https://app.subframe.com/f023064a5ca0/design/b183c6bf-9674-4e97-86d7-d7a8ef9ab17b/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>) |
| K-T1 | Kontakt geändert | WF-P12 Verwaltung | A5 Dialog | Reviewen | In Subframe / gespiegelt | Dialog im Editor | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Kontakt geaendert.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| K-T1 | Neue Anfrage | WF-P12 Verwaltung | A5 Dialog | Reviewen | In Subframe / gespiegelt | Dialog im Editor | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/K-T1 Neue Anfrage.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit>) | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
@@ -400,9 +400,9 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P12 Flow-Editor | Automation aktivieren oder pausieren | Genommen | Vor jeder Zustandsänderung erscheint ein schlankes Bestätigungsmodal mit verständlicher Konsequenz. Sonder-, Laufzeit- und Error-Fälle werden nicht als weitere Screens designt. | David 2026-08-03; M04/M05 gebaut |
| WF-P12 Verwaltung | Automation-Liste | Genommen | V3 verbindet KPI-Leiste und separate Auslöser-Spalte mit Namensdarstellung und gebündelter Aktivität. Filter ausschließlich als echte „Filter Bar“; Verantwortliche nur als Avatar; keine dekorativen Icons an Namen oder Tabellenüberschriften. V1/V2 wurden nach Bestätigung gelöscht. | David 2026-08-04; V3 final bestätigt |
| WF-P12 Verwaltung | Lauf-Detail | V1-V3-Review | V3 hält Schritte als Accordions kompakt. Der eigentliche Fehler steht im geöffneten Schritt, die Fehlerhilfe rechts; „Schritt erneut ausführen“ liegt im Schrittmenü. Rückgängig, doppelte Kopfdaten und globale Wiederhol-Aktionen entfallen. | David 2026-08-04; V3 gebaut und geprüft |
| WF-P12 gesamt | Subframe-Organisation | Genommen | Der Bestand ist in „WF-P12 Workflow Engine“ und „WF-P12 Verwaltung“ getrennt. Die 32 Konfigurationsdialoge bleiben beim Editor-Bestand; mit den neuen Reviewvarianten liegt der aktuelle Bestand bei 40 + 11 = 51 Seiten. | David 2026-08-04; per MCP geprüft |
| WF-P12 gesamt | Subframe-Organisation | Genommen | Der Bestand ist in „WF-P12 Workflow Engine“ und „WF-P12 Verwaltung“ getrennt. Die 32 Konfigurationsdialoge bleiben beim Editor-Bestand; nach Ersetzen des falschen S04-V3-Seitenscreens und Löschen von S06 V3 liegt der Bestand bei 40 + 10 = 50 Seiten. | David 2026-08-04; per MCP geprüft |
| 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 | Zugangsdaten | V1-V3-Review | Zentrale Verwaltung unter der Automation-Liste; Filter ausschließlich als echte „Filter Bar“. V2 mischt verbundene und verfügbare Dienste in einer Liste, V3 trennt verbundene Konten von verfügbaren Diensten; Empfehlung V3. Detail- und Error-Flows bleiben Development. | David 2026-08-04; Varianten gebaut und geprüft |
| WF-P12 Verwaltung | Zugangsdaten | Genommen | V1 ist der Hauptscreen: kompakte Bestandsliste mit echter „Filter Bar“ nur für Suche und Status. Kategorie, Typ und Verbindungsart entfallen vollständig. „Zugangsdaten hinzufügen“ startet die Dienstauswahl; Detail- und Error-Flows bleiben Development. V3 wurde gelöscht, V2 bleibt als Referenz. | David 2026-08-04; V1 bestätigt und geprüft |
| 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 |
@@ -424,7 +424,7 @@ Diese Datei ist der erste Ort, um zu sehen:
| 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 | 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-V3-Review | Start-Auswahl als Modal: »Leeren Flow anlegen« oder eine von vier Dummy-Vorlagen. M03 und S04 nutzen denselben Bestand ohne Standard-/Eigene-Tabs; Vorlagen lassen sich duplizieren, umbenennen und löschen. | M03 und S04 als V3 screenshot-geprüft; vorläufige Empfehlung V3 |
| WF-P12 Flow-Editor | Anlegen-Flow | V1-V3-Review | „Neue Automation“ öffnet ein Modal mit dem großen Einstieg „Von Grund auf neu“ oder einer von vier durchsuchbaren Vorlagen. „Vorlagen“ öffnet denselben Bestand als separates Verwaltungsmodal. Keine Standard-/Eigene-Tabs; Vorlagen lassen sich duplizieren, umbenennen und löschen. | M03 und S04 V3 Modal screenshot-geprüft; vorläufige Empfehlung V3 |
| 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 |
+1 -1
View File
@@ -42,7 +42,7 @@
{"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:** 🟡 in Subframe / Review\n**Wo:** `/automations/:id/edit`\n\n**Gebaut:** Vollbild-Canvas, 31er-Baustein-Picker, Kontextmenü, 32 Konfigurationsseiten, Start-Auswahl V1/V2/V3 sowie Bestätigungen für Aktivieren/Pausieren. Nur das Plus unten rechts bleibt sichtbar. Der Workflow-Engine-Flow umfasst 40 Seiten.\n\n**Review:** M03 V3 gegen die Altvarianten prüfen. 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 / sequenzieller Review\n**Wo:** `/automations`\n\n**Gebaut:** Eigener Verwaltungs-Flow mit aktuell 11 Seiten. S01 und S02 sind final; S03/S04 liegen als V1/V2/V3 vor, S06 als Bestands-, Gesamtlisten- und gruppierte Variante. Zusammen mit den 40 Workflow-Engine-Seiten sind 51/51 Seiten synchronisiert.\n\n**Review:** S03 V3 und S04 V3 validieren, danach S06 V2/V3 vergleichen. Die 32 Konfigurationsseiten bleiben einzeln dokumentiert.","x":3067,"y":3100,"width":460,"height":360,"color":"2"},
{"id":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** 🟡 in Subframe / sequenzieller Review\n**Wo:** `/automations`\n\n**Gebaut:** Eigener Verwaltungs-Flow mit aktuell 10 Seiten. S01, S02 und S06 sind entschieden; S04 V3 ist jetzt ein Modal. Zusammen mit den 40 Workflow-Engine-Seiten sind 50/50 Seiten synchronisiert.\n\n**Review:** S03 V3 und S04 V3 Modal validieren. Die 32 Konfigurationsseiten bleiben einzeln dokumentiert.","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},
+7 -7
View File
@@ -384,25 +384,25 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
- [x] Gebaut: nur ein sichtbarer Plus-Einstieg unten rechts; mittleren Doppel-CTA entfernt
- [x] Gebaut: Bestätigungsmodale für Aktivieren und Pausieren
- [x] Gebaut: 32 Konfigurationsseiten als echte Dialoge; kein rechtes Einstellungs-Panel
- [x] Gebaut: Start-Auswahl M03 als drei screenshot-geprüfte Varianten; V3 ist ein Modal mit Leerstart, echter Filter Bar und vier Vorlagen
- [x] Gebaut: Start-Auswahl M03 als drei screenshot-geprüfte Varianten; V3 ist ein Modal mit großem „Von Grund auf neu“-Einstieg, echter Filter Bar und vier Vorlagen
- [ ] M03 V3 gegen die beiden älteren Varianten 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: Der Workflow-Engine-Flow umfasst 40 Seiten, einschließlich der 32 Konfigurationsdialoge. Der Verwaltungs-Flow enthält elf Seiten; zusammen sind 51/51 Subframe-Seiten, Obsidian-Screens, Variantenlinks und Canvas-Beziehungen synchronisiert.
- Bestand: Der Workflow-Engine-Flow umfasst 40 Seiten, einschließlich der 32 Konfigurationsdialoge. Der Verwaltungs-Flow enthält zehn Seiten; zusammen sind 50/50 Subframe-Seiten, Obsidian-Screens, Variantenlinks und Canvas-Beziehungen synchronisiert.
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/`
#### Automationen: Übersicht & Verläufe — `D-P12` — 🟡 in Subframe / sequenzieller Review
- [x] S01 Automation-Liste: V3 final bestätigt; V1 und V2 anschließend gelöscht
- [x] S02 Lauf-Liste: V3 mit echter Filter Bar, vier verständlichen Status, Auslöser- und Datensatzkontext sowie Zeilenmenü final bestätigt; V1/V2 gelöscht
- [x] S03 Lauf-Detail als V1/V2/V3 gebaut; V3 nutzt echte Accordions, zeigt den Fehler im Schritt, Fehlerhilfe rechts und kein Rückgängig
- [x] S04 Vorlagen-Katalog als V1/V2/V3 gebaut; V3 enthält vier Vorlagen, echte Filter Bar und keine Standard-/Eigene-Tabs
- [x] S06 Zugangsdaten als V1 sowie Gesamtliste V2 und gruppierte V3 gebaut; alle Varianten sind aus S01 erreichbar
- [x] S01–S04 und S06 in einen eigenen Verwaltungs-Flow ausgelagert; aktuell elf Seiten
- [ ] S03 V3 und S04 V3 validieren; anschließend S06 V2/V3 vergleichen
- [x] S04 Vorlagen-Katalog als V1/V2 sowie korrigiertes V3 Modal gebaut; vier Vorlagen, echte Filter Bar und keine Standard-/Eigene-Tabs
- [x] S06 Zugangsdaten V1 bestätigt: kompakte Bestandsliste mit Filter Bar nur für Status; Kategorie/Typ entfernt und V3 gelöscht, V2 bleibt Referenz
- [x] S01–S04 und S06 in einen eigenen Verwaltungs-Flow ausgelagert; aktuell zehn Seiten
- [ ] S03 V3 und S04 V3 Modal validieren
- [x] 32 gebaute Konfigurationsseiten sind vollständig im Obsidian-Paket erfasst und im Canvas nach Kategorien angeordnet
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Verwaltung/` (S01/S02 final und Altvarianten gelöscht; S03/S04/S06 als je drei Varianten; Konfigurationsbestand gespiegelt)
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Verwaltung/` (S01/S02/S06 entschieden; S03 mit drei Varianten, S04 V3 als Modal; Konfigurationsbestand gespiegelt)
### HR