From 2277389ea59f7a28190ac8835a3be1ae34c54820 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Sat, 7 Mar 2026 13:34:25 -0300
Subject: [PATCH] feat: Implement interactive wire rendering with segment-based
 dragging and snapping capabilities.

---
 frontend/src/utils/wirePathGenerator.ts | 27 +++----------------------
 1 file changed, 3 insertions(+), 24 deletions(-)

diff --git a/frontend/src/utils/wirePathGenerator.ts b/frontend/src/utils/wirePathGenerator.ts
index 29ba302c..ff7e0689 100644
--- a/frontend/src/utils/wirePathGenerator.ts
+++ b/frontend/src/utils/wirePathGenerator.ts
@@ -66,35 +66,14 @@ function generateMultiSegmentPath(
 ): string {
   let path = `M ${start.x} ${start.y}`;
 
-  // Add control points with orthogonal constraint
+  // Control points already represent exact corners, so connect them sequentially
   for (let i = 0; i < controlPoints.length; i++) {
     const cp = controlPoints[i];
-    const prev = i === 0 ? start : controlPoints[i - 1];
-
-    // Determine if we should go horizontal-first or vertical-first
-    // Based on which axis has more distance to cover
-    const dx = Math.abs(cp.x - prev.x);
-    const dy = Math.abs(cp.y - prev.y);
-
-    if (dx > dy) {
-      // More horizontal movement - go horizontal first, then vertical
-      path += ` L ${cp.x} ${prev.y} L ${cp.x} ${cp.y}`;
-    } else {
-      // More vertical movement - go vertical first, then horizontal
-      path += ` L ${prev.x} ${cp.y} L ${cp.x} ${cp.y}`;
-    }
+    path += ` L ${cp.x} ${cp.y}`;
   }
 
   // Connect last control point to end
-  const lastPoint = controlPoints.length > 0 ? controlPoints[controlPoints.length - 1] : start;
-  const dx = Math.abs(end.x - lastPoint.x);
-  const dy = Math.abs(end.y - lastPoint.y);
-
-  if (dx > dy) {
-    path += ` L ${end.x} ${lastPoint.y} L ${end.x} ${end.y}`;
-  } else {
-    path += ` L ${lastPoint.x} ${end.y} L ${end.x} ${end.y}`;
-  }
+  path += ` L ${end.x} ${end.y}`;
 
   return path;
 }