@diagrammo/dgmo 0.91.0 → 0.92.0

package/dist/{chunk-RVTYIGWZ.js → chunk-JLU52ZDT.js}

@@ -8,17 +8,17 @@ import {
   PAIR_GAP,
   layoutBracket,
   wrapText
-} from "./chunk-ABP5BUD6.js";
+} from "./chunk-ZI6WC24V.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.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,
@@ -30,10 +30,10 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -43,10 +43,10 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/bracket/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -334,7 +334,7 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
   const cell = g.append("g").attr("class", "dgmo-bracket-box");
   if (m.lineNumber !== null) cell.attr("data-line-number", m.lineNumber);
   if (activeKey && info.tagValue)
-    cell.attr(`data-tag-${activeKey}`, info.tagValue.toLowerCase());
+    cell.attr(`data-tag-${tagAttrKey(activeKey)}`, info.tagValue.toLowerCase());
   const isTBD = name === null;
   let fill = "none";
   let stroke = paint.hair;

package/dist/{chunk-KATED53P.js → chunk-JRWUHLRP.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-S7W75MIM.js";
 import {
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/utils/note-box/svg.ts
 var NOTE_STROKE_WIDTH = 0.6;

package/dist/{chunk-IUBCDNT2.js → chunk-JXGSTBW6.js}

@@ -2,20 +2,20 @@ import {
   BODY_TERMS,
   getFigure,
   resolvePartKey
-} from "./chunk-BDXC7MDK.js";
+} from "./chunk-H7AXCRO7.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   emit
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-2ZVLI6GQ.js → chunk-KBDMEOLI.js}

@@ -1,10 +1,10 @@
 import {
   parseFirstLine
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   parseCloudReferenceFence,
   parseCloudReferenceUrl
-} from "./chunk-5NU7NII2.js";
+} from "./chunk-Z6QFHH4D.js";
 import {
   formatDgmoError,
   makeDgmoError

package/dist/{chunk-TLPY4ZBI.js → chunk-KTGZDMDX.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,
@@ -19,11 +19,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,
@@ -36,19 +36,19 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-ZB2Q67NO.js";
+} from "./chunk-B5PEKSRH.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   legendChromeColors
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   truncateText
@@ -58,7 +58,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -2044,7 +2044,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     for (const [segTop, segBottom] of lifelines.get(participant.id) ?? []) {
       const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", segTop).attr("x2", cx).attr("y2", segBottom).attr("stroke", llColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("class", "lifeline").attr("data-participant-id", participant.id);
       if (tagKey && pTagValue) {
-        lifelineEl.attr(`data-tag-${tagKey}`, pTagValue.toLowerCase());
+        lifelineEl.attr(
+          `data-tag-${tagAttrKey(tagKey)}`,
+          pTagValue.toLowerCase()
+        );
       }
     }
   });
