@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-6IN4F4RH.js → chunk-I6DFQQER.js}

@@ -1,60 +1,64 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
-import {
-  COLLAPSE_BAR_HEIGHT
-} from "./chunk-FJ57274M.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  COLLAPSE_BAR_HEIGHT,
+  EDGE_DASH,
+  HAIRLINE_DASH
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-2F7AG7LA.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 {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   legendChromeColors
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-7NSNE52V.js";
+} from "./chunk-55DMCFGM.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -250,7 +254,6 @@ var TITLE_HEIGHT = 30;
 var PARTICIPANT_Y_OFFSET = 10;
 var MESSAGE_START_OFFSET = 50;
 var LIFELINE_TAIL = 30;
-var ARROWHEAD_SIZE = 8;
 var NOTE_MAX_W = 200;
 var NOTE_FOLD = 10;
 var NOTE_PAD_H = 8;
@@ -359,7 +362,7 @@ function renderCacheParticipant(g, palette, isDark, color, fillMode, w = W, h =
   const bodyH = h - ry * 2;
   const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
-  const dash = "4 3";
+  const dash = EDGE_DASH;
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
   g.append("rect").attr("class", "participant-body").attr("x", -w / 2).attr("y", topY).attr("width", w).attr("height", bodyH).attr("fill", f).attr("stroke", "none");
   g.append("line").attr("x1", -w / 2).attr("y1", topY).attr("x2", -w / 2).attr("y2", topY + bodyH).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
@@ -712,7 +715,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const sParticipantYOffset = ctx.aesthetic(PARTICIPANT_Y_OFFSET);
   const sMsgStartOffset = ctx.structural(MESSAGE_START_OFFSET);
   const sLifelineTail = ctx.structural(LIFELINE_TAIL);
-  const sArrowheadSize = ctx.structural(ARROWHEAD_SIZE);
+  const sArrowheadW = ctx.structural(ARROWHEAD_WIDTH);
+  const sArrowheadH = ctx.structural(ARROWHEAD_HEIGHT);
   const sNoteMaxW = ctx.structural(NOTE_MAX_W);
   const sNoteFold = ctx.structural(NOTE_FOLD);
   const sNotePadH = ctx.structural(NOTE_PAD_H);
@@ -1338,26 +1342,20 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     offsetX = leftMargin + Math.max(0, (svgWidth - totalWidth) / 2);
     buildParticipantX();
   }
