diff --git a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md new file mode 100644 index 00000000..a0bd852b --- /dev/null +++ b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md @@ -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]]. diff --git a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md new file mode 100644 index 00000000..e1de117f --- /dev/null +++ b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md @@ -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. diff --git a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas index b1a87a3c..bab6f6fc 100644 --- a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas +++ b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas @@ -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", diff --git a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md index c0d227df..e261320a 100644 --- a/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md +++ b/02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md @@ -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) | diff --git a/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md b/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md index ff0e427a..d7292cb2 100644 --- a/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md +++ b/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05a Baustein-Konfig Vorplanung.md @@ -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 diff --git a/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md b/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md index cd38482d..da6dfbb9 100644 --- a/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md +++ b/02 Wireframes/P12 Automationen/WF-P12 Verwaltung/WF-P12 Verwaltung.md @@ -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) diff --git a/02 Wireframes/Screen Paket Tracker.md b/02 Wireframes/Screen Paket Tracker.md index f1c7c515..91ed642d 100644 --- a/02 Wireframes/Screen Paket Tracker.md +++ b/02 Wireframes/Screen Paket Tracker.md @@ -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]() | - | [Canvas]() | | S04 | Abnahme Schritt 3: Unterschriften | WF-P9 Abnahme | BESPOKE-Mobile | Bauen | Validiert | Workflow | [MD]() | - | [Canvas]() | | S01 | Flow-Editor (Vollbild-Canvas) | WF-P12 Flow-Editor | BESPOKE | Bauen | In Subframe (Grundgeruest) / Review offen | `/automations/:id/edit` | [MD]() | [Subframe]() | [Canvas]() | -| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / Farbschema + fehlende Bausteine nachziehen | aus S01 | [MD]() | [Subframe]() | [Canvas]() | -| S01c | Canvas-Kontextmenue | WF-P12 Flow-Editor | Kontextmenue | Bauen | In Subframe / Review offen | Rechtsklick in S01 | [MD]() | [Subframe]() | [Canvas]() | +| S01b | Baustein-Picker (Drawer) | WF-P12 Flow-Editor | Drawer | Bauen | In Subframe / Farbschema + fehlende Bausteine nachziehen | aus S01 | [MD]() | [Subframe]() | [Canvas]() | +| S01c | Canvas-Kontextmenue | WF-P12 Flow-Editor | Kontextmenue | Bauen | In Subframe / Review offen | Rechtsklick in S01 | [MD]() | [Subframe]() | [Canvas]() | | S01d | Baustein-Karte + Kanten auf dem Canvas | WF-P12 Flow-Editor | BESPOKE | Bauen | **FEHLT — hoechste Prioritaet** | in S01 | [MD]() | - | [Canvas]() | | M01 | Probelauf (Dry-Run) | WF-P12 Flow-Editor | Modal | Bauen | Subframe geloescht → neu bauen | aus S01 | [MD]() | - | [Canvas]() | | M02 | Schleifen-Warnung | WF-P12 Flow-Editor | Modal | Bauen | Subframe geloescht → neu bauen | aus S01 | [MD]() | - | [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]() | - | [Canvas]() | | S05 | Baustein-Konfig-Dialoge (alle 30) | WF-P12 Verwaltung | A5 Dialog | Bauen | In Subframe (30 gebaut) / Review offen | Dialog ueber dem Editor | [MD]() | [Flow]() | [Canvas]() | | S05a | Baustein-Katalog (Vorplanung, 30 Links) | WF-P12 Verwaltung | Vorplanung | Nur dokumentieren | Aktiv — Detailwahrheit fuer die Bausteine | — | [MD]() | - | - | +| S05-Zeitplan-M | Zeitplan monatlich (Tag im Monat) | WF-P12 Verwaltung | A5 Dialog | Bauen | In Subframe (neu 07-15) | Zustand von »Zeitplan« | [MD]() | [Subframe]() | - | | S00 | Formulare verwalten | WF-D-FORM Form Builder | Formular-Zentrale | Bauen | Subframe Draft / Review offen | `/forms` | [MD]() | [Subframe]() | [Canvas]() | | E01 | S00 Keine Formulare | WF-D-FORM Form Builder | Empty State | Bauen | Subframe Draft / Review offen | `/forms` | [MD]() | [Subframe]() | [Canvas]() | | E02 | S00 Keine Treffer | WF-D-FORM Form Builder | Empty State | Bauen | Subframe Draft / Review offen | `/forms` | [MD]() | [Subframe]() | [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 |