Reading the canvas

Nodes

Boxes are typed: actor, system, container, component, datastore — plus an external flag for things you don't own. A node holding children shows a child-count chip; click it to expand the node in place and drill a level deeper. The breadcrumb (top left) walks back up. Nesting is unlimited — systems hold containers hold components, as deep as the truth goes.

Moving around

• Scroll with two fingers to pan in any direction; pinch to zoom. Hold Space and drag to pan from anywhere, even over nodes.
• The controls (bottom right) zoom, fit the view, re-run the automatic layout, and cycle the edge style: curved → straight → step.
• ⌘K opens the command palette — jump to any node, canvas or flow. Jumping auto-expands the ancestors it needs.
• Single-click selects a node and highlights its edges. Single-click an edge to focus it — the edge and its endpoints pop, everything else dims. Esc or a click on empty canvas clears.

Deep links

The URL always reflects the view — canvas, expanded nodes, selection, flow and step, tag filters. The Copy link chip in the toolbar captures exactly what you're looking at, ready to paste to a teammate. See the reference for the parameters.