@diagrammo/dgmo 0.66.0 → 0.67.0

package/dist/advanced.js

@@ -16,7 +16,7 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-6IUL6LER.js";
+} from "./chunk-WDLD5MU5.js";
 import {
   renderRing,
   renderRingForExport
@@ -79,18 +79,18 @@ import {
 import {
   renderMap,
   renderMapForExport
-} from "./chunk-O274UTXH.js";
+} from "./chunk-QRWY5QTA.js";
 import "./chunk-FWVKPEG3.js";
 import {
   mapContentAspect,
   mapExportDimensions
-} from "./chunk-X26BF4T2.js";
+} from "./chunk-PZOFMBF3.js";
 import {
   albersSkewFallback,
   layoutMap,
   mapBackgroundColor,
   mapNeutralLandColor
-} from "./chunk-R7S5542V.js";
+} from "./chunk-6E5YZR4S.js";
 import {
   decodeFeatures,
   regionAt
@@ -313,7 +313,7 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-3OT63FS4.js";
+} from "./chunk-HJ62AO3J.js";
 import "./chunk-7L53J53J.js";
 import "./chunk-EOYPX6SF.js";
 import {

package/dist/block.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-3OT63FS4.js";
+} from "./chunk-HJ62AO3J.js";
 import {
   docsLink,
   renderErrorCard

package/dist/{chunk-R7S5542V.js → chunk-6E5YZR4S.js}

@@ -1036,6 +1036,20 @@ function createLabelMetrics(size) {
   };
 }
 
