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/repros/__snapshots__/repro-vcc-pin1-detour.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.5,0.5 -0.5,0.5" data-type="line" data-label="" points="169.23076923076923,266.1538461538462 384.61538461538464,266.1538461538462" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-1.5,0.5 -0.5,0" data-type="line" data-label="" points="169.23076923076923,266.1538461538462 384.61538461538464,373.84615384615387" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-0.5,0.5 -0.5,0" data-type="line" data-label="" points="384.61538461538464,266.1538461538462 384.61538461538464,373.84615384615387" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-0.5,0.5 -1.5,0.5" data-type="line" data-label="" points="384.61538461538464,266.1538461538462 169.23076923076923,266.1538461538462" fill="none" stroke="blue" stroke-width="1px"/></g><g><polyline data-points="-0.5,0 -1.3,0 -1.3,0.5 -1.5,0.5" data-type="line" data-label="" points="384.61538461538464,373.84615384615387 212.30769230769232,373.84615384615387 212.30769230769232,266.1538461538462 169.23076923076923,266.1538461538462" fill="none" stroke="red" stroke-width="1px"/></g><g><rect data-type="rect" data-label="J1" data-x="-1.8" data-y="0.5" x="40.00000000000003" y="223.0769230769231" width="129.23076923076923" height="86.15384615384619" fill="hsl(183, 100%, 50%, 0.1)" stroke="black" stroke-width="0.004642857142857143"/></g><g><rect data-type="rect" data-label="U1" data-x="0" data-y="0.25" x="384.61538461538464" y="158.46153846153845" width="215.38461538461536" height="323.0769230769231" fill="hsl(164, 100%, 50%, 0.1)" stroke="black" stroke-width="0.004642857142857143"/></g><g><circle data-type="point" data-label="J1.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.5,0.5 -0.5,0.5" data-type="line" data-label="" points="169.23076923076923,266.1538461538462 384.61538461538464,266.1538461538462" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-1.5,0.5 -0.5,0" data-type="line" data-label="" points="169.23076923076923,266.1538461538462 384.61538461538464,373.84615384615387" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-0.5,0.5 -0.5,0" data-type="line" data-label="" points="384.61538461538464,266.1538461538462 384.61538461538464,373.84615384615387" fill="none" stroke="hsl(190, 100%, 50%, 0.1)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="-0.5,0.5 -1.5,0.5" data-type="line" data-label="" points="384.61538461538464,266.1538461538462 169.23076923076923,266.1538461538462" fill="none" stroke="blue" stroke-width="1px"/></g><g><polyline data-points="-0.5,0 -1.3,0 -1.3,0.5 -1.5,0.5" data-type="line" data-label="" points="384.61538461538464,373.84615384615387 212.30769230769232,373.84615384615387 212.30769230769232,266.1538461538462 169.23076923076923,266.1538461538462" fill="none" stroke="red" stroke-width="1px"/></g><g><rect data-type="rect" data-label="J1" data-x="-1.8" data-y="0.5" x="40.00000000000003" y="223.0769230769231" width="129.23076923076923" height="86.15384615384619" fill="hsl(183, 100%, 50%, 0.1)" stroke="black" stroke-width="0.004642857142857143"/></g><g><rect data-type="rect" data-label="U1" data-x="0" data-y="0.25" x="384.61538461538464" y="158.46153846153845" width="215.38461538461536" height="323.0769230769231" fill="hsl(164, 100%, 50%, 0.1)" stroke="black" stroke-width="0.004642857142857143"/></g><g><circle data-type="point" data-label="J1.1
 x+" data-x="-1.5" data-y="0.5" cx="169.23076923076923" cy="266.1538461538462" r="3" fill="hsl(218, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.1
 x-" data-x="-0.5" data-y="0.5" cx="384.61538461538464" cy="266.1538461538462" r="3" fill="hsl(319, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="U1.6
 x-" data-x="-0.5" data-y="0" cx="384.61538461538464" cy="373.84615384615387" r="3" fill="hsl(324, 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[
@@ -44,4 +46,27 @@ x-" data-x="-0.5" data-y="0" cx="384.61538461538464" cy="373.84615384615387" 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 719.84303743765 322.74896595605003 L 401.67568140835 322.74896595605003" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="50.906776964688px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 719.84303743765 322.74896595605003 L 401.67568140835 322.74896595605003" stroke="rgb(0, 150, 0)" fill="none" stroke-width="6.363347120586px" 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 719.84303743765 481.8326439707 L 465.30915261420995 481.8326439707 L 465.30915261420995 322.74896595605003 L 401.67568140835 322.74896595605003" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="50.906776964688px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 719.84303743765 481.8326439707 L 465.30915261420995 481.8326439707 L 465.30915261420995 322.74896595605003 L 401.67568140835 322.74896595605003" stroke="rgb(0, 150, 0)" fill="none" stroke-width="6.363347120586px" 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"><circle cx="401.67568140835" cy="322.74896595605003" r="9.545020680878999" class="trace-junction sch-trace-junction" fill="rgb(0, 150, 0)"/></g><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="290.317106798095" y="259.11549475019" width="31.816735602930066" height="127.26694241172004" stroke-width="6.363347120586px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="290.317106798095" y="259.11549475019" width="31.816735602930066" height="127.26694241172004" fill="transparent"/><text class="sch-text" x="306.22547459956" y="322.74896595605003" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="42.422314137239994px" transform="rotate(0, 306.22547459956, 322.74896595605003)">J1</text><line class="component-pin sch-component-pin sch-port-line" x1="322.13384240102505" y1="322.74896595605003" x2="401.67568140835" y2="322.74896595605003" stroke-width="6.363347120586px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="395.312334287764" y="316.385618835464" width="12.726694241172" height="12.726694241172" opacity="0"/></g><text class="pin-number sch-pin-number" x="361.90476190468746" y="316.385618835464" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="47.72510340439499px" transform="">1</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="847.10997984937" y="163.66528794140004" width="63.633471205859905" height="477.25103404394997" stroke-width="6.363347120586px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="847.10997984937" y="163.66528794140004" width="63.633471205859905" height="477.25103404394997" fill="transparent"/><text class="sch-text" x="878.9267154523" y="402.290804963375" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="57.27012408527399px" transform="rotate(0, 878.9267154523, 402.290804963375)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="847.10997984937" y1="322.74896595605003" x2="719.84303743765" y2="322.74896595605003" stroke-width="6.363347120586px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="713.479690317064" y="316.385618835464" width="12.726694241172" height="12.726694241172" opacity="0"/></g><text class="pin-number sch-pin-number" x="783.47650864351" y="316.385618835464" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="47.72510340439499px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="847.10997984937" y1="481.8326439707" x2="719.84303743765" y2="481.8326439707" stroke-width="6.363347120586px"/><g class="sch-port" data-schematic-port-id="source_port_1_1__stack1"><rect x="713.479690317064" y="475.469296850114" width="12.726694241172" height="12.726694241172" opacity="0"/></g><text class="pin-number sch-pin-number" x="783.47650864351" y="475.469296850114" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="47.72510340439499px" transform="">6</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="401.67568140835" cy="322.74896595605003" r="12.726694241172" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="719.84303743765" cy="322.74896595605003" r="12.726694241172" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="719.84303743765" cy="481.8326439707" r="12.726694241172" 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 465.30915261420995,322.74896595605003
+    L 433.49241701127994,305.5679287304678
+    L 433.49241701127994,159.08367801457814
+    L 497.12588821713996,159.08367801457814
+    L 497.12588821713996,305.5679287304678
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="6.363347120586px"/><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="465.30915261420995" y="294.113903913413" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="57.27012408527399px" transform="rotate(-90 465.30915261420995 294.113903913413)">XXX</text>
+  </g>
+</svg>

package/tests/repros/__snapshots__/repro129-host-custom-symbol-passives.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="0.9000000000000004,1.25 1.9700000000000002,1.1099999999999999" data-type="line" data-label="" points="312.06477732793525,134.84480431848863 473.7921727395411,156.00539811066136" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.8499999999999999 1.9000000000000004,-0.7" data-type="line" data-label="" points="312.06477732793525,195.30364372469646 463.2118758434548,429.5816464237517" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.44999999999999996 1.9700000000000002,0.3500000000000001" data-type="line" data-label="" points="312.06477732793525,255.76248313090423 473.7921727395411,270.87719298245617" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,-1.3000000000000003 1.9000000000000004,-1.3" data-type="line" data-label="" points="312.06477732793525,520.2699055330635 463.2118758434548,520.2699055330634" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,1.25 1.9700000000000002,1.25 1.9700000000000002,1.1099999999999999" data-type="line" data-label="" points="312.06477732793525,134.84480431848863 473.7921727395411,134.84480431848863 473.7921727395411,156.00539811066136" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.8499999999999999 1.2725000000000004,0.8499999999999999 1.2725000000000004,0.05000000000000007 1.9000000000000004,0.05000000000000007 1.9000000000000004,-0.7" data-type="line" data-label="" points="312.06477732793525,195.30364372469646 368.36707152496626,195.30364372469646 368.36707152496626,316.22132253711203 463.2118758434548,316.22132253711203 463.2118758434548,429.5816464237517" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.44999999999999996 1.4350000000000003,0.44999999999999996 1.4350000000000003,0.2500000000000001 1.9700000000000002,0.2500000000000001 1.9700000000000002,0.3500000000000001" data-type="line" data-label="" points="312.06477732793525,255.76248313090423 392.9284750337382,255.76248313090423 392.9284750337382,285.9919028340081 473.7921727395411,285.9919028340081 473.7921727395411,270.87719298245617" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,-1.3000000000000003 1.9000000000000004,-1.3" data-type="line" data-label="" points="312.06477732793525,520.2699055330635 463.2118758434548,520.2699055330634" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="1.9975000000000005" data-y="-1" x="414.08906882591106" y="429.58164642375175" width="127.71929824561391" height="90.68825910931167" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.2250000000000005" data-y="0.73" x="424.66936572199734" y="156.00539811066136" width="175.33063427800266" height="114.8717948717948" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="0" x="40" y="74.3859649122808" width="272.06477732793525" height="498.78542510121446" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="netId: .HOST &gt; .pin2 to R1.pin1
+<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="0.9000000000000004,1.25 1.9700000000000002,1.1099999999999999" data-type="line" data-label="" points="312.06477732793525,134.84480431848863 473.7921727395411,156.00539811066136" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.8499999999999999 1.9000000000000004,-0.7" data-type="line" data-label="" points="312.06477732793525,195.30364372469646 463.2118758434548,429.5816464237517" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.44999999999999996 1.9700000000000002,0.3500000000000001" data-type="line" data-label="" points="312.06477732793525,255.76248313090423 473.7921727395411,270.87719298245617" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,-1.3000000000000003 1.9000000000000004,-1.3" data-type="line" data-label="" points="312.06477732793525,520.2699055330635 463.2118758434548,520.2699055330634" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,1.25 1.9700000000000002,1.25 1.9700000000000002,1.1099999999999999" data-type="line" data-label="" points="312.06477732793525,134.84480431848863 473.7921727395411,134.84480431848863 473.7921727395411,156.00539811066136" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.8499999999999999 1.2725000000000004,0.8499999999999999 1.2725000000000004,0.05000000000000007 1.9000000000000004,0.05000000000000007 1.9000000000000004,-0.7" data-type="line" data-label="" points="312.06477732793525,195.30364372469646 368.36707152496626,195.30364372469646 368.36707152496626,316.22132253711203 463.2118758434548,316.22132253711203 463.2118758434548,429.5816464237517" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,0.44999999999999996 1.4350000000000003,0.44999999999999996 1.4350000000000003,0.2500000000000001 1.9700000000000002,0.2500000000000001 1.9700000000000002,0.3500000000000001" data-type="line" data-label="" points="312.06477732793525,255.76248313090423 392.9284750337382,255.76248313090423 392.9284750337382,285.9919028340081 473.7921727395411,285.9919028340081 473.7921727395411,270.87719298245617" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="0.9000000000000004,-1.3000000000000003 1.9000000000000004,-1.3" data-type="line" data-label="" points="312.06477732793525,520.2699055330635 463.2118758434548,520.2699055330634" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="1.9975000000000005" data-y="-1" x="414.08906882591106" y="429.58164642375175" width="127.71929824561391" height="90.68825910931167" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.2250000000000005" data-y="0.73" x="424.66936572199734" y="156.00539811066136" width="175.33063427800266" height="114.8717948717948" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="0" x="40" y="74.3859649122808" width="272.06477732793525" height="498.78542510121446" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="netId: .HOST &gt; .pin2 to R1.pin1
 globalConnNetId: connectivity_net1" data-x="1.2725000000000004" data-y="-0.17499999999999993" x="353.25236167341427" y="316.22132253711203" width="30.22941970310393" height="68.0161943319838" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="netId: .HOST &gt; .pin4 to R1.pin2
 globalConnNetId: connectivity_net3" data-x="1.4000000000000004" data-y="-1.0750000000000002" x="372.52361673414305" y="452.2537112010797" width="30.22941970310393" height="68.0161943319838" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="netId: .HOST &gt; .pin1 to C1.pin1
 globalConnNetId: connectivity_net0" data-x="1.9700000000000002" data-y="1.475" x="458.6774628879891" y="66.82860998650477" width="30.229419703103986" height="68.01619433198385" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.00661607142857143"/></g><g><rect data-type="rect" data-label="netId: .HOST &gt; .pin3 to C1.pin2
@@ -24,7 +26,7 @@ orientation: y+" data-x="1.4000000000000004" data-y="0.44999999999999996" cx="38
                 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 @@ orientation: y+" data-x="1.4000000000000004" data-y="0.44999999999999996" cx="38
                 // 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,48 @@ orientation: y+" data-x="1.4000000000000004" data-y="0.44999999999999996" cx="38
               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 577.6744186046101 167.441860465125 L 776.744186046463 167.441860465125 L 776.744186046463 193.48837209303102" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="29.767441860464px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 577.6744186046101 167.441860465125 L 776.744186046463 167.441860465125 L 776.744186046463 193.48837209303102" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.720930232558px" 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 577.6744186046101 241.860465116285 L 646.9767441860029 241.860465116285 L 646.9767441860029 390.697674418605 L 763.72093023251 390.697674418605 L 763.72093023251 530.23255813953" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="29.767441860464px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 577.6744186046101 241.860465116285 L 646.9767441860029 241.860465116285 L 646.9767441860029 390.697674418605 L 763.72093023251 390.697674418605 L 763.72093023251 530.23255813953" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.720930232558px" 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 577.6744186046101 316.279069767445 L 677.2093023255366 316.279069767445 L 677.2093023255366 353.48837209302496 L 776.744186046463 353.48837209302496 L 776.744186046463 334.883720930235" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="29.767441860464px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 577.6744186046101 316.279069767445 L 677.2093023255366 316.279069767445 L 677.2093023255366 353.48837209302496 L 776.744186046463 353.48837209302496 L 776.744186046463 334.883720930235" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.720930232558px" 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_3__stack1"><path d="M 577.6744186046101 641.86046511627 L 763.72093023251 641.86046511627" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="29.767441860464px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 577.6744186046101 641.86046511627 L 763.72093023251 641.86046511627" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.720930232558px" 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="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_3__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component-overlay sch-component-overlay" x="748.8409302325106" y="530.23255813953" width="29.759999999998854" height="111.62790697673995" fill="transparent"/><path class="sch-component-symbol-path" d="M 763.72093023251 530.23255813953 L 763.72093023251 548.8409302325526" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 763.72093023251 623.2520930232474 L 763.72093023251 641.86046511627" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 778.6009302325094 548.8409302325526 L 778.6009302325094 623.2520930232474 L 748.8409302325106 623.2520930232474 L 748.8409302325106 548.8409302325526 L 778.6009302325094 548.8409302325526" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="793.488372092974" y="556.279069767436" stroke="rgb(245, 241, 237)" stroke-width="3.720930232558px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="start" dominant-baseline="middle" font-size="33.488372093022px">R1</text><text class="sch-component-text" x="793.488372092974" y="615.8139534883641" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="start" dominant-baseline="middle" font-size="33.488372093022px"></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="739.0340465115808" y="193.488372093031" width="75.42027906976455" height="141.39534883720398" fill="transparent"/><path class="sch-component-symbol-path" d="M 776.744186046463 334.883720930235 L 776.744186046463 278.32558139535337" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 776.744186046463 250.0465116279126 L 776.744186046463 193.488372093031" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 814.4543255813453 278.32558139535337 L 739.0340465115808 278.32558139535337" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 814.4543255813453 250.0465116279126 L 739.0340465115808 250.0465116279126" stroke="rgb(132, 0, 0)" fill="none" stroke-width="3.720930232558px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="803.8449612402604" y="217.0542635658983" stroke="rgb(245, 241, 237)" stroke-width="3.720930232558px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="start" dominant-baseline="ideographic" font-size="33.488372093022px">C1</text><text class="sch-component-text" x="803.8449612402604" y="311.3178294573676" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="start" dominant-baseline="hanging" font-size="33.488372093022px"></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="317.2093023255499" y="93.02325581396502" width="186.04651162790014" height="613.9534883720698" stroke-width="3.720930232558px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="317.2093023255499" y="93.02325581396502" width="186.04651162790014" height="613.9534883720698" fill="transparent"/><text class="sch-text" x="410.2325581395" y="400" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="33.488372093022px" transform="rotate(0, 410.2325581395, 400)">HOST</text><line class="component-pin sch-component-pin sch-port-line" x1="503.25581395345006" y1="167.441860465125" x2="577.6744186046101" y2="167.441860465125" stroke-width="3.720930232558px"/><g class="sch-port" data-schematic-port-id="source_port_2_0__stack1"><rect x="573.9534883720521" y="163.72093023256699" width="7.441860465116" height="7.441860465116" opacity="0"/></g><text class="pin-number sch-pin-number" x="540.4651162790301" y="163.72093023256699" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="27.906976744185px" transform=""></text><text class="pin-number sch-pin-label" x="484.65116279066007" y="167.441860465125" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="end" dominant-baseline="middle" font-size="27.906976744185px" transform="">pin1</text><line class="component-pin sch-component-pin sch-port-line" x1="503.25581395345006" y1="241.860465116285" x2="577.6744186046101" y2="241.860465116285" stroke-width="3.720930232558px"/><g class="sch-port" data-schematic-port-id="source_port_2_1__stack1"><rect x="573.9534883720521" y="238.139534883727" width="7.441860465116" height="7.441860465116" opacity="0"/></g><text class="pin-number sch-pin-number" x="540.4651162790301" y="238.139534883727" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="27.906976744185px" transform=""></text><text class="pin-number sch-pin-label" x="484.65116279066007" y="241.860465116285" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="end" dominant-baseline="middle" font-size="27.906976744185px" transform="">pin2</text><line class="component-pin sch-component-pin sch-port-line" x1="503.25581395345006" y1="316.279069767445" x2="577.6744186046101" y2="316.279069767445" stroke-width="3.720930232558px"/><g class="sch-port" data-schematic-port-id="source_port_2_2__stack1"><rect x="573.9534883720521" y="312.558139534887" width="7.441860465116" height="7.441860465116" opacity="0"/></g><text class="pin-number sch-pin-number" x="540.4651162790301" y="312.558139534887" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="27.906976744185px" transform=""></text><text class="pin-number sch-pin-label" x="484.65116279066007" y="316.279069767445" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="end" dominant-baseline="middle" font-size="27.906976744185px" transform="">pin3</text><line class="component-pin sch-component-pin sch-port-line" x1="503.25581395345006" y1="641.86046511627" x2="577.6744186046101" y2="641.86046511627" stroke-width="3.720930232558px"/><g class="sch-port" data-schematic-port-id="source_port_2_3__stack1"><rect x="573.9534883720521" y="638.139534883712" width="7.441860465116" height="7.441860465116" opacity="0"/></g><text class="pin-number sch-pin-number" x="540.4651162790301" y="638.139534883712" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="27.906976744185px" transform=""></text><text class="pin-number sch-pin-label" x="484.65116279066007" y="641.86046511627" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="end" dominant-baseline="middle" font-size="27.906976744185px" transform="">pin4</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="763.72093023251" cy="530.23255813953" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="763.72093023251" cy="641.86046511627" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="776.744186046463" cy="208.372093023263" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_1__stack1"><circle cx="776.744186046463" cy="349.767441860467" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_0__stack1"><circle cx="577.6744186046101" cy="167.441860465125" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_1__stack1"><circle cx="577.6744186046101" cy="241.860465116285" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_2__stack1"><circle cx="577.6744186046101" cy="316.279069767445" r="7.441860465116" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2_3__stack1"><circle cx="577.6744186046101" cy="641.86046511627" r="7.441860465116" 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 646.9767441860029,390.697674418605
+    L 665.5813953487929,400.74418604651163
+    L 665.5813953487929,464.5457364341061
+    L 628.3720930232129,464.5457364341061
+    L 628.3720930232129,400.74418604651163
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.720930232558px"/><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="646.9767441860029" y="407.441860465116" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="33.488372093022px" transform="rotate(90 646.9767441860029 407.441860465116)">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 670.69767441856,641.86046511627
+    L 652.09302325577,631.8139534883634
+    L 652.09302325577,568.0124031007689
+    L 689.30232558135,568.0124031007689
+    L 689.30232558135,631.8139534883634
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.720930232558px"/><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="670.69767441856" y="625.116279069759" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="33.488372093022px" transform="rotate(-90 670.69767441856 625.116279069759)">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 776.744186046463,167.441860465125
+    L 758.139534883673,157.3953488372184
+    L 758.139534883673,93.59379844962388
+    L 795.348837209253,93.59379844962388
+    L 795.348837209253,157.3953488372184
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.720930232558px"/><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="776.744186046463" y="150.69767441861399" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="33.488372093022px" transform="rotate(-90 776.744186046463 150.69767441861399)">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 670.69767441856,316.279069767445
+    L 652.09302325577,306.23255813953836
+    L 652.09302325577,242.43100775194387
+    L 689.30232558135,242.43100775194387
+    L 689.30232558135,306.23255813953836
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.720930232558px"/><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="670.69767441856" y="299.534883720934" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="33.488372093022px" transform="rotate(-90 670.69767441856 299.534883720934)">XX</text>
+  </g>
+</svg>