P12 Flow-Editor Neuausrichtung + alle 30 Baustein-Konfig-Modale
- Flow-Editor auf n8n-Stil umgestellt: V1 Vollbild minimal als Basis (Vollbild-Canvas, Umschalter Bauen/Aktivität/Auswertung, Probelauf unten Mitte, Aktiv-Toggle + History im Header) - Baustein-Konfig als Modal entschieden (Dialog-Komponente); S05a Vorplanung mit allen 31 Panels, 30 v1-Panels in Subframe gebaut (K-Seiten, Nacht-Build 2026-07-12) - Subframe-Links + Abgleich-Notizen in P12-Screens und Tracker nachgetragen - D-FORM Form Builder: Review-Stand, Simple-Builder-Neuausrichtung, aufgeräumte Varianten - P15 Kommunikation + P16 Termine Pakete, Map/Canvas-Pflege Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
davidandClaude Fable 5 committed
1 parent
ef07e3d005
commit
04220c1431
100 files changed
+10937
-2185
No files matched your search
@@ -9,7 +9,7 @@ typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01 (Probelauf-Knopf / vor Aktivierung)"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/ea231a78-eddb-4c04-97a8-7574d45d8576/edit"
|
||||
---
|
||||
|
||||
# M01 — Probelauf (Dry-Run)
|
||||
@@ -38,4 +38,9 @@ A5 Modal + Simulations-Liste.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [M01 Probelauf Dialog](https://app.subframe.com/f023064a5ca0/design/ea231a78-eddb-4c04-97a8-7574d45d8576/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: »Trifft 143 Datensätze«, erste 5 Beispiele, Klartext-Simulation, Schwellen-Bestätigung, aktivieren/zurück
|
||||
- Abweichung: Bestätigung als **Checkbox statt Bestätigungs-Phrase**; »Aktivieren«-Button ist nicht disabled, solange die Checkbox leer ist
|
||||
@@ -9,7 +9,7 @@ typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "aus S01 bei Schleifen-Verdacht"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/8e8943a5-36ea-4792-a3e0-590cb88fd9df/edit"
|
||||
---
|
||||
|
||||
# M02 — Schleifen-/Raten-Warnung
|
||||
@@ -31,4 +31,11 @@ A5 Modal + Mini-Graph.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [M02 Schleifen-Warnung Dialog](https://app.subframe.com/f023064a5ca0/design/8e8943a5-36ea-4792-a3e0-590cb88fd9df/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: Mini-Graph mit markiertem Kreis, Klartext-Erklärung, »Beheben«-Knopf, Anomalie-Copy (2.000-mal/5 Min, typisch 5–10/Tag)
|
||||
- Abweichung: Schleife und Raten-Anomalie **in einem Dialog kombiniert** (Spec: Anomalie als eigene Variante)
|
||||
- Abweichung: **»Trotzdem aktivieren«-Button** widerspricht der Fehlermatrix (Schleife blockiert) — klären
|
||||
- Kreis als Text-Pill markiert statt als sichtbare Rück-Kante im Graph
|
||||
@@ -9,7 +9,7 @@ typ: Modal
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "»+ Neue Automation« (aus der Automation-Liste)"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/8b398273-682e-4cf2-851b-3b1a89da4d90/edit"
|
||||
---
|
||||
|
||||
# M03 — Start-Auswahl
|
||||
@@ -29,4 +29,10 @@ A5 Dialog (echtes Modal).
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [M03 Start-Auswahl Dialog](https://app.subframe.com/f023064a5ca0/design/8b398273-682e-4cf2-851b-3b1a89da4d90/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec vollständig abgedeckt: leer ODER Vorlage, SHK + eigene, Kategorien, Use-Case-Beschreibungen, eingebetteter Vorlagen-Katalog
|
||||
- Zusätzlich: Suchfeld, Flow-Vorschau-Chips, Nutzungszahlen (»38-mal verwendet«)
|
||||
- Abweichung: **doppelter CTA** (»Verwenden« pro Karte UND »Mit Auswahl weiter« im Footer) — Interaktionsmodell klären
|
||||
@@ -9,7 +9,7 @@ typ: BESPOKE (schwerste UI)
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/edit"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a42ecf81-5d6e-4fa1-9076-b22010cd5ecf/edit"
|
||||
---
|
||||
|
||||
# S01 — Flow-Editor ⭐
|
||||
@@ -41,4 +41,15 @@ Automationen zusammenklicken wie ein Diagramm — verständlich für Büro-Mensc
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
Zwei Varianten gebaut (Flow »(MCP) HiveGrid Workflow Engine / Automationen P12«) — **Richtungs-Entscheidung offen**:
|
||||
|
||||
- [Variante A — Dreispalten kompakt](https://app.subframe.com/f023064a5ca0/design/a42ecf81-5d6e-4fa1-9076-b22010cd5ecf/edit): klassisches Konfig-Formular rechts (näher an der validierten Spec »Klick auf Baustein → Panel«)
|
||||
- [Variante B — Geführter Inspector](https://app.subframe.com/f023064a5ca0/design/ce6a73d8-ae0c-4d1c-b8f8-f426dfe19d32/edit): rechts durchgängiger Schritt-Wizard mit Fortschritt, Prüfliste und »So liest es sich«-Klartext — weicht vom validierten Klick-Muster ab, passt aber zu Klartext-First
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Beide Varianten halten die Grundanordnung Katalog · Canvas · Konfig ein (Katalog einklappbar, Undo/Redo, Auto-Anordnen, Zoom, Mini-Map vorhanden)
|
||||
- Inline-Validierung zeigt nur »Pflichtfeld fehlt« und »Nicht verbunden« — Fall **»Schleifen-Verdacht« fehlt** am Baustein
|
||||
- Kein **»Deaktivieren«** im Kopf (Spec: Aktivieren/Deaktivieren) — nur disabled »Aktivieren«
|
||||
- D01 (Aktivieren-Blocker-Liste) und D02 (Anomalie-Banner) sind voll ausgebaut, obwohl laut Screen-Liste »Nur dokumentieren« — inhaltlich Spec-konform
|
||||
- Kanten nur gerade vertikale Linien (linearer Flow, keine Verzweigung dargestellt)
|
||||
@@ -11,9 +11,30 @@
|
||||
{"id":"note-embed","type":"text","text":"# Einbettung\n\nBaustein-Konfig-Panels (rechtes Panel) kommen aus WF-P12 Verwaltung (S05).\n\nAnordnung validiert: Katalog links · Canvas Mitte · Konfig rechts.","x":0,"y":560,"width":460,"height":240}
|
||||
],
|
||||
"edges":[
|
||||
{"id":"e-entry","fromNode":"note-entry","fromSide":"right","toNode":"m03","toSide":"left","toEnd":"arrow","styleAttributes":{"path":"dotted"}},
|
||||
{
|
||||
"id":"e-entry",
|
||||
"fromNode":"note-entry",
|
||||
"fromSide":"right",
|
||||
"toNode":"m03",
|
||||
"toSide":"left",
|
||||
"toEnd":"arrow",
|
||||
"styleAttributes":{"path":"dotted"}
|
||||
},
|
||||
{"id":"e-start","fromNode":"m03","fromSide":"right","toNode":"s01","toSide":"left","toEnd":"arrow","label":"leer oder Vorlage"},
|
||||
{"id":"e-dryrun","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Probelauf / vor Aktivierung"},
|
||||
{"id":"e-loop","fromNode":"s01","fromSide":"bottom","toNode":"m02","toSide":"top","toEnd":"arrow","label":"bei Schleifen-Verdacht","styleAttributes":{"path":"long-dashed"}}
|
||||
]
|
||||
}
|
||||
{
|
||||
"id":"e-loop",
|
||||
"fromNode":"s01",
|
||||
"fromSide":"bottom",
|
||||
"toNode":"m02",
|
||||
"toSide":"top",
|
||||
"toEnd":"arrow",
|
||||
"label":"bei Schleifen-Verdacht",
|
||||
"styleAttributes":{"path":"long-dashed"}
|
||||
}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
"frontmatter":{}
|
||||
}
|
||||
}
|
||||
@@ -5,16 +5,16 @@ ticket: D-FLOW
|
||||
package: WF-P12 Flow-Editor
|
||||
typ: Flow
|
||||
status: Validiert
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/a42ecf81-5d6e-4fa1-9076-b22010cd5ecf/edit"
|
||||
canvas: "WF-P12 Flow-Editor.canvas"
|
||||
---
|
||||
|
||||
# WF-P12 Flow-Editor
|
||||
|
||||
Status: Validiert (Screen-Liste)
|
||||
Subframe-Link: -
|
||||
Status: Validiert (Screen-Liste), Subframe-Erstentwürfe vorhanden
|
||||
Subframe-Link: Flow »(MCP) HiveGrid Workflow Engine / Automationen P12« — [S01 Variante A](https://app.subframe.com/f023064a5ca0/design/a42ecf81-5d6e-4fa1-9076-b22010cd5ecf/edit) · [S01 Variante B](https://app.subframe.com/f023064a5ca0/design/ce6a73d8-ae0c-4d1c-b8f8-f426dfe19d32/edit) · [M01](https://app.subframe.com/f023064a5ca0/design/ea231a78-eddb-4c04-97a8-7574d45d8576/edit) · [M02](https://app.subframe.com/f023064a5ca0/design/8e8943a5-36ea-4792-a3e0-590cb88fd9df/edit) · [M03](https://app.subframe.com/f023064a5ca0/design/8b398273-682e-4cf2-851b-3b1a89da4d90/edit)
|
||||
Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
|
||||
Stand: 2026-07-09
|
||||
Stand: 2026-07-10 (Subframe-Abgleich, Links eingetragen)
|
||||
|
||||
---
|
||||
|
||||
@@ -113,9 +113,12 @@ S01 bettet ein: Baustein-Konfig-Panels (WF-P12 Verwaltung S05)
|
||||
|
||||
- Kanten-Interaktion (Klick-Verbinden vs. nur Ziehen) + Auto-Layout-Verhalten → Subframe-Iterationen
|
||||
- Dry-Run-Schwelle: Default-Wert → Dev
|
||||
- **S01-Variante entscheiden** (Abgleich 2026-07-10): A »Dreispalten kompakt« (klassisches Konfig-Panel, näher an validierter Spec) vs. B »Geführter Inspector« (Schritt-Wizard rechts) — David
|
||||
- M02: »Trotzdem aktivieren«-Button widerspricht Blockier-Regel der Fehlermatrix — David
|
||||
- M03: doppelter CTA (»Verwenden« je Karte + »Mit Auswahl weiter« im Footer) — Interaktionsmodell klären
|
||||
|
||||
## Handoff-Check
|
||||
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
|
||||
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
|
||||
- [x] Subframe-Link ist eingetragen. *(Erstentwürfe, Abgleich s. Screen-Dateien; Varianten-Entscheidung offen)*
|
||||
@@ -9,7 +9,7 @@ typ: Liste
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/336ccdfb-80f9-45bf-a158-e74cabb70a20/edit"
|
||||
---
|
||||
|
||||
# S01 — Automation-Liste
|
||||
@@ -38,4 +38,11 @@ A2 Liste.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [S01 Automation-Liste](https://app.subframe.com/f023064a5ca0/design/336ccdfb-80f9-45bf-a158-e74cabb70a20/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: Zeilen-Anatomie, »nur meine«-Filter, Anomalie-Banner, »+ Neue Automation«, Läufe-Zugang, »Als Vorlage speichern«
|
||||
- Zusätzlich: KPI-Kacheln, Suchfeld, Status-/Auslöser-Filter, Spalten »Verantwortlich« + »Aktionen«, »Vorlagen«-Button
|
||||
- **Copy-Bug**: Spalte »Läufe (30 Tage)« zeigt »143 Datensätze« statt Lauf-Anzahl
|
||||
- Status-Pill hat zusätzlich Wert »Fehler« (Spec: nur aktiv/pausiert/Entwurf)
|
||||
@@ -9,7 +9,7 @@ typ: Liste
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/executions"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/0fab5d8c-1e6a-4220-863d-7e46aba0f06c/edit"
|
||||
---
|
||||
|
||||
# S02 — Lauf-Liste
|
||||
@@ -37,4 +37,10 @@ A2 Liste.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [S02 Lauf-Liste](https://app.subframe.com/f023064a5ca0/design/0fab5d8c-1e6a-4220-863d-7e46aba0f06c/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: Zeit/Status/Klartext-Summary/Probelauf-Marker/Dauer, alle drei Filter, Zeile → Detail
|
||||
- Zusätzlich: StatsCard-Reihe, Suchfeld, »Nur Probeläufe«-Switch, Spalte »Betroffene Datensätze«, Status »Läuft«, Pagination
|
||||
- **Ohne DefaultPageLayout** (App-Sidebar fehlt — anders als S01)
|
||||
@@ -9,7 +9,7 @@ typ: Detail + Timeline
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/:id/executions/:exec_id"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/9997a3c4-d18b-449f-bbbd-4fe6dd24f3df/edit"
|
||||
---
|
||||
|
||||
# S03 — Lauf-Detail
|
||||
@@ -39,4 +39,12 @@ A3 + Timeline.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [S03 Lauf-Detail](https://app.subframe.com/f023064a5ca0/design/9997a3c4-d18b-449f-bbbd-4fe6dd24f3df/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec vollständig abgedeckt: lesbare Auslöser-Daten, Probelauf-Marker, Klartext-Timeline mit Input/Output, 24-h-Countdown, Retry + »ab Schritt X fortsetzen«
|
||||
- Zusätzlich: rechte Sidebar (Laufdaten/Ergebnis/»Aktion erforderlich«), Quick-Fix »Person zuweisen«
|
||||
- Redundanz: Countdown doppelt (Banner + Sidebar) plus dritter »Rückgängig«-Header-Button — straffen
|
||||
- **Demo-Widerspruch**: Lauf als »Probelauf« markiert, bietet aber Rückgängig an (Probeläufe schreiben laut S02-Copy nichts)
|
||||
- Ohne DefaultPageLayout
|
||||
@@ -9,7 +9,7 @@ typ: Liste/Karten
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "/automations/templates"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/46e04956-4903-4733-9345-81b18f34e858/edit"
|
||||
---
|
||||
|
||||
# S04 — Vorlagen-Katalog
|
||||
@@ -36,4 +36,11 @@ A2 Karten-Liste.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [S04 Vorlagen-Katalog](https://app.subframe.com/f023064a5ca0/design/46e04956-4903-4733-9345-81b18f34e858/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: Karten nach Kategorie mit Name/Beschreibung/Nutzungs-Anzahl/»Verwenden«, SHK + eigene unterscheidbar
|
||||
- Copy-Abweichung: Button heißt »Eigene Vorlage erstellen« statt »aus Automation erstellen«
|
||||
- Zusätzlich: Suchfeld, Modul-/Kategorie-Filter, »Beliebt«-Tab, Flow-Schritt-Chips, Hinweise »Variable/Verbindung erforderlich«
|
||||
- Einbettung in Start-Auswahl (M03) nur dort dargestellt, hier eigenständige Seite · Ohne DefaultPageLayout
|
||||
+10
-2
@@ -9,7 +9,7 @@ typ: Compose-Panel (eingebettet)
|
||||
umsetzung: Bauen
|
||||
status: Validiert
|
||||
route: "eingebettet im Flow-Editor (rechtes Panel)"
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/83599a34-97b4-4881-beb4-8b7e35d11aa0/edit"
|
||||
---
|
||||
|
||||
# S05 — Baustein-Konfig-Panels
|
||||
@@ -37,8 +37,16 @@ Compose — Formular-Bausteine (A4) im Editor-Panel.
|
||||
|
||||
## Subframe
|
||||
|
||||
- (erst nach explizitem OK)
|
||||
- [S05 Baustein-Konfig-Panels](https://app.subframe.com/f023064a5ca0/design/83599a34-97b4-4881-beb4-8b7e35d11aa0/edit)
|
||||
|
||||
### Abgleich Subframe vs. Spec (2026-07-10)
|
||||
|
||||
- Spec abgedeckt: genau die beiden Muster-Panels (Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«), Klartext-Labels, Inline-Validierung mit Badge am Baustein
|
||||
- Strukturabweichung: beide Panels untereinander auf einer Seite statt je Baustein; ToggleGroup Auslöser/Aktion ohne aktiven Wert (Code-Fehler)
|
||||
- Zusätzlich: Beispielkontakt-Vorschau, »So liest es sich«-Zusammenfassung, »Kontakt verknüpfen«-Switch
|
||||
- Tippfehler in Copy: »Bauhow-Analyse«
|
||||
|
||||
## Notizen
|
||||
|
||||
- KWP-Push: nur Registry-Eintrag, kein Konfig-UI (v1-Grenze).
|
||||
- Vorplanung aller 31 Panels (Archetypen + Feld-Katalog): [[S05a Baustein-Konfig Vorplanung]] (2026-07-11).
|
||||
+140
@@ -0,0 +1,140 @@
|
||||
---
|
||||
kind: screen
|
||||
project: HiveGrid Screen Project
|
||||
ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
id: S05a
|
||||
screen: Baustein-Konfig Vorplanung (Katalog aller Panels)
|
||||
typ: Vorplanung / Katalog
|
||||
umsetzung: Planen
|
||||
status: Subframe Draft / Review offen
|
||||
route: "Modal über dem Flow-Editor (Dialog-Komponente, Klick auf Baustein)"
|
||||
---
|
||||
|
||||
# S05a — Baustein-Konfig Vorplanung
|
||||
|
||||
Vorplanung für **alle 31 Bausteine** aus der Baustein-Bibliothek (Stand Planung 2026-07-11, Screenshot-Abgleich).
|
||||
Ziel: je Baustein ein eigenes Konfig-Panel in Subframe ablegen, das später einzeln angepasst wird.
|
||||
Statt 31 Panels von null zu bauen: **9 Muster-Archetypen** definieren, je Archetyp ein Muster-Panel bauen, die restlichen Panels als Kopien mit angepassten Feldern ableiten.
|
||||
|
||||
Verwandt: [[S05 Baustein-Konfig-Panels]] (die zwei existierenden Muster), [[S01 Flow-Editor]].
|
||||
|
||||
---
|
||||
|
||||
## Farbschema der Kategorien (aus der Planung)
|
||||
|
||||
| Kategorie | Farbe | Anzahl |
|
||||
|---|---|---|
|
||||
| Auslöser | Grün | 16 |
|
||||
| Aktionen: Daten & CRM | Rot | 2 |
|
||||
| Aktionen: Kommunikation | Blau | 1 |
|
||||
| Aktionen: Aufgaben | Gelb | 2 |
|
||||
| Logik | Violett | 8 |
|
||||
| Integration | Grau | 2 |
|
||||
|
||||
> ⚠️ Abweichung: Die Subframe-Entwürfe von Baustein-Picker/Konfig (2026-07-11) nutzen Orange für Auslöser und Blau für alle Aktionen. Vor dem Weiterbauen auf dieses Schema (Grün/Rot/Blau/Gelb/Violett/Grau) vereinheitlichen.
|
||||
|
||||
---
|
||||
|
||||
## Archetypen (Muster-Panels)
|
||||
|
||||
| # | Archetyp | Grundaufbau des Panels |
|
||||
|---|---|---|
|
||||
| T1 | Datensatz-Auslöser | Filter-Abschnitt: welche Datensätze zählen (Quelle, Pipeline, Feld). Kein Pflichtfeld nötig — läuft auch ungefiltert. |
|
||||
| T2 | Zeit-/Termin-Auslöser | Zeitbezug: Vorlauf (»3 Tage vorher«), Terminart, bzw. Wiederholungsregel beim Zeitplan. |
|
||||
| T3 | Eingangs-Auslöser (E-Mail/Formular/Webhook) | Quelle wählen (Postfach, Formular, Webhook-URL anzeigen) + Vorschau der ankommenden Daten (Payload-Felder als Chips für spätere Schritte). |
|
||||
| A1 | Datensatz-Aktion | Ziel-Datensatz wählen + Feld-Zuordnung (welches Feld bekommt welchen Wert, mit Platzhalter-Chips). |
|
||||
| A2 | Kommunikations-Aktion | Kanal (E-Mail/Push/intern), Empfänger, Betreff/Text mit Platzhalter-Chips. |
|
||||
| A3 | Aufgaben-Aktion | Muster existiert (S05): Titel, Verantwortlich (Pflicht), Fälligkeit, Priorität, Notiz. |
|
||||
| L1 | Bedingungs-Logik | Bedingungszeilen: Feld · Operator · Wert (+ Zeile hinzufügen). Klartext-Zusammenfassung. |
|
||||
| L2 | Ablauf-Logik | Ein Hauptwert: Dauer (Warten), Liste (Schleife), Variable + Wert (Wert setzen). |
|
||||
| I1 | Integration | Technischer: URL, Methode, Kopfzeilen/Payload — bewusst als »Profi-Baustein« gekennzeichnet. |
|
||||
|
||||
Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Untertitel, Schließen), Suchfeld entfällt, Pflichtfeld-Validierung inline + Badge am Baustein, »So liest es sich«-Satz unten, Fuß mit Übernehmen/Abbrechen.
|
||||
|
||||
---
|
||||
|
||||
## Katalog: alle 31 Panels
|
||||
|
||||
### Auslöser (Grün)
|
||||
|
||||
| Baustein | Kurzbeschreibung (Karte) | Ausgänge | Archetyp | Konfig-Felder (Panel) |
|
||||
|---|---|---|---|---|
|
||||
| Neuer Kontakt | Wenn ein Kontakt angelegt wird | 1 | T1 | Quelle (alle/manuell/Import/Formular), optional Tag-Filter |
|
||||
| Kontakt geändert | Wenn sich Kontaktdaten ändern | 1 | T1 | Welche Felder beobachten (alle oder Auswahl) |
|
||||
| Neue Anfrage | Wenn eine Anfrage eingeht | 1 | T1 | Quelle (Website-Formular/E-Mail/manuell), optional Bereich |
|
||||
| Lead qualifiziert | Wenn ein Lead qualifiziert wird | 1 | T1 | Pipeline, Qualifizierungs-Stufe |
|
||||
| Projekt gewonnen | Wenn ein Projekt gewonnen wird | 1 | T1 | Pipeline/Board, optional Mindestwert |
|
||||
| Status gewechselt | Wenn eine Karte die Spalte wechselt | 1 | T1 | Board, von Spalte (optional), nach Spalte |
|
||||
| Projekt angelegt | Wenn ein Projekt erstellt wird | 1 | T1 | Projektart/Board, optional Quelle |
|
||||
| Deadline naht | Wenn eine Frist bald abläuft | 1 | T2 | Fristtyp (Aufgabe/Projekt/Zahlungsziel), Vorlauf (z. B. 3 Tage vorher) |
|
||||
| E-Mail eingegangen | Wenn eine E-Mail ankommt | 1 | T3 | Postfach, optional Betreff-/Absender-Filter |
|
||||
| E-Mail unzustellbar | Wenn eine Kampagnen-Mail bounct | 1 | T3 | Kampagne (alle oder Auswahl), Bounce-Art (hart/weich) |
|
||||
| Formular abgeschickt | Wenn ein Formular eingeht | 1 | T3 | Formular wählen (aus D-FORM), Felder-Vorschau als Chips |
|
||||
| Termin gebucht | Wenn ein Termin gebucht wird | 1 | T2 | Terminart/Kalender, optional Mitarbeiter |
|
||||
| Termin storniert | Wenn ein Termin abgesagt wird | 1 | T2 | Terminart/Kalender, Storno durch (Kunde/intern/beide) |
|
||||
| Ereignis erstellt | Wenn ein Kalender-Eintrag entsteht | 1 | T2 | Kalender, Ereignisart |
|
||||
| Zeitplan | Zu festen Zeiten, z. B. montags 8 Uhr | 1 | T2 | Wiederholung (täglich/wöchentlich/monatlich), Wochentag(e), Uhrzeit |
|
||||
| Webhook empfangen | Wenn ein externes System ruft | 1 | T3 | Webhook-URL (generiert, kopierbar), Secret, Beispiel-Payload-Vorschau |
|
||||
|
||||
### Aktionen: Daten & CRM (Rot)
|
||||
|
||||
| Baustein | Kurzbeschreibung | Ausgänge | Archetyp | Konfig-Felder |
|
||||
|---|---|---|---|---|
|
||||
| Kontakt ändern | Datensatz aktualisieren | 1 | A1 | Welcher Kontakt (aus Auslöser/suchen), Feld-Zuordnungen (Feld → neuer Wert, Platzhalter) |
|
||||
| Notiz anlegen | Notiz am Datensatz speichern | 1 | A1 | Ziel-Datensatz, Notiztext (Platzhalter), optional sichtbar für |
|
||||
|
||||
### Aktionen: Kommunikation (Blau)
|
||||
|
||||
| Baustein | Kurzbeschreibung | Ausgänge | Archetyp | Konfig-Felder |
|
||||
|---|---|---|---|---|
|
||||
| Benachrichtigung senden | E-Mail, Push oder intern | 1 | A2 | Kanal (Pflicht), Empfänger (Person/Team/Kontakt aus Auslöser), Betreff, Text mit Platzhalter-Chips |
|
||||
|
||||
### Aktionen: Aufgaben (Gelb)
|
||||
|
||||
| Baustein | Kurzbeschreibung | Ausgänge | Archetyp | Konfig-Felder |
|
||||
|---|---|---|---|---|
|
||||
| Aufgabe anlegen | Neue Aufgabe erstellen | 1 | A3 | Titel (Platzhalter), Verantwortlich (Pflicht), Fälligkeit, Priorität, Notiz — Muster existiert |
|
||||
| Aufgabe zuweisen | Person oder Team zuordnen | 1 | A3 | Welche Aufgabe (aus vorherigem Schritt), neue Person/Team (Pflicht), optional Benachrichtigung an |
|
||||
|
||||
### Logik (Violett)
|
||||
|
||||
| Baustein | Kurzbeschreibung | Ausgänge | Archetyp | Konfig-Felder |
|
||||
|---|---|---|---|---|
|
||||
| Wenn-Dann | Verzweigt nach Bedingung | Ja / Nein | L1 | Bedingungszeilen (Feld · Operator · Wert) |
|
||||
| Oder | Wenn mind. eine Bedingung zutrifft | Ja / Nein | L1 | Bedingungszeilen, Hinweis »eine reicht« |
|
||||
| Und | Wenn alle Bedingungen zutreffen | Ja / Nein | L1 | Bedingungszeilen, Hinweis »alle nötig« |
|
||||
| Switch | Mehrere Pfade verzweigen | 1 / 2 / 3 … | L1 | Feld wählen + je Pfad ein Wert (+ Pfad hinzufügen, Sonst-Pfad) |
|
||||
| Filter | Datensätze filtern | 1 | L1 | Bedingungszeilen; Klartext »nur weiter, wenn …« |
|
||||
| Warten | Pausiert, z. B. 3 Tage | 1 | L2 | Dauer (Zahl + Einheit) oder bis Datum/Uhrzeit aus Feld |
|
||||
| Schleife | Für jedes Element wiederholen | Weiter / Fertig | L2 | Liste wählen (z. B. alle Aufgaben des Projekts), max. Durchläufe |
|
||||
| Wert setzen | Variable setzen oder lesen | 1 | L2 | Variablenname, Wert (Platzhalter erlaubt) |
|
||||
|
||||
### Integration (Grau)
|
||||
|
||||
| Baustein | Kurzbeschreibung | Ausgänge | Archetyp | Konfig-Felder |
|
||||
|---|---|---|---|---|
|
||||
| HTTP-Anfrage | Externen Dienst aufrufen | 1 | I1 | URL (Pflicht), Methode, Kopfzeilen, Payload (Platzhalter), Antwort-Vorschau |
|
||||
| An KWP übergeben | Projekt an KWP senden | 1 | — | **ab v2** — nur Registry-Eintrag, kein Konfig-UI (v1-Grenze, s. S05-Notiz) |
|
||||
|
||||
---
|
||||
|
||||
## Vorgehen für Subframe
|
||||
|
||||
1. Farbschema im Picker/Konfig-Entwurf auf das Planungs-Schema angleichen (Grün/Rot/Blau/Gelb/Violett/Grau).
|
||||
2. Je Archetyp **ein** Muster-Panel als eigene Subframe-Seite bauen (9 Seiten; A3 existiert als Basis aus der Konfig-Runde 2026-07-11).
|
||||
3. Danach die restlichen 21 v1-Panels als Kopien der Muster-Seiten ablegen und Felder gemäß Katalog oben anpassen (30 Seiten gesamt, KWP entfällt in v1).
|
||||
4. Benennung in Subframe: »K-T1 Neuer Kontakt«, »K-A2 Benachrichtigung senden« … (K = Konfig-Panel), eigener Flow oder Gruppe, damit der Editor-Flow übersichtlich bleibt.
|
||||
|
||||
## Umsetzungsstand Subframe (2026-07-12)
|
||||
|
||||
- **Entscheidung (David, 2026-07-12): Konfig als MODAL** (Dialog-Komponente), nicht rechtes Panel/Drawer — n8n-Muster: Klick auf Baustein öffnet Dialog.
|
||||
- **Alle 30 v1-Panels gebaut** (Nacht-Build 02:37–03:00 Uhr, KWP entfällt v1-gemäß): Benennung »K-<Archetyp> <Name>« im Flow [(MCP) HiveGrid Workflow Engine / Automationen P12](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit).
|
||||
- Muster/Blaupause: **K-T1 Neuer Kontakt** (Dialog.Content ohne Overrides = 560 px/16 px/24 px laut Layout-Regeln, Labels + Helptexte über Komponenten-Props, jede Feld-Erklärung als helpText, Erklärungs-Box mit Fragezeichen in Kategoriefarbe, Fuß rechts: Abbrechen/Übernehmen). Größere Panels (Kontakt ändern, Benachrichtigung, Aufgabe anlegen, Wenn-Dann, Switch, HTTP) mit `size="medium"` = 720 px.
|
||||
- Readback-Check aller 30 Seiten bestanden (Dialog.Content, keine p-0/gap-0-Overrides, helpTexts, Erklärungs-Box). **Händisches Review durch David steht aus.**
|
||||
|
||||
## Offene Fragen
|
||||
|
||||
- Ausgänge-Darstellung im Panel (zeigt das Panel die Ausgänge Ja/Nein bzw. 1/2/3 als Info an?) — David
|
||||
- Switch: wie viele Pfade maximal in v1?
|
||||
- Webhook/HTTP: wie viel Technik zeigen wir Handwerkern (Profi-Kennzeichnung reicht?)
|
||||
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"nodes":[
|
||||
{"id":"md-paket","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md","x":-80,"y":-440,"width":460,"height":280},
|
||||
{"id":"group-verw","type":"group","x":-80,"y":-100,"width":2500,"height":380,"label":"Übersicht und Verläufe"},
|
||||
{"id":"group-extra","type":"group","x":-80,"y":460,"width":1820,"height":380,"label":"Vorlagen + Konfig-Panels"},
|
||||
{"id":"md-paket","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md","x":-80,"y":-440,"width":460,"height":280},
|
||||
{"id":"note-entry","type":"text","text":"# Einstieg\n\nSidebar → Automation.","x":0,"y":0,"width":300,"height":200},
|
||||
{"id":"s01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S01 Automation-Liste.md","x":500,"y":0,"width":420,"height":200},
|
||||
{"id":"s02","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":1140,"y":0,"width":420,"height":200},
|
||||
@@ -14,24 +14,22 @@
|
||||
"edges":[
|
||||
{
|
||||
"id":"e-entry",
|
||||
"styleAttributes":{"path":"dotted"},
|
||||
"fromNode":"note-entry",
|
||||
"fromSide":"right",
|
||||
"toNode":"s01",
|
||||
"toSide":"left",
|
||||
"toEnd":"arrow",
|
||||
"styleAttributes":{"path":"dotted"}
|
||||
"toSide":"left"
|
||||
},
|
||||
{"id":"e-runs","fromNode":"s01","fromSide":"right","toNode":"s02","toSide":"left","toEnd":"arrow","label":"Läufe"},
|
||||
{"id":"e-detail","fromNode":"s02","fromSide":"right","toNode":"s03","toSide":"left","toEnd":"arrow","label":"Lauf öffnen"},
|
||||
{"id":"e-runs","fromNode":"s01","fromSide":"right","toNode":"s02","toSide":"left","label":"Läufe"},
|
||||
{"id":"e-detail","fromNode":"s02","fromSide":"right","toNode":"s03","toSide":"left","label":"Lauf öffnen"},
|
||||
{
|
||||
"id":"e-template",
|
||||
"styleAttributes":{"path":"long-dashed"},
|
||||
"fromNode":"s01",
|
||||
"fromSide":"bottom",
|
||||
"toNode":"s04",
|
||||
"toSide":"top",
|
||||
"toEnd":"arrow",
|
||||
"label":"als Vorlage speichern",
|
||||
"styleAttributes":{"path":"long-dashed"}
|
||||
"label":"als Vorlage speichern"
|
||||
}
|
||||
],
|
||||
"metadata":{
|
||||
|
||||
@@ -5,16 +5,16 @@ ticket: D-P12
|
||||
package: WF-P12 Verwaltung
|
||||
typ: Flow
|
||||
status: Validiert
|
||||
subframe: ""
|
||||
subframe: "https://app.subframe.com/f023064a5ca0/design/336ccdfb-80f9-45bf-a158-e74cabb70a20/edit"
|
||||
canvas: "WF-P12 Verwaltung.canvas"
|
||||
---
|
||||
|
||||
# WF-P12 Verwaltung
|
||||
|
||||
Status: Validiert (Screen-Liste)
|
||||
Subframe-Link: -
|
||||
Status: Validiert (Screen-Liste), Subframe-Erstentwürfe vorhanden
|
||||
Subframe-Link: Flow »(MCP) HiveGrid Workflow Engine / Automationen P12« — [S01](https://app.subframe.com/f023064a5ca0/design/336ccdfb-80f9-45bf-a158-e74cabb70a20/edit) · [S02](https://app.subframe.com/f023064a5ca0/design/0fab5d8c-1e6a-4220-863d-7e46aba0f06c/edit) · [S03](https://app.subframe.com/f023064a5ca0/design/9997a3c4-d18b-449f-bbbd-4fe6dd24f3df/edit) · [S04](https://app.subframe.com/f023064a5ca0/design/46e04956-4903-4733-9345-81b18f34e858/edit) · [S05](https://app.subframe.com/f023064a5ca0/design/83599a34-97b4-4881-beb4-8b7e35d11aa0/edit)
|
||||
Canvas: [Canvas](<WF-P12 Verwaltung.canvas>)
|
||||
Stand: 2026-07-09
|
||||
Stand: 2026-07-10 (Subframe-Abgleich, Links eingetragen)
|
||||
|
||||
---
|
||||
|
||||
@@ -101,10 +101,13 @@ S05 (Konfig-Panels) -> eingebettet in Flow-Editor S01
|
||||
|
||||
## 10. Offene Fragen
|
||||
|
||||
- Welche zwei Muster-Panels für S05 (Vorschlag: Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«) → beim Subframe-Bau
|
||||
- ~~Welche zwei Muster-Panels für S05~~ → umgesetzt wie vorgeschlagen: Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen« (Abgleich 2026-07-10)
|
||||
- S02–S05 stehen in Subframe ohne DefaultPageLayout (App-Shell) — vereinheitlichen?
|
||||
- S01: Copy-Bug Spalte »Läufe (30 Tage)« zeigt »143 Datensätze« → fixen
|
||||
- S03: Demo-Widerspruch Probelauf-Marker + Rückgängig-Angebot → Demo-Daten korrigieren
|
||||
|
||||
## Handoff-Check
|
||||
|
||||
- [x] Jeder Screen ist mit Umsetzung markiert.
|
||||
- [x] Meldungs-/Error-State-Matrix ist ausgefüllt.
|
||||
- [ ] Subframe-Link ist eingetragen. *(Subframe erst nach explizitem OK)*
|
||||
- [x] Subframe-Link ist eingetragen. *(Erstentwürfe, Abgleich s. Screen-Dateien)*
|
||||
Reference in new issue
Block a user