@diagrammo/dgmo 0.65.0 → 0.67.0

package/dist/advanced.d.ts

@@ -1,12 +1,14 @@
-import { a as DgmoError, P as PaletteConfig, T as TagGroup, f as PaletteColors, C as CompactViewState, k as TagEntry } from './dgmo-router-Dd5PTjxl.js';
-export { l as CHART_TYPE_DESCRIPTIONS, b as ChartTypeId, c as ChartTypeMeta, m as DecodedDiagramUrl, d as DgmoSeverity, n as EncodeDiagramUrlOptions, o as EncodeDiagramUrlResult, R as RenderCategory, q as autoTagColorCycle, s as chartTypeParsers, g as chartTypes, t as decodeDiagramUrl, u as decodeViewState, v as encodeDiagramUrl, w as encodeViewState, i as formatDgmoError, x as getAllChartTypes, y as getAvailablePalettes, j as getPalette, z as getRenderCategory, A as isExtendedChartType, B as isValidHex, F as knownChartTypeIds, G as makeDgmoError, p as parseDgmo, H as parseDgmoChartType, I as registerPalette, J as tagAttrKey, p as validate } from './dgmo-router-Dd5PTjxl.js';
-import { M as MapDataSource, P as ParsedMap, c as MapData, j as ResolvedMap, k as MapLayoutLegend, l as GeoExtent } from './themes-DiUAG4Bf.js';
-export { A as AirportData, B as BoundaryTopology, G as Gazetteer, a as GazetteerEntry, b as MapCompletionOptions, m as MapDirectives, n as MapEdge, d as MapLocationMatch, e as MapPlaceCompletion, o as MapPoi, q as MapRegion, f as MapRegionCompletion, r as MapRoute, u as PoiPos, v as ProjectionFamily, R as RegionName, g as RegionNames, w as ResolvedEdge, x as ResolvedPoi, y as ResolvedRegion, z as ResolvedRoute, T as Theme, h as completeMapPlaces, i as completeMapRegions, p as palettes, C as renderForExport, s as searchMapLocations, t as themes } from './themes-DiUAG4Bf.js';
+import { D as DgmoError, P as PaletteConfig, T as TagGroup, a as PaletteColors, C as CompactViewState, g as TagEntry } from './tag-groups-NUA2F1I5.js';
+export { h as DecodedDiagramUrl, c as DgmoSeverity, i as EncodeDiagramUrlOptions, j as EncodeDiagramUrlResult, k as autoTagColorCycle, l as decodeDiagramUrl, m as decodeViewState, n as encodeDiagramUrl, o as encodeViewState, f as formatDgmoError, p as makeDgmoError, t as tagAttrKey } from './tag-groups-NUA2F1I5.js';
+import { M as MapDataSource, P as ParsedMap, b as MapData, d as ResolvedMap, e as MapLayoutLegend, f as GeoExtent } from './d3-Bfhj-XBX.js';
+export { A as AirportData, B as BoundaryTopology, G as Gazetteer, a as GazetteerEntry, g as MapDirectives, h as MapEdge, i as MapPoi, j as MapRegion, k as MapRoute, l as PoiPos, m as ProjectionFamily, R as RegionName, c as RegionNames, n as ResolvedEdge, o as ResolvedPoi, p as ResolvedRegion, q as ResolvedRoute, r as renderForExport } from './d3-Bfhj-XBX.js';
+export { b as CHART_TYPE_DESCRIPTIONS, C as ChartTypeId, a as ChartTypeMeta, R as RenderCategory, d as chartTypeParsers, c as chartTypes, e as getAllChartTypes, f as getAvailablePalettes, g as getPalette, h as getRenderCategory, i as isExtendedChartType, j as isValidHex, k as knownChartTypeIds, p as parseDgmo, l as parseDgmoChartType, m as registerPalette, p as validate } from './dgmo-router-EAW7XiBE.js';
 import { Selection } from 'd3-selection';
 import * as d3Scale from 'd3-scale';
