@diagrammo/dgmo 0.91.1 → 0.92.1

package/dist/{chunk-PUZ63XZM.js → chunk-BZX7QCXJ.js}

@@ -6,7 +6,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-K3BYD3WU.js";
+} from "./chunk-5KKZXA44.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -16,7 +16,7 @@ import {
 } from "./chunk-S7W75MIM.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -33,7 +33,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -43,20 +43,20 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseC4
-} from "./chunk-EP7BT3HU.js";
+} from "./chunk-BEA4D7OS.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   resolveGroupTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth
@@ -66,7 +66,7 @@ import {
   groupFill,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -229,13 +229,16 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       const tagKey = tagAttrKey(activeTagGroup);
       const tagValue = node.metadata[tagKey];
       if (tagValue) {
-        nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
           (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
-          nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
+          nodeG.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            tagGroup.defaultValue.toLowerCase()
+          );
         }
       }
     }
@@ -268,12 +271,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       const totalWidth = PERSON_ICON_W + gap + textWidth;
       const iconCx = -totalWidth / 2 + PERSON_ICON_W / 2;
       const textX = iconCx + PERSON_ICON_W / 2 + gap;
-      drawPersonIcon(
-        nodeG,
-        iconCx,
-        yPos + LABEL_FONT_SIZE / 2 - 2,
-        stroke
-      );
+      drawPersonIcon(nodeG, iconCx, yPos + LABEL_FONT_SIZE / 2 - 2, stroke);
       nodeG.append("text").attr("x", textX).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     } else {
       nodeG.append("text").attr("x", 0).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
@@ -860,13 +858,16 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       const tagKey = tagAttrKey(activeTagGroup);
       const tagValue = node.metadata[tagKey];
       if (tagValue) {
-        nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
           (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
-          nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
+          nodeG.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            tagGroup.defaultValue.toLowerCase()
+          );
         }
       }
     }
@@ -894,14 +895,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     const shape = node.shape ?? "default";
     const isExternalShape = shape === "external";
     if (shape === "database" || shape === "cache") {
-      drawCylinderCard(
-        nodeG,
-        w,
-        h,
-        fill,
-        stroke,
-        shape === "cache"
-      );
+      drawCylinderCard(nodeG, w, h, fill, stroke, shape === "cache");
     } else if (shape === "cloud") {
       drawCloudCard(nodeG, w, h, fill, stroke);
     } else if (shape === "queue") {
@@ -927,12 +921,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       const totalWidth = PERSON_ICON_W + gap + textWidth;
       const iconCx = -totalWidth / 2 + PERSON_ICON_W / 2;
       const textX = iconCx + PERSON_ICON_W / 2 + gap;
-      drawPersonIcon(
-        nodeG,
-        iconCx,
-        yPos + LABEL_FONT_SIZE / 2 - 2,
-        stroke
-      );
+      drawPersonIcon(nodeG, iconCx, yPos + LABEL_FONT_SIZE / 2 - 2, stroke);
       nodeG.append("text").attr("x", textX).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     } else {
       nodeG.append("text").attr("x", 0).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);

package/dist/{chunk-37QQXKFV.js → chunk-CDM6XMOT.js}

@@ -7,7 +7,7 @@ import {
 import {
   parseDateToken,
   toInternal
-} from "./chunk-DAOFNU6J.js";
+} from "./chunk-MKSTL6DR.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -31,7 +31,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   emit,
   makeDgmoError,

package/dist/{chunk-53BJIOLF.js → chunk-CN4RDJDV.js}

@@ -1,13 +1,13 @@
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/treemap/treemap-shared.ts
 import { scaleLinear } from "d3-scale";

package/dist/{chunk-OOCVGX4W.js → chunk-CYRB2JTN.js}

@@ -1,6 +1,6 @@
 import {
   LEGEND_PILL_TOGGLE_CLASS
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 
 // src/utils/svg-serialize.ts
 var BARE_AMPERSAND = /&(?![a-zA-Z][a-zA-Z0-9]*;|#\d+;|#[xX][0-9a-fA-F]+;)/g;

package/dist/{chunk-IHK3Y2HG.js → chunk-DEFBUZWV.js}

@@ -1,7 +1,7 @@
 import {
   parseFirstLine,
   recognizeGlobalBoolean
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-NTJ5HVV6.js → chunk-DGUGE67L.js}

@@ -1,6 +1,6 @@
 import {
   buildSwatches
-} from "./chunk-G2KHLANR.js";
+} from "./chunk-T7NWBVSC.js";
 import {
   now
 } from "./chunk-3DPOIW3W.js";
@@ -21,10 +21,10 @@ import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/clock/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-3SLRZKLB.js → chunk-DRFGIOZ6.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-KSZHIAI2.js";
+} from "./chunk-3Y63RFJL.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";
@@ -20,7 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   ER_REGISTRY,
@@ -34,10 +34,10 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,

package/dist/{chunk-EDPDAUBL.js → chunk-DUPZ2BBY.js}

@@ -1,14 +1,14 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-PUZ63XZM.js";
+} from "./chunk-BZX7QCXJ.js";
 import {
   CYLINDER_RY,
   QUEUE_CAP
-} from "./chunk-K3BYD3WU.js";
+} from "./chunk-5KKZXA44.js";
 import {
   renderChartTitle
-} from "./chunk-X6IZP2BD.js";
+} from "./chunk-Q6W2K33N.js";
 import {
   TITLE_FONT_SIZE
 } from "./chunk-VLC6WNRD.js";
