@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-D3B6YEZK.js → chunk-KIF4UFD2.js}

@@ -1,37 +1,41 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH
+} from "./chunk-IIEI7VK5.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-253E5ISJ.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -854,7 +858,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
         const labelFont = scaledCircleLabelFont;
         const blockH = labelFont + 4 + wrappedDesc.length * scaledDescLineH;
         const startY = ln.y - blockH / 2 + labelFont;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", startY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", startY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, labelFont);
         let descY = startY + scaledDescLineH + 4;
         wrappedDesc.forEach((line) => {
@@ -864,7 +868,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
         });
       } else {
         const labelFont = scaledCircleLabelFont;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + labelFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + labelFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, labelFont);
       }
     } else {
@@ -872,7 +876,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
       nodeG.append("rect").attr("x", ln.x - nodeW / 2).attr("y", ln.y - nodeH / 2).attr("width", nodeW).attr("height", nodeH).attr("rx", rx).attr("ry", rx).attr("fill", fillColor).attr("stroke", solidColor).attr("stroke-width", 2);
       if (hasDesc) {
         const headerCenterY = ln.y - nodeH / 2 + HEADER_H / 2;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", headerCenterY + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", headerCenterY + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, scaledNodeFont);
         const sepY = ln.y - nodeH / 2 + HEADER_H;
         nodeG.append("line").attr("x1", ln.x - nodeW / 2).attr("y1", sepY).attr("x2", ln.x + nodeW / 2).attr("y2", sepY).attr("stroke", fillMode === "solid" ? descColor : solidColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
@@ -893,7 +897,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
           }
         });
       } else {
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, scaledNodeFont);
       }
     }
@@ -933,7 +937,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
     edgeG.append("rect").attr("x", bgX).attr("y", bgY).attr("width", bgW).attr("height", bgH).attr("rx", 3).attr("fill", palette.bg).attr("fill-opacity", 0.85);
     let textY = le.labelY;
     for (const line of labelLines) {
-      const labelText = edgeG.append("text").attr("x", le.labelX).attr("y", textY).attr("text-anchor", anchor).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", scaledEdgeLabelFont).attr("font-weight", "600");
+      const labelText = edgeG.append("text").attr("x", le.labelX).attr("y", textY).attr("text-anchor", anchor).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", scaledEdgeLabelFont).attr("font-weight", "bold");
       renderInlineText(labelText, line, palette, scaledEdgeLabelFont);
       textY += scaledEdgeLineH;
     }
