@diagrammo/dgmo 0.64.1 → 0.66.0

package/dist/{chunk-SMCUX42K.js → chunk-4TM7MWU4.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-PDKUANDZ.js";
 import {
   layoutGraph
-} from "./chunk-LSFZDBAP.js";
+} from "./chunk-IKHV5IJB.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-LP7EC4MI.js";
@@ -16,9 +16,10 @@ import {
   renderNoteConnector
 } from "./chunk-H52HJ26L.js";
 import {
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-3CIOJ5YJ.js";
+} from "./chunk-FJ57274M.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
@@ -32,10 +33,10 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   parseFlowchart
 } from "./chunk-CHOKOYSC.js";
@@ -453,7 +454,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     }
     const lp = labelPosMap.get(ei);
     if (edge.label && lp) {
-      edgeG.append("rect").attr("x", lp.x - lp.w / 2).attr("y", lp.y - lp.h / 2 - 1).attr("width", lp.w).attr("height", lp.h).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.85).attr("class", "fc-edge-label-bg");
+      edgeG.append("rect").attr("x", lp.x - lp.w / 2).attr("y", lp.y - lp.h / 2 - 1).attr("width", lp.w).attr("height", lp.h).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY).attr("class", "fc-edge-label-bg");
       edgeG.append("text").attr("x", lp.x).attr("y", lp.y + 4).attr("text-anchor", "middle").attr("fill", edgeColor).attr("font-size", sEdgeLabelFontSize).attr("class", "fc-edge-label").text(edge.label);
     }
   }
@@ -585,4 +586,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-SMCUX42K.js.map
+//# sourceMappingURL=chunk-4TM7MWU4.js.map