@@ -24,7 +24,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/whiteboard/renderer.ts
 import * as d3 from "d3-selection";
@@ -787,7 +787,19 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
       }
     }
   };
-  for (const el of elements) drawElement(el);
+  for (const el of inDrawOrder(elements)) drawElement(el);
+}
+var DRAW_BAND = {
+  image: 0,
+  shape: 1,
+  note: 2,
+  arrow: 3,
+  line: 3,
+  text: 4,
+  ink: 5
+};
+function inDrawOrder(elements) {
+  return elements.map((el, i) => ({ el, i })).sort((a, b) => DRAW_BAND[a.el.kind] - DRAW_BAND[b.el.kind] || a.i - b.i).map(({ el }) => el);
 }
 function appendLines(t, lines, x, firstY, lh) {
   lines.forEach((ln, i) => {

package/dist/{chunk-HLE5QGZJ.js → chunk-EBIDNRSR.js}

@@ -1,6 +1,6 @@
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText,
   wrapTextToWidth
@@ -8,7 +8,7 @@ import {
 import {
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;

package/dist/{chunk-N254IJM2.js → chunk-EBSFSOJC.js}

@@ -1,3 +1,8 @@
+import {
+  FULL_TEXT_ATTR,
+  fullNodeText,
+  isCutShort
+} from "./chunk-B5DHFFZP.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -8,7 +13,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-KATED53P.js";
+} from "./chunk-JRWUHLRP.js";
 import {
   wrapDescriptionLines
 } from "./chunk-NPWVOFB3.js";
@@ -21,7 +26,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -34,11 +39,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,
@@ -49,13 +54,14 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveGroupTagColor,
-  resolveTagColor
-} from "./chunk-QKJ6MQXW.js";
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -70,10 +76,10 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/boxes-and-lines/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -568,7 +574,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const dividerStroke = fillMode === "solid" ? colors.text : colors.stroke;
     const nodeG = diagramG.append("g").attr("class", "bl-node").attr("transform", `translate(${ln.x},${ln.y})`).attr("data-line-number", node.lineNumber).attr("data-node-id", node.label).style("cursor", onClickItem ? "pointer" : "default").style("--bl-node-stroke", colors.stroke);
     for (const [key, val] of Object.entries(node.metadata)) {
-      nodeG.attr(`data-tag-${key.toLowerCase()}`, val.toLowerCase());
+      nodeG.attr(`data-tag-${tagAttrKey(key)}`, val.toLowerCase());
     }
     if (node.value !== void 0) {
       nodeG.attr("data-value", node.value);
@@ -584,10 +590,14 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const y = -ln.height / 2;
     nodeG.append("rect").attr("x", x).attr("y", y).attr("width", ln.width).attr("height", ln.height).attr("rx", NODE_RX).attr("ry", NODE_RX).attr("fill", colors.fill).attr("stroke", colors.stroke).attr("stroke-width", sNodeStrokeWidth);
     const desc = node.description;
+    let textCut;
+    let drawnDesc = [];
     if (desc && desc.length > 0 && !hideDescriptions) {
       const MAX_LABEL_LINES = 3;
       const fitted = fitLabelToHeader(node.label, ln.width, MAX_LABEL_LINES);
       const labelLines = fitted.lines;
+      textCut = isCutShort(labelLines, [node.label]);
+      drawnDesc = desc;
       const labelLineH = fitted.fontSize * 1.3;
       const labelTotalH = labelLines.length * labelLineH;
       const headerH = labelTotalH + 12;
@@ -641,6 +651,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         renderInlineText(textEl, lineText, palette, sDescFontSize);
       }
       if (truncated) {
+        textCut = true;
         const fullText = desc.join(" ");
         const tooltipText = fullText.length > 200 ? fullText.slice(0, 199) + "\u2026" : fullText;
         nodeG.append("title").text(tooltipText);
@@ -654,6 +665,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const headerH = ln.height / 2;
       const sepY = -ln.height / 2 + headerH;
       const fitted = fitLabelToHeader(node.label, ln.width, 2);
+      textCut = isCutShort(fitted.lines, [node.label]);
       const labelLineH = fitted.fontSize * 1.3;
       const labelTotalH = fitted.lines.length * labelLineH;
       const headerCenterY = -ln.height / 2 + headerH / 2;
@@ -671,12 +683,16 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         Math.floor((ln.height - 16) / (sMinNodeFontSize * 1.3))
       );
       const fitted = fitLabelToHeader(node.label, ln.width, maxLabelLines);
+      textCut = isCutShort(fitted.lines, [node.label]);
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
         nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", colors.text).text(fitted.lines[li]);
       }
     }
+    if (textCut) {
+      nodeG.attr(FULL_TEXT_ATTR, fullNodeText(node.label, drawnDesc));
+    }
     if (ln.note) {
       if (ln.note.collapsed) {
         renderNoteBadge(

package/dist/{chunk-MKFQ5E7J.js → chunk-EBVVMUAA.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-F2436VRR.js → chunk-FSJ3ZA6N.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH
@@ -24,10 +24,10 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth
@@ -35,10 +35,10 @@ import {
 import {
   contrastText,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/cycle/renderer.ts
 import * as d3Selection from "d3-selection";

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