@@ -976,7 +980,7 @@ function arrowMarkerId(color, strokeWidth) {
 function ensureArrowMarker(defs, color, strokeWidth) {
   const id = arrowMarkerId(color, strokeWidth);
   const mw = arrowHeadLength(strokeWidth) / strokeWidth;
-  const mh = Math.max(1.5, mw * 0.5);
+  const mh = Math.max(1.5, mw * (ARROWHEAD_HEIGHT / ARROWHEAD_WIDTH));
   defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${mw} ${mh}`).attr("refX", mw * 0.1).attr("refY", mh / 2).attr("markerWidth", mw).attr("markerHeight", mh).attr("orient", "auto").append("polygon").attr("points", `0,0 ${mw},${mh / 2} 0,${mh}`).attr("fill", color);
 }
 
@@ -985,4 +989,4 @@ export {
   renderCycle,
   renderCycleForExport
 };
-//# sourceMappingURL=chunk-D3B6YEZK.js.map
+//# sourceMappingURL=chunk-KIF4UFD2.js.map

package/dist/{chunk-EUVUOPRC.js → chunk-KYK6PMB5.js}

@@ -1,33 +1,36 @@
 import {
   parseInlineMarkdown,
   safeHref
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  TITLE_FONT_SIZE
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-253E5ISJ.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/tech-radar/renderer.ts
 import * as d3Selection2 from "d3-selection";
@@ -218,7 +221,7 @@ function createTooltip(container, palette, isDark) {
 import * as d3Selection from "d3-selection";
 var BLIP_RADIUS = 13;
 var BLIP_FONT_SIZE = 10;
-var TITLE_FONT_SIZE = 16;
+var TITLE_FONT_SIZE2 = 16;
 var NARROW_BREAKPOINT = 600;
 function renderQuadrantFocus(container, parsed, quadrantPosition, palette, isDark, onClickItem, exportDims, _options) {
   const quadrant = parsed.quadrants.find(
@@ -239,7 +242,7 @@ function renderQuadrantFocus(container, parsed, quadrantPosition, palette, isDar
   titleBar.style.cssText = `
     display: flex; align-items: baseline; gap: 8px;
     padding: 8px 12px; font-family: ${FONT_FAMILY};
-    font-size: ${TITLE_FONT_SIZE}px; background: ${palette.bg};
+    font-size: ${TITLE_FONT_SIZE2}px; background: ${palette.bg};
   `;
   const titleLink = document.createElement("span");
   titleLink.textContent = parsed.title || "Tech Radar";
@@ -293,7 +296,6 @@ function renderQuadrantFocus(container, parsed, quadrantPosition, palette, isDar
     quadrant,
     qColor,
     palette,
-    isDark,
     svgWidth,
     svgHeight,
     palette.border,
@@ -316,7 +318,7 @@ function renderQuadrantFocus(container, parsed, quadrantPosition, palette, isDar
     }
   }
 }
-function renderQuarterCircle(svg, parsed, quadrant, qColor, palette, isDark, width, height, mutedColor, _tooltip, rootContainer, onClickItem) {
+function renderQuarterCircle(svg, parsed, quadrant, qColor, palette, width, height, mutedColor, _tooltip, rootContainer, onClickItem) {
   const padding = 8;
   const size = Math.min(width - padding, height - padding);
   const maxRadius = size * 0.95;
@@ -399,7 +401,10 @@ function renderQuarterCircle(svg, parsed, quadrant, qColor, palette, isDark, wid
         BLIP_RADIUS,
         angleToCenter
       );
-      blipGroup.append("text").attr("x", bx).attr("y", by + 3).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", BLIP_FONT_SIZE).attr("font-weight", "bold").text(blip.globalNumber);
+      blipGroup.append("text").attr("x", bx).attr("y", by + 3).attr("text-anchor", "middle").attr(
+        "fill",
+        contrastText(qColor, palette.textOnFillLight, palette.textOnFillDark)
+      ).attr("font-family", FONT_FAMILY).attr("font-size", BLIP_FONT_SIZE).attr("font-weight", "bold").text(blip.globalNumber);
       const lineNum = String(blip.lineNumber);
       blipGroup.on("mouseenter", () => {
         blipGroup.attr(
@@ -463,7 +468,7 @@ function renderHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark, rootC
       `;
       const header = document.createElement("div");
       header.style.cssText = `
-        font-size: 13px; font-weight: 700; color: ${palette.textMuted};
+        font-size: 13px; font-weight: bold; color: ${palette.textMuted};
         margin-bottom: 8px;
       `;
       header.textContent = ringName;
@@ -505,12 +510,19 @@ function renderHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark, rootC
           10,
           -Math.PI / 2
         );
-        d3Selection.select(indicatorSvg).append("text").attr("x", 13).attr("y", 16).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
+        d3Selection.select(indicatorSvg).append("text").attr("x", 13).attr("y", 16).attr("text-anchor", "middle").attr(
+          "fill",
+          contrastText(
+            qColor,
+            palette.textOnFillLight,
+            palette.textOnFillDark
+          )
+        ).attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
         titleRow.appendChild(indicatorSvg);
         const name = document.createElement("span");
         name.textContent = blip.name;
         name.style.cssText = `
-          flex: 1; font-size: 12px; font-weight: 600;
+          flex: 1; font-size: 12px; font-weight: bold;
           color: ${palette.text}; white-space: nowrap;
           overflow: hidden; text-overflow: ellipsis;
         `;
@@ -695,7 +707,7 @@ function renderQuadrantFocusForExport(container, parsed, quadrantPosition, palet
   titleBar.style.cssText = `
     display: flex; align-items: baseline; gap: 8px;
     padding: 12px 16px; font-family: ${FONT_FAMILY};
-    font-size: ${TITLE_FONT_SIZE + 2}px; background: ${palette.bg};
+    font-size: ${TITLE_FONT_SIZE2 + 2}px; background: ${palette.bg};
   `;
   const titleText = document.createElement("span");
   titleText.textContent = parsed.title || "Tech Radar";
@@ -735,13 +747,12 @@ function renderQuadrantFocusForExport(container, parsed, quadrantPosition, palet
     quadrant,
     qColor,
     palette,
-    isDark,
     svgWidth,
     svgHeight,
     palette.border
   );
 }
-function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, isDark, width, height, mutedColor) {
+function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, width, height, mutedColor) {
   const padding = 8;
   const size = Math.min(width - padding, height - padding);
   const maxRadius = size * 0.95;
@@ -779,7 +790,7 @@ function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, isDar
     const midAngle = (startAngle + endAngle) / 2;
     const labelX = cx + rCenter * Math.cos(midAngle);
     const labelY = cy - rCenter * Math.sin(midAngle);
-    svg.append("text").attr("x", labelX).attr("y", labelY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-family", FONT_FAMILY).attr("font-size", 11).attr("font-weight", "600").attr("opacity", 0.5).text(parsed.rings[ri].name);
+    svg.append("text").attr("x", labelX).attr("y", labelY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-family", FONT_FAMILY).attr("font-size", 11).attr("font-weight", "bold").attr("opacity", 0.5).text(parsed.rings[ri].name);
   }
   const ringOrder = parsed.rings.map((r) => r.name);
   const angularPadding = 0.08;
@@ -816,7 +827,10 @@ function renderQuarterCircleStatic(svg, parsed, quadrant, qColor, palette, isDar
         BLIP_RADIUS,
         angleToCenter
       );
-      blipGroup.append("text").attr("x", bx).attr("y", by + 3).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", BLIP_FONT_SIZE).attr("font-weight", "bold").text(blip.globalNumber);
+      blipGroup.append("text").attr("x", bx).attr("y", by + 3).attr("text-anchor", "middle").attr(
+        "fill",
+        contrastText(qColor, palette.textOnFillLight, palette.textOnFillDark)
+      ).attr("font-family", FONT_FAMILY).attr("font-size", BLIP_FONT_SIZE).attr("font-weight", "bold").text(blip.globalNumber);
     }
   }
 }
