System Architect Whiteboard

🎯 Getting Started

1. Drag components from the left sidebar to the canvas.

2. Connect components by dragging from blue OUT port to another component's blue IN port.

3. Right-click any component to open detailed configuration and options.

4. Click on connection lines to delete them (they highlight when hovered).

🔧 Advanced Controls

• Hold CTRL + Mouse Wheel to zoom in/out.

• Right-click on canvas to access quick menu.

• Press Delete key to remove selected component.

• Press Esc to deselect all.

• Use Space + Drag to pan the canvas.