Context Tools and Toolbars

Whenever you interact with elements on the Rekhic canvas, contextual toolbars dynamically appear adjacent to your selection, offering quick shortcuts without needing to navigate complex nested menus.

1. Single Node Context Toolbar

When you select a single architecture node or shape, a floating pill appears directly above it:

• Icon Picker: Search and bind technology logos to the node.
• Color Palette: Change the fill and stroke color.
• Stroke Style: Switch between solid and dashed borders.
• Duplicate (Cmd/Ctrl + D): Create an exact clone of the component offset by 20px.
• Layer Reordering: Bring forward or send backward in the visual stack.
• Delete (Backspace / Delete): Remove the node and all connected edges from the canvas.

2. Multi-Select Action Toolbar

When you hold Shift and select multiple nodes (or drag a marquee selection), the multi-selection toolbar appears:

• Align: Align selected nodes horizontally (left, center, right) or vertically (top, middle, bottom).
• Distribute: Equalize spacing between components.
• Group (Cmd/Ctrl + G): Wrap selected components into a bounded group.
• Duplicate Group (Cmd/Ctrl + D): Duplicate all selected elements and their internal connections.
• Bulk Delete: Delete all selected nodes simultaneously.

3. Quick Duplication Workflow

To rapidly build out redundant clusters (such as multiple API workers or database replicas):

1. Select the component.
2. Hold Alt/Option and drag the node to a new location.
3. An identical node is created instantly at the release location.

Next: Learn about navigation gestures in Pan and Zoom.