Author SHA1 Message Date
raffaelandClaude Opus 5.5 d09f79b673 chore(infra): Gitea-Host auf git.hg-int.dev umstellen
Gitea läuft seit 2026-11-11 auf hivegrid-control (git.hg-int.dev);
git.tool-ctrl.de wird abgeschaltet.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-11 18:53:32 +01:00
david c4701e5b37 docs: finalize tags and badges handoff 2026-09-25 19:23:30 +02:00
david 59ea14854b docs: sync S09 direct time picker 2026-09-03 14:12:11 +02:00
david 08fb19f605 docs: finalize appointment booking handoff 2026-09-03 07:02:01 +02:00
david e0a963aaab docs: sync wireframes and finalize calendar 2026-08-31 19:35:19 +02:00
david 586994e28c docs: finalize contacts and organizations handoff 2026-08-29 04:36:36 +02:00
david 6ea5f6fd28 docs: update notification flow references 2026-08-27 03:26:10 +02:00
david 628d5e1c87 docs: finalize D-P3 notification handoff 2026-08-27 03:19:37 +02:00
david 1eb7765b41 docs(p4): finalize tasks handoff 2026-08-23 22:02:58 +02:00
david 058d72be72 docs: finalize P7 lead handoff and sync project 2026-08-20 20:22:19 +02:00
david d953a79e95 chore(repo): sync wireframe structure and references 2026-08-08 03:09:06 +02:00
david 05d2d5777f docs(p15): finalize team chat handoff 2026-08-08 01:26:20 +02:00
david 108a0c0437 docs(p12): save flow editor canvas layout 2026-08-04 18:07:13 +02:00
david 3602dbeaa8 docs(p12): finalize workflow engine handoff 2026-08-04 18:02:21 +02:00
david 0898b466e1 docs(p12): correct template modal and credentials 2026-08-04 17:37:15 +02:00
david 2476676771 docs(p12): add run template and credential variants 2026-08-04 17:22:21 +02:00
david 58df5360aa docs(p12): finalize S02 run list 2026-08-04 16:27:46 +02:00
david 1f95ad2575 docs(p12): clarify automation run context 2026-08-04 16:20:22 +02:00
david 6e4dba7146 docs(p12): add reviewed run list v3 2026-08-04 16:08:48 +02:00
david 78e8d13ce6 docs(p12): split editor and admin flows 2026-08-04 15:53:59 +02:00
david ec83173ac2 docs(p12): finalize automation list v3 2026-08-04 00:40:23 +02:00
david a9e640dd2b docs(p12): consolidate automation list v3 2026-08-03 18:31:27 +02:00
david 3c546693a5 docs(p12): add credentials and toggle confirmations 2026-08-03 17:47:40 +02:00
david 6682f98806 docs(p12): sync workflow engine screen variants 2026-08-03 17:07:59 +02:00
david f3823d9107 Sync P12 Subframe screens with Obsidian 2026-08-03 16:12:22 +02:00
david 7f88026f79 Refresh HiveGrid Cloud reference snapshot 2026-08-03 15:31:14 +02:00
david 5e99e14772 Update automation and RBAC canvas layouts 2026-08-03 15:30:11 +02:00
david 8266352421 Finalize P8 pipeline wireframe handoff 2026-07-28 19:32:30 +02:00
dejanandClaude Opus 4.8 8ee75ae314 P12 todo: mark screen-review findings as reported by Dejan
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 22:28:07 +02:00
dejanandClaude Opus 4.8 995d9042e0 Remove S01d filled-editor mockup, revert to 'fehlt' placeholder
Deleted the S01d Subframe page and its Obsidian traces (screen file,
tracker row, canvas node) at Dejan's request. Back to the state before
the editor heart-piece mockup: S01d is again a 'FEHLT' placeholder, since
the block card on the canvas still needs to be built.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 21:42:23 +02:00
dejanandClaude Opus 4.8 18f9778d6b P12 todo: K-A2 message TextArea width-vs-height component limit
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 21:39:09 +02:00
dejanandClaude Opus 4.8 d8311c95de P12 todo: remove K-L2 Warten alignment (fixed by Dejan)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 20:16:22 +02:00
dejanandClaude Opus 4.8 d1d7efff12 P12 todo: K-L2 Warten Dauer/Einheit height alignment
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 20:14:54 +02:00
dejanandClaude Opus 4.8 607264da13 P12 todo: K-A2 overlap fixed via autofill, only width remains open
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-25 18:24:04 +02:00
dejanandClaude Opus 4.8 3d25eda767 P12 todo: Benachrichtigung textarea confirmed, fillContainer toggle doesn't fix
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-25 18:17:33 +02:00
dejanandClaude Opus 4.8 206ad711e9 P12 todo: drop done item, keep only open (Benachrichtigung/E-Mail textarea)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-25 18:14:18 +02:00
dejanandClaude Opus 4.8 867f94c85b P12 todo: textarea collapse issue (Notiz fixed; Benachrichtigung/E-Mail open)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-25 18:12:20 +02:00
dejanandClaude Opus 4.8 512c8b5a92 Add P12 review todo list, embed in central Todo.md
Screen-by-screen review pass (with Dejan). New P12 todo file mirrors the
Subframe-UI-Standards pattern and is embedded into the central Todo.md as
its own sub-project. Seeded with the first finding (Frist oder Termin:
"Abstand" field not full width) plus the already-documented hand-over
items from the K validation.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-25 17:53:28 +02:00
david d1c030d28c docs: update Subframe standards and project map 2026-07-25 17:49:00 +02:00
dejanandClaude Opus 4.8 f14e57ae8b Editor heart piece: first filled-canvas pattern (block cards + edges)
Built the missing core of the flow editor as a new Subframe page "S01d
Editor gefuellt": a filled canvas with a real left-to-right flow —
Neue Anfrage -> Wenn-Dann -> (Ja) Aufgabe anlegen / (Nein) E-Mail senden.

Validated with Dejan (2026-07-17):
- Flow direction: left to right (n8n pattern)
- Card content: icon + name + plain-text summary (e.g. "Neue Anfrage —
  aus Quelle: Website"), so the whole flow reads without opening cards
- Category colour on the icon; branch cards (Wenn-Dann) get two right
  connection points, green "Ja" over neutral "Nein"

Editor chrome (header, mode toggle, minimap, toolbar) matches V1
Vollbild minimal. Obsidian synced: new screen file S01d, tracker row
updated from "FEHLT" to "In Subframe", canvas node now points to the
built page.

Still to build (noted in S01d): selected-card state, inline validation
badges (not connected / missing field / loop), empty->filled transition,
right-click node menu, real edge interaction.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-17 18:42:31 +02:00
dejanandClaude Opus 4.8 9d26dce586 K-L: Warten duration to number field; note dialog-width fix
- Warten "Dauer" switched from text to Number Input; cleaned up the
  contradictory icon attribute (variant primary + purple override) to
  the plain purple pattern.
- Dialog width (Wenn-Dann + Filter on large/1200px for two rows):
  documented as an open by-hand fix for David (Dialog.Content -> Size ->
  Medium), too risky to rewrite the whole page via MCP.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-17 18:24:24 +02:00
dejanandClaude Opus 4.8 257a812862 K-L logic: conditions unify on custom builder only (drop toggle)
After weighing it, Dejan decided against the Einfach/Erweitert toggle:
a ready-made condition list bakes in fixed values that rarely fit (every
business wants different thresholds) and isn't maintainable (fields are
per-tenant). One friendly custom builder (field + operator + value, plain
wording) covers everything and stays consistent.

- Removed the toggle from Wenn-Dann and deleted the "einfach" frame.
- Rebuilt "Und" from the ready-made list onto the custom builder, so all
  four condition blocks (Wenn-Dann, Und, Oder, Filter) now build
  conditions the same way.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-17 18:20:25 +02:00
dejanandClaude Opus 4.8 62c72b5304 K-L logic: condition builder gets Einfach/Erweitert toggle
Decision (Dejan): logic condition blocks unify on a toggle — default
"Einfach" (pick a ready-made condition), toggle "Erweitert" for the pro
builder (field + operator + value). Pattern built on Wenn-Dann: the
existing dialog is the Erweitert state (toggle added, set to Erweitert),
plus a new "K-L1 Wenn-Dann einfach" frame for the simple state.

Rollout to Oder, Und, Filter still pending (each needs the missing mode
+ toggle).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-17 18:11:29 +02:00
dejanandClaude Opus 4.8 8d1ba9cf78 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) <noreply@anthropic.com>
2026-07-17 17:59:05 +02:00
dejanandClaude Opus 4.8 f4cb863b58 Validate P12 block K-A (actions), apply decisions
Validation of the 5 action dialogs (now 6). Findings fixed in Subframe,
decisions recorded.

Decisions (Dejan):
- "Kontakt ändern" → "Datensatz ändern" (also covers project/order)
- E-Mail vs. Benachrichtigung = two separate blocks: "Benachrichtigung
  senden" is now internal only (push/in-app); new "E-Mail senden" block
  built for customer emails
- Data-category red softened from danger tokens (feedback-negative) to
  category tokens (ui-red), matching how logic blocks use ui-purple —
  keeps red, no longer reads as an error
- Missing required fields marked: Notiztext, Benachrichtigung/Nachricht

Baukasten findings (D-D0b, not touched): BadgeFeedback and
IconWithBackground have no category red/yellow variant (only danger/
warning), so the 30 dialogs mix ui- and feedback- tokens. Full
consistency needs new ui-red/ui-yellow variants — flagged for a
standards round.

Still open by hand in Subframe: rename page "K-A1 Kontakt aendern" to
"Datensatz aendern".

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-16 17:48:22 +02:00
dejanandClaude Opus 4.8 6fdcb556c7 Validate P12 blocks K-T1/K-T2/K-T3, apply decisions
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>
2026-07-16 17:32:09 +02:00
dejanandClaude Opus 4.8 318e34fe9c Sync P12 planning with actual Subframe state
Subframe was rebuilt on 07-11/12 and the vault still pointed at deleted
pages. Verified the whole P12 flow via MCP and brought the notes in line.

- Editor direction updated: the validated three-column layout (catalog
  left / config right) was dropped in Subframe. Now full-screen canvas +
  block picker as drawer + config as real dialog. Old decision struck
  through, not deleted, so the history stays readable.
- Removed 10 dead Subframe links. M01-M03 and Verwaltung S01-S04 were
  deleted in Subframe and are back to "needs rebuild"; review findings
  from the deleted drafts kept as input for the rebuild.
- S05 is no longer two sample panels but all 30 block config dialogs.
  S05a is now the source of truth for the blocks and carries verified
  links to all 30, plus a new gap list (picker offers blocks that have
  no dialog, naming drift, colour mismatch).
- Tracker: P12 rows rewritten; editor split into S01/S01b picker /
  S01c context menu / S01d block card + edges (missing, top priority).

Open for David, explicitly marked as unresolved: the Bauen/Aktivitaet/
Auswertung mode switch (in no ticket) and the block colour scheme.

Canvas files deliberately untouched until the screen split is approved.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-13 20:16:35 +02:00
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
6645 changed files with 1238081 additions and 194629 deletions

No files matched your search

