From 8d1ba9cf783a65350f022b8626718ba38472caef Mon Sep 17 00:00:00 2001 From: DeeCee03 Date: Fri, 17 Jul 2026 17:59:05 +0200 Subject: [PATCH] Validate P12 blocks K-L (logic) + K-I (HTTP); green info boxes everywhere - Info boxes: all 30 block dialogs now use a green help box (David- approved + Dejan). Icon and badge keep their category colour. Solves the "red reads as error" issue without dropping category coding. - K-L logic (8 dialogs): info boxes greened; Filter icon fixed from brand colour to purple. Still open (structure, not colour): condition builder differs (Wenn-Dann/Oder/Filter use field+operator+value, Und picks a ready-made condition); icon rendering and dialog widths inconsistent; Warten "Dauer" should be a number field. Outputs (Ja/Nein, paths, Weiter/Fertig) are shown clearly across all. - K-I HTTP request: validated, exemplary for a pro block; no fix beyond green info box. Co-Authored-By: Claude Opus 4.8 (1M context) --- .../S05a Baustein-Konfig Vorplanung.md | 27 ++++++++++++++++++- 02 Wireframes/Screen Paket Tracker.md | 4 +++ 2 files changed, 30 insertions(+), 1 deletion(-) 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 b62e0e87..b46818ee 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 @@ -199,7 +199,7 @@ Läuft seit 2026-07-13. Validiert von **Dejan** (mit ausdrücklichem Mandat von | **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. | +| **Erklär-Box (Info-Kasten unten)** | Bleibt handgebaut. **Immer GRÜN** in allen Dialogen — entschieden David (abgesegnet) + Dejan (2026-07-16/17). Nicht kategorie-farbig. Symbol und Badge behalten dagegen ihre **Kategorie-Farbe** (Auslöser grün, Daten rot, Kommunikation blau, Aufgaben gelb, Logik violett, Integration grau). Grund: Der rote/violette Info-Kasten wirkte wie eine Warnung; ein einheitlich grüner Hilfetext ist freundlich und ruhig, während Symbol+Badge weiter die Kategorie zeigen. | | **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 @@ -256,6 +256,31 @@ Bester Block bisher — Struktur, Sichtbarkeit der Labels und Duzen durchgehend **Wichtig für Subframe (von Hand):** Die Seite `K-A1 Kontakt aendern` sollte zu `K-A1 Datensatz aendern` umbenannt werden (Inhalt stimmt schon). Der Picker-Eintrag »E-Mail senden« bekommt jetzt einen echten Dialog; der neue Baustein ist auch im Picker als eigener Kommunikations-Eintrag zu führen. +### Info-Kästen: alle 30 auf Grün (2026-07-17) + +Entscheidung David (abgesegnet) + Dejan: Der Erklär-/Info-Kasten unten in **jedem** Dialog ist grün — nicht mehr kategorie-farbig. Symbol und Badge behalten die Kategorie-Farbe. Umgesetzt in allen 30 Dialogen (16 Auslöser waren schon grün; die 14 Aktions-, Logik- und Integrations-Dialoge nachgezogen). Damit ist das »Rot wirkt wie Fehler«-Problem gelöst, ohne die Kategorie-Codierung aufzugeben. + +### Block K-L — Logik (8 Dialoge) — teil-validiert 2026-07-17 + +Info-Kästen gegrünt. Zwei klare Fehler direkt behoben: +- **Filter**: Symbol war markenfarbig (`variant="primary"`) statt violett → auf Violett korrigiert. +- Info-Kästen aller 8 Logik-Dialoge gegrünt. + +**Noch offen — braucht Davids/Dejans Entscheidung (Struktur, nicht Farbe):** + +| Befund | Details | +|---|---| +| **Bedingungen werden auf zwei Arten gebaut** | »Wenn-Dann«, »Oder«, »Filter« bauen eine Bedingung aus drei Teilen (Feld + Vergleich + Wert). »Und« lässt dagegen eine **fertige Bedingung aus einer Liste** wählen (»Anlagentyp = Wärmepumpe«). Zwei fast gleiche Bausteine, völlig unterschiedliche Bedienung. → auf **ein** Muster einigen. | +| **Symbol-Darstellung uneinheitlich** | Wenn-Dann/Und/Switch/Wert setzen: `IconWithBackground` mit Violett-Hintergrund. »Oder«: Symbol **handgebaut** als eigenes div. Glyph-Farbe mal neutral, mal violett. → auf ein Muster vereinheitlichen. | +| **Dialog-Breiten springen** | Wenn-Dann und Filter stehen auf `large` (1200 px) für 2 Bedingungszeilen — deutlich zu breit. Oder/Switch `medium`, Und/Warten/Schleife/Wert setzen `default` (560). → einheitliche Breite je Komplexität. | +| **Warten**: »Dauer« ist Textfeld | Sollte Zahlenfeld sein (wie bei »Frist oder Termin« / »Projekt gewonnen«). Zusätzlich: Icon hat `variant="primary"` **und** Violett-Override gleichzeitig (widersprüchlich). | + +Gut gelöst in K-L: Alle zeigen ihre **Ausgänge** klar an (Ja/Nein, Weg 1/2/3 + Sonst, Weiter/Fertig). Klartext durchgehend, Duzen durchgehend. + +### Block K-I — Integration (1 Dialog: HTTP-Anfrage) — ✅ validiert 2026-07-17 + +Vorbildlich für einen technischen Baustein: zwei Badges (»Integration« + »Profi-Baustein«), Klartext-Feldnamen (»Adresse (URL)«, »Kopfzeilen«), Erklärung »GET holt Daten, POST sendet Daten«, URL als Pflichtfeld, Hinweis »im Zweifel Support fragen«. Info-Kasten gegrünt. Keine weitere Reparatur. + ### Befunde am Baukasten (nicht selbst ändern — Sperrgebiet) | Komponente | Befund | Auswirkung | diff --git a/02 Wireframes/Screen Paket Tracker.md b/02 Wireframes/Screen Paket Tracker.md index 1f4f487e..09cfc118 100644 --- a/02 Wireframes/Screen Paket Tracker.md +++ b/02 Wireframes/Screen Paket Tracker.md @@ -355,6 +355,10 @@ Diese Datei ist der erste Ort, um zu sehen: | WF-P12 Verwaltung | E-Mail und Benachrichtigung = zwei Bausteine | Genommen | »Benachrichtigung senden« = intern (Push/In-App); neuer »E-Mail senden« = extern an Kunden. | Dejan 2026-07-16. E-Mail-Baustein neu gebaut | | WF-P12 Verwaltung | Daten-Bausteine: Rot entschaerfen | Genommen | Kategorie-Rot (`ui-red`) statt Gefahr-Rot (`feedback-negative`); einheitlich mit Logik-Violett-Muster. Style bleibt, wirkt nicht mehr wie Fehler. | Dejan 2026-07-16 | | Baukasten (D-D0b) | Badge/Icon: kein Kategorie-Rot/Gelb | Offen | Nur Gefahr-Rot + Warnung-Gelb vorhanden; blaue/violette Kategorie-Varianten schon da. Die 30 Dialoge mischen dadurch ui- und feedback-Token. | Befund 2026-07-16. Volle Einheitlichkeit braucht ui-red/ui-yellow-Varianten → Standards-Runde | +| WF-P12 Verwaltung | Info-Kaesten aller 30 Dialoge = gruen | Genommen | Erklaer-Kasten unten ueberall gruen; Symbol+Badge behalten Kategorie-Farbe. Loest »Rot wirkt wie Fehler«. | David (abgesegnet) + Dejan 2026-07-17. Alle 30 umgesetzt | +| WF-P12 Verwaltung | K-L Logik: Bedingungs-Aufbau uneinheitlich | **Offen** | »Wenn-Dann/Oder/Filter« bauen Feld+Vergleich+Wert; »Und« waehlt fertige Bedingung aus Liste. Auf ein Muster einigen. | Befund 2026-07-17, Details in S05a | +| WF-P12 Verwaltung | K-L Logik: Symbol + Dialog-Breite uneinheitlich | **Offen** | Symbole mal Komponente mal handgebaut; Breiten large/medium/default gemischt. | Befund 2026-07-17; Filter-Symbol (war markenfarbig) bereits korrigiert | +| WF-P12 Verwaltung | K-I HTTP-Anfrage | Validiert | Vorbildlich fuer Profi-Baustein; keine Reparatur. | Dejan 2026-07-17 | | 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 |