-import { P as ParsedOrg, F as FillMode, R as RaciMarker, a as ParsedRaci, b as RaciVariant, c as RaciTask } from './chart-meta-D98NbYDp.js';
-export { A as ALL_CHART_TYPES, I as ImportSource, O as OrgNode, d as RaciPhase, e as RaciRoleAssignment, f as ReadFileFn, g as ResolveImportsResult, h as contrastText, i as getSeriesColors, j as hexToHSL, k as hexToHSLString, l as hslToHex, m as mix, n as normalizePertSourceForShare, p as parseFirstLine, o as parseOrg, q as parseRaci, r as resolveOrgImports, s as shade, t as shapeFill, u as tint } from './chart-meta-D98NbYDp.js';
+import { P as ParsedOrg, F as FillMode, R as RaciMarker, a as ParsedRaci, b as RaciVariant, c as RaciTask } from './chart-meta-CpicJ1kj.js';
+export { A as ALL_CHART_TYPES, I as ImportSource, O as OrgNode, d as RaciPhase, e as RaciRoleAssignment, f as ReadFileFn, g as ResolveImportsResult, h as contrastText, i as getSeriesColors, j as hexToHSL, k as hexToHSLString, l as hslToHex, m as mix, n as normalizePertSourceForShare, p as parseFirstLine, o as parseOrg, q as parseRaci, r as resolveOrgImports, s as shade, t as shapeFill, u as tint } from './chart-meta-CpicJ1kj.js';
 import { GeoProjection } from 'd3-geo';
+export { M as MapCompletionOptions, a as MapLocationMatch, b as MapPlaceCompletion, c as MapRegionCompletion, T as Theme, d as completeMapPlaces, e as completeMapRegions, p as palettes, s as searchMapLocations, t as themes } from './themes-Dem5xalq.js';
 
 /**
  * Stable diagnostic codes for in-arrow label parsing errors.

package/dist/advanced.js

@@ -16,7 +16,7 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-6IUL6LER.js";
+} from "./chunk-WDLD5MU5.js";
 import {
   renderRing,
   renderRingForExport
@@ -313,7 +313,7 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-ZZXPYVS4.js";
+} from "./chunk-HJ62AO3J.js";
 import "./chunk-7L53J53J.js";
 import "./chunk-EOYPX6SF.js";
 import {

package/dist/block.d.ts

@@ -1,3 +1,6 @@
+import { M as MapDataSource } from './d3-Bfhj-XBX.js';
+import './tag-groups-NUA2F1I5.js';
+
 /**
  * Canonical stylesheet for the standard DGMO embed block (BL-114).
  *
@@ -106,6 +109,20 @@ interface DgmoBlockOptions {
      * trusted, since these end up in markup verbatim.
      */
     dataAttributes?: Record<string, string>;
+    /**
+     * Map basemap assets, forwarded to `render()`. Without them a ` ```dgmo `
+     * fence containing a map emits the error card ("This map has no basemap
+     * data") — this module reads nothing from disk or the network on its own,
+     * and it has no environment default, because it runs in browsers as much as
+     * in build scripts.
+     *
+     * A Node host (a remark build, a static-site generator, a report writer)
+     * passes `loadMapData` from `@diagrammo/dgmo/advanced` — as the FUNCTION, so
+     * the eleven basemap JSON files are read only for a fence that turns out to
+     * be a map. A browser host supplies the data itself, or a loader that
+     * fetches it.
+     */
+    mapData?: MapDataSource;
     /** Receives palette-fallback warnings. Default: console.warn. */
     onWarn?: (message: string) => void;
 }
@@ -139,4 +156,4 @@ declare function buildDgmoBlockHtml(source: string, svgsHtml: string, options?:
  */
 declare function errorBlockHtml(err: unknown, source: string, options?: Pick<DgmoBlockOptions, 'className' | 'legacyClassNames'>): string;
 
-export { BLOCK_CSS, type BlockColorMode, type BlockMode, type DgmoBlockOptions, type DgmoBlockResult, EDITOR_BASE_URL, buildDgmoBlockHtml, errorBlockHtml, renderDgmoBlock };
+export { BLOCK_CSS, type BlockColorMode, type BlockMode, type DgmoBlockOptions, type DgmoBlockResult, EDITOR_BASE_URL, MapDataSource, buildDgmoBlockHtml, errorBlockHtml, renderDgmoBlock };

package/dist/block.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-ZZXPYVS4.js";
+} from "./chunk-HJ62AO3J.js";
 import {
   docsLink,
   renderErrorCard
@@ -1052,6 +1052,7 @@ function resolveBlockOptions(opts) {
     legacyClassNames: opts.legacyClassNames ?? [],
     dataAttributes: opts.dataAttributes ?? {},
     title: opts.title,
+    mapData: opts.mapData,
     onWarn: opts.onWarn ?? ((message) => console.warn(message))
   };
 }
