@diagrammo/dgmo 0.78.0 → 0.80.0

package/dist/{chunk-3GLTQZKE.js → chunk-LA4FDGQO.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   AliasRegistry,
   KANBAN_REGISTRY,
@@ -22,16 +22,16 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 import {
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-5SI6T5A5.js";
+} from "./chunk-OAQE624Z.js";
 
 // src/kanban/parser.ts
 var COLUMN_RE = /^\[(.+?)\]\s*(.*)$/;
@@ -400,4 +400,4 @@ function parseCardLine(trimmed, lineNumber, counter, metaAliasMap, _palette, dia
 export {
   parseKanban
 };
-//# sourceMappingURL=chunk-3GLTQZKE.js.map
+//# sourceMappingURL=chunk-LA4FDGQO.js.map

package/dist/{chunk-R4YGH7DJ.js → chunk-LDJFPEQ5.js}

@@ -2,15 +2,15 @@ import {
   peelQuotedName,
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
   resolveColor
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 import {
   suggest
-} from "./chunk-5SI6T5A5.js";
+} from "./chunk-OAQE624Z.js";
 
 // src/utils/tag-groups.ts
 function tagAttrKey(name) {
@@ -133,13 +133,38 @@ function parseTagDeclaration(line) {
   };
 }
 var UNTAGGED_TAG_COLOR = "#999999";
-function resolveTagColor(metadata, tagGroups, activeGroupName, isContainer) {
+function resolveGroupTagColor(metadata, tagGroups, activeGroupName) {
+  if (!metadata || Object.keys(metadata).length === 0) return void 0;
+  const color = resolveTagColor(
+    { ...metadata },
+    [...tagGroups],
+    activeGroupName,
+    true
+  );
+  return color && color !== UNTAGGED_TAG_COLOR ? color : void 0;
+}
+function resolveTagValue(metadata, tagGroups, activeGroupName, isContainer) {
   if (!activeGroupName) return void 0;
   const group = tagGroups.find(
     (g) => tagAttrKey(g.name) === tagAttrKey(activeGroupName)
   );
   if (!group) return void 0;
   const metaValue = metadata[tagAttrKey(group.name)] ?? (isContainer ? void 0 : group.defaultValue);
+  if (!metaValue) return void 0;
+  return group.entries.find((e) => e.value.toLowerCase() === metaValue.toLowerCase())?.value ?? metaValue;
+}
+function resolveTagColor(metadata, tagGroups, activeGroupName, isContainer) {
+  if (!activeGroupName) return void 0;
+  const group = tagGroups.find(
+    (g) => tagAttrKey(g.name) === tagAttrKey(activeGroupName)
+  );
+  if (!group) return void 0;
+  const metaValue = resolveTagValue(
+    metadata,
+    tagGroups,
+    activeGroupName,
+    isContainer
+  );
   if (!metaValue) return UNTAGGED_TAG_COLOR;
   return group.entries.find((e) => e.value.toLowerCase() === metaValue.toLowerCase())?.color ?? UNTAGGED_TAG_COLOR;
 }
@@ -283,6 +308,8 @@ export {
   finalizeAutoTagColors,
   isTagBlockHeading,
   UNTAGGED_TAG_COLOR,
+  resolveGroupTagColor,
+  resolveTagValue,
   resolveTagColor,
   validateTagValues,
   validateTagGroupNames,
@@ -292,4 +319,4 @@ export {
   activeTagNoMatchMessage,
   matchTagBlockHeading
 };
-//# sourceMappingURL=chunk-R4YGH7DJ.js.map
+//# sourceMappingURL=chunk-LDJFPEQ5.js.map

package/dist/{chunk-RC3FM3FE.js → chunk-LH77K2ZK.js}

@@ -5,16 +5,16 @@ import {
 import {
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-7SMVTA7I.js";
+} from "./chunk-VPSZKOKK.js";
 import {
   chartTypes
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 
 // src/error-card.ts
 var DOCS_BASE = "https://diagrammo.app/docs";
@@ -203,4 +203,4 @@ export {
   docsLink,
   renderErrorCard
 };
-//# sourceMappingURL=chunk-RC3FM3FE.js.map
+//# sourceMappingURL=chunk-LH77K2ZK.js.map

package/dist/{chunk-32VR65TL.js → chunk-MGSOMBL3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ICZ7M6IZ.js";
 import {
   layoutInfra
-} from "./chunk-VS2M72PF.js";
+} from "./chunk-RLJKH4ZO.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -25,20 +25,20 @@ import {
 } from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-FLMXJMMY.js";
+} from "./chunk-GJ6XD5T7.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_OFFSET,
   TITLE_Y
-} from "./chunk-VSPNH7LC.js";
+} from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-HVNIHFEC.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-IZTU6WVR.js";
+} from "./chunk-TR5BFNRR.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -52,33 +52,35 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-UDUJVGCZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseInfra
-} from "./chunk-NS3KIRSW.js";
+} from "./chunk-4ROEQ3XT.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   contrastText,
+  groupFill,
+  groupStroke,
   mix,
   shapeFill
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-ARUQ55BK.js";
 import {
   resolveColor
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 
 // src/infra/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -882,12 +884,27 @@ function nodeColor(_node, palette, isDark, severity, fillMode) {
 function edgeColor(_edge, palette) {
   return palette.textMuted;
 }
-function renderGroups(svg, groups, palette, _isDark, sc = buildScaledConstants(ScaleContext.identity())) {
+function resolveGroupTagFill(metadata, activeGroup, tagGroups, palette) {
+  if (!metadata) return null;
+  const tg = tagGroups.find(
+    (t) => t.name.toLowerCase() === activeGroup.toLowerCase()
+  );
+  if (!tg) return null;
+  const tagVal = metadata[tagAttrKey(tg.name)];
+  if (!tagVal) return null;
+  const tv = tg.values.find(
+    (v) => v.name.toLowerCase() === tagVal.toLowerCase()
+  );
+  if (!tv?.color) return null;
+  return resolveColor(tv.color, palette);
+}
+function renderGroups(svg, groups, palette, isDark, sc = buildScaledConstants(ScaleContext.identity()), activeGroup, tagGroups) {
   for (const group of groups) {
     const g = svg.append("g").attr("class", "infra-group").attr("data-line-number", group.lineNumber).attr("data-node-toggle", group.id).style("cursor", "pointer");
-    const groupFill = mix(palette.surface, palette.bg, 40);
-    const groupStroke = palette.textMuted;
-    g.append("rect").attr("x", group.x).attr("y", group.y).attr("width", group.width).attr("height", group.height).attr("rx", 6).attr("fill", groupFill).attr("stroke", groupStroke).attr("stroke-opacity", 0.35).attr("stroke-width", 1);
+    const tagColor = activeGroup && tagGroups ? resolveGroupTagFill(group.metadata, activeGroup, tagGroups, palette) : null;
+    const frameFill = groupFill(palette, isDark, tagColor ?? void 0);
+    const frameStroke = groupStroke(palette, tagColor ?? void 0);
+    g.append("rect").attr("x", group.x).attr("y", group.y).attr("width", group.width).attr("height", group.height).attr("rx", 6).attr("fill", frameFill).attr("stroke", frameStroke).attr("stroke-opacity", tagColor ? 1 : 0.35).attr("stroke-width", 1);
     g.append("text").attr("x", group.x + group.width / 2).attr("y", group.y + 16).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sGroupLabelFontSize).attr("font-weight", "bold").attr("fill", palette.text).text(group.label);
     const gi = typeof group.instances === "number" ? group.instances : typeof group.instances === "string" ? parseInt(String(group.instances), 10) || 0 : 0;
     if (gi > 1) {
@@ -1537,7 +1554,7 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
   if (title && !fixedTitleH) {
     rootSvg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sc.sTitleY).attr("text-anchor", header.titleAnchor).attr("font-family", FONT_FAMILY).attr("font-size", sc.sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("data-line-number", titleLineNumber != null ? titleLineNumber : "").text(title);
   }
-  renderGroups(svg, layout.groups, palette, isDark, sc);
+  renderGroups(svg, layout.groups, palette, isDark, sc, activeGroup, tagGroups);
   const speedMultiplier = playback?.speed ?? 1;
   renderEdgePaths(
     svg,
@@ -1640,4 +1657,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-32VR65TL.js.map
+//# sourceMappingURL=chunk-MGSOMBL3.js.map

package/dist/{chunk-TLM3I4XF.js → chunk-MJEVGZDJ.js}

@@ -13,39 +13,39 @@ import {
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VSPNH7LC.js";
+} from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-HVNIHFEC.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-IZTU6WVR.js";
+} from "./chunk-TR5BFNRR.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT,
   measureLegendText
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-UDUJVGCZ.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseKanban
-} from "./chunk-3GLTQZKE.js";
+} from "./chunk-LA4FDGQO.js";
 import {
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-ARUQ55BK.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -208,6 +208,18 @@ function resolveCardTagColor(card, tagGroups, activeTagGroup) {
   );
   return entry?.color;
 }
+function resolveColumnTagColor(column, tagGroups, activeTagGroup) {
+  if (!activeTagGroup) return void 0;
+  const group = tagGroups.find(
+    (g) => g.name.toLowerCase() === activeTagGroup.toLowerCase()
+  );
+  if (!group) return void 0;
+  const value = column.metadata?.[tagAttrKey(group.name)];
+  if (!value) return void 0;
+  return group.entries.find(
+    (e) => e.value.toLowerCase() === value.toLowerCase()
+  )?.color;
+}
 function collapsedChips(cards, group) {
   if (!group) return [];
   const legendOrder = new Map(
@@ -544,8 +556,9 @@ function renderKanban(container, parsed, palette, isDark, options) {
     const isColCollapsed = collapsedColumns?.has(col.id) ?? false;
     const g = svg.append("g").attr("class", "kanban-column").attr("data-column-id", col.id).attr("data-line-number", col.lineNumber);
     const thisColBg = defaultColBg;
-    const thisColHeaderBg = col.color ? shapeFill(palette, col.color, isDark, { mode: fillMode }) : defaultColHeaderBg;
-    const onHeaderText = col.color ? contrastText(
+    const colColor = resolveColumnTagColor(col, parsed.tagGroups, activeTagGroup ?? null) ?? col.color;
+    const thisColHeaderBg = colColor ? shapeFill(palette, colColor, isDark, { mode: fillMode }) : defaultColHeaderBg;
+    const onHeaderText = colColor ? contrastText(
       thisColHeaderBg,
       palette.textOnFillLight,
       palette.textOnFillDark
@@ -1154,4 +1167,4 @@ export {
   renderKanban,
   renderKanbanForExport
 };
-//# sourceMappingURL=chunk-TLM3I4XF.js.map
+//# sourceMappingURL=chunk-MJEVGZDJ.js.map

package/dist/{chunk-TO6TWNMF.js → chunk-MOVUBLAT.js}

@@ -6,17 +6,17 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VSPNH7LC.js";
+} from "./chunk-VLC6WNRD.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   getSeriesColors,
   mix
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-ARUQ55BK.js";
 import {
   resolveColor
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 
 // src/version-control/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -447,4 +447,4 @@ export {
   renderVersionControl,
   renderVersionControlForExport
 };
-//# sourceMappingURL=chunk-TO6TWNMF.js.map
+//# sourceMappingURL=chunk-MOVUBLAT.js.map

package/dist/{chunk-5G55TS3H.js → chunk-MY23CJEU.js}

@@ -1,15 +1,15 @@
 import {
   buildPlacedNotes
-} from "./chunk-LMWXBFLA.js";
+} from "./chunk-2R2M2C6V.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   resolveNotes
-} from "./chunk-E6PNTYRK.js";
+} from "./chunk-VS5WMPWM.js";
 
 // src/er/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -326,4 +326,4 @@ function layoutERDiagram(parsed, options) {
 export {
   layoutERDiagram
 };
-//# sourceMappingURL=chunk-5G55TS3H.js.map
+//# sourceMappingURL=chunk-MY23CJEU.js.map

package/dist/{chunk-YKDZ3ZRI.js → chunk-NODI5ZNG.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-WMIKC5XO.js";
 import {
   renderNodeCard
-} from "./chunk-4AWLEWSD.js";
+} from "./chunk-F66R7CPY.js";
 import {
   renderInlineText
 } from "./chunk-FWNJDD4U.js";
 import {
   formatDateLabel
-} from "./chunk-UCF6TKWV.js";
+} from "./chunk-JV457OT7.js";
 import {
   CARD_RADIUS,
   HAIRLINE_DASH,
@@ -20,43 +20,43 @@ import {
 } from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-FLMXJMMY.js";
+} from "./chunk-GJ6XD5T7.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VSPNH7LC.js";
+} from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-HVNIHFEC.js";
 import {
   getLegendExtent
-} from "./chunk-IZTU6WVR.js";
+} from "./chunk-TR5BFNRR.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   CHAR_WIDTH_RATIO,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseTimelineDate
-} from "./chunk-UCZBRGJN.js";
+} from "./chunk-54E35DTP.js";
 import {
   UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-ARUQ55BK.js";
 import {
   resolveColor
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 
 // src/event-line/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -1163,4 +1163,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-YKDZ3ZRI.js.map
+//# sourceMappingURL=chunk-NODI5ZNG.js.map

package/dist/{chunk-4IGUEGD6.js → chunk-NZCJAJEY.js}

@@ -4,7 +4,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-AHN2CVCH.js";
+} from "./chunk-25HKORHH.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -32,37 +32,39 @@ import {
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VSPNH7LC.js";
+} from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-HVNIHFEC.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-UDUJVGCZ.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseC4
-} from "./chunk-A7Y32YD6.js";
+} from "./chunk-H4YK6Q7A.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
+  resolveGroupTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   contrastText,
+  groupFill,
   mix,
   shapeFill
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-ARUQ55BK.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -681,6 +683,21 @@ function renderLegend(parent, layout, palette, isDark, activeTagGroup, fixedWidt
     groups,
     activeGroup: activeTagGroup ?? null,
     mode: exportMode ? "export" : "preview",
+    // Keep inactive sibling tag groups visible as name-only pills, exactly as
+    // boxes-and-lines does. Without this a c4 reader cannot tell a second
+    // colouring dimension EXISTS — not merely that they cannot reach it: the
+    // author declared it and it rendered as nothing at all (#567).
+    //
+    // The pill carries `data-legend-group`, which is what the app walks up to
+    // on a click, and C4Preview already wires `onLegendGroupToggle` to flip the
+    // active dimension and write the `active-tag` directive back to source. So
+    // this needs no app change to be clickable.
+    //
+    // A CLI-rendered static SVG shows a pill nobody can click, and that is the
+    // accepted cost: knowing the dimension is there beats not knowing. Export
+    // mode is unaffected — `legend-layout.ts` drops non-active groups before
+    // this flag is consulted.
+    showInactivePills: true,
     palette,
     isDark,
     width: containerWidth
@@ -752,16 +769,23 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     boundaryG.append("text").attr("x", b.x + 12).attr("y", b.y + 16).attr("fill", palette.textMuted).attr("font-size", BOUNDARY_LABEL_FONT_SIZE).attr("font-style", "italic").text(`${b.label} \u2014 ${b.typeLabel}`);
   }
   if (layout.groupBoundaries.length > 0) {
-    const groupFill = mix(palette.surface, palette.bg, 15);
-    const groupStroke = mix(palette.textMuted, palette.bg, 60);
+    const neutralFill = mix(palette.surface, palette.bg, 15);
+    const neutralStroke = mix(palette.textMuted, palette.bg, 60);
     for (const gb of layout.groupBoundaries) {
+      const gbTagColor = resolveGroupTagColor(
+        gb.metadata,
+        parsed.tagGroups,
+        activeTagGroup ?? null
+      );
+      const groupFillColor = gbTagColor ? groupFill(palette, isDark, gbTagColor) : neutralFill;
+      const groupStrokeColor = gbTagColor ?? neutralStroke;
       const gbG = contentG.append("g").attr("class", "c4-group-boundary").attr("data-line-number", String(gb.lineNumber));
       if (onClickItem) {
         gbG.style("cursor", "pointer").on("click", () => {
           onClickItem(gb.lineNumber);
         });
       }
-      gbG.append("rect").attr("x", gb.x).attr("y", gb.y).attr("width", gb.width).attr("height", gb.height).attr("rx", CONTAINER_RADIUS).attr("ry", CONTAINER_RADIUS).attr("fill", groupFill).attr("stroke", groupStroke).attr("stroke-width", NODE_STROKE_WIDTH);
+      gbG.append("rect").attr("x", gb.x).attr("y", gb.y).attr("width", gb.width).attr("height", gb.height).attr("rx", CONTAINER_RADIUS).attr("ry", CONTAINER_RADIUS).attr("fill", groupFillColor).attr("stroke", groupStrokeColor).attr("stroke-width", NODE_STROKE_WIDTH);
       gbG.append("text").attr("x", gb.x + 10).attr("y", gb.y + 14).attr("fill", palette.textMuted).attr("font-size", BOUNDARY_LABEL_FONT_SIZE).attr("font-style", "italic").text(gb.label);
     }
   }