package/dist/{chunk-H3HFC3SQ.js → chunk-5GM6BZO7.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 
 // src/utils/card.ts
 function renderNodeCard(container, opts) {
@@ -17,7 +17,7 @@ function renderNodeCard(container, opts) {
       container.append("text").attr("x", opts.width / 2).attr("y", startY + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", opts.labelColor).attr("font-size", opts.labelFontSize).attr("font-weight", "bold").text(labelLines[li]);
     }
   } else {
-    container.append("text").attr("x", opts.width / 2).attr("y", opts.headerHeight / 2 + opts.labelFontSize / 2 - 2).attr("text-anchor", "middle").attr("fill", opts.labelColor).attr("font-size", opts.labelFontSize).attr("font-weight", "bold").text(labelLines?.[0] ?? opts.label);
+    container.append("text").attr("x", opts.width / 2).attr("y", opts.headerHeight / 2).attr("dominant-baseline", "central").attr("text-anchor", "middle").attr("fill", opts.labelColor).attr("font-size", opts.labelFontSize).attr("font-weight", "bold").text(labelLines?.[0] ?? opts.label);
   }
   const meta = opts.meta;
   if (!meta || meta.rows.length === 0) return;
@@ -44,4 +44,4 @@ export {
   renderNodeCard,
   renderCollapseBar
 };
-//# sourceMappingURL=chunk-H3HFC3SQ.js.map
+//# sourceMappingURL=chunk-5GM6BZO7.js.map

package/dist/{chunk-7T3A2UK3.js → chunk-5T7K6QND.js}

@@ -2,7 +2,7 @@ import {
   computeQuadrantPointLabels,
   rectCircleOverlap,
   rectsOverlap
-} from "./chunk-CVVICCSB.js";
+} from "./chunk-L65WI4HO.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -11,10 +11,10 @@ import {
   initD3Chart,
   renderChartTitle,
   resolveExportPalette
-} from "./chunk-67D4MN2H.js";
+} from "./chunk-LK6LTSLH.js";
 import {
   layoutInlineHeader
-} from "./chunk-6VJCURWU.js";
+} from "./chunk-J2EXBAPZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -23,21 +23,20 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   computeLegendLayout
-} from "./chunk-ES66QH6J.js";
+} from "./chunk-FG24NXKN.js";
 import {
-  FONT_CENTRAL_DY,
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   LEGEND_DOT_R,
   LEGEND_ENTRY_FONT_SIZE,
   LEGEND_HEIGHT,
   LEGEND_PILL_FONT_SIZE,
   legendChromeColors
-} from "./chunk-SCJ7CAJF.js";
+} from "./chunk-3HOCNSPD.js";
 import {
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   getExtendedChartLegendGroups,
   getSimpleChartLegendGroups,
@@ -64,9 +63,7 @@ import {
 } from "./chunk-42IT4BG2.js";
 
 // src/utils/legend-svg.ts
-function baselineY(centerY, fontSize) {
-  return centerY + fontSize * FONT_CENTRAL_DY;
-}
+var CENTER = 'dominant-baseline="central"';
 function esc(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
@@ -81,19 +78,19 @@ function emitCapsule(capsule, palette, groupBg, pillBorder) {
     `<rect x="${pill.x}" y="${pill.y}" width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="none" stroke="${esc(pillBorder)}" stroke-width="0.75"/>`
   );
   inner.push(
-    `<text x="${pill.x + pill.width / 2}" y="${baselineY(LEGEND_HEIGHT / 2, LEGEND_PILL_FONT_SIZE)}" font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.text)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(capsule.groupName)}</text>`
+    `<text x="${pill.x + pill.width / 2}" y="${LEGEND_HEIGHT / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.text)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(capsule.groupName)}</text>`
   );
   for (const entry of capsule.entries) {
     const label = entry.displayValue ?? entry.value;
     const hit = entry.width != null ? `<rect x="${entry.x}" y="${entry.y}" width="${entry.width}" height="${LEGEND_HEIGHT}" fill="transparent"/>` : "";
     inner.push(
-      `<g data-legend-entry="${esc(entry.value.toLowerCase())}" data-series-name="${esc(entry.value)}" style="cursor:pointer">` + hit + `<circle cx="${entry.dotCx}" cy="${entry.dotCy}" r="${LEGEND_DOT_R}" fill="${esc(entry.color)}"/><text x="${entry.textX}" y="${baselineY(entry.dotCy, LEGEND_ENTRY_FONT_SIZE)}" font-size="${LEGEND_ENTRY_FONT_SIZE}" fill="${esc(palette.textMuted)}" font-family="${esc(FONT_FAMILY)}">${esc(label)}</text></g>`
+      `<g data-legend-entry="${esc(entry.value.toLowerCase())}" data-series-name="${esc(entry.value)}" style="cursor:pointer">` + hit + `<circle cx="${entry.dotCx}" cy="${entry.dotCy}" r="${LEGEND_DOT_R}" fill="${esc(entry.color)}"/><text x="${entry.textX}" y="${entry.dotCy}" ${CENTER} font-size="${LEGEND_ENTRY_FONT_SIZE}" fill="${esc(palette.textMuted)}" font-family="${esc(FONT_FAMILY)}">${esc(label)}</text></g>`
     );
   }
   return `<g transform="translate(${capsule.x},${capsule.y})" data-legend-group="${esc(tagAttrKey(capsule.groupName))}" style="cursor:pointer">${inner.join("")}</g>`;
 }
 function emitPill(pill, palette, groupBg) {
-  return `<g transform="translate(${pill.x},${pill.y})" data-legend-group="${esc(tagAttrKey(pill.groupName))}" style="cursor:pointer"><rect width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="${esc(groupBg)}"/><text x="${pill.width / 2}" y="${baselineY(pill.height / 2, LEGEND_PILL_FONT_SIZE)}" font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.textMuted)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(pill.groupName)}</text></g>`;
+  return `<g transform="translate(${pill.x},${pill.y})" data-legend-group="${esc(tagAttrKey(pill.groupName))}" style="cursor:pointer"><rect width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="${esc(groupBg)}"/><text x="${pill.width / 2}" y="${pill.height / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.textMuted)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(pill.groupName)}</text></g>`;
 }
 function renderLegendSvg(groups, options) {
   if (groups.length === 0) return { svg: "", height: 0, width: 0 };
@@ -1061,7 +1058,9 @@ function renderHeatmap(svg, chart, width, height, palette, isDark, textColor, bg
   const REF = 100;
   const maxValueW = Math.max(
     1,
-    ...rows.flatMap((r) => r.values.map((v) => measureText(fmtNum(v), REF)))
+    ...rows.flatMap(
+      (r) => r.values.map((v) => measureText(fmtNum(v), REF, { bold: true }))
+    )
   );
   const cellFont = Math.max(
     11,
@@ -2065,4 +2064,4 @@ export {
   supportsD3DataChart,
   renderDataChartD3
 };
-//# sourceMappingURL=chunk-7T3A2UK3.js.map
+//# sourceMappingURL=chunk-5T7K6QND.js.map

package/dist/{chunk-NKRCPBTJ.js → chunk-6BOPYGJC.js}

@@ -14,11 +14,11 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   fillModeFromOptions
 } from "./chunk-P2PUWV3Y.js";
@@ -181,16 +181,16 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
 }
 var MAX_LABEL_ARC = 1.6 * Math.PI;
 function drawRingCurvedLabel(labelG, defs, pathId, text, cx, cy, rMid, labelFont, textColor, palette) {
-  const PAD = 1.18;
+  const PAD = 1.14;
   let fs = labelFont;
   let rPath = rMid - fs * 0.32;
   const maxLen = MAX_LABEL_ARC * rPath;
-  const wPadded = measureText(text, labelFont) * PAD;
+  const wPadded = measureText(text, labelFont, { bold: true }) * PAD;
   if (wPadded > maxLen) {
     fs = Math.max(LABEL_FONT_MIN, Math.floor(labelFont * maxLen / wPadded));
     rPath = rMid - fs * 0.32;
   }
-  const arcLen = measureText(text, fs) * PAD;
+  const arcLen = measureText(text, fs, { bold: true }) * PAD;
   const halfAngle = Math.min(arcLen / (2 * rPath), MAX_LABEL_ARC / 2);
   const largeArc = halfAngle * 2 > Math.PI ? 1 : 0;
   const p0x = cx - Math.sin(halfAngle) * rPath;
@@ -296,4 +296,4 @@ export {
   renderRing,
   renderRingForExport
 };
-//# sourceMappingURL=chunk-NKRCPBTJ.js.map
+//# sourceMappingURL=chunk-6BOPYGJC.js.map

package/dist/{chunk-MHI6W6XS.js → chunk-6IUL6LER.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   layoutInlineHeader
-} from "./chunk-6VJCURWU.js";
+} from "./chunk-J2EXBAPZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -17,18 +17,18 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-RBAW7VUG.js";
+} from "./chunk-2EPV7CLY.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-ES66QH6J.js";
+} from "./chunk-FG24NXKN.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   measureText,
   truncateText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   isSequenceBlock,
   isSequenceNote,
