dejanandClaude Opus 4.8
f14e57ae8b
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>
46 lines
3.2 KiB
Plaintext
46 lines
3.2 KiB
Plaintext
{
|
|
"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":-160,"width":2860,"height":460,"label":"Editor (Bespoke — schwerste UI, Langläufer)"},
|
|
{"id":"group-schutz","type":"group","x":-80,"y":460,"width":1820,"height":380,"label":"Schutz-Dialoge"},
|
|
{"id":"note-entry","type":"text","text":"# Einstieg\n\n»+ Neue Automation« aus der Automation-Liste (WF-P12 Verwaltung) → Start-Auswahl.\n\nKlartext-First: alles in verständlichem Deutsch.","x":0,"y":0,"width":360,"height":200},
|
|
{"id":"m03","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M03 Start-Auswahl.md","x":560,"y":0,"width":420,"height":200},
|
|
{"id":"s01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01 Flow-Editor.md","x":1240,"y":0,"width":420,"height":200},
|
|
{"id":"s01b","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01b Baustein-Picker.md","x":1800,"y":-80,"width":420,"height":170},
|
|
{"id":"s01c","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01c Canvas-Kontextmenue.md","x":1800,"y":110,"width":420,"height":170},
|
|
{"id":"s01d","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/S01d Baustein-Karte und Kanten.md","x":2260,"y":0,"width":420,"height":200},
|
|
{"id":"m01","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M01 Probelauf.md","x":560,"y":560,"width":420,"height":200},
|
|
{"id":"m02","type":"file","file":"02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/Screens/M02 Schleifen-Warnung.md","x":1240,"y":560,"width":420,"height":200},
|
|
{"id":"note-embed","type":"text","text":"# Anordnung (neu ab 2026-07-12)\n\nVollbild-Canvas · Baustein-Picker als Drawer · Konfig als echter Dialog je Baustein.\n\nDie alte Anordnung (Katalog links · Konfig rechts) ist ERSETZT.\n\nDie 30 Konfig-Dialoge liegen in WF-P12 Verwaltung (S05 / S05a).","x":0,"y":560,"width":460,"height":240}
|
|
],
|
|
"edges":[
|
|
{
|
|
"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-picker","fromNode":"s01","fromSide":"right","toNode":"s01b","toSide":"left","toEnd":"arrow","label":"Baustein hinzufügen"},
|
|
{"id":"e-ctx","fromNode":"s01","fromSide":"right","toNode":"s01c","toSide":"left","toEnd":"arrow","label":"Rechtsklick"},
|
|
{"id":"e-card","fromNode":"s01b","fromSide":"right","toNode":"s01d","toSide":"left","toEnd":"arrow","label":"landet als Karte"},
|
|
{"id":"e-dryrun","fromNode":"s01","fromSide":"bottom","toNode":"m01","toSide":"top","toEnd":"arrow","label":"Probelauf / vor Aktivierung"},
|
|
{
|
|
"id":"e-loop",
|
|
"fromNode":"s01",
|
|
"fromSide":"bottom",
|
|
"toNode":"m02",
|
|
"toSide":"top",
|
|
"toEnd":"arrow",
|
|
"label":"bei Schleifen-Verdacht",
|
|
"styleAttributes":{"path":"long-dashed"}
|
|
}
|
|
],
|
|
"metadata":{
|
|
"version":"1.0-1.0",
|
|
"frontmatter":{}
|
|
}
|
|
} |