From b2a6651db77be260ea26f24c3d9aaf7f2ac498de Mon Sep 17 00:00:00 2001
From: Pouzor <remy.jardinet@gmail.com>
Date: Sun, 8 Mar 2026 01:05:13 +0100
Subject: [PATCH] fix: show cluster handles in both container and simple mode
 on Proxmox node

---
 .../canvas/nodes/ProxmoxGroupNode.tsx         | 46 ++++++-------------
 1 file changed, 13 insertions(+), 33 deletions(-)

diff --git a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
index e2e2384..2f18293 100644
--- a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+++ b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
@@ -17,7 +17,15 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
 
   // Render as a regular node when container mode is disabled
   if (data.container_mode === false) {
-    return <BaseNode {...props} icon={Layers} />
+    return (
+      <>
+        <BaseNode {...props} icon={Layers} />
+        <Handle type="source" position={Position.Left} id="cluster-left-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
+        <Handle type="target" position={Position.Left} id="cluster-left-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
+        <Handle type="source" position={Position.Right} id="cluster-right-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
+        <Handle type="target" position={Position.Right} id="cluster-right-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
+      </>
+    )
   }
 
   const statusColor = STATUS_COLORS[data.status]
@@ -78,38 +86,10 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
       <Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" />
 
       {/* Cluster handles — left/right for same-cluster links */}
-      <Handle
-        type="source"
-        position={Position.Left}
-        id="cluster-left-src"
-        title="Same cluster"
-        className="!w-2.5 !h-2.5 !rounded-sm"
-        style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 20 }}
-      />
-      <Handle
-        type="target"
-        position={Position.Left}
-        id="cluster-left-tgt"
-        title="Same cluster"
-        className="!w-2.5 !h-2.5 !rounded-sm"
-        style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 36 }}
-      />
-      <Handle
-        type="source"
-        position={Position.Right}
-        id="cluster-right-src"
-        title="Same cluster"
-        className="!w-2.5 !h-2.5 !rounded-sm"
-        style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 20 }}
-      />
-      <Handle
-        type="target"
-        position={Position.Right}
-        id="cluster-right-tgt"
-        title="Same cluster"
-        className="!w-2.5 !h-2.5 !rounded-sm"
-        style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 36 }}
-      />
+      <Handle type="source" position={Position.Left} id="cluster-left-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
+      <Handle type="target" position={Position.Left} id="cluster-left-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
+      <Handle type="source" position={Position.Right} id="cluster-right-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
+      <Handle type="target" position={Position.Right} id="cluster-right-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
     </>
   )
 }