stickyflow 0.2.0 → 0.4.0

package/dist/interaction/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk34PK7HEU_cjs = require('../chunk-34PK7HEU.cjs');
-var chunkYM3XFBI4_cjs = require('../chunk-YM3XFBI4.cjs');
+var chunkHFOGKSNU_cjs = require('../chunk-HFOGKSNU.cjs');
+var chunkCXL254BT_cjs = require('../chunk-CXL254BT.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", chunkYM3XFBI4_cjs.linePathData(points, drag.lineTension));
+    line.setAttribute("d", chunkCXL254BT_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 = `${chunkYM3XFBI4_cjs.linePathData(points, drag.lineTension)} L ${last.x} ${drag.baseY} L ${first.x} ${drag.baseY} Z`;
+    const d = `${chunkCXL254BT_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, chunkYM3XFBI4_cjs.roundedBarPath(drag.barX, drag.barTop, width, drag.barHeight, drag.barRadius));
+    setBarPath(svg, drag, chunkCXL254BT_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, chunkYM3XFBI4_cjs.barShapePath(drag.barX, top, drag.barWidth, height, drag.barRadius));
+    setBarPath(svg, drag, chunkCXL254BT_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 = chunkYM3XFBI4_cjs.barLabelSize(label, fontSize, true);
+  const size = chunkCXL254BT_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", chunkYM3XFBI4_cjs.pillPath(centerX - size.width / 2, Number(stored), size.width, size.height));
+  pill.setAttribute("d", chunkCXL254BT_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 = chunkYM3XFBI4_cjs.formatBarLabel(value, label.template);
+  const content = chunkCXL254BT_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 = chunkYM3XFBI4_cjs.barLabelSize(content, fontSize, label.pill !== null);
+  const size = chunkCXL254BT_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 + chunkYM3XFBI4_cjs.BAR_LABEL.gap + size.width / 2 : label.placement === "inside" ? end - chunkYM3XFBI4_cjs.BAR_LABEL.gap - size.width / 2 : origin.left + width / 2;
+  const center = label.placement === "outside" ? end + chunkCXL254BT_cjs.BAR_LABEL.gap + size.width / 2 : label.placement === "inside" ? end - chunkCXL254BT_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", chunkYM3XFBI4_cjs.pillPath(center - size.width / 2, Number(pillY), size.width, size.height));
+    label.pill.setAttribute("d", chunkCXL254BT_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 = chunkYM3XFBI4_cjs.formatBarLabel(value, label.template);
+  const content = chunkCXL254BT_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(chunk34PK7HEU_cjs.SVG_NAMESPACE, tag);
+  return svg.ownerDocument.createElementNS(chunkHFOGKSNU_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(chunk34PK7HEU_cjs.findOwnerNode(svg, target.owner.id, chunk34PK7HEU_cjs.isPrimary));
+  const scale = parseValueScale(chunkHFOGKSNU_cjs.findOwnerNode(svg, target.owner.id, chunkHFOGKSNU_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 && !chunk34PK7HEU_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunkHFOGKSNU_cjs.isCameraGesture(event);
 }
 function findChartValueMark(event) {
   return event.target?.closest?.("[data-sf-value-index]");
 }
 function readChartValueTarget(mark) {
-  const owner = chunk34PK7HEU_cjs.resolveOwner(mark);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(mark);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -468,6 +468,39 @@ function normalizeHex(value) {
   const full = body.length === 3 ? body.split("").map((char) => char + char).join("") : body;
   return `#${full.toLowerCase()}`;
 }
+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;
+function parseColorAlpha(value) {
+  const raw = value.trim();
+  const fn = COLOR_FUNCTION.exec(raw);
+  if (fn) {
+    const alpha = fn[4] === void 0 ? 1 : Number(fn[4]) / (fn[5] ? 100 : 1);
+    return {
+      hex: rgbToHex({ r: Number(fn[1]), g: Number(fn[2]), b: Number(fn[3]) }),
+      alpha: Math.max(0, Math.min(1, alpha))
+    };
+  }
+  const eight = HEX_WITH_ALPHA.exec(raw);
+  if (eight) {
+    return { hex: `#${eight[1].toLowerCase()}`, alpha: Number.parseInt(eight[2], 16) / 255 };
+  }
+  const hex = normalizeHex(raw);
+  return hex ? { hex, alpha: 1 } : null;
+}
+function formatColorAlpha(hex, alpha) {
+  const clamped = Math.max(0, Math.min(1, alpha));
+  if (clamped >= 1) {
+    return hex;
+  }
+  const { r, g, b } = hexToRgb(hex);
+  return `rgba(${r}, ${g}, ${b}, ${Math.round(clamped * 100) / 100})`;
+}
+function hexOf(value) {
+  return parseColorAlpha(value)?.hex ?? "#000000";
+}
+function alphaOf(value) {
+  return parseColorAlpha(value)?.alpha ?? 1;
+}
 function clampChannel(value) {
   return Math.max(0, Math.min(255, Math.round(value)));
 }
@@ -534,7 +567,7 @@ function hsvToHex(hsv) {
 // src/runtime/interaction/colorEdit/gradientValue.ts
 var DEFAULT_GRADIENT_ANGLE = 90;
 var GRADIENT = /^gradient\(\s*(-?[\d.]+)\s*,\s*(.+)\)\s*$/i;
-var STOP = /(#[0-9a-f]{3}(?:[0-9a-f]{3})?)\s+(-?[\d.]+)%/gi;
+var STOP = /(rgba?\([^)]*\)|#[0-9a-f]{3}(?:[0-9a-f]{3})?)\s+(-?[\d.]+)%/gi;
 function trim(value) {
   return Number(value.toFixed(1));
 }
@@ -555,10 +588,10 @@ function parseGradient(source) {
   }
   const stops = [];
   for (const stop of match[2].matchAll(STOP)) {
-    const color = normalizeHex(stop[1]);
+    const parsed = parseColorAlpha(stop[1]);
     const position = Number(stop[2]);
-    if (color && Number.isFinite(position)) {
-      stops.push({ color, position: clampPosition(position) });
+    if (parsed && Number.isFinite(position)) {
+      stops.push({ color: formatColorAlpha(parsed.hex, parsed.alpha), position: clampPosition(position) });
     }
   }
   return stops.length >= 2 ? { angle, stops } : null;
@@ -593,10 +626,10 @@ function readGradientValue(svg, fill) {
   }
   const stops = [];
   for (const stop of def.querySelectorAll("stop")) {
-    const color = normalizeHex(stop.getAttribute("stop-color") ?? "");
+    const parsed = parseColorAlpha(stop.getAttribute("stop-color") ?? "");
     const offset = Number.parseFloat(stop.getAttribute("offset") ?? "");
-    if (color && Number.isFinite(offset)) {
-      stops.push({ color, position: clampPosition(offset) });
+    if (parsed && Number.isFinite(offset)) {
+      stops.push({ color: formatColorAlpha(parsed.hex, parsed.alpha), position: clampPosition(offset) });
     }
   }
   if (stops.length < 2) {
@@ -615,17 +648,21 @@ function seedFrom(fill, gradient) {
   if (parsed) {
     return { mode: "gradient", angle: parsed.angle, stops: sortStops(parsed.stops) };
   }
-  return { mode: "solid", color: fill && normalizeHex(fill) || FALLBACK_COLOR };
+  const solid = fill ? parseColorAlpha(fill) : null;
+  return { mode: "solid", color: solid?.hex ?? FALLBACK_COLOR, alpha: solid?.alpha ?? 1 };
 }
 function formatPickerValue(value) {
-  return value.mode === "solid" ? value.color : formatGradient({ angle: value.angle, stops: value.stops });
+  return value.mode === "solid" ? formatColorAlpha(value.color, value.alpha ?? 1) : formatGradient({ angle: value.angle, stops: value.stops });
 }
 function cssBackground(color) {
   const gradient = parseGradient(color);
   return gradient ? gradientCss(gradient) : color;
 }
+function toAlpha(value) {
+  return value.mode === "solid" ? value.alpha ?? 1 : alphaOf(sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR);
+}
 function toSolid(value) {
-  return value.mode === "solid" ? value.color : sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR;
+  return value.mode === "solid" ? value.color : hexOf(sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR);
 }
 function darken(hex) {
   const hsv = hexToHsv(hex);
@@ -638,8 +675,8 @@ function toGradient(value) {
   return {
     angle: DEFAULT_GRADIENT_ANGLE,
     stops: [
-      { color: value.color, position: 0 },
-      { color: darken(value.color), position: 100 }
+      { color: formatColorAlpha(value.color, value.alpha ?? 1), position: 0 },
+      { color: formatColorAlpha(darken(value.color), value.alpha ?? 1), position: 100 }
     ]
   };
 }
@@ -651,17 +688,30 @@ function activeColor(picker) {
   const { state } = picker;
   return state.mode === "solid" ? state.solid : state.gradient.stops[state.selected]?.color ?? state.solid;
 }
-function setActiveColor(picker, hex) {
+function activeHex(picker) {
+  return hexOf(activeColor(picker));
+}
+function activeAlpha(picker) {
+  return picker.state.mode === "solid" ? picker.state.alpha : alphaOf(activeColor(picker));
+}
+function setActiveColorAlpha(picker, hex, alpha) {
   const { state } = picker;
   if (state.mode === "solid") {
     state.solid = hex;
+    state.alpha = alpha;
   } else if (state.gradient.stops[state.selected]) {
-    state.gradient.stops[state.selected] = { ...state.gradient.stops[state.selected], color: hex };
+    state.gradient.stops[state.selected] = {
+      ...state.gradient.stops[state.selected],
+      color: formatColorAlpha(hex, alpha)
+    };
   }
 }
+function setActiveColor(picker, hex) {
+  setActiveColorAlpha(picker, hex, activeAlpha(picker));
+}
 function currentValue(picker) {
   const { state } = picker;
-  return state.mode === "solid" ? { mode: "solid", color: state.solid } : { mode: "gradient", ...state.gradient };
+  return state.mode === "solid" ? { mode: "solid", color: state.solid, alpha: state.alpha } : { mode: "gradient", ...state.gradient };
 }
 function commit(picker) {
   picker.onCommit(formatPickerValue(currentValue(picker)));
@@ -676,6 +726,14 @@ function applyHex(picker, hex) {
   setActiveColor(picker, hex);
   picker.render();
 }
+function applyAlpha(picker, raw) {
+  const value = Number(raw);
+  if (!Number.isFinite(value)) {
+    return;
+  }
+  setActiveColorAlpha(picker, activeHex(picker), Math.max(0, Math.min(100, value)) / 100);
+  picker.render();
+}
 function applyAngle(picker, raw) {
   const value = Number(raw);
   if (!Number.isFinite(value)) {
@@ -690,7 +748,7 @@ function selectStop(picker, index) {
     return;
   }
   state.selected = index;
-  state.hsv = hexToHsv(state.gradient.stops[index].color);
+  state.hsv = hexToHsv(hexOf(state.gradient.stops[index].color));
   picker.render();
 }
 function removeStop(picker, index) {
@@ -700,7 +758,7 @@ function removeStop(picker, index) {
   }
   state.gradient = { ...state.gradient, stops: state.gradient.stops.filter((_stop, at) => at !== index) };
   state.selected = Math.min(state.selected, state.gradient.stops.length - 1);
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -713,12 +771,12 @@ function appendStop(picker) {
   const last = sorted[sorted.length - 1];
   const previous = sorted[sorted.length - 2];
   const inserted = {
-    color: darken(last.color),
+    color: formatColorAlpha(darken(hexOf(last.color)), alphaOf(last.color)),
     position: clampPosition((last.position + (previous?.position ?? 0)) / 2)
   };
   state.gradient = { ...state.gradient, stops: sortStops([...state.gradient.stops, inserted]) };
   state.selected = state.gradient.stops.indexOf(inserted);
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -734,8 +792,9 @@ function setMode(picker, next) {
     state.selected = 0;
   } else {
     state.solid = toSolid(value);
+    state.alpha = toAlpha(value);
   }
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -768,12 +827,23 @@ function numberField(parent, min, max) {
   input.max = String(max);
   return input;
 }
-function rangeField(parent, min, max) {
-  const input = el("input", "sf-cp-range", parent);
-  input.type = "range";
-  input.min = String(min);
-  input.max = String(max);
-  return input;
+function fluidField(parent, text, min, max) {
+  const row = el("div", "sf-cp-fluid", parent);
+  el("span", "sf-cp-fluid-fill", row);
+  el("span", "sf-cp-fluid-thumb", row);
+  el("span", "sf-cp-fluid-label", row).textContent = text;
+  const range = el("input", "sf-cp-fluid-range", row);
+  range.type = "range";
+  range.min = String(min);
+  range.max = String(max);
+  const number = numberField(row, min, max);
+  number.classList.add("sf-cp-fluid-number");
+  return { row, range, number };
+}
+function showRatio(range) {
+  const span = Number(range.max) - Number(range.min);
+  const ratio2 = span > 0 ? (Number(range.value) - Number(range.min)) / span : 0;
+  range.parentElement?.style.setProperty("--sf-ratio", String(Math.max(0, Math.min(1, ratio2))));
 }
 function labelledRow(parent, text) {
   const row = el("div", "sf-cp-row", parent);
@@ -820,23 +890,36 @@ function buildSolidControls(root) {
   const channelRanges = {};
   const channelNumbers = {};
   for (const channel of CHANNELS) {
-    const row = labelledRow(rows, channel.toUpperCase());
-    channelRanges[channel] = rangeField(row, 0, 255);
-    channelNumbers[channel] = numberField(row, 0, 255);
+    const field = fluidField(rows, channel.toUpperCase(), 0, 255);
+    channelRanges[channel] = field.range;
+    channelNumbers[channel] = field.number;
   }
+  const alpha = fluidField(rows, "A", 0, 100);
+  alpha.row.classList.add("sf-cp-fluid--alpha");
+  const { row: alphaRow, range: alphaRange, number: alphaNumber } = alpha;
   const hexRow = labelledRow(rows, "Hex");
   const hexInput = el("input", "sf-cp-text", hexRow);
   hexInput.type = "text";
   hexInput.spellcheck = false;
-  return { matrix, matrixCursor, hue, hueThumb, channelRanges, channelNumbers, hexInput };
+  return {
+    matrix,
+    matrixCursor,
+    hue,
+    hueThumb,
+    channelRanges,
+    channelNumbers,
+    alphaRow,
+    alphaRange,
+    alphaNumber,
+    hexInput
+  };
 }
 function buildGradientControls(root, lockStops) {
   const section = el("div", "sf-cp-section", root);
   const preview = el("div", "sf-cp-preview", section);
-  const angleRow = labelledRow(section, "Angle");
-  angleRow.hidden = lockStops;
-  const angleRange = rangeField(angleRow, 0, 360);
-  const angleNumber = numberField(angleRow, 0, 360);
+  const angle = fluidField(section, "Angle", 0, 360);
+  angle.row.hidden = lockStops;
+  const { range: angleRange, number: angleNumber } = angle;
   const head = el("div", "sf-cp-section-head", section);
   el("span", "sf-cp-heading", head).textContent = "Stops";
   const addStop = el("button", "sf-cp-icon-btn", head);
@@ -918,7 +1001,7 @@ function bindChannel(picker, channel) {
     if (!Number.isFinite(value)) {
       return;
     }
-    const next = { ...hexToRgb(activeColor(picker)), [channel]: value };
+    const next = { ...hexToRgb(activeHex(picker)), [channel]: value };
     const nextHsv = rgbToHsv(next);
     picker.state.hsv = nextHsv.s === 0 ? { ...nextHsv, h: picker.state.hsv.h } : nextHsv;
     setActiveColor(picker, rgbToHex(next));
@@ -930,6 +1013,14 @@ function bindChannel(picker, channel) {
   channelNumbers[channel].addEventListener("input", (event) => fromChannel(read(event)));
   channelNumbers[channel].addEventListener("change", () => commit(picker));
 }
+function bindAlpha(picker) {
+  const { alphaRange, alphaNumber } = picker.view;
+  const read = (event) => event.target.value;
+  alphaRange.addEventListener("input", (event) => applyAlpha(picker, read(event)));
+  alphaRange.addEventListener("change", () => commit(picker));
+  alphaNumber.addEventListener("input", (event) => applyAlpha(picker, read(event)));
+  alphaNumber.addEventListener("change", () => commit(picker));
+}
 function bindHex(picker) {
   const { hexInput } = picker.view;
   hexInput.addEventListener("input", () => {
@@ -966,6 +1057,7 @@ function bindPickerEvents(picker) {
   for (const channel of CHANNELS) {
     bindChannel(picker, channel);
   }
+  bindAlpha(picker);
   bindHex(picker);
   bindAngle(picker);
   return disposers;
@@ -1016,7 +1108,8 @@ function renderStops(picker) {
     const row = rows[index];
     row.root.setAttribute("aria-selected", String(index === state.selected));
     row.swatch.style.background = stop.color;
-    row.hex.textContent = stop.color;
+    const alpha = alphaOf(stop.color);
+    row.hex.textContent = alpha < 1 ? `${hexOf(stop.color)} ${Math.round(alpha * 100)}%` : hexOf(stop.color);
     if (document.activeElement !== row.position) {
       row.position.value = String(Math.round(stop.position));
     }
@@ -1031,7 +1124,7 @@ function renderPicker(picker) {
   view.solidTab.setAttribute("aria-selected", String(state.mode === "solid"));
   view.gradientTab.setAttribute("aria-selected", String(state.mode === "gradient"));
   view.section.hidden = state.mode !== "gradient";
-  const hex = activeColor(picker);
+  const hex = activeHex(picker);
   const rgb = hexToRgb(hex);
   view.matrix.style.background = `hsl(${state.hsv.h}, 100%, 50%)`;
   view.matrixCursor.style.left = `${state.hsv.s * 100}%`;
@@ -1039,15 +1132,25 @@ function renderPicker(picker) {
   view.hueThumb.style.top = `${state.hsv.h / 360 * 100}%`;
   for (const channel of CHANNELS) {
     view.channelRanges[channel].value = String(rgb[channel]);
+    showRatio(view.channelRanges[channel]);
     if (document.activeElement !== view.channelNumbers[channel]) {
       view.channelNumbers[channel].value = String(rgb[channel]);
     }
   }
+  const percent = Math.round(activeAlpha(picker) * 100);
+  view.alphaRange.value = String(percent);
+  showRatio(view.alphaRange);
+  if (document.activeElement !== view.alphaNumber) {
+    view.alphaNumber.value = String(percent);
+  }
+  const opaque = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+  view.alphaRow.style.background = `linear-gradient(to right, rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0), ${opaque}), conic-gradient(var(--sf-cp-check-a) 25%, var(--sf-cp-check-b) 0 50%, var(--sf-cp-check-a) 0 75%, var(--sf-cp-check-b) 0) 0 0 / 8px 8px`;
   if (document.activeElement !== view.hexInput) {
     view.hexInput.value = hex;
   }
   if (state.mode === "gradient") {
     view.angleRange.value = String(Math.round(state.gradient.angle));
+    showRatio(view.angleRange);
     if (document.activeElement !== view.angleNumber) {
       view.angleNumber.value = String(Math.round(state.gradient.angle));
     }
@@ -1063,8 +1166,8 @@ var DARK_TOKENS = `
   --sf-cp-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
   --sf-cp-fg: rgba(255, 255, 255, 0.92);
   --sf-cp-muted: rgba(255, 255, 255, 0.6);
-  --sf-cp-tabs-bg: rgba(255, 255, 255, 0.04);
-  --sf-cp-tab-active-bg: rgba(255, 255, 255, 0.12);
+  --sf-cp-tabs-bg: rgba(255, 255, 255, 0.05);
+  --sf-cp-tab-active-bg: rgba(255, 255, 255, 0.1);
   --sf-cp-field-bg: rgba(255, 255, 255, 0.04);
   --sf-cp-field-border: rgba(255, 255, 255, 0.08);
   --sf-cp-row-bg: rgba(255, 255, 255, 0.04);
@@ -1073,6 +1176,9 @@ var DARK_TOKENS = `
   --sf-cp-thumb-bg: #e8e8e8;
   --sf-cp-thumb-border: #555;
   --sf-cp-danger: #ff7a77;
+  --sf-cp-accent: rgba(255, 255, 255, 0.85);
+  --sf-cp-check-a: #3b3b3f;
+  --sf-cp-check-b: #2a2a2d;
 `;
 var BASE_CSS = `
 .sf-cp {
@@ -1081,7 +1187,7 @@ var BASE_CSS = `
   --sf-cp-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
   --sf-cp-fg: #333333;
   --sf-cp-muted: #666666;
-  --sf-cp-tabs-bg: #f5f5f5;
+  --sf-cp-tabs-bg: #f1f5f9;
   --sf-cp-tab-active-bg: #ffffff;
   --sf-cp-field-bg: #f8f8f8;
   --sf-cp-field-border: #e0e0e0;
@@ -1091,16 +1197,18 @@ var BASE_CSS = `
   --sf-cp-thumb-bg: #ffffff;
   --sf-cp-thumb-border: #666666;
   --sf-cp-danger: #e53935;
-  --sf-cp-accent: #9b42df;
+  --sf-cp-accent: #0f172a;
+  --sf-cp-check-a: #c8c8c8;
+  --sf-cp-check-b: #ffffff;
 
   position: fixed;
   z-index: 10000;
   box-sizing: border-box;
   width: 268px;
-  padding: 12px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
-  gap: 14px;
+  gap: 10px;
   border: 1px solid var(--sf-cp-border);
   border-radius: 12px;
   background: var(--sf-cp-bg);
@@ -1128,7 +1236,7 @@ var FIELDS_CSS = `
 .sf-cp-rows {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 5px;
 }
 
 .sf-cp-row {
@@ -1144,44 +1252,114 @@ var FIELDS_CSS = `
   font-weight: 600;
 }
 
-.sf-cp-range {
-  flex: 1;
-  min-width: 0;
-  height: 6px;
-  border-radius: 3px;
-  outline: none;
-  background: var(--sf-cp-track);
-  -webkit-appearance: none;
-  appearance: none;
+.sf-cp-fluid {
+  --sf-ratio: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  height: 26px;
+  padding: 0 8px;
+  border-radius: 8px;
+  background: var(--sf-cp-row-bg);
+  overflow: hidden;
+  user-select: none;
+}
+
+.sf-cp-fluid[hidden] {
+  display: none;
+}
+
+.sf-cp-fluid-fill {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: calc(var(--sf-ratio) * 100%);
+  border-radius: 8px;
+  background: linear-gradient(90deg, color-mix(in srgb, currentColor 5%, transparent), color-mix(in srgb, currentColor 18%, transparent));
+  pointer-events: none;
+}
+
+.sf-cp-fluid--alpha .sf-cp-fluid-fill {
+  display: none;
+}
+
+.sf-cp-fluid-thumb {
+  position: absolute;
+  top: 50%;
+  left: calc(var(--sf-ratio) * 100% - var(--sf-ratio) * 5px);
+  width: 5px;
+  height: 14px;
+  border-radius: 999px;
+  background: var(--sf-cp-fg);
+  box-shadow: 0 0 0 1px var(--sf-cp-bg);
+  transform: translateY(-50%);
+  pointer-events: none;
+  transition: height 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms ease;
+}
+
+.sf-cp-fluid:hover .sf-cp-fluid-thumb,
+.sf-cp-fluid:focus-within .sf-cp-fluid-thumb {
+  height: 20px;
+}
+
+.sf-cp-fluid:has(.sf-cp-fluid-range:active) .sf-cp-fluid-thumb {
+  height: 26px;
+  box-shadow: 0 0 0 1px var(--sf-cp-bg), 0 0 0 5px color-mix(in srgb, var(--sf-cp-fg) 15%, transparent);
+}
+
+.sf-cp-fluid-label {
+  position: relative;
+  color: var(--sf-cp-muted);
+  font-size: 11px;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+.sf-cp-fluid-range {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  opacity: 0;
+  cursor: ew-resize;
 }
 
-.sf-cp-range::-webkit-slider-thumb {
+.sf-cp-number.sf-cp-fluid-number {
+  position: relative;
+  z-index: 2;
+  width: 44px;
+  padding: 1px 6px;
+  border: none;
+  background: transparent;
+  text-align: right;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+.sf-cp-fluid-number::-webkit-inner-spin-button,
+.sf-cp-fluid-number::-webkit-outer-spin-button {
   -webkit-appearance: none;
-  appearance: none;
-  width: 15px;
-  height: 15px;
-  border: 2px solid var(--sf-cp-thumb-border);
-  border-radius: 50%;
-  background: var(--sf-cp-thumb-bg);
-  cursor: pointer;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  margin: 0;
 }
 
-.sf-cp-range::-moz-range-thumb {
-  width: 15px;
-  height: 15px;
-  border: 2px solid var(--sf-cp-thumb-border);
-  border-radius: 50%;
-  background: var(--sf-cp-thumb-bg);
-  cursor: pointer;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+.sf-cp-fluid-number:hover {
+  background: var(--sf-cp-hover);
+}
+
+.sf-cp-number.sf-cp-fluid-number:focus {
+  background: var(--sf-cp-field-bg);
+  box-shadow: 0 0 0 1px var(--sf-cp-accent);
 }
 
 .sf-cp-number,
 .sf-cp-text {
   flex: none;
   width: 52px;
-  padding: 4px 8px;
+  padding: 3px 8px;
   border: 1px solid var(--sf-cp-field-border);
   border-radius: 6px;
   background: var(--sf-cp-field-bg);
@@ -1371,8 +1549,9 @@ var GRADIENT_CSS = `
 var TABS_AND_AREA_CSS = `
 .sf-cp-tabs {
   display: flex;
-  gap: 4px;
-  padding: 4px;
+  gap: 2px;
+  height: 28px;
+  padding: 2px;
   border-radius: 8px;
   background: var(--sf-cp-tabs-bg);
 }
@@ -1383,12 +1562,13 @@ var TABS_AND_AREA_CSS = `
 
 .sf-cp-tab {
   flex: 1;
-  padding: 5px 12px;
+  padding: 0 12px;
   border: none;
   border-radius: 6px;
   background: transparent;
   color: var(--sf-cp-muted);
   font: inherit;
+  font-size: 11px;
   font-weight: 500;
   cursor: pointer;
   transition: background 0.15s ease, color 0.15s ease;
@@ -1401,8 +1581,8 @@ var TABS_AND_AREA_CSS = `
 
 .sf-cp-tab[aria-selected="true"] {
   background: var(--sf-cp-tab-active-bg);
-  color: var(--sf-cp-accent);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+  color: var(--sf-cp-fg);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
 }
 
 .sf-cp-area {
@@ -1503,6 +1683,7 @@ function openColorPopover(options) {
     state: {
       mode: allowGradient ? seed.mode : "solid",
       solid,
+      alpha: toAlpha(seed),
       gradient: toGradient(seed),
       selected: 0,
       hsv: hexToHsv(solid)
@@ -1570,7 +1751,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: chunk34PK7HEU_cjs.screenRectOf(target.node),
+      anchor: chunkHFOGKSNU_cjs.screenRectOf(target.node),
       theme: resolveTheme(this.#theme),
       allowGradient: !target.solidOnly,
       onCommit: (color) => {
@@ -1652,7 +1833,7 @@ function resolveTarget(event, selector, pathOf, rules) {
     return null;
   }
   const path = pathOf(node);
-  const owner = chunk34PK7HEU_cjs.resolveOwner(node);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(node);
   if (!path || !owner || !isEditablePath(path, rules) || requiresPriorSelection(node, owner)) {
     return null;
   }
@@ -1674,7 +1855,7 @@ function resolveZoneGradientTarget(event) {
   if (!node) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(node);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(node);
   if (!owner) {
     return null;
   }
@@ -1710,7 +1891,7 @@ var ZoneGradientSession = class {
     const beforeStops = sortStops(gradient.stops);
     this.#open = openColorPopover({
       seed: seedFrom(fill, gradient),
-      anchor: chunk34PK7HEU_cjs.screenRectOf(target.node),
+      anchor: chunkHFOGKSNU_cjs.screenRectOf(target.node),
       theme: resolveTheme(this.#theme),
       allowGradient: true,
       lockStops: true,
@@ -1783,15 +1964,15 @@ function bindDeleteSelection(viewer, emitter) {
 }
 
 // src/runtime/interaction/events.ts
-var Emitter2 = class extends chunk34PK7HEU_cjs.Emitter {
+var Emitter2 = class extends chunkHFOGKSNU_cjs.Emitter {
 };
 
 // src/runtime/interaction/linkPreview/geometry.ts
 function anchorPoint(bounds, side, other) {
   if (side) {
-    return chunkYM3XFBI4_cjs.pointAtPort(bounds, { side, offset: 0.5 });
+    return chunkCXL254BT_cjs.pointAtPort(bounds, { side, offset: 0.5 });
   }
-  return chunkYM3XFBI4_cjs.edgePointToward(bounds, other);
+  return chunkCXL254BT_cjs.edgePointToward(bounds, other);
 }
 function polylinePathData(points) {
   if (points.length < 4) {
@@ -1808,7 +1989,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 chunkYM3XFBI4_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
+    return chunkCXL254BT_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
   }
   return polylinePathData(points);
 }
@@ -1828,8 +2009,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 } = chunkYM3XFBI4_cjs.calculateLinkRoute(previewLink(fromSide, toSide), from, to, pathType);
-  return { points, segments, midpoint: chunkYM3XFBI4_cjs.getLineMidpoint(points, pathType, from, to) };
+  const { points, segments } = chunkCXL254BT_cjs.calculateLinkRoute(previewLink(fromSide, toSide), from, to, pathType);
+  return { points, segments, midpoint: chunkCXL254BT_cjs.getLineMidpoint(points, pathType, from, to) };
 }
 
 // src/runtime/interaction/linkPreview/discovery.ts
@@ -1861,7 +2042,7 @@ function resolveOppositeEndpoint(svg, path, canvasObjectId) {
   if (!otherId) {
     return null;
   }
-  const otherPrimary = chunk34PK7HEU_cjs.findOwnerNode(svg, otherId, chunk34PK7HEU_cjs.isPrimary);
+  const otherPrimary = chunkHFOGKSNU_cjs.findOwnerNode(svg, otherId, chunkHFOGKSNU_cjs.isPrimary);
   return otherPrimary ? { draggedIsFrom, bounds: otherPrimary.getBBox() } : null;
 }
 function captureLiveLinkLabel(svg, draft, draggedBounds) {
@@ -1908,8 +2089,8 @@ function resolveOtherFacePoint(svg, path, canvasObjectId) {
   if (!otherId || !face || !otherFace) {
     return null;
   }
-  const otherPrimary = chunk34PK7HEU_cjs.findOwnerNode(svg, otherId, chunk34PK7HEU_cjs.isPrimary);
-  const otherGeometry = otherPrimary && chunk34PK7HEU_cjs.isometricGeometryOf(otherPrimary);
+  const otherPrimary = chunkHFOGKSNU_cjs.findOwnerNode(svg, otherId, chunkHFOGKSNU_cjs.isPrimary);
+  const otherGeometry = otherPrimary && chunkHFOGKSNU_cjs.isometricGeometryOf(otherPrimary);
   if (!otherGeometry?.bounds) {
     return null;
   }
@@ -1920,7 +2101,7 @@ function resolveOtherFacePoint(svg, path, canvasObjectId) {
     height: otherGeometry.height,
     depth: otherGeometry.depth
   };
-  return { otherPoint: chunkYM3XFBI4_cjs.isometricFaceCenter(otherObject, otherFace), draggedIsFrom, face };
+  return { otherPoint: chunkCXL254BT_cjs.isometricFaceCenter(otherObject, otherFace), draggedIsFrom, face };
 }
 function findLiveFaceLinks(svg, canvasObjectId) {
   const escapedId = CSS.escape(canvasObjectId);
@@ -1939,7 +2120,7 @@ function findLiveFaceLinks(svg, canvasObjectId) {
 
 // src/runtime/interaction/linkPreview/faceUpdate.ts
 function updateLiveFaceLink(link, liveObject) {
-  const draggedPoint = chunkYM3XFBI4_cjs.isometricFaceCenter(liveObject, link.face);
+  const draggedPoint = chunkCXL254BT_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}`);
@@ -1963,7 +2144,7 @@ function updateLabelGap(link, points) {
   if (!link.labelGapSize) {
     return;
   }
-  const gap = chunkYM3XFBI4_cjs.labelGapDash(points, link.pathType, link.labelGapSize.width, link.labelGapSize.height);
+  const gap = chunkCXL254BT_cjs.labelGapDash(points, link.pathType, link.labelGapSize.width, link.labelGapSize.height);
   if (gap) {
     link.path.setAttribute("stroke-dasharray", `${gap.dashBefore} ${gap.gapLength} 1000000`);
   } else {
@@ -2003,11 +2184,11 @@ function readIsometricSnapStep(svg) {
   return step > 0 ? step : null;
 }
 function nearestIsometricLatticePoint(point, step) {
-  const u = point.x / (chunkYM3XFBI4_cjs.AXIS_COS * step);
-  const v = point.y / (chunkYM3XFBI4_cjs.AXIS_SIN * step);
+  const u = point.x / (chunkCXL254BT_cjs.AXIS_COS * step);
+  const v = point.y / (chunkCXL254BT_cjs.AXIS_SIN * step);
   const i = Math.round((u + v) / 2);
   const j = Math.round((u - v) / 2);
-  return { x: (i + j) * chunkYM3XFBI4_cjs.AXIS_COS * step, y: (i - j) * chunkYM3XFBI4_cjs.AXIS_SIN * step };
+  return { x: (i + j) * chunkCXL254BT_cjs.AXIS_COS * step, y: (i - j) * chunkCXL254BT_cjs.AXIS_SIN * step };
 }
 function snapToStep(value, step, min) {
   return Math.max(min, Math.round(value / step) * step);
@@ -2020,21 +2201,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 = chunkYM3XFBI4_cjs.isometricFaces(object);
-  nodes.top?.setAttribute("d", chunkYM3XFBI4_cjs.roundedPolygonPath(faces.top, 0));
-  nodes.front?.setAttribute("d", chunkYM3XFBI4_cjs.roundedPolygonPath(faces.front, 0));
-  nodes.side?.setAttribute("d", chunkYM3XFBI4_cjs.roundedPolygonPath(faces.right, 0));
+  const faces = chunkCXL254BT_cjs.isometricFaces(object);
+  nodes.top?.setAttribute("d", chunkCXL254BT_cjs.roundedPolygonPath(faces.top, 0));
+  nodes.front?.setAttribute("d", chunkCXL254BT_cjs.roundedPolygonPath(faces.front, 0));
+  nodes.side?.setAttribute("d", chunkCXL254BT_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 = chunkYM3XFBI4_cjs.roundedPolygonPath(silhouette, cornerRadius);
+  const hullPath = chunkCXL254BT_cjs.roundedPolygonPath(silhouette, cornerRadius);
   nodes.hull?.setAttribute("d", hullPath);
   if (overlay.halo) {
-    chunk34PK7HEU_cjs.updateHalo(overlay.halo, hullPath);
+    chunkHFOGKSNU_cjs.updateHalo(overlay.halo, hullPath);
   }
-  const placements = chunk34PK7HEU_cjs.axisArrowPlacements(object);
+  const placements = chunkHFOGKSNU_cjs.axisArrowPlacements(object);
   Object.keys(placements).forEach((axis) => {
     const group = overlay.arrows[axis];
     if (group) {
-      chunk34PK7HEU_cjs.updateAxisArrowGroup(group, placements[axis].origin, placements[axis].direction, svg);
+      chunkHFOGKSNU_cjs.updateAxisArrowGroup(group, placements[axis].origin, placements[axis].direction, svg);
     }
   });
   nodes.seams?.setAttribute(
@@ -2052,9 +2233,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", chunkYM3XFBI4_cjs.roundedPolygonPath(footprint, 0));
+    nodes.groundShadow.setAttribute("d", chunkCXL254BT_cjs.roundedPolygonPath(footprint, 0));
   }
-  const anchor = chunkYM3XFBI4_cjs.isometricTopFaceCenter(object);
+  const anchor = chunkCXL254BT_cjs.isometricTopFaceCenter(object);
   if (nodes.labelGuide) {
     nodes.labelGuide.setAttribute("d", `M ${anchor.x} ${anchor.y - LABEL_GAP} L ${anchor.x} ${anchor.y}`);
   }
@@ -2070,7 +2251,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 = chunk34PK7HEU_cjs.findAllOwnerNodes(svg, ownerId);
+  const all = chunkHFOGKSNU_cjs.findAllOwnerNodes(svg, ownerId);
   const bySuffix = (suffix) => all.find((el2) => el2.id.endsWith(suffix)) ?? null;
   return {
     top: bySuffix("-top"),
@@ -2096,30 +2277,30 @@ function createIsometricAxisDragState(svg, event) {
   if (!ownerId) {
     return null;
   }
-  const primary = chunk34PK7HEU_cjs.findOwnerNode(svg, ownerId, chunk34PK7HEU_cjs.isPrimary);
-  const owner = primary && chunk34PK7HEU_cjs.resolveOwner(primary);
+  const primary = chunkHFOGKSNU_cjs.findOwnerNode(svg, ownerId, chunkHFOGKSNU_cjs.isPrimary);
+  const owner = primary && chunkHFOGKSNU_cjs.resolveOwner(primary);
   if (!primary || owner?.role !== "isometric") {
     return null;
   }
-  const startUser = chunk34PK7HEU_cjs.pointerUserPoint(svg, event);
+  const startUser = chunkHFOGKSNU_cjs.pointerUserPoint(svg, event);
   if (!startUser) {
     return null;
   }
-  const geometry = chunk34PK7HEU_cjs.isometricGeometryOf(primary);
+  const geometry = chunkHFOGKSNU_cjs.isometricGeometryOf(primary);
   const bounds = geometry?.bounds ?? primary.getBBox();
   const nodes = collectNodes(svg, ownerId);
   [nodes.top, nodes.front, nodes.side].forEach((node) => {
     node?.removeAttribute("clip-path");
   });
   captureTarget.setPointerCapture?.(event.pointerId);
-  const overlayHalo = overlay?.querySelector(`[${chunk34PK7HEU_cjs.ISO_HALO_ATTR}]`) ?? null;
+  const overlayHalo = overlay?.querySelector(`[${chunkHFOGKSNU_cjs.ISO_HALO_ATTR}]`) ?? null;
   const overlayArrows = Object.fromEntries(
     AXES.map((axis2) => [
       axis2,
       overlay?.querySelector(`[data-sf-resize-handle="iso-${axis2}"]`) ?? null
     ])
   );
-  const overlayDuplicateBubbles = overlay?.querySelector(`[${chunk34PK7HEU_cjs.ISO_DUPLICATE_BUBBLES_ATTR}]`) ?? null;
+  const overlayDuplicateBubbles = overlay?.querySelector(`[${chunkHFOGKSNU_cjs.ISO_DUPLICATE_BUBBLES_ATTR}]`) ?? null;
   if (overlayDuplicateBubbles) {
     overlayDuplicateBubbles.style.display = "none";
   }
@@ -2136,7 +2317,7 @@ function createIsometricAxisDragState(svg, event) {
     pointerId: event.pointerId,
     startUser,
     start,
-    cornerRadius: geometry?.cornerRadius ?? Number(primary.getAttribute(chunkYM3XFBI4_cjs.CORNER_RADIUS_ATTR)) ?? 0,
+    cornerRadius: geometry?.cornerRadius ?? Number(primary.getAttribute(chunkCXL254BT_cjs.CORNER_RADIUS_ATTR)) ?? 0,
     nodes,
     overlayHalo,
     overlayArrows,
@@ -2155,15 +2336,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 * chunkYM3XFBI4_cjs.AXIS_COS + dy * chunkYM3XFBI4_cjs.AXIS_SIN;
+    const delta2 = dx * chunkCXL254BT_cjs.AXIS_COS + dy * chunkCXL254BT_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 * chunkYM3XFBI4_cjs.AXIS_COS + dy * chunkYM3XFBI4_cjs.AXIS_SIN;
+  const delta = -dx * chunkCXL254BT_cjs.AXIS_COS + dy * chunkCXL254BT_cjs.AXIS_SIN;
   const depth = length(start.depth + delta, 0);
-  const x = start.x + (start.depth - depth) * chunkYM3XFBI4_cjs.AXIS_COS;
+  const x = start.x + (start.depth - depth) * chunkCXL254BT_cjs.AXIS_COS;
   return { ...start, x, depth };
 }
 var IsometricAxisResizeSession = class {
@@ -2175,7 +2356,7 @@ var IsometricAxisResizeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createIsometricAxisDragState(this.#svg, event);
@@ -2185,7 +2366,7 @@ var IsometricAxisResizeSession = class {
     if (!drag || event.pointerId !== drag.pointerId) {
       return;
     }
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -2283,7 +2464,7 @@ function findLabelMark(event) {
   );
 }
 function isLabelPointer(event) {
-  return event.button === 0 && !chunk34PK7HEU_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunkHFOGKSNU_cjs.isCameraGesture(event);
 }
 function findHull(svg, ownerId) {
   return svg.querySelector(`[data-sf-id="${CSS.escape(ownerId)}"][data-sf-primary="true"]`);
@@ -2299,21 +2480,21 @@ function resolveIsometricLabelDrag(svg, event) {
   if (!clicked) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(clicked);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(clicked);
   if (owner?.role !== "isometric") {
     return null;
   }
   const hull = findHull(svg, owner.id);
-  const geometry = hull ? chunk34PK7HEU_cjs.isometricGeometryOf(hull) : null;
+  const geometry = hull ? chunkHFOGKSNU_cjs.isometricGeometryOf(hull) : null;
   if (!geometry?.bounds) {
     return null;
   }
-  const start = chunk34PK7HEU_cjs.pointerUserPoint(svg, event);
+  const start = chunkHFOGKSNU_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 * (chunkYM3XFBI4_cjs.AXIS_SIN / chunkYM3XFBI4_cjs.AXIS_COS) / 2;
+  const anchorY = geometry.bounds.y + geometry.bounds.width * (chunkCXL254BT_cjs.AXIS_SIN / chunkCXL254BT_cjs.AXIS_COS) / 2;
   const text = findBySuffix(svg, `-${owner.id}-label`);
   if (!text) {
     return null;
@@ -2365,7 +2546,7 @@ var IsometricLabelDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -2440,7 +2621,7 @@ function isIsometricDirection(value) {
 function bindIsometricQuickDuplicate(viewer, emitter) {
   const svg = viewer.svg;
   const onPointerDown = (event) => {
-    if (event.button !== 0 || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     const bubble = event.target?.closest("[data-sf-quick-duplicate]");
@@ -2451,7 +2632,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 && chunk34PK7HEU_cjs.resolveOwner(primary);
+    const owner = primary && chunkHFOGKSNU_cjs.resolveOwner(primary);
     if (!owner) {
       return;
     }
@@ -2519,7 +2700,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 } = chunkYM3XFBI4_cjs.calculateLinkRoute(previewLink2(fromSide, toSide), fromPoint, toPoint, drag.pathType);
+  const { points, segments } = chunkCXL254BT_cjs.calculateLinkRoute(previewLink2(fromSide, toSide), fromPoint, toPoint, drag.pathType);
   drag.path.setAttribute("d", previewPathData(points, segments, drag.pathType, drag.strokeWidth));
 }
 
@@ -2541,7 +2722,7 @@ var LinkGhost = class {
   constructor(svg, path) {
     this.#svg = svg;
     this.#path = path;
-    this.#anchors = svg.ownerDocument.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "g");
+    this.#anchors = svg.ownerDocument.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "g");
     this.#anchors.setAttribute("data-sf-link-target", "");
     this.#anchors.setAttribute("pointer-events", "none");
   }
@@ -2551,7 +2732,7 @@ var LinkGhost = class {
       for (const name of RESTORED_ATTRIBUTES) {
         this.#saved.set(name, this.#path.getAttribute(name));
       }
-      const dash = GHOST_DASH_PX / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+      const dash = GHOST_DASH_PX / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg);
       this.#path.setAttribute("stroke-dasharray", `${dash} ${dash}`);
       this.#path.setAttribute("stroke-linecap", "round");
       this.#path.setAttribute("opacity", GHOST_OPACITY);
@@ -2580,7 +2761,7 @@ var LinkGhost = class {
     if (!bounds) {
       return;
     }
-    const unit = 1 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+    const unit = 1 / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg);
     const centers = [
       [bounds.x + bounds.width / 2, bounds.y],
       [bounds.x + bounds.width, bounds.y + bounds.height / 2],
@@ -2588,7 +2769,7 @@ var LinkGhost = class {
       [bounds.x, bounds.y + bounds.height / 2]
     ];
     for (const [cx, cy] of centers) {
-      const dot = this.#svg.ownerDocument.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "circle");
+      const dot = this.#svg.ownerDocument.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "circle");
       dot.setAttribute("cx", String(cx));
       dot.setAttribute("cy", String(cy));
       dot.setAttribute("r", String(ANCHOR_RADIUS_PX * unit));
@@ -2608,7 +2789,7 @@ function collectEndpointCandidates(svg) {
     if (element2.getAttribute("data-sf-role") === "link") {
       continue;
     }
-    const owner = chunk34PK7HEU_cjs.resolveOwner(element2);
+    const owner = chunkHFOGKSNU_cjs.resolveOwner(element2);
     if (owner) {
       candidates.push({ owner, bounds: element2.getBBox() });
     }
@@ -2685,7 +2866,7 @@ function inferFixedSide(svg, reference, fixedPrimary) {
   if (reference.declaredSide) {
     return reference.declaredSide;
   }
-  const draggedPrimary = reference.draggedId ? chunk34PK7HEU_cjs.findOwnerNode(svg, reference.draggedId, chunk34PK7HEU_cjs.isPrimary) : null;
+  const draggedPrimary = reference.draggedId ? chunkHFOGKSNU_cjs.findOwnerNode(svg, reference.draggedId, chunkHFOGKSNU_cjs.isPrimary) : null;
   if (!draggedPrimary) {
     return "right";
   }
@@ -2693,7 +2874,7 @@ function inferFixedSide(svg, reference, fixedPrimary) {
 }
 function resolveFixedEndpoint(svg, path, draggedEnd) {
   const reference = fixedEndpointReference(path, draggedEnd);
-  const fixedPrimary = reference.fixedId ? chunk34PK7HEU_cjs.findOwnerNode(svg, reference.fixedId, chunk34PK7HEU_cjs.isPrimary) : null;
+  const fixedPrimary = reference.fixedId ? chunkHFOGKSNU_cjs.findOwnerNode(svg, reference.fixedId, chunkHFOGKSNU_cjs.isPrimary) : null;
   if (!fixedPrimary) {
     return null;
   }
@@ -2712,8 +2893,8 @@ function selectLinkEndpoint(svg, event) {
   if (!target || !end || !linkId) {
     return null;
   }
-  const path = chunk34PK7HEU_cjs.findOwnerNode(svg, linkId, chunk34PK7HEU_cjs.isPrimary);
-  const linkOwner = path && chunk34PK7HEU_cjs.resolveOwner(path);
+  const path = chunkHFOGKSNU_cjs.findOwnerNode(svg, linkId, chunkHFOGKSNU_cjs.isPrimary);
+  const linkOwner = path && chunkHFOGKSNU_cjs.resolveOwner(path);
   if (!path || !linkOwner) {
     return null;
   }
@@ -2755,8 +2936,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, chunkYM3XFBI4_cjs.relativeOffsetOnRectangleSide(bounds, side, point)));
-    const candidate = chunkYM3XFBI4_cjs.pointAtPort(bounds, { side, offset });
+    const offset = Math.max(0, Math.min(1, chunkCXL254BT_cjs.relativeOffsetOnRectangleSide(bounds, side, point)));
+    const candidate = chunkCXL254BT_cjs.pointAtPort(bounds, { side, offset });
     const distance = Math.hypot(candidate.x - point.x, candidate.y - point.y);
     if (distance < nearestDistance) {
       nearestDistance = distance;
@@ -2815,7 +2996,7 @@ function resolveLinkTarget(candidates, fixedPoint, point, unitsPerPx) {
   }
   const port = snapPort(candidate.bounds, point, unitsPerPx);
   return {
-    point: chunkYM3XFBI4_cjs.pointAtPort(candidate.bounds, port),
+    point: chunkCXL254BT_cjs.pointAtPort(candidate.bounds, port),
     side: port.side,
     hit: { owner: candidate.owner, side: port.side, offset: port.offset },
     bounds: candidate.bounds
@@ -2839,7 +3020,7 @@ var LinkEndpointSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createLinkEndpointDragState(this.#svg, event);
@@ -2853,7 +3034,7 @@ var LinkEndpointSession = class {
       return;
     }
     drag.moved = true;
-    const target = resolveEndpointTarget(drag, endpointPointerPosition(this.#svg, event), 1 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg));
+    const target = resolveEndpointTarget(drag, endpointPointerPosition(this.#svg, event), 1 / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg));
     updateEndpointPreview(drag, target.point, target.side);
     drag.ghost.show(target.hit !== null, target.bounds);
   };
@@ -2967,7 +3148,7 @@ var LinkSegmentSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     const target = event.target;
@@ -2977,12 +3158,12 @@ var LinkSegmentSession = class {
     if (!handle || !overlay || !linkId) {
       return;
     }
-    const path = chunk34PK7HEU_cjs.findOwnerNode(this.#svg, linkId, chunk34PK7HEU_cjs.isPrimary);
-    const owner = path && chunk34PK7HEU_cjs.resolveOwner(path);
+    const path = chunkHFOGKSNU_cjs.findOwnerNode(this.#svg, linkId, chunkHFOGKSNU_cjs.isPrimary);
+    const owner = path && chunkHFOGKSNU_cjs.resolveOwner(path);
     const index = Number(handle.getAttribute("data-sf-link-segment"));
     const segments = path ? parseSegments(path) : [];
     const segment = segments[index];
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!path || !owner || !segment || !point) {
       return;
     }
@@ -2990,7 +3171,7 @@ var LinkSegmentSession = class {
     const guide = document.createElementNS(SVG_NAMESPACE2, "line");
     guide.setAttribute("stroke", GUIDE_COLOR);
     guide.setAttribute("stroke-dasharray", "4 4");
-    guide.setAttribute("stroke-width", String(1 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg)));
+    guide.setAttribute("stroke-width", String(1 / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg)));
     guide.setAttribute("visibility", "hidden");
     overlay.appendChild(guide);
     handle.setPointerCapture?.(event.pointerId);
@@ -3025,7 +3206,7 @@ var LinkSegmentSession = class {
       return;
     }
     drag.moved = true;
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -3051,8 +3232,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 ? chunk34PK7HEU_cjs.findOwnerNode(this.#svg, linkId, chunk34PK7HEU_cjs.isPrimary) : null;
-    const owner = path && chunk34PK7HEU_cjs.resolveOwner(path);
+    const path = linkId ? chunkHFOGKSNU_cjs.findOwnerNode(this.#svg, linkId, chunkHFOGKSNU_cjs.isPrimary) : null;
+    const owner = path && chunkHFOGKSNU_cjs.resolveOwner(path);
     if (!handle || !owner) {
       return;
     }
@@ -3075,7 +3256,7 @@ var LinkSegmentSession = class {
     if (isSnapDisabled(this.#svg)) {
       return { value: raw, snapped: null };
     }
-    const threshold = SNAP_PX / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+    const threshold = SNAP_PX / chunkHFOGKSNU_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);
@@ -3088,7 +3269,7 @@ var LinkSegmentSession = class {
   #preview(drag, snapped) {
     const next = movedSegments(drag, drag.value);
     const strokeWidth = Number(drag.path.getAttribute("stroke-width")) || 2;
-    const data = chunkYM3XFBI4_cjs.roundedOrthogonalPathData(pathSegments(next), Math.max(16, strokeWidth * 4));
+    const data = chunkCXL254BT_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];
@@ -3262,8 +3443,8 @@ function nearestCandidates(bounds, candidates, limit = 50) {
 
 // src/runtime/interaction/snapping/isometricDiagonal.ts
 var AXES2 = [
-  { x: chunkYM3XFBI4_cjs.AXIS_COS, y: chunkYM3XFBI4_cjs.AXIS_SIN },
-  { x: -chunkYM3XFBI4_cjs.AXIS_COS, y: chunkYM3XFBI4_cjs.AXIS_SIN }
+  { x: chunkCXL254BT_cjs.AXIS_COS, y: chunkCXL254BT_cjs.AXIS_SIN },
+  { x: -chunkCXL254BT_cjs.AXIS_COS, y: chunkCXL254BT_cjs.AXIS_SIN }
 ];
 var GUIDE_OVERHANG = 40;
 function snapIsometricDiagonal(apex, rawDx, rawDy, candidates, threshold) {
@@ -3332,13 +3513,13 @@ function isometricApexOf(svg, drag, declared = false) {
   if (lead.owner.role !== "isometric") {
     return null;
   }
-  const primary = chunk34PK7HEU_cjs.findOwnerNode(svg, lead.owner.id, chunk34PK7HEU_cjs.isPrimary);
-  const geometry = primary && chunk34PK7HEU_cjs.isometricGeometryOf(primary);
+  const primary = chunkHFOGKSNU_cjs.findOwnerNode(svg, lead.owner.id, chunkHFOGKSNU_cjs.isPrimary);
+  const geometry = primary && chunkHFOGKSNU_cjs.isometricGeometryOf(primary);
   if (!geometry) {
     return null;
   }
   const frame = declared && geometry.bounds ? geometry.bounds : lead.draggedBounds;
-  return { x: frame.x + geometry.depth * chunkYM3XFBI4_cjs.AXIS_COS, y: frame.y };
+  return { x: frame.x + geometry.depth * chunkCXL254BT_cjs.AXIS_COS, y: frame.y };
 }
 function snapIsometricGrid(svg, drag, rawDx, rawDy) {
   const step = readIsometricSnapStep(svg);
@@ -3355,8 +3536,8 @@ function snapIsometricMove(svg, drag, rawDx, rawDy) {
     return null;
   }
   const excludedIds = new Set(drag.canvasObjects.map((canvasObject) => canvasObject.owner.id));
-  const candidates = chunk34PK7HEU_cjs.findIsometricApexCandidates(svg, excludedIds);
-  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, SNAP_THRESHOLD_PX / chunk34PK7HEU_cjs.pxPerUnit(svg));
+  const candidates = chunkHFOGKSNU_cjs.findIsometricApexCandidates(svg, excludedIds);
+  const snap = snapIsometricDiagonal(apex, rawDx, rawDy, candidates, SNAP_THRESHOLD_PX / chunkHFOGKSNU_cjs.pxPerUnit(svg));
   return snap ? { dx: snap.dx, dy: snap.dy, guides: [snap.guide] } : null;
 }
 function snapMove(svg, drag, rawDx, rawDy) {
@@ -3373,9 +3554,9 @@ 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, chunk34PK7HEU_cjs.findSnapCandidateBounds(svg, excludedIds));
+  const candidates = nearestCandidates(leadBounds, chunkHFOGKSNU_cjs.findSnapCandidateBounds(svg, excludedIds));
   const snap = computeSnap(leadBounds, candidates, {
-    threshold: SNAP_THRESHOLD_PX / chunk34PK7HEU_cjs.pxPerUnit(svg),
+    threshold: SNAP_THRESHOLD_PX / chunkHFOGKSNU_cjs.pxPerUnit(svg),
     activeX: MOVE_ACTIVE_POINTS,
     activeY: MOVE_ACTIVE_POINTS,
     guideOverhang: GUIDE_OVERHANG2
@@ -3436,7 +3617,7 @@ function isCompositeOwner(owner) {
   return owner !== null && owner !== void 0 && COMPOSITE_ROLES.has(owner.role);
 }
 function hasDerivedHeight(owner) {
-  return owner !== null && owner !== void 0 && chunk34PK7HEU_cjs.DERIVED_HEIGHT_ROLES.has(owner.role);
+  return owner !== null && owner !== void 0 && chunkHFOGKSNU_cjs.DERIVED_HEIGHT_ROLES.has(owner.role);
 }
 
 // src/runtime/interaction/move/canvasObjectCapture.ts
@@ -3457,7 +3638,7 @@ function parentContainerBounds(svg, primary, groupIds) {
   if (!parentId || groupIds.has(parentId)) {
     return void 0;
   }
-  const container = chunk34PK7HEU_cjs.findOwnerNode(svg, parentId, chunk34PK7HEU_cjs.isPrimary);
+  const container = chunkHFOGKSNU_cjs.findOwnerNode(svg, parentId, chunkHFOGKSNU_cjs.isPrimary);
   if (!container) {
     return void 0;
   }
@@ -3465,14 +3646,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 = chunk34PK7HEU_cjs.findAllOwnerNodes(svg, owner.id);
-  const primary = chunk34PK7HEU_cjs.findOwnerNode(svg, owner.id, chunk34PK7HEU_cjs.isPrimary);
+  const nodes = chunkHFOGKSNU_cjs.findAllOwnerNodes(svg, owner.id);
+  const primary = chunkHFOGKSNU_cjs.findOwnerNode(svg, owner.id, chunkHFOGKSNU_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" ? chunk34PK7HEU_cjs.isometricGeometryOf(primary) : null;
+  const isometricGeometry = owner.role === "isometric" ? chunkHFOGKSNU_cjs.isometricGeometryOf(primary) : null;
   const isometricSize = isometricGeometry ? { width: isometricGeometry.width, height: isometricGeometry.height, depth: isometricGeometry.depth } : void 0;
   return {
     owner,
@@ -3514,7 +3695,7 @@ function captureInternalLinks(svg, groupIds) {
     if (!linkId || !belongsToMoveGroup(path, groupIds)) {
       continue;
     }
-    const nodes = chunk34PK7HEU_cjs.findAllOwnerNodes(svg, linkId);
+    const nodes = chunkHFOGKSNU_cjs.findAllOwnerNodes(svg, linkId);
     if (nodes.length) {
       links.push({ nodes, baseTransforms: nodes.map((node) => node.getAttribute("transform")) });
     }
@@ -3548,7 +3729,7 @@ function containedChildren(viewer, owner) {
     return [];
   }
   const nodes = viewer.svg.querySelectorAll(`[data-sf-parent-frame="${CSS.escape(owner.id)}"]`);
-  return [...nodes].map((node) => chunk34PK7HEU_cjs.resolveOwner(node)).filter((ref) => ref !== null);
+  return [...nodes].map((node) => chunkHFOGKSNU_cjs.resolveOwner(node)).filter((ref) => ref !== null);
 }
 function selectedMoveGroup(viewer, owner) {
   const selection = viewer.getSelection();
@@ -3565,7 +3746,7 @@ function isChartInteractiveMark(target) {
 }
 function createMoveDragState(viewer, event, startUser) {
   const target = event.target;
-  const owner = chunk34PK7HEU_cjs.resolveOwner(target);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(target);
   if (!hasMovableGeometry(owner) || isChartInteractiveMark(target)) {
     return null;
   }
@@ -3599,7 +3780,7 @@ var MoveSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createMoveDragState(this.#viewer, event, movePointerPosition(this.#svg, event));
@@ -3617,7 +3798,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);
-    chunk34PK7HEU_cjs.updateAlignmentGuides(this.#svg, delta.guides, MOVE_GUIDE_COLOR);
+    chunkHFOGKSNU_cjs.updateAlignmentGuides(this.#svg, delta.guides, MOVE_GUIDE_COLOR);
   };
   pointerUp = (event) => {
     const drag = this.#drag;
@@ -3626,7 +3807,7 @@ var MoveSession = class {
     }
     this.#drag = null;
     event.target.releasePointerCapture?.(drag.pointerId);
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     emitMoveCompletion(this.#svg, this.#emitter, drag, event);
   };
   cancel() {
@@ -3651,6 +3832,43 @@ function bindShapeMovement(viewer, emitter) {
   };
 }
 
+// src/runtime/interaction/nudgeSelection.ts
+var STEP = 1;
+var SHIFT_STEP = 10;
+var DIRECTIONS = {
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 }
+};
+function typingInField(event) {
+  return event.target instanceof Element && event.target.closest('input, textarea, [contenteditable="true"]') !== null;
+}
+function bindNudgeSelection(viewer, emitter) {
+  const svg = viewer.svg;
+  const onKeyDown = (e) => {
+    const direction = DIRECTIONS[e.key];
+    if (!direction || e.altKey || e.ctrlKey || e.metaKey || typingInField(e)) {
+      return;
+    }
+    const owners = viewer.getSelection().filter(hasMovableGeometry);
+    if (!owners.length) {
+      return;
+    }
+    e.preventDefault();
+    const step = e.shiftKey ? SHIFT_STEP : STEP;
+    for (const owner of owners) {
+      emitter.emit("moveChange", { owner, dx: direction.x * step, dy: direction.y * step });
+    }
+  };
+  svg.addEventListener("keydown", onKeyDown);
+  return {
+    destroy() {
+      svg.removeEventListener("keydown", onKeyDown);
+    }
+  };
+}
+
 // src/runtime/interaction/pathDraw/geometry.ts
 var MIN_POINTS_TO_CLOSE = 3;
 var MIN_POINTS_OPEN = 2;
@@ -3735,9 +3953,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(chunk34PK7HEU_cjs.SVG_NAMESPACE, "g");
+  const group = document2.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "g");
   group.setAttribute("pointer-events", "none");
-  const line = document2.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "path");
+  const line = document2.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "path");
   line.setAttribute("fill", "none");
   line.setAttribute("stroke", PREVIEW_COLOR);
   line.setAttribute("stroke-linecap", "round");
@@ -3747,8 +3965,8 @@ function createPathDrawPreview(svg) {
 }
 function pointMarker(svg, point, highlighted) {
   const document2 = svg.ownerDocument;
-  const unit = 1 / chunk34PK7HEU_cjs.pxPerUnit(svg);
-  const circle = document2.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "circle");
+  const unit = 1 / chunkHFOGKSNU_cjs.pxPerUnit(svg);
+  const circle = document2.createElementNS(chunkHFOGKSNU_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));
@@ -3762,11 +3980,11 @@ function updatePathDrawPreview(svg, state) {
   if (!previewLine || !previewGroup) {
     return;
   }
-  const unit = 1 / chunk34PK7HEU_cjs.pxPerUnit(svg);
+  const unit = 1 / chunkHFOGKSNU_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", chunkYM3XFBI4_cjs.freeformPathData({ points: live, tension: state.tension, closed: false }));
+  previewLine.setAttribute("d", chunkCXL254BT_cjs.freeformPathData({ points: live, tension: state.tension, closed: false }));
   while (previewGroup.childNodes.length > 1) {
     previewGroup.lastChild?.remove();
   }
@@ -3826,12 +4044,12 @@ var PathDrawSession = class {
     }
   }
   pointerDown = (event) => {
-    if (!this.#state.active || event.button !== 0 || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (!this.#state.active || event.button !== 0 || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     event.stopPropagation();
     event.preventDefault();
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -3850,14 +4068,14 @@ var PathDrawSession = class {
     this.#state.cursor = resolved.point;
     this.#state.willClose = false;
     updatePathDrawPreview(this.#svg, this.#state);
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
   };
   pointerMove = (event) => {
     if (!this.#state.active) {
       return;
     }
     event.stopPropagation();
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -3866,9 +4084,9 @@ var PathDrawSession = class {
     this.#state.willClose = resolved.willClose;
     updatePathDrawPreview(this.#svg, this.#state);
     if (resolved.guide) {
-      chunk34PK7HEU_cjs.updateAlignmentGuides(this.#svg, [resolved.guide], GUIDE_COLOR2);
+      chunkHFOGKSNU_cjs.updateAlignmentGuides(this.#svg, [resolved.guide], GUIDE_COLOR2);
     } else {
-      chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+      chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     }
   };
   pointerUp = (event) => {
@@ -3903,10 +4121,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 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+      const closeSnapUnits = CLOSE_SNAP_PX / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg);
       this.#state.willClose = this.#state.cursor ? isCloseToStart(this.#state.points, this.#state.cursor, closeSnapUnits) : false;
       updatePathDrawPreview(this.#svg, this.#state);
-      chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+      chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     }
   };
   keyUp = (event) => {
@@ -3915,7 +4133,7 @@ var PathDrawSession = class {
     }
   };
   #resolvePoint(raw) {
-    const closeSnapUnits = CLOSE_SNAP_PX / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+    const closeSnapUnits = CLOSE_SNAP_PX / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg);
     if (isCloseToStart(this.#state.points, raw, closeSnapUnits)) {
       return { point: this.#state.points[0], willClose: true, guide: null };
     }
@@ -3925,7 +4143,7 @@ var PathDrawSession = class {
       return { point: raw, willClose: false, guide: null };
     }
     const angleSnapped = snapTo45Degrees(last, raw);
-    const guideSnapUnits = GUIDE_SNAP_PX / chunk34PK7HEU_cjs.pxPerUnit(this.#svg);
+    const guideSnapUnits = GUIDE_SNAP_PX / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg);
     const { point, guide } = snapToSessionGuides(last, angleSnapped, points.slice(0, -1), raw, guideSnapUnits);
     return { point, willClose: false, guide };
   }
@@ -3939,7 +4157,7 @@ var PathDrawSession = class {
   }
   #reset(callExit) {
     this.#state.previewGroup?.remove();
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     const exit = this.#state.onExit;
     this.#state = createIdlePathDrawState();
     this.#shiftHeld = false;
@@ -3982,7 +4200,7 @@ function applyPathReshapePreview(drag, point) {
   const points = drag.points.map(
     (existing, index) => index === drag.pointIndex ? [point.x, point.y] : existing
   );
-  const d = chunkYM3XFBI4_cjs.freeformPathData({
+  const d = chunkCXL254BT_cjs.freeformPathData({
     points: points.map(([x, y]) => ({ x, y })),
     tension: drag.tension,
     closed: drag.closed
@@ -3990,22 +4208,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(`[${chunk34PK7HEU_cjs.PATH_HALO_ATTR}]`)?.setAttribute("d", d);
+  drag.overlay?.querySelector(`[${chunkHFOGKSNU_cjs.PATH_HALO_ATTR}]`)?.setAttribute("d", d);
   return points;
 }
 
 // src/runtime/interaction/pathReshape/target.ts
 function resolvePathReshapeTarget(svg, event) {
-  const handle = event.target?.closest?.(`[${chunkYM3XFBI4_cjs.PATH_POINT_INDEX_ATTR}]`) ?? null;
-  const indexAttr = handle?.getAttribute(chunkYM3XFBI4_cjs.PATH_POINT_INDEX_ATTR) ?? null;
+  const handle = event.target?.closest?.(`[${chunkCXL254BT_cjs.PATH_POINT_INDEX_ATTR}]`) ?? null;
+  const indexAttr = handle?.getAttribute(chunkCXL254BT_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 = chunk34PK7HEU_cjs.findOwnerNode(svg, ownerId, chunk34PK7HEU_cjs.isPrimary);
-  const owner = pathNode && chunk34PK7HEU_cjs.resolveOwner(pathNode);
-  const geometry = pathNode && chunk34PK7HEU_cjs.pathGeometryOf(pathNode);
+  const pathNode = chunkHFOGKSNU_cjs.findOwnerNode(svg, ownerId, chunkHFOGKSNU_cjs.isPrimary);
+  const owner = pathNode && chunkHFOGKSNU_cjs.resolveOwner(pathNode);
+  const geometry = pathNode && chunkHFOGKSNU_cjs.pathGeometryOf(pathNode);
   if (!pathNode || !owner || !geometry || pointIndex < 0 || pointIndex >= geometry.points.length) {
     return null;
   }
@@ -4048,7 +4266,7 @@ var PathReshapeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createPathReshapeDragState(this.#svg, event);
@@ -4059,7 +4277,7 @@ var PathReshapeSession = class {
       return;
     }
     drag.moved = true;
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (point) {
       applyPathReshapePreview(drag, point);
     }
@@ -4074,7 +4292,7 @@ var PathReshapeSession = class {
     if (!drag.moved) {
       return;
     }
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event) ?? {
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event) ?? {
       x: drag.points[drag.pointIndex][0],
       y: drag.points[drag.pointIndex][1]
     };
@@ -4115,7 +4333,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 = chunkYM3XFBI4_cjs.clipSegmentToRect(from, to, drag.halfWidth, drag.halfHeight);
+  const clipped = chunkCXL254BT_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);
@@ -4141,7 +4359,7 @@ function restoreAttribute(element2, name, value) {
 
 // src/runtime/interaction/pieGeometry.ts
 function readPieGeometry(svg, ownerId) {
-  const raw = chunk34PK7HEU_cjs.findOwnerNode(svg, ownerId, chunk34PK7HEU_cjs.isPrimary)?.getAttribute("data-sf-pie-geometry");
+  const raw = chunkHFOGKSNU_cjs.findOwnerNode(svg, ownerId, chunkHFOGKSNU_cjs.isPrimary)?.getAttribute("data-sf-pie-geometry");
   if (!raw) {
     return null;
   }
@@ -4160,7 +4378,7 @@ function findLabelMark2(event) {
   return event.target?.closest?.(selector);
 }
 function isLabelPointer2(event) {
-  return event.button === 0 && !chunk34PK7HEU_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunkHFOGKSNU_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}"]`;
@@ -4192,7 +4410,7 @@ function resolvePieLabelDrag(svg, event) {
   if (!clicked) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(clicked);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(clicked);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -4211,7 +4429,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 = chunk34PK7HEU_cjs.pointerUserPoint(svg, event);
+  const start = chunkHFOGKSNU_cjs.pointerUserPoint(svg, event);
   if (!start) {
     return null;
   }
@@ -4233,13 +4451,13 @@ function resolvePieLabelDrag(svg, event) {
     outerRadius,
     anchorX: geometry.centerX + outerRadius * Math.cos(midAngle),
     anchorY: geometry.centerY + outerRadius * Math.sin(midAngle),
-    tickStartX: geometry.centerX + (outerRadius + chunkYM3XFBI4_cjs.LEADER_INSET) * Math.cos(midAngle),
-    tickStartY: geometry.centerY + (outerRadius + chunkYM3XFBI4_cjs.LEADER_INSET) * Math.sin(midAngle),
+    tickStartX: geometry.centerX + (outerRadius + chunkCXL254BT_cjs.LEADER_INSET) * Math.cos(midAngle),
+    tickStartY: geometry.centerY + (outerRadius + chunkCXL254BT_cjs.LEADER_INSET) * Math.sin(midAngle),
     restX,
     restY,
     startX: start.x,
     startY: start.y,
-    halfWidth: chunkYM3XFBI4_cjs.LABEL_WIDTH / 2,
+    halfWidth: chunkCXL254BT_cjs.LABEL_WIDTH / 2,
     halfHeight: fontSize * 1.2,
     moved: false,
     lastDx: 0,
@@ -4275,7 +4493,7 @@ var PieLabelDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -4307,8 +4525,8 @@ var PieLabelDragSession = class {
     if (!drag.moved) {
       return;
     }
-    const pathX = chunkYM3XFBI4_cjs.seriesLabelOffsetXProp(drag.seriesId);
-    const pathY = chunkYM3XFBI4_cjs.seriesLabelOffsetYProp(drag.seriesId);
+    const pathX = chunkCXL254BT_cjs.seriesLabelOffsetXProp(drag.seriesId);
+    const pathY = chunkCXL254BT_cjs.seriesLabelOffsetYProp(drag.seriesId);
     if (!pathX || !pathY) {
       return;
     }
@@ -4370,7 +4588,7 @@ function siblingNodes(svg, owner, path) {
   });
 }
 function resolvePropertyDrag(svg, event, rules) {
-  if (event.button !== 0 || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+  if (event.button !== 0 || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
     return null;
   }
   const node = event.target?.closest?.('[data-sf-prop-kind="value"]');
@@ -4378,11 +4596,11 @@ function resolvePropertyDrag(svg, event, rules) {
     return null;
   }
   const path = node.getAttribute("data-sf-prop");
-  const owner = chunk34PK7HEU_cjs.resolveOwner(node);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(node);
   if (!path || owner?.role !== "chart" || !isEditablePath(path, rules)) {
     return null;
   }
-  const scale = parseValueScale(chunk34PK7HEU_cjs.findOwnerNode(svg, owner.id, chunk34PK7HEU_cjs.isPrimary));
+  const scale = parseValueScale(chunkHFOGKSNU_cjs.findOwnerNode(svg, owner.id, chunkHFOGKSNU_cjs.isPrimary));
   if (!scale) {
     return null;
   }
@@ -4651,7 +4869,7 @@ function resolvePropertyTarget(event, rules) {
     return null;
   }
   const path = hit.getAttribute("data-sf-prop");
-  const owner = chunk34PK7HEU_cjs.resolveOwner(hit);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(hit);
   if (!path || !owner || !isEditablePath(path, rules)) {
     return null;
   }
@@ -4690,7 +4908,7 @@ var PropertyEditingSession = class {
   begin(target) {
     this.cancel();
     const { node } = target;
-    const rect = chunk34PK7HEU_cjs.screenRectOf(node);
+    const rect = chunkHFOGKSNU_cjs.screenRectOf(node);
     const fontSize = Number.parseFloat(node.getAttribute("font-size") || "12");
     const originalText = node.textContent ?? "";
     const anchor = node.getAttribute("text-anchor");
@@ -4780,9 +4998,9 @@ function crossedDuplicateDragThreshold(drag, event) {
 var PREVIEW_STROKE_PX = 2;
 var NEW_LINK_PATH_TYPE = "orthogonal";
 function createDuplicatePreviewPath(svg) {
-  const path = svg.ownerDocument.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "path");
+  const path = svg.ownerDocument.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "path");
   path.setAttribute("fill", "none");
-  path.setAttribute("stroke-width", String(PREVIEW_STROKE_PX / chunk34PK7HEU_cjs.pxPerUnit(svg)));
+  path.setAttribute("stroke-width", String(PREVIEW_STROKE_PX / chunkHFOGKSNU_cjs.pxPerUnit(svg)));
   path.style.pointerEvents = "none";
   return path;
 }
@@ -4801,7 +5019,7 @@ function previewLink3(fromSide, toSide) {
 }
 function updateDuplicatePreview(drag, toPoint, toSide) {
   const link = previewLink3(drag.direction, toSide);
-  const { points, segments } = chunkYM3XFBI4_cjs.calculateLinkRoute(link, drag.fixedPoint, toPoint, NEW_LINK_PATH_TYPE);
+  const { points, segments } = chunkCXL254BT_cjs.calculateLinkRoute(link, drag.fixedPoint, toPoint, NEW_LINK_PATH_TYPE);
   drag.previewPath.setAttribute("d", previewPathData(points, segments, NEW_LINK_PATH_TYPE, 2));
 }
 
@@ -4812,7 +5030,7 @@ function duplicateCandidates(svg, sourceId) {
     if (element2.getAttribute("data-sf-role") === "link") {
       continue;
     }
-    const owner = chunk34PK7HEU_cjs.resolveOwner(element2);
+    const owner = chunkHFOGKSNU_cjs.resolveOwner(element2);
     if (owner && owner.id !== sourceId) {
       candidates.push({ owner, bounds: element2.getBBox() });
     }
@@ -4826,8 +5044,8 @@ function createQuickDuplicateDragState(svg, event, previewPath) {
   if (!bubble || !direction || direction.startsWith("iso-") || !sourceId) {
     return null;
   }
-  const primary = chunk34PK7HEU_cjs.findOwnerNode(svg, sourceId, chunk34PK7HEU_cjs.isPrimary);
-  const sourceOwner = primary && chunk34PK7HEU_cjs.resolveOwner(primary);
+  const primary = chunkHFOGKSNU_cjs.findOwnerNode(svg, sourceId, chunkHFOGKSNU_cjs.isPrimary);
+  const sourceOwner = primary && chunkHFOGKSNU_cjs.resolveOwner(primary);
   if (!primary || !sourceOwner) {
     return null;
   }
@@ -4835,7 +5053,7 @@ function createQuickDuplicateDragState(svg, event, previewPath) {
   return {
     sourceOwner,
     direction,
-    fixedPoint: chunkYM3XFBI4_cjs.pointAtPort(primary.getBBox(), { side: direction, offset: 0.5 }),
+    fixedPoint: chunkCXL254BT_cjs.pointAtPort(primary.getBBox(), { side: direction, offset: 0.5 }),
     previewPath,
     ghost: new LinkGhost(svg, previewPath),
     candidates: duplicateCandidates(svg, sourceId),
@@ -4863,7 +5081,7 @@ var QuickDuplicateSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createQuickDuplicateDragState(this.#svg, event, createDuplicatePreviewPath(this.#svg));
@@ -4877,7 +5095,7 @@ var QuickDuplicateSession = class {
       return;
     }
     this.beginPreview(drag);
-    const target = resolveDuplicateTarget(drag, duplicatePointerPosition(this.#svg, event), 1 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg));
+    const target = resolveDuplicateTarget(drag, duplicatePointerPosition(this.#svg, event), 1 / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg));
     updateDuplicatePreview(drag, target.point, target.side);
     drag.ghost.show(target.hit !== null, target.bounds);
   };
@@ -4935,14 +5153,14 @@ function seriesShapes(svg, ownerId, series) {
   return [...svg.querySelectorAll(selector)];
 }
 function updateRadarVertexDragPreview(svg, drag, value) {
-  const point = chunkYM3XFBI4_cjs.radarVertexPoint(drag.frame, drag.index, value);
+  const point = chunkCXL254BT_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 = chunkYM3XFBI4_cjs.radarSeriesPath(points, drag.frame.curved);
+  const path = chunkCXL254BT_cjs.radarSeriesPath(points, drag.frame.curved, drag.frame.tension);
   for (const shape of seriesShapes(svg, drag.owner.id, drag.series)) {
     shape.setAttribute("d", path);
   }
@@ -4978,17 +5196,26 @@ function parseRadarFrame(node) {
   if (!raw) {
     return null;
   }
-  const [centerX, centerY, radius, min, max, count, curved] = raw.split(",").map(Number);
+  const [centerX, centerY, radius, min, max, count, curved, tension] = raw.split(",").map(Number);
   if (![centerX, centerY, radius, min, max, count].every(Number.isFinite) || count < 3 || max === min) {
     return null;
   }
-  return { centerX, centerY, radius, min, max, count, curved: curved === 1 };
+  return {
+    centerX,
+    centerY,
+    radius,
+    min,
+    max,
+    count,
+    curved: curved === 1,
+    tension: Number.isFinite(tension) ? tension : void 0
+  };
 }
 function findVertex(event) {
   return event.target?.closest?.('[data-sf-mark="radar-vertex"]');
 }
 function isVertexPointer(event) {
-  return event.button === 0 && !chunk34PK7HEU_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunkHFOGKSNU_cjs.isCameraGesture(event);
 }
 function resolveRadarVertexDrag(svg, event) {
   if (!isVertexPointer(event)) {
@@ -4998,7 +5225,7 @@ function resolveRadarVertexDrag(svg, event) {
   if (!element2) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(element2);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(element2);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -5007,7 +5234,7 @@ function resolveRadarVertexDrag(svg, event) {
   if (!series || !Number.isInteger(index) || index < 0) {
     return null;
   }
-  const frame = parseRadarFrame(chunk34PK7HEU_cjs.findOwnerNode(svg, owner.id, chunk34PK7HEU_cjs.isPrimary));
+  const frame = parseRadarFrame(chunkHFOGKSNU_cjs.findOwnerNode(svg, owner.id, chunkHFOGKSNU_cjs.isPrimary));
   if (!frame || index >= frame.count) {
     return null;
   }
@@ -5017,11 +5244,11 @@ function resolveRadarVertexDrag(svg, event) {
 
 // src/runtime/interaction/radarVertexDrag/session.ts
 function valueFrom(svg, event, drag) {
-  const point = chunk34PK7HEU_cjs.pointerUserPoint(svg, event);
+  const point = chunkHFOGKSNU_cjs.pointerUserPoint(svg, event);
   if (!point) {
     return null;
   }
-  return chunkYM3XFBI4_cjs.radarValueAtPoint(drag.frame, drag.index, point.x, point.y);
+  return chunkCXL254BT_cjs.radarValueAtPoint(drag.frame, drag.index, point.x, point.y);
 }
 var RadarVertexDragSession = class {
   #svg;
@@ -5053,7 +5280,7 @@ var RadarVertexDragSession = class {
     if (!this.#readout) {
       this.#readout = createValueReadout(this.#svg);
     }
-    const vertex = chunkYM3XFBI4_cjs.radarVertexPoint(this.#drag.frame, this.#drag.index, value);
+    const vertex = chunkCXL254BT_cjs.radarVertexPoint(this.#drag.frame, this.#drag.index, value);
     positionRadarReadout(this.#readout, vertex, this.#drag.frame.centerY, value);
   }
   cancel() {
@@ -5144,7 +5371,7 @@ function captureTextFit(text) {
     fontSize,
     lineHeight,
     padding: Math.max(8, text.strokeWidth * 2),
-    longestWord: Math.max(0, ...words.map((word) => chunkYM3XFBI4_cjs.estimateTextWidth(word, fontSize, bold)))
+    longestWord: Math.max(0, ...words.map((word) => chunkCXL254BT_cjs.estimateTextWidth(word, fontSize, bold)))
   };
 }
 var COMMIT_PRECISION = 10;
@@ -5155,7 +5382,7 @@ function minWidthForText(fit) {
   return roundUpForCommit(fit.longestWord + fit.padding * 2);
 }
 function minHeightForText(fit, width) {
-  const lines = chunkYM3XFBI4_cjs.wrapText(fit.rawText, Math.max(0, width - fit.padding * 2), fit.fontSize);
+  const lines = chunkCXL254BT_cjs.wrapText(fit.rawText, Math.max(0, width - fit.padding * 2), fit.fontSize);
   return roundUpForCommit(lines.length * fit.fontSize * fit.lineHeight + fit.padding * 2);
 }
 
@@ -5265,7 +5492,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(chunkYM3XFBI4_cjs.pillCornerRadius(bounds.width, bounds.height)));
+    rect.setAttribute("rx", String(chunkCXL254BT_cjs.pillCornerRadius(bounds.width, bounds.height)));
   }
 }
 function applyEllipseBounds(ellipse, bounds) {
@@ -5275,7 +5502,7 @@ function applyEllipseBounds(ellipse, bounds) {
   ellipse.setAttribute("ry", String(bounds.height / 2));
 }
 function applySymbolBounds(path, bounds) {
-  const raw = path.getAttribute(chunkYM3XFBI4_cjs.SYMBOL_POINTS_ATTR);
+  const raw = path.getAttribute(chunkCXL254BT_cjs.SYMBOL_POINTS_ATTR);
   if (!raw) {
     return false;
   }
@@ -5283,22 +5510,22 @@ function applySymbolBounds(path, bounds) {
     x: bounds.x + x * bounds.width,
     y: bounds.y + y * bounds.height
   }));
-  const tension = Number(path.getAttribute(chunkYM3XFBI4_cjs.SYMBOL_TENSION_ATTR)) || 0;
-  path.setAttribute("d", chunkYM3XFBI4_cjs.freeformPathData({ points, tension, closed: true }));
+  const tension = Number(path.getAttribute(chunkCXL254BT_cjs.SYMBOL_TENSION_ATTR)) || 0;
+  path.setAttribute("d", chunkCXL254BT_cjs.freeformPathData({ points, tension, closed: true }));
   return true;
 }
 function applyPathBounds(path, kind, bounds) {
   if (kind === "symbol" && applySymbolBounds(path, bounds)) {
     return;
   }
-  const pathData = chunkYM3XFBI4_cjs.localShapePath(kind, bounds.x, bounds.y, bounds.width, bounds.height);
+  const pathData = chunkCXL254BT_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(chunkYM3XFBI4_cjs.CORNER_RADIUS_ATTR) ?? 0);
-  const squareCorner = path.getAttribute(chunkYM3XFBI4_cjs.SQUARE_CORNER_ATTR);
+  const cornerRadius = Number(path.getAttribute(chunkCXL254BT_cjs.CORNER_RADIUS_ATTR) ?? 0);
+  const squareCorner = path.getAttribute(chunkCXL254BT_cjs.SQUARE_CORNER_ATTR);
   const radii = {
     topLeft: cornerRadius,
     topRight: cornerRadius,
@@ -5308,7 +5535,7 @@ function applyFrameBoundaryBounds(path, bounds) {
   if (squareCorner) {
     radii[squareCorner] = 0;
   }
-  path.setAttribute("d", chunkYM3XFBI4_cjs.cornersRoundedRectPath(bounds.x, bounds.y, bounds.width, bounds.height, radii));
+  path.setAttribute("d", chunkCXL254BT_cjs.cornersRoundedRectPath(bounds.x, bounds.y, bounds.width, bounds.height, radii));
 }
 function applySingleNodeBounds(primary, kind, bounds) {
   const tag = primary.tagName.toLowerCase();
@@ -5318,7 +5545,7 @@ function applySingleNodeBounds(primary, kind, bounds) {
     applyEllipseBounds(primary, bounds);
   } else if (tag === "foreignobject") {
     applyRectBounds(primary, null, bounds);
-  } else if (tag === "path" && primary.hasAttribute(chunkYM3XFBI4_cjs.CORNER_RADIUS_ATTR)) {
+  } else if (tag === "path" && primary.hasAttribute(chunkCXL254BT_cjs.CORNER_RADIUS_ATTR)) {
     applyFrameBoundaryBounds(primary, bounds);
   } else if (tag === "path" && kind) {
     applyPathBounds(primary, kind, bounds);
@@ -5357,7 +5584,7 @@ function updateSelectionRing(overlay, bounds) {
 }
 function updateSelectionOverlay(overlay, bounds) {
   updateSelectionRing(overlay, bounds);
-  for (const [centerX, centerY, name] of chunk34PK7HEU_cjs.resizeHandlePositions(bounds)) {
+  for (const [centerX, centerY, name] of chunkHFOGKSNU_cjs.resizeHandlePositions(bounds)) {
     const handle = overlay.querySelector(`[data-sf-resize-handle="${name}"]`);
     if (!handle) {
       continue;
@@ -5374,7 +5601,7 @@ function replaceTextLines(textElement, lines, x, lineHeight) {
     textElement.removeChild(textElement.firstChild);
   }
   lines.forEach((line, index) => {
-    const tspan = document.createElementNS(chunk34PK7HEU_cjs.SVG_NAMESPACE, "tspan");
+    const tspan = document.createElementNS(chunkHFOGKSNU_cjs.SVG_NAMESPACE, "tspan");
     tspan.setAttribute("x", String(x));
     if (index > 0) {
       tspan.setAttribute("dy", `${lineHeight}px`);
@@ -5394,7 +5621,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 = chunkYM3XFBI4_cjs.wrapText(rawText, width, fontSize);
+  const lines = chunkCXL254BT_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;
@@ -5407,7 +5634,7 @@ function applyLiveText(textElement, rawText, bounds, strokeWidth) {
 
 // src/runtime/interaction/resize/preview.ts
 function textBoundsFor(kind, bounds) {
-  return kind === "person" ? chunkYM3XFBI4_cjs.personLabelArea(bounds.x, bounds.y, bounds.width, bounds.height) : bounds;
+  return kind === "person" ? chunkCXL254BT_cjs.personLabelArea(bounds.x, bounds.y, bounds.width, bounds.height) : bounds;
 }
 function applyGeometryPreview(drag, bounds) {
   if (drag.isComposite) {
@@ -5427,7 +5654,7 @@ function applyResizePreview(drag, bounds) {
     applyLiveText(drag.text.el, drag.text.rawText, textBoundsFor(drag.kind, bounds), drag.text.strokeWidth);
   }
   if (drag.bubbles) {
-    chunk34PK7HEU_cjs.updateQuickDuplicateBubbles(drag.bubbles, bounds);
+    chunkHFOGKSNU_cjs.updateQuickDuplicateBubbles(drag.bubbles, bounds);
   }
   updateLiveLinks(drag.liveLinks, bounds);
 }
@@ -5449,9 +5676,9 @@ function snapResize(svg, drag, pointer) {
     };
   }
   const axes = HANDLE_AXES[drag.handle];
-  const candidates = nearestCandidates(proposed, chunk34PK7HEU_cjs.findSnapCandidateBounds(svg, /* @__PURE__ */ new Set([drag.owner.id])));
+  const candidates = nearestCandidates(proposed, chunkHFOGKSNU_cjs.findSnapCandidateBounds(svg, /* @__PURE__ */ new Set([drag.owner.id])));
   const snap = computeSnap(proposed, candidates, {
-    threshold: SNAP_THRESHOLD_PX2 / chunk34PK7HEU_cjs.pxPerUnit(svg),
+    threshold: SNAP_THRESHOLD_PX2 / chunkHFOGKSNU_cjs.pxPerUnit(svg),
     activeX: resizeActivePoints(axes.x),
     activeY: resizeActivePoints(axes.y),
     guideOverhang: GUIDE_OVERHANG3
@@ -5492,13 +5719,13 @@ function selectResizeTarget(svg, event) {
   if (!ownerId) {
     return null;
   }
-  const primary = chunk34PK7HEU_cjs.findOwnerNode(svg, ownerId, chunk34PK7HEU_cjs.isPrimary);
-  const owner = primary && chunk34PK7HEU_cjs.resolveOwner(primary);
+  const primary = chunkHFOGKSNU_cjs.findOwnerNode(svg, ownerId, chunkHFOGKSNU_cjs.isPrimary);
+  const owner = primary && chunkHFOGKSNU_cjs.resolveOwner(primary);
   if (!primary || !hasEditableGeometry(owner)) {
     return null;
   }
-  const nodes = chunk34PK7HEU_cjs.findAllOwnerNodes(svg, ownerId);
-  const geometryNodes = isCompositeOwner(owner) ? nodes : nodes.filter((node) => !chunk34PK7HEU_cjs.isTextLabel(node));
+  const nodes = chunkHFOGKSNU_cjs.findAllOwnerNodes(svg, ownerId);
+  const geometryNodes = isCompositeOwner(owner) ? nodes : nodes.filter((node) => !chunkHFOGKSNU_cjs.isTextLabel(node));
   if (!geometryNodes.length) {
     return null;
   }
@@ -5516,7 +5743,7 @@ function selectResizeTarget(svg, event) {
 
 // src/runtime/interaction/resize/textCapture.ts
 function captureResizeText(nodes, primary) {
-  const textElement = nodes.find(chunk34PK7HEU_cjs.isTextLabel);
+  const textElement = nodes.find(chunkHFOGKSNU_cjs.isTextLabel);
   const rawText = primary.getAttribute("aria-label");
   if (!textElement || !rawText) {
     return null;
@@ -5534,7 +5761,7 @@ function createResizeDragState(svg, event) {
   if (!selection) {
     return null;
   }
-  const startBounds = chunk34PK7HEU_cjs.symbolDeclaredBounds(selection.primary) ?? selection.primary.getBBox();
+  const startBounds = chunkHFOGKSNU_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);
@@ -5547,7 +5774,7 @@ function createResizeDragState(svg, event) {
     isComposite: composite,
     geometryNodes: selection.geometryNodes,
     insets: selection.geometryNodes.map(
-      (node) => node === selection.primary ? NO_INSET : insetWithin(startBounds, chunk34PK7HEU_cjs.symbolDeclaredBounds(node) ?? node.getBBox())
+      (node) => node === selection.primary ? NO_INSET : insetWithin(startBounds, chunkHFOGKSNU_cjs.symbolDeclaredBounds(node) ?? node.getBBox())
     ),
     baseTransforms: selection.geometryNodes.map((node) => node.getAttribute("transform")),
     overlay: selection.overlay,
@@ -5573,7 +5800,7 @@ var ResizeSession = class {
     this.#emitter = emitter;
   }
   pointerDown = (event) => {
-    if (event.button !== 0 || this.#drag || chunk34PK7HEU_cjs.isCameraGesture(event)) {
+    if (event.button !== 0 || this.#drag || chunkHFOGKSNU_cjs.isCameraGesture(event)) {
       return;
     }
     this.#drag = createResizeDragState(this.#svg, event);
@@ -5586,7 +5813,7 @@ var ResizeSession = class {
     drag.moved = true;
     const { bounds, guides } = snapResize(this.#svg, drag, resizePointerPosition(this.#svg, event));
     applyResizePreview(drag, clampResizeToChildren(bounds, drag.childrenBounds));
-    chunk34PK7HEU_cjs.updateAlignmentGuides(this.#svg, guides, RESIZE_GUIDE_COLOR);
+    chunkHFOGKSNU_cjs.updateAlignmentGuides(this.#svg, guides, RESIZE_GUIDE_COLOR);
   };
   pointerUp = (event) => {
     const drag = this.#drag;
@@ -5595,7 +5822,7 @@ var ResizeSession = class {
     }
     this.#drag = null;
     event.target?.releasePointerCapture?.(drag.pointerId);
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     if (!drag.moved) {
       return;
     }
@@ -5633,7 +5860,7 @@ function resolveSankeyNodeLabelTarget(event) {
   if (!labelElement) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(labelElement);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(labelElement);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -5644,7 +5871,7 @@ function resolveSankeyNodeLabelTarget(event) {
   return { owner, nodeId, labelElement };
 }
 function createSankeyNodeLabelEditor(target, emitter, onClose) {
-  const rect = chunk34PK7HEU_cjs.screenRectOf(target.labelElement);
+  const rect = chunkHFOGKSNU_cjs.screenRectOf(target.labelElement);
   if (rect.width <= 0 && rect.height <= 0) {
     return null;
   }
@@ -5701,7 +5928,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 && !chunk34PK7HEU_cjs.isCameraGesture(event);
+  return event.button === 0 && !chunkHFOGKSNU_cjs.isCameraGesture(event);
 }
 function findNodeRect(event) {
   return event.target?.closest?.('[data-sf-mark="sankey-node"]');
@@ -5759,7 +5986,7 @@ function resolveSankeyNodeDrag(svg, event) {
   if (!rect) {
     return null;
   }
-  const owner = chunk34PK7HEU_cjs.resolveOwner(rect);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(rect);
   if (owner?.role !== "chart") {
     return null;
   }
@@ -5767,7 +5994,7 @@ function resolveSankeyNodeDrag(svg, event) {
   if (!nodeId) {
     return null;
   }
-  const start = chunk34PK7HEU_cjs.pointerUserPoint(svg, event);
+  const start = chunkHFOGKSNU_cjs.pointerUserPoint(svg, event);
   if (!start) {
     return null;
   }
@@ -5813,7 +6040,7 @@ var SankeyNodeDragSession = class {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
       return;
     }
-    const point = chunk34PK7HEU_cjs.pointerUserPoint(this.#svg, event);
+    const point = chunkHFOGKSNU_cjs.pointerUserPoint(this.#svg, event);
     if (!point) {
       return;
     }
@@ -5827,7 +6054,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_PX3 / chunk34PK7HEU_cjs.pxPerUnit(this.#svg),
+      threshold: SNAP_THRESHOLD_PX3 / chunkHFOGKSNU_cjs.pxPerUnit(this.#svg),
       activeX: MOVE_ACTIVE_POINTS,
       activeY: MOVE_ACTIVE_POINTS,
       guideOverhang: GUIDE_OVERHANG4
@@ -5837,7 +6064,7 @@ var SankeyNodeDragSession = class {
     drag.lastDx = dx;
     drag.lastDy = dy;
     updateSankeyNodeDragPreview(drag, dx, dy);
-    chunk34PK7HEU_cjs.updateAlignmentGuides(
+    chunkHFOGKSNU_cjs.updateAlignmentGuides(
       this.#svg,
       [snap.x.guide, snap.y.guide].filter((guide) => guide !== null),
       GUIDE_COLOR3
@@ -5848,7 +6075,7 @@ var SankeyNodeDragSession = class {
       clearSankeyNodeDragPreview(this.#drag);
     }
     this.#drag = null;
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
   }
   finish(event) {
     if (!this.#drag || event.pointerId !== this.#drag.pointerId) {
@@ -5858,7 +6085,7 @@ var SankeyNodeDragSession = class {
     this.#drag = null;
     event.target?.releasePointerCapture?.(drag.pointerId);
     clearSankeyNodeDragPreview(drag);
-    chunk34PK7HEU_cjs.clearAlignmentGuides(this.#svg);
+    chunkHFOGKSNU_cjs.clearAlignmentGuides(this.#svg);
     if (!drag.moved) {
       return;
     }
@@ -5914,7 +6141,7 @@ function bindSankeyNode(viewer, emitter) {
 var FALLBACK_WIDTH = 120;
 var FALLBACK_HEIGHT = 28;
 function centeredLabelRect(primaryNode) {
-  const primaryRect = chunk34PK7HEU_cjs.screenRectOf(primaryNode);
+  const primaryRect = chunkHFOGKSNU_cjs.screenRectOf(primaryNode);
   return {
     left: primaryRect.left + (primaryRect.width - FALLBACK_WIDTH) / 2,
     top: primaryRect.top + (primaryRect.height - FALLBACK_HEIGHT) / 2,
@@ -5924,10 +6151,10 @@ function centeredLabelRect(primaryNode) {
 }
 function resolveTextEditRect(owner, textNode, primaryNode) {
   if (owner.role === "shape") {
-    return primaryNode ? chunk34PK7HEU_cjs.screenRectOf(primaryNode) : null;
+    return primaryNode ? chunkHFOGKSNU_cjs.screenRectOf(primaryNode) : null;
   }
   if (textNode) {
-    return chunk34PK7HEU_cjs.screenRectOf(textNode);
+    return chunkHFOGKSNU_cjs.screenRectOf(textNode);
   }
   return primaryNode ? centeredLabelRect(primaryNode) : null;
 }
@@ -5947,8 +6174,8 @@ function textAlign(owner, textNode) {
   return anchor === "end" ? "right" : "left";
 }
 function createActiveTextEditor(svg, owner, emitter, onClose) {
-  const textNode = chunk34PK7HEU_cjs.findOwnerNode(svg, owner.id, chunk34PK7HEU_cjs.isTextLabel);
-  const primaryNode = chunk34PK7HEU_cjs.findOwnerNode(svg, owner.id, chunk34PK7HEU_cjs.isPrimary);
+  const textNode = chunkHFOGKSNU_cjs.findOwnerNode(svg, owner.id, chunkHFOGKSNU_cjs.isTextLabel);
+  const primaryNode = chunkHFOGKSNU_cjs.findOwnerNode(svg, owner.id, chunkHFOGKSNU_cjs.isPrimary);
   const rect = resolveTextEditRect(owner, textNode, primaryNode);
   if (!rect) {
     return null;
@@ -5994,7 +6221,7 @@ function isFrameTitle(target) {
 }
 function resolveEditableTextOwner(event) {
   const target = event.target;
-  const owner = chunk34PK7HEU_cjs.resolveOwner(target);
+  const owner = chunkHFOGKSNU_cjs.resolveOwner(target);
   if (!owner) {
     return null;
   }
@@ -6135,7 +6362,7 @@ function applyToken(target, lines, token) {
 function maskSource(lines) {
   let tokens;
   try {
-    tokens = chunkYM3XFBI4_cjs.tokenizeSource(lines.join("\n"));
+    tokens = chunkCXL254BT_cjs.tokenizeSource(lines.join("\n"));
   } catch {
     return null;
   }
@@ -6468,7 +6695,7 @@ function resolveCanvasObjectInsertionTarget(sfl, lines, parentId) {
     const modelRange = findFirstBlockOfKind(lines, "Model");
     return modelRange ? { range: modelRange, origin: { x: 0, y: 0 } } : null;
   }
-  const parent = chunkYM3XFBI4_cjs.sflToCanvasState(sfl).canvasObjects.find((canvasObject) => canvasObject.id === parentId);
+  const parent = chunkCXL254BT_cjs.sflToCanvasState(sfl).canvasObjects.find((canvasObject) => canvasObject.id === parentId);
   if (!parent) {
     return null;
   }
@@ -6910,7 +7137,7 @@ function movePathPoints(lines, range, dx, dy) {
   replacePropertyValue(lines, span, shifted);
 }
 function applyMoveChange(sfl, event) {
-  const state = chunkYM3XFBI4_cjs.sflToCanvasState(sfl);
+  const state = chunkCXL254BT_cjs.sflToCanvasState(sfl);
   const canvasObject = state.canvasObjects.find((candidate) => candidate.id === event.owner.id);
   if (!canvasObject) {
     return sfl;
@@ -6935,7 +7162,7 @@ function applyMoveChange(sfl, event) {
 
 // src/runtime/interaction/sflPatch/changes/pathPointChange.ts
 function applyPathPointChange(sfl, event) {
-  const canvasObjects = chunkYM3XFBI4_cjs.sflToCanvasState(sfl).canvasObjects;
+  const canvasObjects = chunkCXL254BT_cjs.sflToCanvasState(sfl).canvasObjects;
   const canvasObject = canvasObjects.find((candidate) => candidate.id === event.owner.id);
   if (!canvasObject) {
     return sfl;
@@ -7061,9 +7288,260 @@ function shouldQuote(current, quote, indexed) {
   return indexed && trimmed === "none";
 }
 
+// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
+function buildConnectionBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const block = [
+    `${baseIndent}Connection ${options.id} {`,
+    `${bodyIndent}from: ${options.fromId}`,
+    `${bodyIndent}to: ${options.toId}`,
+    `${bodyIndent}fromFace: "${options.fromFace}"`,
+    `${bodyIndent}toFace: "${options.toFace}"`
+  ];
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
+function resolveConnectionInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = chunkCXL254BT_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) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
+function insertConnection(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/styleBlock.ts
+var QUOTED_KEYS = /* @__PURE__ */ new Set(["fill", "stroke", "textColor", "fontFamily", "shadow", "labelBackground"]);
+function styleLine(key, value) {
+  return QUOTED_KEYS.has(key) ? `  ${key}: "${value.replace(/"/g, '\\"')}"` : `  ${key}: ${value}`;
+}
+function styleBlock(props, keys, leading = []) {
+  const copied = keys.flatMap((key) => {
+    const value = props?.[key];
+    return value === void 0 ? [] : [styleLine(key, value)];
+  });
+  const lines = [...leading, ...copied];
+  return lines.length > 0 ? `style {
+${lines.join("\n")}
+}` : void 0;
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/isometricDuplicate.ts
+var ISOMETRIC_GAP = 40;
+var ISOMETRIC_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "cornerRadius",
+  "shadow",
+  "labelOffsetX",
+  "labelOffsetY",
+  "labelBackground"
+];
+var TOUCHING_FACES = {
+  "iso-width-pos": { fromFace: "right", toFace: "left" },
+  "iso-width-neg": { fromFace: "left", toFace: "right" },
+  "iso-depth-pos": { fromFace: "front", toFace: "back" },
+  "iso-depth-neg": { fromFace: "back", toFace: "front" },
+  "iso-height-pos": { fromFace: "bottom", toFace: "top" },
+  "iso-height-neg": { fromFace: "top", toFace: "bottom" }
+};
+function isIsometricDirection2(direction) {
+  return direction.startsWith("iso-");
+}
+function isometricOffset(direction, object, gap) {
+  const { width, height } = object;
+  const { depth } = object.isometric;
+  switch (direction) {
+    case "iso-width-pos":
+      return { dx: (width + gap) * chunkCXL254BT_cjs.AXIS_COS, dy: (width + gap) * chunkCXL254BT_cjs.AXIS_SIN };
+    case "iso-width-neg":
+      return { dx: -(width + gap) * chunkCXL254BT_cjs.AXIS_COS, dy: -(width + gap) * chunkCXL254BT_cjs.AXIS_SIN };
+    case "iso-depth-pos":
+      return { dx: -(depth + gap) * chunkCXL254BT_cjs.AXIS_COS, dy: (depth + gap) * chunkCXL254BT_cjs.AXIS_SIN };
+    case "iso-depth-neg":
+      return { dx: (depth + gap) * chunkCXL254BT_cjs.AXIS_COS, dy: -(depth + gap) * chunkCXL254BT_cjs.AXIS_SIN };
+    case "iso-height-pos":
+      return { dx: 0, dy: height + gap };
+    case "iso-height-neg":
+      return { dx: 0, dy: -(height + gap) };
+  }
+}
+function copyStyle(object, direction) {
+  if (!direction.startsWith("iso-height-")) {
+    return styleBlock(object.props, ISOMETRIC_STYLE_KEYS);
+  }
+  return styleBlock(
+    object.props,
+    ISOMETRIC_STYLE_KEYS.filter((key) => key !== "shadow"),
+    ['  shadow: "off"']
+  );
+}
+function copyOf(object, direction, options) {
+  const { dx, dy } = isometricOffset(direction, object, options.gap ?? ISOMETRIC_GAP);
+  return {
+    id: options.shapeId,
+    kind: "isometric",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    depth: object.isometric.depth,
+    parentId: object.parentFrameId,
+    body: copyStyle(object, direction)
+  };
+}
+function duplicateIsometricObject(sfl, object, direction, options) {
+  const withCopy = insertCanvasObject(sfl, copyOf(object, direction, options));
+  return insertConnection(withCopy, {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    ...TOUCHING_FACES[direction]
+  });
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
+function buildLinkBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
+  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
+  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
+  if (options.text !== void 0) {
+    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
+  }
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
+function resolveLinkInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = chunkCXL254BT_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) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insert.ts
+function insertLink(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/shapeDuplicate.ts
+var SHAPE_GAP = 200;
+var OPPOSITE_SIDE = { top: "bottom", right: "left", bottom: "top", left: "right" };
+var SHAPE_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "strokeStyle",
+  "textColor",
+  "fontSize",
+  "fontFamily",
+  "cornerRadius",
+  "opacity",
+  "shadow"
+];
+var LINK_STYLE_KEYS = ["stroke", "strokeWidth", "strokeStyle", "markerStart", "markerEnd", "route"];
+function shapeOffset(side, object, gap) {
+  switch (side) {
+    case "top":
+      return { dx: 0, dy: -(object.height + gap) };
+    case "bottom":
+      return { dx: 0, dy: object.height + gap };
+    case "left":
+      return { dx: -(object.width + gap), dy: 0 };
+    case "right":
+      return { dx: object.width + gap, dy: 0 };
+  }
+}
+function copyOf2(object, side, options) {
+  const { dx, dy } = shapeOffset(side, object, options.gap ?? SHAPE_GAP);
+  const shape = object.shapeType ? [`  shape: ${object.shapeType}`] : [];
+  return {
+    id: options.shapeId,
+    kind: "shape",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    parentId: object.parentFrameId,
+    body: styleBlock(object.props, SHAPE_STYLE_KEYS, shape)
+  };
+}
+function linkStyleReference(links, objectId) {
+  return links.find((link) => link.fromId === objectId) ?? links[0];
+}
+function linkToCopy(object, links, side, options) {
+  return {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    fromSide: side,
+    toSide: OPPOSITE_SIDE[side],
+    body: styleBlock(linkStyleReference(links, object.id)?.props, LINK_STYLE_KEYS)
+  };
+}
+function duplicateShape(sfl, input) {
+  const { object, links, side, options } = input;
+  const withCopy = insertCanvasObject(sfl, copyOf2(object, side, options));
+  return insertLink(withCopy, linkToCopy(object, links, side, options));
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicateChange.ts
+function applyQuickDuplicateChange(sfl, event, options) {
+  const state = chunkCXL254BT_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 chunkCXL254BT_cjs.isIsometricObject(object) ? duplicateIsometricObject(sfl, object, direction, options) : sfl;
+  }
+  return chunkCXL254BT_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 = chunkYM3XFBI4_cjs.sflToCanvasState(sfl);
+  const state = chunkCXL254BT_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;
@@ -7185,89 +7663,6 @@ function applyTextChange(sfl, event) {
   return lines.join("\n");
 }
 
-// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
-function buildConnectionBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const block = [
-    `${baseIndent}Connection ${options.id} {`,
-    `${bodyIndent}from: ${options.fromId}`,
-    `${bodyIndent}to: ${options.toId}`,
-    `${bodyIndent}fromFace: "${options.fromFace}"`,
-    `${bodyIndent}toFace: "${options.toFace}"`
-  ];
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
-function resolveConnectionInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = chunkYM3XFBI4_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) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
-function insertConnection(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
-function buildLinkBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
-  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
-  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
-  if (options.text !== void 0) {
-    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
-  }
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
-function resolveLinkInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = chunkYM3XFBI4_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) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insert.ts
-function insertLink(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
 // src/runtime/interaction/sflPatch/linkPatch/remove.ts
 function removeLink(sfl, id) {
   const lines = sfl.split("\n");
@@ -7293,6 +7688,7 @@ function bindEditing(viewer, options = {}) {
   const quickDuplicate = bindQuickDuplicate(viewer, emitter);
   const isometricQuickDuplicate = bindIsometricQuickDuplicate(viewer, emitter);
   const deleteSelection = bindDeleteSelection(viewer, emitter);
+  const nudgeSelection = bindNudgeSelection(viewer, emitter);
   const chartValues = bindChartValueDrag(viewer, emitter);
   const pieLabels = bindPieLabelDrag(viewer, emitter);
   const isometricLabels = bindIsometricLabelDrag(viewer, emitter);
@@ -7317,6 +7713,7 @@ function bindEditing(viewer, options = {}) {
       quickDuplicate.destroy();
       isometricQuickDuplicate.destroy();
       deleteSelection.destroy();
+      nudgeSelection.destroy();
       chartValues.destroy();
       pieLabels.destroy();
       isometricLabels.destroy();
@@ -7336,6 +7733,7 @@ exports.applyLinkSegmentChange = applyLinkSegmentChange;
 exports.applyMoveChange = applyMoveChange;
 exports.applyPathPointChange = applyPathPointChange;
 exports.applyPropertyChange = applyPropertyChange;
+exports.applyQuickDuplicateChange = applyQuickDuplicateChange;
 exports.applyResizeChange = applyResizeChange;
 exports.applySankeyNodeMoveChange = applySankeyNodeMoveChange;
 exports.applySankeyNodeRenameChange = applySankeyNodeRenameChange;