@@ -1645,7 +1645,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const msgCount = sectionMsgCounts.get(sec.lineNumber) ?? 0;
     const labelText = isCollapsed ? `${sec.label} (${msgCount} ${msgCount === 1 ? "message" : "messages"})` : sec.label;
     const labelX = (sectionLineX1 + sectionLineX2) / 2;
-    const labelHitW = Math.max(80, measureText(labelText, 11) + 24);
+    const labelHitW = Math.max(
+      80,
+      measureText(labelText, 11, { bold: true }) + 24
+    );
     sectionG.append("rect").attr("x", labelX - labelHitW / 2).attr("y", secY - BAND_HEIGHT / 2).attr("width", labelHitW).attr("height", BAND_HEIGHT).attr("fill", "transparent").attr("class", "section-label-hit");
     sectionG.append("text").attr("x", labelX).attr("y", secY + 4).attr("text-anchor", "middle").attr("fill", lineColor).attr("font-size", 11).attr("font-weight", "bold").attr("class", "section-label").text(labelText);
   }
@@ -1907,4 +1910,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-MHI6W6XS.js.map
+//# sourceMappingURL=chunk-6IUL6LER.js.map

package/dist/{chunk-S5RWWISJ.js → chunk-7L53J53J.js}

@@ -1,16 +1,16 @@
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   measureText,
   truncateText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-AA4M6F2P.js";
