npm - @tscircuit/schematic-trace-solver - Versions diffs - 0.0.148 → 0.0.150 - Mend

@tscircuit/schematic-trace-solver 0.0.148 → 0.0.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/tests/examples/__snapshots__/example22.snap.svg CHANGED Viewed

@@ -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,253.13599999999997 353.6,476.5759999999999" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" 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,185.93599999999998 353.6,431.77599999999995" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,-0.30000000000000004 1.299,-0.30000000000000004 1.299,-1.2975000000000003 1.049,-1.2975000000000003 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,253.13599999999997 319.88800000000003,253.13599999999997 319.88800000000003,364.856 291.88800000000003,364.856 291.88800000000003,476.576 353.6,476.5759999999999" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.3010000000000002,0.30000000000000004 1.3010000000000002,0.5010000000000001" data-type="line" data-label="" points="308.80000000000007,185.93599999999998 320.1120000000001,185.93599999999998 320.1120000000001,163.42399999999998" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.6,-1.895 1.499,-1.895 1.499,-1.6940000000000002" data-type="line" data-label="" points="353.6,431.77599999999995 342.288,431.77599999999995 342.288,409.264" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="163.536" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.8)" 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="409.376" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="netId: GND
+<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,253.13599999999997 353.6,476.5759999999999" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" 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,185.93599999999998 353.6,431.77599999999995" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,-0.30000000000000004 1.299,-0.30000000000000004 1.299,-1.2975000000000003 1.049,-1.2975000000000003 1.049,-2.2950000000000004 1.6,-2.295" data-type="line" data-label="" points="308.80000000000007,253.13599999999997 319.88800000000003,253.13599999999997 319.88800000000003,364.856 291.88800000000003,364.856 291.88800000000003,476.576 353.6,476.5759999999999" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.3010000000000002,0.30000000000000004 1.3010000000000002,0.5010000000000001" data-type="line" data-label="" points="308.80000000000007,185.93599999999998 320.1120000000001,185.93599999999998 320.1120000000001,163.42399999999998" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.6,-1.895 1.499,-1.895 1.499,-1.6940000000000002" data-type="line" data-label="" points="353.6,431.77599999999995 342.288,431.77599999999995 342.288,409.264" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="163.536" width="268.80000000000007" height="111.99999999999997" fill="hsl(24, 100%, 50%, 0.8)" 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="409.376" width="246.39999999999998" height="89.60000000000002" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net0" data-x="1.049" data-y="-2.5200000000000005" x="280.68800000000005" y="476.5760000000001" width="22.399999999999977" height="50.39999999999998" fill="#00000066" stroke="#000000" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net1" data-x="1.3010000000000002" data-y="0.7260000000000001" x="308.91200000000003" y="113.02399999999996" width="22.400000000000034" height="50.400000000000006" fill="#ef444466" stroke="#ef4444" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net1" data-x="1.499" data-y="-1.469" x="331.08799999999997" y="358.8639999999999" width="22.400000000000034" height="50.400000000000034" fill="#ef444466" stroke="#ef4444" stroke-width="0.008928571428571428"/></g><g><rect data-type="rect" data-label="netId: MMM
@@ -27,7 +29,7 @@ orientation: x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="454.176" 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');
@@ -46,13 +48,13 @@ orientation: x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="454.176" 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());
@@ -60,4 +62,48 @@ orientation: x-" data-x="1.6" data-y="-2.095" cx="353.6" cy="454.176" 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 626.14455031382 295.94468975138 L 643.3999535208884 295.94468975138 L 643.3999535208884 469.80594933775103 L 599.8257029979884 469.80594933775103 L 599.8257029979884 643.6672089241221 L 695.86335115046 643.667208924122" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="27.887520334656003px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 626.14455031382 295.94468975138 L 643.3999535208884 295.94468975138 L 643.3999535208884 469.80594933775103 L 599.8257029979884 469.80594933775103 L 599.8257029979884 643.6672089241221 L 695.86335115046 643.667208924122" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.4859400418320003px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"><path d="M 626.14455031382 191.36648849642 L 643.7485475250717 191.36648849642 L 643.7485475250717 156.3327910760084" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="27.887520334656003px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 626.14455031382 191.36648849642 L 643.7485475250717 191.36648849642 L 643.7485475250717 156.3327910760084" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.4859400418320003px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_2__stack1"><path d="M 695.86335115046 573.948408087482 L 678.2593539392085 573.948408087482 L 678.2593539392085 538.9147106670705" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="27.887520334656003px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 695.86335115046 573.948408087482 L 678.2593539392085 573.948408087482 L 678.2593539392085 538.9147106670705" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.4859400418320003px" 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="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"/><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_2__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="277.55054613062" y="156.5070880781" width="278.87520334656006" height="174.29700209159998" stroke-width="3.4859400418320003px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="277.55054613062" y="156.5070880781" width="278.87520334656006" height="174.29700209159998" fill="transparent"/><text class="sch-text" x="416.9881478039" y="243.6555891239" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="31.373460376488px" transform="rotate(0, 416.9881478039, 243.6555891239)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="556.42574947718" y1="295.94468975138" x2="626.14455031382" y2="295.94468975138" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="622.658610271988" y="292.458749709548" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="591.2851498955" y="292.458749709548" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="277.55054613062" y1="295.94468975138" x2="211.31768533581197" y2="295.94468975138" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="207.83174529397996" cy="295.94468975138" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="204.34580525214795" y="292.458749709548" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="242.69114571229997" y="292.458749709548" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="556.42574947718" y1="226.22588891474" x2="622.658610271988" y2="226.22588891474" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="626.14455031382" cy="226.22588891474" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="622.658610271988" y="222.739948872908" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="591.2851498955" y="222.739948872908" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="277.55054613062" y1="191.36648849642" x2="211.31768533581197" y2="191.36648849642" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="207.83174529397996" cy="191.36648849642" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="204.34580525214795" y="187.880548454588" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="242.69114571229997" y="187.880548454588" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="277.55054613062" y1="226.22588891473998" x2="211.31768533581197" y2="226.22588891473998" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="207.83174529397996" cy="226.22588891473998" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="204.34580525214795" y="222.73994887290797" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="242.69114571229997" y="222.739948872908" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="277.55054613062" y1="261.08528933306" x2="211.31768533581197" y2="261.08528933306" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="207.83174529397996" cy="261.08528933306" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="204.34580525214795" y="257.599349291228" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="242.69114571229997" y="257.599349291228" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="556.42574947718" y1="261.08528933306" x2="622.658610271988" y2="261.08528933306" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="626.14455031382" cy="261.08528933306" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="622.658610271988" y="257.599349291228" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="591.2851498955" y="257.599349291228" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="556.42574947718" y1="191.36648849642" x2="626.14455031382" y2="191.36648849642" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><rect x="622.658610271988" y="187.880548454588" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="591.2851498955" y="187.880548454588" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" 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="765.5821519871" y="539.089007669162" width="244.01580292824008" height="139.43760167328003" stroke-width="3.4859400418320003px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="765.5821519871" y="539.089007669162" width="244.01580292824008" height="139.43760167328003" fill="transparent"/><text class="sch-text" x="887.59005345122" y="608.8078085058021" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="31.373460376488px" transform="rotate(0, 887.59005345122, 608.8078085058021)">J1</text><line class="component-pin sch-component-pin sch-port-line" x1="765.5821519871" y1="573.948408087482" x2="695.86335115046" y2="573.948408087482" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="692.3774111086279" y="570.46246804565" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="730.72275156878" y="570.46246804565" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="765.5821519871" y1="608.8078085058021" x2="699.349291192292" y2="608.8078085058021" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_1_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="695.86335115046" cy="608.8078085058021" r="3.4859400418320003" stroke-width="3.4859400418320003px"/><rect x="692.3774111086279" y="605.3218684639701" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="730.72275156878" y="605.3218684639701" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="765.5821519871" y1="643.667208924122" x2="695.86335115046" y2="643.667208924122" stroke-width="3.4859400418320003px"/><g class="sch-port" data-schematic-port-id="source_port_1_2__stack1"><rect x="692.3774111086279" y="640.1812688822899" width="6.971880083664001" height="6.971880083664001" opacity="0"/></g><text class="pin-number sch-pin-number" x="730.72275156878" y="640.18126888229" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="26.14455031374px" transform="">3</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="626.14455031382" cy="295.94468975138" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="207.83174529397996" cy="295.94468975138" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="626.14455031382" cy="226.22588891474" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="207.83174529397996" cy="191.36648849642" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="207.83174529397996" cy="226.22588891473998" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="207.83174529397996" cy="261.08528933306" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="626.14455031382" cy="261.08528933306" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="626.14455031382" cy="191.36648849642" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="695.86335115046" cy="573.948408087482" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="695.86335115046" cy="608.8078085058021" r="6.971880083664001" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_2__stack1"><circle cx="695.86335115046" cy="643.667208924122" r="6.971880083664001" 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 599.8257029979884,643.6672089241221
+    L 617.2554032071484,653.0792470370685
+    L 617.2554032071484,712.8514989543478
+    L 582.3960027888284,712.8514989543478
+    L 582.3960027888284,653.0792470370685
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.4859400418320003px"/><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="599.8257029979884" y="659.3539391123661" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="31.373460376488px" transform="rotate(90 599.8257029979884 659.3539391123661)">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 643.7485475250717,156.3327910760084
+    L 626.3188473159116,146.920752963062
+    L 626.3188473159116,87.14850104578262
+    L 661.1782477342317,87.14850104578262
+    L 661.1782477342317,146.920752963062
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.4859400418320003px"/><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="643.7485475250717" y="140.64606088776438" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="31.373460376488px" transform="rotate(-90 643.7485475250717 140.64606088776438)">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 678.2593539392085,538.9147106670705
+    L 660.8296537300484,529.502672554124
+    L 660.8296537300484,469.7304206368447
+    L 695.6890541483685,469.7304206368447
+    L 695.6890541483685,529.502672554124
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.4859400418320003px"/><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="678.2593539392085" y="523.2279804788265" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="31.373460376488px" transform="rotate(-90 678.2593539392085 523.2279804788265)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" d="
+    M 695.86335115046,608.8078085058021
+    L 686.4513130375135,626.2375087149621
+    L 626.6790611202342,626.2375087149621
+    L 626.6790611202342,591.378108296642
+    L 686.4513130375135,591.378108296642
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.4859400418320003px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" x="680.1766209622159" y="608.8078085058021" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="31.373460376488px" transform="">XX</text>
+  </g>
+</svg>

