@tscircuit/schematic-trace-solver 0.0.60 → 0.0.61

package/dist/index.d.ts

@@ -648,7 +648,7 @@ type CandidateLabel = {
     height: number;
 };
 type CandidateStatus$1 = "valid" | "chip-collision" | "trace-collision" | "netlabel-collision";
-type CandidatePhase = "rotate" | "shift";
+type CandidatePhase = "rotate" | "shift" | "lateral-shift";
 type EvaluatedCandidate = CandidateLabel & {
     status: CandidateStatus$1;
     selected: boolean;
@@ -688,12 +688,23 @@ declare class AvailableNetOrientationSolver extends BaseSolver {
     private findValidRotatedCandidate;
     private getAvailableOrientations;
     private findValidShiftedCandidate;
+    /**
+     * When all candidates fail for the current (unshifted) position, try
+     * shifting the label anchor laterally — x for y-orientations, y for
+     * x-orientations — and re-attempting the required orientation.
+     *
+     * Offsets are tried in alternating sign order:
+     *   -1·step, +1·step, -2·step, +2·step, …
+     * so the nearest escape routes are tested first.
+     */
+    private findValidLateralShiftedCandidate;
     private findValidCandidateInShiftColumn;
     private evaluateCandidate;
     private getSearchStartAnchor;
     private getWickOffsetAnchor;
     private getSideOffsetAnchor;
     private getSearchDistanceLimit;
+    private getLateralColumnMaxDistance;
     private createCandidate;
     private getNetLabelWidth;
     private getCandidateStatus;

package/dist/index.js

@@ -5873,11 +5873,28 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
     this.addConnectorTrace(label, candidate, labelIndex);
   }
   addConnectorTrace(label, candidate, labelIndex) {
-    const tracePath = getConnectorTracePath(
-      label.anchorPoint,
-      candidate.anchorPoint,
-      candidate.orientation
-    );
+    let tracePath;
+    if (candidate.phase === "lateral-shift") {
+      const orientDir = dir(candidate.orientation);
+      const kickedSource = {
+        x: label.anchorPoint.x - orientDir.x * LABEL_SEARCH_STEP,
+        y: label.anchorPoint.y - orientDir.y * LABEL_SEARCH_STEP
+      };
+      tracePath = simplifyOrthogonalPath([
+        label.anchorPoint,
+        ...getConnectorTracePath(
+          kickedSource,
+          candidate.anchorPoint,
+          candidate.orientation
+        )
+      ]);
+    } else {
+      tracePath = getConnectorTracePath(
+        label.anchorPoint,
+        candidate.anchorPoint,
+        candidate.orientation
+      );
+    }
     if (tracePath.length < 2) return;
     const mspPairId = `available-net-orientation-${labelIndex}-${label.netId ?? label.globalConnNetId}`;
     const connectorTrace = {
@@ -5910,7 +5927,18 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
       labelIndex,
       orientations
     );
-    return rotatedCandidate ?? this.findValidShiftedCandidate(label, orientations[0], labelIndex);
+    if (rotatedCandidate) return rotatedCandidate;
+    const shiftedCandidate = this.findValidShiftedCandidate(
+      label,
+      orientations[0],
+      labelIndex
+    );
+    if (shiftedCandidate) return shiftedCandidate;
+    return this.findValidLateralShiftedCandidate(
+      label,
+      orientations[0],
+      labelIndex
+    );
   }
   findValidRotatedCandidate(label, labelIndex, orientations) {
     for (const orientation of orientations) {
@@ -5964,6 +5992,50 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
     }
     return null;
   }
+  /**
+   * When all candidates fail for the current (unshifted) position, try
+   * shifting the label anchor laterally — x for y-orientations, y for
+   * x-orientations — and re-attempting the required orientation.
+   *
+   * Offsets are tried in alternating sign order:
+   *   -1·step, +1·step, -2·step, +2·step, …
+   * so the nearest escape routes are tested first.
+   */
+  findValidLateralShiftedCandidate(label, orientation, labelIndex) {
+    const direction = dir(orientation);
+    const initialBaseAnchor = this.getSearchStartAnchor(label, orientation);
+    const lateralDir = {
+      x: isYOrientation(orientation) ? 1 : 0,
+      y: isXOrientation(orientation) ? 1 : 0
+    };
+    const maxSteps = Math.ceil(this.maxSearchDistance / LABEL_SEARCH_STEP);
+    for (let step = 1; step <= maxSteps; step++) {
+      for (const sign of [-1, 1]) {
+        const lateralOffset = sign * step * LABEL_SEARCH_STEP;
+        const baseAnchor = {
+          x: initialBaseAnchor.x + lateralDir.x * lateralOffset,
+          y: initialBaseAnchor.y + lateralDir.y * lateralOffset
+        };
+        const maxSearchDistance = this.getLateralColumnMaxDistance(
+          label,
+          orientation,
+          baseAnchor
+        );
+        const candidate = this.findValidCandidateInShiftColumn({
+          label,
+          labelIndex,
+          orientation,
+          direction,
+          baseAnchor,
+          maxSearchDistance,
+          outwardDistance: lateralOffset,
+          phase: "lateral-shift"
+        });
+        if (candidate) return candidate;
+      }
+    }
+    return null;
+  }
   findValidCandidateInShiftColumn(params) {
     const {
       label,
@@ -5972,7 +6044,8 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
       direction,
       baseAnchor,
       maxSearchDistance,
-      outwardDistance
+      outwardDistance,
+      phase = "shift"
     } = params;
     for (let distance3 = LABEL_SEARCH_STEP; distance3 <= maxSearchDistance + EPS7; distance3 += LABEL_SEARCH_STEP) {
       const anchorPoint = {
@@ -5984,7 +6057,7 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
         candidate,
         label,
         labelIndex,
-        "shift",
+        phase,
         distance3,
         outwardDistance
       );
@@ -6065,6 +6138,21 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
     const labelLength = orientation === "y+" || orientation === "y-" ? height : width;
     return Math.min(this.maxSearchDistance, labelLength * 2);
   }
+  getLateralColumnMaxDistance(label, orientation, baseAnchor) {
+    const chipId = label.pinIds.map((pid) => this.pinMap[pid]?.chipId).find(Boolean);
+    const chip = chipId ? this.chipObstacleSpatialIndex.chips.find((c) => c.chipId === chipId) : null;
+    if (chip) {
+      if (orientation === "y-")
+        return Math.max(0, baseAnchor.y - chip.bounds.minY);
+      if (orientation === "y+")
+        return Math.max(0, chip.bounds.maxY - baseAnchor.y);
+      if (orientation === "x-")
+        return Math.max(0, baseAnchor.x - chip.bounds.minX);
+      if (orientation === "x+")
+        return Math.max(0, chip.bounds.maxX - baseAnchor.x);
+    }
+    return this.getSearchDistanceLimit(label, orientation);
+  }
   createCandidate(label, anchorPoint, orientation) {
     const { width, height } = getDimsForOrientation({
       orientation,
@@ -6111,6 +6199,11 @@ var AvailableNetOrientationSolver = class extends BaseSolver {
     if (tracePathCrossesAnyTrace(connectorTrace, this.traceMap)) {
       return "trace-collision";
     }
+    for (const chip of this.chipObstacleSpatialIndex.chips) {
+      if (tracePathCrossesAnyBounds(connectorTrace, chip.bounds)) {
+        return "chip-collision";
+      }
+    }
     for (let i = 0; i < this.outputNetLabelPlacements.length; i++) {
       if (i === labelIndex) continue;
       const otherLabel = this.outputNetLabelPlacements[i];

package/lib/solvers/AvailableNetOrientationSolver/AvailableNetOrientationSolver.ts

@@ -20,6 +20,7 @@ import {
   isYOrientation,
   rangesOverlap,
   rectsOverlap,
+  simplifyOrthogonalPath,
   traceCrossesBoundsInterior,
   tracePathCrossesAnyBounds,
   tracePathCrossesAnyTrace,
@@ -127,7 +128,7 @@ export class AvailableNetOrientationSolver extends BaseSolver {
 
   private applyCandidate(
     label: NetLabelPlacement,
-    candidate: CandidateLabel,
+    candidate: EvaluatedCandidate,
     labelIndex: number,
   ) {
     this.outputNetLabelPlacements[labelIndex] = {
@@ -139,14 +140,33 @@ export class AvailableNetOrientationSolver extends BaseSolver {
 
   private addConnectorTrace(
     label: NetLabelPlacement,
-    candidate: CandidateLabel,
+    candidate: EvaluatedCandidate,
     labelIndex: number,
   ) {
-    const tracePath = getConnectorTracePath(
-      label.anchorPoint,
-      candidate.anchorPoint,
-      candidate.orientation,
-    )
+    let tracePath: Point[]
+
+    if (candidate.phase === "lateral-shift") {
+      const orientDir = dir(candidate.orientation)
+      const kickedSource = {
+        x: label.anchorPoint.x - orientDir.x * LABEL_SEARCH_STEP,
+        y: label.anchorPoint.y - orientDir.y * LABEL_SEARCH_STEP,
+      }
+      tracePath = simplifyOrthogonalPath([
+        label.anchorPoint,
+        ...getConnectorTracePath(
+          kickedSource,
+          candidate.anchorPoint,
+          candidate.orientation,
+        ),
+      ])
+    } else {
+      tracePath = getConnectorTracePath(
+        label.anchorPoint,
+        candidate.anchorPoint,
+        candidate.orientation,
+      )
+    }
+
     if (tracePath.length < 2) return
 
     const mspPairId = `available-net-orientation-${labelIndex}-${label.netId ?? label.globalConnNetId}`
@@ -185,10 +205,19 @@ export class AvailableNetOrientationSolver extends BaseSolver {
       labelIndex,
       orientations,
     )
+    if (rotatedCandidate) return rotatedCandidate
+
+    const shiftedCandidate = this.findValidShiftedCandidate(
+      label,
+      orientations[0]!,
+      labelIndex,
+    )
+    if (shiftedCandidate) return shiftedCandidate
 
-    return (
-      rotatedCandidate ??
-      this.findValidShiftedCandidate(label, orientations[0]!, labelIndex)
+    return this.findValidLateralShiftedCandidate(
+      label,
+      orientations[0]!,
+      labelIndex,
     )
   }
 
@@ -266,6 +295,63 @@ export class AvailableNetOrientationSolver extends BaseSolver {
     return null
   }
 
+  /**
+   * When all candidates fail for the current (unshifted) position, try
+   * shifting the label anchor laterally — x for y-orientations, y for
+   * x-orientations — and re-attempting the required orientation.
+   *
+   * Offsets are tried in alternating sign order:
+   *   -1·step, +1·step, -2·step, +2·step, …
+   * so the nearest escape routes are tested first.
+   */
+  private findValidLateralShiftedCandidate(
+    label: NetLabelPlacement,
+    orientation: FacingDirection,
+    labelIndex: number,
+  ): EvaluatedCandidate | null {
+    const direction = dir(orientation)
+    const initialBaseAnchor = this.getSearchStartAnchor(label, orientation)
+
+    // Lateral axis: perpendicular to the orientation direction
+    const lateralDir: Point = {
+      x: isYOrientation(orientation) ? 1 : 0,
+      y: isXOrientation(orientation) ? 1 : 0,
+    }
+
+    const maxSteps = Math.ceil(this.maxSearchDistance / LABEL_SEARCH_STEP)
+
+    for (let step = 1; step <= maxSteps; step++) {
+      for (const sign of [-1, 1]) {
+        const lateralOffset = sign * step * LABEL_SEARCH_STEP
+        const baseAnchor = {
+          x: initialBaseAnchor.x + lateralDir.x * lateralOffset,
+          y: initialBaseAnchor.y + lateralDir.y * lateralOffset,
+        }
+
+        const maxSearchDistance = this.getLateralColumnMaxDistance(
+          label,
+          orientation,
+          baseAnchor,
+        )
+
+        const candidate = this.findValidCandidateInShiftColumn({
+          label,
+          labelIndex,
+          orientation,
+          direction,
+          baseAnchor,
+          maxSearchDistance,
+          outwardDistance: lateralOffset,
+          phase: "lateral-shift",
+        })
+
+        if (candidate) return candidate
+      }
+    }
+
+    return null
+  }
+
   private findValidCandidateInShiftColumn(params: {
     label: NetLabelPlacement
     labelIndex: number
@@ -274,6 +360,7 @@ export class AvailableNetOrientationSolver extends BaseSolver {
     baseAnchor: Point
     maxSearchDistance: number
     outwardDistance: number
+    phase?: CandidatePhase
   }) {
     const {
       label,
@@ -283,6 +370,7 @@ export class AvailableNetOrientationSolver extends BaseSolver {
       baseAnchor,
       maxSearchDistance,
       outwardDistance,
+      phase = "shift",
     } = params
 
     for (
@@ -299,7 +387,7 @@ export class AvailableNetOrientationSolver extends BaseSolver {
         candidate,
         label,
         labelIndex,
-        "shift",
+        phase,
         distance,
         outwardDistance,
       )
@@ -412,6 +500,32 @@ export class AvailableNetOrientationSolver extends BaseSolver {
     return Math.min(this.maxSearchDistance, labelLength * 2)
   }
 
+  private getLateralColumnMaxDistance(
+    label: NetLabelPlacement,
+    orientation: FacingDirection,
+    baseAnchor: Point,
+  ) {
+    const chipId = label.pinIds
+      .map((pid) => this.pinMap[pid]?.chipId)
+      .find(Boolean)
+    const chip = chipId
+      ? this.chipObstacleSpatialIndex.chips.find((c) => c.chipId === chipId)
+      : null
+
+    if (chip) {
+      if (orientation === "y-")
+        return Math.max(0, baseAnchor.y - chip.bounds.minY)
+      if (orientation === "y+")
+        return Math.max(0, chip.bounds.maxY - baseAnchor.y)
+      if (orientation === "x-")
+        return Math.max(0, baseAnchor.x - chip.bounds.minX)
+      if (orientation === "x+")
+        return Math.max(0, chip.bounds.maxX - baseAnchor.x)
+    }
+
+    return this.getSearchDistanceLimit(label, orientation)
+  }
+
   private createCandidate(
     label: NetLabelPlacement,
     anchorPoint: Point,
@@ -474,6 +588,12 @@ export class AvailableNetOrientationSolver extends BaseSolver {
       return "trace-collision"
     }
 
+    for (const chip of this.chipObstacleSpatialIndex.chips) {
+      if (tracePathCrossesAnyBounds(connectorTrace, chip.bounds)) {
+        return "chip-collision"
+      }
+    }
+
     for (let i = 0; i < this.outputNetLabelPlacements.length; i++) {
       if (i === labelIndex) continue
       const otherLabel = this.outputNetLabelPlacements[i]!

package/lib/solvers/AvailableNetOrientationSolver/geometry.ts

@@ -168,7 +168,7 @@ export const getConnectorTracePath = (
       : [source, { x: source.x, y: target.y }, target],
   )
 
-const simplifyOrthogonalPath = (path: Point[]) => {
+export const simplifyOrthogonalPath = (path: Point[]) => {
   const deduped = path.filter(
     (point, index) => index === 0 || !pointsEqual(point, path[index - 1]!),
   )

package/lib/solvers/AvailableNetOrientationSolver/types.ts

@@ -33,7 +33,7 @@ export type CandidateStatus =
   | "trace-collision"
   | "netlabel-collision"
 
-export type CandidatePhase = "rotate" | "shift"
+export type CandidatePhase = "rotate" | "shift" | "lateral-shift"
 
 export type EvaluatedCandidate = CandidateLabel & {
   status: CandidateStatus

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/schematic-trace-solver",
   "main": "dist/index.js",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "type": "module",
   "scripts": {
     "start": "cosmos",

package/site/examples/example37.page.tsx

@@ -0,0 +1,4 @@
+import { PipelineDebugger } from "site/components/PipelineDebugger"
+import inputProblem from "../../tests/assets/example37.json"
+
+export default () => <PipelineDebugger inputProblem={inputProblem as any} />

package/site/examples/example38.page.tsx

@@ -0,0 +1,4 @@
+import { PipelineDebugger } from "site/components/PipelineDebugger"
+import inputProblem from "../../tests/assets/example38.json"
+
+export default () => <PipelineDebugger inputProblem={inputProblem as any} />

package/tests/assets/example37.json

@@ -0,0 +1,173 @@
+{
+  "chips": [
+    {
+      "chipId": "schematic_component_0",
+      "center": {
+        "x": -3.69,
+        "y": 1.7
+      },
+      "width": 1.1,
+      "height": 0.388910699999999,
+      "pins": [
+        {
+          "pinId": "R1.1",
+          "x": -4.24,
+          "y": 1.7
+        },
+        {
+          "pinId": "R1.2",
+          "x": -3.14,
+          "y": 1.7
+        }
+      ]
+    },
+    {
+      "chipId": "schematic_component_1",
+      "center": {
+        "x": -6.19,
+        "y": 0.3
+      },
+      "width": 1.1,
+      "height": 0.84,
+      "pins": [
+        {
+          "pinId": "C1.1",
+          "x": -6.74,
+          "y": 0.3
+        },
+        {
+          "pinId": "C1.2",
+          "x": -5.640000000000001,
+          "y": 0.3
+        }
+      ]
+    },
+    {
+      "chipId": "schematic_component_2",
+      "center": {
+        "x": 0,
+        "y": 0
+      },
+      "width": 0.4,
+      "height": 1,
+      "pins": [
+        {
+          "pinId": "U1.1",
+          "x": -0.6000000000000001,
+          "y": 0.30000000000000004
+        },
+        {
+          "pinId": "U1.2",
+          "x": -0.6000000000000001,
+          "y": 0.10000000000000003
+        },
+        {
+          "pinId": "U1.3",
+          "x": -0.6000000000000001,
+          "y": -0.09999999999999998
+        },
+        {
+          "pinId": "U1.4",
+          "x": -0.6000000000000001,
+          "y": -0.30000000000000004
+        },
+        {
+          "pinId": "U1.5",
+          "x": 0.6000000000000001,
+          "y": -0.30000000000000004
+        },
+        {
+          "pinId": "U1.6",
+          "x": 0.6000000000000001,
+          "y": -0.10000000000000003
+        },
+        {
+          "pinId": "U1.7",
+          "x": 0.6000000000000001,
+          "y": 0.09999999999999998
+        },
+        {
+          "pinId": "U1.8",
+          "x": 0.6000000000000001,
+          "y": 0.30000000000000004
+        }
+      ]
+    },
+    {
+      "chipId": "schematic_component_3",
+      "center": {
+        "x": -2.92,
+        "y": -0.4
+      },
+      "width": 0.4,
+      "height": 1,
+      "pins": [
+        {
+          "pinId": "U2.1",
+          "x": -3.52,
+          "y": -0.09999999999999998
+        },
+        {
+          "pinId": "U2.2",
+          "x": -3.52,
+          "y": -0.3
+        },
+        {
+          "pinId": "U2.3",
+          "x": -3.52,
+          "y": -0.5
+        },
+        {
+          "pinId": "U2.4",
+          "x": -3.52,
+          "y": -0.7000000000000001
+        },
+        {
+          "pinId": "U2.5",
+          "x": -2.32,
+          "y": -0.7000000000000001
+        },
+        {
+          "pinId": "U2.6",
+          "x": -2.32,
+          "y": -0.5
+        },
+        {
+          "pinId": "U2.7",
+          "x": -2.32,
+          "y": -0.30000000000000004
+        },
+        {
+          "pinId": "U2.8",
+          "x": -2.32,
+          "y": -0.09999999999999998
+        }
+      ]
+    }
+  ],
+  "directConnections": [
+    {
+      "pinIds": ["C1.1", "R1.1"],
+      "netId": ".C1 > .pin1 to R1.pin1"
+    },
+    {
+      "pinIds": ["U1.1", "C1.2"],
+      "netId": ".U1 > .pin1 to C1.pin2"
+    },
+    {
+      "pinIds": ["U1.2", "R1.2"],
+      "netId": ".U1 > .pin2 to R1.pin2"
+    },
+    {
+      "pinIds": ["U2.1", "U1.3"],
+      "netId": ".U2 > .pin1 to U1.pin3"
+    },
+    {
+      "pinIds": ["U2.2", "U1.4"],
+      "netId": ".U2 > .pin2 to U1.pin4"
+    }
+  ],
+  "netConnections": [],
+  "availableNetLabelOrientations": {},
+  "maxMspPairDistance": 2.4
+}

package/tests/assets/example38.json

@@ -0,0 +1,32 @@
+{
+  "chips": [
+    {
+      "chipId": "schematic_component_0",
+      "center": {
+        "x": 0,
+        "y": 0
+      },
+      "width": 0.2,
+      "height": 0.325,
+      "pins": [
+        {
+          "pinId": "TP1.1",
+          "x": -1.2246467991473533e-17,
+          "y": 0.2
+        }
+      ]
+    }
+  ],
+  "directConnections": [],
+  "netConnections": [
+    {
+      "netId": "GND",
+      "pinIds": ["TP1.1"],
+      "netLabelWidth": 0.48
+    }
+  ],
+  "availableNetLabelOrientations": {
+    "GND": ["y-"]
+  },
+  "maxMspPairDistance": 2.4
+}

package/tests/examples/__snapshots__/example04.snap.svg

@@ -2,39 +2,38 @@
   <rect width="100%" height="100%" fill="white" />
   <g>
     <circle data-type="point" data-label="Q1.1
-y+" data-x="0.30397715550000004" data-y="0.5800832909999993" cx="402.5477478715151" cy="162.47313199841204" r="3" fill="hsl(315, 100%, 50%, 0.8)" />
+y+" data-x="0.30397715550000004" data-y="0.5800832909999993" cx="386.41696544795997" cy="192.03773223990865" r="3" fill="hsl(315, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="Q1.2
-y-" data-x="0.31067575550000137" data-y="-0.5800832909999993" cx="404.36681333050564" cy="477.52686800158796" r="3" fill="hsl(316, 100%, 50%, 0.8)" />
+y-" data-x="0.31067575550000137" data-y="-0.5800832909999993" cx="388.6751471623335" cy="583.1443755831586" r="3" fill="hsl(316, 100%, 50%, 0.8)" />
   </g>
   <g>
     <circle data-type="point" data-label="Q1.3
-x-" data-x="-0.4467558855000001" data-y="-0.10250625000000019" cx="198.67939570751895" cy="347.8364999709806" r="3" fill="hsl(317, 100%, 50%, 0.8)" />
+x-" data-x="-0.4467558855000001" data-y="-0.10250625000000019" cx="133.33548191977735" cy="422.1471909191105" r="3" fill="hsl(317, 100%, 50%, 0.8)" />
   </g>
   <g>
-    <circle data-type="point" data-label="anchorPoint
-orientation: y+" data-x="0.30397715550000004" data-y="0.5800832909999993" cx="402.5477478715151" cy="162.47313199841204" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="0.30397715550000004" data-y="0.5800832909999993" cx="386.41696544795997" cy="192.03773223990865" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <circle data-type="point" data-label="anchorPoint
-orientation: y-" data-x="0.31067575550000137" data-y="-0.5800832909999993" cx="404.36681333050564" cy="477.52686800158796" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+    <circle data-type="point" data-label="" data-x="0.5606757555000014" data-y="-0.5290832909999993" cx="472.95326924654" cy="565.9516386779806" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
   </g>
   <g>
-    <polyline data-points="0.30397715550000004,0.5800832909999993 0.31067575550000137,-0.5800832909999993" data-type="line" data-label="" points="402.5477478715151,162.47313199841204 404.36681333050564,477.52686800158796" fill="none" stroke="hsl(73, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+    <polyline data-points="0.30397715550000004,0.5800832909999993 0.31067575550000137,-0.5800832909999993" data-type="line" data-label="" points="386.41696544795997,192.03773223990865 388.6751471623335,583.1443755831586" fill="none" stroke="hsl(73, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
   </g>
   <g>
-    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="198.67939570751895" y="162.47313199841204" width="242.6412085849621" height="315.0537360031759" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.003682440324999998" />
+    <polyline data-points="0.31067575550000137,-0.5800832909999993 0.31067575550000137,-0.6300832909999994 0.5606757555000014,-0.6300832909999994 0.5606757555000014,-0.5290832909999993" data-type="line" data-label="" points="388.6751471623335,583.1443755831586 388.6751471623335,600 472.95326924654,600 472.95326924654,565.9516386779806" fill="none" stroke="purple" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="133.33548191977735" y="192.03773223990865" width="301.2139764800545" height="391.10664334324997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0029663688964285694" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
-globalConnNetId: connectivity_net0
-available orientations: y+" data-x="0.30397715550000004" data-y="0.8060832909999993" x="375.3918427720889" y="40" width="54.311810198852356" height="122.20157294741779" fill="#ef444466" stroke="#ef4444" stroke-width="0.003682440324999998" />
+globalConnNetId: connectivity_net0" data-x="0.30397715550000004" data-y="0.8060832909999993" x="352.7057166142773" y="40" width="67.42249766736523" height="151.70061975157182" fill="#ef444466" stroke="#ef4444" stroke-width="0.0029663688964285694" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
-globalConnNetId: connectivity_net0
-available orientations: y+" data-x="0.31067575550000137" data-y="-0.8060832909999993" x="377.2109082310795" y="477.7984270525822" width="54.3118101988523" height="122.20157294741779" fill="#ef444466" stroke="#ef4444" stroke-width="0.003682440324999998" />
+globalConnNetId: connectivity_net0" data-x="0.5606757555000014" data-y="-0.3040832909999993" x="439.2420204128574" y="414.25101892640873" width="67.42249766736518" height="151.70061975157182" fill="#ef444466" stroke="#ef4444" stroke-width="0.0029663688964285694" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
@@ -64,12 +63,12 @@ available orientations: y+" data-x="0.31067575550000137" data-y="-0.806083290999
 
       // Calculate real coordinates using inverse transformation
       const matrix = {
-        "a": 271.55905099426167,
+        "a": 337.1124883368262,
         "c": 0,
-        "e": 320,
+        "e": 283.9424701598046,
         "b": 0,
-        "d": -271.55905099426167,
-        "f": 320
+        "d": -337.1124883368262,
+        "f": 387.59105391153366
       };
       // Manually invert and apply the affine transform
       // Since we only use translate and scale, we can directly compute:

package/tests/examples/__snapshots__/example37.snap.svg

@@ -0,0 +1,320 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="R1.1
+x-" data-x="-4.24" data-y="1.7" cx="240.53050397877985" cy="230.66942944297082" r="3" fill="hsl(226, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="R1.2
+x+" data-x="-3.1399999999999997" data-y="1.7" cx="322.2281167108754" cy="230.66942944297082" r="3" fill="hsl(227, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C1.1
+x-" data-x="-6.74" data-y="0.3" cx="54.85411140583557" cy="334.6482092838196" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="C1.2
+x+" data-x="-5.640000000000001" data-y="0.3" cx="136.55172413793105" cy="334.6482092838196" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.1
+x-" data-x="-0.6000000000000001" data-y="0.30000000000000004" cx="510.8753315649867" cy="334.6482092838196" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.2
+x-" data-x="-0.6000000000000001" data-y="0.10000000000000003" cx="510.8753315649867" cy="349.50232068965516" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.3
+x-" data-x="-0.6000000000000001" data-y="-0.09999999999999998" cx="510.8753315649867" cy="364.3564320954907" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.4
+x-" data-x="-0.6000000000000001" data-y="-0.30000000000000004" cx="510.8753315649867" cy="379.21054350132624" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.5
+x+" data-x="0.6000000000000001" data-y="-0.30000000000000004" cx="600" cy="379.21054350132624" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.6
+x+" data-x="0.6000000000000001" data-y="-0.10000000000000003" cx="600" cy="364.3564320954907" r="3" fill="hsl(324, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.7
+x+" data-x="0.6000000000000001" data-y="0.09999999999999998" cx="600" cy="349.50232068965516" r="3" fill="hsl(325, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U1.8
+x+" data-x="0.6000000000000001" data-y="0.30000000000000004" cx="600" cy="334.6482092838196" r="3" fill="hsl(326, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.1
+x-" data-x="-3.52" data-y="-0.09999999999999998" cx="294.0053050397878" cy="364.3564320954907" r="3" fill="hsl(200, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.2
+x-" data-x="-3.52" data-y="-0.3" cx="294.0053050397878" cy="379.21054350132624" r="3" fill="hsl(201, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.3
+x-" data-x="-3.52" data-y="-0.5" cx="294.0053050397878" cy="394.06465490716175" r="3" fill="hsl(202, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.4
+x-" data-x="-3.52" data-y="-0.7000000000000001" cx="294.0053050397878" cy="408.9187663129973" r="3" fill="hsl(203, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.5
+x+" data-x="-2.32" data-y="-0.7000000000000001" cx="383.1299734748011" cy="408.9187663129973" r="3" fill="hsl(204, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.6
+x+" data-x="-2.32" data-y="-0.5" cx="383.1299734748011" cy="394.06465490716175" r="3" fill="hsl(205, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.7
+x+" data-x="-2.32" data-y="-0.30000000000000004" cx="383.1299734748011" cy="379.21054350132624" r="3" fill="hsl(206, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="U2.8
+x+" data-x="-2.32" data-y="-0.09999999999999998" cx="383.1299734748011" cy="364.3564320954907" r="3" fill="hsl(207, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-0.6000000000000001" data-y="0.30000000000000004" cx="510.8753315649867" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-0.6000000000000001" data-y="0.30000000000000004" cx="510.8753315649867" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-0.6500000000000001" data-y="0.30000000000000004" cx="507.16180371352783" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-0.6500000000000001" data-y="0.30000000000000004" cx="507.16180371352783" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-0.7000000000000001" data-y="0.30000000000000004" cx="503.44827586206895" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-0.7000000000000001" data-y="0.30000000000000004" cx="503.44827586206895" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x+" data-x="-0.7000000000000001" data-y="0.30000000000000004" cx="503.44827586206895" cy="334.6482092838196" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x-" data-x="-0.7000000000000001" data-y="0.30000000000000004" cx="503.44827586206895" cy="334.6482092838196" r="3" fill="orange" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x+" data-x="-0.7000000000000001" data-y="0.25000000000000006" cx="503.44827586206895" cy="338.3617371352785" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x-" data-x="-0.7000000000000001" data-y="0.25000000000000006" cx="503.44827586206895" cy="338.3617371352785" r="3" fill="orange" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x+" data-x="-0.7000000000000001" data-y="0.20000000000000004" cx="503.44827586206895" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: x-" data-x="-0.7000000000000001" data-y="0.20000000000000004" cx="503.44827586206895" cy="342.07526498673735" r="3" fill="orange" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-0.7000000000000001" data-y="0.20000000000000004" cx="503.44827586206895" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-0.7000000000000001" data-y="0.20000000000000004" cx="503.44827586206895" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-3.1700000000000004" data-y="0.2" cx="320" cy="342.07526498673735" r="3" fill="orange" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-3.1700000000000004" data-y="0.2" cx="320" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y+" data-x="-5.640000000000001" data-y="0.19999999999999998" cx="136.55172413793105" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="anchor
+orientation: y-" data-x="-5.640000000000001" data-y="0.19999999999999998" cx="136.55172413793105" cy="342.07526498673735" r="3" fill="red" />
+  </g>
+  <g>
+    <polyline data-points="-6.74,0.3 -4.24,1.7" data-type="line" data-label="" points="54.85411140583557,334.6482092838196 240.53050397877985,230.66942944297082" fill="none" stroke="hsl(24, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-0.6000000000000001,0.30000000000000004 -5.640000000000001,0.3" data-type="line" data-label="" points="510.8753315649867,334.6482092838196 136.55172413793105,334.6482092838196" fill="none" stroke="hsl(8, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-0.6000000000000001,0.10000000000000003 -3.1399999999999997,1.7" data-type="line" data-label="" points="510.8753315649867,349.50232068965516 322.2281167108754,230.66942944297082" fill="none" stroke="hsl(8, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-3.52,-0.09999999999999998 -0.6000000000000001,-0.09999999999999998" data-type="line" data-label="" points="294.0053050397878,364.3564320954907 510.8753315649867,364.3564320954907" fill="none" stroke="hsl(152, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-3.52,-0.3 -0.6000000000000001,-0.30000000000000004" data-type="line" data-label="" points="294.0053050397878,379.21054350132624 510.8753315649867,379.21054350132624" fill="none" stroke="hsl(152, 100%, 50%, 0.8)" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-6.74,0.3 -6.94,0.3 -6.94,1.7 -4.24,1.7" data-type="line" data-label="" points="54.85411140583557,334.6482092838196 40,334.6482092838196 40,230.66942944297082 240.53050397877985,230.66942944297082" fill="none" stroke="black" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-0.6000000000000001,0.30000000000000004 -0.7000000000000001,0.30000000000000004 -0.7000000000000001,0.20000000000000004 -5.640000000000001,0.19999999999999998" data-type="line" data-label="" points="510.8753315649867,334.6482092838196 503.44827586206895,334.6482092838196 503.44827586206895,342.07526498673735 136.55172413793105,342.07526498673735" fill="none" stroke="black" stroke-width="1" />
+  </g>
+  <g>
+    <polyline data-points="-3.52,-0.09999999999999998 -3.72,-0.09999999999999998 -3.72,0.4 -0.8000000000000007,0.4 -0.8000000000000007,-0.09999999999999998 -0.6000000000000005,-0.09999999999999998" data-type="line" data-label="" points="294.0053050397878,364.3564320954907 279.1511936339523,364.3564320954907 279.1511936339523,327.22115358090184 496.02122015915114,327.22115358090184 496.02122015915114,364.3564320954907 510.8753315649867,364.3564320954907" fill="none" stroke="black" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="-3.69" data-y="1.7" x="240.53050397877985" y="216.22712228116714" width="81.69761273209554" height="28.884614323607337" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="-6.19" data-y="0.3" x="54.85411140583557" y="303.45457533156497" width="81.69761273209548" height="62.38726790450926" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_2" data-x="0" data-y="0" x="510.8753315649867" y="319.7940978779841" width="89.12466843501329" height="74.27055702917767" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_3" data-x="-2.92" data-y="-0.4" x="294.0053050397878" y="349.50232068965516" width="89.12466843501329" height="74.27055702917772" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y+" data-x="-0.6000000000000001" data-y="0.5251" x="503.44827586206895" y="301.2190315649867" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-0.6000000000000001" data-y="0.07490000000000005" x="503.44827586206895" y="334.6556363395225" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y+" data-x="-0.6500000000000001" data-y="0.5251" x="499.7347480106101" y="301.2190315649867" width="14.854111405835567" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-0.6500000000000001" data-y="0.07490000000000005" x="499.7347480106101" y="334.6556363395225" width="14.854111405835567" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y+" data-x="-0.7000000000000001" data-y="0.5251" x="496.0212201591512" y="301.2190315649867" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-0.7000000000000001" data-y="0.07490000000000005" x="496.0212201591512" y="334.6556363395225" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: x+" data-x="-0.4749000000000001" data-y="0.30000000000000004" x="503.4557029177719" y="327.22115358090184" width="33.421750663129956" height="14.85411140583551" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: trace-collision
+orientation: x-" data-x="-0.9251" data-y="0.30000000000000004" x="470.0190981432361" y="327.22115358090184" width="33.421750663129956" height="14.85411140583551" fill="rgba(220, 140, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: x+" data-x="-0.4749000000000001" data-y="0.25000000000000006" x="503.4557029177719" y="330.9346814323607" width="33.421750663129956" height="14.854111405835567" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: trace-collision
+orientation: x-" data-x="-0.9251" data-y="0.25000000000000006" x="470.0190981432361" y="330.9346814323607" width="33.421750663129956" height="14.854111405835567" fill="rgba(220, 140, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: x+" data-x="-0.4749000000000001" data-y="0.20000000000000004" x="503.4557029177719" y="334.6482092838196" width="33.421750663129956" height="14.854111405835567" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: trace-collision
+orientation: x-" data-x="-0.9251" data-y="0.20000000000000004" x="470.0190981432361" y="334.6482092838196" width="33.421750663129956" height="14.854111405835567" fill="rgba(220, 140, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y+" data-x="-0.7000000000000001" data-y="0.42510000000000003" x="496.0212201591512" y="308.6460872679045" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-0.7000000000000001" data-y="-0.02509999999999997" x="496.0212201591512" y="342.08269204244027" width="14.85411140583551" height="33.42175066313001" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: trace-collision
+orientation: y+" data-x="-3.1700000000000004" data-y="0.42510000000000003" x="312.57294429708224" y="308.6460872679045" width="14.85411140583551" height="33.421750663129956" fill="rgba(220, 140, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-3.1700000000000004" data-y="-0.025099999999999983" x="312.57294429708224" y="342.08269204244027" width="14.85411140583551" height="33.42175066313001" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y+" data-x="-5.640000000000001" data-y="0.4251" x="129.1246684350133" y="308.6460872679045" width="14.85411140583551" height="33.42175066313001" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="status: chip-collision
+orientation: y-" data-x="-5.640000000000001" data-y="-0.025100000000000025" x="129.1246684350133" y="342.08269204244027" width="14.85411140583551" height="33.42175066313001" fill="rgba(220, 0, 0, 0.25)" stroke="black" stroke-width="0.013464285714285717" />
+  </g>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 74.27055702917771,
+        "c": 0,
+        "e": 555.4376657824934,
+        "b": 0,
+        "d": -74.27055702917771,
+        "f": 356.9293763925729
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>

package/tests/examples/__snapshots__/example38.snap.svg

@@ -0,0 +1,77 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="TP1.1
+y+" data-x="-1.2246467991473533e-17" data-y="0.2" cx="440.48192771084337" cy="88.19277108433738" r="3" fill="hsl(128, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-0.25" data-y="0.14900000000000002" cx="199.5180722891566" cy="137.34939759036146" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <polyline data-points="-1.2246467991473533e-17,0.2 -1.2246467991473533e-17,0.25 -0.25,0.25 -0.25,0.14900000000000002" data-type="line" data-label="" points="440.48192771084337,88.19277108433738 440.48192771084337,40.00000000000003 199.5180722891566,40.00000000000003 199.5180722891566,137.34939759036146" fill="none" stroke="purple" stroke-width="1" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="344.09638554216866" y="88.19277108433738" width="192.77108433734935" height="385.5421686746988" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.0010375" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="netId: GND
+globalConnNetId: connectivity_net0" data-x="-0.25" data-y="-0.09099999999999997" x="103.13253012048193" y="137.34939759036146" width="192.77108433734935" height="462.6506024096385" fill="#00000066" stroke="#000000" stroke-width="0.0010375" />
+  </g>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 963.855421686747,
+        "c": 0,
+        "e": 440.48192771084337,
+        "b": 0,
+        "d": -963.855421686747,
+        "f": 280.9638554216868
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>

package/tests/examples/example37.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import inputProblem from "../assets/example37.json"
+import "tests/fixtures/matcher"
+
+test("example37", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem as any)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example38.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import inputProblem from "../assets/example38.json"
+import "tests/fixtures/matcher"
+
+test("example38", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem as any)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})