toolctrl-labs/HiveGrid-Wireframes
9
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Validate P12 blocks K-T1/K-T2/K-T3, apply decisions

Browse Source 
Full validation pass over the first 18 of 30 block-config dialogs, done
by Dejan with David's mandate. Findings fixed directly in Subframe;
decisions and dependency notes recorded here.

Decisions (Dejan):
- Ansprache: durchgehend duzen (produktweit; Picker siezt noch)
- Begriff Board statt Pipeline
- Erklär-Box bleibt handgebaut (Alert-Komponente kann die Kategoriefarben
  nicht)
- Pflichtfeld-Muster: Sternchen im Label + "Pflichtfeld." im helpText
- "Deadline naht" wird "Frist oder Termin" (deckt Terminerinnerung +
  Mahnwesen ab; ersetzt zwei Picker-Einträge ohne Dialog)
- Zeitplan: Felder wechseln je Wiederholung; "monatlich" als eigene
  Subframe-Seite gezeichnet, "täglich" nur dokumentiert
- "E-Mail eingegangen": Badge "Ab v2" + Hinweis (braucht Postfach = v2)
- "E-Mail unzustellbar": bleibt v1, Abhängigkeit zu D-KAMP/D-P14 notiert

Editor-Split (freigegeben): S01b Baustein-Picker und S01c Kontextmenü
als eigene Screen-Dateien + Tracker-Zeilen; Canvas um Picker,
Kontextmenü und den fehlenden S01d Baustein-Karte-Knoten erweitert.

Befunde an D-D0b (Baukasten, nicht selbst geändert): Uhrzeit-Komponente
fehlt komplett (betrifft auch Plantafel/Terminbuchung/Kalender), Number
Input auf 192px festgenagelt, IconWithBackground kann kein Violett.

Baustein-Katalog in S05a auf den echten gebauten Stand nachgezogen.