+// src/map/layout-constants.ts
+var FIT_PAD = 24;
+var WORLD_LABEL_ANCHORS = {
+  US: [-98.5, 39.5],
+  // CONUS geographic centre (near Lebanon, Kansas)
+  // Russia crosses the antimeridian (Chukotka at ~170°W), so on a non-global
+  // (e.g. Europe) projection its geometry smears across the whole frame and the
+  // area-weighted centroid lands mid-map (over Europe) — useless as a label
+  // anchor. Pin it to European Russia (~Volga) so a Europe view labels visible
+  // western Russia on its eastern margin; on a world view this still sits over
+  // Russian land. (See the curated-anchor smear-gate bypass in context-labels.)
+  RU: [45, 58]
+};
+
 // src/map/region-labels.ts
 function placeRegionLabels(args) {
   const {
@@ -1438,7 +1452,6 @@ function placeRegionLabels(args) {
 }
 
 // src/map/layout.ts
-var FIT_PAD = 24;
 var PATH_DIGITS = 1;
 var THIN_TOL = 0.6;
 var ALBERS_SKEW_MAX = 1.25;
@@ -1483,17 +1496,6 @@ var R_MIN = 4;
 var R_MAX = 22;
 var POI_FILL_OPACITY_MAX = 0.92;
 var POI_FILL_OPACITY_MIN = 0.55;
-var WORLD_LABEL_ANCHORS = {
-  US: [-98.5, 39.5],
-  // CONUS geographic centre (near Lebanon, Kansas)
-  // Russia crosses the antimeridian (Chukotka at ~170°W), so on a non-global
-  // (e.g. Europe) projection its geometry smears across the whole frame and the
-  // area-weighted centroid lands mid-map (over Europe) — useless as a label
-  // anchor. Pin it to European Russia (~Volga) so a Europe view labels visible
-  // western Russia on its eastern margin; on a world view this still sits over
-  // Russian land. (See the curated-anchor smear-gate bypass in context-labels.)
-  RU: [45, 58]
-};
 var MAX_CLUSTER_EXTENT_FACTOR = 0.18;
 var MAX_COLUMN_ROWS = 7;
 var REGION_LABEL_HALO_RATIO = 4.5;
@@ -3363,4 +3365,4 @@ export {
   albersSkewFallback,
   layoutMap
 };
-//# sourceMappingURL=chunk-R7S5542V.js.map
+//# sourceMappingURL=chunk-6E5YZR4S.js.map

package/dist/{chunk-3OT63FS4.js → chunk-HJ62AO3J.js}

@@ -2749,8 +2749,8 @@ async function exportMap(ctx) {
   const { content, theme, palette, options } = ctx;
   const { parseMap } = await import("./parser-UKQC7N6K.js");
   const { resolveMap } = await import("./resolver-B3TXWNWF.js");
-  const { renderMapForExport } = await import("./renderer-T66477EQ.js");
-  const { mapExportDimensions } = await import("./dimensions-RD3Y7FCF.js");
+  const { renderMapForExport } = await import("./renderer-AOFIEF2T.js");
+  const { mapExportDimensions } = await import("./dimensions-ILAVBRQ3.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mapParsed = parseMap(content, effectivePalette);
   const { data: mapData, reason } = await resolveMapDataSource(
@@ -3055,7 +3055,7 @@ async function exportVisualization(ctx) {
   const isDark = ctx.isDark;
   const container = createExportContainer(ctx.width, ctx.height);
   const { parseSequenceDgmo } = await import("./parser-5WIZGKNE.js");
-  const { renderSequenceDiagram } = await import("./renderer-ALP46W2X.js");
+  const { renderSequenceDiagram } = await import("./renderer-KY6PADCM.js");
   const seqParsed = parseSequenceDgmo(content, effectivePalette);
   if (seqParsed.error || seqParsed.participants.length === 0) return "";
   const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
@@ -3718,4 +3718,4 @@ export {
   renderForExport,
   render
 };
-//# sourceMappingURL=chunk-3OT63FS4.js.map
+//# sourceMappingURL=chunk-HJ62AO3J.js.map

package/dist/{chunk-X26BF4T2.js → chunk-PZOFMBF3.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-R7S5542V.js";
+} from "./chunk-6E5YZR4S.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
@@ -51,4 +51,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=chunk-X26BF4T2.js.map
+//# sourceMappingURL=chunk-PZOFMBF3.js.map

package/dist/{chunk-O274UTXH.js → chunk-QRWY5QTA.js}

@@ -6,7 +6,7 @@ import {
   mapLegendConfig,
   mapLegendGroups,
   parsePathRings
-} from "./chunk-R7S5542V.js";
+} from "./chunk-6E5YZR4S.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -781,4 +781,4 @@ export {
   renderMap,
   renderMapForExport
 };
-//# sourceMappingURL=chunk-O274UTXH.js.map
+//# sourceMappingURL=chunk-QRWY5QTA.js.map

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

@@ -25,6 +25,9 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-UTCPNJND.js";
+import {
+  legendChromeColors
+} from "./chunk-3HOCNSPD.js";
 import {
   measureText,
   truncateText
@@ -253,6 +256,7 @@ var NOTE_FONT_SIZE = 10;
 var NOTE_LINE_H = 14;
 var NOTE_GAP = 15;
 var ACTIVATION_WIDTH = 10;
+var ACTIVATION_IMPLICIT_END_CLEARANCE = 8;
 var SELF_CALL_HEIGHT = 25;
 var SELF_CALL_WIDTH = 30;
 var ACTOR_LABEL_CLEARANCE = 22;
@@ -401,6 +405,34 @@ function groupMessagesBySection(elements, messages) {
   }
   return groups;
 }
+var SECTION_BAND_HEIGHT = 22;
+var COLLAPSED_SECTION_BAND_HEIGHT = 36;
+var COLLAPSED_SECTION_BAND_EXTRA = COLLAPSED_SECTION_BAND_HEIGHT - SECTION_BAND_HEIGHT;
+var COLLAPSED_SECTION_MARK_OFFSET = 9;
+var COLLAPSED_SECTION_LABEL_BASELINE = -4;
+var SECTION_LABEL_CLEARANCE_X = 8;
+var SECTION_LABEL_CLEARANCE_ABOVE = 12;
+var SECTION_LABEL_CLEARANCE_BELOW = 5;
+function summarizeSectionParticipation(messages, msgIndices) {
+  const summary = /* @__PURE__ */ new Map();
+  const bump = (id, key) => {
+    const entry = summary.get(id) ?? { sends: 0, receives: 0 };
+    entry[key] += 1;
+    summary.set(id, entry);
+  };
+  for (const idx of msgIndices) {
+    const msg = messages[idx];
+    if (!msg) continue;
+    bump(msg.from, "sends");
+    bump(msg.to, "receives");
+  }
+  return summary;
+}
+function sectionMarkRadius(touches) {
+  if (touches >= 4) return 6;
+  if (touches >= 2) return 4.5;
+  return 3.5;
+}
 function buildRenderSequence(messages) {
   const steps = [];
   const stack = [];
@@ -732,11 +764,18 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   }
   const lastStepIdx = Math.max(renderSteps.length - 1, 0);
   const clampStep = (i) => Math.min(Math.max(i, 0), lastStepIdx);
-  const activations = activationsOff ? [] : computeActivations(allRenderSteps).map((a) => ({
-    ...a,
-    startStep: clampStep(allToFiltered[a.startStep] ?? 0),
-    endStep: clampStep(allToFiltered[a.endStep] ?? 0)
-  }));
+  const activations = activationsOff ? [] : computeActivations(allRenderSteps).map((a) => {
+    const closingStep = allRenderSteps[a.endStep];
+    return {
+      ...a,
+      startStep: clampStep(allToFiltered[a.startStep] ?? 0),
+      endStep: clampStep(allToFiltered[a.endStep] ?? 0),
+      // True when the return that closes this bar was dropped from the
+      // layout, so `endStep` is not the bar's own event but whatever
+      // happens next. The bar has to stop short of it — see the render.
+      implicitEnd: closingStep !== void 0 && !stepSurvives(closingStep)
+    };
+  });
   const stepSpacing = 35;
   const BLOCK_HEADER_SPACE = 30;
   const BLOCK_AFTER_SPACE = 15;
@@ -803,6 +842,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     }
     return -1;
   };
+  const isSectionCollapsed = (sec) => collapsedSections?.has(sec.lineNumber) ?? false;
+  const collapsedBandPad = (sec) => isSectionCollapsed(sec) ? COLLAPSED_SECTION_BAND_EXTRA / 2 : 0;
   const SECTION_TOP_PAD = 35;
   const SECTION_BOTTOM_PAD = 45;
   const extraBeforeMsg = /* @__PURE__ */ new Map();
@@ -1048,9 +1089,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const sections = sectionsBeforeStep.get(i);
       if (sections) {
         for (const sec of sections) {
-          curY += SECTION_TOP_PAD;
+          const bandPad = collapsedBandPad(sec);
+          curY += SECTION_TOP_PAD + bandPad;
           sectionYPositions.set(sec.lineNumber, curY);
-          curY += SECTION_BOTTOM_PAD;
+          curY += SECTION_BOTTOM_PAD + bandPad;
         }
       }
       const step = renderSteps[i];
@@ -1063,9 +1105,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       curY += isSelfCall ? sSelfCallHeight + 25 : stepSpacing;
     }
     for (const sec of trailingSections) {
-      curY += SECTION_TOP_PAD;
+      const bandPad = collapsedBandPad(sec);
+      curY += SECTION_TOP_PAD + bandPad;
       sectionYPositions.set(sec.lineNumber, curY);
-      curY += SECTION_BOTTOM_PAD;
+      curY += SECTION_BOTTOM_PAD + bandPad;
     }
     curY += trailingNoteSpace;
     layoutEndY = curY;
@@ -1324,6 +1367,13 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       });
     }
   }