+} from "./chunk-BBY57XAA.js";
 import {
   chartTypes
 } from "./chunk-P2PUWV3Y.js";
@@ -204,4 +204,4 @@ export {
   MONO_FAMILY,
   renderErrorCard
 };
-//# sourceMappingURL=chunk-S5RWWISJ.js.map
+//# sourceMappingURL=chunk-7L53J53J.js.map

package/dist/{chunk-WDJ4HAGO.js → chunk-A6CTYC7O.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   getSeriesColors,
   mix,
@@ -361,4 +361,4 @@ export {
   renderGoal,
   renderGoalForExport
 };
-//# sourceMappingURL=chunk-WDJ4HAGO.js.map
+//# sourceMappingURL=chunk-A6CTYC7O.js.map

package/dist/{chunk-CDMF7P5A.js → chunk-BBCKUAUR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-FWVKPEG3.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   fixedParts,
   fixedTimeCells,
@@ -558,4 +558,4 @@ export {
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=chunk-CDMF7P5A.js.map
+//# sourceMappingURL=chunk-BBCKUAUR.js.map

package/dist/{chunk-AA4M6F2P.js → chunk-BBY57XAA.js}

@@ -72,7 +72,7 @@ import {
 import {
   isLiveLinkLine,
   parseLiveLink
-} from "./chunk-6BVIZW5N.js";
+} from "./chunk-FLFBY5GN.js";
 import {
   parseEventLine
 } from "./chunk-QMYJO4EL.js";
@@ -119,7 +119,7 @@ import {
 import {
   looksLikeERDiagram,
   parseERDiagram
-} from "./chunk-NKRVFQGO.js";
+} from "./chunk-BDI25HWH.js";
 import {
   looksLikeOrg,
   parseOrg
@@ -2031,4 +2031,4 @@ export {
   knownChartTypeIds,
   parseDgmo
 };
-//# sourceMappingURL=chunk-AA4M6F2P.js.map
+//# sourceMappingURL=chunk-BBY57XAA.js.map

package/dist/{chunk-NKRVFQGO.js → chunk-BDI25HWH.js}

@@ -109,11 +109,13 @@ function parseRelationship(trimmed, lineNumber, pushError) {
 }
 function parseColumn(trimmed) {
   const rawTokens = tokenizeQuoteAware(trimmed);
-  if (rawTokens.length === 0) return null;
+  if (rawTokens.length === 0) return { ok: false, reason: "not-a-column" };
   const firstRaw = rawTokens[0];
   const wasQuoted = firstRaw.startsWith('"') || firstRaw.startsWith("'");
   const name = stripQuotes(firstRaw);
-  if (!wasQuoted && !/^\w+$/.test(name)) return null;
+  if (!wasQuoted && !/^\w+$/.test(name)) {
+    return { ok: false, reason: "not-a-column" };
+  }
   const constraints = [];
   let type;
   for (let i = 1; i < rawTokens.length; i++) {
@@ -125,10 +127,10 @@ function parseColumn(trimmed) {
     } else if (type === void 0) {
       type = tok;
     } else {
-      return null;
+      return { ok: false, reason: "unknown-token", name, token: tok };
     }
   }
-  return { name, ...type !== void 0 && { type }, constraints };
+  return { ok: true, name, ...type !== void 0 && { type }, constraints };
 }
 function parseERDiagram(content, palette) {
   const lines = content.split("\n");
@@ -315,13 +317,23 @@ function parseERDiagram(content, palette) {
         continue;
       }
       const colResult = parseColumn(trimmed);
-      if (colResult) {
+      if (colResult.ok) {
         currentTable.columns.push({
           name: colResult.name,
           ...colResult.type && { type: colResult.type },
           constraints: colResult.constraints,
           lineNumber
         });
+      } else if (colResult.reason === "unknown-token") {
+        pushError(
+          lineNumber,
+          colResult.token.includes(",") ? `Column constraints are space-separated, not comma-separated. Write "${colResult.name} ${colResult.token.replace(/,+$/, "")} \u2026" without the comma.` : `Unexpected "${colResult.token}" in column "${colResult.name}". A column is: name [type] [pk|fk|unique|nullable]`
+        );
+      } else {
+        pushError(
+          lineNumber,
+          `"${trimmed}" is neither a column nor a relationship. A column is: name [type] [pk|fk|unique|nullable]. A relationship is: 1-label-* target`
+        );
       }
       continue;
     }
@@ -521,4 +533,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-NKRVFQGO.js.map
+//# sourceMappingURL=chunk-BDI25HWH.js.map

package/dist/{chunk-SVR3YFM3.js → chunk-C666LP3O.js}

@@ -3,22 +3,23 @@ import {
 } from "./chunk-ICZ7M6IZ.js";
 import {
   layoutInfra
-} from "./chunk-43E26CDA.js";
+} from "./chunk-VS2M72PF.js";
 import {
   renderInlineText
 } from "./chunk-WGC42WJU.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   COLLAPSE_BAR_INSET,
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-3CIOJ5YJ.js";
+} from "./chunk-FJ57274M.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
 import {
   layoutInlineHeader
-} from "./chunk-6VJCURWU.js";
+} from "./chunk-J2EXBAPZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -27,14 +28,14 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-RBAW7VUG.js";
+} from "./chunk-2EPV7CLY.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-ES66QH6J.js";
+} from "./chunk-FG24NXKN.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -45,12 +46,12 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-SCJ7CAJF.js";
+} from "./chunk-3HOCNSPD.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   parseInfra
 } from "./chunk-I7IQ2NEJ.js";
