Conectar nodos y organizar layouts

Crea conexiones y reorganiza la posición de los nodos en Free, Tree down, Tree right o Radial.

Que se logra

• Resultado: el canvas comunica relaciones y jerarquías con conexiones legibles y una distribución que reduce solapamientos.
• Caso de uso: un equipo de operaciones convierte una lista de dependencias en un árbol de ejecución para detectar bloqueos.
• Se combina con: edición de nodos, Whiteboard AI y versiones.

Donde esta

• Ruta: /[orgId]/whiteboards/[whiteboardId]
• Acceso en UI: Node handle / toolbar layout
• Componente(s): WhiteboardEditorView.tsx, layoutEngine.ts

Como funciona

1. Arrastre entre handles (arriba, abajo, izquierda o derecha) para conectar nodos.
2. Pase sobre una conexión para definir ruta, guiones, flechas o color.
3. Use Line y dos clics para una anotación libre.
4. Elija un layout en la barra superior. Las líneas de árbol bajan o van a la derecha según el layout; en Free se elige el lado más cercano (arriba/abajo si las cajas están apiladas).

Reglas y validaciones

• El layout cambia posiciones, no nodos ni conexiones.
• En árboles, el origen es padre y el destino hijo.
• Las líneas libres no participan en el auto-layout.

Backend

• Servicios: whiteboards (patch).
• Efectos: ELK calcula posiciones y resuelve solapamientos.

Relaciones

• Requiere: whiteboard editable.
• Afecta: documento y versión.