+  const participantTagColor = (id) => {
+    const direct = getTagColor(tagMap?.participants.get(id));
+    if (direct) return direct;
+    if (!collapsedGroupNames.has(id) || !tagKey) return void 0;
+    const meta = collapsedGroupMeta.get(id);
+    return meta?.metadata ? getTagColor(meta.metadata[tagKey]) : void 0;
+  };
   for (const group of groups) {
     if (group.participantIds.length === 0) continue;
     const memberXs = group.participantIds.map((id) => participantX.get(id)).filter((x) => x !== void 0);
@@ -1342,21 +1392,50 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     groupG.append("rect").attr("x", minX).attr("y", boxY).attr("width", maxX - minX).attr("height", participantStartY - boxY).attr("fill", "transparent").attr("class", "group-label-hit");
     groupG.append("text").attr("x", (minX + maxX) / 2).attr("y", boxY + GROUP_LABEL_SIZE + 4).attr("text-anchor", "middle").attr("fill", strokeColor).attr("font-size", GROUP_LABEL_SIZE).attr("font-weight", "bold").attr("opacity", 0.7).attr("pointer-events", "none").attr("class", "group-label").text(group.name);
   }
+  const bandLeftmostX = Math.min(...Array.from(participantX.values()));
+  const bandRightmostX = Math.max(...Array.from(participantX.values()));
+  const sectionLineX1 = bandLeftmostX - sBoxW / 2 - 10;
+  const sectionLineX2 = bandRightmostX + sBoxW / 2 + 10;
+  const sectionLabelX = (sectionLineX1 + sectionLineX2) / 2;
+  const sectionLabelTextFor = (sec) => {
+    if (!isSectionCollapsed(sec)) return sec.label;
+    const count = sectionMsgCounts.get(sec.lineNumber) ?? 0;
+    return `${sec.label} (${count} ${count === 1 ? "message" : "messages"})`;
+  };
+  const sectionLabelBaselineFor = (sec, secY) => isSectionCollapsed(sec) ? secY + COLLAPSED_SECTION_LABEL_BASELINE : secY + 4;
+  const sectionLabelBoxes = sectionRegions.map((region) => {
+    const secY = sectionYPositions.get(region.section.lineNumber);
+    if (secY === void 0) return null;
+    const width = measureText(sectionLabelTextFor(region.section), 11, {
+      bold: true
+    });
+    const baseline = sectionLabelBaselineFor(region.section, secY);
+    return {
+      x1: sectionLabelX - width / 2 - SECTION_LABEL_CLEARANCE_X,
+      x2: sectionLabelX + width / 2 + SECTION_LABEL_CLEARANCE_X,
+      y1: baseline - SECTION_LABEL_CLEARANCE_ABOVE,
+      y2: baseline + SECTION_LABEL_CLEARANCE_BELOW
+    };
+  }).filter((box) => box !== null);
+  const lifelineSegments = (cx, yTop, yBottom) => {
+    const cuts = sectionLabelBoxes.filter((b) => cx >= b.x1 && cx <= b.x2 && b.y2 > yTop && b.y1 < yBottom).sort((a, b) => a.y1 - b.y1);
+    const segments = [];
+    let y = yTop;
+    for (const cut of cuts) {
+      if (cut.y1 > y) segments.push([y, cut.y1]);
+      y = Math.max(y, cut.y2);
+    }
+    if (y < yBottom) segments.push([y, yBottom]);
+    return segments;
+  };
   const lifelineStartY = lifelineStartY0;
   participants.forEach((participant) => {
     const cx = participantX.get(participant.id);
     const cy = participantStartY;
     const pTagValue = tagMap?.participants.get(participant.id);
-    const pTagColor = getTagColor(pTagValue);
     const pTagAttr = tagKey && pTagValue ? { key: tagKey, value: pTagValue.toLowerCase() } : void 0;
     const isCollapsedGroup = collapsedGroupNames.has(participant.id);
-    let effectiveTagColor = pTagColor;
-    if (isCollapsedGroup && !effectiveTagColor) {
-      const meta = collapsedGroupMeta.get(participant.id);
-      if (meta?.metadata && tagKey) {
-        effectiveTagColor = getTagColor(meta.metadata[tagKey]);
-      }
-    }
+    const effectiveTagColor = participantTagColor(participant.id);
     renderParticipant(
       svg,
       participant,
@@ -1392,10 +1471,16 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       participantG.append("rect").attr("class", "sequence-drill-bar").attr("x", -boxW / 2).attr("y", -GROUP_PADDING_TOP + fullH - drillBarH).attr("width", boxW).attr("height", drillBarH).attr("fill", drillColor).attr("clip-path", `url(#${clipId})`);
     }
     const llY = isCollapsedGroup ? lifelineStartY + GROUP_PADDING_BOTTOM : participant.type === "actor" ? lifelineStartY + ACTOR_LABEL_CLEARANCE : lifelineStartY;
-    const llColor = isCollapsedGroup ? effectiveTagColor || palette.textMuted : pTagColor || palette.textMuted;
-    const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", llY).attr("x2", cx).attr("y2", lifelineStartY + lifelineLength).attr("stroke", llColor).attr("stroke-width", 1).attr("stroke-dasharray", "6 4").attr("class", "lifeline").attr("data-participant-id", participant.id);
-    if (tagKey && pTagValue) {
-      lifelineEl.attr(`data-tag-${tagKey}`, pTagValue.toLowerCase());
+    const llColor = effectiveTagColor || palette.textMuted;
+    for (const [segTop, segBottom] of lifelineSegments(
+      cx,
+      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);
+      if (tagKey && pTagValue) {
+        lifelineEl.attr(`data-tag-${tagKey}`, pTagValue.toLowerCase());
+      }
     }
   });
   const FRAME_PADDING_X = 30;
@@ -1403,7 +1488,6 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const FRAME_LABEL_HEIGHT = 18;
   const SELF_ARROW_PROJECTION = sActivationWidth / 2 + sSelfCallWidth;
   const SELF_ARROW_FRAME_PAD = 10;
-  const frameRightmostX = Math.max(...Array.from(participantX.values()));
   const collectMsgIndices = (els) => {
     const indices = [];
     for (const el of els) {
@@ -1576,7 +1660,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     if (px === void 0) return;
     const x = px - sActivationWidth / 2 + act.depth * ACTIVATION_NEST_OFFSET;
     const y1 = stepY(act.startStep);
-    const y2 = stepY(act.endStep);
+    const rawY2 = stepY(act.endStep);
+    const y2 = act.implicitEnd && rawY2 - ACTIVATION_IMPLICIT_END_CLEARANCE > y1 + sActivationWidth ? rawY2 - ACTIVATION_IMPLICIT_END_CLEARANCE : rawY2;
     const coveredLines = [];
     for (let si = act.startStep; si <= act.endStep; si++) {
       const step = renderSteps[si];
@@ -1626,31 +1711,57 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const offset = depth * ACTIVATION_NEST_OFFSET;
     return side === "right" ? px + sActivationWidth / 2 + offset : px - sActivationWidth / 2 + offset;
   };
-  const leftmostX = Math.min(...Array.from(participantX.values()));
-  const rightmostX = frameRightmostX;
-  const sectionLineX1 = leftmostX - sBoxW / 2 - 10;
-  const sectionLineX2 = rightmostX + sBoxW / 2 + 10;
   for (const region of sectionRegions) {
     const sec = region.section;
     const secY = sectionYPositions.get(sec.lineNumber);
     if (secY === void 0) continue;
-    const isCollapsed = collapsedSections?.has(sec.lineNumber) ?? false;
+    const isCollapsed = isSectionCollapsed(sec);
     const lineColor = palette.textMuted;
     const sectionG = svg.append("g").attr("data-section-toggle", "").attr("data-line-number", String(sec.lineNumber)).attr("data-section", "").attr("tabindex", "0").attr("role", "button").attr("aria-expanded", String(!isCollapsed));
-    const BAND_HEIGHT = 22;
+    const BAND_HEIGHT = isCollapsed ? COLLAPSED_SECTION_BAND_HEIGHT : SECTION_BAND_HEIGHT;
     const bandX = sectionLineX1 - 10;
     const bandWidth = sectionLineX2 - sectionLineX1 + 20;
-    const bandOpacity = isCollapsed ? isDark ? 0.35 : 0.25 : isDark ? 0.1 : 0.08;
-    sectionG.append("rect").attr("x", bandX).attr("y", secY - BAND_HEIGHT / 2).attr("width", bandWidth).attr("height", BAND_HEIGHT).attr("fill", lineColor).attr("opacity", bandOpacity).attr("rx", 2).attr("pointer-events", "none").attr("class", "section-divider");
-    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, { bold: true }) + 24
-    );
+    const bandFill = isCollapsed ? legendChromeColors(palette, isDark).groupBg : lineColor;
+    const bandOpacity = isCollapsed ? 1 : isDark ? 0.1 : 0.08;
+    sectionG.append("rect").attr("x", bandX).attr("y", secY - BAND_HEIGHT / 2).attr("width", bandWidth).attr("height", BAND_HEIGHT).attr("fill", bandFill).attr("opacity", bandOpacity).attr("rx", 2).attr("pointer-events", "none").attr("class", "section-divider");
+    const labelText = sectionLabelTextFor(sec);
+    const labelWidth = measureText(labelText, 11, { bold: true });
+    const labelX = sectionLabelX;
+    const labelBaseline = sectionLabelBaselineFor(sec, secY);
+    const labelHitW = Math.max(80, labelWidth + 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);
+    sectionG.append("text").attr("x", labelX).attr("y", labelBaseline).attr("text-anchor", "middle").attr("fill", lineColor).attr("font-size", 11).attr("font-weight", "bold").attr("class", "section-label").text(labelText);
+    if (!isCollapsed) continue;
+    const participation = summarizeSectionParticipation(
+      messages,
+      region.msgIndices
+    );
+    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");
+    }
+    for (const participant of participants) {
+      const markX = participantX.get(participant.id);
+      if (markX === void 0) continue;
+      const part = participation.get(participant.id);
+      const mark = sectionG.append("circle").attr("cx", markX).attr("cy", markY).attr("pointer-events", "none").attr("data-participant-id", participant.id);
+      if (!part) {
+        mark.attr("r", 2.5).attr("fill", "none").attr("stroke", lineColor).attr("stroke-width", 1).attr("opacity", 0.5).attr("class", "section-mark section-mark-absent");
+        continue;
+      }
+      const markColor = participantTagColor(participant.id) ?? palette.text;
+      const radius = sectionMarkRadius(part.sends + part.receives);
+      if (part.sends === 0) {
+        mark.attr("r", radius).attr("fill", bandFill).attr("stroke", markColor).attr("stroke-width", 1.6).attr("class", "section-mark section-mark-receives");
+      } else {
+        mark.attr("r", radius).attr("fill", markColor).attr("class", "section-mark section-mark-sends");
+      }
+    }
+    const involvedLabels = participants.filter((p) => participation.has(p.id)).map((p) => p.label);
+    if (involvedLabels.length > 0) {
+      sectionG.attr("aria-label", `${labelText}, ${involvedLabels.join(", ")}`);
+    }
   }
   renderSteps.forEach((step, i) => {
     const fromX = participantX.get(step.from);
@@ -1903,6 +2014,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
 export {
   applyCollapseProjection,
   groupMessagesBySection,
+  summarizeSectionParticipation,
   buildRenderSequence,
   computeActivations,
   applyPositionOverrides,
@@ -1910,4 +2022,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-6IUL6LER.js.map
+//# sourceMappingURL=chunk-WDLD5MU5.js.map

package/dist/{dimensions-RD3Y7FCF.js → dimensions-ILAVBRQ3.js}

@@ -1,8 +1,8 @@
 import {
   mapContentAspect,
   mapExportDimensions
-} from "./chunk-X26BF4T2.js";
-import "./chunk-R7S5542V.js";
+} from "./chunk-PZOFMBF3.js";
+import "./chunk-6E5YZR4S.js";
 import "./chunk-4QV26TEG.js";
 import "./chunk-L65WI4HO.js";
 import "./chunk-A4GOY3PE.js";
@@ -19,4 +19,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=dimensions-RD3Y7FCF.js.map
+//# sourceMappingURL=dimensions-ILAVBRQ3.js.map

package/dist/index.js

@@ -11,7 +11,7 @@ import {
 } from "./chunk-SQAG3UXH.js";
 import {
   render
-} from "./chunk-3OT63FS4.js";
+} from "./chunk-HJ62AO3J.js";
 import {
   renderErrorCard
 } from "./chunk-7L53J53J.js";

package/dist/{renderer-T66477EQ.js → renderer-AOFIEF2T.js}

@@ -1,9 +1,9 @@
 import {
   renderMap,
   renderMapForExport
-} from "./chunk-O274UTXH.js";
+} from "./chunk-QRWY5QTA.js";
 import "./chunk-FWVKPEG3.js";
