@diagrammo/dgmo 0.96.0 → 0.97.0

package/dist/{chunk-MVUNMJKO.js → chunk-2FMOLWX4.js}

@@ -6,124 +6,131 @@ import {
   parseHeatmap,
   parseSankey,
   parseScatter
-} from "./chunk-P2GNNEMN.js";
+} from "./chunk-WPYJAHRP.js";
+import {
+  MAP_DIAGNOSTICS
+} from "./chunk-EOYPX6SF.js";
+import {
+  parseTechRadar
+} from "./chunk-DKMZ4VMV.js";
+import {
+  parsePyramid
+} from "./chunk-CGP7RGLJ.js";
 import {
   parseRing
-} from "./chunk-K2WXMXI2.js";
+} from "./chunk-QLIZ7SB7.js";
 import {
   TREEMAP_DIAGNOSTICS,
   parseTreemap
-} from "./chunk-EPB3UEMD.js";
+} from "./chunk-NBISN6FH.js";
 import {
-  MAP_DIAGNOSTICS
-} from "./chunk-EOYPX6SF.js";
+  SWOT_DIAGNOSTICS,
+  parseSwot
+} from "./chunk-KNKZGRRB.js";
 import {
   VERSION_CONTROL_DIAGNOSTICS,
   parseVersionControl
-} from "./chunk-FBK32S4D.js";
+} from "./chunk-R4SXMBGF.js";
 import {
   parseMap
-} from "./chunk-5ARANBIE.js";
+} from "./chunk-IUFTAFGN.js";
 import {
   WHITEBOARD_DIAGNOSTICS,
   parseWhiteboard
-} from "./chunk-P3PSLC2K.js";
+} from "./chunk-AULFF7L2.js";
 import {
   SWIMLANE_DIAGNOSTICS,
   parseSwimlane
-} from "./chunk-B7BSRVNC.js";
+} from "./chunk-PZ5LAAO3.js";
 import {
   parseMindmap
-} from "./chunk-SIABEREK.js";
-import {
-  parseTechRadar
-} from "./chunk-VVTCUIPN.js";
-import {
-  parsePyramid
-} from "./chunk-B2YVZ3QU.js";
+} from "./chunk-KTGJQJB3.js";
 import {
   parseKanban
-} from "./chunk-SCYVGPLI.js";
+} from "./chunk-B7ZH5EQ2.js";
 import {
   parseInfra
-} from "./chunk-VLI6AWS3.js";
+} from "./chunk-3C4OXVZJ.js";
 import {
   parseJourneyMap
-} from "./chunk-GM2SLMQW.js";
+} from "./chunk-TMB4YY3J.js";
+import {
+  parseGantt
+} from "./chunk-VQWLASDC.js";
 import {
   parseGoal
-} from "./chunk-YSGOXZBB.js";
+} from "./chunk-ZMVMGZAJ.js";
 import {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
-} from "./chunk-ITDF3MWD.js";
+} from "./chunk-L3K5O3Z5.js";
 import {
   parseTimelineEventLine
-} from "./chunk-AUXUNV73.js";
+} from "./chunk-O3HRF25Z.js";
 import {
   FAMILY_DIAGNOSTICS,
   parseFamily
-} from "./chunk-YFIUABSF.js";
-import {
-  parseGantt
-} from "./chunk-KQAPFIYF.js";
+} from "./chunk-J467QBZF.js";
 import {
   parseClock
-} from "./chunk-EZ6BI5LL.js";
+} from "./chunk-6OUMYNAJ.js";
 import {
   parseCountdown
-} from "./chunk-I2I2FKAK.js";
+} from "./chunk-EBJLT7PH.js";
 import {
   parseCycle
-} from "./chunk-QEU6VM4O.js";
+} from "./chunk-PLQZJZ2K.js";
 import {
   parseBracket
-} from "./chunk-RGFVHYDP.js";
+} from "./chunk-3IUMSK72.js";
 import {
   parseC4
-} from "./chunk-BD4O4D2A.js";
+} from "./chunk-5WZYJC2P.js";
 import {
   parseBlock
-} from "./chunk-DWMQ24JR.js";
+} from "./chunk-RC6PISCK.js";
 import {
   BODY_DIAGNOSTICS,
   parseBody
-} from "./chunk-IU7XKZA6.js";
+} from "./chunk-FK6HZYGK.js";
 import {
   parseBoxesAndLines
-} from "./chunk-OAZ6BIIB.js";
+} from "./chunk-SNDCXT5R.js";
 import {
   parseDgmoChartType
-} from "./chunk-I3ZRIMR7.js";
+} from "./chunk-XEMCNQQW.js";
 import {
   parseRaci
-} from "./chunk-U6N547QA.js";
+} from "./chunk-6PUBFB6D.js";
+import {
+  parseSitemap
+} from "./chunk-KMB754DO.js";
+import {
+  PERT_DIAGNOSTICS,
+  parsePert
+} from "./chunk-CUTEHGXO.js";
 import {
   parseLiveLink
-} from "./chunk-DPNSDCR3.js";
+} from "./chunk-65JFUANT.js";
 import {
   SEQUENCE_DIAGNOSTICS,
   parseSequenceDgmo
-} from "./chunk-JCC3B2GS.js";
+} from "./chunk-ROH4LYBL.js";
 import {
   parseOrg
-} from "./chunk-WLGOIMTI.js";
+} from "./chunk-YCIBBVI2.js";
 import {
-  parseSitemap
-} from "./chunk-YVIPJGFG.js";
-import {
-  PERT_DIAGNOSTICS,
-  parsePert
-} from "./chunk-34JOHSVE.js";
+  parseState
+} from "./chunk-WXGFB2O2.js";
 import {
   parseFlowchart
-} from "./chunk-H7RQG4PH.js";
+} from "./chunk-IAM3IDL4.js";
 import {
   GRAPH_DIAGNOSTICS
 } from "./chunk-TIVMAITN.js";
 import {
-  parseState
-} from "./chunk-TPCP2UOI.js";
+  parseERDiagram
+} from "./chunk-PSNRB75I.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -133,18 +140,15 @@ import {
 import {
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
-import {
-  parseERDiagram
-} from "./chunk-MAYTYF5S.js";
 import {
   parseClassDiagram
-} from "./chunk-M4ZUIW3J.js";
+} from "./chunk-H7DZYHQF.js";
 import {
   ARROW_DIAGNOSTIC_CODES
 } from "./chunk-N7VMGZCU.js";
 import {
   parseWireframe
-} from "./chunk-D7DGLJ7N.js";
+} from "./chunk-VVZDBUHA.js";
 import {
   RACI_DIAGNOSTICS
 } from "./chunk-4WW3SGMH.js";
