From 2fcc9eba806b733c0aa7ad4beaa68787bbbafade Mon Sep 17 00:00:00 2001
From: Pouzor <remy.jardinet@gmail.com>
Date: Sun, 8 Mar 2026 01:41:36 +0100
Subject: [PATCH] fix: reduce cluster handles to one per side, normal size

---
 .../src/components/canvas/nodes/ProxmoxGroupNode.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
index 2f18293..f392f24 100644
--- a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+++ b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
@@ -20,10 +20,8 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
     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%' }} />
+        <Handle type="target" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
+        <Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
       </>
     )
   }
@@ -86,10 +84,8 @@ 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: '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%' }} />
+      <Handle type="target" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
+      <Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
     </>
   )
 }