-import "./chunk-R7S5542V.js";
+import "./chunk-6E5YZR4S.js";
 import "./chunk-4QV26TEG.js";
 import "./chunk-L65WI4HO.js";
 import "./chunk-A4GOY3PE.js";
@@ -24,4 +24,4 @@ export {
   renderMap,
   renderMapForExport
 };
-//# sourceMappingURL=renderer-T66477EQ.js.map
+//# sourceMappingURL=renderer-AOFIEF2T.js.map

package/dist/{renderer-ALP46W2X.js → renderer-KY6PADCM.js}

@@ -5,8 +5,9 @@ import {
   buildRenderSequence,
   computeActivations,
   groupMessagesBySection,
-  renderSequenceDiagram
-} from "./chunk-6IUL6LER.js";
+  renderSequenceDiagram,
+  summarizeSectionParticipation
+} from "./chunk-WDLD5MU5.js";
 import "./chunk-NCT22MOD.js";
 import {
   parseInlineMarkdown,
@@ -39,6 +40,7 @@ export {
   groupMessagesBySection,
   parseInlineMarkdown,
   renderSequenceDiagram,
+  summarizeSectionParticipation,
   truncateBareUrl
 };
-//# sourceMappingURL=renderer-ALP46W2X.js.map
+//# sourceMappingURL=renderer-KY6PADCM.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.66.0",
+  "version": "0.67.0",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "author": "Diagrammo LLC",