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.