@@ -154,7 +158,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   ALIAS_DIAGNOSTICS,
   RETIRED_CHART_TYPES,
@@ -166,10 +170,11 @@ import {
   measureIndent,
   normalizeNumericToken,
   parseFirstLine,
+  peelTrailingCollapsedFlag,
   peelTrailingColorName,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-3J7O3CU6.js";
@@ -410,7 +415,9 @@ function parseVisualizationFull(content, palette) {
       const tlGroupMatch = line.match(/^\[(.+?)\]\s*(.*?)\s*$/);
       if (tlGroupMatch) {
         const name = tlGroupMatch[1].trim();
-        const trailing = tlGroupMatch[2] ?? "";
+        const lanePeel = peelTrailingCollapsedFlag(tlGroupMatch[2] ?? "");
+        const trailing = lanePeel.rest;
+        let collapsed = lanePeel.collapsed;
         let color = null;
         let groupMeta = {};
         if (trailing) {
@@ -457,11 +464,16 @@ function parseVisualizationFull(content, palette) {
             }
           }
         }
+        if (groupMeta["collapsed"] !== void 0) {
+          if (groupMeta["collapsed"].toLowerCase() === "true") collapsed = true;
+          delete groupMeta["collapsed"];
+        }
         result.timelineGroups.push({
           name,
           color,
           metadata: groupMeta,
-          lineNumber
+          lineNumber,
+          ...collapsed && { collapsed: true }
         });
         currentTimelineGroup = name;
         currentTimelineGroupMeta = groupMeta;
@@ -1629,6 +1641,7 @@ var REGISTRY = [
   ...UNIVERSAL_DIAGNOSTICS,
   ...SWIMLANE_DIAGNOSTICS,
   ...RACI_DIAGNOSTICS,
+  ...SWOT_DIAGNOSTICS,
   ...TREEMAP_DIAGNOSTICS,
   ...EVENT_LINE_DIAGNOSTICS,
   ...BODY_DIAGNOSTICS,
@@ -1711,6 +1724,7 @@ var REGISTRY2 = {
   wireframe: { category: "diagram", parse: parseWireframe },
   "journey-map": { category: "diagram", parse: parseJourneyMap },
   raci: { category: "diagram", parse: parseRaci },
+  swot: { category: "diagram", parse: parseSwot },
   // ── Standard ECharts charts (parseChart) ──────────────────
   bar: { category: "data-chart", parse: parseChart },
   line: { category: "data-chart", parse: parseChart },

package/dist/{chunk-2BYFNZVM.js → chunk-2SZILMQT.js}

@@ -1,17 +1,20 @@
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   allTasks
-} from "./chunk-U6N547QA.js";
+} from "./chunk-6PUBFB6D.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -21,12 +24,12 @@ import {
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -35,6 +38,18 @@ import {
 
 // src/raci/renderer.ts
 import * as d3Selection from "d3-selection";
+
+// src/raci/collapse.ts
+function collapsedRaciPhasesFromSource(parsed, interactiveLines) {
+  const lines = new Set(interactiveLines ?? []);
+  const ids = /* @__PURE__ */ new Set();
+  for (const phase of parsed.phases) {
+    if (phase.collapsed || lines.has(phase.lineNumber)) ids.add(phase.id);
+  }
+  return ids;
+}
+
+// src/raci/renderer.ts
 function groupDiagnosticsByTask(parsed) {
   const map = /* @__PURE__ */ new Map();
   if (parsed.diagnostics.length === 0) return map;
@@ -429,7 +444,8 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
         sPhaseHeight,
         sPhaseFont,
         sColumnInset,
-        sNodeRadius
+        sNodeRadius,
+        ctx
       );
     } else {
       renderTaskRow(
@@ -570,11 +586,25 @@ function renderLegend(svg, markers, variant, x, y, mode, chipW, palette, surface
     );
   });
 }
-function renderRaciForExport(container, parsed, palette, isDark, exportDims) {
-  renderRaci(container, parsed, palette, isDark, {}, exportDims);
+function renderRaciForExport(container, parsed, palette, isDark, exportDims, interactiveCollapsedLines) {
+  const collapsedPhases = collapsedRaciPhasesFromSource(
+    parsed,
+    interactiveCollapsedLines
+  );
+  renderRaci(
+    container,
+    parsed,
+    palette,
+    isDark,
+    { collapsedPhases },
+    exportDims
+  );
 }
-function renderPhaseBar(svg, phase, x, y, width, palette, collapsed, autoColor, roles, roleX, roleColW, variant, surfaceBg, fillMode, showSummary, sPhaseHeight, sPhaseFont, sColumnInset, sNodeRadius) {
-  const phaseG = svg.append("g").attr("class", "raci-phase").attr("data-section", `phase-${phase.id}`).attr("data-section-toggle", "").attr("data-line-number", String(phase.lineNumber)).attr("data-phase-id", phase.id).attr("data-collapsed", collapsed ? "1" : "0").style("cursor", "pointer");
+function renderPhaseBar(svg, phase, x, y, width, palette, collapsed, autoColor, roles, roleX, roleColW, variant, surfaceBg, fillMode, showSummary, sPhaseHeight, sPhaseFont, sColumnInset, sNodeRadius, scale) {
+  const phaseG = svg.append("g").attr("class", "raci-phase").attr("data-section", `phase-${phase.id}`).attr("data-line-number", String(phase.lineNumber)).attr("data-phase-id", phase.id).attr("data-collapsed", collapsed ? "1" : "0").style("cursor", "pointer");
+  if (phase.tasks.length > 0) {
+    phaseG.attr("data-group-toggle", phase.id).attr("aria-expanded", String(!collapsed)).attr("role", "button").attr("aria-label", phase.displayName);
+  }
   const phaseColor = phase.color ?? autoColor;
   const phaseRect = phaseG.append("rect").attr("x", x).attr("y", y + 4).attr("width", width).attr("height", sPhaseHeight - 8).attr(
     "fill",
@@ -583,17 +613,28 @@ function renderPhaseBar(svg, phase, x, y, width, palette, collapsed, autoColor,
   if (fillMode === "outline") {
     phaseRect.attr("stroke", phaseColor).attr("stroke-width", 1.25);
   }
-  const chevX = x + 12;
-  const chevY = y + sPhaseHeight / 2;
-  phaseG.append("text").attr("x", chevX).attr("y", chevY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", 9).attr("fill", palette.text).attr("opacity", 0.6).text(collapsed ? "\u25B6" : "\u25BC");
-  phaseG.append("text").attr("x", x + 26).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont).attr("font-weight", "bold").attr("fill", palette.text).text(phase.displayName);
+  if (phase.tasks.length > 0) {
+    renderCollapseBar(phaseG, {
+      expanded: !collapsed,
+      x,
+      y: y + 4,
+      width,
+      height: sPhaseHeight - 8,
+      rx: 4,
+      fill: phaseColor,
+      clipId: `raci-phase-clip-${phase.id.replace(/[^A-Za-z0-9_-]/g, "_")}`,
+      prefix: "raci",
+      scale
+    });
+  }
+  phaseG.append("text").attr("x", x + 12).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont).attr("font-weight", "bold").attr("fill", palette.text).text(phase.displayName);
   if (collapsed) {
     const taskCount = phase.tasks.length;
     if (taskCount > 0) {
       const labelTextWidth = measureText(phase.displayName, sPhaseFont, {
         bold: true
       });
-      phaseG.append("text").attr("x", x + 26 + labelTextWidth + 10).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont - 1).attr("font-weight", "normal").attr("fill", palette.textMuted).text(`${taskCount} ${taskCount === 1 ? "task" : "tasks"}`);
+      phaseG.append("text").attr("x", x + 12 + labelTextWidth + 10).attr("y", y + (sPhaseHeight - 4) / 2 + 2).attr("dominant-baseline", "central").attr("font-size", sPhaseFont - 1).attr("font-weight", "normal").attr("fill", palette.textMuted).text(`${taskCount} ${taskCount === 1 ? "task" : "tasks"}`);
     }
     if (!showSummary) return;
     const alphabet = VARIANTS[variant].alphabet;
@@ -855,6 +896,7 @@ function parseQuotedSegments(message) {
 }
 
 export {
+  collapsedRaciPhasesFromSource,
   MARKER_LABELS,
   renderRaci,
   renderRaciForExport

package/dist/{chunk-VLI6AWS3.js → chunk-3C4OXVZJ.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   INFRA_BEHAVIOR_KEY_SET,
@@ -31,7 +31,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   isRecognizedColorName
 } from "./chunk-3J7O3CU6.js";

package/dist/{chunk-OO4GUE4E.js → chunk-3HL6NSSQ.js}

@@ -3,34 +3,37 @@ import {
   capLabelColumn,
   computeTimeTicks,
   showFullOnHover
-} from "./chunk-NERQSSYD.js";
+} from "./chunk-D67YE4LR.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   EDGE_DASH,
   GRID_DASH,
   HAIRLINE_DASH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -42,7 +45,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -57,12 +60,12 @@ import {
   LEGEND_PILL_PAD,
   measureLegendText,
   truncateLegendText
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   getEraColors,
@@ -116,7 +119,7 @@ function computeBarLabel(label, x1, barWidth, innerWidth, textColor, onFillColor
 var BAND_ACCENT_W = 4;
 var BAND_RADIUS = 4;
 var bandClipCounter = 0;
-function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix, dataAttr, fillMode, barH = BAR_H, bandRadius = BAND_RADIUS, bandAccentW = BAND_ACCENT_W) {
+function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix, dataAttr, fillMode, barH = BAR_H, bandRadius = BAND_RADIUS, bandAccentW = BAND_ACCENT_W, collapsed = false, scale) {
   const bandX = 5;
   const bandW = leftMargin - 7;
   const bandY = y - barH / 2;
@@ -128,6 +131,45 @@ function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix,
     tint.attr(dataAttr.key, dataAttr.value);
     accent.attr(dataAttr.key, dataAttr.value);
   }
+  if (collapsed) {
+    renderCollapseBar(svg, {
+      x: bandX,
+      y: bandY,
+      width: bandW,
+      height: barH,
+      rx: bandRadius,
+      fill: color,
+      clipId: `${clipId}-bar`,
+      prefix: "gantt",
+      ...scale && { scale }
+    }).style("pointer-events", "none");
+  }
+  return {
+    x: bandX,
+    y: bandY,
+    width: bandW,
+    height: barH,
+    rx: bandRadius,
+    color,
+    clipId
+  };
+}
+function renderBandToggleTarget(toggle, band, collapsed, scale) {
+  toggle.append("rect").attr("class", "gantt-group-label-hit").attr("x", band.x).attr("y", band.y).attr("width", band.width).attr("height", band.height).attr("rx", band.rx).attr("fill", "transparent");
+  if (!collapsed) {
+    renderCollapseBar(toggle, {
+      expanded: true,
+      x: band.x,
+      y: band.y,
+      width: band.width,
+      height: band.height,
+      rx: band.rx,
+      fill: band.color,
+      clipId: `${band.clipId}-bar`,
+      prefix: "gantt",
+      ...scale && { scale }
+    });
+  }
 }
 function appendTaskIcon(textEl, label, isMilestone, iconColor, textColor) {
   const icon = isMilestone ? "\u25C6" : "\u25CF";
@@ -453,7 +495,6 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
   for (const row of rows) {
     if (row.type === "lane-header") {
       const laneColor = row.laneColor === UNTAGGED_TAG_COLOR ? palette.textMuted : row.laneColor;
-      const toggleIcon = row.isCollapsed ? "\u25B6" : "\u25BC";
       const labelX = 10;
       let lx1 = 0;
       let lx2 = innerWidth;
@@ -480,7 +521,9 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         fillMode,
         sBarH,
         sBandRadius,
-        sBandAccentW
+        sBandAccentW,
+        row.isCollapsed,
+        ctx
       );
       const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${tagAttrKey(row.tagKey)}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
         if (onToggleLane) onToggleLane(row.laneName);
@@ -500,7 +543,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         restoreHighlight();
         hideGanttDateIndicators(g);
       });
-      const laneFullText = toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "");
+      const laneFullText = row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "");
       const laneText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor);
       showFullOnHover(
         labelG,
@@ -541,7 +584,6 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
     } else if (row.type === "group") {
       const group = row.group;
       const isCollapsed = collapsedGroups?.has(group.name) ?? false;
-      const toggleIcon = isCollapsed ? "\u25B6" : "\u25BC";
       const tagColor = resolveTagColor(
         group.metadata,
         resolved.tagGroups,
@@ -549,7 +591,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         true
       );
       const groupColor = tagColor && tagColor !== UNTAGGED_TAG_COLOR ? tagColor : group.color ?? palette.textMuted;
-      renderLabelBand(
+      const groupBand = renderLabelBand(
         svg,
         sMarginTop + yOffset + sBarH / 2,
         leftMargin,
@@ -561,9 +603,11 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         fillMode,
         sBarH,
         sBandRadius,
-        sBandAccentW
+        sBandAccentW,
+        isCollapsed,
+        ctx
       );
-      const labelG = svg.append("g").attr("class", "gantt-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).style("cursor", onToggleGroup ? "pointer" : "default").on("click", () => {
+      const labelG = svg.append("g").attr("class", "gantt-group-label").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).attr("data-group-toggle", group.name).attr("role", "button").attr("aria-expanded", String(!isCollapsed)).attr("aria-label", group.name).style("cursor", "pointer").on("click", () => {
         if (onToggleGroup) onToggleGroup(group.name);
       }).on("mouseenter", () => {
         highlightGroup(g, svg, group.name);
@@ -579,9 +623,10 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         resetHighlight(g, svg);
         hideGanttDateIndicators(g);
       });
+      renderBandToggleTarget(labelG, groupBand, isCollapsed, ctx);
       const groupIndent = group.depth <= 2 ? group.depth * 14 : 2 * 14 + (group.depth - 2) * 8;
       const labelX = 10 + groupIndent;
-      const groupFullText = toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
+      const groupFullText = group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
       const groupText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text);
       showFullOnHover(
         labelG,

package/dist/{chunk-RGFVHYDP.js → chunk-3IUMSK72.js}

@@ -8,14 +8,14 @@ import {
   resolveActiveTagGroup,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   makeFail