@tscircuit/schematic-trace-solver 0.0.149 → 0.0.150

package/tests/solvers/SchematicTraceSingleLineSolver2/__snapshots__/SchematicTraceSingleLineSolver2_01-example17-d1_1-u1_1.snap.svg

@@ -1,4 +1,6 @@
-<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><polyline data-points="1.15,-0.30000000000000004 1.8499999999999996,-0.3000000000000007" data-type="line" data-label="" points="336.1256544502618,395.86387434554973 387.43455497382195,395.8638743455498" fill="none" stroke="hsl(160, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="2.95,-0.3000000000000007 3.6500000000000004,-0.3000000000000007" data-type="line" data-label="" points="468.0628272251309,395.8638743455498 519.3717277486911,395.8638743455498" fill="none" stroke="hsl(48, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 167.5392670157068,289.58115183246076" fill="none" stroke="hsl(280, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.10000000000000003 -1.85,0.10000000000000002" data-type="line" data-label="" points="167.5392670157068,366.5445026178011 116.2303664921466,366.5445026178011" fill="none" stroke="hsl(48, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.3499999999999999,0.30000000000000004 -1.3499999999999999,0.7250000000000001 -1.1500000000000004,0.7250000000000001 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 152.87958115183247,351.8848167539267 152.87958115183247,320.73298429319374 167.5392670157068,320.73298429319374 167.5392670157068,289.58115183246076" fill="none" stroke="red" stroke-width="1px" stroke-dasharray="4 4"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 167.5392670157068,289.58115183246076" fill="none" stroke="blue" stroke-width="1px" stroke-dasharray="5 5"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.3499999999999999,0.30000000000000004 -1.3499999999999999,0.7250000000000001 -1.1500000000000004,0.7250000000000001 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 152.87958115183247,351.8848167539267 152.87958115183247,320.73298429319374 167.5392670157068,320.73298429319374 167.5392670157068,289.58115183246076" fill="none" stroke="green" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="167.5392670157068" y="337.22513089005236" width="168.58638743455498" height="73.29842931937173" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="-1.1500000000000004" data-y="1.6700000000000002" x="129.4240837696335" y="213.3507853403141" width="76.2303664921466" height="76.23036649214663" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="-2.37" data-y="0.10000000000000009" x="40.000000000000014" y="346.75392670157066" width="76.2303664921466" height="39.58115183246076" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_3" data-x="2.4" data-y="-0.3000000000000007" x="387.43455497382195" y="365.07853403141365" width="80.62827225130894" height="61.57068062827227" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_4" data-x="4.2" data-y="-0.3000000000000007" x="519.371727748691" y="365.07853403141365" width="80.62827225130889" height="61.57068062827227" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><circle data-type="point" data-label="U1.1
+<svg width="2416" height="1200" viewBox="0 0 2416 1200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solver debug visualization on the left and Circuit JSON schematic on the right">
+  <g transform="translate(0, 0) scale(1.875, 1.875) translate(0, 0)">
+    <rect width="100%" height="100%" fill="white"/><g><polyline data-points="1.15,-0.30000000000000004 1.8499999999999996,-0.3000000000000007" data-type="line" data-label="" points="336.1256544502618,395.86387434554973 387.43455497382195,395.8638743455498" fill="none" stroke="hsl(160, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="2.95,-0.3000000000000007 3.6500000000000004,-0.3000000000000007" data-type="line" data-label="" points="468.0628272251309,395.8638743455498 519.3717277486911,395.8638743455498" fill="none" stroke="hsl(48, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 167.5392670157068,289.58115183246076" fill="none" stroke="hsl(280, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.10000000000000003 -1.85,0.10000000000000002" data-type="line" data-label="" points="167.5392670157068,366.5445026178011 116.2303664921466,366.5445026178011" fill="none" stroke="hsl(48, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.3499999999999999,0.30000000000000004 -1.3499999999999999,0.7250000000000001 -1.1500000000000004,0.7250000000000001 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 152.87958115183247,351.8848167539267 152.87958115183247,320.73298429319374 167.5392670157068,320.73298429319374 167.5392670157068,289.58115183246076" fill="none" stroke="red" stroke-width="1px" stroke-dasharray="4 4"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 167.5392670157068,289.58115183246076" fill="none" stroke="blue" stroke-width="1px" stroke-dasharray="5 5"/></g><g><polyline data-points="-1.15,0.30000000000000004 -1.3499999999999999,0.30000000000000004 -1.3499999999999999,0.7250000000000001 -1.1500000000000004,0.7250000000000001 -1.1500000000000004,1.15" data-type="line" data-label="" points="167.5392670157068,351.8848167539267 152.87958115183247,351.8848167539267 152.87958115183247,320.73298429319374 167.5392670157068,320.73298429319374 167.5392670157068,289.58115183246076" fill="none" stroke="green" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="167.5392670157068" y="337.22513089005236" width="168.58638743455498" height="73.29842931937173" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="-1.1500000000000004" data-y="1.6700000000000002" x="129.4240837696335" y="213.3507853403141" width="76.2303664921466" height="76.23036649214663" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="-2.37" data-y="0.10000000000000009" x="40.000000000000014" y="346.75392670157066" width="76.2303664921466" height="39.58115183246076" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_3" data-x="2.4" data-y="-0.3000000000000007" x="387.43455497382195" y="365.07853403141365" width="80.62827225130894" height="61.57068062827227" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><rect data-type="rect" data-label="schematic_component_4" data-x="4.2" data-y="-0.3000000000000007" x="519.371727748691" y="365.07853403141365" width="80.62827225130889" height="61.57068062827227" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.013642857142857144"/></g><g><circle data-type="point" data-label="U1.1
 x-" data-x="-1.15" data-y="0.30000000000000004" cx="167.5392670157068" cy="351.8848167539267" r="3" fill="hsl(319, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.2
 x-" data-x="-1.15" data-y="0.10000000000000003" cx="167.5392670157068" cy="366.5445026178011" r="3" fill="hsl(320, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.3
 x-" data-x="-1.15" data-y="-0.09999999999999998" cx="167.5392670157068" cy="381.2041884816754" r="3" fill="hsl(321, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.4
@@ -24,7 +26,7 @@ x+" data-x="4.75" data-y="-0.3000000000000007" cx="600" cy="395.8638743455498" r
                 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');
@@ -43,13 +45,13 @@ x+" data-x="4.75" data-y="-0.3000000000000007" cx="600" cy="395.8638743455498" r
                 // y' = (y - ty) / sy
                 const sx = matrix.a;
                 const sy = matrix.d;
-                const tx = matrix.e; 
+                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());
@@ -57,4 +59,20 @@ x+" data-x="4.75" data-y="-0.3000000000000007" cx="600" cy="395.8638743455498" r
               document.currentScript.parentElement.addEventListener('mouseleave', () => {
                 document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
               });
-            ]]></script></svg>
+            ]]></script>
+  </g>
+  <g transform="translate(1216, 200)">
+    <style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="800"/><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"><path d="M 308.91089108918504 452.42024202417 L 282.5082508251651 452.42024202417 L 282.5082508251651 396.3146314631275 L 308.91089108918493 396.3146314631275 L 308.91089108918493 340.20902090208506" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="21.122112211216px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 308.91089108918504 452.42024202417 L 282.5082508251651 452.42024202417 L 282.5082508251651 396.3146314631275 L 308.91089108918493 396.3146314631275 L 308.91089108918493 340.20902090208506" stroke="rgb(0, 150, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component chip sch-component-body" x="361.71617161722503" y="426.01760176015" width="198.01980198015002" height="132.01320132010005" stroke-width="2.640264026402px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="361.71617161722503" y="426.01760176015" width="198.01980198015002" height="132.01320132010005" fill="transparent"/><text class="sch-text" x="460.7260726073" y="492.0242024202" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.762376237618px" transform="rotate(0, 460.7260726073, 492.0242024202)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="361.71617161722503" y1="452.42024202417" x2="308.91089108918504" y2="452.42024202417" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="306.27062706278303" y="449.779977997768" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="335.313531353205" y="449.779977997768" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="361.71617161722503" y1="478.82288228819004" x2="311.551155115587" y2="478.82288228819004" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="308.91089108918504" cy="478.82288228819004" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="306.27062706278303" y="476.18261826178804" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="335.313531353205" y="476.18261826178804" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="361.71617161722503" y1="505.22552255221" x2="311.551155115587" y2="505.22552255221" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="308.91089108918504" cy="505.22552255221" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="306.27062706278303" y="502.585258525808" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="335.313531353205" y="502.585258525808" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="361.71617161722503" y1="531.6281628162301" x2="311.551155115587" y2="531.6281628162301" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="308.91089108918504" cy="531.6281628162301" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="306.27062706278303" y="528.9878987898281" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="335.313531353205" y="528.987898789828" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="559.735973597375" y1="531.6281628162301" x2="609.900990099013" y2="531.6281628162301" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="612.541254125415" cy="531.6281628162301" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="609.900990099013" y="528.9878987898281" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="586.138613861395" y="528.987898789828" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="559.735973597375" y1="505.22552255221" x2="609.900990099013" y2="505.22552255221" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="612.541254125415" cy="505.22552255221" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="609.900990099013" y="502.585258525808" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="586.138613861395" y="502.58525852580806" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="559.735973597375" y1="478.82288228819004" x2="609.900990099013" y2="478.82288228819004" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="612.541254125415" cy="478.82288228819004" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="609.900990099013" y="476.18261826178804" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="586.138613861395" y="476.18261826178804" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="559.735973597375" y1="452.42024202417" x2="609.900990099013" y2="452.42024202417" stroke-width="2.640264026402px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="612.541254125415" cy="452.42024202417" r="2.640264026402" stroke-width="2.640264026402px"/><rect x="609.900990099013" y="449.779977997768" width="5.280528052804" height="5.280528052804" opacity="0"/></g><text class="pin-number sch-pin-number" x="586.138613861395" y="449.779977997768" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.801980198015px" transform="">8</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1__stack1"><rect class="component-overlay sch-component-overlay" x="290.42904290437093" y="202.91529152918102" width="35.64356435642702" height="137.29372937290404" fill="transparent"/><path class="sch-component-symbol-path" d="M 308.91089108918493 253.08030803081903 L 326.07260726079795 287.403740374045" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 290.42904290437093 287.403740374045 L 308.91089108918493 253.08030803081903" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 326.07260726079795 287.403740374045 L 290.42904290437093 287.403740374045" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 290.42904290437093 253.08030803081903 L 326.07260726079795 253.08030803081903" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 308.91089108918493 287.403740374045 L 308.91089108918493 340.20902090208506" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 308.91089108918493 202.91529152918102 L 308.91089108918493 251.76017601761805" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="278.5478547855619" y="272.88228822883406" stroke="rgb(245, 241, 237)" stroke-width="2.640264026402px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="end" dominant-baseline="middle" font-size="23.762376237618px">D1</text><text class="sch-component-text" x="349.8349834984159" y="271.562156215633" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="start" dominant-baseline="middle" font-size="23.762376237618px"></text><circle class="component-pin sch-component-pin" cx="308.91089108918493" cy="202.91529152918102" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_2__stack1"><rect class="component-overlay sch-component-overlay" x="79.20792079221101" y="461.661166116577" width="137.293729372904" height="35.643564356426964" fill="transparent"/><path class="sch-component-symbol-path" d="M 129.37293729384902 478.82288228819 L 163.696369637075 461.661166116577" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 163.696369637075 497.304730473004 L 129.37293729384902 478.82288228819" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 163.696369637075 461.661166116577 L 163.696369637075 497.304730473004" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 129.37293729384902 497.304730473004 L 129.37293729384902 461.661166116577" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 163.696369637075 478.82288228819 L 216.50165016511502 478.82288228819" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 79.20792079221101 478.82288228819 L 128.05280528064802 478.82288228819" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="149.17491749186402" y="509.185918591813" stroke="rgb(245, 241, 237)" stroke-width="2.640264026402px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="23.762376237618px">D2</text><text class="sch-component-text" x="147.85478547866302" y="437.898789878959" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="23.762376237618px"></text><circle class="component-pin sch-component-pin" cx="216.50165016511502" cy="478.82288228819" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="79.20792079221101" cy="478.82288228819" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_3__stack1"><rect class="component-overlay sch-component-overlay" x="704.950495049485" y="492.8994499449523" width="145.21452145211015" height="77.45742574255547" fill="transparent"/><path class="sch-component-symbol-path" d="M 850.1650165015951 531.6281628162301 L 792.0792079207511 531.6281628162301" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 763.036303630329 531.6281628162301 L 704.950495049485 531.6281628162301" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 792.0792079207511 492.8994499449523 L 792.0792079207511 570.3568756875078" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 763.036303630329 492.8994499449523 L 763.036303630329 570.3568756875078" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="777.55775577554" y="473.54235423538603" stroke="rgb(245, 241, 237)" stroke-width="2.640264026402px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="23.762376237618px">C1</text><text class="sch-component-text" x="777.55775577554" y="589.7139713970741" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="23.762376237618px"></text><circle class="component-pin sch-component-pin" cx="704.950495049485" cy="531.6281628162301" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="850.1650165015951" cy="531.6281628162301" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_4__stack1"><rect class="component-overlay sch-component-overlay" x="942.5742574256651" y="492.8994499449524" width="145.21452145210992" height="77.45742574255542" fill="transparent"/><path class="sch-component-symbol-path" d="M 1087.788778877775 531.6281628162301 L 1029.702970296931 531.6281628162301" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 1000.660066006509 531.6281628162301 L 942.5742574256651 531.6281628162301" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 1029.702970296931 492.8994499449524 L 1029.702970296931 570.3568756875078" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 1000.660066006509 492.8994499449524 L 1000.660066006509 570.3568756875078" stroke="rgb(132, 0, 0)" fill="none" stroke-width="2.640264026402px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="1015.1815181517201" y="473.5423542353861" stroke="rgb(245, 241, 237)" stroke-width="2.640264026402px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="23.762376237618px">C2</text><text class="sch-component-text" x="1015.1815181517201" y="589.713971397074" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="23.762376237618px"></text><circle class="component-pin sch-component-pin" cx="942.5742574256651" cy="531.6281628162301" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="1087.788778877775" cy="531.6281628162301" r="2.640264026402px" stroke-width="2.640264026402px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="308.91089108918504" cy="452.42024202417" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="308.91089108918504" cy="478.82288228819004" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="308.91089108918504" cy="505.22552255221" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="308.91089108918504" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="612.541254125415" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="612.541254125415" cy="505.22552255221" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="612.541254125415" cy="478.82288228819004" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="612.541254125415" cy="452.42024202417" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="308.91089108918493" cy="340.20902090208506" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="308.91089108918493" cy="202.91529152918105" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_0__stack1"><circle cx="216.501650165115" cy="478.82288228819004" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_1__stack1"><circle cx="79.20792079221098" cy="478.82288228819" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_3_0__stack1"><circle cx="737.95379537951" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_3_1__stack1"><circle cx="883.1683168316201" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_4_0__stack1"><circle cx="975.57755775569" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_4_1__stack1"><circle cx="1120.7920792078" cy="531.6281628162301" r="5.280528052804" fill="red" opacity="0"/></g>
+  </g>
+</svg>

package/tests/solvers/SchematicTraceSingleLineSolver2/__snapshots__/SchematicTraceSingleLineSolver2_repro47-short-opposing-pins.snap.svg

@@ -1,4 +1,6 @@
-<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><polyline data-points="3.4,0.095 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 378.21782178217813,333.86138613861385" fill="none" stroke="hsl(112, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="3.4,0.095 3.465,0.095 3.505,0.095 3.505,0.045 3.545,0.045 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 297.82178217821775,306.13861386138615 320,306.13861386138615 320,333.86138613861385 342.17821782178225,333.86138613861385 378.21782178217813,333.86138613861385" fill="none" stroke="red" stroke-width="1px" stroke-dasharray="4 4"/></g><g><polyline data-points="3.4,0.095 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 378.21782178217813,333.86138613861385" fill="none" stroke="blue" stroke-width="1px" stroke-dasharray="5 5"/></g><g><polyline data-points="3.4,0.095 3.465,0.095 3.505,0.095 3.505,0.045 3.545,0.045 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 297.82178217821775,306.13861386138615 320,306.13861386138615 320,333.86138613861385 342.17821782178225,333.86138613861385 378.21782178217813,333.86138613861385" fill="none" stroke="green" stroke-width="1px"/></g><g><rect data-type="rect" data-label="D2" data-x="3.2" data-y="0.095" x="40" y="250.69306930693068" width="221.7821782178221" height="110.89108910891093" fill="hsl(358, 100%, 50%, 0.1)" stroke="black" stroke-width="0.0018035714285714283"/></g><g><rect data-type="rect" data-label="SW2" data-x="3.81" data-y="0.045" x="378.21782178217825" y="278.41584158415844" width="221.78217821782187" height="110.89108910891088" fill="hsl(70, 100%, 50%, 0.1)" stroke="black" stroke-width="0.0018035714285714283"/></g><g><circle data-type="point" data-label="D2.cathode
+<svg width="2416" height="1200" viewBox="0 0 2416 1200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solver debug visualization on the left and Circuit JSON schematic on the right">
+  <g transform="translate(0, 0) scale(1.875, 1.875) translate(0, 0)">
+    <rect width="100%" height="100%" fill="white"/><g><polyline data-points="3.4,0.095 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 378.21782178217813,333.86138613861385" fill="none" stroke="hsl(112, 100%, 50%, 0.1)" stroke-width="1px"/></g><g><polyline data-points="3.4,0.095 3.465,0.095 3.505,0.095 3.505,0.045 3.545,0.045 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 297.82178217821775,306.13861386138615 320,306.13861386138615 320,333.86138613861385 342.17821782178225,333.86138613861385 378.21782178217813,333.86138613861385" fill="none" stroke="red" stroke-width="1px" stroke-dasharray="4 4"/></g><g><polyline data-points="3.4,0.095 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 378.21782178217813,333.86138613861385" fill="none" stroke="blue" stroke-width="1px" stroke-dasharray="5 5"/></g><g><polyline data-points="3.4,0.095 3.465,0.095 3.505,0.095 3.505,0.045 3.545,0.045 3.61,0.045" data-type="line" data-label="" points="261.78217821782187,306.13861386138615 297.82178217821775,306.13861386138615 320,306.13861386138615 320,333.86138613861385 342.17821782178225,333.86138613861385 378.21782178217813,333.86138613861385" fill="none" stroke="green" stroke-width="1px"/></g><g><rect data-type="rect" data-label="D2" data-x="3.2" data-y="0.095" x="40" y="250.69306930693068" width="221.7821782178221" height="110.89108910891093" fill="hsl(358, 100%, 50%, 0.1)" stroke="black" stroke-width="0.0018035714285714283"/></g><g><rect data-type="rect" data-label="SW2" data-x="3.81" data-y="0.045" x="378.21782178217825" y="278.41584158415844" width="221.78217821782187" height="110.89108910891088" fill="hsl(70, 100%, 50%, 0.1)" stroke="black" stroke-width="0.0018035714285714283"/></g><g><circle data-type="point" data-label="D2.cathode
 x+" data-x="3.4" data-y="0.095" cx="261.78217821782187" cy="306.13861386138615" r="3" fill="hsl(22, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="SW2.pin1
 x-" data-x="3.61" data-y="0.045" cx="378.21782178217813" cy="333.86138613861385" r="3" fill="hsl(12, 100%, 50%, 0.8)"/></g><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) => {
@@ -43,4 +45,20 @@ x-" data-x="3.61" data-y="0.045" cx="378.21782178217813" cy="333.86138613861385"
               document.currentScript.parentElement.addEventListener('mouseleave', () => {
                 document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
               });
-            ]]></script></svg>
+            ]]></script>
+  </g>
+  <g transform="translate(1216, 200)">
+    <style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="800"/><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"><path d="M 516.8 384 L 558.3999999999999 384 L 583.9999999999998 384 L 583.9999999999998 416 L 609.6000000000001 416 L 651.2 416" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="102.4px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 516.8 384 L 558.3999999999999 384 L 583.9999999999998 384 L 583.9999999999998 416 L 609.6000000000001 416 L 651.2 416" stroke="rgb(0, 150, 0)" fill="none" stroke-width="12.8px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component chip sch-component-body" x="356.8000000000002" y="320" width="63.99999999999977" height="128" stroke-width="12.8px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="356.8000000000002" y="320" width="63.99999999999977" height="128" fill="transparent"/><text class="sch-text" x="388.79999999999995" y="384" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="64px" transform="rotate(0, 388.79999999999995, 384)">D2</text><line class="component-pin sch-component-pin sch-port-line" x1="420.79999999999995" y1="384" x2="516.8" y2="384" stroke-width="12.8px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="503.99999999999994" y="371.2" width="25.6" height="25.6" opacity="0"/></g><text class="pin-number sch-pin-number" x="468.79999999999995" y="371.2" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="96px" transform=""></text><text class="pin-number sch-pin-label" x="356.8000000000002" y="384" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="end" dominant-baseline="middle" font-size="96px" transform="">cathode</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1__stack1"><rect class="component chip sch-component-body" x="747.2" y="352" width="64" height="128" stroke-width="12.8px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="747.2" y="352" width="64" height="128" fill="transparent"/><text class="sch-text" x="779.2" y="416" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="64px" transform="rotate(0, 779.2, 416)">SW2</text><line class="component-pin sch-component-pin sch-port-line" x1="747.2" y1="416" x2="651.2" y2="416" stroke-width="12.8px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="638.4000000000001" y="403.2" width="25.6" height="25.6" opacity="0"/></g><text class="pin-number sch-pin-number" x="699.2" y="403.2" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="96px" transform=""></text><text class="pin-number sch-pin-label" x="811.2" y="416" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="start" dominant-baseline="middle" font-size="96px" transform="">pin1</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="516.8" cy="384" r="25.6" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="651.2" cy="416" r="25.6" fill="red" opacity="0"/></g>
+  </g>
+</svg>

package/tests/solvers/TraceCleanupSolver/__snapshots__/TraceCleanupSolver.snap.svg

@@ -1,4 +1,6 @@
-<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><polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 353.6,465.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,174.68 353.6,420.52" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2975000000000003 1.049,-1.2975000000000003 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 331.20000000000005,241.88 331.20000000000005,353.6 291.88800000000003,353.6 291.88800000000003,465.32000000000005 353.6,465.31999999999994" fill="none" stroke="red" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="152.28000000000003" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6000000000001" y="398.12" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.008928571428571428"/></g><g><circle data-type="point" data-label="U1.1
+<svg width="2416" height="1200" viewBox="0 0 2416 1200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solver debug visualization on the left and Circuit JSON schematic on the right">
+  <g transform="translate(0, 0) scale(1.875, 1.875) translate(0, 0)">
+    <rect width="100%" height="100%" fill="white"/><g><polyline data-points="1.2000000000000002,-0.30000000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 353.6,465.31999999999994" fill="none" stroke="hsl(157, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.6,-1.895" data-type="line" data-label="" points="308.80000000000007,174.68 353.6,420.52" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,-0.30000000000000004 1.4000000000000001,-0.30000000000000004 1.4000000000000001,-1.2975000000000003 1.049,-1.2975000000000003 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,241.88 331.20000000000005,241.88 331.20000000000005,353.6 291.88800000000003,353.6 291.88800000000003,465.32000000000005 353.6,465.31999999999994" fill="none" stroke="red" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="152.28000000000003" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.7" data-y="-2.095" x="353.6000000000001" y="398.12" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.1)" stroke="black" stroke-width="0.008928571428571428"/></g><g><circle data-type="point" data-label="U1.1
 x+" data-x="1.2000000000000002" data-y="-0.30000000000000004" cx="308.80000000000007" cy="241.88" 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" cy="241.88" 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="308.80000000000007" cy="197.08" r="3" fill="hsl(321, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.4
@@ -19,7 +21,7 @@ x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="
                 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');
@@ -38,13 +40,13 @@ x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="
                 // y' = (y - ty) / sy
                 const sx = matrix.a;
                 const sy = matrix.d;
-                const tx = matrix.e; 
+                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());
@@ -52,4 +54,41 @@ x-" data-x="1.6" data-y="-2.295" cx="353.6" cy="465.31999999999994" r="3" fill="
               document.currentScript.parentElement.addEventListener('mouseleave', () => {
                 document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
               });