@@ -837,7 +851,7 @@ function renderStaticHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark)
     `;
     const header = document.createElement("div");
     header.style.cssText = `
-      font-size: 13px; font-weight: 700; color: ${palette.textMuted};
+      font-size: 13px; font-weight: bold; color: ${palette.textMuted};
       margin-bottom: 8px;
     `;
     header.textContent = ringName;
@@ -872,12 +886,15 @@ function renderStaticHtmlPanel(panel, parsed, quadrant, qColor, palette, isDark)
         10,
         -Math.PI / 2
       );
-      d3Selection.select(indicatorSvg).append("text").attr("x", 13).attr("y", 16).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
+      d3Selection.select(indicatorSvg).append("text").attr("x", 13).attr("y", 16).attr("text-anchor", "middle").attr(
+        "fill",
+        contrastText(qColor, palette.textOnFillLight, palette.textOnFillDark)
+      ).attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
       titleRow.appendChild(indicatorSvg);
       const name = document.createElement("span");
       name.textContent = blip.name;
       name.style.cssText = `
-        flex: 1; font-size: 12px; font-weight: 600;
+        flex: 1; font-size: 12px; font-weight: bold;
         color: ${palette.text};
       `;
       titleRow.appendChild(name);
@@ -904,7 +921,6 @@ var BLIP_RADIUS2 = 12;
 var BLIP_FONT_SIZE2 = 9;
 var RING_LABEL_FONT_SIZE = 13;
 var QUADRANT_LABEL_FONT_SIZE = 18;
-var TITLE_FONT_SIZE2 = 18;
 var LISTING_FONT_SIZE = 12;
 var LISTING_HEADER_FONT_SIZE = 13;
 var LISTING_TOP_MARGIN = 24;
@@ -950,7 +966,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
   const sBlipFontSize = ctx.text(BLIP_FONT_SIZE2);
   const sRingLabelFontSize = ctx.text(RING_LABEL_FONT_SIZE);
   const sQuadrantLabelFontSize = ctx.text(QUADRANT_LABEL_FONT_SIZE);
-  const sTitleFontSize = ctx.text(TITLE_FONT_SIZE2);
+  const sTitleFontSize = ctx.text(TITLE_FONT_SIZE);
   const sListingFontSize = ctx.text(LISTING_FONT_SIZE);
   const sListingHeaderFontSize = ctx.text(LISTING_HEADER_FONT_SIZE);
   const sListingTopMargin = ctx.aesthetic(LISTING_TOP_MARGIN);
@@ -1080,10 +1096,10 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
   for (let ri = 0; ri < parsed.rings.length; ri++) {
     const rCenter = (ri + 0.5) * ringBandWidth;
     if (ri === 0) {
-      radarGroup.append("text").attr("x", cx).attr("y", cy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "600").attr("opacity", 0.5).text(parsed.rings[ri].name);
+      radarGroup.append("text").attr("x", cx).attr("y", cy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.5).text(parsed.rings[ri].name);
     } else {
-      radarGroup.append("text").attr("x", cx).attr("y", cy - rCenter).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "600").attr("opacity", 0.5).text(parsed.rings[ri].name);
-      radarGroup.append("text").attr("x", cx).attr("y", cy + rCenter).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "600").attr("opacity", 0.5).text(parsed.rings[ri].name);
+      radarGroup.append("text").attr("x", cx).attr("y", cy - rCenter).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.5).text(parsed.rings[ri].name);
+      radarGroup.append("text").attr("x", cx).attr("y", cy + rCenter).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sRingLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.5).text(parsed.rings[ri].name);
     }
   }
   for (const quadrant of parsed.quadrants) {
@@ -1161,7 +1177,10 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
       sBlipRadius,
       angleToCenter
     );
-    blipGroup.append("text").attr("x", point.x).attr("y", point.y + 3).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", sBlipFontSize).attr("font-weight", "bold").text(point.blip.globalNumber);
+    blipGroup.append("text").attr("x", point.x).attr("y", point.y + 3).attr("text-anchor", "middle").attr(
+      "fill",
+      contrastText(qColor, palette.textOnFillLight, palette.textOnFillDark)
+    ).attr("font-family", FONT_FAMILY).attr("font-size", sBlipFontSize).attr("font-weight", "bold").text(point.blip.globalNumber);
     const lineNum = String(point.blip.lineNumber);
     const bx = point.x;
     const by = point.y;
@@ -1273,7 +1292,6 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
       svg,
       parsed,
       palette,
-      isDark,
       textColor,
       radarHeight + sListingTopMargin,
       width,
@@ -1287,7 +1305,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
   }
 }
 var LISTING_BLIP_R = 11;
-function renderBlipListing(svg, parsed, palette, isDark, textColor, startY, totalWidth, onClickItem, sListingFontSize = LISTING_FONT_SIZE, sListingHeaderFontSize = LISTING_HEADER_FONT_SIZE, sListingColGap = LISTING_COL_GAP, sListingLineHeight = LISTING_LINE_HEIGHT, sListingBlipR = LISTING_BLIP_R) {
+function renderBlipListing(svg, parsed, palette, textColor, startY, totalWidth, onClickItem, sListingFontSize = LISTING_FONT_SIZE, sListingHeaderFontSize = LISTING_HEADER_FONT_SIZE, sListingColGap = LISTING_COL_GAP, sListingLineHeight = LISTING_LINE_HEIGHT, sListingBlipR = LISTING_BLIP_R) {
   const colCount = parsed.quadrants.length;
   if (colCount === 0) return;
   const colWidth = (totalWidth - sListingColGap * (colCount + 1)) / colCount;
@@ -1330,7 +1348,10 @@ function renderBlipListing(svg, parsed, palette, isDark, textColor, startY, tota
         sListingBlipR,
         trendAngle
       );
-      itemGroup.append("text").attr("x", blipCx).attr("y", blipCy + 3).attr("text-anchor", "middle").attr("fill", isDark ? "#000" : "#fff").attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
+      itemGroup.append("text").attr("x", blipCx).attr("y", blipCy + 3).attr("text-anchor", "middle").attr(
+        "fill",
+        contrastText(qColor, palette.textOnFillLight, palette.textOnFillDark)
+      ).attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("font-weight", "bold").text(blip.globalNumber);
       const textX = colX + sListingBlipR * 2 + 6;
       const availableWidth = colWidth - sListingBlipR * 2 - 8;
       const fullLabel = `${blip.name} (${blip.ring})`;
@@ -1453,7 +1474,7 @@ function showBlipPopover(popover, blip, qColor, palette, isDark, event, fillMode
     palette.textOnFillDark
   );
   let html = `<div style="background:${fillColor}; border: 1.5px solid ${qColor}; border-radius: 6px; overflow: hidden;">`;
-  html += `<div style="padding: 8px 12px; font-weight: 600; color: ${onFillText};">${escapeHtml2(blip.name)}</div>`;
+  html += `<div style="padding: 8px 12px; font-weight: bold; color: ${onFillText};">${escapeHtml2(blip.name)}</div>`;
   if (hasDesc) {
     html += `<div style="border-top: 1px solid ${qColor}; opacity: 0.3;"></div>`;
     html += `<div style="padding: 6px 12px 8px; color: ${palette.textMuted}; font-size: 11px; line-height: 1.6;">`;
@@ -1603,4 +1624,4 @@ export {
   renderTechRadar,
   renderTechRadarForExport
 };
-//# sourceMappingURL=chunk-EUVUOPRC.js.map
+//# sourceMappingURL=chunk-KYK6PMB5.js.map

package/dist/{chunk-RU2HHHYA.js → chunk-LD2JSKU3.js}

@@ -13,11 +13,21 @@ function escapeAttributeMarkupChars(svg) {
     }
   );
 }
+var ROUNDED_ATTRS = /(\s(?:font-size|stroke-width|rx|ry)=")(-?\d+\.\d{3,})"/g;
+var ROUNDED_OPACITY_ATTRS = /(\s(?:opacity|fill-opacity|stroke-opacity)=")(-?\d+\.\d{5,})"/g;
+function roundMagnitudeAttrs(svg) {
+  const round = (re, digits) => (s) => s.replace(re, (_m, prefix, value) => {
+    const n = Number(value);
+    if (!Number.isFinite(n)) return `${prefix}${value}"`;
+    return `${prefix}${String(Number(n.toFixed(digits)))}"`;
+  });
+  return round(ROUNDED_OPACITY_ATTRS, 4)(round(ROUNDED_ATTRS, 2)(svg));
+}
 function serializeSvg(svgEl) {
-  return escapeAttributeMarkupChars(svgEl.outerHTML);
+  return roundMagnitudeAttrs(escapeAttributeMarkupChars(svgEl.outerHTML));
 }
 
 export {
   serializeSvg
 };
