@tscircuit/schematic-trace-solver 0.0.41 → 0.0.42

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/__snapshots__/renderComparisonView02.snap.svg

@@ -0,0 +1,205 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="U1.1
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="159.4666666666667" cy="286.0577777777778" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.2
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40.00000000000001" cy="286.0577777777778" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.3
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="159.4666666666667" cy="266.1466666666667" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.4
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40.00000000000001" cy="256.1911111111111" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.5
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40.00000000000001" cy="266.1466666666667" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.6
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40.00000000000001" cy="276.1022222222222" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.7
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="159.4666666666667" cy="276.1022222222222" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.8
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="159.4666666666667" cy="256.1911111111111" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.1
+x-" data-x="1.6" data-y="-1.895" cx="179.3777777777778" cy="365.4533333333334" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.2
+x-" data-x="1.6" data-y="-2.095" cx="179.3777777777778" cy="375.4088888888889" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.3
+x-" data-x="1.6" data-y="-2.295" cx="179.3777777777778" cy="385.3644444444445" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.1
+x+" data-x="7.450000000000001" data-y="-0.55" cx="470.57777777777784" cy="298.50222222222226" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.2
+x-" data-x="5.050000000000001" data-y="-0.55" cx="351.1111111111112" cy="298.50222222222226" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.3
+x+" data-x="7.450000000000001" data-y="-0.15000000000000002" cx="470.57777777777784" cy="278.5911111111111" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.4
+x-" data-x="5.050000000000001" data-y="0.050000000000000044" cx="351.1111111111112" cy="268.6355555555556" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.5
+x-" data-x="5.050000000000001" data-y="-0.14999999999999997" cx="351.1111111111112" cy="278.5911111111111" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.6
+x-" data-x="5.050000000000001" data-y="-0.35" cx="351.1111111111112" cy="288.5466666666667" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.7
+x+" data-x="7.450000000000001" data-y="-0.35000000000000003" cx="470.57777777777784" cy="288.5466666666667" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.8
+x+" data-x="7.450000000000001" data-y="0.050000000000000044" cx="470.57777777777784" cy="268.6355555555556" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.1
+x-" data-x="7.850000000000001" data-y="-2.145" cx="490.488888888889" cy="377.89777777777783" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.2
+x-" data-x="7.850000000000001" data-y="-2.345" cx="490.488888888889" cy="387.85333333333335" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.3
+x-" data-x="7.850000000000001" data-y="-2.545" cx="490.488888888889" cy="397.8088888888889" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="159.4666666666667,286.0577777777778 179.3777777777778,385.3644444444445" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="159.4666666666667,256.1911111111111 179.3777777777778,365.4533333333334" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2974999999999999 1.4000000000000001,-2.295 1.6,-2.295" data-type="line" data-label="" points="159.4666666666667,286.0577777777778 169.42222222222225,286.0577777777778 169.42222222222225,335.7111111111111 169.42222222222225,385.3644444444445 179.3777777777778,385.3644444444445" fill="none" stroke="blue" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="1.149,-1.995 1.5990000000000002,-1.995 1.5990000000000002,-1.795 1.149,-1.795 1.149,-1.995" data-type="line" data-label="" points="156.92800000000003,370.43111111111114 179.32800000000003,370.43111111111114 179.32800000000003,360.47555555555556 156.92800000000003,360.47555555555556 156.92800000000003,370.43111111111114" fill="none" stroke="hsl(296, 100%, 50%, 1)" stroke-width="1" stroke-dasharray="4 4" />
+  </g>
+  <g>
+    <polyline data-points="1.374,-1.895 1.374,-1.995" data-type="line" data-label="" points="168.12800000000004,365.4533333333334 168.12800000000004,370.43111111111114" fill="none" stroke="hsl(296, 100%, 50%, 1)" stroke-width="1" stroke-dasharray="2 2" />
+  </g>
+  <g>
+    <polyline data-points="1.149,-2.1950000000000003 1.5990000000000002,-2.1950000000000003 1.5990000000000002,-1.995 1.149,-1.995 1.149,-2.1950000000000003" data-type="line" data-label="" points="156.92800000000003,380.3866666666667 179.32800000000003,380.3866666666667 179.32800000000003,370.43111111111114 156.92800000000003,370.43111111111114 156.92800000000003,380.3866666666667" fill="none" stroke="hsl(296, 100%, 50%, 1)" stroke-width="1" stroke-dasharray="4 4" />
+  </g>
+  <g>
+    <polyline data-points="1.374,-2.095 1.374,-1.995" data-type="line" data-label="" points="168.12800000000004,375.4088888888889 168.12800000000004,370.43111111111114" fill="none" stroke="hsl(296, 100%, 50%, 1)" stroke-width="1" stroke-dasharray="2 2" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,-0.55 7.850000000000001,-2.545" data-type="line" data-label="" points="470.57777777777784,298.50222222222226 490.488888888889,397.8088888888889" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,0.050000000000000044 7.850000000000001,-2.145" data-type="line" data-label="" points="470.57777777777784,268.6355555555556 490.488888888889,377.89777777777783" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,-0.55 7.650000000000001,-0.55 7.650000000000001,-1.5474999999999999 7.650000000000001,-2.545 7.850000000000001,-2.545" data-type="line" data-label="" points="470.57777777777784,298.50222222222226 480.5333333333334,298.50222222222226 480.5333333333334,348.15555555555557 480.5333333333334,397.8088888888889 490.488888888889,397.8088888888889" fill="none" stroke="red" stroke-width="1" stroke-dasharray="4 4" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,-0.55 7.650000000000001,-0.55 7.650000000000001,-1.9449999999999998 7.299000000000001,-1.9449999999999998 7.299000000000001,-2.5450000000000004 7.850000000000001,-2.545" data-type="line" data-label="" points="470.57777777777784,298.50222222222226 480.5333333333334,298.50222222222226 480.5333333333334,367.94222222222226 463.06133333333344,367.94222222222226 463.06133333333344,397.80888888888893 490.488888888889,397.8088888888889" fill="none" stroke="green" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40.00000000000001" y="246.23555555555558" width="119.4666666666667" height="49.7777777777778" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="179.3777777777778" y="355.4977777777778" width="109.51111111111112" height="39.82222222222225" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="connectivity_net0" data-x="1.4000000000000001" data-y="-2.52" x="164.44444444444446" y="385.3644444444445" width="9.955555555555577" height="22.400000000000034" fill="none" stroke="hsl(40, 100%, 50%, 1)" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="connectivity_net1" data-x="1.4260000000000002" data-y="0.30000000000000004" x="159.51644444444446" y="251.21333333333337" width="22.400000000000034" height="9.95555555555552" fill="none" stroke="hsl(40, 100%, 50%, 1)" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="merged-group-J1-x-" data-x="1.374" data-y="-1.995" x="156.92800000000003" y="360.47555555555556" width="22.400000000000006" height="19.911111111111154" fill="hsl(296, 100%, 50%, 0.2)" stroke="hsl(296, 100%, 50%, 1)" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="6.250000000000001" data-y="-0.25" x="351.1111111111112" y="258.68" width="119.46666666666664" height="49.77777777777777" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="8.950000000000001" data-y="-2.345" x="490.488888888889" y="367.94222222222226" width="109.511111111111" height="39.82222222222225" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="7.6240000000000006" data-y="-2.245" x="468.0391111111112" y="372.92" width="22.39999999999992" height="19.911111111111097" fill="rgba(255, 0, 0, 0.2)" stroke="black" stroke-width="0.020089285714285712" />
+  </g><text data-type="text" data-label="MergedNetLabelObstaclesSolver" data-x="1.3" data-y="0.78125" x="164.44444444444446" y="232.23555555555558" fill="black" font-size="14" font-family="sans-serif" text-anchor="middle" dominant-baseline="text-after-edge">MergedNetLabelObstaclesSolver</text><text data-type="text" data-label="SingleOverlapSolver" data-x="7.550000000000001" data-y="0.53125" x="475.5555555555556" y="244.68" fill="black" font-size="14" font-family="sans-serif" text-anchor="middle" dominant-baseline="text-after-edge">SingleOverlapSolver</text>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 49.77777777777778,
+        "c": 0,
+        "e": 99.73333333333335,
+        "b": 0,
+        "d": -49.77777777777778,
+        "f": 271.12444444444446
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/__snapshots__/renderComparisonView03.snap.svg