package/tests/examples/__snapshots__/example23.snap.svg CHANGED Viewed

@@ -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.7999999999999998,-0.30000000000000004 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,247.46987951807228 451.566265060241,240.72289156626505" fill="none" stroke="hsl(194, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,0.30000000000000004 1.9,0.2" data-type="line" data-label="" points="201.92771084337352,206.9879518072289 451.566265060241,213.73493975903614" fill="none" stroke="hsl(169, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,0.30000000000000004 0.050000000000000044,0.30000000000000004 0.050000000000000044,0.2 1.9,0.2" data-type="line" data-label="" points="201.92771084337352,206.9879518072289 326.7469879518072,206.9879518072289 326.7469879518072,213.73493975903614 451.566265060241,213.73493975903614" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,-0.30000000000000004 -0.6,-0.30000000000000004 -0.6,0.05099999999999996 0.6,0.05099999999999996 0.6,-0.2 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,247.46987951807228 282.89156626506025,247.46987951807228 282.89156626506025,223.78795180722892 363.855421686747,223.78795180722892 363.855421686747,240.72289156626505 451.566265060241,240.72289156626505" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-3" data-y="0" x="39.99999999999997" y="193.49397590361446" width="161.92771084337352" height="67.46987951807228" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="3" data-y="0" x="451.566265060241" y="200.24096385542168" width="148.433734939759" height="53.97590361445782" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="-2" x="282.89156626506025" y="260.96385542168673" width="80.96385542168673" height="202.40963855421688" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: undefined
+<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.7999999999999998,-0.30000000000000004 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,247.46987951807228 451.566265060241,240.72289156626505" fill="none" stroke="hsl(194, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,0.30000000000000004 1.9,0.2" data-type="line" data-label="" points="201.92771084337352,206.9879518072289 451.566265060241,213.73493975903614" fill="none" stroke="hsl(169, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,0.30000000000000004 0.050000000000000044,0.30000000000000004 0.050000000000000044,0.2 1.9,0.2" data-type="line" data-label="" points="201.92771084337352,206.9879518072289 326.7469879518072,206.9879518072289 326.7469879518072,213.73493975903614 451.566265060241,213.73493975903614" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="-1.7999999999999998,-0.30000000000000004 -0.6,-0.30000000000000004 -0.6,0.05099999999999996 0.6,0.05099999999999996 0.6,-0.2 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,247.46987951807228 282.89156626506025,247.46987951807228 282.89156626506025,223.78795180722892 363.855421686747,223.78795180722892 363.855421686747,240.72289156626505 451.566265060241,240.72289156626505" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-3" data-y="0" x="39.99999999999997" y="193.49397590361446" width="161.92771084337352" height="67.46987951807228" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="3" data-y="0" x="451.566265060241" y="200.24096385542168" width="148.433734939759" height="53.97590361445782" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="-2" x="282.89156626506025" y="260.96385542168673" width="80.96385542168673" height="202.40963855421688" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: undefined
 globalConnNetId: connectivity_net0" data-x="-1.2" data-y="-0.07500000000000004" x="235.66265060240966" y="217.10843373493975" width="13.493975903614484" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: undefined
 globalConnNetId: connectivity_net1" data-x="-0.8749999999999999" data-y="0.525" x="257.5903614457832" y="176.6265060240964" width="13.493975903614398" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SIGNAL2
 globalConnNetId: connectivity_net3" data-x="-0.4" data-y="-0.274" x="289.6385542168675" y="230.53493975903615" width="13.493975903614455" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SIGNAL1
@@ -31,7 +33,7 @@ orientation: y+" data-x="0.4" data-y="-0.5" cx="350.3614457831325" cy="260.96385
                 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');
@@ -50,13 +52,13 @@ orientation: y+" data-x="0.4" data-y="-0.5" cx="350.3614457831325" cy="260.96385
                 // 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());
@@ -64,4 +66,48 @@ orientation: y+" data-x="0.4" data-y="-0.5" cx="350.3614457831325" cy="260.96385
               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 400.00000000006 199.79555555561 L 646.666666666665 199.79555555561 L 646.666666666665 213.12888888894 L 893.33333333327 213.12888888894" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="21.333333333328px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 400.00000000006 199.79555555561 L 646.666666666665 199.79555555561 L 646.666666666665 213.12888888894 L 893.33333333327 213.12888888894" stroke="rgb(0, 150, 0)" fill="none" stroke-width="2.666666666666px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"><path d="M 400.00000000006 279.79555555559 L 560.00000000002 279.79555555559 L 560.00000000002 232.9955555556017 L 719.99999999998 232.9955555556017 L 719.99999999998 266.46222222226 L 893.33333333327 266.46222222226" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="21.333333333328px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 400.00000000006 279.79555555559 L 560.00000000002 279.79555555559 L 560.00000000002 232.9955555556017 L 719.99999999998 232.9955555556017 L 719.99999999998 266.46222222226 L 893.33333333327 266.46222222226" stroke="rgb(0, 150, 0)" fill="none" stroke-width="2.666666666666px" 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="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__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="133.33333333345996" y="173.12888888895" width="213.33333333328005" height="133.33333333330003" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="133.33333333345996" y="173.12888888895" width="213.33333333328005" height="133.33333333330003" fill="transparent"/><text class="sch-text" x="240.0000000001" y="239.7955555556" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 240.0000000001, 239.7955555556)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="279.79555555559" x2="400.00000000006" y2="279.79555555559" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="397.333333333394" y="277.128888888924" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="277.128888888924" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="279.79555555559" x2="82.6666666668059" y2="279.79555555559" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="279.79555555559" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="277.128888888924" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="277.128888888924" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="226.46222222227001" x2="397.333333333394" y2="226.46222222227001" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="400.00000000006" cy="226.46222222227001" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="397.333333333394" y="223.795555555604" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="223.795555555604" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="199.79555555561" x2="82.6666666668059" y2="199.79555555561" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="199.79555555561" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="197.128888888944" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="197.128888888944" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="226.46222222227" x2="82.6666666668059" y2="226.46222222227" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="226.46222222227" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="223.79555555560398" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="223.795555555604" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="253.12888888893" x2="82.6666666668059" y2="253.12888888893" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="253.12888888893" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="250.462222222264" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="250.462222222264" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="253.12888888893002" x2="397.333333333394" y2="253.12888888893002" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="400.00000000006" cy="253.12888888893002" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="397.333333333394" y="250.46222222226402" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="250.46222222226402" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="199.79555555561" x2="400.00000000006" y2="199.79555555561" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><rect x="397.333333333394" y="197.128888888944" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="197.128888888944" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" 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="946.66666666659" y="186.46222222228" width="186.66666666662002" height="106.66666666664003" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="946.66666666659" y="186.46222222228" width="186.66666666662002" height="106.66666666664003" fill="transparent"/><text class="sch-text" x="1039.9999999999" y="239.7955555556" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 1039.9999999999, 239.7955555556)">J1</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="213.12888888894" x2="893.33333333327" y2="213.12888888894" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="890.6666666666041" y="210.462222222274" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="210.462222222274" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="239.7955555556" x2="895.999999999936" y2="239.7955555556" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="893.33333333327" cy="239.7955555556" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="890.6666666666041" y="237.128888888934" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="237.128888888934" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="266.46222222226" x2="893.33333333327" y2="266.46222222226" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_2__stack1"><rect x="890.6666666666041" y="263.795555555594" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="263.795555555594" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">3</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_2__stack1"><rect class="component chip sch-component-body" x="613.33333333334" y="359.79555555557" width="53.33333333332007" height="293.33333333326004" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="613.33333333334" y="359.79555555557" width="53.33333333332007" height="293.33333333326004" fill="transparent"/><text class="sch-text" x="640" y="506.4622222222" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 640, 506.4622222222)">U2</text><line class="component-pin sch-component-pin sch-port-line" x1="586.66666666668" y1="359.79555555557" x2="586.66666666668" y2="309.128888888916" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_0__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="586.66666666668" cy="306.46222222225003" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="584.0000000000141" y="303.79555555558403" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="584.000000000014" y="333.12888888891" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="rotate(-90 584.000000000014 333.12888888891)">1</text><line class="component-pin sch-component-pin sch-port-line" x1="693.33333333332" y1="359.79555555557" x2="693.33333333332" y2="309.128888888916" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="693.33333333332" cy="306.46222222225003" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="690.666666666654" y="303.79555555558403" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="690.666666666654" y="333.12888888891" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="rotate(-90 690.666666666654 333.12888888891)">2</text><line class="component-pin sch-component-pin sch-port-line" x1="613.33333333334" y1="613.12888888884" x2="562.666666666686" y2="613.12888888884" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="560.00000000002" cy="613.12888888884" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="557.3333333333541" y="610.4622222221741" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="586.66666666668" y="610.462222222174" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="666.66666666666" y1="613.12888888884" x2="717.333333333314" y2="613.12888888884" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="719.99999999998" cy="613.12888888884" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="717.333333333314" y="610.4622222221741" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="693.33333333332" y="610.462222222174" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">4</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="400.00000000006" cy="279.79555555559" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="80.00000000013995" cy="279.79555555559" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="400.00000000006" cy="226.46222222227001" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="80.00000000013995" cy="199.79555555561" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="80.00000000013995" cy="226.46222222227" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="80.00000000013995" cy="253.12888888893" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="400.00000000006" cy="253.12888888893002" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="400.00000000006" cy="199.79555555561" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="893.33333333327" cy="213.12888888894" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="893.33333333327" cy="239.7955555556" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_2__stack1"><circle cx="893.33333333327" cy="266.46222222226" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_0__stack1"><circle cx="586.66666666668" cy="306.46222222225003" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_1__stack1"><circle cx="693.33333333332" cy="306.46222222225003" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_2__stack1"><circle cx="560.00000000002" cy="613.12888888884" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_3__stack1"><circle cx="719.99999999998" cy="613.12888888884" r="5.333333333332" 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 480.00000000004,279.79555555559
+    L 466.66666666671,272.5955555555918
+    L 466.66666666671,226.8711111111588
+    L 493.33333333337004,226.8711111111588
+    L 493.33333333337004,272.5955555555918
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="480.00000000004" y="267.795555555593" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(-90 480.00000000004 267.795555555593)">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 523.3333333333625,199.79555555561
+    L 510.00000000003246,192.5955555556118
+    L 510.00000000003246,146.8711111111788
+    L 536.6666666666924,146.8711111111788
+    L 536.6666666666924,192.5955555556118
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="523.3333333333625" y="187.79555555561302" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(-90 523.3333333333625 187.79555555561302)">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 586.66666666668,306.46222222225003
+    L 573.3333333333501,299.2622222222518
+    L 573.3333333333501,253.53777777781883
+    L 600.00000000001,253.53777777781883
+    L 600.00000000001,299.2622222222518
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="586.66666666668" y="294.46222222225305" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(-90 586.66666666668 294.46222222225305)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" d="
+    M 693.33333333332,306.46222222225003
+    L 679.99999999999,299.2622222222518
+    L 679.99999999999,253.53777777781883
+    L 706.6666666666499,253.53777777781883
+    L 706.6666666666499,299.2622222222518
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" x="693.33333333332" y="294.46222222225305" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(-90 693.33333333332 294.46222222225305)">XX</text>
+  </g>
+</svg>

package/tests/examples/__snapshots__/example24.snap.svg CHANGED Viewed

@@ -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.7999999999999998,-0.30000000000000004 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,365.5421686746988 451.566265060241,358.7951807228916" fill="none" stroke="hsl(328, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.9,0.2 -1.7999999999999998,0.09999999999999998" data-type="line" data-label="" points="451.566265060241,331.8072289156627 201.92771084337352,338.5542168674699" fill="none" stroke="hsl(210, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-1.7999999999999998,-0.30000000000000004 0.050000000000000044,-0.30000000000000004 0.050000000000000044,-0.2 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,365.5421686746988 326.7469879518072,365.5421686746988 326.7469879518072,358.7951807228916 451.566265060241,358.7951807228916" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.9,0.2 0.6,0.2 0.6,-0.05099999999999996 -0.6,-0.05099999999999996 -0.6,0.09999999999999998 -1.7999999999999998,0.09999999999999998" data-type="line" data-label="" points="451.566265060241,331.8072289156627 363.855421686747,331.8072289156627 363.855421686747,348.7421686746988 282.89156626506025,348.7421686746988 282.89156626506025,338.5542168674699 201.92771084337352,338.5542168674699" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-3" data-y="0" x="39.99999999999997" y="311.566265060241" width="161.92771084337352" height="67.46987951807228" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="3" data-y="0" x="451.566265060241" y="318.3132530120482" width="148.433734939759" height="53.97590361445782" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="1" x="289.6385542168675" y="244.09638554216872" width="67.46987951807228" height="67.4698795180723" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SSH
+<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.7999999999999998,-0.30000000000000004 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,365.5421686746988 451.566265060241,358.7951807228916" fill="none" stroke="hsl(328, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.9,0.2 -1.7999999999999998,0.09999999999999998" data-type="line" data-label="" points="451.566265060241,331.8072289156627 201.92771084337352,338.5542168674699" fill="none" stroke="hsl(210, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-1.7999999999999998,-0.30000000000000004 0.050000000000000044,-0.30000000000000004 0.050000000000000044,-0.2 1.9,-0.2" data-type="line" data-label="" points="201.92771084337352,365.5421686746988 326.7469879518072,365.5421686746988 326.7469879518072,358.7951807228916 451.566265060241,358.7951807228916" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="1.9,0.2 0.6,0.2 0.6,-0.05099999999999996 -0.6,-0.05099999999999996 -0.6,0.09999999999999998 -1.7999999999999998,0.09999999999999998" data-type="line" data-label="" points="451.566265060241,331.8072289156627 363.855421686747,331.8072289156627 363.855421686747,348.7421686746988 282.89156626506025,348.7421686746988 282.89156626506025,338.5542168674699 201.92771084337352,338.5542168674699" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="-3" data-y="0" x="39.99999999999997" y="311.566265060241" width="161.92771084337352" height="67.46987951807228" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="3" data-y="0" x="451.566265060241" y="318.3132530120482" width="148.433734939759" height="53.97590361445782" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="1" x="289.6385542168675" y="244.09638554216872" width="67.46987951807228" height="67.4698795180723" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SSH
 globalConnNetId: connectivity_net2" data-x="-0.8749999999999999" data-y="-0.525" x="257.5903614457832" y="365.5421686746988" width="13.493975903614398" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: BHH
 globalConnNetId: connectivity_net3" data-x="1.25" data-y="0.42500000000000004" x="400.96385542168673" y="301.4457831325301" width="13.493975903614455" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SIGNAL1
 globalConnNetId: connectivity_net0" data-x="-0.4" data-y="0.274" x="289.6385542168675" y="311.63373493975905" width="13.493975903614455" height="30.361445783132524" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.01482142857142857"/></g><g><rect data-type="rect" data-label="netId: SIGNAL2
@@ -29,7 +31,7 @@ orientation: y-" data-x="0.4" data-y="0.5" cx="350.3614457831325" cy="311.566265
                 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');
@@ -48,13 +50,13 @@ orientation: y-" data-x="0.4" data-y="0.5" cx="350.3614457831325" cy="311.566265
                 // 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());
@@ -62,4 +64,48 @@ orientation: y-" data-x="0.4" data-y="0.5" cx="350.3614457831325" cy="311.566265
               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 400.00000000006 466.87111111109 L 646.666666666665 466.87111111109 L 646.666666666665 453.53777777775997 L 893.33333333327 453.53777777775997" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="21.333333333328px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 400.00000000006 466.87111111109 L 646.666666666665 466.87111111109 L 646.666666666665 453.53777777775997 L 893.33333333327 453.53777777775997" stroke="rgb(0, 150, 0)" fill="none" stroke-width="2.666666666666px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"><path d="M 893.33333333327 400.20444444444 L 719.99999999998 400.20444444444 L 719.99999999998 433.6711111110983 L 560.00000000002 433.6711111110983 L 560.00000000002 413.53777777777 L 400.00000000006 413.53777777777" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="21.333333333328px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 893.33333333327 400.20444444444 L 719.99999999998 400.20444444444 L 719.99999999998 433.6711111110983 L 560.00000000002 433.6711111110983 L 560.00000000002 413.53777777777 L 400.00000000006 413.53777777777" stroke="rgb(0, 150, 0)" fill="none" stroke-width="2.666666666666px" 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="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__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="133.33333333345996" y="360.20444444445" width="213.33333333328005" height="133.33333333329995" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="133.33333333345996" y="360.20444444445" width="213.33333333328005" height="133.33333333329995" fill="transparent"/><text class="sch-text" x="240.0000000001" y="426.8711111111" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 240.0000000001, 426.8711111111)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="466.87111111109" x2="400.00000000006" y2="466.87111111109" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="397.333333333394" y="464.204444444424" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="464.204444444424" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="466.87111111109" x2="82.6666666668059" y2="466.87111111109" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="466.87111111109" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="464.204444444424" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="464.204444444424" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="413.53777777777" x2="400.00000000006" y2="413.53777777777" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><rect x="397.333333333394" y="410.87111111110397" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="410.87111111110397" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="386.87111111111" x2="82.6666666668059" y2="386.87111111111" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="386.87111111111" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="384.204444444444" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="384.204444444444" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="413.53777777777" x2="82.6666666668059" y2="413.53777777777" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="413.53777777777" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="410.87111111110397" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="410.87111111110397" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="133.33333333345996" y1="440.20444444443" x2="82.6666666668059" y2="440.20444444443" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="80.00000000013995" cy="440.20444444443" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="77.33333333347395" y="437.537777777764" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="106.66666666679998" y="437.537777777764" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="440.20444444443" x2="397.333333333394" y2="440.20444444443" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="400.00000000006" cy="440.20444444443" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="397.333333333394" y="437.537777777764" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="437.537777777764" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="346.66666666674" y1="386.87111111111" x2="397.333333333394" y2="386.87111111111" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="400.00000000006" cy="386.87111111111" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="397.333333333394" y="384.204444444444" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="373.33333333340005" y="384.204444444444" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" 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="946.66666666659" y="373.53777777778" width="186.66666666662002" height="106.66666666664003" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="946.66666666659" y="373.53777777778" width="186.66666666662002" height="106.66666666664003" fill="transparent"/><text class="sch-text" x="1039.9999999999" y="426.8711111111" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 1039.9999999999, 426.8711111111)">J1</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="400.20444444444" x2="893.33333333327" y2="400.20444444444" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="890.6666666666041" y="397.537777777774" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="397.537777777774" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="426.8711111111" x2="895.999999999936" y2="426.8711111111" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="893.33333333327" cy="426.8711111111" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="890.6666666666041" y="424.204444444434" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="424.204444444434" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="946.66666666659" y1="453.53777777775997" x2="893.33333333327" y2="453.53777777775997" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_1_2__stack1"><rect x="890.6666666666041" y="450.87111111109397" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="919.99999999993" y="450.871111111094" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="">3</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_2__stack1"><rect class="component chip sch-component-body" x="573.33333333335" y="280.20444444446997" width="133.33333333330006" height="26.666666666660035" stroke-width="2.666666666666px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="573.33333333335" y="280.20444444446997" width="133.33333333330006" height="26.666666666660035" fill="transparent"/><text class="sch-text" x="640" y="293.5377777778" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="23.999999999994px" transform="rotate(0, 640, 293.5377777778)">U2</text><line class="component-pin sch-component-pin sch-port-line" x1="586.66666666668" y1="306.87111111113" x2="586.66666666668" y2="357.53777777778396" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_0__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="586.66666666668" cy="360.20444444445" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="584.0000000000141" y="357.537777777784" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="584.000000000014" y="333.53777777779" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="rotate(-90 584.000000000014 333.53777777779)">3</text><line class="component-pin sch-component-pin sch-port-line" x1="693.33333333332" y1="306.87111111113" x2="693.33333333332" y2="357.53777777778396" stroke-width="2.666666666666px"/><g class="sch-port" data-schematic-port-id="source_port_2_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="693.33333333332" cy="360.20444444445" r="2.666666666666" stroke-width="2.666666666666px"/><rect x="690.666666666654" y="357.537777777784" width="5.333333333332" height="5.333333333332" opacity="0"/></g><text class="pin-number sch-pin-number" x="690.666666666654" y="333.53777777779" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="19.999999999995px" transform="rotate(-90 690.666666666654 333.53777777779)">4</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="400.00000000006" cy="466.87111111109" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="80.00000000013995" cy="466.87111111109" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="400.00000000006" cy="413.53777777777" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="80.00000000013995" cy="386.87111111111" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="80.00000000013995" cy="413.53777777777" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="80.00000000013995" cy="440.20444444443" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="400.00000000006" cy="440.20444444443" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="400.00000000006" cy="386.87111111111" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="893.33333333327" cy="400.20444444444" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="893.33333333327" cy="426.8711111111" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_2__stack1"><circle cx="893.33333333327" cy="453.53777777775997" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_0__stack1"><circle cx="586.66666666668" cy="360.20444444445" r="5.333333333332" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_1__stack1"><circle cx="693.33333333332" cy="360.20444444445" r="5.333333333332" 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 523.3333333333625,466.87111111109
+    L 536.6666666666924,474.0711111110882
+    L 536.6666666666924,519.7955555555212
+    L 510.00000000003246,519.7955555555212
+    L 510.00000000003246,474.0711111110882
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="523.3333333333625" y="478.871111111087" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(90 523.3333333333625 478.871111111087)">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 806.666666666625,400.20444444444
+    L 793.3333333332951,393.0044444444418
+    L 793.3333333332951,347.2800000000088
+    L 819.999999999955,347.2800000000088
+    L 819.999999999955,393.0044444444418
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="806.666666666625" y="388.204444444443" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(-90 806.666666666625 388.204444444443)">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 586.66666666668,360.20444444445
+    L 600.00000000001,367.40444444444825
+    L 600.00000000001,413.12888888888125
+    L 573.3333333333501,413.12888888888125
+    L 573.3333333333501,367.40444444444825
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><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="586.66666666668" y="372.204444444447" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(90 586.66666666668 372.204444444447)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" d="
+    M 693.33333333332,360.20444444445
+    L 706.6666666666499,367.40444444444825
+    L 706.6666666666499,413.12888888888125
+    L 679.99999999999,413.12888888888125
+    L 679.99999999999,367.40444444444825
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="2.666666666666px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" x="693.33333333332" y="372.204444444447" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="23.999999999994px" transform="rotate(90 693.33333333332 372.204444444447)">XX</text>
+  </g>
+</svg>