@diagrammo/dgmo 0.15.1 → 0.17.0

package/src/infra/parser.ts

@@ -14,7 +14,6 @@ import {
   nameMergedMessage,
 } from '../diagnostics';
 import { tryStripDescriptionKeyword } from '../utils/description-helpers';
-import { resolveColorWithDiagnostic } from '../colors';
 import { parseInArrowLabel } from '../utils/arrows';
 import {
   measureIndent,
@@ -22,6 +21,7 @@ import {
   OPTION_NOCOLON_RE,
   tryParseSharedOption,
 } from '../utils/parsing';
+import { isRecognizedColorName } from '../colors';
 import { normalizeName, displayName } from '../utils/name-normalize';
 import {
   matchTagBlockHeading,
@@ -62,9 +62,11 @@ const DEPRECATED_FANOUT_RE = /\bx(\d+)\s*$/;
 const GROUP_RE =
   /^\[([^\]]+)\]\s*(?:as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*)?(?:\|\s*(.+))?$/;
 
-// Tag value: Name  or  Name(color)
-// Note: `default` keyword removed — first value is the default.
-const TAG_VALUE_RE = /^(\w[\w\s]*?)(?:\(([^)]+)\))?\s*$/;
+// Tag value: `Name` or `Name color` (trailing-token color form). Color is
+// extracted via the shared `extractColor` helper at use-site (see
+// `dgmo/src/utils/parsing.ts:extractColor`), not via this regex. This regex
+// just confirms the line shape is a valid tag value (no reserved sigils).
+const TAG_VALUE_RE = /^(\w[\w\s]+?)\s*$/;
 
 // Component line. Accepts either a quoted name ("name with | : reserved chars")
 // or a bare name (multi-word allowed; must start with letter/underscore so digit-
