circuit-to-svg 0.0.66 → 0.0.68

package/dist/index.js

@@ -1,21 +1,119 @@
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint11,
+  applyToPoint as applyToPoint12,
   compose as compose3,
   scale,
   translate as translate3
 } from "transformation-matrix";
 
-// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-path.ts
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace-error.ts
 import { applyToPoint } from "transformation-matrix";
+function createSvgObjectsFromPcbTraceError(pcbTraceError, transform, circuitJson, shouldDrawErrors) {
+  if (!shouldDrawErrors) return [];
+  const { pcb_port_ids } = pcbTraceError;
+  const port1 = circuitJson.find(
+    (el) => el.type === "pcb_port" && el.pcb_port_id === pcb_port_ids?.[0]
+  );
+  const port2 = circuitJson.find(
+    (el) => el.type === "pcb_port" && el.pcb_port_id === pcb_port_ids?.[1]
+  );
+  if (!port1 || !port2) return [];
+  const screenPort1 = applyToPoint(transform, {
+    x: port1.x,
+    y: port1.y
+  });
+  const screenPort2 = applyToPoint(transform, {
+    x: port2.x,
+    y: port2.y
+  });
+  const errorCenter = {
+    x: (screenPort1.x + screenPort2.x) / 2,
+    y: (screenPort1.y + screenPort2.y) / 2
+  };
+  if (isNaN(screenPort1.x) || isNaN(screenPort1.y) || isNaN(screenPort2.x) || isNaN(screenPort2.y) || isNaN(errorCenter.x) || isNaN(errorCenter.y)) {
+    return [];
+  }
+  const svgObjects = [
+    {
+      name: "line",
+      type: "element",
+      attributes: {
+        x1: screenPort1.x.toString(),
+        y1: screenPort1.y.toString(),
+        x2: errorCenter.x.toString(),
+        y2: errorCenter.y.toString(),
+        stroke: "red",
+        "stroke-width": "1.5",
+        "stroke-dasharray": "2,2"
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "line",
+      type: "element",
+      attributes: {
+        x1: errorCenter.x.toString(),
+        y1: errorCenter.y.toString(),
+        x2: screenPort2.x.toString(),
+        y2: screenPort2.y.toString(),
+        stroke: "red",
+        "stroke-width": "1.5",
+        "stroke-dasharray": "2,2"
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "rect",
+      type: "element",
+      attributes: {
+        x: (errorCenter.x - 5).toString(),
+        y: (errorCenter.y - 5).toString(),
+        width: "10",
+        height: "10",
+        fill: "red",
+        transform: `rotate(45 ${errorCenter.x} ${errorCenter.y})`
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "text",
+      type: "element",
+      attributes: {
+        x: errorCenter.x.toString(),
+        y: (errorCenter.y - 15).toString(),
+        fill: "red",
+        "font-family": "sans-serif",
+        "font-size": "12",
+        "text-anchor": "middle"
+      },
+      children: [
+        {
+          type: "text",
+          value: pcbTraceError.message || "Pcb Trace Error",
+          name: "",
+          attributes: {},
+          children: []
+        }
+      ],
+      value: ""
+    }
+  ];
+  return svgObjects;
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-path.ts
+import { applyToPoint as applyToPoint2 } from "transformation-matrix";
 function createSvgObjectsFromPcbFabricationNotePath(fabNotePath, transform) {
   if (!fabNotePath.route || !Array.isArray(fabNotePath.route)) return [];
   const firstPoint = fabNotePath.route[0];
   const lastPoint = fabNotePath.route[fabNotePath.route.length - 1];
   const isClosed = firstPoint.x === lastPoint.x && firstPoint.y === lastPoint.y;
   const path = fabNotePath.route.slice(0, isClosed ? -1 : void 0).map((point, index) => {
-    const [x, y] = applyToPoint(transform, [point.x, point.y]);
+    const [x, y] = applyToPoint2(transform, [point.x, point.y]);
     return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
   }).join(" ") + (isClosed ? " Z" : "");
   return [
@@ -40,7 +138,7 @@ function createSvgObjectsFromPcbFabricationNotePath(fabNotePath, transform) {
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-text.ts
 import { toString as matrixToString } from "transformation-matrix";
 import {
-  applyToPoint as applyToPoint2,
+  applyToPoint as applyToPoint3,
   compose,
   rotate,
   translate
@@ -58,7 +156,7 @@ function createSvgObjectsFromPcbFabricationNoteText(pcbFabNoteText, transform) {
     console.error("Invalid anchor_position:", anchor_position);
     return [];
   }
-  const [transformedX, transformedY] = applyToPoint2(transform, [
+  const [transformedX, transformedY] = applyToPoint3(transform, [
     anchor_position.x,
     anchor_position.y
   ]);
@@ -98,9 +196,9 @@ function createSvgObjectsFromPcbFabricationNoteText(pcbFabNoteText, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-plated-hole.ts
-import { applyToPoint as applyToPoint3 } from "transformation-matrix";
+import { applyToPoint as applyToPoint4 } from "transformation-matrix";
 function createSvgObjectsFromPcbPlatedHole(hole, transform) {
-  const [x, y] = applyToPoint3(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint4(transform, [hole.x, hole.y]);
   if (hole.shape === "pill") {
     const scaledOuterWidth = hole.outer_width * Math.abs(transform.a);
     const scaledOuterHeight = hole.outer_height * Math.abs(transform.a);
@@ -190,11 +288,11 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-silkscreen-path.ts
-import { applyToPoint as applyToPoint4 } from "transformation-matrix";
+import { applyToPoint as applyToPoint5 } from "transformation-matrix";
 function createSvgObjectsFromPcbSilkscreenPath(silkscreenPath, transform) {
   if (!silkscreenPath.route || !Array.isArray(silkscreenPath.route)) return [];
   let path = silkscreenPath.route.map((point, index) => {
-    const [x, y] = applyToPoint4(transform, [point.x, point.y]);
+    const [x, y] = applyToPoint5(transform, [point.x, point.y]);
     return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
   }).join(" ");
   const firstPoint = silkscreenPath.route[0];
@@ -221,7 +319,7 @@ function createSvgObjectsFromPcbSilkscreenPath(silkscreenPath, transform) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-silkscreen-text.ts
 import {
-  applyToPoint as applyToPoint5,
+  applyToPoint as applyToPoint6,
   compose as compose2,
   rotate as rotate2,
   translate as translate2,
@@ -238,7 +336,7 @@ function createSvgObjectsFromPcbSilkscreenText(pcbSilkscreenText, transform) {
     console.error("Invalid anchor_position:", anchor_position);
     return [];
   }
-  const [transformedX, transformedY] = applyToPoint5(transform, [
+  const [transformedX, transformedY] = applyToPoint6(transform, [
     anchor_position.x,
     anchor_position.y
   ]);
@@ -286,7 +384,7 @@ function pairs(arr) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace.ts
-import { applyToPoint as applyToPoint6 } from "transformation-matrix";
+import { applyToPoint as applyToPoint7 } from "transformation-matrix";
 
 // lib/pcb/layer-name-to-color.ts
 var LAYER_NAME_TO_COLOR = {
@@ -304,8 +402,8 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
   const segments = pairs(trace.route);
   const svgObjects = [];
   for (const [start, end] of segments) {
-    const startPoint = applyToPoint6(transform, [start.x, start.y]);
-    const endPoint = applyToPoint6(transform, [end.x, end.y]);
+    const startPoint = applyToPoint7(transform, [start.x, start.y]);
+    const endPoint = applyToPoint7(transform, [end.x, end.y]);
     const layer = "layer" in start ? start.layer : "layer" in end ? end.layer : null;
     if (!layer) continue;
     const layerColor = LAYER_NAME_TO_COLOR[layer] ?? "white";
@@ -330,9 +428,9 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-smt-pads.ts
-import { applyToPoint as applyToPoint7 } from "transformation-matrix";
+import { applyToPoint as applyToPoint8 } from "transformation-matrix";
 function createSvgObjectsFromSmtPad(pad, transform) {
-  const [x, y] = applyToPoint7(transform, [pad.x, pad.y]);
+  const [x, y] = applyToPoint8(transform, [pad.x, pad.y]);
   if (pad.shape === "rect") {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
@@ -355,31 +453,31 @@ function createSvgObjectsFromSmtPad(pad, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-board.ts
-import { applyToPoint as applyToPoint8 } from "transformation-matrix";
+import { applyToPoint as applyToPoint9 } from "transformation-matrix";
 function createSvgObjectsFromPcbBoard(pcbBoard, transform) {
   const { width, height, center, outline } = pcbBoard;
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint8(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint9(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
   } else {
     const halfWidth = width / 2;
     const halfHeight = height / 2;
-    const topLeft = applyToPoint8(transform, [
+    const topLeft = applyToPoint9(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint8(transform, [
+    const topRight = applyToPoint9(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint8(transform, [
+    const bottomRight = applyToPoint9(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint8(transform, [
+    const bottomLeft = applyToPoint9(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -403,9 +501,9 @@ function createSvgObjectsFromPcbBoard(pcbBoard, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-via.ts
-import { applyToPoint as applyToPoint9 } from "transformation-matrix";
+import { applyToPoint as applyToPoint10 } from "transformation-matrix";
 function createSvgObjectsFromPcbVia(hole, transform) {
-  const [x, y] = applyToPoint9(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint10(transform, [hole.x, hole.y]);
   const scaledOuterWidth = hole.outer_diameter * Math.abs(transform.a);
   const scaledOuterHeight = hole.outer_diameter * Math.abs(transform.a);
   const scaledHoleWidth = hole.hole_diameter * Math.abs(transform.a);
@@ -441,14 +539,14 @@ function createSvgObjectsFromPcbVia(hole, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
-import { applyToPoint as applyToPoint10 } from "transformation-matrix";
+import { applyToPoint as applyToPoint11 } from "transformation-matrix";
 
 // lib/pcb/colors.ts
 var HOLE_COLOR = "#FF26E2";
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
 function createSvgObjectsFromPcbHole(hole, transform) {
-  const [x, y] = applyToPoint10(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint11(transform, [hole.x, hole.y]);
   if (hole.hole_shape === "circle" || hole.hole_shape === "square") {
     const scaledDiameter = hole.hole_diameter * Math.abs(transform.a);
     const radius = scaledDiameter / 2;
@@ -513,6 +611,7 @@ function createSvgObjectsFromPcbHole(hole, transform) {
 
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 var OBJECT_ORDER = [
+  "pcb_trace_error",
   "pcb_plated_hole",
   "pcb_fabrication_note_text",
   "pcb_fabrication_note_path",
@@ -567,7 +666,9 @@ function convertCircuitJsonToPcbSvg(soup, options) {
   );
   const svgObjects = soup.sort(
     (a, b) => (OBJECT_ORDER.indexOf(b.type) ?? 9999) - (OBJECT_ORDER.indexOf(a.type) ?? 9999)
-  ).flatMap((item) => createSvgObjects(item, transform));
+  ).flatMap(
+    (item) => createSvgObjects(item, transform, soup, options?.shouldDrawErrors)
+  );
   let strokeWidth = String(0.05 * scaleFactor);
   for (const element of soup) {
     if ("stroke_width" in element) {
@@ -653,8 +754,15 @@ function convertCircuitJsonToPcbSvg(soup, options) {
     }
   }
 }
-function createSvgObjects(elm, transform) {
+function createSvgObjects(elm, transform, soup, shouldDrawErrors) {
   switch (elm.type) {
+    case "pcb_trace_error":
+      return createSvgObjectsFromPcbTraceError(
+        elm,
+        transform,
+        soup,
+        shouldDrawErrors
+      ).filter(Boolean);
     case "pcb_component":
       return [createSvgObjectsFromPcbComponent(elm, transform)].filter(Boolean);
     case "pcb_trace":
@@ -683,7 +791,7 @@ function createSvgObjects(elm, transform) {
 }
 function createSvgObjectsFromPcbComponent(component, transform) {
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint11(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint12(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;
@@ -718,8 +826,8 @@ function createSvgObjectsFromPcbComponent(component, transform) {
   };
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint11(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint11(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint12(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint12(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -984,14 +1092,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint12 } from "transformation-matrix";
+import { applyToPoint as applyToPoint13 } from "transformation-matrix";
 function drawSchematicGrid(params) {
   const { minX, minY, maxX, maxY } = params.bounds;
   const cellSize = params.cellSize ?? 1;
   const labelCells = params.labelCells ?? false;
   const gridLines = [];
   const transformPoint = (x, y) => {
-    const [transformedX, transformedY] = applyToPoint12(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint13(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.ceil(minX); x <= Math.floor(maxX); x += cellSize) {
@@ -1068,15 +1176,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint13 } from "transformation-matrix";
+import { applyToPoint as applyToPoint14 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint13(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint13(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint13(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint13(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint14(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint14(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint14(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint14(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -1087,7 +1195,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint13(transform, [
+    const [labelX, labelY] = applyToPoint14(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -1175,7 +1283,7 @@ import { su } from "@tscircuit/soup-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint15,
+  applyToPoint as applyToPoint16,
   compose as compose5
 } from "transformation-matrix";
 
@@ -1260,8 +1368,11 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
-var getSchFontSize = (transform, textType) => {
-  return Math.abs(transform.a) * (textType === "pin_number" ? 0.15 : 0.18);
+var getSchMmFontSize = (textType) => {
+  return textType === "pin_number" ? 0.15 : 0.18;
+};
+var getSchScreenFontSize = (transform, textType) => {
+  return Math.abs(transform.a) * getSchMmFontSize(textType);
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-component-with-symbol.ts
@@ -1324,7 +1435,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint15(
+          const [x, y] = applyToPoint16(
             compose5(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -1339,7 +1450,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint15(
+    const screenTextPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -1358,7 +1469,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
         "dominant-baseline": ninePointAnchorToDominantBaseline[text.anchor],
         "text-anchor": ninePointAnchorToTextAnchor[text.anchor],
         "font-family": "sans-serif",
-        "font-size": `${getSchFontSize(realToScreenTransform, "reference_designator")}px`
+        "font-size": `${getSchScreenFontSize(realToScreenTransform, "reference_designator")}px`
       },
       value: "",
       children: [
@@ -1373,7 +1484,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint15(
+    const screenBoxPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -1396,7 +1507,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const port of symbol.ports) {
-    const screenPortPos = applyToPoint15(
+    const screenPortPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -1421,14 +1532,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su4 } from "@tscircuit/soup-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint20 } from "transformation-matrix";
+import { applyToPoint as applyToPoint21 } from "transformation-matrix";
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-port-on-box.ts
 import "transformation-matrix";
 import "@tscircuit/soup-util";
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-box-line.ts
-import { applyToPoint as applyToPoint16 } from "transformation-matrix";
+import { applyToPoint as applyToPoint17 } from "transformation-matrix";
 import { su as su2 } from "@tscircuit/soup-util";
 var PIN_CIRCLE_RADIUS_MM = 0.02;
 var createSvgObjectsForSchPortBoxLine = ({
@@ -1458,8 +1569,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint16(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint16(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint17(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint17(transform, realEdgePos);
   const realLineEnd = { ...schPort.center };
   switch (schPort.side_of_component) {
     case "left":
@@ -1475,7 +1586,7 @@ var createSvgObjectsForSchPortBoxLine = ({
       realLineEnd.y += PIN_CIRCLE_RADIUS_MM;
       break;
   }
-  const screenLineEnd = applyToPoint16(transform, realLineEnd);
+  const screenLineEnd = applyToPoint17(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -1522,7 +1633,7 @@ var getUnitVectorFromOutsideToEdge = (side) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint17 } from "transformation-matrix";
+import { applyToPoint as applyToPoint18 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -1535,7 +1646,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   const realPinEdgeDistance = schPort.distance_from_component_edge ?? 0.4;
   realPinNumberPos.x += vecToEdge.x * realPinEdgeDistance / 2;
   realPinNumberPos.y += vecToEdge.y * realPinEdgeDistance / 2;
-  const screenPinNumberTextPos = applyToPoint17(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint18(transform, realPinNumberPos);
   if (schPort.side_of_component === "top" || schPort.side_of_component === "bottom") {
     screenPinNumberTextPos.x -= 2;
   } else {
@@ -1552,7 +1663,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
       fill: colorMap.schematic.pin_number,
       "text-anchor": "middle",
       "dominant-baseline": "auto",
-      "font-size": `${getSchFontSize(transform, "pin_number")}px`,
+      "font-size": `${getSchScreenFontSize(transform, "pin_number")}px`,
       transform: schPort.side_of_component === "top" || schPort.side_of_component === "bottom" ? `rotate(-90 ${screenPinNumberTextPos.x} ${screenPinNumberTextPos.y})` : ""
     },
     children: [
@@ -1570,7 +1681,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint18 } from "transformation-matrix";
+import { applyToPoint as applyToPoint19 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -1584,7 +1695,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
   const realPinEdgeDistance = schPort.distance_from_component_edge ?? 0.4;
   realPinNumberPos.x += vecToEdge.x * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
   realPinNumberPos.y += vecToEdge.y * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
-  const screenPinNumberTextPos = applyToPoint18(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint19(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`pin${schPort.pin_number}`];
   if (!label) return [];
   svgObjects.push({
@@ -1598,7 +1709,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
       fill: colorMap.schematic.pin_number,
       "text-anchor": schPort.side_of_component === "left" || schPort.side_of_component === "bottom" ? "start" : "end",
       "dominant-baseline": "middle",
-      "font-size": `${getSchFontSize(transform, "pin_number")}px`,
+      "font-size": `${getSchScreenFontSize(transform, "pin_number")}px`,
       transform: schPort.side_of_component === "top" || schPort.side_of_component === "bottom" ? `rotate(-90 ${screenPinNumberTextPos.x} ${screenPinNumberTextPos.y})` : ""
     },
     children: [
@@ -1635,11 +1746,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
     schComponent.source_component_id
   );
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint20(transform, {
+  const componentScreenTopLeft = applyToPoint21(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint20(transform, {
+  const componentScreenBottomRight = applyToPoint21(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -1659,12 +1770,12 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
     },
     children: []
   });
-  const screenManufacturerNumberPos = applyToPoint20(transform, {
+  const screenManufacturerNumberPos = applyToPoint21(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2 + 0.5
     // Above the component top edge
   });
-  const fontSizePx = getSchFontSize(transform, "manufacturer_number");
+  const fontSizePx = getSchScreenFontSize(transform, "manufacturer_number");
   if (srcComponent?.manufacturer_part_number) {
     svgObjects.push({
       name: "text",
@@ -1743,14 +1854,14 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint21 } from "transformation-matrix";
+import { applyToPoint as applyToPoint22 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject(debugObject, transform) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint21(transform, [
+    let [screenLeft, screenTop] = applyToPoint22(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint21(transform, [
+    let [screenRight, screenBottom] = applyToPoint22(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -1760,7 +1871,7 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint21(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint22(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -1806,11 +1917,11 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint21(transform, [
+    const [screenStartX, screenStartY] = applyToPoint22(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint21(transform, [
+    const [screenEndX, screenEndY] = applyToPoint22(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -1860,7 +1971,7 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
 function createSchematicTrace(trace, transform) {
   const edges = trace.edges;
   if (edges.length === 0) return [];
@@ -1869,11 +1980,11 @@ function createSchematicTrace(trace, transform) {
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint22(transform, [
+    const [screenFromX, screenFromY] = applyToPoint23(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint22(transform, [
+    const [screenToX, screenToY] = applyToPoint23(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -1885,11 +1996,11 @@ function createSchematicTrace(trace, transform) {
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint22(transform, [
+    const [screenFromX, screenFromY] = applyToPoint23(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint22(transform, [
+    const [screenToX, screenToY] = applyToPoint23(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -1948,7 +2059,7 @@ function createSchematicTrace(trace, transform) {
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint22(transform, [
+      const [screenX, screenY] = applyToPoint23(transform, [
         junction.x,
         junction.y
       ]);
@@ -1970,62 +2081,867 @@ function createSchematicTrace(trace, transform) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
-var createSvgObjectsForSchNetLabel = (schNetLabel, transform) => {
-  const svgObjects = [];
-  const screenPos = applyToPoint23(transform, schNetLabel.center);
-  const fontSize = getSchFontSize(transform, "net_label");
-  const textWidth = (schNetLabel.text?.length || 0) * fontSize * 0.7;
-  const padding = fontSize * 0.5;
-  const screenLabelHeight = fontSize * 1.2;
-  const screenArrowPoint = fontSize * 0.3;
-  const screenLabelWidth = textWidth + padding * 2 + screenArrowPoint;
-  let rotation = 0;
-  let baseX = screenPos.x;
-  let baseY = screenPos.y;
-  switch (schNetLabel.anchor_side) {
-    case "left":
-      rotation = 0;
-      break;
-    case "right":
-      rotation = 180;
-      baseX -= screenLabelWidth;
-      break;
-    case "top":
-      rotation = -90;
-      baseX -= screenLabelHeight / 2;
-      baseY += screenLabelWidth / 2;
-      break;
-    case "bottom":
-      rotation = 90;
-      baseX -= screenLabelHeight / 2;
-      baseY -= screenLabelWidth / 2;
-      break;
-    default:
-      rotation = 0;
+import {
+  applyToPoint as applyToPoint24,
+  compose as compose6,
+  rotate as rotate3,
+  scale as scale3,
+  translate as translate6
+} from "transformation-matrix";
+
+// lib/sch/arial-text-metrics.ts
+var arialTextMetrics = {
+  "0": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "1": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -3,
+    right: 9
+  },
+  "2": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "3": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "4": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  "5": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "6": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "7": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "8": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "9": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  " ": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 0
+  },
+  "!": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  '"': {
+    width: 9,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "#": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 13
+  },
+  $: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "%": {
+    width: 21,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 20
+  },
+  "&": {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 15
+  },
+  "'": {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 3
+  },
+  "(": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  ")": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "*": {
+    width: 9,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 8
+  },
+  "+": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  ",": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "-": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  ".": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "/": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 7
+  },
+  ":": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  ";": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "<": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  "=": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  ">": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  "?": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "@": {
+    width: 24,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 23
+  },
+  A: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  B: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  C: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 16
+  },
+  D: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 16
+  },
+  E: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  F: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 14
+  },
+  G: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 17
+  },
+  H: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  I: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  J: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 10
+  },
+  K: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 16
+  },
+  L: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  M: {
+    width: 20,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 18
+  },
+  N: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  O: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 18
+  },
+  P: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  Q: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 18
+  },
+  R: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 17
+  },
+  S: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 15
+  },
+  T: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 14
+  },
+  U: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  V: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  W: {
+    width: 23,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 22
+  },
+  X: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  Y: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  Z: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 14
+  },
+  "[": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 6
+  },
+  "\\": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 7
+  },
+  "]": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 5
+  },
+  "^": {
+    width: 11,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 11
+  },
+  _: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 14
+  },
+  "`": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 5
+  },
+  a: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  b: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  c: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  d: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  e: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  f: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 8
+  },
+  g: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  h: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  i: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  j: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 1,
+    right: 4
+  },
+  k: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  l: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  m: {
+    width: 20,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 18
+  },
+  n: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  o: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  p: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  q: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  r: {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 8
+  },
+  s: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 11
+  },
+  t: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 6
+  },
+  u: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  v: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  w: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 17
+  },
+  x: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  y: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  z: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 11
+  },
+  "{": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "|": {
+    width: 6,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  "}": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "~": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
   }
-  const transformString = `rotate(${rotation} ${screenPos.x} ${screenPos.y})`;
-  const points = [
-    { x: baseX, y: baseY },
-    // Left edge
-    { x: baseX + screenLabelWidth - screenArrowPoint, y: baseY },
-    // Top edge
-    { x: baseX + screenLabelWidth, y: baseY + screenLabelHeight / 2 },
-    // Arrow point
+};
+
+// lib/sch/estimate-text-width.ts
+var estimateTextWidth = (text) => {
+  if (!text) return 0;
+  let totalWidth = 0;
+  for (const char of text) {
+    const metrics = arialTextMetrics[char];
+    if (metrics) {
+      totalWidth += metrics.width;
+    } else {
+      totalWidth += arialTextMetrics["?"].width;
+    }
+  }
+  return totalWidth / 27;
+};
+
+// lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
+var ARROW_POINT_WIDTH_FSR = 0.3;
+var END_PADDING_FSR = 0.3;
+var END_PADDING_EXTRA_PER_CHARACTER_FSR = 0.06;
+var createSvgObjectsForSchNetLabel = (schNetLabel, realToScreenTransform) => {
+  if (!schNetLabel.text) return [];
+  const svgObjects = [];
+  const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
+  const fontSizeMm = getSchMmFontSize("net_label");
+  const textWidthFSR = estimateTextWidth(schNetLabel.text || "");
+  const screenCenter = applyToPoint24(realToScreenTransform, schNetLabel.center);
+  const realTextGrowthVec = getUnitVectorFromOutsideToEdge(
+    schNetLabel.anchor_side
+  );
+  const screenTextGrowthVec = { ...realTextGrowthVec };
+  screenTextGrowthVec.y *= -1;
+  const fullWidthFsr = textWidthFSR + ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_EXTRA_PER_CHARACTER_FSR * schNetLabel.text.length + END_PADDING_FSR;
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint24(realToScreenTransform, schNetLabel.anchor_position) : {
+    x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
+    y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
+  };
+  const realAnchorPosition = schNetLabel.anchor_position ?? {
+    x: schNetLabel.center.x - realTextGrowthVec.x * fullWidthFsr * fontSizeMm / 2,
+    y: schNetLabel.center.y - realTextGrowthVec.y * fullWidthFsr * fontSizeMm / 2
+  };
+  const pathRotation = {
+    left: 0,
+    top: -90,
+    bottom: 90,
+    right: 180
+  }[schNetLabel.anchor_side];
+  const screenOutlinePoints = [
+    // Arrow point in font-relative coordinates
     {
-      x: baseX + screenLabelWidth - screenArrowPoint,
-      y: baseY + screenLabelHeight
+      x: 0,
+      y: 0
     },
-    // Bottom after arrow
-    { x: baseX, y: baseY + screenLabelHeight }
-    // Bottom left corner
-  ];
+    // Top left corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR,
+      y: 0.6
+    },
+    // Top right corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_FSR + END_PADDING_EXTRA_PER_CHARACTER_FSR * schNetLabel.text.length + textWidthFSR,
+      y: 0.6
+    },
+    // Bottom right corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_FSR + END_PADDING_EXTRA_PER_CHARACTER_FSR * schNetLabel.text.length + textWidthFSR,
+      y: -0.6
+    },
+    // Bottom left corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR,
+      y: -0.6
+    }
+  ].map(
+    (fontRelativePoint) => applyToPoint24(
+      compose6(
+        realToScreenTransform,
+        translate6(realAnchorPosition.x, realAnchorPosition.y),
+        scale3(fontSizeMm),
+        rotate3(pathRotation / 180 * Math.PI)
+      ),
+      fontRelativePoint
+    )
+  );
   const pathD = `
-    M ${points[0]?.x},${points[0]?.y}
-    L ${points[1]?.x},${points[1]?.y}
-    L ${points[2]?.x},${points[2]?.y}
-    L ${points[3]?.x},${points[3]?.y}
-    L ${points[4]?.x},${points[4]?.y}
+    M ${screenOutlinePoints[0].x},${screenOutlinePoints[0].y}
+    L ${screenOutlinePoints[1].x},${screenOutlinePoints[1].y}
+    L ${screenOutlinePoints[2].x},${screenOutlinePoints[2].y}
+    L ${screenOutlinePoints[3].x},${screenOutlinePoints[3].y}
+    L ${screenOutlinePoints[4].x},${screenOutlinePoints[4].y}
     Z
   `;
   svgObjects.push({
@@ -2036,28 +2952,41 @@ var createSvgObjectsForSchNetLabel = (schNetLabel, transform) => {
       d: pathD,
       fill: "white",
       stroke: colorMap.schematic.label_global,
-      "stroke-width": `${getSchStrokeSize(transform)}px`,
-      transform: transformString
+      "stroke-width": `${getSchStrokeSize(realToScreenTransform)}px`
     },
     value: "",
     children: []
   });
-  const screenTextX = baseX + (screenLabelWidth - screenArrowPoint) / 2;
-  const screenTextY = baseY + screenLabelHeight / 2 + fontSize * 0.05;
+  const screenTextPos = {
+    x: screenAnchorPosition.x + screenTextGrowthVec.x * fontSizePx * 0.5,
+    y: screenAnchorPosition.y + screenTextGrowthVec.y * fontSizePx * 0.5
+  };
+  const textAnchor = {
+    left: "start",
+    top: "start",
+    bottom: "start",
+    right: "end"
+  }[schNetLabel.anchor_side];
+  const textTransformString = {
+    left: "",
+    right: "",
+    top: `rotate(90 ${screenTextPos.x} ${screenTextPos.y})`,
+    bottom: `rotate(-90 ${screenTextPos.x} ${screenTextPos.y})`
+  }[schNetLabel.anchor_side];
   svgObjects.push({
     name: "text",
     type: "element",
     attributes: {
       class: "net-label-text",
-      x: screenTextX.toString(),
-      y: screenTextY.toString(),
+      x: screenTextPos.x.toString(),
+      y: screenTextPos.y.toString(),
       fill: colorMap.schematic.label_global,
-      "text-anchor": "middle",
+      "text-anchor": textAnchor,
       "dominant-baseline": "central",
-      // Changed to central for better vertical alignment
       "font-family": "sans-serif",
-      "font-size": `${fontSize}px`,
-      transform: transformString
+      "font-variant-numeric": "tabular-nums",
+      "font-size": `${fontSizePx}px`,
+      transform: textTransformString
     },
     children: [
       {
@@ -2128,14 +3057,6 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
       drawSchematicGrid({ bounds: realBounds, transform, ...gridConfig })
     );
   }
-  if (options?.labeledPoints) {
-    svgChildren.push(
-      drawSchematicLabeledPoints({
-        points: options.labeledPoints,
-        transform
-      })
-    );
-  }
   const schDebugObjectSvgs = [];
   const schComponentSvgs = [];
   const schTraceSvgs = [];
@@ -2165,6 +3086,14 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
     ...schTraceSvgs,
     ...schNetLabel
   );
+  if (options?.labeledPoints) {
+    svgChildren.push(
+      drawSchematicLabeledPoints({
+        points: options.labeledPoints,
+        transform
+      })
+    );
+  }
   const svgObject = {
     name: "svg",
     type: "element",