@diagrammo/dgmo 0.64.0 → 0.65.0

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

package/dist/{chunk-PCWPYOT4.js → chunk-ET4R3AU5.js}

@@ -1,12 +1,12 @@
 import {
   buildPlacedNotes
-} from "./chunk-LDVUPGWC.js";
+} from "./chunk-OWVDD5EC.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
 import {
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   resolveNotes
 } from "./chunk-7NK42OIB.js";
@@ -26,7 +26,7 @@ function computeNodeDimensions(node) {
   const fields = node.members.filter((m) => !m.isMethod);
   const methods = node.members.filter((m) => m.isMethod);
   const isEnum = node.modifier === "enum";
-  let maxTextWidth = measureText(node.name, CLASS_FONT_SIZE);
+  let maxTextWidth = measureText(node.name, CLASS_FONT_SIZE, { bold: true });
   if (node.modifier) {
     maxTextWidth = Math.max(
       maxTextWidth,
@@ -201,4 +201,4 @@ function layoutClassDiagram(parsed, options) {
 export {
   layoutClassDiagram
 };
-//# sourceMappingURL=chunk-PCWPYOT4.js.map
+//# sourceMappingURL=chunk-ET4R3AU5.js.map

package/dist/{chunk-2KOBOIB2.js → chunk-FBD5ASMB.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-WGC42WJU.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   DAY_MS,
   applyOrdinalTemplate,
@@ -1030,4 +1030,4 @@ export {
   renderCountdown,
   renderCountdownForExport
 };
-//# sourceMappingURL=chunk-2KOBOIB2.js.map
+//# sourceMappingURL=chunk-FBD5ASMB.js.map

package/dist/{chunk-ES66QH6J.js → chunk-FG24NXKN.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-SCJ7CAJF.js";
+} from "./chunk-3HOCNSPD.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -566,4 +566,4 @@ export {
   getMaxLegendReservedHeight,
   getLegendExtent
 };
-//# sourceMappingURL=chunk-ES66QH6J.js.map
+//# sourceMappingURL=chunk-FG24NXKN.js.map

package/dist/{chunk-3CIOJ5YJ.js → chunk-FJ57274M.js}

@@ -4,6 +4,7 @@ var EDGE_STROKE_WIDTH = 1.5;
 var CARD_RADIUS = 6;
 var CONTAINER_RADIUS = 8;
 var COLLAPSE_BAR_INSET = 0;
+var EDGE_LABEL_KNOCKOUT_OPACITY = 0.9;
 var HEADER_HEIGHT = 28;
 var LABEL_FONT_SIZE = 13;
 var META_FONT_SIZE = 11;
@@ -21,6 +22,7 @@ export {
   CARD_RADIUS,
   CONTAINER_RADIUS,
   COLLAPSE_BAR_INSET,
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
@@ -32,4 +34,4 @@ export {
   CONTAINER_META_FONT_SIZE,
   CONTAINER_META_LINE_HEIGHT
 };
-//# sourceMappingURL=chunk-3CIOJ5YJ.js.map
+//# sourceMappingURL=chunk-FJ57274M.js.map

package/dist/{chunk-6BVIZW5N.js → chunk-FLFBY5GN.js}

@@ -18,35 +18,35 @@ var GLOBAL_DIRECTIVES = /* @__PURE__ */ new Set([
   "legend-inline"
 ]);
 var EXAMPLE_URL = "https://online.diagrammo.app/d/dgm_7f2a91";
-function resolveTarget(value) {
+function resolveLiveLinkTarget(value) {
   const trimmed = value.trim();
   const asUrl = parseCloudReferenceUrl(trimmed)?.id;
   if (asUrl) return asUrl;
   if (!/^[^\s[\]]+$/.test(trimmed)) return null;
   return parseCloudReferenceFence(`live-link ${trimmed}`)?.id ?? null;
 }
-function pinnedRevision(value) {
+function liveLinkPinnedRevision(value) {
   const trimmed = value.trim();
-  if (resolveTarget(trimmed) !== null) return null;
+  if (resolveLiveLinkTarget(trimmed) !== null) return null;
   try {
     const url = new URL(trimmed);
     const at2 = url.searchParams.get("at");
     if (at2 !== null) {
       url.searchParams.delete("at");
-      if (resolveTarget(url.toString()) !== null) return `?at=${at2}`;
+      if (resolveLiveLinkTarget(url.toString()) !== null) return `?at=${at2}`;
     }
   } catch {
   }
   const at = trimmed.indexOf("@");
   if (at > 0) {
     const pin = trimmed.slice(at);
-    if (resolveTarget(trimmed.slice(0, at)) !== null) return pin;
+    if (resolveLiveLinkTarget(trimmed.slice(0, at)) !== null) return pin;
   }
   return null;
 }
 function isLiveLinkLine(line) {
   const trimmed = line.trim();
-  return parseCloudReferenceFence(trimmed) !== null || pinnedRevision(trimmed) !== null;
+  return parseCloudReferenceFence(trimmed) !== null || liveLinkPinnedRevision(trimmed) !== null;
 }
 function parseLiveLink(content) {
   const diagnostics = [];
@@ -76,7 +76,7 @@ function parseLiveLink(content) {
         bodyStart = i + 1;
         break;
       }
-      const pin = pinnedRevision(trimmed);
+      const pin = liveLinkPinnedRevision(trimmed);
       if (pin !== null) {
         fail(
           i + 1,
@@ -169,7 +169,7 @@ function parseLiveLink(content) {
     return done(null, null);
   }
   if (url) {
-    const pin = pinnedRevision(url.value);
+    const pin = liveLinkPinnedRevision(url.value);
     if (pin !== null) {
       fail(
         url.line,
@@ -177,7 +177,7 @@ function parseLiveLink(content) {
       );
       return done(titleSlot, null);
     }
-    const id2 = resolveTarget(url.value);
+    const id2 = resolveLiveLinkTarget(url.value);
     if (id2 === null) {
       fail(
         url.line,
@@ -194,7 +194,7 @@ function parseLiveLink(content) {
     );
     return done(titleSlot, null);
   }
-  const shorthandPin = pinnedRevision(titleSlot);
+  const shorthandPin = liveLinkPinnedRevision(titleSlot);
   if (shorthandPin !== null) {
     fail(
       titleLineNumber,
@@ -202,7 +202,7 @@ function parseLiveLink(content) {
     );
     return done(null, null);
   }
-  const id = resolveTarget(titleSlot);
+  const id = resolveLiveLinkTarget(titleSlot);
   if (id === null) {
     fail(
       titleLineNumber,
@@ -214,7 +214,9 @@ function parseLiveLink(content) {
 }
 
 export {
+  resolveLiveLinkTarget,
+  liveLinkPinnedRevision,
   isLiveLinkLine,
   parseLiveLink
 };
-//# sourceMappingURL=chunk-6BVIZW5N.js.map
+//# sourceMappingURL=chunk-FLFBY5GN.js.map

package/dist/{chunk-XUN3MIO3.js → chunk-G64OVYUT.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   FONT_FAMILY
-} from "./chunk-Z5ID35YP.js";
+} from "./chunk-UTCPNJND.js";
 import {
   resolveTagColor,
   tagAttrKey
@@ -401,4 +401,4 @@ function drawCenteredLabel(g, label, cx, cy, fill, fontSize, tight = false, halo
 export {
   renderSwimlaneForExport
 };
-//# sourceMappingURL=chunk-XUN3MIO3.js.map
+//# sourceMappingURL=chunk-G64OVYUT.js.map

package/dist/{chunk-RQL25P3U.js → chunk-G7QZF6T3.js}

@@ -1,11 +1,11 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-U42ZEK7L.js";
+} from "./chunk-V4BYBIBU.js";
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-KZ3PCDUJ.js";
+} from "./chunk-VV6HZQ5K.js";
 import {
   renderInlineText
 } from "./chunk-WGC42WJU.js";
@@ -13,30 +13,30 @@ import {
   COLLAPSE_BAR_HEIGHT,
   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
 } 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_GROUP_GAP
-} from "./chunk-SCJ7CAJF.js";
+} from "./chunk-3HOCNSPD.js";
 import {
   parseMindmap
 } from "./chunk-OLPWKS5L.js";
@@ -426,4 +426,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=chunk-RQL25P3U.js.map
+//# sourceMappingURL=chunk-G7QZF6T3.js.map

package/dist/{chunk-IGIJZHB6.js → chunk-GC7CBX6C.js}

@@ -7,10 +7,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 {
   fillModeFromOptions
 } from "./chunk-P2PUWV3Y.js";
@@ -309,7 +309,7 @@ function renderNav(g, node, ctx) {
   for (const child of el.children) {
     const isActive = child.states.includes("active");
     g.append("text").attr("x", x).attr("y", node.height / 2 + 4).attr("fill", isActive ? palette.primary : palette.text).attr("font-size", 13).attr("font-weight", isActive ? "600" : "normal").text(child.label);
-    const labelW = measureText(child.label, 13);
+    const labelW = measureText(child.label, 13, { bold: isActive });
     if (isActive) {
       g.append("line").attr("x1", x).attr("y1", node.height - 4).attr("x2", x + labelW).attr("y2", node.height - 4).attr("stroke", palette.primary).attr("stroke-width", 2);
     }
@@ -323,7 +323,7 @@ function renderTabs(g, node, ctx) {
   let x = 0;
   for (const child of el.children) {
     const isActive = child.states.includes("active");
-    const tabW = measureText(child.label, 13) + 24;
+    const tabW = measureText(child.label, 13, { bold: isActive }) + 24;
     if (isActive) {
       g.append("line").attr("x1", x).attr("y1", node.height - 1).attr("x2", x + tabW).attr("y2", node.height - 1).attr("stroke", palette.primary).attr("stroke-width", 2);
     }
@@ -377,7 +377,7 @@ function renderTableCell(g, text, x, y, maxW, rowH, ctx) {
     const isGhost = stateStr === "ghost";
     const isDestructive = stateStr === "destructive";
     const fill = isDestructive ? palette.destructive : palette.primary;
-    const btnW = Math.min(measureText(label, 10) + 16, maxW);
+    const btnW = Math.min(measureText(label, 10, { bold: true }) + 16, maxW);
     const btnH = 20;
     const by = y + (rowH - btnH) / 2;
     if (isGhost) {
@@ -554,4 +554,4 @@ function renderModal(parent, node, ctx) {
 export {
   renderWireframe
 };
-//# sourceMappingURL=chunk-IGIJZHB6.js.map
+//# sourceMappingURL=chunk-GC7CBX6C.js.map

package/dist/{chunk-B6AONGTI.js → chunk-GDQN2TPX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WGC42WJU.js";
 import {
   layoutInlineHeader
-} from "./chunk-6VJCURWU.js";
+} from "./chunk-J2EXBAPZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -11,20 +11,20 @@ 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_GROUP_GAP
-} from "./chunk-SCJ7CAJF.js";
+} from "./chunk-3HOCNSPD.js";
 import {
   measureText
-} from "./chunk-4ASYQ347.js";
+} from "./chunk-MTGGOCND.js";
 import {
   resolveTagColor,
   tagAttrKey
@@ -622,13 +622,13 @@ var LEGEND_POSITION = {
   placement: "top-center",
   titleRelation: "below-title"
 };
-function clip(s, maxW, fs) {
-  if (measureText(s, fs) <= maxW) return s;
+function clip(s, maxW, fs, bold) {
+  if (measureText(s, fs, { bold }) <= maxW) return s;
   let lo = 0;
   let hi = s.length;
   while (lo < hi) {
     const mid = Math.ceil((lo + hi) / 2);
-    if (measureText(s.slice(0, mid) + "\u2026", fs) <= maxW) lo = mid;
+    if (measureText(s.slice(0, mid) + "\u2026", fs, { bold }) <= maxW) lo = mid;
     else hi = mid - 1;
   }
   return lo <= 0 ? "" : s.slice(0, lo) + "\u2026";
@@ -806,14 +806,14 @@ function renderBracket(container, parsed, palette, isDark, exportDims) {
       "fill",
       fillMode === "outline" ? themeBaseBg(palette, isDark) : mix(c, palette.bg, isDark ? 20 : 14)
     ).attr("stroke", fillMode === "outline" ? c : mix(c, palette.bg, 55)).attr("stroke-width", 1);
-    root.append("text").attr("x", (s.x0 + s.x1) / 2).attr("y", 18).attr("text-anchor", "middle").attr("font-size", 13).attr("font-weight", 800).attr("letter-spacing", 0.3).attr("fill", c).text(clip(s.label, s.x1 - s.x0, 13));
+    root.append("text").attr("x", (s.x0 + s.x1) / 2).attr("y", 18).attr("text-anchor", "middle").attr("font-size", 13).attr("font-weight", 800).attr("letter-spacing", 0.3).attr("fill", c).text(clip(s.label, s.x1 - s.x0, 13, true));
   }
   for (const col of layout.columns) {
     const c = col.color ? resolveColor(col.color, palette) ?? col.color : basePaint.muted;
     const covered = layout.sideLabels.some(
       (s) => col.x >= s.x0 && col.x <= s.x1
     );
-    root.append("text").attr("x", col.x).attr("y", covered ? roundY : 22).attr("text-anchor", "middle").attr("font-size", covered ? 14 : 15).attr("font-weight", covered ? 700 : 800).attr("fill", c).attr("letter-spacing", 0.4).text(clip(col.label, BOX_W + 20, covered ? 14 : 15));
+    root.append("text").attr("x", col.x).attr("y", covered ? roundY : 22).attr("text-anchor", "middle").attr("font-size", covered ? 14 : 15).attr("font-weight", covered ? 700 : 800).attr("fill", c).attr("letter-spacing", 0.4).text(clip(col.label, BOX_W + 20, covered ? 14 : 15, true));
   }
   for (const m of layout.matches) {
     drawConnector(root, m, m.topFrom, m.y - HALF_SPAN2, basePaint);
@@ -940,7 +940,7 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
   let leftPad = 11;
   if (info.seed !== null) {
     cell.append("text").attr("x", x + 9).attr("y", cy + 4).attr("text-anchor", "start").attr("font-size", 10).attr("font-weight", 700).attr("fill", gutterColor).text(info.seed);
-    leftPad = 9 + Math.max(12, measureText(String(info.seed), 10)) + 6;
+    leftPad = 9 + Math.max(12, measureText(String(info.seed), 10, { bold: true })) + 6;
   }
   let rightPad = 11;
   if (info.score) rightPad += 20;
@@ -948,7 +948,14 @@ function drawBox(g, cx, cy, name, info, sidePaint, palette, isDark, m, activeKey
     drawHome(cell, x + BOX_W - rightPad - 6, cy, gutterColor);
     rightPad += 16;
   }
-  cell.append("text").attr("x", x + leftPad).attr("y", cy + 4).attr("text-anchor", "start").attr("font-size", 12.5).attr("font-weight", weight).attr("fill", textColor).text(clip(isTBD ? "TBD" : name, BOX_W - leftPad - rightPad, 12.5));
+  cell.append("text").attr("x", x + leftPad).attr("y", cy + 4).attr("text-anchor", "start").attr("font-size", 12.5).attr("font-weight", weight).attr("fill", textColor).text(
+    clip(
+      isTBD ? "TBD" : name,
+      BOX_W - leftPad - rightPad,
+      12.5,
+      weight >= 600
+    )
+  );
   if (info.score) {
     cell.append("text").attr("x", x + BOX_W - 11).attr("y", cy + 4).attr("text-anchor", "end").attr("font-size", 12).attr("font-weight", info.isWinner ? 700 : 500).attr("fill", info.isWinner ? textColor : gutterColor).text(info.score);
   }
@@ -994,4 +1001,4 @@ export {
   renderBracket,
   renderBracketForExport
 };
-//# sourceMappingURL=chunk-B6AONGTI.js.map
+//# sourceMappingURL=chunk-GDQN2TPX.js.map