@tscircuit/pcb-viewer 1.10.24 → 1.10.26

package/dist/index.js

@@ -616,20 +616,20 @@ var require_dist = __commonJS({
         });
         module2.exports = __toCommonJS2(src_exports2);
         var import_transformation_matrix12 = require("transformation-matrix");
-        var import_react21 = require("react");
+        var import_react22 = require("react");
         var useMouseMatrixTransform2 = function() {
             var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-            var extRef = (0, import_react21.useRef)(null);
-            var _ref = _sliced_to_array((0, import_react21.useState)(0), 2), lastDragCancelTime = _ref[0], setLastDragCancelTime = _ref[1];
+            var extRef = (0, import_react22.useRef)(null);
+            var _ref = _sliced_to_array((0, import_react22.useState)(0), 2), lastDragCancelTime = _ref[0], setLastDragCancelTime = _ref[1];
             var _props_canvasElm;
             var outerCanvasElm = (_props_canvasElm = props.canvasElm) !== null && _props_canvasElm !== void 0 ? _props_canvasElm : extRef.current;
             var _props_initialTransform;
-            var _ref1 = _sliced_to_array((0, import_react21.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix12.identity)()), 2), internalTransform = _ref1[0], setInternalTransform = _ref1[1];
-            var _ref2 = _sliced_to_array((0, import_react21.useState)(0), 2), waitCounter = _ref2[0], setWaitCounter = _ref2[1];
-            var _ref3 = _sliced_to_array((0, import_react21.useReducer)(function(s) {
+            var _ref1 = _sliced_to_array((0, import_react22.useState)((_props_initialTransform = props.initialTransform) !== null && _props_initialTransform !== void 0 ? _props_initialTransform : (0, import_transformation_matrix12.identity)()), 2), internalTransform = _ref1[0], setInternalTransform = _ref1[1];
+            var _ref2 = _sliced_to_array((0, import_react22.useState)(0), 2), waitCounter = _ref2[0], setWaitCounter = _ref2[1];
+            var _ref3 = _sliced_to_array((0, import_react22.useReducer)(function(s) {
                 return s + 1;
             }, 0), 2), extChangeCounter = _ref3[0], incExtChangeCounter = _ref3[1];
-            var setTransform = (0, import_react21.useCallback)(function(newTransform) {
+            var setTransform = (0, import_react22.useCallback)(function(newTransform) {
                 if (props.onSetTransform) {
                     props.onSetTransform(newTransform);
                 }
@@ -640,7 +640,7 @@ var require_dist = __commonJS({
                 props.onSetTransform,
                 setInternalTransform
             ]);
-            var setTransformExt = (0, import_react21.useCallback)(function(newTransform) {
+            var setTransformExt = (0, import_react22.useCallback)(function(newTransform) {
                 setTransform(newTransform);
                 incExtChangeCounter();
             }, [
@@ -648,10 +648,10 @@ var require_dist = __commonJS({
             ]);
             var _props_transform;
             var transform = (_props_transform = props.transform) !== null && _props_transform !== void 0 ? _props_transform : internalTransform;
-            var cancelDrag = (0, import_react21.useCallback)(function() {
+            var cancelDrag = (0, import_react22.useCallback)(function() {
                 setLastDragCancelTime(Date.now());
             }, []);
-            (0, import_react21.useEffect)(function() {
+            (0, import_react22.useEffect)(function() {
                 var handleMouseDown = function handleMouseDown(e) {
                     m0 = getMousePos(e);
                     if (Date.now() - lastDragCancelTime < 100) return;
@@ -743,7 +743,7 @@ var require_dist = __commonJS({
                 extChangeCounter,
                 lastDragCancelTime
             ]);
-            var applyTransformToPoint = (0, import_react21.useCallback)(function(obj) {
+            var applyTransformToPoint = (0, import_react22.useCallback)(function(obj) {
                 return (0, import_transformation_matrix12.applyToPoint)(transform, obj);
             }, [
                 transform
@@ -1042,6 +1042,9 @@ __export(dist_exports, {
     source_simple_inductor: function() {
         return source_simple_inductor;
     },
+    source_simple_mosfet: function() {
+        return source_simple_mosfet;
+    },
     source_simple_pin_header: function() {
         return source_simple_pin_header;
     },
@@ -1060,6 +1063,9 @@ __export(dist_exports, {
     source_simple_resonator: function() {
         return source_simple_resonator;
     },
+    source_simple_transistor: function() {
+        return source_simple_transistor;
+    },
     source_trace: function() {
         return source_trace;
     },
@@ -7621,12 +7627,15 @@ var source_component_base = z.object({
 expectTypesMatch(true);
 var source_simple_capacitor = source_component_base.extend({
     ftype: z.literal("simple_capacitor"),
-    capacitance: capacitance
+    capacitance: capacitance,
+    display_capacitance: z.string().optional(),
+    max_decoupling_trace_length: distance.optional()
 });
 expectTypesMatch(true);
 var source_simple_resistor = source_component_base.extend({
     ftype: z.literal("simple_resistor"),
-    resistance: resistance
+    resistance: resistance,
+    display_resistance: z.string().optional()
 });
 expectTypesMatch(true);
 var source_simple_diode = source_component_base.extend({
@@ -7692,6 +7701,26 @@ var source_simple_resonator = source_component_base.extend({
     frequency: frequency
 });
 expectTypesMatch(true);
+var source_simple_transistor = source_component_base.extend({
+    ftype: z.literal("simple_transistor"),
+    transistor_type: z.enum([
+        "npn",
+        "pnp"
+    ])
+});
+expectTypesMatch(true);
+var source_simple_mosfet = source_component_base.extend({
+    ftype: z.literal("simple_mosfet"),
+    channel_type: z.enum([
+        "n",
+        "p"
+    ]),
+    mosfet_mode: z.enum([
+        "enhancement",
+        "depletion"
+    ])
+});
+expectTypesMatch(true);
 var any_source_component = z.union([
     source_simple_resistor,
     source_simple_capacitor,
@@ -7707,7 +7736,9 @@ var any_source_component = z.union([
     source_simple_potentiometer,
     source_simple_crystal,
     source_simple_pin_header,
-    source_simple_resonator
+    source_simple_resonator,
+    source_simple_transistor,
+    source_simple_mosfet
 ]);
 var source_port = z.object({
     type: z.literal("source_port"),
@@ -7723,7 +7754,9 @@ var source_trace = z.object({
     source_trace_id: z.string(),
     connected_source_port_ids: z.array(z.string()),
     connected_source_net_ids: z.array(z.string()),
-    subcircuit_connectivity_map_key: z.string().optional()
+    subcircuit_connectivity_map_key: z.string().optional(),
+    max_length: z.number().optional(),
+    display_name: z.string().optional()
 });
 expectTypesMatch(true);
 var source_group = z.object({
@@ -7778,6 +7811,7 @@ expectTypesMatch(true);
 var schematic_component_port_arrangement_by_sides = z.object({
     left_side: z.object({
         pins: z.array(z.number()),
+        // @ts-ignore
         direction: z.enum([
             "top-to-bottom",
             "bottom-to-top"
@@ -7785,6 +7819,7 @@ var schematic_component_port_arrangement_by_sides = z.object({
     }).optional(),
     right_side: z.object({
         pins: z.array(z.number()),
+        // @ts-ignore
         direction: z.enum([
             "top-to-bottom",
             "bottom-to-top"
@@ -7792,6 +7827,7 @@ var schematic_component_port_arrangement_by_sides = z.object({
     }).optional(),
     top_side: z.object({
         pins: z.array(z.number()),
+        // @ts-ignore
         direction: z.enum([
             "left-to-right",
             "right-to-left"
@@ -7799,6 +7835,7 @@ var schematic_component_port_arrangement_by_sides = z.object({
     }).optional(),
     bottom_side: z.object({
         pins: z.array(z.number()),
+        // @ts-ignore
         direction: z.enum([
             "left-to-right",
             "right-to-left"
@@ -8060,12 +8097,30 @@ var pcb_plated_hole_oval = z.object({
     pcb_port_id: z.string().optional(),
     pcb_plated_hole_id: getZodPrefixedIdWithDefault("pcb_plated_hole")
 });
+var pcb_circular_hole_with_rect_pad = z.object({
+    type: z.literal("pcb_plated_hole"),
+    shape: z.literal("circular_hole_with_rect_pad"),
+    hole_shape: z.literal("circle"),
+    pad_shape: z.literal("rect"),
+    hole_diameter: z.number(),
+    rect_pad_width: z.number(),
+    rect_pad_height: z.number(),
+    x: distance,
+    y: distance,
+    layers: z.array(layer_ref),
+    port_hints: z.array(z.string()).optional(),
+    pcb_component_id: z.string().optional(),
+    pcb_port_id: z.string().optional(),
+    pcb_plated_hole_id: getZodPrefixedIdWithDefault("pcb_plated_hole")
+});
 var pcb_plated_hole = z.union([
     pcb_plated_hole_circle,
-    pcb_plated_hole_oval
+    pcb_plated_hole_oval,
+    pcb_circular_hole_with_rect_pad
 ]);
 expectTypesMatch(true);
 expectTypesMatch(true);
+expectTypesMatch(true);
 var pcb_port = z.object({
     type: z.literal("pcb_port"),
     pcb_port_id: getZodPrefixedIdWithDefault("pcb_port"),
@@ -8161,6 +8216,7 @@ var pcb_text = z.object({
     width: length,
     height: length,
     lines: z.number(),
+    // @ts-ignore
     align: z.enum([
         "bottom-left"
     ])
@@ -8197,6 +8253,7 @@ var pcb_trace = z.object({
     ]).default("constant").optional(),
     route_order_index: z.number().optional(),
     should_round_corners: z.boolean().optional(),
+    trace_length: z.number().optional(),
     route: z.array(z.union([
         z.object({
             route_type: z.literal("wire"),
@@ -8460,6 +8517,8 @@ var any_circuit_element = z.union([
     source_simple_inductor,
     source_simple_pin_header,
     source_simple_resonator,
+    source_simple_transistor,
+    source_simple_mosfet,
     source_simple_potentiometer,
     source_simple_push_button,
     pcb_component,
@@ -9673,7 +9732,7 @@ var ToastContainer = function() {
     });
 };
 // src/PCBViewer.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 // node_modules/react-use/esm/misc/util.js
 var noop = function noop() {};
 var isBrowser = typeof window !== "undefined";
@@ -9737,7 +9796,7 @@ var useMeasure_default = isBrowser && typeof window.ResizeObserver !== "undefine
 var import_transformation_matrix11 = require("transformation-matrix");
 var import_use_mouse_matrix_transform = __toESM(require_dist());
 // src/components/CanvasElementsRenderer.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 // src/components/CanvasPrimitiveRenderer.tsx
 var import_react_supergrid = require("react-supergrid");
 var import_react7 = require("react");
@@ -10754,7 +10813,7 @@ var CanvasPrimitiveRenderer = function(param) {
     });
 };
 // src/components/CanvasElementsRenderer.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 // src/lib/util/expand-stroke.ts
 function getExpandedStroke(strokeInput, defaultWidth) {
     if (strokeInput.length < 2) {
@@ -11368,6 +11427,50 @@ var import_react10 = require("react");
 var import_transformation_matrix5 = require("transformation-matrix");
 // src/components/ElementOverlayBox.tsx
 var import_react8 = require("react");
+// src/lib/get-trace-overlay-text.ts
+function getTraceOverlayInfo(param) {
+    var primitiveElement = param.primitiveElement, elements = param.elements;
+    var text = primitiveElement.trace_length ? "".concat(primitiveElement.trace_length.toFixed(3)) : "";
+    var trace = su_default(elements).source_trace.get(primitiveElement === null || primitiveElement === void 0 ? void 0 : primitiveElement.source_trace_id);
+    if (trace === null || trace === void 0 ? void 0 : trace.display_name) {
+        if (trace === null || trace === void 0 ? void 0 : trace.max_length) {
+            text += " / ".concat(trace.max_length, "mm ");
+        } else {
+            text += " mm ";
+        }
+        text += "(".concat(trace.display_name, ")");
+    }
+    if (!text) return null;
+    var isOverLength = primitiveElement.trace_length && (trace === null || trace === void 0 ? void 0 : trace.max_length) && primitiveElement.trace_length > trace.max_length;
+    return {
+        text: text,
+        isOverLength: isOverLength
+    };
+}
+// src/lib/filter-traces-if-multiple.ts
+function filterTracesIfMultiple(primitives) {
+    var DISPLAY_ALL_TRACE_LENGTHS = false;
+    var traces = primitives.filter(function(p) {
+        return p._element.type === "pcb_trace";
+    });
+    if (traces.length > 1) {
+        if (!DISPLAY_ALL_TRACE_LENGTHS) return primitives.filter(function(p) {
+            return p._element.type !== "pcb_trace";
+        });
+        var shortestTrace = traces.reduce(function(shortest, current2) {
+            var shortestLength = shortest._element.trace_length;
+            var currentLength = current2._element.trace_length;
+            return currentLength < shortestLength ? current2 : shortest;
+        }, traces[0]);
+        return primitives.filter(function(p) {
+            return p._element.type !== "pcb_trace";
+        }).concat([
+            shortestTrace
+        ]);
+    }
+    return primitives;
+}
+// src/components/ElementOverlayBox.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var containerStyle = {
     position: "absolute",
@@ -11382,6 +11485,13 @@ var containerStyle = {
 var getTextForHighlightedPrimitive = function(prim) {
     var element = prim._element, _parent_pcb_component = prim._parent_pcb_component, _parent_source_component = prim._parent_source_component, _source_port = prim._source_port;
     switch(element.type){
+        case "pcb_trace":
+            {
+                if (element.trace_length) {
+                    return "".concat(element.trace_length.toFixed(3));
+                }
+                return "";
+            }
         case "pcb_smtpad":
         case "pcb_plated_hole":
             {
@@ -11409,7 +11519,7 @@ var layerColorHightlightMap = {
     bottom: "aqua"
 };
 var HighlightedPrimitiveBoxWithText = function(param) {
-    var primitive = param.primitive;
+    var primitive = param.primitive, mousePos = param.mousePos, elements = param.elements;
     var _primitive__element;
     var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), finalState = _ref[0], setFinalState = _ref[1];
     var primitiveElement = primitive._element;
@@ -11433,6 +11543,42 @@ var HighlightedPrimitiveBoxWithText = function(param) {
     if (primitiveElement.type === "pcb_smtpad" && (primitiveElement === null || primitiveElement === void 0 ? void 0 : primitiveElement.shape) === "rotated_rect") {
         rotation2 = primitiveElement === null || primitiveElement === void 0 ? void 0 : primitiveElement.ccw_rotation;
     }
+    if (primitiveElement.type === "pcb_trace") {
+        var traceTextContext = {
+            primitiveElement: primitiveElement,
+            elements: elements
+        };
+        var overlayInfo = getTraceOverlayInfo(traceTextContext);
+        if (!overlayInfo) return null;
+        var yOffset = mousePos.y - 35;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
+            style: {
+                zIndex: zIndexMap.elementOverlay,
+                position: "absolute",
+                left: mousePos.x,
+                top: yOffset,
+                color: color2,
+                pointerEvents: "none",
+                transform: "translateX(-50%)"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
+                style: {
+                    backgroundColor: "#f2efcc",
+                    color: overlayInfo.isOverLength ? "red" : "black",
+                    textShadow: "none",
+                    WebkitFontSmoothing: "antialiased",
+                    MozOsxFontSmoothing: "grayscale",
+                    padding: "6px 6px",
+                    borderRadius: "6px",
+                    fontSize: "14px",
+                    minWidth: "45px",
+                    textAlign: "center",
+                    whiteSpace: "nowrap"
+                },
+                children: overlayInfo.text
+            })
+        });
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
         style: {
             zIndex: zIndexMap.elementOverlay,
@@ -11484,15 +11630,29 @@ var HighlightedPrimitiveBoxWithText = function(param) {
     });
 };
 var ElementOverlayBox = function(param) {
-    var highlightedPrimitives = param.highlightedPrimitives;
+    var highlightedPrimitives = param.highlightedPrimitives, mousePos = param.mousePos, elements = param.elements;
     var is_moving_component = useGlobalStore(function(s) {
         return s.is_moving_component;
     });
+    var hasSmtPadAndTrace = highlightedPrimitives.some(function(p) {
+        return p._element.type === "pcb_smtpad";
+    }) && highlightedPrimitives.some(function(p) {
+        return p._element.type === "pcb_trace";
+    });
+    var primitives = highlightedPrimitives;
+    if (hasSmtPadAndTrace) {
+        primitives = primitives.filter(function(p) {
+            return p._element.type === "pcb_smtpad";
+        });
+    }
+    primitives = filterTracesIfMultiple(primitives);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
         style: containerStyle,
-        children: !is_moving_component && highlightedPrimitives.map(function(primitive, i) {
+        children: !is_moving_component && primitives.map(function(primitive, i) {
             return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HighlightedPrimitiveBoxWithText, {
-                primitive: primitive
+                primitive: primitive,
+                mousePos: mousePos,
+                elements: elements
             }, i);
         })
     });
@@ -11505,10 +11665,15 @@ function ifSetsMatchExactly(set1, set2) {
     });
 }
 // src/components/MouseElementTracker.tsx
+var import_math_utils = require("@tscircuit/math-utils");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var MouseElementTracker = function(param) {
-    var children = param.children, transform = param.transform, primitives = param.primitives, onMouseHoverOverPrimitives = param.onMouseHoverOverPrimitives;
+    var elements = param.elements, children = param.children, transform = param.transform, primitives = param.primitives, onMouseHoverOverPrimitives = param.onMouseHoverOverPrimitives;
     var _ref = _sliced_to_array((0, import_react9.useState)([]), 2), mousedPrimitives = _ref[0], setMousedPrimitives = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react9.useState)({
+        x: 0,
+        y: 0
+    }), 2), mousePos = _ref1[0], setMousePos = _ref1[1];
     var highlightedPrimitives = (0, import_react10.useMemo)(function() {
         var highlightedPrimitives2 = [];
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
@@ -11566,6 +11731,10 @@ var MouseElementTracker = function(param) {
                 var rect = e.currentTarget.getBoundingClientRect();
                 var x = e.clientX - rect.left;
                 var y = e.clientY - rect.top;
+                setMousePos({
+                    x: x,
+                    y: y
+                });
                 var rwPoint = (0, import_transformation_matrix5.applyToPoint)((0, import_transformation_matrix5.inverse)(transform), {
                     x: x,
                     y: y
@@ -11575,10 +11744,37 @@ var MouseElementTracker = function(param) {
                 try {
                     for(var _iterator = primitives[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var primitive = _step.value;
-                        if (!("x" in primitive && "y" in primitive && ("w" in primitive && "h" in primitive || "r" in primitive))) continue;
+                        var _primitive__element;
                         if (!primitive._element) continue;
-                        var w = "w" in primitive ? primitive.w : primitive.r * 2;
-                        var h = "h" in primitive ? primitive.h : primitive.r * 2;
+                        if ("x1" in primitive && ((_primitive__element = primitive._element) === null || _primitive__element === void 0 ? void 0 : _primitive__element.type) === "pcb_trace") {
+                            var distance2 = (0, import_math_utils.pointToSegmentDistance)({
+                                x: rwPoint.x,
+                                y: rwPoint.y
+                            }, {
+                                x: primitive.x1,
+                                y: primitive.y1
+                            }, {
+                                x: primitive.x2,
+                                y: primitive.y2
+                            });
+                            var lineWidth = primitive.width || 0.5;
+                            var detectionThreshold = Math.max(lineWidth * 25, 2) / transform.a;
+                            if (distance2 < detectionThreshold) {
+                                newMousedPrimitives.push(primitive);
+                            }
+                            continue;
+                        }
+                        if (!("x" in primitive && "y" in primitive)) continue;
+                        var w = 0, h = 0;
+                        if ("w" in primitive && "h" in primitive) {
+                            w = primitive.w;
+                            h = primitive.h;
+                        } else if ("r" in primitive) {
+                            w = primitive.r * 2;
+                            h = primitive.r * 2;
+                        } else {
+                            continue;
+                        }
                         if (Math.abs(primitive.x - rwPoint.x) < w / 2 && Math.abs(primitive.y - rwPoint.y) < h / 2) {
                             newMousedPrimitives.push(primitive);
                         }
@@ -11611,6 +11807,8 @@ var MouseElementTracker = function(param) {
         children: [
             children,
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ElementOverlayBox, {
+                elements: elements,
+                mousePos: mousePos,
                 highlightedPrimitives: highlightedPrimitives
             })
         ]
@@ -11886,7 +12084,7 @@ var import_css = require("@emotion/css");
 // package.json
 var package_default = {
     name: "@tscircuit/pcb-viewer",
-    version: "1.10.23",
+    version: "1.10.25",
     main: "dist/index.js",
     repository: "tscircuit/pcb-viewer",
     license: "MIT",
@@ -11911,14 +12109,14 @@ var package_default = {
         "@storybook/nextjs": "^8.0.6",
         "@storybook/react": "^8.0.6",
         "@swc/core": "^1.4.12",
-        "@tscircuit/core": "0.0.236",
+        "@tscircuit/core": "0.0.253",
         "@tscircuit/eagle-xml-converter": "^0.0.6",
-        "@tscircuit/props": "^0.0.108",
+        "@tscircuit/props": "^0.0.124",
         "@tscircuit/soup-util": "^0.0.38",
         "@types/color": "^3.0.6",
         "@types/node": "18.7.23",
         "@types/react": "^18.3.3",
-        "circuit-json": "^0.0.120",
+        "circuit-json": "^0.0.128",
         next: "^14.1.4",
         react: "^18.2.0",
         "react-dom": "^18.2.0",
@@ -11936,6 +12134,7 @@ var package_default = {
     },
     dependencies: {
         "@emotion/css": "^11.11.2",
+        "@tscircuit/math-utils": "^0.0.7",
         "circuit-json-to-connectivity-map": "^0.0.16",
         "circuit-to-svg": "^0.0.36",
         color: "^4.2.3",
@@ -12885,28 +13084,103 @@ var EditTraceHintOverlay = function(param) {
 };
 // src/components/RatsNestOverlay.tsx
 var import_transformation_matrix10 = require("transformation-matrix");
+var import_circuit_json_to_connectivity_map = require("circuit-json-to-connectivity-map");
+var import_react18 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RatsNestOverlay = function(param) {
     var transform = param.transform, soup = param.soup, children = param.children;
     var isShowingRatsNest = useGlobalStore(function(s) {
         return s.is_showing_rats_nest;
     });
+    var _ref = (0, import_react18.useMemo)(function() {
+        return (0, import_circuit_json_to_connectivity_map.getFullConnectivityMapFromCircuitJson)(soup || []);
+    }, [
+        soup
+    ]), netMap = _ref.netMap, idToNetMap = _ref.idToNetMap;
+    var ratsNestLines = (0, import_react18.useMemo)(function() {
+        if (!soup || !isShowingRatsNest) return [];
+        var getElementPosition = function(id) {
+            var element = su_default(soup)[id.replace(/_\d+$/, "")].get(id);
+            if (element && "x" in element && "y" in element) {
+                return {
+                    x: element.x,
+                    y: element.y
+                };
+            }
+            return null;
+        };
+        var findNearestPointInNet = function(sourcePoint, netId) {
+            var connectedIds = netMap[netId] || [];
+            var nearestPoint = null;
+            var minDistance = Infinity;
+            connectedIds.forEach(function(id) {
+                var pos = getElementPosition(id);
+                if (pos) {
+                    var distance2 = Math.sqrt(Math.pow(sourcePoint.x - pos.x, 2) + Math.pow(sourcePoint.y - pos.y, 2));
+                    if (distance2 < minDistance && distance2 > 0) {
+                        minDistance = distance2;
+                        nearestPoint = pos;
+                    }
+                }
+            });
+            return nearestPoint;
+        };
+        var pcbPorts = su_default(soup).pcb_port.list();
+        var sourceTraces = su_default(soup).source_trace.list();
+        var lines = [];
+        pcbPorts.forEach(function(port, index) {
+            var portId = port.pcb_port_id;
+            var netId = idToNetMap[portId];
+            var isInNet = false;
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = sourceTraces[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var trace = _step.value;
+                    var _su_default_source_port_getUsing;
+                    var sourceTrace = trace.connected_source_port_ids.includes((_su_default_source_port_getUsing = su_default(soup).source_port.getUsing({
+                        pcb_port_id: portId
+                    })) === null || _su_default_source_port_getUsing === void 0 ? void 0 : _su_default_source_port_getUsing.source_port_id);
+                    if (sourceTrace && trace.connected_source_net_ids.length > 0) {
+                        isInNet = true;
+                    }
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            if (!netId) return;
+            var startPoint = {
+                x: port.x,
+                y: port.y
+            };
+            var nearestPoint = findNearestPointInNet(startPoint, netId);
+            if (!nearestPoint) return;
+            lines.push({
+                key: "".concat(portId, "-").concat(index),
+                startPoint: startPoint,
+                endPoint: nearestPoint,
+                isInNet: isInNet
+            });
+        });
+        return lines;
+    }, [
+        soup,
+        netMap,
+        idToNetMap,
+        isShowingRatsNest
+    ]);
     if (!soup || !isShowingRatsNest) return children;
     if (!transform) transform = (0, import_transformation_matrix10.identity)();
-    var sourceTraces = su_default(soup).source_trace.list();
-    var groups = [];
-    sourceTraces.forEach(function(sourceTrace) {
-        if (sourceTrace.connected_source_port_ids) {
-            var group = [];
-            sourceTrace.connected_source_port_ids.forEach(function(source_port_id) {
-                var pcbPort = su_default(soup).pcb_port.getWhere({
-                    source_port_id: source_port_id
-                });
-                if (pcbPort) group.push(pcbPort);
-            });
-            groups.push(group);
-        }
-    });
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", {
         style: {
             position: "relative"
@@ -12924,40 +13198,26 @@ var RatsNestOverlay = function(param) {
                     opacity: 0.5,
                     zIndex: zIndexMap.ratsNestOverlay
                 },
-                children: groups.map(function(group, index) {
-                    var points = group.map(function(port) {
-                        return (0, import_transformation_matrix10.applyToPoint)(transform, {
-                            x: port.x,
-                            y: port.y
-                        });
-                    });
-                    var lines = [];
-                    for(var i = 0; i < points.length; i++){
-                        for(var j = i + 1; j < points.length; j++){
-                            lines.push([
-                                points[i],
-                                points[j]
-                            ]);
-                        }
-                    }
-                    return lines.map(function(param, index2) {
-                        var _param = _sliced_to_array(param, 2), start = _param[0], end = _param[1];
-                        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("line", {
-                            x1: start.x,
-                            y1: start.y,
-                            x2: end.x,
-                            y2: end.y,
-                            stroke: "white",
-                            strokeWidth: "1"
-                        }, index2);
-                    });
+                children: ratsNestLines.map(function(param) {
+                    var key = param.key, startPoint = param.startPoint, endPoint = param.endPoint, isInNet = param.isInNet;
+                    var transformedStart = (0, import_transformation_matrix10.applyToPoint)(transform, startPoint);
+                    var transformedEnd = (0, import_transformation_matrix10.applyToPoint)(transform, endPoint);
+                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("line", {
+                        x1: transformedStart.x,
+                        y1: transformedStart.y,
+                        x2: transformedEnd.x,
+                        y2: transformedEnd.y,
+                        stroke: "white",
+                        strokeWidth: "1",
+                        strokeDasharray: isInNet ? "6,6" : void 0
+                    }, key);
                 })
             })
         ]
     });
 };
 // src/components/CanvasElementsRenderer.tsx
-var import_circuit_json_to_connectivity_map = require("circuit-json-to-connectivity-map");
+var import_circuit_json_to_connectivity_map2 = require("circuit-json-to-connectivity-map");
 // src/lib/util/addInteractionMetadataToPrimitives.ts
 function addInteractionMetadataToPrimitives(param) {
     var primitivesWithoutInteractionMetadata = param.primitivesWithoutInteractionMetadata, drawingObjectIdsWithMouseOver = param.drawingObjectIdsWithMouseOver, primitiveIdsInMousedOverNet = param.primitiveIdsInMousedOverNet;
@@ -13000,11 +13260,11 @@ function addInteractionMetadataToPrimitives(param) {
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var CanvasElementsRenderer = function(props) {
     var transform = props.transform, elements = props.elements;
-    var _ref = _sliced_to_array((0, import_react19.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react20.useMemo)(function() {
         var primitivesWithoutInteractionMetadata2 = props.elements.flatMap(function(elm) {
             return convertElementToPrimitives(elm, props.elements);
         });
-        var connectivityMap2 = (0, import_circuit_json_to_connectivity_map.getFullConnectivityMapFromCircuitJson)(props.elements);
+        var connectivityMap2 = (0, import_circuit_json_to_connectivity_map2.getFullConnectivityMapFromCircuitJson)(props.elements);
         return [
             primitivesWithoutInteractionMetadata2,
             connectivityMap2
@@ -13012,8 +13272,9 @@ var CanvasElementsRenderer = function(props) {
     }, [
         props.elements
     ]), 2), primitivesWithoutInteractionMetadata = _ref[0], connectivityMap = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react18.useState)(primitivesWithoutInteractionMetadata), 2), primitives = _ref1[0], setPrimitives = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react19.useState)(primitivesWithoutInteractionMetadata), 2), primitives = _ref1[0], setPrimitives = _ref1[1];
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MouseElementTracker, {
+        elements: elements,
         transform: transform,
         primitives: primitivesWithoutInteractionMetadata,
         onMouseHoverOverPrimitives: function(primitivesHoveredOver) {
@@ -13100,12 +13361,12 @@ var PCBViewer = function(param) {
     soup !== null && soup !== void 0 ? soup : soup = circuitJson;
     var _ref = (0, import_core.useRenderedCircuit)(children), circuitJsonFromChildren = _ref.circuitJson, errorFromChildren = _ref.error, isLoading = _ref.isLoading;
     var _useMeasure_default = _sliced_to_array(useMeasure_default(), 2), ref = _useMeasure_default[0], refDimensions = _useMeasure_default[1];
-    var _ref1 = _sliced_to_array((0, import_react20.useState)(defaultTransform), 2), transform = _ref1[0], setTransformInternal = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react21.useState)(defaultTransform), 2), transform = _ref1[0], setTransformInternal = _ref1[1];
     var _ref2 = (0, import_use_mouse_matrix_transform.default)({
         transform: transform,
         onSetTransform: setTransformInternal
     }), transformRef = _ref2.ref, setTransform = _ref2.setTransform, cancelPanDrag = _ref2.cancelDrag;
-    var _ref3 = _sliced_to_array((0, import_react20.useState)([]), 2), editEvents = _ref3[0], setEditEvents = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react21.useState)([]), 2), editEvents = _ref3[0], setEditEvents = _ref3[1];
     editEvents = editEventsProp !== null && editEventsProp !== void 0 ? editEventsProp : editEvents;
     var _ref4;
     var stateElements = (_ref4 = circuitJsonFromChildren !== null && circuitJsonFromChildren !== void 0 ? circuitJsonFromChildren : soup) !== null && _ref4 !== void 0 ? _ref4 : [];
@@ -13131,7 +13392,7 @@ var PCBViewer = function(param) {
         var _elmBounds_width1, _elmBounds_height1;
         setTransform((0, import_transformation_matrix11.compose)((0, import_transformation_matrix11.translate)(((_elmBounds_width1 = elmBounds.width) !== null && _elmBounds_width1 !== void 0 ? _elmBounds_width1 : 0) / 2, ((_elmBounds_height1 = elmBounds.height) !== null && _elmBounds_height1 !== void 0 ? _elmBounds_height1 : 0) / 2), (0, import_transformation_matrix11.scale)(scaleFactor, -scaleFactor, 0, 0), (0, import_transformation_matrix11.translate)(-center.x, -center.y)));
     };
-    (0, import_react20.useEffect)(function() {
+    (0, import_react21.useEffect)(function() {
         if (refDimensions && refDimensions.width !== 0 && (children || soup)) {
             resetTransform();
         }
@@ -13143,7 +13404,7 @@ var PCBViewer = function(param) {
     var pcbElmsPreEdit = ((_ref5 = circuitJson !== null && circuitJson !== void 0 ? circuitJson : soup) !== null && _ref5 !== void 0 ? _ref5 : stateElements).filter(function(e) {
         return e.type.startsWith("pcb_") || e.type.startsWith("source_");
     });
-    var elements = (0, import_react20.useMemo)(function() {
+    var elements = (0, import_react21.useMemo)(function() {
         return applyEditEvents(pcbElmsPreEdit, editEvents);
     }, [
         pcbElmsPreEdit,