@diagrammo/dgmo 0.89.0 → 0.91.0

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

@@ -9,6 +9,9 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-QVKTAU7P.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -27,18 +30,15 @@ import {
 import {
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
+import {
+  getLegendExtent,
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -48,11 +48,10 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   fitWrapped,
-  measureText,
-  wrapTextToWidth
+  measureText
 } from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
@@ -424,41 +423,10 @@ var DASH = SKETCH_VISUALS.dash;
 var BAND_LABEL_FONT_SIZE = SKETCH_VISUALS.bandLabelFontSize;
 var BAND_LABEL_OPACITY = SKETCH_VISUALS.bandLabelOpacity;
 var BAND_LABEL_WEIGHT = SKETCH_VISUALS.bandLabelFontWeight;
-var NOTE_FONT_SIZE = 11;
 var COLLAPSE_BAR_HEIGHT2 = COLLAPSE_BAR_HEIGHT;
 var EDGE_LABEL_FONT_SIZE = SKETCH_VISUALS.edgeLabelFontSize;
 var CURVE_HANDLE_MIN = 24;
 var CURVE_HANDLE_MAX = 90;
-function drawNoteBody(g, w, h, colors, strokeWidth) {
-  const f = 14;
-  g.append("path").attr(
-    "d",
-    `M0 2 a2 2 0 0 1 2 -2 h${w - f - 2} l${f} ${f} v${h - f - 2} a2 2 0 0 1 -2 2 h-${w - 4} a2 2 0 0 1 -2 -2 Z`
-  ).attr("fill", colors.fill).attr("stroke", colors.stroke).attr("stroke-width", strokeWidth);
-  g.append("path").attr("d", `M${w - f} 0 v${f} h${f}`).attr("fill", "none").attr("stroke", colors.stroke).attr("stroke-width", 1.2);
-}
-function drawTypeBadge(g, kind, color, bx, by) {
-  const b = g.append("g").attr("transform", `translate(${bx},${by})`).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.3).attr("stroke-linejoin", "round").attr("stroke-linecap", "round");
-  switch (kind) {
-    case "database":
-      b.append("ellipse").attr("cx", 8).attr("cy", 3).attr("rx", 6).attr("ry", 2.4);
-      b.append("path").attr("d", "M2 3 v10 a6 2.4 0 0 0 12 0 v-10");
-      return;
-    case "queue":
-      b.append("path").attr("d", "M3 1 h8 a3 6.5 0 0 1 0 13 h-8 Z");
-      b.append("ellipse").attr("cx", 3).attr("cy", 7.5).attr("rx", 3).attr("ry", 6.5);
-      return;
-    case "document":
-      b.append("path").attr("d", "M2 1 h9 v11 q-4.5 2 -9 0 q0 0 0 0 Z");
-      return;
-    case "person":
-      b.append("circle").attr("cx", 8).attr("cy", 5).attr("r", 3);
-      b.append("path").attr("d", "M2 15 a6 5 0 0 1 12 0");
-      return;
-    default:
-      return;
-  }
-}
 var CARD_HEADER_H = SKETCH_VISUALS.cardHeaderHeight;
 var CARD_LABEL_MAX = SKETCH_VISUALS.nodeLabelFontSize;
 var CARD_LABEL_MIN = SKETCH_VISUALS.nodeLabelFontSizeMin;
@@ -476,7 +444,6 @@ function renderSketch(container, parsed, layout, palette, isDark, options = {})
   const sTitleFontSize = sctx.text(TITLE_FONT_SIZE2);
   const sEdgeLabelFontSize = sctx.text(EDGE_LABEL_FONT_SIZE);
   const sBandLabelFontSize = sctx.text(BAND_LABEL_FONT_SIZE);
-  const sNoteFontSize = sctx.text(NOTE_FONT_SIZE);
   const sCardLabelMax = sctx.text(CARD_LABEL_MAX);
   const sCardLabelMin = sctx.text(CARD_LABEL_MIN);
   const sCardMetaFont = sctx.text(CARD_META_FONT);
@@ -497,8 +464,7 @@ function renderSketch(container, parsed, layout, palette, isDark, options = {})
     cardLabelMin: sCardLabelMin,
     cardMetaFont: sCardMetaFont,
     cardTitleMax: sCardTitleMax,
-    bandLabelFontSize: sBandLabelFontSize,
-    noteFontSize: sNoteFontSize
+    bandLabelFontSize: sBandLabelFontSize
   };
   const tagGroups = [...parsed.tagGroups];
   const activeName = resolveActiveTagGroup(
@@ -817,75 +783,20 @@ function drawNode(layer, node, colors, palette, isDark, splitCard, s) {
   void isDark;
   const g = layer.append("g").attr("class", node.isCollapsedBox ? "sk-node sk-box-collapsed" : "sk-node").attr("transform", `translate(${node.x},${node.y})`).attr("data-node-id", node.id).attr("data-line-number", node.lineNumber);
   for (const [k, v] of Object.entries(node.metadata)) {
-    g.attr(`data-tag-${k}`, v);
+    g.attr(`data-tag-${tagAttrKey(k)}`, v);
   }
   if (node.isCollapsedBox) {
     g.attr("data-group-toggle", node.label);
   }
-  if (node.shape === "note") {
-    drawNoteBody(g, node.w, node.h, colors, s.nodeStrokeWidth);
-    const lines = wrapTextToWidth(node.label, s.noteFontSize, node.w - 34);
-    const lineHeight = s.noteFontSize + 4;
-    lines.slice(0, 5).forEach((line, i) => {
-      g.append("text").attr("x", 10).attr("y", 20 + i * lineHeight).attr("font-size", s.noteFontSize).attr("fill", colors.text).text(line);
-    });
-  } else {
-    const badge = node.shape !== "rectangle";
-    const labelInset = badge ? 22 : 0;
-    const solidLike = colors.stroke === colors.fill;
-    const ruleColor = solidLike ? colors.text : colors.stroke;
-    if (!node.isCollapsedBox && (node.description || splitCard)) {
-      const fitH = fitWrapped(
-        node.label,
-        node.w - 24 - labelInset,
-        s.cardLabelMax,
-        s.cardLabelMin,
-        1
-      );
-      renderNodeCard(g, {
-        width: node.w,
-        height: node.h,
-        rx: s.cardRadius,
-        fill: colors.fill,
-        stroke: colors.stroke,
-        strokeWidth: s.nodeStrokeWidth,
-        label: fitH.lines[0] ?? node.label,
-        labelColor: colors.text,
-        labelFontSize: fitH.fontSize,
-        headerHeight: s.cardHeaderH
-      });
-      g.append("line").attr("x1", 0).attr("y1", s.cardHeaderH).attr("x2", node.w).attr("y2", s.cardHeaderH).attr("stroke", ruleColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
-      if (node.description) {
-        const inset = 12;
-        const bodyGap = 8;
-        const lh = s.cardMetaFont + 4;
-        const avail = node.h - s.cardHeaderH - bodyGap - 8;
-        const body = g.append("g").attr("class", "sk-desc").attr("transform", `translate(${inset} ${s.cardHeaderH + bodyGap})`);
-        const block = drawMarkdownBlock(body, node.description, {
-          width: node.w - inset * 2,
-          fontSize: s.cardMetaFont,
-          lineHeight: lh,
-          color: colors.text,
-          // match the header label (contrast-aware in solid)
-          linkColor: colors.text,
-          maxLines: Math.max(1, Math.floor(avail / lh)),
-          noEllipsis: true
-        });
-        if (block.total > block.shown) {
-          g.append("text").attr("class", "sk-desc-more").attr("x", node.w - 8).attr("y", node.h - 5).attr("text-anchor", "end").attr("font-size", 9).attr("fill", palette.textMuted).attr("data-line-number", node.lineNumber).style("cursor", "pointer").text(`+${block.total - block.shown} more in source`);
-        }
-      }
-      if (badge) {
-        drawTypeBadge(g, node.shape, colors.text, 10, (s.cardHeaderH - 16) / 2);
-      }
-      return;
-    }
-    const fit = fitWrapped(
+  const solidLike = colors.stroke === colors.fill;
+  const ruleColor = solidLike ? colors.text : colors.stroke;
+  if (!node.isCollapsedBox && (node.description || splitCard)) {
+    const fitH = fitWrapped(
       node.label,
-      node.w - 24 - labelInset,
-      s.cardTitleMax,
+      node.w - 24,
+      s.cardLabelMax,
       s.cardLabelMin,
-      3
+      1
     );
     renderNodeCard(g, {
       width: node.w,
@@ -894,16 +805,54 @@ function drawNode(layer, node, colors, palette, isDark, splitCard, s) {
       fill: colors.fill,
       stroke: colors.stroke,
       strokeWidth: s.nodeStrokeWidth,
-      label: fit.lines.join(" "),
-      labelLines: fit.lines,
+      label: fitH.lines[0] ?? node.label,
       labelColor: colors.text,
-      labelFontSize: fit.fontSize,
-      headerHeight: node.h
+      labelFontSize: fitH.fontSize,
+      headerHeight: s.cardHeaderH
     });
-    if (badge) {
-      drawTypeBadge(g, node.shape, colors.text, 10, (s.cardHeaderH - 16) / 2);
+    g.append("line").attr("x1", 0).attr("y1", s.cardHeaderH).attr("x2", node.w).attr("y2", s.cardHeaderH).attr("stroke", ruleColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
+    if (node.description) {
+      const inset = 12;
+      const bodyGap = 8;
+      const lh = s.cardMetaFont + 4;
+      const avail = node.h - s.cardHeaderH - bodyGap - 8;
+      const body = g.append("g").attr("class", "sk-desc").attr("transform", `translate(${inset} ${s.cardHeaderH + bodyGap})`);
+      const block = drawMarkdownBlock(body, node.description, {
+        width: node.w - inset * 2,
+        fontSize: s.cardMetaFont,
+        lineHeight: lh,
+        color: colors.text,
+        // match the header label (contrast-aware in solid)
+        linkColor: colors.text,
+        maxLines: Math.max(1, Math.floor(avail / lh)),
+        noEllipsis: true
+      });
+      if (block.total > block.shown) {
+        g.append("text").attr("class", "sk-desc-more").attr("x", node.w - 8).attr("y", node.h - 5).attr("text-anchor", "end").attr("font-size", 9).attr("fill", palette.textMuted).attr("data-line-number", node.lineNumber).style("cursor", "pointer").text(`+${block.total - block.shown} more in source`);
+      }
     }
+    return;
   }
+  const fit = fitWrapped(
+    node.label,
+    node.w - 24,
+    s.cardTitleMax,
+    s.cardLabelMin,
+    3
+  );
+  renderNodeCard(g, {
+    width: node.w,
+    height: node.h,
+    rx: s.cardRadius,
+    fill: colors.fill,
+    stroke: colors.stroke,
+    strokeWidth: s.nodeStrokeWidth,
+    label: fit.lines.join(" "),
+    labelLines: fit.lines,
+    labelColor: colors.text,
+    labelFontSize: fit.fontSize,
+    headerHeight: node.h
+  });
   if (node.isCollapsedBox) {
     renderCollapseBar(g, {
       width: node.w,
@@ -1048,57 +997,70 @@ function hoppedPath(g, hops) {
   const N = 49;
   const pts = [];
   for (let s = 0; s <= N; s++) pts.push(cubicAt(g, s / N));
-  const onSeg = /* @__PURE__ */ new Map();
+  const cum = [0];
+  for (let k2 = 1; k2 <= N; k2++) {
+    const a = pts[k2 - 1];
+    const b = pts[k2];
+    cum.push(cum[k2 - 1] + Math.hypot(b.x - a.x, b.y - a.y));
+  }
+  const total = cum[N];
+  const at = (len) => {
+    let k2 = 1;
+    while (k2 < N && cum[k2] < len) k2++;
+    const a = pts[k2 - 1];
+    const b = pts[k2];
+    const span = cum[k2] - cum[k2 - 1] || 1;
+    const f = Math.max(0, Math.min(1, (len - cum[k2 - 1]) / span));
+    return { x: a.x + f * (b.x - a.x), y: a.y + f * (b.y - a.y) };
+  };
+  const centres = [];
   for (const hp of hops) {
-    let bestSeg = -1;
     let bestD = Infinity;
-    let bestPt = null;
-    for (let k = 1; k <= N; k++) {
-      const a = pts[k - 1];
-      const b = pts[k];
+    let bestLen = 0;
+    for (let k2 = 1; k2 <= N; k2++) {
+      const a = pts[k2 - 1];
+      const b = pts[k2];
       const dx = b.x - a.x;
       const dy = b.y - a.y;
       const len2 = dx * dx + dy * dy || 1;
       let f = ((hp.x - a.x) * dx + (hp.y - a.y) * dy) / len2;
       f = Math.max(0, Math.min(1, f));
-      const px = a.x + f * dx;
-      const py = a.y + f * dy;
-      const d2 = Math.hypot(hp.x - px, hp.y - py);
+      const d2 = Math.hypot(hp.x - (a.x + f * dx), hp.y - (a.y + f * dy));
       if (d2 < bestD) {
         bestD = d2;
-        bestSeg = k;
-        bestPt = { x: px, y: py };
+        bestLen = cum[k2 - 1] + f * (cum[k2] - cum[k2 - 1]);
       }
     }
-    if (bestSeg >= 3 && bestSeg <= N - 3 && bestPt && !onSeg.has(bestSeg))
-      onSeg.set(bestSeg, bestPt);
+    centres.push(bestLen);
+  }
+  const clear = Math.max(2 * HOP_R, 3 * total / N);
+  const kept = [];
+  for (const c of centres.sort((x, y) => x - y)) {
+    if (c < clear || c > total - clear) continue;
+    if (kept.length > 0 && c - kept[kept.length - 1] < 2 * HOP_R) continue;
+    kept.push(c);
   }
-  if (onSeg.size === 0) return null;
+  if (kept.length === 0) return null;
   let d = `M ${pts[0].x} ${pts[0].y}`;
-  for (let k = 1; k <= N; k++) {
-    const a = pts[k - 1];
-    const b = pts[k];
-    const hp = onSeg.get(k);
-    if (hp) {
-      const segLen = Math.hypot(b.x - a.x, b.y - a.y) || 1;
-      const dir = { x: (b.x - a.x) / segLen, y: (b.y - a.y) / segLen };
-      let perp = { x: dir.y, y: -dir.x };
-      if (perp.y > 0) perp = { x: -perp.x, y: -perp.y };
-      const A = { x: hp.x - dir.x * HOP_R, y: hp.y - dir.y * HOP_R };
-      const B = { x: hp.x + dir.x * HOP_R, y: hp.y + dir.y * HOP_R };
-      const k1 = {
-        x: A.x + perp.x * HOP_R * 1.33,
-        y: A.y + perp.y * HOP_R * 1.33
-      };
-      const k2 = {
-        x: B.x + perp.x * HOP_R * 1.33,
-        y: B.y + perp.y * HOP_R * 1.33
-      };
-      d += ` L ${A.x} ${A.y} C ${k1.x} ${k1.y}, ${k2.x} ${k2.y}, ${B.x} ${B.y} L ${b.x} ${b.y}`;
-    } else {
-      d += ` L ${b.x} ${b.y}`;
+  let k = 1;
+  for (const c of kept) {
+    const s0 = c - HOP_R;
+    const s1 = c + HOP_R;
+    while (k <= N && cum[k] < s0) {
+      d += ` L ${pts[k].x} ${pts[k].y}`;
+      k++;
     }
+    const A = at(s0);
+    const B = at(s1);
+    const chord = Math.hypot(B.x - A.x, B.y - A.y) || 1;
+    const dir = { x: (B.x - A.x) / chord, y: (B.y - A.y) / chord };
+    let perp = { x: dir.y, y: -dir.x };
+    if (perp.y > 0) perp = { x: -perp.x, y: -perp.y };
+    const lift = chord / 2 * 1.33;
+    d += ` L ${A.x} ${A.y} C ${A.x + perp.x * lift} ${A.y + perp.y * lift}, ${B.x + perp.x * lift} ${B.y + perp.y * lift}, ${B.x} ${B.y}`;
+    while (k <= N && cum[k] <= s1) k++;
   }
+  for (; k <= N; k++) d += ` L ${pts[k].x} ${pts[k].y}`;
   return d;
 }
 function pathCrossings(g, obstacles) {
@@ -1411,6 +1373,7 @@ function sketchEdgeGeometry(layout, offsets) {
     return out;
   };
   const hopsFor = layout.edges.map(() => []);
+  const hopsOn = layout.edges.map(() => []);
   for (let i = 0; i < polys.length; i++) {
     for (let j = i + 1; j < polys.length; j++) {
       const a = polys[i];
@@ -1418,7 +1381,11 @@ function sketchEdgeGeometry(layout, offsets) {
       if (!a || !b) continue;
       if (!ctx[i]?.adjacent.has(j)) {
         const pt2 = polyIntersections(a, b)[0];
-        if (pt2) hopsFor[j].push(pt2);
+        if (pt2) {
+          hopsFor[j].push(pt2);
+          hopsOn[i].push(pt2);
+          hopsOn[j].push(pt2);
+        }
         continue;
       }
       const ei = layout.edges[i];
@@ -1435,7 +1402,11 @@ function sketchEdgeGeometry(layout, offsets) {
           (q) => Math.hypot(p.x - q.x, p.y - q.y) > SHARED_END_CLEAR
         )
       );
-      if (pt) hopsFor[j].push(pt);
+      if (pt) {
+        hopsFor[j].push(pt);
+        hopsOn[i].push(pt);
+        hopsOn[j].push(pt);
+      }
     }
   }
   return layout.edges.map((edge, i) => {
@@ -1448,6 +1419,7 @@ function sketchEdgeGeometry(layout, offsets) {
       d: g.d,
       mid: g.mid,
       ...dRender && { dRender },
+      ...hopsOn[i].length > 0 && { hops: hopsOn[i] },
       p0: g.p0,
       h0: g.h0,
       h1: g.h1,
@@ -1455,6 +1427,22 @@ function sketchEdgeGeometry(layout, offsets) {
     };
   });
 }
+var HOP_LABEL_CLEAR = HOP_R + 2;
+function sketchLabelSpot(g, halfW, halfH) {
+  const hops = g.hops ?? [];
+  if (hops.length === 0) return g.mid;
+  const clear = (p) => hops.every(
+    (h) => Math.abs(p.x - h.x) >= halfW + HOP_LABEL_CLEAR || Math.abs(p.y - h.y) >= halfH + HOP_LABEL_CLEAR
+  );
+  if (clear(g.mid)) return g.mid;
+  for (let step = 1; step <= 18; step++) {
+    for (const t of [0.5 - step * 0.02, 0.5 + step * 0.02]) {
+      const p = cubicAt(g, t);
+      if (clear(p)) return p;
+    }
+  }
+  return g.mid;
+}
 function renderSketchForExport(container, parsed, layout, palette, isDark, options = {}) {
   renderSketch(container, parsed, layout, palette, isDark, {
     ...options,
@@ -1472,5 +1460,6 @@ export {
   SKETCH_VISUALS,
   renderSketch,
   sketchEdgeGeometry,
+  sketchLabelSpot,
   renderSketchForExport
 };

package/dist/{chunk-6K7RODXG.js → chunk-MKFQ5E7J.js}

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

package/dist/{chunk-AZ24RI5L.js → chunk-MNL547RV.js}

@@ -3,7 +3,10 @@ import {
 } from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-ZNNVI5SR.js";
+} from "./chunk-CU2PZLZP.js";
+import {
+  appendArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
@@ -11,9 +14,6 @@ import {
   renderNoteBox,
   renderNoteConnector
 } from "./chunk-KATED53P.js";
-import {
-  appendArrowheadMarkers
-} from "./chunk-XBJJP2HN.js";
 import {
   fitDiagramToCanvas
 } from "./chunk-EPDBWATV.js";
@@ -40,10 +40,10 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseFlowchart
-} from "./chunk-JRUEIRJB.js";
+} from "./chunk-634LDSN6.js";
 import {
   fillModeFromOptions
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-44GP7PD5.js → chunk-MPJQMMBZ.js}

@@ -135,6 +135,11 @@ var chartTypesData = [
     description: "GUI-first constrained canvas: uniformly-sized shapes placed freely on a snap grid, arrows between them, meaning through tags \u2014 the markup is generated by the canvas editor",
     beta: true
   },
+  {
+    id: "whiteboard",
+    description: "Free-form whiteboard on an infinite canvas: rectangles, ellipses, databases, queues, free arrows, text, pasted images and freehand ink at pixel positions \u2014 drawn in the canvas; AI writes shapes, arrows and text, never ink",
+    beta: true
+  },
   {
     id: "goal",
     description: "Single progress-toward-a-target value (now vs target) as a progress bar, thermometer, or gauge \u2014 KPIs, fundraising, quotas, completion"
@@ -569,6 +574,13 @@ var DIRECTIVES_REGISTRY = [
   { token: "alert", category: "control" },
   { token: "progress", category: "control" },
   { token: "mobile", category: "control" },
+  // Whiteboard element leaders (§39). `image` is shared with wireframe above
+  // and `text` stays an ER modifier; `database` / `queue` are left plain
+  // because sketch and sequence use them as values, not line leaders.
+  { token: "rectangle", category: "control" },
+  { token: "ellipse", category: "control" },
+  { token: "arrow", category: "control" },
+  { token: "ink", category: "control" },
   // ── Kanban status keywords (STATUS) ──────────────────────
   { token: "na", category: "status" },
   { token: "todo", category: "status" },

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

@@ -1,3 +1,7 @@
+import {
+  appendArrowheadMarkers,
+  appendReverseArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
@@ -5,10 +9,6 @@ import {
   renderNoteBox,
   renderNoteConnector
 } from "./chunk-KATED53P.js";
-import {
-  appendArrowheadMarkers,
-  appendReverseArrowheadMarkers
-} from "./chunk-XBJJP2HN.js";
 import {
   wrapDescriptionLines
 } from "./chunk-NPWVOFB3.js";
@@ -19,6 +19,9 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-QVKTAU7P.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -32,30 +35,27 @@ import {
 import {
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
+import {
+  getLegendExtent,
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveGroupTagColor,
   resolveTagColor
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,

package/dist/{layout-search-YKUL4VBV.js → chunk-NWPMLX2V.js}

@@ -1,29 +1,16 @@
-import {
-  computeNodeSize
-} from "./chunk-W7QN5BC5.js";
 import {
   clipEndpointsToNodes,
   groupedTierCandidates
 } from "./chunk-EJS3K44P.js";
+import {
+  computeNodeSize
+} from "./chunk-Q3N7PI3B.js";
 import {
   EDGE_LABEL_FONT_SIZE,
   NODE_HEIGHT,
   NODE_WIDTH,
   measureEdgeLabel
 } from "./chunk-QT3KDDXK.js";
-import "./chunk-HTNLLT34.js";
-import "./chunk-6EK55ART.js";
-import "./chunk-RJNZHFNG.js";
-import "./chunk-5DH3KYFH.js";
-import "./chunk-NPWVOFB3.js";
-import "./chunk-S7W75MIM.js";
-import "./chunk-Z6DXWULM.js";
-import "./chunk-ICLB27PZ.js";
-import "./chunk-O753JUEZ.js";
-import "./chunk-NOTA6TEI.js";
-import "./chunk-KAO7JL4I.js";
-import "./chunk-BYU54C3S.js";
-import "./chunk-5WRI5ZAA.js";
 
 // src/boxes-and-lines/layout-search.ts
 import dagre from "@dagrejs/dagre";
@@ -816,6 +803,17 @@ var ESCALATE_SEEDS = 18;
 var ESCALATE_REFINE = 10;
 var SEARCH_WORK_CAP = 36e3;
 var MIN_SEARCH_CANDIDATES = 6;
+function searchBudget(nodes, edges) {
+  const seeds = nodes <= 12 ? 20 : nodes <= 22 ? 40 : nodes <= 35 ? 22 : 10;
+  const size = Math.max(1, nodes + edges);
+  return {
+    seeds,
+    maxCandidates: Math.max(
+      MIN_SEARCH_CANDIDATES,
+      Math.floor(SEARCH_WORK_CAP / Math.pow(size, 1.5))
+    )
+  };
+}
 function rng2(s) {
   return () => {
     s |= 0;
@@ -1751,15 +1749,12 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
     };
   }
   const n = parsed.nodes.length;
-  const seedCount = opts?.seeds ?? (n <= 12 ? 20 : n <= 22 ? 40 : n <= 35 ? 22 : 10);
+  const budget = searchBudget(n, parsed.edges.length);
+  const seedCount = opts?.seeds ?? budget.seeds;
   const REFINE_K = opts?.refineK ?? 6;
   const lambda = opts?.lambda ?? DEFAULT_LAMBDA;
   const prev = opts?.previousPositions;
-  const searchSize = Math.max(1, n + parsed.edges.length);
-  const maxCandidates = Math.max(
-    MIN_SEARCH_CANDIDATES,
-    Math.floor(SEARCH_WORK_CAP / Math.pow(searchSize, 1.5))
-  );
+  const maxCandidates = budget.maxCandidates;
   let attempts = 0;
   const configs = [];
   if (opts?.configs) {
@@ -1994,16 +1989,18 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
   opts?.onTopConfigs?.(topConfigs);
   return clipLayoutEdgesToNodes(best);
 }
+
 export {
-  countEdgeNearMiss,
-  countEdgeNodePierces,
-  countEdgeOverlaps,
-  countGroupOverlaps,
+  searchBudget,
   countSplineCrossings,
-  deroutePierces,
-  detectEdgeNodePierces,
   detectEdgeOverlaps,
+  countEdgeOverlaps,
+  detectEdgeNodePierces,
+  countEdgeNodePierces,
+  deroutePierces,
+  countEdgeNearMiss,
   detectGroupOverlaps,
-  layoutBoxesAndLinesSearch,
-  separateGroupBands
+  countGroupOverlaps,
+  separateGroupBands,
+  layoutBoxesAndLinesSearch
 };

package/dist/{chunk-DV2VEJCC.js → chunk-NWSPPGIE.js}

@@ -2,7 +2,7 @@
 var SKETCH_DIAGNOSTIC_CODES = {
   BOX_DEPTH: "E_SKETCH_BOX_DEPTH",
   AMBIGUOUS_TARGET: "E_SKETCH_AMBIGUOUS_TARGET",
-  UNKNOWN_SHAPE: "W_SKETCH_UNKNOWN_SHAPE",
+  SHAPE_UNSUPPORTED: "E_SKETCH_SHAPE_UNSUPPORTED",
   OVERLAP_RESOLVED: "W_SKETCH_OVERLAP_RESOLVED",
   AT_OUT_OF_RANGE: "W_SKETCH_AT_OUT_OF_RANGE"
 };
@@ -26,12 +26,12 @@ var SKETCH_DIAGNOSTICS = [
     example: "sketch\nCache as c1\nCache as c2\nApp\n  -> c1"
   },
   {
-    code: SKETCH_DIAGNOSTIC_CODES.UNKNOWN_SHAPE,
-    severity: "warning",
+    code: SKETCH_DIAGNOSTIC_CODES.SHAPE_UNSUPPORTED,
+    severity: "error",
     chartType: "sketch",
-    title: "Unknown shape",
-    message: (p) => `Unknown shape "${String(p.shape ?? "?")}" \u2014 rendered as a rectangle (valid: database, queue, person, document, note)`,
-    hint: "Use one of the closed shape kinds, or drop shape: for a rectangle.",
+    title: "shape: is not supported in sketch",
+    message: (p) => `shape: ${String(p.shape ?? "?")} is not supported in sketch \u2014 every box is a plain rectangle; remove the shape: clause`,
+    hint: "Delete the shape: clause. Use a tag to say what kind of thing a box is.",
     example: "sketch\nStore shape: database"
   },
   {