@diagrammo/dgmo 0.96.0 → 0.98.0

package/dist/{chunk-W5MMPPGX.js → chunk-ROFSIFSY.js}

@@ -5,12 +5,12 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
   EDGE_DASH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -18,10 +18,10 @@ import {
   UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   contrastText,
   mix,

package/dist/{chunk-JCC3B2GS.js → chunk-ROH4LYBL.js}

@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   FILL_FAMILY_TOKENS,
@@ -35,7 +35,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -97,6 +97,31 @@ var SECTION_PATTERN = /^==\s+(.+?)(?:\s*==)?\s*$/;
 var ARROW_PATTERN = /\S+\s*(?:<-\S+-|<~\S+~|-\S+->|~\S+~>|->|~>|<-|<~)\s*\S+/;
 var NOTE_BARE = /^note\s+(.+)$/i;
 var NOTE_MULTI = /^note(?:\s+(right|left)(?:\s+(?:of\s+)?(.+?))?)?\s*$/i;
+function peelNoteHeadMarker(trimmed) {
+  const bare = peelTrailingCollapsedFlag(trimmed);
+  if (bare.collapsed && bare.rest !== "") {
+    return { head: bare.rest, collapsed: true };
+  }
+  const { meta } = splitNameAndMeta(trimmed, SEQUENCE_REGISTRY);
+  const keys = Object.keys(meta);
+  if (keys.length !== 1 || keys[0] !== "collapsed") return null;
+  const at = trimmed.lastIndexOf("collapsed:");
+  if (at <= 0) return null;
+  const head = trimmed.slice(0, at).trimEnd().replace(/,\s*$/, "");
+  if (head === "") return null;
+  return { head, collapsed: meta["collapsed"]?.toLowerCase() === "true" };
+}
+function peelSectionMarker(trimmed) {
+  const meta = /^(.*?)(?:\s*,)?\s+collapsed:\s*(\S+)\s*$/.exec(trimmed);
+  if (meta && SECTION_PATTERN.test(meta[1])) {
+    return { line: meta[1], collapsed: meta[2].toLowerCase() === "true" };
+  }
+  const bare = peelTrailingCollapsedFlag(trimmed);
+  if (bare.collapsed && SECTION_PATTERN.test(bare.rest)) {
+    return { line: bare.rest, collapsed: true };
+  }
+  return null;
+}
 function parseNoteLine(trimmed, participants, participantIds, sortedParticipantsCache, lastMsgFrom) {
   const lower = trimmed.toLowerCase();
   if (!lower.startsWith("note")) return null;
@@ -550,7 +575,8 @@ function parseSequenceDgmo(content, palette) {
     if (currentTagGroup) {
       currentTagGroup = null;
     }
-    const sectionMatch = trimmed.match(SECTION_PATTERN);
+    const sectionPeel = trimmed.startsWith("==") ? peelSectionMarker(trimmed) : null;
+    const sectionMatch = (sectionPeel?.line ?? trimmed).match(SECTION_PATTERN);
     if (sectionMatch) {
       const sectionIndent = measureIndent(raw);
       while (blockStack.length > 0) {
@@ -574,7 +600,8 @@ function parseSequenceDgmo(content, palette) {
         kind: "section",
         // Capture group 1 guaranteed present after successful match.
         label: colorMatch ? colorMatch[1].trim() : labelRaw,
-        lineNumber
+        lineNumber,
+        ...sectionPeel?.collapsed && { collapsed: true }
       };
       result.sections.push(section);
       currentContainer().push(section);
@@ -709,7 +736,8 @@ function parseSequenceDgmo(content, palette) {
         alias: bareAlias
       } = splitPipe(trimmed, lineNumber);
       const inGroup = activeGroup() !== null && measureIndent(raw) > 0;
-      if (/^\S+$/.test(bareCore) && !ARROW_PATTERN.test(bareCore) && (inGroup || !bodyStarted || bareMeta)) {
+      const isNoteHead = /^note$/i.test(bareCore) && bareMeta?.["collapsed"] !== void 0;
+      if (!isNoteHead && /^\S+$/.test(bareCore) && !ARROW_PATTERN.test(bareCore) && (inGroup || !bodyStarted || bareMeta)) {
         contentStarted = true;
         const id = bareCore;
         if (bareAlias !== void 0)
@@ -729,8 +757,7 @@ function parseSequenceDgmo(content, palette) {
       const top = blockStack[blockStack.length - 1];
       if (indent > top.indent) break;
       if (indent === top.indent && (top.block.type === "if" || top.block.type === "parallel")) {
-        const lower = trimmed.toLowerCase();
-        if (lower === "else" || lower.startsWith("else if ")) break;
+        if (/^else(\s+\S.*)?$/i.test(trimmed)) break;
       }
       blockStack.pop();
     }
@@ -881,7 +908,11 @@ function parseSequenceDgmo(content, palette) {
       blockStack.push({ block, indent, inElse: false });
       continue;
     }
-    const elseIfMatch = trimmed.match(/^else\s+if\s+(.+)$/i);
+    if (/^else\s+if$/i.test(trimmed)) {
+      pushError(lineNumber, "'else if' needs a condition.");
+      continue;
+    }
+    const elseIfMatch = trimmed.match(/^else\s+(if\s+)?(.+)$/i);
     if (elseIfMatch) {
       if (blockStack.length > 0 && // In-bounds by the length check above.
       blockStack[blockStack.length - 1].indent === indent) {
@@ -895,8 +926,8 @@ function parseSequenceDgmo(content, palette) {
         }
         if (top.block.type === "if") {
           const branch = {
-            // Capture group 1 guaranteed present after successful match.
-            label: elseIfMatch[1].trim(),
+            // Capture group 2 guaranteed present after successful match.
+            label: elseIfMatch[2].trim(),
             children: [],
             lineNumber
           };
@@ -906,6 +937,11 @@ function parseSequenceDgmo(content, palette) {
           top.activeElseIfBranch = branch;
           top.inElse = false;
         }
+      } else if (!elseIfMatch[1]) {
+        pushError(
+          lineNumber,
+          `'${trimmed}' has no matching 'if' at this indent.`
+        );
       }
       continue;
     }
@@ -938,18 +974,25 @@ function parseSequenceDgmo(content, palette) {
       );
       continue;
     }
-    const elseLabelMatch = trimmed.match(/^else\s+(.+)$/i);
-    if (elseLabelMatch) {
-      const tail = elseLabelMatch[1].trim();
-      pushError(
-        lineNumber,
-        `'else' does not take a label. Did you mean 'else if ${tail}'?`
-      );
-      continue;
-    }
     {
+      let noteLine = trimmed;
+      let noteCollapsed = false;
+      const bodyRaw = lines[i + 1];
+      if (/^note(\s|$)/i.test(trimmed) && bodyRaw !== void 0 && bodyRaw.trim() !== "" && measureIndent(bodyRaw) > indent) {
+        const peeled = peelNoteHeadMarker(trimmed);
+        if (peeled && parseNoteLine(
+          peeled.head,
+          result.participants,
+          participantIds,
+          getSortedParticipants(),
+          lastMsgFrom
+        )?.kind === "multi-head") {
+          noteLine = peeled.head;
+          noteCollapsed = peeled.collapsed;
+        }
+      }
       const noteParsed = parseNoteLine(
-        trimmed,
+        noteLine,
         result.participants,
         participantIds,
         getSortedParticipants(),
@@ -987,8 +1030,9 @@ function parseSequenceDgmo(content, palette) {
             position: noteParsed.position,
             participantId: noteParsed.participantId,
             lineNumber,
-            endLineNumber: i + 1
+            endLineNumber: i + 1,
             // i has advanced past the body lines (1-based)
+            ...noteCollapsed && { collapsed: true }
           };
           bodyStarted = true;
           currentContainer().push(note);

package/dist/{chunk-MYHR3PMH.js → chunk-S5VZLZUQ.js}

@@ -1,35 +1,35 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-4B45SNZH.js";
+} from "./chunk-G36XKXWT.js";
 import {
   CYLINDER_RY,
   FILE_WAVE,
   QUEUE_CAP
-} from "./chunk-ZBOIYC2G.js";
+} from "./chunk-VTGGPBLW.js";
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_NOTE_COLOR
 } from "./chunk-SQBCNEJB.js";
 import {
   renderChartTitle
-} from "./chunk-6XLMTAEX.js";
+} from "./chunk-YIHRLY55.js";
 import {
   TITLE_FONT_SIZE
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,

package/dist/{chunk-JRN2CRXJ.js → chunk-TDUBTDXS.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   peelQuotedName
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-IZFJZCF6.js → chunk-TGQQD2KC.js}

@@ -1,28 +1,32 @@
 import {
   parseKanban
-} from "./chunk-SCYVGPLI.js";
+} from "./chunk-B7ZH5EQ2.js";
 import {
   serializeSvg
-} from "./chunk-CYRB2JTN.js";
+} from "./chunk-YLKPRT6U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-42AZPI2W.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   CARD_RADIUS
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
+  parseInlineMarkdown,
   renderInlineText
 } from "./chunk-QKPOIJBT.js";
 import {
@@ -30,18 +34,19 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   LEGEND_HEIGHT,
   measureLegendText
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
-  measureText
-} from "./chunk-KAO7JL4I.js";
+  measureText,
+  truncateText
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -154,6 +159,7 @@ var COLUMN_GAP = 16;
 var COLUMN_HEADER_HEIGHT = 36;
 var COLUMN_PADDING = 12;
 var COLUMN_MIN_WIDTH = 200;
+var CARD_TITLE_MAX_WIDTH = COLUMN_MIN_WIDTH * 2;
 var CARD_HEADER_HEIGHT = 24;
 var CARD_META_LINE_HEIGHT = 14;
 var CARD_SEPARATOR_GAP = 4;
@@ -253,7 +259,27 @@ function collapsedChips(cards, group) {
 function collapsedLaneLabel(laneName, total) {
   return `${laneName} (${total})`;
 }
-function computeLayout(parsed, _palette, collapsedColumns, hiddenMetaGroups, sDiagramPadding = DIAGRAM_PADDING, sTitleHeight = TITLE_HEIGHT, sCardTitleFontSize = CARD_TITLE_FONT_SIZE, sColumnHeaderFontSize = COLUMN_HEADER_FONT_SIZE, sColumnHeaderHeight = COLUMN_HEADER_HEIGHT, sColumnPadding = COLUMN_PADDING, sCardPaddingX = CARD_PADDING_X, sCardPaddingY = CARD_PADDING_Y, sCardSeparatorGap = CARD_SEPARATOR_GAP, sCardMetaLineHeight = CARD_META_LINE_HEIGHT, sCardHeaderHeight = CARD_HEADER_HEIGHT, sCardMetaFontSize = CARD_META_FONT_SIZE, sCardGap = CARD_GAP, sColumnMinWidth = COLUMN_MIN_WIDTH, sColumnGap = COLUMN_GAP, sCollapsedColumnWidth = COLLAPSED_COLUMN_WIDTH, activeTagGroup = null, sCollapsedChipHeight = COLLAPSED_CHIP_HEIGHT, sCollapsedChipGap = COLLAPSED_CHIP_GAP, sCollapsedNameGap = COLLAPSED_NAME_GAP) {
+var RTL_START = /^[\P{L}]*[\u0590-\u08ff\ufb1d-\ufdff\ufe70-\ufeff]/u;
+function renderCardTitle(titleEl, title, palette, fontSize, maxWidth) {
+  if (measureText(title, fontSize) > maxWidth) {
+    const plain = parseInlineMarkdown(title).map((span) => span.text).join("");
+    const shown = truncateText(plain, fontSize, maxWidth);
+    if (shown !== plain) {
+      if (RTL_START.test(plain)) {
+        const x = Number(titleEl.attr("x"));
+        const ellipsisEl = titleEl.clone(false).text("\u2026");
+        ellipsisEl.attr("x", x);
+        titleEl.attr("x", x + measureText("\u2026", fontSize)).text(shown.slice(0, -1));
+      } else {
+        titleEl.text(shown);
+      }
+      titleEl.append("title").text(plain);
+      return;
+    }
+  }
+  renderInlineText(titleEl, title, palette, fontSize);
+}
+function computeLayout(parsed, _palette, collapsedColumns, hiddenMetaGroups, sDiagramPadding = DIAGRAM_PADDING, sTitleHeight = TITLE_HEIGHT, sCardTitleFontSize = CARD_TITLE_FONT_SIZE, sColumnHeaderFontSize = COLUMN_HEADER_FONT_SIZE, sColumnHeaderHeight = COLUMN_HEADER_HEIGHT, sColumnPadding = COLUMN_PADDING, sCardPaddingX = CARD_PADDING_X, sCardPaddingY = CARD_PADDING_Y, sCardSeparatorGap = CARD_SEPARATOR_GAP, sCardMetaLineHeight = CARD_META_LINE_HEIGHT, sCardHeaderHeight = CARD_HEADER_HEIGHT, sCardMetaFontSize = CARD_META_FONT_SIZE, sCardGap = CARD_GAP, sColumnMinWidth = COLUMN_MIN_WIDTH, sColumnGap = COLUMN_GAP, sCollapsedColumnWidth = COLLAPSED_COLUMN_WIDTH, activeTagGroup = null, sCollapsedChipHeight = COLLAPSED_CHIP_HEIGHT, sCollapsedChipGap = COLLAPSED_CHIP_GAP, sCollapsedNameGap = COLLAPSED_NAME_GAP, sCardTitleMaxWidth = CARD_TITLE_MAX_WIDTH) {
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const headerHeight = showTitle ? sTitleHeight + 8 : 0;
   const startY = sDiagramPadding + headerHeight;
@@ -279,7 +305,10 @@ function computeLayout(parsed, _palette, collapsedColumns, hiddenMetaGroups, sDi
     const cardLayouts = [];
     let cardY = sColumnHeaderHeight + sColumnPadding;
     for (const card of col.cards) {
-      const titleWidth = measureText(card.title, sCardTitleFontSize);
+      const titleWidth = Math.min(
+        measureText(card.title, sCardTitleFontSize),
+        sCardTitleMaxWidth
+      );
       maxCardTextWidth = Math.max(
         maxCardTextWidth,
         titleWidth + sCardPaddingX * 2
@@ -443,7 +472,10 @@ function drawKanban(container, parsed, palette, isDark, options) {
     activeTagGroup,
     sCollapsedChipHeight,
     sCollapsedChipGap,
-    sCollapsedNameGap
+    sCollapsedNameGap,
+    // Reserved at the size the title is DRAWN at, which a shrunken screen layout
+    // does not shrink as far as its boxes, so the cap holds the same characters.
+    CARD_TITLE_MAX_WIDTH * (sCardTitleFontSize / CARD_TITLE_FONT_SIZE)
   );
   const width = exportDims?.width ?? layout.totalWidth;
   const height = exportDims?.height ?? layout.totalHeight;
@@ -561,6 +593,7 @@ function drawKanban(container, parsed, palette, isDark, options) {
     const col = colLayout.column;
     const isColCollapsed = collapsedColumns?.has(col.id) ?? false;
     const g = svg.append("g").attr("class", "kanban-column").attr("data-column-id", col.id).attr("data-line-number", col.lineNumber);
+    g.attr("data-group-toggle", col.id).attr("role", "button").attr("aria-expanded", String(!isColCollapsed)).attr("aria-label", col.name);
     const thisColBg = defaultColBg;
     const colColor = resolveColumnTagColor(col, parsed.tagGroups, activeTagGroup ?? null) ?? col.color;
     const thisColHeaderBg = colColor ? shapeFill(palette, colColor, isDark, { mode: fillMode }) : defaultColHeaderBg;
@@ -577,6 +610,17 @@ function drawKanban(container, parsed, palette, isDark, options) {
       g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", sCollapsedColumnWidth).attr("height", sColumnHeaderHeight).attr("rx", sColumnHeaderRadius).attr("fill", thisColHeaderBg);
       g.append("text").attr("x", colLayout.x + sCollapsedColumnWidth / 2).attr("y", colLayout.y + sColumnHeaderHeight / 2).attr("dominant-baseline", "central").attr("font-size", sWipFontSize).attr("font-weight", "bold").attr("fill", col.color ? onHeaderText : palette.textMuted).attr("text-anchor", "middle").text(String(col.cards.length));
       g.append("text").attr("x", colLayout.x + sCollapsedColumnWidth / 2).attr("y", colLayout.y + sColumnHeaderHeight + sColumnPadding).attr("font-size", sCardTitleFontSize).attr("font-weight", "bold").attr("fill", palette.text).attr("text-anchor", "middle").attr("writing-mode", "tb").text(col.name);
+      renderCollapseBar(g, {
+        x: colLayout.x,
+        y: colLayout.y,
+        width: sCollapsedColumnWidth,
+        height: colLayout.height,
+        rx: sColumnRadius,
+        fill: colColor ?? wellStroke,
+        clipId: `kanban-col-clip-${col.id.replace(/[^A-Za-z0-9_-]/g, "_")}`,
+        prefix: "kanban",
+        scale: ctx
+      });
       const chips = collapsedChips(col.cards, activeGroup);
       if (chips.length > 0) {
         const chipX = colLayout.x + sCollapsedChipInset;
@@ -640,6 +684,18 @@ function drawKanban(container, parsed, palette, isDark, options) {
         wipExceeded ? palette.colors.red : col.color ? onHeaderText : palette.textMuted
       ).attr("font-weight", wipExceeded ? "bold" : "normal").text(badgeText);
     }
+    renderCollapseBar(g, {
+      expanded: true,
+      x: colLayout.x,
+      y: colLayout.y,
+      width: colLayout.width,
+      height: colLayout.height,
+      rx: sColumnRadius,
+      fill: colColor ?? wellStroke,
+      clipId: `kanban-col-clip-${col.id.replace(/[^A-Za-z0-9_-]/g, "_")}`,
+      prefix: "kanban",
+      scale: ctx
+    });
     for (const cardLayout of colLayout.cardLayouts) {
       const card = cardLayout.card;
       const resolvedColor = resolveCardTagColor(
@@ -681,7 +737,13 @@ function drawKanban(container, parsed, palette, isDark, options) {
       const cy = colLayout.y + cardLayout.y;
       cg.append("rect").attr("x", cx).attr("y", cy).attr("width", cardLayout.width).attr("height", cardLayout.height).attr("rx", sCardRadius).attr("fill", cardFill).attr("stroke", cardStroke).attr("stroke-width", sCardStrokeWidth);
       const titleEl = cg.append("text").attr("x", cx + sCardPaddingX).attr("y", cy + sCardPaddingY + sCardTitleFontSize).attr("font-size", sCardTitleFontSize).attr("font-weight", "normal").attr("fill", onCardText);
-      renderInlineText(titleEl, card.title, palette, sCardTitleFontSize);
+      renderCardTitle(
+        titleEl,
+        card.title,
+        palette,
+        sCardTitleFontSize,
+        cardLayout.width - sCardPaddingX * 2
+      );
       if (hasMeta) {
         const separatorY = cy + sCardHeaderHeight;
         cg.append("line").attr("x1", cx).attr("y1", separatorY).attr("x2", cx + cardLayout.width).attr("y2", separatorY).attr("stroke", fillMode === "solid" ? onCardText : cardStroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
@@ -1147,7 +1209,13 @@ function renderSwimlaneCard(parent, cardLayout, tagGroups, activeTagGroup, palet
   const cy = cardLayout.y;
   cg.append("rect").attr("x", cx).attr("y", cy).attr("width", cardLayout.width).attr("height", cardLayout.height).attr("rx", sCardRadius).attr("fill", cardFill).attr("stroke", cardStroke).attr("stroke-width", sCardStrokeWidth);
   const titleEl = cg.append("text").attr("x", cx + sCardPaddingX).attr("y", cy + sCardPaddingY + sCardTitleFontSize).attr("font-size", sCardTitleFontSize).attr("font-weight", "normal").attr("fill", onCardText);
-  renderInlineText(titleEl, card.title, palette, sCardTitleFontSize);
+  renderCardTitle(
+    titleEl,
+    card.title,
+    palette,
+    sCardTitleFontSize,
+    cardLayout.width - sCardPaddingX * 2
+  );
   if (hasMeta) {
     const separatorY = cy + sCardHeaderHeight;
     cg.append("line").attr("x1", cx).attr("y1", separatorY).attr("x2", cx + cardLayout.width).attr("y2", separatorY).attr("stroke", cardStroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);

package/dist/{chunk-GM2SLMQW.js → chunk-TMB4YY3J.js}

@@ -12,18 +12,19 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
   extractColor,
   measureIndent,
   parseFirstLine,
+  peelTrailingCollapsedFlag,
   peelTrailingColorName,
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-3J7O3CU6.js";
@@ -35,7 +36,7 @@ import {
 } from "./chunk-BYU54C3S.js";
 
 // src/journey-map/parser.ts
-var PHASE_RE = /^\[(.+?)\]$/;
+var PHASE_RE = /^\[(.+?)\](?:[ \t]+(.*))?$/;
 var ANNOTATION_RE = /^(pain|opportunity|thought)\s*:\s*(.+)$/i;
 var KNOWN_OPTIONS = /* @__PURE__ */ new Set(["active-tag"]);
 var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
@@ -235,13 +236,42 @@ function parseJourneyMap(content, palette) {
         currentStep.endLineNumber = lineNumber - 1;
       }
       currentStep = null;
+      let collapsed = false;
+      let tail = (phaseMatch[2] ?? "").trim();
+      const barePeel = peelTrailingCollapsedFlag(tail);
+      if (barePeel.collapsed) {
+        collapsed = true;
+        tail = barePeel.rest.trim();
+      }
+      if (tail) {
+        const split = splitNameAndMeta(
+          `_ ${tail}`,
+          JOURNEY_MAP_REGISTRY,
+          /* @__PURE__ */ new Map(),
+          void 0,
+          result.diagnostics,
+          lineNumber
+        );
+        const meta = { ...split.meta };
+        if ("collapsed" in meta) {
+          collapsed = meta["collapsed"].trim().toLowerCase() === "true";
+          delete meta["collapsed"];
+        }
+        if (split.name !== "_" || Object.keys(meta).length > 0) {
+          warn(
+            lineNumber,
+            `Unexpected text after phase header "[${phaseMatch[1].trim()}]" \u2014 only \`collapsed\` may follow it.`
+          );
+        }
+      }
       phaseCounter++;
       currentPhase = {
         id: `phase-${phaseCounter}`,
         // Capture group 1 present by regex shape.
         name: phaseMatch[1].trim(),
         steps: [],
-        lineNumber
+        lineNumber,
+        ...collapsed && { collapsed: true }
       };
       result.phases.push(currentPhase);
       continue;

package/dist/{chunk-HH3DHNQA.js → chunk-UWWQECLC.js}

@@ -5,11 +5,11 @@ import {
   NOTE_GAP,
   noteBoxSize,
   noteConnectorPoints
-} from "./chunk-67N26CER.js";
+} from "./chunk-DA2GIHAY.js";
 import {
   extractColor,
   measureIndent
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   suggest

package/dist/{chunk-HZX4QZGR.js → chunk-V65EDV6S.js}

@@ -5,7 +5,7 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   wrapDescriptionLines
 } from "./chunk-7WEYXYLC.js";
@@ -17,11 +17,11 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   getSeriesColors,