Canvas
Central Vue Flow area: nodes, edges, zoom, multi-select. Connections use source → target.
UI tour in 30 seconds
The Knot editor is a Vue 3 SPA embedded in Dolibarr. You spend most of your time here designing, validating, and starting workflows.
🚀 Main areas
Palette
Left column: connectors and node types to drag onto the canvas.
Toolbar
Undo, Redo, Arrange (auto-layout), Versions, Simulate, Run.
Inspector
Right panel: Form, advanced JSON, Reliability (retry, idempotency), per-node test.
🚀 Useful panels
| Panel | Role |
|---|---|
| Problems | Errors and warnings — errors block Simulate |
| Simulation | Dry-run timeline after Simulate |
| Versions | Named history, draft vs active diff |
🚀 Keyboard shortcuts
| Shortcut | Action |
|---|---|
Cmd+S | Save |
Cmd+Z / Cmd+Shift+Z | Undo / redo |
Cmd+C / Cmd+V | Copy / paste nodes |
Cmd+K | Command palette |
Delete | Delete selection |