@@ -948,7 +949,7 @@ function renderEdgeLabels(svg, edges, nodes, groups, palette, _isDark, animate,
     const labelText = edge.label;
     const g = svg.append("g").attr("class", animate ? "infra-edge-label" : "");
     const textWidth = measureText(labelText, EDGE_LABEL_FONT_SIZE) + 8;
-    g.append("rect").attr("x", midPt.x - textWidth / 2).attr("y", midPt.y - 8).attr("width", textWidth).attr("height", 16).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.9);
+    g.append("rect").attr("x", midPt.x - textWidth / 2).attr("y", midPt.y - 8).attr("width", textWidth).attr("height", 16).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY);
     g.append("text").attr("x", midPt.x).attr("y", midPt.y + 4).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sEdgeLabelFontSize).attr("fill", palette.textMuted).text(labelText);
     if (animate) {
       const pathD = buildPathD(wps, direction);
@@ -1123,7 +1124,11 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
         }
         const rows = [...computedSection, ...declaredSection];
         const maxKeyWidth = Math.max(
-          ...rows.map((r) => measureText(`${r.key}: `, sc.sMetaFontSize))
+          ...rows.map(
+            (r) => measureText(`${r.key}: `, sc.sMetaFontSize, {
+              bold: Boolean(r.inverted && r.invertedBg)
+            })
+          )
         );
         const valueX = x + 10 + maxKeyWidth;
         let rowY = sepY + NODE_SEPARATOR_GAP + sc.sMetaFontSize;
