@diagrammo/dgmo 0.25.0 → 0.25.1

package/dist/index.js

@@ -16403,6 +16403,9 @@ function parseMap(content) {
         break;
       // ── Cosmetic `no-*` opt-outs: bare flags, idempotent (mirror `no-legend`,
       //    no dup warning); each defaults the feature ON when absent. ──
+      case "no-title":
+        d.noTitle = true;
+        break;
       case "no-legend":
         d.noLegend = true;
         break;
@@ -16424,6 +16427,9 @@ function parseMap(content) {
       case "no-colorize":
         d.noColorize = true;
         break;
+      case "no-cluster-pois":
+        d.noClusterPois = true;
+        break;
     }
   }
   function handleTag(trimmed, line12) {
@@ -16725,13 +16731,15 @@ var init_parser12 = __esm({
       "locale",
       "active-tag",
       "caption",
+      "no-title",
       "no-legend",
       "no-coastline",
       "no-relief",
       "no-context-labels",
       "no-region-labels",
       "no-poi-labels",
-      "no-colorize"
+      "no-colorize",
+      "no-cluster-pois"
     ]);
   }
 });
@@ -37441,18 +37449,10 @@ var init_layout11 = __esm({
 // src/pert/renderer.ts
 var renderer_exports11 = {};
 __export(renderer_exports11, {
-  PERT_LEGEND_PILL_HEIGHT: () => PERT_LEGEND_PILL_HEIGHT,
-  highlightPertCriticalPath: () => highlightPertCriticalPath,
-  highlightPertSet: () => highlightPertSet,
   measurePertAnalysisBlock: () => measurePertAnalysisBlock,
-  pertLegendBlockWidth: () => pertLegendBlockWidth,
-  pertLegendEntries: () => pertLegendEntries,
-  renderLegendBlock: () => renderLegendBlock,
   renderPert: () => renderPert,
   renderPertAnalysisBlock: () => renderPertAnalysisBlock,
-  renderPertForExport: () => renderPertForExport,
-  resetPertCriticalPath: () => resetPertCriticalPath,
-  resetPertHighlight: () => resetPertHighlight
+  renderPertForExport: () => renderPertForExport
 });
 import * as d3Selection12 from "d3-selection";
 import * as d3Shape8 from "d3-shape";
@@ -37537,16 +37537,14 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   const standaloneFieldLegendWidthForExport = layout.width;
   const analysisBlockHeight = analysisLayer.analysisHasContent ? CAPTION_TOP_GAP + analysisLayer.analysisRowHeight : 0;
   const fieldLegendBlockHeight = analysisLayer.fieldLegendStandalone ? CAPTION_TOP_GAP + fieldLegendHeightFor(standaloneFieldLegendWidthForExport) : 0;
-  const showTopLegend = options.showTopLegend ?? true;
-  const legendEntries = showTopLegend ? pertLegendEntries(resolved) : [];
+  const showLegend = options.showLegend ?? true;
   const tagLegendActive = resolveActiveTagGroup(
     resolved.tagGroups,
     resolved.options.activeTag,
     options.activeTagOverride
   );
-  const showTagLegend = showTopLegend && resolved.tagGroups.length > 0;
-  const tagLegendBlockHeight = showTagLegend ? LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
-  const legendBlockHeight = (legendEntries.length > 0 ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0) + tagLegendBlockHeight;
+  const showTagLegend = showLegend && resolved.tagGroups.length > 0;
+  const legendBlockHeight = showTagLegend ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
   const naturalChartWidth = layout.width + DIAGRAM_PADDING11 * 2;
   const minAnalysisRowW = analysisLayer.analysisHasContent ? analysisLayer.minContentWidth + 2 * DIAGRAM_PADDING11 : 0;
   const naturalWidth = Math.max(naturalChartWidth, minAnalysisRowW);
@@ -37569,8 +37567,7 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   const sLegendTopGap = ctx.aesthetic(LEGEND_TOP_GAP);
   const sLegendBottomGap = ctx.aesthetic(LEGEND_BOTTOM_GAP);
   const sLegendPillHeight = ctx.structural(LEGEND_PILL_HEIGHT);
-  const sTagLegendBlockHeight = showTagLegend ? sLegendPillHeight + sLegendBottomGap : 0;
-  const sLegendBlockHeight = (legendEntries.length > 0 ? sLegendTopGap + sLegendPillHeight + sLegendBottomGap : 0) + sTagLegendBlockHeight;
+  const sLegendBlockHeight = showTagLegend ? sLegendTopGap + sLegendPillHeight + sLegendBottomGap : 0;
   const sNodeRadius = ctx.structural(NODE_RADIUS2);
   const sNodeStrokeWidth = ctx.structural(NODE_STROKE_WIDTH10);
   const sNodeFontSize = ctx.text(NODE_FONT_SIZE4);
@@ -37602,17 +37599,8 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   }
   const offsetX = Math.max(sDiagramPad, (svgW - layout.width) / 2);
   const offsetY = sDiagramPad + sTitleHeight + sLegendBlockHeight;
-  if (legendEntries.length > 0) {
-    renderLegendBlock(svg, legendEntries, {
-      x: 0,
-      y: sDiagramPad + sTitleHeight + sLegendTopGap,
-      width: svgW,
-      palette,
-      isDark
-    });
-  }
   if (showTagLegend) {
-    const tagLegendY = sDiagramPad + sTitleHeight + (legendEntries.length > 0 ? sLegendTopGap + sLegendPillHeight : sLegendTopGap);
+    const tagLegendY = sDiagramPad + sTitleHeight + sLegendTopGap;
     renderTagLegendRow(svg, resolved, palette, isDark, {
       x: 0,
       y: tagLegendY,
@@ -37696,8 +37684,7 @@ function renderPertForExport(content, theme, palette, now) {
   }
   const captionBoxHeight = captionBullets.length > 0 ? captionBullets.length * CAPTION_LINE_HEIGHT + 2 * CAPTION_BOX_PADDING_Y + CAPTION_HEADER_BAND_HEIGHT : 0;
   const captionBlockHeight = captionBullets.length > 0 ? CAPTION_TOP_GAP + captionBoxHeight : 0;
-  const legendEntries = pertLegendEntries(resolved);
-  const legendBlockHeight = legendEntries.length > 0 ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
+  const legendBlockHeight = resolved.tagGroups.length > 0 ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
   const exportWidth = layout.width + DIAGRAM_PADDING11 * 2;
   const exportHeight = layout.height + DIAGRAM_PADDING11 * 2 + titleHeight + legendBlockHeight + captionBlockHeight;
   const container = document.createElement("div");
@@ -38237,22 +38224,22 @@ function renderEdges2(root, resolved, layout, palette, collapsedSet, sc = {}) {
     if (srcGroup && tgtGroup && srcGroup === tgtGroup && collapsedSet.has(srcGroup)) {
       continue;
     }
-    const isCritical2 = criticalSet.has(e.source) && criticalSet.has(e.target);
+    const isCritical = criticalSet.has(e.source) && criticalSet.has(e.target);
     let band;
     if (mcOn) {
       const sc2 = critById.get(e.source);
       const tc = critById.get(e.target);
       const minC = sc2 === null || tc === null || sc2 === void 0 || tc === void 0 ? null : Math.min(sc2, tc);
       band = criticalityBand(minC);
-      if (band === null && isCritical2) band = "red";
+      if (band === null && isCritical) band = "red";
     } else {
-      band = isCritical2 ? "red" : null;
+      band = isCritical ? "red" : null;
     }
     const path = lineGenerator6(e.points);
     if (!path) continue;
     const sESW = sc.edgeStrokeWidth ?? EDGE_STROKE_WIDTH10;
     const sELFS = sc.edgeLabelFontSize ?? 10;
-    layer.append("path").attr("class", "pert-edge").attr("d", path).attr("fill", "none").attr("stroke", bandColor(band, palette, palette.textMuted)).attr("stroke-width", sESW).attr("marker-end", `url(#${bandArrow(band)})`).attr("data-source", e.source).attr("data-target", e.target).attr("data-critical", String(isCritical2)).attr("data-critical-path", String(isCritical2)).attr("data-criticality-band", band ?? "");
+    layer.append("path").attr("class", "pert-edge").attr("d", path).attr("fill", "none").attr("stroke", bandColor(band, palette, palette.textMuted)).attr("stroke-width", sESW).attr("marker-end", `url(#${bandArrow(band)})`).attr("data-source", e.source).attr("data-target", e.target).attr("data-critical", String(isCritical)).attr("data-critical-path", String(isCritical)).attr("data-criticality-band", band ?? "");
     const parsedEdge = edgeByKey.get(`${e.source}->${e.target}`);
     const labelText = parsedEdge ? formatEdgeLabel(parsedEdge) : null;
     if (labelText) {
@@ -38304,7 +38291,7 @@ function renderNodes2(root, _defs, resolved, layout, palette, isDark, sizing, on
     const r = byId.get(node.id);
     if (!r) continue;
     if (r.activity.groupId && collapsedSet.has(r.activity.groupId)) continue;
-    const isCritical2 = r.isCriticalPath;
+    const isCritical = r.isCriticalPath;
     const isTbd = tbdSet.has(node.id);
     const dashArray = isTbd ? "4,3" : "none";
     const isTopMu = topMuIds.has(node.id);
@@ -38312,14 +38299,14 @@ function renderNodes2(root, _defs, resolved, layout, palette, isDark, sizing, on
     let band;
     if (mcOn) {
       band = criticalityBand(r.criticality);
-      if (band === null && isCritical2) band = "red";
+      if (band === null && isCritical) band = "red";
     } else {
-      band = isCritical2 ? "red" : null;
+      band = isCritical ? "red" : null;
     }
     const g = layer.append("g").attr("class", "pert-node").attr("transform", `translate(${node.x}, ${node.y})`).attr("data-activity-id", node.id).attr("data-line-number", String(r.activity.lineNumber)).attr(
       "data-group-id",
       r.activity.groupId !== void 0 ? r.activity.groupId : ""
-    ).attr("data-critical-path", String(isCritical2)).attr("data-criticality-band", band ?? "").attr("data-duration-rank", isTopMu ? "top" : isBottomMu ? "bottom" : "");
+    ).attr("data-critical-path", String(isCritical)).attr("data-criticality-band", band ?? "").attr("data-duration-rank", isTopMu ? "top" : isBottomMu ? "bottom" : "");
     if (r.activity.tags) {
       for (const [tagKey, tagValue] of Object.entries(r.activity.tags)) {
         g.attr(`data-tag-${tagKey}`, String(tagValue).toLowerCase());
@@ -38629,69 +38616,6 @@ function computeAnchorPinSet(resolved) {
   }
   return pinned;
 }
-function isCritical(el, mcOn) {
-  if (mcOn) {
-    return HIGHLIGHT_BANDS.has(el.getAttribute("data-criticality-band") ?? "");
-  }
-  return el.getAttribute("data-critical-path") === "true";
-}
-function isInHighlightSet(el, kind, mcOn) {
-  if (kind === "critical") return isCritical(el, mcOn);
-  if (kind === "milestone") {
-    return el.getAttribute("data-milestone") === "true";
-  }
-  return el.hasAttribute("data-anchor");
-}
-function highlightPertSet(container, kind) {
-  const svg = container.querySelector("svg");
-  if (!svg) return;
-  const mcOn = Array.from(svg.querySelectorAll(".pert-edge")).some((e) => {
-    const b = e.getAttribute("data-criticality-band");
-    return b !== null && b !== "" && b !== "red";
-  });
-  const candidates = svg.querySelectorAll(
-    ".pert-node, .pert-edge, .pert-group-collapsed"
-  );
-  let anyMatch = false;
-  for (const el of candidates) {
-    if (isInHighlightSet(el, kind, mcOn)) {
-      anyMatch = true;
-      break;
-    }
-  }
-  if (!anyMatch) return;
-  svg.setAttribute("data-pert-highlight-active", kind);
-  for (const el of svg.querySelectorAll(".pert-node, .pert-edge")) {
-    el.setAttribute(
-      "opacity",
-      isInHighlightSet(el, kind, mcOn) ? "1" : String(FADE_OPACITY)
-    );
-  }
-  for (const el of svg.querySelectorAll(".pert-group")) {
-    const inSet = el.classList.contains("pert-group-collapsed") && isInHighlightSet(el, kind, mcOn);
-    el.setAttribute(
-      "opacity",
-      inSet ? "1" : String(FADE_OPACITY)
-    );
-  }
-}
-function highlightPertCriticalPath(container) {
-  highlightPertSet(container, "critical");
-}
-function resetPertHighlight(container) {
-  const svg = container.querySelector("svg");
-  if (!svg) return;
-  svg.removeAttribute("data-pert-highlight-active");
-  svg.removeAttribute("data-critical-path-active");
-  for (const el of svg.querySelectorAll(
-    ".pert-node, .pert-edge, .pert-group"
-  )) {
-    el.removeAttribute("opacity");
-  }
-}
-function resetPertCriticalPath(container) {
-  resetPertHighlight(container);
-}
 function anchorAnnotationText(resolved) {
   const anchor = resolved.options.anchor;
   if (anchor === null) return null;
@@ -38744,70 +38668,6 @@ function renderCaptionBlock(svg, bullets, args) {
     if (i > 0) tspan.attr("dy", CAPTION_LINE_HEIGHT);
   });
 }
-function pertLegendEntries(resolved) {
-  const entries = [];
-  if (resolved.activities.length > 0) {
-    entries.push({ kind: "critical", label: "Critical Path" });
-  }
-  if (resolved.options.anchor !== null) {
-    entries.push({ kind: "anchor", label: "Anchor" });
-  }
-  if (resolved.activities.some((a) => a.activity.isMilestone)) {
-    entries.push({ kind: "milestone", label: "Milestone" });
-  }
-  return entries;
-}
-function legendSwatchWidth(kind) {
-  if (kind === "critical") return LEGEND_DOT_R * 2;
-  if (kind === "anchor") return PIN_ICON_W;
-  return LEGEND_FONT_SIZE;
-}
-function legendPillWidth(entry) {
-  const labelW = measureLegendText(entry.label, LEGEND_FONT_SIZE);
-  return Math.ceil(
-    LEGEND_PILL_PADDING_X + legendSwatchWidth(entry.kind) + LEGEND_SWATCH_GAP + labelW + LEGEND_PILL_PADDING_X
-  );
-}
-function legendNaturalWidth(entries) {
-  if (entries.length === 0) return 0;
-  let total = 0;
-  for (const e of entries) total += legendPillWidth(e);
-  total += (entries.length - 1) * LEGEND_PILL_GAP;
-  return total;
-}
-function pertLegendBlockWidth(entries) {
-  return legendNaturalWidth(entries);
-}
-function renderLegendBlock(svg, entries, args) {
-  if (entries.length === 0) return;
-  const { x, y, width, palette, isDark } = args;
-  const groupBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
-  const block = svg.append("g").attr("class", "pert-legend").attr("data-pert-legend", "");
-  const totalW = legendNaturalWidth(entries);
-  let pillX = x + (width - totalW) / 2;
-  for (const entry of entries) {
-    const pillW = legendPillWidth(entry);
-    const pill = block.append("g").attr("class", "pert-legend-entry").attr("data-legend-entry", entry.kind).attr("transform", `translate(${pillX}, ${y})`).style("cursor", "pointer");
-    pill.append("rect").attr("class", "pert-legend-pill").attr("width", pillW).attr("height", LEGEND_PILL_HEIGHT).attr("rx", LEGEND_PILL_HEIGHT / 2).attr("ry", LEGEND_PILL_HEIGHT / 2).attr("fill", groupBg);
-    const swatchW = legendSwatchWidth(entry.kind);
-    const swatchCx = LEGEND_PILL_PADDING_X + swatchW / 2;
-    const swatchCy = LEGEND_PILL_HEIGHT / 2;
-    if (entry.kind === "critical") {
-      pill.append("circle").attr("class", "pert-legend-swatch").attr("cx", swatchCx).attr("cy", swatchCy).attr("r", LEGEND_DOT_R).attr("fill", palette.colors.red);
-    } else if (entry.kind === "anchor") {
-      drawAnchorPin(
-        pill,
-        swatchCx - PIN_ICON_W / 2,
-        swatchCy,
-        palette.textMuted
-      );
-    } else {
-      pill.append("text").attr("class", "pert-legend-swatch").attr("x", swatchCx).attr("y", swatchCy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_FONT_SIZE + 1).attr("fill", palette.textMuted).text("\u25C6");
-    }
-    pill.append("text").attr("class", "pert-legend-label").attr("x", LEGEND_PILL_PADDING_X + swatchW + LEGEND_SWATCH_GAP).attr("y", swatchCy).attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", LEGEND_FONT_SIZE).attr("font-weight", 500).attr("fill", palette.textMuted).text(entry.label);
-    pillX += pillW + LEGEND_PILL_GAP;
-  }
-}
 function renderTagLegendRow(svg, resolved, palette, isDark, args) {
   if (resolved.tagGroups.length === 0) return;
   const { x, y, width, activeGroup, exportMode } = args;
@@ -39254,7 +39114,7 @@ function formatScurveDate(iso) {
   if (month < 0 || month > 11 || isNaN(day)) return iso;
   return `${SCURVE_MONTH_NAMES[month]} ${day}`;
 }
-var DIAGRAM_PADDING11, NODE_FONT_SIZE4, NODE_CELL_FONT_SIZE2, NODE_RADIUS2, NODE_STROKE_WIDTH10, NODE_TOP_ROW_HEIGHT, NODE_BOTTOM_ROW_HEIGHT, EDGE_STROKE_WIDTH10, ARROWHEAD_W4, ARROWHEAD_H4, CONTAINER_RADIUS3, CONTAINER_LABEL_FONT_SIZE3, CONTAINER_HEADER_HEIGHT3, COLLAPSE_BAR_HEIGHT7, FADE_OPACITY, DURATION_FADE_OPACITY, PIN_ICON_W, PIN_ICON_H, LEGEND_PILL_HEIGHT, LEGEND_PILL_PADDING_X, LEGEND_PILL_GAP, LEGEND_SWATCH_GAP, LEGEND_FONT_SIZE, LEGEND_TOP_GAP, LEGEND_BOTTOM_GAP, FIELD_LEGEND_HEADER_BAND_HEIGHT, FIELD_LEGEND_CELL_VPAD, FIELD_LEGEND_LABEL_FONT_SIZE, FIELD_LEGEND_DESC_FONT_SIZE, FIELD_LEGEND_DESC_LINE_HEIGHT, FIELD_LEGEND_LABEL_DESC_GAP, FIELD_LEGEND_CELLS, lineGenerator6, FIELD_LEGEND_MIN_W, HIGHLIGHT_BANDS, SUB_BULLET_INDENT, CAPTION_HEADER_BAND_HEIGHT, TORNADO_TOP_N, TORNADO_ROW_HEIGHT, TORNADO_NAME_COL_W, TORNADO_BAR_FONT_SIZE, TORNADO_BAR_HEIGHT, SUMMARY_MIN_W, SUMMARY_MAX_W, ANALYSIS_GAP, COL1_VSTACK_GAP, TORNADO_MIN_W, SCURVE_MIN_W, SCURVE_BOX_HEIGHT, SCURVE_PLOT_PADDING_X, SCURVE_PLOT_PADDING_RIGHT, SCURVE_PLOT_PADDING_BOTTOM, SCURVE_TICK_FONT_SIZE, SCURVE_PERCENTILE_RADIUS, PERT_LEGEND_PILL_HEIGHT, DAYS_PER_UNIT, SCURVE_MONTH_NAMES, UNIT_TO_DAYS_LOCAL2;
+var DIAGRAM_PADDING11, NODE_FONT_SIZE4, NODE_CELL_FONT_SIZE2, NODE_RADIUS2, NODE_STROKE_WIDTH10, NODE_TOP_ROW_HEIGHT, NODE_BOTTOM_ROW_HEIGHT, EDGE_STROKE_WIDTH10, ARROWHEAD_W4, ARROWHEAD_H4, CONTAINER_RADIUS3, CONTAINER_LABEL_FONT_SIZE3, CONTAINER_HEADER_HEIGHT3, COLLAPSE_BAR_HEIGHT7, DURATION_FADE_OPACITY, PIN_ICON_W, PIN_ICON_H, LEGEND_PILL_HEIGHT, LEGEND_TOP_GAP, LEGEND_BOTTOM_GAP, FIELD_LEGEND_HEADER_BAND_HEIGHT, FIELD_LEGEND_CELL_VPAD, FIELD_LEGEND_LABEL_FONT_SIZE, FIELD_LEGEND_DESC_FONT_SIZE, FIELD_LEGEND_DESC_LINE_HEIGHT, FIELD_LEGEND_LABEL_DESC_GAP, FIELD_LEGEND_CELLS, lineGenerator6, FIELD_LEGEND_MIN_W, SUB_BULLET_INDENT, CAPTION_HEADER_BAND_HEIGHT, TORNADO_TOP_N, TORNADO_ROW_HEIGHT, TORNADO_NAME_COL_W, TORNADO_BAR_FONT_SIZE, TORNADO_BAR_HEIGHT, SUMMARY_MIN_W, SUMMARY_MAX_W, ANALYSIS_GAP, COL1_VSTACK_GAP, TORNADO_MIN_W, SCURVE_MIN_W, SCURVE_BOX_HEIGHT, SCURVE_PLOT_PADDING_X, SCURVE_PLOT_PADDING_RIGHT, SCURVE_PLOT_PADDING_BOTTOM, SCURVE_TICK_FONT_SIZE, SCURVE_PERCENTILE_RADIUS, DAYS_PER_UNIT, SCURVE_MONTH_NAMES, UNIT_TO_DAYS_LOCAL2;
 var init_renderer11 = __esm({
   "src/pert/renderer.ts"() {
     "use strict";
@@ -39283,15 +39143,10 @@ var init_renderer11 = __esm({
     CONTAINER_LABEL_FONT_SIZE3 = 13;
     CONTAINER_HEADER_HEIGHT3 = 28;
     COLLAPSE_BAR_HEIGHT7 = 6;
-    FADE_OPACITY = 0.15;
     DURATION_FADE_OPACITY = 0.55;
     PIN_ICON_W = 13;
     PIN_ICON_H = 13;
     LEGEND_PILL_HEIGHT = LEGEND_HEIGHT;
-    LEGEND_PILL_PADDING_X = 8;
-    LEGEND_PILL_GAP = 8;
-    LEGEND_SWATCH_GAP = LEGEND_ENTRY_DOT_GAP;
-    LEGEND_FONT_SIZE = LEGEND_PILL_FONT_SIZE;
     LEGEND_TOP_GAP = 12;
     LEGEND_BOTTOM_GAP = 12;
     FIELD_LEGEND_HEADER_BAND_HEIGHT = 26;
@@ -39328,7 +39183,6 @@ var init_renderer11 = __esm({
     ];
     lineGenerator6 = d3Shape8.line().x((d) => d.x).y((d) => d.y).curve(d3Shape8.curveBasis);
     FIELD_LEGEND_MIN_W = 220;
-    HIGHLIGHT_BANDS = /* @__PURE__ */ new Set(["red", "orange", "yellow"]);
     SUB_BULLET_INDENT = 20;
     CAPTION_HEADER_BAND_HEIGHT = CAPTION_LINE_HEIGHT + 8;
     TORNADO_TOP_N = 10;
@@ -39348,7 +39202,6 @@ var init_renderer11 = __esm({
     SCURVE_PLOT_PADDING_BOTTOM = 44;
     SCURVE_TICK_FONT_SIZE = 13;
     SCURVE_PERCENTILE_RADIUS = 4;
-    PERT_LEGEND_PILL_HEIGHT = LEGEND_PILL_HEIGHT;
     DAYS_PER_UNIT = {
       min: 1 / (60 * 24),
       h: 1 / 24,
@@ -40875,31 +40728,31 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
     todayHoverG.on("mouseenter", () => {
       g.selectAll(".gantt-task").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(".gantt-milestone").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(
         ".gantt-group-bar, .gantt-group-summary"
-      ).attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", 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_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(
         ".gantt-dep-arrow, .gantt-dep-arrowhead"
-      ).attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(".gantt-era-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(".gantt-marker-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       showGanttDateIndicators(
         g,
@@ -41131,28 +40984,28 @@ function applyCriticalPathHighlight(svg, chartG) {
     const el = d3Selection13.select(this);
     el.attr(
       "opacity",
-      el.attr("data-critical-path") === "true" ? 1 : FADE_OPACITY2
+      el.attr("data-critical-path") === "true" ? 1 : FADE_OPACITY
     );
   });
-  chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY2);
-  chartG.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY2);
+  chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
+  chartG.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
     el.attr(
       "opacity",
-      el.attr("data-critical-path") === "true" ? 1 : FADE_OPACITY2
+      el.attr("data-critical-path") === "true" ? 1 : FADE_OPACITY
     );
   });
-  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY2);
-  chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY2);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
+  chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
   chartG.selectAll(".gantt-dep-arrow, .gantt-dep-arrowhead").each(function() {
     const el = d3Selection13.select(this);
     el.attr(
       "opacity",
-      el.attr("data-critical-path") === "true" ? 0.7 : FADE_OPACITY2
+      el.attr("data-critical-path") === "true" ? 0.7 : FADE_OPACITY
     );
   });
 }
@@ -41331,27 +41184,27 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection13.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY2
+              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
             );
           });
-          chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY2);
-          chartG.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY2);
+          chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
+          chartG.selectAll(".gantt-group-bar, .gantt-group-summary").attr("opacity", FADE_OPACITY);
           svg.selectAll(".gantt-task-label").each(function() {
             const el = d3Selection13.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY2
+              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
             );
           });
-          svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
+          svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
           svg.selectAll(".gantt-lane-header").each(function() {
             const el = d3Selection13.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY2
+              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
             );
           });
-          chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY2);
+          chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
         } else {
           if (criticalPathActive) {
             applyCriticalPathHighlight(svg, chartG);
@@ -41456,27 +41309,27 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette, er
     eraG.on("mouseenter", () => {
       g.selectAll(".gantt-task").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(".gantt-milestone").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(
         ".gantt-group-bar, .gantt-group-summary"
-      ).attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", 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_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(
         ".gantt-dep-arrow, .gantt-dep-arrowhead"
-      ).attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(".gantt-marker-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       eraRect.attr("opacity", hoverEraOpacity);
       if (eraTruncated) eraLabel.text(era.label);
@@ -41534,31 +41387,31 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette, er
     markerG.on("mouseenter", () => {
       g.selectAll(".gantt-task").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(".gantt-milestone").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(
         ".gantt-group-bar, .gantt-group-summary"
-      ).attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-task-label").attr("opacity", FADE_OPACITY2);
-      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+      svg.selectAll(".gantt-task-label").attr("opacity", 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_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(
         ".gantt-dep-arrow, .gantt-dep-arrowhead"
-      ).attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(".gantt-era-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       g.selectAll(".gantt-marker-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       markerG.attr("opacity", 1);
       markerLine.attr("opacity", 0.8);
@@ -41634,7 +41487,7 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         const id = el.attr("data-task-id");
         el.attr(
           "opacity",
-          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY2
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
         );
       });
       g.selectAll(".gantt-milestone").each(function() {
@@ -41642,7 +41495,7 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         const id = el.attr("data-task-id");
         el.attr(
           "opacity",
-          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY2
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
         );
       });
       svg.selectAll(".gantt-task-label").each(function() {
@@ -41650,7 +41503,7 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         const id = el.attr("data-task-id");
         el.attr(
           "opacity",
-          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY2
+          id && overlappingTaskIds.has(id) ? 1 : FADE_OPACITY
         );
       });
       g.selectAll(
@@ -41660,7 +41513,7 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         const name = el.attr("data-group");
         el.attr(
           "opacity",
-          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY2
+          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY
         );
       });
       svg.selectAll(".gantt-group-label").each(function() {
@@ -41668,19 +41521,19 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         const name = el.attr("data-group");
         el.attr(
           "opacity",
-          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY2
+          name && overlappingGroupNames.has(name) ? 1 : FADE_OPACITY
         );
       });
-      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
+      svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
       g.selectAll(
         ".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group"
-      ).attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(
         ".gantt-dep-arrow, .gantt-dep-arrowhead"
-      ).attr("opacity", FADE_OPACITY2);
+      ).attr("opacity", FADE_OPACITY);
       g.selectAll(".gantt-marker-group").attr(
         "opacity",
-        FADE_OPACITY2
+        FADE_OPACITY
       );
       sprintRect.attr("opacity", SPRINT_HOVER_OPACITY);
       const startVisible = rawSx >= chartMinX;
@@ -41749,20 +41602,20 @@ function highlightDeps(g, svg, taskId, resolved) {
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection13.select(this);
     const id = el.attr("data-task-id");
-    el.attr("opacity", id && related.has(id) ? 1 : FADE_OPACITY2);
+    el.attr("opacity", id && related.has(id) ? 1 : FADE_OPACITY);
   });
   g.selectAll(".gantt-milestone").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
   g.selectAll(
     ".gantt-group-bar, .gantt-group-summary"
-  ).attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-lane-band, .gantt-lane-accent").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
   g.selectAll(
     ".gantt-dep-arrow, .gantt-dep-arrowhead"
@@ -41771,52 +41624,52 @@ function highlightDeps(g, svg, taskId, resolved) {
     const from = el.attr("data-dep-from");
     const to = el.attr("data-dep-to");
     const isRelated = from && related.has(from) || to && related.has(to);
-    el.attr("opacity", isRelated ? 0.5 : FADE_OPACITY2);
+    el.attr("opacity", isRelated ? 0.5 : FADE_OPACITY);
   });
   g.selectAll(".gantt-marker-group").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
 }
 function highlightGroup(g, svg, groupName) {
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
   g.selectAll(".gantt-milestone").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
   g.selectAll(
     ".gantt-group-bar, .gantt-group-summary"
   ).each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-group-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-group") === groupName ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").each(function() {
     const el = d3Selection13.select(this);
     el.attr(
       "opacity",
-      el.attr("data-group") === groupName ? 1 : FADE_OPACITY2
+      el.attr("data-group") === groupName ? 1 : FADE_OPACITY
     );
   });
-  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY2);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-lane-band, .gantt-lane-accent").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
   g.selectAll(".gantt-marker-group").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
 }
 function highlightLane(g, svg, tagKey, laneName) {
@@ -41824,105 +41677,105 @@ function highlightLane(g, svg, tagKey, laneName) {
   const laneValue = laneName.toLowerCase();
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY);
   });
   g.selectAll(".gantt-milestone").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr(tagAttr) === laneValue ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-lane-header").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY);
   });
   g.selectAll(".gantt-lane-band-group").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-lane") === laneName ? 1 : FADE_OPACITY);
   });
   g.selectAll(
     ".gantt-group-bar, .gantt-group-summary"
-  ).attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-marker-group").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
 }
 function highlightTask(g, svg, taskId) {
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
   });
   g.selectAll(".gantt-milestone").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
   });
   g.selectAll(
     ".gantt-group-bar, .gantt-group-summary"
-  ).attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(
     ".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group"
-  ).attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
   g.selectAll(
     ".gantt-dep-arrow, .gantt-dep-arrowhead"
-  ).attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-marker-group").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
 }
 function highlightMilestone(g, svg, taskId) {
   g.selectAll(".gantt-task").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
   g.selectAll(".gantt-milestone").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
   });
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-task-id") === taskId ? 1 : FADE_OPACITY);
   });
   g.selectAll(
     ".gantt-group-bar, .gantt-group-summary"
-  ).attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY2);
-  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-group-band-bg, .gantt-group-band-accent").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-header").attr("opacity", FADE_OPACITY);
+  svg.selectAll(".gantt-lane-band-bg, .gantt-lane-band-accent").attr("opacity", FADE_OPACITY);
   g.selectAll(
     ".gantt-lane-band, .gantt-lane-accent, .gantt-lane-band-group"
-  ).attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
   g.selectAll(
     ".gantt-dep-arrow, .gantt-dep-arrowhead"
-  ).attr("opacity", FADE_OPACITY2);
+  ).attr("opacity", FADE_OPACITY);
   g.selectAll(".gantt-marker-group").attr(
     "opacity",
-    FADE_OPACITY2
+    FADE_OPACITY
   );
 }
 function highlightTaskLabel(svg, lineNumber) {
   const ln = String(lineNumber);
   svg.selectAll(".gantt-task-label").each(function() {
     const el = d3Selection13.select(this);
-    el.attr("opacity", el.attr("data-line-number") === ln ? 1 : FADE_OPACITY2);
+    el.attr("opacity", el.attr("data-line-number") === ln ? 1 : FADE_OPACITY);
   });
 }
 function resetTaskLabels(svg) {
@@ -42196,7 +42049,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_PAD2, LABEL_GAP, BAND_ACCENT_W, BAND_RADIUS, bandClipCounter, JS_DAY_TO_WEEKDAY2, ERA_COLORS, SPRINT_BAND_OPACITY, SPRINT_HOVER_OPACITY, SPRINT_BOUNDARY_OPACITY, FADE_OPACITY2, MONTH_ABBR2;
+var BAR_H, ROW_GAP, GROUP_GAP2, MILESTONE_SIZE, MIN_LEFT_MARGIN, BOTTOM_MARGIN, RIGHT_MARGIN, CHAR_W2, LABEL_PAD2, 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_ABBR2;
 var init_renderer12 = __esm({
   "src/gantt/renderer.ts"() {
     "use strict";
@@ -42237,7 +42090,7 @@ var init_renderer12 = __esm({
     SPRINT_BAND_OPACITY = 0.05;
     SPRINT_HOVER_OPACITY = 0.12;
     SPRINT_BOUNDARY_OPACITY = 0.3;
-    FADE_OPACITY2 = 0.1;
+    FADE_OPACITY = 0.1;
     MONTH_ABBR2 = [
       "Jan",
       "Feb",
@@ -47563,7 +47416,8 @@ function layoutMap(resolved, data, size, opts) {
     palette.bg,
     mutedBasemap ? isDark ? MUTED_FOREIGN_DARK : MUTED_FOREIGN_LIGHT : isDark ? FOREIGN_TINT_DARK : FOREIGN_TINT_LIGHT
   );
-  const colorizeActive = resolved.directives.noColorize !== true && !hasRamp && resolved.tagGroups.length === 0;
+  const hasDirectColor = resolved.regions.some((r) => r.color !== void 0);
+  const colorizeActive = resolved.directives.noColorize !== true && !hasRamp && !hasDirectColor && resolved.tagGroups.length === 0;
   const colorByIso = /* @__PURE__ */ new Map();
   if (colorizeActive) {
     const adjacency = /* @__PURE__ */ new Map();
@@ -47659,16 +47513,17 @@ function layoutMap(resolved, data, size, opts) {
       };
     }
   }
+  const shownTitle = resolved.directives.noTitle ? null : resolved.title;
   const TITLE_GAP2 = 16;
   let topPad = FIT_PAD;
-  if (resolved.title && resolved.pois.length > 0) {
+  if (shownTitle && resolved.pois.length > 0) {
     const bannerBottom = (resolved.subtitle ? TITLE_Y + TITLE_FONT_SIZE : TITLE_Y) + TITLE_FONT_SIZE / 2;
     topPad = Math.max(FIT_PAD, bannerBottom + TITLE_GAP2);
   }
   const legendBand = mapLegendBand(legend, {
     width,
     mode: opts.legendMode ?? "preview",
-    hasTitle: Boolean(resolved.title),
+    hasTitle: Boolean(shownTitle),
     hasSubtitle: Boolean(resolved.subtitle)
   });
   if (legendBand > topPad) topPad = legendBand;
@@ -48757,7 +48612,7 @@ function layoutMap(resolved, data, size, opts) {
     width,
     height,
     background: water,
-    title: resolved.title,
+    title: shownTitle,
     ...resolved.subtitle !== void 0 && { subtitle: resolved.subtitle },
     ...resolved.caption !== void 0 && { caption: resolved.caption },
     regions,
@@ -49166,9 +49021,10 @@ function renderMap(container, resolved, data, palette, isDark, onClickItem, expo
       wireSync(lt, leg.lineNumber);
     }
   });
+  const clusterUi = !exportDims && !resolved.directives.noClusterPois;
   const gSpider = svg.append("g").attr("class", "dgmo-map-spider");
   for (const cl of layout.clusters) {
-    if (!exportDims) {
+    if (clusterUi) {
       gSpider.append("circle").attr("cx", cl.cx).attr("cy", cl.cy).attr("r", cl.hitR).attr("fill", "transparent").attr("data-cluster-hit", cl.id).style("cursor", "pointer");
     }
     for (const leg of cl.legs) {
@@ -49260,13 +49116,18 @@ function renderMap(container, resolved, data, palette, isDark, onClickItem, expo
     }
     wireSync(t, lab.lineNumber);
   }
-  if (!exportDims && layout.clusters.length) {
+  if (clusterUi && layout.clusters.length) {
     const gBadge = svg.append("g").attr("class", "dgmo-map-cluster-badges");
     for (const cl of layout.clusters) {
       const g = gBadge.append("g").attr("data-cluster", cl.id).style("opacity", 0).style("pointer-events", "none");
       const R = 9;
       g.append("circle").attr("cx", cl.cx).attr("cy", cl.cy).attr("r", R).attr("fill", mix(palette.textMuted, palette.bg, 35)).attr("stroke", palette.textMuted).attr("stroke-width", 1);
       g.append("circle").attr("cx", cl.cx).attr("cy", cl.cy).attr("r", R + 2.5).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1);
+      const beadR = R + 2.5;
+      for (const leg of cl.legs) {
+        const a = Math.atan2(leg.y2 - cl.cy, leg.x2 - cl.cx);
+        g.append("circle").attr("class", "dgmo-map-cluster-bead").attr("cx", cl.cx + beadR * Math.cos(a)).attr("cy", cl.cy + beadR * Math.sin(a)).attr("r", 1.8).attr("fill", leg.color).attr("stroke", palette.bg).attr("stroke-width", 0.5);
+      }
       emitText(
         g,
         cl.cx,
@@ -52191,10 +52052,12 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       isDark ? 15 : 20
     ) : isDark ? palette.surface : palette.bg;
     const strokeColor = groupTagColor || palette.textMuted;
-    const groupG = svg.append("g").attr("class", "group-box-wrapper").attr("data-group-toggle", "").attr("data-group-line", String(group.lineNumber)).attr("cursor", "pointer");
+    const groupG = svg.append("g").attr("class", "group-box-wrapper").attr("data-group-toggle", "").attr("data-group-line", String(group.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "true").attr("cursor", "pointer");
     groupG.append("title").text("Click to collapse");
-    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);
+    groupG.append("rect").attr("x", minX).attr("y", boxY).attr("width", maxX - minX).attr("height", boxH).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("pointer-events", "none").attr("class", "group-box");
+    groupG.append("rect").attr("x", minX).attr("y", boxY).attr("width", maxX - minX).attr("height", participantStartY - boxY).attr("fill", "transparent").attr("class", "group-label-hit");
+    groupG.append("text").attr("x", minX + 8).attr("y", boxY + GROUP_LABEL_SIZE + 4).attr("fill", strokeColor).attr("font-size", GROUP_LABEL_SIZE).attr("opacity", 0.7).attr("pointer-events", "none").attr("class", "group-chevron").text("\u25BE");
+    groupG.append("text").attr("x", minX + 8 + GROUP_LABEL_SIZE + 2).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("pointer-events", "none").attr("class", "group-label").text(group.name);
   }
   const lifelineStartY = lifelineStartY0;
   participants.forEach((participant) => {
@@ -52236,7 +52099,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const participantG = svg.select(
         `.participant[data-participant-id="${participant.id}"]`
       );
-      participantG.attr("data-group-toggle", "").attr("data-group-line", String(meta.lineNumber)).attr("cursor", "pointer");
+      participantG.attr("data-group-toggle", "").attr("data-group-line", String(meta.lineNumber)).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "false").attr("cursor", "pointer");
       participantG.append("title").text("Click to expand");
       const pFill = effectiveTagColor ? mix(
         effectiveTagColor,
@@ -54219,7 +54082,7 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
     neighbors2.get(link.source).add(link.target);
     neighbors2.get(link.target).add(link.source);
   }
-  const FADE_OPACITY3 = 0.1;
+  const FADE_OPACITY2 = 0.1;
   function handleMouseEnter(hovered) {
     const connected = neighbors2.get(hovered);
     g.selectAll(".arc-link").each(function() {
@@ -54227,13 +54090,13 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
       const src = el.attr("data-source");
       const tgt = el.attr("data-target");
       const isRelated = src === hovered || tgt === hovered;
-      el.attr("stroke-opacity", isRelated ? 0.85 : FADE_OPACITY3);
+      el.attr("stroke-opacity", isRelated ? 0.85 : FADE_OPACITY2);
     });
     g.selectAll(".arc-node").each(function() {
       const el = d3Selection23.select(this);
       const name = el.attr("data-node");
       const isRelated = name === hovered || connected.has(name);
-      el.attr("opacity", isRelated ? 1 : FADE_OPACITY3);
+      el.attr("opacity", isRelated ? 1 : FADE_OPACITY2);
     });
   }
   function handleMouseLeave() {
@@ -54257,11 +54120,11 @@ function renderArcDiagram(container, parsed, palette, _isDark, onClickItem, expo
     g.selectAll(".arc-link").each(function() {
       const el = d3Selection23.select(this);
       const isRelated = members.has(el.attr("data-source")) || members.has(el.attr("data-target"));
-      el.attr("stroke-opacity", isRelated ? 0.85 : FADE_OPACITY3);
+      el.attr("stroke-opacity", isRelated ? 0.85 : FADE_OPACITY2);
     });
     g.selectAll(".arc-node").each(function() {
       const el = d3Selection23.select(this);
-      el.attr("opacity", members.has(el.attr("data-node")) ? 1 : FADE_OPACITY3);
+      el.attr("opacity", members.has(el.attr("data-node")) ? 1 : FADE_OPACITY2);
     });
     g.selectAll(".arc-group-band").each(function() {
       const el = d3Selection23.select(this);
@@ -54783,23 +54646,23 @@ function setupTimeline(container, parsed, palette, isDark, exportDims, activeTag
   };
 }
 function makeTimelineHoverHelpers() {
-  const FADE_OPACITY3 = 0.1;
+  const FADE_OPACITY2 = 0.1;
   function fadeToGroup(g, groupName) {
     g.selectAll(".tl-event").each(function() {
       const el = d3Selection23.select(this);
       const evGroup = el.attr("data-group");
-      el.attr("opacity", evGroup === groupName ? 1 : FADE_OPACITY3);
+      el.attr("opacity", evGroup === groupName ? 1 : FADE_OPACITY2);
     });
     g.selectAll(".tl-legend-item, .tl-lane-header").each(
       function() {
         const el = d3Selection23.select(this);
         const name = el.attr("data-group");
-        el.attr("opacity", name === groupName ? 1 : FADE_OPACITY3);
+        el.attr("opacity", name === groupName ? 1 : FADE_OPACITY2);
       }
     );
     g.selectAll(".tl-marker").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
   }
   function fadeToEra(g, eraStart, eraEnd) {
@@ -54809,40 +54672,40 @@ function makeTimelineHoverHelpers() {
       const endDate = el.attr("data-end-date");
       const evEnd = endDate ? parseFloat(endDate) : date;
       const inside = evEnd >= eraStart && date <= eraEnd;
-      el.attr("opacity", inside ? 1 : FADE_OPACITY3);
+      el.attr("opacity", inside ? 1 : FADE_OPACITY2);
     });
     g.selectAll(".tl-legend-item, .tl-lane-header").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
     g.selectAll(".tl-era").each(function() {
       const el = d3Selection23.select(this);
       const s = parseFloat(el.attr("data-era-start"));
       const e = parseFloat(el.attr("data-era-end"));
       const isSelf = s === eraStart && e === eraEnd;
-      el.attr("opacity", isSelf ? 1 : FADE_OPACITY3);
+      el.attr("opacity", isSelf ? 1 : FADE_OPACITY2);
     });
     g.selectAll(".tl-marker").each(function() {
       const el = d3Selection23.select(this);
       const date = parseFloat(el.attr("data-marker-date"));
       const inside = date >= eraStart && date <= eraEnd;
-      el.attr("opacity", inside ? 1 : FADE_OPACITY3);
+      el.attr("opacity", inside ? 1 : FADE_OPACITY2);
     });
   }
   function fadeToMarker(g, markerDate) {
     g.selectAll(".tl-event").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
-    g.selectAll(".tl-era").attr("opacity", FADE_OPACITY3);
+    g.selectAll(".tl-era").attr("opacity", FADE_OPACITY2);
     g.selectAll(".tl-legend-item, .tl-lane-header").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
     g.selectAll(".tl-marker").each(function() {
       const el = d3Selection23.select(this);
       const date = parseFloat(el.attr("data-marker-date"));
-      el.attr("opacity", date === markerDate ? 1 : FADE_OPACITY3);
+      el.attr("opacity", date === markerDate ? 1 : FADE_OPACITY2);
     });
   }
   function fadeReset(g) {
@@ -54856,15 +54719,15 @@ function makeTimelineHoverHelpers() {
     g.selectAll(".tl-event").each(function() {
       const el = d3Selection23.select(this);
       const val = el.attr(attrName);
-      el.attr("opacity", val === tagValue ? 1 : FADE_OPACITY3);
+      el.attr("opacity", val === tagValue ? 1 : FADE_OPACITY2);
     });
     g.selectAll(".tl-legend-item, .tl-lane-header").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
     g.selectAll(".tl-marker").attr(
       "opacity",
-      FADE_OPACITY3
+      FADE_OPACITY2
     );
     g.selectAll(".tl-tag-legend-entry").each(function() {
       const el = d3Selection23.select(this);
@@ -54873,7 +54736,7 @@ function makeTimelineHoverHelpers() {
       const entryGroup = el.attr("data-tag-group");
       el.attr(
         "opacity",
-        entryGroup === tagKey && entryValue === tagValue ? 1 : FADE_OPACITY3
+        entryGroup === tagKey && entryValue === tagValue ? 1 : FADE_OPACITY2
       );
     });
   }
@@ -54883,7 +54746,7 @@ function makeTimelineHoverHelpers() {
     }
   }
   return {
-    FADE_OPACITY: FADE_OPACITY3,
+    FADE_OPACITY: FADE_OPACITY2,
     fadeToGroup,
     fadeToEra,
     fadeToMarker,
@@ -54895,7 +54758,7 @@ function makeTimelineHoverHelpers() {
 function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setup, hovers, onClickItem, exportDims, swimlaneTagGroup, activeTagGroup, onTagStateChange, viewMode, exportMode) {
   if (parsed.timelineTagGroups.length === 0) return;
   const { width, textColor, groupColorMap, solid } = setup;
-  const { FADE_OPACITY: FADE_OPACITY3, fadeReset, fadeToTagValue } = hovers;
+  const { FADE_OPACITY: FADE_OPACITY2, fadeReset, fadeToTagValue } = hovers;
   const title = parsed.noTitle ? null : parsed.title;
   const { timelineEvents } = parsed;
   const LG_HEIGHT = LEGEND_HEIGHT;
@@ -54985,7 +54848,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
               const eg = el.attr("data-tag-group") ?? el.node()?.closest?.("[data-tag-group]")?.getAttribute("data-tag-group");
               el.attr(
                 "opacity",
-                eg === tagKey && ev === tagVal ? 1 : FADE_OPACITY3
+                eg === tagKey && ev === tagVal ? 1 : FADE_OPACITY2
               );
             });
           } else {
@@ -57744,6 +57607,9 @@ async function renderForExport(content, theme, palette, viewState, options) {
     const { renderSequenceDiagram: renderSequenceDiagram2 } = await Promise.resolve().then(() => (init_renderer20(), renderer_exports20));
     const seqParsed = parseSequenceDgmo2(content);
     if (seqParsed.error || seqParsed.participants.length === 0) return "";
+    const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
+    const collapsedGroups = viewState?.cg ? new Set(viewState.cg.map(Number).filter((n) => Number.isFinite(n))) : void 0;
+    const seqActiveTagGroup = viewState?.tag ?? options?.tagGroup;
     renderSequenceDiagram2(
       container,
       seqParsed,
@@ -57752,9 +57618,11 @@ async function renderForExport(content, theme, palette, viewState, options) {
       void 0,
       {
         exportWidth: EXPORT_WIDTH,
-        ...options?.tagGroup !== void 0 && {
-          activeTagGroup: options.tagGroup
-        }
+        ...seqActiveTagGroup !== void 0 && {
+          activeTagGroup: seqActiveTagGroup
+        },
+        ...collapsedSections !== void 0 && { collapsedSections },
+        ...collapsedGroups !== void 0 && { collapsedGroups }
       }
     );
   } else if (parsed.type === "wordcloud") {
@@ -58816,8 +58684,17 @@ function normalizeSvgForEmbed(input) {
   const tight = computeBBox(svg);
   if (tight && tight.width > 0 && tight.height > 0) {
     const pad2 = 16;
-    const vb = `${tight.x - pad2} ${tight.y - pad2} ${tight.width + pad2 * 2} ${tight.height + pad2 * 2}`;
-    svg = svg.replace(/(<svg[^>]*?)viewBox="[^"]*"/, `$1viewBox="${vb}"`);
+    const x = tight.x - pad2;
+    const y = tight.y - pad2;
+    const w = tight.width + pad2 * 2;
+    const h = tight.height + pad2 * 2;
+    const canvas = readViewBox(svg);
+    const TOL = 2;
+    const withinCanvas = !canvas || x >= canvas.x - TOL && y >= canvas.y - TOL && x + w <= canvas.x + canvas.width + TOL && y + h <= canvas.y + canvas.height + TOL;
+    if (withinCanvas) {
+      const vb = `${x} ${y} ${w} ${h}`;
+      svg = svg.replace(/(<svg[^>]*?)viewBox="[^"]*"/, `$1viewBox="${vb}"`);
+    }
   }
   svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
   svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
@@ -58836,6 +58713,14 @@ function getEmbedSvgViewBox(svg) {
     height: tight.height + pad2 * 2
   };
 }
+function readViewBox(svg) {
+  const m = svg.match(/<svg[^>]*?\bviewBox="([^"]+)"/);
+  if (!m) return null;
+  const n = m[1].trim().split(/[\s,]+/).map(Number);
+  if (n.length !== 4 || n.some((v) => !Number.isFinite(v)) || n[2] <= 0 || n[3] <= 0)
+    return null;
+  return { x: n[0], y: n[1], width: n[2], height: n[3] };
+}
 function computeBBox(svg) {
   const xs = [];
   const ys = [];