toolctrl-labs/HiveGrid-Wireframes
9
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
58df5360aab2953ca8070f736eec2a135b855ea2
HiveGrid-Wireframes/02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Subframe Bau Log.md
T
davidandClaude Fable 5 04220c1431 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>
2026-07-13 19:45:43 +02:00

12 KiB
Raw Blame History

kind, project, ticket, package, status, stand
kind project ticket package status stand
subframe-build-log HiveGrid Screen Project D-FORM WF-D-FORM Form Builder Review-ready / Subframe Draft gebaut 2026-07-09

Subframe Bau Log - D-FORM

Projekt

Subframe-Projekt: Basedesign
Project ID: f023064a5ca0
Flow: (MCP) WF-D-FORM Form Builder
Flow-Link: https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad

Gebaut

Nr. ID Screen Status Subframe
01 S00 Formulare verwalten Hauptfluss https://app.subframe.com/f023064a5ca0/design/2325aa7a-d968-4028-8282-0823b15bf964/edit
02 E01 S00 Keine Formulare Hauptfluss / Empty https://app.subframe.com/f023064a5ca0/design/136c11b3-8310-4165-b4ba-9cf099ee0873/edit
03 E02 S00 Keine Treffer Hauptfluss / Empty https://app.subframe.com/f023064a5ca0/design/ccf8d2f7-e7b4-4ffd-87f6-1785edc1b2f7/edit
04 S01 Formularart auswaehlen Hauptfluss https://app.subframe.com/f023064a5ca0/design/c423ebcd-914f-4038-ab9f-7c2a745a8bec/edit
05 S02 Einfacher Fragen Editor Hauptfluss https://app.subframe.com/f023064a5ca0/design/181aaa0f-5ae7-4f74-acf7-8273fbbe4dd5/edit
05b S02L Lead Felder zuweisen Hauptfluss / Lead State https://app.subframe.com/f023064a5ca0/design/c8aa80cb-0cc8-473f-9fac-a09d395e6571/edit
05c E05 S02 Lead Zuweisung pruefen Hauptfluss / Lead Error https://app.subframe.com/f023064a5ca0/design/26600ce4-7baf-4ffb-9955-7c7d1eef99d1/edit
06 S03 Formular Design Hauptfluss https://app.subframe.com/f023064a5ca0/design/090f06a9-3fa7-4442-b8bc-035e95de7329/edit
07 S04 Oeffentliches Formular Public Zielbild https://app.subframe.com/f023064a5ca0/design/caef9ddd-03d6-4a26-8dc1-16aa198a7304/edit
08 V01 Public Erfolg oder Redirect Public State https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit
09 V02 Public Formular nicht verfuegbar Public State https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit
10 V03 Public Captcha oder Submit Fehler Public State https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit
11 S05 Antworten Tabelle Hauptfluss / Auswertung https://app.subframe.com/f023064a5ca0/design/9e8eeab7-44ea-4b77-85e6-0818d97e1ac3/edit
12 E03 S05 Keine Antworten Hauptfluss / Empty https://app.subframe.com/f023064a5ca0/design/6f56c14f-d66e-4734-8a29-a900ac74a8a7/edit
13 E04 S05 Export Fehler Hauptfluss / Error https://app.subframe.com/f023064a5ca0/design/00553ea4-9839-4d22-b540-9b9ef0bf014f/edit
81 S01C Website Formular Editor Spaeter / Referenz https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit
82 S01D Umfrage Editor Spaeter / Referenz https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit
83 S01E Internes Formular Editor Spaeter / Referenz https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit

