@diagrammo/dgmo 0.8.17 → 0.8.19

package/dist/index.js

@@ -1,12 +1,35 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
 // src/diagnostics.ts
 function makeDgmoError(line10, message, severity = "error") {
@@ -2077,7 +2100,7 @@ function measureLegendText(text, fontSize) {
   }
   return w;
 }
-var LEGEND_HEIGHT, LEGEND_PILL_PAD, LEGEND_PILL_FONT_SIZE, LEGEND_CAPSULE_PAD, LEGEND_DOT_R, LEGEND_ENTRY_FONT_SIZE, LEGEND_ENTRY_DOT_GAP, LEGEND_ENTRY_TRAIL, LEGEND_GROUP_GAP, LEGEND_EYE_SIZE, LEGEND_EYE_GAP, LEGEND_ICON_W, LEGEND_MAX_ENTRY_ROWS, CHAR_W, DEFAULT_W, EYE_OPEN_PATH, EYE_CLOSED_PATH;
+var LEGEND_HEIGHT, LEGEND_PILL_PAD, LEGEND_PILL_FONT_SIZE, LEGEND_CAPSULE_PAD, LEGEND_DOT_R, LEGEND_ENTRY_FONT_SIZE, LEGEND_ENTRY_DOT_GAP, LEGEND_ENTRY_TRAIL, LEGEND_GROUP_GAP, LEGEND_EYE_SIZE, LEGEND_EYE_GAP, LEGEND_ICON_W, LEGEND_MAX_ENTRY_ROWS, CHAR_W, DEFAULT_W, EYE_OPEN_PATH, EYE_CLOSED_PATH, CONTROLS_ICON_PATH, LEGEND_TOGGLE_DOT_R, LEGEND_TOGGLE_OFF_OPACITY, LEGEND_GEAR_PILL_W;
 var init_legend_constants = __esm({
   "src/utils/legend-constants.ts"() {
     "use strict";
@@ -2184,6 +2207,10 @@ var init_legend_constants = __esm({
     DEFAULT_W = 0.56;
     EYE_OPEN_PATH = "M1 7s2.5-5 6-5 6 5 6 5-2.5 5-6 5-6-5-6-5z M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z";
     EYE_CLOSED_PATH = "M2.5 2.5l9 9 M1.5 7s2.2-4 5.5-4c1.2 0 2.2.5 3 1.1 M12.5 7s-2.2 4-5.5 4c-1.2 0-2.2-.5-3-1.1";
+    CONTROLS_ICON_PATH = "M5.6 1.7L8.4 1.7L7.9 3.6L9.5 4.5L10.9 3.1L12.3 5.6L10.4 6.1L10.4 7.9L12.3 8.4L10.9 10.9L9.5 9.5L7.9 10.4L8.4 12.3L5.6 12.3L6.1 10.4L4.5 9.5L3.1 10.9L1.7 8.4L3.6 7.9L3.6 6.1L1.7 5.6L3.1 3.1L4.5 4.5L6.1 3.6ZM5 7a2 2 0 1 0 4 0a2 2 0 1 0-4 0Z";
+    LEGEND_TOGGLE_DOT_R = LEGEND_DOT_R;
+    LEGEND_TOGGLE_OFF_OPACITY = 0.4;
+    LEGEND_GEAR_PILL_W = 14 + LEGEND_PILL_PAD;
   }
 });
 
@@ -2229,13 +2256,13 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
       visibleEntries: entries.length
     };
   }
-  const rowWidth = maxCapsuleW - LEGEND_CAPSULE_PAD * 2;
+  const rowWidth = maxCapsuleW - LEGEND_CAPSULE_PAD;
   let row = 1;
