From deecac9b5e8fd38e62e030fb2a51d146088fe563 Mon Sep 17 00:00:00 2001
From: Milo <voltrace100@gmail.com>
Date: Thu, 21 May 2026 04:16:56 +0000
Subject: [PATCH 1/2] fix: remove zero-length trace segments from duplicate
 consecutive points in simplifyPath

Root cause: _applyBestRoute() in UntangleTraceSubsolver splices rerouted
segments into the original trace path, which can produce consecutive
duplicate boundary points. These zero-length segments survive the
collinear-collapse pass and render as extra trace lines in the schematic.

Fix: Added removeDuplicateConsecutivePoints() to strip identical adjacent
points before each collinear-collapse pass in simplifyPath(). The function
runs dedup-collapse-dedup-collapse-dedup to ensure all zero-length segments
are eliminated regardless of ordering.

Tests: 8 new unit tests for duplicate point removal. Updated example35
snapshot (35 fewer SVG lines, confirming extra trace removal).

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../TraceCleanupSolver/simplifyPath.ts        |  52 ++++----
 .../examples/__snapshots__/example35.snap.svg |  87 ++++---------
 .../TraceCleanupSolver/simplifyPath.test.ts   | 119 ++++++++++++++++++
 3 files changed, 175 insertions(+), 83 deletions(-)
 create mode 100644 tests/solvers/TraceCleanupSolver/simplifyPath.test.ts

diff --git a/lib/solvers/TraceCleanupSolver/simplifyPath.ts b/lib/solvers/TraceCleanupSolver/simplifyPath.ts
index e17bfb52c..d5929f1b4 100644
--- a/lib/solvers/TraceCleanupSolver/simplifyPath.ts
+++ b/lib/solvers/TraceCleanupSolver/simplifyPath.ts
@@ -4,38 +4,46 @@ import {
   isVertical,
 } from "lib/solvers/SchematicTraceLinesSolver/SchematicTraceSingleLineSolver2/collisions"
 
