Toolbar

The Clickraft editor includes several toolbars and controls that adapt based on your current selection and context.

Adding Nodes

You can add nodes to the canvas in two ways:

Right-click menu — Right-click on empty canvas space to open the context menu with all available node types
Node palette — Use the toolbar to browse and drag node types onto the canvas

Click the Run button on a selected node to execute it and all upstream nodes. You can also:

Press Cmd/Ctrl + Enter to run the selected node (or the entire workflow if nothing is selected)
Use the execution scope popover on the Run button to choose what to execute

When you select a single node, a floating toolbar appears with quick actions:

Action	Description
Run	Execute this node and its upstream dependencies
Quick Connect	Shows compatible node types you can connect to
Preview	Expand the node to full-screen preview
Download	Download the node's output (images, videos)
Duplicate	Create a copy of this node (`Cmd/Ctrl + D`)
Delete	Remove this node (`Delete` / `Backspace`)
More Actions	Additional context-dependent actions

When you select two or more nodes, a dedicated toolbar appears:

Action	Description
Group	Group selected nodes (`Cmd/Ctrl + G`)
Arrange	Automatically arrange nodes in a grid layout
Toggle Headers	Show or hide node headers for a cleaner view
Duplicate	Duplicate all selected nodes (`Cmd/Ctrl + D`)
Delete	Delete all selected nodes

The toolbar also shows a selection count badge indicating how many nodes are selected.

Use the Cmd/Ctrl + Z and Cmd/Ctrl + Y (or Cmd/Ctrl + Shift + Z) shortcuts
Undo/redo tracks node additions, deletions, movements, connections, and data changes

The bottom-right corner of the canvas contains:

See Canvas Navigation for detailed keyboard shortcuts and zoom controls.

Right-click on a node to access additional actions specific to that node type, such as locking the node to prevent edits.

Hover over a connection line (edge) to reveal a delete overlay. Click to remove the connection between two nodes.