@diagrammo/dgmo 0.89.0 → 0.90.0

package/dist/{chunk-HUNDJTTH.js → chunk-A5EE66RQ.js}

@@ -1,7 +1,7 @@
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   mix
 } from "./chunk-L24LESXF.js";

package/dist/{chunk-JVZ7KFAX.js → chunk-AAC3XQWV.js}

@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -31,7 +31,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   emit,
   makeDgmoError,

package/dist/{chunk-7KPHRTND.js → chunk-AHWA36O7.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-LR6RRDWN.js";
+} from "./chunk-QRIW46LR.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y

package/dist/{chunk-FKZ2Y3Q5.js → chunk-C4W62JZO.js}

@@ -11,7 +11,7 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   FAMILY_PERSON_REGISTRY,
   FAMILY_UNION_REGISTRY,
@@ -26,7 +26,7 @@ import {
   tokenizeQuoteAware,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   nord,
   resolveColor

package/dist/{chunk-C4FRGZGX.js → chunk-CDT33RHG.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText

package/dist/{chunk-B3S76BZO.js → chunk-COPSI54O.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -20,7 +20,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-2M4IGSCY.js";
@@ -317,7 +317,7 @@ function parseJourneyMap(content, palette) {
       const groupKey = aliasMap.get(tagKey.toLowerCase()) ?? tagKey.toLowerCase();
       const validValues = tagValueSets.get(groupKey);
       if (validValues && !validValues.has(tagValue.toLowerCase())) {
-        const entries = result.tagGroups.find((g) => g.name.toLowerCase() === groupKey)?.entries.map((e) => e.value);
+        const entries = result.tagGroups.find((g) => tagAttrKey(g.name) === groupKey)?.entries.map((e) => e.value);
         let msg = `Unknown tag value "${tagValue}" for group "${groupKey}"`;
         if (entries) {
           const hint = suggest(tagValue, entries);

package/dist/{chunk-GUTZCRBT.js → chunk-CUY56BK4.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   AliasRegistry,
   INFRA_BEHAVIOR_KEY_SET,
@@ -31,7 +31,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   isRecognizedColorName
 } from "./chunk-2M4IGSCY.js";

package/dist/{chunk-HSRQDWV7.js → chunk-CYF2X3CG.js}

@@ -1,19 +1,18 @@
 import {
   isTagBlockHeading
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   formatDgmoError,
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
 
 // src/wireframe/parser.ts
-var KNOWN_OPTIONS = /* @__PURE__ */ new Set(["palette", "theme"]);
 var INERT_OPTIONS = {
   "active-tag": '"active-tag" does nothing on a wireframe \u2014 it has no tag groups. Element appearance comes from the trailing state keywords (primary, disabled, selected, \u2026).'
 };
@@ -517,10 +516,6 @@ function parseWireframe(content) {
           pushWarning(lineNumber, inertMsg);
           continue;
         }
-        if (KNOWN_OPTIONS.has(key)) {
-          options[key] = optMatch[2] || "";
-          continue;
-        }
       }
       if (isTagBlockHeading(trimmed)) {
         refuseTagBlock(lineNumber);
@@ -544,10 +539,6 @@ function parseWireframe(content) {
           pushWarning(lineNumber, inertMsg);
           continue;
         }
-        if (KNOWN_OPTIONS.has(key)) {
-          options[key] = optMatch[2] || "";
-          continue;
-        }
       }
     }
     if (isTagBlockHeading(trimmed)) {

package/dist/{chunk-NGC3IZRY.js → chunk-DNMICILX.js}

@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   MINDMAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -23,7 +23,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   formatDgmoError,
   makeDgmoError,

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

@@ -9,6 +9,9 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-NJYA4QSN.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-HX2KJEPD.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-TAP2NZEU.js → chunk-EB7AEM2H.js}

@@ -4,37 +4,37 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-NJYA4QSN.js";
 import {
   CARD_RADIUS
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
 } from "./chunk-OOCVGX4W.js";
+import {
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
 } from "./chunk-VLC6WNRD.js";
-import {
-  keepSwimlaneToggleFocus,
-  renderIntegratedLegend,
-  wireSwimlaneToggle
-} from "./chunk-7SX4IY6T.js";
-import {
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseKanban
-} from "./chunk-DPSMX4EY.js";
+} from "./chunk-IRVQT4GR.js";
 import {
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   LEGEND_HEIGHT,
   measureLegendText
@@ -670,7 +670,7 @@ function drawKanban(container, parsed, palette, isDark, options) {
         const tagKey = tagAttrKey(activeTagGroup);
         const tagValue = card.tags[tagKey];
         const group = parsed.tagGroups.find(
-          (tg) => tg.name.toLowerCase() === tagKey
+          (tg) => tagAttrKey(tg.name) === tagKey
         );
         const value = tagValue ?? group?.defaultValue;
         if (value) {
@@ -1137,7 +1137,7 @@ function renderSwimlaneCard(parent, cardLayout, tagGroups, activeTagGroup, palet
   const cg = parent.append("g").attr("class", "kanban-card").attr("data-card-id", card.id).attr("data-line-number", card.lineNumber);
   if (activeTagGroup) {
     const tagKey = tagAttrKey(activeTagGroup);
-    const group = tagGroups.find((tg) => tg.name.toLowerCase() === tagKey);
+    const group = tagGroups.find((tg) => tagAttrKey(tg.name) === tagKey);
     const value = card.tags[tagKey] ?? group?.defaultValue;
     if (value) {
       cg.attr(`data-tag-${tagKey}`, value.toLowerCase());