@@ -0,0 +1,184 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="U1.1
+x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="159.4666666666667" cy="292.28000000000003" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.2
+x-" data-x="-1.2000000000000002" data-y="-0.30000000000000004" cx="40.00000000000001" cy="292.28000000000003" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.3
+x+" data-x="1.2000000000000002" data-y="0.09999999999999998" cx="159.4666666666667" cy="272.36888888888893" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.4
+x-" data-x="-1.2000000000000002" data-y="0.30000000000000004" cx="40.00000000000001" cy="262.41333333333336" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.5
+x-" data-x="-1.2000000000000002" data-y="0.10000000000000003" cx="40.00000000000001" cy="272.36888888888893" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.6
+x-" data-x="-1.2000000000000002" data-y="-0.09999999999999998" cx="40.00000000000001" cy="282.32444444444445" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.7
+x+" data-x="1.2000000000000002" data-y="-0.10000000000000003" cx="159.4666666666667" cy="282.32444444444445" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.8
+x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="159.4666666666667" cy="262.41333333333336" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.1
+x-" data-x="1.6" data-y="-1.895" cx="179.3777777777778" cy="371.6755555555556" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.2
+x-" data-x="1.6" data-y="-2.095" cx="179.3777777777778" cy="381.6311111111112" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.3
+x-" data-x="1.6" data-y="-2.295" cx="179.3777777777778" cy="391.5866666666667" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.1
+x+" data-x="7.450000000000001" data-y="-0.30000000000000004" cx="470.57777777777784" cy="292.28000000000003" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.2
+x-" data-x="5.050000000000001" data-y="-0.30000000000000004" cx="351.1111111111112" cy="292.28000000000003" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.3
+x+" data-x="7.450000000000001" data-y="0.09999999999999998" cx="470.57777777777784" cy="272.36888888888893" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.4
+x-" data-x="5.050000000000001" data-y="0.30000000000000004" cx="351.1111111111112" cy="262.41333333333336" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.5
+x-" data-x="5.050000000000001" data-y="0.10000000000000003" cx="351.1111111111112" cy="272.36888888888893" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.6
+x-" data-x="5.050000000000001" data-y="-0.09999999999999998" cx="351.1111111111112" cy="282.32444444444445" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.7
+x+" data-x="7.450000000000001" data-y="-0.10000000000000003" cx="470.57777777777784" cy="282.32444444444445" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.8
+x+" data-x="7.450000000000001" data-y="0.30000000000000004" cx="470.57777777777784" cy="262.41333333333336" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.1
+x-" data-x="7.850000000000001" data-y="-1.895" cx="490.488888888889" cy="371.6755555555556" r="3" fill="hsl(218, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.2
+x-" data-x="7.850000000000001" data-y="-2.095" cx="490.488888888889" cy="381.6311111111112" r="3" fill="hsl(219, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="J1.3
+x-" data-x="7.850000000000001" data-y="-2.295" cx="490.488888888889" cy="391.5866666666667" r="3" fill="hsl(220, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="159.4666666666667,292.28000000000003 179.3777777777778,391.5866666666667" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="159.4666666666667,262.41333333333336 179.3777777777778,371.6755555555556" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2974999999999999 1.4000000000000001,-2.295 1.6,-2.295" data-type="line" data-label="" points="159.4666666666667,292.28000000000003 169.42222222222225,292.28000000000003 169.42222222222225,341.93333333333334 169.42222222222225,391.5866666666667 179.3777777777778,391.5866666666667" fill="none" stroke="red" stroke-width="1" stroke-dasharray="4 4" />
+  </g>
+  <g>
+    <polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.6949999999999998 1.049,-1.6949999999999998 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="159.4666666666667,292.28000000000003 169.42222222222225,292.28000000000003 169.42222222222225,361.72 151.95022222222224,361.72 151.95022222222224,391.5866666666667 179.3777777777778,391.5866666666667" fill="none" stroke="green" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,-0.30000000000000004 7.850000000000001,-2.295" data-type="line" data-label="" points="470.57777777777784,292.28000000000003 490.488888888889,391.5866666666667" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,0.30000000000000004 7.850000000000001,-1.895" data-type="line" data-label="" points="470.57777777777784,262.41333333333336 490.488888888889,371.6755555555556" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="7.450000000000001,-0.30000000000000004 7.650000000000001,-0.30000000000000004 7.650000000000001,-1.2975000000000003 7.299000000000001,-1.2975000000000003 7.299000000000001,-2.2950000000000004 7.850000000000001,-2.295" data-type="line" data-label="" points="470.57777777777784,292.28000000000003 480.5333333333334,292.28000000000003 480.5333333333334,341.9333333333334 463.06133333333344,341.9333333333334 463.06133333333344,391.5866666666667 490.488888888889,391.5866666666667" fill="none" stroke="blue" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40.00000000000001" y="252.4577777777778" width="119.4666666666667" height="49.7777777777778" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="179.3777777777778" y="361.72" width="109.51111111111112" height="39.822222222222194" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="1.374" data-y="-1.995" x="156.92800000000003" y="366.6977777777778" width="22.400000000000006" height="19.911111111111154" fill="rgba(255, 0, 0, 0.2)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="6.250000000000001" data-y="0" x="351.1111111111112" y="252.4577777777778" width="119.46666666666664" height="49.7777777777778" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="8.950000000000001" data-y="-2.095" x="490.488888888889" y="361.72" width="109.511111111111" height="39.822222222222194" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.020089285714285712" />
+  </g><text data-type="text" data-label="SingleOverlapSolver" data-x="1.3" data-y="0.78125" x="164.44444444444446" y="238.4577777777778" fill="black" font-size="14" font-family="sans-serif" text-anchor="middle" dominant-baseline="text-after-edge">SingleOverlapSolver</text><text data-type="text" data-label="TraceCleanupSolver" data-x="7.550000000000001" data-y="0.78125" x="475.5555555555556" y="238.4577777777778" fill="black" font-size="14" font-family="sans-serif" text-anchor="middle" dominant-baseline="text-after-edge">TraceCleanupSolver</text>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 49.77777777777778,
+        "c": 0,
+        "e": 99.73333333333335,
+        "b": 0,
+        "d": -49.77777777777778,
+        "f": 277.3466666666667
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/renderComparisonView01.test.ts

@@ -0,0 +1,29 @@
+import { MergedNetLabelObstacleSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/LabelMergingSolver/LabelMergingSolver"
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import {
+  getSvgFromGraphicsObject,
+  stackGraphicsHorizontally,
+} from "graphics-debug"
+import { NetLabelPlacementSolver } from "lib/solvers/NetLabelPlacementSolver/NetLabelPlacementSolver"
+import inputData from "../../../assets/1.input.json"
+
+test("NetLabelPlacementSolver-to-MergedNetLabelObstacles snapshot", () => {
+  const solver1 = new MergedNetLabelObstacleSolver(
+    inputData.mergedNetLabelObstacleSolver as any,
+  )
+  const solver2 = new NetLabelPlacementSolver(
+    inputData.netLabelPlacementSolver as any,
+  )
+  solver1.solve()
+  solver2.solve()
+  const sideBySide = getSvgFromGraphicsObject(
+    stackGraphicsHorizontally([solver2.visualize(), solver1.visualize()], {
+      titles: ["NetLabelPlacementSolver", "MergedNetLabelObstacles"],
+    }),
+    {
+      backgroundColor: "white",
+    },
+  )
+  expect(sideBySide).toMatchSvgSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/renderComparisonView02.test.ts

@@ -0,0 +1,27 @@
+import { MergedNetLabelObstacleSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/LabelMergingSolver/LabelMergingSolver"
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import {
+  getSvgFromGraphicsObject,
+  stackGraphicsHorizontally,
+} from "graphics-debug"
+import { SingleOverlapSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/SingleOverlapSolver/SingleOverlapSolver"
+import inputData from "../../../assets/2.input.json"
+
+test("MergedNetLabelObstaclesSolver-to-SingleOverlapSolver snapshot", () => {
+  const solver1 = new MergedNetLabelObstacleSolver(
+    inputData.mergedNetLabelObstacleSolver as any,
+  )
+  const solver2 = new SingleOverlapSolver(inputData.singleOverlapSolver as any)
+  solver1.solve()
+  solver2.solve()
+  const sideBySide = getSvgFromGraphicsObject(
+    stackGraphicsHorizontally([solver1.visualize(), solver2.visualize()], {
+      titles: ["MergedNetLabelObstaclesSolver", "SingleOverlapSolver"],
+    }),
+    {
+      backgroundColor: "white",
+    },
+  )
+  expect(sideBySide).toMatchSvgSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/renderComparisonView/renderComparisonView03.test.ts

@@ -0,0 +1,39 @@
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import {
+  getSvgFromGraphicsObject,
+  stackGraphicsHorizontally,
+} from "graphics-debug"
+import { SingleOverlapSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/SingleOverlapSolver/SingleOverlapSolver"
+import { TraceCleanupSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/TraceCleanupSolver/TraceCleanupSolver"
+import inputData from "../../../assets/3.input.json"
+
+test("SingleOverlapSolver-to-TraceCleanupSolver snapshot", () => {
+  // Convert targetTraceIds to Set
+  // @ts-expect-error
+  inputData.traceCleanupSolver.targetTraceIds = new Set(
+    inputData.traceCleanupSolver.targetTraceIds,
+  )
+
+  // Convert mergedLabelNetIdMap arrays to Sets
+  // @ts-expect-error
+  inputData.traceCleanupSolver.mergedLabelNetIdMap = Object.fromEntries(
+    Object.entries(inputData.traceCleanupSolver.mergedLabelNetIdMap).map(
+      ([key, value]) => [key, new Set(value)],
+    ),
+  )
+
+  const solver1 = new TraceCleanupSolver(inputData.traceCleanupSolver as any)
+  const solver2 = new SingleOverlapSolver(inputData.singleOverlapSolver as any)
+  solver1.solve()
+  solver2.solve()
+  const sideBySide = getSvgFromGraphicsObject(
+    stackGraphicsHorizontally([solver2.visualize(), solver1.visualize()], {
+      titles: ["SingleOverlapSolver", "TraceCleanupSolver"],
+    }),
+    {
+      backgroundColor: "white",
+    },
+  )
+  expect(sideBySide).toMatchSvgSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/MergedNetLabelObstacles.test.ts

@@ -0,0 +1,14 @@
+import { MergedNetLabelObstacleSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/LabelMergingSolver/LabelMergingSolver"
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import inputData from "../../../assets/MergedNetLabelObstacles.test.input.json"
+
+test("LabelMergingSolver snapshot", () => {
+  const solver = new MergedNetLabelObstacleSolver({
+    netLabelPlacements: inputData.netLabelPlacements as any,
+    inputProblem: inputData.inputProblem as any,
+    traces: inputData.traces as any,
+  })
+  solver.solve()
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/OverlapAvoidanceStepSolver.test.ts

@@ -0,0 +1,20 @@
+import { OverlapAvoidanceStepSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/OverlapAvoidanceStepSolver/OverlapAvoidanceStepSolver"
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import inputData from "../../../assets/OverlapAvoidanceStepSolver.test.input.json"
+
+test("OverlapAvoidanceStepSolver snapshot", () => {
+  const solver = new OverlapAvoidanceStepSolver({
+    inputProblem: inputData.problem as any,
+    traces: inputData.traces as any,
+    netLabelPlacements: inputData.netLabelPlacements as any,
+    mergedLabelNetIdMap: Object.fromEntries(
+      Object.entries(inputData.mergedLabelNetIdMap).map(([k, v]) => [
+        k,
+        new Set(v as any),
+      ]),
+    ),
+  } as any)
+  solver.solve()
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/SingleOverlapSolver.test.ts

@@ -0,0 +1,10 @@
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import { SingleOverlapSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/SingleOverlapSolver/SingleOverlapSolver"
+import inputData from "../../../assets/SingleOverlapSolver.test.input.json"
+
+test("SingleOverlapSolver snapshot", () => {
+  const solver = new SingleOverlapSolver(inputData as any)
+  solver.solve()
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/solvers/TraceLabelOverlapAvoidanceSolver/sub-solver/TraceCleanupSolver.test.ts

@@ -0,0 +1,19 @@
+import { expect } from "bun:test"
+import { test } from "bun:test"
+import { TraceCleanupSolver } from "lib/solvers/TraceLabelOverlapAvoidanceSolver/sub-solvers/TraceCleanupSolver/TraceCleanupSolver"
+import inputData from "../../../assets/TraceCleanupSolver.test.input.json"
+
+test("TraceCleanupSolver snapshot", () => {
+  const solver = new TraceCleanupSolver({
+    ...inputData,
+    targetTraceIds: new Set(inputData.targetTraceIds),
+    mergedLabelNetIdMap: Object.fromEntries(
+      Object.entries(inputData.mergedLabelNetIdMap).map(([k, v]) => [
+        k,
+        new Set(v as any),
+      ]),
+    ),
+  } as any)
+  solver.solve()
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})