Selection & Grouping

As your system designs grow, moving individual nodes one by one becomes tedious. Rekhic provides powerful selection and grouping tools to manage complex architectures.

Selection Mechanisms

Single Selection

Click on any node or edge to select it. The NodeContextToolbar will appear for node-specific edits.

Multi-Selection

You can select multiple elements in two ways:

1. Shift-Click: Hold Shift and click multiple nodes sequentially to add them to your selection.
2. Drag Selection: Hold Shift, click on an empty area of the canvas, and drag to create a marquee selection box. Everything inside the box will be selected.

The MultiSelectToolbar

When multiple nodes are selected, the MultiSelectToolbar appears. This toolbar allows you to apply bulk styling (like changing the color of 10 nodes at once) or to group them.

Grouping Nodes

Grouping allows you to treat a collection of nodes as a single entity. This is incredibly useful for defining bounded contexts, network boundaries (like a VPC), or logical microservice boundaries.

How to Group

1. Select multiple nodes.
2. Press Cmd/Ctrl + G (or click the Group icon in the MultiSelectToolbar).

A GroupNode bounding box will wrap around the selected items. You can now drag the GroupNode, and all its children will move perfectly in sync. To ungroup, select the group and press Cmd/Ctrl + Shift + G.