@@ -1364,19 +1369,19 @@ function renderLegend(rootSvg, legendGroups, totalWidth, legendY, palette, isDar
   if (playback && playback.expanded && !playbackEl.empty()) {
     const pillWidth = measureLegendText("Playback", LEGEND_PILL_FONT_SIZE) + LEGEND_PILL_PAD;
     let entryX = pillWidth + 8;
-    const entryY = LEGEND_HEIGHT / 2 + LEGEND_ENTRY_FONT_SIZE / 2 - 1;
+    const entryY = LEGEND_HEIGHT / 2;
     const ppLabel = playback.paused ? "\u25B6" : "\u23F8";
-    playbackEl.append("text").attr("x", entryX).attr("y", entryY).attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_PILL_FONT_SIZE).attr("fill", palette.textMuted).attr("data-playback-action", "toggle-pause").style("cursor", "pointer").text(ppLabel);
+    playbackEl.append("text").attr("x", entryX).attr("y", entryY).attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_PILL_FONT_SIZE).attr("fill", palette.textMuted).attr("data-playback-action", "toggle-pause").style("cursor", "pointer").text(ppLabel);
     entryX += LEGEND_PILL_FONT_SIZE * 0.8 + 6;
     for (const s of playback.speedOptions) {
       const label = `${s}x`;
       const isSpeedActive = playback.speed === s;
-      const slotW = measureLegendText(label, LEGEND_ENTRY_FONT_SIZE) + SPEED_BADGE_H_PAD * 2;
+      const slotW = measureLegendText(label, LEGEND_ENTRY_FONT_SIZE, { bold: true }) + SPEED_BADGE_H_PAD * 2;
       const badgeH = LEGEND_ENTRY_FONT_SIZE + SPEED_BADGE_V_PAD * 2;
       const badgeY = (LEGEND_HEIGHT - badgeH) / 2;
       const speedG = playbackEl.append("g").attr("data-playback-action", "set-speed").attr("data-playback-value", String(s)).style("cursor", "pointer");
       speedG.append("rect").attr("x", entryX).attr("y", badgeY).attr("width", slotW).attr("height", badgeH).attr("rx", badgeH / 2).attr("fill", isSpeedActive ? palette.primary : "transparent");
-      speedG.append("text").attr("x", entryX + slotW / 2).attr("y", entryY).attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_ENTRY_FONT_SIZE).attr("font-weight", isSpeedActive ? "600" : "400").attr("fill", isSpeedActive ? palette.bg : palette.textMuted).attr("text-anchor", "middle").text(label);
+      speedG.append("text").attr("x", entryX + slotW / 2).attr("y", entryY).attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_ENTRY_FONT_SIZE).attr("font-weight", isSpeedActive ? "600" : "400").attr("fill", isSpeedActive ? palette.bg : palette.textMuted).attr("text-anchor", "middle").text(label);
       entryX += slotW + SPEED_BADGE_GAP;
     }
   }
@@ -1608,4 +1613,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-SVR3YFM3.js.map
+//# sourceMappingURL=chunk-C666LP3O.js.map

package/dist/{chunk-KRTO7NRK.js → chunk-D2WHS23S.js}

@@ -1,7 +1,7 @@
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   fillModeFromOptions
 } from "./chunk-P2PUWV3Y.js";
@@ -290,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-KRTO7NRK.js.map
+//# sourceMappingURL=chunk-D2WHS23S.js.map

package/dist/{chunk-LYTEVE2N.js → chunk-DBF4IM4U.js}

@@ -13,15 +13,16 @@ import {
   stripInlineMarkdown
 } from "./chunk-WGC42WJU.js";
 import {
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-3CIOJ5YJ.js";
+} from "./chunk-FJ57274M.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
 import {
   layoutInlineHeader
-} from "./chunk-6VJCURWU.js";
+} from "./chunk-J2EXBAPZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -29,19 +30,19 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-RBAW7VUG.js";
+} from "./chunk-2EPV7CLY.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-ES66QH6J.js";
+} from "./chunk-FG24NXKN.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   resolveTagColor
 } from "./chunk-MDI5FMWO.js";