-export const simplifyPath = (path: Point[]): Point[] => {
-  if (path.length < 3) return path
-  const newPath: Point[] = [path[0]]
-  for (let i = 1; i < path.length - 1; i++) {
-    const p1 = newPath[newPath.length - 1]
-    const p2 = path[i]
-    const p3 = path[i + 1]
-    if (
-      (isVertical(p1, p2) && isVertical(p2, p3)) ||
-      (isHorizontal(p1, p2) && isHorizontal(p2, p3))
-    ) {
+const EPS = 1e-9
+
+const removeDuplicateConsecutivePoints = (path: Point[]): Point[] => {
+  if (path.length <= 1) return path
+  const result: Point[] = [path[0]]
+  for (let i = 1; i < path.length; i++) {
+    const prev = result[result.length - 1]
+    const cur = path[i]
+    if (Math.abs(prev.x - cur.x) < EPS && Math.abs(prev.y - cur.y) < EPS) {
       continue
     }
-    newPath.push(p2)
+    result.push(cur)
   }
-  newPath.push(path[path.length - 1])
+  return result
+}
 
-  if (newPath.length < 3) return newPath
-  const finalPath: Point[] = [newPath[0]]
-  for (let i = 1; i < newPath.length - 1; i++) {
-    const p1 = finalPath[finalPath.length - 1]
-    const p2 = newPath[i]
-    const p3 = newPath[i + 1]
+const collapseCollinearPoints = (path: Point[]): Point[] => {
+  if (path.length < 3) return path
+  const result: Point[] = [path[0]]
+  for (let i = 1; i < path.length - 1; i++) {
+    const p1 = result[result.length - 1]
+    const p2 = path[i]
+    const p3 = path[i + 1]
     if (
       (isVertical(p1, p2) && isVertical(p2, p3)) ||
       (isHorizontal(p1, p2) && isHorizontal(p2, p3))
     ) {
       continue
     }
-    finalPath.push(p2)
+    result.push(p2)
   }
-  finalPath.push(newPath[newPath.length - 1])
+  result.push(path[path.length - 1])
+  return result
+}
 
-  return finalPath
+export const simplifyPath = (path: Point[]): Point[] => {
+  let current = removeDuplicateConsecutivePoints(path)
+  current = collapseCollinearPoints(current)
+  current = removeDuplicateConsecutivePoints(current)
+  current = collapseCollinearPoints(current)
+  current = removeDuplicateConsecutivePoints(current)
+  return current
 }
diff --git a/tests/examples/__snapshots__/example35.snap.svg b/tests/examples/__snapshots__/example35.snap.svg
index c28367b23..f7507774e 100644
--- a/tests/examples/__snapshots__/example35.snap.svg
+++ b/tests/examples/__snapshots__/example35.snap.svg
@@ -2,120 +2,85 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x-" data-x="-1.05" data-y="0.30000000000000004" cx="40" cy="406.1349154032081" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="0.30000000000000004" cx="40" cy="415.609756097561" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.05" data-y="0.10000000000000003" cx="40" cy="430.74489123269615" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="0.10000000000000003" cx="40" cy="442.9268292682927" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x-" data-x="-1.05" data-y="-0.09999999999999998" cx="40" cy="455.35486706218416" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="-0.09999999999999998" cx="40" cy="470.2439024390244" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.05" data-y="-0.30000000000000004" cx="40" cy="479.9648428916722" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="-0.30000000000000004" cx="40" cy="497.56097560975616" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x+" data-x="1.05" data-y="-0.30000000000000004" cx="298.40474620962425" cy="479.9648428916722" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="-0.30000000000000004" cx="326.82926829268297" cy="497.56097560975616" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x+" data-x="1.05" data-y="-0.10000000000000003" cx="298.40474620962425" cy="455.35486706218416" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="-0.10000000000000003" cx="326.82926829268297" cy="470.24390243902445" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.05" data-y="0.09999999999999998" cx="298.40474620962425" cy="430.74489123269615" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="0.09999999999999998" cx="326.82926829268297" cy="442.92682926829275" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.05" data-y="0.30000000000000004" cx="298.40474620962425" cy="406.1349154032081" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="0.30000000000000004" cx="326.82926829268297" cy="415.609756097561" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.1
-x-" data-x="0.95" data-y="2.3" cx="286.09975829488025" cy="160.0351571083279" r="3" fill="hsl(200, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="2.3" cx="313.1707317073171" cy="142.43902439024396" r="3" fill="hsl(200, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.2
-x-" data-x="0.95" data-y="2.1" cx="286.09975829488025" cy="184.6451329378159" r="3" fill="hsl(201, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="2.1" cx="313.1707317073171" cy="169.7560975609756" r="3" fill="hsl(201, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.3
-x-" data-x="0.95" data-y="1.9" cx="286.09975829488025" cy="209.25510876730394" r="3" fill="hsl(202, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="1.9" cx="313.1707317073171" cy="197.07317073170736" r="3" fill="hsl(202, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.4
-x-" data-x="0.95" data-y="1.7" cx="286.09975829488025" cy="233.86508459679195" r="3" fill="hsl(203, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="1.7" cx="313.1707317073171" cy="224.39024390243907" r="3" fill="hsl(203, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.5
-x+" data-x="3.05" data-y="1.7" cx="544.5045045045044" cy="233.86508459679195" r="3" fill="hsl(204, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="1.7" cx="600" cy="224.39024390243907" r="3" fill="hsl(204, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.6
-x+" data-x="3.05" data-y="1.9" cx="544.5045045045044" cy="209.25510876730394" r="3" fill="hsl(205, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="1.9" cx="600" cy="197.07317073170736" r="3" fill="hsl(205, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.7
-x+" data-x="3.05" data-y="2.1" cx="544.5045045045044" cy="184.6451329378159" r="3" fill="hsl(206, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="2.1" cx="600" cy="169.7560975609756" r="3" fill="hsl(206, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.8
-x+" data-x="3.05" data-y="2.3" cx="544.5045045045044" cy="160.0351571083279" r="3" fill="hsl(207, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="2.3" cx="600" cy="142.43902439024396" r="3" fill="hsl(207, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.6010000000000002" data-y="0.3" cx="366.20522961986376" cy="406.13491540320814" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <polyline data-points="1.05,0.09999999999999998 3.05,2.1" data-type="line" data-label="" points="326.82926829268297,442.92682926829275 600,169.7560975609756" fill="none" stroke="hsl(312, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.05" data-y="-0.10000000000000003" cx="298.40474620962425" cy="455.35486706218416" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <polyline data-points="1.05,-0.10000000000000003 3.05,2.3" data-type="line" data-label="" points="326.82926829268297,470.24390243902445 600,142.43902439024396" fill="none" stroke="hsl(88, 100%, 50%, 0.8)" stroke-width="1" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="3.05" data-y="2.3" cx="544.5045045045044" cy="160.0351571083279" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <polyline data-points="1.05,-0.30000000000000004 1.05,0.30000000000000004" data-type="line" data-label="" points="326.82926829268297,497.56097560975616 326.82926829268297,415.609756097561" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="1.05" data-y="0.09999999999999998" cx="298.40474620962425" cy="430.74489123269615" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <polyline data-points="1.05,-0.30000000000000004 1.6010000000000002,0 1.05,0.30000000000000004" data-type="line" data-label="" points="326.82926829268297,497.56097560975616 402.0878048780488,456.5853658536586 326.82926829268297,415.609756097561" fill="none" stroke="black" stroke-width="1" />
   </g>
   <g>
-    <circle data-type="point" data-label="" data-x="3.05" data-y="2.1" cx="544.5045045045044" cy="184.6451329378159" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="388.2926829268293" width="286.82926829268297" height="136.58536585365852" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007321428571428571" />
   </g>
   <g>
-    <polyline data-points="1.05,0.09999999999999998 3.05,2.1" data-type="line" data-label="" points="298.40474620962425,430.74489123269615 544.5045045045044,184.6451329378159" fill="none" stroke="hsl(312, 100%, 50%, 0.8)" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="1.05,-0.10000000000000003 3.05,2.3" data-type="line" data-label="" points="298.40474620962425,455.35486706218416 544.5045045045044,160.0351571083279" fill="none" stroke="hsl(88, 100%, 50%, 0.8)" stroke-width="1" />
-  </g>
-  <g>
-    <polyline data-points="1.05,-0.30000000000000004 1.05,0.30000000000000004" data-type="line" data-label="" points="298.40474620962425,479.9648428916722 298.40474620962425,406.1349154032081" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
-  </g>
-  <g>
-    <polyline data-points="1.05,-0.30000000000000004 1.6010000000000002,-0.30000000000000004 1.6010000000000002,0.3 1.05,0.30000000000000004" data-type="line" data-label="" points="298.40474620962425,479.9648428916722 366.20522961986376,479.9648428916722 366.20522961986376,406.13491540320814 298.40474620962425,406.1349154032081" fill="none" stroke="purple" stroke-width="1" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="381.5249395737201" width="258.40474620962425" height="123.04987914744015" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2" data-y="2" x="286.09975829488025" y="135.42518127883983" width="258.4047462096242" height="123.04987914744015" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="netId: VCC
-globalConnNetId: connectivity_net2" data-x="1.6010000000000002" data-y="0.54" x="353.90024170511975" y="347.07097341243684" width="24.609975829488064" height="59.06394199077124" fill="#ef444466" stroke="#ef4444" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="netId: U1.CLK to U2.VCC
-globalConnNetId: connectivity_net1" data-x="1.276" data-y="-0.10000000000000003" x="298.52779608877165" y="443.04987914744015" width="55.3724456163481" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="netId: U1.CLK to U2.VCC
-globalConnNetId: connectivity_net1" data-x="3.276" data-y="2.3" x="544.6275543836518" y="147.7301691935839" width="55.37244561634816" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="netId: U1.IO3 to U2.IO3
-globalConnNetId: connectivity_net0" data-x="1.276" data-y="0.09999999999999998" x="298.52779608877165" y="418.43990331795214" width="55.3724456163481" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
-  </g>
-  <g>
-    <rect data-type="rect" data-label="netId: U1.IO3 to U2.IO3
-globalConnNetId: connectivity_net0" data-x="3.276" data-y="2.1" x="544.6275543836518" y="172.34014502307184" width="55.37244561634816" height="24.609975829488064" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2" data-y="2" x="313.1707317073171" y="115.1219512195122" width="286.8292682926829" height="136.58536585365857" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007321428571428571" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -145,12 +110,12 @@ globalConnNetId: connectivity_net0" data-x="3.276" data-y="2.1" x="544.627554383
 
       // Calculate real coordinates using inverse transformation
       const matrix = {
-        "a": 123.04987914744012,
+        "a": 136.58536585365854,
         "c": 0,
-        "e": 169.20237310481212,
+        "e": 183.41463414634148,
         "b": 0,
-        "d": -123.04987914744012,
-        "f": 443.04987914744015
+        "d": -136.58536585365854,
+        "f": 456.5853658536586
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:
diff --git a/tests/solvers/TraceCleanupSolver/simplifyPath.test.ts b/tests/solvers/TraceCleanupSolver/simplifyPath.test.ts
new file mode 100644
index 000000000..f58dee82f
--- /dev/null
+++ b/tests/solvers/TraceCleanupSolver/simplifyPath.test.ts
@@ -0,0 +1,119 @@
+import { expect, test, describe } from "bun:test"
+import { simplifyPath } from "lib/solvers/TraceCleanupSolver/simplifyPath"
+
+describe("simplifyPath duplicate point removal", () => {
+  test("removes consecutive duplicate points in the middle", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 0 },
+      { x: 2, y: 0 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 2, y: 0 },
+    ])
+  })
+
+  test("removes consecutive duplicate points at the start", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+    ])
+  })
+
+  test("removes consecutive duplicate points at the end", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+      { x: 1, y: 1 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+    ])
+  })
+
+  test("removes multiple consecutive duplicates", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+    ])
+  })
+
+  test("handles zero-length two-point path (both points identical)", () => {
+    const path = [
+      { x: 5, y: 5 },
+      { x: 5, y: 5 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([{ x: 5, y: 5 }])
+  })
+
+  test("collapses collinear horizontal points", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 2, y: 0 },
+      { x: 3, y: 0 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 3, y: 0 },
+    ])
+  })
+
+  test("collapses collinear vertical points", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 0, y: 1 },
+      { x: 0, y: 2 },
+      { x: 0, y: 3 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 0, y: 3 },
+    ])
+  })
+
+  test("handles path with duplicates at direction change", () => {
+    const path = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+      { x: 1, y: 1 },
+      { x: 2, y: 1 },
+    ]
+    const result = simplifyPath(path)
+    expect(result).toEqual([
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 1, y: 1 },
+      { x: 2, y: 1 },
+    ])
+  })
+})

