@tscircuit/pcb-viewer 1.11.283 → 1.11.285

package/dist/index.js

@@ -12696,7 +12696,7 @@ var isPcbGroup = (element) => element?.type === "pcb_group";
 var isPcbBoard = (element) => element?.type === "pcb_board";
 
 // src/components/AnchorOffsetOverlay/Board/index.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var BoardAnchorOffsetOverlay = ({
   elements,
   highlightedPrimitives,
@@ -12857,7 +12857,7 @@ var BoardAnchorOffsetOverlay = ({
                     strokeDasharray: VISUAL_CONFIG.LINE_DASH_PATTERN
                   }
                 ),
-                /* @__PURE__ */ jsx12(
+                target.type === "component" ? /* @__PURE__ */ jsx12(
                   "circle",
                   {
                     cx: targetScreen.x,
@@ -12867,7 +12867,30 @@ var BoardAnchorOffsetOverlay = ({
                     stroke: COLORS.COMPONENT_MARKER_STROKE,
                     strokeWidth: 1
                   }
-                ),
+                ) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
+                  /* @__PURE__ */ jsx12(
+                    "line",
+                    {
+                      x1: targetScreen.x - VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                      y1: targetScreen.y,
+                      x2: targetScreen.x + VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                      y2: targetScreen.y,
+                      stroke: COLORS.OFFSET_LINE,
+                      strokeWidth: VISUAL_CONFIG.ANCHOR_MARKER_STROKE_WIDTH
+                    }
+                  ),
+                  /* @__PURE__ */ jsx12(
+                    "line",
+                    {
+                      x1: targetScreen.x,
+                      y1: targetScreen.y - VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                      x2: targetScreen.x,
+                      y2: targetScreen.y + VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                      stroke: COLORS.OFFSET_LINE,
+                      strokeWidth: VISUAL_CONFIG.ANCHOR_MARKER_STROKE_WIDTH
+                    }
+                  )
+                ] }),
                 shouldShowXLabel && /* @__PURE__ */ jsx12(
                   "foreignObject",
                   {
@@ -12938,7 +12961,7 @@ var BoardAnchorOffsetOverlay = ({
 
 // src/components/AnchorOffsetOverlay/Group/index.tsx
 import { applyToPoint as applyToPoint13 } from "transformation-matrix";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var GroupAnchorOffsetOverlay = ({
   elements,
   highlightedPrimitives,
@@ -12959,14 +12982,26 @@ var GroupAnchorOffsetOverlay = ({
     }
     return null;
   }).filter((id) => Boolean(id));
+  const collectParentGroups = (groupId, collected) => {
+    if (collected.has(groupId)) return;
+    collected.add(groupId);
+    const group = groups.find((g) => g.pcb_group_id === groupId);
+    if (group?.position_mode === "relative_to_group_anchor" && group.positioned_relative_to_pcb_group_id) {
+      collectParentGroups(group.positioned_relative_to_pcb_group_id, collected);
+    }
+  };
   const hoveredGroupIds = /* @__PURE__ */ new Set();
   hoveredComponentIds.forEach((componentId) => {
     const component = components.find((c) => c.pcb_component_id === componentId);
-    if (component?.pcb_group_id) {
-      hoveredGroupIds.add(component.pcb_group_id);
+    if (!component) return;
+    if (component.position_mode === "relative_to_group_anchor" && component.positioned_relative_to_pcb_group_id) {
+      collectParentGroups(
+        component.positioned_relative_to_pcb_group_id,
+        hoveredGroupIds
+      );
     }
-    if (component?.position_mode === "relative_to_group_anchor" && component.positioned_relative_to_pcb_group_id) {
-      hoveredGroupIds.add(component.positioned_relative_to_pcb_group_id);
+    if (component.pcb_group_id) {
+      collectParentGroups(component.pcb_group_id, hoveredGroupIds);
     }
   });
   const isShowingAnchorOffsets = useGlobalStore(
@@ -13128,7 +13163,7 @@ var GroupAnchorOffsetOverlay = ({
                         strokeDasharray: VISUAL_CONFIG.LINE_DASH_PATTERN
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    target.type === "component" ? /* @__PURE__ */ jsx13(
                       "circle",
                       {
                         cx: targetScreen.x,
@@ -13138,7 +13173,30 @@ var GroupAnchorOffsetOverlay = ({
                         stroke: COLORS.COMPONENT_MARKER_STROKE,
                         strokeWidth: 1
                       }
-                    ),
+                    ) : /* @__PURE__ */ jsxs10(Fragment6, { children: [
+                      /* @__PURE__ */ jsx13(
+                        "line",
+                        {
+                          x1: targetScreen.x - VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                          y1: targetScreen.y,
+                          x2: targetScreen.x + VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                          y2: targetScreen.y,
+                          stroke: COLORS.OFFSET_LINE,
+                          strokeWidth: VISUAL_CONFIG.ANCHOR_MARKER_STROKE_WIDTH
+                        }
+                      ),
+                      /* @__PURE__ */ jsx13(
+                        "line",
+                        {
+                          x1: targetScreen.x,
+                          y1: targetScreen.y - VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                          x2: targetScreen.x,
+                          y2: targetScreen.y + VISUAL_CONFIG.ANCHOR_MARKER_SIZE,
+                          stroke: COLORS.OFFSET_LINE,
+                          strokeWidth: VISUAL_CONFIG.ANCHOR_MARKER_STROKE_WIDTH
+                        }
+                      )
+                    ] }),
                     shouldShowXLabel && /* @__PURE__ */ jsx13(
                       "foreignObject",
                       {
@@ -13211,7 +13269,7 @@ var GroupAnchorOffsetOverlay = ({
 };
 
 // src/components/MouseElementTracker.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var getPolygonBoundingBox = (points) => {
   if (points.length === 0) return null;
   let minX = points[0].x;
@@ -13429,7 +13487,7 @@ var MouseElementTracker = ({
             highlightedPrimitives
           }
         ),
-        transform && /* @__PURE__ */ jsxs11(Fragment5, { children: [
+        transform && /* @__PURE__ */ jsxs11(Fragment7, { children: [
           /* @__PURE__ */ jsx14(
             BoardAnchorOffsetOverlay,
             {
@@ -13815,7 +13873,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.282",
+  version: "1.11.284",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",