@@ -1058,4 +1082,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-4IGUEGD6.js.map
+//# sourceMappingURL=chunk-NZCJAJEY.js.map

package/dist/{chunk-6Z2NUJSX.js → chunk-O4CG5ZRH.js}

@@ -1,12 +1,12 @@
 import {
   tryCollectNote
-} from "./chunk-76NHL5UG.js";
+} from "./chunk-TU5ZNZWE.js";
 import {
   resolveNotes
-} from "./chunk-E6PNTYRK.js";
+} from "./chunk-VS5WMPWM.js";
 import {
   parseInArrowLabel
-} from "./chunk-IHOFUR74.js";
+} from "./chunk-IMA4D3ZK.js";
 import {
   displayName,
   normalizeName
@@ -19,7 +19,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-LDJFPEQ5.js";
 import {
   ALL_CHART_TYPES,
   FILL_FAMILY_TOKENS,
@@ -32,17 +32,17 @@ import {
   parseMetadataRegion,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-OD42CAXD.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-XOGQY4EC.js";
+} from "./chunk-3NGB6XAX.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
   makeDgmoError,
   nameMergedMessage,
   suggest
-} from "./chunk-5SI6T5A5.js";
+} from "./chunk-OAQE624Z.js";
 
 // src/graph/state-parser.ts
 var PSEUDOSTATE_ID = "pseudostate:[*]";
