From dc9658865561a6e2213580b99689bec6b9a84c53 Mon Sep 17 00:00:00 2001
From: Pouzor <remy.jardinet@gmail.com>
Date: Sun, 8 Mar 2026 12:12:26 +0100
Subject: [PATCH] fix: allow parent-to-child connections in React Flow

React Flow blocks connections involving a parentId parent/child pair by
default to prevent hierarchy cycles. Override with isValidConnection
that only rejects self-loops (source === target), allowing explicit
edges between Proxmox container nodes and their nested VMs/LXCs.
---
 frontend/src/components/canvas/CanvasContainer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/components/canvas/CanvasContainer.tsx b/frontend/src/components/canvas/CanvasContainer.tsx
index 2a4114e..6c54333 100644
--- a/frontend/src/components/canvas/CanvasContainer.tsx
+++ b/frontend/src/components/canvas/CanvasContainer.tsx
@@ -58,6 +58,7 @@ export function CanvasContainer({ onConnect: onConnectProp, onEdgeDoubleClick }:
         fitView
         colorMode="dark"
         connectionMode="loose"
+        isValidConnection={(connection) => connection.source !== connection.target}
       >
         <Background
           variant={BackgroundVariant.Dots}