@@ -445,14 +447,22 @@ export function parseInfra(content: string): ParsedInfra {
     // Tag value inside tag group — first value is the default unless another is marked `default`
     if (currentTagGroup && indent > 0) {
       const { text: cleanEntry, isDefault } = stripDefaultModifier(trimmed);
-      const tvMatch = cleanEntry.match(TAG_VALUE_RE);
-      if (tvMatch) {
-        const valueName = tvMatch[1].trim();
-        const rawColor = tvMatch[2]?.trim();
-        if (rawColor) {
-          // Validate the color name; emit diagnostic if invalid
-          resolveColorWithDiagnostic(rawColor, lineNumber, result.diagnostics);
+      // Trailing-token color (universal rule, §1.5): peel off a lowercase
+      // recognized color word from the end of the line. Downstream stores
+      // the raw color NAME (not the palette hex) so the renderer can resolve
+      // against whichever theme/palette is active at render time.
+      const lastSpaceIdx = cleanEntry.lastIndexOf(' ');
+      let valueName = cleanEntry;
+      let rawColor: string | undefined;
+      if (lastSpaceIdx > 0) {
+        const trailing = cleanEntry.substring(lastSpaceIdx + 1);
+        if (isRecognizedColorName(trailing)) {
+          rawColor = trailing;
+          valueName = cleanEntry.substring(0, lastSpaceIdx).trimEnd();
         }
+      }
+      const tvMatch = valueName.match(TAG_VALUE_RE);
+      if (tvMatch || /^\w+$/.test(valueName)) {
         currentTagGroup.values.push({
           name: valueName,
           color: rawColor,

package/src/infra/renderer.ts

@@ -1733,8 +1733,7 @@ function renderNodes(
       }
 
       // Role badge dots — only shown when Capabilities legend is expanded
-      const showDots =
-        activeGroup != null && activeGroup.toLowerCase() === 'capabilities';
+      const showDots = activeGroup?.toLowerCase() === 'capabilities';
       const roles = showDots && !node.isEdge ? inferRoles(node.properties) : [];
       if (roles.length > 0) {
         // Move dots up above the collapse bar for collapsed groups
@@ -2024,7 +2023,8 @@ function renderLegend(
   palette: PaletteColors,
   isDark: boolean,
   activeGroup: string | null,
-  playback?: InfraPlaybackState
+  playback?: InfraPlaybackState,
+  exportMode = false
 ) {
   if (legendGroups.length === 0 && !playback) return;
 
@@ -2049,7 +2049,7 @@ function renderLegend(
   const legendConfig: LegendConfig = {
     groups: allGroups,
     position: { placement: 'top-center', titleRelation: 'below-title' },
-    mode: 'fixed',
+    mode: exportMode ? 'export' : 'preview',
     showEmptyGroups: true,
   };
   const legendState: LegendState = { activeGroup };
@@ -2394,7 +2394,8 @@ export function renderInfra(
         palette,
         isDark,
         activeGroup ?? null,
-        playback ?? undefined
+        playback ?? undefined,
+        exportMode
       );
       // Re-enable pointer events on interactive legend elements
       legendSvg
@@ -2410,7 +2411,8 @@ export function renderInfra(
         palette,
         isDark,
         activeGroup ?? null,
-        playback ?? undefined
+        playback ?? undefined,
+        exportMode
       );
     }
   }

package/src/journey-map/parser.ts

@@ -1,4 +1,5 @@
 import type { PaletteColors } from '../palettes';
+import { resolveColorWithDiagnostic } from '../colors';
 import { makeDgmoError, formatDgmoError, suggest } from '../diagnostics';
 import {
   matchTagBlockHeading,
@@ -63,7 +64,7 @@ export function parseJourneyMap(
     result.diagnostics.push(makeDgmoError(line, message, 'warning'));
   };
 
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, 'No content provided');
   }
 
@@ -138,8 +139,14 @@ export function parseJourneyMap(
               const key = part.substring(0, colonIdx).trim().toLowerCase();
               const value = part.substring(colonIdx + 1).trim();
               if (key === 'color') {
-                const resolved = extractColor(`x(${value})`, palette);
-                personaColor = resolved.color;
+                // Resolve the color name directly (no synthetic parens wrap).
+                personaColor =
+                  resolveColorWithDiagnostic(
+                    value,
+                    lineNumber,
+                    result.diagnostics,
+                    palette
+                  ) ?? undefined;
               }
             }
           }
@@ -209,7 +216,7 @@ export function parseJourneyMap(
         if (!color) {
           warn(
             lineNumber,
-            `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+            `Expected 'Value color' in tag group '${currentTagGroup.name}'`
           );
           continue;
         }

package/src/journey-map/renderer.ts

@@ -36,6 +36,7 @@ export interface JourneyMapInteractiveOptions {
   collapsedPhases?: Set<string>;
   /** Called when a phase is toggled */
   onPhaseToggle?: (phaseName: string) => void;
+  exportMode?: boolean;
 }
 
 // ============================================================
@@ -313,7 +314,7 @@ export function renderJourneyMap(
         titleRelation: 'inline-with-title',
       },
       titleWidth: 0,
-      mode: exportDims ? 'inline' : 'fixed',
+      mode: options?.exportMode ? 'export' : 'preview',
     };
 
     const legendState: LegendState = { activeGroup: effectiveActiveGroup };
@@ -1559,6 +1560,7 @@ export function renderJourneyMapForExport(
   const container = document.createElement('div');
   renderJourneyMap(container, parsed, palette, isDark, {
     exportDims: { width: layout.totalWidth, height: layout.totalHeight },
+    exportMode: true,
   });
 
   const svgEl = container.querySelector('svg');

package/src/kanban/parser.ts

@@ -26,10 +26,11 @@ import type {
 // Regex patterns
 // ============================================================
 
-// [Column Name], [Column Name](color), [Column Name] as <alias>, [Column Name] | wip: 3, etc.
+// [Column Name], [Column Name] color, [Column Name] as <alias>, [Column Name] | wip: 3, etc.
+// Universal §1.5 trailing-token: color is a bare token after `]`.
 // Captures: [1]=label [2]=color [3]=alias (TD-18) [4]=pipe meta
 const COLUMN_RE =
-  /^\[(.+?)\](?:\s*\(([^)]+)\))?(?:\s+as\s+([A-Za-z][A-Za-z0-9_]{0,11}))?\s*(?:\|\s*(.+))?$/;
+  /^\[(.+?)\](?:\s+(\S+))?(?:\s+as\s+([A-Za-z][A-Za-z0-9_]{0,11}))?\s*(?:\|\s*(.+))?$/;
 // Legacy delimiter
 const LEGACY_COLUMN_RE = /^==\s+(.+?)\s*(?:\[wip:\s*(\d+)\])?\s*==$/;
 
@@ -70,7 +71,7 @@ export function parseKanban(
     result.diagnostics.push(makeDgmoError(line, message, 'warning'));
   };
 
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, 'No content provided');
   }
 
@@ -180,7 +181,7 @@ export function parseKanban(
       }
     }
 
-    // Tag group entries (indented Value(color) under tag heading)
+    // Tag group entries (indented Value color under tag heading)
     // First entry is the default unless another is marked `default`
     if (currentTagGroup && !contentStarted) {
       const indent = measureIndent(line);
@@ -190,7 +191,7 @@ export function parseKanban(
         if (!color) {
           warn(
             lineNumber,
-            `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+            `Expected 'Value color' in tag group '${currentTagGroup.name}'`
           );
           continue;
         }
@@ -247,9 +248,12 @@ export function parseKanban(
 
       columnCounter++;
       const colName = columnMatch[1].trim();
-      const colColor = columnMatch[2]
+      // Trailing token after `]` must be a recognized color word (§1.5).
+      // If it isn't, the line is malformed — emit the standard diagnostic.
+      const rawTrailing = columnMatch[2]?.trim();
+      const colColor = rawTrailing
         ? resolveColorWithDiagnostic(
-            columnMatch[2].trim(),
+            rawTrailing,
             lineNumber,
             result.diagnostics,
             palette

package/src/kanban/renderer.ts

@@ -37,6 +37,7 @@ interface KanbanInteractiveOptions {
   collapsedLanes?: Set<string>;
   collapsedColumns?: Set<string>;
   compactMeta?: boolean;
+  exportMode?: boolean;
 }
 
 // ============================================================
@@ -330,7 +331,7 @@ export function renderKanban(
     const legendConfig: LegendConfig = {
       groups: parsed.tagGroups,
       position: { placement: 'top-center', titleRelation: 'inline-with-title' },
-      mode: exportDims ? 'inline' : 'fixed',
+      mode: options?.exportMode ? 'export' : 'preview',
     };
     const legendState: LegendState = { activeGroup: activeTagGroup ?? null };
     const legendG = svg
@@ -682,6 +683,7 @@ export function renderKanbanForExport(
   const container = document.createElement('div');
   renderKanban(container, parsed, palette, isDark, {
     exportDims: { width: layout.totalWidth, height: layout.totalHeight },
+    exportMode: true,
   });
 
   const svgEl = container.querySelector('svg');

package/src/mindmap/parser.ts

@@ -62,7 +62,7 @@ export function parseMindmap(
     result.diagnostics.push(makeDgmoError(line, message, 'warning'));
   };
 
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, 'No content provided');
   }
 
@@ -179,7 +179,7 @@ export function parseMindmap(
       }
     }
 
-    // Tag group entries (indented Value(color) under tag heading)
+    // Tag group entries (indented Value color under tag heading)
     if (currentTagGroup && !contentStarted) {
       const indent = measureIndent(line);
       if (indent > 0) {
@@ -188,7 +188,7 @@ export function parseMindmap(
         if (!color) {
           pushError(
             lineNumber,
-            `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+            `Expected 'Value color' in tag group '${currentTagGroup.name}'`
           );
           continue;
         }
@@ -278,8 +278,7 @@ export function parseMindmap(
     result.diagnostics.push(diag);
     result.error = formatDgmoError(diag);
   } else if (
-    titleRoot &&
-    titleRoot.children.length === 0 &&
+    titleRoot?.children.length === 0 &&
     result.roots.length === 1 &&
     !result.error
   ) {

package/src/mindmap/renderer.ts

@@ -95,6 +95,7 @@ export function renderMindmap(
     onToggleDescriptions?: (active: boolean) => void;
     controlsExpanded?: boolean;
     onToggleControlsExpand?: () => void;
+    exportMode?: boolean;
   }
 ): void {
   const isExport = !!exportDims;
@@ -234,7 +235,7 @@ export function renderMindmap(
         };
       }),
       position: { placement: 'top-center', titleRelation: 'below-title' },
-      mode: 'fixed',
+      mode: options?.exportMode ? 'export' : 'preview',
       controlsGroup: controlsToggles,
     };
     const legendState: LegendState = {

package/src/org/parser.ts

@@ -115,7 +115,7 @@ export function parseOrg(content: string, palette?: PaletteColors): ParsedOrg {
     result.diagnostics.push(makeDgmoError(line, message, 'warning'));
   };
 
-  if (!content || !content.trim()) {
+  if (!content?.trim()) {
     return fail(0, 'No content provided');
   }
 
@@ -235,7 +235,7 @@ export function parseOrg(content: string, palette?: PaletteColors): ParsedOrg {
       }
     }
 
-    // Tag group entries (indented Value(color) under tag heading)
+    // Tag group entries (indented Value color under tag heading)
     // First entry is the default unless another is marked `default`
     if (currentTagGroup && !contentStarted) {
       const indent = measureIndent(line);
@@ -245,7 +245,7 @@ export function parseOrg(content: string, palette?: PaletteColors): ParsedOrg {
         if (!color) {
           pushError(
             lineNumber,
-            `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+            `Expected 'Value color' in tag group '${currentTagGroup.name}'`
           );
           continue;
         }

package/src/org/renderer.ts

@@ -110,7 +110,8 @@ export function renderOrg(
   exportDims?: { width?: number; height?: number },
   activeTagGroup?: string | null,
   hiddenAttributes?: Set<string>,
-  ancestorPath?: AncestorInfo[]
+  ancestorPath?: AncestorInfo[],
+  exportMode?: boolean
 ): void {
   // Clear existing content
   d3Selection.select(container).selectAll(':not([data-d3-tooltip])').remove();
@@ -759,7 +760,7 @@ export function renderOrg(
             },
           ],
           position: { placement: 'top-center', titleRelation: 'below-title' },
-          mode: 'fixed',
+          mode: exportMode ? 'export' : 'preview',
         };
         const singleState: LegendState = { activeGroup: lg.name };
         const groupG = legendParentBase
@@ -783,7 +784,7 @@ export function renderOrg(
       const legendConfig: LegendConfig = {
         groups,
         position: { placement: 'top-center', titleRelation: 'below-title' },
-        mode: 'fixed',
+        mode: exportMode ? 'export' : 'preview',
         capsulePillAddonWidth: eyeAddonWidth,
       };
       const legendState: LegendState = { activeGroup: activeTagGroup ?? null };

package/src/pert/analyzer.ts

@@ -180,7 +180,7 @@ export function analyzePert(parsed: ParsedPert): ResolvedPert {
   for (const e of edges) {
     if (!e.lag || e.lag.amount >= 0) continue;
     const src = activities.find((a) => a.id === e.source);
-    if (!src || !src.duration) continue;
+    if (!src?.duration) continue;
     const leadDays = -toDays(e.lag, sprintDays);
     const srcDurDays = toDays(src.duration.m, sprintDays);
     if (e.type === 'FS' && leadDays > srcDurDays) {
@@ -923,7 +923,7 @@ export function buildSummary(input: BuildSummaryInput): CaptionRow[] | null {
     // Expected duration AND each percentile latest-safe start so the
     // caption shape stays parallel to the feasible case (one top row +
     // three percentile sub-rows).
-    if (anchor && anchor.kind === 'backward') {
+    if (anchor?.kind === 'backward') {
       return [
         { text: 'Expected duration: ?', level: 0 },
         { text: 'P50 latest-safe start: ?', level: 0 },
@@ -958,13 +958,13 @@ export function buildSummary(input: BuildSummaryInput): CaptionRow[] | null {
   const sigmaParen = showMcDetail
     ? ` (± ${roundForCaption(projectSigma!)} ${pluralizeUnit(projectSigma!, unit)})`
     : '';
-  if (anchor && anchor.kind === 'forward') {
+  if (anchor?.kind === 'forward') {
     const projectMuDays = projectMu * unitToDays(unit);
     rows.push({
       text: `Expected finish: ${addCalendarDays(anchor.date, projectMuDays)}${sigmaParen}.`,
       level: 0,
     });
-  } else if (anchor && anchor.kind === 'backward') {
+  } else if (anchor?.kind === 'backward') {
     const projectMuDays = projectMu * unitToDays(unit);
     rows.push({
       text: `Expected start: ${addCalendarDays(anchor.date, -projectMuDays)}${sigmaParen}.`,
@@ -990,13 +990,13 @@ export function buildSummary(input: BuildSummaryInput): CaptionRow[] | null {
       { pct: 80, days: monteCarloResult!.p80 },
       { pct: 95, days: monteCarloResult!.p95 },
     ];
-    if (anchor && anchor.kind === 'forward') {
+    if (anchor?.kind === 'forward') {
       for (const { pct, days } of percentiles) {
         const offsetDays = roundConservative(days, 'forward');
         const date = addCalendarDays(anchor.date, offsetDays);
         rows.push({ text: `P${pct} finish: ${date}.`, level: 1 });
       }
-    } else if (anchor && anchor.kind === 'backward') {
+    } else if (anchor?.kind === 'backward') {
       for (const { pct, days } of percentiles) {
         const offsetDays = roundConservative(days, 'backward');
         const date = addCalendarDays(anchor.date, -offsetDays);
@@ -1074,10 +1074,10 @@ export function buildProjectSubtitle(input: {
 
   if (projectMu === null) {
     // Anchored + TBD: keep the framing prefix, mark the math as ?.
-    if (anchor && anchor.kind === 'forward') {
+    if (anchor?.kind === 'forward') {
       return `Expected finish: ? · ≈ ? ${pluralizeUnit(2, unit)} of work`;
     }
-    if (anchor && anchor.kind === 'backward') {
+    if (anchor?.kind === 'backward') {
       return `Expected start: ? · ≈ ? ${pluralizeUnit(2, unit)} lead time`;
     }
     // Unanchored + TBD: surface that the total is unknown. The per-node
@@ -1087,11 +1087,11 @@ export function buildProjectSubtitle(input: {
 
   const muStr = `${roundForCaption(projectMu)} ${pluralizeUnit(projectMu, unit)}`;
 
-  if (anchor && anchor.kind === 'forward') {
+  if (anchor?.kind === 'forward') {
     const projectMuDays = projectMu * unitToDays(unit);
     return `Expected finish: ${addCalendarDays(anchor.date, projectMuDays)} · ≈ ${muStr} of work${sigmaParen}`;
   }
-  if (anchor && anchor.kind === 'backward') {
+  if (anchor?.kind === 'backward') {
     const projectMuDays = projectMu * unitToDays(unit);
     return `Expected start: ${addCalendarDays(anchor.date, -projectMuDays)} · ≈ ${muStr} lead time${sigmaParen}`;
   }

package/src/pert/layout.ts

@@ -208,7 +208,7 @@ function nodeDimensions(
   sizing: NodeSizing,
   overrides?: LayoutOverrides
 ): { width: number; height: number } {
-  if (overrides && overrides[id]) {
+  if (overrides?.[id]) {
     return { width: overrides[id].width, height: overrides[id].height };
   }
   const r = resolved.activities.find((a) => a.activity.id === id);

package/src/pert/parser.ts

@@ -448,7 +448,7 @@ export interface ParsePertOptions {
   now?: Date;
   /**
    * Active palette — used when resolving color names on `tag` entries
-   * (e.g. `High(red)` → palette.colors.red). Optional; when omitted the
+   * (e.g. `High red` → palette.colors.red). Optional; when omitted the
    * universal default color map is used.
    */
   palette?: PaletteColors;
@@ -503,7 +503,7 @@ export function parsePert(
 
   /**
    * Tag groups declared at the top of the diagram. A `tag …` heading
-   * opens a block; entries (indented `Value(color)` lines) accumulate
+   * opens a block; entries (indented `Value color` lines) accumulate
    * until the first non-tag content line closes it.
    */
   const tagGroups: TagGroup[] = [];
@@ -576,7 +576,7 @@ export function parsePert(
       // layer is responsible for routing.
     }
 
-    // ── Tag-block phase. `tag Priority as p\n  High(red)\n  Low(green)`
+    // ── Tag-block phase. `tag Priority as p\n  High red\n  Low green`
     // lives BEFORE diagram content; once any group / activity / arrow
     // is seen, `contentStarted` flips and further `tag …` headings
     // emit an error.
@@ -599,7 +599,7 @@ export function parsePert(
           );
         }
         tagGroups.push(currentTagGroup);
-        // Inline values (e.g. `tag Priority as p Low(green), High(red)`).
+        // Inline values (e.g. `tag Priority as p Low green, High red`).
         if (tagBlockMatch.inlineValues) {
           for (const raw of tagBlockMatch.inlineValues) {
             const { text, isDefault } = stripDefaultModifier(raw);
@@ -612,7 +612,7 @@ export function parsePert(
             if (!color) {
               warn(
                 lineNumber,
-                `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+                `Expected 'Value color' in tag group '${currentTagGroup.name}'`
               );
               continue;
             }
@@ -624,7 +624,7 @@ export function parsePert(
         }
         continue;
       }
-      // Indented `Value(color)` entry under an open tag block.
+      // Indented `Value color` entry under an open tag block.
       if (currentTagGroup && indent > 0) {
         const { text, isDefault } = stripDefaultModifier(trimmed);
         const { label, color } = extractColor(
@@ -636,7 +636,7 @@ export function parsePert(
         if (!color) {
           warn(
             lineNumber,
-            `Expected 'Value(color)' in tag group '${currentTagGroup.name}'`
+            `Expected 'Value color' in tag group '${currentTagGroup.name}'`
           );
           continue;
         }
@@ -823,7 +823,7 @@ export function parsePert(
         const head = trimmed.slice(0, firstSpace).toLowerCase();
         const value = trimmed.slice(firstSpace + 1).trim();
         const hint = NEAR_DIRECTIVE_HINTS.find((h) => h.stem === head);
-        if (hint && hint.matches.test(value)) {
+        if (hint?.matches.test(value)) {
           error(
             lineNumber,
             `Unknown directive '${head}'. Did you mean '${hint.canonical}'?`,

package/src/pert/renderer.ts

@@ -388,6 +388,8 @@ export interface PertRenderOptions {
    * through to the parsed `active-tag` directive.
    */
   activeTagOverride?: string | null;
+  /** True when rendering for export — strips collapsed pills and cog from legend. */
+  exportMode?: boolean;
 }
 
 export function renderPert(
@@ -568,6 +570,7 @@ export function renderPert(
       y: tagLegendY,
       width: exportWidth,
       activeGroup: tagLegendActive,
+      exportMode: options.exportMode,
     });
   }
 
@@ -681,6 +684,7 @@ export function renderPertForExport(
       title: hasTitle ? parsed.title : null,
       subtitle: resolved.projectSubtitle,
       exportDims: { width: exportWidth, height: exportHeight },
+      exportMode: true,
     });
     const svgEl = container.querySelector('svg');
     if (!svgEl) return '';
@@ -2990,6 +2994,7 @@ interface TagLegendArgs {
   y: number;
   width: number;
   activeGroup: string | null;
+  exportMode?: boolean;
 }
 
 /**
@@ -3008,7 +3013,7 @@ function renderTagLegendRow(
 ): void {
   if (resolved.tagGroups.length === 0) return;
 
-  const { x, y, width, activeGroup } = args;
+  const { x, y, width, activeGroup, exportMode } = args;
   const groups = resolved.tagGroups.map((g) => ({
     name: g.name,
     entries: g.entries.map((e) => ({ value: e.value, color: e.color })),
@@ -3024,7 +3029,7 @@ function renderTagLegendRow(
     {
       groups,
       position: { placement: 'top-center', titleRelation: 'below-title' },
-      mode: 'fixed',
+      mode: exportMode ? 'export' : 'preview',
     },
     { activeGroup },
     palette,

package/src/pert/types.ts

@@ -215,7 +215,7 @@ export interface ParsedPert {
   groups: PertGroup[];
   /**
    * Tag groups declared at the top of the diagram (`tag Priority as p
-   * High(red), Low(green)`). Drive node fill via `resolveTagColor()`.
+   * High red, Low green`). Drive node fill via `resolveTagColor()`.
    * Empty when no `tag` blocks are declared.
    */
   tagGroups: TagGroup[];

package/src/pyramid/parser.ts

@@ -7,6 +7,7 @@ import {
   measureIndent,
   parseFirstLine,
   parsePipeMetadata,
+  peelTrailingColorName,
   tryParseSharedOption,
 } from '../utils/parsing';
 import type { ParsedPyramid, PyramidLayer } from './types';
@@ -88,7 +89,7 @@ export function parsePyramid(content: string): ParsedPyramid {
     // ── First line: chart type declaration ──
     if (!headerParsed) {
       const firstLineResult = parseFirstLine(trimmed);
-      if (firstLineResult && firstLineResult.chartType === 'pyramid') {
+      if (firstLineResult?.chartType === 'pyramid') {
         result.title = firstLineResult.title ?? '';
         result.titleLineNumber = lineNum;
         headerParsed = true;
@@ -146,6 +147,17 @@ export function parsePyramid(content: string): ParsedPyramid {
         continue;
       }
 
+      // Universal trailing-token shortcut: `Label color` is equivalent to
+      // `Label | color: <name>` when color is the only metadata key (§1.5).
+      if (!color) {
+        const { label: stripped, colorName: shortcutColor } =
+          peelTrailingColorName(label);
+        if (shortcutColor) {
+          color = shortcutColor;
+          label = stripped;
+        }
+      }
+
       currentLayer = {
         label,
         lineNumber: lineNum,