@@ -2073,7 +2076,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     });
     const actRect = svg.append("rect").attr("x", x).attr("y", y1).attr("width", bar.width).attr("height", height).attr("fill", actFill).attr("stroke", actBaseColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("data-participant-id", act.participantId).attr("data-msg-lines", coveredLines.join(",")).attr("data-line-number", coveredLines[0] ?? "").attr("class", "activation");
     if (tagKey && actTagValue) {
-      actRect.attr(`data-tag-${tagKey}`, actTagValue.toLowerCase());
+      actRect.attr(`data-tag-${tagAttrKey(tagKey)}`, actTagValue.toLowerCase());
     }
   });
   for (const divider of blockFrames.flatMap((frame) => frame.dividers)) {
@@ -2147,13 +2150,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         svg.append("rect").attr("x", hitX).attr("y", y - 5).attr("width", sSelfCallWidth).attr("height", sSelfCallHeight + 10).attr("fill", "transparent").attr("class", "message-hit-area").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
         const selfCallEl = svg.append("path").attr("d", `M ${x} ${y} H ${loopX} V ${returnY} H ${x}`).attr("fill", "none").attr("stroke", arrowColor).attr("stroke-width", 1.2).attr("marker-end", coloredMarker("call", msgTagColor)).attr("class", "message-arrow self-call").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
         if (tagKey && msgTagValue) {
-          selfCallEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          selfCallEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         const displayLabel = stepLabels[i];
         if (displayLabel) {
           const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "start").attr("fill", arrowColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", 12).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
           if (tagKey && msgTagValue) {
-            labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+            labelEl.attr(
+              `data-tag-${tagAttrKey(tagKey)}`,
+              msgTagValue.toLowerCase()
+            );
           }
           labelEl.text(displayLabel);
         }
@@ -2163,13 +2172,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         const markerRef = step.async ? coloredMarker("async", msgTagColor) : coloredMarker("call", msgTagColor);
         const arrowEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", arrowColor).attr("stroke-width", 1.2).attr("marker-end", markerRef).attr("class", "message-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
         if (tagKey && msgTagValue) {
-          arrowEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          arrowEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         const displayLabel = stepLabels[i];
         if (displayLabel) {
           const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "middle").attr("fill", arrowColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", MSG_LABEL_FONT_SIZE).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
           if (tagKey && msgTagValue) {
-            labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+            labelEl.attr(
+              `data-tag-${tagAttrKey(tagKey)}`,
+              msgTagValue.toLowerCase()
+            );
           }
           labelEl.text(displayLabel);
         }
@@ -2180,13 +2195,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       svg.append("rect").attr("x", Math.min(x1, x2)).attr("y", y - HIT_H / 2).attr("width", Math.abs(x2 - x1)).attr("height", HIT_H).attr("fill", "transparent").attr("class", "message-hit-area").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
       const returnEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", returnColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("marker-end", coloredMarker("return", msgTagColor)).attr("class", "return-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
       if (tagKey && msgTagValue) {
-        returnEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+        returnEl.attr(
+          `data-tag-${tagAttrKey(tagKey)}`,
+          msgTagValue.toLowerCase()
+        );
       }
       const displayLabel = stepLabels[i];
       if (displayLabel) {
         const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "middle").attr("fill", returnColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", RETURN_LABEL_FONT_SIZE).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
         if (tagKey && msgTagValue) {
-          labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          labelEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         labelEl.text(displayLabel);
       }
@@ -2293,7 +2314,7 @@ function buildNoteMessageMap(elements) {
 function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, fillMode, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE, overlaid = false) {
   const g = svg.append("g").attr("transform", `translate(${cx}, ${cy})`).attr("class", "participant").attr("data-participant-id", participant.id);
   if (tagAttr) {
-    g.attr(`data-tag-${tagAttr.key}`, tagAttr.value);
+    g.attr(`data-tag-${tagAttrKey(tagAttr.key)}`, tagAttr.value);
   }
   if (overlaid) return;
   switch (participant.type) {

package/dist/{chunk-II4XJETG.js → chunk-L5NW3PVL.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-57L2JPP2.js";
+} from "./chunk-GE7ICBX6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y

package/dist/{chunk-JJQWCI35.js → chunk-LKZCUFOW.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   KANBAN_REGISTRY,
@@ -22,10 +22,10 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   formatDgmoError,
   makeDgmoError,

package/dist/{chunk-HSGWR2FL.js → chunk-LMP6Y7QO.js}

@@ -9,7 +9,7 @@ import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   EDGE_DASH,
   GRID_DASH,
@@ -18,12 +18,12 @@ import {
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -40,7 +40,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -55,7 +55,7 @@ import {
   LEGEND_PILL_PAD,
   measureLegendText,
   truncateLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -67,7 +67,7 @@ import {
   getSeriesColors,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/gantt/renderer.ts
 import * as d3Scale from "d3-scale";
@@ -474,7 +474,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         sBandRadius,
         sBandAccentW
       );
-      const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${row.tagKey}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
+      const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${tagAttrKey(row.tagKey)}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
         if (onToggleLane) onToggleLane(row.laneName);
       }).on("mouseenter", () => {
         highlightLane(g, svg, row.tagKey, row.laneName);
@@ -704,7 +704,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         palette.text
       );
       for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
-        taskLabel.attr(`data-tag-${key}`, value.toLowerCase());
+        taskLabel.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
       }
       if (rt.isCriticalPath) {
         taskLabel.attr("data-critical-path", "true");
@@ -763,7 +763,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
           hideGanttDateIndicators(g);
         });
         for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
-          taskG.attr(`data-tag-${key}`, value.toLowerCase());
+          taskG.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
         }
         const showUncertainFade = rt.isUncertain && (task.progress === null || task.progress <= 80);
         let barFill = fillColor;
@@ -1287,7 +1287,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
@@ -1296,7 +1296,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
@@ -1304,7 +1304,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
@@ -1793,7 +1793,7 @@ function highlightGroup(g, svg, groupName) {
   );
 }
 function highlightLane(g, svg, tagKey, laneName) {
-  const tagAttr = `data-tag-${tagKey}`;
+  const tagAttr = `data-tag-${tagAttrKey(tagKey)}`;
   const laneValue = laneName.toLowerCase();
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection.select(this);

package/dist/{chunk-KFXY5IW2.js → chunk-LRP5FXST.js}

@@ -11,7 +11,7 @@ import {
   getSimpleChartLegendGroups,
   parseChart,
   parseExtendedChart
-} from "./chunk-HFG7KQOY.js";
+} from "./chunk-H6BT45SN.js";
 import {
   EMPHASIS_DIM_OPACITY,
   EMPHASIS_DIM_TEXT_OPACITY,
@@ -25,13 +25,13 @@ import {
   initD3Chart,
   renderChartTitle,
   resolveExportPalette
-} from "./chunk-X6IZP2BD.js";
+} from "./chunk-Q6W2K33N.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   computeLegendLayout
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -43,14 +43,14 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_DOT_R,
   LEGEND_ENTRY_FONT_SIZE,
   LEGEND_HEIGHT,
   LEGEND_PILL_FONT_SIZE,
   legendChromeColors
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   truncateText
@@ -64,7 +64,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/charts-d3/natural-size.ts
 var UNCOUNTED_WIDTH = 720;
@@ -1600,6 +1600,35 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
   const maxRank = Math.max(...[...node.values()].map((n) => n.rank));
   const layers = Array.from({ length: maxRank + 1 }, () => []);
   for (const n of node.values()) layers[n.rank].push(n);
+  const segs = [];
+  const chains = /* @__PURE__ */ new Map();
+  for (const l of forwardLinks) {
+    const t = node.get(l.target);
+    let prev = node.get(l.source);
+    const chain = [];
+    for (let r = prev.rank + 1; r <= t.rank; r++) {
+      let next = t;
+      if (r < t.rank) {
+        next = {
+          name: `${l.source}\u241F${l.target}\u241F${r}`,
+          rank: r,
+          value: l.value,
+          order: prev.order,
+          x: 0,
+          y: 0,
+          h: 0,
+          raw: prev.raw,
+          virtual: true
+        };
+        layers[r].push(next);
+      }
+      const seg = { s: prev, t: next, value: l.value, sy: 0, ty: 0 };
+      chain.push(seg);
+      segs.push(seg);
+      prev = next;
+    }
+    chains.set(l, chain);
+  }
   let plotLeft = 16;
   const top = topInset + 8;
   const rightPad = 16;
@@ -1657,7 +1686,7 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
     const order = forward ? [...layers.keys()] : [...layers.keys()].reverse();
     for (const r of order) {
       for (const n of layers[r]) {
-        const neigh = forward ? forwardLinks.filter((l) => l.target === n.name).map((l) => node.get(l.source)) : forwardLinks.filter((l) => l.source === n.name).map((l) => node.get(l.target));
+        const neigh = forward ? segs.filter((g) => g.t === n).map((g) => g.s) : segs.filter((g) => g.s === n).map((g) => g.t);
         n.order = neigh.length ? neigh.reduce((a, m) => a + center(m), 0) / neigh.length : center(n);
       }
       placeLayer(layers[r]);
@@ -1665,9 +1694,23 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
   }
   const outOff = /* @__PURE__ */ new Map();
   const inOff = /* @__PURE__ */ new Map();
-  for (const n of node.values()) {
-    outOff.set(n.name, n.y);
-    inOff.set(n.name, n.y);
+  for (const layer of layers) {
+    for (const n of layer) {
+      outOff.set(n, n.y);
+      inOff.set(n, n.y);
+    }
+  }
+  const slot = (n, th, off) => {
+    const y = off.get(n);
+    off.set(n, y + th);
+    return y;
+  };
+  for (const g of [...segs].sort(
+    (a, b) => a.s.y !== b.s.y ? a.s.y - b.s.y : a.t.y - b.t.y
+  )) {
+    const th = g.value * valueScale;
+    g.sy = slot(g.s, th, outOff);
+    g.ty = slot(g.t, th, inOff);
   }
   const ordered = [
     ...[...forwardLinks].sort((a, b) => {
@@ -1683,18 +1726,15 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
     const s = node.get(l.source);
     const t = node.get(l.target);
     const th = l.value * valueScale;
-    const sy = outOff.get(s.name);
-    const ty = inOff.get(t.name);
-    outOff.set(s.name, sy + th);
-    inOff.set(t.name, ty + th);
     const sx = s.x + NODE_W;
     const tx = t.x;
-    const cx0 = sx + (tx - sx) * 0.5;
     const raw = l.color ?? s.raw;
     const color = solid ? raw : mix(raw, bgColor, 45);
     const opacity = linkDimmed(l) ? RIBBON_FILL_OPACITY * EMPHASIS_DIM_OPACITY : RIBBON_FILL_OPACITY;
     let ribbon;
     if (backEdges.has(l)) {
+      const sy = slot(s, th, outOff);
+      const ty = slot(t, th, inOff);
       const lane = laneY + th / 2;
       laneY += th + LOOP_GAP;
       const k = th;
@@ -1705,10 +1745,20 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
         `M${sx},${y1} C${sx + k},${y1} ${sx + k},${lane} ${sx},${lane} L${tx},${lane} C${tx - k},${lane} ${tx - k},${y2} ${tx},${y2}`
       ).attr("fill", "none").attr("stroke", color).attr("stroke-width", th).attr("stroke-opacity", opacity);
     } else {
-      ribbon = svg.append("path").attr(
-        "d",
-        `M${sx},${sy} C${cx0},${sy} ${cx0},${ty} ${tx},${ty} L${tx},${ty + th} C${cx0},${ty + th} ${cx0},${sy + th} ${sx},${sy + th} Z`
-      ).attr("fill", color).attr("fill-opacity", opacity);
+      const chain = chains.get(l);
+      const top2 = [];
+      const bottom = [];
+      chain.forEach((g, i) => {
+        const gx = g.s.x + NODE_W;
+        const cx = (gx + g.t.x) / 2;
+        top2.push(
+          `${i === 0 ? "M" : "L"}${gx},${g.sy} C${cx},${g.sy} ${cx},${g.ty} ${g.t.x},${g.ty}`
+        );
+        bottom.unshift(
+          `L${g.t.x},${g.ty + th} C${cx},${g.ty + th} ${cx},${g.sy + th} ${gx},${g.sy + th}`
+        );
+      });
+      ribbon = svg.append("path").attr("d", `${top2.join(" ")} ${bottom.join(" ")} Z`).attr("fill", color).attr("fill-opacity", opacity);
     }
     tagDatum(ribbon, {
       line: l.lineNumber,

package/dist/{chunk-JA2S7PHR.js → chunk-MDVJYRJT.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-CU2PZLZP.js";
+} from "./chunk-5SSTVFPX.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -14,7 +14,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-KATED53P.js";
+} from "./chunk-JRWUHLRP.js";
 import {
   fitDiagramToCanvas
 } from "./chunk-EPDBWATV.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -33,14 +33,14 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -51,18 +51,18 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseState
-} from "./chunk-XLPJJ35N.js";
+} from "./chunk-2YAFDND3.js";
 import {
   resolveActiveTagGroup,
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -71,7 +71,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/graph/state-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -324,11 +324,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   const fillMode = fillModeFromOptions(graph.options ?? {});
   const noNotes = graph.options?.["no-notes"] === "on";
   const mutableTagGroups = [...tagGroups];
-  const nodeIntentColor = (node) => node.color ?? (activeTagGroup ? resolveTagColor(
-    node.metadata ?? {},
-    mutableTagGroups,
-    activeTagGroup
-  ) : void 0);
+  const nodeIntentColor = (node) => node.color ?? (activeTagGroup ? resolveTagColor(node.metadata ?? {}, mutableTagGroups, activeTagGroup) : void 0);
   for (const node of layout.nodes) {
     const isCollapsedGroup = collapsedGroupIds.has(node.id);
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x}, ${node.y})`).attr("class", isCollapsedGroup ? "st-group-wrapper st-node" : "st-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id).style("cursor", "pointer");
@@ -336,7 +332,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       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 (isCollapsedGroup) {