From 95fc820a38c881e25601ac2602131b77cce74434 Mon Sep 17 00:00:00 2001
From: Milo <voltrace100@gmail.com>
Date: Fri, 22 May 2026 00:41:54 +0000
Subject: [PATCH 2/2] fix: regenerate example35 snapshot after rebase onto main

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../examples/__snapshots__/example35.snap.svg | 87 +++++++++++++------
 1 file changed, 61 insertions(+), 26 deletions(-)

diff --git a/tests/examples/__snapshots__/example35.snap.svg b/tests/examples/__snapshots__/example35.snap.svg
index f7507774e..c28367b23 100644
--- a/tests/examples/__snapshots__/example35.snap.svg
+++ b/tests/examples/__snapshots__/example35.snap.svg
@@ -2,85 +2,120 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="U1.1
-x-" data-x="-1.05" data-y="0.30000000000000004" cx="40" cy="415.609756097561" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="0.30000000000000004" cx="40" cy="406.1349154032081" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.2
-x-" data-x="-1.05" data-y="0.10000000000000003" cx="40" cy="442.9268292682927" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="0.10000000000000003" cx="40" cy="430.74489123269615" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.3
-x-" data-x="-1.05" data-y="-0.09999999999999998" cx="40" cy="470.2439024390244" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="-0.09999999999999998" cx="40" cy="455.35486706218416" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.4
-x-" data-x="-1.05" data-y="-0.30000000000000004" cx="40" cy="497.56097560975616" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+x-" data-x="-1.05" data-y="-0.30000000000000004" cx="40" cy="479.9648428916722" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.5
-x+" data-x="1.05" data-y="-0.30000000000000004" cx="326.82926829268297" cy="497.56097560975616" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="-0.30000000000000004" cx="298.40474620962425" cy="479.9648428916722" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.6
-x+" data-x="1.05" data-y="-0.10000000000000003" cx="326.82926829268297" cy="470.24390243902445" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="-0.10000000000000003" cx="298.40474620962425" cy="455.35486706218416" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.7
-x+" data-x="1.05" data-y="0.09999999999999998" cx="326.82926829268297" cy="442.92682926829275" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="0.09999999999999998" cx="298.40474620962425" cy="430.74489123269615" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U1.8
-x+" data-x="1.05" data-y="0.30000000000000004" cx="326.82926829268297" cy="415.609756097561" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+x+" data-x="1.05" data-y="0.30000000000000004" cx="298.40474620962425" cy="406.1349154032081" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.1
-x-" data-x="0.95" data-y="2.3" cx="313.1707317073171" cy="142.43902439024396" r="3" fill="hsl(200, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="2.3" cx="286.09975829488025" cy="160.0351571083279" r="3" fill="hsl(200, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.2
-x-" data-x="0.95" data-y="2.1" cx="313.1707317073171" cy="169.7560975609756" r="3" fill="hsl(201, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="2.1" cx="286.09975829488025" cy="184.6451329378159" r="3" fill="hsl(201, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.3
-x-" data-x="0.95" data-y="1.9" cx="313.1707317073171" cy="197.07317073170736" r="3" fill="hsl(202, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="1.9" cx="286.09975829488025" cy="209.25510876730394" r="3" fill="hsl(202, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.4
-x-" data-x="0.95" data-y="1.7" cx="313.1707317073171" cy="224.39024390243907" r="3" fill="hsl(203, 100%, 50%, 0.8)" />
+x-" data-x="0.95" data-y="1.7" cx="286.09975829488025" cy="233.86508459679195" r="3" fill="hsl(203, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.5
-x+" data-x="3.05" data-y="1.7" cx="600" cy="224.39024390243907" r="3" fill="hsl(204, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="1.7" cx="544.5045045045044" cy="233.86508459679195" r="3" fill="hsl(204, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.6
-x+" data-x="3.05" data-y="1.9" cx="600" cy="197.07317073170736" r="3" fill="hsl(205, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="1.9" cx="544.5045045045044" cy="209.25510876730394" r="3" fill="hsl(205, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.7
-x+" data-x="3.05" data-y="2.1" cx="600" cy="169.7560975609756" r="3" fill="hsl(206, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="2.1" cx="544.5045045045044" cy="184.6451329378159" r="3" fill="hsl(206, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="U2.8
-x+" data-x="3.05" data-y="2.3" cx="600" cy="142.43902439024396" r="3" fill="hsl(207, 100%, 50%, 0.8)" />
+x+" data-x="3.05" data-y="2.3" cx="544.5045045045044" cy="160.0351571083279" r="3" fill="hsl(207, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <polyline data-points="1.05,0.09999999999999998 3.05,2.1" data-type="line" data-label="" points="326.82926829268297,442.92682926829275 600,169.7560975609756" fill="none" stroke="hsl(312, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="1.6010000000000002" data-y="0.3" cx="366.20522961986376" cy="406.13491540320814" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.05,-0.10000000000000003 3.05,2.3" data-type="line" data-label="" points="326.82926829268297,470.24390243902445 600,142.43902439024396" fill="none" stroke="hsl(88, 100%, 50%, 0.8)" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="1.05" data-y="-0.10000000000000003" cx="298.40474620962425" cy="455.35486706218416" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.05,-0.30000000000000004 1.05,0.30000000000000004" data-type="line" data-label="" points="326.82926829268297,497.56097560975616 326.82926829268297,415.609756097561" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <circle data-type="point" data-label="" data-x="3.05" data-y="2.3" cx="544.5045045045044" cy="160.0351571083279" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="1.05,-0.30000000000000004 1.6010000000000002,0 1.05,0.30000000000000004" data-type="line" data-label="" points="326.82926829268297,497.56097560975616 402.0878048780488,456.5853658536586 326.82926829268297,415.609756097561" fill="none" stroke="black" stroke-width="1" />
+    <circle data-type="point" data-label="" data-x="1.05" data-y="0.09999999999999998" cx="298.40474620962425" cy="430.74489123269615" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="388.2926829268293" width="286.82926829268297" height="136.58536585365852" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007321428571428571" />
+    <circle data-type="point" data-label="" data-x="3.05" data-y="2.1" cx="544.5045045045044" cy="184.6451329378159" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_1" data-x="2" data-y="2" x="313.1707317073171" y="115.1219512195122" width="286.8292682926829" height="136.58536585365857" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007321428571428571" />
+    <polyline data-points="1.05,0.09999999999999998 3.05,2.1" data-type="line" data-label="" points="298.40474620962425,430.74489123269615 544.5045045045044,184.6451329378159" fill="none" stroke="hsl(312, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="1.05,-0.10000000000000003 3.05,2.3" data-type="line" data-label="" points="298.40474620962425,455.35486706218416 544.5045045045044,160.0351571083279" fill="none" stroke="hsl(88, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="1.05,-0.30000000000000004 1.05,0.30000000000000004" data-type="line" data-label="" points="298.40474620962425,479.9648428916722 298.40474620962425,406.1349154032081" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.05,-0.30000000000000004 1.6010000000000002,-0.30000000000000004 1.6010000000000002,0.3 1.05,0.30000000000000004" data-type="line" data-label="" points="298.40474620962425,479.9648428916722 366.20522961986376,479.9648428916722 366.20522961986376,406.13491540320814 298.40474620962425,406.1349154032081" fill="none" stroke="purple" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="381.5249395737201" width="258.40474620962425" height="123.04987914744015" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2" data-y="2" x="286.09975829488025" y="135.42518127883983" width="258.4047462096242" height="123.04987914744015" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: VCC
+globalConnNetId: connectivity_net2" data-x="1.6010000000000002" data-y="0.54" x="353.90024170511975" y="347.07097341243684" width="24.609975829488064" height="59.06394199077124" fill="#ef444466" stroke="#ef4444" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: U1.CLK to U2.VCC
+globalConnNetId: connectivity_net1" data-x="1.276" data-y="-0.10000000000000003" x="298.52779608877165" y="443.04987914744015" width="55.3724456163481" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: U1.CLK to U2.VCC
+globalConnNetId: connectivity_net1" data-x="3.276" data-y="2.3" x="544.6275543836518" y="147.7301691935839" width="55.37244561634816" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: U1.IO3 to U2.IO3
+globalConnNetId: connectivity_net0" data-x="1.276" data-y="0.09999999999999998" x="298.52779608877165" y="418.43990331795214" width="55.3724456163481" height="24.609975829488008" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: U1.IO3 to U2.IO3
+globalConnNetId: connectivity_net0" data-x="3.276" data-y="2.1" x="544.6275543836518" y="172.34014502307184" width="55.37244561634816" height="24.609975829488064" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.008126785714285715" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -110,12 +145,12 @@ x+" data-x="3.05" data-y="2.3" cx="600" cy="142.43902439024396" r="3" fill="hsl(
 
       // Calculate real coordinates using inverse transformation
       const matrix = {
-        "a": 136.58536585365854,
+        "a": 123.04987914744012,
         "c": 0,
-        "e": 183.41463414634148,
+        "e": 169.20237310481212,
         "b": 0,
-        "d": -136.58536585365854,
-        "f": 456.5853658536586
+        "d": -123.04987914744012,
+        "f": 443.04987914744015
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute: