stickyflow 0.11.2 → 0.12.0

package/dist/interaction/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkWZA3DJJH_cjs = require('../chunk-WZA3DJJH.cjs');
-var chunkUHKFJBY5_cjs = require('../chunk-UHKFJBY5.cjs');
+var chunk3OF37CZX_cjs = require('../chunk-3OF37CZX.cjs');
+var chunkSKGJXCAO_cjs = require('../chunk-SKGJXCAO.cjs');
 
 // src/runtime/interaction/chartValue/coordinates.ts
 function pointerUserY(svg, event) {
@@ -70,13 +70,13 @@ function updateConnectedLine(svg, drag) {
   }));
   const line = findConnectedLine(svg, drag.owner.id, drag.series);
   if (line) {
-    line.setAttribute("d", chunkUHKFJBY5_cjs.linePathData(points, drag.lineTension));
+    line.setAttribute("d", chunkSKGJXCAO_cjs.linePathData(points, drag.lineTension));
   }
   const area = findConnectedLineArea(svg, drag.owner.id, drag.series);
   if (area && points.length > 1) {
     const first = points[0];
     const last = points[points.length - 1];
-    const d = `${chunkUHKFJBY5_cjs.linePathData(points, drag.lineTension)} L ${last.x} ${drag.baseY} L ${first.x} ${drag.baseY} Z`;
+    const d = `${chunkSKGJXCAO_cjs.linePathData(points, drag.lineTension)} L ${last.x} ${drag.baseY} L ${first.x} ${drag.baseY} Z`;
     area.setAttribute("d", d);
   }
 }
@@ -90,14 +90,14 @@ function setBarPath(svg, drag, d) {
 function updateChartValuePreview(svg, drag, value) {
   if (drag.isBar && drag.scale.horizontal) {
     const width = Math.max(0, pixelForValue(value, drag.scale) - drag.barX);
-    setBarPath(svg, drag, chunkUHKFJBY5_cjs.roundedBarPath(drag.barX, drag.barTop, width, drag.barHeight, drag.barRadius));
+    setBarPath(svg, drag, chunkSKGJXCAO_cjs.roundedBarPath(drag.barX, drag.barTop, width, drag.barHeight, drag.barRadius));
     return;
   }
   const y = pixelForValue(value, drag.scale);
   if (drag.isBar) {
     const top = Math.min(y, drag.baseY);
     const height = Math.max(0, Math.abs(drag.baseY - y));
-    setBarPath(svg, drag, chunkUHKFJBY5_cjs.barShapePath(drag.barX, top, drag.barWidth, height, drag.barRadius));
+    setBarPath(svg, drag, chunkSKGJXCAO_cjs.barShapePath(drag.barX, top, drag.barWidth, height, drag.barRadius));
     return;
   }
   drag.element.setAttribute("cy", String(y));
@@ -120,24 +120,24 @@ function labelShift(placement, origin, top, height) {
 }
 function resizePill(pill, text, label, dy) {
   const fontSize = parseFloat(text.getAttribute("font-size") ?? "12");
-  const size = chunkUHKFJBY5_cjs.barLabelSize(label, fontSize, true);
+  const size = chunkSKGJXCAO_cjs.barLabelSize(label, fontSize, true);
   const stored = pill.dataset.sfPillY ?? (pill.getAttribute("d") ?? "").split(/\s+/)[2];
   pill.dataset.sfPillY = stored;
   const centerX = Number(text.getAttribute("x"));
-  pill.setAttribute("d", chunkUHKFJBY5_cjs.pillPath(centerX - size.width / 2, Number(stored), size.width, size.height));
+  pill.setAttribute("d", chunkSKGJXCAO_cjs.pillPath(centerX - size.width / 2, Number(stored), size.width, size.height));
   pill.setAttribute("transform", `translate(0 ${dy})`);
 }
 function updateHorizontalBarLabel(label, drag, origin, value) {
-  const content = chunkUHKFJBY5_cjs.formatBarLabel(value, label.template);
+  const content = chunkSKGJXCAO_cjs.formatBarLabel(value, label.template);
   (label.text.querySelector("tspan") ?? label.text).textContent = content;
   if (label.placement === "axis") {
     return true;
   }
   const fontSize = parseFloat(label.text.getAttribute("font-size") ?? "12");
-  const size = chunkUHKFJBY5_cjs.barLabelSize(content, fontSize, label.pill !== null);
+  const size = chunkSKGJXCAO_cjs.barLabelSize(content, fontSize, label.pill !== null);
   const width = Math.max(0, pixelForValue(value, drag.scale) - origin.left);
   const end = origin.left + width;
-  const center = label.placement === "outside" ? end + chunkUHKFJBY5_cjs.BAR_LABEL.gap + size.width / 2 : label.placement === "inside" ? end - chunkUHKFJBY5_cjs.BAR_LABEL.gap - size.width / 2 : origin.left + width / 2;
+  const center = label.placement === "outside" ? end + chunkSKGJXCAO_cjs.BAR_LABEL.gap + size.width / 2 : label.placement === "inside" ? end - chunkSKGJXCAO_cjs.BAR_LABEL.gap - size.width / 2 : origin.left + width / 2;
   const stored = label.text.dataset.sfLabelX ?? label.text.getAttribute("x") ?? "0";
   label.text.dataset.sfLabelX = stored;
   label.text.setAttribute("transform", `translate(${center - Number(stored)} 0)`);
@@ -145,7 +145,7 @@ function updateHorizontalBarLabel(label, drag, origin, value) {
     const pillY = label.pill.dataset.sfPillY ?? (label.pill.getAttribute("d") ?? "").split(/\s+/)[2];
     label.pill.dataset.sfPillY = pillY;
     label.pill.removeAttribute("transform");
-    label.pill.setAttribute("d", chunkUHKFJBY5_cjs.pillPath(center - size.width / 2, Number(pillY), size.width, size.height));
+    label.pill.setAttribute("d", chunkSKGJXCAO_cjs.pillPath(center - size.width / 2, Number(pillY), size.width, size.height));
   }
   return true;
 }
@@ -161,7 +161,7 @@ function updateBarLabel(svg, drag, origin, value) {
   const top = Math.min(y, drag.baseY);
   const height = Math.abs(drag.baseY - y);
   const dy = labelShift(label.placement, origin, top, height);
-  const content = chunkUHKFJBY5_cjs.formatBarLabel(value, label.template);
+  const content = chunkSKGJXCAO_cjs.formatBarLabel(value, label.template);
   (label.text.querySelector("tspan") ?? label.text).textContent = content;
   label.text.setAttribute("transform", `translate(0 ${dy})`);
   if (label.pill) {
@@ -177,7 +177,7 @@ var HEIGHT = 18;
 var GAP = 8;
 var BACKGROUND = "rgba(15, 23, 42, 0.9)";
 function element(svg, tag) {
-  return svg.ownerDocument.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, tag);
+  return svg.ownerDocument.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, tag);
 }
 function createValueReadout(svg) {
   const group = element(svg, "g");
@@ -273,7 +273,7 @@ function resolveChartValueDrag(svg, event) {
   if (!target) {
     return null;
   }
-  const scale = parseValueScale(chunkWZA3DJJH_cjs.findOwnerNode(svg, target.owner.id, chunkWZA3DJJH_cjs.isPrimary));
+  const scale = parseValueScale(chunk3OF37CZX_cjs.findOwnerNode(svg, target.owner.id, chunk3OF37CZX_cjs.isPrimary));
   const geometry = scale ? resolveChartValueGeometry(svg, target, scale) : null;
   if (!scale || !geometry) {
     return null;
@@ -293,13 +293,13 @@ function createChartValueDragState(target, scale, geometry, pointerId) {
   };
 }
 function isChartValuePointer(event) {
-  return event.button === 0 && !chunkWZA3DJJH_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunk3OF37CZX_cjs.isCameraGesture(event);
 }
 function findChartValueMark(event) {
   return event.target?.closest?.("[data-sf-value-index]");
 }
 function readChartValueTarget(mark) {
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(mark);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(mark);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -458,8 +458,8 @@ function bindChartValueDrag(viewer, emitter) {
 
 // src/runtime/interaction/colorEdit/color.ts
 function normalizeHex(value) {
-  const channels = chunkUHKFJBY5_cjs.parseHexRgb(value);
-  return channels && chunkUHKFJBY5_cjs.rgbToHex(...channels);
+  const channels = chunkSKGJXCAO_cjs.parseHexRgb(value);
+  return channels && chunkSKGJXCAO_cjs.rgbToHex(...channels);
 }
 var COLOR_FUNCTION = /^rgba?\(\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*(?:[,/]\s*(\d*\.?\d+)(%?)\s*)?\)$/i;
 var HEX_WITH_ALPHA = /^#([0-9a-f]{6})([0-9a-f]{2})$/i;
@@ -498,14 +498,14 @@ function clampChannel(value) {
   return Math.max(0, Math.min(255, Math.round(value)));
 }
 function hexToRgb(hex) {
-  const [r, g, b] = chunkUHKFJBY5_cjs.parseHexRgb(hex) ?? [0, 0, 0];
+  const [r, g, b] = chunkSKGJXCAO_cjs.parseHexRgb(hex) ?? [0, 0, 0];
   return { r, g, b };
 }
 function rgbToHex2(rgb) {
-  return chunkUHKFJBY5_cjs.rgbToHex(clampChannel(rgb.r), clampChannel(rgb.g), clampChannel(rgb.b));
+  return chunkSKGJXCAO_cjs.rgbToHex(clampChannel(rgb.r), clampChannel(rgb.g), clampChannel(rgb.b));
 }
 function hsvToRgb2(hsv) {
-  const { r, g, b } = chunkUHKFJBY5_cjs.hsvToRgb(
+  const { r, g, b } = chunkSKGJXCAO_cjs.hsvToRgb(
     (hsv.h % 360 + 360) % 360,
     Math.max(0, Math.min(1, hsv.s)),
     Math.max(0, Math.min(1, hsv.v))
@@ -513,7 +513,7 @@ function hsvToRgb2(hsv) {
   return { r, g, b };
 }
 function rgbToHsv2(rgb) {
-  return chunkUHKFJBY5_cjs.rgbToHsv(clampChannel(rgb.r), clampChannel(rgb.g), clampChannel(rgb.b));
+  return chunkSKGJXCAO_cjs.rgbToHsv(clampChannel(rgb.r), clampChannel(rgb.g), clampChannel(rgb.b));
 }
 function hexToHsv(hex) {
   return rgbToHsv2(hexToRgb(hex));
@@ -1753,7 +1753,7 @@ var ColorEditSession = class {
     const hasOverride = target.node.getAttribute("data-sf-color-override") === "true";
     this.#open = openColorPopover({
       seed: seedFrom(fill, readGradientValue(this.#svg, fill)),
-      anchor: chunkWZA3DJJH_cjs.screenRectOf(target.node),
+      anchor: chunk3OF37CZX_cjs.screenRectOf(target.node),
       theme: resolveTheme(this.#theme),
       allowGradient: !target.solidOnly,
       onCommit: (color) => {
@@ -1835,7 +1835,7 @@ function resolveTarget(event, selector, pathOf, rules) {
     return null;
   }
   const path = pathOf(node);
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(node);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(node);
   if (!path || !owner || !isEditablePath(path, rules) || requiresPriorSelection(node, owner)) {
     return null;
   }
@@ -1857,7 +1857,7 @@ function resolveZoneGradientTarget(event) {
   if (!node) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(node);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(node);
   if (!owner) {
     return null;
   }
@@ -1893,7 +1893,7 @@ var ZoneGradientSession = class {
     const beforeStops = sortStops(gradient.stops);
     this.#open = openColorPopover({
       seed: seedFrom(fill, gradient),
-      anchor: chunkWZA3DJJH_cjs.screenRectOf(target.node),
+      anchor: chunk3OF37CZX_cjs.screenRectOf(target.node),
       theme: resolveTheme(this.#theme),
       allowGradient: true,
       lockStops: true,
@@ -1966,15 +1966,15 @@ function bindDeleteSelection(viewer, emitter) {
 }
 
 // src/runtime/interaction/events.ts
-var Emitter2 = class extends chunkWZA3DJJH_cjs.Emitter {
+var Emitter2 = class extends chunk3OF37CZX_cjs.Emitter {
 };
 
 // src/runtime/interaction/linkPreview/geometry.ts
 function anchorPoint(bounds, side, other) {
   if (side) {
-    return chunkUHKFJBY5_cjs.pointAtPort(bounds, { side, offset: 0.5 });
+    return chunkSKGJXCAO_cjs.pointAtPort(bounds, { side, offset: 0.5 });
   }
-  return chunkUHKFJBY5_cjs.edgePointToward(bounds, other);
+  return chunkSKGJXCAO_cjs.edgePointToward(bounds, other);
 }
 function polylinePathData(points) {
   if (points.length < 4) {
@@ -1991,7 +1991,7 @@ function previewPathData(points, segments, pathType, strokeWidth) {
     return `M ${points[0]} ${points[1]} C ${points[2]} ${points[3]} ${points[4]} ${points[5]} ${points[6]} ${points[7]}`;
   }
   if (pathType === "orthogonal" && segments.length > 0) {
-    return chunkUHKFJBY5_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
+    return chunkSKGJXCAO_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
   }
   return polylinePathData(points);
 }
@@ -2011,8 +2011,8 @@ function previewLink(fromSide, toSide) {
 function routePreviewLink(fromBounds, toBounds, fromSide, toSide, pathType) {
   const from = anchorPoint(fromBounds, fromSide, toBounds);
   const to = anchorPoint(toBounds, toSide, fromBounds);
-  const { points, segments } = chunkUHKFJBY5_cjs.calculateLinkRoute(previewLink(fromSide, toSide), from, to, pathType);
-  return { points, segments, midpoint: chunkUHKFJBY5_cjs.getLineMidpoint(points, pathType, from, to) };
+  const { points, segments } = chunkSKGJXCAO_cjs.calculateLinkRoute(previewLink(fromSide, toSide), from, to, pathType);
+  return { points, segments, midpoint: chunkSKGJXCAO_cjs.getLineMidpoint(points, pathType, from, to) };
 }
 
 // src/runtime/interaction/linkPreview/discovery.ts
@@ -2044,7 +2044,7 @@ function resolveOppositeEndpoint(svg, path, canvasObjectId) {
   if (!otherId) {
     return null;
   }
-  const otherPrimary = chunkWZA3DJJH_cjs.findOwnerNode(svg, otherId, chunkWZA3DJJH_cjs.isPrimary);
+  const otherPrimary = chunk3OF37CZX_cjs.findOwnerNode(svg, otherId, chunk3OF37CZX_cjs.isPrimary);
   return otherPrimary ? { draggedIsFrom, bounds: otherPrimary.getBBox() } : null;
 }
 function captureLiveLinkLabel(svg, draft, draggedBounds) {
@@ -2091,8 +2091,8 @@ function resolveOtherFacePoint(svg, path, canvasObjectId) {
   if (!otherId || !face || !otherFace) {
     return null;
   }
-  const otherPrimary = chunkWZA3DJJH_cjs.findOwnerNode(svg, otherId, chunkWZA3DJJH_cjs.isPrimary);
-  const otherGeometry = otherPrimary && chunkWZA3DJJH_cjs.isometricGeometryOf(otherPrimary);
+  const otherPrimary = chunk3OF37CZX_cjs.findOwnerNode(svg, otherId, chunk3OF37CZX_cjs.isPrimary);
+  const otherGeometry = otherPrimary && chunk3OF37CZX_cjs.isometricGeometryOf(otherPrimary);
   if (!otherGeometry?.bounds) {
     return null;
   }
@@ -2103,7 +2103,7 @@ function resolveOtherFacePoint(svg, path, canvasObjectId) {
     height: otherGeometry.height,
     depth: otherGeometry.depth
   };
-  return { otherPoint: chunkUHKFJBY5_cjs.isometricFaceCenter(otherObject, otherFace), draggedIsFrom, face };
+  return { otherPoint: chunkSKGJXCAO_cjs.isometricFaceCenter(otherObject, otherFace), draggedIsFrom, face };
 }
 function findLiveFaceLinks(svg, canvasObjectId) {
   const escapedId = CSS.escape(canvasObjectId);
@@ -2122,7 +2122,7 @@ function findLiveFaceLinks(svg, canvasObjectId) {
 
 // src/runtime/interaction/linkPreview/faceUpdate.ts
 function updateLiveFaceLink(link, liveObject) {
-  const draggedPoint = chunkUHKFJBY5_cjs.isometricFaceCenter(liveObject, link.face);
+  const draggedPoint = chunkSKGJXCAO_cjs.isometricFaceCenter(liveObject, link.face);
   const from = link.draggedIsFrom ? draggedPoint : link.otherPoint;
   const to = link.draggedIsFrom ? link.otherPoint : draggedPoint;
   link.path.setAttribute("d", `M ${from.x} ${from.y} L ${to.x} ${to.y}`);
@@ -2146,7 +2146,7 @@ function updateLabelGap(link, points) {
   if (!link.labelGapSize) {
     return;
   }
-  const gap = chunkUHKFJBY5_cjs.labelGapDash(points, link.pathType, link.labelGapSize.width, link.labelGapSize.height);
+  const gap = chunkSKGJXCAO_cjs.labelGapDash(points, link.pathType, link.labelGapSize.width, link.labelGapSize.height);
   if (gap) {
     link.path.setAttribute("stroke-dasharray", `${gap.dashBefore} ${gap.gapLength} 1000000`);
   } else {
@@ -2192,11 +2192,11 @@ function readIsometricSnapStep(svg) {
   return step > 0 ? step : null;
 }
 function nearestIsometricLatticePoint(point, step) {
-  const u = point.x / (chunkUHKFJBY5_cjs.AXIS_COS * step);
-  const v = point.y / (chunkUHKFJBY5_cjs.AXIS_SIN * step);
+  const u = point.x / (chunkSKGJXCAO_cjs.AXIS_COS * step);
+  const v = point.y / (chunkSKGJXCAO_cjs.AXIS_SIN * step);
   const i = Math.round((u + v) / 2);
   const j = Math.round((u - v) / 2);
-  return { x: (i + j) * chunkUHKFJBY5_cjs.AXIS_COS * step, y: (i - j) * chunkUHKFJBY5_cjs.AXIS_SIN * step };
+  return { x: (i + j) * chunkSKGJXCAO_cjs.AXIS_COS * step, y: (i - j) * chunkSKGJXCAO_cjs.AXIS_SIN * step };
 }
 function snapToStep(value, step, min) {
   return Math.max(min, Math.round(value / step) * step);
@@ -2209,21 +2209,21 @@ var LABEL_FONT_SIZE = 12;
 var LABEL_LINE_HEIGHT = 1.2;
 var LABEL_BASELINE_OFFSET = -LABEL_GAP - LABEL_HEIGHT + (LABEL_HEIGHT - LABEL_FONT_SIZE * LABEL_LINE_HEIGHT) / 2 + LABEL_FONT_SIZE;
 function applyIsometricAxisPreview(nodes, object, cornerRadius, overlay, svg) {
-  const faces = chunkUHKFJBY5_cjs.isometricFaces(object);
-  nodes.top?.setAttribute("d", chunkUHKFJBY5_cjs.roundedPolygonPath(faces.top, 0));
-  nodes.front?.setAttribute("d", chunkUHKFJBY5_cjs.roundedPolygonPath(faces.front, 0));
-  nodes.side?.setAttribute("d", chunkUHKFJBY5_cjs.roundedPolygonPath(faces.right, 0));
+  const faces = chunkSKGJXCAO_cjs.isometricFaces(object);
+  nodes.top?.setAttribute("d", chunkSKGJXCAO_cjs.roundedPolygonPath(faces.top, 0));
+  nodes.front?.setAttribute("d", chunkSKGJXCAO_cjs.roundedPolygonPath(faces.front, 0));
+  nodes.side?.setAttribute("d", chunkSKGJXCAO_cjs.roundedPolygonPath(faces.right, 0));
   const silhouette = [faces.top[0], faces.top[1], faces.right[2], faces.front[2], faces.front[3], faces.top[3]];
-  const hullPath = chunkUHKFJBY5_cjs.roundedPolygonPath(silhouette, cornerRadius);
+  const hullPath = chunkSKGJXCAO_cjs.roundedPolygonPath(silhouette, cornerRadius);
   nodes.hull?.setAttribute("d", hullPath);
   if (overlay.halo) {
-    chunkWZA3DJJH_cjs.updateHalo(overlay.halo, hullPath);
+    chunk3OF37CZX_cjs.updateHalo(overlay.halo, hullPath);
   }
-  const placements = chunkWZA3DJJH_cjs.axisArrowPlacements(object);
+  const placements = chunk3OF37CZX_cjs.axisArrowPlacements(object);
   Object.keys(placements).forEach((axis) => {
     const group = overlay.arrows[axis];
     if (group) {
-      chunkWZA3DJJH_cjs.updateAxisArrowGroup(group, placements[axis].origin, placements[axis].direction, svg);
+      chunk3OF37CZX_cjs.updateAxisArrowGroup(group, placements[axis].origin, placements[axis].direction, svg);
     }
   });
   nodes.seams?.setAttribute(
@@ -2241,9 +2241,9 @@ function applyIsometricAxisPreview(nodes, object, cornerRadius, overlay, svg) {
       x: footprintCenter.x + (point.x - footprintCenter.x) * shadowSpread,
       y: footprintCenter.y + (point.y - footprintCenter.y) * shadowSpread
     }));
-    nodes.groundShadow.setAttribute("d", chunkUHKFJBY5_cjs.roundedPolygonPath(footprint, 0));
+    nodes.groundShadow.setAttribute("d", chunkSKGJXCAO_cjs.roundedPolygonPath(footprint, 0));
   }
-  const anchor = chunkUHKFJBY5_cjs.isometricTopFaceCenter(object);
+  const anchor = chunkSKGJXCAO_cjs.isometricTopFaceCenter(object);
   if (nodes.labelGuide) {
     nodes.labelGuide.setAttribute("d", `M ${anchor.x} ${anchor.y - LABEL_GAP} L ${anchor.x} ${anchor.y}`);
   }
@@ -2259,7 +2259,7 @@ function applyIsometricAxisPreview(nodes, object, cornerRadius, overlay, svg) {
 // src/runtime/interaction/isometricAxisResize/state.ts
 var AXES = ["width", "height", "depth"];
 function collectNodes(svg, ownerId) {
-  const all = chunkWZA3DJJH_cjs.findAllOwnerNodes(svg, ownerId);
+  const all = chunk3OF37CZX_cjs.findAllOwnerNodes(svg, ownerId);
   const bySuffix = (suffix) => all.find((el2) => el2.id.endsWith(suffix)) ?? null;
   return {
     top: bySuffix("-top"),
@@ -2287,14 +2287,14 @@ function findResizeHandle(event) {
   return { captureTarget, axis: handleAttr.slice(4), overlay, ownerId };
 }
 function overlayPartsOf(overlay) {
-  const overlayHalo = overlay.querySelector(`[${chunkWZA3DJJH_cjs.ISO_HALO_ATTR}]`) ?? null;
+  const overlayHalo = overlay.querySelector(`[${chunk3OF37CZX_cjs.ISO_HALO_ATTR}]`) ?? null;
   const overlayArrows = Object.fromEntries(
     AXES.map((axis) => [
       axis,
       overlay.querySelector(`[data-sf-resize-handle="iso-${axis}"]`) ?? null
     ])
   );
-  const overlayDuplicateBubbles = overlay.querySelector(`[${chunkWZA3DJJH_cjs.ISO_DUPLICATE_BUBBLES_ATTR}]`) ?? null;
+  const overlayDuplicateBubbles = overlay.querySelector(`[${chunk3OF37CZX_cjs.ISO_DUPLICATE_BUBBLES_ATTR}]`) ?? null;
   if (overlayDuplicateBubbles) {
     overlayDuplicateBubbles.style.display = "none";
   }
@@ -2306,16 +2306,16 @@ function createIsometricAxisDragState(svg, event) {
     return null;
   }
   const { captureTarget, axis, overlay, ownerId } = handle;
-  const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, ownerId, chunkWZA3DJJH_cjs.isPrimary);
-  const owner = primary && chunkWZA3DJJH_cjs.resolveOwner(primary);
+  const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, ownerId, chunk3OF37CZX_cjs.isPrimary);
+  const owner = primary && chunk3OF37CZX_cjs.resolveOwner(primary);
   if (!primary || owner?.role !== "isometric") {
     return null;
   }
-  const startUser = chunkWZA3DJJH_cjs.pointerUserPoint(svg, event);
+  const startUser = chunk3OF37CZX_cjs.pointerUserPoint(svg, event);
   if (!startUser) {
     return null;
   }
-  const geometry = chunkWZA3DJJH_cjs.isometricGeometryOf(primary);
+  const geometry = chunk3OF37CZX_cjs.isometricGeometryOf(primary);
   const bounds = geometry?.bounds ?? primary.getBBox();
   const nodes = collectNodes(svg, ownerId);
   [nodes.top, nodes.front, nodes.side].forEach((node) => {
@@ -2335,7 +2335,7 @@ function createIsometricAxisDragState(svg, event) {
     pointerId: event.pointerId,
     startUser,
     start,
-    cornerRadius: geometry?.cornerRadius ?? Number(primary.getAttribute(chunkUHKFJBY5_cjs.CORNER_RADIUS_ATTR)) ?? 0,
+    cornerRadius: geometry?.cornerRadius ?? Number(primary.getAttribute(chunkSKGJXCAO_cjs.CORNER_RADIUS_ATTR)) ?? 0,
     nodes,
     ...overlayPartsOf(overlay),
     liveFaceLinks: findLiveFaceLinks(svg, ownerId),
@@ -2352,15 +2352,15 @@ function nextGeometry(drag, point, step) {
   const dx = point.x - drag.startUser.x;
   const dy = point.y - drag.startUser.y;
   if (axis === "width") {
-    const delta2 = dx * chunkUHKFJBY5_cjs.AXIS_COS + dy * chunkUHKFJBY5_cjs.AXIS_SIN;
+    const delta2 = dx * chunkSKGJXCAO_cjs.AXIS_COS + dy * chunkSKGJXCAO_cjs.AXIS_SIN;
     return { ...start, width: length(start.width + delta2, MIN_SIZE) };
   }
   if (axis === "height") {
     return { ...start, height: length(start.height + dy, MIN_SIZE) };
   }
-  const delta = -dx * chunkUHKFJBY5_cjs.AXIS_COS + dy * chunkUHKFJBY5_cjs.AXIS_SIN;
+  const delta = -dx * chunkSKGJXCAO_cjs.AXIS_COS + dy * chunkSKGJXCAO_cjs.AXIS_SIN;
   const depth = length(start.depth + delta, 0);
-  const x = start.x + (start.depth - depth) * chunkUHKFJBY5_cjs.AXIS_COS;
+  const x = start.x + (start.depth - depth) * chunkSKGJXCAO_cjs.AXIS_COS;
   return { ...start, x, depth };
 }
 var IsometricAxisResizeSession = class {
@@ -2372,7 +2372,7 @@ var IsometricAxisResizeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createIsometricAxisDragState(this.#svg, event);
@@ -2382,7 +2382,7 @@ var IsometricAxisResizeSession = class {
     if (!drag || event.pointerId !== drag.pointerId) {
       return;
     }
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -2480,7 +2480,7 @@ function findLabelMark(event) {
   );
 }
 function isLabelPointer(event) {
-  return event.button === 0 && !chunkWZA3DJJH_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunk3OF37CZX_cjs.isCameraGesture(event);
 }
 function findHull(svg, ownerId) {
   return svg.querySelector(`[data-sf-id="${CSS.escape(ownerId)}"][data-sf-primary="true"]`);
@@ -2496,21 +2496,21 @@ function resolveIsometricLabelDrag(svg, event) {
   if (!clicked) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(clicked);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(clicked);
   if (owner?.role !== "isometric") {
     return null;
   }
   const hull = findHull(svg, owner.id);
-  const geometry = hull ? chunkWZA3DJJH_cjs.isometricGeometryOf(hull) : null;
+  const geometry = hull ? chunk3OF37CZX_cjs.isometricGeometryOf(hull) : null;
   if (!geometry?.bounds) {
     return null;
   }
-  const start = chunkWZA3DJJH_cjs.pointerUserPoint(svg, event);
+  const start = chunk3OF37CZX_cjs.pointerUserPoint(svg, event);
   if (!start) {
     return null;
   }
   const anchorX = geometry.bounds.x + geometry.bounds.width / 2;
-  const anchorY = geometry.bounds.y + geometry.bounds.width * (chunkUHKFJBY5_cjs.AXIS_SIN / chunkUHKFJBY5_cjs.AXIS_COS) / 2;
+  const anchorY = geometry.bounds.y + geometry.bounds.width * (chunkSKGJXCAO_cjs.AXIS_SIN / chunkSKGJXCAO_cjs.AXIS_COS) / 2;
   const text = findBySuffix(svg, `-${owner.id}-label`);
   if (!text) {
     return null;
@@ -2562,7 +2562,7 @@ var IsometricLabelDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -2637,7 +2637,7 @@ function isIsometricDirection(value) {
 function bindIsometricQuickDuplicate(viewer, emitter) {
   const svg = viewer.svg;
   const onPointerDown = (event) => {
-    if (event.button !== 0 || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     const bubble = event.target?.closest("[data-sf-quick-duplicate]");
@@ -2648,7 +2648,7 @@ function bindIsometricQuickDuplicate(viewer, emitter) {
     const overlay = bubble.closest("[data-sf-selection-overlay]");
     const sourceId = overlay?.getAttribute("data-sf-selection-overlay");
     const primary = sourceId ? svg.querySelector(`[data-sf-id="${CSS.escape(sourceId)}"][data-sf-primary="true"]`) : null;
-    const owner = primary && chunkWZA3DJJH_cjs.resolveOwner(primary);
+    const owner = primary && chunk3OF37CZX_cjs.resolveOwner(primary);
     if (!owner) {
       return;
     }
@@ -2703,7 +2703,7 @@ function updateEndpointPreview(drag, draggedPoint, draggedSide) {
   const toPoint = drag.end === "to" ? draggedPoint : drag.fixedPoint;
   const fromSide = drag.end === "from" ? draggedSide : drag.fixedSide;
   const toSide = drag.end === "to" ? draggedSide : drag.fixedSide;
-  const { points, segments } = chunkUHKFJBY5_cjs.calculateLinkRoute(previewLink(fromSide, toSide), fromPoint, toPoint, drag.pathType);
+  const { points, segments } = chunkSKGJXCAO_cjs.calculateLinkRoute(previewLink(fromSide, toSide), fromPoint, toPoint, drag.pathType);
   drag.path.setAttribute("d", previewPathData(points, segments, drag.pathType, drag.strokeWidth));
 }
 
@@ -2725,7 +2725,7 @@ var LinkGhost = class {
   constructor(svg, path) {
     this.#svg = svg;
     this.#path = path;
-    this.#anchors = svg.ownerDocument.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "g");
+    this.#anchors = svg.ownerDocument.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "g");
     this.#anchors.setAttribute("data-sf-link-target", "");
     this.#anchors.setAttribute("pointer-events", "none");
   }
@@ -2735,7 +2735,7 @@ var LinkGhost = class {
       for (const name of RESTORED_ATTRIBUTES) {
         this.#saved.set(name, this.#path.getAttribute(name));
       }
-      const dash = GHOST_DASH_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+      const dash = GHOST_DASH_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
       this.#path.setAttribute("stroke-dasharray", `${dash} ${dash}`);
       this.#path.setAttribute("stroke-linecap", "round");
       this.#path.setAttribute("opacity", GHOST_OPACITY);
@@ -2764,7 +2764,7 @@ var LinkGhost = class {
     if (!bounds) {
       return;
     }
-    const unit = 1 / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+    const unit = 1 / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
     const centers = [
       [bounds.x + bounds.width / 2, bounds.y],
       [bounds.x + bounds.width, bounds.y + bounds.height / 2],
@@ -2772,7 +2772,7 @@ var LinkGhost = class {
       [bounds.x, bounds.y + bounds.height / 2]
     ];
     for (const [cx, cy] of centers) {
-      const dot = this.#svg.ownerDocument.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "circle");
+      const dot = this.#svg.ownerDocument.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "circle");
       dot.setAttribute("cx", String(cx));
       dot.setAttribute("cy", String(cy));
       dot.setAttribute("r", String(ANCHOR_RADIUS_PX * unit));
@@ -2792,7 +2792,7 @@ function collectEndpointCandidates(svg) {
     if (element2.getAttribute("data-sf-role") === "link") {
       continue;
     }
-    const owner = chunkWZA3DJJH_cjs.resolveOwner(element2);
+    const owner = chunk3OF37CZX_cjs.resolveOwner(element2);
     if (owner) {
       candidates.push({ owner, bounds: element2.getBBox() });
     }
@@ -2869,7 +2869,7 @@ function inferFixedSide(svg, reference, fixedPrimary) {
   if (reference.declaredSide) {
     return reference.declaredSide;
   }
-  const draggedPrimary = reference.draggedId ? chunkWZA3DJJH_cjs.findOwnerNode(svg, reference.draggedId, chunkWZA3DJJH_cjs.isPrimary) : null;
+  const draggedPrimary = reference.draggedId ? chunk3OF37CZX_cjs.findOwnerNode(svg, reference.draggedId, chunk3OF37CZX_cjs.isPrimary) : null;
   if (!draggedPrimary) {
     return "right";
   }
@@ -2877,7 +2877,7 @@ function inferFixedSide(svg, reference, fixedPrimary) {
 }
 function resolveFixedEndpoint(svg, path, draggedEnd) {
   const reference = fixedEndpointReference(path, draggedEnd);
-  const fixedPrimary = reference.fixedId ? chunkWZA3DJJH_cjs.findOwnerNode(svg, reference.fixedId, chunkWZA3DJJH_cjs.isPrimary) : null;
+  const fixedPrimary = reference.fixedId ? chunk3OF37CZX_cjs.findOwnerNode(svg, reference.fixedId, chunk3OF37CZX_cjs.isPrimary) : null;
   if (!fixedPrimary) {
     return null;
   }
@@ -2896,8 +2896,8 @@ function selectLinkEndpoint(svg, event) {
   if (!target || !end || !linkId) {
     return null;
   }
-  const path = chunkWZA3DJJH_cjs.findOwnerNode(svg, linkId, chunkWZA3DJJH_cjs.isPrimary);
-  const linkOwner = path && chunkWZA3DJJH_cjs.resolveOwner(path);
+  const path = chunk3OF37CZX_cjs.findOwnerNode(svg, linkId, chunk3OF37CZX_cjs.isPrimary);
+  const linkOwner = path && chunk3OF37CZX_cjs.resolveOwner(path);
   if (!path || !linkOwner) {
     return null;
   }
@@ -2939,8 +2939,8 @@ function nearestPort(bounds, point) {
   let nearest = { side: "right", offset: 0.5 };
   let nearestDistance = Infinity;
   for (const side of SIDES2) {
-    const offset = Math.max(0, Math.min(1, chunkUHKFJBY5_cjs.relativeOffsetOnRectangleSide(bounds, side, point)));
-    const candidate = chunkUHKFJBY5_cjs.pointAtPort(bounds, { side, offset });
+    const offset = Math.max(0, Math.min(1, chunkSKGJXCAO_cjs.relativeOffsetOnRectangleSide(bounds, side, point)));
+    const candidate = chunkSKGJXCAO_cjs.pointAtPort(bounds, { side, offset });
     const distance = Math.hypot(candidate.x - point.x, candidate.y - point.y);
     if (distance < nearestDistance) {
       nearestDistance = distance;
@@ -2999,7 +2999,7 @@ function resolveLinkTarget(candidates, fixedPoint, point, unitsPerPx) {
   }
   const port = snapPort(candidate.bounds, point, unitsPerPx);
   return {
-    point: chunkUHKFJBY5_cjs.pointAtPort(candidate.bounds, port),
+    point: chunkSKGJXCAO_cjs.pointAtPort(candidate.bounds, port),
     side: port.side,
     hit: { owner: candidate.owner, side: port.side, offset: port.offset },
     bounds: candidate.bounds
@@ -3023,7 +3023,7 @@ var LinkEndpointSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createLinkEndpointDragState(this.#svg, event);
@@ -3037,7 +3037,7 @@ var LinkEndpointSession = class {
       return;
     }
     drag.moved = true;
-    const target = resolveEndpointTarget(drag, endpointPointerPosition(this.#svg, event), 1 / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg));
+    const target = resolveEndpointTarget(drag, endpointPointerPosition(this.#svg, event), 1 / chunk3OF37CZX_cjs.pxPerUnit(this.#svg));
     updateEndpointPreview(drag, target.point, target.side);
     drag.ghost.show(target.hit !== null, target.bounds);
   };
@@ -3103,7 +3103,7 @@ function snapCandidates(svg, axis, excludeIds) {
   return values;
 }
 function movedSegments(drag, value) {
-  const next = drag.segments.map((segment) => ({ ...segment }));
+  const next = drag.segments.map((segment2) => ({ ...segment2 }));
   const target = next[drag.index];
   const before = next[drag.index - 1];
   const after = next[drag.index + 1];
@@ -3129,16 +3129,16 @@ function movedSegments(drag, value) {
   return next;
 }
 function pathSegments(segments) {
-  return segments.map((segment) => {
-    const start = { x: segment.ax, y: segment.ay };
-    const end = { x: segment.bx, y: segment.by };
+  return segments.map((segment2) => {
+    const start = { x: segment2.ax, y: segment2.ay };
+    const end = { x: segment2.bx, y: segment2.by };
     return {
       start,
       end,
       midpoint: { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 },
-      originalMidpoint: { x: segment.ox, y: segment.oy },
+      originalMidpoint: { x: segment2.ox, y: segment2.oy },
       isHorizontal: Math.abs(end.x - start.x) > Math.abs(end.y - start.y),
-      canMove: segment.movable
+      canMove: segment2.movable
     };
   });
 }
@@ -3151,7 +3151,7 @@ var LinkSegmentSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     const target = event.target;
@@ -3161,24 +3161,24 @@ var LinkSegmentSession = class {
     if (!handle || !overlay || !linkId) {
       return;
     }
-    const path = chunkWZA3DJJH_cjs.findOwnerNode(this.#svg, linkId, chunkWZA3DJJH_cjs.isPrimary);
-    const owner = path && chunkWZA3DJJH_cjs.resolveOwner(path);
+    const path = chunk3OF37CZX_cjs.findOwnerNode(this.#svg, linkId, chunk3OF37CZX_cjs.isPrimary);
+    const owner = path && chunk3OF37CZX_cjs.resolveOwner(path);
     const index = Number(handle.getAttribute("data-sf-link-segment"));
     const segments = path ? parseSegments(path) : [];
-    const segment = segments[index];
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
-    if (!path || !owner || !segment || !point) {
+    const segment2 = segments[index];
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
+    if (!path || !owner || !segment2 || !point) {
       return;
     }
     const axis = handle.getAttribute("data-sf-link-segment-axis") === "x" ? "x" : "y";
     const guide = document.createElementNS(SVG_NAMESPACE2, "line");
     guide.setAttribute("stroke", GUIDE_COLOR);
     guide.setAttribute("stroke-dasharray", "4 4");
-    guide.setAttribute("stroke-width", String(1 / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg)));
+    guide.setAttribute("stroke-width", String(1 / chunk3OF37CZX_cjs.pxPerUnit(this.#svg)));
     guide.setAttribute("visibility", "hidden");
     overlay.appendChild(guide);
     handle.setPointerCapture?.(event.pointerId);
-    const current = axis === "y" ? segment.ay : segment.ax;
+    const current = axis === "y" ? segment2.ay : segment2.ax;
     this.#drag = {
       owner,
       path,
@@ -3187,7 +3187,7 @@ var LinkSegmentSession = class {
       segments,
       index,
       axis,
-      base: axis === "y" ? segment.oy : segment.ox,
+      base: axis === "y" ? segment2.oy : segment2.ox,
       start: axis === "y" ? point.y : point.x,
       origin: current,
       originalD: path.getAttribute("d") ?? "",
@@ -3209,7 +3209,7 @@ var LinkSegmentSession = class {
       return;
     }
     drag.moved = true;
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -3235,8 +3235,8 @@ var LinkSegmentSession = class {
   doubleClick = (event) => {
     const handle = event.target?.closest("[data-sf-link-segment]");
     const linkId = handle?.closest("[data-sf-selection-overlay]")?.getAttribute("data-sf-selection-overlay");
-    const path = linkId ? chunkWZA3DJJH_cjs.findOwnerNode(this.#svg, linkId, chunkWZA3DJJH_cjs.isPrimary) : null;
-    const owner = path && chunkWZA3DJJH_cjs.resolveOwner(path);
+    const path = linkId ? chunk3OF37CZX_cjs.findOwnerNode(this.#svg, linkId, chunk3OF37CZX_cjs.isPrimary) : null;
+    const owner = path && chunk3OF37CZX_cjs.resolveOwner(path);
     if (!handle || !owner) {
       return;
     }
@@ -3259,7 +3259,7 @@ var LinkSegmentSession = class {
     if (isSnapDisabled(this.#svg)) {
       return { value: raw, snapped: null };
     }
-    const threshold = SNAP_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+    const threshold = SNAP_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
     let best = null;
     for (const candidate of [drag.base, ...drag.candidates]) {
       const closer = best === null || Math.abs(candidate - raw) < Math.abs(best - raw);
@@ -3272,14 +3272,14 @@ var LinkSegmentSession = class {
   #preview(drag, snapped) {
     const next = movedSegments(drag, drag.value);
     const strokeWidth = Number(drag.path.getAttribute("stroke-width")) || 2;
-    const data = chunkUHKFJBY5_cjs.roundedOrthogonalPathData(pathSegments(next), Math.max(16, strokeWidth * 4));
+    const data = chunkSKGJXCAO_cjs.roundedOrthogonalPathData(pathSegments(next), Math.max(16, strokeWidth * 4));
     drag.path.setAttribute("d", data);
     drag.overlay.querySelector("path")?.setAttribute("d", data);
-    const segment = next[drag.index];
+    const segment2 = next[drag.index];
     const width = Number(drag.handle.getAttribute("width"));
     const height = Number(drag.handle.getAttribute("height"));
-    drag.handle.setAttribute("x", String((segment.ax + segment.bx) / 2 - width / 2));
-    drag.handle.setAttribute("y", String((segment.ay + segment.by) / 2 - height / 2));
+    drag.handle.setAttribute("x", String((segment2.ax + segment2.bx) / 2 - width / 2));
+    drag.handle.setAttribute("y", String((segment2.ay + segment2.by) / 2 - height / 2));
     const view = this.#svg.viewBox.baseVal;
     if (snapped === null) {
       drag.guide.setAttribute("visibility", "hidden");
@@ -3444,10 +3444,70 @@ function nearestCandidates(bounds, candidates, limit = 50) {
   return [...candidates].sort((first, second) => centerDistance(bounds, first) - centerDistance(bounds, second)).slice(0, limit);
 }
 
+// src/runtime/interaction/snapping/gaps.ts
+function rowOf(bounds, candidates, axis) {
+  const [crossStart, crossSize] = axis === "x" ? ["y", "height"] : ["x", "width"];
+  const [start, size] = axis === "x" ? ["x", "width"] : ["y", "height"];
+  return candidates.filter(
+    (candidate) => candidate[crossStart] < bounds[crossStart] + bounds[crossSize] && bounds[crossStart] < candidate[crossStart] + candidate[crossSize]
+  ).map((candidate) => ({
+    start: candidate[start],
+    end: candidate[start] + candidate[size],
+    cross: candidate[crossStart] + candidate[crossSize] / 2
+  })).sort((first, second) => first.start - second.start);
+}
+function segment(axis, from, to, cross) {
+  return axis === "x" ? { orientation: "segment", x1: from, y1: cross, x2: to, y2: cross } : { orientation: "segment", x1: cross, y1: from, x2: cross, y2: to };
+}
+function axisGapSnap(bounds, candidates, axis, threshold) {
+  const row = rowOf(bounds, candidates, axis);
+  const start = axis === "x" ? bounds.x : bounds.y;
+  const size = axis === "x" ? bounds.width : bounds.height;
+  const center = start + size / 2;
+  const before = row.filter((span) => (span.start + span.end) / 2 < center).at(-1);
+  const after = row.find((span) => (span.start + span.end) / 2 >= center);
+  const pairs = row.slice(1).map((span, index) => ({ first: row[index], second: span, gap: span.start - row[index].end }));
+  let best = null;
+  const consider = (target, guides) => {
+    const delta = target - start;
+    if (Math.abs(delta) < threshold && (!best || Math.abs(delta) < Math.abs(best.delta))) {
+      best = { delta, guides };
+    }
+  };
+  if (before && after) {
+    const target = (before.end + after.start - size) / 2;
+    if (target >= before.end) {
+      consider(target, [
+        segment(axis, before.end, target, before.cross),
+        segment(axis, target + size, after.start, after.cross)
+      ]);
+    }
+  }
+  for (const { first, second, gap } of pairs) {
+    if (gap <= 0) {
+      continue;
+    }
+    const existing = segment(axis, first.end, second.start, first.cross);
+    if (before) {
+      consider(before.end + gap, [existing, segment(axis, before.end, before.end + gap, before.cross)]);
+    }
+    if (after) {
+      consider(after.start - gap - size, [existing, segment(axis, after.start - gap, after.start, after.cross)]);
+    }
+  }
+  return best;
+}
+function computeGapSnap(bounds, candidates, threshold) {
+  return {
+    x: axisGapSnap(bounds, candidates, "x", threshold),
+    y: axisGapSnap(bounds, candidates, "y", threshold)
+  };
+}
+
 // src/runtime/interaction/snapping/isometricDiagonal.ts
 var AXES2 = [
-  { x: chunkUHKFJBY5_cjs.AXIS_COS, y: chunkUHKFJBY5_cjs.AXIS_SIN },
-  { x: -chunkUHKFJBY5_cjs.AXIS_COS, y: chunkUHKFJBY5_cjs.AXIS_SIN }
+  { x: chunkSKGJXCAO_cjs.AXIS_COS, y: chunkSKGJXCAO_cjs.AXIS_SIN },
+  { x: -chunkSKGJXCAO_cjs.AXIS_COS, y: chunkSKGJXCAO_cjs.AXIS_SIN }
 ];
 var GUIDE_OVERHANG = 40;
 function snapIsometricDiagonal(apex, rawDx, rawDy, candidates, threshold) {
@@ -3515,13 +3575,13 @@ function isometricApexOf(svg, drag, declared = false) {
   if (lead.owner.role !== "isometric") {
     return null;
   }
-  const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, lead.owner.id, chunkWZA3DJJH_cjs.isPrimary);
-  const geometry = primary && chunkWZA3DJJH_cjs.isometricGeometryOf(primary);
+  const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, lead.owner.id, chunk3OF37CZX_cjs.isPrimary);
+  const geometry = primary && chunk3OF37CZX_cjs.isometricGeometryOf(primary);
   if (!geometry) {
     return null;
   }
   const frame = declared && geometry.bounds ? geometry.bounds : lead.draggedBounds;
-  return { x: frame.x + geometry.depth * chunkUHKFJBY5_cjs.AXIS_COS, y: frame.y };
+  return { x: frame.x + geometry.depth * chunkSKGJXCAO_cjs.AXIS_COS, y: frame.y };
 }
 function snapIsometricGrid(svg, drag, rawDx, rawDy) {
   const step = readIsometricSnapStep(svg);
@@ -3538,8 +3598,8 @@ function snapIsometricMove(svg, drag, rawDx, rawDy) {
     return null;
   }
   const excludedIds = new Set(drag.canvasObjects.map((canvasObject) => canvasObject.owner.id));
-  const candidates = chunkWZA3DJJH_cjs.findIsometricApexCandidates(svg, excludedIds);
-  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, snapDistancePx(svg) / chunkWZA3DJJH_cjs.pxPerUnit(svg));
+  const candidates = chunk3OF37CZX_cjs.findIsometricApexCandidates(svg, excludedIds);
+  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, snapDistancePx(svg) / chunk3OF37CZX_cjs.pxPerUnit(svg));
   return snap ? { dx: snap.dx, dy: snap.dy, guides: [snap.guide] } : null;
 }
 function snapMove(svg, drag, rawDx, rawDy) {
@@ -3556,18 +3616,24 @@ function snapMove(svg, drag, rawDx, rawDy) {
   }
   const leadBounds = offsetBounds(drag.canvasObjects[0].draggedBounds, rawDx, rawDy);
   const excludedIds = new Set(drag.canvasObjects.map((canvasObject) => canvasObject.owner.id));
-  const candidates = nearestCandidates(leadBounds, chunkWZA3DJJH_cjs.findSnapCandidateBounds(svg, excludedIds));
+  const candidates = nearestCandidates(leadBounds, chunk3OF37CZX_cjs.findSnapCandidateBounds(svg, excludedIds));
+  const threshold = snapDistancePx(svg) / chunk3OF37CZX_cjs.pxPerUnit(svg);
   const snap = computeSnap(leadBounds, candidates, {
-    threshold: snapDistancePx(svg) / chunkWZA3DJJH_cjs.pxPerUnit(svg),
+    threshold,
     activeX: MOVE_ACTIVE_POINTS,
     activeY: MOVE_ACTIVE_POINTS,
     guideOverhang: GUIDE_OVERHANG2
   });
-  return {
-    dx: rawDx + snap.x.delta,
-    dy: rawDy + snap.y.delta,
-    guides: [snap.x.guide, snap.y.guide].filter((guide) => guide !== null)
+  const gaps = computeGapSnap(leadBounds, candidates, threshold);
+  const pick = (align, gap) => {
+    if (gap && (!align.guide || Math.abs(gap.delta) < Math.abs(align.delta))) {
+      return gap;
+    }
+    return { delta: align.delta, guides: align.guide ? [align.guide] : [] };
   };
+  const x = pick(snap.x, gaps.x);
+  const y = pick(snap.y, gaps.y);
+  return { dx: rawDx + x.delta, dy: rawDy + y.delta, guides: [...x.guides, ...y.guides] };
 }
 
 // src/runtime/interaction/move/completion.ts
@@ -3619,7 +3685,7 @@ function isCompositeOwner(owner) {
   return owner !== null && owner !== void 0 && COMPOSITE_ROLES.has(owner.role);
 }
 function hasDerivedHeight(owner) {
-  return owner !== null && owner !== void 0 && chunkWZA3DJJH_cjs.DERIVED_HEIGHT_ROLES.has(owner.role);
+  return owner !== null && owner !== void 0 && chunk3OF37CZX_cjs.DERIVED_HEIGHT_ROLES.has(owner.role);
 }
 
 // src/runtime/interaction/move/canvasObjectCapture.ts
@@ -3640,7 +3706,7 @@ function parentContainerBounds(svg, primary, groupIds) {
   if (!parentId || groupIds.has(parentId)) {
     return void 0;
   }
-  const container = chunkWZA3DJJH_cjs.findOwnerNode(svg, parentId, chunkWZA3DJJH_cjs.isPrimary);
+  const container = chunk3OF37CZX_cjs.findOwnerNode(svg, parentId, chunk3OF37CZX_cjs.isPrimary);
   if (!container) {
     return void 0;
   }
@@ -3648,14 +3714,14 @@ function parentContainerBounds(svg, primary, groupIds) {
   return { x: bbox.x, y: bbox.y, width: bbox.width, height: bbox.height };
 }
 function captureCanvasObject(svg, owner, groupIds) {
-  const nodes = chunkWZA3DJJH_cjs.findAllOwnerNodes(svg, owner.id);
-  const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, owner.id, chunkWZA3DJJH_cjs.isPrimary);
+  const nodes = chunk3OF37CZX_cjs.findAllOwnerNodes(svg, owner.id);
+  const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, owner.id, chunk3OF37CZX_cjs.isPrimary);
   if (!nodes.length || !primary) {
     return null;
   }
   const overlays = [...svg.querySelectorAll(`[data-sf-selection-overlay="${CSS.escape(owner.id)}"]`)];
   const draggedBounds = primary.getBBox();
-  const isometricGeometry = owner.role === "isometric" ? chunkWZA3DJJH_cjs.isometricGeometryOf(primary) : null;
+  const isometricGeometry = owner.role === "isometric" ? chunk3OF37CZX_cjs.isometricGeometryOf(primary) : null;
   const isometricSize = isometricGeometry ? { width: isometricGeometry.width, height: isometricGeometry.height, depth: isometricGeometry.depth } : void 0;
   return {
     owner,
@@ -3697,7 +3763,7 @@ function captureInternalLinks(svg, groupIds) {
     if (!linkId || !belongsToMoveGroup(path, groupIds)) {
       continue;
     }
-    const nodes = chunkWZA3DJJH_cjs.findAllOwnerNodes(svg, linkId);
+    const nodes = chunk3OF37CZX_cjs.findAllOwnerNodes(svg, linkId);
     if (nodes.length) {
       links.push({ nodes, baseTransforms: nodes.map((node) => node.getAttribute("transform")) });
     }
@@ -3731,7 +3797,7 @@ function containedChildren(viewer, owner) {
     return [];
   }
   const nodes = viewer.svg.querySelectorAll(`[data-sf-parent-frame="${CSS.escape(owner.id)}"]`);
-  return [...nodes].map((node) => chunkWZA3DJJH_cjs.resolveOwner(node)).filter((ref) => ref !== null);
+  return [...nodes].map((node) => chunk3OF37CZX_cjs.resolveOwner(node)).filter((ref) => ref !== null);
 }
 function selectedMoveGroup(viewer, owner) {
   const selection = viewer.getSelection();
@@ -3748,7 +3814,7 @@ function isChartInteractiveMark(target) {
 }
 function createMoveDragState(viewer, event, startUser) {
   const target = event.target;
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(target);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(target);
   if (!hasMovableGeometry(owner) || isChartInteractiveMark(target)) {
     return null;
   }
@@ -3782,7 +3848,7 @@ var MoveSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createMoveDragState(this.#viewer, event, movePointerPosition(this.#svg, event));
@@ -3800,7 +3866,7 @@ var MoveSession = class {
     const delta = snapMove(this.#svg, drag, rawDelta.dx, rawDelta.dy);
     const clamped = clampMoveDelta(drag.canvasObjects, delta.dx, delta.dy);
     applyMovePreview(drag, clamped.dx, clamped.dy);
-    chunkWZA3DJJH_cjs.updateAlignmentGuides(this.#svg, delta.guides, MOVE_GUIDE_COLOR);
+    chunk3OF37CZX_cjs.updateAlignmentGuides(this.#svg, delta.guides, MOVE_GUIDE_COLOR);
   };
   pointerUp = (event) => {
     const drag = this.#drag;
@@ -3809,7 +3875,7 @@ var MoveSession = class {
     }
     this.#drag = null;
     event.target.releasePointerCapture?.(drag.pointerId);
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     emitMoveCompletion(this.#svg, this.#emitter, drag, event);
   };
   cancel() {
@@ -3955,9 +4021,9 @@ var START_POINT_RADIUS_PX = 6;
 var POINT_STROKE_WIDTH_PX = 1.5;
 function createPathDrawPreview(svg) {
   const document2 = svg.ownerDocument;
-  const group = document2.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "g");
+  const group = document2.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "g");
   group.setAttribute("pointer-events", "none");
-  const line = document2.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "path");
+  const line = document2.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "path");
   line.setAttribute("fill", "none");
   line.setAttribute("stroke", PREVIEW_COLOR);
   line.setAttribute("stroke-linecap", "round");
@@ -3967,8 +4033,8 @@ function createPathDrawPreview(svg) {
 }
 function pointMarker(svg, point, highlighted) {
   const document2 = svg.ownerDocument;
-  const unit = 1 / chunkWZA3DJJH_cjs.pxPerUnit(svg);
-  const circle = document2.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "circle");
+  const unit = 1 / chunk3OF37CZX_cjs.pxPerUnit(svg);
+  const circle = document2.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "circle");
   circle.setAttribute("cx", String(point.x));
   circle.setAttribute("cy", String(point.y));
   circle.setAttribute("r", String((highlighted ? START_POINT_RADIUS_PX : POINT_RADIUS_PX) * unit));
@@ -3982,11 +4048,11 @@ function updatePathDrawPreview(svg, state) {
   if (!previewLine || !previewGroup) {
     return;
   }
-  const unit = 1 / chunkWZA3DJJH_cjs.pxPerUnit(svg);
+  const unit = 1 / chunk3OF37CZX_cjs.pxPerUnit(svg);
   previewLine.setAttribute("stroke-width", String(LINE_WIDTH_PX * unit));
   previewLine.setAttribute("stroke-dasharray", `${DASH_PX * unit} ${GAP_PX * unit}`);
   const live = state.cursor ? [...state.points, state.cursor] : state.points;
-  previewLine.setAttribute("d", chunkUHKFJBY5_cjs.freeformPathData({ points: live, tension: state.tension, closed: false }));
+  previewLine.setAttribute("d", chunkSKGJXCAO_cjs.freeformPathData({ points: live, tension: state.tension, closed: false }));
   while (previewGroup.childNodes.length > 1) {
     previewGroup.lastChild?.remove();
   }
@@ -4046,12 +4112,12 @@ var PathDrawSession = class {
     }
   }
   pointerDown = (event) => {
-    if (!this.#state.active || event.button !== 0 || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (!this.#state.active || event.button !== 0 || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     event.stopPropagation();
     event.preventDefault();
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -4070,14 +4136,14 @@ var PathDrawSession = class {
     this.#state.cursor = resolved.point;
     this.#state.willClose = false;
     updatePathDrawPreview(this.#svg, this.#state);
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
   };
   pointerMove = (event) => {
     if (!this.#state.active) {
       return;
     }
     event.stopPropagation();
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -4086,9 +4152,9 @@ var PathDrawSession = class {
     this.#state.willClose = resolved.willClose;
     updatePathDrawPreview(this.#svg, this.#state);
     if (resolved.guide) {
-      chunkWZA3DJJH_cjs.updateAlignmentGuides(this.#svg, [resolved.guide], GUIDE_COLOR2);
+      chunk3OF37CZX_cjs.updateAlignmentGuides(this.#svg, [resolved.guide], GUIDE_COLOR2);
     } else {
-      chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+      chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     }
   };
   pointerUp = (event) => {
@@ -4123,10 +4189,10 @@ var PathDrawSession = class {
     } else if (event.key === "Backspace" && this.#state.points.length > 0) {
       event.preventDefault();
       this.#state.points = this.#state.points.slice(0, -1);
-      const closeSnapUnits = CLOSE_SNAP_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+      const closeSnapUnits = CLOSE_SNAP_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
       this.#state.willClose = this.#state.cursor ? isCloseToStart(this.#state.points, this.#state.cursor, closeSnapUnits) : false;
       updatePathDrawPreview(this.#svg, this.#state);
-      chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+      chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     }
   };
   keyUp = (event) => {
@@ -4135,7 +4201,7 @@ var PathDrawSession = class {
     }
   };
   #resolvePoint(raw) {
-    const closeSnapUnits = CLOSE_SNAP_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+    const closeSnapUnits = CLOSE_SNAP_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
     if (isCloseToStart(this.#state.points, raw, closeSnapUnits)) {
       return { point: this.#state.points[0], willClose: true, guide: null };
     }
@@ -4145,7 +4211,7 @@ var PathDrawSession = class {
       return { point: raw, willClose: false, guide: null };
     }
     const angleSnapped = snapTo45Degrees(last, raw);
-    const guideSnapUnits = GUIDE_SNAP_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg);
+    const guideSnapUnits = GUIDE_SNAP_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg);
     const { point, guide } = snapToSessionGuides(last, angleSnapped, points.slice(0, -1), raw, guideSnapUnits);
     return { point, willClose: false, guide };
   }
@@ -4159,7 +4225,7 @@ var PathDrawSession = class {
   }
   #reset(callExit) {
     this.#state.previewGroup?.remove();
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     const exit = this.#state.onExit;
     this.#state = createIdlePathDrawState();
     this.#shiftHeld = false;
@@ -4202,7 +4268,7 @@ function applyPathReshapePreview(drag, point) {
   const points = drag.points.map(
     (existing, index) => index === drag.pointIndex ? [point.x, point.y] : existing
   );
-  const d = chunkUHKFJBY5_cjs.freeformPathData({
+  const d = chunkSKGJXCAO_cjs.freeformPathData({
     points: points.map(([x, y]) => ({ x, y })),
     tension: drag.tension,
     closed: drag.closed
@@ -4210,22 +4276,22 @@ function applyPathReshapePreview(drag, point) {
   drag.pathNode.setAttribute("d", d);
   drag.handle.setAttribute("cx", String(point.x));
   drag.handle.setAttribute("cy", String(point.y));
-  drag.overlay?.querySelector(`[${chunkWZA3DJJH_cjs.PATH_HALO_ATTR}]`)?.setAttribute("d", d);
+  drag.overlay?.querySelector(`[${chunk3OF37CZX_cjs.PATH_HALO_ATTR}]`)?.setAttribute("d", d);
   return points;
 }
 
 // src/runtime/interaction/pathReshape/target.ts
 function resolvePathReshapeTarget(svg, event) {
-  const handle = event.target?.closest?.(`[${chunkUHKFJBY5_cjs.PATH_POINT_INDEX_ATTR}]`) ?? null;
-  const indexAttr = handle?.getAttribute(chunkUHKFJBY5_cjs.PATH_POINT_INDEX_ATTR) ?? null;
+  const handle = event.target?.closest?.(`[${chunkSKGJXCAO_cjs.PATH_POINT_INDEX_ATTR}]`) ?? null;
+  const indexAttr = handle?.getAttribute(chunkSKGJXCAO_cjs.PATH_POINT_INDEX_ATTR) ?? null;
   const pointIndex = indexAttr !== null ? Number(indexAttr) : Number.NaN;
   const ownerId = handle?.closest("[data-sf-selection-overlay]")?.getAttribute("data-sf-selection-overlay");
   if (!handle || !Number.isInteger(pointIndex) || !ownerId) {
     return null;
   }
-  const pathNode = chunkWZA3DJJH_cjs.findOwnerNode(svg, ownerId, chunkWZA3DJJH_cjs.isPrimary);
-  const owner = pathNode && chunkWZA3DJJH_cjs.resolveOwner(pathNode);
-  const geometry = pathNode && chunkWZA3DJJH_cjs.pathGeometryOf(pathNode);
+  const pathNode = chunk3OF37CZX_cjs.findOwnerNode(svg, ownerId, chunk3OF37CZX_cjs.isPrimary);
+  const owner = pathNode && chunk3OF37CZX_cjs.resolveOwner(pathNode);
+  const geometry = pathNode && chunk3OF37CZX_cjs.pathGeometryOf(pathNode);
   if (!pathNode || !owner || !geometry || pointIndex < 0 || pointIndex >= geometry.points.length) {
     return null;
   }
@@ -4268,7 +4334,7 @@ var PathReshapeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createPathReshapeDragState(this.#svg, event);
@@ -4279,7 +4345,7 @@ var PathReshapeSession = class {
       return;
     }
     drag.moved = true;
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (point) {
       applyPathReshapePreview(drag, point);
     }
@@ -4294,7 +4360,7 @@ var PathReshapeSession = class {
     if (!drag.moved) {
       return;
     }
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event) ?? {
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event) ?? {
       x: drag.points[drag.pointIndex][0],
       y: drag.points[drag.pointIndex][1]
     };
@@ -4335,7 +4401,7 @@ function updatePieLabelDragPreview(drag, dx, dy) {
   }
   const from = { x: drag.tickStartX, y: drag.tickStartY };
   const to = { x: drag.restX + dx, y: drag.restY + dy };
-  const clipped = chunkUHKFJBY5_cjs.clipSegmentToRect(from, to, drag.halfWidth, drag.halfHeight);
+  const clipped = chunkSKGJXCAO_cjs.clipSegmentToRect(from, to, drag.halfWidth, drag.halfHeight);
   drag.tickElement.setAttribute("d", `M ${from.x} ${from.y} L ${clipped.x} ${clipped.y}`);
   drag.tickElement.setAttribute("stroke", PREVIEW_TICK_COLOR);
   drag.tickElement.setAttribute("stroke-width", PREVIEW_TICK_STROKE_WIDTH);
@@ -4361,7 +4427,7 @@ function restoreAttribute(element2, name, value) {
 
 // src/runtime/interaction/pieGeometry.ts
 function readPieGeometry(svg, ownerId) {
-  const raw = chunkWZA3DJJH_cjs.findOwnerNode(svg, ownerId, chunkWZA3DJJH_cjs.isPrimary)?.getAttribute("data-sf-pie-geometry");
+  const raw = chunk3OF37CZX_cjs.findOwnerNode(svg, ownerId, chunk3OF37CZX_cjs.isPrimary)?.getAttribute("data-sf-pie-geometry");
   if (!raw) {
     return null;
   }
@@ -4380,7 +4446,7 @@ function findLabelMark2(event) {
   return event.target?.closest?.(selector);
 }
 function isLabelPointer2(event) {
-  return event.button === 0 && !chunkWZA3DJJH_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunk3OF37CZX_cjs.isCameraGesture(event);
 }
 function findLabelSiblings(svg, ownerId, seriesId, mark) {
   const selector = `[data-sf-id="${CSS.escape(ownerId)}"][data-sf-series="${CSS.escape(seriesId)}"][data-sf-mark="${mark}"]`;
@@ -4412,7 +4478,7 @@ function resolvePieLabelDrag(svg, event) {
   if (!clicked) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(clicked);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(clicked);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -4431,7 +4497,7 @@ function resolvePieLabelDrag(svg, event) {
   const wedgeRadius = clicked.getAttribute("data-sf-pie-wedge-radius");
   const explicitRadius = wedgeRadius === null ? Number.NaN : Number(wedgeRadius);
   const outerRadius = Number.isFinite(explicitRadius) ? explicitRadius : geometry.outerRadius;
-  const start = chunkWZA3DJJH_cjs.pointerUserPoint(svg, event);
+  const start = chunk3OF37CZX_cjs.pointerUserPoint(svg, event);
   if (!start) {
     return null;
   }
@@ -4453,13 +4519,13 @@ function resolvePieLabelDrag(svg, event) {
     outerRadius,
     anchorX: geometry.centerX + outerRadius * Math.cos(midAngle),
     anchorY: geometry.centerY + outerRadius * Math.sin(midAngle),
-    tickStartX: geometry.centerX + (outerRadius + chunkUHKFJBY5_cjs.LEADER_INSET) * Math.cos(midAngle),
-    tickStartY: geometry.centerY + (outerRadius + chunkUHKFJBY5_cjs.LEADER_INSET) * Math.sin(midAngle),
+    tickStartX: geometry.centerX + (outerRadius + chunkSKGJXCAO_cjs.LEADER_INSET) * Math.cos(midAngle),
+    tickStartY: geometry.centerY + (outerRadius + chunkSKGJXCAO_cjs.LEADER_INSET) * Math.sin(midAngle),
     restX,
     restY,
     startX: start.x,
     startY: start.y,
-    halfWidth: chunkUHKFJBY5_cjs.LABEL_WIDTH / 2,
+    halfWidth: chunkSKGJXCAO_cjs.LABEL_WIDTH / 2,
     halfHeight: fontSize * 1.2,
     moved: false,
     lastDx: 0,
@@ -4495,7 +4561,7 @@ var PieLabelDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -4527,8 +4593,8 @@ var PieLabelDragSession = class {
     if (!drag.moved) {
       return;
     }
-    const pathX = chunkUHKFJBY5_cjs.seriesLabelOffsetXProp(drag.seriesId);
-    const pathY = chunkUHKFJBY5_cjs.seriesLabelOffsetYProp(drag.seriesId);
+    const pathX = chunkSKGJXCAO_cjs.seriesLabelOffsetXProp(drag.seriesId);
+    const pathY = chunkSKGJXCAO_cjs.seriesLabelOffsetYProp(drag.seriesId);
     if (!pathX || !pathY) {
       return;
     }
@@ -4590,7 +4656,7 @@ function siblingNodes(svg, owner, path) {
   });
 }
 function resolvePropertyDrag(svg, event, rules) {
-  if (event.button !== 0 || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+  if (event.button !== 0 || chunk3OF37CZX_cjs.isCameraGesture(event)) {
     return null;
   }
   const node = event.target?.closest?.('[data-sf-prop-kind="value"]');
@@ -4598,11 +4664,11 @@ function resolvePropertyDrag(svg, event, rules) {
     return null;
   }
   const path = node.getAttribute("data-sf-prop");
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(node);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(node);
   if (!path || owner?.role !== "chart" || !isEditablePath(path, rules)) {
     return null;
   }
-  const scale = parseValueScale(chunkWZA3DJJH_cjs.findOwnerNode(svg, owner.id, chunkWZA3DJJH_cjs.isPrimary));
+  const scale = parseValueScale(chunk3OF37CZX_cjs.findOwnerNode(svg, owner.id, chunk3OF37CZX_cjs.isPrimary));
   if (!scale) {
     return null;
   }
@@ -4871,7 +4937,7 @@ function resolvePropertyTarget(event, rules) {
     return null;
   }
   const path = hit.getAttribute("data-sf-prop");
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(hit);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(hit);
   if (!path || !owner || !isEditablePath(path, rules)) {
     return null;
   }
@@ -4910,7 +4976,7 @@ var PropertyEditingSession = class {
   begin(target) {
     this.cancel();
     const { node } = target;
-    const rect = chunkWZA3DJJH_cjs.screenRectOf(node);
+    const rect = chunk3OF37CZX_cjs.screenRectOf(node);
     const fontSize = Number.parseFloat(node.getAttribute("font-size") || "12");
     const originalText = node.textContent ?? "";
     const anchor = node.getAttribute("text-anchor");
@@ -5000,15 +5066,15 @@ function crossedDuplicateDragThreshold(drag, event) {
 var PREVIEW_STROKE_PX = 2;
 var NEW_LINK_PATH_TYPE = "orthogonal";
 function createDuplicatePreviewPath(svg) {
-  const path = svg.ownerDocument.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "path");
+  const path = svg.ownerDocument.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "path");
   path.setAttribute("fill", "none");
-  path.setAttribute("stroke-width", String(PREVIEW_STROKE_PX / chunkWZA3DJJH_cjs.pxPerUnit(svg)));
+  path.setAttribute("stroke-width", String(PREVIEW_STROKE_PX / chunk3OF37CZX_cjs.pxPerUnit(svg)));
   path.style.pointerEvents = "none";
   return path;
 }
 function updateDuplicatePreview(drag, toPoint, toSide) {
   const link = previewLink(drag.direction, toSide);
-  const { points, segments } = chunkUHKFJBY5_cjs.calculateLinkRoute(link, drag.fixedPoint, toPoint, NEW_LINK_PATH_TYPE);
+  const { points, segments } = chunkSKGJXCAO_cjs.calculateLinkRoute(link, drag.fixedPoint, toPoint, NEW_LINK_PATH_TYPE);
   drag.previewPath.setAttribute("d", previewPathData(points, segments, NEW_LINK_PATH_TYPE, 2));
 }
 
@@ -5019,7 +5085,7 @@ function duplicateCandidates(svg, sourceId) {
     if (element2.getAttribute("data-sf-role") === "link") {
       continue;
     }
-    const owner = chunkWZA3DJJH_cjs.resolveOwner(element2);
+    const owner = chunk3OF37CZX_cjs.resolveOwner(element2);
     if (owner && owner.id !== sourceId) {
       candidates.push({ owner, bounds: element2.getBBox() });
     }
@@ -5033,8 +5099,8 @@ function createQuickDuplicateDragState(svg, event, previewPath) {
   if (!bubble || !direction || direction.startsWith("iso-") || !sourceId) {
     return null;
   }
-  const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, sourceId, chunkWZA3DJJH_cjs.isPrimary);
-  const sourceOwner = primary && chunkWZA3DJJH_cjs.resolveOwner(primary);
+  const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, sourceId, chunk3OF37CZX_cjs.isPrimary);
+  const sourceOwner = primary && chunk3OF37CZX_cjs.resolveOwner(primary);
   if (!primary || !sourceOwner) {
     return null;
   }
@@ -5042,7 +5108,7 @@ function createQuickDuplicateDragState(svg, event, previewPath) {
   return {
     sourceOwner,
     direction,
-    fixedPoint: chunkUHKFJBY5_cjs.pointAtPort(primary.getBBox(), { side: direction, offset: 0.5 }),
+    fixedPoint: chunkSKGJXCAO_cjs.pointAtPort(primary.getBBox(), { side: direction, offset: 0.5 }),
     previewPath,
     ghost: new LinkGhost(svg, previewPath),
     candidates: duplicateCandidates(svg, sourceId),
@@ -5070,7 +5136,7 @@ var QuickDuplicateSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createQuickDuplicateDragState(this.#svg, event, createDuplicatePreviewPath(this.#svg));
@@ -5084,7 +5150,7 @@ var QuickDuplicateSession = class {
       return;
     }
     this.beginPreview(drag);
-    const target = resolveDuplicateTarget(drag, duplicatePointerPosition(this.#svg, event), 1 / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg));
+    const target = resolveDuplicateTarget(drag, duplicatePointerPosition(this.#svg, event), 1 / chunk3OF37CZX_cjs.pxPerUnit(this.#svg));
     updateDuplicatePreview(drag, target.point, target.side);
     drag.ghost.show(target.hit !== null, target.bounds);
   };
@@ -5142,14 +5208,14 @@ function seriesShapes(svg, ownerId, series) {
   return [...svg.querySelectorAll(selector)];
 }
 function updateRadarVertexDragPreview(svg, drag, value) {
-  const point = chunkUHKFJBY5_cjs.radarVertexPoint(drag.frame, drag.index, value);
+  const point = chunkSKGJXCAO_cjs.radarVertexPoint(drag.frame, drag.index, value);
   drag.element.setAttribute("cx", String(point.x));
   drag.element.setAttribute("cy", String(point.y));
   const points = seriesVertices(svg, drag.owner.id, drag.series).map((vertex) => ({
     x: Number(vertex.getAttribute("cx")),
     y: Number(vertex.getAttribute("cy"))
   }));
-  const path = chunkUHKFJBY5_cjs.radarSeriesPath(points, drag.frame.curved, drag.frame.tension);
+  const path = chunkSKGJXCAO_cjs.radarSeriesPath(points, drag.frame.curved, drag.frame.tension);
   for (const shape of seriesShapes(svg, drag.owner.id, drag.series)) {
     shape.setAttribute("d", path);
   }
@@ -5204,7 +5270,7 @@ function findVertex(event) {
   return event.target?.closest?.('[data-sf-mark="radar-vertex"]');
 }
 function isVertexPointer(event) {
-  return event.button === 0 && !chunkWZA3DJJH_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunk3OF37CZX_cjs.isCameraGesture(event);
 }
 function resolveRadarVertexDrag(svg, event) {
   if (!isVertexPointer(event)) {
@@ -5214,7 +5280,7 @@ function resolveRadarVertexDrag(svg, event) {
   if (!element2) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(element2);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(element2);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -5223,7 +5289,7 @@ function resolveRadarVertexDrag(svg, event) {
   if (!series || !Number.isInteger(index) || index < 0) {
     return null;
   }
-  const frame = parseRadarFrame(chunkWZA3DJJH_cjs.findOwnerNode(svg, owner.id, chunkWZA3DJJH_cjs.isPrimary));
+  const frame = parseRadarFrame(chunk3OF37CZX_cjs.findOwnerNode(svg, owner.id, chunk3OF37CZX_cjs.isPrimary));
   if (!frame || index >= frame.count) {
     return null;
   }
@@ -5233,11 +5299,11 @@ function resolveRadarVertexDrag(svg, event) {
 
 // src/runtime/interaction/radarVertexDrag/session.ts
 function valueFrom(svg, event, drag) {
-  const point = chunkWZA3DJJH_cjs.pointerUserPoint(svg, event);
+  const point = chunk3OF37CZX_cjs.pointerUserPoint(svg, event);
   if (!point) {
     return null;
   }
-  return chunkUHKFJBY5_cjs.radarValueAtPoint(drag.frame, drag.index, point.x, point.y);
+  return chunkSKGJXCAO_cjs.radarValueAtPoint(drag.frame, drag.index, point.x, point.y);
 }
 var RadarVertexDragSession = class {
   #svg;
@@ -5269,7 +5335,7 @@ var RadarVertexDragSession = class {
     if (!this.#readout) {
       this.#readout = createValueReadout(this.#svg);
     }
-    const vertex = chunkUHKFJBY5_cjs.radarVertexPoint(this.#drag.frame, this.#drag.index, value);
+    const vertex = chunkSKGJXCAO_cjs.radarVertexPoint(this.#drag.frame, this.#drag.index, value);
     positionRadarReadout(this.#readout, vertex, this.#drag.frame.centerY, value);
   }
   cancel() {
@@ -5360,7 +5426,7 @@ function captureTextFit(text) {
     fontSize,
     lineHeight,
     padding: Math.max(8, text.strokeWidth * 2),
-    longestWord: Math.max(0, ...words.map((word) => chunkUHKFJBY5_cjs.estimateTextWidth(word, fontSize, bold)))
+    longestWord: Math.max(0, ...words.map((word) => chunkSKGJXCAO_cjs.estimateTextWidth(word, fontSize, bold)))
   };
 }
 var COMMIT_PRECISION = 10;
@@ -5371,7 +5437,7 @@ function minWidthForText(fit) {
   return roundUpForCommit(fit.longestWord + fit.padding * 2);
 }
 function minHeightForText(fit, width) {
-  const lines = chunkUHKFJBY5_cjs.wrapText(fit.rawText, Math.max(0, width - fit.padding * 2), fit.fontSize);
+  const lines = chunkSKGJXCAO_cjs.wrapText(fit.rawText, Math.max(0, width - fit.padding * 2), fit.fontSize);
   return roundUpForCommit(lines.length * fit.fontSize * fit.lineHeight + fit.padding * 2);
 }
 
@@ -5505,7 +5571,7 @@ function applyRectBounds(rect, kind, bounds) {
   rect.setAttribute("width", String(bounds.width));
   rect.setAttribute("height", String(bounds.height));
   if (kind === "pill") {
-    rect.setAttribute("rx", String(chunkUHKFJBY5_cjs.pillCornerRadius(bounds.width, bounds.height)));
+    rect.setAttribute("rx", String(chunkSKGJXCAO_cjs.pillCornerRadius(bounds.width, bounds.height)));
   }
 }
 function applyEllipseBounds(ellipse, bounds) {
@@ -5515,7 +5581,7 @@ function applyEllipseBounds(ellipse, bounds) {
   ellipse.setAttribute("ry", String(bounds.height / 2));
 }
 function applySymbolBounds(path, bounds) {
-  const raw = path.getAttribute(chunkUHKFJBY5_cjs.SYMBOL_POINTS_ATTR);
+  const raw = path.getAttribute(chunkSKGJXCAO_cjs.SYMBOL_POINTS_ATTR);
   if (!raw) {
     return false;
   }
@@ -5523,22 +5589,22 @@ function applySymbolBounds(path, bounds) {
     x: bounds.x + x * bounds.width,
     y: bounds.y + y * bounds.height
   }));
-  const tension = Number(path.getAttribute(chunkUHKFJBY5_cjs.SYMBOL_TENSION_ATTR)) || 0;
-  path.setAttribute("d", chunkUHKFJBY5_cjs.freeformPathData({ points, tension, closed: true }));
+  const tension = Number(path.getAttribute(chunkSKGJXCAO_cjs.SYMBOL_TENSION_ATTR)) || 0;
+  path.setAttribute("d", chunkSKGJXCAO_cjs.freeformPathData({ points, tension, closed: true }));
   return true;
 }
 function applyPathBounds(path, kind, bounds) {
   if (kind === "symbol" && applySymbolBounds(path, bounds)) {
     return;
   }
-  const pathData = chunkUHKFJBY5_cjs.localShapePath(kind, bounds.x, bounds.y, bounds.width, bounds.height);
+  const pathData = chunkSKGJXCAO_cjs.localShapePath(kind, bounds.x, bounds.y, bounds.width, bounds.height);
   if (pathData) {
     path.setAttribute("d", pathData);
   }
 }
 function applyFrameBoundaryBounds(path, bounds) {
-  const cornerRadius = Number(path.getAttribute(chunkUHKFJBY5_cjs.CORNER_RADIUS_ATTR) ?? 0);
-  const squareCorner = path.getAttribute(chunkUHKFJBY5_cjs.SQUARE_CORNER_ATTR);
+  const cornerRadius = Number(path.getAttribute(chunkSKGJXCAO_cjs.CORNER_RADIUS_ATTR) ?? 0);
+  const squareCorner = path.getAttribute(chunkSKGJXCAO_cjs.SQUARE_CORNER_ATTR);
   const radii = {
     topLeft: cornerRadius,
     topRight: cornerRadius,
@@ -5548,7 +5614,7 @@ function applyFrameBoundaryBounds(path, bounds) {
   if (squareCorner) {
     radii[squareCorner] = 0;
   }
-  path.setAttribute("d", chunkUHKFJBY5_cjs.cornersRoundedRectPath(bounds.x, bounds.y, bounds.width, bounds.height, radii));
+  path.setAttribute("d", chunkSKGJXCAO_cjs.cornersRoundedRectPath(bounds.x, bounds.y, bounds.width, bounds.height, radii));
 }
 function applySingleNodeBounds(primary, kind, bounds) {
   const tag = primary.tagName.toLowerCase();
@@ -5558,7 +5624,7 @@ function applySingleNodeBounds(primary, kind, bounds) {
     applyEllipseBounds(primary, bounds);
   } else if (tag === "foreignobject") {
     applyRectBounds(primary, null, bounds);
-  } else if (tag === "path" && primary.hasAttribute(chunkUHKFJBY5_cjs.CORNER_RADIUS_ATTR)) {
+  } else if (tag === "path" && primary.hasAttribute(chunkSKGJXCAO_cjs.CORNER_RADIUS_ATTR)) {
     applyFrameBoundaryBounds(primary, bounds);
   } else if (tag === "path" && kind) {
     applyPathBounds(primary, kind, bounds);
@@ -5597,7 +5663,7 @@ function updateSelectionRing(overlay, bounds) {
 }
 function updateSelectionOverlay(overlay, bounds) {
   updateSelectionRing(overlay, bounds);
-  for (const [centerX, centerY, name] of chunkWZA3DJJH_cjs.resizeHandlePositions(bounds)) {
+  for (const [centerX, centerY, name] of chunk3OF37CZX_cjs.resizeHandlePositions(bounds)) {
     const handle = overlay.querySelector(`[data-sf-resize-handle="${name}"]`);
     if (!handle) {
       continue;
@@ -5614,7 +5680,7 @@ function replaceTextLines(textElement, lines, x, lineHeight) {
     textElement.removeChild(textElement.firstChild);
   }
   lines.forEach((line, index) => {
-    const tspan = document.createElementNS(chunkWZA3DJJH_cjs.SVG_NAMESPACE, "tspan");
+    const tspan = document.createElementNS(chunk3OF37CZX_cjs.SVG_NAMESPACE, "tspan");
     tspan.setAttribute("x", String(x));
     if (index > 0) {
       tspan.setAttribute("dy", `${lineHeight}px`);
@@ -5634,7 +5700,7 @@ function applyLiveText(textElement, rawText, bounds, strokeWidth) {
   const height = Math.max(0, bounds.height - padding * 2);
   const boxX = bounds.x + padding;
   const boxY = bounds.y + padding;
-  const lines = chunkUHKFJBY5_cjs.wrapText(rawText, width, fontSize);
+  const lines = chunkSKGJXCAO_cjs.wrapText(rawText, width, fontSize);
   const linePixels = fontSize * lineHeight;
   const contentHeight = lines.length * linePixels;
   const firstY = verticalAlign === "top" ? boxY + fontSize : verticalAlign === "bottom" ? boxY + height - contentHeight + fontSize : boxY + (height - contentHeight) / 2 + fontSize;
@@ -5647,7 +5713,7 @@ function applyLiveText(textElement, rawText, bounds, strokeWidth) {
 
 // src/runtime/interaction/resize/preview.ts
 function textBoundsFor(kind, bounds) {
-  return kind === "person" ? chunkUHKFJBY5_cjs.personLabelArea(bounds.x, bounds.y, bounds.width, bounds.height) : bounds;
+  return kind === "person" ? chunkSKGJXCAO_cjs.personLabelArea(bounds.x, bounds.y, bounds.width, bounds.height) : bounds;
 }
 function applyGeometryPreview(drag, bounds) {
   if (drag.isComposite) {
@@ -5671,7 +5737,7 @@ function applyResizePreview(drag, bounds) {
     applyLiveText(drag.text.el, drag.text.rawText, textBoundsFor(drag.kind, bounds), drag.text.strokeWidth);
   }
   if (drag.bubbles) {
-    chunkWZA3DJJH_cjs.updateQuickDuplicateBubbles(drag.bubbles, bounds);
+    chunk3OF37CZX_cjs.updateQuickDuplicateBubbles(drag.bubbles, bounds);
   }
   updateLiveLinks(drag.liveLinks, bounds);
 }
@@ -5692,9 +5758,9 @@ function snapResize(svg, drag, pointer) {
     };
   }
   const axes = HANDLE_AXES[drag.handle];
-  const candidates = nearestCandidates(proposed, chunkWZA3DJJH_cjs.findSnapCandidateBounds(svg, /* @__PURE__ */ new Set([drag.owner.id])));
+  const candidates = nearestCandidates(proposed, chunk3OF37CZX_cjs.findSnapCandidateBounds(svg, /* @__PURE__ */ new Set([drag.owner.id])));
   const snap = computeSnap(proposed, candidates, {
-    threshold: snapDistancePx(svg) / chunkWZA3DJJH_cjs.pxPerUnit(svg),
+    threshold: snapDistancePx(svg) / chunk3OF37CZX_cjs.pxPerUnit(svg),
     activeX: resizeActivePoints(axes.x),
     activeY: resizeActivePoints(axes.y),
     guideOverhang: GUIDE_OVERHANG3
@@ -5735,13 +5801,13 @@ function selectResizeTarget(svg, event) {
   if (!ownerId) {
     return null;
   }
-  const primary = chunkWZA3DJJH_cjs.findOwnerNode(svg, ownerId, chunkWZA3DJJH_cjs.isPrimary);
-  const owner = primary && chunkWZA3DJJH_cjs.resolveOwner(primary);
+  const primary = chunk3OF37CZX_cjs.findOwnerNode(svg, ownerId, chunk3OF37CZX_cjs.isPrimary);
+  const owner = primary && chunk3OF37CZX_cjs.resolveOwner(primary);
   if (!primary || !hasEditableGeometry(owner)) {
     return null;
   }
-  const nodes = chunkWZA3DJJH_cjs.findAllOwnerNodes(svg, ownerId);
-  const geometryNodes = isCompositeOwner(owner) ? nodes : nodes.filter((node) => !chunkWZA3DJJH_cjs.isTextLabel(node));
+  const nodes = chunk3OF37CZX_cjs.findAllOwnerNodes(svg, ownerId);
+  const geometryNodes = isCompositeOwner(owner) ? nodes : nodes.filter((node) => !chunk3OF37CZX_cjs.isTextLabel(node));
   if (!geometryNodes.length) {
     return null;
   }
@@ -5759,7 +5825,7 @@ function selectResizeTarget(svg, event) {
 
 // src/runtime/interaction/resize/textCapture.ts
 function captureResizeText(nodes, primary) {
-  const textElement = nodes.find(chunkWZA3DJJH_cjs.isTextLabel);
+  const textElement = nodes.find(chunk3OF37CZX_cjs.isTextLabel);
   const rawText = primary.getAttribute("aria-label");
   if (!textElement || !rawText) {
     return null;
@@ -5777,7 +5843,7 @@ function createResizeDragState(svg, event) {
   if (!selection) {
     return null;
   }
-  const startBounds = chunkWZA3DJJH_cjs.symbolDeclaredBounds(selection.primary) ?? selection.primary.getBBox();
+  const startBounds = chunk3OF37CZX_cjs.symbolDeclaredBounds(selection.primary) ?? selection.primary.getBBox();
   const composite = isCompositeOwner(selection.owner);
   const isContainer = CONTAINER_ROLES.has(selection.owner.role);
   selection.captureTarget.setPointerCapture?.(event.pointerId);
@@ -5790,7 +5856,7 @@ function createResizeDragState(svg, event) {
     isComposite: composite,
     geometryNodes: selection.geometryNodes,
     insets: selection.geometryNodes.map(
-      (node) => node === selection.primary ? NO_INSET : insetWithin(startBounds, chunkWZA3DJJH_cjs.symbolDeclaredBounds(node) ?? node.getBBox())
+      (node) => node === selection.primary ? NO_INSET : insetWithin(startBounds, chunk3OF37CZX_cjs.symbolDeclaredBounds(node) ?? node.getBBox())
     ),
     baseTransforms: selection.geometryNodes.map((node) => node.getAttribute("transform")),
     overlay: selection.overlay,
@@ -5816,7 +5882,7 @@ var ResizeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunkWZA3DJJH_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunk3OF37CZX_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createResizeDragState(this.#svg, event);
@@ -5831,7 +5897,7 @@ var ResizeSession = class {
     const bounds = keepsProportions(drag, event.shiftKey) ? lockAspect(snapped.bounds, drag.startBounds, drag.handle) : snapped.bounds;
     const { guides } = snapped;
     applyResizePreview(drag, clampResizeToChildren(bounds, drag.childrenBounds));
-    chunkWZA3DJJH_cjs.updateAlignmentGuides(this.#svg, guides, RESIZE_GUIDE_COLOR);
+    chunk3OF37CZX_cjs.updateAlignmentGuides(this.#svg, guides, RESIZE_GUIDE_COLOR);
   };
   pointerUp = (event) => {
     const drag = this.#drag;
@@ -5840,7 +5906,7 @@ var ResizeSession = class {
     }
     this.#drag = null;
     event.target?.releasePointerCapture?.(drag.pointerId);
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     if (!drag.moved) {
       return;
     }
@@ -5879,7 +5945,7 @@ function resolveSankeyNodeLabelTarget(event) {
   if (!labelElement) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(labelElement);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(labelElement);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -5890,7 +5956,7 @@ function resolveSankeyNodeLabelTarget(event) {
   return { owner, nodeId, labelElement };
 }
 function createSankeyNodeLabelEditor(target, emitter, onClose) {
-  const rect = chunkWZA3DJJH_cjs.screenRectOf(target.labelElement);
+  const rect = chunk3OF37CZX_cjs.screenRectOf(target.labelElement);
   if (rect.width <= 0 && rect.height <= 0) {
     return null;
   }
@@ -5947,7 +6013,7 @@ function clearSankeyNodeDragPreview(drag) {
 // src/runtime/interaction/sankeyNode/target.ts
 var RIBBON_PATH = /^M\s+(-?[\d.]+)\s+(-?[\d.]+)\s+C\s+-?[\d.]+\s+-?[\d.]+\s+-?[\d.]+\s+(-?[\d.]+)\s+(-?[\d.]+)\s+-?[\d.]+\s+L\s+-?[\d.]+\s+(-?[\d.]+)\s+C\s+-?[\d.]+\s+-?[\d.]+\s+-?[\d.]+\s+(-?[\d.]+)\s+-?[\d.]+\s+-?[\d.]+\s+Z$/;
 function isNodePointer(event) {
-  return event.button === 0 && !chunkWZA3DJJH_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunk3OF37CZX_cjs.isCameraGesture(event);
 }
 function findNodeRect(event) {
   return event.target?.closest?.('[data-sf-mark="sankey-node"]');
@@ -6005,7 +6071,7 @@ function resolveSankeyNodeDrag(svg, event) {
   if (!rect) {
     return null;
   }
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(rect);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(rect);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -6013,7 +6079,7 @@ function resolveSankeyNodeDrag(svg, event) {
   if (!nodeId) {
     return null;
   }
-  const start = chunkWZA3DJJH_cjs.pointerUserPoint(svg, event);
+  const start = chunk3OF37CZX_cjs.pointerUserPoint(svg, event);
   if (!start) {
     return null;
   }
@@ -6059,7 +6125,7 @@ var SankeyNodeDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunkWZA3DJJH_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunk3OF37CZX_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -6073,7 +6139,7 @@ var SankeyNodeDragSession = class {
     const leadBounds = offsetBounds(drag.originalBounds, rawDx, rawDy);
     const candidates = nearestCandidates(leadBounds, drag.siblingBounds);
     const snap = computeSnap(leadBounds, candidates, {
-      threshold: SNAP_THRESHOLD_PX / chunkWZA3DJJH_cjs.pxPerUnit(this.#svg),
+      threshold: SNAP_THRESHOLD_PX / chunk3OF37CZX_cjs.pxPerUnit(this.#svg),
       activeX: MOVE_ACTIVE_POINTS,
       activeY: MOVE_ACTIVE_POINTS,
       guideOverhang: GUIDE_OVERHANG4
@@ -6083,7 +6149,7 @@ var SankeyNodeDragSession = class {
     drag.lastDx = dx;
     drag.lastDy = dy;
     updateSankeyNodeDragPreview(drag, dx, dy);
-    chunkWZA3DJJH_cjs.updateAlignmentGuides(
+    chunk3OF37CZX_cjs.updateAlignmentGuides(
       this.#svg,
       [snap.x.guide, snap.y.guide].filter((guide) => guide !== null),
       GUIDE_COLOR3
@@ -6094,7 +6160,7 @@ var SankeyNodeDragSession = class {
       clearSankeyNodeDragPreview(this.#drag);
     }
     this.#drag = null;
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
   }
   finish(event) {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
@@ -6104,7 +6170,7 @@ var SankeyNodeDragSession = class {
     this.#drag = null;
     event.target?.releasePointerCapture?.(drag.pointerId);
     clearSankeyNodeDragPreview(drag);
-    chunkWZA3DJJH_cjs.clearAlignmentGuides(this.#svg);
+    chunk3OF37CZX_cjs.clearAlignmentGuides(this.#svg);
     if (!drag.moved) {
       return;
     }
@@ -6160,7 +6226,7 @@ function bindSankeyNode(viewer, emitter) {
 var FALLBACK_WIDTH = 120;
 var FALLBACK_HEIGHT = 28;
 function centeredLabelRect(primaryNode) {
-  const primaryRect = chunkWZA3DJJH_cjs.screenRectOf(primaryNode);
+  const primaryRect = chunk3OF37CZX_cjs.screenRectOf(primaryNode);
   return {
     left: primaryRect.left + (primaryRect.width - FALLBACK_WIDTH) / 2,
     top: primaryRect.top + (primaryRect.height - FALLBACK_HEIGHT) / 2,
@@ -6170,10 +6236,10 @@ function centeredLabelRect(primaryNode) {
 }
 function resolveTextEditRect(owner, textNode, primaryNode) {
   if (owner.role === "shape") {
-    return primaryNode ? chunkWZA3DJJH_cjs.screenRectOf(primaryNode) : null;
+    return primaryNode ? chunk3OF37CZX_cjs.screenRectOf(primaryNode) : null;
   }
   if (textNode) {
-    return chunkWZA3DJJH_cjs.screenRectOf(textNode);
+    return chunk3OF37CZX_cjs.screenRectOf(textNode);
   }
   return primaryNode ? centeredLabelRect(primaryNode) : null;
 }
@@ -6193,8 +6259,8 @@ function textAlign(owner, textNode) {
   return anchor === "end" ? "right" : "left";
 }
 function createActiveTextEditor(svg, owner, emitter, onClose) {
-  const textNode = chunkWZA3DJJH_cjs.findOwnerNode(svg, owner.id, chunkWZA3DJJH_cjs.isTextLabel);
-  const primaryNode = chunkWZA3DJJH_cjs.findOwnerNode(svg, owner.id, chunkWZA3DJJH_cjs.isPrimary);
+  const textNode = chunk3OF37CZX_cjs.findOwnerNode(svg, owner.id, chunk3OF37CZX_cjs.isTextLabel);
+  const primaryNode = chunk3OF37CZX_cjs.findOwnerNode(svg, owner.id, chunk3OF37CZX_cjs.isPrimary);
   const rect = resolveTextEditRect(owner, textNode, primaryNode);
   if (!rect) {
     return null;
@@ -6240,7 +6306,7 @@ function isFrameTitle(target) {
 }
 function resolveEditableTextOwner(event) {
   const target = event.target;
-  const owner = chunkWZA3DJJH_cjs.resolveOwner(target);
+  const owner = chunk3OF37CZX_cjs.resolveOwner(target);
   if (!owner) {
     return null;
   }
@@ -6381,7 +6447,7 @@ function applyToken(target, lines, token) {
 function maskSource(lines) {
   let tokens;
   try {
-    tokens = chunkUHKFJBY5_cjs.tokenizeSource(lines.join("\n"));
+    tokens = chunkSKGJXCAO_cjs.tokenizeSource(lines.join("\n"));
   } catch {
     return null;
   }
@@ -6413,7 +6479,7 @@ function braceDelta(masked) {
 }
 
 // src/runtime/interaction/sflPatch/scan/blocks.ts
-var OWNER_HEADER = /^\s*(Entity|Shape|Text|Image|Container|Chart|Path|Link|Isometric|Widget|Component|Connection|Shader)\s+([A-Za-z_][A-Za-z0-9_]*)\b/;
+var OWNER_HEADER = /^\s*(Entity|Shape|Text|Image|Container|Screen|Chart|Path|Link|Isometric|Widget|Component|Connection|Shader)\s+([A-Za-z_][A-Za-z0-9_]*)\b/;
 var VALID_IDENT = /^[A-Za-z_][A-Za-z0-9_]*$/;
 function blockEndIn(masked, startLine) {
   let depth = 0;
@@ -6529,8 +6595,8 @@ function parsePropertyPath(path) {
     return null;
   }
   const blocks = [];
-  for (const segment of segments.slice(0, -1)) {
-    const block = parseBlockSegment(segment);
+  for (const segment2 of segments.slice(0, -1)) {
+    const block = parseBlockSegment(segment2);
     if (block === null) {
       return null;
     }
@@ -6538,15 +6604,15 @@ function parsePropertyPath(path) {
   }
   return { blocks, property };
 }
-function parseBlockSegment(segment) {
-  const match = segment.match(BLOCK_SEGMENT);
+function parseBlockSegment(segment2) {
+  const match = segment2.match(BLOCK_SEGMENT);
   if (!match) {
     return null;
   }
   return match[2] === void 0 ? { name: match[1] } : { name: match[1], id: match[2] };
 }
-function parsePropertySegment(segment) {
-  const match = segment.match(PROPERTY_SEGMENT);
+function parsePropertySegment(segment2) {
+  const match = segment2.match(PROPERTY_SEGMENT);
   if (!match) {
     return null;
   }
@@ -6717,7 +6783,7 @@ function resolveCanvasObjectInsertionTarget(sfl, lines, parentId) {
     const modelRange = findFirstBlockOfKind(lines, "Model");
     return modelRange ? { range: modelRange, origin: { x: 0, y: 0 } } : null;
   }
-  const parent = chunkUHKFJBY5_cjs.sflToCanvasState(sfl).canvasObjects.find((canvasObject) => canvasObject.id === parentId);
+  const parent = chunkSKGJXCAO_cjs.sflToCanvasState(sfl).canvasObjects.find((canvasObject) => canvasObject.id === parentId);
   if (!parent) {
     return null;
   }
@@ -6885,6 +6951,42 @@ function outermostRemovalRanges(ranges) {
 }
 
 // src/runtime/interaction/sflPatch/canvasObjectPatch/remove.ts
+var GROUP_HEADER = /^\s*Group\s+([A-Za-z_][A-Za-z0-9_]*)\b/;
+var CHILD_BLOCK = /^\s*[A-Z][A-Za-z]*\s+[A-Za-z_]/;
+function enclosingGroups(lines, line) {
+  const masked = maskLines(lines);
+  if (masked === null) {
+    return [];
+  }
+  const open = [];
+  for (let i = 0; i < line; i++) {
+    const delta = braceDelta(masked[i]);
+    if (delta > 0) {
+      const group = masked[i].match(GROUP_HEADER);
+      open.push(group ? group[1] : null);
+      for (let extra = 1; extra < delta; extra++) {
+        open.push(null);
+      }
+    } else {
+      open.splice(open.length + delta, -delta);
+    }
+  }
+  return open.filter((name) => name !== null).reverse();
+}
+function removeEmptiedGroups(lines, groups) {
+  for (const name of groups) {
+    const masked = maskLines(lines);
+    const start = masked?.findIndex((line) => line.match(GROUP_HEADER)?.[1] === name) ?? -1;
+    if (!masked || start < 0) {
+      return;
+    }
+    const end = blockEndLine(lines, start);
+    if (masked.slice(start + 1, end).some((line) => CHILD_BLOCK.test(line))) {
+      return;
+    }
+    lines.splice(start, end - start + 1);
+  }
+}
 function removeCanvasObject(sfl, id, options = {}) {
   const lines = sfl.split("\n");
   const canvasObjectRange = findOwnerBlock(lines, id);
@@ -6900,6 +7002,7 @@ function removeCanvasObject(sfl, id, options = {}) {
     }
     return sfl;
   }
+  const groups = enclosingGroups(lines, canvasObjectRange.start);
   const ranges = [canvasObjectRange];
   if (options.alsoRemoveLinks ?? true) {
     ranges.push(...findReferencingLinkRanges(lines, id));
@@ -6908,6 +7011,7 @@ function removeCanvasObject(sfl, id, options = {}) {
   for (const range of removalRanges) {
     lines.splice(range.start, range.end - range.start + 1);
   }
+  removeEmptiedGroups(lines, groups);
   return lines.join("\n");
 }
 
@@ -7244,7 +7348,7 @@ function movePathPoints(lines, range, dx, dy) {
   replacePropertyValue(lines, span, shifted);
 }
 function applyMoveChanges(sfl, events) {
-  const state = chunkUHKFJBY5_cjs.sflToCanvasState(sfl);
+  const state = chunkSKGJXCAO_cjs.sflToCanvasState(sfl);
   const lines = sfl.split("\n");
   const parents = new Map(state.canvasObjects.map((candidate) => [candidate.id, candidate.parentFrameId]));
   const moving = new Set(events.map((event) => event.owner.id));
@@ -7284,7 +7388,7 @@ function applyMoveChange(sfl, event) {
 
 // src/runtime/interaction/sflPatch/changes/pathPointChange.ts
 function applyPathPointChange(sfl, event) {
-  const canvasObjects = chunkUHKFJBY5_cjs.sflToCanvasState(sfl).canvasObjects;
+  const canvasObjects = chunkSKGJXCAO_cjs.sflToCanvasState(sfl).canvasObjects;
   const canvasObject = canvasObjects.find((candidate) => candidate.id === event.owner.id);
   if (!canvasObject) {
     return sfl;
@@ -7438,7 +7542,7 @@ function resolveConnectionInsertionTarget(sfl, lines, options) {
   if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
     return null;
   }
-  const canvasObjects = chunkUHKFJBY5_cjs.sflToCanvasState(sfl).canvasObjects;
+  const canvasObjects = chunkSKGJXCAO_cjs.sflToCanvasState(sfl).canvasObjects;
   const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
   const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
   if (!hasSource || !hasTarget) {
@@ -7502,13 +7606,13 @@ function isometricOffset(direction, object, gap) {
   const { depth } = object.isometric;
   switch (direction) {
     case "iso-width-pos":
-      return { dx: (width + gap) * chunkUHKFJBY5_cjs.AXIS_COS, dy: (width + gap) * chunkUHKFJBY5_cjs.AXIS_SIN };
+      return { dx: (width + gap) * chunkSKGJXCAO_cjs.AXIS_COS, dy: (width + gap) * chunkSKGJXCAO_cjs.AXIS_SIN };
     case "iso-width-neg":
-      return { dx: -(width + gap) * chunkUHKFJBY5_cjs.AXIS_COS, dy: -(width + gap) * chunkUHKFJBY5_cjs.AXIS_SIN };
+      return { dx: -(width + gap) * chunkSKGJXCAO_cjs.AXIS_COS, dy: -(width + gap) * chunkSKGJXCAO_cjs.AXIS_SIN };
     case "iso-depth-pos":
-      return { dx: -(depth + gap) * chunkUHKFJBY5_cjs.AXIS_COS, dy: (depth + gap) * chunkUHKFJBY5_cjs.AXIS_SIN };
+      return { dx: -(depth + gap) * chunkSKGJXCAO_cjs.AXIS_COS, dy: (depth + gap) * chunkSKGJXCAO_cjs.AXIS_SIN };
     case "iso-depth-neg":
-      return { dx: (depth + gap) * chunkUHKFJBY5_cjs.AXIS_COS, dy: -(depth + gap) * chunkUHKFJBY5_cjs.AXIS_SIN };
+      return { dx: (depth + gap) * chunkSKGJXCAO_cjs.AXIS_COS, dy: -(depth + gap) * chunkSKGJXCAO_cjs.AXIS_SIN };
     case "iso-height-pos":
       return { dx: 0, dy: height + gap };
     case "iso-height-neg":
@@ -7571,7 +7675,7 @@ function resolveLinkInsertionTarget(sfl, lines, options) {
   if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
     return null;
   }
-  const canvasObjects = chunkUHKFJBY5_cjs.sflToCanvasState(sfl).canvasObjects;
+  const canvasObjects = chunkSKGJXCAO_cjs.sflToCanvasState(sfl).canvasObjects;
   const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
   const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
   if (!hasSource || !hasTarget) {
@@ -7657,21 +7761,21 @@ function duplicateShape(sfl, input) {
 
 // src/runtime/interaction/sflPatch/changes/quickDuplicateChange.ts
 function applyQuickDuplicateChange(sfl, event, options) {
-  const state = chunkUHKFJBY5_cjs.sflToCanvasState(sfl);
+  const state = chunkSKGJXCAO_cjs.sflToCanvasState(sfl);
   const object = state.canvasObjects.find((candidate) => candidate.id === event.owner.id);
   if (!object) {
     return sfl;
   }
   const { direction } = event;
   if (isIsometricDirection2(direction)) {
-    return chunkUHKFJBY5_cjs.isIsometricObject(object) ? duplicateIsometricObject(sfl, object, direction, options) : sfl;
+    return chunkSKGJXCAO_cjs.isIsometricObject(object) ? duplicateIsometricObject(sfl, object, direction, options) : sfl;
   }
-  return chunkUHKFJBY5_cjs.isIsometricObject(object) ? sfl : duplicateShape(sfl, { object, links: state.links, side: direction, options });
+  return chunkSKGJXCAO_cjs.isIsometricObject(object) ? sfl : duplicateShape(sfl, { object, links: state.links, side: direction, options });
 }
 
 // src/runtime/interaction/sflPatch/changes/resizeChange.ts
 function applyResizeChange(sfl, event) {
-  const state = chunkUHKFJBY5_cjs.sflToCanvasState(sfl);
+  const state = chunkSKGJXCAO_cjs.sflToCanvasState(sfl);
   const canvasObject = state.canvasObjects.find((candidate) => candidate.id === event.owner.id);
   const parent = canvasObject?.parentFrameId ? state.canvasObjects.find((candidate) => candidate.id === canvasObject.parentFrameId) : void 0;
   const originX = parent?.x ?? 0;