@diagrammo/dgmo 0.52.0 → 0.53.0

package/dist/element.mjs

@@ -104,7 +104,7 @@ function nameMergedMessage(args) {
 function emptyMetadataValueMessage(key) {
   return `Metadata key '${key}:' has no value \u2014 the pair is dropped. Provide a value or remove the key.`;
 }
-var NAME_DIAGNOSTIC_CODES, METADATA_DIAGNOSTIC_CODES;
+var NAME_DIAGNOSTIC_CODES, METADATA_DIAGNOSTIC_CODES, TITLE_DIRECTIVE_DX;
 var init_diagnostics = __esm({
   "src/diagnostics.ts"() {
     "use strict";
@@ -135,6 +135,15 @@ var init_diagnostics = __esm({
        */
       EMPTY_METADATA_VALUE: "W_EMPTY_METADATA_VALUE"
     };
+    TITLE_DIRECTIVE_DX = {
+      code: "E_TITLE_DIRECTIVE",
+      severity: "error",
+      chartType: null,
+      title: "title directive on a data chart",
+      message: "The `title` directive is not supported \u2014 the chart title is line 1 \u2014 remove the title directive.",
+      hint: "Put the title on the declaration line (`bar My Chart`) and delete the `title` line.",
+      example: "bar Revenue\ntitle Revenue\nQ1 100"
+    };
   }
 });
 
@@ -430,7 +439,7 @@ function withTagAliases(base, aliases) {
 function isReservedKey(registry, key) {
   return registry.keys.has(key) || registry.tagAliases.has(key);
 }
-var SEQUENCE_REGISTRY, INFRA_REGISTRY, MAP_REGISTRY, ORG_REGISTRY, C4_REGISTRY, ER_REGISTRY, EVENT_LINE_REGISTRY, KANBAN_REGISTRY, SITEMAP_REGISTRY, GANTT_REGISTRY, PERT_REGISTRY, BOXES_AND_LINES_REGISTRY, SKETCH_REGISTRY, TIMELINE_REGISTRY, MINDMAP_REGISTRY, TECH_RADAR_REGISTRY, CYCLE_REGISTRY, JOURNEY_MAP_REGISTRY, PYRAMID_REGISTRY, RING_REGISTRY, TREEMAP_REGISTRY, RACI_REGISTRY, FAMILY_PERSON_REGISTRY, FAMILY_UNION_REGISTRY;
+var SEQUENCE_REGISTRY, INFRA_REGISTRY, MAP_REGISTRY, ORG_REGISTRY, C4_REGISTRY, ER_REGISTRY, EVENT_LINE_REGISTRY, KANBAN_REGISTRY, SITEMAP_REGISTRY, GANTT_REGISTRY, PERT_REGISTRY, BOXES_AND_LINES_REGISTRY, STATE_REGISTRY, SKETCH_REGISTRY, TIMELINE_REGISTRY, MINDMAP_REGISTRY, TECH_RADAR_REGISTRY, CYCLE_REGISTRY, JOURNEY_MAP_REGISTRY, PYRAMID_REGISTRY, RING_REGISTRY, TREEMAP_REGISTRY, RACI_REGISTRY, FAMILY_PERSON_REGISTRY, FAMILY_UNION_REGISTRY;
 var init_reserved_key_registry = __esm({
   "src/utils/reserved-key-registry.ts"() {
     "use strict";
@@ -522,6 +531,7 @@ var init_reserved_key_registry = __esm({
       "description",
       "heat"
     ]);
+    STATE_REGISTRY = staticRegistry([]);
     SKETCH_REGISTRY = staticRegistry([
       "shape",
       "at",
@@ -623,6 +633,9 @@ function extractColor(label, palette, diagnostics, line11) {
     ...color !== void 0 && { color }
   };
 }
+function legendSuppressed(options) {
+  return options["no-legend"] === "on";
+}
 function fillModeFromToken(token) {
   switch (token.trim().toLowerCase()) {
     case "fill-solid":
@@ -831,6 +844,17 @@ function peelTrailingColorName(label) {
     colorName: trailing
   };
 }
+function peelTrailingCollapsedFlag(text) {
+  const t = text.trimEnd();
+  if (t === "collapsed") return { rest: "", collapsed: true };
+  if (/[ \t]collapsed$/.test(t)) {
+    return {
+      rest: t.slice(0, t.length - "collapsed".length).trimEnd().replace(/,\s*$/, ""),
+      collapsed: true
+    };
+  }
+  return { rest: text, collapsed: false };
+}
 function peelRampColors(label) {
   const peelOne = (s) => {
     const idx = Math.max(s.lastIndexOf(" "), s.lastIndexOf("	"));
@@ -1075,7 +1099,8 @@ var init_parsing = __esm({
       "fill-solid",
       "fill-outline",
       "no-title",
-      "no-notes"
+      "no-notes",
+      "no-legend"
     ]);
     FILL_FAMILY_TOKENS = /* @__PURE__ */ new Set([
       "fill-tint",
@@ -2434,7 +2459,7 @@ function parseVisualizationFull(content, palette) {
         }
         continue;
       }
-      if (!/^(era|marker|tag|sort|active-tag|swimlanes|no-scale|lane-by|fill-tint|fill-solid|fill-outline)\b/i.test(
+      if (!/^(era|marker|tag|sort|active-tag|swimlanes|no-scale|no-legend|lane-by|fill-tint|fill-solid|fill-outline)\b/i.test(
         line11
       ) && !line11.startsWith("[")) {
         warn(lineNumber, `Expected a date at the start \u2014 e.g., '1718 ${line11}'`);
@@ -2590,11 +2615,7 @@ function parseVisualizationFull(content, palette) {
         continue;
       }
       if (firstToken === "title") {
-        result.title = restValue;
-        result.titleLineNumber = lineNumber;
-        if (result.type === "quadrant") {
-          result.quadrantTitleLineNumber = lineNumber;
-        }
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (firstToken === "order") {
@@ -2657,6 +2678,10 @@ function parseVisualizationFull(content, palette) {
         result.noTitle = true;
         continue;
       }
+      if (bareToken === "no-legend") {
+        result.noLegend = true;
+        continue;
+      }
       if (bareToken === "orientation-vertical") {
         if (result.type === "arc") result.orientation = "vertical";
         continue;
@@ -2792,11 +2817,7 @@ function parseVisualizationFull(content, palette) {
       const key = rawKey.toLowerCase();
       const colorMatch = rawKey.match(/^(.+?)\(([^)]+)\)\s*$/);
       if (key === "title") {
-        result.title = line11.substring(colonIndex + 1).trim();
-        result.titleLineNumber = lineNumber;
-        if (result.type === "quadrant") {
-          result.quadrantTitleLineNumber = lineNumber;
-        }
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (key === "order") {
@@ -3273,6 +3294,8 @@ var init_registry = __esm({
 
 // src/palettes/color-utils.ts
 function hexToHSL(hex) {
+  const cached = HEX_TO_HSL_CACHE.get(hex);
+  if (cached) return { ...cached };
   const raw = hex.replace("#", "");
   const full = raw.length === 3 ? [...raw].map((c) => c + c).join("") : raw;
   const r = parseInt(full.substring(0, 2), 16) / 255;
@@ -3281,24 +3304,29 @@ function hexToHSL(hex) {
   const max = Math.max(r, g, b);
   const min = Math.min(r, g, b);
   const l = (max + min) / 2;
+  let result;
   if (max === min) {
-    return { h: 0, s: 0, l: Math.round(l * 100) };
-  }
-  const d = max - min;
-  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-  let h;
-  if (max === r) {
-    h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-  } else if (max === g) {
-    h = ((b - r) / d + 2) / 6;
+    result = { h: 0, s: 0, l: Math.round(l * 100) };
   } else {
-    h = ((r - g) / d + 4) / 6;
+    const d = max - min;
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    let h;
+    if (max === r) {
+      h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+    } else if (max === g) {
+      h = ((b - r) / d + 2) / 6;
+    } else {
+      h = ((r - g) / d + 4) / 6;
+    }
+    result = {
+      h: Math.round(h * 360),
+      s: Math.round(s * 100),
+      l: Math.round(l * 100)
+    };
   }
-  return {
-    h: Math.round(h * 360),
-    s: Math.round(s * 100),
-    l: Math.round(l * 100)
-  };
+  if (HEX_TO_HSL_CACHE.size >= HEX_TO_HSL_CACHE_MAX) HEX_TO_HSL_CACHE.clear();
+  HEX_TO_HSL_CACHE.set(hex, result);
+  return { ...result };
 }
 function hslToHex(h, s, l) {
   const sNorm = s / 100;
@@ -3357,6 +3385,9 @@ function shade(hex, base, amount) {
   return `#${sr.toString(16).padStart(2, "0")}${sg.toString(16).padStart(2, "0")}${sb.toString(16).padStart(2, "0")}`;
 }
 function mix(a, b, pct) {
+  const key = `${a}|${b}|${pct}`;
+  const cached = MIX_CACHE.get(key);
+  if (cached !== void 0) return cached;
   const parse = (h) => {
     const r = h.replace("#", "");
     const f = r.length === 3 ? [...r].map((c2) => c2 + c2).join("") : r;
@@ -3368,7 +3399,10 @@ function mix(a, b, pct) {
   };
   const [ar, ag, ab] = parse(a), [br, bg, bb] = parse(b), t = pct / 100;
   const c = (x, y) => Math.round(x * t + y * (1 - t)).toString(16).padStart(2, "0");
-  return `#${c(ar, br)}${c(ag, bg)}${c(ab, bb)}`;
+  const out = `#${c(ar, br)}${c(ag, bg)}${c(ab, bb)}`;
+  if (MIX_CACHE.size >= MIX_CACHE_MAX) MIX_CACHE.clear();
+  MIX_CACHE.set(key, out);
+  return out;
 }
 function valueRampColor(low, high, t, _opts) {
   const tc = Math.max(0, Math.min(1, t));
@@ -3470,11 +3504,15 @@ function politicalTints(palette, count, isDark) {
   }
   return out.slice(0, count);
 }
-var POLITICAL_TINT_BANDS;
+var HEX_TO_HSL_CACHE, HEX_TO_HSL_CACHE_MAX, MIX_CACHE, MIX_CACHE_MAX, POLITICAL_TINT_BANDS;
 var init_color_utils = __esm({
   "src/palettes/color-utils.ts"() {
     "use strict";
     init_colors();
+    HEX_TO_HSL_CACHE = /* @__PURE__ */ new Map();
+    HEX_TO_HSL_CACHE_MAX = 5e3;
+    MIX_CACHE = /* @__PURE__ */ new Map();
+    MIX_CACHE_MAX = 5e3;
     POLITICAL_TINT_BANDS = {
       light: [32, 48, 64, 80],
       dark: [44, 58, 72, 86]
@@ -4428,23 +4466,36 @@ var init_d3_helpers = __esm({
 });
 
 // src/utils/text-measure.ts
-function measureText(text, fontSize) {
-  let w = 0;
+function extendWidth(acc, text, fontSize) {
+  let w = acc;
   for (let i = 0; i < text.length; i++) {
     w += (CHAR_W[text.charAt(i)] ?? DEFAULT_W) * fontSize;
   }
   return w;
 }
+function measureText(text, fontSize) {
+  const key = `${fontSize}|${text}`;
+  const cached = MEASURE_CACHE.get(key);
+  if (cached !== void 0) return cached;
+  const w = extendWidth(0, text, fontSize);
+  if (MEASURE_CACHE.size >= MEASURE_CACHE_MAX) MEASURE_CACHE.clear();
+  MEASURE_CACHE.set(key, w);
+  return w;
+}
 function truncateText(text, fontSize, maxWidth) {
   if (measureText(text, fontSize) <= maxWidth) return text;
   const ellipsis = "\u2026";
   const ellipsisW = measureText(ellipsis, fontSize);
   if (ellipsisW > maxWidth) return "";
+  const prefix = [0];
+  for (let i = 0; i < text.length; i++) {
+    prefix.push(extendWidth(prefix[i], text.charAt(i), fontSize));
+  }
   let lo = 0;
   let hi = text.length;
   while (lo < hi) {
     const mid = Math.ceil((lo + hi) / 2);
-    if (measureText(text.slice(0, mid), fontSize) + ellipsisW <= maxWidth) {
+    if (prefix[mid] + ellipsisW <= maxWidth) {
       lo = mid;
     } else {
       hi = mid - 1;
@@ -4456,15 +4507,19 @@ function wrapTextToWidth(text, fontSize, maxWidth, opts) {
   const words = text.split(/\s+/).filter((w) => w.length > 0);
   if (words.length === 0) return [""];
   const hardBreak = opts?.hardBreak ?? false;
+  const spaceW = (CHAR_W[" "] ?? DEFAULT_W) * fontSize;
   const lines = [];
   let current = "";
+  let currentW = 0;
   const pushWord = (word) => {
-    const test = current ? `${current} ${word}` : word;
-    if (measureText(test, fontSize) <= maxWidth || !current) {
-      current = test;
+    const testW = extendWidth(current ? currentW + spaceW : 0, word, fontSize);
+    if (testW <= maxWidth || !current) {
+      current = current ? `${current} ${word}` : word;
+      currentW = testW;
     } else {
       lines.push(current);
       current = word;
+      currentW = extendWidth(0, word, fontSize);
     }
   };
   for (const word of words) {
@@ -4472,17 +4527,23 @@ function wrapTextToWidth(text, fontSize, maxWidth, opts) {
       if (current) {
         lines.push(current);
         current = "";
+        currentW = 0;
       }
       let chunk = "";
+      let chunkW = 0;
       for (const ch of word) {
-        if (chunk && measureText(chunk + ch, fontSize) > maxWidth) {
+        const candW = extendWidth(chunkW, ch, fontSize);
+        if (chunk && candW > maxWidth) {
           lines.push(chunk);
           chunk = ch;
+          chunkW = extendWidth(0, ch, fontSize);
         } else {
           chunk += ch;
+          chunkW = candW;
         }
       }
       current = chunk;
+      currentW = chunkW;
       continue;
     }
     pushWord(word);
@@ -4490,7 +4551,7 @@ function wrapTextToWidth(text, fontSize, maxWidth, opts) {
   if (current) lines.push(current);
   return lines.length > 0 ? lines : [""];
 }
-var CHAR_W, DEFAULT_W, CHAR_WIDTH_RATIO;
+var CHAR_W, DEFAULT_W, CHAR_WIDTH_RATIO, MEASURE_CACHE, MEASURE_CACHE_MAX;
 var init_text_measure = __esm({
   "src/utils/text-measure.ts"() {
     "use strict";
@@ -4583,6 +4644,8 @@ var init_text_measure = __esm({
     };
     DEFAULT_W = 0.56;
     CHAR_WIDTH_RATIO = DEFAULT_W;
+    MEASURE_CACHE = /* @__PURE__ */ new Map();
+    MEASURE_CACHE_MAX = 1e4;
   }
 });
 
@@ -4859,6 +4922,30 @@ var init_time_ticks = __esm({
 });
 
 // src/utils/legend-constants.ts
+var legend_constants_exports = {};
+__export(legend_constants_exports, {
+  CONTROLS_ICON_PATH: () => CONTROLS_ICON_PATH,
+  EYE_CLOSED_PATH: () => EYE_CLOSED_PATH,
+  EYE_OPEN_PATH: () => EYE_OPEN_PATH,
+  LEGEND_CAPSULE_PAD: () => LEGEND_CAPSULE_PAD,
+  LEGEND_DOT_R: () => LEGEND_DOT_R,
+  LEGEND_ENTRY_DOT_GAP: () => LEGEND_ENTRY_DOT_GAP,
+  LEGEND_ENTRY_FONT_SIZE: () => LEGEND_ENTRY_FONT_SIZE,
+  LEGEND_ENTRY_TRAIL: () => LEGEND_ENTRY_TRAIL,
+  LEGEND_EYE_GAP: () => LEGEND_EYE_GAP,
+  LEGEND_EYE_SIZE: () => LEGEND_EYE_SIZE,
+  LEGEND_GEAR_PILL_W: () => LEGEND_GEAR_PILL_W,
+  LEGEND_GROUP_GAP: () => LEGEND_GROUP_GAP,
+  LEGEND_HEIGHT: () => LEGEND_HEIGHT,
+  LEGEND_ICON_W: () => LEGEND_ICON_W,
+  LEGEND_MAX_ENTRY_ROWS: () => LEGEND_MAX_ENTRY_ROWS,
+  LEGEND_PILL_FONT_SIZE: () => LEGEND_PILL_FONT_SIZE,
+  LEGEND_PILL_PAD: () => LEGEND_PILL_PAD,
+  LEGEND_TOGGLE_DOT_R: () => LEGEND_TOGGLE_DOT_R,
+  LEGEND_TOGGLE_OFF_OPACITY: () => LEGEND_TOGGLE_OFF_OPACITY,
+  measureLegendText: () => measureLegendText,
+  truncateLegendText: () => truncateLegendText
+});
 var LEGEND_HEIGHT, LEGEND_PILL_PAD, LEGEND_PILL_FONT_SIZE, LEGEND_CAPSULE_PAD, LEGEND_DOT_R, LEGEND_ENTRY_FONT_SIZE, LEGEND_ENTRY_DOT_GAP, LEGEND_ENTRY_TRAIL, LEGEND_GROUP_GAP, LEGEND_EYE_SIZE, LEGEND_EYE_GAP, LEGEND_ICON_W, LEGEND_MAX_ENTRY_ROWS, measureLegendText, truncateLegendText, EYE_OPEN_PATH, EYE_CLOSED_PATH, CONTROLS_ICON_PATH, LEGEND_TOGGLE_DOT_R, LEGEND_TOGGLE_OFF_OPACITY, LEGEND_GEAR_PILL_W;
 var init_legend_constants = __esm({
   "src/utils/legend-constants.ts"() {
@@ -6077,7 +6164,7 @@ function setupTimeline(container, parsed, palette, isDark, exportDims, activeTag
     }
   }
   const datePadding = (maxDate - minDate) * 0.05 || 0.5;
-  const tagLegendReserve = parsed.timelineTagGroups.length > 0 ? 36 : 0;
+  const tagLegendReserve = parsed.timelineTagGroups.length > 0 && !parsed.noLegend ? 36 : 0;
   const idealWidth = isVertical ? 500 : Math.max(600, timelineEvents.length * 40 + 200);
   const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(width, idealWidth);
   return {
@@ -6214,7 +6301,7 @@ function makeTimelineHoverHelpers() {
   };
 }
 function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setup, hovers, onClickItem, exportDims, swimlaneTagGroup, activeTagGroup, onTagStateChange, viewMode, exportMode) {
-  if (parsed.timelineTagGroups.length === 0) return;
+  if (parsed.timelineTagGroups.length === 0 || parsed.noLegend) return;
   const { width, textColor, groupColorMap, fillMode } = setup;
   const { FADE_OPACITY: FADE_OPACITY2, fadeReset, fadeToTagValue } = hovers;
   const title = parsed.noTitle ? null : parsed.title;
@@ -6514,7 +6601,7 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
       formatBoundaryLabel(latestEndDateStr, earliestStartDateStr)
     );
   }
-  if (timelineGroups.length > 0) {
+  if (timelineGroups.length > 0 && !parsed.noLegend) {
     const legendY = timelineScale ? -ctx.aesthetic(75) : -ctx.aesthetic(55);
     renderTimelineGroupLegend(
       g,
@@ -7144,7 +7231,7 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
         formatBoundaryLabel(latestEndDateStr, earliestStartDateStr)
       );
     }
-    if (timelineGroups.length > 0) {
+    if (timelineGroups.length > 0 && !parsed.noLegend) {
       renderTimelineGroupLegend(
         g,
         timelineGroups,
@@ -8133,8 +8220,13 @@ function parseSequenceDgmo(content, palette) {
       const groupName = groupMatch[1].trim();
       const groupColor = groupMatch[2]?.trim();
       let groupMeta;
-      const afterBracket = groupMatch[3]?.trim() || "";
+      let afterBracket = groupMatch[3]?.trim() || "";
       let isCollapsed = false;
+      const barePeel = peelTrailingCollapsedFlag(afterBracket);
+      if (barePeel.collapsed) {
+        isCollapsed = true;
+        afterBracket = barePeel.rest;
+      }
       if (afterBracket) {
         const groupRegistry = withTagAliases(
           SEQUENCE_REGISTRY,
@@ -8815,7 +8907,8 @@ var init_parser7 = __esm({
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
     NO_PREFIX_ONLY_BOOLEANS = /* @__PURE__ */ new Set(["activations"]);
     VALID_PARTICIPANT_TYPES = /* @__PURE__ */ new Set([
@@ -10119,6 +10212,7 @@ function parseState(content, palette) {
     direction: "LR",
     nodes: [],
     edges: [],
+    tagGroups: [],
     options,
     diagnostics: [],
     error: null
@@ -10137,6 +10231,22 @@ function parseState(content, palette) {
   const groups = [];
   let contentStarted = false;
   let firstLineParsed = false;
+  const tagGroups = result.tagGroups;
+  let currentTagGroup = null;
+  const metaAliasMap = /* @__PURE__ */ new Map();
+  let registry = STATE_REGISTRY;
+  const refreshRegistry = () => {
+    registry = withTagAliases(STATE_REGISTRY, new Set(metaAliasMap.keys()));
+  };
+  function peelStateMeta(text) {
+    if (metaAliasMap.size === 0) return { text, meta: {} };
+    const cut = cutUnionMetadata(text, registry);
+    if (cut === -1) return { text, meta: {} };
+    return {
+      text: text.substring(0, cut).trimEnd(),
+      meta: parseMetadataRegion(text.substring(cut), metaAliasMap)
+    };
+  }
   const nameAliasMap = /* @__PURE__ */ new Map();
   function peelAlias2(seg) {
     const trimmed = seg.trim();
@@ -10144,10 +10254,13 @@ function parseState(content, palette) {
     if (!m) return { seg: trimmed };
     return { seg: m[1].trim(), alias: m[2] };
   }
-  function getOrCreateNode(ref, lineNumber) {
+  function getOrCreateNode(ref, lineNumber, meta) {
     const key = ref.id;
     const existing = nodeMap.get(key);
     if (existing) {
+      if (meta && Object.keys(meta).length > 0) {
+        existing.metadata = { ...existing.metadata ?? {}, ...meta };
+      }
       const incomingDisplay = displayName(ref.label);
       const existingDisplay = displayName(existing.label);
       if (incomingDisplay !== existingDisplay) {
@@ -10173,7 +10286,8 @@ function parseState(content, palette) {
       shape: ref.shape,
       lineNumber,
       ...ref.color && { color: ref.color },
-      ...currentGroup && { group: currentGroup.id }
+      ...currentGroup && { group: currentGroup.id },
+      ...meta && Object.keys(meta).length > 0 && { metadata: { ...meta } }
     };
     nodeMap.set(key, node);
     result.nodes.push(node);
@@ -10195,7 +10309,10 @@ function parseState(content, palette) {
     const trimmed = raw.trim();
     const lineNumber = i + 1;
     const indent = measureIndent(raw);
-    if (!trimmed) continue;
+    if (!trimmed) {
+      currentTagGroup = null;
+      continue;
+    }
     if (trimmed.startsWith("//")) continue;
     if (!firstLineParsed && !contentStarted) {
       const firstLineResult = parseFirstLine(trimmed);
@@ -10215,6 +10332,53 @@ function parseState(content, palette) {
         continue;
       }
     }
+    if (!contentStarted) {
+      const tagBlockMatch = matchTagBlockHeading(trimmed);
+      if (tagBlockMatch) {
+        currentTagGroup = {
+          name: tagBlockMatch.name,
+          ...tagBlockMatch.alias !== void 0 && {
+            alias: tagBlockMatch.alias
+          },
+          entries: [],
+          lineNumber
+        };
+        if (tagBlockMatch.alias) {
+          metaAliasMap.set(
+            normalizeName(tagBlockMatch.alias),
+            tagAttrKey(tagBlockMatch.name)
+          );
+        }
+        metaAliasMap.set(
+          normalizeName(tagBlockMatch.name),
+          tagAttrKey(tagBlockMatch.name)
+        );
+        refreshRegistry();
+        tagGroups.push(currentTagGroup);
+        continue;
+      }
+      if (currentTagGroup && indent > 0) {
+        const { text: cleanEntry, isDefault } = stripDefaultModifier(trimmed);
+        const { label, color } = extractColor(
+          cleanEntry,
+          palette,
+          result.diagnostics,
+          lineNumber
+        );
+        if (isDefault || currentTagGroup.entries.length === 0) {
+          currentTagGroup.defaultValue = label;
+        }
+        currentTagGroup.entries.push({
+          value: label,
+          // Bare value → sentinel; finalizeAutoTagColors assigns a
+          // deterministic palette color after the parse.
+          color: color ?? AUTO_TAG_COLOR_SENTINEL,
+          lineNumber
+        });
+        continue;
+      }
+      currentTagGroup = null;
+    }
     const noteResult = tryCollectNote(
       lines,
       i,
@@ -10237,7 +10401,7 @@ function parseState(content, palette) {
         result.diagnostics,
         palette
       ) : void 0;
-      const groupCollapsed = groupMatch[3]?.toLowerCase() === "true";
+      const groupCollapsed = groupMatch[3] !== void 0 && (groupMatch[4] === void 0 || groupMatch[4].toLowerCase() === "true");
       currentGroup = {
         id: `group:${groupLabel.toLowerCase()}`,
         label: groupLabel,
@@ -10251,8 +10415,9 @@ function parseState(content, palette) {
       continue;
     }
     if (!contentStarted) {
-      if (/^direction-tb$/i.test(trimmed)) {
-        result.direction = "TB";
+      const dirBool = trimmed.match(/^direction-(lr|tb)$/i);
+      if (dirBool) {
+        result.direction = dirBool[1].toUpperCase();
         continue;
       }
       if (FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) {
@@ -10271,7 +10436,8 @@ function parseState(content, palette) {
         continue;
       }
       const optMatch = trimmed.match(OPTION_NOCOLON_RE);
-      if (optMatch && !trimmed.includes("->")) {
+      const carriesTagMeta = metaAliasMap.size > 0 && cutUnionMetadata(trimmed, registry) !== -1;
+      if (optMatch && !trimmed.includes("->") && !carriesTagMeta) {
         const key = optMatch[1].toLowerCase();
         const value = optMatch[2].trim();
         if (key === "no-color") {
@@ -10307,10 +10473,11 @@ function parseState(content, palette) {
     ) : null;
     const segments = splitArrows2(trimmed);
     if (segments.length === 1) {
-      const peeled = peelAlias2(segments[0]);
+      const withMeta = peelStateMeta(segments[0]);
+      const peeled = peelAlias2(withMeta.text);
       const ref = parseStateNodeRef(peeled.seg);
       if (ref) {
-        const node = getOrCreateNode(ref, lineNumber);
+        const node = getOrCreateNode(ref, lineNumber, withMeta.meta);
         if (peeled.alias) nameAliasMap.set(peeled.alias, node.id);
         node.lineNumber = lineNumber;
         indentStack.push({ nodeId: node.id, indent });
@@ -10367,6 +10534,46 @@ function parseState(content, palette) {
       indentStack.push({ nodeId: lastNodeId, indent });
     }
   }
+  if (tagGroups.length > 0) {
+    finalizeAutoTagColors(tagGroups, palette);
+    const defaults = [];
+    for (const group of tagGroups) {
+      if (group.defaultValue) {
+        defaults.push({
+          key: tagAttrKey(group.name),
+          value: group.defaultValue
+        });
+      }
+    }
+    const taggable = result.nodes.filter(
+      (n) => n.shape !== "pseudostate"
+    );
+    for (const node of taggable) {
+      const meta = { ...node.metadata ?? {} };
+      for (const { key, value } of defaults) {
+        if (!(key in meta)) meta[key] = value;
+      }
+      node.metadata = meta;
+    }
+    validateTagValues(
+      taggable.map((n) => ({
+        metadata: n.metadata ?? {},
+        lineNumber: n.lineNumber
+      })),
+      tagGroups,
+      (line11, message) => result.diagnostics.push(makeDgmoError(line11, message, "warning")),
+      suggest
+    );
+    validateTagGroupNames(
+      tagGroups,
+      (line11, message) => result.diagnostics.push(makeDgmoError(line11, message, "warning")),
+      (line11, message) => {
+        const diag = makeDgmoError(line11, message);
+        result.diagnostics.push(diag);
+        if (!result.error) result.error = formatDgmoError(diag);
+      }
+    );
+  }
   if (groups.length > 0) result.groups = groups;
   if (notes.length > 0) {
     result.notes = notes;
@@ -10411,11 +10618,13 @@ var init_state_parser = __esm({
     init_diagnostics();
     init_arrows();
     init_parsing();
+    init_reserved_key_registry();
+    init_tag_groups();
     init_name_normalize();
     init_notes2();
     PSEUDOSTATE_ID = "pseudostate:[*]";
     PSEUDOSTATE_LABEL = "[*]";
-    GROUP_BRACKET_RE = /^\[([^\]]+)\](?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?(?:,?\s+collapsed:\s*(\S+))?\s*$/;
+    GROUP_BRACKET_RE = /^\[([^\]]+)\](?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?(?:,?\s+(collapsed)(?::\s*(\S+))?)?\s*$/;
   }
 });
 
@@ -11364,6 +11573,7 @@ function parseOrg(content, palette) {
     roots: [],
     tagGroups: [],
     options,
+    direction: "TB",
     diagnostics: [],
     error: null
   };
@@ -11467,7 +11677,12 @@ function parseOrg(content, palette) {
         }
       }
       if (KNOWN_BOOLEANS.has(trimmed.toLowerCase())) {
-        options[trimmed.toLowerCase()] = "on";
+        const boolKey = trimmed.toLowerCase();
+        if (boolKey === "direction-lr" || boolKey === "direction-tb") {
+          delete options["direction-lr"];
+          delete options["direction-tb"];
+        }
+        options[boolKey] = "on";
         continue;
       }
     }
@@ -11590,6 +11805,7 @@ function parseOrg(content, palette) {
     result.diagnostics.push(diag);
     result.error = formatDgmoError(diag);
   }
+  result.direction = options["direction-lr"] ? "LR" : "TB";
   return result;
 }
 function parseNodeLabel(trimmed, _indent, lineNumber, _palette, counter, metaAliasMap = /* @__PURE__ */ new Map(), diagnostics, nameAliasMap) {
@@ -11671,10 +11887,12 @@ var init_parser10 = __esm({
     KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
       "show-sub-node-count",
       "direction-tb",
+      "direction-lr",
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
   }
 });
@@ -11846,8 +12064,9 @@ function parseSitemap(content, palette) {
       continue;
     }
     if (!contentStarted && !currentTagGroup && measureIndent(line11) === 0 && !trimmed.includes("|") && !trimmed.includes("->") && !trimmed.includes(":")) {
-      if (/^direction-tb$/i.test(trimmed)) {
-        result.direction = "TB";
+      const dirBool = trimmed.match(/^direction-(lr|tb)$/i);
+      if (dirBool) {
+        result.direction = dirBool[1].toUpperCase();
         continue;
       }
       if (tryParseSharedOption(trimmed, options)) {
@@ -12418,9 +12637,10 @@ function addGanttDuration(startDate, duration, holidays, holidaySet, direction =
   }
 }
 function parseDuration(s) {
-  const match = s.trim().match(/^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)$/);
+  const match = s.trim().match(/^(\d+(?:\.\d+)?)(min|bd|sp|d|w|m|q|y|h|s)$/);
   if (!match) return null;
-  return { amount: parseFloat(match[1]), unit: match[2] };
+  const unit = match[2] === "sp" ? "s" : match[2];
+  return { amount: parseFloat(match[1]), unit };
 }
 function parseOffset(value) {
   const trimmed = value.trim();
@@ -12603,7 +12823,8 @@ function parseEdgeLabel(label, defaultUnit) {
   if (numRaw) {
     const amount = parseFloat(numRaw);
     if (amount !== 0) {
-      const unit = unitRaw ? unitRaw.toLowerCase() : defaultUnit;
+      const unitLow = unitRaw?.toLowerCase();
+      const unit = unitLow ? unitLow === "sp" ? "s" : unitLow : defaultUnit;
       if (!isValidDurationUnit(unit)) return null;
       lag = { amount, unit };
     }
@@ -12702,7 +12923,7 @@ function parseEstimateToken(token, defaultUnit) {
   if (!m) return null;
   const amount = parseFloat(m[1]);
   if (!Number.isFinite(amount)) return null;
-  const unit = m[2] ?? defaultUnit;
+  const unit = (m[2] === "sp" ? "s" : m[2]) ?? defaultUnit;
   if (unit === "s") {
     return { amount, unit: defaultUnit };
   }
@@ -12918,7 +13139,13 @@ function parsePert(content, parseOpts = {}) {
       contentStarted = true;
       currentTagGroup = null;
       const name = groupMatch[1].trim();
-      const tail = (groupMatch[2] ?? "").trim();
+      let tail = (groupMatch[2] ?? "").trim();
+      let bareCollapsed = false;
+      const barePeel = peelTrailingCollapsedFlag(tail);
+      if (barePeel.collapsed) {
+        bareCollapsed = true;
+        tail = barePeel.rest;
+      }
       const meta = tail ? parsePipeMetadata(tail, metaAliasMap) : {};
       const id = `[${normalizeName(name)}]`;
       const tags = {};
@@ -12929,7 +13156,7 @@ function parsePert(content, parseOpts = {}) {
         id,
         name,
         activityIds: [],
-        collapsed: meta["collapsed"] === "true",
+        collapsed: bareCollapsed || meta["collapsed"] === "true",
         lineNumber,
         ...Object.keys(tags).length > 0 && { tags }
       });
@@ -13333,6 +13560,7 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
     case "no-current-year":
       return;
     case "time-unit": {
+      const normalized = value === "sp" ? "s" : value;
       const valid = [
         "min",
         "h",
@@ -13344,14 +13572,15 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
         "y",
         "s"
       ];
-      if (!valid.includes(value)) {
+      if (!valid.includes(normalized)) {
+        const shown = valid.map((u) => u === "s" ? "sp" : u);
         error(
           lineNumber,
-          `Unknown time-unit '${value}'. Expected one of ${valid.join(", ")}.`
+          `Unknown time-unit '${value}'. Expected one of ${shown.join(", ")}.`
         );
         return;
       }
-      options.timeUnit = value;
+      options.timeUnit = normalized;
       return;
     }
     case "default-confidence": {
@@ -13362,6 +13591,10 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
       options.noTitle = true;
       return;
     }
+    case "no-legend": {
+      options.noLegend = true;
+      return;
+    }
     case "fill-solid": {
       options.fillMode = "solid";
       return;
@@ -13439,6 +13672,14 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
       options.direction = upper;
       return;
     }
+    case "direction-lr": {
+      options.direction = "LR";
+      return;
+    }
+    case "direction-tb": {
+      options.direction = "TB";
+      return;
+    }
     case "node-detail": {
       if (value !== "compact" && value !== "full") {
         error(
@@ -13610,7 +13851,11 @@ var init_parser12 = __esm({
     DIRECTIVE_KEYS = /* @__PURE__ */ new Set([
       "time-unit",
       "default-confidence",
+      // Canonical booleans (§1.9, last one wins); key+value `direction LR|TB`
+      // accepted legacy.
       "direction",
+      "direction-lr",
+      "direction-tb",
       "node-detail",
       "no-analysis",
       "trials",
@@ -13619,6 +13864,7 @@ var init_parser12 = __esm({
       "start-date",
       "end-date",
       "no-title",
+      "no-legend",
       "fill-tint",
       "fill-solid",
       "fill-outline",
@@ -13656,7 +13902,7 @@ var init_parser12 = __esm({
       {
         stem: "time",
         canonical: "time-unit",
-        matches: /^(d|w|m|q|y|h|min|bd|s)$/i
+        matches: /^(d|w|m|q|y|h|min|bd|sp|s)$/i
       }
     ];
     GROUP_HEADER_RE = /^\[([^\]]+)\]\s*(.*)$/;
@@ -13675,7 +13921,7 @@ var init_parser12 = __esm({
       "s"
     ]);
     ALIAS_SUFFIX_RE = /\s+as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*$/;
-    ESTIMATE_TOKEN_RE = /^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)?$/;
+    ESTIMATE_TOKEN_RE = /^(\d+(?:\.\d+)?)(min|bd|sp|d|w|m|q|y|h|s)?$/;
     DEFAULT_OPTIONS = {
       timeUnit: "d",
       direction: "LR",
@@ -14045,6 +14291,8 @@ function parseChart(content, palette) {
         else result.fillMode = fm;
       } else if (firstToken === "no-title") {
         result.noTitle = true;
+      } else if (firstToken === "no-legend") {
+        result.noLegend = true;
       } else if (firstToken === "no-auto-y") {
         result.noAutoY = true;
       } else if (firstToken === "fill") {
@@ -14070,8 +14318,7 @@ function parseChart(content, palette) {
         continue;
       }
       if (firstToken === "title") {
-        result.title = value;
-        result.titleLineNumber = lineNumber;
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (firstToken === "x-label") {
@@ -14343,6 +14590,7 @@ var init_chart = __esm({
       "fill-solid",
       "fill-outline",
       "no-title",
+      "no-legend",
       "no-auto-y",
       "fill",
       "hole"
@@ -14632,8 +14880,7 @@ function parseExtendedChartFull(content, palette) {
         continue;
       }
       if (firstToken === "title") {
-        result.title = value;
-        result.titleLineNumber = lineNumber;
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (firstToken === "series") {
@@ -14729,6 +14976,10 @@ function parseExtendedChartFull(content, palette) {
       result.noTitle = true;
       continue;
     }
+    if (firstToken === "no-legend" && spaceIdx < 0) {
+      result.noLegend = true;
+      continue;
+    }
     if (firstToken.startsWith("no-") && spaceIdx < 0) {
       continue;
     }
@@ -15000,8 +15251,9 @@ var init_diagnostics4 = __esm({
       },
       // parser.ts emits three wordings under this one code (each passes the full
       // wording as `reason`):
-      //   directive handler: `event-line is horizontal-only in v1; \`direction ${dir}\`
-      //                        (vertical orientation) is a fast-follow.`
+      //   directive handler: `event-line is horizontal-only in v1; \`direction-tb\`
+      //                        (vertical orientation) is a fast-follow.` (the
+      //                        legacy key+value form words it as \`direction ${dir}\`)
       //   `section` seam:     'Group events with `[Name]` era brackets (§28.6a), not `section`.'
       //   parseEventHeader:   'event-line events are points; a date range (`->`) is not
       //                        supported — using the start date.'
@@ -15011,10 +15263,10 @@ var init_diagnostics4 = __esm({
         severity: "warning",
         chartType: "event-line",
         title: "Unsupported construct",
-        message: (p) => typeof p.reason === "string" && p.reason ? p.reason : "event-line is horizontal-only in v1; `direction TB` (vertical orientation) is a fast-follow.",
-        hint: "Only horizontal (`direction LR`) is supported; use `[Name]` era brackets (not `section`); events are single points, not date ranges (`->`).",
+        message: (p) => typeof p.reason === "string" && p.reason ? p.reason : "event-line is horizontal-only in v1; `direction-tb` (vertical orientation) is a fast-follow.",
+        hint: "Only horizontal (`direction-lr`) is supported; use `[Name]` era brackets (not `section`); events are single points, not date ranges (`->`).",
         example: `event-line X
-direction TB
+direction-tb
 
 2020 A
   one`
@@ -15231,6 +15483,12 @@ function parseEventLine(content, palette) {
       if (cm) {
         collapsed = cm[1].toLowerCase() === "true";
         rest = (rest.slice(0, cm.index) + rest.slice(cm.index + cm[0].length)).trim();
+      } else {
+        const bare = rest.match(/(?:^|\s)collapsed(?=\s|$)/);
+        if (bare) {
+          collapsed = true;
+          rest = (rest.slice(0, bare.index) + " " + rest.slice(bare.index + bare[0].length)).trim();
+        }
       }
       let color = null;
       if (rest) {
@@ -15278,6 +15536,15 @@ function parseEventLine(content, palette) {
           continue;
         }
       }
+      if (/^direction-lr$/i.test(trimmed)) continue;
+      if (/^direction-tb$/i.test(trimmed)) {
+        result.diagnostics.push(
+          emit(EVENT_LINE_DX.UNSUPPORTED, lineNumber, {
+            reason: "event-line is horizontal-only in v1; `direction-tb` (vertical orientation) is a fast-follow."
+          })
+        );
+        continue;
+      }
       const dirMatch = trimmed.match(DIRECTION_RE);
       if (dirMatch) {
         const dir = dirMatch[1].toUpperCase();
@@ -15773,7 +16040,7 @@ function parseVersionControl(content, palette) {
       if (hint) msg2 += ` ${hint}`;
       return fail(lineNumber, msg2);
     }
-    const dir = /^direction\s+(LR|TB|BT)$/i.exec(trimmed);
+    const dir = /^direction[-\s]+(LR|TB)$/i.exec(trimmed);
     if (dir) {
       options.direction = dir[1].toUpperCase();
       continue;
@@ -16215,6 +16482,12 @@ function parseKanban(content, palette) {
       columnCounter++;
       const colName = columnMatch[1].trim();
       let tail = (columnMatch[2] ?? "").trim();
+      let colCollapsed = false;
+      const barePeel = peelTrailingCollapsedFlag(tail);
+      if (barePeel.collapsed) {
+        colCollapsed = true;
+        tail = barePeel.rest;
+      }
       let colColor;
       const colorMatch = tail.match(PALETTE_COLOR_WORD_RE);
       if (colorMatch) {
@@ -16259,7 +16532,6 @@ function parseKanban(content, palette) {
         const wipVal = parseInt(columnMetadata["wip"], 10);
         if (!isNaN(wipVal)) wipLimit = wipVal;
       }
-      let colCollapsed = false;
       if (columnMetadata["collapsed"]?.toLowerCase() === "true") {
         colCollapsed = true;
         delete columnMetadata["collapsed"];
@@ -16416,7 +16688,8 @@ var init_parser15 = __esm({
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
     REMOVED_BOOLEANS = {
       "no-auto-color": '"no-auto-color" was removed \u2014 colors are always auto-assigned from the palette; delete this line.'
@@ -16493,6 +16766,7 @@ function parseC4(content, palette) {
     title: null,
     titleLineNumber: null,
     options,
+    direction: "TB",
     tagGroups: [],
     elements: [],
     relationships: [],
@@ -16580,7 +16854,12 @@ function parseC4(content, palette) {
     }
     if (!contentStarted && !currentTagGroup && measureIndent(line11) === 0) {
       if (KNOWN_C4_BOOLEANS.has(trimmed.toLowerCase())) {
-        options[trimmed.toLowerCase()] = "on";
+        const boolKey = trimmed.toLowerCase();
+        if (boolKey === "direction-lr" || boolKey === "direction-tb") {
+          delete options["direction-lr"];
+          delete options["direction-tb"];
+        }
+        options[boolKey] = "on";
         continue;
       }
       const optMatch = trimmed.match(OPTION_NOCOLON_RE);
@@ -16710,11 +16989,13 @@ function parseC4(content, palette) {
     const containerMatch = trimmed.match(CONTAINER_RE3);
     if (containerMatch) {
       const groupName = containerMatch[1].trim();
+      const groupCollapsed = containerMatch[2] !== void 0 || containerMatch[3]?.toLowerCase() === "true";
       const parentEntry = findParentElement(indent, stack);
       if (parentEntry) {
         const group = {
           name: groupName,
           children: [],
+          ...groupCollapsed && { collapsed: true },
           lineNumber
         };
         parentEntry.element.groups.push(group);
@@ -17052,6 +17333,7 @@ function parseC4(content, palette) {
     result.tagGroups,
     (line11, msg) => pushError(line11, msg, "warning")
   );
+  result.direction = options["direction-lr"] ? "LR" : "TB";
   return result;
 }
 function findParentElement(indent, stack) {
@@ -17155,7 +17437,7 @@ var init_parser16 = __esm({
     init_parsing();
     init_reserved_key_registry();
     init_description_helpers();
-    CONTAINER_RE3 = /^\[([^\]]+)\]$/;
+    CONTAINER_RE3 = /^\[([^\]]+)\](?:\s+(collapsed)|\s+collapsed:\s*(\S+))?$/;
     ELEMENT_RE = /^(person|system|container|component)\s+(.+)$/i;
     IS_A_RE = /\s+is\s+a(?:n)?\s+(\w+)\s*$/i;
     C4_IS_A_RE = /^([^:]+?)\s+is\s+an?\s+(person|system|container|component|external|database)\b(.*)$/i;
@@ -17184,10 +17466,12 @@ var init_parser16 = __esm({
     KNOWN_C4_OPTIONS = /* @__PURE__ */ new Set(["layout", "active-tag"]);
     KNOWN_C4_BOOLEANS = /* @__PURE__ */ new Set([
       "direction-tb",
+      "direction-lr",
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
     ALL_CHART_TYPES2 = [
       "c4",
@@ -17306,7 +17590,6 @@ var init_directives_registry = __esm({
       { token: "flow-width", category: "directive", map: true },
       { token: "locale", category: "directive", map: true },
       { token: "caption", category: "directive", map: true },
-      { token: "no-legend", category: "directive", map: true },
       { token: "no-coastline", category: "directive", map: true },
       { token: "no-relief", category: "directive", map: true },
       { token: "no-context-labels", category: "directive", map: true },
@@ -17324,6 +17607,9 @@ var init_directives_registry = __esm({
       { token: "days", category: "directive", map: true },
       // ── Shared across types ──────────────────────────────────
       // `active-tag`: infra top-level option + gantt option + map directive.
+      // Treemap also accepts it (§24C.6, decision #48) — validated inline in its
+      // parser, so no chart-scoped Set is derived for it; highlighting comes from
+      // the global directive category here.
       {
         token: "active-tag",
         category: "directive",
@@ -17331,7 +17617,9 @@ var init_directives_registry = __esm({
         gantt: ["option"],
         map: true
       },
-      // `title`: gantt option (also a general data-chart directive, hand-listed).
+      // `title`: gantt option. (The data-chart `title` directive was removed in
+      // decision #48 — it now raises E_TITLE_DIRECTIVE; the token stays here for
+      // gantt.)
       { token: "title", category: "directive", gantt: ["option"] },
       // `sort`: gantt option (also general, hand-listed).
       { token: "sort", category: "directive", gantt: ["option"] },
@@ -17340,6 +17628,11 @@ var init_directives_registry = __esm({
       { token: "lane-by", category: "directive", gantt: ["option"] },
       // `no-title`: gantt boolean + map directive (also general, hand-listed).
       { token: "no-title", category: "directive", gantt: ["boolean"], map: true },
+      // `no-legend`: universal (decision #48) — every chart that renders a legend
+      // accepts it, and charts without one take it as a harmless no-op. Parsed for
+      // most types via GLOBAL_BOOLEANS in utils/parsing; gantt derives its boolean
+      // Set from here, and map from `map: true`.
+      { token: "no-legend", category: "directive", gantt: ["boolean"], map: true },
       // ══════════════════════════════════════════════════════════
       // Highlight-only vocab (no extractable parser Set).
       // ══════════════════════════════════════════════════════════
@@ -17351,10 +17644,15 @@ var init_directives_registry = __esm({
       { token: "era", category: "directive" },
       { token: "marker", category: "directive" },
       { token: "holiday", category: "directive" },
-      { token: "workweek", category: "directive" },
+      // `workweek` is also the canonical weekday-window directive on clock and map
+      // clock-cards (decision #48; `days` stays as the legacy alias).
+      { token: "workweek", category: "directive", map: true },
       { token: "no-dependencies", category: "directive" },
       // ── Tech-radar ───────────────────────────────────────────
       { token: "rings", category: "directive" },
+      // Blip listing is default-on everywhere (decision #48): `no-blip-legend`
+      // suppresses it; `show-blip-legend` stays as the parse-accepted legacy no-op.
+      { token: "no-blip-legend", category: "directive" },
       { token: "show-blip-legend", category: "directive" },
       { token: "trend", category: "directive" },
       // ── Tags / shared directives ─────────────────────────────
@@ -17380,7 +17678,13 @@ var init_directives_registry = __esm({
       // ATTRIBUTE_KEYS colon-gate from reclassifying `heat:` as a propertyName. So
       // `heat` lives only in the reserved-key registry + ATTRIBUTE_KEYS and highlights
       // as a property in both positions — exactly the treemap `heat` precedent.
+      // Box values render by default since decision #48; `show-values` stays as
+      // the parse-accepted legacy no-op (suppress with the shared `no-value`).
       { token: "show-values", category: "directive" },
+      // Treemap's legacy plural spelling of the same suppression (decision #48
+      // made the shared singular `no-value` canonical). Registered so a legacy
+      // document still highlights it as a directive rather than plain text.
+      { token: "no-values", category: "directive" },
       // ── Swimlane ─────────────────────────────────────────────
       { token: "lane", category: "directive" },
       // ── ER ───────────────────────────────────────────────────
@@ -17463,7 +17767,9 @@ var init_directives_registry = __esm({
       { token: "trials", category: "directive" },
       { token: "seed", category: "directive" },
       { token: "scrubber-trials", category: "directive" },
-      { token: "start-date", category: "directive" },
+      // `start-date` is also gantt's canonical project-start option (decision #48;
+      // bare `start` above stays as the legacy alias).
+      { token: "start-date", category: "directive", gantt: ["option"] },
       { token: "end-date", category: "directive" },
       // ── Goal ─────────────────────────────────────────────────
       // Mode flags, value-key leaders, and opt-outs. `now`/`target` collide with
@@ -17501,6 +17807,12 @@ var init_directives_registry = __esm({
       { token: "backlog", category: "status" },
       { token: "ready", category: "status" },
       // ── Modifiers + ER column types/modifiers (MODIFIER) ─────
+      // `collapsed` is the bare trailing group-line flag made canonical by
+      // decision #48 (`[Fulfillment] collapsed`). It is deliberately a bare
+      // MODIFIER rather than a colon key: the legacy `collapsed: true` form still
+      // parses and still highlights (as `modifier` instead of `propertyName`),
+      // whereas leaving it colon-only left the canonical bare form as plain text.
+      { token: "collapsed", category: "modifier" },
       { token: "as", category: "modifier" },
       { token: "alias", category: "modifier" },
       { token: "aka", category: "modifier" },
@@ -17788,8 +18100,9 @@ function parseInfra(content) {
           continue;
         }
       }
-      if (/^direction-tb$/i.test(trimmed)) {
-        result.direction = "TB";
+      const dirBool = trimmed.match(/^direction-(lr|tb)$/i);
+      if (dirBool) {
+        result.direction = dirBool[1].toUpperCase();
         continue;
       }
       if (trimmed === "animate" || trimmed === "no-animate") {
@@ -17828,8 +18141,15 @@ function parseInfra(content) {
         const groupAlias = groupMatch[2];
         const gId = groupId(gLabel);
         if (groupAlias) nameAliasMap.set(groupAlias, gId);
-        const groupMeta = groupMatch[3] ? extractPipeMetadata(groupMatch[3]).tags : void 0;
+        let groupCollapsed = groupMatch[3] !== void 0;
+        const groupMeta = groupMatch[4] ? extractPipeMetadata(groupMatch[4]).tags : void 0;
         if (groupMeta) {
+          if (groupMeta["collapsed"] !== void 0) {
+            if (groupMeta["collapsed"].toLowerCase() === "true") {
+              groupCollapsed = true;
+            }
+            delete groupMeta["collapsed"];
+          }
           warnUnknownMetaKeys(
             groupMeta,
             withTagAliases(INFRA_REGISTRY, tagAliasSet),
@@ -17841,6 +18161,7 @@ function parseInfra(content) {
           id: gId,
           label: gLabel,
           ...hasMeta && { metadata: groupMeta },
+          ...groupCollapsed && { collapsed: true },
           lineNumber
         };
         currentGroup = newGroup;
@@ -17932,6 +18253,25 @@ function parseInfra(content) {
           continue;
         }
       }
+      const spacePropMatch = trimmed.match(
+        /^(instances|collapsed)\s+(\S+)\s*$/
+      );
+      if (spacePropMatch) {
+        const key = spacePropMatch[1];
+        const val = spacePropMatch[2];
+        if (key === "instances" && RANGE_RE.test(val)) {
+          currentGroup.instances = val;
+          continue;
+        }
+        if (key === "instances" && /^\d+$/.test(val)) {
+          currentGroup.instances = parseInt(val, 10);
+          continue;
+        }
+        if (key === "collapsed" && /^(true|false)$/i.test(val)) {
+          currentGroup.collapsed = val.toLowerCase() === "true";
+          continue;
+        }
+      }
       const compMatch = trimmed.match(COMPONENT_RE);
       if (compMatch) {
         finishCurrentTagGroup();
@@ -18359,7 +18699,9 @@ function extractSymbols4(docText) {
       if (!indented) {
         const firstLine = parseFirstLine(line11);
         if (firstLine) continue;
-        if (/^(?:direction-tb|animate|no-animate|slo-|default-)/i.test(line11))
+        if (/^(?:direction-tb|direction-lr|animate|no-animate|slo-|default-)/i.test(
+          line11
+        ))
           continue;
         if (/^[a-z-]+\s*:/i.test(line11)) continue;
         inMetadata = false;
@@ -18423,7 +18765,7 @@ var init_parser17 = __esm({
     ASYNC_CONNECTION_RE = /^~(?:([^~].*?))?~>\s*(.+?)\s*$/;
     ASYNC_SIMPLE_CONNECTION_RE = /^~>\s*(.+?)\s*$/;
     DEPRECATED_FANOUT_RE = /\bx(\d+)\s*$/;
-    GROUP_RE = /^\[([^\]]+)\]\s*(?:as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*)?((?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
+    GROUP_RE = /^\[([^\]]+)\]\s*(?:as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*)?(?:(collapsed)(?!\s*:)\s*)?((?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
     TAG_VALUE_RE = /^(\w[\w\s]+?)\s*$/;
     COMPONENT_RE = /^(?:"(?<qname>[^"]+)"|(?<uname>[a-zA-Z_][\w -]*?))(?:\s+as\s+(?<alias>[A-Za-z][A-Za-z0-9_]{0,11}))?\s*(?<meta>(?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
     PIPE_META_RE = /[|,]\s*(\w+)\s*:\s*([^|,]+)/g;
@@ -18532,7 +18874,8 @@ function parseGantt(content, palette) {
       sprintStart: null,
       sprintMode: null,
       fillMode: void 0,
-      noTitle: false
+      noTitle: false,
+      noLegend: false
     },
     diagnostics,
     error: null,
@@ -19186,6 +19529,9 @@ function parseGantt(content, palette) {
         case "no-title":
           result.options.noTitle = true;
           break;
+        case "no-legend":
+          result.options.noLegend = true;
+          break;
       }
       continue;
     }
@@ -19212,6 +19558,9 @@ function parseGantt(content, palette) {
       const value = optNoColonMatch[2].trim();
       result.options.optionLineNumbers[key] = lineNumber;
       switch (key) {
+        // `start-date` is canonical (decision #48, pert parity); bare `start`
+        // stays as an undocumented legacy alias.
+        case "start-date":
         case "start":
           result.options.start = wholeDate(value)?.iso ?? value;
           break;
@@ -19331,7 +19680,13 @@ function parseGantt(content, palette) {
           );
           continue;
         }
-        const afterBrackets = gm[2].trim();
+        let afterBrackets = gm[2].trim();
+        let collapsed = false;
+        const barePeel = peelTrailingCollapsedFlag(afterBrackets);
+        if (barePeel.collapsed) {
+          collapsed = true;
+          afterBrackets = barePeel.rest;
+        }
         let metadata = {};
         if (afterBrackets) {
           const groupRegistry = withTagAliases(
@@ -19354,7 +19709,6 @@ function parseGantt(content, palette) {
           );
           metadata = split.meta;
         }
-        let collapsed = false;
         if (metadata["collapsed"]?.toLowerCase() === "true") {
           collapsed = true;
           delete metadata["collapsed"];
@@ -19531,7 +19885,8 @@ function parseGantt(content, palette) {
       for (let j = tokens.length - 1; j >= 0; j--) {
         const m = tokens[j].match(DURATION_TOKEN_RE);
         if (m) {
-          duration = { amount: parseFloat(m[1]), unit: m[2] };
+          const unit = m[2] === "sp" ? "s" : m[2];
+          duration = { amount: parseFloat(m[1]), unit };
           uncertain = !!m[3];
           name = tokens.slice(0, j).join(" ");
           break;
@@ -19719,13 +20074,13 @@ var init_parser18 = __esm({
     DEPENDENCY_RE = /^(?:-(.+?))?->\s*(.+)$/;
     COMMENT_RE = /^\/\//;
     WORKWEEK_RE = /^workweek\s+(.+)$/i;
-    OFFSET_PREFIX_RE = /^\+(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))\s+(.*)/;
-    DURATION_TOKEN_RE = /^(\d+(?:\.\d+)?)(min|bd|d|w|m|q|y|h|s)(\?)?$/;
-    LAG_ARROW_RE = /^-(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))->\s*(.*)/;
-    LEAD_ARROW_RE = /^--(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))->\s*(.*)/;
+    OFFSET_PREFIX_RE = /^\+(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))\s+(.*)/;
+    DURATION_TOKEN_RE = /^(\d+(?:\.\d+)?)(min|bd|sp|d|w|m|q|y|h|s)(\?)?$/;
+    LAG_ARROW_RE = /^-(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))->\s*(.*)/;
+    LEAD_ARROW_RE = /^--(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))->\s*(.*)/;
     BASIC_ARROW_RE = /^->\s*(.*)/;
-    ERA_OFFSET_RE = /^era\s+\+(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))\s*(?:->|–>)\s*\+(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))\s+(.+)$/i;
-    MARKER_OFFSET_RE = /^marker\s+\+(\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h|s))\s+(.+)$/i;
+    ERA_OFFSET_RE = /^era\s+\+(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))\s*(?:->|–>)\s*\+(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))\s+(.+)$/i;
+    MARKER_OFFSET_RE = /^marker\s+\+(\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h|s))\s+(.+)$/i;
     WEEKDAY_MAP = {
       mon: "mon",
       tue: "tue",
@@ -20010,12 +20365,14 @@ function parseMap(content, palette) {
         d.noClusterPois = true;
         break;
       // ── Clock channel (BL-122). Activation is the per-POI `clock` flag (see
-      //    handlePoi); `hours`/`days` are the global availability window, stored
-      //    raw and parsed at resolve. ──
+      //    handlePoi); `hours`/`workweek` are the global availability window,
+      //    stored raw and parsed at resolve. `days` is the legacy alias for
+      //    `workweek` (decision #48). ──
       case "hours":
         dup(d.clockHours);
         d.clockHours = value;
         break;
+      case "workweek":
       case "days":
         dup(d.clockDays);
         d.clockDays = value;
@@ -20510,7 +20867,7 @@ function parseBoxesAndLines(content, palette) {
       continue;
     }
     if (indent === 0) {
-      const dirMatch = trimmed.match(/^direction\s+(TB|LR)$/i);
+      const dirMatch = trimmed.match(/^direction[-\s]+(TB|LR)$/i);
       if (dirMatch) {
         result.direction = dirMatch[1].toUpperCase();
         continue;
@@ -20542,6 +20899,10 @@ function parseBoxesAndLines(content, palette) {
           if (low !== void 0) result.boxMetricLowColor = low;
           continue;
         }
+        if (/^no-value$/i.test(trimmed)) {
+          result.showValues = false;
+          continue;
+        }
         if (/^show-values$/i.test(trimmed)) {
           result.showValues = true;
           continue;
@@ -22145,6 +22506,12 @@ function parseSwimlane(content, palette) {
         options[trimmed.toLowerCase()] = "on";
       continue;
     }
+    const dirBool = indent === 0 ? trimmed.match(/^direction-(lr|tb)$/i) : null;
+    if (dirBool) {
+      direction = dirBool[1].toUpperCase();
+      options["direction"] = direction;
+      continue;
+    }
     if (indent === 0 && /^direction\s+/i.test(trimmed)) {
       const val = trimmed.replace(/^direction\s+/i, "").trim().toUpperCase();
       if (val === "LR" || val === "TB") {
@@ -22367,7 +22734,8 @@ function parseSwimlane(content, palette) {
     if (cIdx > 0) trimmed = trimmed.slice(0, cIdx).trim();
     if (!trimmed) continue;
     const indent = measureIndent(raw);
-    if (indent === 0 && /^direction\s+/i.test(trimmed)) continue;
+    if (indent === 0 && /^direction(?:\s+|-(?:lr|tb)$)/i.test(trimmed))
+      continue;
     if (indent === 0 && FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) continue;
     if (matchTagBlockHeading(trimmed) && indent === 0) {
       inTagBlock = true;
@@ -23440,9 +23808,18 @@ function parseMindmap(content, palette) {
   return result;
 }
 function parseNodeLine2(trimmed, lineNumber, _palette, counter, aliasMap, diagnostics) {
+  let bareCollapsed = false;
+  let nodeText = trimmed;
+  {
+    const barePeel = peelTrailingCollapsedFlag(nodeText);
+    if (barePeel.collapsed && barePeel.rest) {
+      bareCollapsed = true;
+      nodeText = barePeel.rest;
+    }
+  }
   const registry = withTagAliases(MINDMAP_REGISTRY, new Set(aliasMap.keys()));
   const split = splitNameAndMeta(
-    trimmed,
+    nodeText,
     registry,
     aliasMap,
     void 0,
@@ -23464,9 +23841,9 @@ function parseNodeLine2(trimmed, lineNumber, _palette, counter, aliasMap, diagno
     if (descVal) description = [descVal];
     delete metadata["description"];
   }
-  let collapsed;
+  let collapsed = bareCollapsed ? true : void 0;
   if ("collapsed" in metadata) {
-    collapsed = metadata["collapsed"].toLowerCase() === "true";
+    collapsed = collapsed || metadata["collapsed"].toLowerCase() === "true";
     delete metadata["collapsed"];
   }
   return {
@@ -24565,11 +24942,15 @@ var init_parser26 = __esm({
     ];
     KNOWN_OPTIONS8 = /* @__PURE__ */ new Set([]);
     KNOWN_BOOLEANS5 = /* @__PURE__ */ new Set([
+      // Blip listing is default-on (decision #48): `no-blip-legend` suppresses it;
+      // `show-blip-legend` is the parse-accepted legacy no-op.
+      "no-blip-legend",
       "show-blip-legend",
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
   }
 });
@@ -25022,11 +25403,6 @@ function parseJourneyMap(content, palette) {
           continue;
         }
       }
-      const removedMsg = REMOVED_BOOLEANS2[trimmed.toLowerCase()];
-      if (removedMsg && !PHASE_RE.test(trimmed)) {
-        warn(lineNumber, removedMsg);
-        continue;
-      }
       if (KNOWN_BOOLEANS6.has(trimmed.toLowerCase()) && !PHASE_RE.test(trimmed)) {
         options[trimmed.toLowerCase()] = "on";
         continue;
@@ -25216,7 +25592,7 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
     endLineNumber: lineNumber
   };
 }
-var PHASE_RE, ANNOTATION_RE, KNOWN_OPTIONS9, KNOWN_BOOLEANS6, REMOVED_BOOLEANS2;
+var PHASE_RE, ANNOTATION_RE, KNOWN_OPTIONS9, KNOWN_BOOLEANS6;
 var init_parser28 = __esm({
   "src/journey-map/parser.ts"() {
     "use strict";
@@ -25234,11 +25610,9 @@ var init_parser28 = __esm({
       "fill-tint",
       "fill-solid",
       "fill-outline",
-      "no-title"
+      "no-title",
+      "no-legend"
     ]);
-    REMOVED_BOOLEANS2 = {
-      "no-legend": '"no-legend" has been removed \u2014 remove tag groups to hide the legend.'
-    };
   }
 });
 
@@ -25755,7 +26129,7 @@ function parseTreemap(content, palette) {
     validateTagGroupNames(result.tagGroups, pushWarning);
     cascadeTagMetadata(result.roots, result.tagGroups);
   }
-  result.defaultColorMode = resolveDefaultColorMode(result);
+  result.defaultColorMode = resolveDefaultColorMode(result, pushWarning);
   if (result.roots.length === 0 && !result.error) {
     const diag = makeDgmoError(1, "No nodes found in treemap");
     result.diagnostics.push(diag);
@@ -25789,10 +26163,16 @@ function handleDirective(trimmed, options, result, pushWarning, lineNumber) {
     result.hasHeat = true;
     return true;
   }
-  const noMatch = trimmed.match(/^no-(values|percent|headers|legend)\s*$/i);
+  const activeTagMatch = trimmed.match(/^active-tag\s+(.+)$/i);
+  if (activeTagMatch) {
+    result.activeTag = activeTagMatch[1].trim();
+    result.activeTagLineNumber = lineNumber;
+    return true;
+  }
+  const noMatch = trimmed.match(/^no-(values?|percent|headers|legend)\s*$/i);
   if (noMatch) {
     const key = noMatch[1].toLowerCase();
-    if (key === "values") options.noValues = true;
+    if (key === "value" || key === "values") options.noValues = true;
     else if (key === "percent") options.noPercent = true;
     else if (key === "headers") options.noHeaders = true;
     else if (key === "legend") options.noLegend = true;
@@ -25811,9 +26191,27 @@ function handleDirective(trimmed, options, result, pushWarning, lineNumber) {
   }
   return false;
 }
-function resolveDefaultColorMode(result) {
-  if (result.tagGroups.length > 0) return "tag";
+function resolveDefaultColorMode(result, pushWarning) {
+  const at = result.activeTag?.trim();
+  if (at) {
+    const lv = at.toLowerCase();
+    if (lv === "none") return "branch";
+    const heatName = result.options.heatLabel;
+    const heatHit = heatName !== void 0 ? lv === heatName.toLowerCase() : lv === "value" || lv === "heat";
+    if (result.hasHeat && heatHit) return "heat";
+    if (result.tagGroups.some((g) => g.name.toLowerCase() === lv)) return "tag";
+    const dims = [
+      ...result.tagGroups.map((g) => g.name),
+      ...result.hasHeat ? [heatName ?? "Value"] : []
+    ];
+    const hint = dims.length ? ` Available: ${dims.join(", ")}, none.` : " No tag groups or heat are declared.";
+    pushWarning(
+      result.activeTagLineNumber ?? 0,
+      `active-tag "${at}" does not match a declared tag group or the heat label.${hint}`
+    );
+  }
   if (result.hasHeat) return "heat";
+  if (result.tagGroups.length > 0) return "tag";
   return "branch";
 }
 function parseNodeLine3(trimmed, lineNumber, counter, aliasMap, diagnostics) {
@@ -26336,7 +26734,7 @@ function parseGoal(content, palette) {
       options.noAutoColor = true;
       continue;
     }
-    if (lower === "no-note") {
+    if (lower === "no-notes" || lower === "no-note") {
       options.noNote = true;
       continue;
     }
@@ -26824,19 +27222,20 @@ function parse24h(tok) {
   return { hour, minute };
 }
 function parseAt(rest, lineNum, softError) {
-  const t = parse24h(rest.trim());
+  const tok = rest.trim();
+  const t = parse24h(tok);
   if (t) return t;
-  const fixed = ampmTo24h(rest.trim());
-  softError(
-    lineNum,
-    fixed ? `"at ${rest}": use 24h time (${fixed}).` : `"at" needs a 24h time like 18:00 (got "${rest}").`
-  );
+  const fixed = ampmTo24h(tok);
+  if (fixed) return parse24h(fixed);
+  softError(lineNum, `"at" needs a time like 18:00 or 6:30pm (got "${rest}").`);
   return null;
 }
 function ampmTo24h(tok) {
   const m = tok.match(AMPM_RE);
   if (!m) return null;
-  let hour = Number(m[1]) % 12;
+  const h = Number(m[1]);
+  if (h < 1 || h > 12) return null;
+  let hour = h % 12;
   if (/pm/i.test(m[3])) hour += 12;
   return `${String(hour).padStart(2, "0")}:${m[2] ?? "00"}`;
 }
@@ -27975,12 +28374,14 @@ function parseClock(content, palette) {
           }
           break;
         }
+        // `workweek` is canonical; `days` is the legacy alias (decision #48).
+        case "workweek":
         case "days": {
           const parsed = parseDays(rest);
           if (parsed === null) {
             softError(
               lineNum,
-              `"days" needs weekdays like mon-fri or mon,wed,fri (got "${rest}").`
+              `"${key}" needs weekdays like mon-fri or mon,wed,fri (got "${rest}").`
             );
           } else {
             workDays = parsed;
@@ -28017,9 +28418,15 @@ function parseClock(content, palette) {
           }
           break;
         }
+        case "direction-lr":
+          result.columns = true;
+          break;
+        case "direction-tb":
+          result.columns = false;
+          break;
         case "direction": {
           const v = rest.trim().toLowerCase();
-          result.columns = v.startsWith("lr") || v === "columns";
+          result.columns = v === "lr" || v === "columns";
           break;
         }
       }
@@ -28135,7 +28542,7 @@ function parseClock(content, palette) {
   } else if (workDays !== null) {
     warn(
       result.titleLineNumber ?? 1,
-      "`days` has no effect without `hours` \u2014 the working-hours status needs a window."
+      "`workweek` has no effect without `hours` \u2014 the working-hours status needs a window."
     );
   }
   result.entries = entries;
@@ -28159,10 +28566,17 @@ var init_parser35 = __esm({
     DIRECTIVES = /* @__PURE__ */ new Set([
       "analog",
       "hours",
+      "workweek",
+      // Legacy alias for `workweek` (decision #48).
       "days",
       "no-sun",
       "time-24",
       "no-title",
+      // Canonical direction booleans (§1.9); key+value `direction <lr|tb>` (and
+      // its `columns` value alias) stays parse-accepted legacy. These MUST be in
+      // this set — otherwise a bare `direction-lr` line parses as a zone entry.
+      "direction-lr",
+      "direction-tb",
       "direction",
       "color-by",
       "fill-tint",
@@ -28251,6 +28665,7 @@ function parseBracket(content, palette) {
   };
   const lines = content.split("\n");
   let headerParsed = false;
+  let accentFromTitle = false;
   let currentSide = null;
   let currentTagGroup = null;
   let commentaryTarget = null;
@@ -28273,13 +28688,17 @@ function parseBracket(content, palette) {
         return fail(lineNum, 'Expected "bracket [Title]" as the first line.');
       }
       if (first.title) {
-        const { label } = extractColor(
+        const { label, color } = extractColor(
           first.title,
           palette,
           result.diagnostics,
           lineNum
         );
         result.title = label || null;
+        if (color !== void 0) {
+          result.accentColor = color;
+          accentFromTitle = true;
+        }
       }
       result.titleLineNumber = lineNum;
       headerParsed = true;
@@ -28381,7 +28800,7 @@ function parseBracket(content, palette) {
         result.diagnostics,
         lineNum
       );
-      if (color !== void 0) result.accentColor = color;
+      if (color !== void 0 && !accentFromTitle) result.accentColor = color;
       continue;
     }
     const sideM = trimmed.match(/^\[(.+?)\](.*)$/);
@@ -29217,7 +29636,7 @@ function parseRaci(content, palette) {
         continue;
       }
       const lower = trimmed.toLowerCase();
-      const removedMsg = REMOVED_BOOLEANS3[lower];
+      const removedMsg = REMOVED_BOOLEANS2[lower];
       if (removedMsg) {
         warn(lineNumber, removedMsg);
         continue;
@@ -29458,7 +29877,7 @@ function* allTasks(parsed) {
     for (const t of phase.tasks) yield t;
   }
 }
-var KNOWN_OPTIONS10, KNOWN_BOOLEANS7, REMOVED_BOOLEANS3, PHASE_RE2, PHASE_PALETTE_COLOR_RE, ROLE_ASSIGNMENT_RE;
+var KNOWN_OPTIONS10, KNOWN_BOOLEANS7, REMOVED_BOOLEANS2, PHASE_RE2, PHASE_PALETTE_COLOR_RE, ROLE_ASSIGNMENT_RE;
 var init_parser37 = __esm({
   "src/raci/parser.ts"() {
     "use strict";
@@ -29472,7 +29891,7 @@ var init_parser37 = __esm({
     init_variants();
     KNOWN_OPTIONS10 = /* @__PURE__ */ new Set(["roles", "palette", "theme", "active-tag"]);
     KNOWN_BOOLEANS7 = /* @__PURE__ */ new Set(["no-title"]);
-    REMOVED_BOOLEANS3 = {
+    REMOVED_BOOLEANS2 = {
       "no-rule-enforcement": '"no-rule-enforcement" has been removed \u2014 RACI validation is always active.'
     };
     PHASE_RE2 = /^\[(.+?)\]\s*(.*)$/;
@@ -32768,7 +33187,7 @@ var init_dgmo_router = __esm({
     init_diagnostics();
     init_chart_types();
     init_chart_type_registry();
-    GANTT_DURATION_RE = /^\d+(?:\.\d+)?(?:min|bd|d|w|m|q|y|h)(?:\?)?\s+/;
+    GANTT_DURATION_RE = /^\d+(?:\.\d+)?(?:min|bd|sp|d|w|m|q|y|h)(?:\?)?\s+/;
     GANTT_DATE_RE = /^\d{4}-\d{2}-\d{2}(?:\s\d{2}:\d{2})?\s+/;
     C4_TYPE_RE = /\bis\s+an?\s+(person|system|container|component)\b/i;
     CHART_TYPE_DESCRIPTIONS = Object.fromEntries(chartTypes.map((c) => [c.id, c.description]));
@@ -32873,7 +33292,9 @@ function fmtNum(n) {
 function reserveHeader(svg, chart, colors, palette, isDark, hasTitle, width) {
   return injectLegendGroups(
     svg,
-    getSimpleChartLegendGroups(chart, colors),
+    // `no-legend` (#48) → pass no groups; injectLegendGroups then returns the
+    // title-only top inset, so the legend band collapses rather than blanking.
+    chart.noLegend ? [] : getSimpleChartLegendGroups(chart, colors),
     palette,
     isDark,
     hasTitle,
@@ -34398,7 +34819,7 @@ function renderInto(s, content, palette, isDark, width, height, textColor, muted
         );
         return true;
       case "radar": {
-        const groups = getSimpleChartLegendGroups(std, colors);
+        const groups = std.noLegend ? [] : getSimpleChartLegendGroups(std, colors);
         const top = injectLegendGroups(
           s,
           groups,
@@ -34468,7 +34889,7 @@ function renderInto(s, content, palette, isDark, width, height, textColor, muted
       );
       return true;
     case "scatter": {
-      const groups = getExtendedChartLegendGroups(ext, seriesColors2);
+      const groups = ext.noLegend ? [] : getExtendedChartLegendGroups(ext, seriesColors2);
       const top = injectLegendGroups(
         s,
         groups,
@@ -34517,7 +34938,7 @@ function renderInto(s, content, palette, isDark, width, height, textColor, muted
       );
       return true;
     case "function": {
-      const groups = getExtendedChartLegendGroups(ext, seriesColors2);
+      const groups = ext.noLegend ? [] : getExtendedChartLegendGroups(ext, seriesColors2);
       const top = injectLegendGroups(
         s,
         groups,
@@ -36468,7 +36889,10 @@ function injectDefaultMetadata(roots, tagGroups) {
 function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expandAllLegend) {
   if (parsed.roots.length === 0) {
     const showEyeIcons2 = hiddenAttributes !== void 0;
-    const legendGroups2 = computeLegendGroups(parsed.tagGroups, showEyeIcons2);
+    const legendGroups2 = computeLegendGroups(
+      legendSuppressed(parsed.options) ? [] : parsed.tagGroups,
+      showEyeIcons2
+    );
     if (legendGroups2.length === 0) {
       return {
         nodes: [],
@@ -36496,6 +36920,11 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       height: cy - LEGEND_GROUP_GAP + MARGIN2
     };
   }
+  const isLR = parsed.direction === "LR";
+  const depthExtent = (tn) => isLR ? tn.width : tn.height;
+  const crossExtent = (tn) => isLR ? tn.height : tn.width;
+  const ptToScreen = (ax, ay) => isLR ? { x: ay, y: ax } : { x: ax, y: ay };
+  const screenTopLeft = (ax, ay, w, h2) => isLR ? { left: ay, top: ax - h2 / 2 } : { left: ax - w / 2, top: ay };
   injectDefaultMetadata(parsed.roots, parsed.tagGroups);
   const subNodeLabel = parsed.options["sub-node-label"] ?? void 0;
   const showSubNodeCount = ["yes", "on"].includes(
@@ -36542,6 +36971,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   for (const tn of allTreeNodes) {
     tn.width = maxWidth;
   }
+  const maxDepthExtent = isLR ? maxWidth : maxHeight;
+  const maxCrossExtent = isLR ? maxHeight : maxWidth;
+  const depthGap = V_GAP;
+  const crossGap = H_GAP;
   const leafStacks = /* @__PURE__ */ new Map();
   const collapseLeafContainers = (tn) => {
     for (const child of tn.children) collapseLeafContainers(child);
@@ -36555,7 +36988,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       for (const child of tn.children) {
         child.width = maxW;
       }
-      const totalH = tn.children.reduce((s, c) => s + c.height, 0) + (tn.children.length - 1) * STACK_V_GAP;
+      const stackDepth = tn.children.reduce((s, c) => s + depthExtent(c), 0) + (tn.children.length - 1) * STACK_V_GAP;
+      const stackCross = Math.max(...tn.children.map((c) => crossExtent(c)));
       tn.children = [
         {
           orgNode: {
@@ -36568,8 +37002,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
             lineNumber: 0
           },
           children: [],
-          width: maxW,
-          height: totalH
+          width: isLR ? stackDepth : stackCross,
+          height: isLR ? stackCross : stackDepth
         }
       ];
     }
@@ -36578,8 +37012,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   centerHeavyChildren(root);
   const h = hierarchy(root, (d) => d.children);
   const treeLayout = tree().nodeSize([
-    maxWidth + H_GAP,
-    maxHeight + V_GAP
+    maxCrossExtent + crossGap,
+    maxDepthExtent + depthGap
   ]);
   treeLayout(h);
   {
@@ -36588,16 +37022,17 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     for (const d of descendants) {
       if (d.data.orgNode.id.startsWith("__stack_")) continue;
       const cur = levelMaxHeight.get(d.depth) ?? 0;
-      if (d.data.height > cur) levelMaxHeight.set(d.depth, d.data.height);
+      const ext = depthExtent(d.data);
+      if (ext > cur) levelMaxHeight.set(d.depth, ext);
     }
     const maxDepth = Math.max(...levelMaxHeight.keys(), 0);
     const compactedY = /* @__PURE__ */ new Map();
     const rootDepth = treeNodes.length === 1 ? 0 : 1;
     compactedY.set(rootDepth, 0);
     for (let d = rootDepth + 1; d <= maxDepth; d++) {
-      const parentH = levelMaxHeight.get(d - 1) ?? maxHeight;
+      const parentH = levelMaxHeight.get(d - 1) ?? maxDepthExtent;
       const prevY = compactedY.get(d - 1) ?? 0;
-      compactedY.set(d, prevY + parentH + V_GAP);
+      compactedY.set(d, prevY + parentH + depthGap);
     }
     for (const d of h.descendants()) {
       if (d.data.orgNode.id === "__virtual_root__") continue;
@@ -36612,7 +37047,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     const actualLevelGap = childY - d.y;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const headerHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT2;
-    const desiredGap = headerHeight + 15;
+    const desiredGap = isLR ? CONTAINER_PAD_X : headerHeight + 15;
     const shiftUp = actualLevelGap - desiredGap;
     if (shiftUp <= 0) continue;
     const shift = (node) => {
@@ -36630,10 +37065,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (d.data.orgNode.isContainer) continue;
     if (!d.children || d.children.length === 0) continue;
     if (!d.children.every((c) => c.data.orgNode.isContainer)) continue;
-    const parentBottomY = d.y + d.data.height;
+    const parentBottomY = d.y + depthExtent(d.data);
     const firstChildY = Math.min(...d.children.map((c) => c.y));
     const currentGap = firstChildY - parentBottomY;
-    const desiredGap = V_GAP * 0.6;
+    const desiredGap = depthGap * 0.6;
     const shiftUp = currentGap - desiredGap;
     if (shiftUp <= 0) continue;
     const shiftDown = (node) => {
@@ -36650,8 +37085,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   }
   {
     const subtreeExtent = (node) => {
-      let min = node.x - node.data.width / 2;
-      let max = node.x + node.data.width / 2;
+      let min = node.x - crossExtent(node.data) / 2;
+      let max = node.x + crossExtent(node.data) / 2;
       if (node.children) {
         for (const child of node.children) {
           const childExt = subtreeExtent(child);
@@ -36662,6 +37097,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       if (node.data.orgNode.isContainer) {
         min -= CONTAINER_PAD_X;
         max += CONTAINER_PAD_X;
+        if (isLR) {
+          const metaCount = Object.keys(node.data.orgNode.metadata).length;
+          min -= CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT2;
+        }
       }
       return { minX: min, maxX: max };
     };
@@ -36683,7 +37122,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       const positions = [0];
       for (let i = 1; i < children.length; i++) {
         const prevRight = positions[i - 1] + extents[i - 1].relRight;
-        positions[i] = prevRight + H_GAP - extents[i].relLeft;
+        positions[i] = prevRight + crossGap - extents[i].relLeft;
       }
       const newCenter = (positions[0] + positions[positions.length - 1]) / 2;
       const centerShift = currentCenter - newCenter;
@@ -36728,29 +37167,33 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
         cx: d.x,
         cy: currentY
       });
-      currentY += child.height + STACK_V_GAP;
+      currentY += depthExtent(child) + STACK_V_GAP;
     }
   }
+  const screenRect = (ax, ay, w, h2) => {
+    const { left, top } = screenTopLeft(ax, ay, w, h2);
+    return { left, top, right: left + w, bottom: top + h2 };
+  };
+  const growBBox = (r) => {
+    if (r.left < minX) minX = r.left;
+    if (r.right > maxX) maxX = r.right;
+    if (r.top < minY) minY = r.top;
+    if (r.bottom > maxY) maxY = r.bottom;
+  };
   for (const d of h.descendants()) {
     if (d.data.orgNode.id === "__virtual_root__") continue;
     if (d.data.orgNode.id.startsWith("__stack_")) continue;
-    const w = d.data.width;
-    const ht = d.data.height;
-    const cx = d.x;
-    const cy = d.y;
-    if (cx - w / 2 < minX) minX = cx - w / 2;
-    if (cx + w / 2 > maxX) maxX = cx + w / 2;
-    if (cy < minY) minY = cy;
-    if (cy + ht > maxY) maxY = cy + ht;
+    growBBox(screenRect(d.x, d.y, d.data.width, d.data.height));
   }
   for (const ec of expandedChildren) {
-    if (ec.cx - ec.width / 2 < minX) minX = ec.cx - ec.width / 2;
-    if (ec.cx + ec.width / 2 > maxX) maxX = ec.cx + ec.width / 2;
-    if (ec.cy < minY) minY = ec.cy;
-    if (ec.cy + ec.height > maxY) maxY = ec.cy + ec.height;
+    growBBox(screenRect(ec.cx, ec.cy, ec.width, ec.height));
   }
   const offsetX = -minX + MARGIN2;
   const offsetY = -minY + MARGIN2;
+  const placeCard = (ax, ay, w, h2) => {
+    const r = screenRect(ax, ay, w, h2);
+    return { x: r.left + offsetX + w / 2, y: r.top + offsetY };
+  };
   const subNodeKey = subNodeLabel ?? "Sub-node Count";
   for (const ec of expandedChildren) {
     const hc = hiddenCounts?.get(ec.orgNode.id);
@@ -36773,14 +37216,17 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       isContainer: ec.orgNode.isContainer,
       lineNumber: ec.orgNode.lineNumber,
       ...ecColor !== void 0 && { color: ecColor },
-      x: ec.cx + offsetX,
-      y: ec.cy + offsetY,
+      ...placeCard(ec.cx, ec.cy, ec.width, ec.height),
       width: ec.width,
       height: ec.height,
       ...hc !== void 0 && { hiddenCount: hc },
       ...ecHasChildren !== void 0 && { hasChildren: ecHasChildren }
     });
   }
+  const placePoint = (ax, ay) => {
+    const p = ptToScreen(ax, ay);
+    return { x: p.x + offsetX, y: p.y + offsetY };
+  };
   const busGroups = /* @__PURE__ */ new Map();
   for (const d of h.descendants()) {
     if (d.data.orgNode.id === "__virtual_root__") continue;
@@ -36788,8 +37234,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     const orgNode = d.data.orgNode;
     const w = d.data.width;
     const ht = d.data.height;
-    const x = d.x + offsetX;
-    const y = d.y + offsetY;
+    const { x, y } = placeCard(d.x, d.y, w, ht);
     const hc = hiddenCounts?.get(orgNode.id);
     const nodeMeta = filterMetadata(orgNode.metadata, hiddenAttributes);
     if (!orgNode.isContainer && showSubNodeCount && !(hc != null && hc > 0)) {
@@ -36821,19 +37266,16 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (d.parent && d.parent.data.orgNode.id !== "__virtual_root__" && !parentIsContainerBox) {
       const parentId = d.parent.data.orgNode.id;
       if (!busGroups.has(parentId)) {
-        const px = d.parent.x + offsetX;
-        const py = d.parent.y + offsetY;
-        const parentH = d.parent.data.height;
         busGroups.set(parentId, {
-          parentX: px,
-          parentBottomY: py + parentH,
+          parentX: d.parent.x,
+          parentBottomY: d.parent.y + depthExtent(d.parent.data),
           children: []
         });
       }
       busGroups.get(parentId).children.push({
         id: orgNode.id,
-        x,
-        topY: y
+        x: d.x,
+        topY: d.y
       });
     }
   }
@@ -36846,10 +37288,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
         sourceId: parentId,
         targetId: child.id,
         points: [
-          { x: parentX, y: parentBottomY },
-          { x: parentX, y: midY },
-          { x: child.x, y: midY },
-          { x: child.x, y: child.topY }
+          placePoint(parentX, parentBottomY),
+          placePoint(parentX, midY),
+          placePoint(child.x, midY),
+          placePoint(child.x, child.topY)
         ]
       });
     } else {
@@ -36860,27 +37302,18 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       layoutEdges.push({
         sourceId: parentId,
         targetId: parentId,
-        points: [
-          { x: parentX, y: parentBottomY },
-          { x: parentX, y: midY }
-        ]
+        points: [placePoint(parentX, parentBottomY), placePoint(parentX, midY)]
       });
       layoutEdges.push({
         sourceId: parentId,
         targetId: parentId,
-        points: [
-          { x: leftX, y: midY },
-          { x: rightX, y: midY }
-        ]
+        points: [placePoint(leftX, midY), placePoint(rightX, midY)]
       });
       for (const child of children) {
         layoutEdges.push({
           sourceId: parentId,
           targetId: child.id,
-          points: [
-            { x: child.x, y: midY },
-            { x: child.x, y: child.topY }
-          ]
+          points: [placePoint(child.x, midY), placePoint(child.x, child.topY)]
         });
       }
     }
@@ -36893,8 +37326,6 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   const EMPTY_CONTAINER_MIN_HEIGHT = 60;
   for (const d of allContainerNodes) {
     if (d.children && d.children.length > 0) continue;
-    const cx = d.x + offsetX;
-    const cy = d.y + offsetY;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const labelHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT2;
     const boxWidth = d.data.width;
@@ -36902,8 +37333,9 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       labelHeight + CONTAINER_PAD_BOTTOM,
       EMPTY_CONTAINER_MIN_HEIGHT
     );
-    const boxX = cx - boxWidth / 2;
-    const boxY = cy;
+    const emptyTL = screenTopLeft(d.x, d.y, boxWidth, boxHeight);
+    const boxX = emptyTL.left + offsetX;
+    const boxY = emptyTL.top + offsetY;
     containerBoundsMap.set(d.data.orgNode.id, {
       minX: boxX,
       maxX: boxX + boxWidth,
@@ -36952,46 +37384,79 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (allDesc.length === 0) continue;
     let descMinX = Infinity;
     let descMaxX = -Infinity;
+    let descMinY = Infinity;
     let descMaxY = -Infinity;
+    const growDesc = (left, top, right, bottom) => {
+      if (left < descMinX) descMinX = left;
+      if (right > descMaxX) descMaxX = right;
+      if (top < descMinY) descMinY = top;
+      if (bottom > descMaxY) descMaxY = bottom;
+    };
     for (const desc of allDesc) {
       const innerBounds = containerBoundsMap.get(desc.data.orgNode.id);
       if (innerBounds) {
-        if (innerBounds.minX < descMinX) descMinX = innerBounds.minX;
-        if (innerBounds.maxX > descMaxX) descMaxX = innerBounds.maxX;
-        if (innerBounds.maxY > descMaxY) descMaxY = innerBounds.maxY;
+        growDesc(
+          innerBounds.minX,
+          innerBounds.minY,
+          innerBounds.maxX,
+          innerBounds.maxY
+        );
       } else if (desc.data.orgNode.id.startsWith("__stack_")) {
         const cid = desc.data.orgNode.id.replace("__stack_", "");
         const stack = leafStacks.get(cid);
         if (stack) {
           for (const ec of expandedChildren) {
             if (ec.orgNode.parentId !== cid) continue;
-            const ex = ec.cx + offsetX;
-            const ey = ec.cy + offsetY;
-            if (ex - ec.width / 2 < descMinX) descMinX = ex - ec.width / 2;
-            if (ex + ec.width / 2 > descMaxX) descMaxX = ex + ec.width / 2;
-            if (ey + ec.height > descMaxY) descMaxY = ey + ec.height;
+            const r = screenRect(ec.cx, ec.cy, ec.width, ec.height);
+            growDesc(
+              r.left + offsetX,
+              r.top + offsetY,
+              r.right + offsetX,
+              r.bottom + offsetY
+            );
           }
         }
       } else {
-        const dw = desc.data.width;
-        const dh = desc.data.height;
-        const dx = desc.x + offsetX;
-        const dy = desc.y + offsetY;
-        if (dx - dw / 2 < descMinX) descMinX = dx - dw / 2;
-        if (dx + dw / 2 > descMaxX) descMaxX = dx + dw / 2;
-        if (dy + dh > descMaxY) descMaxY = dy + dh;
+        const r = screenRect(
+          desc.x,
+          desc.y,
+          desc.data.width,
+          desc.data.height
+        );
+        growDesc(
+          r.left + offsetX,
+          r.top + offsetY,
+          r.right + offsetX,
+          r.bottom + offsetY
+        );
       }
     }
-    const containerX = d.x + offsetX;
-    const containerY = d.y + offsetY;
+    const ownTL = screenTopLeft(d.x, d.y, d.data.width, d.data.height);
+    const containerCenterX = ownTL.left + d.data.width / 2 + offsetX;
+    const containerLeftX = ownTL.left + offsetX;
+    const containerY = ownTL.top + offsetY;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const labelHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT2;
-    const boxY = containerY;
-    const boxHeight = descMaxY - containerY + CONTAINER_PAD_BOTTOM;
-    const boxX = descMinX - CONTAINER_PAD_X;
-    const contentWidth = descMaxX - descMinX + CONTAINER_PAD_X * 2;
-    const finalBoxWidth = Math.max(contentWidth, d.data.width);
-    const centeredBoxX = finalBoxWidth > contentWidth ? containerX - finalBoxWidth / 2 : boxX;
+    let boxY;
+    let boxHeight;
+    let centeredBoxX;
+    let finalBoxWidth;
+    if (isLR) {
+      centeredBoxX = containerLeftX;
+      finalBoxWidth = Math.max(
+        descMaxX - containerLeftX + CONTAINER_PAD_X,
+        d.data.width
+      );
+      boxY = descMinY - labelHeight - CONTAINER_PAD_X;
+      boxHeight = descMaxY - boxY + CONTAINER_PAD_BOTTOM;
+    } else {
+      boxY = containerY;
+      boxHeight = descMaxY - containerY + CONTAINER_PAD_BOTTOM;
+      const boxX = descMinX - CONTAINER_PAD_X;
+      const contentWidth = descMaxX - descMinX + CONTAINER_PAD_X * 2;
+      finalBoxWidth = Math.max(contentWidth, d.data.width);
+      centeredBoxX = finalBoxWidth > contentWidth ? containerCenterX - finalBoxWidth / 2 : boxX;
+    }
     containerBoundsMap.set(d.data.orgNode.id, {
       minX: centeredBoxX,
       maxX: centeredBoxX + finalBoxWidth,
@@ -37024,17 +37489,30 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   containers.reverse();
   let finalMinX = minX;
   let finalMaxX = maxX;
+  let finalMinY = minY;
   let finalMaxY = maxY;
   for (const c of containers) {
     const cLeft = c.x - offsetX;
     const cRight = cLeft + c.width;
-    const cBottom = c.y - offsetY + c.height;
+    const cTop = c.y - offsetY;
+    const cBottom = cTop + c.height;
     if (cLeft < finalMinX) finalMinX = cLeft;
     if (cRight > finalMaxX) finalMaxX = cRight;
+    if (cTop < finalMinY) finalMinY = cTop;
     if (cBottom > finalMaxY) finalMaxY = cBottom;
   }
+  const topOvershoot = minY - finalMinY;
+  if (topOvershoot > 0) {
+    for (const n of layoutNodes) n.y += topOvershoot;
+    for (const c of containers) c.y += topOvershoot;
+    for (const e of layoutEdges) {
+      for (const p of e.points) {
+        p.y += topOvershoot;
+      }
+    }
+  }
   const totalWidth = finalMaxX - finalMinX + MARGIN2 * 2;
-  const totalHeight = finalMaxY - minY + MARGIN2 * 2;
+  const totalHeight = finalMaxY - finalMinY + MARGIN2 * 2;
   const usedValuesByGroup = /* @__PURE__ */ new Map();
   for (const group of parsed.tagGroups) {
     const key = tagAttrKey(group.name);
@@ -37050,7 +37528,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   }
   const showEyeIcons = hiddenAttributes !== void 0;
   const legendGroups = computeLegendGroups(
-    parsed.tagGroups,
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups,
     showEyeIcons,
     usedValuesByGroup
   );
@@ -37097,6 +37575,7 @@ var init_layout = __esm({
     "use strict";
     init_tag_groups();
     init_tag_groups();
+    init_parsing();
     init_legend_constants();
     init_text_measure();
     LABEL_FONT_SIZE2 = 13;
@@ -38520,7 +38999,9 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   const sTitleHeight = ctx.structural(TITLE_HEIGHT2);
   const sCollapseBarHeight = ctx.structural(COLLAPSE_BAR_HEIGHT);
   const sLegendFixedGap = ctx.aesthetic(LEGEND_FIXED_GAP2);
-  const hasLegend = layout.legend.length > 0;
+  const noLegend = legendSuppressed(parsed.options);
+  const hasLegend = layout.legend.length > 0 && !noLegend;
+  const suppressedLegendBand = layout.legend.length > 0 && noLegend;
   const layoutLegendShift = LEGEND_HEIGHT + LEGEND_GROUP_GAP;
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const fixedLegend = !exportDims && hasLegend;
@@ -38546,7 +39027,7 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   const titleOffset = !fixedTitle && showTitle ? sTitleHeight : 0;
   const diagramW = layout.width;
   let diagramH = layout.height + titleOffset;
-  if (fixedLegend) {
+  if (fixedLegend || suppressedLegendBand) {
     diagramH -= layoutLegendShift;
   }
   const availH = height - sDiagramPadding * 2 - fixedReserveTop - fixedReserveBottom;
@@ -39098,7 +39579,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
   if (showTopTitle) {
     svg.append("text").attr("class", "chart-title").attr("data-line-number", parsed.titleLineNumber ?? 0).attr("x", sDiagramPadding).attr("y", sDiagramPadding + sTitleFontSize).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(parsed.title);
   }
-  if (parsed.tagGroups.length > 0) {
+  if (parsed.tagGroups.length > 0 && !legendSuppressed(parsed.options)) {
     const titleTextWidth = showTopTitle ? measureLegendText(parsed.title, sTitleFontSize) + 16 : 0;
     const legendX = sDiagramPadding + titleTextWidth;
     const legendConfig = {
@@ -39636,6 +40117,7 @@ var init_renderer7 = __esm({
     init_mutations();
     init_legend_constants();
     init_legend_layout();
+    init_parsing();
     init_legend_integration();
     init_scaling();
     init_text_measure();
@@ -39959,7 +40441,7 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
   const sTitleY = ctx.structural(TITLE_Y);
   const sLegendHeight = ctx.structural(LEGEND_HEIGHT);
   const legendEntries = collectClassTypes(parsed);
-  const hasLegend = legendEntries.length > 1;
+  const hasLegend = legendEntries.length > 1 && !legendSuppressed(parsed.options);
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const titleHeight = showTitle ? 40 : 0;
   const LEGEND_FIXED_GAP4 = 8;
@@ -40187,7 +40669,7 @@ function renderClassDiagramForExport(content, theme, palette) {
   const isDark = theme === "dark";
   const legendEntries = collectClassTypes(parsed);
   const EXPORT_LEGEND_GAP = 8;
-  const legendReserve = legendEntries.length > 1 ? LEGEND_HEIGHT + EXPORT_LEGEND_GAP : 0;
+  const legendReserve = legendEntries.length > 1 && !legendSuppressed(parsed.options) ? LEGEND_HEIGHT + EXPORT_LEGEND_GAP : 0;
   const exportWidth = layout.width + DIAGRAM_PADDING4 * 2;
   const exportHeight = layout.height + DIAGRAM_PADDING4 * 2 + (parsed.title ? 40 : 0) + legendReserve;
   return runInExportContainer(exportWidth, exportHeight, (container) => {
@@ -40776,8 +41258,9 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
   d3Selection13.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const useSemanticColors = parsed.tagGroups.length === 0 && layout.nodes.every((n) => !n.color);
   const LEGEND_FIXED_GAP4 = 8;
-  const hasTagLegend = parsed.tagGroups.length > 0;
-  const legendReserveH = useSemanticColors ? LEGEND_HEIGHT + LEGEND_FIXED_GAP4 : hasTagLegend ? LEGEND_HEIGHT + LEGEND_FIXED_GAP4 : 0;
+  const noLegend = legendSuppressed(parsed.options);
+  const hasTagLegend = parsed.tagGroups.length > 0 && !noLegend;
+  const legendReserveH = !noLegend && (useSemanticColors || hasTagLegend) ? LEGEND_HEIGHT + LEGEND_FIXED_GAP4 : 0;
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const titleHeight = showTitle ? 40 : 0;
   const diagramW = layout.width;
@@ -40981,7 +41464,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
       }
     }
   }
-  if (parsed.tagGroups.length > 0) {
+  if (hasTagLegend) {
     const legendY = sDiagramPadding + titleHeight;
     const legendG = svg.append("g").attr("class", "er-tag-legend").attr("transform", `translate(0,${legendY})`);
     renderIntegratedLegend(legendG, {
@@ -40994,7 +41477,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
     });
     legendG.selectAll("[data-legend-group]").classed("er-legend-group", true);
   }
-  if (semanticRoles) {
+  if (semanticRoles && !noLegend) {
     const presentRoles = ROLE_ORDER.filter((role) => {
       for (const r of semanticRoles.values()) {
         if (r === role) return true;
@@ -42820,7 +43303,8 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const reserveHasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const willRenderLegend = legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app";
+  const noLegend = legendSuppressed(parsed.options);
+  const willRenderLegend = (legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app") && !noLegend;
   const sLegendHeight = willRenderLegend ? sctx.structural(
     getMaxLegendReservedHeight(
       {
@@ -42841,7 +43325,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasAnyDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const needsLegend = legendGroups.length > 0 || hasAnyDescriptions && onToggleDescriptions;
+  const needsLegend = (legendGroups.length > 0 || hasAnyDescriptions && !!onToggleDescriptions) && !noLegend;
   const legendH = needsLegend ? sLegendHeight + 8 : 0;
   const groupLabelsSet = new Set(layout.groups.map((g) => g.label));
   let labelZoneExtension = 0;
@@ -43104,11 +43588,11 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         const tooltipText = fullText.length > 200 ? fullText.slice(0, 199) + "\u2026" : fullText;
         nodeG.append("title").text(tooltipText);
       }
-      if (parsed.showValues && node.value !== void 0) {
+      if (parsed.showValues !== false && node.value !== void 0) {
         const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
         nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "600").attr("fill", colors.text).text(valueLabel);
       }
-    } else if (parsed.showValues && node.value !== void 0) {
+    } else if (parsed.showValues !== false && node.value !== void 0) {
       const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
       const headerH = ln.height / 2;
       const sepY = -ln.height / 2 + headerH;
@@ -43211,7 +43695,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const hasLegend = legendGroups.length > 0 || hasDescriptions && controlsHost !== "app";
+  const hasLegend = (legendGroups.length > 0 || hasDescriptions && controlsHost !== "app") && !noLegend;
   if (hasLegend) {
     let controlsGroup;
     if (hasDescriptions && (onToggleDescriptions || controlsHost === "app")) {
@@ -45349,7 +45833,7 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
   const sizes = /* @__PURE__ */ new Map();
   let maxDescH = 0;
   for (const node of parsed.nodes) {
-    const s = hideDescriptions ? { width: NODE_WIDTH, height: NODE_HEIGHT } : computeNodeSize(node, parsed.showValues === true);
+    const s = hideDescriptions ? { width: NODE_WIDTH, height: NODE_HEIGHT } : computeNodeSize(node, parsed.showValues !== false);
     sizes.set(node.label, s);
     if (!hideDescriptions && node.description && node.description.length > 0)
       maxDescH = Math.max(maxDescH, s.height);
@@ -45585,22 +46069,26 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
   const REFINE_K = opts?.refineK ?? 6;
   const lambda = opts?.lambda ?? DEFAULT_LAMBDA;
   const prev = opts?.previousPositions;
-  const RANKERS = ["network-simplex", "tight-tree", "longest-path"];
-  const SPACINGS = [
-    { nodesep: 50, ranksep: 60 },
-    { nodesep: 34, ranksep: 46 },
-    { nodesep: 66, ranksep: 82 }
-  ];
   const configs = [];
-  for (const ranker of RANKERS)
-    for (const sp of SPACINGS) configs.push({ ranker, ...sp });
-  for (let s = 0; s < seedCount; s++)
-    configs.push({
-      ranker: "network-simplex",
-      nodesep: 50,
-      ranksep: 60,
-      seed: s
-    });
+  if (opts?.configs) {
+    configs.push(...opts.configs);
+  } else {
+    const RANKERS = ["network-simplex", "tight-tree", "longest-path"];
+    const SPACINGS = [
+      { nodesep: 50, ranksep: 60 },
+      { nodesep: 34, ranksep: 46 },
+      { nodesep: 66, ranksep: 82 }
+    ];
+    for (const ranker of RANKERS)
+      for (const sp of SPACINGS) configs.push({ ranker, ...sp });
+    for (let s = 0; s < seedCount; s++)
+      configs.push({
+        ranker: "network-simplex",
+        nodesep: 50,
+        ranksep: 60,
+        seed: s
+      });
+  }
   const badness = (lay, floor) => {
     const x = countSplineCrossings(lay, floor);
     if (x > floor) return Infinity;
@@ -45619,9 +46107,12 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
     }
   };
   const pool = [];
+  const cfgOf = /* @__PURE__ */ new Map();
   for (const cfg of configs) {
     try {
-      pool.push(place(cfg));
+      const lay = place(cfg);
+      pool.push(lay);
+      cfgOf.set(lay, cfg);
     } catch {
     }
     await step("Optimizing layout");
@@ -45657,22 +46148,26 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
       best = lay;
     }
   };
+  const topConfigs = [];
   for (const lay of pool.slice(0, refineK)) {
     consider(lay);
+    const cfg = cfgOf.get(lay);
+    if (cfg) topConfigs.push(cfg);
     await step("Refining layout");
   }
-  if (bestBad >= ESCALATE_THRESHOLD && n <= ESCALATE_MAX_N) {
+  if (!opts?.configs && bestBad >= ESCALATE_THRESHOLD && n <= ESCALATE_MAX_N) {
     const extra = [];
     for (let s = seedCount; s < seedCount + ESCALATE_SEEDS; s++) {
+      const cfg = {
+        ranker: "network-simplex",
+        nodesep: 50,
+        ranksep: 60,
+        seed: s
+      };
       try {
-        extra.push(
-          place({
-            ranker: "network-simplex",
-            nodesep: 50,
-            ranksep: 60,
-            seed: s
-          })
-        );
+        const lay = place(cfg);
+        extra.push(lay);
+        cfgOf.set(lay, cfg);
       } catch {
       }
     }
@@ -45680,7 +46175,11 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
     for (const lay of extra)
       extraKey.set(lay, objective(lay, countCrossingsFast(lay)));
     extra.sort((a, b) => extraKey.get(a) - extraKey.get(b));
-    for (const lay of extra.slice(0, ESCALATE_REFINE)) consider(lay);
+    for (const lay of extra.slice(0, ESCALATE_REFINE)) {
+      consider(lay);
+      const cfg = cfgOf.get(lay);
+      if (cfg) topConfigs.push(cfg);
+    }
   }
   for (const lay of layered) {
     const variants = [lay];
@@ -45704,6 +46203,7 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
     if (separated !== best && badness(separated, bestBad - 1) < bestBad)
       best = separated;
   }
+  opts?.onTopConfigs?.(topConfigs);
   return best;
 }
 var DEFAULT_LAMBDA, ESCALATE_THRESHOLD, ESCALATE_MAX_N, ESCALATE_SEEDS, ESCALATE_REFINE, splineGen, PATH_TOKEN_RE, FLAT_CACHE, GROUP_LABEL_ZONE3;
@@ -45817,16 +46317,22 @@ async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
       onProgress: layoutOptions.onProgress
     }
   };
-  const searched = await layoutBoxesAndLinesSearch2(
-    parsed,
-    collapseInfo,
-    searchOpts
-  );
+  let topConfigs;
+  const searched = await layoutBoxesAndLinesSearch2(parsed, collapseInfo, {
+    ...searchOpts,
+    onTopConfigs: (cfgs) => {
+      topConfigs = cfgs;
+    }
+  });
   let placed = placeEdgeLabels(applyParallelEdgeOffsets(searched));
   if (placed.unresolved.length > 0) {
     const relaid = await layoutBoxesAndLinesSearch2(parsed, collapseInfo, {
       ...searchOpts,
-      reserveEdgeLabels: true
+      reserveEdgeLabels: true,
+      // Only the label reservation changed — re-laying-out the top candidates
+      // from the first search is enough. Falls back to the full pool when the
+      // first search surfaced no dagre candidates.
+      ...topConfigs !== void 0 && topConfigs.length > 0 && { configs: topConfigs }
     });
     const relaidPlaced = placeEdgeLabels(applyParallelEdgeOffsets(relaid));
     if (relaidPlaced.unresolved.length < placed.unresolved.length)
@@ -47365,7 +47871,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
     name: g.name,
     entries: g.entries.map((e) => ({ value: e.value, color: e.color }))
   }));
-  const hasLegend = legendGroups.length > 0;
+  const hasLegend = legendGroups.length > 0 && !legendSuppressed(parsed.options);
   const legendConfig = {
     groups: legendGroups,
     position: { placement: "top-center", titleRelation: "below-title" },
@@ -48186,7 +48692,7 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
   const svg = d3Selection17.select(container).append("svg").attr("width", containerWidth).attr("height", containerHeight).attr("viewBox", `0 0 ${containerWidth} ${containerHeight}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
   const appHosted = options?.controlsHost === "app";
   const hasControls = !!options?.onToggleColorByDepth || !!options?.onToggleDescriptions;
-  const hasLegend = parsed.tagGroups.length > 0 || hasControls && !appHosted;
+  const hasLegend = (parsed.tagGroups.length > 0 || hasControls && !appHosted) && !legendSuppressed(parsed.options);
   const fixedLegend = !isExport && hasLegend;
   const legendReserve = fixedLegend ? getMaxLegendReservedHeight(
     {
@@ -49386,6 +49892,23 @@ __export(layout_exports11, {
   rollUpContextRelationships: () => rollUpContextRelationships
 });
 import dagre5 from "@dagrejs/dagre";
+function transposeGraph(g) {
+  for (const name of g.nodes()) {
+    const pos = gNode(g, name);
+    if (!pos) continue;
+    [pos.x, pos.y] = [pos.y, pos.x];
+    [pos.width, pos.height] = [pos.height, pos.width];
+  }
+}
+function reduceCrossingsForDirection(g, direction, edgeList, nodeGroupMap) {
+  if (direction === "LR") {
+    transposeGraph(g);
+    reduceCrossings(g, edgeList, nodeGroupMap);
+    transposeGraph(g);
+    return;
+  }
+  reduceCrossings(g, edgeList, nodeGroupMap);
+}
 function computeEdgePenalty(edgeList, nodePositions, degrees, nodeGeometry) {
   let penalty = 0;
   for (const edge of edgeList) {
@@ -49810,9 +50333,10 @@ function layoutC4Context(parsed, activeTagGroup) {
   }
   const contextRels = rollUpContextRelationships(parsed);
   const spacing = computeAdaptiveSpacing(contextRels);
+  const direction = parsed.direction;
   const g = new dagre5.graphlib.Graph();
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -49832,8 +50356,9 @@ function layoutC4Context(parsed, activeTagGroup) {
     }
   }
   dagre5.layout(g);
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     validRels.map((r) => ({ source: r.sourceName, target: r.targetName }))
   );
   const nodes = contextElements.map(
@@ -49913,7 +50438,9 @@ function layoutC4Context(parsed, activeTagGroup) {
   }
   let totalWidth = nodes.length > 0 ? maxX - minX + MARGIN10 * 2 : 0;
   let totalHeight = nodes.length > 0 ? maxY - minY + MARGIN10 * 2 : 0;
-  const legendGroups = computeLegendGroups3(parsed.tagGroups);
+  const legendGroups = computeLegendGroups3(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN10;
     let legendX = MARGIN10;
@@ -50009,6 +50536,7 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
     }
   }
   const hasGroups = elementToGroup.size > 0;
+  const direction = parsed.direction;
   const g = hasGroups ? new dagre5.graphlib.Graph({ compound: true }) : new dagre5.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   if (hasGroups) {
@@ -50077,7 +50605,7 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(containerRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -50089,8 +50617,9 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   dagre5.layout(g);
   const nodeGroupMap = hasGroups ? new Map([...elementToGroup.entries()].map(([k, v]) => [k, v.name])) : void 0;
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     containerRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -50268,7 +50797,9 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN10 * 2;
   let totalHeight = maxY - minY + MARGIN10 * 2;
-  const legendGroups = computeLegendGroups3(parsed.tagGroups);
+  const legendGroups = computeLegendGroups3(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN10;
     let legendX = MARGIN10;
@@ -50416,6 +50947,7 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
     }
   }
   const hasGroups = elementToGroup.size > 0;
+  const direction = parsed.direction;
   const g = hasGroups ? new dagre5.graphlib.Graph({ compound: true }) : new dagre5.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   if (hasGroups) {
@@ -50490,7 +51022,7 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(componentRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -50502,8 +51034,9 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   dagre5.layout(g);
   const nodeGroupMap = hasGroups ? new Map([...elementToGroup.entries()].map(([k, v]) => [k, v.name])) : void 0;
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     componentRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -50683,7 +51216,9 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN10 * 2;
   let totalHeight = maxY - minY + MARGIN10 * 2;
-  const legendGroups = computeLegendGroups3(parsed.tagGroups);
+  const legendGroups = computeLegendGroups3(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN10;
     let legendX = MARGIN10;
@@ -50792,6 +51327,7 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   for (const r of refEntries) {
     nameToElement.set(r.element.name, r.element);
   }
+  const direction = parsed.direction;
   const g = new dagre5.graphlib.Graph({ compound: true });
   g.setDefaultEdgeLabel(() => ({}));
   for (const [infraId] of infraIds) {
@@ -50826,7 +51362,7 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(deployRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -50839,8 +51375,9 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   dagre5.layout(g);
   const nodeInfraMap = /* @__PURE__ */ new Map();
   for (const r of refEntries) nodeInfraMap.set(r.element.name, r.infraId);
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     deployRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -50992,7 +51529,9 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN10 * 2;
   let totalHeight = maxY - minY + MARGIN10 * 2;
-  const legendGroups = computeLegendGroups3(parsed.tagGroups);
+  const legendGroups = computeLegendGroups3(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN10;
     let legendX = MARGIN10;
@@ -51020,6 +51559,7 @@ var init_layout11 = __esm({
   "src/c4/layout.ts"() {
     "use strict";
     init_tag_groups();
+    init_parsing();
     init_legend_constants();
     init_text_measure();
     gNode = (g, name) => g.node(name);
@@ -52195,6 +52735,7 @@ function layoutGraph(graph, options) {
       shape: node.shape,
       ...node.color !== void 0 && { color: node.color },
       ...node.group !== void 0 && { group: node.group },
+      ...node.metadata !== void 0 && { metadata: node.metadata },
       lineNumber: node.lineNumber,
       x: p.x,
       y: p.y,
@@ -52414,6 +52955,14 @@ __export(flowchart_renderer_exports, {
   renderFlowchartForExport: () => renderFlowchartForExport
 });
 import * as d3Selection20 from "d3-selection";
+function clipPointToDiamond(cx, cy, halfW, halfH, towardX, towardY) {
+  const dx = towardX - cx;
+  const dy = towardY - cy;
+  const denom = Math.abs(dx) / halfW + Math.abs(dy) / halfH;
+  if (denom === 0) return { x: cx, y: cy };
+  const s = 1 / denom;
+  return { x: cx + dx * s, y: cy + dy * s };
+}
 function shapeDefaultColor(shape, palette, isEndTerminal, colorOff) {
   if (colorOff) return palette.textMuted;
   switch (shape) {
@@ -52751,13 +53300,51 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
   }
   const labelPosMap = /* @__PURE__ */ new Map();
   for (const lp of labelPositions) labelPosMap.set(lp.edgeIdx, lp);
+  const nodeGeom = /* @__PURE__ */ new Map();
+  for (const n of layout.nodes) {
+    nodeGeom.set(n.id, {
+      x: n.x,
+      y: n.y,
+      halfW: n.width / 2,
+      halfH: n.height / 2,
+      shape: n.shape
+    });
+  }
   for (let ei = 0; ei < layout.edges.length; ei++) {
     const edge = layout.edges[ei];
     if (edge.points.length < 2) continue;
     const edgeG = contentG.append("g").attr("class", "fc-edge-group").attr("data-line-number", String(edge.lineNumber)).attr("data-source", edge.source).attr("data-target", edge.target);
     const edgeColor3 = palette.textMuted;
     const markerId = "fc-arrow";
-    const pathD = edgeSplinePath(edge.points);
+    let drawPoints = edge.points;
+    const src = nodeGeom.get(edge.source);
+    const tgt = nodeGeom.get(edge.target);
+    if (src?.shape === "decision" || tgt?.shape === "decision") {
+      const pts = edge.points.map((p) => ({ x: p.x, y: p.y }));
+      const last = pts.length - 1;
+      if (tgt?.shape === "decision") {
+        pts[last] = clipPointToDiamond(
+          tgt.x,
+          tgt.y,
+          tgt.halfW,
+          tgt.halfH,
+          pts[last - 1].x,
+          pts[last - 1].y
+        );
+      }
+      if (src?.shape === "decision") {
+        pts[0] = clipPointToDiamond(
+          src.x,
+          src.y,
+          src.halfW,
+          src.halfH,
+          pts[1].x,
+          pts[1].y
+        );
+      }
+      drawPoints = pts;
+    }
+    const pathD = edgeSplinePath(drawPoints);
     if (pathD) {
       edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", edgeColor3).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`).attr("class", "fc-edge");
     }
@@ -55682,7 +56269,7 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
     palette,
     layout.edges
   );
-  const hasLegend = legendGroups.length > 0 || !!playback && !appHostedPlayback;
+  const hasLegend = (legendGroups.length > 0 || !!playback && !appHostedPlayback) && !legendSuppressed(layout.options);
   const fixedLegend = !exportMode && hasLegend;
   const legendDynamicH = hasLegend ? getMaxLegendReservedHeight(
     {
@@ -55873,6 +56460,7 @@ var init_renderer17 = __esm({
     init_legend_layout();
     init_title_constants();
     init_scaling();
+    init_parsing();
     init_visual_conventions();
     NODE_FONT_SIZE5 = 13;
     META_FONT_SIZE6 = 10;
@@ -57702,7 +58290,7 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
     resolved.options.activeTag,
     options.activeTagOverride
   );
-  const showTagLegend = showLegend && resolved.tagGroups.length > 0;
+  const showTagLegend = showLegend && !resolved.options.noLegend && resolved.tagGroups.length > 0;
   const legendBlockHeight = showTagLegend ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
   const naturalChartWidth = layout.width + DIAGRAM_PADDING12 * 2;
   const minAnalysisRowW = analysisLayer.analysisHasContent ? analysisLayer.minContentWidth + 2 * DIAGRAM_PADDING12 : 0;
@@ -60303,7 +60891,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const showTitle = !!title && !resolved.options.noTitle;
   const titleHeight = showTitle ? 50 : 20;
   const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
-  const hasTagLegend = resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies;
+  const hasTagLegend = !resolved.options.noLegend && (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies);
   const tagLegendReserve = hasTagLegend ? getMaxLegendReservedHeight(
     {
       groups: resolved.tagGroups.map((tg) => ({
@@ -60364,7 +60952,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   }
   function drawLegend() {
     svg.selectAll(".gantt-tag-legend-container").remove();
-    if (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies) {
+    if (hasTagLegend) {
       const legendY = sTitleHeight;
       renderTagLegend(
         svg,
@@ -62307,6 +62895,23 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   const sGroupExtraPadding = ctx.aesthetic(GROUP_EXTRA_PADDING);
   const showTitle = !!graph.title && graph.options["no-title"] !== "on";
   const titleHeight = showTitle ? 40 : 0;
+  const tagGroups = graph.tagGroups ?? [];
+  const activeTagGroup = resolveActiveTagGroup(
+    tagGroups,
+    graph.options["active-tag"]
+  );
+  const legendGroups = tagGroups;
+  const hasLegend = legendGroups.length > 0 && !legendSuppressed(graph.options);
+  const legendH = hasLegend ? ctx.structural(
+    getMaxLegendReservedHeight(
+      {
+        groups: legendGroups,
+        position: { placement: "top-center", titleRelation: "below-title" },
+        mode: exportDims ? "export" : "preview"
+      },
+      width
+    )
+  ) + 8 : 0;
   const diagramW = layout.width;
   const diagramH = layout.height;
   const { scale, offsetX, offsetY, canvasHeight } = fitDiagramToCanvas({
@@ -62315,7 +62920,9 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     diagramW,
     diagramH,
     padding: sDiagramPadding,
-    titleHeight,
+    // The legend band sits directly under the title, so it reserves the same
+    // top strip fitDiagramToCanvas already offsets the diagram by.
+    titleHeight: titleHeight + legendH,
     maxScale: MAX_SCALE7,
     exportMode: !!exportDims
   });
@@ -62348,6 +62955,21 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       }
     }
   }
+  if (hasLegend) {
+    const legendG = svg.append("g").attr("transform", `translate(0, ${titleHeight + 4})`);
+    renderIntegratedLegend(legendG, {
+      groups: legendGroups,
+      activeGroup: activeTagGroup,
+      mode: exportDims ? "export" : "preview",
+      // Inactive sibling groups stay visible as collapsed pills so the user
+      // can click one to flip the active colouring dimension (as in b&l).
+      showInactivePills: true,
+      palette,
+      isDark,
+      width
+    });
+    legendG.selectAll("[data-legend-group]").classed("st-legend-group", true);
+  }
   const contentG = svg.append("g").attr("transform", `translate(${offsetX}, ${offsetY}) scale(${scale})`);
   for (const group of layout.groups) {
     if (group.collapsed) continue;
@@ -62453,9 +63075,22 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   const colorOff = graph.options?.["color"] === "off";
   const fillMode = fillModeFromOptions(graph.options ?? {});
   const noNotes = graph.options?.["no-notes"] === "on";
+  const mutableTagGroups = [...tagGroups];
+  const nodeIntentColor = (node) => node.color ?? (activeTagGroup ? resolveTagColor(
+    node.metadata ?? {},
+    mutableTagGroups,
+    activeTagGroup
+  ) : void 0);
   for (const node of layout.nodes) {
     const isCollapsedGroup = collapsedGroupIds.has(node.id);
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x}, ${node.y})`).attr("class", isCollapsedGroup ? "st-group-wrapper st-node" : "st-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id).style("cursor", "pointer");
+    if (activeTagGroup && node.shape !== "pseudostate") {
+      const tagKey = tagAttrKey(activeTagGroup);
+      const metaValue = node.metadata?.[tagKey];
+      if (metaValue) {
+        nodeG.attr(`data-tag-${tagKey}`, metaValue.toLowerCase());
+      }
+    }
     if (isCollapsedGroup) {
       nodeG.attr("data-group-toggle", node.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "false").attr("aria-label", `Expand group ${node.label}`);
     }
@@ -62470,7 +63105,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     } else if (isCollapsedGroup) {
       const w = node.width;
       const h = node.height;
-      const groupColor = node.color ?? stateDefaultColor(palette, colorOff);
+      const groupColor = nodeIntentColor(node) ?? stateDefaultColor(palette, colorOff);
       const fillColor = shapeFill(palette, groupColor, isDark, {
         mode: fillMode
       });
@@ -62491,14 +63126,15 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     } else {
       const w = node.width;
       const h = node.height;
+      const intentColor = nodeIntentColor(node);
       const resolvedFill = stateFill(
         palette,
         isDark,
-        node.color,
+        intentColor,
         colorOff,
         fillMode
       );
-      nodeG.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius).attr("ry", sStateCornerRadius).attr("fill", resolvedFill).attr("stroke", stateStroke(palette, node.color, colorOff)).attr("stroke-width", sNodeStrokeWidth);
+      nodeG.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius).attr("ry", sStateCornerRadius).attr("fill", resolvedFill).attr("stroke", stateStroke(palette, intentColor, colorOff)).attr("stroke-width", sNodeStrokeWidth);
       nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
         "fill",
         contrastText(
@@ -62590,6 +63226,9 @@ var init_state_renderer = __esm({
     init_fit_canvas();
     init_fonts();
     init_color_utils();
+    init_tag_groups();
+    init_legend_integration();
+    init_legend_layout();
     init_state_parser();
     init_layout12();
     init_edge_spline();
@@ -63367,8 +64006,8 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     );
     return;
   }
-  const directiveOn = parsed.options["show-blip-legend"] === "on";
-  const showListing = exportDims ? true : options?.showListing ?? directiveOn;
+  const directiveOff = parsed.options["no-blip-legend"] === "on";
+  const showListing = exportDims ? !directiveOff : options?.showListing ?? !directiveOff;
   const init = initRadarSvg(container, palette, exportDims);
   if (!init) return;
   const { svg, width, height, textColor, mutedColor } = init;
@@ -63400,7 +64039,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     svg.append("text").attr("x", radarWidth / 2).attr("y", titleY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sTitleFontSize).attr("font-weight", "bold").text(parsed.title);
   }
   let legendReservedHeight = 0;
-  if (!exportDims && options?.onToggleListing) {
+  if (!exportDims && options?.onToggleListing && !legendSuppressed(parsed.options)) {
     const legendY = showTitle ? titleY + 8 : 4;
     const legendG = svg.append("g").attr("transform", `translate(0, ${legendY})`);
     const legendConfig = {
@@ -64039,6 +64678,7 @@ var init_renderer20 = __esm({
     init_interactive();
     init_legend_integration();
     init_legend_layout();
+    init_parsing();
     BLIP_RADIUS2 = 12;
     BLIP_FONT_SIZE2 = 9;
     RING_LABEL_FONT_SIZE = 13;
@@ -66409,11 +67049,49 @@ function pointInGeometry(geometry, lon, lat) {
   }
   return false;
 }
+function planarGeometryBbox(geometry) {
+  const g = geometry;
+  if (!g) return null;
+  const polys = g.type === "Polygon" ? [g.coordinates] : g.type === "MultiPolygon" ? g.coordinates : [];
+  let minLon = Infinity;
+  let minLat = Infinity;
+  let maxLon = -Infinity;
+  let maxLat = -Infinity;
+  let seen = false;
+  for (const rings of polys) {
+    const outer = rings[0];
+    if (!outer) continue;
+    for (const pt of outer) {
+      const x = pt[0];
+      const y = pt[1];
+      if (x < minLon) minLon = x;
+      if (x > maxLon) maxLon = x;
+      if (y < minLat) minLat = y;
+      if (y > maxLat) maxLat = y;
+      seen = true;
+    }
+  }
+  return seen ? [minLon, minLat, maxLon, maxLat] : null;
+}
+function featurePlanarBbox(f) {
+  let bbox = planarBboxCache.get(f);
+  if (bbox === void 0) {
+    bbox = planarGeometryBbox(f.geometry);
+    planarBboxCache.set(f, bbox);
+  }
+  return bbox;
+}
+function bboxRejects(f, lon, lat) {
+  const b = featurePlanarBbox(f);
+  if (!b) return false;
+  return lon < b[0] - EDGE_EPS || lon > b[2] + EDGE_EPS || lat < b[1] - EDGE_EPS || lat > b[3] + EDGE_EPS;
+}
 function regionAt(lonLat, countries, states) {
   const lon = lonLat[0];
   const lat = lonLat[1];
   let country = null;
   for (const f of countries) {
+    if (bboxRejects(f, lon, lat)) continue;
     if (pointInGeometry(f.geometry, lon, lat)) {
       country = { iso: f.id, name: f.properties.name };
       break;
@@ -66422,6 +67100,7 @@ function regionAt(lonLat, countries, states) {
   let state = null;
   if (country?.iso === "US" && states) {
     for (const f of states) {
+      if (bboxRejects(f, lon, lat)) continue;
       if (pointInGeometry(f.geometry, lon, lat)) {
         state = { iso: f.id, name: f.properties.name };
         break;
@@ -66547,13 +67226,14 @@ function unionLongitudes(lons) {
   }
   return { west: pts[gapIdx], east: pts[gapIdx - 1] + 360 };
 }
-var fold, adjacencyCache, EDGE_EPS, DETACH_GAP_DEG, DETACH_AREA_FRAC;
+var fold, adjacencyCache, EDGE_EPS, planarBboxCache, DETACH_GAP_DEG, DETACH_AREA_FRAC;
 var init_geo = __esm({
   "src/map/geo.ts"() {
     "use strict";
     fold = (s) => s.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().trim();
     adjacencyCache = /* @__PURE__ */ new WeakMap();
     EDGE_EPS = 1e-9;
+    planarBboxCache = /* @__PURE__ */ new WeakMap();
     DETACH_GAP_DEG = 10;
     DETACH_AREA_FRAC = 0.25;
   }
@@ -72298,12 +72978,23 @@ function depthTint(hue, depth, bg) {
 }
 function resolveColorMode(parsed, override) {
   let mode = override ?? parsed.defaultColorMode;
+  if (mode === "heat" && !parsed.hasHeat) {
+    mode = parsed.tagGroups.length > 0 ? "tag" : "branch";
+  }
   if (mode === "tag" && parsed.tagGroups.length === 0) {
     mode = parsed.hasHeat ? "heat" : "branch";
   }
-  if (mode === "heat" && !parsed.hasHeat) mode = "branch";
   return mode;
 }
+function activeTagGroupOf(parsed) {
+  if (parsed.tagGroups.length === 0) return null;
+  const at = parsed.activeTag?.trim().toLowerCase();
+  if (at) {
+    const g = parsed.tagGroups.find((x) => x.name.toLowerCase() === at);
+    if (g) return g;
+  }
+  return parsed.tagGroups[0];
+}
 function resolveCellColor(cell, ctx) {
   if (ctx.mode === "heat") {
     return cell.heat !== void 0 && ctx.heat ? ctx.heat.scale(cell.heat) : MUTED_FILL;
@@ -72391,7 +73082,7 @@ function buildLegend(activeMode, parsed, heat, seriesColors2, colorOffset) {
   const modeByName = /* @__PURE__ */ new Map();
   let activeGroup = null;
   if (parsed.tagGroups.length > 0) {
-    const tg = parsed.tagGroups[0];
+    const tg = activeTagGroupOf(parsed);
     const used = /* @__PURE__ */ new Set();
     const collect = (nodes) => {
       for (const n of nodes) {
@@ -72490,7 +73181,7 @@ function renderTreemapRadial(container, parsed, palette, isDark, exportDims, opt
   const defs = svg.append("defs");
   svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
   const plot = svg.append("g").attr("class", "dgmo-treemap-cells").attr("transform", `translate(${cx},${cy})`);
-  const activeGroup = parsed.tagGroups.length > 0 ? parsed.tagGroups[0].name : null;
+  const activeGroup = activeTagGroupOf(parsed)?.name ?? null;
   const rootIndexByLabel = new Map(parsed.roots.map((r, i) => [r.label, i]));
   const colorCtx = {
     mode,
@@ -72762,14 +73453,31 @@ function toDatum2(node) {
     children: node.children.map((c) => toDatum2(c))
   };
 }
-function datumHeat2(node) {
+function collectHeatAggs(root) {
+  const aggs = /* @__PURE__ */ new Map();
+  root.eachBefore((node) => {
+    if (node.children) return;
+    const heat = node.data.heat;
+    if (heat === void 0) return;
+    let p = node;
+    while (p) {
+      const agg = aggs.get(p);
+      if (agg) {
+        agg.sum += heat;
+        agg.count += 1;
+      } else {
+        aggs.set(p, { sum: heat, count: 1 });
+      }
+      p = p.parent;
+    }
+  });
+  return aggs;
+}
+function datumHeat2(node, heatAggs) {
   if (node.data.heat !== void 0) return node.data.heat;
-  const xs = [];
-  for (const l of node.leaves()) {
-    if (l.data.heat !== void 0) xs.push(l.data.heat);
-  }
-  if (xs.length === 0) return void 0;
-  return xs.reduce((a, b) => a + b, 0) / xs.length;
+  const agg = heatAggs.get(node);
+  if (agg === void 0) return void 0;
+  return agg.sum / agg.count;
 }
 function layoutTreemap(roots, opts) {
   const maxDepth = opts.maxDepth ?? Infinity;
@@ -72785,6 +73493,7 @@ function layoutTreemap(roots, opts) {
       d._topIndex = i;
     });
   });
+  const heatAggs = collectHeatAggs(hroot);
   const cells = [];
   for (const d of hroot.descendants()) {
     if (d.depth === 0) continue;
@@ -72798,7 +73507,7 @@ function layoutTreemap(roots, opts) {
       path.unshift(p.data.label);
       p = p.parent;
     }
-    const heatVal = datumHeat2(d);
+    const heatVal = datumHeat2(d, heatAggs);
     cells.push({
       node: d.data.ref ?? null,
       label: d.data.label,
@@ -72883,7 +73592,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
   const root = svg.append("g").attr("class", "dgmo-treemap-cells").attr("transform", `translate(${areaX},${areaY})`);
   const seriesColors2 = seriesColorsTop;
   const colorOffset = options.colorOffset ?? 0;
-  const activeGroup = parsed.tagGroups.length > 0 ? parsed.tagGroups[0].name : null;
+  const activeGroup = activeTagGroupOf(parsed)?.name ?? null;
   const rootIndexByLabel = new Map(parsed.roots.map((r, i) => [r.label, i]));
   const colorCtx = {
     mode,
@@ -73824,8 +74533,10 @@ function bakedHero(parsed, now) {
     if (parsed.expired !== null) return parsed.expired;
     const elapsed = -remaining;
     if (elapsed <= 0) return "Now!";
-    if (parsed.units === "compound" || parsed.units === "human")
-      return `${formatCompound(resolved, now, 2, tz)} ago`;
+    if (parsed.units === "compound" || parsed.units === "human") {
+      const [a, b] = parsed.hasTime ? [resolved, now] : [dayStart(resolved, tz), dayStart(now, tz)];
+      return `${formatCompound(a, b, 2, tz)} ago`;
+    }
     const bu = parsed.units === "full" || parsed.units === "clock" ? "days" : parsed.units;
     return `${formatCount(elapsed, { units: bu, round: parsed.round, fields: parsed.fields })} ago`;
   }
@@ -73939,18 +74650,20 @@ function haloRect(svg, x, y, w, h, rx, C) {
 function pickBand(nowMs, resolvedMs, hasTime) {
   const days = dayDelta2(nowMs, resolvedMs);
   if (hasTime && days <= 0) return "clock";
-  if (days > 3 * 365) return "years";
-  if (days > 365) return "year";
-  if (days > 92) return "months";
-  if (days > 18) return "monthgrid";
-  if (days >= 1) return "weekstrip";
   if (days === 0) return "today";
-  return "after";
+  const mag = Math.abs(days);
+  if (mag > 3 * 365) return "years";
+  if (mag > 365) return "year";
+  if (mag > 92) return "months";
+  if (mag > 7) return "monthgrid";
+  return "weekstrip";
 }
 function monthSpan(nowMs, resolvedMs) {
   const n = new Date(nowMs);
   const t = new Date(resolvedMs);
-  return (t.getFullYear() - n.getFullYear()) * 12 + (t.getMonth() - n.getMonth()) + 1;
+  return Math.abs(
+    (t.getFullYear() - n.getFullYear()) * 12 + (t.getMonth() - n.getMonth())
+  ) + 1;
 }
 function monthGridLayout(nowMs, resolvedMs, contentW) {
   const now = new Date(nowMs);
@@ -73960,21 +74673,24 @@ function monthGridLayout(nowMs, resolvedMs, contentW) {
   const padBefore = Math.floor((shown - realSpan) / 2);
   const nowMk = now.getFullYear() * 12 + now.getMonth();
   const evMk = ev.getFullYear() * 12 + ev.getMonth();
+  const loMk = Math.min(nowMk, evMk);
+  const hiMk = Math.max(nowMk, evMk);
+  const startMk = loMk - padBefore;
   const months = [];
   const dim = [];
   for (let i = 0; i < shown; i++) {
-    const d = new Date(now.getFullYear(), now.getMonth() - padBefore + i, 1);
+    const d = new Date(Math.floor(startMk / 12), startMk % 12 + i, 1);
     const mk = d.getFullYear() * 12 + d.getMonth();
     months.push(d);
-    dim.push(mk < nowMk || mk > evMk);
+    dim.push(mk < loMk || mk > hiMk);
   }
   return { months, dim };
 }
 function yearsLayout(nowMs, resolvedMs) {
   const y0 = new Date(nowMs).getFullYear();
   const y1 = new Date(resolvedMs).getFullYear();
-  const d0 = Math.floor(y0 / 10) * 10;
-  const d1 = Math.floor(y1 / 10) * 10;
+  const d0 = Math.floor(Math.min(y0, y1) / 10) * 10;
+  const d1 = Math.floor(Math.max(y0, y1) / 10) * 10;
   return { d0, d1, rows: (d1 - d0) / 10 + 1 };
 }
 function bandHeightFor(kind, nowMs, resolvedMs, contentW) {
@@ -73996,7 +74712,9 @@ function bandHeightFor(kind, nowMs, resolvedMs, contentW) {
       return total;
     }
     case "year": {
-      const R = new Date(resolvedMs).getFullYear() - new Date(nowMs).getFullYear() + 1;
+      const R = Math.abs(
+        new Date(resolvedMs).getFullYear() - new Date(nowMs).getFullYear()
+      ) + 1;
       const yearW = 66;
       const gap = 8;
       const cellW = (contentW - yearW - 11 * gap) / 12;
@@ -74022,14 +74740,13 @@ function bandHeightFor(kind, nowMs, resolvedMs, contentW) {
       return 26 + 6 * cellH + 8;
     }
     case "weekstrip": {
-      const n = Math.max(7, dayDelta2(nowMs, resolvedMs) + 1);
+      const n = Math.max(7, Math.abs(dayDelta2(nowMs, resolvedMs)) + 1);
       const cw = (contentW - 10 * (n - 1)) / n;
       return clamp6(cw * 1.5, 116, 170);
     }
     case "clock":
       return clamp6(contentW * 0.26, 150, 205);
     case "today":
-    case "after":
       return clamp6(contentW * 0.22, 125, 170);
   }
 }
@@ -74067,7 +74784,7 @@ function vizYears(svg, g, nowMs, resolvedMs, C) {
       const before = yr < nowY;
       const isNow = yr === nowY;
       const isEv = yr === evY;
-      const between = yr > nowY && yr < evY;
+      const between = (yr - nowY) * (yr - evY) < 0;
       const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : between ? gradStyle(C, (yr - nowY) / (evY - nowY)) : roleStyle(C, before ? "past" : "future");
       const x = g.left + labW + i * (cellW + gap);
       aRect(svg, x, ry, cellW, cellH, rx, st.fill, st.stroke, 1);
@@ -74091,8 +74808,8 @@ function vizYears(svg, g, nowMs, resolvedMs, C) {
 function vizYear(svg, g, nowMs, resolvedMs, C) {
   const now = new Date(nowMs);
   const ev = new Date(resolvedMs);
-  const y0 = now.getFullYear();
-  const y1 = ev.getFullYear();
+  const y0 = Math.min(now.getFullYear(), ev.getFullYear());
+  const y1 = Math.max(now.getFullYear(), ev.getFullYear());
   const years = [];
   for (let y = y0; y <= y1; y++) years.push(y);
   const R = years.length;
@@ -74122,10 +74839,11 @@ function vizYear(svg, g, nowMs, resolvedMs, C) {
       { "dominant-baseline": "central" }
     );
     for (let m = 0; m < 12; m++) {
-      const before = yr < nowY || yr === nowY && m < nowM;
+      const mOrd = yr * 12 + m;
+      const before = mOrd < nowOrd;
       const isNow = yr === nowY && m === nowM;
       const isEv = yr === evY && m === evM;
-      const between = (yr > nowY || yr === nowY && m > nowM) && (yr < evY || yr === evY && m < evM);
+      const between = (mOrd - nowOrd) * (mOrd - evOrd) < 0;
       const anchor = isEv || isNow;
       const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : between ? gradStyle(C, (yr * 12 + m - nowOrd) / (evOrd - nowOrd)) : roleStyle(C, before ? "past" : "future");
       const x = g.left + yearW + m * (cellW + gap);
@@ -74189,19 +74907,22 @@ function vizMonths(svg, g, nowMs, resolvedMs, C) {
   const cellH = (g.height - rowGap * (rows - 1)) / rows;
   const nowMk = now.getFullYear() * 12 + now.getMonth();
   const evMk = ev.getFullYear() * 12 + ev.getMonth();
+  const loMk = Math.min(nowMk, evMk);
+  const hiMk = Math.max(nowMk, evMk);
+  const startMk = loMk - padBefore;
   for (let i = 0; i < shown; i++) {
-    const d = new Date(now.getFullYear(), now.getMonth() - padBefore + i, 1);
+    const d = new Date(Math.floor(startMk / 12), startMk % 12 + i, 1);
     const mk = d.getFullYear() * 12 + d.getMonth();
     const isNow = mk === nowMk;
     const isEv = mk === evMk;
-    const isContext = mk < nowMk || mk > evMk;
+    const isContext = mk < loMk || mk > hiMk;
     const anchor = isNow || isEv;
     const col = i % perRow;
     const row = Math.floor(i / perRow);
     const x = g.left + col * (cellW + gap);
     const y = g.top + row * (cellH + rowGap);
     const mt = isContext ? svg.append("g").attr("opacity", 0.42) : svg;
-    const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : mk > nowMk && mk < evMk ? gradStyle(C, (mk - nowMk) / (evMk - nowMk)) : roleStyle(C, mk < nowMk ? "past" : "future");
+    const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : (mk - nowMk) * (mk - evMk) < 0 ? gradStyle(C, (mk - nowMk) / (evMk - nowMk)) : roleStyle(C, mk < nowMk ? "past" : "future");
     const rxM = Math.min(12, cellH * 0.14);
     aRect(mt, x, y, cellW, cellH, rxM, st.fill, st.stroke, 1.25);
     if (isEv) haloRect(mt, x, y, cellW, cellH, rxM, C);
@@ -74300,7 +75021,7 @@ function vizMonthGrid(svg, g, nowMs, resolvedMs, C) {
       const cy = gy + wk * cellH;
       const isEvent = dk === evKey;
       const isToday = dk === todayKey;
-      const between = dk > todayKey && dk < evKey;
+      const between = (dk - todayKey) * (dk - evKey) < 0;
       const anchor = isEvent || isToday;
       const dtMs = new Date(m.getFullYear(), m.getMonth(), day).getTime();
       const st = isEvent ? roleStyle(C, "event") : isToday ? roleStyle(C, "today") : between ? gradStyle(C, dayDelta2(nowMs, dtMs) / dayDelta2(nowMs, resolvedMs)) : roleStyle(C, dk < todayKey ? "past" : "future");
@@ -74339,8 +75060,7 @@ function vizMonthGrid(svg, g, nowMs, resolvedMs, C) {
   });
 }
 function vizWeekStrip(svg, g, nowMs, resolvedMs, C) {
-  const now = new Date(nowMs);
-  const nReal = dayDelta2(nowMs, resolvedMs) + 1;
+  const nReal = Math.abs(dayDelta2(nowMs, resolvedMs)) + 1;
   const n = Math.max(7, nReal);
   const padBefore = Math.floor((n - nReal) / 2);
   const gap = n <= 7 ? 14 : n <= 12 ? 10 : 7;
@@ -74351,17 +75071,20 @@ function vizWeekStrip(svg, g, nowMs, resolvedMs, C) {
   const showTag = cw >= 44;
   const nowOrd = DAY_START(nowMs);
   const evOrd = DAY_START(resolvedMs);
+  const loOrd = Math.min(nowOrd, evOrd);
+  const hiOrd = Math.max(nowOrd, evOrd);
+  const first = new Date(Math.min(nowMs, resolvedMs));
   for (let i = 0; i < n; i++) {
     const dt = new Date(
-      now.getFullYear(),
-      now.getMonth(),
-      now.getDate() + i - padBefore
+      first.getFullYear(),
+      first.getMonth(),
+      first.getDate() + i - padBefore
     );
     const dtOrd = DAY_START(dt.getTime());
     const x = g.left + i * (cw + gap);
     const isToday = dtOrd === nowOrd;
     const isEvent = dtOrd === evOrd;
-    const isContext = dtOrd < nowOrd || dtOrd > evOrd;
+    const isContext = dtOrd < loOrd || dtOrd > hiOrd;
     const st = isEvent ? roleStyle(C, "event") : isToday ? roleStyle(C, "today") : isContext ? roleStyle(C, dtOrd < nowOrd ? "past" : "future") : gradStyle(C, (dtOrd - nowOrd) / (evOrd - nowOrd));
     const ct = isContext ? svg.append("g").attr("opacity", 0.5) : svg;
     const sw = isToday || isEvent ? 2 : 1.25;
@@ -74464,75 +75187,6 @@ function vizToday(svg, g, resolvedMs, C) {
     { "letter-spacing": "0.12em" }
   );
 }
-function vizAfter(svg, g, nowMs, resolvedMs, C) {
-  const ev = new Date(resolvedMs);
-  const elapsed = dayDelta2(resolvedMs, nowMs);
-  const n = elapsed + 1;
-  const gap = 10;
-  const cw = (g.contentW - gap * (n - 1)) / n;
-  const ch = Math.min(cw * 1.1, g.height * 0.62);
-  const top = g.top + (g.height - ch) / 2 - 8;
-  for (let i = 0; i < n; i++) {
-    const dt = new Date(ev);
-    dt.setDate(ev.getDate() + i);
-    const x = g.left + i * (cw + gap);
-    const isEvent = i === 0;
-    const isToday = i === n - 1;
-    const st = roleStyle(C, isEvent ? "event" : "past");
-    const fill2 = st.fill;
-    const stroke2 = st.stroke;
-    const tcol = st.text;
-    const sw = isEvent ? 2.5 : 1;
-    aRect(svg, x, top, cw, ch, 12, fill2, stroke2, sw);
-    if (isEvent) haloRect(svg, x, top, cw, ch, 12, C);
-    aText(
-      svg,
-      x + cw / 2,
-      top + ch * 0.46,
-      Math.min(34, cw * 0.34),
-      tcol,
-      isEvent ? 750 : 500,
-      "middle",
-      String(dt.getDate())
-    );
-    aText(
-      svg,
-      x + cw / 2,
-      top + ch * 0.72,
-      11,
-      tcol,
-      600,
-      "middle",
-      MON_ABBR[dt.getMonth()]
-    );
-    if (isEvent)
-      aText(
-        svg,
-        x + cw / 2,
-        top - 8,
-        11,
-        C.event,
-        700,
-        "middle",
-        "IT HAPPENED",
-        { "letter-spacing": "0.05em" }
-      );
-    if (isToday)
-      aText(svg, x + cw / 2, top - 8, 11, C.now, 700, "middle", "TODAY", {
-        "letter-spacing": "0.05em"
-      });
-  }
-  aText(
-    svg,
-    g.left,
-    top + ch + 28,
-    14,
-    C.muted,
-    400,
-    "start",
-    `${elapsed} day${elapsed === 1 ? "" : "s"} ago \u2014 the day has passed`
-  );
-}
 function polar(cx, cy, r, deg) {
   const a = (deg - 90) * Math.PI / 180;
   return [cx + r * Math.cos(a), cy + r * Math.sin(a)];
@@ -74619,8 +75273,6 @@ function drawBand2(svg, kind, g, nowMs, resolvedMs, C) {
       return vizWeekStrip(svg, g, nowMs, resolvedMs, C);
     case "today":
       return vizToday(svg, g, resolvedMs, C);
-    case "after":
-      return vizAfter(svg, g, nowMs, resolvedMs, C);
     case "clock":
       return vizClock(svg, g, nowMs, resolvedMs, C);
   }
@@ -76443,7 +77095,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const opts = typeof handlers === "function" ? { onClickLine: handlers } : handlers ?? {};
   const onClickLine = opts.onClickLine;
   const onMarkerDragStart = opts.onMarkerDragStart;
-  const hideLegend = opts.hideLegend ?? false;
+  const hideLegend = (opts.hideLegend ?? false) || legendSuppressed(parsed.options);
   const collapsedPhases = opts.collapsedPhases ?? /* @__PURE__ */ new Set();
   const hideTitle = (opts.hideTitle ?? false) || parsed.options["no-title"] === "on";
   d3Selection38.select(container).selectAll(":not([data-d3-tooltip])").remove();
@@ -78092,7 +78744,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     position: { placement: "top-center", titleRelation: "below-title" },
     mode: "preview"
   };
-  const legendTopSpace = parsed.tagGroups.length > 0 ? getMaxLegendReservedHeight(legendConfig, containerWidth) + LEGEND_FIXED_GAP4 : 0;
+  const noLegend = legendSuppressed(parsedOptions);
+  const legendTopSpace = parsed.tagGroups.length > 0 && !noLegend ? getMaxLegendReservedHeight(legendConfig, containerWidth) + LEGEND_FIXED_GAP4 : 0;
   const groupOffset = parsed.groups.length > 0 ? GROUP_PADDING_TOP2 + GROUP_LABEL_SIZE : 0;
   const participantStartY = sTopMargin + titleOffset + legendTopSpace + sParticipantYOffset + groupOffset;
   const lifelineStartY0 = participantStartY + sBoxH;
@@ -78364,7 +79017,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       titleEl.attr("data-line-number", parsed.titleLineNumber);
     }
   }
-  const hasTagGroups = parsed.tagGroups.length > 0;
+  const hasTagGroups = parsed.tagGroups.length > 0 && !noLegend;
   const collapsedGroupNames = /* @__PURE__ */ new Set();
   const collapsedGroupMeta = /* @__PURE__ */ new Map();
   for (const group of parsed.groups) {
@@ -78954,6 +79607,7 @@ var init_renderer33 = __esm({
     init_tag_resolution();
     init_tag_groups();
     init_legend_layout();
+    init_parsing();
     init_legend_integration();
     init_title_constants();
     init_scaling();
@@ -81459,8 +82113,13 @@ async function exportSitemap(ctx) {
   );
   const PADDING7 = 20;
   const titleOffset = effectiveParsed.title ? 30 : 0;
+  const {
+    LEGEND_HEIGHT: SITEMAP_LEGEND_HEIGHT,
+    LEGEND_GROUP_GAP: SITEMAP_LEGEND_GROUP_GAP
+  } = await Promise.resolve().then(() => (init_legend_constants(), legend_constants_exports));
+  const suppressedLegendBand = sitemapLayout.legend.length > 0 && effectiveParsed.options["no-legend"] === "on" ? SITEMAP_LEGEND_HEIGHT + SITEMAP_LEGEND_GROUP_GAP : 0;
   const exportWidth = sitemapLayout.width + PADDING7 * 2;
-  const exportHeight = sitemapLayout.height + PADDING7 * 2 + titleOffset;
+  const exportHeight = sitemapLayout.height + PADDING7 * 2 + titleOffset - suppressedLegendBand;
   const container = createExportContainer(exportWidth, exportHeight);
   renderSitemap2(
     container,
@@ -81872,7 +82531,7 @@ async function exportInfra(ctx) {
     infraTagGroups,
     effectivePalette
   );
-  const legendOffset = legendGroups.length > 0 ? 28 : 0;
+  const legendOffset = legendGroups.length > 0 && infraParsed.options["no-legend"] !== "on" ? 28 : 0;
   const exportWidth = infraLayout.width;
   const exportHeight = infraLayout.height + titleOffset + legendOffset;
   const container = createExportContainer(exportWidth, exportHeight);
@@ -82101,6 +82760,7 @@ async function exportMap(ctx) {
     }
   }
   const mapResolved = resolveMap2(mapParsed, mapData);
+  options?.onMapResolverDiagnostics?.(mapResolved.diagnostics);
   const dims = mapExportDimensions2(
     mapResolved,
     mapData,
@@ -82987,6 +83647,7 @@ async function render(content, options) {
       releaseDom();
     }
   }
+  const mapDiag = { current: null };
   await acquireDom();
   let svg;
   try {
@@ -83002,26 +83663,18 @@ async function render(content, options) {
           c4Container: options.c4Container
         },
         ...options?.tagGroup !== void 0 && { tagGroup: options.tagGroup },
-        ...options?.mapData !== void 0 && { mapData: options.mapData }
+        ...options?.mapData !== void 0 && { mapData: options.mapData },
+        onMapResolverDiagnostics: (d) => {
+          mapDiag.current = d;
+        }
       }
     );
     svg = injectHoverStyles(svg, chartType, { bakeHover });
   } finally {
     releaseDom();
   }
-  if (chartType === "map") {
-    try {
-      const [{ parseMap: parseMap2 }, { resolveMap: resolveMap2 }, { loadMapData: loadMapData2 }] = await Promise.all(
-        [
-          Promise.resolve().then(() => (init_parser19(), parser_exports13)),
-          Promise.resolve().then(() => (init_resolver2(), resolver_exports)),
-          Promise.resolve().then(() => (init_load_data(), load_data_exports))
-        ]
-      );
-      const data = options?.mapData ?? await loadMapData2();
-      diagnostics = [...resolveMap2(parseMap2(content), data).diagnostics];
-    } catch {
-    }
+  if (chartType === "map" && mapDiag.current) {
+    diagnostics = [...mapDiag.current];
   }
   return { svg, diagnostics, chartType: chartType ?? void 0 };
 }
@@ -83167,9 +83820,10 @@ function updateNode(node, now) {
     });
     text = remaining < 0 ? `${clock} ago` : clock;
   } else if (expiredNow) {
-    if (units === "compound" || units === "human")
-      text = `${formatCompound(resolvedMs, now, 2, tz)} ago`;
-    else {
+    if (units === "compound" || units === "human") {
+      const [a, b] = hasTime ? [resolvedMs, now] : [dayStart(resolvedMs, tz), dayStart(now, tz)];
+      text = `${formatCompound(a, b, 2, tz)} ago`;
+    } else {
       const elapsed = -remaining;
       text = elapsed <= 0 ? "Now!" : `${formatCount(elapsed, { units, round, fields })} ago`;
     }
@@ -83482,7 +84136,7 @@ var parser = LRParser.deserialize({
   maxTerm: 40,
   skippedNodes: [0],
   repeatNodeCount: 2,
-  tokenData: ">l~RzOX#uXY#zYZ$VZp#upq#zqr#urs$[st#uux#uxy%eyz%lz{%s{|%z|}&R}!O&Y!O!P#u!P!Q&i!Q!['Y![!]1q!]!^#u!^!_1x!_!`2P!`!a2^!a!b2e!b!c#u!c!}2l!}#O5r#O#P#u#P#Q5w#Q#R#u#R#S2l#S#T#u#T#[2l#[#]6O#]#o2l#o#p#u#p#q>O#q#r#u#r#s>V#s;'S#u;'S;=`>f<%lO#u~#zOq~~$PQv~XY#zpq#z~$[Ow~~$aUq~OY$sZr$srs%Ys;'S$s;'S;=`%_<%lO$s~$vUOY$sZr$srs%Ys;'S$s;'S;=`%_<%lO$s~%_Oo~~%bP;=`<%l$s~%lOc~q~~%sOd~q~~%zOm~q~~&ROj~q~~&YOi~q~~&aPk~q~!`!a&d~&iOX~~&nPq~!P!Q&q~&vSV~OY&qZ;'S&q;'S;=`'S<%lO&q~'VP;=`<%l&q~'a_^~q~uv(`|}(e}!O)b!O!P*l!P!Q,]!Q![,v#R#S1]#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~(eO]~~(hP!Q![(k~(nP!Q![(q~(tP!Q![(w~(|Q^~|}(e!O!P)S~)VP!Q![)Y~)_P^~!Q![)Y~)eP!Q![)h~)mQ[~}!O)s!Q![*d~)vP!Q![)y~)|P!Q![*P~*UP[~!Q![*X~*[P!Q![*_~*dO[~~*iP[~}!O)s~*oP!Q![*r~*wY^~uv(`!Q![*r#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~+jP#W#X+m~+rPZ~!a!b+u~+zOZ~~,PQZ~!a!b+u#]#^,V~,YP#b#c+m~,`P!Q![,c~,hQ[~!P!Q)s!Q![,n~,sP[~!P!Q)s~,{_^~uv(`|}(e}!O)b!O!P*l!P!Q,]!Q![-z#R#S1]#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~.P]^~uv(`|}(e!O!P*l!Q![.x#R#S1]#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~.}]^~uv(`}!O/v!O!P*l!Q![0b#R#S1]#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~/yP!Q![/|~0PP!Q![0S~0XP[~}!O0[~0_P!Q![*X~0g[^~uv(`!O!P*l!Q![0b#R#S1]#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h+m#k#l+m#m#n+m~1`P!Q![1c~1hR^~!O!P)S!Q![1c#R#S1]~1xOh~q~~2POe~q~~2UPq~!_!`2X~2^O_~~2eOf~q~~2lOn~q~~2s_p~q~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#o3r~3w_p~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#o3r~4y]qr3rst3rvw3rwx3r{|3r!O!P3r!P!Q3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#o3r~5wOa~~6OOb~q~~6Vap~q~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#h3r#h#i7[#i#o3r~7aap~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#h3r#h#i8f#i#o3r~8kap~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#d3r#d#e9p#e#o3r~9ubp~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r![!]:}!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#g3r#g#h<w#h#o3r~;QP!P!Q;T~;WP!P!Q;Z~;^YOX;|Zp;|qy;|z|;|}!`;|!a#P;|#Q#p;|#q;'S;|;'S;=`<q<%lO;|~<RY`~OX;|Zp;|qy;|z|;|}!`;|!a#P;|#Q#p;|#q;'S;|;'S;=`<q<%lO;|~<tP;=`<%l;|~<|`p~qr3rst3rvw3rwx3r{|3r}!O4v!O!P3r!P!Q3r!Q![3r![!]:}!_!`3r!a!b3r!b!c3r!c!}3r#R#S3r#T#o3r~>VOg~q~~>^Pl~q~!`!a>a~>fOY~~>iP;=`<%l#u",
+  tokenData: ">w~RzOX#uXY#zYZ$VZp#upq#zqr#urs$[st#uux#uxy%eyz%lz{%s{|%z|}&R}!O&Y!O!P#u!P!Q&i!Q!['Y![!]1|!]!^#u!^!_2T!_!`2[!`!a2i!a!b2p!b!c#u!c!}2w!}#O5}#O#P#u#P#Q6S#Q#R#u#R#S2w#S#T#u#T#[2w#[#]6Z#]#o2w#o#p#u#p#q>Z#q#r#u#r#s>b#s;'S#u;'S;=`>q<%lO#u~#zOq~~$PQv~XY#zpq#z~$[Ow~~$aUq~OY$sZr$srs%Ys;'S$s;'S;=`%_<%lO$s~$vUOY$sZr$srs%Ys;'S$s;'S;=`%_<%lO$s~%_Oo~~%bP;=`<%l$s~%lOc~q~~%sOd~q~~%zOm~q~~&ROj~q~~&YOi~q~~&aPk~q~!`!a&d~&iOX~~&nPq~!P!Q&q~&vSV~OY&qZ;'S&q;'S;=`'S<%lO&q~'VP;=`<%l&q~'a_^~q~uv(`|}(e}!O)b!O!P*l!P!Q,h!Q![-R#R#S1h#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~(eO]~~(hP!Q![(k~(nP!Q![(q~(tP!Q![(w~(|Q^~|}(e!O!P)S~)VP!Q![)Y~)_P^~!Q![)Y~)eP!Q![)h~)mQ[~}!O)s!Q![*d~)vP!Q![)y~)|P!Q![*P~*UP[~!Q![*X~*[P!Q![*_~*dO[~~*iP[~}!O)s~*oP!Q![*r~*wY^~uv(`!Q![*r#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~+jP#W#X+m~+rPZ~!a!b+u~+zOZ~~,PQZ~!a!b+u#]#^,V~,YP#b#c+m~,bQZ~!a!b+u#d#e+m~,kP!Q![,n~,sQ[~!P!Q)s!Q![,y~-OP[~!P!Q)s~-W_^~uv(`|}(e}!O)b!O!P*l!P!Q,h!Q![.V#R#S1h#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~.[]^~uv(`|}(e!O!P*l!Q![/T#R#S1h#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~/Y]^~uv(`}!O0R!O!P*l!Q![0m#R#S1h#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~0UP!Q![0X~0[P!Q![0_~0dP[~}!O0g~0jP!Q![*X~0r[^~uv(`!O!P*l!Q![0m#R#S1h#U#V+g#W#X+m#[#]+m#a#b+z#e#f+m#g#h,]#k#l+m#m#n+m~1kP!Q![1n~1sR^~!O!P)S!Q![1n#R#S1h~2TOh~q~~2[Oe~q~~2aPq~!_!`2d~2iO_~~2pOf~q~~2wOn~q~~3O_p~q~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#o3}~4S_p~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#o3}~5U]qr3}st3}vw3}wx3}{|3}!O!P3}!P!Q3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#o3}~6SOa~~6ZOb~q~~6bap~q~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#h3}#h#i7g#i#o3}~7lap~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#h3}#h#i8q#i#o3}~8vap~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#d3}#d#e9{#e#o3}~:Qbp~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}![!];Y!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#g3}#g#h=S#h#o3}~;]P!P!Q;`~;cP!P!Q;f~;iYOX<XZp<Xqy<Xz|<X}!`<X!a#P<X#Q#p<X#q;'S<X;'S;=`<|<%lO<X~<^Y`~OX<XZp<Xqy<Xz|<X}!`<X!a#P<X#Q#p<X#q;'S<X;'S;=`<|<%lO<X~=PP;=`<%l<X~=X`p~qr3}st3}vw3}wx3}{|3}}!O5R!O!P3}!P!Q3}!Q![3}![!];Y!_!`3}!a!b3}!b!c3}!c!}3}#R#S3}#T#o3}~>bOg~q~~>iPl~q~!`!a>l~>qOY~~>tP;=`<%l#u",
   tokenizers: [0],
   topRules: { "Document": [0, 6] },
   specialized: [{ term: 32, get: (value, stack) => specializeKeyword(value, stack) << 1, external: specializeKeyword }],
@@ -83621,7 +84275,10 @@ var ATTRIBUTE_KEYS = /* @__PURE__ */ new Set([
   "pain",
   "opportunity",
   "thought",
-  "collapsed",
+  // `collapsed` moved to the registry as a bare MODIFIER keyword (decision
+  // #48 made the bare flag canonical). It must NOT be listed here too: the
+  // ATTRIBUTE_KEYS colon gate only fires on `default` tokens, so a bare
+  // keyword classification wins and a duplicate entry would be dead weight.
   "tech",
   "span",
   "split",
@@ -83962,17 +84619,25 @@ var BLOCK_CSS = `
 
 /* === Toolbar ===
  * The diagram is the star: the toolbar is an overlay pinned to the diagram's
- * top-right corner (position:absolute \u2014 it reserves no layout space, so the
- * block is exactly as tall as the chart). It stays fully transparent until
- * the block is hovered or focused, or the source panel is open. It is the
- * <summary> of the source <details>, so toggling works without any JS.
- * No text labels, no disclosure triangle \u2014 three wordless icon buttons. */
+ * bottom-right corner (position:absolute \u2014 it reserves no layout space, so the
+ * block is exactly as tall as the chart). Bottom-right (not top-right) so it
+ * never collides with a host's own top-right chart chrome \u2014 e.g. Obsidian's
+ * code-block copy button. It stays fully transparent until the block is
+ * hovered or focused, or the source panel is open. It is the <summary> of the
+ * source <details>, so toggling works without any JS. No text labels, no
+ * disclosure triangle \u2014 three wordless icon buttons.
+ *
+ * Anchored to .dgmo-source-wrap (position:relative below), whose top edge is
+ * always the diagram's bottom edge \u2014 bottom:calc(100% + gap) therefore keeps
+ * the toolbar at the diagram's bottom-right whether the source panel is open or
+ * closed (a figure-anchored bottom would drift down below the open code). */
 .dgmo-source-wrap {
   margin: 0;
+  position: relative;
 }
 .dgmo-toolbar {
   position: absolute;
-  top: 0.4em;
+  bottom: calc(100% + 0.4em);
   right: 0.4em;
   z-index: 2;
   display: flex;
@@ -84431,7 +85096,7 @@ var CSS = AUTO_BASE_CSS + "\n" + BLOCK_CSS + "\n" + darkScopedBlockCss(BLOCK_CSS
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.52.0";
+var VERSION = "0.53.0";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1500;
 var LOG_PREFIX = "[dgmo]";