@diagrammo/dgmo 0.88.0 → 0.90.0

package/dist/{chunk-CFBY77QJ.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,
@@ -26,34 +29,30 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} 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-LHL6HDUL.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  fitWrapped,
-  measureText,
-  wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
 import {
   UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-HX2KJEPD.js";
+import {
+  fitWrapped,
+  measureText
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   groupFill,
@@ -61,7 +60,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/sketch/renderer.ts
 import * as d3 from "d3-selection";
@@ -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);
   }
-  if (onSeg.size === 0) return null;
+  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 (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-J7Q4VPBJ.js → chunk-EB7AEM2H.js}

@@ -4,48 +4,50 @@ 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-LD2JSKU3.js";
+} from "./chunk-OOCVGX4W.js";
+import {
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
-import {
-  getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseKanban
-} from "./chunk-GUYVKGFN.js";
+} from "./chunk-IRVQT4GR.js";
+import {
+  tagAttrKey
+} from "./chunk-HX2KJEPD.js";
+import {
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-MPJQMMBZ.js";
 import {
   LEGEND_HEIGHT,
   measureLegendText
-} from "./chunk-RH2PROYG.js";
+} from "./chunk-I6GGMCTV.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
-import {
-  tagAttrKey
-} from "./chunk-L5AFONQU.js";
-import {
-  fillModeFromOptions,
-  legendSuppressed
-} from "./chunk-44GP7PD5.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -357,6 +359,12 @@ function computeLayout(parsed, _palette, collapsedColumns, hiddenMetaGroups, sDi
   return { columns: columnLayouts, totalWidth, totalHeight };
 }
 function renderKanban(container, parsed, palette, isDark, options) {
+  keepSwimlaneToggleFocus(
+    container,
+    () => drawKanban(container, parsed, palette, isDark, options)
+  );
+}
+function drawKanban(container, parsed, palette, isDark, options) {
   const exportDims = options?.exportDims;
   const activeTagGroup = options?.activeTagGroup ?? null;
   const onSwimlaneChange = options?.onSwimlaneChange;
@@ -476,9 +484,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
           isCurrent,
           palette
         );
-        iconEl.append("title").text(`Group by ${groupName}`);
-        iconEl.style("cursor", "pointer").on("click", (event) => {
-          event.stopPropagation();
+        wireSwimlaneToggle(iconEl, groupName, isCurrent, true, () => {
           onSwimlaneChange?.(isCurrent ? null : groupName);
         });
       }
@@ -664,7 +670,7 @@ function renderKanban(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) {
@@ -1131,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());

package/dist/{chunk-MGBV4JEI.js → chunk-EDXGEQW3.js}

@@ -3,7 +3,7 @@ import {
   addCalendarDays,
   resolveConfidence,
   unitToDays
-} from "./chunk-3TYUXC7D.js";
+} from "./chunk-2SKMEL7V.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";