-  let rowX = pw + 4;
+  let rowX = LEGEND_CAPSULE_PAD + pw + 4 + addonWidth;
   let visible = 0;
   for (let i = 0; i < entries.length; i++) {
     const ew2 = entryWidth(entries[i].value);
-    if (rowX + ew2 > rowWidth && rowX > pw + 4) {
+    if (rowX + ew2 > rowWidth && i > 0) {
       row++;
       rowX = 0;
       if (row > LEGEND_MAX_ENTRY_ROWS) {
@@ -2257,6 +2284,63 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
     visibleEntries: entries.length
   };
 }
+function controlsGroupCapsuleWidth(toggles) {
+  let w = LEGEND_CAPSULE_PAD * 2 + LEGEND_GEAR_PILL_W + 4;
+  for (const t of toggles) {
+    w += LEGEND_TOGGLE_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP + measureLegendText(t.label, LEGEND_ENTRY_FONT_SIZE) + LEGEND_ENTRY_TRAIL;
+  }
+  return w;
+}
+function buildControlsGroupLayout(config, state) {
+  const cg = config.controlsGroup;
+  if (!cg || cg.toggles.length === 0) return void 0;
+  const expanded = !!state.controlsExpanded;
+  const pillH = LEGEND_HEIGHT - LEGEND_CAPSULE_PAD * 2;
+  if (!expanded) {
+    return {
+      x: 0,
+      y: 0,
+      width: LEGEND_GEAR_PILL_W,
+      height: LEGEND_HEIGHT,
+      expanded: false,
+      pill: { x: 0, y: 0, width: LEGEND_GEAR_PILL_W, height: LEGEND_HEIGHT },
+      toggles: []
+    };
+  }
+  const capsuleW = controlsGroupCapsuleWidth(cg.toggles);
+  const toggleLayouts = [];
+  let tx = LEGEND_CAPSULE_PAD + LEGEND_GEAR_PILL_W + 4;
+  for (const toggle of cg.toggles) {
+    const dotCx = tx + LEGEND_TOGGLE_DOT_R;
+    const dotCy = LEGEND_HEIGHT / 2;
+    const textX = tx + LEGEND_TOGGLE_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP;
+    const textY = LEGEND_HEIGHT / 2;
+    toggleLayouts.push({
+      id: toggle.id,
+      label: toggle.label,
+      active: toggle.active,
+      dotCx,
+      dotCy,
+      textX,
+      textY
+    });
+    tx += LEGEND_TOGGLE_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP + measureLegendText(toggle.label, LEGEND_ENTRY_FONT_SIZE) + LEGEND_ENTRY_TRAIL;
+  }
+  return {
+    x: 0,
+    y: 0,
+    width: capsuleW,
+    height: LEGEND_HEIGHT,
+    expanded: true,
+    pill: {
+      x: LEGEND_CAPSULE_PAD,
+      y: LEGEND_CAPSULE_PAD,
+      width: LEGEND_GEAR_PILL_W - LEGEND_CAPSULE_PAD * 2,
+      height: pillH
+    },
+    toggles: toggleLayouts
+  };
+}
 function computeLegendLayout(config, state, containerWidth) {
   const { groups, controls: configControls, mode } = config;
   const isExport = mode === "inline";
@@ -2271,8 +2355,9 @@ function computeLegendLayout(config, state, containerWidth) {
       activeCapsule: void 0
     };
   }
+  const controlsGroupLayout = isExport ? void 0 : buildControlsGroupLayout(config, state);
   const visibleGroups = config.showEmptyGroups ? groups : groups.filter((g) => g.entries.length > 0);
-  if (visibleGroups.length === 0 && (!configControls || configControls.length === 0)) {
+  if (visibleGroups.length === 0 && (!configControls || configControls.length === 0) && !controlsGroupLayout) {
     return {
       height: 0,
       width: 0,
@@ -2336,7 +2421,8 @@ function computeLegendLayout(config, state, containerWidth) {
     if (totalControlsW > 0) totalControlsW -= CONTROL_GAP;
   }
   const controlsSpace = totalControlsW > 0 ? totalControlsW + LEGEND_GROUP_GAP * 2 : 0;
-  const groupAvailW = containerWidth - controlsSpace;
+  const gearSpace = controlsGroupLayout ? controlsGroupLayout.width + LEGEND_GROUP_GAP : 0;
+  const groupAvailW = containerWidth - controlsSpace - gearSpace;
   const pills = [];
   let activeCapsule;
   for (const g of visibleGroups) {
@@ -2345,7 +2431,7 @@ function computeLegendLayout(config, state, containerWidth) {
     if (isActive) {
       activeCapsule = buildCapsuleLayout(
         g,
-        containerWidth,
+        groupAvailW,
         config.capsulePillAddonWidth ?? 0
       );
     } else {
@@ -2368,7 +2454,8 @@ function computeLegendLayout(config, state, containerWidth) {
     groupAvailW,
     containerWidth,
     totalControlsW,
-    alignLeft
+    alignLeft,
+    controlsGroupLayout
   );
   const height = rows.length * LEGEND_HEIGHT;
   const width = containerWidth;
@@ -2378,7 +2465,8 @@ function computeLegendLayout(config, state, containerWidth) {
     rows,
     activeCapsule,
     controls: controlLayouts,
-    pills
+    pills,
+    controlsGroup: controlsGroupLayout
   };
 }
 function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
@@ -2401,7 +2489,7 @@ function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
   let ex = LEGEND_CAPSULE_PAD + pw + 4 + addonWidth;
   let ey = 0;
   let rowX = ex;
-  const maxRowW = containerWidth - LEGEND_CAPSULE_PAD * 2;
+  const maxRowW = containerWidth - LEGEND_CAPSULE_PAD;
   let currentRow = 0;
   for (let i = 0; i < info.visibleEntries; i++) {
     const entry = group.entries[i];
@@ -2442,19 +2530,27 @@ function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
     addonX: addonWidth > 0 ? LEGEND_CAPSULE_PAD + pw + 4 : void 0
   };
 }
-function layoutRows(activeCapsule, pills, controls, groupAvailW, containerWidth, totalControlsW, alignLeft = false) {
+function layoutRows(activeCapsule, pills, controls, groupAvailW, containerWidth, totalControlsW, alignLeft = false, controlsGroup) {
   const rows = [];
   const groupItems = [];
   if (activeCapsule) groupItems.push(activeCapsule);
   groupItems.push(...pills);
+  const gearW = controlsGroup ? controlsGroup.width + LEGEND_GROUP_GAP : 0;
   let currentRowItems = [];
   let currentRowW = 0;
   let rowY = 0;
   for (const item of groupItems) {
     const itemW = item.width + LEGEND_GROUP_GAP;
     if (currentRowW + item.width > groupAvailW && currentRowItems.length > 0) {
-      if (!alignLeft)
-        centerRowItems(currentRowItems, containerWidth, totalControlsW);
+      if (!alignLeft) {
+        const rowGearW = rows.length === 0 ? gearW : 0;
+        centerRowItems(
+          currentRowItems,
+          containerWidth,
+          totalControlsW,
+          rowGearW
+        );
+      }
       rows.push({ y: rowY, items: currentRowItems });
       rowY += LEGEND_HEIGHT;
       currentRowItems = [];
@@ -2482,19 +2578,32 @@ function layoutRows(activeCapsule, pills, controls, groupAvailW, containerWidth,
     }
   }
   if (currentRowItems.length > 0) {
-    centerRowItems(currentRowItems, containerWidth, totalControlsW);
+    centerRowItems(currentRowItems, containerWidth, totalControlsW, gearW);
     rows.push({ y: rowY, items: currentRowItems });
   }
+  if (controlsGroup) {
+    const row0Items = rows[0]?.items ?? [];
+    const groupItemsInRow0 = row0Items.filter(
+      (it) => "groupName" in it
+    );
+    if (groupItemsInRow0.length > 0) {
+      const last = groupItemsInRow0[groupItemsInRow0.length - 1];
+      controlsGroup.x = last.x + last.width + LEGEND_GROUP_GAP;
+    } else {
+      controlsGroup.x = 0;
+    }
+    controlsGroup.y = 0;
+  }
   if (rows.length === 0) {
     rows.push({ y: 0, items: [] });
   }
   return rows;
 }
-function centerRowItems(items, containerWidth, totalControlsW) {
+function centerRowItems(items, containerWidth, totalControlsW, controlsGroupW = 0) {
   const groupItems = items.filter((it) => "groupName" in it);
   if (groupItems.length === 0) return;
   const totalGroupW = groupItems.reduce((s, it) => s + it.width, 0) + (groupItems.length - 1) * LEGEND_GROUP_GAP;
-  const availW = containerWidth - (totalControlsW > 0 ? totalControlsW + LEGEND_GROUP_GAP * 2 : 0);
+  const availW = containerWidth - (totalControlsW > 0 ? totalControlsW + LEGEND_GROUP_GAP * 2 : 0) - controlsGroupW;
   const offset = Math.max(0, (availW - totalGroupW) / 2);
   let x = offset;
   for (const item of groupItems) {
@@ -2552,6 +2661,17 @@ function renderLegendD3(container, config, state, palette, isDark, callbacks, co
     for (const pill of currentLayout.pills) {
       renderPill(legendG, pill, palette, groupBg, callbacks);
     }
+    if (currentLayout.controlsGroup) {
+      renderControlsGroup(
+        legendG,
+        currentLayout.controlsGroup,
+        palette,
+        groupBg,
+        pillBorder,
+        callbacks,
+        config
+      );
+    }
     for (const ctrl of currentLayout.controls) {
       renderControl(
         legendG,
@@ -2666,6 +2786,57 @@ function renderControl(parent, ctrl, palette, _groupBg, pillBorder, _isDark, con
     g.on("click", () => onClick());
   }
 }
+function renderControlsGroup(parent, layout, palette, groupBg, pillBorder, callbacks, config) {
+  const g = parent.append("g").attr("transform", `translate(${layout.x},${layout.y})`).attr("data-legend-controls", layout.expanded ? "expanded" : "collapsed").attr("data-export-ignore", "true").style("cursor", "pointer");
+  if (!layout.expanded) {
+    g.append("rect").attr("width", layout.width).attr("height", layout.height).attr("rx", layout.height / 2).attr("fill", groupBg);
+    const iconSize = 14;
+    const iconX = (layout.width - iconSize) / 2;
+    const iconY = (layout.height - iconSize) / 2;
+    g.append("path").attr("d", CONTROLS_ICON_PATH).attr("transform", `translate(${iconX},${iconY})`).attr("fill", palette.textMuted).attr("fill-rule", "evenodd").attr("pointer-events", "none");
+    if (callbacks?.onControlsExpand) {
+      const cb = callbacks.onControlsExpand;
+      g.on("click", () => cb());
+    }
+  } else {
+    const pill = layout.pill;
+    g.append("rect").attr("width", layout.width).attr("height", layout.height).attr("rx", LEGEND_HEIGHT / 2).attr("fill", groupBg);
+    const pillG = g.append("g").attr("class", "controls-gear-pill").style("cursor", "pointer");
+    pillG.append("rect").attr("x", pill.x).attr("y", pill.y).attr("width", pill.width).attr("height", pill.height).attr("rx", pill.height / 2).attr("fill", palette.bg);
+    pillG.append("rect").attr("x", pill.x).attr("y", pill.y).attr("width", pill.width).attr("height", pill.height).attr("rx", pill.height / 2).attr("fill", "none").attr("stroke", pillBorder).attr("stroke-width", 0.75);
+    const iconSize = 14;
+    const iconX = pill.x + (pill.width - iconSize) / 2;
+    const iconY = pill.y + (pill.height - iconSize) / 2;
+    pillG.append("path").attr("d", CONTROLS_ICON_PATH).attr("transform", `translate(${iconX},${iconY})`).attr("fill", palette.text).attr("fill-rule", "evenodd").attr("pointer-events", "none");
+    if (callbacks?.onControlsExpand) {
+      const cb = callbacks.onControlsExpand;
+      pillG.on("click", (event) => {
+        event.stopPropagation();
+        cb();
+      });
+    }
+    const toggles = config?.controlsGroup?.toggles ?? [];
+    for (const tl of layout.toggles) {
+      const toggle = toggles.find((t) => t.id === tl.id);
+      const entryG = g.append("g").attr("data-controls-toggle", tl.id).style("cursor", "pointer");
+      if (tl.active) {
+        entryG.append("circle").attr("cx", tl.dotCx).attr("cy", tl.dotCy).attr("r", LEGEND_TOGGLE_DOT_R).attr("fill", palette.primary ?? palette.text);
+      } else {
+        entryG.append("circle").attr("cx", tl.dotCx).attr("cy", tl.dotCy).attr("r", LEGEND_TOGGLE_DOT_R).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1);
+      }
+      entryG.append("text").attr("x", tl.textX).attr("y", tl.textY).attr("dominant-baseline", "central").attr("font-size", LEGEND_ENTRY_FONT_SIZE).attr("fill", palette.textMuted).attr("opacity", tl.active ? 1 : LEGEND_TOGGLE_OFF_OPACITY).attr("font-family", FONT_FAMILY).text(tl.label);
+      if (callbacks?.onControlsToggle && toggle) {
+        const cb = callbacks.onControlsToggle;
+        const id = tl.id;
+        const newActive = !tl.active;
+        entryG.on("click", (event) => {
+          event.stopPropagation();
+          cb(id, newActive);
+        });
+      }
+    }
+  }
+}
 var init_legend_d3 = __esm({
   "src/utils/legend-d3.ts"() {
     "use strict";
@@ -3219,7 +3390,13 @@ function parseSequenceDgmo(content) {
       const groupName = groupMatch[1].trim();
       const groupColor = groupMatch[2]?.trim();
       let groupMeta;
-      const afterBracket = groupMatch[3]?.trim() || "";
+      let afterBracket = groupMatch[3]?.trim() || "";
+      let isCollapsed = false;
+      const collapseMatch = afterBracket.match(/^collapse\b/i);
+      if (collapseMatch) {
+        isCollapsed = true;
+        afterBracket = afterBracket.slice(collapseMatch[0].length).trim();
+      }
       if (afterBracket.startsWith("|")) {
         const segments = afterBracket.split("|");
         const meta = parsePipeMetadata(
@@ -3240,7 +3417,8 @@ function parseSequenceDgmo(content) {
         name: groupName,
         participantIds: [],
         lineNumber,
-        ...groupMeta ? { metadata: groupMeta } : {}
+        ...groupMeta ? { metadata: groupMeta } : {},
+        ...isCollapsed ? { collapsed: true } : {}
       };
       result.groups.push(activeGroup);
       continue;
@@ -10337,7 +10515,7 @@ function addBusinessDays(startDate, count, workweek, holidaySet, direction = 1)
   }
   return current;
 }
-function addGanttDuration(startDate, duration, holidays, holidaySet, direction = 1) {
+function addGanttDuration(startDate, duration, holidays, holidaySet, direction = 1, opts) {
   const { amount, unit } = duration;
   switch (unit) {
     case "bd":
@@ -10399,10 +10577,22 @@ function addGanttDuration(startDate, duration, holidays, holidaySet, direction =
       result.setTime(result.getTime() + amount * 6e4 * direction);
       return result;
     }
+    case "s": {
+      if (!opts?.sprintLength) {
+        throw new Error(
+          'Sprint duration unit "s" requires sprintLength configuration'
+        );
+      }
+      const sl = opts.sprintLength;
+      const totalDays = amount * sl.amount * (sl.unit === "w" ? 7 : 1);
+      const result = new Date(startDate);
+      result.setDate(result.getDate() + Math.round(totalDays) * direction);
+      return result;
+    }
   }
 }
 function parseDuration(s) {
-  const match = s.trim().match(/^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h)$/);
+  const match = s.trim().match(/^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)$/);
   if (!match) return null;
   return { amount: parseFloat(match[1]), unit: match[2] };
 }
@@ -10489,7 +10679,11 @@ function parseGantt(content, palette) {
       defaultSwimlaneGroup: null,
       activeTag: null,
       optionLineNumbers: {},
-      holidaysLineNumber: null
+      holidaysLineNumber: null,
+      sprintLength: null,
+      sprintNumber: null,
+      sprintStart: null,
+      sprintMode: null
     },
     diagnostics,
     error: null
@@ -10905,6 +11099,55 @@ function parseGantt(content, palette) {
         case "active-tag":
           result.options.activeTag = value;
           break;
+        case "sprint-length": {
+          const dur = parseDuration(value);
+          if (!dur) {
+            warn(
+              lineNumber,
+              `Invalid sprint-length value: "${value}". Expected a duration like "2w" or "10d".`
+            );
+          } else if (dur.unit !== "d" && dur.unit !== "w") {
+            warn(
+              lineNumber,
+              `sprint-length only accepts "d" or "w" units, got "${dur.unit}".`
+            );
+          } else if (dur.amount <= 0) {
+            warn(lineNumber, `sprint-length must be greater than 0.`);
+          } else if (!Number.isInteger(dur.amount * (dur.unit === "w" ? 7 : 1))) {
+            warn(
+              lineNumber,
+              `sprint-length must resolve to a whole number of days.`
+            );
+          } else {
+            result.options.sprintLength = dur;
+          }
+          break;
+        }
+        case "sprint-number": {
+          const n = Number(value);
+          if (!Number.isFinite(n) || !Number.isInteger(n) || n <= 0) {
+            warn(
+              lineNumber,
+              `sprint-number must be a positive integer, got "${value}".`
+            );
+          } else {
+            result.options.sprintNumber = n;
+          }
+          break;
+        }
+        case "sprint-start": {
+          if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+            warn(
+              lineNumber,
+              `sprint-start requires a full date (YYYY-MM-DD), got "${value}".`
+            );
+          } else if (Number.isNaN((/* @__PURE__ */ new Date(value + "T00:00:00")).getTime())) {
+            warn(lineNumber, `sprint-start is not a valid date: "${value}".`);
+          } else {
+            result.options.sprintStart = value;
+          }
+          break;
+        }
       }
       continue;
     }
@@ -11085,6 +11328,21 @@ function parseGantt(content, palette) {
     result.options.sort = "default";
   }
   validateTagGroupNames(result.tagGroups, warn);
+  const hasSprintOption = result.options.sprintLength !== null || result.options.sprintNumber !== null || result.options.sprintStart !== null;
+  const hasSprintUnit = hasSprintDurationUnit(result.nodes);
+  if (hasSprintOption) {
+    result.options.sprintMode = "explicit";
+  } else if (hasSprintUnit) {
+    result.options.sprintMode = "auto";
+  }
+  if (result.options.sprintMode) {
+    if (!result.options.sprintLength) {
+      result.options.sprintLength = { amount: 2, unit: "w" };
+    }
+    if (result.options.sprintNumber === null) {
+      result.options.sprintNumber = 1;
+    }
+  }
   return result;
   function makeTask(labelRaw, duration, uncertain, ln, explicitStart) {
     const segments = labelRaw.split("|");
@@ -11202,6 +11460,16 @@ function parseWorkweek(s) {
 function isKnownOption(key) {
   return KNOWN_OPTIONS5.has(key);
 }
+function hasSprintDurationUnit(nodes) {
+  for (const node of nodes) {
+    if (node.kind === "task") {
+      if (node.duration?.unit === "s") return true;
+    } else if (node.kind === "group" || node.kind === "parallel") {
+      if (hasSprintDurationUnit(node.children)) return true;
+    }
+  }
+  return false;
+}
 var DURATION_RE, EXPLICIT_DATE_RE, TIMELINE_DURATION_RE, GROUP_RE2, DEPENDENCY_RE, COMMENT_RE, ERA_RE, MARKER_RE, HOLIDAY_DATE_RE, HOLIDAY_RANGE_RE, WORKWEEK_RE, ERA_ENTRY_RE, MARKER_ENTRY_RE, WEEKDAY_MAP, KNOWN_OPTIONS5, KNOWN_BOOLEANS4;
 var init_parser9 = __esm({
   "src/gantt/parser.ts"() {
@@ -11211,9 +11479,9 @@ var init_parser9 = __esm({
     init_parsing();
     init_duration();
     init_palettes();
-    DURATION_RE = /^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h)(\?)?\s+(.+)$/;
+    DURATION_RE = /^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)(\?)?\s+(.+)$/;
     EXPLICIT_DATE_RE = /^(\d{4}-\d{2}-\d{2}(?: \d{2}:\d{2})?)\s+(.+)$/;
-    TIMELINE_DURATION_RE = /^(\d{4}-\d{2}-\d{2}(?: \d{2}:\d{2})?)\s*(?:->|\u2013>)\s*(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h)(\?)?\s+(.+)$/;
+    TIMELINE_DURATION_RE = /^(\d{4}-\d{2}-\d{2}(?: \d{2}:\d{2})?)\s*(?:->|\u2013>)\s*(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)(\?)?\s+(.+)$/;
     GROUP_RE2 = /^\[(.+?)\]\s*(.*)$/;
     DEPENDENCY_RE = /^(?:-(.+?))?->\s*(.+)$/;
     COMMENT_RE = /^\/\//;
@@ -11248,7 +11516,10 @@ var init_parser9 = __esm({
       "dependencies",
       "chart",
       "sort",
-      "active-tag"
+      "active-tag",
+      "sprint-length",
+      "sprint-number",
+      "sprint-start"
     ]);
     KNOWN_BOOLEANS4 = /* @__PURE__ */ new Set([
       "critical-path",
@@ -22645,6 +22916,7 @@ function calculateSchedule(parsed) {
     tagGroups: parsed.tagGroups,
     eras: parsed.eras,
     markers: parsed.markers,
+    sprints: [],
     options: parsed.options,
     diagnostics,
     error: parsed.error
@@ -22666,6 +22938,7 @@ function calculateSchedule(parsed) {
   } else {
     projectStart = new Date(2e3, 0, 1);
   }
+  const sprintOpts = parsed.options.sprintLength ? { sprintLength: parsed.options.sprintLength } : void 0;
   const depOffsetMap = /* @__PURE__ */ new Map();
   const allTasks = collectTasks(parsed.nodes);
   if (allTasks.length === 0) {
@@ -22747,7 +23020,8 @@ function calculateSchedule(parsed) {
             depOffset.duration,
             parsed.holidays,
             holidaySet,
-            depOffset.direction
+            depOffset.direction,
+            sprintOpts
           );
         }
         if (predEnd.getTime() > start.getTime()) {
@@ -22761,7 +23035,8 @@ function calculateSchedule(parsed) {
         task.offset.duration,
         parsed.holidays,
         holidaySet,
-        task.offset.direction
+        task.offset.direction,
+        sprintOpts
       );
       if (start.getTime() < projectStart.getTime()) {
         warn(
@@ -22801,7 +23076,9 @@ function calculateSchedule(parsed) {
           start,
           task.duration,
           parsed.holidays,
-          holidaySet
+          holidaySet,
+          1,
+          sprintOpts
         );
       }
     } else {
@@ -22815,7 +23092,8 @@ function calculateSchedule(parsed) {
     taskMap,
     depOffsetMap,
     parsed.holidays,
-    holidaySet
+    holidaySet,
+    sprintOpts
   ) : /* @__PURE__ */ new Set();
   const uncertainSet = /* @__PURE__ */ new Set();
   for (const taskId of sortedIds) {
@@ -22855,6 +23133,20 @@ function calculateSchedule(parsed) {
     result.startDate = minDate;
     result.endDate = maxDate;
   }
+  if (parsed.options.sprintMode && parsed.options.sprintLength && result.tasks.length > 0) {
+    result.sprints = generateSprintBands(
+      parsed.options,
+      result.startDate,
+      result.endDate,
+      projectStart
+    );
+    if (result.sprints.length > 0) {
+      const lastSprintEnd = result.sprints[result.sprints.length - 1].endDate;
+      if (lastSprintEnd.getTime() > result.endDate.getTime()) {
+        result.endDate = lastSprintEnd;
+      }
+    }
+  }
   const topLevelGroups = parsed.nodes.filter((n) => n.kind === "group");
   if (topLevelGroups.length >= 2) {
     const names = topLevelGroups.map(
@@ -23055,7 +23347,7 @@ function breakCycle(cycle, taskMap, depOffsetMap) {
     }
   }
 }
-function computeCriticalPath(sortedIds, taskMap, depOffsetMap, holidays, holidaySet) {
+function computeCriticalPath(sortedIds, taskMap, depOffsetMap, holidays, holidaySet, sprintOpts) {
   if (sortedIds.length === 0) return /* @__PURE__ */ new Set();
   const latestEnd = /* @__PURE__ */ new Map();
   const latestStart = /* @__PURE__ */ new Map();
@@ -23093,7 +23385,8 @@ function computeCriticalPath(sortedIds, taskMap, depOffsetMap, holidays, holiday
             succTask.offset.duration,
             holidays,
             holidaySet,
-            reverseDir
+            reverseDir,
+            sprintOpts
           );
           succLS = adjusted.getTime();
         }
@@ -23105,7 +23398,8 @@ function computeCriticalPath(sortedIds, taskMap, depOffsetMap, holidays, holiday
             depOffset.duration,
             holidays,
             holidaySet,
-            reverseDir
+            reverseDir,
+            sprintOpts
           );
           succLS = adjusted.getTime();
         }
@@ -23180,6 +23474,51 @@ function buildResolvedGroups(nodes, taskMap, groups, depth) {
     }
   }
 }
+function generateSprintBands(options, chartStart, chartEnd, projectStart) {
+  const sprintLength = options.sprintLength;
+  const sprintNumber = options.sprintNumber ?? 1;
+  let anchorDate;
+  if (options.sprintStart) {
+    anchorDate = /* @__PURE__ */ new Date(options.sprintStart + "T00:00:00");
+  } else if (options.start) {
+    anchorDate = new Date(projectStart);
+  } else {
+    const now = /* @__PURE__ */ new Date();
+    anchorDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  }
+  anchorDate.setHours(0, 0, 0, 0);
+  const sprintDays = Math.round(
+    sprintLength.amount * (sprintLength.unit === "w" ? 7 : 1)
+  );
+  if (sprintDays <= 0) return [];
+  if (Number.isNaN(anchorDate.getTime())) return [];
+  const chartStartTime = new Date(chartStart);
+  chartStartTime.setHours(0, 0, 0, 0);
+  const chartEndTime = new Date(chartEnd);
+  chartEndTime.setHours(0, 0, 0, 0);
+  const msPerDay = 864e5;
+  const dayDiff = Math.floor(
+    (chartStartTime.getTime() - anchorDate.getTime()) / msPerDay
+  );
+  const startSprintIndex = Math.floor(dayDiff / sprintDays);
+  const sprints = [];
+  const maxSprints = 1e3;
+  for (let i = startSprintIndex; sprints.length < maxSprints; i++) {
+    const sprintStartDate = new Date(anchorDate);
+    sprintStartDate.setDate(sprintStartDate.getDate() + i * sprintDays);
+    sprintStartDate.setHours(0, 0, 0, 0);
+    const sprintEndDate = new Date(sprintStartDate);
+    sprintEndDate.setDate(sprintEndDate.getDate() + sprintDays);
+    sprintEndDate.setHours(0, 0, 0, 0);
+    if (sprintStartDate.getTime() >= chartEndTime.getTime() + msPerDay) break;
+    sprints.push({
+      number: sprintNumber + i,
+      startDate: sprintStartDate,
+      endDate: sprintEndDate
+    });
+  }
+  return sprints;
+}
 function formatDate(d) {
   const y = d.getFullYear();
   const m = String(d.getMonth() + 1).padStart(2, "0");
@@ -23265,6 +23604,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     options?.currentActiveGroup
   );
   let criticalPathActive = false;
+  let dependenciesActive = !!resolved.options.dependencies;
+  let controlsExpanded = false;
   const tagRows = currentSwimlaneGroup ? buildTagLaneRowList(resolved, currentSwimlaneGroup, collapsedLanes) : null;
   const rows = tagRows ?? buildRowList(resolved, collapsedGroups);
   const isTagMode = tagRows !== null;
@@ -23281,28 +23622,31 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const maxLabelLen = Math.max(...allLabels.map((l) => l.length), 10);
   const leftMargin = Math.max(MIN_LEFT_MARGIN, maxLabelLen * 7 + 30);
   const totalRows = rows.length;
+  const hasCriticalPath = resolved.options.criticalPath && resolved.tasks.some((t) => t.isCriticalPath);
+  const hasDependencies = resolved.options.dependencies && resolved.tasks.some((t) => t.task.dependencies.length > 0);
   const title = resolved.options.title;
   const titleHeight = title ? 50 : 20;
-  const tagLegendReserve = resolved.tagGroups.length > 0 ? LEGEND_HEIGHT + 8 : 0;
+  const tagLegendReserve = resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies ? LEGEND_HEIGHT + 8 : 0;
   const topDateLabelReserve = 22;
   const hasOverheadLabels = resolved.markers.length > 0 || resolved.eras.length > 0;
-  const markerLabelReserve = hasOverheadLabels ? 18 : 0;
+  const markerLabelReserve = hasOverheadLabels ? 28 : 0;
+  const sprintLabelReserve = resolved.sprints.length > 0 ? 16 : 0;
   const CONTENT_TOP_PAD = 16;
-  const marginTop = titleHeight + tagLegendReserve + topDateLabelReserve + markerLabelReserve;
+  const marginTop = titleHeight + tagLegendReserve + topDateLabelReserve + markerLabelReserve + sprintLabelReserve;
   const contentH = isTagMode ? totalRows * (BAR_H + ROW_GAP) : totalRows * (BAR_H + ROW_GAP) + GROUP_GAP2 * resolved.groups.length;
   const innerHeight = CONTENT_TOP_PAD + contentH;
   const outerHeight = marginTop + innerHeight + BOTTOM_MARGIN;
   const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
-  const innerWidth = containerWidth - leftMargin - RIGHT_MARGIN;
+  const sprintRightPad = resolved.sprints.length > 0 ? 50 : 0;
+  const innerWidth = containerWidth - leftMargin - RIGHT_MARGIN - sprintRightPad;
   const svg = d3Selection10.select(container).append("svg").attr("viewBox", `0 0 ${containerWidth} ${outerHeight}`).attr("width", exportDims ? containerWidth : "100%").attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("overflow", "visible");
   const g = svg.append("g").attr("transform", `translate(${leftMargin}, ${marginTop})`);
   if (title) {
     svg.append("text").attr("x", containerWidth / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(title);
   }
-  const hasCriticalPath = resolved.options.criticalPath && resolved.tasks.some((t) => t.isCriticalPath);
   function drawLegend() {
     svg.selectAll(".gantt-tag-legend-container").remove();
-    if (resolved.tagGroups.length > 0 || hasCriticalPath) {
+    if (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies) {
       const legendY = titleHeight;
       renderTagLegend(
         svg,
@@ -23324,16 +23668,38 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           recolorBars();
         },
         () => {
-          criticalPathActive = !criticalPathActive;
+          controlsExpanded = !controlsExpanded;
           drawLegend();
         },
         currentSwimlaneGroup,
         onSwimlaneChange,
         viewMode,
-        resolved.tasks
+        resolved.tasks,
+        controlsExpanded,
+        hasDependencies,
+        dependenciesActive,
+        (toggleId, active) => {
+          if (toggleId === "critical-path") {
+            criticalPathActive = active;
+          } else if (toggleId === "dependencies") {
+            dependenciesActive = active;
+            g.selectAll(
+              ".gantt-dep-arrow, .gantt-dep-arrowhead, .gantt-dep-label"
+            ).attr("display", active ? null : "none");
+          }
+          drawLegend();
+        }
       );
     }
   }
+  function restoreHighlight() {
+    if (criticalPathActive) {
+      applyCriticalPathHighlight(svg, g);
+    } else {
+      svg.attr("data-critical-path-active", null);
+      resetHighlight(g, svg);
+    }
+  }
   function recolorBars() {
     g.selectAll(".gantt-task").each(function() {
       const el = d3Selection10.select(this);
@@ -23373,6 +23739,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     onClickItem
   );
   renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette);
+  renderSprintBands(g, svg, resolved, xScale, innerHeight, palette);
   let todayDate = null;
   let todayX = -1;
   const todayColor = palette.accent || "#e74c3c";
@@ -23458,7 +23825,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           );
         }
       }).on("mouseleave", () => {
-        resetHighlight(g, svg);
+        restoreHighlight();
         hideGanttDateIndicators(g);
       });
       labelG.append("text").attr("x", labelX).attr("y", marginTop + yOffset + BAR_H / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", "11px").attr("font-weight", "bold").attr("fill", laneColor).text(
@@ -23663,7 +24030,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           );
           g.append("text").attr("class", "gantt-milestone-hover-label").attr("x", mx - MILESTONE_SIZE - 4).attr("y", my).attr("dy", "0.35em").attr("text-anchor", "end").attr("font-size", "10px").attr("fill", barColor).attr("font-weight", "600").text(task.label);
         }).on("mouseleave", () => {
-          resetHighlight(g, svg);
+          restoreHighlight();
           hideGanttDateIndicators(g);
           g.selectAll(".gantt-milestone-hover-label").remove();
         });
@@ -23692,11 +24059,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           );
         }).on("mouseleave", () => {
           if (resolved.options.dependencies) {
-            if (criticalPathActive) {
-              applyCriticalPathHighlight(svg, g);
-            } else {
-              resetHighlight(g, svg);
-            }
+            restoreHighlight();
           }
           resetTaskLabels(svg);
           hideGanttDateIndicators(g);
@@ -24011,6 +24374,7 @@ function arrowheadPoints(x, y, size, angle) {
   return `${x},${y} ${x + size * Math.cos(a1)},${y + size * Math.sin(a1)} ${x + size * Math.cos(a2)},${y + size * Math.sin(a2)}`;
 }
 function applyCriticalPathHighlight(svg, chartG) {
+  svg.attr("data-critical-path-active", "true");
   chartG.selectAll(".gantt-task").each(function() {
     const el = d3Selection10.select(this);
     el.attr(
@@ -24063,8 +24427,31 @@ function drawSwimlaneIcon2(parent, x, y, isActive, palette) {
   }
   return iconG;
 }
-function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargin, chartInnerWidth, legendY, palette, isDark, hasCriticalPath, criticalPathActive, optionLineNumbers, onToggle, onToggleCriticalPath, currentSwimlaneGroup, onSwimlaneChange, legendViewMode, resolvedTasks) {
-  const groupBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
+function buildControlsToggles(hasCriticalPath, criticalPathActive, hasDependencies, dependenciesActive) {
+  const toggles = [];
+  if (hasCriticalPath) {
+    toggles.push({
+      id: "critical-path",
+      type: "toggle",
+      label: "Critical Path",
+      active: criticalPathActive,
+      onToggle: () => {
+      }
+    });
+  }
+  if (hasDependencies) {
+    toggles.push({
+      id: "dependencies",
+      type: "toggle",
+      label: "Dependencies",
+      active: dependenciesActive,
+      onToggle: () => {
+      }
+    });
+  }
+  return toggles;
+}
+function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargin, chartInnerWidth, legendY, palette, isDark, hasCriticalPath, criticalPathActive, optionLineNumbers, onToggle, onToggleControlsExpand, currentSwimlaneGroup, onSwimlaneChange, legendViewMode, resolvedTasks, controlsExpanded = false, hasDependencies = false, dependenciesActive = false, onControlsToggle) {
   let visibleGroups;
   if (activeGroupName) {
     const activeGroup = tagGroups.filter(
@@ -24125,16 +24512,17 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     totalW += groupW;
   }
   totalW += Math.max(0, (visibleGroups.length - 1) * LEGEND_GROUP_GAP);
-  const cpLabel = "Critical Path";
-  const cpPillW = measureLegendText(cpLabel, LEGEND_PILL_FONT_SIZE) + LEGEND_PILL_PAD;
-  if (hasCriticalPath) {
+  const hasControls = hasCriticalPath || hasDependencies;
+  const controlsToggleLabels = [];
+  if (hasCriticalPath) controlsToggleLabels.push({ label: "Critical Path" });
+  if (hasDependencies) controlsToggleLabels.push({ label: "Dependencies" });
+  if (hasControls) {
     if (visibleGroups.length > 0) totalW += LEGEND_GROUP_GAP;
-    totalW += cpPillW;
+    totalW += controlsExpanded ? controlsGroupCapsuleWidth(controlsToggleLabels) : LEGEND_GEAR_PILL_W;
   }
   const containerWidth = chartLeftMargin + chartInnerWidth + RIGHT_MARGIN;
   const legendX = (containerWidth - totalW) / 2;
   const legendRow = svg.append("g").attr("class", "gantt-tag-legend-container").attr("transform", `translate(${legendX}, ${legendY})`);
-  let cursorX = 0;
   if (visibleGroups.length > 0) {
     const showIcon = !legendViewMode && tagGroups.length > 0;
     const iconReserve = showIcon ? LEGEND_ICON_W : 0;
@@ -24146,6 +24534,12 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
         entries: entries.map((e) => ({ value: e.value, color: e.color }))
       };
     });
+    const controlsToggles = buildControlsToggles(
+      hasCriticalPath,
+      criticalPathActive,
+      hasDependencies,
+      dependenciesActive
+    );
     const legendConfig = {
       groups: legendGroups,
       position: {
@@ -24153,13 +24547,23 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
         titleRelation: "below-title"
       },
       mode: "fixed",
-      capsulePillAddonWidth: iconReserve
+      capsulePillAddonWidth: iconReserve,
+      controlsGroup: controlsToggles.length > 0 ? { toggles: controlsToggles } : void 0
+    };
+    const legendState = {
+      activeGroup: activeGroupName,
+      controlsExpanded
     };
-    const legendState = { activeGroup: activeGroupName };
-    const tagGroupsW = visibleGroups.reduce((s, _, i) => s + groupWidths[i], 0) + Math.max(0, (visibleGroups.length - 1) * LEGEND_GROUP_GAP);
+    let tagGroupsW = visibleGroups.reduce((s, _, i) => s + groupWidths[i], 0) + Math.max(0, (visibleGroups.length - 1) * LEGEND_GROUP_GAP);
+    if (hasControls) {
+      if (visibleGroups.length > 0) tagGroupsW += LEGEND_GROUP_GAP;
+      tagGroupsW += controlsExpanded ? controlsGroupCapsuleWidth(controlsToggleLabels) : LEGEND_GEAR_PILL_W;
+    }
     const tagGroupG = legendRow.append("g");
     const legendCallbacks = {
       onGroupToggle: onToggle,
+      onControlsExpand: onToggleControlsExpand,
+      onControlsToggle,
       onEntryHover: (groupName, entryValue) => {
         const tagKey = groupName.toLowerCase();
         if (entryValue) {
@@ -24236,31 +24640,38 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
       legendCallbacks,
       tagGroupsW
     );
-    for (let i = 0; i < visibleGroups.length; i++) {
-      cursorX += groupWidths[i] + LEGEND_GROUP_GAP;
-    }
+  } else if (hasControls) {
+    const controlsToggles = buildControlsToggles(
+      hasCriticalPath,
+      criticalPathActive,
+      hasDependencies,
+      dependenciesActive
+    );
+    const legendConfig = {
+      groups: [],
+      position: {
+        placement: "top-center",
+        titleRelation: "below-title"
+      },
+      mode: "fixed",
+      controlsGroup: { toggles: controlsToggles }
+    };
+    const tagGroupG = legendRow.append("g");
+    renderLegendD3(
+      tagGroupG,
+      legendConfig,
+      { activeGroup: null, controlsExpanded },
+      palette,
+      isDark,
+      {
+        onControlsExpand: onToggleControlsExpand,
+        onControlsToggle
+      },
+      totalW
+    );
   }
-  if (hasCriticalPath) {
-    const cpLineNum = optionLineNumbers["critical-path"];
-    const cpG = legendRow.append("g").attr("transform", `translate(${cursorX}, 0)`).attr("class", "gantt-legend-critical-path").style("cursor", "pointer").on("click", () => {
-      if (onToggleCriticalPath) onToggleCriticalPath();
-    });
-    if (cpLineNum) cpG.attr("data-line-number", String(cpLineNum));
-    cpG.append("rect").attr("width", cpPillW).attr("height", LEGEND_HEIGHT).attr("rx", LEGEND_HEIGHT / 2).attr("fill", criticalPathActive ? palette.bg : groupBg);
-    if (criticalPathActive) {
-      cpG.append("rect").attr("width", cpPillW).attr("height", LEGEND_HEIGHT).attr("rx", LEGEND_HEIGHT / 2).attr("fill", "none").attr("stroke", mix(palette.textMuted, palette.bg, 50)).attr("stroke-width", 0.75);
-    }
-    cpG.append("text").attr("x", cpPillW / 2).attr("y", LEGEND_HEIGHT / 2 + LEGEND_PILL_FONT_SIZE / 2 - 2).attr("text-anchor", "middle").attr("font-size", `${LEGEND_PILL_FONT_SIZE}px`).attr("font-weight", "500").attr("fill", criticalPathActive ? palette.text : palette.textMuted).text(cpLabel);
-    if (criticalPathActive) {
-      applyCriticalPathHighlight(svg, chartG);
-    }
-    cpG.on("mouseenter", () => {
-      applyCriticalPathHighlight(svg, chartG);
-    }).on("mouseleave", () => {
-      if (!criticalPathActive) {
-        resetHighlightAll(svg, chartG);
-      }
-    });
+  if (criticalPathActive) {
+    applyCriticalPathHighlight(svg, chartG);
   }
 }
 function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette) {
@@ -24276,7 +24687,7 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette) {
     const eraEndDate = parseDateStringToDate(era.endDate);
     const eraG = g.append("g").attr("class", "gantt-era-group").attr("data-line-number", String(era.lineNumber));
     const eraRect = eraG.append("rect").attr("class", "gantt-era").attr("x", sx).attr("y", 0).attr("width", ex - sx).attr("height", innerHeight).attr("fill", color).attr("opacity", baseEraOpacity);
-    eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", -24).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", color).attr("opacity", 0.7).style("cursor", "pointer").text(era.label);
+    eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", -34).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", color).attr("opacity", 0.7).style("cursor", "pointer").text(era.label);
     eraG.on("mouseenter", () => {
       g.selectAll(".gantt-task").attr(
         "opacity",
@@ -24322,8 +24733,8 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette) {
     const mx = xScale(parseDateToFractionalYear(marker.date));
     const markerDate = parseDateStringToDate(marker.date);
     const diamondSize = 5;
-    const labelY = -24;
-    const diamondY = labelY + 14;
+    const labelY = -34;
+    const diamondY = -2;
     const markerG = g.append("g").attr("class", "gantt-marker-group").attr("data-line-number", String(marker.lineNumber)).style("cursor", "pointer");
     markerG.append("rect").attr("x", mx - 40).attr("y", labelY - 12).attr("width", 80).attr("height", innerHeight - labelY + 12).attr("fill", "transparent").attr("pointer-events", "all");
     markerG.append("text").attr("class", "gantt-marker-label").attr("x", mx).attr("y", labelY).attr("text-anchor", "middle").attr("font-size", "11px").attr("font-weight", "600").attr("fill", color).text(marker.label);
@@ -24383,6 +24794,139 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette) {
     });
   }
 }
+function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
+  if (resolved.sprints.length === 0) return;
+  if (resolved.eras.length > 0) return;
+  const bandColor = palette.textMuted || palette.text || "#888";
+  const chartMinX = 0;
+  for (let i = 0; i < resolved.sprints.length; i++) {
+    const sprint = resolved.sprints[i];
+    const rawSx = xScale(dateToFractionalYear(sprint.startDate));
+    const rawEx = xScale(dateToFractionalYear(sprint.endDate));
+    if (rawEx <= rawSx) continue;
+    const sx = Math.max(rawSx, chartMinX);
+    const ex = rawEx;
+    const bandWidth = ex - sx;
+    if (bandWidth <= 0) continue;
+    const sprintG = g.append("g").attr("class", "gantt-sprint-group").style("cursor", "pointer");
+    const sprintRect = sprintG.append("rect").attr("class", "gantt-sprint-band").attr("x", sx).attr("y", 0).attr("width", bandWidth).attr("height", innerHeight).attr("fill", bandColor).attr("opacity", sprint.number % 2 === 0 ? SPRINT_BAND_OPACITY : 0);
+    if (sprint.number % 2 !== 0) {
+      sprintG.append("rect").attr("x", sx).attr("y", 0).attr("width", bandWidth).attr("height", innerHeight).attr("fill", "transparent");
+    }
+    const sprintLabel = sprintG.append("text").attr("class", "gantt-sprint-label").attr("x", (sx + ex) / 2).attr("y", -22).attr("text-anchor", "middle").attr("font-size", "10px").attr("font-weight", "600").attr("fill", bandColor).attr("opacity", 0.4).text(String(sprint.number));
+    if (i > 0 && rawSx >= chartMinX) {
+      sprintG.append("line").attr("class", "gantt-sprint-boundary").attr("x1", sx).attr("y1", -6).attr("x2", sx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", "3 3").attr("opacity", SPRINT_BOUNDARY_OPACITY);
+    }
+    const sprintStartMs = sprint.startDate.getTime();
+    const sprintEndMs = sprint.endDate.getTime();
+    const overlappingTaskIds = /* @__PURE__ */ new Set();
+    for (const rt of resolved.tasks) {
+      const taskStart = rt.startDate.getTime();
+      const taskEnd = rt.endDate.getTime();
+      if (taskStart < sprintEndMs && taskEnd > sprintStartMs) {
+        overlappingTaskIds.add(rt.task.id);
+      }
+      if (taskStart === taskEnd && taskStart >= sprintStartMs && taskStart < sprintEndMs) {
+        overlappingTaskIds.add(rt.task.id);
+      }
+    }
+    const overlappingGroupNames = /* @__PURE__ */ new Set();
+    for (const rg of resolved.groups) {
+      const gStart = rg.startDate.getTime();
+      const gEnd = rg.endDate.getTime();
+      if (gStart < sprintEndMs && gEnd > sprintStartMs) {
+        overlappingGroupNames.add(rg.name);
+      }
+    }
+    const baseOpacity = sprint.number % 2 === 0 ? SPRINT_BAND_OPACITY : 0;
+    sprintG.on("mouseenter", () => {
+      g.selectAll(".gantt-task").each(function() {
+        const el = d3Selection10.select(this);
+        const id = el.attr("data-task-id");
+        el.attr(
+          "opacity",
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
+        );
+      });
+      g.selectAll(".gantt-milestone").each(function() {
+        const el = d3Selection10.select(this);
+        const id = el.attr("data-task-id");
+        el.attr(
+          "opacity",
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
+        );
+      });
+      svg.selectAll(".gantt-task-label").each(function() {
+        const el = d3Selection10.select(this);
+        const id = el.attr("data-task-id");
+        el.attr(
+          "opacity",
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
+        );
+      });
+      g.selectAll(
+        ".gantt-group-bar, .gantt-group-summary"
+      ).each(function() {
+        const el = d3Selection10.select(this);
+        const name = el.attr("data-group");
+        el.attr(
+          "opacity",
+          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY
+        );
+      });
+      svg.selectAll(".gantt-group-label").each(function() {
+        const el = d3Selection10.select(this);
+        const name = el.attr("data-group");
+        el.attr(
+          "opacity",
+          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY
+        );
+      });
+      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+      g.selectAll(
+        ".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group"
+      ).attr("opacity", FADE_OPACITY);
+      g.selectAll(
+        ".gantt-dep-arrow, .gantt-dep-arrowhead"
+      ).attr("opacity", FADE_OPACITY);
+      g.selectAll(".gantt-marker-group").attr(
+        "opacity",
+        FADE_OPACITY
+      );
+      sprintRect.attr("opacity", SPRINT_HOVER_OPACITY);
+      const startVisible = rawSx >= chartMinX;
+      if (startVisible) {
+        showGanttDateIndicators(
+          g,
+          xScale,
+          sprint.startDate,
+          sprint.endDate,
+          innerHeight,
+          bandColor
+        );
+      } else {
+        showGanttDateIndicators(
+          g,
+          xScale,
+          sprint.endDate,
+          null,
+          innerHeight,
+          bandColor
+        );
+      }
+      const accentColor = palette.accent || palette.text || bandColor;
+      sprintLabel.text(`Sprint ${sprint.number}`).attr("font-size", "13px").attr("font-weight", "700").attr("fill", accentColor).attr("opacity", 1);
+    }).on("mouseleave", () => {
+      resetHighlight(g, svg);
+      sprintRect.attr("opacity", baseOpacity);
+      sprintLabel.text(String(sprint.number)).attr("font-size", "10px").attr("font-weight", "600").attr("fill", bandColor).attr("opacity", 0.4);
+      hideGanttDateIndicators(g);
+    });
+  }
+  const lastSprint = resolved.sprints[resolved.sprints.length - 1];
+  const lastEx = xScale(dateToFractionalYear(lastSprint.endDate));
+  g.append("line").attr("class", "gantt-sprint-boundary").attr("x1", lastEx).attr("y1", -6).attr("x2", lastEx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", "3 3").attr("opacity", SPRINT_BOUNDARY_OPACITY);
+}
 function parseDateStringToDate(s) {
   const parts = s.split("-").map((p) => parseInt(p, 10));
   const year = parts[0];
@@ -24595,6 +25139,10 @@ function resetTaskLabels(svg) {
   svg.selectAll(".gantt-task-label").attr("opacity", 1);
 }
 function resetHighlight(g, svg) {
+  if (svg.attr("data-critical-path-active") === "true") {
+    applyCriticalPathHighlight(svg, g);
+    return;
+  }
   g.selectAll(".gantt-task, .gantt-milestone").attr(
     "opacity",
     1
@@ -24855,7 +25403,7 @@ function renderTimeScaleHorizontal(g, scale, innerWidth, innerHeight, textColor)
     g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", textColor).attr("opacity", opacity).text(tick.label);
   }
 }
-var BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W2, LABEL_PAD, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, FADE_OPACITY, MONTH_ABBR;
+var BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W2, LABEL_PAD, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, SPRINT_BAND_OPACITY, SPRINT_HOVER_OPACITY, SPRINT_BOUNDARY_OPACITY, FADE_OPACITY, MONTH_ABBR;
 var init_renderer9 = __esm({
   "src/gantt/renderer.ts"() {
     "use strict";
@@ -24866,6 +25414,7 @@ var init_renderer9 = __esm({
     init_d3();
     init_legend_constants();
     init_legend_d3();
+    init_legend_layout();
     init_title_constants();
     BAR_H = 22;
     ROW_GAP = 6;
@@ -24890,6 +25439,9 @@ var init_renderer9 = __esm({
       "sat"
     ];
     ERA_COLORS = ["#5e81ac", "#a3be8c", "#ebcb8b", "#d08770", "#b48ead"];
+    SPRINT_BAND_OPACITY = 0.05;
+    SPRINT_HOVER_OPACITY = 0.12;
+    SPRINT_BOUNDARY_OPACITY = 0.3;
     FADE_OPACITY = 0.1;
     MONTH_ABBR = [
       "Jan",
@@ -25156,6 +25708,109 @@ var init_state_renderer = __esm({
   }
 });
 
+// src/sequence/collapse.ts
+function applyCollapseProjection(parsed, collapsedGroups) {
+  if (collapsedGroups.size === 0) {
+    return {
+      participants: parsed.participants,
+      messages: parsed.messages,
+      elements: parsed.elements,
+      groups: parsed.groups,
+      collapsedGroupIds: /* @__PURE__ */ new Map()
+    };
+  }
+  const memberToGroup = /* @__PURE__ */ new Map();
+  const collapsedGroupNames = /* @__PURE__ */ new Set();
+  for (const group of parsed.groups) {
+    if (collapsedGroups.has(group.lineNumber)) {
+      collapsedGroupNames.add(group.name);
+      for (const memberId of group.participantIds) {
+        memberToGroup.set(memberId, group.name);
+      }
+    }
+  }
+  const participants = [];
+  const insertedGroups = /* @__PURE__ */ new Set();
+  for (const p of parsed.participants) {
+    const groupName = memberToGroup.get(p.id);
+    if (groupName) {
+      if (!insertedGroups.has(groupName)) {
+        insertedGroups.add(groupName);
+        const group = parsed.groups.find(
+          (g) => g.name === groupName && collapsedGroups.has(g.lineNumber)
+        );
+        participants.push({
+          id: groupName,
+          label: groupName,
+          type: "default",
+          lineNumber: group.lineNumber
+        });
+      }
+    } else if (collapsedGroupNames.has(p.id)) {
+    } else {
+      participants.push(p);
+    }
+  }
+  const remap = (id) => memberToGroup.get(id) ?? id;
+  const messages = parsed.messages.map((msg) => ({
+    ...msg,
+    from: remap(msg.from),
+    to: remap(msg.to)
+  }));
+  const elements = remapElements(parsed.elements, memberToGroup);
+  const groups = parsed.groups.filter(
+    (g) => !collapsedGroups.has(g.lineNumber)
+  );
+  return {
+    participants,
+    messages,
+    elements,
+    groups,
+    collapsedGroupIds: memberToGroup
+  };
+}
+function remapElements(elements, memberToGroup) {
+  const remap = (id) => memberToGroup.get(id) ?? id;
+  const result = [];
+  for (const el of elements) {
+    if (isSequenceSection(el)) {
+      result.push(el);
+    } else if (isSequenceNote(el)) {
+      result.push({
+        ...el,
+        participantId: remap(el.participantId)
+      });
+    } else if (isSequenceBlock(el)) {
+      result.push({
+        ...el,
+        children: remapElements(el.children, memberToGroup),
+        elseChildren: remapElements(el.elseChildren, memberToGroup),
+        ...el.elseIfBranches ? {
+          elseIfBranches: el.elseIfBranches.map((branch) => ({
+            ...branch,
+            children: remapElements(branch.children, memberToGroup)
+          }))
+        } : {}
+      });
+    } else {
+      const msg = el;
+      const from = remap(msg.from);
+      const to = remap(msg.to);
+      if (from === to && from !== msg.from && !msg.label) {
+        continue;
+      }
+      result.push({ ...msg, from, to });
+    }
+  }
+  return result;
+}
+var init_collapse3 = __esm({
+  "src/sequence/collapse.ts"() {
+    "use strict";
+    init_parser();
+  }
+});
+
 // src/sequence/tag-resolution.ts
 function propagateGroupTags(participantMeta, groups) {
   for (const group of groups) {
@@ -25611,13 +26266,32 @@ function applyGroupOrdering(participants, groups, messages = []) {
 }
 function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateToLine, options) {
   d3Selection12.select(container).selectAll("*").remove();
-  const { title, messages, elements, groups, options: parsedOptions } = parsed;
+  const { title, options: parsedOptions } = parsed;
+  const effectiveCollapsedGroups = /* @__PURE__ */ new Set();
+  for (const group of parsed.groups) {
+    if (group.collapsed) effectiveCollapsedGroups.add(group.lineNumber);
+  }
+  if (options?.collapsedGroups) {
+    for (const ln of options.collapsedGroups) {
+      if (effectiveCollapsedGroups.has(ln)) {
+        effectiveCollapsedGroups.delete(ln);
+      } else {
+        effectiveCollapsedGroups.add(ln);
+      }
+    }
+  }
+  const collapsed = effectiveCollapsedGroups.size > 0 ? applyCollapseProjection(parsed, effectiveCollapsedGroups) : null;
+  const messages = collapsed ? collapsed.messages : parsed.messages;
+  const elements = collapsed ? collapsed.elements : parsed.elements;
+  const groups = collapsed ? collapsed.groups : parsed.groups;
+  const collapsedGroupIds = collapsed?.collapsedGroupIds ?? /* @__PURE__ */ new Map();
   const collapsedSections = options?.collapsedSections;
   const expandedNoteLines = options?.expandedNoteLines;
   const collapseNotesDisabled = parsedOptions["collapse-notes"]?.toLowerCase() === "no";
   const isNoteExpanded = (note) => expandedNoteLines === void 0 || collapseNotesDisabled || expandedNoteLines.has(note.lineNumber);
+  const sourceParticipants = collapsed ? collapsed.participants : parsed.participants;
   const participants = applyPositionOverrides(
-    applyGroupOrdering(parsed.participants, groups, messages)
+    applyGroupOrdering(sourceParticipants, groups, messages)
   );
   if (participants.length === 0) return;
   const activationsOff = parsedOptions.activations?.toLowerCase() === "off";
@@ -25788,13 +26462,16 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const preSectionMsgIndices = [];
   const sectionRegions = [];
   {
+    const msgLineToIndex = /* @__PURE__ */ new Map();
+    messages.forEach((m, i) => msgLineToIndex.set(m.lineNumber, i));
+    const findMsgIndex = (child) => msgLineToIndex.get(child.lineNumber) ?? -1;
     const collectMsgIndicesFromBlock = (block) => {
       const indices = [];
       for (const child of block.children) {
         if (isSequenceBlock(child)) {
           indices.push(...collectMsgIndicesFromBlock(child));
         } else if (!isSequenceSection(child) && !isSequenceNote(child)) {
-          const idx = messages.indexOf(child);
+          const idx = findMsgIndex(child);
           if (idx >= 0) indices.push(idx);
         }
       }
@@ -25804,7 +26481,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
             if (isSequenceBlock(child)) {
               indices.push(...collectMsgIndicesFromBlock(child));
             } else if (!isSequenceSection(child) && !isSequenceNote(child)) {
-              const idx = messages.indexOf(child);
+              const idx = findMsgIndex(child);
               if (idx >= 0) indices.push(idx);
             }
           }
@@ -25814,7 +26491,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         if (isSequenceBlock(child)) {
           indices.push(...collectMsgIndicesFromBlock(child));
         } else if (!isSequenceSection(child) && !isSequenceNote(child)) {
-          const idx = messages.indexOf(child);
+          const idx = findMsgIndex(child);
           if (idx >= 0) indices.push(idx);
         }
       }
@@ -25829,7 +26506,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       } else if (isSequenceBlock(el)) {
         currentTarget.push(...collectMsgIndicesFromBlock(el));
       } else {
-        const idx = messages.indexOf(el);
+        const idx = findMsgIndex(el);
         if (idx >= 0) currentTarget.push(idx);
       }
     }
@@ -25891,7 +26568,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const titleOffset = title ? TITLE_HEIGHT5 : 0;
   const LEGEND_FIXED_GAP4 = 8;
   const legendTopSpace = parsed.tagGroups.length > 0 ? LEGEND_HEIGHT + LEGEND_FIXED_GAP4 : 0;
-  const groupOffset = groups.length > 0 ? GROUP_PADDING_TOP + GROUP_LABEL_SIZE : 0;
+  const groupOffset = parsed.groups.length > 0 ? GROUP_PADDING_TOP + GROUP_LABEL_SIZE : 0;
   const participantStartY = TOP_MARGIN + titleOffset + legendTopSpace + PARTICIPANT_Y_OFFSET + groupOffset;
   const lifelineStartY0 = participantStartY + PARTICIPANT_BOX_HEIGHT;
   const hasActors = participants.some((p) => p.type === "actor");
@@ -26061,6 +26738,17 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       svgWidth
     );
   }
+  const collapsedGroupNames = /* @__PURE__ */ new Set();
+  const collapsedGroupMeta = /* @__PURE__ */ new Map();
+  for (const group of parsed.groups) {
+    if (effectiveCollapsedGroups.has(group.lineNumber)) {
+      collapsedGroupNames.add(group.name);
+      collapsedGroupMeta.set(group.name, {
+        lineNumber: group.lineNumber,
+        metadata: group.metadata
+      });
+    }
+  }
   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);
@@ -26077,8 +26765,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       isDark ? 15 : 20
     ) : isDark ? palette.surface : palette.bg;
     const strokeColor = groupTagColor || palette.textMuted;
-    svg.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("class", "group-box").attr("data-group-line", String(group.lineNumber));
-    svg.append("text").attr("x", minX + 8).attr("y", boxY + GROUP_LABEL_SIZE + 4).attr("fill", strokeColor).attr("font-size", GROUP_LABEL_SIZE).attr("font-weight", "bold").attr("opacity", 0.7).attr("class", "group-label").attr("data-group-line", String(group.lineNumber)).text(group.name);
+    const groupG = svg.append("g").attr("class", "group-box-wrapper").attr("data-group-toggle", "").attr("data-group-line", String(group.lineNumber)).attr("cursor", "pointer");
+    groupG.append("title").text("Click to collapse");
+    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("class", "group-box");
+    groupG.append("text").attr("x", minX + 8).attr("y", boxY + GROUP_LABEL_SIZE + 4).attr("fill", strokeColor).attr("font-size", GROUP_LABEL_SIZE).attr("font-weight", "bold").attr("opacity", 0.7).attr("class", "group-label").text(group.name);
   }
   const lifelineStartY = lifelineStartY0;
   participants.forEach((participant, index) => {
@@ -26087,6 +26777,14 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     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]);
+      }
+    }
     renderParticipant(
       svg,
       participant,
@@ -26094,10 +26792,35 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       cy,
       palette,
       isDark,
-      pTagColor,
+      effectiveTagColor,
       pTagAttr
     );
-    const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", lifelineStartY).attr("x2", cx).attr("y2", lifelineStartY + lifelineLength).attr("stroke", pTagColor || palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "6 4").attr("class", "lifeline").attr("data-participant-id", participant.id);
+    if (isCollapsedGroup) {
+      const meta = collapsedGroupMeta.get(participant.id);
+      const drillColor = effectiveTagColor || palette.textMuted;
+      const drillBarH = 6;
+      const boxW = PARTICIPANT_BOX_WIDTH;
+      const fullH = PARTICIPANT_BOX_HEIGHT + GROUP_PADDING_TOP + GROUP_PADDING_BOTTOM;
+      const clipId = `clip-drill-group-${participant.id.replace(/[^a-zA-Z0-9-]/g, "-")}`;
+      const participantG = svg.select(
+        `.participant[data-participant-id="${participant.id}"]`
+      );
+      participantG.attr("data-group-toggle", "").attr("data-group-line", String(meta.lineNumber)).attr("cursor", "pointer");
+      participantG.append("title").text("Click to expand");
+      const pFill = effectiveTagColor ? mix(
+        effectiveTagColor,
+        isDark ? palette.surface : palette.bg,
+        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", 13).attr("font-weight", 500).text(participant.label);
+      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})`);
+    }
+    const llY = isCollapsedGroup ? lifelineStartY + GROUP_PADDING_BOTTOM : 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());
     }
@@ -26325,23 +27048,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     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("class", "section-divider");
     const msgCount = sectionMsgCounts.get(sec.lineNumber) ?? 0;
     const labelText = isCollapsed ? `${sec.label} (${msgCount} ${msgCount === 1 ? "message" : "messages"})` : sec.label;
-    const labelColor = isCollapsed ? "#ffffff" : lineColor;
-    const chevronSpace = 14;
     const labelX = (sectionLineX1 + sectionLineX2) / 2;
-    const chevronX = labelX - (labelText.length * 3.5 + 8 + chevronSpace / 2);
-    const chevronY = secY;
-    if (isCollapsed) {
-      sectionG.append("path").attr(
-        "d",
-        `M ${chevronX} ${chevronY - 4} L ${chevronX + 6} ${chevronY} L ${chevronX} ${chevronY + 4} Z`
-      ).attr("fill", labelColor).attr("class", "section-chevron");
-    } else {
-      sectionG.append("path").attr(
-        "d",
-        `M ${chevronX - 1} ${chevronY - 3} L ${chevronX + 7} ${chevronY - 3} L ${chevronX + 3} ${chevronY + 3} Z`
-      ).attr("fill", labelColor).attr("class", "section-chevron");
-    }
-    sectionG.append("text").attr("x", labelX + chevronSpace / 2).attr("y", secY + 4).attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", 11).attr("font-weight", "bold").attr("class", "section-label").text(labelText);
+    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);
   }
   const SELF_CALL_WIDTH = 30;
   const SELF_CALL_HEIGHT = 25;
@@ -26622,6 +27330,7 @@ var init_renderer10 = __esm({
     init_inline_markdown();
     init_fonts();
     init_parser();
+    init_collapse3();
     init_tag_resolution();
     init_tag_groups();
     init_legend_constants();
@@ -30945,6 +31654,463 @@ var init_d3 = __esm({
   }
 });
 
+// node_modules/.pnpm/lz-string@1.5.0/node_modules/lz-string/libs/lz-string.js
+var require_lz_string = __commonJS({
+  "node_modules/.pnpm/lz-string@1.5.0/node_modules/lz-string/libs/lz-string.js"(exports, module) {
+    "use strict";
+    var LZString = (function() {
+      var f = String.fromCharCode;
+      var keyStrBase64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+      var keyStrUriSafe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$";
+      var baseReverseDic = {};
+      function getBaseValue(alphabet, character) {
+        if (!baseReverseDic[alphabet]) {
+          baseReverseDic[alphabet] = {};
+          for (var i = 0; i < alphabet.length; i++) {
+            baseReverseDic[alphabet][alphabet.charAt(i)] = i;
+          }
+        }
+        return baseReverseDic[alphabet][character];
+      }
+      var LZString2 = {
+        compressToBase64: function(input) {
+          if (input == null) return "";
+          var res = LZString2._compress(input, 6, function(a) {
+            return keyStrBase64.charAt(a);
+          });
+          switch (res.length % 4) {
+            // To produce valid Base64
+            default:
+            // When could this happen ?
+            case 0:
+              return res;
+            case 1:
+              return res + "===";
+            case 2:
+              return res + "==";
+            case 3:
+              return res + "=";
+          }
+        },
+        decompressFromBase64: function(input) {
+          if (input == null) return "";
+          if (input == "") return null;
+          return LZString2._decompress(input.length, 32, function(index) {
+            return getBaseValue(keyStrBase64, input.charAt(index));
+          });
+        },
+        compressToUTF16: function(input) {
+          if (input == null) return "";
+          return LZString2._compress(input, 15, function(a) {
+            return f(a + 32);
+          }) + " ";
+        },
+        decompressFromUTF16: function(compressed) {
+          if (compressed == null) return "";
+          if (compressed == "") return null;
+          return LZString2._decompress(compressed.length, 16384, function(index) {
+            return compressed.charCodeAt(index) - 32;
+          });
+        },
+        //compress into uint8array (UCS-2 big endian format)
+        compressToUint8Array: function(uncompressed) {
+          var compressed = LZString2.compress(uncompressed);
+          var buf = new Uint8Array(compressed.length * 2);
+          for (var i = 0, TotalLen = compressed.length; i < TotalLen; i++) {
+            var current_value = compressed.charCodeAt(i);
+            buf[i * 2] = current_value >>> 8;
+            buf[i * 2 + 1] = current_value % 256;
+          }
+          return buf;
+        },
+        //decompress from uint8array (UCS-2 big endian format)
+        decompressFromUint8Array: function(compressed) {
+          if (compressed === null || compressed === void 0) {
+            return LZString2.decompress(compressed);
+          } else {
+            var buf = new Array(compressed.length / 2);
+            for (var i = 0, TotalLen = buf.length; i < TotalLen; i++) {
+              buf[i] = compressed[i * 2] * 256 + compressed[i * 2 + 1];
+            }
+            var result = [];
+            buf.forEach(function(c) {
+              result.push(f(c));
+            });
+            return LZString2.decompress(result.join(""));
+          }
+        },
+        //compress into a string that is already URI encoded
+        compressToEncodedURIComponent: function(input) {
+          if (input == null) return "";
+          return LZString2._compress(input, 6, function(a) {
+            return keyStrUriSafe.charAt(a);
+          });
+        },
+        //decompress from an output of compressToEncodedURIComponent
+        decompressFromEncodedURIComponent: function(input) {
+          if (input == null) return "";
+          if (input == "") return null;
+          input = input.replace(/ /g, "+");
+          return LZString2._decompress(input.length, 32, function(index) {
+            return getBaseValue(keyStrUriSafe, input.charAt(index));
+          });
+        },
+        compress: function(uncompressed) {
+          return LZString2._compress(uncompressed, 16, function(a) {
+            return f(a);
+          });
+        },
+        _compress: function(uncompressed, bitsPerChar, getCharFromInt) {
+          if (uncompressed == null) return "";
+          var i, value, context_dictionary = {}, context_dictionaryToCreate = {}, context_c = "", context_wc = "", context_w = "", context_enlargeIn = 2, context_dictSize = 3, context_numBits = 2, context_data = [], context_data_val = 0, context_data_position = 0, ii;
+          for (ii = 0; ii < uncompressed.length; ii += 1) {
+            context_c = uncompressed.charAt(ii);
+            if (!Object.prototype.hasOwnProperty.call(context_dictionary, context_c)) {
+              context_dictionary[context_c] = context_dictSize++;
+              context_dictionaryToCreate[context_c] = true;
+            }
+            context_wc = context_w + context_c;
+            if (Object.prototype.hasOwnProperty.call(context_dictionary, context_wc)) {
+              context_w = context_wc;
+            } else {
+              if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
+                if (context_w.charCodeAt(0) < 256) {
+                  for (i = 0; i < context_numBits; i++) {
+                    context_data_val = context_data_val << 1;
+                    if (context_data_position == bitsPerChar - 1) {
+                      context_data_position = 0;
+                      context_data.push(getCharFromInt(context_data_val));
+                      context_data_val = 0;
+                    } else {
+                      context_data_position++;
+                    }
+                  }
+                  value = context_w.charCodeAt(0);
+                  for (i = 0; i < 8; i++) {
+                    context_data_val = context_data_val << 1 | value & 1;
+                    if (context_data_position == bitsPerChar - 1) {
+                      context_data_position = 0;
+                      context_data.push(getCharFromInt(context_data_val));
+                      context_data_val = 0;
+                    } else {
+                      context_data_position++;
+                    }
+                    value = value >> 1;
+                  }
+                } else {
+                  value = 1;
+                  for (i = 0; i < context_numBits; i++) {
+                    context_data_val = context_data_val << 1 | value;
+                    if (context_data_position == bitsPerChar - 1) {
+                      context_data_position = 0;
+                      context_data.push(getCharFromInt(context_data_val));
+                      context_data_val = 0;
+                    } else {
+                      context_data_position++;
+                    }
+                    value = 0;
+                  }
+                  value = context_w.charCodeAt(0);
+                  for (i = 0; i < 16; i++) {
+                    context_data_val = context_data_val << 1 | value & 1;
+                    if (context_data_position == bitsPerChar - 1) {
+                      context_data_position = 0;
+                      context_data.push(getCharFromInt(context_data_val));
+                      context_data_val = 0;
+                    } else {
+                      context_data_position++;
+                    }
+                    value = value >> 1;
+                  }
+                }
+                context_enlargeIn--;
+                if (context_enlargeIn == 0) {
+                  context_enlargeIn = Math.pow(2, context_numBits);
+                  context_numBits++;
+                }
+                delete context_dictionaryToCreate[context_w];
+              } else {
+                value = context_dictionary[context_w];
+                for (i = 0; i < context_numBits; i++) {
+                  context_data_val = context_data_val << 1 | value & 1;
+                  if (context_data_position == bitsPerChar - 1) {
+                    context_data_position = 0;
+                    context_data.push(getCharFromInt(context_data_val));
+                    context_data_val = 0;
+                  } else {
+                    context_data_position++;
+                  }
+                  value = value >> 1;
+                }
+              }
+              context_enlargeIn--;
+              if (context_enlargeIn == 0) {
+                context_enlargeIn = Math.pow(2, context_numBits);
+                context_numBits++;
+              }
+              context_dictionary[context_wc] = context_dictSize++;
+              context_w = String(context_c);
+            }
+          }
+          if (context_w !== "") {
+            if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
+              if (context_w.charCodeAt(0) < 256) {
+                for (i = 0; i < context_numBits; i++) {
+                  context_data_val = context_data_val << 1;
+                  if (context_data_position == bitsPerChar - 1) {
+                    context_data_position = 0;
+                    context_data.push(getCharFromInt(context_data_val));
+                    context_data_val = 0;
+                  } else {
+                    context_data_position++;
+                  }
+                }
+                value = context_w.charCodeAt(0);
+                for (i = 0; i < 8; i++) {
+                  context_data_val = context_data_val << 1 | value & 1;
+                  if (context_data_position == bitsPerChar - 1) {
+                    context_data_position = 0;
+                    context_data.push(getCharFromInt(context_data_val));
+                    context_data_val = 0;
+                  } else {
+                    context_data_position++;
+                  }
+                  value = value >> 1;
+                }
+              } else {
+                value = 1;
+                for (i = 0; i < context_numBits; i++) {
+                  context_data_val = context_data_val << 1 | value;
+                  if (context_data_position == bitsPerChar - 1) {
+                    context_data_position = 0;
+                    context_data.push(getCharFromInt(context_data_val));
+                    context_data_val = 0;
+                  } else {
+                    context_data_position++;
+                  }
+                  value = 0;
+                }
+                value = context_w.charCodeAt(0);
+                for (i = 0; i < 16; i++) {
+                  context_data_val = context_data_val << 1 | value & 1;
+                  if (context_data_position == bitsPerChar - 1) {
+                    context_data_position = 0;
+                    context_data.push(getCharFromInt(context_data_val));
+                    context_data_val = 0;
+                  } else {
+                    context_data_position++;
+                  }
+                  value = value >> 1;
+                }
+              }
+              context_enlargeIn--;
+              if (context_enlargeIn == 0) {
+                context_enlargeIn = Math.pow(2, context_numBits);
+                context_numBits++;
+              }
+              delete context_dictionaryToCreate[context_w];
+            } else {
+              value = context_dictionary[context_w];
+              for (i = 0; i < context_numBits; i++) {
+                context_data_val = context_data_val << 1 | value & 1;
+                if (context_data_position == bitsPerChar - 1) {
+                  context_data_position = 0;
+                  context_data.push(getCharFromInt(context_data_val));
+                  context_data_val = 0;
+                } else {
+                  context_data_position++;
+                }
+                value = value >> 1;
+              }
+            }
+            context_enlargeIn--;
+            if (context_enlargeIn == 0) {
+              context_enlargeIn = Math.pow(2, context_numBits);
+              context_numBits++;
+            }
+          }
+          value = 2;
+          for (i = 0; i < context_numBits; i++) {
+            context_data_val = context_data_val << 1 | value & 1;
+            if (context_data_position == bitsPerChar - 1) {
+              context_data_position = 0;
+              context_data.push(getCharFromInt(context_data_val));
+              context_data_val = 0;
+            } else {
+              context_data_position++;
+            }
+            value = value >> 1;
+          }
+          while (true) {
+            context_data_val = context_data_val << 1;
+            if (context_data_position == bitsPerChar - 1) {
+              context_data.push(getCharFromInt(context_data_val));
+              break;
+            } else context_data_position++;
+          }
+          return context_data.join("");
+        },
+        decompress: function(compressed) {
+          if (compressed == null) return "";
+          if (compressed == "") return null;
+          return LZString2._decompress(compressed.length, 32768, function(index) {
+            return compressed.charCodeAt(index);
+          });
+        },
+        _decompress: function(length, resetValue, getNextValue) {
+          var dictionary = [], next, enlargeIn = 4, dictSize = 4, numBits = 3, entry = "", result = [], i, w, bits, resb, maxpower, power, c, data = { val: getNextValue(0), position: resetValue, index: 1 };
+          for (i = 0; i < 3; i += 1) {
+            dictionary[i] = i;
+          }
+          bits = 0;
+          maxpower = Math.pow(2, 2);
+          power = 1;
+          while (power != maxpower) {
+            resb = data.val & data.position;
+            data.position >>= 1;
+            if (data.position == 0) {
+              data.position = resetValue;
+              data.val = getNextValue(data.index++);
+            }
+            bits |= (resb > 0 ? 1 : 0) * power;
+            power <<= 1;
+          }
+          switch (next = bits) {
+            case 0:
+              bits = 0;
+              maxpower = Math.pow(2, 8);
+              power = 1;
+              while (power != maxpower) {
+                resb = data.val & data.position;
+                data.position >>= 1;
+                if (data.position == 0) {
+                  data.position = resetValue;
+                  data.val = getNextValue(data.index++);
+                }
+                bits |= (resb > 0 ? 1 : 0) * power;
+                power <<= 1;
+              }
+              c = f(bits);
+              break;
+            case 1:
+              bits = 0;
+              maxpower = Math.pow(2, 16);
+              power = 1;
+              while (power != maxpower) {
+                resb = data.val & data.position;
+                data.position >>= 1;
+                if (data.position == 0) {
+                  data.position = resetValue;
+                  data.val = getNextValue(data.index++);
+                }
+                bits |= (resb > 0 ? 1 : 0) * power;
+                power <<= 1;
+              }
+              c = f(bits);
+              break;
+            case 2:
+              return "";
+          }
+          dictionary[3] = c;
+          w = c;
+          result.push(c);
+          while (true) {
+            if (data.index > length) {
+              return "";
+            }
+            bits = 0;
+            maxpower = Math.pow(2, numBits);
+            power = 1;
+            while (power != maxpower) {
+              resb = data.val & data.position;
+              data.position >>= 1;
+              if (data.position == 0) {
+                data.position = resetValue;
+                data.val = getNextValue(data.index++);
+              }
+              bits |= (resb > 0 ? 1 : 0) * power;
+              power <<= 1;
+            }
+            switch (c = bits) {
+              case 0:
+                bits = 0;
+                maxpower = Math.pow(2, 8);
+                power = 1;
+                while (power != maxpower) {
+                  resb = data.val & data.position;
+                  data.position >>= 1;
+                  if (data.position == 0) {
+                    data.position = resetValue;
+                    data.val = getNextValue(data.index++);
+                  }
+                  bits |= (resb > 0 ? 1 : 0) * power;
+                  power <<= 1;
+                }
+                dictionary[dictSize++] = f(bits);
+                c = dictSize - 1;
+                enlargeIn--;
+                break;
+              case 1:
+                bits = 0;
+                maxpower = Math.pow(2, 16);
+                power = 1;
+                while (power != maxpower) {
+                  resb = data.val & data.position;
+                  data.position >>= 1;
+                  if (data.position == 0) {
+                    data.position = resetValue;
+                    data.val = getNextValue(data.index++);
+                  }
+                  bits |= (resb > 0 ? 1 : 0) * power;
+                  power <<= 1;
+                }
+                dictionary[dictSize++] = f(bits);
+                c = dictSize - 1;
+                enlargeIn--;
+                break;
+              case 2:
+                return result.join("");
+            }
+            if (enlargeIn == 0) {
+              enlargeIn = Math.pow(2, numBits);
+              numBits++;
+            }
+            if (dictionary[c]) {
+              entry = dictionary[c];
+            } else {
+              if (c === dictSize) {
+                entry = w + w.charAt(0);
+              } else {
+                return null;
+              }
+            }
+            result.push(entry);
+            dictionary[dictSize++] = w + entry.charAt(0);
+            enlargeIn--;
+            w = entry;
+            if (enlargeIn == 0) {
+              enlargeIn = Math.pow(2, numBits);
+              numBits++;
+            }
+          }
+        }
+      };
+      return LZString2;
+    })();
+    if (typeof define === "function" && define.amd) {
+      define(function() {
+        return LZString;
+      });
+    } else if (typeof module !== "undefined" && module != null) {
+      module.exports = LZString;
+    } else if (typeof angular !== "undefined" && angular != null) {
+      angular.module("LZString", []).factory("LZString", function() {
+        return LZString;
+      });
+    }
+  }
+});
+
 // src/index.ts
 init_diagnostics();
 
@@ -31727,19 +32893,35 @@ init_legend_d3();
 init_legend_layout();
 init_d3();
 init_renderer10();
+init_collapse3();
 init_colors();
 init_palettes();
 
 // src/sharing.ts
-import {
-  compressToEncodedURIComponent,
-  decompressFromEncodedURIComponent
-} from "lz-string";
+var import_lz_string = __toESM(require_lz_string(), 1);
 var DEFAULT_BASE_URL = "https://online.diagrammo.app";
 var COMPRESSED_SIZE_LIMIT = 8192;
+function encodeViewState(state) {
+  const keys = Object.keys(state);
+  if (keys.length === 0) return "";
+  return (0, import_lz_string.compressToEncodedURIComponent)(JSON.stringify(state));
+}
+function decodeViewState(encoded) {
+  if (!encoded) return {};
+  try {
+    const json = (0, import_lz_string.decompressFromEncodedURIComponent)(encoded);
+    if (!json) return {};
+    const parsed = JSON.parse(json);
+    if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed))
+      return {};
+    return parsed;
+  } catch {
+    return {};
+  }
+}
 function encodeDiagramUrl(dsl, options) {
   const baseUrl = options?.baseUrl ?? DEFAULT_BASE_URL;
-  const compressed = compressToEncodedURIComponent(dsl);
+  const compressed = (0, import_lz_string.compressToEncodedURIComponent)(dsl);
   const byteSize = new TextEncoder().encode(compressed).byteLength;
   if (byteSize > COMPRESSED_SIZE_LIMIT) {
     return {
@@ -31749,23 +32931,17 @@ function encodeDiagramUrl(dsl, options) {
     };
   }
   let hash = `dgmo=${compressed}`;
-  if (options?.viewState?.activeTagGroup) {
-    hash += `&tag=${encodeURIComponent(options.viewState.activeTagGroup)}`;
-  }
-  if (options?.viewState?.collapsedGroups?.length) {
-    hash += `&cg=${encodeURIComponent(options.viewState.collapsedGroups.join(","))}`;
-  }
-  if (options?.viewState?.swimlaneTagGroup) {
-    hash += `&swim=${encodeURIComponent(options.viewState.swimlaneTagGroup)}`;
-  }
-  if (options?.viewState?.collapsedLanes?.length) {
-    hash += `&cl=${encodeURIComponent(options.viewState.collapsedLanes.join(","))}`;
+  if (options?.viewState) {
+    const vsEncoded = encodeViewState(options.viewState);
+    if (vsEncoded) {
+      hash += `&vs=${vsEncoded}`;
+    }
   }
-  if (options?.viewState?.palette && options.viewState.palette !== "nord") {
-    hash += `&pal=${encodeURIComponent(options.viewState.palette)}`;
+  if (options?.palette && options.palette !== "nord") {
+    hash += `&pal=${encodeURIComponent(options.palette)}`;
   }
-  if (options?.viewState?.theme && options.viewState.theme !== "dark") {
-    hash += `&th=${encodeURIComponent(options.viewState.theme)}`;
+  if (options?.theme && options.theme !== "dark") {
+    hash += `&th=${encodeURIComponent(options.theme)}`;
   }
   if (options?.filename) {
     hash += `&fn=${encodeURIComponent(options.filename)}`;
@@ -31775,6 +32951,8 @@ function encodeDiagramUrl(dsl, options) {
 function decodeDiagramUrl(hash) {
   const empty = { dsl: "", viewState: {} };
   let filename;
+  let palette;
+  let theme;
   if (!hash) return empty;
   let raw = hash;
   if (raw.startsWith("#") || raw.startsWith("?")) {
@@ -31782,38 +32960,31 @@ function decodeDiagramUrl(hash) {
   }
   const parts = raw.split("&");
   let payload = parts[0];
-  const viewState = {};
+  let viewState = {};
   for (let i = 1; i < parts.length; i++) {
     const eq = parts[i].indexOf("=");
     if (eq === -1) continue;
     const key = parts[i].slice(0, eq);
-    const val = decodeURIComponent(parts[i].slice(eq + 1));
-    if (key === "tag" && val) {
-      viewState.activeTagGroup = val;
-    }
-    if (key === "cg" && val) {
-      viewState.collapsedGroups = val.split(",").filter(Boolean);
-    }
-    if (key === "swim" && val) {
-      viewState.swimlaneTagGroup = val;
+    const val = parts[i].slice(eq + 1);
+    if (key === "vs" && val) {
+      viewState = decodeViewState(val);
     }
-    if (key === "cl" && val) {
-      viewState.collapsedLanes = val.split(",").filter(Boolean);
+    if (key === "pal" && val) palette = decodeURIComponent(val);
+    if (key === "th") {
+      const decoded = decodeURIComponent(val);
+      if (decoded === "light" || decoded === "dark") theme = decoded;
     }
-    if (key === "pal" && val) viewState.palette = val;
-    if (key === "th" && (val === "light" || val === "dark"))
-      viewState.theme = val;
-    if (key === "fn" && val) filename = val;
+    if (key === "fn" && val) filename = decodeURIComponent(val);
   }
   if (payload.startsWith("dgmo=")) {
     payload = payload.slice(5);
   }
-  if (!payload) return { dsl: "", viewState, filename };
+  if (!payload) return { dsl: "", viewState, palette, theme, filename };
   try {
-    const result = decompressFromEncodedURIComponent(payload);
-    return { dsl: result ?? "", viewState, filename };
+    const result = (0, import_lz_string.decompressFromEncodedURIComponent)(payload);
+    return { dsl: result ?? "", viewState, palette, theme, filename };
   } catch {
-    return { dsl: "", viewState, filename };
+    return { dsl: "", viewState, palette, theme, filename };
   }
 }
 
@@ -32573,6 +33744,7 @@ export {
   RECOGNIZED_COLOR_NAMES,
   RULE_COUNT,
   addDurationToDate,
+  applyCollapseProjection,
   applyGroupOrdering,
   applyPositionOverrides,
   boldPalette,
@@ -32602,8 +33774,10 @@ export {
   computeTimeTicks,
   contrastText,
   decodeDiagramUrl,
+  decodeViewState,
   draculaPalette,
   encodeDiagramUrl,
+  encodeViewState,
   extractDiagramSymbols,
   extractTagDeclarations,
   formatDateLabel,