-            ]]></script></svg>
+            ]]></script>
+  </g>
+  <g transform="translate(1216, 200)">
+    <style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="800"/><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"><path d="M 628.62640945314 248.09554859336 L 666.7949553905801 248.09554859336 L 666.7949553905801 438.4611714563421 L 599.8091572703728 438.4611714563421 L 599.8091572703728 628.8267943193241 L 704.96350132802 628.826794319324" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="30.534836749952003px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 628.62640945314 248.09554859336 L 666.7949553905801 248.09554859336 L 666.7949553905801 438.4611714563421 L 599.8091572703728 438.4611714563421 L 599.8091572703728 628.8267943193241 L 704.96350132802 628.826794319324" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.8168545937440004px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component chip sch-component-body" x="246.94095007873997" y="95.4213648436" width="305.34836749952" height="190.84272968719998" stroke-width="3.8168545937440004px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="246.94095007873997" y="95.4213648436" width="305.34836749952" height="190.84272968719998" fill="transparent"/><text class="sch-text" x="399.6151338285" y="190.8427296872" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="34.351691343696px" transform="rotate(0, 399.6151338285, 190.8427296872)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="552.28931757826" y1="248.09554859336" x2="628.62640945314" y2="248.09554859336" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="624.809554859396" y="244.278693999616" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="590.4578635157001" y="244.278693999616" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="246.94095007873997" y1="248.09554859336" x2="174.42071279760398" y2="248.09554859336" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="170.60385820385997" cy="248.09554859336" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="166.78700361011596" y="244.278693999616" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="208.77240414129997" y="244.278693999616" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="552.28931757826" y1="171.75845671848" x2="624.809554859396" y2="171.75845671848" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="628.62640945314" cy="171.75845671848" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="624.809554859396" y="167.941602124736" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="590.4578635157001" y="167.941602124736" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="246.94095007873997" y1="133.58991078104" x2="174.42071279760398" y2="133.58991078104" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="170.60385820385997" cy="133.58991078104" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="166.78700361011596" y="129.773056187296" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="208.77240414129997" y="129.773056187296" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="246.94095007873997" y1="171.75845671848" x2="174.42071279760398" y2="171.75845671848" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="170.60385820385997" cy="171.75845671848" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="166.78700361011596" y="167.941602124736" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="208.77240414129997" y="167.941602124736" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="246.94095007873997" y1="209.92700265592" x2="174.42071279760398" y2="209.92700265592" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="170.60385820385997" cy="209.92700265592" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="166.78700361011596" y="206.110148062176" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="208.77240414129997" y="206.110148062176" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="552.28931757826" y1="209.92700265592" x2="624.809554859396" y2="209.92700265592" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="628.62640945314" cy="209.92700265592" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="624.809554859396" y="206.110148062176" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="590.4578635157001" y="206.11014806217602" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="552.28931757826" y1="133.58991078104" x2="624.809554859396" y2="133.58991078104" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="628.62640945314" cy="133.58991078104" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="624.809554859396" y="129.773056187296" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="590.4578635157001" y="129.773056187296" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">8</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1__stack1"><rect class="component chip sch-component-body" x="781.3005932029" y="514.321156507004" width="267.1798215620802" height="152.67418374976" stroke-width="3.8168545937440004px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="781.3005932029" y="514.321156507004" width="267.1798215620802" height="152.67418374976" fill="transparent"/><text class="sch-text" x="914.8905039839401" y="590.658248381884" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="34.351691343696px" transform="rotate(0, 914.8905039839401, 590.658248381884)">J1</text><line class="component-pin sch-component-pin sch-port-line" x1="781.3005932029" y1="552.489702444444" x2="708.7803559217641" y2="552.489702444444" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="704.96350132802" cy="552.489702444444" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="701.146646734276" y="548.6728478507" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="743.13204726546" y="548.6728478507" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="781.3005932029" y1="590.658248381884" x2="708.7803559217641" y2="590.658248381884" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_1_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="704.96350132802" cy="590.658248381884" r="3.8168545937440004" stroke-width="3.8168545937440004px"/><rect x="701.146646734276" y="586.8413937881401" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="743.13204726546" y="586.8413937881401" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="781.3005932029" y1="628.826794319324" x2="704.96350132802" y2="628.826794319324" stroke-width="3.8168545937440004px"/><g class="sch-port" data-schematic-port-id="source_port_1_2__stack1"><rect x="701.146646734276" y="625.00993972558" width="7.633709187488001" height="7.633709187488001" opacity="0"/></g><text class="pin-number sch-pin-number" x="743.13204726546" y="625.00993972558" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="28.62640945308px" transform="">3</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="628.62640945314" cy="248.09554859336" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="170.60385820385997" cy="248.09554859336" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="628.62640945314" cy="171.75845671848" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="170.60385820385997" cy="133.58991078104" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="170.60385820385997" cy="171.75845671848" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="170.60385820385997" cy="209.92700265592" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="628.62640945314" cy="209.92700265592" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="628.62640945314" cy="133.58991078104" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="704.96350132802" cy="552.489702444444" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="704.96350132802" cy="590.658248381884" r="7.633709187488001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_2__stack1"><circle cx="704.96350132802" cy="628.826794319324" r="7.633709187488001" fill="red" opacity="0"/></g><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" d="
+    M 666.7949553905801,628.826794319324
+    L 685.8792283593001,639.1323017224328
+    L 685.8792283593001,704.5786351564966
+    L 647.71068242186,704.5786351564966
+    L 647.71068242186,639.1323017224328
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.8168545937440004px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" x="666.7949553905801" y="646.002639991172" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="34.351691343696px" transform="rotate(90 666.7949553905801 646.002639991172)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" d="
+    M 628.62640945314,133.58991078104
+    L 638.9319168562488,114.50563781232
+    L 704.3782502903126,114.50563781232
+    L 704.3782502903126,152.67418374976
+    L 638.9319168562488,152.67418374976
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.8168545937440004px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" x="645.802255124988" y="133.58991078104" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="34.351691343696px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_2__stack1" d="
+    M 704.96350132802,552.489702444444
+    L 694.6579939249112,571.573975413164
+    L 629.2116604908474,571.573975413164
+    L 629.2116604908474,533.405429475724
+    L 694.6579939249112,533.405429475724
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.8168545937440004px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_2__stack1" x="687.787655656172" y="552.489702444444" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="34.351691343696px" transform="">XX</text>
+  </g>
+</svg>