The Editor

The Editor is where you’ll spend most of your time — creating, arranging, and managing the nodes that make up your graph. Below are the essential actions to help you get started.

Zooming and Panning

• Move the grid: Click and drag an empty space on the grid to pan the workspace.

• Zoom: Use your mouse wheel or trackpad to zoom in and out. Alternatively, you can use + and - on your keyboard, or pinch to zoom if you're using a stylus pen surface or a tablet.

Create, Delete, Move

• Create Nodes: Press Tab or Right-click anywhere on the Editor grid to open the Available Nodes menu. Hover over a node’s name to see more information, then click to add it to your graph.

While viewing the Available Nodes menu, use your keyboard to quickly navigate and add nodes:

• Start typing to search for nodes and in their descriptions — e.g. Searching for "feedback" will bring up the Post node, since "feedback" is mentioned in its description

• Press Tab to switch between available node families (Sources, Streams, etc)

• Hit Enter to add the currently selected node on your graph

• Use the arrow keys to navigate the node list

• Move Nodes: Click and drag a node to reposition it. Press G to toggle snap-to-grid.

• Delete Nodes: Select a node and press Backspace or Delete.

• Undo/Redo: Use Cmd+Z (Mac) or Ctrl+Z (Windows) to undo and Cmd+Shift+Z / Ctrl+Shift+Z to redo.

Edit Menu: Access node actions (copy, paste, delete) from the Edit menu or via keyboard shortcuts.

Connect Nodes

1. Hover the right or bottom edge of a node

2. Click and move the connection wire to another node

3. Click to complete the connection

While dragging a connection, compatible nodes stay opaque to indicate a valid connection, incompatible nodes grey out to indicate no matching properties.

Disconnect Nodes

1. Hover the connection you want to remove — you’ll notice the line pulses.

2. Right-click and select the last option, Disconnect