Qualitaetscheck Builder

  • S01 ist als vereinfachter Einstieg gebaut: Nutzer waehlt Formularart vor dem Builder.
  • S01 nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S01 enthaelt Website-/Externes Formular, Lead-Formular, Fragebogen/Umfrage und Internes Formular.
  • S01 wurde am 2026-07-08 reduziert: keine doppelte Vorlagenzeile und keine einzelnen Auswaehlen-Links in den Karten; Auswahl ueber Karte + Weiter.
  • S01 macht Lead-Formular bewusst einfach: Antworten werden automatisch als Lead gespeichert, kein Mapping fuer normale Nutzer.
  • S02 nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S02 ist die Google-Forms-nahe Alternative: Titelkarte, Fragekarten, Google-Forms-nahe Fragetyp-Auswahl, mehrere editierbare Optionen, Pflichtfrage-Toggle und erweiterte Werkzeugleiste.
  • S02 zeigt Lead-Verknuepfung als ruhige blaue Card. Die Card nutzt denselben Layout-Aufbau wie die gruene Lead anlegen-Card: Icon links, Titel/Badge/Beschreibung in der Mitte, Aktionen rechts.
  • Arbeitsentscheidung: S02 ist aktuell der Haupt-Editor fuer alle Formulararten. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz; S01B ist aus dem Obsidian-Handoff entfernt.
  • S02-Fragetyp-Dropdown zeigt den aktuell gewaehlten Typ, z. B. Multiple-Choice-Frage; Fragetyp ist kein sichtbarer Wert.
  • Im aktuellen S02-Hauptdropdown bleiben nur: Kurzantwort, Absatz, Multiple-Choice-Frage, Mehrfachauswahl, Drop-down, Datei oder Bild hochladen, Datum und Zeit. Lineare Skala, Bewertung und Raster sind gestrichen.
  • In S02 bleiben Logic, Actions und Publish-Blocker einfach: Bedingung an der Frage, Nach Absenden/Lead anlegen als Card mit Felder zuweisen, Publish-Blocker als Banner/Popover im selben Screen.
  • S02L ist gebaut: Lead-Felder werden per Dropdown-Vorlage Formularfragen zugewiesen. Die blaue Lead-Card nutzt dort denselben Aufbau wie in S02.
  • E05 ist gebaut: unmoegliche oder fehlende Lead-Zuweisungen werden sichtbar markiert.
  • Layout-Hinweis fuer S02L/E05: Inhaltlich sind beide Zustaende gebaut. In Subframe bei der finalen Sichtpruefung einmal kontrollieren, ob das vorhandene Default Page Layout aktiv ist.
  • S01C nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S01C ist das Beispiel fuer Website-/Externes Formular: oeffentliche Anfrage, Public-Link-Hinweis, mCaptcha/Datenschutz, kein Lead-Mapping.
  • S01D nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S01D ist nur Referenz fuer Fragebogen/Umfrage; im aktuellen Hauptfluss keine Skala, Bewertung oder Raster bauen.
  • S01E nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S01E ist das Beispiel fuer Internes Formular: interne Meldung/Materialbedarf, Team-Ziel, keine Public-Link- oder Lead-Pipeline-Logik.
  • S01C und S01E wurden am 2026-07-07 neu aufgebaut, weil die alten Subframe-IDs nicht mehr auffindbar waren.
  • S00 nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S00 ist die Formular-Zentrale: Mehrfachfilter nach Status und Art, Suche, Sortierung, Tabelle und Zeilenaktionen.
  • S00 zeigt mehrere aktive Status-Filter; die Art-Filter stehen separat bereit, damit nicht nur ein einzelner Tab moeglich wirkt.
  • S03 nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S03 ist der Design-Tab: Logo, Akzentfarbe, Theme, Formularbreite, Datenschutz-Hinweis und Live-Vorschau der Kundensicht.
  • S05 nutzt das vorhandene Default Page Layout, nicht eine selbst nachgebaute Sidebar.
  • S05 ist der Antworten-Tab: Excel-aehnliche Tabelle, Suche, erweiterter Zeitraumfilter und Excel/CSV-Export. Keine Kennzahl-Kacheln, damit die Ansicht ruhig bleibt.
  • S05 hat keinen Link teilen-Button; Teilen/Link gehoert in den Veroeffentlichen-/Public-Link-Kontext.
  • E01/E02 decken die wichtigen leeren Zustaende der Formular-Zentrale ab: noch keine Formulare und Suche/Filter ohne Treffer.
  • E03/E04 decken die wichtigen Zustaende im Antworten-Tab ab: noch keine Antworten und Export-Fehler.
  • Layout-Check fuer E01-E04: In Subframe die Page Layout Auswahl pruefen und bei Bedarf Default Page Layout setzen. Per MCP kann ich Inhalte bauen/editieren, aber den Page-Layout-Typ nicht verlaesslich setzen.
  • Die alten Advanced-Screens und D07-D09 wurden aus dem Obsidian-Handoff entfernt, weil S02 der aktuelle Review-Hauptfluss ist.

Qualitaetscheck Public

  • S04 ist Kundensicht ohne App-Shell.
  • S04 zeigt Tenant, Formular-Intro, Name, Email, Telefon, Bereich, Beschreibung, Datei/Foto, Datenschutz-Checkbox, mCaptcha und Submit.
  • V01 bestaetigt klar, dass die Anfrage angekommen ist und deckt Redirect ab.
  • V02 ersetzt rohe 404/500-Fehler durch einen ruhigen Public-Blocker.
  • V03 behaelt Werte sichtbar und zeigt Captcha-, Upload- und Submit-Fehler ohne technische Details.
  • File Upload nutzt in S04 und V03 fullwith={true}, damit Upload-Felder die verfuegbare Formularbreite nutzen.
  • S04 und V03 nutzen jetzt die Card-Komponente fuer das zentrale Formularpanel. Die Groesse wird pro Instanz ueber className erweitert, nicht global an der Card-Komponente.
  • S04 und V03 sind optisch angeglichen: beide nutzen max-w-[760px], dieselbe Card-Logik und eine einspaltige Feldreihenfolge. V03 zeigt denselben Aufbau mit erhaltenen Werten plus Fehlerbanner/Inline-Fehler.

