@diagrammo/dgmo 0.70.0 → 0.72.0

package/dist/{chunk-65KNPZCC.js → chunk-KOVRFBGR.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-HK3JTWG3.js";
+} from "./chunk-MX3BYU7V.js";
 import {
   resolveNotes
 } from "./chunk-7NK42OIB.js";
@@ -13,13 +13,14 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
+  activeTagNoMatchMessage,
   finalizeAutoTagColors,
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   ER_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -32,7 +33,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-EXNKNJ65.js";
@@ -154,6 +155,8 @@ function parseERDiagram(content, palette) {
   let currentTable = null;
   const notes = [];
   let contentStarted = false;
+  let activeTagOptionLine = 0;
+  let activeTagRaw;
   let currentTagGroup = null;
   const metaAliasMap = /* @__PURE__ */ new Map();
   const nameAliasMap = /* @__PURE__ */ new Map();
@@ -280,6 +283,10 @@ function parseERDiagram(content, palette) {
         const value = optMatch[2].trim();
         if (KNOWN_OPTIONS.has(key)) {
           options[key] = value.toLowerCase();
+          if (key === "active-tag") {
+            activeTagRaw = value;
+            activeTagOptionLine = lineNumber;
+          }
           continue;
         }
       }
@@ -469,6 +476,20 @@ function parseERDiagram(content, palette) {
       }
     }
   }
+  const activeTagWarning = activeTagNoMatchMessage(
+    activeTagRaw,
+    result.tagGroups
+  );
+  if (activeTagWarning) {
+    result.diagnostics.push(
+      makeDgmoError(
+        activeTagOptionLine || 1,
+        activeTagWarning,
+        "warning",
+        "W_ACTIVE_TAG_NO_MATCH"
+      )
+    );
+  }
   return result;
 }
 var CONSTRAINT_KEYWORD_RE = /\b(pk|fk)\b/i;
@@ -533,4 +554,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-65KNPZCC.js.map
+//# sourceMappingURL=chunk-KOVRFBGR.js.map

package/dist/{chunk-B6MHT3A7.js → chunk-L3XB446I.js}

@@ -1,6 +1,6 @@
 import {
   MONO_FAMILY
-} from "./chunk-Z6G367CM.js";
+} from "./chunk-6OAKQTXQ.js";
 import {
   FONT_FAMILY
 } from "./chunk-UTCPNJND.js";
@@ -62,4 +62,4 @@ function escapeXml(s) {
 export {
   renderLiveLinkCard
 };
-//# sourceMappingURL=chunk-B6MHT3A7.js.map
+//# sourceMappingURL=chunk-L3XB446I.js.map

package/dist/{chunk-NZ2Z4ZEN.js → chunk-LSHROB27.js}

@@ -1,6 +1,6 @@
 import {
   renderIntegratedLegend
-} from "./chunk-VSZRPDIZ.js";
+} from "./chunk-6S53NO3M.js";
 import {
   FONT_FAMILY
 } from "./chunk-UTCPNJND.js";
@@ -13,7 +13,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   getSeriesColors,
   mix,
@@ -346,4 +346,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-NZ2Z4ZEN.js.map
+//# sourceMappingURL=chunk-LSHROB27.js.map

package/dist/{chunk-Q7UM3R3Y.js → chunk-LTGOPJUV.js}