@@ -1062,7 +1063,11 @@ async function renderDgmoBlock(source, options = {}) {
   const diagnostics = [];
   let chartType;
   const renderTheme = async (theme) => {
-    const r = await render(trimmed, { palette: palette.id, theme });
+    const r = await render(trimmed, {
+      palette: palette.id,
+      theme,
+      ...opts.mapData !== void 0 ? { mapData: opts.mapData } : {}
+    });
     chartType = r.chartType;
     diagnostics.push(...r.diagnostics);
     const errors = r.diagnostics.filter((d) => d.severity === "error");

package/dist/{chart-meta-D98NbYDp.d.ts → chart-meta-CpicJ1kj.d.ts}

@@ -1,4 +1,5 @@
-import { f as PaletteColors, T as TagGroup, a as DgmoError } from './dgmo-router-Dd5PTjxl.js';
+import './dgmo-router-EAW7XiBE.js';
+import { a as PaletteColors, T as TagGroup, D as DgmoError } from './tag-groups-NUA2F1I5.js';
 
 /** Convert hex (#RRGGBB or #RGB) to { h, s, l } with h in degrees, s/l as percentages. */
 declare function hexToHSL(hex: string): {

package/dist/chart-meta.d.ts

@@ -1,2 +1,3 @@
-export { b as ChartTypeId, c as ChartTypeMeta, C as CompactViewState, m as DecodedDiagramUrl, n as EncodeDiagramUrlOptions, o as EncodeDiagramUrlResult, f as PaletteColors, g as chartTypes, t as decodeDiagramUrl, u as decodeViewState, v as encodeDiagramUrl, w as encodeViewState, y as getAvailablePalettes, j as getPalette, H as parseDgmoChartType } from './dgmo-router-Dd5PTjxl.js';
-export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, k as hexToHSLString, n as normalizePertSourceForShare, p as parseFirstLine, o as parseOrg, q as parseRaci, r as resolveOrgImports } from './chart-meta-D98NbYDp.js';
+export { C as ChartTypeId, a as ChartTypeMeta, c as chartTypes, f as getAvailablePalettes, g as getPalette, l as parseDgmoChartType } from './dgmo-router-EAW7XiBE.js';
+export { A as ALL_CHART_TYPES, O as OrgNode, P as ParsedOrg, k as hexToHSLString, n as normalizePertSourceForShare, p as parseFirstLine, o as parseOrg, q as parseRaci, r as resolveOrgImports } from './chart-meta-CpicJ1kj.js';
+export { C as CompactViewState, h as DecodedDiagramUrl, i as EncodeDiagramUrlOptions, j as EncodeDiagramUrlResult, a as PaletteColors, l as decodeDiagramUrl, m as decodeViewState, n as encodeDiagramUrl, o as encodeViewState } from './tag-groups-NUA2F1I5.js';

package/dist/{chunk-ZZXPYVS4.js → chunk-HJ62AO3J.js}

@@ -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-ZZXPYVS4.js.map
+//# sourceMappingURL=chunk-HJ62AO3J.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/{themes-DiUAG4Bf.d.ts → d3-Bfhj-XBX.d.ts}

@@ -1,4 +1,4 @@
-import { T as TagGroup, a as DgmoError, P as PaletteConfig, f as PaletteColors, C as CompactViewState } from './dgmo-router-Dd5PTjxl.js';
+import { T as TagGroup, D as DgmoError, a as PaletteColors, C as CompactViewState } from './tag-groups-NUA2F1I5.js';
 
 /** A POI / route-stop position: gazetteer name (+ optional ISO scope) or coords. */
 type PoiPos = {
@@ -458,25 +458,6 @@ interface ResolvedMap {
     readonly error: string | null;
 }
 
-/**
- * All built-in palettes, keyed by camelCase id. Use directly with render():
- *
- *   await render(text, { palette: palettes.catppuccin });
- *
- * For preference/settings storage, the `.id` field of each entry is the
- * canonical string (e.g. `'tokyo-night'`, `'nord'`) — that's the wire format
- * used by share URLs and the CLI `--palette` flag.
- */
-declare const palettes: {
-    readonly atlas: PaletteConfig;
-    readonly blueprint: PaletteConfig;
-    readonly slate: PaletteConfig;
-    readonly tidewater: PaletteConfig;
-    readonly nord: PaletteConfig;
-    readonly catppuccin: PaletteConfig;
-    readonly tokyoNight: PaletteConfig;
-};
-
 /**
  * How a host supplies map basemap assets: the data itself, or a loader that
  * returns it. Declared here (rather than accepting only `MapData`) so a Node
@@ -512,120 +493,4 @@ type RenderForExportOptions = {
 };
 declare function renderForExport(content: string, theme: 'light' | 'dark' | 'transparent', palette?: PaletteColors, viewState?: CompactViewState, options?: RenderForExportOptions): Promise<string>;
 
-interface MapPlaceCompletion {
-    /** Canonical display name (original casing), e.g. `Portland`. */
-    readonly name: string;
-    /** Text to insert. ISO-qualified (`Portland US-OR`) iff the name is
-     *  ambiguous in the gazetteer; bare otherwise (disambiguate-once, §24B.8). */
-    readonly insert: string;
-    /** Menu label (`Portland — US-OR` when ambiguous, else `Portland`). */
-    readonly label: string;
-    /** Secondary detail, e.g. `US-OR · 652,503`. */
-    readonly detail: string;
-    readonly iso: string;
-    readonly sub?: string;
-    readonly pop: number;
-    /** `'airport'` for IATA-code entries (icon/grouping affordance); absent or
-     *  `'city'` for gazetteer cities. Cities rank above airports for a shared
-     *  prefix so ~1500 codes never bury city names (ADR-5). */
-    readonly kind?: 'city' | 'airport';
-}
-interface MapCompletionOptions {
-    /** Max results (default 12). */
-    readonly limit?: number;
-    /** IATA-coded airports (`airports.json`). When supplied, airport codes
-     *  matching the prefix are offered as a second (post-city) group. Optional —
-     *  absent (old DI bundles / no asset) just yields city-only completions. */
-    readonly airports?: AirportData;
-    /** Resolver-inferred map scope (country `US` or subdivision `US-CA`). Biases
-     *  airport ranking so in-region airports sort above out-of-region same-prefix
-     *  ones (ADR-6). Pure rank, never a filter — cross-region airports still
-     *  appear. App passes the document's inferred scope in (Slice 2). */
-    readonly scopeISO?: string;
-}
-/**
- * Prefix-match city names + alternate-name aliases against the gazetteer,
- * rank by population (desc; stable tie-break by gazetteer index), and emit
- * ISO-qualified insert text only for ambiguous (same-named) places.
- *
- * Pure + deterministic. Empty/blank query → `[]` (the caller gates min length).
- */
-declare function completeMapPlaces(query: string, gazetteer: Gazetteer, opts?: MapCompletionOptions): MapPlaceCompletion[];
-/** A POI search hit — a city or airport the resolver can resolve, with the
- *  exact `token` to paste into DGMO (a `poi`/route endpoint). Powers the CLI
- *  `dgmo map search` command and the MCP `lookup_map_location` tool, so authors
- *  (and AI agents) can DISCOVER valid place tokens instead of guessing — e.g.
- *  learn that "New York" must be `New York City` and that `JFK` is bundled. */
-interface MapLocationMatch {
-    /** Canonical display name (cities) or full airport name. */
-    readonly name: string;
-    /** Exact text to use in DGMO. Cities: the name, ISO-qualified when ambiguous
-     *  (`Portland US-OR`). Airports: the upper-case IATA code (`JFK`). */
-    readonly token: string;
-    readonly kind: 'city' | 'airport';
-    readonly iso: string;
-    readonly sub?: string;
-    /** City population (0 for airports). */
-    readonly pop: number;
-    /** Human detail, e.g. `US-OR · 652,503` or `Airport · John F Kennedy Intl`. */
-    readonly detail: string;
-}
-/**
- * Substring-search cities + airports for a discovery surface (CLI / MCP), so an
- * author can find the exact token the resolver expects. Unlike
- * {@link completeMapPlaces} (prefix-only, editor type-ahead), this matches
- * anywhere in a city name OR an airport code/name, so "york" finds
- * `New York City` and "kennedy" finds `JFK`.
- *
- * Ranking: exact-name (or exact-IATA) → prefix → substring; within a tier,
- * cities by population desc (deterministic index tie-break), cities before
- * airports. Pure + deterministic. Empty query → `[]`.
- */
-declare function searchMapLocations(query: string, gazetteer: Gazetteer, opts?: {
-    readonly limit?: number;
-    readonly airports?: AirportData;
-}): MapLocationMatch[];
-interface MapRegionCompletion {
-    /** Display name = insert text (the resolver disambiguates cross-layer
-     *  collisions like Georgia by map scope, §24B.8). */
-    readonly name: string;
-    /** ISO 3166-1/3166-2 id. */
-    readonly iso: string;
-    readonly layer: 'country' | 'us-state';
-    /** Secondary detail, e.g. `US state · US-CA` or `Country · DE`. */
-    readonly detail: string;
-}
-/**
- * Prefix-match fill-able region names (countries + US states) for region-fill
- * lines. Matches the folded display name OR the ISO code; deterministic
- * (alphabetical by name, then layer). Pure. Empty query → `[]`.
- *
- * `regions` is injected (the `region-names.json` asset, shipped in dist/map-data
- * alongside the gazetteer). Cross-layer same-name (Georgia: country GE + state
- * US-GA) yields both entries, distinguished by `detail`.
- */
-declare function completeMapRegions(query: string, regions: readonly RegionName[], opts?: MapCompletionOptions): MapRegionCompletion[];
-
-/**
- * Theme — render mode flag. Selects which palette variant the renderer uses
- * for background and text:
- *  - 'light'       → palette.light colors
- *  - 'dark'        → palette.dark colors
- *  - 'transparent' → no background fill (for embedding in colored containers)
- */
-type Theme = 'light' | 'dark' | 'transparent';
-/**
- * `themes` namespace — use with render() options for a typed handle:
- *
- *   await render(text, { theme: themes.dark });
- *
- * Passing the raw string `'dark'` also works (the underlying type is the
- * string-literal union); the namespace is the conventional path.
- */
-declare const themes: {
-    readonly light: "light";
-    readonly dark: "dark";
-    readonly transparent: "transparent";
-};
-
-export { type AirportData as A, type BoundaryTopology as B, renderForExport as C, type Gazetteer as G, type MapDataSource as M, type ParsedMap as P, type RegionName as R, type Theme as T, type GazetteerEntry as a, type MapCompletionOptions as b, type MapData as c, type MapLocationMatch as d, type MapPlaceCompletion as e, type MapRegionCompletion as f, type RegionNames as g, completeMapPlaces as h, completeMapRegions as i, type ResolvedMap as j, type MapLayoutLegend as k, type GeoExtent as l, type MapDirectives as m, type MapEdge as n, type MapPoi as o, palettes as p, type MapRegion as q, type MapRoute as r, searchMapLocations as s, themes as t, type PoiPos as u, type ProjectionFamily as v, type ResolvedEdge as w, type ResolvedPoi as x, type ResolvedRegion as y, type ResolvedRoute as z };
+export { type AirportData as A, type BoundaryTopology as B, type Gazetteer as G, type MapDataSource as M, type ParsedMap as P, type RegionName as R, type GazetteerEntry as a, type MapData as b, type RegionNames as c, type ResolvedMap as d, type MapLayoutLegend as e, type GeoExtent as f, type MapDirectives as g, type MapEdge as h, type MapPoi as i, type MapRegion as j, type MapRoute as k, type PoiPos as l, type ProjectionFamily as m, type ResolvedEdge as n, type ResolvedPoi as o, type ResolvedRegion as p, type ResolvedRoute as q, renderForExport as r };