-  const svg = d3Selection.select(container).append("svg").attr("width", "100%").attr("height", totalHeight).attr("viewBox", `0 0 ${svgWidth} ${totalHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("class", "sequence-diagram").style("font-family", FONT_FAMILY);
+  const svg = d3Selection.select(container).append("svg").attr("width", svgWidth).attr("height", totalHeight).attr("viewBox", `0 0 ${svgWidth} ${totalHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("class", "sequence-diagram").style("font-family", FONT_FAMILY);
+  if (ctx.isBelowFloor) {
+    svg.attr("width", "100%");
+  }
   const defs = svg.append("defs");
-  defs.append("marker").attr("id", "seq-arrowhead").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polygon").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", palette.text);
-  defs.append("marker").attr("id", "seq-arrowhead-open").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.2);
-  defs.append("marker").attr("id", "seq-arrowhead-async").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
-  const arrowPoints = `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`;
+  defs.append("marker").attr("id", "seq-arrowhead").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polygon").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", palette.text);
+  defs.append("marker").attr("id", "seq-arrowhead-open").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.2);
+  defs.append("marker").attr("id", "seq-arrowhead-async").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
+  const arrowPoints = `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`;
   for (const [, color] of tagValueToColor) {
     const hex = color.replace("#", "");
-    defs.append("marker").attr("id", `seq-arrowhead-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polygon").attr("points", arrowPoints).attr("fill", color);
-    defs.append("marker").attr("id", `seq-arrowhead-async-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
-    defs.append("marker").attr("id", `seq-arrowhead-open-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
+    defs.append("marker").attr("id", `seq-arrowhead-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polygon").attr("points", arrowPoints).attr("fill", color);
+    defs.append("marker").attr("id", `seq-arrowhead-async-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
+    defs.append("marker").attr("id", `seq-arrowhead-open-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
   }
   const coloredMarker = (type, tagColor) => {
     if (tagColor) {
@@ -1513,7 +1511,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const pStroke = effectiveTagColor || palette.border;
       participantG.append("rect").attr("x", -boxW / 2).attr("y", -padTop).attr("width", boxW).attr("height", fullH).attr("rx", 6).attr("fill", pFill).attr("stroke", pStroke).attr("stroke-width", 1.5);
       const nameY = -padTop + (fullH - drillBarH) / 2;
-      participantG.append("text").attr("x", 0).attr("y", nameY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", sLabelFontSize).attr("font-weight", 500).attr("class", "collapsed-group-label").text(truncateText(participant.label, sLabelFontSize, sLabelTextWidth));
+      participantG.append("text").attr("x", 0).attr("y", nameY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", sLabelFontSize).attr("font-weight", "normal").attr("class", "collapsed-group-label").text(truncateText(participant.label, sLabelFontSize, sLabelTextWidth));
       participantG.append("clipPath").attr("id", clipId).append("rect").attr("x", -boxW / 2).attr("y", -padTop).attr("width", boxW).attr("height", fullH).attr("rx", 6);
       participantG.append("rect").attr("class", "sequence-drill-bar").attr("x", -boxW / 2).attr("y", -padTop + fullH - drillBarH).attr("width", boxW).attr("height", drillBarH).attr("fill", drillColor).attr("clip-path", `url(#${clipId})`);
     }
@@ -1524,7 +1522,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       llY,
       lifelineStartY + lifelineLength
     )) {
-      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", "6 4").attr("class", "lifeline").attr("data-participant-id", 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());
       }
@@ -1622,7 +1620,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const frameY = stepY(minStep) - FRAME_PADDING_TOP;
       const frameW = maxPX - minPX + FRAME_PADDING_X * 2 + extraRight;
       const frameH = stepY(maxStep) - stepY(minStep) + FRAME_PADDING_TOP + FRAME_PADDING_BOTTOM + (maxStepIsSelfCall ? sSelfCallHeight : 0);
-      svg.append("rect").attr("x", frameX).attr("y", frameY).attr("width", frameW).attr("height", frameH).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("rx", 3).attr("ry", 3).attr("class", "block-frame").attr("data-block-line", String(el.lineNumber));
+      svg.append("rect").attr("x", frameX).attr("y", frameY).attr("width", frameW).attr("height", frameH).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("rx", 3).attr("ry", 3).attr("class", "block-frame").attr("data-block-line", String(el.lineNumber));
       deferredLabels.push({
         x: frameX + 6,
         y: frameY + FRAME_LABEL_HEIGHT - 4,
@@ -1731,7 +1729,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     }
   });
   for (const ln of deferredLines) {
-    const line = svg.append("line").attr("x1", ln.x1).attr("y1", ln.y1).attr("x2", ln.x2).attr("y2", ln.y2).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("class", "block-divider");
+    const line = svg.append("line").attr("x1", ln.x1).attr("y1", ln.y1).attr("x2", ln.x2).attr("y2", ln.y2).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("class", "block-divider");
     if (ln.blockLine !== void 0)
       line.attr("data-block-line", String(ln.blockLine));
   }
@@ -1786,7 +1784,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const markY = secY + COLLAPSED_SECTION_MARK_OFFSET;
     const involvedXs = participants.filter((p) => participation.has(p.id)).map((p) => participantX.get(p.id)).filter((x) => x !== void 0);
     if (involvedXs.length > 1) {
-      sectionG.append("line").attr("x1", Math.min(...involvedXs)).attr("x2", Math.max(...involvedXs)).attr("y1", markY).attr("y2", markY).attr("stroke", lineColor).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("opacity", 0.5).attr("pointer-events", "none").attr("class", "section-reach");
+      sectionG.append("line").attr("x1", Math.min(...involvedXs)).attr("x2", Math.max(...involvedXs)).attr("y1", markY).attr("y2", markY).attr("stroke", lineColor).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("opacity", 0.5).attr("pointer-events", "none").attr("class", "section-reach");
     }
     for (const participant of participants) {
       const markX = participantX.get(participant.id);
@@ -1868,7 +1866,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const x2 = arrowEdgeX(step.to, i, goingRight ? "left" : "right");
       const returnColor = msgTagColor || palette.textMuted;
       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", "6 4").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);
+      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());
       }
@@ -2049,7 +2047,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
     palette.textOnFillLight,
     palette.textOnFillDark
   );
-  const textEl = g.append("text").attr("x", 0).attr("text-anchor", "middle").attr("fill", labelFill).attr("font-size", fontSize).attr("font-weight", 500);
+  const textEl = g.append("text").attr("x", 0).attr("text-anchor", "middle").attr("fill", labelFill).attr("font-size", fontSize).attr("font-weight", "normal");
   const maxLabelW = labelTextWidth(boxW);
   const truncLine = (text) => truncateText(text, fontSize, maxLabelW);
   if (labelLines.length === 1) {
@@ -2074,4 +2072,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-6IN4F4RH.js.map
+//# sourceMappingURL=chunk-I6DFQQER.js.map

package/dist/chunk-ICLB27PZ.js

@@ -0,0 +1,11 @@
+// src/fonts.ts
+var FONT_FAMILY = "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif";
+var DEFAULT_FONT_NAME = "Inter";
+var MONO_FAMILY = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
+
+export {
+  FONT_FAMILY,
+  DEFAULT_FONT_NAME,
+  MONO_FAMILY
+};
+//# sourceMappingURL=chunk-ICLB27PZ.js.map

package/dist/{chunk-R3XI2VC7.js → chunk-IDJGV6VM.js}

@@ -784,6 +784,7 @@ var palettes = {
 };
 
 export {
+  DEFAULT_PALETTE_ID,
   isValidHex,
   registerPalette,
   getPalette,
@@ -798,4 +799,4 @@ export {
   tokyoNightPalette,
   palettes
 };
-//# sourceMappingURL=chunk-R3XI2VC7.js.map
+//# sourceMappingURL=chunk-IDJGV6VM.js.map

package/dist/{chunk-ZM27UI5O.js → chunk-IEK2FUWO.js}

@@ -18,7 +18,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   AliasRegistry,
   C4_REGISTRY,
@@ -30,7 +30,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -40,6 +40,7 @@ import {
 
 // src/c4/parser.ts
 var CONTAINER_RE = /^\[([^\]]+)\](?:\s+(collapsed)|\s+collapsed:\s*(\S+))?$/;
+var CONTAINER_META_RE = /^\[([^\]]+)\]\s+(.+)$/;
 var ELEMENT_RE = /^(person|system|container|component)\s+(.+)$/i;
 var IS_A_RE = /\s+is\s+a(?:n)?\s+(\w+)\s*$/i;
 var C4_IS_A_RE = /^([^:]+?)\s+is\s+an?\s+(person|system|container|component|external|database)\b(.*)$/i;
@@ -389,15 +390,27 @@ function parseC4(content, palette) {
       stack.pop();
     }
     const containerMatch = trimmed.match(CONTAINER_RE);
-    if (containerMatch) {
-      const groupName = containerMatch[1].trim();
-      const groupCollapsed = containerMatch[2] !== void 0 || containerMatch[3]?.toLowerCase() === "true";
+    let containerMeta = {};
+    let metaMatch = null;
+    if (!containerMatch) {
+      metaMatch = trimmed.match(CONTAINER_META_RE);
+      if (metaMatch) {
+        containerMeta = parseC4MetaTail(metaMatch[2], metaAliasMap);
+        if (Object.keys(containerMeta).length === 0) metaMatch = null;
+      }
+    }
+    if (containerMatch || metaMatch) {
+      const groupName = (containerMatch ?? metaMatch)[1].trim();
+      const groupCollapsed = containerMatch !== null && (containerMatch[2] !== void 0 || containerMatch[3]?.toLowerCase() === "true");
       const parentEntry = findParentElement(indent, stack);
       if (parentEntry) {
         const group = {
           name: groupName,
           children: [],
           ...groupCollapsed && { collapsed: true },
+          ...Object.keys(containerMeta).length > 0 && {
+            metadata: containerMeta
+          },
           lineNumber
         };
         parentEntry.element.groups.push(group);
@@ -849,4 +862,4 @@ function validateDeploymentRefs(result, knownNames, pushWarning) {
 export {
   parseC4
 };
-//# sourceMappingURL=chunk-ZM27UI5O.js.map
+//# sourceMappingURL=chunk-IEK2FUWO.js.map

package/dist/{chunk-FJ57274M.js → chunk-IIEI7VK5.js}

@@ -5,6 +5,14 @@ var CARD_RADIUS = 6;
 var CONTAINER_RADIUS = 8;
 var COLLAPSE_BAR_INSET = 0;
 var EDGE_LABEL_KNOCKOUT_OPACITY = 0.9;
+var ARROWHEAD_WIDTH = 10;
+var ARROWHEAD_HEIGHT = 7;
+var EDGE_DASH = "6 3";
+var GRID_DASH = "4 4";
+var HAIRLINE_DASH = "2 3";
+function scaleDash(pattern, scale) {
+  return pattern.split(/[\s,]+/).filter(Boolean).map((n) => scale(Number(n))).join(" ");
+}
 var HEADER_HEIGHT = 28;
 var LABEL_FONT_SIZE = 13;
 var META_FONT_SIZE = 11;
@@ -23,6 +31,12 @@ export {
   CONTAINER_RADIUS,
   COLLAPSE_BAR_INSET,
   EDGE_LABEL_KNOCKOUT_OPACITY,
+  ARROWHEAD_WIDTH,
+  ARROWHEAD_HEIGHT,
+  EDGE_DASH,
+  GRID_DASH,
+  HAIRLINE_DASH,
+  scaleDash,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
@@ -34,4 +48,4 @@ export {
   CONTAINER_META_FONT_SIZE,
   CONTAINER_META_LINE_HEIGHT
 };
-//# sourceMappingURL=chunk-FJ57274M.js.map
+//# sourceMappingURL=chunk-IIEI7VK5.js.map

package/dist/{chunk-DY7KDZUF.js → chunk-IZK2H4KU.js}

@@ -1,12 +1,12 @@
 import {
   isTagBlockHeading
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -690,4 +690,4 @@ export {
   resetWireframeIds,
   parseWireframe
 };
-//# sourceMappingURL=chunk-DY7KDZUF.js.map
+//# sourceMappingURL=chunk-IZK2H4KU.js.map

package/dist/{chunk-CRLVJZWX.js → chunk-JOG6W3VS.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   makeDgmoError,
   makeFail
@@ -274,4 +274,4 @@ function parseCycle(content) {
 export {
   parseCycle
 };
-//# sourceMappingURL=chunk-CRLVJZWX.js.map
+//# sourceMappingURL=chunk-JOG6W3VS.js.map

package/dist/{chunk-XFXJXLK7.js → chunk-JTLLQT34.js}

@@ -1,37 +1,37 @@
-import {
-  NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  NODE_STROKE_WIDTH
+} from "./chunk-IIEI7VK5.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.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 {
   allTasks
-} from "./chunk-TN754B3R.js";
+} from "./chunk-ZZZJVDIL.js";
 import {
   VARIANTS
 } from "./chunk-MSVQ2YCY.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/raci/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -116,7 +116,7 @@ var COLUMN_RADIUS = 8;
 var COLUMN_INSET = 8;
 var COLUMN_BOTTOM_PAD = 14;
 var MARKER_FONT = 14;
-var MARKER_FONT_WEIGHT = 600;
+var MARKER_FONT_WEIGHT = "bold";
 var LABEL_FONT = 13;
 var ROLE_HEADER_FONT = 12;
 var PHASE_FONT = 13;
@@ -372,7 +372,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
       headerPath.attr("stroke", roleColor).attr("stroke-width", 1);
     }
     const cxText = roleX(i) + roleColW / 2;
-    colG.append("text").attr("class", "raci-column-label").attr("x", cxText).attr("y", headerY + sHeaderHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sRoleHeaderFont).attr("font-weight", 600).attr("fill", palette.text).text(
+    colG.append("text").attr("class", "raci-column-label").attr("x", cxText).attr("y", headerY + sHeaderHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sRoleHeaderFont).attr("font-weight", "bold").attr("fill", palette.text).text(
       truncateText(
         parsed.roleDisplayNames[i] ?? "",
         sRoleHeaderFont,
@@ -519,7 +519,7 @@ function renderLegend(svg, markers, variant, x, y, mode, chipW, palette, surface
       const fill2 = fillMode === "solid" ? rawColor : fillMode === "outline" ? surfaceBg : mix(rawColor, surfaceBg, TINT_PCT);
       const stroke2 = fillMode === "solid" ? mix(rawColor, surfaceBg, 70) : rawColor;
       chipG.append("rect").attr("x", cx).attr("y", y).attr("width", chipW).attr("height", sLegendHeight).attr("rx", sNodeRadius).attr("fill", fill2).attr("stroke", stroke2).attr("stroke-width", sNodeStrokeWidth);
-      chipG.append("text").attr("x", cx + chipW / 2).attr("y", y + sLegendHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sLegendLetterFont).attr("font-weight", 700).attr(
+      chipG.append("text").attr("x", cx + chipW / 2).attr("y", y + sLegendHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sLegendLetterFont).attr("font-weight", "bold").attr(
         "fill",
         fillMode === "solid" ? contrastText(
           fill2,
@@ -552,7 +552,7 @@ function renderLegend(svg, markers, variant, x, y, mode, chipW, palette, surface
     if (fillMode === "outline") {
       slabRect.attr("stroke", rawColor).attr("stroke-width", 1);
     }
-    chipG.append("text").attr("x", cx + slabPad + slabW / 2).attr("y", y + sLegendHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sLegendLetterFont).attr("font-weight", 700).attr(
+    chipG.append("text").attr("x", cx + slabPad + slabW / 2).attr("y", y + sLegendHeight / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", sLegendLetterFont).attr("font-weight", "bold").attr(
       "fill",
       fillMode === "solid" ? contrastText(
         slabFill,
@@ -560,7 +560,7 @@ function renderLegend(svg, markers, variant, x, y, mode, chipW, palette, surface
         palette.textOnFillDark
       ) : palette.text
     ).text(marker);
-    chipG.append("text").attr("x", cx + slabPad + slabW + 8).attr("y", y + sLegendHeight / 2).attr("dominant-baseline", "central").attr("font-size", sLegendLabelFont).attr("font-weight", 600).attr("fill", palette.text).text(
+    chipG.append("text").attr("x", cx + slabPad + slabW + 8).attr("y", y + sLegendHeight / 2).attr("dominant-baseline", "central").attr("font-size", sLegendLabelFont).attr("font-weight", "bold").attr("fill", palette.text).text(
       truncateText(
         labelText,
         sLegendLabelFont,
@@ -586,14 +586,14 @@ function renderPhaseBar(svg, phase, x, y, width, palette, collapsed, autoColor,
   const chevX = x + 12;
   const chevY = y + sPhaseHeight / 2;
   phaseG.append("text").attr("x", chevX).attr("y", chevY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("fill", palette.text).attr("opacity", 0.6).text(collapsed ? "\u25B6" : "\u25BC");
-  phaseG.append("text").attr("x", x + 26).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont).attr("font-weight", 600).attr("fill", palette.text).text(phase.displayName);
+  phaseG.append("text").attr("x", x + 26).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont).attr("font-weight", "bold").attr("fill", palette.text).text(phase.displayName);
   if (collapsed) {
     const taskCount = phase.tasks.length;
     if (taskCount > 0) {
       const labelTextWidth = measureText(phase.displayName, sPhaseFont, {
         bold: true
       });
-      phaseG.append("text").attr("x", x + 26 + labelTextWidth + 10).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont - 1).attr("font-weight", 500).attr("fill", palette.textMuted).text(`${taskCount} ${taskCount === 1 ? "task" : "tasks"}`);
+      phaseG.append("text").attr("x", x + 26 + labelTextWidth + 10).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont - 1).attr("font-weight", "normal").attr("fill", palette.textMuted).text(`${taskCount} ${taskCount === 1 ? "task" : "tasks"}`);
     }
     if (!showSummary) return;
     const alphabet = VARIANTS[variant].alphabet;
@@ -621,7 +621,7 @@ function renderPhaseBar(svg, phase, x, y, width, palette, collapsed, autoColor,
         const stroke = fillMode === "solid" ? mix(rawColor, surfaceBg, 70) : rawColor;
         const chipG = phaseG.append("g").attr("class", "raci-phase-summary");
         chipG.append("rect").attr("x", cx).attr("y", summaryY).attr("width", sliceW).attr("height", SUMMARY_CHIP_H).attr("rx", sNodeRadius).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 1.25);
-        chipG.append("text").attr("x", cx + sliceW / 2).attr("y", summaryY + SUMMARY_CHIP_H / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", SUMMARY_LETTER_FONT).attr("font-weight", 700).attr(
+        chipG.append("text").attr("x", cx + sliceW / 2).attr("y", summaryY + SUMMARY_CHIP_H / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", SUMMARY_LETTER_FONT).attr("font-weight", "bold").attr(
           "fill",
           fillMode === "solid" ? contrastText(
             fill,
@@ -676,7 +676,7 @@ function renderTaskRow(svg, task, parsed, x, y, labelW, roleX, roleColW, palette
         const tspan = textEl.append("tspan").text(seg.text);
         if (i > 0 && segIdx === 0)
           tspan.attr("x", labelX).attr("dy", sViolationLineHeight);
-        if (seg.bold) tspan.attr("font-weight", 700);
+        if (seg.bold) tspan.attr("font-weight", "bold");
       });
     });
     if (onClickLine) {
@@ -859,4 +859,4 @@ export {
   renderRaci,
   renderRaciForExport
 };
-//# sourceMappingURL=chunk-XFXJXLK7.js.map
+//# sourceMappingURL=chunk-JTLLQT34.js.map

package/dist/{chunk-MS5574I7.js → chunk-K3K7JHZI.js}

@@ -1,6 +1,6 @@
 import {
   mix
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -32,4 +32,4 @@ function buildSwatches(palette, muted) {
 export {
   buildSwatches
 };
-//# sourceMappingURL=chunk-MS5574I7.js.map
+//# sourceMappingURL=chunk-K3K7JHZI.js.map

package/dist/{chunk-GOW5VO6M.js → chunk-KHRZCKKG.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   formatDuration,
   formatScheduleValue,
@@ -603,4 +603,4 @@ export {
   layoutPert,
   relayoutPert
 };
-//# sourceMappingURL=chunk-GOW5VO6M.js.map
+//# sourceMappingURL=chunk-KHRZCKKG.js.map