@@ -5,7 +5,7 @@ import {
   normalizeNumericToken,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   makeDgmoError,
   makeFail
@@ -158,4 +158,4 @@ function parseGoal(content, palette) {
 export {
   parseGoal
 };
-//# sourceMappingURL=chunk-Q7UM3R3Y.js.map
+//# sourceMappingURL=chunk-LTGOPJUV.js.map

package/dist/{chunk-MMYRNZRQ.js → chunk-MC2H32SM.js}

@@ -8,14 +8,14 @@ import {
   resolveActiveTagGroup,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   makeDgmoError,
   makeFail
@@ -392,4 +392,4 @@ function parseBracket(content, palette) {
 export {
   parseBracket
 };
-//# sourceMappingURL=chunk-MMYRNZRQ.js.map
+//# sourceMappingURL=chunk-MC2H32SM.js.map

package/dist/{chunk-CE2Z3OXR.js → chunk-MFSTE3YG.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   INFRA_BEHAVIOR_KEY_SET,
   INFRA_EDGE_ONLY_KEY_SET,
@@ -30,7 +30,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   isRecognizedColorName
 } from "./chunk-EXNKNJ65.js";
@@ -822,9 +822,23 @@ function parseInfra(content) {
       }
     }
   }
+  for (const tg of result.tagGroups) {
+    const groupKey = tagAttrKey(tg.name);
+    const applied = /* @__PURE__ */ new Set([groupKey]);
+    if (tg.alias) applied.add(tagAttrKey(tg.alias));
+    for (const node of result.nodes) {
+      const tags = nodeMutableTags.get(node.id);
+      if (!tags) continue;
+      for (const key of Object.keys(tags)) {
+        if (key === groupKey || !applied.has(tagAttrKey(key))) continue;
+        tags[groupKey] = tags[key];
+        delete tags[key];
+      }
+    }
+  }
   for (const tg of result.tagGroups) {
     if (!tg.defaultValue) continue;
-    const key = tagAttrKey(tg.alias ?? tg.name);
+    const key = tagAttrKey(tg.name);
     for (const node of result.nodes) {
       if (node.isEdge) continue;
       if (!(key in node.tags)) {
@@ -982,4 +996,4 @@ export {
   parseInfra,
   extractSymbols
 };
-//# sourceMappingURL=chunk-CE2Z3OXR.js.map
+//# sourceMappingURL=chunk-MFSTE3YG.js.map

package/dist/{chunk-4FEPSBUH.js → chunk-MKNWMFZU.js}

@@ -3,12 +3,13 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
+  activeTagNoMatchMessage,
   finalizeAutoTagColors,
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   KANBAN_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -20,7 +21,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-EXNKNJ65.js";
@@ -57,14 +58,15 @@ function parseKanban(content, palette) {
     error: null
   };
   const fail = makeFail(result);
-  const warn = (line, message) => {
-    result.diagnostics.push(makeDgmoError(line, message, "warning"));
+  const warn = (line, message, code) => {
+    result.diagnostics.push(makeDgmoError(line, message, "warning", code));
   };
   if (!content?.trim()) {
     return fail(0, "No content provided");
   }
   const lines = content.split("\n");
   let contentStarted = false;
+  let activeTagOptionLine = 0;
   let currentTagGroup = null;
   let currentColumn = null;
   let currentCard = null;
@@ -141,6 +143,7 @@ function parseKanban(content, palette) {
         const key = optMatch[1].trim().toLowerCase();
         if (KNOWN_OPTIONS.has(key)) {
           options[key] = optMatch[2].trim();
+          if (key === "active-tag") activeTagOptionLine = lineNumber;
           continue;
         }
       }
@@ -349,6 +352,13 @@ function parseKanban(content, palette) {
     result.diagnostics.push(diag);
     if (!result.error) result.error = formatDgmoError(diag);
   });
+  const activeTagWarning = activeTagNoMatchMessage(
+    options["active-tag"],
+    result.tagGroups
+  );
+  if (activeTagWarning) {
+    warn(activeTagOptionLine || 1, activeTagWarning, "W_ACTIVE_TAG_NO_MATCH");
+  }
   return result;
 }
 function parseCardLine(trimmed, lineNumber, counter, metaAliasMap, _palette, diagnostics) {
@@ -386,4 +396,4 @@ function parseCardLine(trimmed, lineNumber, counter, metaAliasMap, _palette, dia
 export {
   parseKanban
 };
-//# sourceMappingURL=chunk-4FEPSBUH.js.map
+//# sourceMappingURL=chunk-MKNWMFZU.js.map

package/dist/{chunk-FQ7OYKOS.js → chunk-MUVASOBD.js}

@@ -1,7 +1,7 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-ZCWEJ3VB.js";
+} from "./chunk-IXVK7XCN.js";
 import {
   extractExportSvg,
   runInExportContainer
@@ -16,7 +16,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
 } from "./chunk-6CLC26GU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-VSZRPDIZ.js";
+} from "./chunk-6S53NO3M.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
@@ -39,18 +39,18 @@ import {
 } from "./chunk-QX53GOI7.js";
 import {
   parseMindmap
-} from "./chunk-CVMD5UWI.js";
+} from "./chunk-QAJFIXJE.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   contrastText,
   shapeFill
@@ -426,4 +426,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=chunk-FQ7OYKOS.js.map
+//# sourceMappingURL=chunk-MUVASOBD.js.map

package/dist/{chunk-6NWCQCJV.js → chunk-MWWRIOEN.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   fillModeFromOptions
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   mix,
   shapeFill
@@ -290,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-6NWCQCJV.js.map
+//# sourceMappingURL=chunk-MWWRIOEN.js.map

package/dist/{chunk-HK3JTWG3.js → chunk-MX3BYU7V.js}

@@ -1,7 +1,7 @@
 import {
   extractColor,
   measureIndent
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   makeDgmoError
 } from "./chunk-OLMWTJVU.js";
@@ -73,4 +73,4 @@ function tryCollectNote(lines, index, indent, palette, diagnostics) {
 export {
   tryCollectNote
 };
-//# sourceMappingURL=chunk-HK3JTWG3.js.map
+//# sourceMappingURL=chunk-MX3BYU7V.js.map

package/dist/{chunk-4CTCOHDS.js → chunk-N34OTOGH.js}

@@ -19,7 +19,7 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 
 // src/sitemap/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -595,7 +595,16 @@ function layoutSitemap(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, e
     const legendShift = LEGEND_HEIGHT + LEGEND_GROUP_GAP;
     const totalGroupsWidth = visibleGroups.reduce((s, g2) => s + effectiveW(g2), 0) + (visibleGroups.length - 1) * LEGEND_GROUP_GAP;
     const neededWidth = totalGroupsWidth + MARGIN * 2;
-    if (neededWidth > totalWidth) totalWidth = neededWidth;
+    if (neededWidth > totalWidth) {
+      const shift = (neededWidth - totalWidth) / 2;
+      totalWidth = neededWidth;
+      for (const n of layoutNodes) n.x += shift;
+      for (const c of layoutContainers) c.x += shift;
+      for (const e of layoutEdges) {
+        for (const p of e.points)
+          p.x += shift;
+      }
+    }
     let cx = (totalWidth - totalGroupsWidth) / 2;
     const legendY = totalHeight + LEGEND_GROUP_GAP;
     for (const g2 of visibleGroups) {
@@ -618,4 +627,4 @@ function layoutSitemap(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, e
 export {
   layoutSitemap
 };
-//# sourceMappingURL=chunk-4CTCOHDS.js.map
+//# sourceMappingURL=chunk-N34OTOGH.js.map

package/dist/{chunk-H4VRTBMS.js → chunk-N5247W2W.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-WGC42WJU.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
 } from "./chunk-6CLC26GU.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-A4GOY3PE.js";
 import {
   renderIntegratedLegend
-} from "./chunk-VSZRPDIZ.js";
+} from "./chunk-6S53NO3M.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
@@ -36,16 +36,16 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-KSK6B35D.js";
+} from "./chunk-FFD6A3B2.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   contrastText,
   mix,
@@ -415,24 +415,40 @@ 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 };
+  const bump = (id, key, lineNumber) => {
+    const entry = summary.get(id) ?? {
+      sends: 0,
+      receives: 0,
+      firstLine: lineNumber
+    };
     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");
+    bump(msg.from, "sends", msg.lineNumber);
+    bump(msg.to, "receives", msg.lineNumber);
   }
   return summary;
 }
+function collapsedGroupMemberLine(labels, maxWidth, fontSize) {
+  if (labels.length === 0) return "";
+  const full = labels.join(" \xB7 ");
+  if (measureText(full, fontSize) <= maxWidth) return full;
+  for (let keep = labels.length - 1; keep >= 1; keep--) {
+    const line = `${labels.slice(0, keep).join(" \xB7 ")} +${labels.length - keep}`;
+    if (measureText(line, fontSize) <= maxWidth) return line;
+  }
+  const count = labels.length === 1 ? "1 member" : `${labels.length} members`;
+  return measureText(count, fontSize) <= maxWidth ? count : "";
+}
 function sectionMarkRadius(touches) {
   if (touches >= 4) return 6;
   if (touches >= 2) return 4.5;
   return 3.5;
 }
+var SECTION_MARK_HIT_RADIUS = 9;
 function buildRenderSequence(messages) {
   const steps = [];
   const stack = [];
@@ -1036,6 +1052,12 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const GROUP_PADDING_TOP = 22;
   const GROUP_PADDING_BOTTOM = 8;
   const GROUP_LABEL_SIZE = 11;
+  const sGroupLabelSize = ctx.text(GROUP_LABEL_SIZE);
+  const GROUP_LABEL_WEIGHT = "bold";
+  const GROUP_MEMBER_SIZE = 9;
+  const sGroupMemberSize = ctx.text(GROUP_MEMBER_SIZE);
+  const GROUP_MEMBER_GAP = 3;
+  const GROUP_MEMBER_PADDING_X = 6;
   const showTitle = !!title && parsedOptions["no-title"] !== "on";
   const titleOffset = showTitle ? sTitleHeight : 0;
   const LEGEND_FIXED_GAP = 8;
@@ -1363,10 +1385,18 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       collapsedGroupNames.add(group.name);
       collapsedGroupMeta.set(group.name, {
         lineNumber: group.lineNumber,
+        participantIds: group.participantIds,
         ...group.metadata !== void 0 && { metadata: group.metadata }
       });
     }
   }
+  const participantLabels = new Map(
+    parsed.participants.map((p) => [String(p.id), p.label])
+  );
+  const groupToggleName = (groupName, memberIds) => {
+    const labels = memberIds.map((id) => participantLabels.get(id) ?? id);
+    return labels.length > 0 ? `${groupName}, ${labels.join(", ")}` : groupName;
+  };
   const participantTagColor = (id) => {
     const direct = getTagColor(tagMap?.participants.get(id));
     if (direct) return direct;
@@ -1386,11 +1416,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const groupTagColor = getTagColor(groupTagValue || void 0);
     const fillColor = groupTagColor ? mix(groupTagColor, themeBaseBg(palette, isDark), isDark ? 15 : 20) : isDark ? palette.surface : palette.bg;
     const strokeColor = groupTagColor || palette.textMuted;
-    const groupG = svg.append("g").attr("class", "group-box-wrapper").attr("data-group-toggle", "").attr("data-group-line", String(group.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "true").attr("cursor", "pointer");
-    groupG.append("title").text("Click to collapse");
+    const groupG = svg.append("g").attr("class", "group-box-wrapper").attr("data-group-toggle", "").attr("data-group-line", String(group.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "true").attr("aria-label", groupToggleName(group.name, group.participantIds)).attr("cursor", "pointer");
     groupG.append("rect").attr("x", minX).attr("y", boxY).attr("width", maxX - minX).attr("height", boxH).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("pointer-events", "none").attr("class", "group-box");
     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);
+    groupG.append("text").attr("x", (minX + maxX) / 2).attr("y", boxY + sGroupLabelSize + 4).attr("text-anchor", "middle").attr("fill", strokeColor).attr("font-size", sGroupLabelSize).attr("font-weight", GROUP_LABEL_WEIGHT).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()));
@@ -1461,12 +1490,24 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const participantG = svg.select(
         `.participant[data-participant-id="${participant.id}"]`
       );
-      participantG.attr("data-group-toggle", "").attr("data-group-line", String(meta.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "false").attr("cursor", "pointer");
-      participantG.append("title").text("Click to expand");
+      participantG.attr("data-group-toggle", "").attr("data-group-line", String(meta.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "false").attr(
+        "aria-label",
+        groupToggleName(participant.id, meta.participantIds)
+      ).attr("cursor", "pointer");
       const pFill = effectiveTagColor ? mix(effectiveTagColor, themeBaseBg(palette, isDark), isDark ? 30 : 40) : isDark ? mix(palette.overlay, palette.surface, 50) : mix(palette.bg, palette.surface, 50);
       const pStroke = effectiveTagColor || palette.border;
       participantG.append("rect").attr("x", -boxW / 2).attr("y", -GROUP_PADDING_TOP).attr("width", boxW).attr("height", fullH).attr("rx", 6).attr("fill", pFill).attr("stroke", pStroke).attr("stroke-width", 1.5);
-      participantG.append("text").attr("x", 0).attr("y", -GROUP_PADDING_TOP + fullH / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", ctx.text(13)).attr("font-weight", 500).text(participant.label);
+      const memberLine = collapsedGroupMemberLine(
+        meta.participantIds.map((id) => participantLabels.get(id) ?? id),
+        boxW - GROUP_MEMBER_PADDING_X * 2,
+        sGroupMemberSize
+      );
+      const boxMidY = -GROUP_PADDING_TOP + fullH / 2;
+      const nameY = memberLine ? boxMidY - (sGroupMemberSize + GROUP_MEMBER_GAP) / 2 : boxMidY;
+      participantG.append("text").attr("x", 0).attr("y", nameY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", sGroupLabelSize).attr("font-weight", GROUP_LABEL_WEIGHT).attr("class", "collapsed-group-label").text(participant.label);
+      if (memberLine) {
+        participantG.append("text").attr("x", 0).attr("y", boxMidY + (sGroupLabelSize + GROUP_MEMBER_GAP) / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.textMuted).attr("font-size", sGroupMemberSize).attr("class", "collapsed-group-members").text(memberLine);
+      }
       participantG.append("clipPath").attr("id", clipId).append("rect").attr("x", -boxW / 2).attr("y", -GROUP_PADDING_TOP).attr("width", boxW).attr("height", fullH).attr("rx", 6);
       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})`);
     }
@@ -1752,6 +1793,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       }
       const markColor = participantTagColor(participant.id) ?? palette.text;
       const radius = sectionMarkRadius(part.sends + part.receives);
+      sectionG.append("circle").attr("cx", markX).attr("cy", markY).attr("r", Math.max(radius, SECTION_MARK_HIT_RADIUS)).attr("fill", "transparent").attr("class", "section-mark-hit").attr("data-participant-id", participant.id).attr("data-section-mark-line", String(part.firstLine)).attr("cursor", "pointer");
       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 {
@@ -2015,6 +2057,7 @@ export {
   applyCollapseProjection,
   groupMessagesBySection,
   summarizeSectionParticipation,
+  collapsedGroupMemberLine,
   buildRenderSequence,
   computeActivations,
   applyPositionOverrides,
@@ -2022,4 +2065,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-H4VRTBMS.js.map
+//# sourceMappingURL=chunk-N5247W2W.js.map

package/dist/{chunk-76XAJN7L.js → chunk-NEC7R2CB.js}

@@ -7,7 +7,7 @@ import {
   extractColor,
   fillModeFromToken,
   parseFirstLine
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   makeDgmoError,
   makeFail
@@ -675,4 +675,4 @@ export {
   searchZones,
   parseClock
 };
-//# sourceMappingURL=chunk-76XAJN7L.js.map
+//# sourceMappingURL=chunk-NEC7R2CB.js.map

package/dist/{chunk-56TCBKXP.js → chunk-NJKUTY4M.js}

@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-PBXMUXBW.js";
+} from "./chunk-DPGI742S.js";
 import {
   SKETCH_REGISTRY,
   extractColor,
@@ -27,7 +27,7 @@ import {
   stripQuotes,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -632,4 +632,4 @@ export {
   isSketchShapeKind,
   parseSketch
 };
-//# sourceMappingURL=chunk-56TCBKXP.js.map
+//# sourceMappingURL=chunk-NJKUTY4M.js.map

package/dist/{chunk-D62K46CW.js → chunk-NNMNHE3J.js}

@@ -7,7 +7,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M2QQQWM3.js";
+} from "./chunk-ZJJWON5O.js";
 import {
   makeDgmoError
 } from "./chunk-OLMWTJVU.js";
@@ -314,4 +314,4 @@ export {
   parseTimelineDate,
   parseTimelineEventLine
 };
-//# sourceMappingURL=chunk-D62K46CW.js.map
+//# sourceMappingURL=chunk-NNMNHE3J.js.map