+3 -1
View File
@@ -1,3 +1,5 @@
[
"editor-width-slider"
"editor-width-slider",
"better-embedded-canvas",
"advanced-canvas"
]
File diff suppressed because it is too large. Load diff
+11
View File
@@ -0,0 +1,11 @@
{
"id": "advanced-canvas",
"name": "Advanced Canvas",
"version": "6.4.0",
"minAppVersion": "1.7.2",
"description": "Supercharge your canvas experience! Create presentations, flowcharts and more!",
"author": "Developer-Mike",
"authorUrl": "https://github.com/Developer-Mike",
"fundingUrl": "https://ko-fi.com/X8X27IA08",
"isDesktopOnly": false
}
+536
View File
@@ -0,0 +1,536 @@
/* src/styles.scss */
.ac-settings .properties-field > .setting-item-info {
flex: 0;
margin: 0;
padding: var(--size-4-1) var(--size-4-2);
border: var(--input-border-width) solid var(--background-modifier-border);
border-radius: var(--input-radius) 0 0 var(--input-radius);
}
.ac-settings .properties-field > .setting-item-control > input {
width: 100%;
border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.ac-settings .ac-settings-heading:not(:first-child) {
margin-top: var(--size-4-10) !important;
}
.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) {
border-bottom-color: var(--background-modifier-border-hover);
}
.ac-settings .ac-settings-heading .setting-item-description {
margin-inline-end: 20px;
}
.ac-settings .settings-header-children {
transform-origin: top center;
transform: scaleY(1);
transition: transform 0.2s ease-in-out;
}
.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) + .settings-header-children {
opacity: 0.5;
pointer-events: none;
height: 0;
transform: scaleY(0);
}
.ac-settings .setting-item > .setting-item-control input[type=text] {
width: 75px;
}
.ac-settings details.setting-item {
flex-direction: column;
align-items: initial;
}
.ac-settings details.setting-item:not([open]) {
row-gap: 0;
}
.ac-settings details.setting-item[open] {
padding-bottom: var(--size-4-2);
}
.ac-settings details.setting-item[open] > summary {
margin-bottom: var(--size-4-2);
}
.ac-settings details.setting-item > *:not(summary) {
border: 1px solid var(--background-primary);
}
.ac-settings .kofi-banner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: var(--size-4-3);
background-color: var(--background-primary-alt);
border-radius: var(--radius-m);
}
.ac-settings .kofi-banner .ac-kofi-banner-title {
margin: 0;
font-size: var(--font-ui-small);
font-weight: 600;
}
.ac-settings .kofi-banner .ac-kofi-button {
width: min-content;
height: min-content;
line-height: 0;
}
.ac-settings .kofi-banner .ac-kofi-button img {
min-width: 75px;
width: 25%;
max-width: 100px;
}
.canvas-wrapper > .document-search-container {
transform: translateZ(0);
margin: 0;
}
.canvas-wrapper:not(.mod-readonly) .show-while-readonly {
display: none;
}
.canvas-control-item[data-toggled=true] {
background-color: var(--color-accent);
}
.canvas-control-item[data-toggled=true] svg {
stroke: var(--text-on-accent);
}
.reactive-node,
.canvas-node[data-shape=database],
.canvas-node[data-shape=document],
.canvas-node[data-shape=predefined-process],
.canvas-node[data-shape=diamond] {
--border-color: rgb(var(--canvas-color));
--border-width: 3px;
--box-shadow: none;
}
.reactive-node.is-focused,
.is-focused.canvas-node[data-shape=database],
.is-focused.canvas-node[data-shape=document],
.is-focused.canvas-node[data-shape=predefined-process],
.is-focused.canvas-node[data-shape=diamond],
.reactive-node.is-selected,
.is-selected.canvas-node[data-shape=database],
.is-selected.canvas-node[data-shape=document],
.is-selected.canvas-node[data-shape=predefined-process],
.is-selected.canvas-node[data-shape=diamond] {
--border-color: var(--color-accent);
--border-width: 5px;
--box-shadow: var(--shadow-border-accent);
}
.reactive-node.is-themed,
.is-themed.canvas-node[data-shape=database],
.is-themed.canvas-node[data-shape=document],
.is-themed.canvas-node[data-shape=predefined-process],
.is-themed.canvas-node[data-shape=diamond] {
--border-color: rgba(var(--canvas-color), 0.7);
}
.reactive-node.is-themed.is-focused,
.is-themed.is-focused.canvas-node[data-shape=database],
.is-themed.is-focused.canvas-node[data-shape=document],
.is-themed.is-focused.canvas-node[data-shape=predefined-process],
.is-themed.is-focused.canvas-node[data-shape=diamond],
.reactive-node.is-themed.is-selected,
.is-themed.is-selected.canvas-node[data-shape=database],
.is-themed.is-selected.canvas-node[data-shape=document],
.is-themed.is-selected.canvas-node[data-shape=predefined-process],
.is-themed.is-selected.canvas-node[data-shape=diamond] {
--border-color: rgb(var(--canvas-color));
--box-shadow: var(--shadow-border-themed);
}
.canvas-node[data-text-align=center] .markdown-preview-view {
scrollbar-gutter: auto;
}
.canvas-node[data-text-align=center] .markdown-preview-view .markdown-preview-section {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
vertical-align: middle;
}
.canvas-node[data-text-align=right] {
text-align: right;
}
.canvas-node[data-shape] .canvas-node-container .markdown-preview-view.markdown-rendered {
transform: unset;
}
.canvas-node[data-shape=pill] .canvas-node-container {
border-radius: 5000px;
}
.canvas-node[data-shape=diamond] {
}
.canvas-node[data-shape=diamond].is-focused,
.canvas-node[data-shape=diamond].is-selected {
border-radius: var(--radius-m);
outline: 2px solid var(--color-accent);
outline-offset: 5px;
}
.canvas-node[data-shape=diamond] .canvas-node-container {
border: none;
box-shadow: none !important;
}
.canvas-node[data-shape=diamond] .canvas-node-container:not(:has(.embed-iframe)) {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
}
.canvas-node[data-shape=diamond] .canvas-node-container .canvas-node-placeholder::after {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
}
.canvas-node[data-shape=diamond]::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.42135624 141.42135624' preserveAspectRatio='none'%3E%3Cstyle%3E rect %7B transform-origin: center; transform: rotate(45deg) scale(1.05); %7D %3C/style%3E%3Crect rx='8' x='20.71067812' y='20.71067812' width='100' height='100' /%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
content: "";
position: absolute;
top: calc(var(--border-width) * -1);
left: calc(var(--border-width) * -1);
width: calc(100% + var(--border-width) * 2);
height: calc(100% + var(--border-width) * 2);
background-color: var(--border-color);
}
.canvas-node[data-shape=parallelogram] .canvas-node-container {
transform: skewX(-20deg);
backface-visibility: hidden;
}
.canvas-node[data-shape=parallelogram] .canvas-node-container .canvas-node-content > .markdown-embed-content {
transform: skewX(20deg);
}
.canvas-node[data-shape=circle] .canvas-node-container {
border-radius: 50%;
}
.canvas-node[data-shape=circle] .canvas-node-container .markdown-preview-view {
overflow-y: initial;
}
.canvas-node[data-shape=predefined-process] .canvas-node-container .canvas-node-content {
padding: 0 10px;
}
.canvas-node[data-shape=predefined-process] .canvas-node-container::before,
.canvas-node[data-shape=predefined-process] .canvas-node-container::after {
content: "";
z-index: 1;
position: absolute;
top: 0;
width: 0;
height: 100%;
border-left: var(--border-width) solid var(--border-color);
}
.canvas-node[data-shape=predefined-process] .canvas-node-container::before {
left: calc(10px - var(--border-width));
}
.canvas-node[data-shape=predefined-process] .canvas-node-container::after {
right: calc(10px - var(--border-width));
}
.canvas-node[data-shape=document] {
--border-width: 2.5px;
filter: drop-shadow(0 var(--border-width) 0 var(--border-color)) drop-shadow(0 calc(var(--border-width) * -1) 0 var(--border-color));
}
.canvas-node[data-shape=document] .canvas-node-container {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 45' preserveAspectRatio='none'%3E%3Cpath d='M75 0 75 39.375Q56.25 29.25 37.5 39.375 18.75 49.5 0 39.375L0 0Z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 45' preserveAspectRatio='none'%3E%3Cpath d='M75 0 75 39.375Q56.25 29.25 37.5 39.375 18.75 49.5 0 39.375L0 0Z' /%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
border: var(--border-width) solid var(--border-color);
border-top: none;
border-bottom: none;
}
.canvas-node[data-shape=document].is-focused,
.canvas-node[data-shape=document].is-selected {
--border-width: 4px;
}
.canvas-node[data-shape=database] {
}
.canvas-node[data-shape=database] .canvas-node-container {
border: var(--border-width) solid var(--border-color);
border-bottom: 0;
border-top: 0;
border-radius: 0;
box-shadow: none !important;
}
.canvas-node[data-shape=database] .canvas-node-container .canvas-node-placeholder {
transform: translateY(25px);
}
.canvas-node[data-shape=database]::before,
.canvas-node[data-shape=database]::after {
content: "";
position: absolute;
left: 0;
box-sizing: border-box;
width: 100%;
height: 50px;
border-radius: 50%;
border: var(--border-width) solid var(--border-color);
background-color: var(--background-primary);
}
.canvas-node[data-shape=database]::after {
top: -25px;
}
.canvas-node[data-shape=database]::before {
bottom: -25px;
}
.canvas-node[data-shape=database].is-themed .canvas-node-content {
background-color: transparent;
}
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe)) .canvas-node-container,
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::after,
.canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::before {
box-shadow: inset 0 0 0 1000px rgba(var(--canvas-color), 0.07) !important;
}
.canvas-node[data-shape=database] .canvas-node-content:not(:has(.embed-iframe)) {
transform: translateY(20px);
}
.canvas-node[data-shape=database]:has(.embed-iframe)::after {
z-index: -1;
}
.canvas-node[data-border=dashed] .canvas-node-container {
box-shadow: none;
border-style: dashed;
}
.canvas-node[data-border=dotted] .canvas-node-container {
box-shadow: none;
border-style: dotted;
}
.canvas-node[data-border=invisible] {
box-shadow: none;
}
.canvas-node[data-border=invisible]:not(.is-focused):not(.is-selected) .canvas-node-container {
border-color: transparent !important;
}
.canvas-node[data-border=invisible] .canvas-node-label {
display: none;
}
.canvas-node[data-border=invisible] .canvas-node-container {
background-color: transparent;
box-shadow: none;
}
.canvas-node[data-border][data-shape=predefined-process] {
--border-width: 2px;
}
.canvas-node[data-border][data-shape=predefined-process] .is-focused,
.canvas-node[data-border][data-shape=predefined-process] .is-selected {
--border-width: 2px;
}
.canvas-node[data-border=dashed][data-shape=predefined-process] .canvas-node-container::before,
.canvas-node[data-border=dashed][data-shape=predefined-process] .canvas-node-container::after {
border-left: var(--border-width) dashed var(--border-color);
}
.canvas-node[data-border=dotted][data-shape=predefined-process] .canvas-node-container::before,
.canvas-node[data-border=dotted][data-shape=predefined-process] .canvas-node-container::after {
border-left: var(--border-width) dotted var(--border-color);
}
.canvas-node[data-border][data-shape=document] .canvas-node-container {
border-top: none;
border-bottom: none;
}
.canvas-edges path[data-path=dotted] {
stroke-dasharray: calc(3px * var(--zoom-multiplier));
}
.canvas-edges path[data-path=short-dashed] {
stroke-dasharray: 9px;
}
.canvas-edges path[data-path=long-dashed] {
stroke-dasharray: 18px;
}
.canvas-edges [data-arrow=triangle-outline] polygon,
.canvas-edges [data-arrow=diamond-outline] polygon,
.canvas-edges [data-arrow=circle-outline] polygon {
fill: var(--canvas-background);
stroke: rgb(var(--canvas-color));
stroke-width: calc(3px * var(--zoom-multiplier));
}
.canvas-edges [data-arrow=thin-triangle] polygon {
fill: transparent;
stroke: rgb(var(--canvas-color));
stroke-width: calc(4px * var(--zoom-multiplier));
}
.icon-modal-suggestion {
display: flex;
align-items: center;
gap: var(--size-4-4);
}
.icon-modal-suggestion .icon-modal-suggestion-icon {
line-height: 0;
}
.icon-modal-suggestion .icon-modal-suggestion-id {
font-size: var(--font-ui-smaller);
color: var(--text-muted);
}
.canvas.is-exporting {
--zoom-multiplier: 1;
}
.canvas.is-exporting * {
pointer-events: none !important;
transition: none !important;
}
.canvas.is-exporting .collapse-button {
display: none;
}
.canvas.is-exporting #watermark-ac {
z-index: 9999999;
position: absolute;
}
.canvas-wrapper[data-collapsible-groups-feature-enabled=true] .canvas.is-exporting .canvas-node .canvas-group-label {
left: 0;
}
.progress-bar-modal-ac {
margin-top: 0.75em;
}
.progress-bar-modal-ac.error .setting-progress-bar {
color: var(--color-error);
}
.canvas-wrapper[data-disable-font-size-relative-to-zoom=true] {
--zoom-multiplier: 1 !important;
}
.canvas-wrapper.mod-readonly .canvas-controls .canvas-control-group:nth-child(3),
.canvas-wrapper.mod-readonly .canvas-card-menu {
display: none;
}
.canvas-wrapper.mod-readonly[data-hide-background-grid-when-in-readonly=true] .canvas-background {
visibility: hidden;
}
.collapse-button {
position: absolute;
left: 0;
top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
padding: var(--size-4-1) var(--size-4-2);
transform-origin: bottom left;
transform: translate(0, -100%) scale(var(--zoom-multiplier));
border-radius: var(--radius-s);
color: var(--text-muted);
background-color: rgba(var(--canvas-color), 0.1);
font-size: 1.5em;
line-height: 1;
pointer-events: initial;
cursor: pointer;
transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
}
.canvas-wrapper[data-collapsible-groups-feature-enabled=true] .canvas-node .canvas-group-label {
left: calc(40px * var(--zoom-multiplier));
}
.canvas-node[data-collapsed] .canvas-node-container {
display: none;
}
.canvas-node[data-collapsed] .canvas-group-label {
max-width: initial;
}
.canvas-wrapper[data-collapsed-group-preview-on-drag=true][data-is-dragging] .canvas-node[data-collapsed] .canvas-node-container {
display: block;
opacity: 0.5;
border-style: dashed;
}
.canvas-wrapper[data-collapsed-group-preview-on-drag=true][data-is-dragging] .canvas-node[data-collapsed] .canvas-node-container .canvas-node-content {
background-color: transparent;
}
.canvas-node-interaction-layer[data-target-collapsed] .canvas-node-resizer {
pointer-events: none;
cursor: inherit;
}
.canvas-node-interaction-layer[data-target-collapsed] .canvas-node-resizer .canvas-node-connection-point {
display: none;
pointer-events: none;
}
.canvas-wrapper[data-allow-floating-edge-creation=true] .canvas.is-connecting .canvas-node:not(.canvas-node-group)::after {
all: unset;
content: "";
z-index: 100;
position: absolute;
top: 50%;
left: 50%;
width: max(10px, 100% - 50px * var(--zoom-multiplier) * 2);
height: max(10px, 100% - 50px * var(--zoom-multiplier) * 2);
transform: translate(-50%, -50%);
border-radius: var(--radius-m);
outline: calc(4px * var(--zoom-multiplier)) dashed hsla(var(--color-accent-hsl), 0.5);
}
.canvas-wrapper[data-allow-floating-edge-creation=true] .canvas.is-connecting .canvas-node:not(.canvas-node-group).hovering-floating-edge-zone::after {
outline-color: var(--color-accent);
outline-style: solid;
background-color: hsla(var(--color-accent-hsl), 0.1);
}
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-node:not(.is-focused) {
filter: blur(5px);
}
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-edges > g:not(.is-focused) {
filter: blur(5px);
}
.canvas-wrapper[data-focus-mode-enabled=true] .canvas:has(.canvas-node.is-focused) .canvas-path-label-wrapper > .canvas-path-label:not(.is-focused) {
filter: blur(5px);
}
.canvas-wrapper.presentation-mode .canvas-controls {
visibility: hidden;
}
.canvas-wrapper.presentation-mode .canvas-card-menu {
visibility: hidden;
}
.canvas-wrapper:not(.presentation-mode) .canvas-node[data-is-start-node=true]::before {
content: "Start";
position: absolute;
top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
right: 0;
transform: translate(0, -100%) scale(var(--zoom-multiplier));
transform-origin: bottom right;
max-width: calc(100% / var(--zoom-multiplier));
padding: var(--size-4-1) var(--size-4-2);
font-size: 1em;
border-radius: var(--radius-s);
color: var(--color-green);
background-color: rgba(var(--color-green-rgb), 0.1);
}
.canvas-node[data-is-portal-loaded=true] {
pointer-events: all;
}
.canvas-node[data-is-portal-loaded=true]:not(.is-focused) {
pointer-events: none;
}
.canvas-node[data-is-portal-loaded=true]:not(.is-focused) .canvas-node-label {
pointer-events: all;
}
.canvas-node[data-is-portal-loaded=true] .canvas-node-container {
background-color: transparent;
border-style: dashed;
}
.canvas-node[data-is-portal-loaded=true] .canvas-node-container .canvas-node-content {
display: none;
}
.canvas-node-interaction-layer[data-is-from-portal=true] .canvas-node-resizer {
pointer-events: none;
cursor: inherit;
}
.canvas-node-interaction-layer[data-is-from-portal=true] .canvas-node-resizer .canvas-node-connection-point {
pointer-events: all;
}
.ac-card-embed {
display: flex;
flex-direction: column;
overflow: hidden;
background-color: var(--background-primary);
border: 1px solid rgb(var(--canvas-color));
border-radius: var(--radius-m);
box-shadow: var(--shadow-stationary);
}
.ac-card-embed.is-themed {
background-color: rgba(var(--canvas-color), 0.07);
border-color: rgba(var(--canvas-color), 0.7);
box-shadow: inset 0 0 0 1px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
.ac-card-embed > .markdown-content {
position: relative;
overflow-y: auto;
overflow-wrap: break-word;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 0 var(--size-4-4);
font-size: var(--font-text-size);
font-family: var(--font-text);
line-height: var(--line-height-normal);
color: var(--text-normal);
user-select: text;
-webkit-user-select: text;
scrollbar-gutter: stable;
}
+9
View File
@@ -0,0 +1,9 @@
/*
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
if you want to view the source, please visit the github repository of this plugin:
https://github.com/kotaindah55/better-embedded-canvas
*/
var P=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var j=(n,e)=>{for(var t in e)P(n,t,{get:e[t],enumerable:!0})},w=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of q(e))!G.call(n,s)&&s!==t&&P(n,s,{get:()=>e[s],enumerable:!(i=_(e,s))||i.enumerable});return n},k=(n,e,t)=>(w(n,e,"default"),t&&w(t,e,"default"));var Q=n=>w(P({},"__esModule",{value:!0}),n);var te={};j(te,{BetterEmbeddedCanvasPlugin:()=>C,default:()=>ee});module.exports=Q(te);var a={};k(a,require("obsidian"));function U(n){return{app:n,containerEl:createDiv(),history:{backHistory:[],forwardHistory:[]}}}function D(n){let e=n.internalPlugins.getPluginById("canvas").views.canvas;u=e(U(n)).canvas.constructor}var u;function O(n){let e=new u(n);return e.quickSettingsButton.parentElement?.detach(),e.undoBtnEl.parentElement?.detach(),a.Platform.isMobile||e.canvasControlsEl.lastElementChild?.detach(),e.cardMenuEl.detach(),e.setReadonly(!0),e.wrapperEl.addEventListener("drop",t=>t.preventDefault(),!0),e}function I(n,e,t){let i=n.embedRegistry,s=i.embedByExtension[e]??null;return i.unregisterExtension(e),i.registerExtension(e,t),s}function g(n,e){return n.internalPlugins.getPluginById(e)}function x(n){return n.matches("body > div.print *")}var S={A3:{width:1123,height:1587},A4:{width:794,height:1123},A5:{width:559,height:794},Legal:{width:816,height:1344},Letter:{width:816,height:1054},Tabloid:{width:1056,height:1632}},A=37;var L={tooltipOpenCanvas:"Open canvas",tooltipEnableInteraction:"Enable interaction",tooltipDisableInteraction:"Disable interaction",reloadNotesPrompt:{title:"Reload notes",desc:"Select \u201CReload\u201D to reload all open notes and revert embedded canvases to their default (your data is preserved).",buttonReload:"Reload"},settings:{showCanvasName:{name:"Show canvas name",desc:"Show canvas name as embed title."}}};var M={tooltipOpenCanvas:"Buka kanvas",tooltipEnableInteraction:"Nyalakan interaksi",tooltipDisableInteraction:"Matikan interaksi",reloadNotesPrompt:{title:"Muat ulang catatan",desc:"Pilih \u201CMuat ulang\u201D untuk memuat ulang catatan yang terbuka dan mengembalikan kanvas yang disematkan pada tampilan bawaan (data Anda tetap terjaga).",buttonReload:"Muat ulang"},settings:{showCanvasName:{name:"Tampilkan nama kanvas",desc:"Tampilkan nama kanvas sebagai judul sematan."}}};var T=i18next.createInstance({lng:(0,a.getLanguage)(),fallbackLng:"en",resources:{en:{translation:L},id:{translation:M}}});T.init();var l=T.t.bind(T);var c=new Map,p=new Map;function X(n){let{wrapperEl:e}=n,t=e.getBoundingClientRect(),i=t.left+e.clientLeft,s=t.top+e.clientTop,r=e.clientWidth,o=e.clientHeight;n.canvasRect={left:i,top:s,width:r,height:o,cx:i+r/2,cy:s+o/2,minX:-r/2,minY:-o/2,maxX:r/2,maxY:r/2}}function B(){p.has(this)||p.set(this,(0,a.debounce)(()=>{c.get(this)?.forEach(n=>X(n.canvas)),p.delete(this)},20)())}function R(n){c.forEach(e=>e.forEach(n))}function N(n){let e=n.contentEl.win,t=c.get(e);t?t.add(n):(c.set(e,new Set([n])),e.addEventListener("scroll",B,{capture:!0,passive:!0}))}function z(n){let e=n.contentEl.win,t=c.get(e);t?.delete(n),t&&!t.size&&(p.get(e)?.cancel(),p.delete(e),c.delete(e),e.removeEventListener("scroll",B,!0))}function H(){p.forEach(n=>n.cancel()),p.clear(),c.forEach((n,e)=>{e.removeEventListener("scroll",B,!0),n.forEach(t=>t.unload())}),c.clear()}var K=300;function $(n){return n.matches(".canvas-node *")}var h=class n extends a.Component{app;canvas;contentEl;plugin;file;ctx;subpath;becPlugin;containerEl;headerEl;mainControlsEl;zoomControlsEl;openCanvasBtnEl;toggleInteractionBtnEl;resizeObserver;mutationObserver;constructor(e,t,i,s){super(),this.app=t.app,this.plugin=g(this.app,"canvas").instance,this.becPlugin=e,this.ctx=t,this.file=i,this.subpath=s,this.containerEl=t.containerEl,this.containerEl.addClass("canvas-embed","better-canvas-embed"),this.containerEl.toggleClass("inline-embed",t.showInline??!1),this.headerEl=this.containerEl.createDiv("embed-title",r=>{r.createSpan("file-embed-icon",o=>(0,a.setIcon)(o,"lucide-layout-dashboard")),r.appendText(" "+i.basename),r.addEventListener("click",o=>this.openOnClick(o)),r.toggle(e.settings.get("showCanvasName"))}),this.contentEl=this.containerEl.createDiv("canvas-content"),this.resizeObserver=new ResizeObserver(()=>this.canvas.onResize()),this.mutationObserver=new MutationObserver(()=>this.updateHeight()),this.canvas=O(this),this.zoomControlsEl=this.canvas.canvasControlsEl.firstElementChild,this.mainControlsEl=this.canvas.canvasControlsEl.createDiv({cls:["canvas-control-group","mod-raised"],prepend:!0}),this.openCanvasBtnEl=this.mainControlsEl.createDiv("canvas-control-item",r=>{(0,a.setIcon)(r,"lucide-maximize-2"),(0,a.setTooltip)(r,l("tooltipOpenCanvas"),{placement:"left"}),r.addEventListener("click",o=>this.openOnClick(o))}),this.toggleInteractionBtnEl=this.mainControlsEl.createDiv("canvas-control-item",r=>{(0,a.setIcon)(r,"pointer"),(0,a.setTooltip)(r,l("tooltipLine truncated
/* nosourcemap */
+10
View File
@@ -0,0 +1,10 @@
{
"id": "better-embedded-canvas",
"name": "Better Embedded Canvas",
"version": "0.2.4",
"minAppVersion": "1.10.0",
"description": "Give your embedded canvas better display and interactivity.",
"author": "Kotaindah55",
"authorUrl": "https://github.com/kotaindah55",
"isDesktopOnly": false
}
+1
View File
@@ -0,0 +1 @@
body{--embedded-canvas-min-height: 300px;--embedded-canvas-border-width: 1px;--embedded-canvas-border-color: var(--background-modifier-border)}.canvas-embed.better-canvas-embed.internal-embed>.canvas-content>.canvas-wrapper{position:relative}.canvas-embed.better-canvas-embed>.embed-title{width:fit-content;cursor:pointer}.canvas-embed.better-canvas-embed>.canvas-content{height:var(--embedded-canvas-min-height);border:var(--embedded-canvas-border-width) solid var(--embedded-canvas-border-color);border-radius:var(--radius-m);overflow:hidden}.canvas-embed.better-canvas-embed>.canvas-content>.canvas-wrapper>.canvas-controls{visibility:hidden}.canvas-embed.better-canvas-embed>.canvas-content:hover>.canvas-wrapper>.canvas-controls{visibility:visible}.canvas-embed.better-canvas-embed .canvas-wrapper.mod-readonly[data-hide-background-grid-when-in-readonly=true] .canvas-background{visibility:visible}.canvas-embed.better-canvas-embed .canvas-node-content.markdown-embed>.markdown-embed-content>.markdown-preview-view>.markdown-preview-sizer{margin-left:unset;margin-right:unset}.canvas-embed.better-canvas-embed .inline-title{display:block}
+1
View File
@@ -12,6 +12,7 @@ Ziel: Alle Wireframe-Regeln, Pakete, Screen-Notizen, Banner, Toasts, Zustaende u
|---|---|
| [[01 Regeln/Wireframing Playbook]] | Grundregeln: Was wird gebaut, was nur dokumentiert, wie laufen Brainstorming und Handoff? |
| [[01 Regeln/Obsidian Struktur]] | Wie dieser Vault aufgebaut ist und wie Dateien benannt werden. |
| [[Todo]] | Zentrale, projektweite und abhakbare Aufgabenliste. |
| [[02 Wireframes/Screen Paket Tracker]] | Zentrale Kontrolltabelle fuer alle Flows, Screens, Canvas- und Subframe-Links. |
| [[02 Wireframes/_Templates/Wireframe Paket Template]] | Vorlage fuer ein neues Wireframe-Paket. |
| [[02 Wireframes/_Templates/Screen Template]] | Vorlage fuer eine einzelne Screen-Datei. |
+3 -2
View File
@@ -35,6 +35,7 @@ Dieser Vault ist der Arbeitsbereich fuer Screens, Wireframes und Handoffs.
| State-Datei | `ST01 Keine Suchergebnisse.md` | beschreibt einen Zustand, der nicht als eigener Frame gebaut wird |
| Canvas-Datei | `WF-[Ticket] [Flow Name].canvas` | visueller Flow-Tree in Obsidian Canvas |
| Tracker | `Screen Paket Tracker.md` | Uebersicht ueber Pakete und Status |
| Todo | `Todo.md` im Vault-Root | zentrale, projektweite und abhakbare Aufgabenliste |
---
@@ -89,8 +90,8 @@ Warum: Obsidian-Wiki-Aliase nutzen `|`, und dieses Zeichen kann Markdown-Tabelle
Beispiel:
```md
[MD](<P2 Auth/WF-P2 Login und 2FA/Screens/S01 Login.md>)
[Canvas](<P2 Auth/WF-P2 Login und 2FA/WF-P2 Login und 2FA.canvas>)
[MD](<../02 Wireframes/P2 Login und 2FA/WF-P2 Login und 2FA/Screens/S01 Login.md>)
[Canvas](<../02 Wireframes/P2 Login und 2FA/WF-P2 Login und 2FA/WF-P2 Login und 2FA.canvas>)
```
Regel:
@@ -29,7 +29,7 @@ Nach Davids Feedback wurde die Lead-Zuweisung ergaenzt:
- `Felder zuweisen` fuehrt nach S02L.
- S02L ordnet Formularfragen per Dropdown Lead-Feldern zu.
- E05 zeigt fehlende oder unmoegliche Zuweisungen.
- Advanced-Canvas und D07-D09 bleiben Referenz, aber nicht Hauptfluss.
- Die alten Advanced-Screens sind aus dem Obsidian-Handoff entfernt. S01B liegt im aktuellen Subframe-Bestand nur als Backlog vor; S01C/S01D/S01E bleiben ausschliesslich als lokale Referenz-Beispiele erhalten.
## Review-Reihenfolge
@@ -51,15 +51,9 @@ Nach Davids Feedback wurde die Lead-Zuweisung ergaenzt:
Danach nur bei Bedarf:
- [[Screens/80 S01B Gefuehrter Fragen Editor]]
- [[Screens/81 S01C Website Formular Editor]]
- [[Screens/82 S01D Umfrage Editor]]
- [[Screens/83 S01E Internes Formular Editor]]
- [[Screens/90 ADV Form-Builder Canvas]]
- [[Screens/90b ADV Form-Builder Canvas 2]]
- [[Screens/91 D07 Logic Regel Detail]]
- [[Screens/92 D08 Action Detail mit Mapping]]
- [[Screens/93 D09 Publish Blocker Summary]]
## Bitte pruefen
@@ -48,7 +48,7 @@ Die erste Builder-Richtung war fachlich vollstaendig, aber fuer normale Handwerk
| Technische Feldtypen | Verstaendliche Fragetypen |
| Lead-Mapping wirkt wie Admin-Konfiguration | Lead-Felder werden einfach per Dropdown zugewiesen |
Empfehlung: S02 ist der Haupteditor. ADV-S01 bleibt nur Referenz fuer spaetere Advanced-/Power-User-Funktionen.
Empfehlung: S02 ist der Haupteditor. S01B und die alten Advanced-Screens sind aus dem Obsidian-Handoff entfernt, damit der Review nicht mehr doppelt wirkt.
## 3. Aktueller Hauptfluss
@@ -85,21 +85,15 @@ S00 Formulare verwalten
| 12 | E03 | S05 Keine Antworten | Empty State fuer Antworten-Tab | https://app.subframe.com/f023064a5ca0/design/6f56c14f-d66e-4734-8a29-a900ac74a8a7/edit |
| 13 | E04 | S05 Export Fehler | Fehlerzustand fuer Excel/CSV-Export | https://app.subframe.com/f023064a5ca0/design/00553ea4-9839-4d22-b540-9b9ef0bf014f/edit |
## 5. Spaetere Varianten und Referenzseiten
## 5. Spaetere Varianten
Diese Seiten sind gebaut oder dokumentiert, aber nicht Teil des aktuellen Hauptflusses:
Diese Seiten liegen noch als optionale Beispiele im Subframe-Flow, sind aber nicht Teil des aktuellen Hauptflusses:
| Nr. | ID | Screen | Status | Subframe |
|---|---|---|---|---|
| 80 | S01B | Gefuehrter Fragen Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/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 |
| 90 | ADV-S01 | Form-Builder Canvas | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit |
| 90b | ADV-S01-2 | Form-Builder Canvas 2 | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit |
| 91 | D07 | Logic Regel Detail | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit |
| 92 | D08 | Action Detail mit Mapping | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit |
| 93 | D09 | Publish Blocker Summary | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit |
| 81 | S01C | Website Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
| 82 | S01D | Umfrage Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
| 83 | S01E | Internes Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
## 6. Formulararten
@@ -171,12 +165,7 @@ Fuer den einfachen Haupteditor:
- Harte Blocker zeigen einen Banner/Popover mit Sprungzielen.
- Unpublish braucht einen Confirm-Dialog, weil der Public-Link danach nicht mehr erreichbar ist.
Fuer Advanced/Referenz:
- D07 zeigt Logic-Regel-Detail.
- D08 zeigt Action-Detail mit Mapping.
- D09 zeigt Publish-Blocker-Summary.
- D01/D02/D03/D06/D10 und M01-M04 sind in Markdown dokumentiert, aber nicht zwingend als Subframe-Hauptscreen noetig.
Als reine Markdown-Notizen bleiben D01/D02/D03/D06/D10 und M01-M04 dokumentiert. Sie sind keine Subframe-Hauptscreens und nicht Teil der Review-Reihenfolge.
## 10. Public Formular
@@ -224,7 +213,7 @@ Bitte David pruefen lassen:
- Passt E05 fuer fehlende/unmoegliche Lead-Zuweisungen?
- Sind S03 Design und S05 Antworten tief genug fuer D-FORM, ohne in andere Tickets abzurutschen?
- Sind Public States S04/V01/V02/V03 vollstaendig genug?
- Duerfen S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 als Referenz liegen bleiben?
- Sollen S01C/S01D/S01E als spaetere Beispielvarianten im Subframe-Flow liegen bleiben?
- Muessen M01-M04 als echte Dialog-Screens gebaut werden, oder reicht Dokumentation?
- In Subframe bitte bei S02L/E05 nochmal visuell pruefen, ob das richtige Default Page Layout gesetzt ist.
@@ -248,15 +237,9 @@ Bitte David pruefen lassen:
Danach nur bei Bedarf:
16. S01B Gefuehrter Fragen Editor
17. S01C Website Formular Editor
18. S01D Umfrage Editor
19. S01E Internes Formular Editor
20. ADV-S01 Form-Builder Canvas
21. ADV-S01-2 Form-Builder Canvas 2
22. D07 Logic Regel Detail
23. D08 Action Detail mit Mapping
24. D09 Publish Blocker Summary
16. S01C Website Formular Editor
17. S01D Umfrage Editor
18. S01E Internes Formular Editor
## 14. Lokale Detaildateien
@@ -279,4 +262,4 @@ Wichtige Detailnotizen im Paket:
## 15. Kurztext zum Mitschicken
Hey David, hier ist die aufgeraeumte D-FORM-Uebergabe. Ich habe den Builder nach deinem Feedback nochmal vereinfacht und die Lead-Zuweisung ergaenzt: S02 bleibt der einfache Google-Forms-nahe Haupteditor, S02L zeigt die Lead-Felder-Zuweisung per Dropdown, E05 deckt fehlende/unmoegliche Zuweisungen ab. Advanced-Canvas und D07-D09 bleiben als Referenz, aber nicht als Hauptfluss. Kannst du bitte einmal pruefen, ob die Richtung und die offenen Punkte fuer dich passen?
Hey David, hier ist die aufgeraeumte D-FORM-Uebergabe. Ich habe den Builder nach deinem Feedback nochmal vereinfacht und die Lead-Zuweisung ergaenzt: S02 bleibt der einfache Google-Forms-nahe Haupteditor, S02L zeigt die Lead-Felder-Zuweisung per Dropdown, E05 deckt fehlende/unmoegliche Zuweisungen ab. Die alten Advanced-Screens und S01B sind aus dem Obsidian-Handoff raus, damit der Review nur noch den aktuellen Hauptfluss zeigt. Kannst du bitte einmal pruefen, ob die Richtung und die offenen Punkte fuer dich passen?
@@ -17,11 +17,11 @@ Startpunkt fuer die weitergebbare Version: [[00 Start hier - David]] und [[D-FOR
David hat den groben fachlichen Scope als passend bewertet. Die Empfehlungen aus dieser Checkliste werden damit als Arbeitsentscheidung uebernommen.
Wichtige Nacharbeit aus dem Review: Beim alten Advanced-S01 fehlte die Interaktionslogik auf der Ebene "was passiert nach Klick?". Diese Nacharbeit ist in [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] ergaenzt: Feldbearbeitung, Feldaktionen, Logic, Actions, Sharing, Preview, Settings, Publish und Unpublish sind jetzt nach Inline/Inspector, Menue, Panel, Popover oder Confirm-Dialog sortiert.
Wichtige Nacharbeit aus dem Review: Die Interaktionslogik wurde in den einfachen S02-Hauptfluss uebersetzt. Logic bleibt als `Bedingung` an der Frage, Actions als `Nach Absenden`/Lead-Card und Publish-Blocker als Banner/Popover im selben Editor.
Subframe ist als Draft gebaut und verlinkt. Der aktuelle Hauptfluss ist S00, E01/E02, S01, S02, S03, S04/V01/V02/V03, S05 und E03/E04. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 bleiben spaetere Varianten bzw. Referenz.
Subframe ist als Draft gebaut und verlinkt. Der aktuelle Hauptfluss ist S00, E01/E02, S01, S02, S02L/E05, S03, S04/V01/V02/V03, S05 und E03/E04. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt.
Aktuelle Arbeitsentscheidung: Fuer normale Handwerksbetriebe wird S02 als einfache Google-Forms-nahe Richtung empfohlen. Alle Formulararten starten in S02 mit anderer Vorlage/Startfragen. Der alte Profi-Canvas bleibt als Advanced-/Referenzscreen, nicht als erste Nutzerfuehrung. Als Kunden-/Handwerker-Wording wird `Bereich` statt `Gewerk` verwendet.
Aktuelle Arbeitsentscheidung: Fuer normale Handwerksbetriebe wird S02 als einfache Google-Forms-nahe Richtung empfohlen. Alle Formulararten starten in S02 mit anderer Vorlage/Startfragen. Als Kunden-/Handwerker-Wording wird `Bereich` statt `Gewerk` verwendet.
## 0b. David-Feedback Lead-Zuweisung
@@ -44,7 +44,7 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
| Quelle | Aussage | Konsequenz fuer D-FORM |
|---|---|---|
| `ticket-docs/D-FORM.md` | D-FORM deckt nur Form-Builder-Canvas und oeffentliches Formular ab. Booking/Kalender gehen an `D-BOOK`; Forms-Liste, Submissions und Signatur sind Compose/andere Tickets. | D-FORM bleibt bei Builder und Public: S02 einfacher Editor plus S04/Public-Varianten; ADV-S01 nur als Referenz. |
| `ticket-docs/D-FORM.md` | D-FORM deckt Form-Builder und oeffentliches Formular ab. Booking/Kalender gehen an `D-BOOK`; Forms-Liste, Submissions und Signatur sind Compose/andere Tickets. | D-FORM bleibt bei Builder und Public: S02 einfacher Editor plus S04/Public-Varianten. |
| `designer-briefs/P16-kalender-booking-forms-signatur.md` | P16 ist gebuendelt, aber soll in Gruppen getrennt werden: Kalender-Sync, Booking, Form-Builder, Signatur. | Nicht alle P16-Screens gehoeren in D-FORM. |
| `SCREEN-MAP.md` Paragraph 3 | Listet Form-Builder-Canvas, oeffentliches Formular und Submissions im Umfeld. Submissions ist A2/A3-Compose, Builder/Public sind Bespoke. | Submissions nicht als D-FORM-Bespoke bauen. |
| `D-BOOK.md` | D-BOOK deckt Booking-Page und Kalender-View ab; verweist Form-Builder/Public Form zurueck auf D-FORM. | Booking und Kalender bleiben raus. |
@@ -55,7 +55,7 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
| Punkt | Empfehlung | David-Entscheidung |
|---|---|---|
| D-FORM umfasst den Builder; aktuell S02 als Haupteditor und ADV-S01 als Advanced-Referenz. | Ja. | angenommen |
| D-FORM umfasst den Builder; aktuell S02 als Haupteditor. | Ja. | angenommen |
| D-FORM umfasst S04 Oeffentliches Formular. | Ja. | angenommen |
| V01 Public Erfolg/Redirect wird als eigene Variante gebaut. | Ja, weil copy- und vertrauenskritisch. | angenommen |
| V02 Public Formular nicht verfuegbar wird als eigene Variante gebaut. | Ja, weil externer Nutzer blockiert ist. | angenommen |
@@ -144,12 +144,9 @@ Ergebnis: Die Abgrenzung `D-FORM = Form-Builder-Canvas + oeffentliches Formular`
| Punkt | Empfehlung | David-Entscheidung |
|---|---|---|
| 5 Hauptframes/Varianten bauen: S01, S02, V01, V02, V03. | Ja. | angenommen |
| Zusaetzlich D07 Logic Regel Detail bauen. | Ja, damit Logic visuell pruefbar ist. | angenommen als Empfehlung |
| Zusaetzlich D08 Action Detail mit Mapping bauen. | Ja, weil Mapping komplex und fehleranfaellig ist. | angenommen als Empfehlung |
| Zusaetzlich D09 Publish Blocker Summary bauen. | Ja, weil Publish ein kritischer Moment ist. | angenommen als Empfehlung |
| Hauptfluss bauen: S00, S01, S02, S02L/E05, S03, S04/V01/V02/V03, S05 und E01-E04. | Ja. | angenommen |
| M01 Feld loeschen Confirm und M02 Unpublish Confirm vorerst nur dokumentieren. | Ja, fachlich klar; spaeter baubar, falls David es sehen will. | angenommen als Empfehlung |
| Sharing, Logic, Actions, Preview und Settings nicht als eigene Subframe-Screens, sondern als Bereiche/Zustaende von S01. | Ja. | angenommen; Interaktionslogik in S01 nachgezogen |
| Sharing, Logic, Actions, Preview und Settings nicht als eigene Subframe-Screens, sondern einfach im S02-Kontext halten. | Ja. | angenommen |
| Nach Subframe-Bau Links in Paket, Screen-Dateien, Tracker und Handoff eintragen. | Ja. | erledigt |
## 11. David-Feedback: S01 Nacharbeit
@@ -169,14 +166,14 @@ Arbeitsentscheidung fuer S01:
| Publish | Publish-Check inline im Builder; bei Blockern Summary mit Sprungzielen, bei Erfolg Toast/Statuswechsel. |
| Unpublish | Confirm-Dialog, weil der Public-Link danach nicht mehr erreichbar ist. |
Damit reicht S01 weiter als Hauptscreen. D07, D08 und D09 sind als wichtige S01-Zustandsframes gebaut. Die kleineren Menues und Confirm-Dialoge bleiben dokumentiert und muessen nicht automatisch eigene Subframe-Screens werden.
Damit reicht S02 als Haupteditor. Die kleineren Menues und Confirm-Dialoge bleiben dokumentiert und muessen nicht automatisch eigene Subframe-Screens werden.
Vor-Subframe-Nacharbeit erledigt: Die wichtigsten ADV-S01-Zustaende sind als eigene Markdown-Dateien ausgearbeitet: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]], [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]], [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
Vor-Subframe-Nacharbeit erledigt: Die wichtigsten Detailzustaende sind als Markdown-Dateien ausgearbeitet: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
Weitere Nacharbeit nach neuer Rueckmeldung: [[Screens/D10 Builder Interaktionsfaelle]] dokumentiert jetzt die "Was passiert wenn...?"-Faelle: Auswahlfolgen, Checkboxen, vergessene Zwischenschritte, Datei/Foto, Dropdowns, halb gesetztes Mapping, Publish-Blocker und konkrete Modal-/Popover-Inhalte.
Aktueller Subframe-Stand: Der Hauptfluss S00/E01/E02/S01/S02/S03/S04/V01/V02/V03/S05/E03/E04 ist gebaut und verlinkt. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind gebaut, aber aktuell nur spaetere Varianten bzw. Referenz. M01/M02/M03/M04 und D10 bleiben dokumentiert.
Aktueller Subframe-Stand: Der Hauptfluss S00/E01/E02/S01/S02/S02L/E05/S03/S04/V01/V02/V03/S05/E03/E04 ist gebaut und verlinkt. S01C/S01D/S01E sind gebaut, aber aktuell nur spaetere Varianten bzw. Referenz. M01/M02/M03/M04 und D10 bleiben dokumentiert.
## 12. Kurztext fuer David
`D-FORM ist fachlich passend abgegrenzt, die Advanced-Builder-Klicklogik ist nachgezogen und der Subframe-Draft ist gebaut. Der aktuelle Hauptfluss ist S00, S01, S02, S03, S04/Public States und S05 plus E01-E04. S02 ist die Google-Forms-nahe Hauptvariante; Logic/Actions/Publish bleiben dort bewusst einfach und inline. S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind nur spaetere Varianten bzw. Referenz. S05 bleibt ohne Kennzahl-Kacheln und ohne extra Link-teilen-Button.`
`D-FORM ist fachlich passend abgegrenzt und der Subframe-Draft ist gebaut. Der aktuelle Hauptfluss ist S00, S01, S02, S02L/E05, S03, S04/Public States und S05 plus E01-E04. S02 ist die Google-Forms-nahe Hauptvariante; Logic/Actions/Publish bleiben dort bewusst einfach und inline. S01C/S01D/S01E sind nur spaetere Varianten bzw. Referenz. S05 bleibt ohne Kennzahl-Kacheln und ohne extra Link-teilen-Button.`
@@ -41,7 +41,7 @@ Der Screen ist nicht der Builder selbst, sondern die Formular-Zentrale vor dem B
- Klick auf `Neues Formular` fuehrt zu [[04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]].
- Klick auf `Bearbeiten` oeffnet aktuell [[05 S02 Einfacher Fragen Editor|S02]].
- Die Formularart bestimmt in S02 nur Vorlage, Startfragen und Hinweise. S01B/S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenzseiten.
- Die Formularart bestimmt in S02 nur Vorlage, Startfragen und Hinweise. S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenzseiten.
- Filterchips koennen kombiniert werden, z. B. `Erstellt` + `Unveroeffentlicht` oder `Website / Extern` + `Lead`.
- Als Beispiel sind mehrere Status-Chips aktiv, damit klar ist: Es ist kein einzelner Tab, sondern eine Mehrfachauswahl. Art-Chips stehen daneben als zusaetzliche auswaehlbare Filter bereit.
- Aktionen je Zeile: bearbeiten, Vorschau, Link kopieren, Antworten ansehen, duplizieren, loeschen.
@@ -50,7 +50,7 @@ Entscheidung 2026-07-08: Weniger ist hier besser. Keine separate Vorlagenzeile u
| Fragebogen / Umfrage | Feedback sammeln und Antworten spaeter auswerten. | Oeffnet [[05 S02 Einfacher Fragen Editor|S02]] mit Umfrage-Startfragen. |
| Internes Formular | Meldungen und Anfragen fuer Mitarbeitende. | Oeffnet [[05 S02 Einfacher Fragen Editor|S02]] mit interner Formularvorlage. |
Arbeitsentscheidung 2026-07-08: S02 ist der Haupt-Editor fuer alle vier Formulararten. S01B/S01C/S01D/S01E bleiben nur spaetere Varianten bzw. Referenzseiten.
Arbeitsentscheidung 2026-07-08: S02 ist der Haupt-Editor fuer alle vier Formulararten. S01C/S01D/S01E bleiben nur spaetere Varianten bzw. Referenzseiten.
## Lead-Formular Verhalten
@@ -81,5 +81,5 @@ Qualitaetsregel:
- Nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Liegt im D-FORM-Flow neben S02/S02L/E05, S03, S04 und S05.
- Ersetzt nicht S04 Public Form, sondern liegt vor dem Builder.
@@ -159,7 +159,7 @@ S02 ist der Haupt-Editor fuer normale Nutzer. Deshalb werden Logic, Actions und
| Actions | `Nach Absenden` bleibt im Screen. Bei Lead-Formularen ist `Lead anlegen` aktiv und zeigt `Felder zuweisen`. | Kein Automation-Editor, aber die wichtigste Lead-Zuordnung ist sichtbar. |
| Publish-Blocker | Einfacher Banner/Popover im selben Screen mit Sprung zur betroffenen Frage. | Verstaendlich genug, kein eigener Screen noetig. |
D07, D08 und D09 bleiben als Advanced-/Referenzseiten fuer spaeter oder fuer David, falls er die Detailtiefe sehen will. Fuer den aktuellen S02-Hauptfluss sind sie nicht notwendig. Die Lead-Zuweisung ist aber nicht mehr nur Hintergrundlogik, sondern ein eigener S02-Zustand.
Die alten Advanced-Detailframes sind aus dem Obsidian-Handoff entfernt. Fuer den aktuellen S02-Hauptfluss sind sie nicht notwendig. Die Lead-Zuweisung ist aber nicht mehr nur Hintergrundlogik, sondern ein eigener S02-Zustand.
## Publish
@@ -180,6 +180,6 @@ Qualitaetsregel:
- Nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Liegt im D-FORM-Flow neben S02L/E05, S03, S04 und S05.
- Nah an Google Forms, aber mit HiveGrid-Komponenten.
- Lead-Verknuepfung bleibt einfach sichtbar. `Felder zuweisen` wird als einfacher S02-Zustand gezeigt, nicht als Advanced-Mapping.
@@ -7,9 +7,9 @@ id: S01C
screen: Website Formular Editor
typ: Simple Builder Beispiel
umsetzung: Alternative bauen
status: Subframe Draft / Review offen
status: Lokal dokumentiert / nicht mehr in Subframe
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit"
subframe: ""
---
# S01C - Website Formular Editor
@@ -45,13 +45,11 @@ Der Nutzer erstellt ein einfaches oeffentliches Anfrageformular fuer Website, Li
## Subframe
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/d7d33e94-5c12-48e8-8ec6-1e94590ee89c/edit
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
Qualitaetsregel:
- Nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
- Wiederhergestellte Layout-Version vom 2026-07-07; alte kaputte Subframe-ID wurde ersetzt.
@@ -7,9 +7,9 @@ id: S01D
screen: Umfrage Editor
typ: Simple Builder Beispiel
umsetzung: Alternative bauen
status: Subframe Draft / Review offen
status: Lokal dokumentiert / nicht mehr in Subframe
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit"
subframe: ""
---
# S01D - Umfrage Editor
@@ -43,13 +43,11 @@ Hinweis 2026-07-08: S01D ist aktuell nur Referenz. Im Hauptfluss oeffnet auch `F
## Subframe
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/5abd7799-7058-40b3-9772-884cbda97b9c/edit
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
Qualitaetsregel:
- Nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
- Korrigierte Version; die falsch generierte Variante ohne Layout wurde geloescht.
@@ -7,9 +7,9 @@ id: S01E
screen: Internes Formular Editor
typ: Simple Builder Beispiel
umsetzung: Alternative bauen
status: Subframe Draft / Review offen
status: Lokal dokumentiert / nicht mehr in Subframe
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit"
subframe: ""
---
# S01E - Internes Formular Editor
@@ -44,13 +44,11 @@ Der Nutzer erstellt ein internes Formular fuer Mitarbeitende, z. B. Materialbeda
## Subframe
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/ea08fd1c-1a76-4e2c-b27c-1091baa0586a/edit
Nicht mehr im aktuellen Subframe-Bestand (MCP-Abgleich 2026-08-25). Die fachliche Referenz bleibt lokal dokumentiert; Subframe wurde nicht veraendert.
Qualitaetsregel:
- Nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Bleibt als lokale Referenzvariante erhalten und liegt nicht mehr im aktuellen D-FORM-Flow.
- Wiederhergestellte Layout-Version vom 2026-07-07; alte kaputte Subframe-ID wurde ersetzt.
@@ -8,7 +8,7 @@ screen: Sharing Panel URL QR iFrame
typ: Panel-Zustand in S01
umsetzung: Nur dokumentieren
status: Vor Subframe / dokumentiert
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
route: Detailnotiz, kein eigener Screen
subframe: "-"
---
@@ -5,10 +5,10 @@ ticket: D-FORM
package: WF-D-FORM Form Builder
id: D02
screen: Post-Submit Actions
typ: Panel-Zustand in S01
typ: Detailnotiz im S02-Kontext
umsetzung: Nur dokumentieren
status: Vor Subframe / dokumentiert
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
route: Detailnotiz, kein eigener Screen
subframe: "-"
---
@@ -20,7 +20,7 @@ Interne Nutzer legen fest, was nach dem Absenden eines Public Forms passieren so
## Pattern / Archetyp
Action-Liste plus Detailpanel innerhalb von S01.
Action-Liste plus Detailbereich innerhalb des einfachen Builders.
## Daten
@@ -46,9 +46,9 @@ Action-Liste plus Detailpanel innerhalb von S01.
## Verhalten
- Klick auf `Actions` wechselt in den Actions-Modus im selben S01-Screen.
- Klick auf `Nach Absenden` zeigt die Action-/Lead-Optionen im selben S02-Kontext.
- `Add Action` oeffnet eine kleine Typ-Auswahl als Popover oder Auswahlpanel.
- Nach Auswahl eines Action-Typs oeffnet sich das Action-Detail, siehe [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]].
- Nach Auswahl eines Action-Typs oeffnet sich die Detailkonfiguration im selben Bereich.
- Die Liste zeigt Warnungen direkt an der betroffenen Action.
- ActionLog, Re-Run und Submission-Historie gehoeren nicht hierher, sondern zu Submissions.
- Auswahl- und Mapping-Folgefaelle stehen in [[D10 Builder Interaktionsfaelle]].
@@ -61,7 +61,7 @@ Action-Liste plus Detailpanel innerhalb von S01.
| Kurzbeschreibung | Pro Typ ein Satz, was nach Submit passiert. |
| Disabled-Zustaende | Typ disabled, wenn Rechte, Integration oder Voraussetzung fehlen. |
| Suche optional | Nur wenn Liste zu lang wirkt. |
| Kein Modal | Das Popover waehlt nur den Typ; Detailarbeit passiert in [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]. |
| Kein Modal | Das Popover waehlt nur den Typ; Detailarbeit passiert im selben Builder-Kontext. |
## Zustaende
@@ -79,12 +79,12 @@ Action-Liste plus Detailpanel innerhalb von S01.
|---|---|
| Nutzer waehlt Typ, bricht Detail ab | Action wird nicht angelegt oder bleibt als unvollstaendiger Draft, je nach Save-Logik. |
| Nutzer erstellt Action, laesst sie inaktiv | Keine Publish-Blockade, aber Warnung in Action-Liste. |
| Nutzer erstellt aktive Action ohne Pflichtmapping | Publish blockiert und springt zu [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]. |
| Nutzer erstellt aktive Action ohne Pflichtmapping | Publish blockiert und springt zur betroffenen Zuweisung. |
| Nutzer loescht Action | Confirm nur bei aktiver/published-relevanter Action. |
## Subframe
Kein eigener Hauptscreen. Actions bleiben Arbeitsbereich in S01. Ein extra Frame ist nur noetig, wenn David die geoeffnete Action-Liste separat sehen will.
Kein eigener Hauptscreen. Actions bleiben Arbeitsbereich im einfachen Builder. Ein extra Frame ist nur noetig, wenn David die geoeffnete Action-Liste separat sehen will.
## Notizen
@@ -5,10 +5,10 @@ ticket: D-FORM
package: WF-D-FORM Form Builder
id: D03
screen: Conditional Logic Editor
typ: Panel-Zustand in S01
typ: Detailnotiz im S02-Kontext
umsetzung: Nur dokumentieren
status: Vor Subframe / dokumentiert
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
route: Detailnotiz, kein eigener Screen
subframe: "-"
---
@@ -20,7 +20,7 @@ Interne Nutzer koennen einfache Anzeige-/Ausblende-Regeln fuer Formularfelder er
## Pattern / Archetyp
Regel-Liste plus Detailpanel innerhalb von S01.
Einfache Bedingung direkt an der Frage; komplexere Regel-Liste bleibt nur dokumentiert.
## Daten
@@ -44,8 +44,8 @@ Regel-Liste plus Detailpanel innerhalb von S01.
## Verhalten
- Klick auf `Logic` wechselt in den Logic-Modus im selben S01-Screen.
- `Neue Regel` oeffnet kein Modal, sondern ein Detailpanel, siehe [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]].
- Klick auf `Bedingung` oeffnet die einfache Logik direkt an der Frage.
- `Neue Regel` oeffnet kein Modal, sondern bleibt inline im Builder-Kontext.
- Kaputte Referenzen werden in der Regel-Liste sichtbar markiert.
- Kaputte aktive Regeln blockieren Publish.
- Required-Felder, die durch Logic versteckt werden, sind im Public Form nur required, wenn sie sichtbar sind.
@@ -8,7 +8,7 @@ screen: Feldkarten Menue
typ: Inline-Zustand in S01
umsetzung: Nur dokumentieren
status: Vor Subframe / dokumentiert
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
route: Detailnotiz, kein eigener Screen
subframe: "-"
---
@@ -5,10 +5,10 @@ ticket: D-FORM
package: WF-D-FORM Form Builder
id: D10
screen: Builder Interaktionsfaelle
typ: Case-Matrix in S01
typ: Case-Matrix im S02-Kontext
umsetzung: Nur dokumentieren
status: Vor Subframe / dokumentiert
route: in ADV-S01 Form-Builder Canvas, kein eigener Screen
route: Detailnotiz, kein eigener Screen
subframe: "-"
---
@@ -130,8 +130,5 @@ Nicht jedes Detail muss ein eigener Frame werden. Dber vor Subframe muss klar se
Kein eigener Subframe-Screen. D10 ist eine Vor-Subframe-Case-Matrix. Wenn David einzelne Faelle visuell sehen will, sollten zuerst diese Kandidaten gebaut werden:
- [[93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]]
- [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]
- [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]]
- [[M01 Feld loeschen Confirm]]
- [[M02 Unpublish Confirm]]
@@ -45,7 +45,7 @@ Neue Richtung: einfacher Formular-Editor nach Google-Forms-Gefuehl, aber mit Hiv
| E03 | [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]] | Empty State, wenn ein Formular noch keine Einsendungen hat. |
| E04 | [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]] | Error State, wenn Excel/CSV-Export scheitert. |
S01B/S01C/S01D/S01E sind gebaut, aber nicht mehr Hauptfluss. Sie liegen als spaetere Varianten bzw. Referenz bei 80-83.
S01C/S01D/S01E sind gebaut, aber nicht Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenz bei 81-83. S01B wurde aus dem Obsidian-Handoff entfernt.
## Einfacher Ablauf
@@ -100,11 +100,9 @@ Bewusst nicht im aktuellen S02-Hauptdropdown: Lineare Skala, Bewertung, Multiple
S02 wurde in Subframe gebaut, weil es am naechsten an Google Forms liegt und schnell vergleichbar ist.
S01B wurde als zweite Alternative gebaut, ist aktuell aber nicht Hauptfluss.
S01C/S01D/S01E wurden als Beispiel-Editoren gebaut, sind aktuell aber nur Referenz. Im Hauptfluss oeffnen alle Formulararten S02 mit anderer Vorlage/Startfragen.
Der alte ADV-S01 und die Detailseiten D07/D08/D09 bleiben als fachliche Vollstaendigkeits-Referenz erhalten, sollten aber nicht mehr die erste Empfehlung fuer Handwerker sein.
Die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt, damit S02 als klare Empfehlung stehen bleibt.
## Ergaenzung: Lead Felder zuweisen
@@ -0,0 +1,173 @@
---
kind: subframe-build-log
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
status: Review-ready / Subframe Draft gebaut
stand: 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 / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
| 82 | S01D | Umfrage Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
| 83 | S01E | Internes Formular Editor | Spaeter / lokale Referenz | Nicht mehr live (MCP-Abgleich 2026-08-25) |
## 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.
@@ -53,19 +53,13 @@ Empfehlung fuer Review und Weiterarbeit: zuerst den aktuellen Hauptfluss pruefen
| 13 | S05 Antworten Tabelle | Antworten-Tab als Excel-/Tabellenansicht. |
| 14 | E03 S05 Keine Antworten | Wichtiger Empty State im Antworten-Tab. |
| 15 | E04 S05 Export Fehler | Wichtiger Fehlerzustand beim Export. |
| 80 | S01B Gefuehrter Fragen Editor | Spaetere Alternative fuer Nutzer, die noch mehr Fuehrung brauchen. |
| 81 | S01C Website Formular Editor | Spaetere Beispiel-/Referenzseite fuer Website-/externes Formular. |
| 82 | S01D Umfrage Editor | Spaetere Beispiel-/Referenzseite fuer Fragebogen/Umfrage. |
| 83 | S01E Internes Formular Editor | Spaetere Beispiel-/Referenzseite fuer internes Mitarbeiterformular. |
| 90 | ADV-S01 Form-Builder Canvas | Aelterer Profi-Canvas als Referenz. |
| 90b | ADV-S01-2 Form-Builder Canvas 2 | Advanced-/Referenz-Builder; nicht mehr erste Nutzerrichtung. |
| 91 | D07 Logic Regel Detail | Advanced-Zustand fuer Sichtbarkeitsregeln. |
| 92 | D08 Action Detail mit Mapping | Advanced-Zustand fuer Nach-Submit-Aktionen. |
| 93 | D09 Publish Blocker Summary | Advanced-Zustand fuer Publish-Blocker. |
M01/M02/M03/M04 und D10 bleiben dokumentiert und muessen nicht als erste Subframe-Frames gebaut werden.
Stand 2026-07-09: Die einfachen Builder-Screens sind gebaut und werden fuer Review vor den alten Canvas-Entwuerfen einsortiert. S02L und E05 wurden nach Davids Lead-Feedback ergaenzt. Die Links stehen im [[Subframe Bau Log]]. Fuer die weitergebbare Version siehe [[00 Start hier - David]] und [[D-FORM David Uebergabe 2026-07-09]].
Stand 2026-07-09: Die einfachen Builder-Screens sind gebaut. S02L und E05 wurden nach Davids Lead-Feedback ergaenzt. S01B und die alten Advanced-Screens wurden aus dem Obsidian-Handoff entfernt. Die Links stehen im [[Subframe Bau Log]]. Fuer die weitergebbare Version siehe [[00 Start hier - David]] und [[D-FORM David Uebergabe 2026-07-09]].
### Nutzerfluss fuer die Simple-Builder-Richtung
@@ -128,15 +122,9 @@ Frames / Designs:
| E02 | `E02 S00 Keine Treffer` | Hauptfluss / Empty State |
| E03 | `E03 S05 Keine Antworten` | Hauptfluss / Empty State |
| E04 | `E04 S05 Export Fehler` | Hauptfluss / Error State |
| S01B | `S01B Gefuehrter Fragen Editor` | Spaeter / Referenz |
| S01C | `S01C Website Formular Editor` | Spaeter / Referenz |
| S01D | `S01D Umfrage Editor` | Spaeter / Referenz |
| S01E | `S01E Internes Formular Editor` | Spaeter / Referenz |
| ADV-S01-2 | `ADV-S01-2 Form-Builder Canvas 2` | Advanced Builder / Referenz |
| ADV-S01 | `ADV-S01 Form-Builder Canvas` | Aelterer Bespoke Builder / Referenz |
| D07 | `D07 Logic Regel Detail` | Advanced / Referenz |
| D08 | `D08 Action Detail mit Mapping` | Advanced / Referenz |
| D09 | `D09 Publish Blocker Summary` | Advanced / Referenz |
Hinweis: In der Subframe-Seitenliste tragen S01C, S01D, S01E, S03, S04 und S05 aktuell noch das Suffix `Layout`. Zielnamen fuer Review/Handoff sind die oben stehenden Namen ohne `Layout`.
@@ -158,10 +146,10 @@ Diese vorhandenen Komponenten/Patterns sollen genutzt werden.
| Bereich | Komponente | Einsatz in D-FORM |
|---|---|---|
| Layout | Default Page Layout | S00/S01/S02/S03/S05/E01-E04 als interne Hauptseiten im vorhandenen Subframe Page Layout. S01B-E, ADV-S01 Canvas und D07-D09 bleiben spaetere interne Referenzseiten. S04/V01/V02/V03 bleiben public ohne App-Shell. |
| Layout | Default Page Layout | S00/S01/S02/S03/S05/E01-E04 als interne Hauptseiten im vorhandenen Subframe Page Layout. S01C-E bleiben spaetere interne Referenzseiten. S04/V01/V02/V03 bleiben public ohne App-Shell. |
| Navigation | Breadcrumb | S02 oben: `Formulare / SHK Anfrageformular`. |
| Navigation | Page Header with Back | S02 Header mit Zurueck, Formname, Status, Save, Preview, Share, Publish. |
| Navigation | Tabs | S02 Tabs: Fragen, Design, Antworten. ADV-S01 behaelt Builder, Logic, Actions, Sharing, Preview, Settings als Referenz. |
| Navigation | Tabs | S02 Tabs: Fragen, Design, Antworten. |
| Actions | Button | Save, Publish, Add Field, Add Action, Submit. |
| Actions | Icon Button | Feldkarten-Menue, More-Menue, Close/Archive-Trigger. |
| Form Inputs | Text Input | Name, Slug, Field Key, Email, Telefon. |
@@ -211,10 +199,8 @@ Wenn einer dieser M-Zustaende spaeter in Subframe gebaut wird, muss die vorhande
Abgrenzung:
- `D07 Logic Regel Detail` = Panel/Drawer im Builder, kein Modal.
- `D08 Action Detail mit Mapping` = Panel/Drawer im Builder, kein Modal.
- `D09 Publish Blocker Summary` = Inline Banner/Summary im Builder, kein Modal.
- Public V01/V02 duerfen zwar card-artig zentriert aussehen, sind aber trotzdem volle Public-Zustaende und keine Dialoge.
- D-/M-Detailnotizen sind Markdown-Anforderungen und nicht Teil der aktuellen Subframe-Review-Reihenfolge.
## 6. S04: fertiges Kundenformular
@@ -310,115 +296,19 @@ Default Page Layout
### Layout-Regel fuer interne Builder-Screens
S00, S01, S02, S03, S05 und E01-E04 muessen in Subframe das vorhandene `Default Page Layout` verwenden. S01B-E, ADV-S01 Canvas und D07-D09 sind spaetere interne Referenzseiten und verwenden ebenfalls keine eigene Sidebar. Wichtig: Das Layout selbst bringt App-Shell/Navigation mit. In den Screens keine eigene Sidebar oder Header-Navigation nachbauen.
S00, S01, S02, S03, S05 und E01-E04 muessen in Subframe das vorhandene `Default Page Layout` verwenden. S01C-E sind spaetere interne Referenzseiten und verwenden ebenfalls keine eigene Sidebar. Wichtig: Das Layout selbst bringt App-Shell/Navigation mit. In den Screens keine eigene Sidebar oder Header-Navigation nachbauen.
Nicht verwenden fuer den Builder: `Blank`, public/zentrierte Form-Seiten oder `Default Page Layout with inner Sidebar`. Die innere Sidebar ist eher fuer Settings geeignet; der Builder hat bereits eigene Innenbereiche wie Feld-Palette, Canvas, Logic-Liste, Action-Liste und Inspector.
Public-Screens S04, V01, V02 und V03 bleiben bewusst ohne App-Shell und ohne Sidebar.
### Modus-Tabs
### Tabs
| Modus | Was zeigen? |
|---|---|
| Builder | Palette + Canvas + Inspector. |
| Logic | Regel-Liste und D07 Detail. |
| Actions | Action-Liste und D08 Mapping. |
| Sharing | URL, QR, iFrame; Draft-Hinweis. |
| Preview | Vorschau von S04, kein PDF. |
| Settings | Slug, Success, Redirect, Branding, Limits. |
S02 nutzt nur die Review-relevanten Tabs: Fragen, Design und Antworten. Logic, Actions und Publish bleiben in S02 bewusst einfach und inline.
## 8. D07 Logic Regel Detail
## 8. Entfernte Advanced-Detailframes
Ziel: Eine einzelne Logic-Regel bauen.
Subframe-Zustand:
```text
Logic Mode
Left/Top: Regel-Liste
Detailpanel: D07 Logic Regel Detail
```
Inhalt:
- Regelname
- Wenn-Feld
- Operator
- Wert
- Dann-Aktion: anzeigen / verstecken
- Zielfeld
- Aktiv Switch
- Test / Save
- Inline `message` bei Fehler
Wichtig:
- `Neue Regel` oeffnet kein Modal.
- Operator steuert, ob Wert gebraucht wird.
- Wenn Operator `ist leer`, verschwindet das Wertfeld.
- Unvollstaendige aktive Regel blockiert Publish.
## 9. D08 Action Detail mit Mapping
Ziel: Nach Submit festlegen, was passieren soll.
Subframe-Zustand:
```text
Actions Mode
Action-Liste
Add Action Popover
Detailpanel: D08 Action Detail mit Mapping
```
Inhalt:
- Action-Typ
- Action-Name
- Status aktiv/inaktiv
- Ziel: Empfaenger, Pipeline, Webhook URL usw.
- Field-Mapping Tabelle: Ziel-Feld -> Form-Feld
- Pflichtmapping
- Teststatus
- Save / Test / Delete
Wichtig:
- Add Action oeffnet Popover/Auswahlpanel, kein grosses Modal.
- Mapping ist der Kern.
- Aktive Action ohne Pflichtmapping blockiert Publish.
- Inaktive unvollstaendige Action darf als Draft bleiben.
## 10. D09 Publish Blocker Summary
Ziel: Mitarbeiter versteht, warum Publish nicht geht.
Subframe-Zustand:
```text
ADV-S01 Header
Publish Button
ADV-S01 Body
D09 Summary Banner
Blocker-Liste mit Sprungzielen
```
Blocker:
- Formularname fehlt
- Slug fehlt oder Konflikt
- Kein sichtbares Feld
- Feld ohne Label
- Select ohne Optionen
- Kaputte Logic
- Pflichtmapping fehlt
- Webhook URL ungueltig
Wichtig:
- Publish bleibt im Builder, kein Wizard.
- Jeder Blocker hat ein Sprungziel.
- Warnungen duerfen getrennt von Blockern angezeigt werden.
S01B, ADV-S01, ADV-S01-2 und die Detailframes D07/D08/D09 wurden aus dem Obsidian-Handoff entfernt. Die fachlichen Detailnotizen zu Sharing, Actions, Logic, Feldmenue, Interaktionsfaellen und Confirm-Dialogen bleiben als Markdown-Anforderungen liegen, sind aber keine Review-Screens.
## 11. Was NICHT passieren soll
@@ -427,7 +317,7 @@ Wichtig:
- Preview nicht als PDF verstehen.
- Logic nicht als PDF-/Dokumentgenerator verstehen.
- Actions nicht als kompletter Automation-Editor bauen.
- Confirm-Dialoge nicht vor D07/D08/D09 priorisieren.
- Confirm-Dialoge nicht vor dem S02-Hauptfluss priorisieren.
- Keine neuen globalen Subframe Standards aus D-FORM ableiten.
## 12. Umsetzungsstand in Subframe
@@ -453,15 +343,9 @@ Gebaut und verlinkt:
13. S05 Antworten Tabelle
14. E03 S05 Keine Antworten
15. E04 S05 Export Fehler
80. S01B Gefuehrter Fragen Editor
81. S01C Website Formular Editor
82. S01D Umfrage Editor
83. S01E Internes Formular Editor
90. ADV-S01 Form-Builder Canvas
90b. ADV-S01-2 Form-Builder Canvas 2
91. D07 Logic Regel Detail
92. D08 Action Detail mit Mapping
93. D09 Publish Blocker Summary
Gebaut nach Davids Lead-Feedback:
@@ -0,0 +1,54 @@
{
"nodes":[
{"id":"group-simple","type":"group","x":-80,"y":160,"width":3900,"height":1060,"label":"D-FORM Hauptflow - Interner Builder"},
{"id":"group-public","type":"group","x":1160,"y":1340,"width":2320,"height":640,"label":"Public Formular und States"},
{"id":"group-notes","type":"group","x":-80,"y":-280,"width":3040,"height":360,"label":"Review-Fokus / Scope"},
{"id":"package","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.md","x":0,"y":-150,"width":360,"height":160},
{"id":"s03","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/01 S00 Formulare verwalten.md","x":0,"y":380,"width":420,"height":190},
{"id":"note-subframe-focus","type":"text","text":"# Review-Fokus\n\nAktueller Hauptfluss:\n- 01 S00 Verwaltung\n- 02/03 Empty States\n- 04 S01 Formularart\n- 05 S02 Haupteditor\n- 05b/05c Lead-Zuweisung\n- 06 S03 Design\n- 07-10 Public Form/States\n- 11-13 Antworten/States\n\n81-83 sind nur spaetere Referenz-Beispiele.","x":520,"y":-190,"width":760,"height":240},
{"id":"note-out-of-scope","type":"text","text":"# Nicht in D-FORM\n\n- Vollstaendige Submissions-Verwaltung\n- Submission-Detail\n- Booking\n- Kalender\n- Signatur\n- HR-Screens\n- Personalisierte Links\n- JS-Snippet\n\nS00 ist nur die schlanke Formular-Zentrale. S05 ist nur die Antwortenansicht im Formular.","x":1480,"y":-190,"width":760,"height":240},
{"id":"s00","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/04 S01 Formularart auswaehlen.md","x":670,"y":385,"width":420,"height":190},
{"id":"s01a","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/05 S02 Einfacher Fragen Editor.md","x":1240,"y":860,"width":420,"height":190},
{"id":"s01c","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/81 S01C Website Formular Editor.md","x":2600,"y":200,"width":420,"height":170},
{"id":"s01d","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/82 S01D Umfrage Editor.md","x":2600,"y":400,"width":420,"height":170},
{"id":"s01e","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/83 S01E Internes Formular Editor.md","x":2600,"y":600,"width":420,"height":170},
{"id":"s04","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/06 S03 Formular Design.md","x":2120,"y":765,"width":420,"height":190},
{"id":"s05","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/11 S05 Antworten Tabelle.md","x":2120,"y":1005,"width":420,"height":190},
{"id":"note-simple-builder","type":"text","text":"# Aktueller Builder-Flow\n\nS00 ist die Formular-Zentrale.\nS01 waehlt die Formularart.\nS02 ist der Haupteditor.\n\nDie Formularart setzt nur Vorlage/Startfragen:\n- Website/Extern\n- Lead\n- Umfrage\n- Intern\n\nTabs im Formular:\n- Fragen\n- Design: S03\n- Antworten: S05\n\nS01B bleibt nur Live-Backlog ausserhalb des Handoffs. S01C/D/E sind lokale Referenz-Beispiele und nicht mehr im aktuellen Subframe-Flow.","x":3260,"y":285,"width":500,"height":360},
{"id":"simple-direction","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Simple Builder Neuausrichtung.md","x":3300,"y":765,"width":420,"height":160},
{"id":"v01","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/08 V01 Public Erfolg oder Redirect.md","x":1870,"y":1420,"width":420,"height":190},
{"id":"note-public","type":"text","text":"# Public-Regel\n\nKeine App-Shell.\n\nRuhiges Kundenformular:\n- Branding-Kopf\n- Intro\n- Felder\n- mCaptcha\n- Submit\n- Success/Error\n\nMobile zuerst mitdenken.","x":2350,"y":1420,"width":420,"height":250},
{"id":"s02","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/07 S04 Oeffentliches Formular.md","x":1240,"y":1540,"width":420,"height":190},
{"id":"v02","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/09 V02 Public Formular nicht verfuegbar.md","x":1870,"y":1660,"width":420,"height":190},
{"id":"v03","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/Screens/10 V03 Public Captcha oder Submit Fehler.md","x":2350,"y":1700,"width":420,"height":190},
{"id":"note-public-reuse","type":"text","text":"# Public Renderer\n\nD-FORM baut das Public Form.\n\nAndere Bereiche wie HR oder Booking koennen den Renderer spaeter wiederverwenden, sind aber keine D-FORM-Screens.","x":3000,"y":1550,"width":420,"height":220}
],
"edges":[
{"id":"edge-s02-v01","fromNode":"s02","fromSide":"right","toNode":"v01","toSide":"left","label":"Submit erfolgreich"},
{"id":"edge-s02-v02","fromNode":"s02","fromSide":"right","toNode":"v02","toSide":"left","label":"nicht verfuegbar"},
{"id":"edge-s02-v03","fromNode":"s02","fromSide":"right","toNode":"v03","toSide":"left","label":"Fehler beim Submit"},
{"id":"edge-s02-public","fromNode":"s02","fromSide":"right","toNode":"note-public","toSide":"left","label":"Public-UX"},
{"id":"edge-public-reuse","fromNode":"note-public","fromSide":"right","toNode":"note-public-reuse","toSide":"left","label":"Wiederverwendung"},
{"id":"edge-focus-out","fromFloating":false,"toFloating":false,"fromNode":"note-subframe-focus","fromSide":"right","toNode":"note-out-of-scope","toSide":"left","label":"Grenzen"},
{"id":"edge-package-focus","fromNode":"package","fromSide":"right","toNode":"note-subframe-focus","toSide":"left","label":"Review"},
{"id":"edge-package-simple","fromNode":"package","fromSide":"bottom","toNode":"s03","toSide":"top","label":"Hauptfluss"},
{"id":"edge-s00-s01a","fromNode":"s00","fromSide":"right","toNode":"s01a","toSide":"left","label":"Weiter zu S02"},
{"id":"edge-s00-s01c","fromNode":"s00","fromSide":"right","toNode":"s01c","toSide":"left","label":"Referenz: Website"},
{"id":"edge-s00-s01d","fromNode":"s00","fromSide":"right","toNode":"s01d","toSide":"left","label":"Referenz: Umfrage"},
{"id":"edge-s00-s01e","fromNode":"s00","fromSide":"right","toNode":"s01e","toSide":"left","label":"Referenz: Intern"},
{"id":"edge-s03-s00","fromNode":"s03","fromSide":"right","toNode":"s00","toSide":"left","label":"Neues Formular"},
{"id":"edge-s03-s01a","toFloating":false,"fromNode":"s03","fromSide":"right","toNode":"s01a","toSide":"left","label":"Bearbeiten"},
{"id":"edge-s01a-s04","fromNode":"s01a","fromSide":"right","toNode":"s04","toSide":"left","label":"Tab Design"},
{"id":"edge-s01a-s05","fromNode":"s01a","fromSide":"right","toNode":"s05","toSide":"left","label":"Tab Antworten"},
{"id":"edge-s01a-note","fromNode":"s01a","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
{"id":"edge-s01c-note","fromNode":"s01c","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
{"id":"edge-s01d-note","fromNode":"s01d","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
{"id":"edge-s01e-note","fromNode":"s01e","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
{"id":"edge-s01a-s02-public","fromNode":"s01a","fromSide":"bottom","toNode":"s02","toSide":"top","label":"Public Vorschau"},
{"id":"edge-note-simple-direction","fromNode":"note-simple-builder","fromSide":"bottom","toNode":"simple-direction","toSide":"top","label":"Entscheidung"}
],
"metadata":{
"version":"1.0-1.0",
"frontmatter":{}
}
}
@@ -6,7 +6,7 @@ package: WF-D-FORM Form Builder
typ: Flow
status: Review-ready / Subframe Draft gebaut
subframe: "https://app.subframe.com/f023064a5ca0/flow/afb1c257-46f0-4b23-aaed-d75f4773f1a9/edit?tab=ai&conversationId=02d948da-f9aa-4ab5-8352-2745789bb9ad"
canvas: "02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas"
canvas: "02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas"
---
# WF-D-FORM Form Builder
@@ -26,22 +26,22 @@ Start fuer Review: [[00 Start hier - David]]
## 1. Kurzfassung
Dieses Paket bereitet `D-FORM` fuer David vor: den internen Form-Builder-Canvas und das oeffentliche Formular.
Dieses Paket bereitet `D-FORM` fuer David vor: den einfachen internen Formular-Editor und das oeffentliche Formular.
Der Fokus liegt bewusst auf den zwei Bespoke-Erlebnissen:
- Form-Builder-Canvas fuer interne Nutzer
- S02 Fragen-Editor fuer interne Nutzer
- Oeffentliches Formular fuer externe Submitter
Fuer den eigentlichen Subframe-Bau gilt [[Subframe Bauplan]] als konkrete Bau-Reihenfolge und Komponenten-Zuordnung. Interne Builder-Screens wie S01/D07/D08/D09 nutzen das vorhandene Default Page Layout; keine eigene Sidebar oder Header-Navigation nachbauen. Public-Screens bleiben ohne App-Shell.
Fuer den eigentlichen Subframe-Bau gilt [[Subframe Bauplan]] als konkrete Bau-Reihenfolge und Komponenten-Zuordnung. Interne Builder-Screens wie S00/S01/S02/S03/S05 nutzen das vorhandene Default Page Layout; keine eigene Sidebar oder Header-Navigation nachbauen. Public-Screens bleiben ohne App-Shell.
Die vollstaendige Forms-/Submissions-Verwaltung, Booking, Kalender und Signatur werden nicht in diesem Paket gebaut. Als schlanker Einstieg wurde aber S00 `Formulare verwalten` ergaenzt, damit Nutzer vorhandene Formulare finden und in den Builder springen koennen.
**Wichtig:** Dieses Paket ist jetzt ein tragfaehiger Detail-Brainstorming-Entwurf fuer David. Davids Review vom 2026-07-06 hat den fachlichen Scope bestaetigt, aber fuer den Builder mehr Interaktionslogik verlangt. Diese "was passiert nach Klick?"-Ebene ist im Advanced-Builder nachgezogen. D-FORM ist in Subframe als Draft gebaut: S00 bis S05, die Public-Screens S04/V01/V02/V03 sowie D07 Logic Regel Detail, D08 Action Detail mit Mapping und D09 Publish Blocker Summary sind gebaut.
**Wichtig:** Dieses Paket ist jetzt auf den einfachen S02-Hauptfluss ausgerichtet. D-FORM ist in Subframe als Draft gebaut: S00 bis S05, S02L/E05 fuer Lead-Zuweisung und die Public-Screens S04/V01/V02/V03.
Vor einer echten Fertig-Markierung muss David die Subframe-Frames final reviewen. Danach koennen nur noch gezielte Korrekturen oder explizit nachgeforderte Zustands-/Modalframes folgen.
**Nachtrag 2026-07-07:** Fuer Handwerksbetriebe wirkt der bisherige S01 fachlich stark, aber zu komplex. Deshalb wurden einfachere Alternativen gebaut: zuerst [[Screens/01 S00 Formulare verwalten|S00 Formulare verwalten]] als Startseite, danach [[Screens/04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]] und Google-Forms-artige Beispiel-Editoren je Formularart. Gebaute Varianten: [[Screens/05 S02 Einfacher Fragen Editor|S02 Einfacher Fragen Editor]], [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]], [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]], [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] und [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]]. Ergaenzt wurden ausserdem [[Screens/06 S03 Formular Design|S03 Formular Design]] und [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]]. Die bisherige Logic bleibt im Hintergrund erhalten, aber der Einstieg soll nicht mehr wie ein Profi-Builder wirken.
**Nachtrag 2026-07-07:** Fuer Handwerksbetriebe wirkt der bisherige Builder fachlich stark, aber zu komplex. Deshalb wurden einfachere Alternativen gebaut: zuerst [[Screens/01 S00 Formulare verwalten|S00 Formulare verwalten]] als Startseite, danach [[Screens/04 S01 Formularart auswaehlen|S01 Formularart auswaehlen]] und Google-Forms-artige Beispiel-Editoren. Hauptvariante ist [[Screens/05 S02 Einfacher Fragen Editor|S02 Einfacher Fragen Editor]]. [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]], [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] und [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] bleiben spaetere Beispiele. Ergaenzt wurden ausserdem [[Screens/06 S03 Formular Design|S03 Formular Design]] und [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]].
**Nachtrag 2026-07-08:** Die Simple-Builder-Richtung wurde nachgeschaerft: S00 nutzt Mehrfachfilter nach Status und Art, S02 hat mehrere editierbare Optionen und eine erweiterte Google-Forms-nahe Werkzeugleiste, S04 enthaelt eine Datenschutz-Checkbox, S03/S05 haben keinen eigenen Teilen-Tab mehr und S05 dient nur Antworten/Export.
@@ -49,6 +49,10 @@ Vor einer echten Fertig-Markierung muss David die Subframe-Frames final reviewen
**Nachtrag 2026-07-09:** Fuer Davids Review wurde ein kompletter Obsidian-faehiger Paketordner vorbereitet. Die aktuelle Uebergabe liegt in [[D-FORM David Uebergabe 2026-07-09]]. Die S02/S02L-Lead-Hinweise sind optisch an die gruene `Lead anlegen`-Card angeglichen: Icon links, Titel/Badge/Beschreibung in der Mitte, Aktion rechts.
**Cleanup 2026-07-10:** S01B, die alten Advanced-Screens 90/90b/91/92/93 und die doppelten Dateien unter `Varianten/` wurden aus Obsidian entfernt. Der Handoff zeigt nur noch den aktuellen Hauptfluss plus S01C/S01D/S01E als optionale Beispiele.
**MCP-Abgleich 2026-08-25:** Der Live-Flow heisst weiterhin `(MCP) WF-P16 Form Builder`; der lokale Paketname `WF-D-FORM Form Builder` bleibt wegen der P16-Kollision bewusst abweichend. S01B ist live weiterhin als Backlog-Seite vorhanden, bleibt aber ausserhalb des Review-Handoffs. S01C/S01D/S01E existieren nicht mehr im aktuellen Subframe-Flow und werden lokal nur als fachliche Referenzen behalten. Subframe wurde bei diesem Abgleich nicht veraendert.
---
## 2. Intent Check
@@ -133,19 +137,11 @@ Merksatz: D-FORM hat wenige eigene Routen, aber einen riesigen Detailumfang inne
| Bereich | Stand | Naechster Schritt |
|---|---|---|
| ADV-S01 Builder-Layout | Arbeitsentwurf in ADV-S01 ergaenzt und als Subframe-Frame gebaut. | David prueft Drei-Zonen-Builder in Subframe. |
| ADV-S01 Feld-Palette | Arbeitsentwurf in ADV-S01 ergaenzt. | Entscheiden, ob Content Blocks wie Section Header in v1 sichtbar werden. |
| ADV-S01 Canvas / Drag-and-Drop | Arbeitsentwurf in ADV-S01 ergaenzt. | Drag-Zustaende ggf. in Subframe besonders sichtbar machen. |
| ADV-S01 Feld-Inspector | Arbeitsentwurf in ADV-S01 ergaenzt. | Properties je Feldtyp reviewen. |
| ADV-S01 Interaktionslogik | Nach David-Feedback ergaenzt und als Zustandsdateien ausgearbeitet. D07/D08/D09 sind als zusaetzliche Subframe-Zustaende gebaut. | David prueft die Subframe-Frames und entscheidet nur noch ueber Feinschliff oder Zusatzframes. |
| ADV-S01 Validation / Publish | Arbeitsentwurf in ADV-S01 ergaenzt und als D09 gebaut. | David prueft Blocker-Copy, Warnungen und Sprungziele. |
| ADV-S01 Conditional Logic | Arbeitsentwurf in ADV-S01 ergaenzt. | V1-Grenzen final bestaetigen. |
| ADV-S01 Sharing | Arbeitsentwurf in ADV-S01 ergaenzt. | iFrame/QR/URL-Darstellung finalisieren. |
| ADV-S01 Post-Submit-Actions | Arbeitsentwurf in ADV-S01 ergaenzt. | Action-Typen und Mapping-Tiefe final reviewen. |
| ADV-S01 Permissions | Arbeitsentwurf in ADV-S01 ergaenzt. | Read-only/No-Permission-Zustand final entscheiden. |
| S02 Haupteditor | Simple Builder mit Fragekarten, Fragetypen, Bedingung und Lead-Hinweis gebaut. | David prueft die einfache Richtung. |
| S02L/E05 Lead-Zuweisung | Lead-Felder werden per Dropdown zugewiesen; Fehlerzustand ist gebaut. | David prueft, ob die Zuordnung reicht. |
| S04 Public Form | Arbeitsentwurf in S04 ergaenzt. | David validiert Public Layout, Mobile, Submit und Branding. |
| V01/V02/V03 Public-Varianten | Arbeitsentwurf in Varianten ergaenzt. | David validiert Copy und Public-Fehlerlogik. |
| Canvas/Tracker/Handoff | Nach P2-Auth-Referenz synchronisiert: Hauptflow plus ADV-S01-Zustaende/Case-Matrix im Canvas sichtbar. | Vor Subframe nur noch David-Freigabe bzw. Auswahl moeglicher Zusatzframes. |
| V01/V02/V03 Public-States | Public Success, Nicht-verfuegbar und Captcha/Submit-Fehler gebaut. | David validiert Copy und Public-Fehlerlogik. |
| Canvas/Tracker/Handoff | Auf aktuellen Hauptfluss bereinigt; alte Advanced-Frames aus Obsidian entfernt. | Vor Subframe nur noch David-Freigabe bzw. gezielte Korrekturen. |
---
## 3d. David-Feedback 2026-07-06
@@ -161,13 +157,13 @@ Nacharbeit: In S01 fehlte die Interaktionslogik fuer konkrete Aktionen. Die wich
| Feld loeschen | 3-Punkte-Menue/Gefahrenzone; Confirm bei Abhaengigkeiten oder public-wirksamen Folgen. |
| Logic-Regel anlegen | Logic-Panel/Detailbereich im selben S01, kein Modal. |
| Post-Submit-Action hinzufuegen | Typauswahl als Popover/kleines Auswahlpanel, Konfiguration im Action-Panel/Drawer. |
| Sharing oeffnen | Sharing-Panel/Modus im ADV-S01, kein Modal. |
| Sharing oeffnen | Public-Link-/Teilen-Kontext im einfachen Builder, kein eigener Review-Screen. |
| Publish | Inline-Check mit Summary/Popover; Blocker springen zu Feld, Logic, Action oder Settings. |
| Unpublish | Confirm-Dialog, weil Public-Link danach nicht mehr erreichbar ist. |
Bewertung: Die 5 Hauptframes bleiben bestehen. Nach Empfehlung wurden zusaetzlich D07 Logic Regel Detail, D08 Action Detail mit Mapping und D09 Publish Blocker Summary als Subframe-Zustaende gebaut. M01/M02 und die restlichen D-/M-Zustaende bleiben vorerst dokumentiert.
Bewertung: Der aktuelle Review konzentriert sich auf den S02-Hauptfluss. M01/M02 und die restlichen D-/M-Zustaende bleiben vorerst dokumentiert.
Nachgezogene Vor-Subframe-Dateien: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]], [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]], [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]], [[Screens/D10 Builder Interaktionsfaelle]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
Dokumentierte Detaildateien: [[Screens/D01 Sharing Panel URL QR iFrame]], [[Screens/D02 Post-Submit Actions]], [[Screens/D03 Conditional Logic Editor]], [[Screens/D06 Feldkarten Menue]], [[Screens/M01 Feld loeschen Confirm]], [[Screens/D10 Builder Interaktionsfaelle]], [[Screens/M02 Unpublish Confirm]], [[Screens/M03 Archive Confirm]], [[Screens/M04 Unsaved Changes Confirm]].
Nach weiterer Rueckmeldung wurde D10 als Case-Matrix ergaenzt: Was passiert, wenn Nutzer etwas auswaehlen, eine Checkbox setzen, einen mittleren Pflichtschritt vergessen, Bild/Datei hinzufuegen, Optionen loeschen, Mapping halb setzen oder eine public-wirksame Aktion ausloesen.
@@ -181,10 +177,10 @@ Nachgezogen fuer D-FORM:
| P2-Muster | D-FORM-Umsetzung |
|---|---|
| Screen-Dateien mit Ziel, Daten, Aktionen, Verhalten, Zustaenden und Subframe-Hinweis | ADV-S01/S02/S04/V01-V03 sowie D01-D10 und M01-M04 entsprechend ausgearbeitet. |
| D-/M-Zustaende als eigene Dateien, auch wenn sie nicht gebaut werden | ADV-S01-Zustaende liegen als eigene Vor-Subframe-Dateien im `Screens`-Ordner; D07/D08/D09 sind als zusaetzliche Subframe-Zustaende gebaut. |
| Screen-Dateien mit Ziel, Daten, Aktionen, Verhalten, Zustaenden und Subframe-Hinweis | S02/S02L/E05/S04/V01-V03 sowie D-/M-Notizen entsprechend ausgearbeitet. |
| D-/M-Zustaende als eigene Dateien, auch wenn sie nicht gebaut werden | Detailnotizen liegen im `Screens`-Ordner, sind aber nicht Teil der aktuellen Subframe-Review-Reihenfolge. |
| Canvas zeigt Hauptflow plus dokumentierte Zustaende/Notizen | `WF-D-FORM Form Builder.canvas` wurde erweitert: Hauptflow, D-/M-Zustaende, D10 Case-Matrix, Public Flow und Scope-Notizen. |
| Tracker fuehrt dokumentierte Zustaende als eigene Zeilen | Tracker enthaelt D01-D10 und M01-M04; D07/D08/D09 stehen auf `Bauen`, M01/M02/M03/M04 bleiben dokumentiert. |
| Tracker fuehrt dokumentierte Zustaende als eigene Zeilen | Tracker enthaelt die D-/M-Notizen als Dokumentation ohne Canvas-Link. |
Bewertung: D-FORM ist auf dem gleichen Vor-Subframe-Dokumentationsniveau wie die besser ausgearbeiteten P2 Auth Pakete. Subframe ist als Draft gebaut und verlinkt; Review und Feinschliff folgen.
@@ -330,9 +326,9 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
| Public Erfolg oder Redirect | Submit-Ende ist copy- und vertrauenskritisch. | Bauen |
| Public Formular nicht verfuegbar | Externer Blocker braucht klare Loesung. | Bauen |
| Public Captcha oder Submit Fehler | Hauefiger Public-Fehler, muss sauber wirken. | Bauen oder dokumentieren |
| Sharing-Panel | URL/QR/iFrame gehoeren in Builder. | In ADV-S01 integrieren |
| Post-Submit-Actions | Field-Mapping muss sichtbar sein. | In ADV-S01 integrieren |
| Conditional-Logic-Editor | v1-Pflicht, aber eng schneiden. | In ADV-S01 integrieren |
| Sharing-Panel | URL/QR/iFrame gehoeren in den Public-Link-Kontext. | Dokumentieren |
| Post-Submit-Actions | Lead-Feldzuweisung muss sichtbar sein. | In S02L/E05 abgebildet |
| Conditional-Logic-Editor | v1 eng schneiden. | Als einfache Bedingung an der Frage |
| Forms-Liste | Compose aus D2, nicht D-FORM. | Raus |
| Submissions | Compose aus A2/A3, nicht D-FORM. | Raus |
| Booking-Intake | Eigenes Ticket `D-BOOK`. | Raus |
@@ -344,7 +340,6 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
| ID | Screen/Zustand | Ist eigener Arbeitsmoment? | Neue Struktur/Entscheidung/Risiko? | Entscheidung | Begruendung |
|---|---|---|---|---|---|
| ADV-S01 | [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] | ja | ja, schwerste P16-UI | Referenz behalten | Nicht mehr Hauptfluss; S02 ist die einfache Richtung. |
| S04 | [[Screens/07 S04 Oeffentliches Formular|S04 Oeffentliches Formular]] | ja | ja, Public Renderer und Branding | Bauen | Extern sichtbar, hoher Polish. |
| V01 | [[Screens/08 V01 Public Erfolg oder Redirect|V01 Public Erfolg oder Redirect]] | teilweise | ja, Submit-Ende und Copy | Bauen | Public Dbschluss soll nicht Dev-Default sein. |
| V02 | [[Screens/09 V02 Public Formular nicht verfuegbar|V02 Public Formular nicht verfuegbar]] | ja | ja, blockierender Public-State | Bauen | Nutzer kann nicht fortfahren. |
@@ -354,9 +349,6 @@ Empfehlung: David sollte **Palette + Canvas + Inspector** als Kernarbeit versteh
| D03 | [[Screens/D03 Conditional Logic Editor]] | nein | ja, Regel-Editor | Nur dokumentieren | In S01 als Panel/Tab dokumentieren. |
| D06 | [[Screens/D06 Feldkarten Menue]] | nein | ja, Klick-Logik nach David-Feedback | Nur dokumentieren | 3-Punkte-Menue fuer Duplizieren, Loeschen, ggf. Deaktivieren. |
| M01 | [[Screens/M01 Feld loeschen Confirm]] | nein | ja, Abhaengigkeiten in Logic/Actions | Nur dokumentieren | Confirm nur bei Risiko, kein normaler Bearbeitungsdialog. |
| D07 | [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | teilweise | ja, Regelbearbeitung | Referenz behalten | Fuer S02 nicht Hauptfluss; bei Advanced-Bedarf pruefen. |
| D08 | [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | teilweise | ja, Field-Mapping | Referenz behalten | Fuer S02 nicht Hauptfluss; Mapping bleibt verborgen. |
| D09 | [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | ja | ja, Publish-Entscheidung | Referenz behalten | In S02 reicht Banner/Popover im selben Screen. |
| D10 | [[Screens/D10 Builder Interaktionsfaelle]] | nein | ja, Auswahlfolgen und Edge Cases | Nur dokumentieren | Case-Matrix fuer Dropdowns, Checkboxen, vergessene Zwischenschritte, Datei/Bild und Modal-Inhalte. |
| M02 | [[Screens/M02 Unpublish Confirm]] | nein | ja, public-wirksam | Nur dokumentieren | Confirm-Dialog wegen Public-Link. |
| M03 | [[Screens/M03 Archive Confirm]] | nein | ja, destruktiv/Statuswechsel | Nur dokumentieren | Confirm aus More-Menue. |
@@ -370,21 +362,16 @@ Entscheidung: `Bauen`, `Wiederverwenden`, `Nur dokumentieren`, `Spaeter`, `Raus`
Der urspruengliche Advanced-Subframe-Fokus lag auf diesen **8 Frames/Zustaenden**:
- ADV-S01 Form-Builder Canvas
- S04 Oeffentliches Formular
- V01 Public Erfolg oder Redirect
- V02 Public Formular nicht verfuegbar
- V03 Public Captcha oder Submit Fehler
- D07 Logic Regel Detail
- D08 Action Detail mit Mapping
- D09 Publish Blocker Summary
Nach der Simple-Builder-Neuausrichtung sind zusaetzlich gebaut und fuer Review nach vorne gezogen:
- S00 Formulare verwalten
- S01 Formularart auswaehlen
- S02 Einfacher Fragen Editor
- S01B Gefuehrter Fragen Editor
- S01C Website Formular Editor
- S01D Umfrage Editor
- S01E Internes Formular Editor
@@ -395,15 +382,11 @@ Nicht als eigene Frames bauen:
- Kein Sharing/Teilen als eigener Hauptreiter im Simple Builder; Public-Link/QR/Einbettung gehoeren in Veroeffentlichen/Public-Link-Kontext.
- Actions, Logic, Preview und Settings als Arbeitsbereiche von S01 bzw. einfache Zusatzoptionen im Simple Builder.
- Feldkarten-Menue, allgemeine Panels, D10 Case-Matrix und Confirm-Dialoge als dokumentierte ADV-S01-Zustaende.
- Feldkarten-Menue, allgemeine Panels, D10 Case-Matrix und Confirm-Dialoge als dokumentierte Detailnotizen.
- Vollstaendige Forms-Liste und Submissions, weil diese Compose aus A2/A3 sind. S00/S05 sind nur schlanke D-FORM-Einstiegs-/Antwortansichten.
- Booking/Kalender/Signatur, weil diese eigene Tickets haben.
Als zusaetzliche S01-Zustandsframes bauen:
- D07 Logic Regel Detail
- D08 Action Detail mit Mapping
- D09 Publish Blocker Summary
Keine zusaetzlichen Advanced-Zustandsframes im aktuellen Handoff bauen.
### Copy-kritische Zustaende
@@ -444,16 +427,12 @@ Als zusaetzliche S01-Zustandsframes bauen:
| S05 | [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]] | Builder Tab | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
| E03 | [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]] | Empty State | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
| E04 | [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]] | Error State | Bauen | `/forms/:id/edit` | Subframe Draft / Review offen |
| S01B | [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| S01C | [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| S01D | [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| S01E | [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] | Spaeter / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| ADV-S01 | [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]] | Advanced Builder / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| S01 | [[Screens/90b ADV Form-Builder Canvas 2|ADV-S01-2 Form-Builder Canvas 2]] | Advanced Builder / Referenz | Bauen | `/forms/:id/edit` | Subframe Draft / Referenz |
| S01C | [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
| S01D | [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
| S01E | [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]] | Spaeter / Referenz | Dokumentieren | `/forms/:id/edit` | Lokal dokumentiert / nicht mehr in Subframe |
### Detailnotizen ohne eigene Review-Screens
### ADV-S01-Zustaende und Zusatzframes vor Subframe
Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusaetzliche Subframe-Zustaende gebaut; die restlichen bleiben dokumentiert.
Diese Eintraege sind ausgearbeitet, bleiben aber Dokumentation und sind nicht Teil der aktuellen Subframe-Review-Reihenfolge.
| ID | Zustand | Typ | Umsetzung |
|---|---|---|---|
@@ -462,9 +441,6 @@ Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusae
| D03 | [[Screens/D03 Conditional Logic Editor]] | Panel-Zustand | Nur dokumentieren |
| D06 | [[Screens/D06 Feldkarten Menue]] | Inline-Zustand | Nur dokumentieren |
| M01 | [[Screens/M01 Feld loeschen Confirm]] | Confirm Modal | Nur dokumentieren |
| D07 | [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | Panel-Zustand | Bauen |
| D08 | [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | Panel-Zustand | Bauen |
| D09 | [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | Inline-Zustand | Bauen |
| D10 | [[Screens/D10 Builder Interaktionsfaelle]] | Case-Matrix | Nur dokumentieren |
| M02 | [[Screens/M02 Unpublish Confirm]] | Confirm Modal | Nur dokumentieren |
| M03 | [[Screens/M03 Archive Confirm]] | Confirm Modal | Nur dokumentieren |
@@ -477,25 +453,25 @@ Diese Eintraege sind ausgearbeitet. D07/D08/D09 wurden nach Empfehlung als zusae
Interner Hauptarbeitsort:
```text
ADV-S01 Form-Builder Canvas
- Header / Status / Save / Publish
- Feld-Palette
- Canvas
- Feld-Inspector
- Arbeitsmodi: Logic, Actions, Sharing, Preview, Settings
S02 Einfacher Fragen Editor
- Fragen
- Lead-Hinweis / Felder zuweisen
- Bedingung direkt an der Frage
- Design-Tab S03
- Antworten-Tab S05
```
Dokumentierte ADV-S01-Zustaende:
Dokumentierte Detailnotizen:
```text
S01 -> D01 Sharing Panel
S01 -> D02 Post-Submit Actions -> D08 Action Detail mit Mapping
S01 -> D03 Conditional Logic Editor -> D07 Logic Regel Detail
S01 -> D06 Feldkarten Menue -> M01 Feld loeschen Confirm
S01 -> D09 Publish Blocker Summary -> M02 Unpublish Confirm
S01 -> M03 Archive Confirm
S01 -> M04 Unsaved Changes Confirm
S01 -> D10 Builder Interaktionsfaelle
S02 -> D01 Sharing Panel
S02 -> D02 Post-Submit Actions
S02 -> D03 Conditional Logic Editor
S02 -> D06 Feldkarten Menue -> M01 Feld loeschen Confirm
S02 Publish-Kontext -> M02 Unpublish Confirm
S02 -> M03 Archive Confirm
S02 -> M04 Unsaved Changes Confirm
S02 -> D10 Builder Interaktionsfaelle
```
Public Flow:
@@ -528,20 +504,14 @@ S04 Oeffentliches Formular
- [[Screens/11 S05 Antworten Tabelle|S05 Antworten Tabelle]]
- [[Screens/12 E03 S05 Keine Antworten|E03 S05 Keine Antworten]]
- [[Screens/13 E04 S05 Export Fehler|E04 S05 Export Fehler]]
- [[Screens/80 S01B Gefuehrter Fragen Editor|S01B Gefuehrter Fragen Editor]]
- [[Screens/81 S01C Website Formular Editor|S01C Website Formular Editor]]
- [[Screens/82 S01D Umfrage Editor|S01D Umfrage Editor]]
- [[Screens/83 S01E Internes Formular Editor|S01E Internes Formular Editor]]
- [[Screens/90 ADV Form-Builder Canvas|ADV-S01 Form-Builder Canvas]]
- [[Screens/90b ADV Form-Builder Canvas 2|ADV-S01-2 Form-Builder Canvas 2]]
- [[Screens/D01 Sharing Panel URL QR iFrame]]
- [[Screens/D02 Post-Submit Actions]]
- [[Screens/D03 Conditional Logic Editor]]
- [[Screens/D06 Feldkarten Menue]]
- [[Screens/M01 Feld loeschen Confirm]]
- [[Screens/91 D07 Logic Regel Detail|D07 Logic Regel Detail]]
- [[Screens/92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]]
- [[Screens/93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]]
- [[Screens/D10 Builder Interaktionsfaelle]]
- [[Screens/M02 Unpublish Confirm]]
- [[Screens/M03 Archive Confirm]]
@@ -554,9 +524,9 @@ S04 Oeffentliches Formular
- [x] Jeder Screen ist mit Umsetzung markiert.
- [x] Jedes sichtbare Feld hat eine Datenquelle. Als Detail-Brainstorming dokumentiert.
- [x] Jeder Button hat eine Aktion. Nach David-Feedback um Interaktionslogik ergaenzt.
- [x] Die wichtigsten ADV-S01-Klickzustaende sind als eigene Vor-Subframe-Dateien dokumentiert.
- [x] Die wichtigsten Klickzustaende sind als Markdown-Detailnotizen dokumentiert.
- [x] Die wichtigsten Was-passiert-wenn-Faelle sind in D10 als Case-Matrix dokumentiert.
- [x] Canvas ist nach P2-Auth-Referenz erweitert: Hauptflow, ADV-S01-Zustaende, D10, Public Flow und Scope-Notizen.
- [x] Canvas ist auf Hauptflow, Public Flow und Scope-Notizen bereinigt.
- [x] Banner/Inline-Meldungen sind dokumentiert.
- [x] Toasts/Action-Feedback sind dokumentiert.
- [x] Meldungs-/Error-State-Matrix ist ausgefuellt.
@@ -564,8 +534,8 @@ S04 Oeffentliches Formular
- [x] Relevante Zustaende sind beschrieben.
- [x] Offene Fragen sind sichtbar.
- [x] Ticket-Handoff-Entwurf ist in `Tickets/Fertige Tickets/` angelegt.
- [x] Detail-Brainstorming fuer ADV-S01/S02/S04/V01/V02/V03 ist abgeschlossen.
- [x] Detail-Brainstorming fuer S02/S04/V01/V02/V03 ist abgeschlossen.
- [x] David-Review-Rueckmeldung ist erfolgt.
- [x] S01-Interaktionslogik nach David-Feedback ist eingearbeitet.
- [ ] David-Freigabe nach S01-Nacharbeit ist erfolgt.
- [x] Subframe-Link fuer Flow, Hauptfluss 01-13 und Referenzseiten 80-93 ist eingetragen.
- [x] Subframe-Link fuer Flow und Hauptfluss 01-13 ist eingetragen.
@@ -1,110 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: S01B
screen: Gefuehrter Fragen Editor
typ: Simple Builder Alternative
umsetzung: Alternative bauen
status: Subframe Draft / Review offen
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit"
---
# S01B - Gefuehrter Fragen Editor
## Ziel
Noch weniger Komplexitaet als S02. Der Nutzer wird durch wenige Schritte gefuehrt: Fragen, Einstellungen, Vorschau, Veroeffentlichen.
## Leitidee
S01B ist fuer Nutzer, die bei zu vielen Buttons sofort aussteigen.
Der Screen sagt:
`Erst Fragen. Dann pruefen. Dann teilen.`
## Aufbau
Interne Seite mit vorhandenem `Default rage Layout`. Keine eigene Sidebar nachbauen.
Screen-Zonen:
- Kopfzeile mit Formularname, Speichern, Vorschau.
- Step-Leiste oben: 1 Fragen, 2 Einstellungen, 3 Vorschau, 4 Veroeffentlichen.
- Linke schmale Fragenliste: Frage 1, Frage 2, Frage 3.
- Hauptbereich: nur die aktuell gewaehlte Frage als grosse Karte.
- Rechte Seite: Hilfe/rreview-Zusammenfassung, nicht voller Inspector.
## Hauptaktionen
| Aktion | UI |
|---|---|
| Frage hinzufuegen | grosser Button `+ Frage hinzufuegen` unter Fragenliste |
| Fragetyp wechseln | grosses Dropdown in der Fragekarte |
| Option hinzufuegen | Inline in der Fragekarte |
| rflichtfrage | Toggle mit Text `Muss beantwortet werden` |
| Bedingung | Button `Nur anzeigen, wenn ...` |
| Frage loeschen | Drei-runkte-Menue, Confirm nur bei Risiko |
| Vorschau | eigener Schritt oder Button oben |
## Vereinfachung gegenueber S02
| S02 | S01B |
|---|---|
| rechte Mini-Werkzeugleiste | keine Werkzeugleiste |
| mehrere Fragekarten sichtbar | Fokus auf eine Frage |
| tabs wie Google Forms | Schrittfolge |
| mehr direkte Kontrolle | mehr Fuehrung |
## Lead-Formular Verhalten
Bei Lead-Formular:
- Schritt `Einstellungen` zeigt automatisch:
- Lead-Erstellung aktiv
- Ziel-ripeline
- verantwortliches Team
- Nutzer kann diese Werte aendern, muss aber nichts mappen.
- Fragenliste startet mit vorgeschlagenen Lead-Fragen.
## rublic rreview
Der Schritt `Vorschau` zeigt, wie der Kunde das Formular sieht.
Wichtig:
- Keine rDF-Sprache.
- Keine interne Builder-Sprache.
- rreview entspricht S02 rublic Form.
## rublish
Im Schritt `Veroeffentlichen` sieht Nutzer:
- rublic Link
- QR-Code
- Einbetten
- Status der rruefung
Fehlt etwas, steht es als einfache Checkliste:
- `Frage 2 braucht mindestens eine Antwortoption.`
- `Oeffentliche URL fehlt.`
- `Datenschutz-Hinweis pruefen.`
## Subframe-Hinweis
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/edit
Qualitaetsregel:
- Nutzt das vorhandene `Default rage Layout`.
- Keine eigene Sidebar oder Header-Navigation.
- Liegt im selben Flow neben `ADV-S01-2 Form-Builder Canvas 2`.
- Weniger Google-Forms-nah als S02, aber fuer sehr unsichere Nutzer wahrscheinlich leichter.
- Lead-Verknuepfung bleibt als einfache aktive Einstellung sichtbar, ohne Mapping-ranel.
@@ -1,661 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: ADV-S01
screen: Form-Builder Canvas
typ: Bespoke Builder
umsetzung: Bauen
status: Subframe Draft / Review offen
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit"
---
# ADV-S01 - Form-Builder Canvas
## Ziel
Interne Nutzer bauen, konfigurieren, pruefen und veroeffentlichen ein Formular an einem Arbeitsort.
Der Screen muss Feldaufbau, Validierung, Conditional Logic, Preview, Sharing und Post-Submit-Actions sichtbar machen, ohne in mehrere neue Routen zu zerfallen.
## Pattern / Archetyp
BESPOKE Builder.
Nutzt A4 Form/Input-Kit fuer die Feldtypen und A7 Zustands-Kit fuer Empty/Loading/Error/Permission.
## Arbeitsbereiche
Dies ist keine finale Layout-Vorgabe, sondern die Arbeitslogik fuer David.
| Bereich | Zweck | Sichtbarkeit |
|---|---|---|
| Header / Statusbar | Form-Name, Status, Save, Preview, Publish, Share. | dauerhaft sichtbar |
| Feld-Palette | 12 Feldtypen hinzufuegen. | primaer |
| Canvas | Feldliste in Reihenfolge, Drag-and-Drop, Empty State, Feldfehler. | primaer |
| Feld-Inspector | ausgewaehltes Feld konfigurieren. | primaer |
| Logic | Wenn-Dann-Regeln fuer sichtbare Felder. | Sekundaer-Tab/Panel |
| Actions | Post-Submit-Actions und Field-Mapping. | Sekundaer-Tab/Panel |
| Sharing | Public URL, QR, iFrame. | Sekundaer-Tab/Panel |
| Preview | Public-nahe Vorschau. | Umschaltmodus oder Side Preview |
| Settings | Slug, Success, Redirect, Branding, technische Public-Settings. | Sekundaer-Tab/Panel |
Empfehlung: Der Screen soll sich wie ein Builder anfuehlen, nicht wie eine lange Settings-Seite. Palette, Canvas und Inspector sind die Arbeitsmitte. Alles andere ist nah dran, aber nicht dauernd gleich laut.
## Detail-Brainstorming S01
Status: Arbeitsentwurf fuer David. Nach Review vom 2026-07-06 wurde die Interaktionslogik nachgezogen; finale Subframe-Freigabe bleibt offen.
Ziel dieses Blocks: Den riesigen Builder-Umfang so aufteilen, dass David daraus einen echten Subframe-Frame bauen kann, ohne dass wichtige Produktentscheidungen im Kopf bleiben.
### Layout-Optionen
| Option | Aufbau | Vorteil | Risiko | Empfehlung |
|---|---|---|---|---|
| D | Feste Builder-Shell: links Palette, Mitte Canvas, rechts Inspector; oben Header; sekundaere Modi als Tabs/Drawer. | Fuehlt sich wie ein echter Builder an, alle Kernaktionen sind nah beieinander. | Dichte hoch; braucht gute visuelle Hierarchie. | Empfohlen fuer den Advanced Builder. |
| B | Getrennte Seiten/Tabs: Felder, Logic, Actions, Sharing, Settings, Preview. | Ruhiger je Bereich. | Zerlegt den Canvas, mehr Navigationslast, weniger Bespoke-Gefuehl. | Nicht fuer v1-Hauptscreen. |
| C | Canvas + alles andere in Modals. | Hauptscreen wirkt leerer. | Viele Modal-Wechsel, Mapping und Preview werden unhandlich. | Nur fuer Confirm-/Blocker-Dialoge. |
Arbeitsentscheidung: S01 soll als **Builder-Shell** gedacht werden, nicht als Settings-Seite. Der primaere Arbeitszustand zeigt Palette, Canvas und Inspector gleichzeitig. Logic, Actions, Sharing, Preview und Settings sind Modi am selben Datensatz.
### Empfohlene Bildschirmaufteilung
| Zone | Inhalt | Verhalten |
|---|---|---|
| Topbar | Breadcrumb, Form-Name, Status, Save, Preview, Publish, Share, More. | Bleibt dauerhaft sichtbar. |
| Linke Palette | Feldtypen, Such-/Filtermöglichkeit, Templates/Abschnitte falls erlaubt. | Schmal, scanbar, Drag oder Klick fuegt Feld hinzu. |
| Canvas-Mitte | Feldliste, Dropzonen, Feldkarten, Empty State, Fehleranker. | Hauptarbeitsflaeche; Auswahl steuert rechten Inspector. |
| Rechter Inspector | Eigenschaften des ausgewaehlten Felds oder Form-/Modus-Einstellungen. | Kontextsensitiv, kein leerer rechter Bereich. |
| Modus-Leiste | Builder, Logic, Actions, Sharing, Preview, Settings. | Als Tabs/Segment im Arbeitsbereich oder rechts oben; keine neuen Routen. |
| Bottom/Status-Hinweis | Unsaved Changes, letzte Speicherung, Publish-Blocker kurz. | Dezent, damit es nicht mit Canvas konkurriert. |
### Modus-Matrix
| Modus | Hauptfrage | Was David zeigen sollte | Eigener Screen? |
|---|---|---|---|
| Builder | Welche Felder hat das Formular und wie sind sie konfiguriert? | Palette, Canvas, Inspector. | nein, Kern von S01 |
| Logic | Wann werden Felder angezeigt oder verborgen? | Regel-Liste, Regel-Editor, kaputte Referenzen, Test-Hinweise. | nein |
| Actions | Was passiert nach Submit? | Action-Liste, Mapping, Test/Preview, Warnungen. | nein |
| Sharing | Wie wird das Formular verteilt? | Public URL, QR, iFrame, Copy-Aktionen, Publish-Hinweis. | nein |
| Preview | Wie sieht das Public Form aus? | Public-nahe Vorschau, Desktop/Mobile-Umschalter, Logic live. | nein, aber im S01 klar sichtbar |
| Settings | Welche Form-Stammdaten steuern die Public-Version? | Slug, Beschreibung, Success, Redirect, Close/Limit, Branding. | nein |
Empfehlung: Builder bleibt Default. Preview darf prominent sein, aber nicht die Feldbearbeitung verdraengen.
## Detail: Interaktionslogik / Was passiert nach Klick?
Diese Nacharbeit beantwortet Davids Review-Hinweis vom 2026-07-06. S01 muss nicht jede kleine UI-Ebene als eigenen Screen bauen, aber die wichtigsten Klicks brauchen eine klare Entscheidung: inline, Inspector, Menue, Panel/Drawer, Popover oder Confirm-Dialog.
### Grundprinzipien
| UI-Form | Wann verwenden? | Regel fuer S01 |
|---|---|---|
| Inline / Canvas | Schnelle direkte Manipulation am Feld. | Auswahl, Drag, Pflicht-Quicktoggle, Fehleranker bleiben im Canvas. |
| Rechter Inspector | Alles, was ein Feld oder ein gewaehltes Objekt dauerhaft konfiguriert. | Feld bearbeiten passiert hier, nicht im Modal. |
| 3-Punkte-Menue | Sekundaere Aktionen auf Feld-/Action-/Regel-Karten. | Duplizieren, Loeschen, Deaktivieren, Drchivieren-Einstiege. |
| Panel / Drawer im S01 | Komplexere Konfiguration mit mehreren Feldern. | Logic-Regel, Action-Detail, Sharing, Settings bleiben im selben Screen. |
| Popover | Kurze Auswahl oder kurzer Statuscheck. | Action-Typ waehlen, Publish-Kurzcheck, Copy/Share-Hilfe. |
| Confirm-Dialog | Destruktive oder public-wirksame Aktionen. | Loeschen mit Abhaengigkeiten, Unpublish, Archive, ungespeichert verlassen. |
| Toast | Ergebnisfeedback ohne Entscheidung. | Gespeichert, kopiert, veroeffentlicht, dupliziert. |
Arbeitsentscheidung: Routinearbeit bleibt im Builder. Modals sind nur fuer echte Risiko-Momente erlaubt.
### Klick-Matrix
| Aktion | Einstieg | Was passiert nach Klick? | UI-Form | Eigener Subframe-Frame? |
|---|---|---|---|---|
| Feld per Palette anklicken | Linke Palette | Feld wird am Ende eingefuegt, markiert und im Inspector geoeffnet. | Inline + Inspector | nein |
| Feld per Drag hinzufuegen | Linke Palette -> Canvas | Dropzonen erscheinen, Feld landet an Position, danach selected. | Canvas-Zustand | nein |
| Feld auswaehlen | Feldkarte | Fokusrahmen auf Karte, rechter Inspector zeigt Basisdaten. | Inline + Inspector | nein |
| Feld bearbeiten | Inspector | Label, Key, Pflichtfeld, Optionen, Validation usw. werden rechts bearbeitet. | Inspector | nein |
| Pflichtfeld schnell setzen | Feldkarte oder Inspector | Toggle aendert Pflichtstatus, Dirty State wird gesetzt. | Inline | nein |
| Feld duplizieren | Feldkarte-Aktion oder 3-Punkte-Menue | Kopie entsteht unter Original, neuer `field_key` wird vorgeschlagen, Kopie ist selected. | Menue + Toast | nein |
| Feld loeschen ohne Abhaengigkeit | 3-Punkte-Menue oder Gefahrenzone | Kurzer Confirm ist optional; danach Feld entfernen und Toast zeigen. | Menue/Confirm klein | nur dokumentieren |
| Feld loeschen mit Logic/Action-Bezug | 3-Punkte-Menue oder Gefahrenzone | Confirm zeigt betroffene Regeln/Actions; nach Loeschen werden Referenzen markiert oder geloescht. | Confirm-Dialog | nur dokumentieren |
| Feld verschieben | Drag Handle | Reihenfolge aendert sich, Dropziel sichtbar, Dirty State. | Canvas-Zustand | nein |
| Feld einklappen | Feldkarte | Karte wird kompakt, bleibt in Reihenfolge sichtbar. | Inline | nein |
| Fehler anklicken | Summary oder Feldkarte | Scroll/Focus zum betroffenen Feld und passenden Inspector-Abschnitt. | Inline Navigation | nein |
| Logic-Modus oeffnen | Modus-Leiste | Canvas bleibt Kontext, Logic-Liste/Editor wird als Arbeitsbereich sichtbar. | Panel im S01 | nein |
| Logic-Regel anlegen | Button im Logic-Modus | Neue Regel startet als Detailbereich im Panel; kein Modal. | Panel/Drawer | nur dokumentieren |
| Logic-Regel bearbeiten | Regelkarte | Detailbereich oeffnet/rechts aktualisiert sich. | Panel/Inspector | nein |
| Logic-Regel deaktivieren | Toggle auf Regelkarte | Regel bleibt sichtbar, wirkt aber nicht; kein Confirm. | Inline | nein |
| Logic-Regel loeschen | 3-Punkte-Menue | Bei aktiver/published Form Confirm, sonst kleine Menue-Aktion mit Undo/Toast. | Menue + Confirm nach Risiko | nur dokumentieren |
| Actions-Modus oeffnen | Modus-Leiste | Action-Liste und Detailbereich erscheinen im selben Builder. | Panel im S01 | nein |
| Post-Submit-Action hinzufuegen | Button im Actions-Modus | Typ-Auswahl oeffnet als kleines Auswahlpanel/Popover, danach Detailkonfiguration. | Popover + Panel/Drawer | nur dokumentieren |
| Action bearbeiten | Actionkarte | Detailpanel zeigt Ziel, Mapping, Test und Warnungen. | Panel/Drawer | nein |
| Field-Mapping setzen | Action-Detail | Mapping-Zeilen werden inline bearbeitet. | Inline im Panel | nein |
| Action testen | Action-Detail | Ergebnis erscheint inline im Action-Detail, zusaetzlich Toast bei Erfolg. | Inline + Toast | nein |
| Action deaktivieren | Toggle auf Actionkarte | Action bleibt sichtbar, wird beim Submit nicht ausgefuehrt. | Inline | nein |
| Action loeschen | 3-Punkte-Menue | Confirm, wenn Action aktiv/published oder Mapping besitzt. | Confirm-Dialog | nur dokumentieren |
| Sharing oeffnen | Header-Share oder Modus-Leiste | Sharing-Panel mit URL, QR, iFrame wird sichtbar. | Panel im S01 | nein |
| Public URL kopieren | Sharing-Panel | Copy-Aktion, danach Toast. | Button + Toast | nein |
| QR/iFrame kopieren | Sharing-Panel | Copy/Download, danach Toast; kein Modal. | Button + Toast | nein |
| Sharing im Draft | Sharing-Panel | URL/QR/iFrame ausgegraut, Publish-Hinweis und Sprung zu Publish/Settings. | Inline Hinweis | nein |
| Preview oeffnen | Header oder Modus-Leiste | Builder wechselt in Public-nahe Vorschau mit Desktop/Mobile-Umschalter. | Modus im S01 | nein |
| Settings oeffnen | Modus-Leiste | Slug, Success, Redirect, Branding und Public-Settings erscheinen im Panel/Inspector. | Panel im S01 | nein |
| Publish klicken | Header | Publish-Check laeuft inline; bei Blockern Summary mit Sprungzielen. | Inline Check / Popover | nur dokumentieren |
| Publish erfolgreich | Header | Status wechselt zu Published, Public URL aktiv, Toast. | Statuswechsel + Toast | nein |
| Publish mit Warnungen | Header | Nicht-blockierende Warnungen erscheinen vor Bestaetigung. | Popover/Inline Summary | nur dokumentieren |
| Unpublish klicken | Header/More | Confirm erklaert, dass Public-Link nicht mehr erreichbar ist. | Confirm-Dialog | nur dokumentieren |
| Archive klicken | More-Menue | Confirm, weil Bearbeitung/Public-Kontext endet. | Confirm-Dialog | nur dokumentieren |
| Weg navigieren mit Dirty State | Zurueck/Breadcrumb/Routewechsel | Warnung vor ungespeicherten Aenderungen. | Confirm-Dialog | nur dokumentieren |
### Zusaetzliche dokumentierte Zustaende nach Review
Diese Zustaende muessen bewusst beschrieben werden. D07, D08 und D09 sind nach aktueller Empfehlung zusaetzliche Subframe-Zustaende; die restlichen bleiben dokumentiert.
| ID | Zustand / Ebene | UI-Form | Empfehlung |
|---|---|---|---|
| D01 | [[D01 Sharing Panel URL QR iFrame]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
| D02 | [[D02 Post-Submit Actions]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
| D03 | [[D03 Conditional Logic Editor]] | Panel im S01 | In S01 integrieren, kein eigener Screen. |
| D06 | [[D06 Feldkarten Menue]] | 3-Punkte-Menue | In S01 dokumentieren, kein eigener Screen. |
| M01 | [[M01 Feld loeschen Confirm]] | Kleiner Confirm-Dialog | Nur als Zustand dokumentieren; extra Frame nur wenn David ihn sehen will. |
| D07 | [[91 D07 Logic Regel Detail|D07 Logic Regel Detail]] | Panel/Drawer im S01 | Als zusaetzlichen Subframe-Zustand bauen, damit Logic visuell pruefbar ist. |
| D08 | [[92 D08 Action Detail mit Mapping|D08 Action Detail mit Mapping]] | Panel/Drawer im S01 | Als zusaetzlichen Subframe-Zustand bauen, weil Mapping komplex ist. |
| D09 | [[93 D09 Publish Blocker Summary|D09 Publish Blocker Summary]] | Inline Banner/Popover | Als zusaetzlichen Subframe-Zustand bauen, weil Publish kritisch ist. |
| M02 | [[M02 Unpublish Confirm]] | Confirm-Dialog | Nur dokumentieren, weil public-wirksam. |
| M03 | [[M03 Archive Confirm]] | Confirm-Dialog | Nur dokumentieren, nicht Hauptscreen. |
| M04 | [[M04 Unsaved Changes Confirm]] | Confirm-Dialog | Standardzustand, nur dokumentieren. |
| D10 | [[D10 Builder Interaktionsfaelle]] | Case-Matrix | Auswahlfolgen, vergessene Pflichtteile, Dropdowns, Popovers und Folgefehler dokumentieren. |
### Antworten auf Davids Beispiel-Fragen
| Frage | Antwort fuer D-FORM |
|---|---|
| Feld bearbeiten: inline im rechten Inspector oder eigenes Modal? | Rechter Inspector. Kein Modal fuer normale Feldbearbeitung. |
| Feld loeschen/duplizieren: Feldkarte, 3-Punkte-Menue oder Confirm? | Duplizieren ueber Feldkarte/3-Punkte-Menue ohne Confirm. Loeschen ueber 3-Punkte-Menue oder Gefahrenzone; Confirm bei Abhaengigkeiten oder published Risiko. |
| Logic-Regel anlegen: gleiches Panel, Drawer oder Modal? | Gleiches Logic-Panel bzw. rechter Detailbereich im S01. Kein Modal. |
| Post-Submit-Action hinzufuegen: Inline, Drawer oder Modal? | Typauswahl als kleines Auswahlpanel/Popover; Konfiguration im Action-Detail-Panel/Drawer. |
| Sharing oeffnen: Tab/Panel, Popover oder Modal? | Panel/Modus im S01. Copy-Aktionen nur mit Toast. |
| Publish/Unpublish: Inline-Check, Popover oder Confirm? | Publish als Inline-Check mit Summary/Popover; Unpublish als Confirm-Dialog. |
### Was-passiert-wenn-Faelle
Die Detailfaelle fuer Auswahlfolgen, vergessene Zwischenschritte, Checkboxen, Dropdowns, Bild/Datei-Folgen, Modaltexte und Publish-Blocker liegen in [[D10 Builder Interaktionsfaelle]].
Merksatz fuer den Advanced Builder: Jede Auswahl, die Folgefelder veraendert, muss sichtbar machen, was danach wichtig wird. Wenn Nutzer einen mittleren Pflichtschritt vergessen, bleibt der Fehler lokal sichtbar und wird beim Publish/Test mit konkretem Sprungziel aufgegriffen.
## Detail: Header / Statusbar
| Element | Zustand / Inhalt | Aktion / Ergebnis |
|---|---|---|
| Breadcrumb | Formulare > Formularname | Zur Forms-Liste zurueck, aber Forms-Liste ist nicht Teil von D-FORM. |
| Form-Name inline | Name, Dirty Marker, ggf. fehlender Name | Klick/Enter bearbeitet Name; leerer Name blockiert Publish. |
| Status-Badge | Draft, Published, Archived, Unpublished changes, Error | Erklaert, ob Public-Link aktiv ist. |
| Autosave/Save | Ungespeichert, Speichert, Gespeichert, Fehler | Speichert Form-Stammdaten, Felder, Logic, Actions. |
| Preview | Desktop/Mobile/Public-nahe Vorschau | Oeffnet Preview-Modus im selben Builder. |
| Publish | Draft -> Published | Startet Publish-Check; bei Blockern kein Publish. |
| Unpublish | Published -> Draft/private | Zeigt Warnung, weil Public-Link danach nicht mehr nutzbar ist. |
| Share | URL/QR/iFrame | Oeffnet Sharing-Modus; bei Draft mit Hinweis. |
| More-Menue | Duplizieren, Drchivieren, ggf. Vorlage erstellen | Keine destruktive Aktion ohne Confirm. |
### Header-Zustaende
| Zustand | UI-Hinweis | Naechste Aktion |
|---|---|---|
| Entwurf ohne Fehler | Draft-Badge, Save aktiv wenn dirty | Weiter bearbeiten oder publishen. |
| Entwurf mit Blockern | Validation-Summary sichtbar | Fehler anklicken und beheben. |
| Published ohne Aenderungen | Published-Badge, Public-Link aktiv | Teilen oder unpublishen. |
| Published mit ungespeicherten Aenderungen | Hinweis "Aenderungen noch nicht veroeffentlicht" | Speichern/Publish-Update pruefen. |
| Archived | Bearbeitung eingeschraenkt oder read-only | Duplizieren oder zur Liste zurueck. |
| Save fehlgeschlagen | Banner/Inline in Headernaehe | Erneut speichern. |
## Detail: Feld-Palette
Die Palette soll nicht wie eine lange Komponentenliste wirken, sondern wie ein schneller Baukasten.
| Gruppe | Feldtypen | Notiz |
|---|---|---|
| Text & Kontakt | Text, Textarea, Email, Telefon | Die haeufigsten Felder oben. |
| Zahlen & Datum | Zahl, Waehrung, Datum, Datum-Range | Mit kurzem Format-Hinweis. |
| Auswahl | Select, Multi-Select, Boolean | Radio/Checkbox-Liste sind Darstellungsvarianten, keine extra Feldtypen. |
| Upload | Datei | Foto ist mobile Upload-Variante. |
### Palette-Aktionen
| Aktion | Ergebnis |
|---|---|
| Feld anklicken | Feld wird am Ende des Canvas eingefuegt und direkt ausgewaehlt. |
| Feld ziehen | Dropzone im Canvas erscheint; Feld wird an Position eingefuegt. |
| Feld suchen | Palette filtert nach Feldtyp/Use Case. |
| Feld disabled | Tooltip erklaert, warum Feldtyp nicht verfuegbar ist. |
### Palette-Abgrenzung
| Element | In Palette? | Begruendung |
|---|---|---|
| mCaptcha/Honeypot | nein | Systemschutz, kein normales Formularfeld. |
| Signature | nein fuer v1 | Signatur-Kontext bleibt separat/offen. |
| Address | nein fuer v1 | Haengt an Maps/Autocomplete, v2 oder Spezialbaustein. |
| Section Header / Description | offen | Kann nuetzlich sein, ist aber kein A4-12-Feldtyp. Als "Content Block" spaeter pruefen. |
| Hidden Field | nein fuer v1 | Personalisierte Links/URL-Parameter sind v2. |
## Detail: Canvas
Der Canvas ist keine freie Zeichenflaeche, sondern eine sortierbare Formularstruktur.
| Canvas-Element | Zweck |
|---|---|
| Formular-Intro | Titel/Beschreibung aus Stammdaten als Kontext, nicht voll editieren im Canvas. |
| Feldkarte | Label, Typ, Pflichtmarker, kurzer Helptext, Fehlerstatus, Aktionen. |
| Dropzone zwischen Feldern | Zeigt, wo ein neues/gezogenes Feld landet. |
| Ausgewaehltes Feld | Sichtbarer Fokusrahmen; Inspector zeigt Details. |
| Inline-Fehler | Direkt an Feldkarte, wenn Label/Optionen/Validation fehlen. |
| Canvas-Summary | Oben im Canvas: Anzahl Felder, sichtbare Fehler, Logic-Warnungen. |
### Canvas-Aktionen
| Aktion | Erwartetes Verhalten |
|---|---|
| Feld auswahlen | Rechts oeffnet Field Inspector. |
| Feld verschieben | Reihenfolge aendert sich; Dirty State wird gesetzt. |
| Feld duplizieren | Kopie unter Original; neuer field_key wird vorgeschlagen. |
| Feld loeschen | Confirm, wenn Feld in Logic oder Actions verwendet wird. |
| Feld einklappen/ausklappen | Lange Formulare bleiben scanbar. |
| Feld als Pflicht markieren | Schnellaktion oder Inspector-Setting. |
| Fehler anklicken | Springt zum betroffenen Feld/Inspector-Abschnitt. |
### Canvas-Zustaende
| Zustand | Darstellung | Umsetzung |
|---|---|---|
| Empty | Grosse Dropzone mit CTA "Feld hinzufuegen"; Beispiel-Felder optional. | Bauen in S01 |
| Dragging | Dropzones sichtbar, Zielposition klar. | In S01 beschreiben |
| Feld selected | Fokusrahmen + Inspector offen. | Bauen |
| Feld invalid | Feldkarte mit Warnung und Summary oben. | Bauen/dokumentieren |
| Lange Liste | Sticky Header, Feldkarten kompakt, ggf. Mini-Navigation. | Beschreiben |
| Referenzbruch | Feldkarte zeigt "Wird in Logic/Action verwendet". | Wichtig fuer Delete/Publish |
## Detail: Feld-Inspector
Der Inspector ist der eigentliche Produktivbereich fuer Felddetails. Er braucht klare Sektionen, sonst wird der Builder unlesbar.
| Inspector-Sektion | Inhalt | Sichtbarkeit |
|---|---|---|
| Basis | Label, field_key, Beschreibung, Placeholder, Pflichtfeld. | immer |
| Darstellung | Breite/Variante, Helptext-Position, Auswahl-Darstellung. | je Feldtyp |
| Optionen | Select/Multi-Select-Optionen, Reihenfolge, Default. | Auswahlfelder |
| Validation | Min/max, Regex, Datei-Typ/Groesse, Custom Error. | je Feldtyp |
| Default | Vorbefuellung, sofern erlaubt. | optional |
| Logic-Hinweis | Welche Regeln dieses Feld nutzen. | wenn betroffen |
| Mapping-Hinweis | Welche Actions dieses Feld verwenden. | wenn betroffen |
| Gefahrenzone | Feld loeschen. | unten, klar getrennt |
### Field-Key-Regel
`field_key` soll sichtbar, aber nicht lauter als Label sein. Empfehlung:
- Automatisch aus Label erzeugen.
- Editierbar in Advanced/Basisdetails.
- Warnung, wenn doppelt oder ungueltig.
- Beim Umbenennen zeigen, ob Actions/Logic betroffen sind.
## Detail: Feldtypen und Inspector-Properties
| Feldtyp | Basis-Properties | Spezielle Properties | Validation |
|---|---|---|---|
| Text | Label, Key, Helptext, Placeholder, Pflicht | Einzeilig, Default | min/max Laenge, Regex, Custom Error |
| Textarea | Label, Key, Helptext, Placeholder, Pflicht | Zeilenhoehe, Markdown-Anmutung optional | min/max Laenge, Custom Error |
| Zahl | Label, Key, Helptext, Placeholder, Pflicht | Ganzzahl/Dezimal, Schrittweite | min/max Wert, Custom Error |
| Waehrung | Label, Key, Helptext, Pflicht | Waehrung, Dezimalstellen, Format | min/max Betrag |
| Datum | Label, Key, Helptext, Pflicht | Datum, optional Zeit als v2/Variante | min/max Datum |
| Datum-Range | Label, Key, Helptext, Pflicht | Start-/End-Label, Zeitraum | Ende nach Start, min/max Datum |
| Select | Label, Key, Helptext, Pflicht | Optionen, Default, Darstellung Dropdown/Radio | mind. 1 Option, keine leeren Optionen |
| Multi-Select | Label, Key, Helptext, Pflicht | Optionen, max. Auswahl, Chips/Checkboxen | min/max Auswahl |
| Boolean | Label, Key, Helptext | Checkbox/Toggle, Zustimmungstext | Muss true sein optional |
| Email | Label, Key, Helptext, Placeholder, Pflicht | Formatvalidierung, ggf. Submitter-Email markieren | Email-Format |
| Telefon | Label, Key, Helptext, Placeholder, Pflicht | Land/Format-Hinweis | Telefonformat |
| Datei | Label, Key, Helptext, Pflicht | Erlaubte Dateitypen, max. Groesse, mehrere Dateien, Foto-Hinweis | Datei-Typ, Groesse |
### Feldtypen-Entscheidungen offen fuer David
| Frage | Empfehlung |
|---|---|
| URL als eigener Feldtyp? | Nicht in A4-12, fuer v1 als Text mit URL-Validation oder spaeterer Spezialtyp. |
| Foto als eigener Feldtyp? | Nein, als Datei-Upload-Variante mit Mobile-Kamera-Hinweis. |
| Signature als Feldtyp? | Nicht in D-FORM v1, weil Signatur-Wizard/Abnahme eigener Kontext ist. |
| Section Header/Description Block? | Als optionaler Content Block pruefen, aber nicht als Pflichtbestandteil der 12 Feldtypen. |
| Hidden Field? | Raus fuer v1, weil personalisierte Links/URL-Parameter v2 sind. |
### Feld-Interaktionsfaelle
Siehe [[D10 Builder Interaktionsfaelle]] fuer:
- Select-Feld ohne Optionen.
- Datei/Fotofeld mit Upload-, Kamera-, Groessen- und Typ-Hinweisen.
- Field Key wird geaendert und betrifft Logic/Actions.
- Option wird geloescht, obwohl sie in Logic genutzt wird.
- Feldtyp wird nachtraeglich geaendert.
## Detail: Validation
Validation muss zwei Ebenen haben: Feldvalidierung beim Bearbeiten und Publish-Validierung fuer das gesamte Formular.
| Ebene | Beispiele | UI-Form |
|---|---|---|
| Feld-Validation | Label fehlt, Option leer, min > max, Datei ohne erlaubte Typen. | Inline am Feld + Inspector. |
| Form-Validation | Kein sichtbares Feld, Slug fehlt, Slug-Konflikt, kaputte Logic. | Summary-Banner + klickbare Liste. |
| Action-Validation | Pflichtmapping fehlt, Webhook-URL ungueltig, Empfaenger fehlt. | Im Actions-Modus + Publish-Summary. |
| Sharing-Validation | Draft nicht public, iFrame ohne Publish, Allowed-Origin-Warnung. | Im Sharing-Modus. |
### Publish-Blocker
| Blocker | Warum blockiert? | Wo zeigen? |
|---|---|---|
| Formularname fehlt | Public/Intern nicht identifizierbar. | Header + Summary |
| Slug fehlt oder Konflikt | Public URL kann nicht erzeugt werden. | Settings + Summary |
| Kein sichtbares Feld | Public Form waere leer. | Canvas Empty + Summary |
| Feld ohne Label | Public Form waere unklar. | Feldkarte + Inspector |
| Select ohne Optionen | Submitter kann nicht antworten. | Feldkarte + Inspector |
| Datum-Range ungueltig | Regel ist widerspruechlich. | Inspector |
| Kaputte Logic-Referenz | Public-Anzeige nicht verlaesslich. | Logic-Modus + Summary |
| Pflichtmapping fehlt | Action wuerde fehlschlagen. | Actions-Modus + Summary |
### Nicht blockierend, aber warnen
| Warnung | Grund |
|---|---|
| Required Email ohne Submitter-Email-Markierung | Kann fuer Auto-Match/Antwortmail relevant sein. |
| Datei-Upload ohne Typbeschraenkung | Risiko fuer Public Form. |
| Sehr langes Formular | Public-Conversion/Mobile leidet. |
| Published Form wird stark geaendert | Bestehender Public-Link bleibt aktiv, Aenderung ist relevant. |
## Detail: Conditional Logic
V1 soll einfach bleiben: Anzeige/Ausblenden, keine komplexe Verzweigungsmaschine.
| Element | Inhalt |
|---|---|
| Regelname optional | z. B. "Zeige Upload bei Foto vorhanden". |
| Wenn-Feld | Nur vorhandene Felder, die als Bedingung sinnvoll sind. |
| Operator | ist, ist nicht, enthaelt, enthaelt nicht, ist leer, ist nicht leer. |
| Wert | Abhaengig vom Feldtyp, z. B. Option bei Select. |
| Dann-Aktion | Feld anzeigen oder Feld verstecken. |
| Ziel-Feld | Das Feld, dessen Sichtbarkeit gesteuert wird. |
| Aktiv/Inaktiv | Regel testen oder parken. |
### Logic-Regeln
| Fall | UI-Verhalten |
|---|---|
| Bedingungsfeld geloescht | Regel wird rot markiert und blockiert Publish. |
| Ziel-Feld geloescht | Regel wird rot markiert und blockiert Publish. |
| Ziel-Feld required aber versteckt | Hinweis: Pflicht gilt nur wenn sichtbar. |
| Mehrere Regeln fuer ein Feld | Hinweis auf Kombinationslogik; v1 braucht einfache Erklaerung. |
| Regel testen | Preview zeigt, welche Felder live erscheinen/verschwinden. |
Nicht v1: Multi-Step-Flow, Repeater, Cross-Field-Rechnung, If/Else-Baum, Scoring, A/B-Testing.
## Detail: Publish / Unpublish
| Aktion | Ablauf |
|---|---|
| Publish | Nutzer klickt Publish, System prueft Blocker, bei Erfolg Status Published und Public URL aktiv. |
| Publish mit Blockern | Kein Publish; Summary zeigt Fehler mit Sprungziel. |
| Update published Form | Hinweis, dass Aenderungen die public Version betreffen; Save/Publish-Update klar trennen falls noetig. |
| Unpublish | Confirm mit Hinweis, dass Public URL nicht mehr erreichbar ist. |
| Archive | More-Menue, Confirm; nicht als Hauptaktion. |
Empfehlung: Publish ist kein eigener Screen. Ein Confirm/Popover reicht, solange Blocker klar im Builder sichtbar sind.
## Detail: Sharing
Sharing ist v1, aber nur fuer einfache Verteilung.
| Bereich | Inhalt | Aktion |
|---|---|---|
| Public URL | `app.hivegrid.de/f/{tenant}/{slug}` | Kopieren, oeffnen. |
| QR-Code | QR fuer Public URL | Kopieren/downloaden. |
| iFrame | Embed-Code mit Breite/Hoehe/Auto-Resize-Hinweis | Code kopieren. |
| Publish-Hinweis | Draft/Unpublished zeigt Warnung | Zum Publish springen. |
| v2-Abgrenzung | Personalisierte Links, JS-Snippet | Nicht als aktiver UI-Teil. |
### Sharing-Zustaende
| Zustand | Darstellung |
|---|---|
| Draft | URL-Vorschau ausgegraut, Hinweis "erst nach Publish erreichbar". |
| Published | URL, QR, iFrame aktiv. |
| Slug fehlt | Sharing blockiert und verweist auf Settings. |
| Public geschlossen/Limit erreicht | Hinweis, dass Link zwar existiert, Public Form aber blockieren kann. |
## Detail: Post-Submit-Actions
Actions sind sichtbar, aber S01 darf nicht wie ein voller Automation-Editor werden.
| Action-Typ | Zweck in S01 | Konfiguration |
|---|---|---|
| Email an Submitter | Bestaetigung senden. | Empfaengerfeld, Betreff, Nachricht/Template. |
| Email an Team | Intern informieren. | Empfaenger, Betreff, Felder-Auswahl. |
| Lead erstellen | Submission in Lead-Inbox geben. | Mapping: Name, Email, Telefon, Nachricht, Quelle. |
| Kontakt erstellen | CRM-Kontakt anlegen. | Mapping, Duplikat-/Auto-Match-Hinweis. |
| Projekt erstellen | Projekt/Auftrag anlegen. | Pipeline/Status, Pflichtmapping, Verantwortlicher. |
| Task erstellen | Aufgabe erzeugen. | Titel, Beschreibung, Faelligkeit, Assignee. |
| Auto-Match | Bestehende Entitaet per Email/Telefon verknuepfen. | Match-Felder, Fallback. |
| Webhook | Externes System informieren. | URL, Methode falls noetig, Test. |
| Automation-Trigger | M17 Automation starten. | Automation-Auswahl/Trigger. |
| KWP Push | Laut M05 vorhanden, aber KWP v1 raus. | Nicht aktiv in D-FORM v1, hoechstens v2/raus markieren. |
### Action-UI
| Element | Zweck |
|---|---|
| Action-Liste | Reihenfolge, Typ, Status, Warnungen. |
| Add Action | Typ-Auswahl mit kurzer Erklaerung. |
| Action-Detail | Ziel, Bedingungen, Mapping, Test. |
| Field-Mapping-Zeilen | Form-Feld -> Ziel-Feld; Pflichtfelder sichtbar. |
| Test/Preview | Zeigt, was bei einer Beispiel-Submission erzeugt wuerde. |
| Action aktiv/inaktiv | Action parken ohne Loeschen. |
### Action-Blocker
| Blocker | UI |
|---|---|
| Pflichtmapping fehlt | Warnung an Action + Publish-Summary. |
| Ziel-Pipeline fehlt | Inline im Projekt-Action-Detail. |
| Email-Empfaenger fehlt | Inline im Email-Action-Detail. |
| Webhook-URL ungueltig | Inline + Test disabled. |
| Automation nicht aktiv/verfuegbar | Warnung mit Erklaerung. |
Nicht in S01 bauen: ActionLog, Re-Run, Fehlerhistorie je Submission. Das gehoert zur Submissions-Ansicht.
## Detail: Permissions / Read-only
| Permission / Rolle | Darf sehen | Darf tun |
|---|---|---|
| `forms.basic` | ggf. Submissions, aber nicht Builder-Fokus. | Kein Builder-Hauptflow. |
| `forms.builder` | Builder sehen und bearbeiten. | Felder, Logic, Settings speichern. |
| `forms.publisher` | Builder + Sharing. | Publish/Unpublish, Export/Submissions ausserhalb D-FORM. |
| `forms.admin` | Alles im Builder. | Actions, Templates, administrative Optionen. |
### Permission-Zustaende in S01
| Zustand | UI |
|---|---|
| Keine Builder-Rechte | Permission-State statt Builder; CTA "Admin kontaktieren" oder zurueck. |
| Read-only wegen fehlender Publish-Rechte | Publish disabled mit Tooltip, Bearbeitung ggf. erlaubt. |
| Actions nur Admin | Actions-Modus disabled oder read-only mit Hinweis. |
| Archived Form | Bearbeitung eingeschraenkt; Duplizieren als naechste Aktion. |
## Daten
- Form-Stammdaten: Name, Beschreibung, Slug, Status, Subtype.
- Form-Felder: Reihenfolge, Feldtyp, Label, Beschreibung/Hilfe, Placeholder, Pflichtfeld.
- Feldtypen v1: Text, Textarea, Zahl, Waehrung, Datum, Datum-Range, Select, Multi-Select, Boolean, Email, Telefon, Datei.
- Feld-Konfiguration: Optionen, Default, Validation, Datei-/Foto-Regeln je Feldtyp.
- Conditional Logic: einfache Wenn-Dann-Regeln.
- Live-Vorschau: gerenderte Form in Public-nahem Zustand.
- Sharing: Public URL, QR-Code, iFrame-Code.
- Post-Submit-Actions: Lead/Kontakt/Projekt/Task, Email, Webhook, Automation-Trigger, Auto-Match.
- Field-Mapping je Action.
- Publish-Status und moegliche Publish-Blocker.
## Header / Statusbar
| Element | Zweck |
|---|---|
| Form-Name inline | schnell umbenennen. |
| Status-Badge | Draft, Published, Archived, Fehler. |
| Save | Entwurf sichern. |
| Preview | Public-nahe Vorschau oeffnen/umschalten. |
| Publish/Unpublish | Public-Verfuegbarkeit steuern. |
| Share | URL, QR und iFrame erreichbar machen. |
| Validation-Summary | zeigt, ob Publish blockiert ist. |
## Aktionen
- Feld aus Palette hinzufuegen.
- Feld per Drag-and-Drop verschieben.
- Feld auswaehlen.
- Feld bearbeiten.
- Feld duplizieren.
- Feld loeschen.
- Feld als Pflichtfeld markieren.
- Validierung konfigurieren.
- Optionen fuer Select/Multi-Select/Radio pflegen.
- Conditional-Logic-Regel anlegen, bearbeiten, deaktivieren, loeschen.
- Vorschau ansehen.
- Form speichern.
- Form publishen/unpublishen.
- Public URL kopieren.
- QR-Code kopieren/downloaden.
- iFrame-Code kopieren.
- Post-Submit-Action hinzufuegen.
- Field-Mapping setzen.
- Webhook testen oder validieren.
## Feldtypen v1
| Feldtyp | Was David sichtbar machen sollte |
|---|---|
| Text | Label, Placeholder, Pflicht, min/max Laenge. |
| Textarea | Label, Helptext, Pflicht, min/max Laenge. |
| Zahl | Label, min/max, Dezimal/Ganzzahl-Hinweis. |
| Waehrung | Betrag, Waehrung/Format, min/max. |
| Datum | Date-Picker, Pflicht, min/max Datum optional. |
| Datum-Range | Start/Ende, Validierung Ende nach Start. |
| Select | Optionen, ein Wert. |
| Multi-Select | Optionen, mehrere Werte. |
| Boolean | Checkbox/Toggle, Pflicht-/Zustimmungsfall. |
| Email | Email-Validation automatisch. |
| Telefon | Telefonformat-Hinweis. |
| Datei | Upload, erlaubte Typen, max. Groesse; Foto als mobile Upload-Variante. |
Anti-Spam-Felder wie Honeypot/mCaptcha sind Systemschutz, nicht Teil der sichtbaren 12-Feld-Palette.
## Logic-Arbeitsbereich
| Element | Zweck |
|---|---|
| Regel-Liste | Alle aktiven Regeln scannen. |
| Neue Regel | Wenn Feld Y Operator Wert Z, dann Feld X anzeigen/verstecken. |
| Feld-Auswahl | Nur vorhandene Felder; kaputte Referenzen sichtbar markieren. |
| Operatoren | v1 simpel: ist, ist nicht, enthaelt, ist leer/nicht leer. |
| Ziel-Feld | Welches Feld wird angezeigt oder verborgen. |
| Regel aktiv/inaktiv | Regel testen oder parken. |
Nicht bauen: komplexe If/Else-Baeume, Multi-Step-Flow, Cross-Field-Rechnung.
## Post-Submit-Actions Schnitt
| Bereich | In S01 zeigen? | Notiz |
|---|---|---|
| Action-Typ waehlen | ja | Lead/Kontakt/Projekt/Task, Email, Webhook, Automation-Trigger, Auto-Match. |
| Reihenfolge | ja | Actions laufen in definierter Reihenfolge. |
| Aktiv/Inaktiv | ja | Einzelne Actions deaktivierbar. |
| Field-Mapping | ja | Form-Feld -> Ziel-Feld, Pflichtwarnungen sichtbar. |
| Bedingung pro Action | optional | Nur einfache Filter, kein voller Logic-Builder. |
| Test/Preview | ja | Was wuerde erzeugt/gesendet? |
| Voller ActionLog/Re-Run | nein | Gehoert zur Submissions-Ansicht, nicht zum Builder-Canvas. |
## Sharing-Arbeitsbereich
| Element | Zweck |
|---|---|
| Public URL | Link kopieren, ggf. oeffnen. |
| QR-Code | Fuer Print/Monteure/Kundenkontakt. |
| iFrame-Code | Einbettung auf Website. |
| Publish-Hinweis | Sharing ist erst sinnvoll, wenn published. |
| v2-Hinweis intern | Personalisierte Links und JS-Snippet nicht in v1. |
## Settings-Arbeitsbereich
| Element | Zweck |
|---|---|
| Slug | Public URL steuern. |
| Success Message | Text nach Submit. |
| Redirect URL | optionales Weiterleitungsziel. |
| Tenant Branding / Theme | Logo/Farbe/Fallback, soweit v1 vorgesehen. |
| Allowed Origins | falls iFrame/API eingeschraenkt wird. |
| Submission Limit / Close Date | optional, falls Dev fuer v1 bestaetigt. |
## Banner / Hinweise
- Publish-Blocker-Banner: zeigt konkrete fehlende Punkte, z. B. kein sichtbares Feld, fehlender Slug, ungueltige Logic-Regel.
- Unsaved-Changes-Hinweis: wenn Nutzer weg navigiert oder publizieren will.
- Reuse-Hinweis optional: Public Renderer wird auch fuer HR/Booking-Intake wiederverwendet, aber nicht als sichtbarer Feature-Text im UI.
## Toasts / Action-Feedback
- Gespeichert.
- Veroeffentlicht.
- Entwurf deaktiviert/unpublished.
- Public URL kopiert.
- QR-Code kopiert/downloadet.
- iFrame-Code kopiert.
- Action gespeichert.
- Test-Webhook erfolgreich/fehlgeschlagen.
## Meldungsentscheidung
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|---|---|---|---|---|
| Keine Felder im Canvas | Empty State im Canvas | nein | Bauen | Feld aus Palette hinzufuegen. |
| Feld ohne Label | Inline am Feld + Summary | ja fuer Publish | Nur dokumentieren | Feld konkret benennen. |
| Required Email ohne Email-Validation | Inline-Warnung | nein/Publish-Warnung | Nur dokumentieren | Vorschlag: Email-Validation hinzufuegen. |
| Logic-Regel referenziert geloeschtes Feld | Inline im Logic-Panel + Summary | ja fuer Publish | Nur dokumentieren | Regel reparieren oder deaktivieren. |
| Ungueltige Webhook-URL | Inline im Action-Panel | ja fuer Action | Nur dokumentieren | URL muss http/https und erreichbar sein. |
| Publish erfolgreich | Toast + Statuswechsel | nein | Nur dokumentieren | Veroeffentlicht. |
| Kopieren erfolgreich | Toast | nein | Nur dokumentieren | In Zwischenablage kopiert. |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leer | Neues Formular ohne Felder; Canvas zeigt Drop-Zone und CTA. | Bauen |
| Laden | Form-Definition und Actions werden geladen. | Wiederverwenden |
| Fehler | Form kann nicht geladen werden. | Nur dokumentieren |
| Keine Berechtigung | Nutzer hat keine `forms.builder`/`forms.publish`-Rechte. | Nur dokumentieren |
| Dirty State | Ungespeicherte Aenderungen. | Nur dokumentieren |
| Publish blocked | Form hat Fehler, die Public-Version verhindern. | Nur dokumentieren |
## Blockierende Error States
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|---|---|---|---|
| Publish blockiert | Banner mit Liste der fehlenden Punkte. | Fehler beheben | Als Entwurf speichern |
| Keine Berechtigung | Permission-State mit Klartext. | Zurueck zu Formularen | Admin kontaktieren |
| Form nicht gefunden | Fehler-State. | Zurueck zu Formularen | - |
## Permissions / Gates
- `forms.builder`: Felder und Konfiguration bearbeiten.
- `forms.publisher`: Publish/Unpublish und Sharing aktivieren.
- `forms.admin`: Actions, Mapping und administrative Optionen.
## Subframe
- [Subframe](https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit)
Layout-Regel: Der Advanced Builder nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar nachbauen.
## Notizen
Der Builder soll nicht den Automation-Flow-Editor nachbauen. Post-Submit-Actions brauchen nur Reihenfolge, Typ, Ziel und Field-Mapping.
Conditional Logic ist v1, aber eng: Wenn Feld Y = Wert Z, dann Feld X anzeigen. Kein Repeater, kein Multi-Step, keine Cross-Field-Validation.
Wichtig fuer David: Der Screen ist eine Arbeitsflaeche, kein Marketing-Screen. Dichte ist erlaubt, solange die Hauptarbeit gut scannbar bleibt.
@@ -1,34 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: ADV-S01-2
screen: Form-Builder Canvas 2
typ: Advanced / Referenz
umsetzung: Referenz behalten
status: Subframe Draft / aktuell nicht Hauptfluss
route: /forms/:id/edit
subframe: "https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit"
---
# ADV-S01-2 - Form-Builder Canvas 2
## Status
Diese Seite ist aktuell **nicht Teil des Hauptflusses**.
Sie bleibt als Advanced-/Referenzscreen erhalten, falls David oder spaetere Umsetzung die umfangreichere Builder-Logik pruefen will.
## Warum nicht Hauptfluss
- Zu viel sichtbare Komplexitaet fuer normale Handwerksbetriebe.
- S02 ist aktuell die empfohlene Google-Forms-nahe Hauptvariante.
- Logic, Actions und Publish-Blocker werden in S02 einfacher geloest.
## Subframe
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit
@@ -1,98 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: D07
screen: Logic Regel Detail
typ: Panel-Zustand in S01
umsetzung: Bauen
status: Subframe Draft / Review offen
route: in S01 Logic-Modus, kein eigener Screen
subframe: "https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit"
---
# D07 - Logic Regel Detail
## Ziel
Interne Nutzer koennen eine einzelne Sichtbarkeitsregel sauber anlegen oder bearbeiten.
## Pattern / Archetyp
Detailpanel / Drawer innerhalb des Logic-Modus von S01.
## Daten
- Regelname optional
- Bedingungsfeld
- Operator
- Wert
- Dann-Aktion: anzeigen oder verstecken
- Zielfeld
- Status aktiv/inaktiv
- Preview-/Testhinweis
## Aktionen
- Bedingungsfeld waehlen
- Operator waehlen
- Wert setzen
- Zielfeld waehlen
- Aktion anzeigen/verstecken waehlen
- Regel speichern
- Regel testen
- Regel deaktivieren
- Regel loeschen
## Verhalten
- `Neue Regel` oeffnet dieses Detailpanel im selben S01-Screen.
- Keine Modal-Kaskade fuer Logic.
- Feldauswahlen zeigen nur vorhandene passende Felder.
- Wenn ein referenziertes Feld fehlt, bleibt die Regel sichtbar und markiert kaputt.
- Test/Preview kann direkt den Preview-Modus beeinflussen oder eine kurze Vorschau im Panel zeigen.
- Detailfaelle fuer unvollstaendige Auswahlfolgen stehen in [[D10 Builder Interaktionsfaelle]].
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Neue Regel | leeres Detailpanel mit Pflichtfeldern. | Nur dokumentieren |
| Gueltige Regel | alle Referenzen vorhanden. | Nur dokumentieren |
| Unvollstaendig | Pflichtteil fehlt; Regel kann nicht aktiv werden. | Nur dokumentieren |
| Referenz kaputt | Bedingungs- oder Zielfeld fehlt. | Nur dokumentieren |
| Testmodus | Preview zeigt Wirkung der Regel. | In S01 dokumentieren |
## Auswahlfolge im Panel
| Schritt | Verhalten |
|---|---|
| 1. Wenn-Feld | Nach Auswahl wird das Operator-Dropdown passend zum Feldtyp aktiv. |
| 2. Operator | Bei `ist leer`/`ist nicht leer` entfaellt das Wertfeld. Bei Select/Boolean wird das Wertfeld zur passenden Auswahl. |
| 3. Wert | Pflicht nur bei Operatoren, die einen Wert brauchen. |
| 4. Dann-Aktion | `anzeigen` oder `verstecken`; keine komplexe If/Else-Struktur. |
| 5. Zielfeld | Darf nicht identisch mit dem Bedingungsfeld sein. |
| 6. Aktiv | Erst aktivierbar, wenn alle Pflichtteile gueltig sind. |
## Fehlerlogik
| Fehler | Anzeige | Folge |
|---|---|---|
| Operator fehlt | Inline unter Operator. | Test disabled, aktive Regel nicht moeglich. |
| Wert fehlt | Inline unter Wertfeld. | Test disabled, Publish blockiert nur bei aktiver Regel. |
| Zielfeld fehlt | Inline unter Zielfeld. | Regel unvollstaendig. |
| Referenz kaputt | Rote Markierung an Regel und Detailpanel. | Publish blockiert, Sprung aus Summary. |
| Feldtyp geaendert | Dlter Wert kann ungueltig werden. | Wert neu waehlen oder Regel deaktivieren. |
## Subframe
- [Subframe](https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit)
Gebaut als zusaetzlicher Builder-Zustand. Das Detail bleibt fachlich ein Zustand im Logic-Modus von S01, ist aber als eigener Frame sichtbar, damit David die Regelbearbeitung pruefen kann.
Layout-Regel: D07 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar oder Header-Navigation nachbauen.
## Notizen
Die Regel-Logik bleibt bewusst eng: Wenn Feld Y Operator Wert Z, dann Feld X anzeigen/verstecken.
@@ -1,112 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: D08
screen: Action Detail mit Mapping
typ: Panel-Zustand in S01
umsetzung: Bauen
status: Subframe Draft / Review offen
route: in S01 Actions-Modus, kein eigener Screen
subframe: "https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit"
---
# D08 - Action Detail mit Mapping
## Ziel
Interne Nutzer konfigurieren eine einzelne Post-Submit-Action und sehen sofort, ob Pflichtmapping oder Zielwerte fehlen.
## Pattern / Archetyp
Detailpanel / Drawer innerhalb des Actions-Modus von S01.
## Daten
- Action-Typ
- Action-Name
- Status aktiv/inaktiv
- Ziel, z. B. Empfaenger, Pipeline, Projektstatus, Webhook-URL
- Field-Mapping: Formularfeld -> Ziel-Feld
- Pflichtfelder
- optionale Bedingungen
- Teststatus
## Aktionen
- Action benennen
- Ziel konfigurieren
- Mapping-Zeilen setzen
- optionale Bedingung setzen
- Test ausfuehren
- Action speichern
- Action deaktivieren
- Action loeschen
## Verhalten
- Nach Auswahl eines Action-Typs oeffnet sich dieses Detailpanel.
- Mapping wird inline als Zeilenliste bearbeitet.
- Pflichtmapping wird klar markiert.
- Test zeigt ein Ergebnis im Panel, kein eigener Screen.
- Loeschen einer aktiven oder published-relevanten Action nutzt Confirm.
- Detailfaelle fuer halb gesetztes Mapping, Typwechsel und fehlende Pflichtziele stehen in [[D10 Builder Interaktionsfaelle]].
## Action-Typen
| Typ | Wichtigste Konfiguration |
|---|---|
| Email Submitter | Submitter-Email-Feld, Betreff, Nachricht. |
| Email Team | Empfaenger, Betreff, Feldauswahl. |
| Lead | Mapping fuer Name, Email, Telefon, Nachricht, Quelle. |
| Kontakt | Kontakt-Mapping und Duplikat-/Auto-Match-Hinweis. |
| Projekt | Pipeline, Status, Verantwortlicher, Pflichtmapping. |
| Task | Titel, Beschreibung, Faelligkeit, Assignee. |
| Auto-Match | Match-Felder, Fallback. |
| Webhook | URL, Test, Payload-Vorschau. |
| Automation-Trigger | Automation-Auswahl und Trigger-Hinweis. |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Neu | Action-Typ gewaehlt, Detail noch leer. | Nur dokumentieren |
| Vollstaendig | Pflichtfelder und Mapping gesetzt. | Nur dokumentieren |
| Pflichtmapping fehlt | Publish oder Action-Test blockiert. | Nur dokumentieren |
| Test erfolgreich | Inline-Ergebnis plus Toast. | Wiederverwenden |
| Test fehlgeschlagen | Inline-Fehler im Panel. | Nur dokumentieren |
## Auswahlfolge im Panel
| Schritt | Verhalten |
|---|---|
| 1. Action-Typ | Bestimmt, welche Pflichtfelder und Mapping-Zeilen erscheinen. |
| 2. Ziel | Empfaenger, Pipeline, Webhook-URL, Automation oder Entity-Ziel wird gesetzt. |
| 3. Mapping | Formularfelder werden Ziel-Feldern zugeordnet. |
| 4. Optional Bedingung | Nur einfache Bedingung; kein zweiter Logic-Builder. |
| 5. Test | Erst aktiv, wenn Pflichtziel und Pflichtmapping vollstaendig sind. |
| 6. Aktiv | Aktive unvollstaendige Actions blockieren Publish; inaktive unvollstaendige Actions nicht. |
## Was-passiert-wenn-Faelle
| Fall | UI-Reaktion | Folge |
|---|---|---|
| Action-Typ gewaehlt, Pflichtziel vergessen | Inline-Fehler im Zielbereich. | Test disabled; aktive Action blockiert Publish. |
| Mapping-Ziel gesetzt, Quelle vergessen | Mapping-Zeile markiert fehlende Quelle. | Test disabled; aktive Action blockiert Publish. |
| Email Submitter ohne Email-Feld | Hinweis mit CTD `Email-Feld hinzufuegen`. | Action bleibt unvollstaendig. |
| Projekt erstellen ohne Pipeline | Pipeline-Auswahl markiert. | Publish blockiert aktive Action. |
| Webhook-URL ungueltig | URL-Feld zeigt Fehler. | Test disabled. |
| Action-Typ nach Mapping wechseln | Confirm/Popover erklaert, dass Mapping ungueltig werden kann. | Nutzer bestaetigt oder bricht ab. |
## Subframe
- [Subframe](https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit)
Gebaut als zusaetzlicher Builder-Zustand. Das Detail bleibt fachlich ein Zustand im Actions-Modus von S01, ist aber als eigener Frame sichtbar, weil Mapping und Pflichtfelder fuer den Builder sehr fehleranfaellig sind.
Layout-Regel: D08 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar oder Header-Navigation nachbauen.
## Notizen
ActionLog, Re-Run und Fehlerhistorie pro Submission bleiben ausserhalb von D-FORM.
@@ -1,114 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: D09
screen: Publish Blocker Summary
typ: Inline-Zustand in S01
umsetzung: Bauen
status: Subframe Draft / Review offen
route: in S01 nach Klick auf Publish
subframe: "https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit"
---
# D09 - Publish Blocker Summary
## Ziel
Interne Nutzer verstehen nach Klick auf Publish sofort, warum ein Formular nicht veroeffentlicht werden kann und wo sie es korrigieren.
## Pattern / Archetyp
Inline Summary-Banner / Popover mit Sprungzielen im S01-Builder.
## Daten
- Anzahl Blocker
- Blocker-Gruppe: Form, Feld, Logic, Actions, Sharing/Settings
- betroffener Feldname oder Action-Name
- Ziel im Builder, zu dem gesprungen werden kann
- nicht-blockierende Warnungen
## Aktionen
- Blocker anklicken
- zum Feld springen
- zum Inspector-Abschnitt springen
- Logic-Modus oeffnen
- Actions-Modus oeffnen
- Settings oeffnen
- Publish nach Korrektur erneut versuchen
## Verhalten
- Klick auf `Publish` startet einen Check im selben Screen.
- Bei Blockern wird nicht published.
- Die Summary erscheint oben im Builder oder als klarer Inline-Bereich nahe der Topbar.
- Jeder Blocker hat ein Sprungziel.
- Nicht-blockierende Warnungen koennen als eigener Abschnitt erscheinen und erlauben Publish nach Bestaetigung.
- Bei Erfolg gibt es Statuswechsel und Toast, keinen eigenen Erfolgsscreen.
- Ausfuehrliche Auswahl-/Vergessensfaelle stehen in [[D10 Builder Interaktionsfaelle]].
## Blocker
| Blocker | Ziel |
|---|---|
| Formularname fehlt | Header/Form-Name |
| Slug fehlt oder Konflikt | Settings |
| Kein sichtbares Feld | Canvas Empty State |
| Feld ohne Label | Feldkarte + Inspector |
| Select ohne Optionen | Feldkarte + Inspector Optionen |
| Kaputte Logic | Logic-Modus |
| Pflichtmapping fehlt | Actions-Modus |
| Webhook-URL ungueltig | Action-Detail |
## Was-passiert-wenn-Faelle
| Fall | Summary-Verhalten | Sprungziel |
|---|---|---|
| Nutzer hat Select-Feld angelegt, aber Optionen vergessen | Blocker `Auswahlfeld hat keine Optionen`. | Feldkarte + Inspector `Optionen` |
| Nutzer hat Logic-Regel halb gebaut | Blocker `Logic-Regel unvollstaendig`, wenn aktiv. | Logic-Regel-Detail |
| Nutzer hat Action-Typ gewaehlt, aber Mapping vergessen | Blocker `Pflichtmapping fehlt`, wenn Action aktiv. | Action-Detail mit Mapping |
| Nutzer hat Datei-Feld ohne Typbeschraenkung | Warnung, nicht zwingend Blocker. | Datei-Feld Inspector |
| Nutzer hat Field Key ungueltig geaendert | Blocker `Field Key ungueltig oder doppelt`. | Inspector Basis/Advanced |
| Nutzer hat nur inaktive unvollstaendige Action | Optional Warnung, kein harter Blocker. | Actions-Liste |
| Nutzer hat unsaved changes | Erst speichern oder Save-Check zeigen. | Header/Save |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Keine Blocker | Publish erfolgreich. | Toast/Statuswechsel |
| Blocker vorhanden | Summary mit Sprungzielen. | Nur dokumentieren |
| Nur Warnungen | Nutzer kann trotzdem publishen. | Nur dokumentieren |
| Save vorher noetig | Hinweis, dass Aenderungen erst gespeichert werden. | Nur dokumentieren |
## Copy-Richtung
| Situation | Copy-Beispiel |
|---|---|
| Feld ohne Label | `Dieses Feld braucht ein Label, bevor das Formular veroeffentlicht werden kann.` |
| Select ohne Optionen | `Fuege mindestens eine Option hinzu, damit Nutzer antworten koennen.` |
| Logic unvollstaendig | `Diese Regel ist noch nicht vollstaendig. Ergaenze Operator, Wert oder Zielfeld.` |
| Mapping fehlt | `Diese Action braucht noch eine Zuordnung fuer Pflichtfelder.` |
| Nur Warnung | `Du kannst veroeffentlichen, aber diese Einstellung sollte geprueft werden.` |
## Subframe
Gebaut in Subframe:
https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit
Qualitaetsregel:
- Interner Builder-Zustand nutzt das vorhandene `Default Page Layout`.
- Keine eigene Sidebar oder Header-Navigation nachbauen.
- D09 bleibt Inline Summary/Banner im Builder, kein Modal/Dialog.
- Publish bleibt deaktiviert, bis harte Blocker geloest sind.
- Warnungen sind sichtbar, blockieren aber nicht zwingend.
- Jeder Blocker hat ein klares Sprungziel in Feld, Logic, Actions oder Settings.
## Notizen
Publish ist kein Wizard. Der Nutzer bleibt im Builder und korrigiert direkt dort.
@@ -1,202 +0,0 @@
---
kind: subframe-build-log
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
status: Review-ready / Subframe Draft gebaut
stand: 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 |
| 80 | S01B | Gefuehrter Fragen Editor | Spaeter / Referenz | https://app.subframe.com/f023064a5ca0/design/d0fb9c3d-4b03-4d59-bd98-9f668ab018eb/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 |
| 90 | ADV-S01 | Form-Builder Canvas | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/e5502f88-9858-460e-abae-671f28464270/edit |
| 90b | ADV-S01-2 | Form-Builder Canvas 2 | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/9529ac6f-eb71-4e5c-8774-7cebe9c8162c/edit |
| 91 | D07 | Logic Regel Detail | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/07b60457-8151-46b9-ba34-34eceffc08bb/edit |
| 92 | D08 | Action Detail mit Mapping | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/0759d779-91f5-4e06-b1d6-7cd0095461ea/edit |
| 93 | D09 | Publish Blocker Summary | Advanced / Referenz | https://app.subframe.com/f023064a5ca0/design/211e8ca7-fc0b-4c52-a4a4-a1e660209e58/edit |
## Qualitaetscheck Builder
- ADV-S01 ist interne Advanced-Mitarbeitersicht, kein Public Formular.
- ADV-S01 nutzt das vorhandene Subframe `Default Page Layout`. Keine eigene Sidebar nachbauen.
- Die extra generierte Seite `ADV-S01 Form-Builder Canvas Default Layout` wurde geloescht, weil sie die Sidebar selbst nachgebaut hatte.
- ADV-S01-2 Form-Builder Canvas 2 liegt als neue Builder-Basis im gleichen Flow.
- 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. S01B/S01C/S01D/S01E bleiben spaetere Varianten bzw. Referenz.
- 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.
- S01B nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
- S01B ist die gefuehrte Alternative: Schrittleiste, linke Fragenliste, eine aktive Fragekarte und rechte Hilfe-/Preview-Zusammenfassung.
- S01B zeigt Lead-Verknuepfung als einfache aktive Einstellung mit Ziel-Pipeline/Team, ohne Mapping-Panel.
- 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.
- ADV-S01 zeigt Topbar mit Save, Preview, Share und Publish.
- ADV-S01 zeigt links die Feld-Palette, mittig den Canvas und rechts den Feld-Inspector.
- ADV-S01 macht die Arbeitsmodi Builder, Logik, Aktionen, Freigabe, Vorschau und Einstellungen sichtbar.
- ADV-S01 zeigt einen konkreten Publish-Blocker fuer ein Select-Feld ohne Optionen.
- D07 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
- D07 zeigt den Logik-Modus mit Regel-Liste, gewaehltem Regel-Detail, Test/Preview, Inline-Validation und Publish-Blocker-Hinweis.
- D08 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
- D08 zeigt den Aktionen-Modus mit Action-Liste, Add-Action-Popover, Mapping-Tabelle, Ziel-/Pipeline-Fehlern, Test/Preview und Publish-Blocker-Hinweis.
- D09 nutzt das vorhandene `Default Page Layout`, nicht eine selbst nachgebaute Sidebar.
- D09 zeigt Publish als blockierten internen Zustand: deaktivierter Publish-Button, 5 harte Blocker, nicht-blockierende Warnungen, Sprungziele und erneute Pruefung.
- D09 bleibt Inline Summary/Banner im Builder und ist kein Modal/Dialog.
## 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.
S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09 sind gebaut, aber aktuell nicht relevant fuer den Hauptfluss. Sie bleiben als spaetere Varianten bzw. Referenzseiten erhalten.
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. `80 S01B Gefuehrter Fragen Editor`
17. `81 S01C Website Formular Editor`
18. `82 S01D Umfrage Editor`
19. `83 S01E Internes Formular Editor`
20. `90 ADV Form-Builder Canvas`
21. `90b ADV Form-Builder Canvas 2`
22. `91 D07 Logic Regel Detail`
23. `92 D08 Action Detail mit Mapping`
24. `93 D09 Publish Blocker Summary`
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
D07 und D08 bleiben Panel/Drawer-Zustaende im Builder. D09 bleibt Inline Summary/Banner. Diese drei sind keine Dialoge.
## 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: S01B/S01C/S01D/S01E, ADV-S01 Canvas 1/2 und D07/D08/D09.
@@ -1,106 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: V01
screen: Public Erfolg oder Redirect
typ: Public Feedback
umsetzung: Bauen
status: Subframe Draft / Review offen
route: /f/{tenant}/{slug}
subframe: "https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit"
---
# V01 - Public Erfolg oder Redirect
## Ziel
Der Submitter versteht sicher, dass die Einreichung angekommen ist, oder wird sauber an ein konfiguriertes Redirect-Ziel weitergeleitet.
## Pattern / Archetyp
BESPOKE-Public Feedback.
## Daten
- Tenant-Logo/Fallback.
- Erfolgstitel.
- Erfolgstext aus Form-Konfiguration.
- Optionales Redirect-Ziel.
- Optionaler Link zur Website/zurueck.
## Detail-Brainstorming
Der wichtigste Punkt: Nach erfolgreichem Submit darf nichts so wirken, als sei die Anfrage unsicher oder verloren. Duch wenn Actions im Hintergrund fehlschlagen, bleibt die Public-Bestaetigung auf die gespeicherte Einreichung bezogen.
### Varianten
| Variante | Wann | UI |
|---|---|---|
| Success ohne Redirect | Kein Redirect konfiguriert. | Danke-Ansicht mit Erfolgstitel, Text und optionalem Zurueck-Link. |
| Success mit Auto-Redirect | Redirect URL konfiguriert. | Kurze Bestaetigung + Countdown/Weiterleitungshinweis. |
| Success mit manuellem Redirect | Auto-Redirect wird nicht sofort ausgefuehrt oder soll bestaetigt werden. | Button "Weiter" zur Zielseite. |
| Redirect fehlerhaft | Weiterleitung klappt nicht, Submission ist aber gespeichert. | Erfolg bleibt sichtbar; Link erneut oeffnen oder Anbieter kontaktieren. |
### Copy-Vorschlag
| Zustand | Copy-Richtung |
|---|---|
| Erfolg | "Danke, Ihre Dngaben wurden uebermittelt." |
| Naechster Schritt | "Wir melden uns, falls weitere Informationen benoetigt werden." |
| Redirect | "Sie werden gleich weitergeleitet." |
| Redirect-Fehler | "Ihre Dngaben sind angekommen. Die Weiterleitung konnte nicht geoeffnet werden." |
### Nicht zeigen
- Keine Action-Ausfuehrung.
- Kein Lead-/Projekt-/Task-Hinweis.
- Kein Webhook-/Automation-Status.
- Keine interne Submission-ID, ausser spaeter bewusst als Referenznummer geplant.
## Aktionen
- Bei Success ohne Redirect: Seite schliessen oder zur Website zurueck.
- Bei Redirect: automatisch oder per Button weiter.
## Banner / Hinweise
- Kein technischer ActionLog im Public UI.
- Keine internen Begriffe wie Lead, Projekt, Webhook oder Automation.
## Toasts / Action-Feedback
- Keine Toasts; Success-State ist die Rueckmeldung.
## Meldungsentscheidung
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|---|---|---|---|---|
| Submit erfolgreich | Success-State | nein | Bauen | Anfrage ist angekommen. |
| Redirect konfiguriert | Success + Weiterleitung | nein | Bauen | Falls Redirect dauert, klare Zwischenmeldung. |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Erfolgstext | Danke-/Bestaetigungsansicht. | Bauen |
| Redirect | Nutzer wird weitergeleitet. | Bauen |
## Blockierende Error States
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|---|---|---|---|
| Redirect-Ziel nicht erreichbar | Kurzer Fehler nach Submit, Einreichung bleibt erfolgreich. | Link erneut oeffnen | Anbieter kontaktieren |
## Permissions / Gates
- Keine Rolle.
## Subframe
https://app.subframe.com/f023064a5ca0/design/c06ecfc3-1f86-4dfe-9cfd-cec8b8629253/edit
## Notizen
Wichtig: Wenn Submit gespeichert wurde, darf ein kaputter Redirect nicht so wirken, als sei die Einreichung verloren.
@@ -1,115 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: V02
screen: Public Formular nicht verfuegbar
typ: Public Blocker
umsetzung: Bauen
status: Subframe Draft / Review offen
route: /f/{tenant}/{slug}
subframe: "https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit"
---
# V02 - Public Formular nicht verfuegbar
## Ziel
Externe Nutzer landen nicht auf einem rohen 404/500, sondern bekommen eine ruhige, verstaendliche Meldung mit naechster Handlung.
## Pattern / Archetyp
BESPOKE-Public Blocker / A7 Public Error.
## Daten
- Tenant-Logo/Fallback, falls Tenant noch aufloesbar ist.
- Kurzer Titel.
- Klartext-Grund, soweit sicher:
- Formular nicht veroeffentlicht
- Formular archiviert
- Formular geschlossen
- Link ungueltig
- Optionaler Kontakt-/Website-Link.
## Detail-Brainstorming
Dieser Zustand ersetzt rohe Fehlerseiten. Der Nutzer ist blockiert, deshalb braucht er eine ruhige Erklaerung und eine naechste Handlung.
### Blocker-Typen
| Zustand | Interner Grund | Public-Copy-Richtung | Primaeraktion |
|---|---|---|---|
| Nicht veroeffentlicht | `status=draft` oder `is_public=false` | "Dieses Formular ist aktuell nicht verfuegbar." | Anbieter kontaktieren oder zurueck |
| Drchiviert | `status=archived` | "Dieses Formular ist nicht mehr aktiv." | Anbieter kontaktieren |
| Geschlossen | `submission_close_at` vorbei | "Der Dnnahmezeitraum ist beendet." | Anbieter kontaktieren |
| Limit erreicht | `submission_limit` erreicht | "Dieses Formular nimmt aktuell keine weiteren Einreichungen an." | Anbieter kontaktieren |
| Link ungueltig | Tenant/Slug nicht gefunden | "Der Link ist ungueltig oder nicht mehr aktuell." | Link pruefen / Anbieter kontaktieren |
| Tenant nicht aufloesbar | Tenant fehlt/gesperrt | Neutraler Fehler ohne interne Details. | Zurueck |
### Was David zeigen sollte
| Element | Notiz |
|---|---|
| Logo/Fallback | Nur wenn sicher, dass Tenant aufloesbar ist. |
| Titel | Kurz, nicht alarmistisch. |
| Klartext | Kein 404, kein Stacktrace, keine internen IDs. |
| Kontakt/Zurueck | Nur wenn bekannt/konfiguriert. |
| Erneut laden | Nur bei potentiell temporaeren Fehlern. |
### Nicht zeigen
- Kein interner Form-Name, wenn Link/Tenant unsicher ist.
- Keine technischen Statuscodes.
- Keine Aussage, ob ein bestimmter Kunde/Tenant existiert, falls das Datenschutz-/Security-riskant ist.
## Aktionen
- Zur Anbieter-Website zurueck.
- Anbieter kontaktieren.
- Erneut laden.
## Banner / Hinweise
- Keine technischen Details.
- Keine Aussage, die interne Form-Namen oder IDs leakt.
## Toasts / Action-Feedback
- Keine Toasts.
## Meldungsentscheidung
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|---|---|---|---|---|
| Formular nicht veroeffentlicht | Screen | ja | Bauen | Dieses Formular ist aktuell nicht verfuegbar. |
| Formular geschlossen | Screen | ja | Bauen | Dnnahmezeitraum ist beendet. |
| Formular nicht gefunden | Screen | ja | Bauen | Link pruefen oder Anbieter kontaktieren. |
| Tenant nicht aufloesbar | Screen | ja | Bauen | Neutral, ohne interne Details. |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Nicht veroeffentlicht | Entwurf/Unpublished. | Bauen |
| Drchiviert/geschlossen | Keine Einreichung mehr moeglich. | Bauen |
| Nicht gefunden | Slug/Tenant passt nicht. | Bauen |
## Blockierende Error States
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|---|---|---|---|
| Nicht verfuegbar | Ruhiger Public-Blocker. | Anbieter kontaktieren | Zurueck |
## Permissions / Gates
- Public Gate: `status=published` und `is_public=true`.
## Subframe
https://app.subframe.com/f023064a5ca0/design/f96ec12a-5e6a-471d-9a9c-6babcb57c74c/edit
## Notizen
Dieser Zustand ist wichtig fuer Vertrauen. Ein externes Formular darf nicht wie eine kaputte App wirken.
@@ -1,117 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FORM
package: WF-D-FORM Form Builder
id: V03
screen: Public Captcha oder Submit Fehler
typ: Public Error
umsetzung: Bauen
status: Subframe Draft / Review offen
route: /f/{tenant}/{slug}
subframe: "https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit"
---
# V03 - Public Captcha oder Submit Fehler
## Ziel
Der Submitter kann einen Captcha- oder Submit-Fehler verstehen und korrigieren, ohne Vertrauen in das Formular zu verlieren.
## Pattern / Archetyp
BESPOKE-Public Error / A7 Error-State.
## Daten
- Aktuelle Feldwerte sollen erhalten bleiben, soweit technisch moeglich.
- Captcha-Status.
- Dllgemeiner Submit-Status.
## Detail-Brainstorming
V03 ist kein eigener neuer Flow, sondern ein Public-Fehlerzustand von S02. Er wird gebaut, weil die Copy und das Vertrauen wichtig sind.
### Fehlerarten
| Fehler | Ort | UI | Werte behalten? |
|---|---|---|---|
| Captcha fehlt | Captcha-Bereich | Inline-Hinweis | ja |
| Captcha fehlgeschlagen | Captcha-Bereich oder Banner nah am Submit | Erneut pruefen | ja |
| Netzwerkfehler | Submit-Bereich | Banner + Retry | ja |
| Serverfehler vor Speicherung | Submit-Bereich | Banner + Retry | ja |
| Serverfehler nach Speicherung | Success bevorzugen, falls Speicherung sicher war | Nicht als Verlust darstellen | ja |
| Datei-Upload fehlgeschlagen | Datei-Feld | Inline + Datei erneut waehlen | andere Werte ja |
### Copy-Richtung
| Zustand | Copy |
|---|---|
| Captcha fehlt | "Bitte bestaetigen Sie die Sicherheitspruefung." |
| Captcha fehlgeschlagen | "Die Sicherheitspruefung konnte nicht bestaetigt werden. Bitte versuchen Sie es erneut." |
| Submit Fehler | "Das Formular konnte gerade nicht gesendet werden. Bitte versuchen Sie es erneut." |
| Wiederholter Fehler | "Wenn der Fehler bestehen bleibt, kontaktieren Sie bitte den Anbieter." |
| Datei-Fehler | "Diese Datei konnte nicht hochgeladen werden. Bitte pruefen Sie Typ und Groesse." |
### Retry-Regeln
| Regel | Grund |
|---|---|
| Eingaben erhalten | Lange Public-Formulare duerfen nicht neu ausgefuellt werden muessen. |
| Submit waehrend Retry sperren | Doppel-Submit verhindern. |
| Ersten Fehler sichtbar machen | Nutzer soll nicht suchen muessen. |
| Technische Details verstecken | Vertrauen bewahren. |
| Kontakt nur als Fallback | Nicht sofort vom Formular wegschicken. |
## Aktionen
- Captcha erneut bestaetigen.
- Formular erneut senden.
- Seite neu laden.
- Anbieter kontaktieren, falls Fehler bleibt.
## Banner / Hinweise
- Captcha-Fehler in der Naehe des Captcha-Bereichs.
- Submit-Fehler als Banner oberhalb des Submit-Bereichs.
- Keine internen Begriffe wie ActionLog, Webhook, DB oder Queue.
## Toasts / Action-Feedback
- Keine Toasts im Public UI.
## Meldungsentscheidung
| Ereignis | UI-Form | Blockiert? | Umsetzung | Copy/Notiz |
|---|---|---|---|---|
| Captcha fehlt | Inline beim Captcha | ja | Bauen | Bitte bestaetigen, dass Sie kein automatisierter Zugriff sind. |
| Captcha fehlgeschlagen | Inline/Banner | ja | Bauen | Bitte erneut versuchen. |
| Netzwerkfehler beim Submit | Banner | ja | Bauen | Einreichung konnte nicht gesendet werden. |
| Serverfehler nach Submit | Banner | ja | Bauen | Keine technischen Details, erneut versuchen. |
## Zustaende
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Captcha Error | Bot-Schutz blockiert. | Bauen |
| Submit Error | Speicherung/Einreichung klappt nicht. | Bauen |
| Retry Loading | Nutzer sendet erneut. | Wiederverwenden |
## Blockierende Error States
| Zustand | Was sieht der Nutzer? | Primaeraktion | Sekundare Aktion |
|---|---|---|---|
| Captcha fehlgeschlagen | Fehler am Captcha. | Captcha erneut pruefen | - |
| Submit mehrfach fehlgeschlagen | Banner mit Hilfehinweis. | Erneut versuchen | Anbieter kontaktieren |
## Permissions / Gates
- Public. Kein Login.
## Subframe
https://app.subframe.com/f023064a5ca0/design/95c96bc9-35d4-47ce-b510-7d8ea1f41936/edit
## Notizen
Wenn moeglich, sollen eingegebene Antworten erhalten bleiben. Das ist besonders wichtig bei langen SHK-Dufnahmeformularen mit Fotos oder Text.
@@ -1,87 +0,0 @@
{
"nodes":[
{"id":"group-states","type":"group","x":-120,"y":220,"width":4340,"height":680,"label":"Dokumentierte ADV-S01-Zustaende / Was-passiert-wenn-Cases"},
{"id":"group-internal","type":"group","x":-120,"y":-520,"width":3100,"height":600,"label":"S01 Interner Builder Hauptflow"},
{"id":"group-public","type":"group","x":-120,"y":1060,"width":2460,"height":620,"label":"Public Form Flow"},
{"id":"group-simple","type":"group","x":-120,"y":1840,"width":4380,"height":1120,"label":"Neue Simple Builder Alternative"},
{"id":"group-notes","type":"group","x":3220,"y":-520,"width":1000,"height":600,"label":"Scope / Subframe-Fokus"},
{"id":"package","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/WF-D-FORM Form Builder.md","x":0,"y":-350,"width":420,"height":210},
{"id":"s01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/90 ADV Form-Builder Canvas.md","x":620,"y":-350,"width":420,"height":210},
{"id":"d10","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D10 Builder Interaktionsfaelle.md","x":1860,"y":-350,"width":460,"height":210},
{"id":"note-subframe-focus","type":"text","text":"# Subframe-Fokus\n\nAktueller Hauptfluss:\n- 01 S00 Verwaltung\n- 02/03 Empty States\n- 04 S01 Formularart\n- 05 S02 Haupt-Editor\n- 06 S03 Design\n- 07-10 Public Form/States\n- 11-13 Antworten/States\n\n80-93 bleiben spaeter/Referenz.\n\nM01/M02/M03/M04 und D10 bleiben dokumentiert.","x":3360,"y":-360,"width":720,"height":330},
{"id":"note-out-of-scope","type":"text","text":"# Nicht in D-FORM\n\n- Vollstaendige Submissions-Verwaltung\n- Submission-Detail\n- Booking\n- Kalender\n- Signatur\n- HR-Screens\n- Personalisierte Links\n- JS-Snippet\n\nS03 ist nur die schlanke Formular-Zentrale, nicht das ganze Forms-/Submissions-Modul.","x":3360,"y":-20,"width":720,"height":300},
{"id":"d01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D01 Sharing Panel URL QR iFrame.md","x":0,"y":360,"width":420,"height":190},
{"id":"note-states","type":"text","text":"# ADV-S01-Zustaende\n\nD07, D08 und D09 sind als zusaetzliche Subframe-Zustaende gebaut.\n\nDie restlichen D-/M-Zustaende bleiben dokumentiert.\n\nSie klaeren:\n- welche UI-Ebene oeffnet\n- was im Dropdown/Popover/Modal steht\n- welche Folgefehler entstehen\n- was Publish/Test blockiert","x":3120,"y":330,"width":540,"height":260},
{"id":"note-builder-core","type":"text","text":"# Builder-Kern\n\nDauerhaft sichtbar:\n- Header / Status\n- Feld-Palette\n- Canvas\n- Feld-Inspector\n\nArbeitsmodi:\n- Logic\n- Actions\n- Sharing\n- Preview\n- Settings","x":1240,"y":-365,"width":420,"height":260},
{"id":"d02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D02 Post-Submit Actions.md","x":520,"y":360,"width":420,"height":190},
{"id":"d03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D03 Conditional Logic Editor.md","x":1040,"y":360,"width":420,"height":190},
{"id":"d06","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/D06 Feldkarten Menue.md","x":1560,"y":360,"width":420,"height":190},
{"id":"m01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M01 Feld loeschen Confirm.md","x":2080,"y":360,"width":420,"height":190},
{"id":"d07","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/91 D07 Logic Regel Detail.md","x":1040,"y":620,"width":420,"height":190},
{"id":"d08","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/92 D08 Action Detail mit Mapping.md","x":520,"y":620,"width":420,"height":190},
{"id":"d09","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/93 D09 Publish Blocker Summary.md","x":2600,"y":360,"width":420,"height":190},
{"id":"m02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M02 Unpublish Confirm.md","x":2600,"y":620,"width":420,"height":190},
{"id":"m03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M03 Archive Confirm.md","x":3120,"y":620,"width":420,"height":190},
{"id":"m04","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/M04 Unsaved Changes Confirm.md","x":3640,"y":620,"width":420,"height":190},
{"id":"s02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/07 S04 Oeffentliches Formular.md","x":0,"y":1250,"width":420,"height":210},
{"id":"v01","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/08 V01 Public Erfolg oder Redirect.md","x":620,"y":1120,"width":420,"height":210},
{"id":"v02","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/09 V02 Public Formular nicht verfuegbar.md","x":620,"y":1410,"width":420,"height":210},
{"id":"v03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/10 V03 Public Captcha oder Submit Fehler.md","x":1240,"y":1410,"width":420,"height":210},
{"id":"note-public","type":"text","text":"# Public-Regel\n\nKeine App-Shell.\n\nRuhiges Kundenformular:\n- Branding-Kopf\n- Intro\n- Felder\n- mCaptcha\n- Submit\n- Success/Error\n\nMobile zuerst mitdenken.","x":1240,"y":1120,"width":420,"height":250},
{"id":"note-public-reuse","type":"text","text":"# Public Renderer\n\nD-FORM baut das Public Form.\n\nDndere Bereiche wie HR oder Booking koennen den Renderer spaeter wiederverwenden, sind aber keine D-FORM-Screens.","x":1800,"y":1230,"width":420,"height":240},
{"id":"simple-direction","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Simple Builder Neuausrichtung.md","x":0,"y":1990,"width":420,"height":190},
{"id":"s00","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/04 S01 Formularart auswaehlen.md","x":560,"y":1990,"width":420,"height":190},
{"id":"s01a","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/05 S02 Einfacher Fragen Editor.md","x":1120,"y":1900,"width":420,"height":190},
{"id":"s01b","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/80 S01B Gefuehrter Fragen Editor.md","x":1120,"y":2120,"width":420,"height":190},
{"id":"s01c","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/81 S01C Website Formular Editor.md","x":1680,"y":1840,"width":420,"height":190},
{"id":"s01d","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/82 S01D Umfrage Editor.md","x":1680,"y":2060,"width":420,"height":190},
{"id":"s01e","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/83 S01E Internes Formular Editor.md","x":1680,"y":2280,"width":420,"height":190},
{"id":"note-simple-builder","type":"text","text":"# Neue Richtung gebaut\n\nNicht mehr sofort Profi-Canvas.\n\nS00 ist die Formular-Zentrale.\nS01 fuehrt immer in S02.\n\nDie Formularart setzt nur Vorlage/Startfragen:\n- Website/Extern\n- Lead\n- Umfrage\n- Intern\n\nTabs im Formular:\n- Fragen\n- Design: S03\n- Antworten: S05\n\nS01B/C/D/E sind Referenz.\n\nLogic bleibt als einfache Bedingung an der Frage.\nActions bleiben als Lead-Hinweis/Automatik.","x":2320,"y":1990,"width":620,"height":420},
{"id":"s03","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/01 S00 Formulare verwalten.md","x":560,"y":2470,"width":420,"height":190},
{"id":"s04","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/06 S03 Formular Design.md","x":2320,"y":2440,"width":420,"height":190},
{"id":"s05","type":"file","file":"02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/Screens/11 S05 Antworten Tabelle.md","x":2840,"y":2440,"width":420,"height":190}
],
"edges":[
{"id":"edge-package-s01","fromNode":"package","fromSide":"right","toNode":"s01","toSide":"left","label":"S01"},
{"id":"edge-s01-core","fromNode":"s01","fromSide":"right","toNode":"note-builder-core","toSide":"left","label":"Arbeitsbereiche"},
{"id":"edge-core-d10","fromNode":"note-builder-core","fromSide":"right","toNode":"d10","toSide":"left","label":"Was passiert wenn"},
{"id":"edge-s01-d01","fromNode":"s01","fromSide":"bottom","toNode":"d01","toSide":"top","label":"Share"},
{"id":"edge-s01-d02","fromNode":"s01","fromSide":"bottom","toNode":"d02","toSide":"top","label":"Actions"},
{"id":"edge-s01-d03","fromNode":"s01","fromSide":"bottom","toNode":"d03","toSide":"top","label":"Logic"},
{"id":"edge-s01-d06","fromNode":"s01","fromSide":"bottom","toNode":"d06","toSide":"top","label":"Feldmenue"},
{"id":"edge-d06-m01","fromNode":"d06","fromSide":"right","toNode":"m01","toSide":"left","label":"loeschen"},
{"id":"edge-d03-d07","fromNode":"d03","fromSide":"bottom","toNode":"d07","toSide":"top","label":"Regel Detail"},
{"id":"edge-d02-d08","fromNode":"d02","fromSide":"bottom","toNode":"d08","toSide":"top","label":"Action Detail"},
{"id":"edge-s01-d09","fromNode":"s01","fromSide":"bottom","toNode":"d09","toSide":"top","label":"Publish"},
{"id":"edge-d09-m02","fromNode":"d09","fromSide":"bottom","toNode":"m02","toSide":"top","label":"Unpublish"},
{"id":"edge-s01-m03","fromNode":"s01","fromSide":"bottom","toNode":"m03","toSide":"top","label":"Archive"},
{"id":"edge-s01-m04","fromNode":"s01","fromSide":"bottom","toNode":"m04","toSide":"top","label":"Dirty State"},
{"id":"edge-d10-d07","fromNode":"d10","fromSide":"bottom","toNode":"d07","toSide":"top","label":"Logic Cases"},
{"id":"edge-d10-d08","fromNode":"d10","fromSide":"bottom","toNode":"d08","toSide":"top","label":"Mapping Cases"},
{"id":"edge-d10-d09","fromNode":"d10","fromSide":"bottom","toNode":"d09","toSide":"top","label":"Blocker Cases"},
{"id":"edge-s01-s02","fromNode":"s01","fromSide":"bottom","toNode":"s02","toSide":"top","label":"publish + share"},
{"id":"edge-s02-v01","fromNode":"s02","fromSide":"right","toNode":"v01","toSide":"left","label":"Submit ok"},
{"id":"edge-s02-v02","fromNode":"s02","fromSide":"right","toNode":"v02","toSide":"left","label":"nicht verfuegbar"},
{"id":"edge-s02-v03","fromNode":"s02","fromSide":"right","toNode":"v03","toSide":"left","label":"Fehler"},
{"id":"edge-s02-public","fromNode":"s02","fromSide":"right","toNode":"note-public","toSide":"left","label":"Public-UX"},
{"id":"edge-public-reuse","fromNode":"note-public","fromSide":"right","toNode":"note-public-reuse","toSide":"left","label":"Reuse"},
{"id":"edge-focus-out","fromNode":"note-subframe-focus","fromSide":"bottom","toNode":"note-out-of-scope","toSide":"top","label":"Grenzen"},
{"id":"edge-package-simple","fromNode":"package","fromSide":"bottom","toNode":"simple-direction","toSide":"top","label":"neue Richtung"},
{"id":"edge-simple-s00","fromNode":"simple-direction","fromSide":"right","toNode":"s00","toSide":"left","label":"Einstieg"},
{"id":"edge-s00-s01a","fromNode":"s00","fromSide":"right","toNode":"s01a","toSide":"left","label":"Variante D"},
{"id":"edge-s00-s01b","fromNode":"s00","fromSide":"right","toNode":"s01b","toSide":"left","label":"Variante B"},
{"id":"edge-s00-s01c","fromNode":"s00","fromSide":"right","toNode":"s01c","toSide":"left","label":"Website"},
{"id":"edge-s00-s01d","fromNode":"s00","fromSide":"right","toNode":"s01d","toSide":"left","label":"Umfrage"},
{"id":"edge-s00-s01e","fromNode":"s00","fromSide":"right","toNode":"s01e","toSide":"left","label":"Intern"},
{"id":"edge-simple-s03","fromNode":"simple-direction","fromSide":"right","toNode":"s03","toSide":"left","label":"Verwaltung"},
{"id":"edge-s03-s00","fromNode":"s03","fromSide":"top","toNode":"s00","toSide":"bottom","label":"Neues Formular"},
{"id":"edge-s03-s01a","fromNode":"s03","fromSide":"right","toNode":"s01a","toSide":"bottom","label":"Bearbeiten"},
{"id":"edge-s01a-s04","fromNode":"s01a","fromSide":"right","toNode":"s04","toSide":"left","label":"Design"},
{"id":"edge-s01a-s05","fromNode":"s01a","fromSide":"right","toNode":"s05","toSide":"left","label":"Antworten"},
{"id":"edge-s01a-note","fromNode":"s01a","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
{"id":"edge-s01b-note","fromNode":"s01b","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Prinzip"},
{"id":"edge-s01c-note","fromNode":"s01c","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
{"id":"edge-s01d-note","fromNode":"s01d","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"},
{"id":"edge-s01e-note","fromNode":"s01e","fromSide":"right","toNode":"note-simple-builder","toSide":"left","label":"Beispiel"}
]
}
@@ -1,41 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M01
screen: Probelauf
typ: Modal
umsetzung: Bauen
status: Validiert
route: "aus S01 (Probelauf-Knopf / vor Aktivierung)"
subframe: ""
---
# M01 — Probelauf (Dry-Run)
## Ziel
Vor dem Scharfschalten sehen, was die Automation WIRKLICH tun würde — keine bösen Überraschungen.
## Was das Tool können muss
- **»Trifft X Datensätze«** + die ersten 5 als Beispiele
- Schritt-für-Schritt-Simulation in Klartext (»E-Mail würde an max@… gehen«)
- **Pflicht-Bestätigung** ab Schwelle (> 100 Datensätze/Schritt, mandant-einstellbar) — ggf. mit Bestätigungs-Phrase
- Ergebnis: aktivieren oder zurück in den Editor
## Pattern / Archetyp
A5 Modal + Simulations-Liste.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Über Schwelle | Bestätigung Pflicht | Nur dokumentieren |
| Trifft nichts | »Aktuell trifft die Automation 0 Datensätze« | Nur dokumentieren |
## Subframe
- (erst nach explizitem OK)
@@ -1,34 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M02
screen: Schleifen-Warnung
typ: Modal
umsetzung: Bauen
status: Validiert
route: "aus S01 bei Schleifen-Verdacht"
subframe: ""
---
# M02 — Schleifen-/Raten-Warnung
## Ziel
Endlos-Schleifen verhindern, bevor sie den Betrieb fluten — verständlich erklärt.
## Was das Tool können muss
- **Mini-Abhängigkeits-Graph**: welche Automationen sich gegenseitig auslösen (der Kreis ist markiert)
- Klartext: »Automation A löst B aus, B löst wieder A aus«
- **»Beheben«**-Knopf (springt zum betroffenen Baustein)
- Anomalie-Hinweis-Variante: »2.000-mal in 5 Min gelaufen, typisch 5–10/Tag — pausiert« + wieder aktivieren
## Pattern / Archetyp
A5 Modal + Mini-Graph.
## Subframe
- (erst nach explizitem OK)
@@ -1,32 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M03
screen: Start-Auswahl
typ: Modal
umsetzung: Bauen
status: Validiert
route: "»+ Neue Automation« (aus der Automation-Liste)"
subframe: ""
---
# M03 — Start-Auswahl
## Ziel
Der schnellste Weg zum Erfolgserlebnis: mit einer Vorlage starten statt vor leerer Fläche zu sitzen.
## Was das Tool können muss
- **Leer starten** ODER **Vorlage wählen** (SHK-Vorlagen + eigene, nach Kategorie, mit Use-Case-Beschreibung — eingebetteter Vorlagen-Katalog aus WF-P12 Verwaltung)
- Auswahl → Editor öffnet mit vorbefülltem Flow (Vorlage) oder leer
## Pattern / Archetyp
A5 Dialog (echtes Modal).
## Subframe
- (erst nach explizitem OK)
@@ -1,44 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01
screen: Flow-Editor
typ: BESPOKE (schwerste UI)
umsetzung: Bauen
status: Validiert
route: "/automations/:id/edit"
subframe: ""
---
# S01 — Flow-Editor ⭐
## Ziel
Automationen zusammenklicken wie ein Diagramm — verständlich für Büro-Menschen, nicht nur Techniker.
## Was das Tool können muss
- **Zeichenfläche**: Bausteine setzen, verbinden, verschieben, duplizieren, löschen; Pan/Zoom; Undo/Redo; automatisch anordnen; Mini-Übersichtskarte
- **Katalog links** (einklappbar): Auslöser + Aktionen, nach Modul gruppiert/filterbar, per Ziehen oder Klick hinzufügen
- **Konfig-Panel rechts**: Klick auf Baustein → typ-abhängiges Formular in Klartext (Inhalte aus WF-P12 Verwaltung S05)
- **Inline-Validierung** direkt am Baustein: nicht verbunden · Schleifen-Verdacht · Pflichtfeld fehlt
- Kopf: Name, Status-Pill (aktiv/pausiert/Entwurf), Speichern, **Probelauf** → [[M01 Probelauf]], Aktivieren/Deaktivieren
- Aktivieren blockiert bei Fehlern (Klartext-Liste, Sprung zum Baustein)
## Pattern / Archetyp
**BESPOKE** — Dreispalten-Anordnung (validiert): Katalog · Canvas · Konfig.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leerer Flow | Hinweis »Ersten Auslöser aus dem Katalog ziehen« | Nur dokumentieren |
| Ungespeichert verlassen | Hinweis | Nur dokumentieren |
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -1,19 +0,0 @@
{
"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-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":"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}
],
"edges":[
{"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"}}
]
}
@@ -1,121 +0,0 @@
---
kind: wireframe-package
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
typ: Flow
status: Validiert
subframe: ""
canvas: "WF-P12 Flow-Editor.canvas"
---
# WF-P12 Flow-Editor
Status: Validiert (Screen-Liste)
Subframe-Link: -
Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
Stand: 2026-07-09
---
## 1. Kurzfassung
Der Automations-Baukasten: Zeichenfläche mit Auslöser- und Aktions-Bausteinen, alles in verständlichem Deutsch, mit Probelauf und Schleifen-Schutz. **Schwerste UI der App, erste USP-Säule, Langläufer — viele Iterationen einplanen.**
---
## 2. Intent Check
| Frage | Antwort |
|---|---|
| Ticket/Modul | D-FLOW, Dev-Pendant R-P12a/R-P12b (Editor blockt R-P12b!) |
| Nutzer-Ziel | »Wenn X passiert, tu Y« zusammenklicken — ohne Programmierkenntnisse, ohne Angst vor Fehlern |
| Quellen geprüft | `ticket-docs/D-FLOW.md`, ENTITY-MODEL Domäne 7, HiveGrid Map |
| Sicher im Scope | Graph-Canvas, Katalog, Konfig-Panel-Rahmen, Mini-Map, Toolbar, Validation, Dry-Run, Loop-Warnung, Start-Auswahl |
| Sicher nicht im Scope | Sprach-zu-Automation (gestrichen, AD-26) · KWP-Konfig-UI (v2) · Liste/Verläufe/Vorlagen (WF-P12 Verwaltung) |
| Unsichere Annahmen | — |
---
## 3. Scope
| Punkt | Inhalt |
|---|---|
| Startpunkt | »+ Neue Automation« (aus der Automation-Liste) oder bestehende öffnen |
| Ziel | Automation gebaut, per Probelauf geprüft, bewusst aktiviert |
| Haupt-Archetyp | **BESPOKE — schwerste UI** + A5 Modals |
| Out of scope | s. o. |
---
## 4. Entscheidungen (validiert 2026-07-09)
| Entscheidung | Status | Notiz |
|---|---|---|
| Zwei P12-Pakete (Editor / Verwaltung) | genommen | Editor ist Langläufer |
| **Grundanordnung: Katalog links · Canvas Mitte · Konfig rechts** | genommen | n8n-Muster; Klick auf Baustein öffnet Konfig-Panel rechts, Canvas bleibt sichtbar; Katalog einklappbar |
| **Start-Auswahl mit Vorlagen** | genommen | »+ Neue Automation« → Dialog: leer starten ODER SHK-/eigene Vorlage wählen → Editor öffnet |
| Dry-Run + Schleifen-Warnung als eigene Modals | genommen | Pflicht-Bestätigung ab Schwelle (mandant-einstellbar) |
| Aktivieren blockiert bei Fehlern | genommen | Klartext-Fehlerliste (nicht verbunden / Schleife / Pflichtfeld) — dokumentiert |
| Klartext-First | genommen | Baustein-Labels, Validierung, Dry-Run-Ausgaben: verständliches Deutsch, nicht technisch |
| Konfig-Panel-Inhalte kommen aus WF-P12 Verwaltung | genommen | typ-abhängige Formulare (S05 dort), der Editor bettet sie ein |
### Happy Path
1. »+ Neue Automation« → Start-Auswahl: Vorlage »Neue Anfrage → Aufgabe für Vertrieb« wählen (oder leer).
2. Editor: Bausteine aus dem Katalog ziehen, verbinden; Klick → Konfig rechts in Klartext.
3. Inline-Fehler beheben (»Baustein nicht verbunden«).
4. **Probelauf**: »Trifft 143 Datensätze …« — prüfen, ggf. Pflicht-Bestätigung.
5. Aktivieren. Bei Schleifen-Verdacht: Warnmodal mit Mini-Graph + »Beheben«.
### Meldungs-/Error-States (validiert)
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|---|---|---|---|---|
| Probelauf ab Schwelle | Pflicht-Bestätigung im Dry-Run-Modal | ja | Bauen (M01) | »Trifft > 100 Datensätze — bitte bestätigen« |
| Schleife erkannt | Warnmodal mit Mini-Abhängigkeits-Graph | ja | Bauen (M02) | + »Beheben«-Knopf |
| Aktivieren mit Fehlern | blockiert + Klartext-Fehlerliste | ja | Nur dokumentieren | je Fehler Sprung zum Baustein |
| Anomalie-Pause | Banner (auch in Liste/Detail) | nein | Nur dokumentieren | »2.000-mal in 5 Min — pausiert« |
| Ungespeicherte Änderungen | Hinweis beim Verlassen | nein | Nur dokumentieren | — |
---
## 7. Validierte Screen-Liste
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|---|---|---|---|---|---|
| S01 | Flow-Editor (Katalog · Canvas · Konfig) ⭐ | BESPOKE | Bauen | `/automations/:id/edit` | Validiert |
| M01 | Probelauf (Dry-Run) | Modal | Bauen | aus S01 | Validiert |
| M02 | Schleifen-/Raten-Warnung | Modal | Bauen | aus S01 | Validiert |
| M03 | Start-Auswahl (leer / Vorlage) | Modal | Bauen | »+ Neue Automation« | Validiert |
| D01–D03 | Aktivieren-Block / Anomalie-Banner / Verlassen-Hinweis | Inline | Nur dokumentieren | — | Validiert |
---
## 8. Grid
```text
Automation-Liste (WF-P12 Verwaltung) -> M03 (Start-Auswahl) -> S01 (Editor)
S01 -> M01 (Probelauf) -> Aktivieren
S01 -> M02 (Schleifen-Warnung, bei Verdacht)
S01 bettet ein: Baustein-Konfig-Panels (WF-P12 Verwaltung S05)
```
---
## 9. Screen-Pakete
- [[S01 Flow-Editor]] · [[M01 Probelauf]] · [[M02 Schleifen-Warnung]] · [[M03 Start-Auswahl]]
---
## 10. Offene Fragen
- Kanten-Interaktion (Klick-Verbinden vs. nur Ziehen) + Auto-Layout-Verhalten → Subframe-Iterationen
- Dry-Run-Schwelle: Default-Wert → Dev
## 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)*
@@ -1,41 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S01
screen: Automation-Liste
typ: Liste
umsetzung: Bauen
status: Validiert
route: "/automations"
subframe: ""
---
# S01 — Automation-Liste
## Ziel
Alle Automationen im Blick: Was läuft, was ist pausiert, was tut wie oft?
## Was das Tool können muss
- Zeile: Name · Auslöser (Klartext) · Status-Pill (aktiv/pausiert/Entwurf) · Läufe (30 Tage) · letzte Ausführung
- »nur meine«-Filter · Anomalie-Pause-Banner
- »+ Neue Automation« → Start-Auswahl (WF-P12 Flow-Editor M03) · Zeile öffnen → Editor · Läufe → [[S02 Lauf-Liste]]
- Zeilen-Aktion »als Vorlage speichern« → [[S04 Vorlagen-Katalog]]
## Pattern / Archetyp
A2 Liste.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leer | »Noch keine Automationen« + Start-Knopf | Nur dokumentieren |
| Laden / Fehler / kein Zugriff | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -1,40 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S02
screen: Lauf-Liste
typ: Liste
umsetzung: Bauen
status: Validiert
route: "/automations/:id/executions"
subframe: ""
---
# S02 — Lauf-Liste
## Ziel
Was hat diese Automation zuletzt getan?
## Was das Tool können muss
- Letzte Läufe: Zeit · Status-Pill (ok/fehlgeschlagen/übersprungen) · Klartext-Summary · Probelauf-Marker · Dauer
- Filter: Status, Datum, Auslöser-Typ
- Zeile öffnen → [[S03 Lauf-Detail]]
## Pattern / Archetyp
A2 Liste.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Leer | »Noch keine Läufe« | Nur dokumentieren |
| Laden / Fehler | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -1,42 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S03
screen: Lauf-Detail
typ: Detail + Timeline
umsetzung: Bauen
status: Validiert
route: "/automations/:id/executions/:exec_id"
subframe: ""
---
# S03 — Lauf-Detail
## Ziel
Jeden Lauf Schritt für Schritt nachvollziehen — und Fehler rückgängig machen.
## Was das Tool können muss
- Kopf: Klartext-Summary + Auslöser-Daten **lesbar** (kein rohes JSON) + Probelauf-Marker
- **Schritt-für-Schritt-Timeline**: je Schritt Klartext (»E-Mail an max@… gesendet«), Status, Ein-/Ausgabe lesbar, Dauer
- **24-h-Rückgängig-Knopf mit Countdown** (Restzeit sichtbar; danach ausgegraut + Hinweis)
- Fehlgeschlagenen Schritt **erneut ausführen** · **»ab Schritt X fortsetzen«**
## Pattern / Archetyp
A3 + Timeline.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Schritt fehlgeschlagen | roter Marker + Klartext-Fehler + Retry daneben | Nur dokumentieren |
| Rückgängig abgelaufen | Knopf grau + »nur 24 h möglich« | Nur dokumentieren |
| Laden / Fehler | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -1,39 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S04
screen: Vorlagen-Katalog
typ: Liste/Karten
umsetzung: Bauen
status: Validiert
route: "/automations/templates"
subframe: ""
---
# S04 — Vorlagen-Katalog
## Ziel
Fertige SHK-Automationen zum Sofort-Nutzen — plus eigene Vorlagen des Betriebs.
## Was das Tool können muss
- Vorlagen-Karten nach Kategorie: Name · Use-Case-Beschreibung · Nutzungs-Anzahl · **»Verwenden«** (öffnet Editor vorbefüllt)
- SHK-Vorlagen (geseedet) + eigene (»aus Automation erstellen« in der Liste)
- Wird auch in der Start-Auswahl (Flow-Editor M03) eingebettet
## Pattern / Archetyp
A2 Karten-Liste.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Laden / Fehler | A7 | Wiederverwenden |
## Subframe
- (erst nach explizitem OK)
@@ -1,44 +0,0 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: S05
screen: Baustein-Konfig-Panels
typ: Compose-Panel (eingebettet)
umsetzung: Bauen
status: Validiert
route: "eingebettet im Flow-Editor (rechtes Panel)"
subframe: ""
---
# S05 — Baustein-Konfig-Panels
## Ziel
Das rechte Panel im Flow-Editor: je Baustein-Typ ein Klartext-Formular. Als **Muster** werden zwei Panels gebaut, der Rest folgt dem Schema.
## Was das Tool können muss
- **Typ-abhängige Felder** je Auslöser (Anfrage/Kontakt/Board/E-Mail/Formular/Buchung/Kalender/Zeitplan/Webhook) und je Aktion (Datensatz ändern, Benachrichtigung, HTTP, Aufgabe, Wenn-Dann, Warten, Schleife)
- **Klartext-Labels** (»Wenn eine neue Anfrage aus Quelle … eingeht«) statt Technik-Sprache
- Inline-Validierung (Pflichtfeld fehlt) mit Badge am Baustein
- Muster-Panels (Subframe): Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«
## Pattern / Archetyp
Compose — Formular-Bausteine (A4) im Editor-Panel.
## Zustände
| Zustand | Beschreibung | Umsetzung |
|---|---|---|
| Pflichtfeld fehlt | Inline + Badge am Baustein | Nur dokumentieren |
## Subframe
- (erst nach explizitem OK)
## Notizen
- KWP-Push: nur Registry-Eintrag, kein Konfig-UI (v1-Grenze).
@@ -1,41 +0,0 @@
{
"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":"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},
{"id":"s03","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S03 Lauf-Detail.md","x":1780,"y":0,"width":420,"height":200},
{"id":"s04","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S04 Vorlagen-Katalog.md","x":0,"y":560,"width":420,"height":200},
{"id":"s05","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":580,"y":560,"width":420,"height":200},
{"id":"note-embed","type":"text","text":"# Einbettungen\n\n- S04 steckt auch in der Start-Auswahl (Flow-Editor M03)\n- S05 ist das rechte Panel im Flow-Editor\n- »+ Neue Automation« in S01 → Start-Auswahl (Flow-Editor)","x":1160,"y":560,"width":500,"height":240}
],
"edges":[
{
"id":"e-entry",
"fromNode":"note-entry",
"fromSide":"right",
"toNode":"s01",
"toSide":"left",
"toEnd":"arrow",
"styleAttributes":{"path":"dotted"}
},
{"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-template",
"fromNode":"s01",
"fromSide":"bottom",
"toNode":"s04",
"toSide":"top",
"toEnd":"arrow",
"label":"als Vorlage speichern",
"styleAttributes":{"path":"long-dashed"}
}
],
"metadata":{
"version":"1.0-1.0",
"frontmatter":{}
}
}
@@ -1,110 +0,0 @@
---
kind: wireframe-package
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
typ: Flow
status: Validiert
subframe: ""
canvas: "WF-P12 Verwaltung.canvas"
---
# WF-P12 Verwaltung
Status: Validiert (Screen-Liste)
Subframe-Link: -
Canvas: [Canvas](<WF-P12 Verwaltung.canvas>)
Stand: 2026-07-09
---
## 1. Kurzfassung
Die Nicht-Canvas-Flächen der Automationen: Übersichtsliste, Lauf-Verläufe mit Klartext-Timeline und 24-h-Rückgängig, Vorlagen-Katalog — und die Baustein-Konfig-Panels, die der Flow-Editor einbettet.
---
## 2. Intent Check
| Frage | Antwort |
|---|---|
| Ticket/Modul | D-P12, Dev-Pendant R-P12a/R-P12b |
| Nutzer-Ziel | Überblick behalten, jeden Lauf nachvollziehen, Fehler rückgängig machen |
| Quellen geprüft | `ticket-docs/D-P12.md`, ENTITY-MODEL Domäne 7, HiveGrid Map |
| Sicher im Scope | Liste, Lauf-Liste/-Detail, Vorlagen-Katalog, Konfig-Panel-Inhalte |
| Sicher nicht im Scope | Editor-Canvas (WF-P12 Flow-Editor), KWP-Konfig (v2), Sprach-Eingabe (gestrichen) |
| Unsichere Annahmen | — |
---
## 3. Scope
| Punkt | Inhalt |
|---|---|
| Startpunkt | Sidebar »Automation« |
| Ziel | Automation gefunden, Lauf verstanden, ggf. rückgängig/erneut |
| Haupt-Archetyp | A2 Listen · A3 + Timeline · Compose-Panels |
| Out of scope | s. o. |
---
## 4. Entscheidungen (validiert 2026-07-09)
| Entscheidung | Status | Notiz |
|---|---|---|
| Zwei P12-Pakete | genommen | dieses = Verwaltung |
| Lauf-Detail mit Klartext-Timeline | genommen | je Schritt: was, womit (Input/Output lesbar), wie lange, Ergebnis |
| 24-h-Rückgängig als Countdown-Knopf | genommen | + Retry + »ab Schritt X fortsetzen« |
| 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 — der Editor bettet sie ein; je ein Muster-Panel (Auslöser + Aktion) wird gebaut |
### Meldungs-/Error-States (validiert)
| Ereignis | UI-Form | Blockiert? | Bauen? | Copy/Notiz |
|---|---|---|---|---|
| Lauf fehlgeschlagen | rote Status-Pill + Klartext-Fehler am Schritt | nein | Nur dokumentieren | Retry/Resume direkt daneben |
| Anomalie-Pause | Banner in Liste + Detail | nein | Nur dokumentieren | wie im Editor |
| Rückgängig-Fenster abgelaufen | Knopf ausgegraut + Hinweis | nein | Nur dokumentieren | »Nur 24 h nach Lauf möglich« |
| Leere Liste | Leer-Zustand + »+ Neue Automation« | nein | Nur dokumentieren | → Start-Auswahl (Flow-Editor M03) |
---
## 7. Validierte Screen-Liste
| ID | Screen/Zustand | Typ | Umsetzung | Ort | Status |
|---|---|---|---|---|---|
| S01 | Automation-Liste | Liste | Bauen | `/automations` | Validiert |
| S02 | Lauf-Liste | Liste | Bauen | `/automations/:id/executions` | Validiert |
| S03 | Lauf-Detail (Klartext-Timeline) | Detail + Timeline | Bauen | `…/executions/:exec_id` | Validiert |
| S04 | Vorlagen-Katalog | Liste/Karten | Bauen | `/automations/templates` | Validiert |
| S05 | Baustein-Konfig-Panels (Muster Auslöser + Aktion) | Compose-Panel | Bauen | eingebettet im Flow-Editor | Validiert |
| D01–D04 | Zustände (s. Tabelle) | Inline/Banner | Nur dokumentieren | — | Validiert |
---
## 8. Grid
```text
Sidebar -> S01 (Liste) -> S02 (Laeufe) -> S03 (Lauf-Detail: Timeline, 24h-Undo, Retry, Resume)
S01 -> "+ Neue Automation" -> M03 (Start-Auswahl, WF-P12 Flow-Editor)
S04 (Vorlagen) <- "aus Automation erstellen" (S01)
S05 (Konfig-Panels) -> eingebettet in Flow-Editor S01
```
---
## 9. Screen-Pakete
- [[S01 Automation-Liste]] · [[S02 Lauf-Liste]] · [[S03 Lauf-Detail]] · [[S04 Vorlagen-Katalog]] · [[S05 Baustein-Konfig-Panels]]
---
## 10. Offene Fragen
- Welche zwei Muster-Panels für S05 (Vorschlag: Auslöser »Neue Anfrage« + Aktion »Aufgabe anlegen«) → beim Subframe-Bau
## 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)*
@@ -0,0 +1,44 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M03
screen: Start-Auswahl
typ: Modal
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "»+ Neue Automation« aus der Automation-Liste"
subframe_name: "M03 Start-Auswahl"
subframe_page_id: "03d42bf8-7624-4286-8e38-54a3ea605b14"
subframe: "https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit"
reference_name: "M03 Start-Auswahl V3"
reference_page_id: "c8291109-a683-454c-8de6-f36b524b3254"
reference: "https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit"
source_checked: 2026-08-04
---
# M03 — Start-Auswahl
## Ziel und Rolle im Flow
Direkt nach „+ Neue Automation“ in [[S01 Automation-Liste]] entscheiden, ob ein leerer Ablauf oder eine Beispielvorlage als Ausgangspunkt verwendet wird.
## Finaler Screen
Die Subframe-Seite ohne Versionssuffix ist die finale Auswahl. Das Modal stellt zwei gleichwertige, verständliche Wege nebeneinander:
- **Leer starten:** leerer Ablauf, Bausteine werden anschließend selbst hinzugefügt.
- **Mit Vorlage starten:** die Beispielvorlage „Neue Anfrage direkt nachfassen“ mit sichtbarer Schrittfolge aus Formular, Aufgabe und Benachrichtigung.
- Beide Wege führen in [[S01 Flow-Editor]].
- Ein kurzer Hinweis macht klar, dass jeder Ablauf später vollständig angepasst werden kann.
## Verbliebene Referenz
[M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) bleibt als Vergleichsseite im Workflow-Engine-Flow. Sie zeigt den breiteren Ansatz mit großem Leerstart, Filter Bar und vier Vorlagen, ist aber nicht die final umbenannte Zielseite.
## Subframe
- [Finalen Screen öffnen](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit)
- [Vergleichsseite V3 öffnen](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit)
- [Workflow-Engine-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,38 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M04
screen: Automation aktivieren
subframe_name: "M04 Automation aktivieren"
subframe_page_id: "e30af8dc-37f4-4634-a332-fdd17219432b"
typ: Bestätigungsmodal
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "Aktiv-Schalter in S01 Flow-Editor"
subframe: "https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit"
source_checked: 2026-08-04
---
# M04 — Automation aktivieren
## Ziel und Rolle im Flow
Vor dem produktiven Aktivieren noch einmal verständlich machen, was der Schalter bewirkt. Das Modal liegt zwischen der Aktion im [[S01 Flow-Editor]] und der tatsächlichen Zustandsänderung.
## Sichtbarer Umfang
- Klare Frage „Automation aktivieren?“.
- Hinweis, dass neue passende Auslöser ab jetzt Läufe starten und verbundene Schritte produktiv ausgeführt werden.
- Automationsname und zugehöriger Auslöser als kurzer Kontext.
- Sekundäraktion „Abbrechen“ und Primäraktion „Automation aktivieren“.
## Bewusste Outline-Grenze
Voraussetzungen, Rechte, technische Validierung und Fehlerzustände werden nicht als weitere Design-Screens ausdefiniert. Diese Fälle gehören in die Umsetzung; das Modal definiert nur die produktrelevante Entscheidung und ihre verständliche Konsequenz.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,39 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: M05
screen: Automation pausieren
subframe_name: "M05 Automation pausieren"
subframe_page_id: "9a9cde02-ccc5-4128-b79e-e351fee17318"
typ: Bestätigungsmodal
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "Aktiv-Schalter in S01 Flow-Editor"
subframe: "https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit"
source_checked: 2026-08-04
---
# M05 — Automation pausieren
## Ziel und Rolle im Flow
Vor dem Pausieren erklären, welche unmittelbare Wirkung die Zustandsänderung hat. Das Modal liegt zwischen der Aktion im [[S01 Flow-Editor]] und der tatsächlichen Zustandsänderung.
## Sichtbarer Umfang
- Klare Frage „Automation pausieren?“.
- Hinweis, dass passende Auslöser während der Pause keine neuen Läufe starten.
- Automationsname und aktueller Status als kurzer Kontext.
- Sekundäraktion „Weiterlaufen lassen“ und Primäraktion „Automation pausieren“.
- Warnende, aber nicht destruktiv-rote Darstellung: Pausieren ist reversibel.
## Bewusste Outline-Grenze
Was mit bereits laufenden Ausführungen, zeitgleichen Ereignissen oder technischen Fehlern passiert, entscheidet die Umsetzung. Dafür werden im Designpaket keine zusätzlichen Zustands- oder Error-Screens angelegt.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,57 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01
screen: Flow-Editor
subframe_name: "V1 Vollbild minimal"
subframe_page_id: "ae9f5d91-1153-44de-9af3-63010bc86162"
typ: BESPOKE
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "/automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit"
source_checked: 2026-08-04
---
# S01 — Flow-Editor ⭐
## Ziel und Rolle im Flow
Automationen auf einer Vollbild-Zeichenfläche zusammenstellen. Diese Obsidian-Seite dokumentiert den gebauten leeren Editorzustand; ein eigener Referenzscreen „gefüllter Editor“ wird nicht benötigt.
## Sichtbare Struktur
- App-Shell mit Breadcrumb und Sidebar.
- Kopfzeile mit Automationsname, Status „Aktiv“, Aktiv-Schalter, Verlauf und Mehr-Menü.
- Modus-Umschalter „Bauen / Aktivität / Auswertung“.
- Leerer Canvas ohne mittigen Hinzufügen-Platzhalter.
- Übersicht unten links sowie Undo/Redo, Zoom und Probelauf in der Bottom-Toolbar.
- Einziger sichtbarer Plus-Einstieg zum Hinzufügen unten rechts.
## Aktionen und Verknüpfungen
- Neue Automation beginnt über [[M03 Start-Auswahl]].
- Das Plus unten rechts öffnet [[S01b Baustein-Picker]].
- Rechtsklick auf die Zeichenfläche öffnet [[S01c Canvas-Kontextmenue]].
- Ein gewählter Baustein öffnet einen der 32 individuellen Konfigurationsscreens aus [[S05 Baustein-Konfig-Panels]].
- „Aktivität“ soll zur eigenständigen [[S02 Lauf-Liste]] führen; die genaue Umschalter-Copy wird gemeinsam validiert.
- Der Aktiv-Schalter öffnet vor der Zustandsänderung [[M04 Automation aktivieren]] oder [[M05 Automation pausieren]].
## Scope-Entscheidung 2026-08-03
- Kein eigener S01d-Screen für gefüllte Knoten/Kanten.
- Kein eigener Probelauf-Screen im Obsidian-Paket.
- Kein eigener Schleifen-/Ratenwarnungs-Screen im Obsidian-Paket.
- Kein doppelter Plus-CTA in der Canvas-Mitte; das Plus unten rechts reicht als sichtbarer Haupteinstieg.
- Diese Funktionen dürfen technisch im Produkt bestehen, werden aber nicht als separate zu bauende Design-Screens geführt.
## Offener Reviewpunkt
Der Subframe-Entwurf zeigt zusätzlich „Auswertung“. Dieser Modus besitzt aktuell keinen eigenen P12-Screen. Beim gemeinsamen Review entscheiden wir, ob er entfernt, später reserviert oder anders benannt wird.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01b
screen: Baustein-Picker
subframe_name: "S01b Baustein-Picker vollst_ndig"
subframe_page_id: "83c4fbde-b040-4bc3-80a6-3c5d7b1f626b"
typ: Drawer
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "aus S01 (Baustein hinzufügen)"
subframe: "https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit"
source_checked: 2026-08-04
---
# S01b — Baustein-Picker
## Ziel und Rolle im Flow
Seitlicher 480-px-Drawer zum Suchen und Hinzufügen eines Bausteins in [[S01 Flow-Editor]]. Die zusätzliche Breite hält Namen, Kurzbeschreibung und Statuskennzeichen lesbar, ohne den Editor vollständig zu verdecken.
## Aktueller Subframe-Inhalt
- Suche „Baustein suchen …“.
- Kompakte Filter: Alle 31, Auslöser 16, Aktionen 6, Logik 8 und Integration 1.
- Alle 31 fachlichen Bausteine sind vorhanden; die Liste scrollt innerhalb des Drawers.
- Name, Kurzbeschreibung und Kategorie pro Baustein; „Ab v2“ und „Profi“ bleiben dort sichtbar, wo sie für die Auswahl relevant sind.
- Durchgehend Du-Ansprache.
## Verknüpfungen
Ein Klick führt zum passenden individuellen Konfigurationsscreen. Der vollständige Bestand liegt in [[S05 Baustein-Konfig-Panels]] und ist im Verwaltungs-Canvas nach Kategorien gruppiert. Dort existieren 32 Seiten, weil „Zeitplan monatlich“ eine bedeutsame Zustandsvariante des Bausteins „Zeitplan“ ist und kein eigener Picker-Eintrag.
## Verifizierter Abgleich
- 31/31 erwartete Bausteinnamen im Subframe-Readback gefunden.
- „Frist oder Termin“ ersetzt die zwei alten Einträge „Termin in Kürze“ und „Zahlungsziel überschritten“.
- Kein eigener Eintrag für die Monatsvariante und kein v1-Konfigurationsdialog für „An KWP übergeben“.
- Der alte unvollständige 12er-Picker wurde nach dem Abgleich aus Subframe entfernt.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,40 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
id: S01c
screen: Canvas-Kontextmenue
subframe_name: "Kontextmenue Canvas"
subframe_page_id: "2278da93-f0a2-4e46-bd3b-250d5912a62d"
typ: Kontextmenue
umsetzung: Bauen
status: Fertig / Development-Handoff
route: "Rechtsklick auf die Zeichenfläche in S01"
subframe: "https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit"
source_checked: 2026-08-04
---
# S01c — Canvas-Kontextmenü
## Ziel und Rolle im Flow
Schneller Zugriff auf die häufigsten Bearbeitungsaktionen per Rechtsklick in [[S01 Flow-Editor]].
## Sichtbare Aktionen
- Baustein hinzufügen und Einfügen.
- Rückgängig und Wiederholen.
- Ausschneiden, Kopieren und Duplizieren.
- Alles auswählen und automatisch anordnen.
- Löschen als destruktive Aktion.
- Tastenkürzel werden direkt neben den Aktionen gezeigt.
## Scope
Das vorhandene Canvas-Kontextmenü ist die einzige separate Kontextmenü-Referenz. Ein zusätzlicher eigener Screen für Knoten/Kanten wird nicht geführt.
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,32 @@
{
"nodes":[
{"id":"1000000000000001","type":"group","x":-80,"y":-120,"width":3600,"height":720,"color":"5","label":"Flow-Editor · Ablauf, Varianten und Toggle-Bestätigungen"},
{"id":"1000000000000002","type":"group","x":1330,"y":960,"width":1590,"height":380,"color":"3","label":"Verknüpfte Verwaltung"},
{"id":"1000000000000003","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/WF-P12 Flow-Editor.md","x":-80,"y":-440,"width":460,"height":260},
{"id":"1000000000000004","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste öffnet die Start-Auswahl.","x":0,"y":0,"width":420,"height":180},
{"id":"1000000000000005","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":840,"y":-5,"width":400,"height":180},
{"id":"1000000000000007","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md","x":2350,"y":-50,"width":420,"height":170},
{"id":"1000000000000009","type":"file","file":"02 Wireframes/P12 Verwaltung/WF-P12 Verwaltung/Screens/S05 Baustein-Konfig-Panels.md","x":2990,"y":-10,"width":500,"height":180,"color":"5"},
{"id":"1000000000000006","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1640,"y":-10,"width":420,"height":180},
{"id":"100000000000000d","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M05 Automation pausieren.md","x":820,"y":365,"width":400,"height":170},
{"id":"100000000000000c","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/M04 Automation aktivieren.md","x":-20,"y":370,"width":400,"height":170},
{"id":"1000000000000008","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md","x":2310,"y":370,"width":420,"height":170},
{"id":"100000000000000a","type":"file","file":"02 Wireframes/P12 Verwaltung/WF-P12 Verwaltung/Screens/S02 Lauf-Liste.md","x":1640,"y":1080,"width":420,"height":180},
{"id":"100000000000000b","type":"text","text":"# Finaler Scope\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.\n\nM03 ohne Versionssuffix ist final: »Leer starten« oder eine Beispielvorlage. M03 V3 bleibt Referenz. M04/M05 sind Bestätigungsmodale; der Picker enthält 31/31 Bausteine. Beide Flows zusammen: 44 Seiten.","x":2230,"y":1040,"width":540,"height":220}
],
"edges":[
{"id":"2000000000000001","fromNode":"1000000000000004","fromSide":"right","toNode":"1000000000000005","toSide":"left","label":"+ Neue Automation"},
{"id":"2000000000000002","fromNode":"1000000000000005","fromSide":"right","toNode":"1000000000000006","toSide":"left","label":"Leer starten oder Beispielvorlage"},
{"id":"2000000000000003","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000007","toSide":"left","label":"Baustein hinzufügen"},
{"id":"2000000000000004","toFloating":false,"fromFloating":false,"fromNode":"1000000000000006","fromSide":"bottom","toNode":"1000000000000008","toSide":"top","label":"Rechtsklick"},
{"id":"2000000000000005","fromNode":"1000000000000007","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Baustein wählen"},
{"id":"2000000000000006","fromNode":"1000000000000006","fromSide":"right","toNode":"1000000000000009","toSide":"left","label":"Konfiguration öffnen"},
{"id":"2000000000000007","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000a","toSide":"top","label":"Aktivität"},
{"id":"2000000000000008","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000c","toSide":"top","label":"Aktivieren"},
{"id":"2000000000000009","fromNode":"1000000000000006","fromSide":"bottom","toNode":"100000000000000d","toSide":"top","label":"Pausieren"}
],
"metadata":{
"version":"1.0-1.0",
"frontmatter":{}
}
}
@@ -0,0 +1,67 @@
---
kind: wireframe-package
project: HiveGrid Screen Project
ticket: D-FLOW
package: WF-P12 Flow-Editor
typ: Flow
status: Fertig / Development-Handoff
subframe: "https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit"
canvas: "WF-P12 Flow-Editor.canvas"
source_checked: 2026-08-04
---
# WF-P12 Flow-Editor
Subframe-Flow: [WF-P12 Workflow Engine](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
Canvas: [Canvas](<WF-P12 Flow-Editor.canvas>)
## Kurzfassung
Der aktuelle Workflow-Engine-Flow umfasst **39 Subframe-Seiten**: sechs finale Editor-/Modal-Seiten, die verbliebene Vergleichsseite `M03 Start-Auswahl V3` und 32 Konfigurationsdialoge. Der separate Verwaltungs-Flow enthält fünf finale Seiten. Damit sind **44 aktuelle P12-Seiten** vollständig inventarisiert und im gemeinsamen Workflow-Engine-Handoff erfasst.
Die Subframe-Seite ohne Versionssuffix ist jeweils die finale Auswahl. Für M03 ist das die reduzierte Zwei-Wege-Auswahl mit „Leer starten“ oder einer Beispielvorlage. `M03 Start-Auswahl V3` bleibt im Flow als Referenz, ist aber nicht die finale Zielseite.
## Finaler Scope
- [[M03 Start-Auswahl]] — finales Anlege-Modal mit den zwei Wegen „Leer starten“ und „Mit Vorlage starten“.
- [[S01 Flow-Editor]] — leerer Vollbild-Editor.
- [[S01b Baustein-Picker]] — Drawer mit allen 31 fachlichen Bausteinen.
- [[S01c Canvas-Kontextmenue]] — Kontextmenü der Zeichenfläche.
- [[M04 Automation aktivieren]] — Bestätigung vor dem produktiven Einschalten.
- [[M05 Automation pausieren]] — Bestätigung vor dem Pausieren.
- Die 32 Konfigurationsdialoge liegen einzeln in WF-P12 Verwaltung und sind über [[S05 Baustein-Konfig-Panels]] erschlossen.
## Entfernt aus dem Screen-Scope
- Kein eigener gefüllter Editor-Screen.
- Kein eigener Probelauf-Screen.
- Kein eigener Schleifen-/Ratenwarnungs-Screen.
Diese Funktionen dürfen technisch vorhanden sein, sind aber keine separat zu pflegenden Design-Screens.
## Flow
```text
Automation-Liste -> M03 Start-Auswahl -> S01 Flow-Editor
S01 -> S01b Baustein-Picker -> individueller Konfigurationsdialog
S01 -> S01c Canvas-Kontextmenü
S01 -> Aktiv-Schalter -> M04 Automation aktivieren oder M05 Automation pausieren
S01 -> Aktivität -> S02 Lauf-Liste
```
## Aktueller Seitenbestand
| Rolle | Subframe-Seite | Stand |
|---|---|---|
| S01 Flow-Editor | [V1 Vollbild minimal](https://app.subframe.com/f023064a5ca0/design/ae9f5d91-1153-44de-9af3-63010bc86162/edit) | Final |
| S01b Baustein-Picker | [S01b Baustein-Picker vollst_ndig](https://app.subframe.com/f023064a5ca0/design/83c4fbde-b040-4bc3-80a6-3c5d7b1f626b/edit) | Final |
| S01c Canvas-Kontextmenü | [Kontextmenue Canvas](https://app.subframe.com/f023064a5ca0/design/2278da93-f0a2-4e46-bd3b-250d5912a62d/edit) | Final |
| M03 Start-Auswahl | [M03 Start-Auswahl](https://app.subframe.com/f023064a5ca0/design/03d42bf8-7624-4286-8e38-54a3ea605b14/edit) | Final |
| M04 Automation aktivieren | [M04 Automation aktivieren](https://app.subframe.com/f023064a5ca0/design/e30af8dc-37f4-4634-a332-fdd17219432b/edit) | Final |
| M05 Automation pausieren | [M05 Automation pausieren](https://app.subframe.com/f023064a5ca0/design/9a9cde02-ccc5-4128-b79e-e351fee17318/edit) | Final |
| M03 Vergleich | [M03 Start-Auswahl V3](https://app.subframe.com/f023064a5ca0/design/c8291109-a683-454c-8de6-f36b524b3254/edit) | Verbleibende Referenz, nicht Zielseite |
| Baustein-Konfiguration | [32 Dialogseiten im Flow](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit) | Development-Handoff |
## Handoff
Das Paket ist Teil des gemeinsamen fertigen Tickets `D-FLOW + D-P12 Workflow Engine`. Die vollständige UUID- und Linkliste aller 39 Seiten steht dort sowie im [[Screen Paket Tracker]].
+51
View File
@@ -0,0 +1,51 @@
# Abschluss — Workflow Engine (P12)
Status: **Fertig / Development-Handoff am 2026-08-04**
Detailwahrheit: [[WF-P12 Flow-Editor]], [[WF-P12 Verwaltung]], [[S05 Baustein-Konfig-Panels]], [[S05a Baustein-Konfig Vorplanung]] und [[Screen Paket Tracker]].
## Finaler Subframe-Bestand
- [x] Beide Flows vollständig per MCP neu eingelesen.
- [x] **39 Seiten** in „WF-P12 Workflow Engine“ inventarisiert.
- [x] **5 Seiten** in „(MCP) WF-P12 Verwaltung“ inventarisiert.
- [x] **44/44 aktuelle Subframe-Seiten** mit Obsidian, Direktlinks und Canvas-Beziehungen abgeglichen.
- [x] Alle fünf Verwaltungsseiten tragen finale Namen ohne Versionssuffix.
- [x] „S04 Vorlagen-Katalog“ in Obsidian und Subframe als [[M04 Vorlagen-Katalog]] geführt.
- [x] Finale [[M03 Start-Auswahl]] auf Page-ID 03d42bf8-7624-4286-8e38-54a3ea605b14 umgestellt.
- [x] Finale [[S06 Zugangsdaten]] auf Page-ID b183c6bf-9674-4e97-86d7-d7a8ef9ab17b umgestellt.
- [x] „M03 Start-Auswahl V3“ als verbliebene Vergleichsseite im vollständigen Inventar dokumentiert.
- [x] Alte Verwaltungsvarianten sind nicht mehr Bestandteil des aktuellen Subframe-Flows.
## Finale Screens
- [x] [[S01 Flow-Editor]]
- [x] [[S01b Baustein-Picker]]
- [x] [[S01c Canvas-Kontextmenue]]
- [x] [[M03 Start-Auswahl]]
- [x] [[M04 Automation aktivieren]]
- [x] [[M05 Automation pausieren]]
- [x] [[S01 Automation-Liste]]
- [x] [[S02 Lauf-Liste]]
- [x] [[S03 Lauf-Detail]]
- [x] [[M04 Vorlagen-Katalog]]
- [x] [[S06 Zugangsdaten]]
- [x] 32 Konfigurationsdialoge aus [[S05 Baustein-Konfig-Panels]]
## Bewusst nicht als eigener Screen
- Gefüllter Editor.
- Probelauf.
- Schleifen-/Ratenwarnung.
- Zusätzliche Detail- und Error-Flows für Zugangsdaten.
## Nicht blockierende Development-Hinweise
- Die Live-Seitennamen „K-T2 Deadline naht“ und „K-A1 Kontakt aendern“ weichen von den im sichtbaren Inhalt und Picker verwendeten Produktnamen „Frist oder Termin“ und „Datensatz ändern“ ab.
- [[K-L1 Filter]] verwendet noch die breite Dialogvariante.
- Time-Picker sowie echte Kategorievarianten Rot/Gelb bleiben Baukasten-Themen.
- Subframe bildet die Interaktionen statisch ab; Routing, Rechte und technische Sonderfälle vervollständigt Development.
## Ablage
Der kompakte Handoff liegt unter „Tickets/Fertige Tickets/D-FLOW Workflow Engine.md“ und umfasst beide Subframe-Flows sowie die vollständige Liste aller 44 aktuellen Seiten.
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a1-datensatz-andern
screen: "Datensatz ändern"
subframe_name: "K-A1 Kontakt aendern"
subframe_page_id: "69019ec4-d884-4d89-b699-d67a6ec99c7f"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/69019ec4-d884-4d89-b699-d67a6ec99c7f/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.745Z"
---
# K-A1 — Datensatz ändern
## Ziel und Rolle im Flow
Aktualisiert einen Datensatz (Kontakt, Projekt oder Auftrag). Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Welcher Datensatz** · **Feld** · **Neuer Wert**.
- Erklärungen: Meistens der Datensatz, der die Automation gestartet hat.
- Beispieloptionen: Datensatz aus dem Auslöser, Primärkontakt des Projekts, Manuell auswählen, Status, Betreuer, Telefonnummer, E-Mail.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Aktion**.
- Weitere sichtbare Zustände/Hinweise: Feld-Zuordnungen · &#123;&#123;Mitarbeiter aus Auslöser&#125;&#125;.
## Aktionen und Verknüpfungen
- **Zuordnung hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Der sichtbare Inhalt heißt bereits **„Datensatz ändern“**. Nur der Subframe-Seitenname ist noch veraltet und muss dort manuell umbenannt werden.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/69019ec4-d884-4d89-b699-d67a6ec99c7f/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a1-notiz-anlegen
screen: "Notiz anlegen"
subframe_name: "K-A1 Notiz anlegen"
subframe_page_id: "a94188de-7a32-4e7d-a608-04cd47f2cbf2"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a94188de-7a32-4e7d-a608-04cd47f2cbf2/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:16:26.944Z"
---
# K-A1 — Notiz anlegen
## Ziel und Rolle im Flow
Speichert eine Notiz am Datensatz. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Notiz speichern an** · **Notiztext** * · **Sichtbar für (optional)**.
- Erklärungen: An diesem Datensatz erscheint die Notiz in der Akte. · Der Text der Notiz. Platzhalter in geschweiften Klammern werden beim Lauf ersetzt. Pflichtfeld. · Wer die Notiz sehen darf.
- Beispieloptionen: Kontakt aus dem Auslöser, Auftrag aus dem Auslöser, Projekt aus dem Auslöser, Alle im Betrieb, Nur Innendienst, Nur ich.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Aktion**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a94188de-7a32-4e7d-a608-04cd47f2cbf2/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,50 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a2-benachrichtigung-senden
screen: "Benachrichtigung senden"
subframe_name: "K-A2 Benachrichtigung senden"
subframe_page_id: "a0a46df7-4f24-4e36-98ab-c4772ecf2e63"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a0a46df7-4f24-4e36-98ab-c4772ecf2e63/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:21:45.433Z"
---
# K-A2 — Benachrichtigung senden
## Ziel und Rolle im Flow
Informiert dich oder dein Team per Push oder in der App. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Weg** · **Empfänger** * · **Titel** · **Nachricht** *.
- Erklärungen: Push aufs Handy oder als Hinweis in der App. Für Kunden-E-Mails nutze den Baustein »E-Mail senden«. · Wer im Betrieb die Benachrichtigung bekommt. Pflichtfeld. · Die Überschrift der Benachrichtigung. · Der Text der Benachrichtigung. Platzhalter wie {{Vorname}} werden beim Versand ersetzt. Pflichtfeld.
- Beispieloptionen: Push (Handy), In-App (Glocke), Beide, Ich, Bestimmte Person, Team, Verantwortliche/r aus dem Auslöser.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Aktion**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Das Nachrichtenfeld ist im Subframe-Stand schmaler als die übrigen Felder; die Baukasten-Variante „volle Breite + feste Höhe“ bleibt offen.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a0a46df7-4f24-4e36-98ab-c4772ecf2e63/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a2-e-mail-senden
screen: "E-Mail senden"
subframe_name: "K-A2 E-Mail senden"
subframe_page_id: "a7f4debc-2e00-4f32-937a-bc85636a30ba"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/a7f4debc-2e00-4f32-937a-bc85636a30ba/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T19:33:58.383Z"
---
# K-A2 — E-Mail senden
## Ziel und Rolle im Flow
Schickt eine E-Mail an einen Kontakt. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Empfänger** * · **Absender** * · **Betreff** * · **Nachricht** *.
- Erklärungen: An diese Person geht die E-Mail. Pflichtfeld. · Von dieser Adresse wird gesendet. Pflichtfeld. · Die Betreffzeile. Pflichtfeld. · Der Text der E-Mail. Platzhalter wie {{Vorname}} werden beim Versand ersetzt. Pflichtfeld.
- Beispieloptionen: Kontakt aus dem Auslöser, Bestimmte E-Mail-Adresse, Kontakt suchen, info@betrieb.de, service@betrieb.de, angebot@betrieb.de.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Aktion**.
- Weitere sichtbare Zustände/Hinweise: Optional, zum Beispiel ein PDF-Angebot oder Datenblatt.
## Aktionen und Verknüpfungen
- **Anhang hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Das Nachrichtenfeld ist im Subframe-Stand schmaler als die übrigen Felder; die Baukasten-Variante „volle Breite + feste Höhe“ bleibt offen.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/a7f4debc-2e00-4f32-937a-bc85636a30ba/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a3-aufgabe-anlegen
screen: "Aufgabe anlegen"
subframe_name: "K-A3 Aufgabe anlegen"
subframe_page_id: "9d9f2a55-0d46-4644-ac9f-c63721262fdb"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/9d9f2a55-0d46-4644-ac9f-c63721262fdb/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.762Z"
---
# K-A3 — Aufgabe anlegen
## Ziel und Rolle im Flow
Erstellt eine neue Aufgabe. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Aufgabentitel** · **Verantwortlich** * · **Fälligkeit** · **Priorität**.
- Erklärungen: So heißt die Aufgabe in der Aufgabenliste. Platzhalter werden ersetzt. · Diese Person oder dieses Team bekommt die Aufgabe. Pflichtfeld. · Bis wann die Aufgabe erledigt sein soll. · Wie dringend die Aufgabe einsortiert wird.
- Beispieloptionen: Team Vertrieb, Team Montage, Team Service, Büro, Sofort, 1 Tag nach Auslöser, 3 Tage nach Auslöser, 1 Woche nach Auslöser, Niedrig, Normal … (+1).
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Aktion**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/9d9f2a55-0d46-4644-ac9f-c63721262fdb/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-a3-aufgabe-zuweisen
screen: "Aufgabe zuweisen"
subframe_name: "K-A3 Aufgabe zuweisen"
subframe_page_id: "94ccafb9-b3d2-4256-907c-f7a95632945a"
typ: "Aktion · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/94ccafb9-b3d2-4256-907c-f7a95632945a/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.766Z"
---
# K-A3 — Aufgabe zuweisen
## Ziel und Rolle im Flow
Ordnet eine Aufgabe einer Person oder einem Team zu. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Welche Aufgabe** · **Neue Verantwortung** * · **Benachrichtigung an (optional)**.
- Erklärungen: Meistens die Aufgabe, die ein früherer Baustein angelegt hat. · Diese Person oder dieses Team übernimmt die Aufgabe. Pflichtfeld. · Wer über die Zuweisung informiert wird.
- Beispieloptionen: Aufgabe aus dem vorherigen Schritt, Bestimmte Aufgabe auswählen, Team Kundendienst, Team Montage, Projektleiter, Ersteller der Aufgabe, Neue Verantwortung, Bisherige Verantwortung, Beide, Niemand.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Aktion**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/94ccafb9-b3d2-4256-907c-f7a95632945a/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-i1-http-anfrage
screen: "HTTP-Anfrage"
subframe_name: "K-I1 HTTP-Anfrage"
subframe_page_id: "b41d53ea-a101-41c5-8950-cca4fc57ed90"
typ: "Integration · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T18:30:24.213Z"
---
# K-I1 — HTTP-Anfrage
## Ziel und Rolle im Flow
Ruft einen externen Dienst auf. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Adresse (URL)** * · **Methode** · **Name** · **Wert** · **Daten (optional)**.
- Erklärungen: Die Adresse des externen Dienstes. Pflichtfeld. · GET holt Daten, POST sendet Daten — im Zweifel steht es in der Anleitung des Dienstes. · Diese Daten werden mitgeschickt. Platzhalter sind erlaubt.
- Beispieloptionen: GET, POST, PUT, DELETE.
- Dialogbreite im aktuellen Stand: **Large**.
- Sichtbare Badges: **Integration** · **Profi-Baustein**.
- Weitere sichtbare Zustände/Hinweise: Kopfzeilen (optional) · Zugangsdaten oder Format-Angaben für den Dienst.
## Aktionen und Verknüpfungen
- **Kopfzeile hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Als **Profi-Baustein** gekennzeichnet; technische Details werden in Klartext erklärt.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextArea`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b41d53ea-a101-41c5-8950-cca4fc57ed90/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,50 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l1-filter
screen: "Filter"
subframe_name: "K-L1 Filter"
subframe_page_id: "d7adb2e6-e7b2-412a-9b3e-884e1968c7d8"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/d7adb2e6-e7b2-412a-9b3e-884e1968c7d8/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:32:29.851Z"
---
# K-L1 — Filter
## Ziel und Rolle im Flow
Lässt nur passende Datensätze weiter. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Feld** · **Vergleich** · **Wert**.
- Beispieloptionen: PLZ, Status, Name, E-Mail, beginnt mit, ist gleich, enthält, ist nicht gleich.
- Dialogbreite im aktuellen Stand: **Large**.
- Sichtbare Badges: **Logik**.
- Weitere sichtbare Zustände/Hinweise: Bedingungen.
## Aktionen und Verknüpfungen
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Der Dialog steht im aktuellen Subframe-Code noch auf `large`; Ziel laut Review ist `medium`.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/d7adb2e6-e7b2-412a-9b3e-884e1968c7d8/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l1-oder
screen: "Oder"
subframe_name: "K-L1 Oder"
subframe_page_id: "6c360480-f4cf-4f3f-85ff-2a9bab994ed0"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6c360480-f4cf-4f3f-85ff-2a9bab994ed0/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.798Z"
---
# K-L1 — Oder
## Ziel und Rolle im Flow
Wenn mindestens eine Bedingung zutrifft. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Feld** · **Vergleich** · **Wert**.
- Beispieloptionen: Auftragswert, Kundentyp, Region, Priorität, ist gleich, ist größer als, ist kleiner als, enthält.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Logik** · **Eine reicht**.
- Weitere sichtbare Zustände/Hinweise: Bedingungen · Es reicht, wenn EINE der Zeilen zutrifft. · ODER · Ausgänge · Ja · Mindestens eine Bedingung trifft zu · Nein · Keine der Bedingungen trifft zu.
## Aktionen und Verknüpfungen
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6c360480-f4cf-4f3f-85ff-2a9bab994ed0/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,47 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l1-switch
screen: "Switch"
subframe_name: "K-L1 Switch"
subframe_page_id: "879e169d-839c-450b-adc6-c01a9d3cc2fd"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/879e169d-839c-450b-adc6-c01a9d3cc2fd/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.830Z"
---
# K-L1 — Switch
## Ziel und Rolle im Flow
Verzweigt in mehrere Wege. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Feld prüfen**.
- Erklärungen: Der Wert dieses Feldes entscheidet, welcher Weg genommen wird.
- Beispieloptionen: Anfrageart, Gewerk, Priorität, Region.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Logik** · **Weg 1** · **Weg 2** · **Weg 3** · **Sonst**.
- Weitere sichtbare Zustände/Hinweise: Wege · Stimmt der Feldwert mit einem Weg überein, geht es dort weiter. · Wenn nichts zutrifft · Der Sonst-Weg fängt alles Übrige auf.
## Aktionen und Verknüpfungen
- **Weg hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/879e169d-839c-450b-adc6-c01a9d3cc2fd/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l1-und
screen: "Und"
subframe_name: "K-L1 Und"
subframe_page_id: "95c4b661-8070-4fb0-90e5-9a60910a7754"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/95c4b661-8070-4fb0-90e5-9a60910a7754/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.789Z"
---
# K-L1 — Und
## Ziel und Rolle im Flow
Wenn alle Bedingungen zutreffen. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Feld** · **Vergleich** · **Wert**.
- Beispieloptionen: Anlagentyp, Auftragswert, Kundentyp, Region, ist gleich, ist größer als, ist kleiner als, enthält.
- Dialogbreite im aktuellen Stand: **Large**.
- Sichtbare Badges: **Logik** · **Alle nötig** · **Ja** · **Nein**.
- Weitere sichtbare Zustände/Hinweise: Bedingungen · UND · Alle Zeilen müssen zutreffen, sonst geht es den Nein-Weg. · AUSGÄNGE · Alle Bedingungen sind erfüllt. · Mindestens eine Bedingung trifft nicht zu.
## Aktionen und Verknüpfungen
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/95c4b661-8070-4fb0-90e5-9a60910a7754/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l1-wenn-dann
screen: "Wenn-Dann"
subframe_name: "K-L1 Wenn-Dann"
subframe_page_id: "7e6bcf69-2938-4cd3-b060-2e0a9695499f"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/7e6bcf69-2938-4cd3-b060-2e0a9695499f/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-25T16:29:30.901Z"
---
# K-L1 — Wenn-Dann
## Ziel und Rolle im Flow
Verzweigt den Ablauf nach einer Bedingung. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Feld** · **Vergleich** · **Wert**.
- Erklärungen: Das Datenfeld, das für diese Bedingung geprüft wird. · Legt fest, wie Feld und Wert verglichen werden. · Jede Zeile ist eine Bedingung. Alle Zeilen müssen zutreffen.
- Beispieloptionen: Angebotswert, Quelle, Status, Tag, ist größer als, ist gleich, ist kleiner als, enthält.
- Dialogbreite im aktuellen Stand: **Medium**.
- Sichtbare Badges: **Logik**.
- Weitere sichtbare Zustände/Hinweise: Bedingungen · Ja → wenn alle Bedingungen zutreffen · Nein → wenn nicht.
## Aktionen und Verknüpfungen
- **Bedingung hinzufügen** · **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Die früher offene Breitenkorrektur ist bereits umgesetzt: aktueller Stand `medium`.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7e6bcf69-2938-4cd3-b060-2e0a9695499f/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,51 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l2-schleife
screen: "Schleife"
subframe_name: "K-L2 Schleife"
subframe_page_id: "de5b5fa7-bf30-4150-a5b5-5f27d7f37a87"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/de5b5fa7-bf30-4150-a5b5-5f27d7f37a87/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.802Z"
---
# K-L2 — Schleife
## Ziel und Rolle im Flow
Wiederholt die nächsten Schritte für jedes Element. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Liste** · **Höchstens Durchläufe (optional)**.
- Erklärungen: Für jedes Element dieser Liste laufen die Schritte im Weiter-Zweig einmal. · Sicherheitsgrenze, damit die Schleife nicht endlos läuft.
- Beispieloptionen: Alle offenen Aufgaben des Projekts, Alle Kontakte des Projekts, Alle Positionen des Angebots, Alle Termine dieser Woche.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Logik**.
- Weitere sichtbare Zustände/Hinweise: Ausgänge · Weiter · → für jedes Element · Fertig · → wenn alle durch sind.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Varianten und offene Punkte
- Dieser Baustein ist nicht mit dem verworfenen separaten Schleifen-/Raten-Warnscreen zu verwechseln; der Konfigurationsdialog selbst bleibt Bestandteil des Katalogs.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/de5b5fa7-bf30-4150-a5b5-5f27d7f37a87/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l2-warten
screen: "Warten"
subframe_name: "K-L2 Warten"
subframe_page_id: "3b8067ec-1905-4fb6-bafd-e3e414c216b2"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/3b8067ec-1905-4fb6-bafd-e3e414c216b2/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T18:15:44.244Z"
---
# K-L2 — Warten
## Ziel und Rolle im Flow
Pausiert den Ablauf. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Dauer** · **Einheit**.
- Beispieloptionen: Minuten, Stunden, Tage, Wochen.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Logik**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `NumberInput`, `Select`, `ToggleGroup`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/3b8067ec-1905-4fb6-bafd-e3e414c216b2/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,45 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-l2-wert-setzen
screen: "Wert setzen"
subframe_name: "K-L2 Wert setzen"
subframe_page_id: "0c2fae48-e2ab-4103-b111-15a3e120adb1"
typ: "Logik · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/0c2fae48-e2ab-4103-b111-15a3e120adb1/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.857Z"
---
# K-L2 — Wert setzen
## Ziel und Rolle im Flow
Merkt sich einen Wert für spätere Schritte. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Name des Werts** · **Wert**.
- Erklärungen: Unter diesem Namen können spätere Schritte den Wert als Platzhalter verwenden. · Der gespeicherte Wert. Platzhalter sind erlaubt.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Logik**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `TextInput`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0c2fae48-e2ab-4103-b111-15a3e120adb1/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-kontakt-geandert
screen: "Kontakt geändert"
subframe_name: "K-T1 Kontakt geaendert"
subframe_page_id: "48d85ffd-c90c-4da0-b37a-6b3d2711299d"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T12:56:29.920Z"
---
# K-T1 — Kontakt geändert
## Ziel und Rolle im Flow
Startet, wenn sich Kontaktdaten ändern. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Diese Felder beobachten**.
- Erklärungen: Nur Änderungen an diesen Feldern starten die Automation. Ausgegraut, solange »Alle Felder beobachten« an ist.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
- Weitere sichtbare Zustände/Hinweise: Alle Felder beobachten.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `DropdownMenuSelect`, `IconWithBackground`, `MultiSelectTags`, `Switch`, `Tag_Label`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/48d85ffd-c90c-4da0-b37a-6b3d2711299d/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-lead-qualifiziert
screen: "Lead qualifiziert"
subframe_name: "K-T1 Lead qualifiziert"
subframe_page_id: "168740c8-c344-40db-9a86-9b8dbb0b86f7"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/168740c8-c344-40db-9a86-9b8dbb0b86f7/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.672Z"
---
# K-T1 — Lead qualifiziert
## Ziel und Rolle im Flow
Startet, wenn ein Lead qualifiziert wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Board** · **Qualifizierungs-Stufe**.
- Erklärungen: Leer lassen = gilt für alle Boards. · Erst ab dieser Stufe startet die Automation.
- Beispieloptionen: Alle Boards, Vertrieb SHK, Neue Anfragen, Service & Wartung, Jede Stufe, Warm, Heiß.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/168740c8-c344-40db-9a86-9b8dbb0b86f7/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-neue-anfrage
screen: "Neue Anfrage"
subframe_name: "K-T1 Neue Anfrage"
subframe_page_id: "0e6798e1-5daf-4cd4-ac37-0d3c53316ffb"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.677Z"
---
# K-T1 — Neue Anfrage
## Ziel und Rolle im Flow
Startet, wenn eine Anfrage eingeht. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Quelle** · **Bereich (optional)**.
- Erklärungen: Leer lassen = jede neue Anfrage zählt, egal woher sie kommt. · Nur Anfragen aus diesem Bereich starten die Automation.
- Beispieloptionen: Alle Quellen, Website-Formular, E-Mail, Manuell, Alle Bereiche, Heizung, Sanitär, Klima.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/0e6798e1-5daf-4cd4-ac37-0d3c53316ffb/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-neuer-kontakt
screen: "Neuer Kontakt"
subframe_name: "K-T1 Neuer Kontakt - Mit Beispiel"
subframe_page_id: "b826c642-9b14-4c83-98e0-dba33470852e"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-27T12:56:29.814Z"
---
# K-T1 — Neuer Kontakt
## Ziel und Rolle im Flow
Startet, wenn ein Kontakt angelegt wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Quelle** · **Nur mit bestimmtem Tag (optional)**.
- Erklärungen: Leer lassen = jeder neue Kontakt zählt. · Nur Kontakte mit diesem Tag lösen die Automation aus.
- Beispieloptionen: Alle Quellen, Manuell angelegt, Import, Formular.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `DropdownMenuSelect`, `IconWithBackground`, `MultiSelectTags`, `Select`, `Tag_Label`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/b826c642-9b14-4c83-98e0-dba33470852e/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-projekt-angelegt
screen: "Projekt angelegt"
subframe_name: "K-T1 Projekt angelegt"
subframe_page_id: "6ddca087-0655-4390-b365-47b46796520a"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6ddca087-0655-4390-b365-47b46796520a/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.687Z"
---
# K-T1 — Projekt angelegt
## Ziel und Rolle im Flow
Startet, wenn ein Projekt erstellt wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Board** · **Quelle (optional)**.
- Erklärungen: Leer lassen = gilt für neue Projekte auf allen Boards. · Nur Projekte aus dieser Quelle starten die Automation.
- Beispieloptionen: Alle Boards, Anlagen-Verkauf, Service & Wartung, Sanierung, Alle Quellen, Aus Lead konvertiert, Manuell angelegt.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6ddca087-0655-4390-b365-47b46796520a/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-projekt-gewonnen
screen: "Projekt gewonnen"
subframe_name: "K-T1 Projekt gewonnen"
subframe_page_id: "7dbedd13-7bd9-4203-ac4b-367fe98a0c90"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/7dbedd13-7bd9-4203-ac4b-367fe98a0c90/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.660Z"
---
# K-T1 — Projekt gewonnen
## Ziel und Rolle im Flow
Startet, wenn ein Projekt gewonnen wird. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Board** · **Mindestwert in € (optional)**.
- Erklärungen: Leer lassen = gilt für alle Boards.
- Beispieloptionen: Alle Boards, Vertrieb: Anlagen-Verkauf, Auftrag: Installation, Auftrag: Wartung.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `NumberInput`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/7dbedd13-7bd9-4203-ac4b-367fe98a0c90/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t1-status-gewechselt
screen: "Status gewechselt"
subframe_name: "K-T1 Status gewechselt"
subframe_page_id: "4531af4b-270d-4338-a7aa-9bf9f22acb2a"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/4531af4b-270d-4338-a7aa-9bf9f22acb2a/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.682Z"
---
# K-T1 — Status gewechselt
## Ziel und Rolle im Flow
Startet, wenn eine Karte die Spalte wechselt. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Board** * · **Von Spalte (optional)** · **Nach Spalte** *.
- Erklärungen: Auf diesem Board wird der Spaltenwechsel beobachtet. Pflichtfeld. · Leer lassen = egal, aus welcher Spalte die Karte kommt. · Erst wenn die Karte in dieser Spalte landet, startet die Automation. Pflichtfeld.
- Beispieloptionen: Vertrieb, Aufträge, Wartung, Jede Spalte, Qualifiziert, Vor-Aufmaß, Angebot, Verhandlung, Gewonnen.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/4531af4b-270d-4338-a7aa-9bf9f22acb2a/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
@@ -0,0 +1,46 @@
---
kind: screen
project: HiveGrid Screen Project
ticket: D-P12
package: WF-P12 Verwaltung
id: k-t2-ereignis-erstellt
screen: "Ereignis erstellt"
subframe_name: "K-T2 Ereignis erstellt"
subframe_page_id: "6dbde62e-a714-484a-a7c1-eeb45b281537"
typ: "Auslöser · Konfigurationsdialog"
umsetzung: Bauen
status: "Fertig / Development-Handoff - Hinweise dokumentiert"
route: "Dialog über /automations/:id/edit"
subframe: "https://app.subframe.com/f023064a5ca0/design/6dbde62e-a714-484a-a7c1-eeb45b281537/edit"
source_checked: 2026-08-04
subframe_last_modified: "2026-07-21T16:47:42.700Z"
---
# K-T2 — Ereignis erstellt
## Ziel und Rolle im Flow
Startet, wenn ein Kalender-Eintrag entsteht. Der Dialog konfiguriert den Baustein, nachdem er über [[S01b Baustein-Picker]] in [[S01 Flow-Editor]] gewählt oder dort geöffnet wurde.
## Sichtbare Struktur und Daten
- Felder: **Kalender** · **Ereignisart (optional)**.
- Erklärungen: Leer lassen = gilt für alle Kalender im Betrieb. · Nur Einträge dieser Art starten die Automation.
- Beispieloptionen: Alle Kalender, Hauptkalender, Montagekalender, Urlaubskalender, Alle Arten, Termin, Aufgabe, Erinnerung.
- Dialogbreite im aktuellen Stand: **Standard**.
- Sichtbare Badges: **Auslöser**.
## Aktionen und Verknüpfungen
- **Abbrechen** · **Übernehmen**.
- Gehört zum vollständigen Dialogkatalog [[S05 Baustein-Konfig-Panels]] und zur Detailwahrheit [[S05a Baustein-Konfig Vorplanung]].
- Nach „Übernehmen“ zurück zum Flow-Editor; „Abbrechen“ verwirft die lokale Eingabe.
## Verwendete Komponenten
`BadgeFeedback`, `Button`, `Dialog`, `IconWithBackground`, `Select`, `DialogLayout`
## Subframe
- [Screen direkt öffnen](https://app.subframe.com/f023064a5ca0/design/6dbde62e-a714-484a-a7c1-eeb45b281537/edit)
- [P12-Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/22d511a9-1d8f-4554-89ad-86729b8d7738/edit)
Loaded 100 of 6645 files, more files were not shown because too many files have changed in this diff. Show more