@tscircuit/pcb-viewer 1.11.286 → 1.11.288

package/dist/index.js

@@ -12673,7 +12673,8 @@ var VISUAL_CONFIG = {
   LABEL_OFFSET_ABOVE: 2,
   LABEL_OFFSET_BELOW: -18,
   LABEL_OFFSET_RIGHT: 8,
-  LABEL_OFFSET_LEFT: -80,
+  LABEL_OFFSET_LEFT: -120,
+  Y_LABEL_MIN_WIDTH: 110,
   LINE_STROKE_WIDTH: 1.5,
   LINE_DASH_PATTERN: "4,4",
   COMPONENT_MARKER_RADIUS: 3,
@@ -12805,8 +12806,8 @@ var BoardAnchorOffsetOverlay = ({
               } else {
                 if (!target.group.center) return null;
                 targetCenter = {
-                  x: target.group.center.x,
-                  y: target.group.center.y
+                  x: target.group.anchor_position?.x ?? target.group.center.x,
+                  y: target.group.anchor_position?.y ?? target.group.center.y
                 };
                 targetId = target.group.pcb_group_id;
                 displayOffsetX = target.group.display_offset_x;
@@ -12828,8 +12829,8 @@ var BoardAnchorOffsetOverlay = ({
               const yLabelOffset = isTargetRightOfAnchor ? VISUAL_CONFIG.LABEL_OFFSET_RIGHT : VISUAL_CONFIG.LABEL_OFFSET_LEFT;
               const shouldShowXLabel = xLineLength > VISUAL_CONFIG.MIN_LINE_LENGTH_FOR_LABEL;
               const shouldShowYLabel = yLineLength > VISUAL_CONFIG.MIN_LINE_LENGTH_FOR_LABEL;
-              const xLabelText = displayOffsetX ?? `Board \u0394x: ${offsetX.toFixed(2)}mm`;
-              const yLabelText = displayOffsetY ?? `Board \u0394y: ${offsetY.toFixed(2)}mm`;
+              const xLabelText = `Board \u0394x: ${displayOffsetX ? displayOffsetX : offsetX.toFixed(2)}mm`;
+              const yLabelText = `Board \u0394y: ${displayOffsetX ? displayOffsetX : offsetY.toFixed(2)}mm`;
               return /* @__PURE__ */ jsxs9("g", { children: [
                 /* @__PURE__ */ jsx12(
                   "line",
@@ -12905,7 +12906,7 @@ var BoardAnchorOffsetOverlay = ({
                   {
                     x: targetScreen.x + yLabelOffset,
                     y: Math.min(anchorMarkerScreen.y, targetScreen.y),
-                    width: 20,
+                    width: VISUAL_CONFIG.Y_LABEL_MIN_WIDTH,
                     height: Math.abs(targetScreen.y - anchorMarkerScreen.y),
                     style: { overflow: "visible" },
                     children: /* @__PURE__ */ jsx12(
@@ -12915,6 +12916,9 @@ var BoardAnchorOffsetOverlay = ({
                           ...labelStyle,
                           display: "flex",
                           alignItems: "center",
+                          justifyContent: isTargetRightOfAnchor ? "flex-start" : "flex-end",
+                          whiteSpace: "nowrap",
+                          padding: "0 4px",
                           height: "100%"
                         },
                         children: yLabelText
@@ -13131,8 +13135,8 @@ var GroupAnchorOffsetOverlay = ({
               const yLabelOffset = isTargetRightOfAnchor ? VISUAL_CONFIG.LABEL_OFFSET_RIGHT : VISUAL_CONFIG.LABEL_OFFSET_LEFT;
               const shouldShowXLabel = xLineLength > VISUAL_CONFIG.MIN_LINE_LENGTH_FOR_LABEL;
               const shouldShowYLabel = yLineLength > VISUAL_CONFIG.MIN_LINE_LENGTH_FOR_LABEL;
-              const xLabelText = displayOffsetX ?? `\u0394x: ${offsetX.toFixed(2)}mm`;
-              const yLabelText = displayOffsetY ?? `\u0394y: ${offsetY.toFixed(2)}mm`;
+              const xLabelText = `\u0394x: ${displayOffsetX ? displayOffsetX : offsetX.toFixed(2)}mm`;
+              const yLabelText = `\u0394y: ${displayOffsetY ? displayOffsetY : offsetY.toFixed(2)}mm`;
               return /* @__PURE__ */ jsxs10(
                 "g",
                 {
@@ -13630,33 +13634,47 @@ var PcbGroupOverlay = ({
           groupComponents = [...groupComponents, ...childComponents];
         }
       }
-      if (groupComponents.length === 0) return;
-      let minX = Infinity;
-      let minY = Infinity;
-      let maxX = -Infinity;
-      let maxY = -Infinity;
-      groupComponents.forEach((comp) => {
-        if (comp.center && typeof comp.width === "number" && typeof comp.height === "number") {
-          const left = comp.center.x - comp.width / 2;
-          const right = comp.center.x + comp.width / 2;
-          const top = comp.center.y + comp.height / 2;
-          const bottom = comp.center.y - comp.height / 2;
-          minX = Math.min(minX, left);
-          maxX = Math.max(maxX, right);
-          minY = Math.min(minY, bottom);
-          maxY = Math.max(maxY, top);
-        }
-      });
-      if (minX === Infinity || maxX === -Infinity) return;
+      let minX, minY, maxX, maxY;
+      let isExplicitlySized = false;
+      if (group.center && group.width && group.height) {
+        isExplicitlySized = true;
+        const halfWidth = group.width / 2;
+        const halfHeight = group.height / 2;
+        minX = group.center.x - halfWidth;
+        maxX = group.center.x + halfWidth;
+        minY = group.center.y - halfHeight;
+        maxY = group.center.y + halfHeight;
+      } else {
+        if (groupComponents.length === 0) return;
+        minX = Infinity;
+        minY = Infinity;
+        maxX = -Infinity;
+        maxY = -Infinity;
+        groupComponents.forEach((comp) => {
+          if (comp.center && typeof comp.width === "number" && typeof comp.height === "number") {
+            const left = comp.center.x - comp.width / 2;
+            const right = comp.center.x + comp.width / 2;
+            const top = comp.center.y + comp.height / 2;
+            const bottom = comp.center.y - comp.height / 2;
+            minX = Math.min(minX, left);
+            maxX = Math.max(maxX, right);
+            minY = Math.min(minY, bottom);
+            maxY = Math.max(maxY, top);
+          }
+        });
+        if (minX === Infinity || maxX === -Infinity) return;
+      }
       const depthLevel = group.source_group_id ? getGroupDepthLevel(group.source_group_id) : 0;
       const hasChildren = group.source_group_id ? getAllDescendantSourceGroups(group.source_group_id).length > 0 : false;
-      const basePadding = 1;
-      const hierarchyPadding = hasChildren ? 0.5 : 0;
-      const totalPadding = basePadding + hierarchyPadding;
-      minX -= totalPadding;
-      maxX += totalPadding;
-      minY -= totalPadding;
-      maxY += totalPadding;
+      if (!isExplicitlySized) {
+        const basePadding = 1;
+        const hierarchyPadding = hasChildren ? 0.5 : 0;
+        const totalPadding = basePadding + hierarchyPadding;
+        minX -= totalPadding;
+        maxX += totalPadding;
+        minY -= totalPadding;
+        maxY += totalPadding;
+      }
       const topLeft = applyToPoint15(transform, { x: minX, y: maxY });
       const topRight = applyToPoint15(transform, { x: maxX, y: maxY });
       const bottomLeft = applyToPoint15(transform, { x: minX, y: minY });
@@ -13871,7 +13889,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.285",
+  version: "1.11.287",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -13908,7 +13926,7 @@ var package_default = {
     "react-cosmos-plugin-vite": "7.0.0-beta.0",
     "react-dom": "19.1.0",
     "react-use": "^17.4.0",
-    tscircuit: "^0.0.1040",
+    tscircuit: "^0.0.1054",
     tsup: "^8.0.2",
     "type-fest": "^3.0.0",
     typescript: "^5.4.4",