Noch offen für David/Dejan von Hand: Subframe-Seite "K-T2 Deadline naht"
zu "K-T2 Frist oder Termin" umbenennen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
dejanandClaude Opus 4.8 committed 2026-07-16 17:32:09 +02:00
1 parent 318e34fe9c
commit 6fdcb556c7
7 files changed
+197 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md
+42
View File
@@ -0,0 +1,42 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01b
screen: Baustein-Picker
typ: Drawer
umsetzung: Bauen
status: In Subframe - Farbschema + fehlende Bausteine nachziehen
route: "aus S01 (Baustein hinzufuegen)"
subframe: "https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit"
---
# S01b — Baustein-Picker (Drawer)
## Ziel
Der schnelle Weg, einen Baustein auf die Zeichenfläche zu holen. Öffnet sich als seitlicher Drawer (400 px) über dem Editor.
## Was das Tool können muss
- Suchfeld »Baustein suchen …«
- Kachel-Filter oben: Auslöser / Aktionen / Logik
- Bausteine nach Kategorie gruppiert, jeweils mit Symbol, Name, Kurzbeschreibung und Hilfe-Tooltip
- Klick auf einen Baustein → er landet auf dem Canvas und sein Konfig-Dialog öffnet
## Pattern / Archetyp
Drawer (seitliches Overlay), nicht zentrierter Dialog.
## Offene Punkte (aus der Validierung 2026-07-13)
- **Farbschema angleichen**: Der Picker nutzt Orange für Auslöser, Blau für alle Aktionen, Neutral für Logik. Gilt: das S05a-Schema (Grün/Rot/Blau/Gelb/Violett/Grau). → nachziehen.
- **Duzen**: Der Picker siezt (»Wählen Sie einen Baustein«). → auf Duzen umstellen.
- **Unvollständig**: Der Picker zeigt nur ~12 Bausteine, der Katalog kennt 30. Integration (HTTP) fehlt ganz. → vollständig füllen.
- **Bausteine ohne Dialog entfernen**: »Termin in Kürze« und »Zahlungsziel überschritten« werden durch **einen** Eintrag »Frist oder Termin« ersetzt (s. [[S05a Baustein-Konfig Vorplanung]]).
- Uneinheitlicher Hilfetext: beim ersten Baustein festes Kästchen, sonst Tooltip-Komponente. → vereinheitlichen.
## Sync
Baustein-Katalog und Feld-Details: [[S05a Baustein-Konfig Vorplanung]].
02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md
+43
View File
@@ -0,0 +1,43 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01c
screen: Canvas-Kontextmenue
typ: Kontextmenue
umsetzung: Bauen
status: In Subframe - Review offen
route: "Rechtsklick auf die Zeichenflaeche in S01"
subframe: "https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit"
---
# S01c — Canvas-Kontextmenü
## Ziel
Schneller Zugriff auf die häufigsten Editor-Aktionen per Rechtsklick auf die leere Zeichenfläche.
## Was das Tool können muss
- Baustein hinzufügen · Einfügen
- Rückgängig · Wiederholen
- Ausschneiden · Kopieren · Duplizieren
- Alles auswählen · Automatisch anordnen
- Löschen (in Rot)
- Jeweils mit Tastenkürzel-Anzeige
## Pattern / Archetyp
Kontextmenü-Komponente aus dem Baukasten.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Rechtsklick auf leere Fläche | dieses Menü | In Subframe |
| Rechtsklick auf einen Baustein | eigenes Menü (Konfigurieren, Duplizieren, Löschen …) | **fehlt — kommt mit der Baustein-Karte** (S01d) |
## Bewertung (Validierung 2026-07-13)
Sauber gebaut: richtige Baukasten-Komponente, alle Editor-Aktionen vorhanden, Kürzel ordentlich. Keine Reparatur nötig.
02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas
+8 -2
View File
@@ -1,14 +1,17 @@
{
"nodes":[
{"id":"md-paket","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md","x":-80,"y":-440,"width":460,"height":280},
{"id":"group-editor","type":"group","x":-80,"y":-100,"width":1820,"height":380,"label":"Editor (Bespoke — schwerste UI, Langläufer)"},
{"id":"group-editor","type":"group","x":-80,"y":-160,"width":2860,"height":460,"label":"Editor (Bespoke — schwerste UI, Langläufer)"},
{"id":"group-schutz","type":"group","x":-80,"y":460,"width":1820,"height":380,"label":"Schutz-Dialoge"},
{"id":"note-entry","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste (WF-P12 Verwaltung) → Start-Auswahl.\n\nKlartext-First: alles in verständlichem Deutsch.","x":0,"y":0,"width":360,"height":200},
{"id":"m03","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":560,"y":0,"width":420,"height":200},
{"id":"s01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1240,"y":0,"width":420,"height":200},
{"id":"s01b","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md","x":1800,"y":-80,"width":420,"height":170},
{"id":"s01c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md","x":1800,"y":110,"width":420,"height":170},
{"id":"s01d","type":"text","text":"# S01d — Baustein-Karte + Kanten\n\nFEHLT — hoechste Prioritaet.\n\nOhne die Knoten-Darstellung auf dem Canvas haengen die 30 Konfig-Dialoge an nichts. Inkl. Verzweigungs-Kanten (Wenn-Dann Ja/Nein, Switch, Schleife) und Inline-Validierung am Baustein.","x":2260,"y":0,"width":420,"height":200},
{"id":"m01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M01 Probelauf.md","x":560,"y":560,"width":420,"height":200},
{"id":"m02","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M02 Schleifen-Warnung.md","x":1240,"y":560,"width":420,"height":200},
{"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}
{"id":"note-embed","type":"text","text":"# Anordnung (neu ab 2026-07-12)\n\nVollbild-Canvas · Baustein-Picker als Drawer · Konfig als echter Dialog je Baustein.\n\nDie alte Anordnung (Katalog links · Konfig rechts) ist ERSETZT.\n\nDie 30 Konfig-Dialoge liegen in WF-P12 Verwaltung (S05 / S05a).","x":0,"y":560,"width":460,"height":240}
],
"edges":[
{
@@ -21,6 +24,9 @@
"styleAttributes":{"path":"dotted"}
},
{"id":"e-start","fromNode":"m03","fromSide":"right","toNode":"s01","toSide":"left","toEnd":"arrow","label":"leer oder Vorlage"},
{"id":"e-picker","fromNode":"s01","fromSide":"right","toNode":"s01b","toSide":"left","toEnd":"arrow","label":"Baustein hinzufügen"},
{"id":"e-ctx","fromNode":"s01","fromSide":"right","toNode":"s01c","toSide":"left","toEnd":"arrow","label":"Rechtsklick"},
{"id":"e-card","fromNode":"s01b","fromSide":"right","toNode":"s01d","toSide":"left","toEnd":"arrow","label":"landet als Karte"},
{"id":"e-dryrun","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Probelauf / vor Aktivierung"},
{
"id":"e-loop",
02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md
+2 -1
View File
@@ -56,7 +56,8 @@ Der Automations-Baukasten: Zeichenfläche mit Auslöser- und Aktions-Bausteinen,
| ~~Grundanordnung: Katalog links · Canvas Mitte · Konfig rechts~~ | **ERSETZT (07-12)** | n8n-Dreispalten verworfen. Beide Subframe-Varianten (A/B) wurden gelöscht. |
| **Grundanordnung: Vollbild-Canvas · Baustein-Picker als Drawer · Konfig als Dialog** | genommen (07-12) | Neuer gebauter Stand, siehe [[S01 Flow-Editor]]. Subframe gilt. |
| **Konfig als echtes Modal je Baustein-Typ** | genommen (07-12, David) | 30 Dialoge gebaut, siehe [[S05a Baustein-Konfig Vorplanung]] |
| Farbschema der Kategorien: S05a-Schema | **VORSCHLAG (07-13) — wartet auf David** | Grün/Rot/Blau/Gelb/Violett/Grau. Die 30 Konfig-Dialoge stimmen bereits; der **Picker müsste nachziehen** (nutzt derzeit Orange für Auslöser). Noch nicht entschieden. |
| Farbschema der Kategorien: S05a-Schema | genommen (07-13, Dejan) | Grün/Rot/Blau/Gelb/Violett/Grau. Die 30 Konfig-Dialoge stimmen bereits; der **Picker muss nachziehen** (nutzt derzeit Orange für Auslöser). |
| Ansprache: durchgehend duzen | genommen (07-13, Dejan) | Der Baustein-Picker siezt noch und muss nachziehen. |
| Start-Auswahl mit Vorlagen | genommen (07-09) | »+ Neue Automation« → Dialog: leer starten ODER SHK-/eigene Vorlage wählen → Editor öffnet |
| Dry-Run + Schleifen-Warnung als eigene Modals | genommen (07-09) | Pflicht-Bestätigung ab Schwelle (mandant-einstellbar) |
| Aktivieren blockiert bei Fehlern | genommen (07-09) | Klartext-Fehlerliste (nicht verbunden / Schleife / Pflichtfeld) |
02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md
+83 -18
View File
@@ -32,7 +32,7 @@ Verwandt: [[S05 Baustein-Konfig-Panels]] (die zwei existierenden Muster), [[S01
| Logik | Violett | 8 |
| Integration | Grau | 2 |
> 📌 **Vorschlag (2026-07-13) — wartet auf Davids Freigabe:** Dieses Schema soll gelten. Begründung: Die 30 Konfig-Dialoge sind bereits konform (Auslöser grün), nur der **Baustein-Picker weicht ab** (Orange für Auslöser, Blau für alle Aktionen, Neutral für Logik). Den Picker nachzuziehen ist die kleinere Änderung als 30 Dialoge umzufärben. **Noch nicht entschieden.**
> ✅ **Entschieden (Dejan, 2026-07-13, mit Mandat von David): Dieses Schema gilt.** Die 30 Konfig-Dialoge sind bereits konform (Auslöser grün, Aufgaben warning/gelb, Logik violett). Der **Baustein-Picker muss nachziehen** — er nutzt derzeit Orange für Auslöser, Blau für alle Aktionen und Neutral für Logik.
---
@@ -56,25 +56,27 @@ Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Unter
## Katalog: alle 31 Panels
> Die Spalte »Konfig-Felder« beschreibt den **aktuell gebauten Stand**. Sie wird bei jeder Validierungsrunde nachgezogen. `*` = Pflichtfeld. Zuletzt aktualisiert 2026-07-13 (Blöcke K-T1 und K-T2).
### 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) |
| Kontakt geändert | Wenn sich Kontaktdaten ändern | 1 | T1 | **Schalter »Alle Felder beobachten«** + Feld-Auswahl als Tags (ausgegraut, solange der Schalter an ist) — geändert 07-13 |
| 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) |
| Lead qualifiziert | Wenn ein Lead qualifiziert wird | 1 | T1 | **Board**, Qualifizierungs-Stufe — »Pipeline« umbenannt 07-13 |
| Projekt gewonnen | Wenn ein Projekt gewonnen wird | 1 | T1 | Board, optional Mindestwert (**Zahlenfeld**, nicht Text) — geändert 07-13 |
| Status gewechselt | Wenn eine Karte die Spalte wechselt | 1 | T1 | Board `*`, von Spalte (optional), nach Spalte `*` — Pflichtfelder ergänzt 07-13 |
| Projekt angelegt | Wenn ein Projekt erstellt wird | 1 | T1 | Board, optional Quelle |
| **Frist oder Termin** | Vor oder nach einer Frist / einem Termin | 1 | T2 | Bezug `*` (Aufgaben-Fälligkeit / Projekt-Deadline / Zahlungsziel / **Termin**), Abstand `*` (Zahl) + Einheit `*` (Stunden/Tage/Wochen **vorher oder danach**) — **ersetzt »Deadline naht« 07-13**; deckt Terminerinnerung und Mahnwesen mit ab |
| E-Mail eingegangen | Wenn eine E-Mail ankommt | 1 | T3 | Postfach, optional Betreff-/Absender-Filter. **Badge »Ab v2« + Hinweisbox**: braucht das Postfach (Postfach-Sync = v2, → P23). In v1 einrichtbar, aber nicht auslösbar. |
| E-Mail unzustellbar | Wenn eine Kampagnen-Mail bounct | 1 | T3 | Kampagne (alle oder Auswahl), Art der Unzustellbarkeit (dauerhaft/vorübergehend). **Abhängigkeit**: braucht D-KAMP (Kampagnen) + D-P14 (Bounce-Tracking) — beide v1, aber noch nicht gebaut. |
| Formular abgeschickt | Wenn ein Formular eingeht | 1 | T3 | Formular `*` (aus D-FORM), Felder-Vorschau als Chips — Pflichtfeld ergänzt 07-16 |
| Termin gebucht | Wenn ein Termin gebucht wird | 1 | T2 | Terminart, optional Mitarbeiter |
| Termin storniert | Wenn ein Termin abgesagt wird | 1 | T2 | Terminart, 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 |
| Zeitplan | Zu festen Zeiten, z. B. montags 8 Uhr | 1 | T2 | Wiederholung `*`; **Felder wechseln je nach Wiederholung**: täglich → nur Uhrzeit `*`; wöchentlich → Wochentage `*` + Uhrzeit `*`; monatlich → Tag im Monat `*` + Uhrzeit `*`. Uhrzeit ist **vorläufig ein Dropdown** (dem Baukasten fehlt eine Uhrzeit-Komponente). Zustände »täglich« und »monatlich« noch nicht gezeichnet. |
| Webhook empfangen | Wenn ein externes System ruft | 1 | T3 | Webhook-URL (generiert, kopierbar), Secret, Beispiel-Payload-Vorschau |
### Aktionen: Daten & CRM (Rot)
@@ -185,18 +187,81 @@ Jedes Panel hat einheitlich: Kopf (Kategorie-farbiges Icon, Name, Klartext-Unter
|---|---|
| K-I1 HTTP-Anfrage | [Dialog](https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit) |
## Validierung der 30 Konfig-Dialoge
Läuft seit 2026-07-13. Validiert von **Dejan** (mit ausdrücklichem Mandat von David, 2026-07-13). Vorgehen: blockweise gegen `D-FLOW.md`/`D-P12.md`, den Baustein-Katalog oben und die Layout-Standards. Befunde werden direkt in Subframe behoben; alles, was eine Produktentscheidung ist, wird hier festgehalten.
### Geltende Muster (aus der Validierung abgeleitet)
| Regel | Wie |
|---|---|
| **Ansprache** | **Durchgehend duzen.** Entschieden 2026-07-13. Betrifft auch den Baustein-Picker (siezt noch) und potenziell das ganze Produkt. |
| **Board, nicht Pipeline** | Der Begriff heißt überall `Board`. Entschieden 2026-07-13. |
| **Pflichtfeld-Muster** | Sternchen im Label (`Verantwortlich *`) **plus** das Wort `Pflichtfeld.` am Ende des helpText. Vorbild: K-A3 Aufgabe anlegen. |
| **Erklär-Box** | Bleibt **handgebaut** — bewusste Ausnahme, entschieden 2026-07-13. Die Alert-Komponente kann die Kategoriefarben nicht (kein Violett, kein Gelb) und würde bei Daten-Bausteinen rot wie ein Fehler wirken. |
| **Ausgänge im Panel** | Bausteine mit mehreren Ausgängen zeigen sie unten im Dialog (Vorbild: K-L1 Wenn-Dann mit `Ja →` / `Nein →`). Damit ist die alte offene Frage »zeigt das Panel die Ausgänge?« beantwortet: **ja**. |
### Block K-T1 — Datensatz-Auslöser (7 Dialoge) — ✅ validiert und repariert 2026-07-13
Struktur, Farben, Abstände und Katalog-Treue waren durchgehend in Ordnung. Behoben wurden:
| Dialog | Befund | Behebung |
|---|---|---|
| Kontakt geändert | Zwei Felder für dieselbe Sache (Dropdown »Welche Felder beobachten« **und** Tag-Feld) | Dropdown entfernt. Neu: **Schalter »Alle Felder beobachten«** + Tag-Feld darunter. Aus = einzelne Felder wählbar, An = Tag-Feld ausgegraut. |
| Status gewechselt | `Board` und `Nach Spalte` faktisch Pflicht, aber nicht markiert | Beide auf Pflichtfeld-Muster umgestellt (`Board *`, `Nach Spalte *`). `Von Spalte` bleibt optional. |
| Lead qualifiziert | Nannte das Board »Pipeline« | Auf `Board` umgestellt. |
| Projekt angelegt | Siezte als einziger Dialog | Auf Duzen umgestellt. |
| Projekt gewonnen | Euro-Betrag als freies Textfeld; Label »Board« unsichtbar | Auf **Number Input** umgestellt; Label sichtbar geschaltet. |
| Neuer Kontakt (Blaupause) | Label »Quelle« unsichtbar (`showLabel` fehlte) | Label sichtbar geschaltet. |
**Offen aus diesem Block:**
- **»Kontakt geändert«**: Der ausgegraute Zustand (Schalter an → Tag-Feld gesperrt) ist bisher nur im helpText beschrieben, nicht als eigenes Frame gezeichnet. Entscheiden, ob das reicht.
- **Number Input ist auf 192 px Breite festgenagelt** (`max-w-[192px]` in der Komponente) und lässt sich nicht auf volle Feldbreite ziehen. Dadurch bricht der helpText darunter schmal um. → Befund am Baukasten, s. u.
### Block K-T2 — Zeit- und Termin-Auslöser (5 Dialoge) — ✅ validiert und repariert 2026-07-13
| Dialog | Befund | Behebung |
|---|---|---|
| **Deadline naht → »Frist oder Termin«** | Deckte nur »vorher« ab und kannte keinen Termin-Typ. Dadurch liefen die Picker-Einträge **»Termin in Kürze«** und **»Zahlungsziel überschritten«** ins Leere. | **Baustein erweitert statt zwei neue zu bauen** (entschieden Dejan 2026-07-13): Bezug bekommt zusätzlich `Termin`; die Zeitangabe bekommt `Stunden/Tage/Wochen danach` neben `vorher`. Deckt damit Terminerinnerung **und** Mahnwesen ab. Titel, Untertitel, Erklär-Box und Feldnamen (`Abstand` statt `Vorlauf`) nachgezogen; Bezug und Zeitangabe sind jetzt Pflichtfelder. |
| Termin gebucht | Beide Feld-Beschriftungen unsichtbar | Sichtbar geschaltet |
| Termin storniert | Beide Feld-Beschriftungen unsichtbar | Sichtbar geschaltet |
| Zeitplan | Uhrzeit als freies Textfeld (»morgens« wäre eingebbar) | **Vorläufig** Dropdown in 30-Minuten-Schritten, im helpText sichtbar als vorläufig markiert. Grund: dem Baukasten fehlt eine Uhrzeit-Komponente (s. u.). |
| Zeitplan | `Wochentage` immer sichtbar, obwohl nur bei »Wöchentlich« sinnvoll; Feld für den Tag im Monat fehlt ganz | **Entschieden (Dejan 2026-07-13): Felder wechseln je nach Wiederholung.** Täglich → nur Uhrzeit. Wöchentlich → Wochentage + Uhrzeit. Monatlich → Tag im Monat + Uhrzeit. **»Monatlich« ist als eigene Subframe-Seite `K-T2 Zeitplan monatlich` gezeichnet (2026-07-15).** »Täglich« ist trivial (ein Feld weniger) und wird nur beschrieben — folgt Davids Muster (bedeutsame Zustände = eigene Seite, triviale = nur dokumentiert). |
**Wichtig:** Die Subframe-Seite heißt weiterhin `K-T2 Deadline naht`, der Inhalt aber »Frist oder Termin«. **Die Seite muss in Subframe noch umbenannt werden** — per MCP nicht möglich, muss von Hand geschehen.
### Block K-T3 — Eingangs-Auslöser (4 Dialoge) — ✅ validiert und repariert 2026-07-16
Bester Block bisher — Struktur, Sichtbarkeit der Labels und Duzen durchgehend korrekt.
| Dialog | Befund | Behebung |
|---|---|---|
| Webhook empfangen | — | **Vorbildlich.** Beantwortet die offene Frage »wie viel Technik zeigen wir Handwerkern?«: zweites Badge »Profi-Baustein«, »Webhook-Adresse« statt »Endpoint«, »Sicherheitsschlüssel« mit Klartext, Kopier-Knöpfe, kein rohes JSON. Keine Änderung. |
| Formular abgeschickt | Formular-Feld faktisch Pflicht, aber nicht markiert | Auf Pflichtfeld-Muster umgestellt (`Formular *`). |
| E-Mail eingegangen | Braucht ein Postfach — das ist v2 | **Entschieden (Dejan 2026-07-16): drin lassen mit »Ab v2«-Kennzeichen.** Zweites Badge »Ab v2« + neutrale Hinweisbox oben (»braucht das Postfach, kommt später«). Dialog bleibt vollständig, wird aber ehrlich als noch-nicht-auslösbar markiert. |
| E-Mail unzustellbar | Braucht Kampagnen (D-KAMP) + Bounce-Tracking (D-P14), beide v1 aber ungebaut | **Entschieden (Dejan 2026-07-16): drin lassen, nur Abhängigkeit notieren** (keine v2-Kennzeichnung, da es v1 ist — nur eine Bau-Reihenfolge für den Entwickler). |
### Befunde am Baukasten (nicht selbst ändern — Sperrgebiet)
| Komponente | Befund | Auswirkung |
|---|---|---|
| **Uhrzeit-Komponente fehlt komplett** | Der `Date Picker` ist ein reiner Kalender ohne Zeit. Es gibt kein Time-Picker-Bauteil. | Betrifft **nicht nur P12**: Plantafel (D-PLAN), Terminbuchung (D-BOOK) und Kalender brauchen es ebenfalls. In P12 vorläufig mit einem Dropdown überbrückt. → **Befund an D-D0b (UI-Baukasten)** |
| `Number Input` | Fest auf `min-w-[192px]` **und** `max-w-[192px]` — also exakt 192 px, weder schmaler noch breiter | Schmale Zahlenfelder (z. B. `Abstand` = »3«) sind unmöglich; volle Feldbreite ebenso. Bricht den Formular-Rhythmus. |
| `IconWithBackground` | Kein Violett-Variant (das Badge-Bauteil kann es) | Logik-Bausteine brauchen einen handgeschriebenen Farb-Override im Screen (z. B. K-L1 Wenn-Dann) |
## Lücken und Widersprüche (Abgleich 2026-07-13)
Der Baustein-Picker ([[S01 Flow-Editor]], Seite »Picker Kachel-Filter«) und dieser Katalog stimmen noch nicht überein:
| Befund | Was zu tun ist |
|---|---|
| Picker bietet **»E-Mail senden«** an — kein Konfig-Dialog vorhanden | Entweder Dialog nachbauen (Archetyp A2) oder aus dem Picker nehmen. Der Katalog kennt nur »Benachrichtigung senden« (Kanal E-Mail/Push/intern) — vermutlich derselbe Baustein unter zwei Namen. **David entscheidet.** |
| Picker bietet **»Zahlungsziel überschritten«** an — kein Konfig-Dialog vorhanden | Der Katalog führt das als Fristtyp *innerhalb* von »Deadline naht« (T2). Entweder aus dem Picker nehmen oder als eigenen Baustein aufnehmen. **David entscheidet.** |
| Picker sagt **»Termin in Kürze«**, der Dialog heißt **»Deadline naht«** | Auf einen Namen festlegen. |
| Picker sagt **»Datensatz ändern«**, der Dialog heißt **»Kontakt ändern«** | Auf einen Namen festlegen. Der Katalog meint den generischen Datensatz, der Dialog nur den Kontakt. |
| ✅ Picker bot **»Termin in Kürze«** und **»Zahlungsziel überschritten«** an — kein Dialog vorhanden | **Gelöst 2026-07-13:** Beide Fälle deckt jetzt der erweiterte Baustein **»Frist oder Termin«** ab. Im Picker müssen die zwei Einträge durch **einen** Eintrag »Frist oder Termin« ersetzt werden. |
| Picker bietet **»E-Mail senden«** an — kein Konfig-Dialog vorhanden | Der Katalog kennt nur »Benachrichtigung senden« (Kanal E-Mail/Push/intern) — vermutlich derselbe Baustein unter zwei Namen. **Noch zu entscheiden** (kommt in Block K-A dran). |
| Picker sagt **»Datensatz ändern«**, der Dialog heißt **»Kontakt ändern«** | Auf einen Namen festlegen. Der Katalog meint den generischen Datensatz, der Dialog nur den Kontakt. **Noch zu entscheiden** (Block K-A). |
| Picker zeigt nur **12 Bausteine**, der Katalog kennt **30** | Picker vollständig füllen (mit Suche/Filter ist die Menge tragbar). |
| Picker-Farben weichen ab (Orange/Blau/Neutral) | Auf das Schema oben umstellen (Entscheidung 2026-07-13). |
| Picker-Farben weichen ab (Orange/Blau/Neutral) | Auf das S05a-Schema umstellen (entschieden 2026-07-13). |
| Picker **siezt** (»Wählen Sie einen Baustein«) | Auf Duzen umstellen (entschieden 2026-07-13). |
## Offene Fragen
02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md
+4 -1
View File
@@ -58,7 +58,10 @@ Die Nicht-Canvas-Flächen der Automationen: Übersichtsliste, Lauf-Verläufe mit
| Vorlagen-Katalog mit »aus Automation erstellen« | genommen | SHK + eigene, nach Kategorie |
| Baustein-Konfig-Panels hier designen | genommen | typ-abhängige Klartext-Formulare je Auslöser/Aktion |
| ~~Konfig als eingebettetes Panel, nur zwei Muster~~ | **ERSETZT (07-12)** | Konfig ist jetzt ein **echter Dialog je Baustein**, und es wurden **alle 30** gebaut statt zwei Muster. Siehe [[S05a Baustein-Konfig Vorplanung]]. |
| Farbschema der Kategorien: S05a-Schema | **VORSCHLAG (07-13) — wartet auf David** | Grün/Rot/Blau/Gelb/Violett/Grau. Die 30 Dialoge stimmen bereits; der Baustein-Picker müsste nachziehen. Noch nicht entschieden. |
| Farbschema der Kategorien: S05a-Schema | genommen (07-13, Dejan) | Grün/Rot/Blau/Gelb/Violett/Grau. Die 30 Dialoge stimmen bereits; der **Baustein-Picker muss nachziehen**. |
| **Ansprache: durchgehend duzen** | genommen (07-13, Dejan) | Betrifft das ganze Produkt, nicht nur P12. In P12 behoben; der Baustein-Picker siezt noch. |
| Begriff: **Board**, nicht Pipeline | genommen (07-13, Dejan) | In K-T1 Lead qualifiziert behoben. |
| Erklär-Box bleibt handgebaut | genommen (07-13, Dejan) | Bewusste Ausnahme: Die Alert-Komponente kann kein Violett/Gelb und würde das Kategorie-Farbschema brechen. |
### Meldungs-/Error-States (validiert)
02 Wireframes/Screen Paket Tracker.md
+15 -3
View File
@@ -185,8 +185,8 @@ Diese Datei ist der erste Ort, um zu sehen:
| S03 | Abnahme Schritt 2: Maengel | WF-P9 Abnahme | BESPOKE-Mobile | Bauen | Validiert | Workflow | [MD](<P9 Auftrag/WF-P9 Abnahme/Screens/S03 Schritt Maengel.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) |
| S04 | Abnahme Schritt 3: Unterschriften | WF-P9 Abnahme | BESPOKE-Mobile | Bauen | Validiert | Workflow | [MD](<P9 Auftrag/WF-P9 Abnahme/Screens/S04 Schritt Unterschriften.md>) | - | [Canvas](<P9 Auftrag/WF-P9 Abnahme/WF-P9 Abnahme.canvas>) |
| S01 | Flow-Editor (Vollbild-Canvas) | WF-P12 Flow-Editor | BESPOKE | Bauen | In Subframe (Grundgeruest) / Review offen | `/automations/:id/edit` | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / Farbschema + fehlende Bausteine nachziehen | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01c | Canvas-Kontextmenue | WF-P12 Flow-Editor | Kontextmenue | Bauen | In Subframe / Review offen | Rechtsklick in S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / Farbschema + fehlende Bausteine nachziehen | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/6fab8a3e-c016-4381-b7e8-19414e8dcb7b/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01c | Canvas-Kontextmenue | WF-P12 Flow-Editor | Kontextmenue | Bauen | In Subframe / Review offen | Rechtsklick in S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit>) | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| S01d | Baustein-Karte + Kanten auf dem Canvas | WF-P12 Flow-Editor | BESPOKE | Bauen | **FEHLT — hoechste Prioritaet** | in S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md>) | - | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| M01 | Probelauf (Dry-Run) | WF-P12 Flow-Editor | Modal | Bauen | Subframe geloescht → neu bauen | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/M01 Probelauf.md>) | - | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
| M02 | Schleifen-Warnung | WF-P12 Flow-Editor | Modal | Bauen | Subframe geloescht → neu bauen | aus S01 | [MD](<P12 Automationen/WF-P12 Flow-Editor/Screens/M02 Schleifen-Warnung.md>) | - | [Canvas](<P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas>) |
@@ -197,6 +197,7 @@ Diese Datei ist der erste Ort, um zu sehen:
| S04 | Vorlagen-Katalog | WF-P12 Verwaltung | Karten-Liste | Bauen | Subframe geloescht → neu bauen (mit M03) | `/automations/templates` | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md>) | - | [Canvas](<P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas>) |
| S05 | Baustein-Konfig-Dialoge (alle 30) | WF-P12 Verwaltung | A5 Dialog | Bauen | In Subframe (30 gebaut) / Review offen | Dialog ueber 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 (Vorplanung, 30 Links) | WF-P12 Verwaltung | Vorplanung | Nur dokumentieren | Aktiv — Detailwahrheit fuer die Bausteine | — | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md>) | - | - |
| S05-Zeitplan-M | Zeitplan monatlich (Tag im Monat) | WF-P12 Verwaltung | A5 Dialog | Bauen | In Subframe (neu 07-15) | Zustand von »Zeitplan« | [MD](<P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/742004f9-97d5-446a-862a-3db1886ade6c/edit>) | - |
| S00 | Formulare verwalten | WF-D-FORM Form Builder | Formular-Zentrale | Bauen | Subframe Draft / Review offen | `/forms` | [MD](<D-FORM Formulare/WF-D-FORM Form Builder/Screens/01 S00 Formulare verwalten.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/2325aa7a-d968-4028-8282-0823b15bf964/edit>) | [Canvas](<D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas>) |
| E01 | S00 Keine Formulare | WF-D-FORM Form Builder | Empty State | Bauen | Subframe Draft / Review offen | `/forms` | [MD](<D-FORM Formulare/WF-D-FORM Form Builder/Screens/02 E01 S00 Keine Formulare.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/136c11b3-8310-4165-b4ba-9cf099ee0873/edit>) | [Canvas](<D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas>) |
| E02 | S00 Keine Treffer | WF-D-FORM Form Builder | Empty State | Bauen | Subframe Draft / Review offen | `/forms` | [MD](<D-FORM Formulare/WF-D-FORM Form Builder/Screens/03 E02 S00 Keine Treffer.md>) | [Subframe](<https://app.subframe.com/f023064a5ca0/design/ccf8d2f7-e7b4-4ffd-87f6-1785edc1b2f7/edit>) | [Canvas](<D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas>) |
@@ -346,7 +347,18 @@ Diese Datei ist der erste Ort, um zu sehen:
| WF-P12 Flow-Editor | Editor-Anordnung (neu) | Genommen | **Vollbild-Canvas · Baustein-Picker als Drawer · Konfig als echter Dialog je Baustein.** | Neuausrichtung 2026-07-12; Subframe gilt |
| WF-P12 Flow-Editor | Modus-Umschalter Bauen/Aktivitaet/Auswertung | **Offen — David muss entscheiden** | Im Editor-Kopf gebaut. »Auswertung« steht in keinem Ticket; »Aktivitaet« wuerde die Lauf-Liste in den Editor holen statt auf `/automations/:id/executions`. | Aufgefallen beim Abgleich 2026-07-13. Planung laeuft vorerst OHNE die Tabs |
| WF-P12 Verwaltung | Baustein-Konfig als Dialog | Genommen | Klick auf Baustein oeffnet echten Dialog, kein rechtes Panel. Alle 30 Bausteine gebaut statt zwei Muster. | David 2026-07-12; Katalog in S05a |
| WF-P12 Verwaltung | Farbschema der Baustein-Kategorien | **Vorschlag — wartet auf David** | S05a-Schema: Gruen=Ausloeser, Rot=Daten, Blau=Kommunikation, Gelb=Aufgaben, Violett=Logik, Grau=Integration. | Vorgelegt 2026-07-13. Die 30 Dialoge stimmen bereits; **Picker muesste nachziehen** (nutzt Orange). Noch nicht entschieden |
| WF-P12 Verwaltung | Farbschema der Baustein-Kategorien | Genommen | S05a-Schema: Gruen=Ausloeser, Rot=Daten, Blau=Kommunikation, Gelb=Aufgaben, Violett=Logik, Grau=Integration. | Dejan 2026-07-13 (Mandat David). Die 30 Dialoge stimmen; **Picker muss nachziehen** (nutzt Orange) |
| Produktweit | Ansprache: durchgehend **duzen** | Genommen | Kein Siezen. Betrifft alle Module, nicht nur P12. | Dejan 2026-07-13. In P12 behoben; Baustein-Picker siezt noch. **Muss ausserhalb P12 nachgezogen werden** |
| WF-P12 Verwaltung | »E-Mail eingegangen« = Ab v2 | Genommen | Baustein bleibt im Katalog, bekommt Badge »Ab v2« + Hinweisbox. Braucht Postfach-Sync (v2, → P23). | Dejan 2026-07-16 |
| WF-P12 Verwaltung | »E-Mail unzustellbar« Abhaengigkeit | Genommen | Bleibt v1-nutzbar; braucht aber D-KAMP + D-P14 (v1, ungebaut). Nur Reihenfolge-Hinweis fuer Dev. | Dejan 2026-07-16 |
| WF-P12 Verwaltung | Begriff Board statt Pipeline | Genommen | Das Ding heisst ueberall `Board`. | Dejan 2026-07-13; in K-T1 Lead qualifiziert behoben |
| WF-P12 Verwaltung | Erklaer-Box bleibt handgebaut | Genommen | Bewusste Ausnahme: Alert-Komponente kann kein Violett/Gelb und wuerde das Kategorie-Farbschema brechen. | Dejan 2026-07-13 |
| WF-P12 Verwaltung | Pflichtfeld-Muster | Genommen | Sternchen im Label + `Pflichtfeld.` am Ende des helpText. Vorbild K-A3 Aufgabe anlegen. | Dejan 2026-07-13 |
| Baukasten (D-D0b) | **Uhrzeit-Komponente fehlt komplett** | Offen | Date Picker ist ein reiner Kalender ohne Zeit. Betrifft **P12 + Plantafel (D-PLAN) + Terminbuchung (D-BOOK) + Kalender**. | Befund 2026-07-13. In P12 vorlaeufig mit Dropdown ueberbrueckt. Braucht eigene Standards-Runde |
| WF-P12 Verwaltung | Baustein »Frist oder Termin« ersetzt »Deadline naht« | Genommen | Bezug bekommt zusaetzlich `Termin`, Zeitangabe bekommt `danach` neben `vorher`. Deckt Terminerinnerung + Mahnwesen ab; die zwei Picker-Eintraege ohne Dialog entfallen dadurch. | Dejan 2026-07-13. **Subframe-Seite muss noch von Hand umbenannt werden** |
| WF-P12 Verwaltung | Zeitplan: Felder wechseln je Wiederholung | Genommen | Taeglich → nur Uhrzeit. Woechentlich → Wochentage + Uhrzeit. Monatlich → Tag im Monat + Uhrzeit. | Dejan 2026-07-13. **Zwei zusaetzliche Zustaende noch nicht gezeichnet** |
| 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 | Bausteine im Picker ohne Dialog | Offen | »E-Mail senden« und »Zahlungsziel ueberschritten« stehen im Picker, haben aber keinen Konfig-Dialog. Namens-Drift bei »Termin in Kuerze«/»Deadline naht« und »Datensatz aendern«/»Kontakt aendern«. | David; Details in S05a |
| WF-P12 Flow-Editor | Anlegen-Flow | Genommen | Start-Auswahl-Modal: leer ODER Vorlage (Katalog eingebettet). | Validiert 2026-07-09 |
| 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 |