@tscircuit/pcb-viewer 1.11.358 → 1.11.360

package/dist/index.js

@@ -6788,7 +6788,7 @@ var ToastContainer = () => {
 };
 
 // src/PCBViewer.tsx
-import { useEffect as useEffect17, useMemo as useMemo8, useRef as useRef14, useState as useState12 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect17, useMemo as useMemo8, useRef as useRef14, useState as useState12 } from "react";
 
 // node_modules/react-use/esm/useMountedState.js
 import { useCallback as useCallback2, useEffect as useEffect2, useRef } from "react";
@@ -9256,10 +9256,19 @@ var normalizeCopperLayers = (layers) => layers.map(
   (layer) => layer.endsWith("_copper") ? layer.replace("_copper", "") : layer
 );
 var filterTraceByLayers = (trace, targetLayers) => {
-  const filteredRoute = trace.route.filter(
-    (segment) => segment.route_type === "wire" && "layer" in segment && targetLayers.has(segment.layer)
-  );
-  if (filteredRoute.length === 0) return null;
+  const filteredRoute = trace.route.filter((segment) => {
+    if (segment.route_type === "wire" && "layer" in segment && targetLayers.has(segment.layer)) {
+      return true;
+    }
+    if (segment.route_type === "via") {
+      return targetLayers.has(segment.from_layer) || targetLayers.has(segment.to_layer);
+    }
+    return false;
+  });
+  const wireCount = filteredRoute.filter(
+    (segment) => segment.route_type === "wire"
+  ).length;
+  if (wireCount < 2) return null;
   return {
     ...trace,
     route: filteredRoute
@@ -14362,7 +14371,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.357",
+  version: "1.11.359",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14864,6 +14873,12 @@ var ToolbarOverlay = ({ children, elements }) => {
       setErrorsOpen(false);
     }
   }, [isViewMenuOpen]);
+  const stopCanvasInteractionPropagation = useCallback8(
+    (event) => {
+      event.stopPropagation();
+    },
+    []
+  );
   return /* @__PURE__ */ jsxs14(
     "div",
     {
@@ -14902,6 +14917,13 @@ var ToolbarOverlay = ({ children, elements }) => {
             onTouchStart: (e) => e.stopPropagation(),
             onTouchEnd: (e) => e.stopPropagation(),
             onTouchMove: (e) => e.stopPropagation(),
+            onMouseDown: stopCanvasInteractionPropagation,
+            onMouseMove: stopCanvasInteractionPropagation,
+            onMouseUp: stopCanvasInteractionPropagation,
+            onPointerDown: stopCanvasInteractionPropagation,
+            onPointerMove: stopCanvasInteractionPropagation,
+            onPointerUp: stopCanvasInteractionPropagation,
+            onWheel: stopCanvasInteractionPropagation,
             style: {
               position: "absolute",
               opacity: isSmallScreen ? 1 : isMouseOverContainer ? 1 : 0,
@@ -15617,6 +15639,14 @@ var PCBViewer = ({
   );
   const [ref, refDimensions] = useMeasure_default();
   const [transform, setTransformInternal] = useState12(defaultTransform);
+  const shouldAllowCanvasInteraction = useCallback10(
+    (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) return true;
+      return !target.closest("[data-toolbar-overlay]");
+    },
+    []
+  );
   const {
     ref: transformRef,
     setTransform,
@@ -15624,7 +15654,8 @@ var PCBViewer = ({
   } = src_default({
     transform,
     onSetTransform: setTransformInternal,
-    enabled: isInteractionEnabled
+    enabled: isInteractionEnabled,
+    shouldDrag: shouldAllowCanvasInteraction
   });
   let [editEvents, setEditEvents] = useState12([]);
   editEvents = editEventsProp ?? editEvents;