-//# sourceMappingURL=chunk-RU2HHHYA.js.map
+//# sourceMappingURL=chunk-LD2JSKU3.js.map

package/dist/{chunk-CYMYZYLI.js → chunk-LJ7X6ZNV.js}

@@ -1,14 +1,13 @@
-import {
-  extractExportSvg,
-  runInExportContainer
-} from "./chunk-YM5RMLFO.js";
 import {
   layoutOrg
-} from "./chunk-NHQ7HUAS.js";
+} from "./chunk-HJ5DKZPO.js";
 import {
   renderCollapseBar,
   renderNodeCard
-} from "./chunk-5GM6BZO7.js";
+} from "./chunk-F66R7CPY.js";
+import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
 import {
   CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
@@ -25,49 +24,50 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-FJ57274M.js";
+} from "./chunk-IIEI7VK5.js";
 import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+  extractExportSvg,
+  runInExportContainer
+} from "./chunk-QFIXL3OK.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-253E5ISJ.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
   LEGEND_EYE_GAP,
   LEGEND_EYE_SIZE,
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseOrg
-} from "./chunk-SWEKCK34.js";
+} from "./chunk-AFOHIR2O.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
-  mix,
-  shapeFill,
-  themeBaseBg
-} from "./chunk-GLREDNBA.js";
+  groupFill,
+  groupStroke,
+  shapeFill
+} from "./chunk-AMQFJ7P7.js";
 
 // src/org/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -93,13 +93,10 @@ function nodeStroke(palette, nodeColor) {
   return nodeColor ?? palette.primary;
 }
 function containerFill(palette, isDark, nodeColor) {
-  if (nodeColor) {
-    return mix(nodeColor, themeBaseBg(palette, isDark), 10);
-  }
-  return mix(palette.surface, palette.bg, 40);
+  return groupFill(palette, isDark, nodeColor);
 }
 function containerStroke(palette, nodeColor) {
-  return nodeColor ?? palette.textMuted;
+  return groupStroke(palette, nodeColor);
 }
 function renderOrg(container, parsed, layout, palette, isDark, onClickItem, exportDims, activeTagGroup, hiddenAttributes, ancestorPath, exportMode) {
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
@@ -493,4 +490,4 @@ export {
   renderOrg,
   renderOrgForExport
 };
-//# sourceMappingURL=chunk-CYMYZYLI.js.map
+//# sourceMappingURL=chunk-LJ7X6ZNV.js.map

package/dist/{chunk-ICVIJLBA.js → chunk-LLYHYPYG.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-76NHL5UG.js";
+} from "./chunk-7I6NWTPE.js";
 import {
   resolveNotes
 } from "./chunk-E6PNTYRK.js";
@@ -20,7 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   AliasRegistry,
   ER_REGISTRY,
@@ -34,7 +34,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-XOGQY4EC.js";
@@ -559,4 +559,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-ICVIJLBA.js.map
+//# sourceMappingURL=chunk-LLYHYPYG.js.map

package/dist/{chunk-VRPV6QXR.js → chunk-LLZVRWVS.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -577,4 +577,4 @@ export {
   getMaxLegendReservedHeight,
   getLegendExtent
 };
-//# sourceMappingURL=chunk-VRPV6QXR.js.map
+//# sourceMappingURL=chunk-LLZVRWVS.js.map

package/dist/{chunk-Z7KVOVE4.js → chunk-LXTMP3VT.js}

@@ -5,6 +5,9 @@ import {
   targetToMs,
   weekdayIndex
 } from "./chunk-WFA6IULY.js";
+import {
+  now
+} from "./chunk-3DPOIW3W.js";
 import {
   normalizeDate
 } from "./chunk-DAOFNU6J.js";
@@ -13,7 +16,7 @@ import {
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   makeDgmoError,
   makeFail
@@ -302,7 +305,7 @@ function parseCountdown(content, palette) {
   }
   if (noteBody.length) result.note = noteBody.join("\n");
   if (targetIsNow) {
-    targetMs = Date.now();
+    targetMs = now();
     result.target = new Date(targetMs).toISOString();
   } else if (targetRaw !== null) {
     const iso = normalizeDate(targetRaw, { order: dateOrder, year: baseYear });
@@ -367,7 +370,7 @@ function parseCountdown(content, palette) {
       result.tz
     );
     result.rule = rule;
-    result.resolvedMs = resolveNext(rule, Date.now());
+    result.resolvedMs = resolveNext(rule, now());
     result.sinceMs = sinceMs;
     if (sinceHasTime) result.hasTime = true;
   } else if (targetMs !== null) {
@@ -421,4 +424,4 @@ export {
   targetToMs2 as targetToMs,
   parseCountdown
 };
-//# sourceMappingURL=chunk-Z7KVOVE4.js.map
+//# sourceMappingURL=chunk-LXTMP3VT.js.map