@@ -319,7 +319,8 @@ function parseState(content, palette) {
       i = noteResult.lastIndex;
       continue;
     }
-    const groupMatch = trimmed.match(GROUP_BRACKET_RE);
+    const groupPeeled = trimmed.startsWith("[") ? peelStateMeta(trimmed) : { text: trimmed, meta: {} };
+    const groupMatch = groupPeeled.text.match(GROUP_BRACKET_RE);
     if (groupMatch && groupMatch[1].trim() !== "*") {
       const groupLabel = groupMatch[1].trim();
       const groupColorName = groupMatch[2]?.trim();
@@ -336,7 +337,10 @@ function parseState(content, palette) {
         nodeIds: [],
         lineNumber,
         ...groupColor && { color: groupColor },
-        ...groupCollapsed && { collapsed: true }
+        ...groupCollapsed && { collapsed: true },
+        ...Object.keys(groupPeeled.meta).length > 0 && {
+          metadata: groupPeeled.meta
+        }
       };
       groupIndent = indent;
       groups.push(currentGroup);
@@ -543,4 +547,4 @@ export {
   parseState,
   looksLikeState
 };
-//# sourceMappingURL=chunk-6Z2NUJSX.js.map
+//# sourceMappingURL=chunk-O4CG5ZRH.js.map

package/dist/{chunk-5SI6T5A5.js → chunk-OAQE624Z.js}

@@ -10,6 +10,7 @@ function emit(spec, line, params = {}, opts = {}) {
     severity: spec.severity,
     code: spec.code
   };
+  if (spec.hint !== void 0) err.hint = spec.hint;
   if (opts.column !== void 0) err.column = opts.column;
   return err;
 }
@@ -131,4 +132,4 @@ export {
   NEGATIVE_VALUE_DX,
   TITLE_DIRECTIVE_DX
 };
-//# sourceMappingURL=chunk-5SI6T5A5.js.map
+//# sourceMappingURL=chunk-OAQE624Z.js.map