@@ -126,16 +127,17 @@ function splitLabelChunks(label) {
   return chunks;
 }
 function fitLabelToHeader(label, nodeWidth, maxLines) {
+  const BOLD = { bold: true };
   const maxTextWidth = nodeWidth - NODE_TEXT_PADDING * 2;
   const words = splitLabelChunks(label);
   for (let fontSize = NODE_FONT_SIZE; fontSize >= MIN_NODE_FONT_SIZE; fontSize--) {
-    if (maxTextWidth < measureText("MM", fontSize)) continue;
+    if (maxTextWidth < measureText("MM", fontSize, BOLD)) continue;
     const lines = [];
     let current = "";
     for (const word of words) {
       const joiner = current && word.spaceBefore ? " " : "";
       const test = current ? `${current}${joiner}${word.text}` : word.text;
-      if (measureText(test, fontSize) <= maxTextWidth) {
+      if (measureText(test, fontSize, BOLD) <= maxTextWidth) {
         current = test;
       } else {
         if (current) lines.push(current);
@@ -143,28 +145,31 @@ function fitLabelToHeader(label, nodeWidth, maxLines) {
       }
     }
     if (current) lines.push(current);
-    const fits = (l) => measureText(l, fontSize) <= maxTextWidth;
+    const fits = (l) => measureText(l, fontSize, BOLD) <= maxTextWidth;
     if (lines.length <= maxLines && lines.every(fits)) {
       return { lines, fontSize };
     }
     if (lines.length <= maxLines) {
       const result2 = lines.map(
-        (l) => fits(l) ? l : truncateText(l, fontSize, maxTextWidth)
+        (l) => fits(l) ? l : truncateText(l, fontSize, maxTextWidth, BOLD)
       );
       return { lines: result2, fontSize };
     }
-    const result = lines.slice(0, maxLines).map((l) => fits(l) ? l : truncateText(l, fontSize, maxTextWidth));
+    const result = lines.slice(0, maxLines).map(
+      (l) => fits(l) ? l : truncateText(l, fontSize, maxTextWidth, BOLD)
+    );
     const last = result[maxLines - 1];
     if (!last.endsWith("\u2026")) {
       result[maxLines - 1] = truncateText(
         last + "\u2026",
         fontSize,
-        maxTextWidth
+        maxTextWidth,
+        BOLD
       );
     }
     return { lines: result, fontSize };
   }
-  const truncated = truncateText(label, MIN_NODE_FONT_SIZE, maxTextWidth);
+  const truncated = truncateText(label, MIN_NODE_FONT_SIZE, maxTextWidth, BOLD);
   return { lines: [truncated], fontSize: MIN_NODE_FONT_SIZE };
 }
 function nodeColors(node, tagGroups, activeGroupName, palette, isDark, value, fillMode) {
@@ -738,7 +743,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const lh = le.labelHeight ?? sEdgeLabelFontSize + 6;
     const lines = le.labelLines;
     const labelG = labelLayer.append("g").attr("class", "bl-edge-label").attr("data-line-number", String(le.lineNumber));
-    labelG.append("rect").attr("x", lx - lw / 2).attr("y", ly - lh / 2).attr("width", lw).attr("height", lh).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.72);
+    labelG.append("rect").attr("x", lx - lw / 2).attr("y", ly - lh / 2).attr("width", lw).attr("height", lh).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY);
     const text = labelG.append("text").attr("x", lx).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sEdgeLabelFontSize).attr("fill", palette.textMuted);
     const firstY = ly - (lines.length - 1) / 2 * labelLineHeight + sEdgeLabelFontSize / 3;
     lines.forEach((line2, k) => {
@@ -833,4 +838,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-LYTEVE2N.js.map
+//# sourceMappingURL=chunk-DBF4IM4U.js.map