Komponenten-Notiz

Die Subframe-Komponente File Upload hat eine Boolean-Prop fullwith.

Stand 2026-07-06 wurde die Komponente angepasst:

  • fullwith={true} wirkt im Default-/Hover-/Error-Dropbereich.
  • fullwith={true} wirkt jetzt auch im uploading-Zustand.
  • fullwith={true} wirkt jetzt auch im uploaded-Zustand.

Merksatz: In Formularen nicht nur className="w-full" setzen, sondern bei File Upload auch fullwith={true} verwenden.

Noch offen

Fuer den alten D-FORM-Scope sind keine empfohlenen Frames mehr offen.

Durch Davids neues Lead-Feedback wurden zwei Zustaende ergaenzt und in Subframe gebaut: S02L Lead Felder zuweisen und E05 S02 Lead Zuweisung pruefen. S00, S01, S02, S02L/E05, S03, S04/Public States, S05 und E01-E04 bilden weiter den aktuellen Hauptfluss.

S01C/S01D/S01E sind gebaut, aber aktuell nicht relevant fuer den Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenzseiten erhalten. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt.

Subframe-Seitenliste: Per MCP kann ich bestehende Pages aktuell nicht umbenennen oder per Drag-and-drop sortieren. Fachlich gilt die Review-Reihenfolge unten. Falls die sichtbare Subframe-Liste sauber sortiert werden soll, die Pages in Subframe manuell umbenennen/ziehen.

Empfohlene sichtbare Sortierung:

  1. 01 S00 Formulare verwalten
  2. 02 E01 S00 Keine Formulare
  3. 03 E02 S00 Keine Treffer
  4. 04 S01 Formularart auswaehlen
  5. 05 S02 Einfacher Fragen Editor
  6. 05b S02L Lead Felder zuweisen
  7. 05c E05 S02 Lead Zuweisung pruefen
  8. 06 S03 Formular Design
  9. 07 S04 Oeffentliches Formular
  10. 08 V01 Public Erfolg oder Redirect
  11. 09 V02 Public Formular nicht verfuegbar
  12. 10 V03 Public Captcha oder Submit Fehler
  13. 11 S05 Antworten Tabelle
  14. 12 E03 S05 Keine Antworten
  15. 13 E04 S05 Export Fehler
  16. 81 S01C Website Formular Editor
  17. 82 S01D Umfrage Editor
  18. 83 S01E Internes Formular Editor

M01-M04 bleiben dokumentierte Confirm-Zustaende und werden nur gebaut, wenn David sie explizit anfordert.

Modal-Regel fuer spaeter

Die vier bereits gebauten Public-Screens sind keine Modals:

  • S04 Oeffentliches Formular
  • V01 Public Erfolg oder Redirect
  • V02 Public Formular nicht verfuegbar
  • V03 Public Captcha oder Submit Fehler

Falls spaeter D-FORM-M-Zustaende gebaut werden, muessen sie als Dialog-Komponente gebaut werden:

  • M01 Feld loeschen Confirm
  • M02 Unpublish Confirm
  • M03 Archive Confirm
  • M04 Unsaved Changes Confirm

Die alten Advanced-Detailframes D07/D08/D09 sind nicht mehr Teil dieses Obsidian-Handoffs.

Naechster Subframe-Schritt

Review in Subframe in dieser Reihenfolge:

  1. S00 Formulare verwalten
  2. E01 S00 Keine Formulare
  3. E02 S00 Keine Treffer
  4. S01 Formularart auswaehlen
  5. S02 Einfacher Fragen Editor
  6. S02L Lead Felder zuweisen
  7. E05 S02 Lead Zuweisung pruefen
  8. S03 Formular Design
  9. S04 Oeffentliches Formular
  10. V01 Public Erfolg oder Redirect
  11. V02 Public Formular nicht verfuegbar
  12. V03 Public Captcha oder Submit Fehler
  13. S05 Antworten Tabelle
  14. E03 S05 Keine Antworten
  15. E04 S05 Export Fehler

Danach nur bei Bedarf die spaeteren Referenzseiten pruefen: S01C/S01D/S01E.

Reference in new issue View Git Blame Copy Permalink