@diagrammo/dgmo 0.91.1 → 0.92.0

package/dist/{chunk-Q3N7PI3B.js → chunk-FTUMRSGT.js}

@@ -1,6 +1,9 @@
 import {
   noteBoxSize
 } from "./chunk-RJNZHFNG.js";
+import {
+  noteConnectorPoints
+} from "./chunk-JRWUHLRP.js";
 import {
   NOTE_GAP
 } from "./chunk-5DH3KYFH.js";
@@ -21,7 +24,31 @@ import {
 // src/utils/notes/place.ts
 var NOTE_CLEAR = 14;
 var intersects = (a, b, pad) => !(a.right + pad <= b.left || b.right + pad <= a.left || a.bottom + pad <= b.top || b.bottom + pad <= a.top);
-function placeNotes(obstacles, requests, direction) {
+var CONNECTOR_CLEAR = 4;
+var EDGE_CLEAR = 6;
+var SLIDE_STEP = 10;
+var SEARCH_REACH = 480;
+var segmentCrosses = (x1, y1, x2, y2, r) => {
+  const dx = x2 - x1;
+  const dy = y2 - y1;
+  const p = [-dx, dx, -dy, dy];
+  const q = [x1 - r.left, r.right - x1, y1 - r.top, r.bottom - y1];
+  let t0 = 0;
+  let t1 = 1;
+  for (let i = 0; i < 4; i++) {
+    const pi = p[i];
+    const qi = q[i];
+    if (pi === 0) {
+      if (qi <= 0) return false;
+      continue;
+    }
+    const t = qi / pi;
+    if (pi < 0) t0 = Math.max(t0, t);
+    else t1 = Math.min(t1, t);
+  }
+  return t0 < t1;
+};
+function placeNotes(obstacles, requests, direction, edges = []) {
   const placements = /* @__PURE__ */ new Map();
   const occupied = obstacles.map((p) => ({
     left: p.x - p.width / 2,
@@ -72,15 +99,93 @@ function placeNotes(obstacles, requests, direction) {
         }
       }
     };
-    const order = direction === "LR" ? ["below", "above"] : ["right", "left"];
-    let chosen = null;
-    for (const side of order) {
-      const rect = rectFor(side);
-      if (!occupied.some((o) => intersects(rect, o, NOTE_CLEAR))) {
-        chosen = { rect, side };
-        break;
+    const order = direction === "LR" ? ["below", "above", "right", "left"] : ["right", "left", "below", "above"];
+    const anchor = {
+      left: nodeLeft,
+      top: nodeTop,
+      right: nodeRight,
+      bottom: nodeBottom
+    };
+    const isAnchor = (o) => o.left === anchor.left && o.top === anchor.top && o.right === anchor.right && o.bottom === anchor.bottom;
+    const connector = (rect, side) => {
+      const [x1, y1, x2, y2] = noteConnectorPoints(p, {
+        x: rect.left - cx,
+        y: rect.top - cy,
+        width: noteW,
+        height: noteH,
+        side
+      });
+      return [cx + x1, cy + y1, cx + x2, cy + y2];
+    };
+    const onEdge = (rect) => {
+      const padded = {
+        left: rect.left - EDGE_CLEAR,
+        top: rect.top - EDGE_CLEAR,
+        right: rect.right + EDGE_CLEAR,
+        bottom: rect.bottom + EDGE_CLEAR
+      };
+      return edges.some(
+        (path) => path.some(
+          (pt, i) => i > 0 && segmentCrosses(path[i - 1].x, path[i - 1].y, pt.x, pt.y, padded)
+        )
+      );
+    };
+    const isClear = (rect, side, avoidEdges) => {
+      if (occupied.some((o) => intersects(rect, o, NOTE_CLEAR))) return false;
+      if (avoidEdges && onEdge(rect)) return false;
+      const [x1, y1, x2, y2] = connector(rect, side);
+      return !occupied.some(
+        (o) => !isAnchor(o) && segmentCrosses(x1, y1, x2, y2, {
+          left: o.left - CONNECTOR_CLEAR,
+          top: o.top - CONNECTOR_CLEAR,
+          right: o.right + CONNECTOR_CLEAR,
+          bottom: o.bottom + CONNECTOR_CLEAR
+        })
+      );
+    };
+    const search = (avoidEdges) => {
+      let chosen2 = null;
+      for (const side of order.slice(0, 2)) {
+        const rect = rectFor(side);
+        if (isClear(rect, side, avoidEdges)) {
+          chosen2 = { rect, side };
+          break;
+        }
       }
-    }
+      if (chosen2) return chosen2;
+      let bestLen = Infinity;
+      for (const side of order) {
+        const axisIsY = side === "above" || side === "below";
+        const outward = side === "below" || side === "right" ? 1 : -1;
+        const reach = axisIsY ? noteW / 2 : SEARCH_REACH;
+        const slides = [0];
+        for (let s = SLIDE_STEP; s <= reach; s += SLIDE_STEP) {
+          slides.push(s, -s);
+        }
+        const base = rectFor(side);
+        for (let out = 0; out <= SEARCH_REACH; out += NOTE_CLEAR) {
+          for (const slide of slides) {
+            const dx = axisIsY ? slide : out * outward;
+            const dy = axisIsY ? out * outward : slide;
+            const rect = {
+              left: base.left + dx,
+              top: base.top + dy,
+              right: base.right + dx,
+              bottom: base.bottom + dy
+            };
+            if (!isClear(rect, side, avoidEdges)) continue;
+            const [x1, y1, x2, y2] = connector(rect, side);
+            const len = Math.hypot(x2 - x1, y2 - y1);
+            if (len < bestLen) {
+              bestLen = len;
+              chosen2 = { rect, side };
+            }
+          }
+        }
+      }
+      return chosen2;
+    };
+    let chosen = search(true) ?? search(false);
     if (!chosen) {
       const side = order[0];
       let rect = rectFor(side);
@@ -277,7 +382,7 @@ function computeNodeSize(node, reserveValueRow) {
   return { width: w, height: Math.max(NODE_HEIGHT, totalHeight) };
 }
 async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
-  const { layoutBoxesAndLinesSearch } = await import("./layout-search-L75YOBME.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-PMYL3VWS.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions

package/dist/{chunk-57L2JPP2.js → chunk-GE7ICBX6.js}

@@ -2,7 +2,7 @@ import {
   buildAdjacency,
   featureBboxPrimary,
   pointInGeometry
-} from "./chunk-4QV26TEG.js";
+} from "./chunk-AXLF3KRE.js";
 import {
   createLabelPlacement,
   rectCircleOverlap,
@@ -12,27 +12,27 @@ import {
 import {
   compactNumber,
   computeLegendLayout
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   contrastRatio,
   mix,
   politicalTints,
   relativeLuminance,
   valueRampColor
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/map/legend-band.ts
 var LEGEND_TOP_GAP = 8;

package/dist/{chunk-ROCBGUJN.js → chunk-GI5R5B3S.js}

@@ -1,12 +1,12 @@
 import {
   isTagBlockHeading
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   formatDgmoError,
   makeDgmoError

package/dist/{chunk-D7DXNQW5.js → chunk-H5UEVW6Q.js}

@@ -2,10 +2,10 @@ import {
   getFigure,
   getPartGeom,
   resolvePartKey
-} from "./chunk-BDXC7MDK.js";
+} from "./chunk-H7AXCRO7.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -13,19 +13,23 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/body/renderer.ts
 import * as d3Selection from "d3-selection";
 var esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function partAttrs(line, emph, tagAttr) {
+  const tag = tagAttr && emph ? ` ${tagAttr}="${esc(emph)}"` : "";
+  return ` class="dgmo-body-part" data-line-number="${line}" data-emph-key="${esc(emph)}"${tag}`;
+}
 var TITLE_H = 60;
 var LEGEND_SCALE = 2.4;
 var LEGEND_BAND = 76;
@@ -52,7 +56,7 @@ function sideCenter(centers, side, view) {
     (best, c) => wantScreenRight ? c.x > best.x ? c : best : c.x < best.x ? c : best
   );
 }
-function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, isDark, fillMode, defs) {
+function renderFigureBody(fig, view, parts, partColor, emphKey, tagAttr, form, palette, isDark, fillMode, defs) {
   const [vx, vy, vw, vh] = fig.viewBox.split(" ").map(Number);
   const muscleFill = mix(palette.bg, palette.border, 0.7);
   const seam = palette.bg;
@@ -95,7 +99,7 @@ function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, i
     const geom = getPartGeom(fig, key);
     const color = partColor(part);
     const emph = emphKey(part).toLowerCase();
-    const dataLine = ` class="dgmo-body-part" data-line-number="${part.lineNumber}" data-emph-key="${esc(emph)}"`;
+    const dataLine = partAttrs(part.lineNumber, emph, tagAttr);
     let paths = geom.paths;
     if (part.side) {
       const wantScreenRight = view === "front" ? part.side === "left" : part.side === "right";
@@ -135,7 +139,7 @@ function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, i
     });
   }
   out += `<path d="${fig.outline}" fill="none" stroke="${outlineStroke}" stroke-width="2.5"/>`;
-  return { fig, body: out, anchors, vx, vy, vw, vh };
+  return { fig, body: out, anchors, vx, vy, vw, vh, tagAttr };
 }
 function nearestCenter(a, targetX) {
   let best = a.centers[0] ?? { x: a.x, y: a.y };
@@ -170,7 +174,7 @@ function gutterLabels(r, palette) {
       const ly = Math.max(tgt.y, prevY + minGap);
       prevY = ly;
       const note = a.part.notes.length ? a.part.notes[0] : "";
-      const dl = ` class="dgmo-body-part" data-line-number="${a.part.lineNumber}" data-emph-key="${esc(a.emph)}"`;
+      const dl = partAttrs(a.part.lineNumber, a.emph, r.tagAttr);
       labels += `<path${dl} d="M${sx} ${ly} L${tgt.x} ${tgt.y}" stroke="${a.color}" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" fill="none" opacity="0.85"/><circle${dl} cx="${tgt.x}" cy="${tgt.y}" r="5.5" fill="${a.color}" stroke="${palette.bg}" stroke-width="2" vector-effect="non-scaling-stroke"/><text${dl} x="${gx}" y="${ly + (note ? -2 : 7)}" text-anchor="${anchorX}" font-size="${LABEL_FONT}" font-weight="bold" fill="${palette.text}">${esc(partLabel(a.part))}</text>`;
       if (note) {
         labels += `<text${dl} x="${gx}" y="${ly + 22}" text-anchor="${anchorX}" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(note)}</text>`;
@@ -190,6 +194,7 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
   );
   const partColor = (part) => resolveTagColor(part.metadata, parsed.tagGroups, activeGroup) ?? accent;
   const emphKey = (part) => activeGroup ? part.metadata[tagAttrKey(activeGroup)] ?? "" : "";
+  const tagAttr = activeGroup ? `data-tag-${tagAttrKey(activeGroup)}` : null;
   const defs = [];
   const rendered = parsed.options.views.map(
     (view) => renderFigureBody(
@@ -198,6 +203,7 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
       parsed.parts,
       partColor,
       emphKey,
+      tagAttr,
       parsed.options.form,
       palette,
       _isDark,
@@ -273,7 +279,7 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
     let labels = "";
     const stub = 96;
     for (const it of items) {
-      const dl = ` class="dgmo-body-part" data-line-number="${it.line}" data-emph-key="${esc(it.emph)}"`;
+      const dl = partAttrs(it.line, it.emph, tagAttr);
       if (it.left) {
         labels += `<path${dl} d="M${(centerX - stub).toFixed(1)} ${it.y.toFixed(1)} L${it.left.x.toFixed(1)} ${it.left.y.toFixed(1)}" stroke="${it.color}" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" fill="none" opacity="0.85"/><circle${dl} cx="${it.left.x.toFixed(1)}" cy="${it.left.y.toFixed(1)}" r="5.5" fill="${it.color}" stroke="${palette.bg}" stroke-width="2" vector-effect="non-scaling-stroke"/>`;
       }

package/dist/{chunk-HFG7KQOY.js → chunk-H6BT45SN.js}

@@ -13,11 +13,11 @@ import {
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   NEGATIVE_VALUE_DX,
   TITLE_DIRECTIVE_DX,

package/dist/{chunk-BDXC7MDK.js → chunk-H7AXCRO7.js}

@@ -2365,7 +2365,7 @@ function resolvePartKey(figure, name) {
   if (anat && has(anat)) return anat;
   const al = ALIAS[n];
   if (al) {
-    for (const cand of Array.isArray(al) ? al : [al]) {
+    for (const cand of typeof al === "string" ? [al] : al) {
       if (has(cand)) return cand;
     }
   }

package/dist/{chunk-GCDW3WAY.js → chunk-HIWHIYLD.js}

@@ -1,7 +1,12 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-CVZBLHHW.js";
+} from "./chunk-BQMHJ6OW.js";
+import {
+  FULL_TEXT_ATTR,
+  fullNodeText,
+  isCutShort
+} from "./chunk-B5DHFFZP.js";
 import {
   renderInlineText
 } from "./chunk-S7W75MIM.js";
@@ -10,7 +15,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
@@ -21,14 +26,14 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-SEKNYIMO.js";
+} from "./chunk-TOHTKLKE.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -38,25 +43,25 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseMindmap
-} from "./chunk-XQTRGKQ3.js";
+} from "./chunk-XIUGSUE4.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/mindmap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -309,7 +314,7 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
       const tagKey = tagAttrKey(activeTagGroup);
       const metaValue = node.metadata[tagKey];
       if (metaValue) {
-        nodeG.attr(`data-tag-${tagKey}`, metaValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, metaValue.toLowerCase());
       }
     }
     if (node.hasChildren) {
@@ -352,6 +357,10 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
     if (labelLines.length > 1 || labelLines[0] !== node.label) {
       nodeG.append("title").text(node.label);
     }
+    const drawnDesc = showDesc ? node.description ?? [] : [];
+    if (isCutShort(labelLines, [node.label]) || isCutShort(descLines, drawnDesc.map(preprocessDescriptionLine))) {
+      nodeG.attr(FULL_TEXT_ATTR, fullNodeText(node.label, drawnDesc));
+    }
     if (showDesc && descLines.length > 0) {
       const separatorY = node.y + labelZoneH;
       nodeG.append("line").attr("x1", node.x).attr("y1", separatorY).attr("x2", node.x + node.width).attr("y2", separatorY).attr("stroke", stroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);

package/dist/{chunk-JJUDOR4I.js → chunk-HXULJZA2.js}

@@ -4,7 +4,7 @@ import {
   countSplineCrossings,
   deroutePierces,
   searchBudget
-} from "./chunk-NWPMLX2V.js";
+} from "./chunk-X5BUX2GK.js";
 
 // src/utils/placement-search.ts
 var SEARCH_RANKERS = ["tight-tree", "longest-path"];

package/dist/{chunk-MJKQ5ZYY.js → chunk-IGKFOHBG.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -29,11 +29,11 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -48,7 +48,7 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fitWrapped,
   measureText
@@ -60,7 +60,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/sketch/renderer.ts
 import * as d3 from "d3-selection";

package/dist/{chunk-WTE27AJT.js → chunk-J2E7EUER.js}

@@ -4,6 +4,10 @@ import {
 import {
   layoutInfra
 } from "./chunk-5P2L5QXE.js";
+import {
+  FULL_TEXT_ATTR,
+  fullNodeText
+} from "./chunk-B5DHFFZP.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -15,7 +19,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -28,11 +32,11 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -44,17 +48,17 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseInfra
-} from "./chunk-G3EUQMV4.js";
+} from "./chunk-SOHZDW6N.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -65,7 +69,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -77,10 +81,10 @@ import {
   groupStroke,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/infra/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -1073,6 +1077,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
       const expanded = expandedNodeIds?.has(node.id) ?? false;
       const descLines = expanded && node.description && !node.isEdge ? node.description : [];
       const descH = descLines.length * META_LINE_HEIGHT;
+      let descCut = false;
       for (let di = 0; di < descLines.length; di++) {
         const rawLine = descLines[di];
         const processed = preprocessDescriptionLine(rawLine);
@@ -1083,8 +1088,12 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
           y + NODE_HEADER_HEIGHT + di * META_LINE_HEIGHT + META_LINE_HEIGHT / 2 + sc.sMetaFontSize * 0.35
         ).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sMetaFontSize).attr("fill", textFill);
         renderInlineText(textEl, descTruncated, palette, sc.sMetaFontSize);
-        if (isTruncated) textEl.append("title").text(rawLine);
+        if (isTruncated) {
+          textEl.append("title").text(rawLine);
+          descCut = true;
+        }
       }
+      if (descCut) g.attr(FULL_TEXT_ATTR, fullNodeText(node.label, descLines));
       const displayProps = !node.isEdge && expanded ? getDisplayProps(node, expanded, diagramOptions) : [];
       const computedRows = getComputedRows(node, expanded, slo);
       const hasContent = displayProps.length > 0 || computedRows.length > 0 || node.computedRps > 0;

package/dist/{chunk-J2SQNZ6D.js → chunk-J7Q4AB23.js}

@@ -4,13 +4,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   FILL_FAMILY_TOKENS,
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   emit
 } from "./chunk-BYU54C3S.js";
@@ -86,7 +86,10 @@ lane L
     severity: "error",
     chartType: "swimlane",
     title: "Unsupported construct",
-    message: (p) => typeof p.reason === "string" && p.reason ? p.reason : "inclusive gateway (<o \u2026>) is not supported",
+    message: (p) => {
+      const reason = p.reason;
+      return typeof reason === "string" && reason ? reason : "inclusive gateway (<o \u2026>) is not supported";
+    },
     hint: "Remove it, or use a supported shape, event, or flow.",
     example: `swimlane T
 lane L

package/dist/{chunk-NS7L7YKH.js → chunk-JILEYZ2V.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -500,9 +500,7 @@ function layoutRows(activeCapsule, pills, controls, groupAvailW, containerWidth,
   }
   if (controlsGroup) {
     const row0Items = rows[0]?.items ?? [];
-    const groupItemsInRow0 = row0Items.filter(
-      (it) => "groupName" in it
-    );
+    const groupItemsInRow0 = row0Items.filter((it) => "groupName" in it);
     if (groupItemsInRow0.length > 0) {
       const last = groupItemsInRow0[groupItemsInRow0.length - 1];
       controlsGroup.x = last.x + last.width + LEGEND_GROUP_GAP;

package/dist/{chunk-5MDQMB6A.js → chunk-JKST4RTT.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText
@@ -26,10 +26,10 @@ import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/pyramid/renderer.ts
 import * as d3Selection from "d3-selection";